@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;

src: local('Roboto Thin'), local('Roboto-Thin'),
url("../fonts/Roboto-Thin.ttf") format('truetype');
}


@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url("../fonts/Roboto-ThinItalic.ttf") format('truetype');
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("../fonts/Roboto-Light.ttf") format('truetype');
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("../fonts/Roboto-LightItalic.ttf") format('truetype');
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("../fonts/Roboto-Medium.ttf") format('truetype');
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url("../fonts/Roboto-MediumItalic.ttf") format('truetype');
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url("../fonts/RobotoCondensed-Light.ttf") format('truetype');
}

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Condensed Thin Italic'), local('RobotoCondensed-LightItalic'), url("../fonts/RobotoCondensed-LightItalic.ttf") format('truetype');
}





/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}



@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}




/*.form-control,*/
input[type="text"],
input[type="password"],
textarea,
select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #696969;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: #64bee8;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(100, 190, 232, 0.6);
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #777777;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #777777;
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: #999;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #999;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #999;
}
input[type="text"][disabled],
input[type="password"][disabled],
textarea[disabled],
select[disabled],
input[type="text"][readonly],
input[type="password"][readonly],
textarea[readonly],
select[readonly],
fieldset[disabled] input[type="text"],
fieldset[disabled] input[type="password"],
fieldset[disabled] textarea,
fieldset[disabled] select {
  cursor: not-allowed;
  background-color: #e5e5e5;
  opacity: 1;
}
textarea {
  min-height: 9em;
  min-width: 10em;
  resize: vertical;
}
textarea[name='form.widgets.IRichText.text'] {
  min-height: 12em;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.42857143 \0;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.field {
  margin-bottom: 15px;
}
.field span.option {
  display: block;
}
.field.error {
  background: #fbe8e4;
  box-shadow: 0 0 0 5px #fbe8e4;
}
.field.error .help-block,
.field.error .control-label,
.field.error .radio,
.field.error .checkbox,
.field.error .radio-inline,
.field.error .checkbox-inline {
  color: rgba(0, 0, 0, 0.5);
}
.field.error .form-control {
  border-color: rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.field.error .form-control:focus {
  border-color: rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.5);
}
.field.error .input-group-addon {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.5);
  background-color: #EC9C8D;
}
.field.error .form-control-feedback {
  color: rgba(0, 0, 0, 0.5);
}
.field.error .help-block,
.field.error .control-label,
.field.error .radio,
.field.error .checkbox,
.field.error .radio-inline,
.field.error .checkbox-inline,
.field.error.radio label,
.field.error.checkbox label,
.field.error.radio-inline label,
.field.error.checkbox-inline label {
  color: rgba(0, 0, 0, 0.5);
}
.field.error .form-control {
  border-color: rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.field.error .form-control:focus {
  border-color: rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.5);
}
.field.error .input-group-addon {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.5);
  background-color: #EC9C8D;
}
.field.error .form-control-feedback {
  color: rgba(0, 0, 0, 0.5);
}
.field.error > label,
.field.error div.error {
  color: #c4183c;
}
.field.error div.error {
  padding-left: 30px;
  font-weight: 300;
}
.field.error div.error:before {
  background-color: #ac493f;
  content: "×";
  font-size: 14px;
  font-weight: 300;
  margin-left: -30px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
  top: -1px;
  position: relative;
}
.field.error input,
.field.error textarea,
.field.error select {
  border-color: #c4183c;
}
.field.error input:focus,
.field.error textarea:focus,
.field.error select:focus {
  box-shadow: 0 0 8px #f6b2c0;
}
.formHelp {
  margin-top: 0;
  margin-bottom: 0;
  color: #666666;
  font-weight: 300;
  font-style: italic;
}
.formControls {
  border-top: 1px solid #cccccc;
  background: #fcfcfd;
  padding: 12px;
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.05);
}
.plone-modal-body .formControls {
  border: none;
  background: transparent;
  padding: 0;
  box-shadow: none;
}
label .required:after {
  color: #c4183c;
  content: "•";
  font-size: 200%;
  line-height: 0;
  position: relative;
  top: 7px;
  margin-left: -4px;
}
.searchField.portlet-search-gadget,
#sharing-user-group-search,
#select-rules {
  width: 100%;
  display: inline-block;
}
.searchField.portlet-search-gadget + .searchButton,
#sharing-user-group-search + #sharing-search-button,
#select-rules + input {
  position: relative;
  float: right;
  margin-top: -34px;
}
#search-results li {
  margin: 12px 0;
}
#search-results li .croppedDescription {
  margin-bottom: 0;
}
.highlightedSearchTerm {
  background: #fea;
  box-shadow: 0 0 1px 1px #fea;
}
.search-date-options > div,
.search-type-options > div {
  display: inline-block;
  margin-right: 12px;
}
.optionsToggle label {
  font-weight: 300;
  color: #696969;
}
.ordered-selection-field td {
  vertical-align: middle;
  text-align: center;
}
.ordered-selection-field td button {
  float: left;
  margin-left: 2rem;
}
.folder-factories {
  list-style: none;
}
.widget input + label {
  display: inline;
}
.standalone,
.context,
.destructive,
[type="submit"],
button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.standalone:focus,
.context:focus,
.destructive:focus,
[type="submit"]:focus,
button:focus,
.standalone:active:focus,
.context:active:focus,
.destructive:active:focus,
[type="submit"]:active:focus,
button:active:focus,
.standalone.active:focus,
.context.active:focus,
.destructive.active:focus,
[type="submit"].active:focus,
button.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.standalone:hover,
.context:hover,
.destructive:hover,
[type="submit"]:hover,
button:hover,
.standalone:focus,
.context:focus,
.destructive:focus,
[type="submit"]:focus,
button:focus {
  color: #4d4d4d;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.standalone:active,
.context:active,
.destructive:active,
[type="submit"]:active,
button:active,
.standalone.active,
.context.active,
.destructive.active,
[type="submit"].active,
button.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.standalone.disabled,
.context.disabled,
.destructive.disabled,
[type="submit"].disabled,
button.disabled,
.standalone[disabled],
.context[disabled],
.destructive[disabled],
[type="submit"][disabled],
button[disabled],
fieldset[disabled] .standalone,
fieldset[disabled] .context,
fieldset[disabled] .destructive,
fieldset[disabled] [type="submit"],
fieldset[disabled] button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
  box-shadow: none;
}
.standalone,
[type="submit"],
button {
  color: #4d4d4d;
  background-color: #e5e5e5;
  border-color: #b2b2b2;
}
.standalone:hover,
[type="submit"]:hover,
button:hover,
.standalone:focus,
[type="submit"]:focus,
button:focus,
.standalone:active,
[type="submit"]:active,
button:active,
.standalone.active,
[type="submit"].active,
button.active,
.open > .dropdown-toggle.standalone,
.open > .dropdown-toggle[type="submit"],
.open > .dropdown-togglebutton {
  color: #4d4d4d;
  background-color: #cccccc;
  border-color: #939393;
}
.standalone:active,
[type="submit"]:active,
button:active,
.standalone.active,
[type="submit"].active,
button.active,
.open > .dropdown-toggle.standalone,
.open > .dropdown-toggle[type="submit"],
.open > .dropdown-togglebutton {
  background-image: none;
}
.standalone.disabled,
[type="submit"].disabled,
button.disabled,
.standalone[disabled],
[type="submit"][disabled],
button[disabled],
fieldset[disabled] .standalone,
fieldset[disabled] [type="submit"],
fieldset[disabled] button,
.standalone.disabled:hover,
[type="submit"].disabled:hover,
button.disabled:hover,
.standalone[disabled]:hover,
[type="submit"][disabled]:hover,
button[disabled]:hover,
fieldset[disabled] .standalone:hover,
fieldset[disabled] [type="submit"]:hover,
fieldset[disabled] button:hover,
.standalone.disabled:focus,
[type="submit"].disabled:focus,
button.disabled:focus,
.standalone[disabled]:focus,
[type="submit"][disabled]:focus,
button[disabled]:focus,
fieldset[disabled] .standalone:focus,
fieldset[disabled] [type="submit"]:focus,
fieldset[disabled] button:focus,
.standalone.disabled:active,
[type="submit"].disabled:active,
button.disabled:active,
.standalone[disabled]:active,
[type="submit"][disabled]:active,
button[disabled]:active,
fieldset[disabled] .standalone:active,
fieldset[disabled] [type="submit"]:active,
fieldset[disabled] button:active,
.standalone.disabled.active,
[type="submit"].disabled.active,
button.disabled.active,
.standalone[disabled].active,
[type="submit"][disabled].active,
button[disabled].active,
fieldset[disabled] .standalone.active,
fieldset[disabled] [type="submit"].active,
fieldset[disabled] button.active {
  background-color: #e5e5e5;
  border-color: #b2b2b2;
}
.standalone .badge,
[type="submit"] .badge,
button .badge {
  color: #e5e5e5;
  background-color: #4d4d4d;
}
.standalone:focus,
[type="submit"]:focus,
button:focus,
.standalone.focus,
[type="submit"].focus,
button.focus {
  color: #4d4d4d;
  background-color: #cccccc;
  border-color: #727272;
}
.standalone:hover,
[type="submit"]:hover,
button:hover {
  color: #4d4d4d;
  background-color: #cccccc;
  border-color: #939393;
}
.standalone:active,
[type="submit"]:active,
button:active,
.standalone.active,
[type="submit"].active,
button.active,
.open > .dropdown-toggle.standalone,
.open > .dropdown-toggle[type="submit"],
.open > .dropdown-togglebutton {
  color: #4d4d4d;
  background-color: #cccccc;
  border-color: #939393;
}
.standalone:active:hover,
[type="submit"]:active:hover,
button:active:hover,
.standalone.active:hover,
[type="submit"].active:hover,
button.active:hover,
.open > .dropdown-toggle.standalone:hover,
.open > .dropdown-toggle[type="submit"]:hover,
.open > .dropdown-togglebutton:hover,
.standalone:active:focus,
[type="submit"]:active:focus,
button:active:focus,
.standalone.active:focus,
[type="submit"].active:focus,
button.active:focus,
.open > .dropdown-toggle.standalone:focus,
.open > .dropdown-toggle[type="submit"]:focus,
.open > .dropdown-togglebutton:focus,
.standalone:active.focus,
[type="submit"]:active.focus,
button:active.focus,
.standalone.active.focus,
[type="submit"].active.focus,
button.active.focus,
.open > .dropdown-toggle.standalone.focus,
.open > .dropdown-toggle[type="submit"].focus,
.open > .dropdown-togglebutton.focus {
  color: #4d4d4d;
  background-color: #bababa;
  border-color: #727272;
}
.standalone:active,
[type="submit"]:active,
button:active,
.standalone.active,
[type="submit"].active,
button.active,
.open > .dropdown-toggle.standalone,
.open > .dropdown-toggle[type="submit"],
.open > .dropdown-togglebutton {
  background-image: none;
}
.standalone.disabled:hover,
[type="submit"].disabled:hover,
button.disabled:hover,
.standalone[disabled]:hover,
[type="submit"][disabled]:hover,
button[disabled]:hover,
fieldset[disabled] .standalone:hover,
fieldset[disabled] [type="submit"]:hover,
fieldset[disabled] button:hover,
.standalone.disabled:focus,
[type="submit"].disabled:focus,
button.disabled:focus,
.standalone[disabled]:focus,
[type="submit"][disabled]:focus,
button[disabled]:focus,
fieldset[disabled] .standalone:focus,
fieldset[disabled] [type="submit"]:focus,
fieldset[disabled] button:focus,
.standalone.disabled.focus,
[type="submit"].disabled.focus,
button.disabled.focus,
.standalone[disabled].focus,
[type="submit"][disabled].focus,
button[disabled].focus,
fieldset[disabled] .standalone.focus,
fieldset[disabled] [type="submit"].focus,
fieldset[disabled] button.focus {
  background-color: #e5e5e5;
  border-color: #b2b2b2;
}
.standalone .badge,
[type="submit"] .badge,
button .badge {
  color: #e5e5e5;
  background-color: #4d4d4d;
}
.context {
  color: #fff;
  background-color: #2385c4;
  border-color: #1b6899;
}
.context:hover,
.context:focus,
.context:active,
.context.active,
.open > .dropdown-toggle.context {
  color: #fff;
  background-color: #1b6899;
  border-color: #124465;
}
.context:active,
.context.active,
.open > .dropdown-toggle.context {
  background-image: none;
}
.context.disabled,
.context[disabled],
fieldset[disabled] .context,
.context.disabled:hover,
.context[disabled]:hover,
fieldset[disabled] .context:hover,
.context.disabled:focus,
.context[disabled]:focus,
fieldset[disabled] .context:focus,
.context.disabled:active,
.context[disabled]:active,
fieldset[disabled] .context:active,
.context.disabled.active,
.context[disabled].active,
fieldset[disabled] .context.active {
  background-color: #2385c4;
  border-color: #1b6899;
}
.context .badge {
  color: #2385c4;
  background-color: #fff;
}
.context:focus,
.context.focus {
  color: #fff;
  background-color: #1b6899;
  border-color: #081e2d;
}
.context:hover {
  color: #fff;
  background-color: #1b6899;
  border-color: #124465;
}
.context:active,
.context.active,
.open > .dropdown-toggle.context {
  color: #fff;
  background-color: #1b6899;
  border-color: #124465;
}
.context:active:hover,
.context.active:hover,
.open > .dropdown-toggle.context:hover,
.context:active:focus,
.context.active:focus,
.open > .dropdown-toggle.context:focus,
.context:active.focus,
.context.active.focus,
.open > .dropdown-toggle.context.focus {
  color: #fff;
  background-color: #16537a;
  border-color: #081e2d;
}
.context:active,
.context.active,
.open > .dropdown-toggle.context {
  background-image: none;
}
.context.disabled:hover,
.context[disabled]:hover,
fieldset[disabled] .context:hover,
.context.disabled:focus,
.context[disabled]:focus,
fieldset[disabled] .context:focus,
.context.disabled.focus,
.context[disabled].focus,
fieldset[disabled] .context.focus {
  background-color: #2385c4;
  border-color: #1b6899;
}
.context .badge {
  color: #2385c4;
  background-color: #fff;
}
.destructive {
  color: #fff;
  background-color: #bb4f45;
  border-color: #963f37;
}
.destructive:hover,
.destructive:focus,
.destructive:active,
.destructive.active,
.open > .dropdown-toggle.destructive {
  color: #fff;
  background-color: #963f37;
  border-color: #692c26;
}
.destructive:active,
.destructive.active,
.open > .dropdown-toggle.destructive {
  background-image: none;
}
.destructive.disabled,
.destructive[disabled],
fieldset[disabled] .destructive,
.destructive.disabled:hover,
.destructive[disabled]:hover,
fieldset[disabled] .destructive:hover,
.destructive.disabled:focus,
.destructive[disabled]:focus,
fieldset[disabled] .destructive:focus,
.destructive.disabled:active,
.destructive[disabled]:active,
fieldset[disabled] .destructive:active,
.destructive.disabled.active,
.destructive[disabled].active,
fieldset[disabled] .destructive.active {
  background-color: #bb4f45;
  border-color: #963f37;
}
.destructive .badge {
  color: #bb4f45;
  background-color: #fff;
}
.destructive:focus,
.destructive.focus {
  color: #fff;
  background-color: #963f37;
  border-color: #391815;
}
.destructive:hover {
  color: #fff;
  background-color: #963f37;
  border-color: #692c26;
}
.destructive:active,
.destructive.active,
.open > .dropdown-toggle.destructive {
  color: #fff;
  background-color: #963f37;
  border-color: #692c26;
}
.destructive:active:hover,
.destructive.active:hover,
.open > .dropdown-toggle.destructive:hover,
.destructive:active:focus,
.destructive.active:focus,
.open > .dropdown-toggle.destructive:focus,
.destructive:active.focus,
.destructive.active.focus,
.open > .dropdown-toggle.destructive.focus {
  color: #fff;
  background-color: #7c342d;
  border-color: #391815;
}
.destructive:active,
.destructive.active,
.open > .dropdown-toggle.destructive {
  background-image: none;
}
.destructive.disabled:hover,
.destructive[disabled]:hover,
fieldset[disabled] .destructive:hover,
.destructive.disabled:focus,
.destructive[disabled]:focus,
fieldset[disabled] .destructive:focus,
.destructive.disabled.focus,
.destructive[disabled].focus,
fieldset[disabled] .destructive.focus {
  background-color: #bb4f45;
  border-color: #963f37;
}
.destructive .badge {
  color: #bb4f45;
  background-color: #fff;
}
.link-parent {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #4d4d4d;
  background-color: #e5e5e5;
  border-color: #b2b2b2;
  margin-bottom: 12px;
}
.link-parent:focus,
.link-parent:active:focus,
.link-parent.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.link-parent:hover,
.link-parent:focus {
  color: #4d4d4d;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.link-parent:active,
.link-parent.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.link-parent.disabled,
.link-parent[disabled],
fieldset[disabled] .link-parent {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
  box-shadow: none;
}
.link-parent:hover,
.link-parent:focus,
.link-parent:active,
.link-parent.active,
.open > .dropdown-toggle.link-parent {
  color: #4d4d4d;
  background-color: #cccccc;
  border-color: #939393;
}
.link-parent:active,
.link-parent.active,
.open > .dropdown-toggle.link-parent {
  background-image: none;
}
.link-parent.disabled,
.link-parent[disabled],
fieldset[disabled] .link-parent,
.link-parent.disabled:hover,
.link-parent[disabled]:hover,
fieldset[disabled] .link-parent:hover,
.link-parent.disabled:focus,
.link-parent[disabled]:focus,
fieldset[disabled] .link-parent:focus,
.link-parent.disabled:active,
.link-parent[disabled]:active,
fieldset[disabled] .link-parent:active,
.link-parent.disabled.active,
.link-parent[disabled].active,
fieldset[disabled] .link-parent.active {
  background-color: #e5e5e5;
  border-color: #b2b2b2;
}
.link-parent .badge {
  color: #e5e5e5;
  background-color: #4d4d4d;
}
.link-parent:focus,
.link-parent.focus {
  color: #4d4d4d;
  background-color: #cccccc;
  border-color: #727272;
}
.link-parent:hover {
  color: #4d4d4d;
  background-color: #cccccc;
  border-color: #939393;
}
.link-parent:active,
.link-parent.active,
.open > .dropdown-toggle.link-parent {
  color: #4d4d4d;
  background-color: #cccccc;
  border-color: #939393;
}
.link-parent:active:hover,
.link-parent.active:hover,
.open > .dropdown-toggle.link-parent:hover,
.link-parent:active:focus,
.link-parent.active:focus,
.open > .dropdown-toggle.link-parent:focus,
.link-parent:active.focus,
.link-parent.active.focus,
.open > .dropdown-toggle.link-parent.focus {
  color: #4d4d4d;
  background-color: #bababa;
  border-color: #727272;
}
.link-parent:active,
.link-parent.active,
.open > .dropdown-toggle.link-parent {
  background-image: none;
}
.link-parent.disabled:hover,
.link-parent[disabled]:hover,
fieldset[disabled] .link-parent:hover,
.link-parent.disabled:focus,
.link-parent[disabled]:focus,
fieldset[disabled] .link-parent:focus,
.link-parent.disabled.focus,
.link-parent[disabled].focus,
fieldset[disabled] .link-parent.focus {
  background-color: #e5e5e5;
  border-color: #b2b2b2;
}
.link-parent .badge {
  color: #e5e5e5;
  background-color: #4d4d4d;
}
.link-parent:before {
  content: "↩ ";
  top: 3px;
  position: relative;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.state-draft {
  color: #d39105;
}
.state-draft:hover,
.state-draft:active,
.state-draft:focus {
  color: #885e03;
}
.state-pending {
  color: #a5a912;
}
.state-pending:hover,
.state-pending:active,
.state-pending:focus {
  color: #62640b;
}
.state-private {
  color: #c4183c;
}
.state-private:hover,
.state-private:active,
.state-private:focus {
  color: #801027;
}
.state-internal {
  color: #d39105;
}
.state-internal:hover,
.state-internal:active,
.state-internal:focus {
  color: #885e03;
}
.state-internally_published {
  color: #7924f9;
}
.state-internally_published:hover,
.state-internally_published:active,
.state-internally_published:focus {
  color: #5405cc;
}
.plone-breadcrumb {
  clear: left;
  background-color: #e6e4e4;
  margin-bottom: 20px;
  margin-top: -20px;


/* uncomment to hide breadcrumbs on home
  body.section-front-page & {display: none;} //not breadcrumbs on homepage
  */
}
.plone-breadcrumb > * > span {
  display: inline-block;
  color: #777777;
  padding: 8px 0;
  font-weight: 300;
}
@media (max-width: 768px) {
  .plone-breadcrumb > * > span {
    display: none;
  }
}
.plone-breadcrumb ol {
  display: inline-block;
  padding: 8px 0;
  list-style: none;
  margin: 0;
}
.plone-breadcrumb ol > li {
  font-weight: 300;
  display: inline-block;
  line-height: 0;
  position: relative;
  padding: 0 30px 0 0;
}
.plone-breadcrumb ol > li + li:after {
  content: "";
  position: absolute;
  padding: 0 5px;
  color: #e6e4e4;
  border-left: 5px solid;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  left: -21px;
  top: -15px;
  padding: 0 !important;
}
.plone-breadcrumb ol > li + li:before {
  content: "";
  position: absolute;
  padding: 0 5px;
  color: #cccccc;
  border-left: 5px solid;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  left: -20px;
  top: -15px;
  padding: 0 !important;
}
.plone-breadcrumb ol > #breadcrumbs-current {
  color: #777777;
}
.listingBar {
  display: inline-block;
  padding: 0;
  list-style: none;
  margin: 20px 0;
}
.listingBar > li {
  font-weight: 300;
  display: inline;
  line-height: 0;
  position: relative;
  padding: 0;
  font-weight: 100;
}
.listingBar > li a {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #007bb3;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  margin-left: -1px;
}
.listingBar > li:first-child > a {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.listingBar > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.listingBar > li a:hover,
.listingBar > li a:focus {
  color: #004666;
  background-color: #f2f1f1;
  border-color: 1px solid #e5e5e5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.listingBar > .active > a,
.listingBar > .active > a:hover,
.listingBar > .active > a:focus {
  z-index: 2;
  font-weight: 300;
  color: #fff;
  background-color: #007bb3;
  border-color: #007bb3;
  cursor: default;
}
.listingBar > .disabled > a,
.listingBar > .disabled > a:hover,
.listingBar > .disabled > a:focus {
  color: #cccccc;
  background-color: #fcfcfd;
  border-color: 1px solid #e5e5e5;
  cursor: default;
}
@media (max-width: 480px) {
  .listingBar li {
    display: none;
  }
  .listingBar li.previous,
  .listingBar li.next {
    display: inline;
  }
}
.pat-autotoc.autotabs,
.autotabs {
  background: #fff;
  padding: 6px 12px;
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.pat-autotoc.autotabs .autotoc-nav,
.autotabs .autotoc-nav {
  background: #f2f1f1;
  border-bottom: 1px solid #e5e5e5;
  margin: -6px -12px 6px;
}
.pat-autotoc.autotabs .autotoc-nav a,
.autotabs .autotoc-nav a {
  display: inline-block;
  padding: 12px;
  margin: 6px 0 0 6px;
  border: 1px solid #e5e5e5;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  background: #fcfcfd;
  font-weight: 300;
}
.pat-autotoc.autotabs .autotoc-nav a:last-child,
.autotabs .autotoc-nav a:last-child {
  margin-right: 6px;
}
.pat-autotoc.autotabs .autotoc-nav a:hover,
.autotabs .autotoc-nav a:hover {
  text-decoration: none;
  background: #fff;
}
.pat-autotoc.autotabs .autotoc-nav a.active,
.autotabs .autotoc-nav a.active,
.pat-autotoc.autotabs .autotoc-nav a.active:hover,
.autotabs .autotoc-nav a.active:hover {
  color: #696969;
  cursor: default;
  background: #fff;
  border-bottom-color: #fff;
}
.pat-autotoc.autotabs .autotoc-nav .autotab-heading,
.autotabs .autotoc-nav .autotab-heading {
  display: inline-block;
  margin: 6px 0 0 6px;
}
.pat-autotoc.autotabs .formControls,
.autotabs .formControls {
  margin: 0 -12px -6px;
  border-radius: 0 0 4px 4px;
}
@media (max-width: 767px) {
  .autotabs .autotoc-nav {
    overflow-x: scroll;
    overflow-y: hidden;
    max-height: 52px;
    width: auto;
    white-space: nowrap;
    border-bottom: 0;
    box-shadow: inset 0 -1px #e5e5e5;
  }
  .autotabs .autotoc-nav a:not(.active) {
    box-shadow: inset 0 -1px #e5e5e5;
  }
}
.autotabs ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.autotabs ul li {
  list-style: none;
  display: inline-block;
}
.folder-listing {
  font-weight: 500;
  list-style: none;
  position: relative;
  padding-left: 20px;
}
.folder-listing li {
  margin: 10px 0;
}
.folder-listing > li:before {
  content: "•";
  position: absolute;
  font-size: 19px;
  margin-top: -9px;
  left: 0;
  color: #a7daf2;
}
.folder-listing .documentByLine {
  font-weight: 300;
  color: #777777;
}
.tileImage {
  padding-right: 5px;
  float: left;
}
.tileImageNoFloat {
  margin-bottom: 5px;
}
.tileFooter {
  clear: both;
  margin-top: 5px;
}
.photoalbumEntryWrapper {
  display: block;
}
.photoAlbumEntry {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
}
.photoAlbumEntry a {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  font-weight: 300;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #fcfcfd;
  width: 220px;
  height: 240px;
}
.photoAlbumEntry img {
  max-width: 200px;
  max-height: 200px;
}
.portalMessage {
  padding: 15px;
  padding-left: 45px;
  margin-bottom: 20px;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
  font-size: 14px;
  font-weight: 300;
  text-shadow: 0 1px rgba(255, 255, 255, 0.1);
}
.portalMessage > strong,
.portalMessage > dt {
  font-weight: 500;
  padding-right: 5px;
  color: rgba(0, 0, 0, 0.5);
}
.portalMessage a {
  font-weight: 300;
  color: #005176;
}
.portalMessage > strong:before,
.portalMessage > dt:before {
  font-size: 14px;
  font-weight: 300;
  margin-left: -30px;
  margin-right: 10px;
  display: inline-block;
  border-radius: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
  top: -1px;
  position: relative;
}
.portalMessage > dt,
.portalMessage > dd {
  display: inline;
}
.portalMessage > dd {
  margin: 0;
}
.portlet .portletContent > .portalMessage {
  padding: 15px;
  padding-left: 45px;
  margin: 15px;
}
.portalMessage.info {
  background-color: #aad6ea;
  border: 1px solid #9acee6;
  color: rgba(0, 0, 0, 0.5);
}
.portalMessage.info > strong,
.portalMessage.info > dt {
  color: rgba(0, 0, 0, 0.67);
}
.portalMessage.info > strong:before,
.portalMessage.info > dt:before {
  background-color: #3e7b91;
  content: "i";
}
.portalMessage.warning {
  background-color: #ebd380;
  border: 1px solid #e7ca66;
  color: rgba(0, 0, 0, 0.5);
}
.portalMessage.warning > strong,
.portalMessage.warning > dt {
  color: rgba(0, 0, 0, 0.67);
}
.portalMessage.warning > strong:before,
.portalMessage.warning > dt:before {
  background-color: #bc8d0d;
  content: "!";
}
.portalMessage.error {
  background-color: #EC9C8D;
  border: 1px solid #eb9484;
  color: rgba(0, 0, 0, 0.5);
}
.portalMessage.error > strong,
.portalMessage.error > dt {
  color: rgba(0, 0, 0, 0.67);
}
.portalMessage.error > strong:before,
.portalMessage.error > dt:before {
  background-color: #ac493f;
  content: "×";
}


/* special octogonal shape for error
.portalMessage.error {
	& > strong:before, & > dt:before {
		border-radius: 8px; //soften border
		background: @plone-alert-error-bullet;
		background:
			linear-gradient(135deg, transparent 4px, @plone-alert-error-bullet 0) top left,
			linear-gradient(225deg, transparent 4px, @plone-alert-error-bullet 0) top right,
			linear-gradient(315deg, transparent 4px, @plone-alert-error-bullet 0) bottom right,
			linear-gradient(45deg,  transparent 4px, @plone-alert-error-bullet 0) bottom left;
		background-size: 50% 50%;
		background-repeat: no-repeat;
	}
}
*/
.portlet {
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.portlet > :first-child {
  border-radius: 4px 4px 0 0;
}
.portlet > :last-child {
  border-radius: 0 0 4px 4px;
}
.portlet .portletHeader {
  background: #f2f1f1;
  font-weight: 500;
  font-size: 18px;
  padding: 13px 15px;
  color: #696969;
}
.portlet.portletCalendar .portletHeader {
  text-align: center;
  position: relative;
}
.portlet.portletCalendar .portletHeader .calendarPrevious,
.portlet.portletCalendar .portletHeader .calendarNext {
  width: 30px;
  height: 30px;
  padding: 0 1px 2px;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  left: 5px;
  font-size: 24px;
  margin-top: -3px;
  line-height: 28px;
  font-weight: 100;
}
.portlet.portletCalendar .portletHeader .calendarPrevious:hover,
.portlet.portletCalendar .portletHeader .calendarNext:hover {
  background: #fff;
  text-decoration: none;
}
.portlet.portletCalendar .portletHeader .calendarNext {
  right: 5px;
  left: inherit;
}
.portlet .portletContent {
  font-size: 14px;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  font-weight: 300;
}
.portlet .portletContent > *,
.portlet .portletContent > div:not(.portalMessage) {
  padding: 10px 15px;
  margin: 0;
  font-weight: 300;
  color: #696969;
}
.portlet .portletContent > ul {
  padding: 0;
  list-style: none;
  position: relative;
}
.portlet .portletContent > ul > li a {
  display: block;
  padding: 10px 15px 26px 30px;
  position: relative;
  z-index: 1;
}
.portlet .portletContent > ul > li > a {
  border-top: 1px solid #e5e5e5;
}
.portlet .portletContent > ul > li:first-child > a {
  border-top: 0;
}
.portlet .portletContent > ul > li a:before {
  content: "•";
  position: absolute;
  font-size: 25px;
  margin-top: -9px;
  left: 15px;
  color: #a7daf2;
}
.portlet .portletContent > ul ul {
  padding-left: 15px;
  list-style: none;
}
.portlet .portletContent > ul .portletItemDetails {
  display: block;
  z-index: 0;
  padding: 0 15px 10px 30px;
  font-weight: 100;
  position: relative;
  margin-top: -26px;
  font-size: 12px;
  color: #777777;
}
.portlet .portletContent > ul li:hover {
  background: #fcfcfd;
}
.portlet .portletContent > ul li:hover a:before {
  color: #64bee8;
}
.portlet .portletContent table {
  width: 100%;
  text-align: center;
  text-align: middle;
  border-collapse: collapse;
  border-spacing: 0;
}
.portlet .portletContent table tr {
  line-height: 30px;
}
.portlet .portletContent table thead {
  background: #fcfcfd;
  border-bottom: 1px solid #e5e5e5;
}
.portlet .portletContent table thead th {
  color: #777777;
  font-weight: 100;
  height: 40px;
  text-align: center;
}
.portlet .portletContent table td > * {
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.portlet .portletContent table .cal_has_events {
  position: relative;
}
.portlet .portletContent table .cal_has_events a:hover {
  background: #dbecfe;
  text-decoration: none;
  box-shadow: 0 0 0 5px #dbecfe;
}
.portlet .portletContent table .cal_has_events a:after {
  content: "•";
  position: absolute;
  margin-left: 50%;
  left: -3px;
  font-size: 20px;
  color: #a7daf2;
  margin-top: 9px;
}
.portlet .portletContent table .cal_has_events a:hover:after {
  color: #64bee8;
}
.portlet .portletContent table .cal_next_month,
.portlet .portletContent table .cal_prev_month {
  color: #cccccc;
}
.portlet .portletContent table .cal_next_month.cal_has_events > a,
.portlet .portletContent table .cal_prev_month.cal_has_events > a {
  color: #a7daf2;
}
.portlet .portletContent table .cal_next_month.cal_has_events > a:after,
.portlet .portletContent table .cal_prev_month.cal_has_events > a:after {
  color: #d3edf8;
}
.portlet .portletContent table .cal_next_month.cal_has_events > a:hover,
.portlet .portletContent table .cal_prev_month.cal_has_events > a:hover {
  color: #004666;
}
.portlet .portletContent table .cal_next_month.cal_has_events > a:hover:after,
.portlet .portletContent table .cal_prev_month.cal_has_events > a:hover:after {
  color: #64bee8;
}
.portlet .portletContent table .today > * {
  background: #e5e5e5;
  font-weight: 500;
  box-shadow: 0 0 0 5px #e5e5e5;
}
.portlet .portletContent table tbody tr:first-child td > * {
  margin-top: 10px;
}
.portlet .portletContent table tbody tr:last-child td > * {
  margin-bottom: 10px;
}
.portlet .formControls {
  border: 0;
  background: none;
  padding: 0;
  box-shadow: none;
}
.portlet .portletFooter {
  border-top: 1px solid #e5e5e5;
  background: #fcfcfd;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 300;
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.05);
}
.portletNavigationTree nav.portletContent > ul > li a {
  padding: 10px 15px 10px 15px;
  border-top: 1px solid #e5e5e5;
}
.portletNavigationTree nav.portletContent > ul > li strong {
  padding: 10px 15px 10px 15px;
  border-top: 1px solid #e5e5e5;
  background: #fcfcfd;
  color: #696969;
  display: block;
  font-weight: 300;
}
.portletNavigationTree .portletContent {
  border-top: 0;
}
.portletNavigationTree .portletContent > ul > li > a {
  display: block;
  background: #edecec;
}
.portletNavigationTree .portletContent > ul > li > a:before {
  content: "";
}
.portletNavigationTree .portletContent > ul > li > a:hover {
  background: #fcfcfd;
}
.portletNavigationTree .portletContent > ul > li > a:hover:after {
  content: "⟩";
  position: absolute;
  right: 10px;
  font-size: 18px;
  margin-top: -3px;
  color: #777777;
}
.portletNavigationTree .portletContent > ul > li > ul a {
  padding-left: 40px;
}
.portletNavigationTree .portletContent > ul ul {
  padding-left: 0;
}
.portletNavigationTree .portletContent .navTreeCurrentNode > a {
  background: #fcfcfd;
  color: #696969;
}
.portletNavigationTree .portletContent .navTreeCurrentNode > a:after {
  content: "⟩";
  position: absolute;
  right: 10px;
  font-size: 18px;
  margin-top: -3px;
  color: #777777;
}
#upgrade-products .configlets li,
#install-products .configlets li,
#activated-products .configlets li,
#broken-products .configlets li {
  padding: 12px;
  border-top: 1px dotted #e5e5e5;
}
#upgrade-products .configlets li:first-child,
#install-products .configlets li:first-child,
#activated-products .configlets li:first-child,
#broken-products .configlets li:first-child {
  border-top: 0;
}
#upgrade-products .configlets h3,
#install-products .configlets h3,
#activated-products .configlets h3,
#broken-products .configlets h3,
#upgrade-products .configlets p,
#install-products .configlets p,
#activated-products .configlets p,
#broken-products .configlets p {
  margin: 0;
}
#upgrade-products .configlets .portletContent:last-child,
#install-products .configlets .portletContent:last-child,
#activated-products .configlets .portletContent:last-child,
#broken-products .configlets .portletContent:last-child {
  margin-bottom: 0;
}
#upgrade-products .configlets .pull-right,
#install-products .configlets .pull-right,
#activated-products .configlets .pull-right,
#broken-products .configlets .pull-right {
  margin: 0 0 12px 12px;
}
.managedPortletActions {
  float: right;
  margin-top: -6px;
}
.managedPortletActions form {
  display: inline-block;
}
.managedPortlet {
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.managedPortlet > :first-child {
  border-radius: 4px 4px 0 0;
}
.managedPortlet > :last-child {
  border-radius: 0 0 4px 4px;
}
.managedPortlet .portletHeader {
  background: #f2f1f1;
  font-weight: 500;
  font-size: 18px;
  padding: 13px 15px;
  color: #696969;
}
.managedPortlet.portletCalendar .portletHeader {
  text-align: center;
  position: relative;
}
.managedPortlet.portletCalendar .portletHeader .calendarPrevious,
.managedPortlet.portletCalendar .portletHeader .calendarNext {
  width: 30px;
  height: 30px;
  padding: 0 1px 2px;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  left: 5px;
  font-size: 24px;
  margin-top: -3px;
  line-height: 28px;
  font-weight: 100;
}
.managedPortlet.portletCalendar .portletHeader .calendarPrevious:hover,
.managedPortlet.portletCalendar .portletHeader .calendarNext:hover {
  background: #fff;
  text-decoration: none;
}
.managedPortlet.portletCalendar .portletHeader .calendarNext {
  right: 5px;
  left: inherit;
}
.managedPortlet .portletContent {
  font-size: 14px;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  font-weight: 300;
}
.managedPortlet .portletContent > *,
.managedPortlet .portletContent > div:not(.portalMessage) {
  padding: 10px 15px;
  margin: 0;
  font-weight: 300;
  color: #696969;
}
.managedPortlet .portletContent > ul {
  padding: 0;
  list-style: none;
  position: relative;
}
.managedPortlet .portletContent > ul > li a {
  display: block;
  padding: 10px 15px 26px 30px;
  position: relative;
  z-index: 1;
}
.managedPortlet .portletContent > ul > li > a {
  border-top: 1px solid #e5e5e5;
}
.managedPortlet .portletContent > ul > li:first-child > a {
  border-top: 0;
}
.managedPortlet .portletContent > ul > li a:before {
  content: "•";
  position: absolute;
  font-size: 25px;
  margin-top: -9px;
  left: 15px;
  color: #a7daf2;
}
.managedPortlet .portletContent > ul ul {
  padding-left: 15px;
  list-style: none;
}
.managedPortlet .portletContent > ul .portletItemDetails {
  display: block;
  z-index: 0;
  padding: 0 15px 10px 30px;
  font-weight: 100;
  position: relative;
  margin-top: -26px;
  font-size: 12px;
  color: #777777;
}
.managedPortlet .portletContent > ul li:hover {
  background: #fcfcfd;
}
.managedPortlet .portletContent > ul li:hover a:before {
  color: #64bee8;
}
.managedPortlet .portletContent table {
  width: 100%;
  text-align: center;
  text-align: middle;
  border-collapse: collapse;
  border-spacing: 0;
}
.managedPortlet .portletContent table tr {
  line-height: 30px;
}
.managedPortlet .portletContent table thead {
  background: #fcfcfd;
  border-bottom: 1px solid #e5e5e5;
}
.managedPortlet .portletContent table thead th {
  color: #777777;
  font-weight: 100;
  height: 40px;
  text-align: center;
}
.managedPortlet .portletContent table td > * {
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.managedPortlet .portletContent table .cal_has_events {
  position: relative;
}
.managedPortlet .portletContent table .cal_has_events a:hover {
  background: #dbecfe;
  text-decoration: none;
  box-shadow: 0 0 0 5px #dbecfe;
}
.managedPortlet .portletContent table .cal_has_events a:after {
  content: "•";
  position: absolute;
  margin-left: 50%;
  left: -3px;
  font-size: 20px;
  color: #a7daf2;
  margin-top: 9px;
}
.managedPortlet .portletContent table .cal_has_events a:hover:after {
  color: #64bee8;
}
.managedPortlet .portletContent table .cal_next_month,
.managedPortlet .portletContent table .cal_prev_month {
  color: #cccccc;
}
.managedPortlet .portletContent table .cal_next_month.cal_has_events > a,
.managedPortlet .portletContent table .cal_prev_month.cal_has_events > a {
  color: #a7daf2;
}
.managedPortlet .portletContent table .cal_next_month.cal_has_events > a:after,
.managedPortlet .portletContent table .cal_prev_month.cal_has_events > a:after {
  color: #d3edf8;
}
.managedPortlet .portletContent table .cal_next_month.cal_has_events > a:hover,
.managedPortlet .portletContent table .cal_prev_month.cal_has_events > a:hover {
  color: #004666;
}
.managedPortlet .portletContent table .cal_next_month.cal_has_events > a:hover:after,
.managedPortlet .portletContent table .cal_prev_month.cal_has_events > a:hover:after {
  color: #64bee8;
}
.managedPortlet .portletContent table .today > * {
  background: #e5e5e5;
  font-weight: 500;
  box-shadow: 0 0 0 5px #e5e5e5;
}
.managedPortlet .portletContent table tbody tr:first-child td > * {
  margin-top: 10px;
}
.managedPortlet .portletContent table tbody tr:last-child td > * {
  margin-bottom: 10px;
}
.managedPortlet .formControls {
  border: 0;
  background: none;
  padding: 0;
  box-shadow: none;
}
.managedPortlet .portletFooter {
  border-top: 1px solid #e5e5e5;
  background: #fcfcfd;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 300;
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.05);
}
.managedPortlet.inheritedPortlet {
  margin: 5px 15px;
}
.managedPortlet.inheritedPortlet .portletHeader {
  padding: 3px 15px;
}
.managedPortlet .portletHeader {
  font-weight: 300;
}
.managedPortlet.blockedPortlet {
  opacity: 0.7;
}
.portlet.portletSiteSetup .portletContent > ul > li a:before {
  content: "";
}
.portlet.portletSiteSetup .portletContent > ul li:hover {
  background: #edecec;
}
.portletNavigationTree.portletSiteSetup nav.portletContent > ul > li a {
  border: none;
  padding: 0px;
}
.portletNavigationTree.portletSiteSetup a {
  border: none;
  text-align: center;
  height: 100%;
  padding: 0;
}
.portletNavigationTree.portletSiteSetup a span {
  font-size: 50px;
  text-align: center;
  display: block;
  color: #4d4d4d;
}
.portletNavigationTree.portletSiteSetup ul {
  background: #edecec;
  padding-bottom: 20px;
}
.portletNavigationTree.portletSiteSetup li {
  vertical-align: top;
}
.portletNavigationTree.portletSiteSetup ul > li > a:hover:after {
  content: "";
}
.portletNavigationTree.portletSiteSetup .inner-configlet {
  margin-top: 10px;
  padding-bottom: 10px;
}
.portletNavigationTree.portletSiteSetup .inner-configlet:hover {
  background: rgba(255, 255, 255, 0.67);
  border-radius: 5px;
}
.portletNavigationTree.portletSiteSetup .inner-configlet:hover span {
  color: #333;
}
.template-overview-controlpanel .portlet.portletSiteSetup .portletContent > ul > li {
  height: 120px;
}
#portlet-prefs ul ul {
  padding-top: 10px;
}
#portlet-prefs ul ul li {
  padding-top: 10px;
}
#portlet-prefs ul ul li a {
  text-align: inherit;
  padding-left: 40px;
}
#portlet-prefs ul ul li a:before {
  content: "•";
  position: absolute;
  font-size: 25px;
  margin-top: -9px;
  left: 15px;
  color: #a7daf2;
}
.template-usergroup-groupprefs .field,
.template-usergroup-userprefs .field,
.template-usergroup-controlpanel .field,
.template-member-registration .field {
  margin-top: 2em;
}
.template-usergroup-groupprefs .formControls,
.template-usergroup-userprefs .formControls,
.template-usergroup-controlpanel .formControls,
.template-member-registration .formControls {
  border-top: 0;
  box-shadow: none;
  margin-bottom: 1em;
}
.template-usergroup-groupprefs table.listing,
.template-usergroup-userprefs table.listing,
.template-usergroup-controlpanel table.listing,
.template-member-registration table.listing {
  margin-bottom: 0.5em;
}
.template-usergroup-groupprefs input.quickSearch,
.template-usergroup-userprefs input.quickSearch,
.template-usergroup-controlpanel input.quickSearch,
.template-member-registration input.quickSearch {
  margin-bottom: 0.5em;
}
.template-usergroup-groupprefs .listingCheckbox,
.template-usergroup-userprefs .listingCheckbox,
.template-usergroup-controlpanel .listingCheckbox,
.template-member-registration .listingCheckbox {
  vertical-align: middle;
  text-align: center;
}
.template-usergroup-groupprefs form,
.template-usergroup-userprefs form {
  overflow: scroll;
}
.link-category {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 12px;
  font-weight: 300;
  line-height: 1;
  color: #4d4d4d;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
  background-color: #e5e5e5;
}
.link-category[href]:hover,
.link-category[href]:focus {
  background-color: #cccccc;
}
a.link-category:hover,
a.link-category:focus {
  color: #007bb3;
  text-decoration: none;
  cursor: pointer;
}
.link-category:empty {
  display: none;
}
#category {
  margin-bottom: 12px;
}
#category ul {
  list-style: none;
  padding: 0;
  display: inline;
}
#category li {
  display: inline-block;
}
body#visual-portal-wrapper.pat-plone .outer-wrapper [class*="contenttype-"]:before {
  font-family: "Fontello";
  font-size: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  left: inherit;
  display: inline-block;
  color: inherit;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 6px;
}
body#visual-portal-wrapper.pat-plone .outer-wrapper .contenttype-folder:before {
  content: '\e801';
}
body#visual-portal-wrapper.pat-plone .outer-wrapper .contenttype-document:before {
  content: '\e80e';
}
body#visual-portal-wrapper.pat-plone .outer-wrapper .contenttype-file:before {
  content: '\e811';
}
body#visual-portal-wrapper.pat-plone .outer-wrapper .contenttype-link:before {
  content: '\e806';
}
body#visual-portal-wrapper.pat-plone .outer-wrapper .contenttype-image:before {
  content: '\e810';
}
body#visual-portal-wrapper.pat-plone .outer-wrapper .contenttype-collection:before {
  content: '\e808';
}
body#visual-portal-wrapper.pat-plone .outer-wrapper .contenttype-event:before {
  content: '\e809';
}
body#visual-portal-wrapper.pat-plone .outer-wrapper .contenttype-news-item:before {
  content: '\e80f';
}
body#visual-portal-wrapper.pat-plone #edit-zone [class*="contenttype-"] {
  padding: 5px 15px 5px 50px;
}
body#visual-portal-wrapper.pat-plone #edit-zone [class*="contenttype-"]:after {
  font-family: "Fontello";
  font-size: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  left: 25px;
  display: inline-block;
  color: inherit;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 6px;
  position: absolute;
}
body#visual-portal-wrapper.pat-plone #edit-zone .contenttype-folder:after {
  content: '\e801';
}
body#visual-portal-wrapper.pat-plone #edit-zone .contenttype-document:after {
  content: '\e80e';
}
body#visual-portal-wrapper.pat-plone #edit-zone .contenttype-file:after {
  content: '\e811';
}
body#visual-portal-wrapper.pat-plone #edit-zone .contenttype-link:after {
  content: '\e806';
}
body#visual-portal-wrapper.pat-plone #edit-zone .contenttype-image:after {
  content: '\e810';
}
body#visual-portal-wrapper.pat-plone #edit-zone .contenttype-collection:after {
  content: '\e808';
}
body#visual-portal-wrapper.pat-plone #edit-zone .contenttype-event:after {
  content: '\e809';
}
body#visual-portal-wrapper.pat-plone #edit-zone .contenttype-news-item:after {
  content: '\e80f';
}
#textAdjust .decrease-text {
  font-size: 12px;
}
#textAdjust .normal-text {
  font-size: 14px;
}
#textAdjust .increase-text {
  font-size: 18px;
}
.pat-autotoc:not(.autotabs) .autotoc-nav {
  float: right;
  min-width: 150px;
  background-color: #f2f1f1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
  padding: 6px 12px;
  margin: 0 0 12px 12px;
}
.pat-autotoc:not(.autotabs) .autotoc-nav a {
  display: block;
}
.pat-autotoc:not(.autotabs) .autotoc-nav .active,
.pat-autotoc:not(.autotabs) .autotoc-nav .active:hover {
  color: #696969;
  cursor: default;
  text-decoration: none;
}
.pat-autotoc:not(.autotabs) .autotoc-nav .autotoc-level-1 {
  margin-left: 0;
  font-size: 18px;
}
.pat-autotoc:not(.autotabs) .autotoc-nav .autotoc-level-2 {
  margin-left: 12px;
  font-size: 14px;
}
.pat-autotoc:not(.autotabs) .autotoc-nav .autotoc-level-3 {
  margin-left: 24px;
  font-size: 12px;
}
@media (max-width: 767px) {
  .pat-autotoc .autotoc-nav {
    float: none;
    margin: 0 0 20px 0;
  }
}
.pat-dropzone .dz-notice {
  margin-bottom: 6px;
}
.pat-dropzone .dz-default {
  border-radius: 6px;
  background-color: #f2f1f1;
  border: 3px dotted #cccccc;
  margin-bottom: 20px;
  padding: 12px;
  color: #696969;
}
.plone-modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  z-index: 1040;
  background: rgba(255, 255, 255, 0.5);
}
.plone-modal .plone-modal-dialog {
  width: 100%;
  position: relative;
}
.plone-modal .plone-modal-dialog .plone-modal-header {
  min-height: 25px;
  padding: 12px;
}
.plone-modal .plone-modal-dialog .plone-modal-header h3 {
  font-size: 18px;
  margin: 0;
}
.plone-modal .plone-modal-dialog .plone-modal-header .plone-modal-close {
  margin-top: -12px;
  float: right;
  font-size: 36px;
  font-weight: 100;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
}
.plone-modal .plone-modal-dialog .plone-modal-header .plone-modal-close:hover,
.plone-modal .plone-modal-dialog .plone-modal-header .plone-modal-close:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}
.plone-modal .plone-modal-dialog .plone-modal-body {
  padding: 12px;
}
.plone-modal .plone-modal-dialog .plone-modal-footer {
  border-top: 1px solid #cccccc;
  background: #fcfcfd;
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.05);
  padding: 12px;
  text-align: right;
}
.plone-modal .plone-modal-dialog .plone-modal-footer .pattern-modal-buttons input + input {
  margin-left: 12px;
}
.plone-modal .plone-modal-content {
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  border: 0;
  border-radius: 4px;
  outline: none;
  background-clip: padding-box;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .plone-modal .plone-modal-content {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .plone-modal .plone-modal-content {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .plone-modal .plone-modal-content {
    width: 1170px;
  }
}
@media (min-width: 768px) {
  .plone-modal .plone-modal-content {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .plone-modal .plone-modal-content {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .plone-modal .plone-modal-content {
    width: 1170px;
  }
}
.plone-modal .plone-modal-content > .navbar-header,
.plone-modal .plone-modal-content > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .plone-modal .plone-modal-content > .navbar-header,
  .plone-modal .plone-modal-content > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.plone-modal.fade {
  opacity: 0;
  transition: opacity .25s ease;
}
.plone-modal.fade.in {
  opacity: 1;
  transition: opacity .25 ease;
}
.plone-modal.fade .plone-modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.25s ease-out;
}
.plone-modal.fade.in .plone-modal-dialog {
  transform: translate(0, 0);
}
.plone-modal.in {
  display: block !important;
}
.plone-modal-loading {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width .6s ease;
  animation: progress-bar-stripes 2s linear infinite;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  border-radius: 0.5em;
  width: 40em;
  height: 40px;
}
.plone-modal-open {
  padding-right: 0;
}
.plone-modal-open > *:not(.plone-modal-wrapper,.select2-drop, .mce-floatpanel) {
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}
.pattern-pickadate-wrapper .pattern-pickadate-time-wrapper {
  float: left;
}
.pattern-pickadate-wrapper .pattern-pickadate-time-wrapper .picker__input {
  width: 180px;
}
.pattern-pickadate-wrapper .pattern-pickadate-date-wrapper .picker__holder {
  width: 300px;
}
.picker--time {
  min-width: 256px;
  max-width: 320px;
}
#content .picker--opened .picker__holder {
  opacity: 1;
}
.picker__holder {
  width: 180px;
  margin: -1px 0 0 0;
  border: 1px solid #ccc;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 300px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
}
.picker__wrap {
  margin: 0;


/* overrides -1px used to get rid of unecessary scrollbar */
}
.picker__list-item:hover {
  background: #f0f0f0;
  color: #4d4d4d;
}
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  background: #007bb3;
  color: #fff;
}
li.picker__list-item {
  padding: 6px 12px;
  cursor: pointer;
  color: #696969;
}
ul.picker__list {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
}
.picker--time .picker__button--clear {
  width: 100%;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
}
.picker__table {
  width: 100%;
  text-align: center;
}
.picker__table th {
  text-align: center;
}
.picker__header {
  text-align: center;
  position: relative;
}
.picker__nav--next,
.picker__nav--prev {
  position: absolute;
  top: 0.5em;
}
.picker__select--month,
.picker__select--year {
  width: 35%;
  display: inline-block;
  margin: 0 6px;
  font-size: 1em;
}
.picker__day {
  font-weight: 400;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  background: #f0f0f0;
}
.picker__day--highlighted:hover,
.picker__day--highlighted {
  background: #007bb3;
  color: #fff;
  font-weight: 600;
}
.picker__day--outfocus {
  color: #cccccc;
}
.pat-sortable > *:hover {
  cursor: move;
  cursor: -webkit-grab;
  background: #FFF5CD;
}
.pat-sortable .item-dragging,
.pat-sortable .item-dragging:hover {
  cursor: -webkit-grabbing !important;
  background: #f2f2f2;
}
.item-dragging.dragging {
  background: #fea;
  cursor: -webkit-grabbing !important;
  padding: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.17);
}
.pat-tablesorter th:hover {
  color: #007bb3;
}
.pat-tablesorter .sortdirection {
  font-size: 75%;
  opacity: .5;
  position: relative;
  top: -1px;
  padding: 2px;
  min-width: 15px;
  display: inline-block;
}
.tooltips {
  opacity: 0;
  transition: opacity .2s ease .5s;
  position: absolute;
  background: #333333;
  background: rgba(0, 0, 0, 0.9);
  color: #fafafa;
  font-size: 12px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.17);
  max-width: 200px;
  margin-left: -100px;
  left: 200px;
  text-align: center;
  padding: 6px;
}
.tooltips.active {
  opacity: 1;
  transition: opacity .2s ease .5s;
}
.jqtree-tree {
  list-style: none outside;
  margin-bottom: 0;
  padding: 0;
  padding-left: 18px;
}
.jqtree-tree .jqtree-toggler {
  left: -18px;
  font-size: 75%;
  top: 30%;
  position: absolute;
}
.jqtree-tree .jqtree-element {
  padding: 6px;
}
.jqtree-tree .jqtree-element:hover {
  background: #f0f0f0;
}
.jqtree-tree .jqtree-selected > .jqtree-element {
  background: #cccccc;
}
#portal-header {
  margin: 0 auto 15px;
  padding-top: 15px;
  margin-bottom: 20px;
}
#portal-header #portal-logo {
  float: left;
}
#portal-header #portal-languageselector {
  float: left;
  clear: both;
  display: inline-block;
  margin-right: 29px;
  padding-top: 5px;
}
#portal-header #portal-languageselector li {
  display: inline-block;
  margin-right: 10px;
}
#portal-header #portal-anontools {
  float: right;
}
#portal-header #portal-anontools ul {
  padding-right: 0px;
}
#portal-header #portal-searchbox {
  padding-top: 20px;
  clear: left;
  width: 67%;
  position: absolute;
  z-index: 2;
  margin-left: 3px;
  margin-top: 60px;
  white-space: nowrap;
}
#portal-header #portal-searchbox .searchSection {
  display: none;
}
#portal-header #portal-searchbox [type="text"] {
  width: 100%;
  display: inline-block;
}
#portal-header #portal-searchbox [type="submit"] {
  display: none;
}
#portal-header #portal-searchbox label {
  font-size: 86.667%;
}
#portal-header #portal-searchbox form > div {
  font-size: 0;
}
#portal-header #portal-searchbox form > div > * {
  font-size: 14px;
}
@media (min-width: 768px) {
  #portal-header #portal-languageselector {
    float: right;
    clear: none;
  }
  #portal-header #portal-anontools {
    float: right;
  }
  #portal-header #portal-searchbox {
    position: relative;
    margin-top: 5px;
    margin-bottom: -5px;
    margin-left: 1em;
    padding-top: 0;
    clear: none;
    float: right;
    max-width: 50%;
    width: 250px;
    white-space: nowrap;
  }
  #portal-header #portal-searchbox .searchSection {
    display: inherit;
  }
  #portal-header #portal-searchbox [type="text"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: calc(180px);
    display: inline-block;
  }
  #portal-header #portal-searchbox [type="submit"] {
    display: none;
    width: 70px;
    display: inline-block;
    margin-left: -1px;
    vertical-align: top;
  }
  #portal-header #portal-searchbox label {
    font-size: 86.667%;
  }
  #portal-header #portal-searchbox form > div {
    font-size: 0;
  }
  #portal-header #portal-searchbox form > div > * {
    font-size: 14px;
  }
}
#portal-header:before,
#portal-header:after {
  content: " ";
  display: table;
}
#portal-header:after {
  clear: both;
}
#portal-header:before,
#portal-header:after {
  content: " ";
  display: table;
}
#portal-header:after {
  clear: both;
}
#portal-header:before,
#portal-header:after {
  content: " ";
  display: table;
}
#portal-header:after {
  clear: both;
}
#portal-header:before,
#portal-header:after {
  content: " ";
  display: table;
}
#portal-header:after {
  clear: both;
}
.plone-nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.plone-nav > li {
  position: relative;
  display: block;
}
.plone-nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: white;
  font-size: 16
px;
}
.plone-nav > li > a:hover,
.plone-nav > li > a:focus {
  text-decoration: none;
  background-color: #9abdd6;
}
.plone-navbar {
  background-color: #007bb3;
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.17);
}
.plone-navbar:before,
.plone-navbar:after {
  content: " ";
  display: table;
}
.plone-navbar:after {
  clear: both;
}
.plone-navbar:before,
.plone-navbar:after {
  content: " ";
  display: table;
}
.plone-navbar:after {
  clear: both;
}
.plone-navbar:before,
.plone-navbar:after {
  content: " ";
  display: table;
}
.plone-navbar:after {
  clear: both;
}
.plone-navbar:before,
.plone-navbar:after {
  content: " ";
  display: table;
}
.plone-navbar:after {
  clear: both;
}
.plone-navbar-header:before,
.plone-navbar-header:after {
  content: " ";
  display: table;
}
.plone-navbar-header:after {
  clear: both;
}
.plone-navbar-header:before,
.plone-navbar-header:after {
  content: " ";
  display: table;
}
.plone-navbar-header:after {
  clear: both;
}
.plone-navbar-header:before,
.plone-navbar-header:after {
  content: " ";
  display: table;
}
.plone-navbar-header:after {
  clear: both;
}
.plone-navbar-header:before,
.plone-navbar-header:after {
  content: " ";
  display: table;
}
.plone-navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .plone-navbar-header {
    float: left;
  }
}
.plone-navbar-collapse {
  overflow-x: visible;

  padding-right: 15px;
  padding-left: 15px;

  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
  display: none;
}
.plone-navbar-collapse.in {
  overflow-y: auto;
  display: block;
}
@media (min-width: 768px) {
  .plone-navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .plone-navbar-collapse.plone-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .plone-navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .plone-navbar-collapse,
  .navbar-static-top .plone-navbar-collapse,
  .navbar-fixed-bottom .plone-navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.plone-navbar-toggle {
  z-index: 1;
  position: relative;
  float: right;
  margin-top: 6px;
  margin-bottom: 3px;
  padding: 6px 10px;
  background-color: transparent;
  background-image: none;
  border: 1px solid white;
  border-radius: 4px;
}

/*
  .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: white;
    margin-top: 2px;
  }
  .icon-bar + .icon-bar {
    margin-top: 5px;
  }
  .icon-bar + .icon-bar + .icon-bar {
    margin-bottom: 3px;
  }
  //end burgerbar icon-bar
  */
}
.plone-navbar-toggle:focus {
  outline: 0;
}
.plone-navbar-toggle:hover {
  background-color: #6499c0;
  border-color: #4581ab;
}
.plone-navbar-toggle .icon-bar:after {
  content: "Menu";
  position: relative;
  color: white;
}
.plone-navbar-toggle .icon-bar + .icon-bar:after {
  content: "";
}
@media (min-width: 768px) {
  .plone-navbar-toggle {
    display: none;
  }
}
.plone-navbar-nav {
  margin: -1px -15px -1px;
}
.plone-navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
.plone-navbar-nav > .selected > a,
.plone-navbar-nav > .selected > a:hover,
.plone-navbar-nav > .selected > a:focus {
  color: white;
  background-color: #9abdd6;
}
@media (min-width: 768px) {
  .plone-navbar-nav {
    float: left;
  }
  .plone-navbar-nav > li {
    float: left;
  }
  .plone-navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .plone-navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
.principal {
  background: #d9d7d7;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 14%, transparent 14%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 64%, transparent 64%, transparent);
  background-size: 20px 20px;
  margin-top: -20px;
  margin-bottom: 20px;
  padding: 50px 0;
}
.principal .container-fluid {
  margin: 0 auto;
  width: 960px;
}
.gigantic h1 {
  font-size: 500%;
}
.gigantic p {
  font-size: 150%;
}
#content {
  margin-bottom: 48px;
}
.container,
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
@media (min-width: 768px) {
  .plone-toolbar-top-default .container {
    width: 750px;
  }
}
@media (min-width: 828px) {
  .plone-toolbar-left-default .container {
    width: 750px;
  }
}
@media (min-width: 888px) {
  .plone-toolbar-left-expanded .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .plone-toolbar-top-default .container {
    width: 970px;
  }
}
@media (min-width: 1052px) {
  .plone-toolbar-left-default .container {
    width: 970px;
  }
}
@media (min-width: 1112px) {
  .plone-toolbar-left-expanded .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .plone-toolbar-top-default .container {
    width: 1170px;
  }
}
@media (min-width: 1260px) {
  .plone-toolbar-left-default .container {
    width: 1170px;
  }
}
@media (min-width: 1320px) {
  .plone-toolbar-left-expanded .container {
    width: 1170px;
  }
}
#portal-footer-wrapper {
  padding: 30px 15px;
  background-color: #2e3133;
  color: #cccccc;
  text-align: center;
  clear: both;
}
#portal-footer-wrapper p {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 28px;
}
#portal-footer-wrapper a {
  color: #16a1e3;
}
#portal-footer-wrapper a:hover {
  color: #57beef;
}
#portal-footer-wrapper .portletWrapper {
  display: inline-block;
}
#portal-footer-wrapper .portletWrapper:first-child {
  display: block;
  border-bottom: 1px solid #4d4d4d;
  padding-bottom: 1em;
  margin-bottom: .5em;
}
#portal-footer-wrapper .portlet {
  background: transparent;
  border: 0;
  font-weight: 100;
  box-shadow: none;
  margin-bottom: 0;
}
#portal-footer-wrapper .portlet .portletContent {
  padding: 0;
  background: transparent;
  border: 0;
}
#portal-footer-wrapper .portlet .portletContent > * {
  padding: inherit;
}
#portal-footer-wrapper .portlet .portletContent li {
  background: transparent;
  display: inline-block;
  border: 0;
  white-space: nowrap;
  padding: 10px 30px;
}
#portal-footer-wrapper .portlet#portal-colophon .portletContent a {
  padding: 10px 30px;
}
#portal-footer-wrapper .portlet .portletItem:before,
#portal-footer-wrapper .portlet .portletItem a:before {
  content: "";
}
#portal-footer-wrapper .portlet .portletItem a {
  padding: 0;
  border: 0;
}
#portal-footer-wrapper .portlet .portletActions {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  margin-right: 15px;
}
#portal-siteactions {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
}
#portal-siteactions li {
  font-weight: bold;
  display: inline-block;
  margin-left: 30px;
}
#portal-siteactions li:first-child {
  margin-left: 0;
}
body.template-login_form #content-core,
body.template-logged_out #content-core {
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  background: #fcfcfd;
  max-width: 300px;
  margin: 0 auto 6px;
  padding: 6px 12px;
}
body.template-login_form #content-core > :first-child,
body.template-logged_out #content-core > :first-child {
  border-radius: 4px 4px 0 0;
}
body.template-login_form #content-core > :last-child,
body.template-logged_out #content-core > :last-child {
  border-radius: 0 0 4px 4px;
}
body.template-login_form #content-core .portletHeader,
body.template-logged_out #content-core .portletHeader {
  background: #f2f1f1;
  font-weight: 500;
  font-size: 18px;
  padding: 13px 15px;
  color: #696969;
}
body.template-login_form #content-core.portletCalendar .portletHeader,
body.template-logged_out #content-core.portletCalendar .portletHeader {
  text-align: center;
  position: relative;
}
body.template-login_form #content-core.portletCalendar .portletHeader .calendarPrevious,
body.template-logged_out #content-core.portletCalendar .portletHeader .calendarPrevious,
body.template-login_form #content-core.portletCalendar .portletHeader .calendarNext,
body.template-logged_out #content-core.portletCalendar .portletHeader .calendarNext {
  width: 30px;
  height: 30px;
  padding: 0 1px 2px;
  border-radius: 50%;
  position: absolute;
  display: inline-block;
  left: 5px;
  font-size: 24px;
  margin-top: -3px;
  line-height: 28px;
  font-weight: 100;
}
body.template-login_form #content-core.portletCalendar .portletHeader .calendarPrevious:hover,
body.template-logged_out #content-core.portletCalendar .portletHeader .calendarPrevious:hover,
body.template-login_form #content-core.portletCalendar .portletHeader .calendarNext:hover,
body.template-logged_out #content-core.portletCalendar .portletHeader .calendarNext:hover {
  background: #fff;
  text-decoration: none;
}
body.template-login_form #content-core.portletCalendar .portletHeader .calendarNext,
body.template-logged_out #content-core.portletCalendar .portletHeader .calendarNext {
  right: 5px;
  left: inherit;
}
body.template-login_form #content-core .portletContent,
body.template-logged_out #content-core .portletContent {
  font-size: 14px;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  font-weight: 300;
}
body.template-login_form #content-core .portletContent > *,
body.template-logged_out #content-core .portletContent > *,
body.template-login_form #content-core .portletContent > div:not(.portalMessage),
body.template-logged_out #content-core .portletContent > div:not(.portalMessage) {
  padding: 10px 15px;
  margin: 0;
  font-weight: 300;
  color: #696969;
}
body.template-login_form #content-core .portletContent > ul,
body.template-logged_out #content-core .portletContent > ul {
  padding: 0;
  list-style: none;
  position: relative;
}
body.template-login_form #content-core .portletContent > ul > li a,
body.template-logged_out #content-core .portletContent > ul > li a {
  display: block;
  padding: 10px 15px 26px 30px;
  position: relative;
  z-index: 1;
}
body.template-login_form #content-core .portletContent > ul > li > a,
body.template-logged_out #content-core .portletContent > ul > li > a {
  border-top: 1px solid #e5e5e5;
}
body.template-login_form #content-core .portletContent > ul > li:first-child > a,
body.template-logged_out #content-core .portletContent > ul > li:first-child > a {
  border-top: 0;
}
body.template-login_form #content-core .portletContent > ul > li a:before,
body.template-logged_out #content-core .portletContent > ul > li a:before {
  content: "•";
  position: absolute;
  font-size: 25px;
  margin-top: -9px;
  left: 15px;
  color: #a7daf2;
}
body.template-login_form #content-core .portletContent > ul ul,
body.template-logged_out #content-core .portletContent > ul ul {
  padding-left: 15px;
  list-style: none;
}
body.template-login_form #content-core .portletContent > ul .portletItemDetails,
body.template-logged_out #content-core .portletContent > ul .portletItemDetails {
  display: block;
  z-index: 0;
  padding: 0 15px 10px 30px;
  font-weight: 100;
  position: relative;
  margin-top: -26px;
  font-size: 12px;
  color: #777777;
}
body.template-login_form #content-core .portletContent > ul li:hover,
body.template-logged_out #content-core .portletContent > ul li:hover {
  background: #fcfcfd;
}
body.template-login_form #content-core .portletContent > ul li:hover a:before,
body.template-logged_out #content-core .portletContent > ul li:hover a:before {
  color: #64bee8;
}
body.template-login_form #content-core .portletContent table,
body.template-logged_out #content-core .portletContent table {
  width: 100%;
  text-align: center;
  text-align: middle;
  border-collapse: collapse;
  border-spacing: 0;
}
body.template-login_form #content-core .portletContent table tr,
body.template-logged_out #content-core .portletContent table tr {
  line-height: 30px;
}
body.template-login_form #content-core .portletContent table thead,
body.template-logged_out #content-core .portletContent table thead {
  background: #fcfcfd;
  border-bottom: 1px solid #e5e5e5;
}
body.template-login_form #content-core .portletContent table thead th,
body.template-logged_out #content-core .portletContent table thead th {
  color: #777777;
  font-weight: 100;
  height: 40px;
  text-align: center;
}
body.template-login_form #content-core .portletContent table td > *,
body.template-logged_out #content-core .portletContent table td > * {
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
body.template-login_form #content-core .portletContent table .cal_has_events,
body.template-logged_out #content-core .portletContent table .cal_has_events {
  position: relative;
}
body.template-login_form #content-core .portletContent table .cal_has_events a:hover,
body.template-logged_out #content-core .portletContent table .cal_has_events a:hover {
  background: #dbecfe;
  text-decoration: none;
  box-shadow: 0 0 0 5px #dbecfe;
}
body.template-login_form #content-core .portletContent table .cal_has_events a:after,
body.template-logged_out #content-core .portletContent table .cal_has_events a:after {
  content: "•";
  position: absolute;
  margin-left: 50%;
  left: -3px;
  font-size: 20px;
  color: #a7daf2;
  margin-top: 9px;
}
body.template-login_form #content-core .portletContent table .cal_has_events a:hover:after,
body.template-logged_out #content-core .portletContent table .cal_has_events a:hover:after {
  color: #64bee8;
}
body.template-login_form #content-core .portletContent table .cal_next_month,
body.template-logged_out #content-core .portletContent table .cal_next_month,
body.template-login_form #content-core .portletContent table .cal_prev_month,
body.template-logged_out #content-core .portletContent table .cal_prev_month {
  color: #cccccc;
}
body.template-login_form #content-core .portletContent table .cal_next_month.cal_has_events > a,
body.template-logged_out #content-core .portletContent table .cal_next_month.cal_has_events > a,
body.template-login_form #content-core .portletContent table .cal_prev_month.cal_has_events > a,
body.template-logged_out #content-core .portletContent table .cal_prev_month.cal_has_events > a {
  color: #a7daf2;
}
body.template-login_form #content-core .portletContent table .cal_next_month.cal_has_events > a:after,
body.template-logged_out #content-core .portletContent table .cal_next_month.cal_has_events > a:after,
body.template-login_form #content-core .portletContent table .cal_prev_month.cal_has_events > a:after,
body.template-logged_out #content-core .portletContent table .cal_prev_month.cal_has_events > a:after {
  color: #d3edf8;
}
body.template-login_form #content-core .portletContent table .cal_next_month.cal_has_events > a:hover,
body.template-logged_out #content-core .portletContent table .cal_next_month.cal_has_events > a:hover,
body.template-login_form #content-core .portletContent table .cal_prev_month.cal_has_events > a:hover,
body.template-logged_out #content-core .portletContent table .cal_prev_month.cal_has_events > a:hover {
  color: #004666;
}
body.template-login_form #content-core .portletContent table .cal_next_month.cal_has_events > a:hover:after,
body.template-logged_out #content-core .portletContent table .cal_next_month.cal_has_events > a:hover:after,
body.template-login_form #content-core .portletContent table .cal_prev_month.cal_has_events > a:hover:after,
body.template-logged_out #content-core .portletContent table .cal_prev_month.cal_has_events > a:hover:after {
  color: #64bee8;
}
body.template-login_form #content-core .portletContent table .today > *,
body.template-logged_out #content-core .portletContent table .today > * {
  background: #e5e5e5;
  font-weight: 500;
  box-shadow: 0 0 0 5px #e5e5e5;
}
body.template-login_form #content-core .portletContent table tbody tr:first-child td > *,
body.template-logged_out #content-core .portletContent table tbody tr:first-child td > * {
  margin-top: 10px;
}
body.template-login_form #content-core .portletContent table tbody tr:last-child td > *,
body.template-logged_out #content-core .portletContent table tbody tr:last-child td > * {
  margin-bottom: 10px;
}
body.template-login_form #content-core .formControls,
body.template-logged_out #content-core .formControls {
  border: 0;
  background: none;
  padding: 0;
  box-shadow: none;
}
body.template-login_form #content-core .portletFooter,
body.template-logged_out #content-core .portletFooter {
  border-top: 1px solid #e5e5e5;
  background: #fcfcfd;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 300;
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.05);
}
#portal-anontools ul {
  text-align: right;
  list-style: none;
}
#portal-anontools li {
  margin: 12px 0 12px 12px;
}
#portal-sitemap {
  list-style: none;
  padding-left: 0;
}
#portal-sitemap > li {
  font-size: 18px;
  border-top: 1px solid #e5e5e5;
  padding: 6px 0;
}
#portal-sitemap ul {
  position: relative;
  font-size: 14px;
  padding-left: 20px;
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  column-count: 3;
  column-gap: 20px;
}
#portal-sitemap ul li {
  position: relative;
}
#portal-sitemap ul li:before {
  content: "•";
  display: inline;
  font-size: 25px;
  color: #a7daf2;
  top: 5px;
  position: relative;
}
.vevent span.cal_month {
  font-size: 1.1em;
}
.event.summary {
  font-weight: 300;
  max-width: 300px;
  float: right;
  background: #fafafa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.17);
  padding: 12px 12px 12px 36px;
  margin-left: 5px;
}
.event.summary strong,
.event.summary li > span {
  display: block;
}
.event_listing article {
  border-top: 1px solid #e5e5e5;
  padding: 12px 0 12px;
}
.event_listing article h2 {
  margin: 0;
  padding: 12px 0 12px;
}
.event_listing article:first-child {
  border-top: 0;
  margin-top: -6px;
}
.cal_date {
  float: right;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.17);
  text-align: center;
  width: 100px;
  margin: 12px 0 12px 12px;
  border-radius: 4px;
  overflow: hidden;
}
.cal_month {
  background: #00afff;
  font-weight: 300;
  display: block;
  color: #fff;
  padding: 6px 12px;
}
.cal_day {
  font-size: 36px;
  font-weight: 500;
  display: block;
}
.cal_wkday {
  font-size: 12px;
  font-weight: 100;
  display: block;
  padding: 0 12px 6px;
}
.event_listing .sub_nav {
  float: right;
}
.template-event_listing .caltrigger {
  display: none;
}
.autotabs .autotoc-nav .events-month-prev,
.autotabs .autotoc-nav .events-week-prev,
.autotabs .autotoc-nav .events-day-prev {
  position: relative;
  border-top-left-radius: 0;
  padding-left: 6px;
}
.autotabs .autotoc-nav .events-month-prev:before,
.autotabs .autotoc-nav .events-week-prev:before,
.autotabs .autotoc-nav .events-day-prev:before {
  content: "";
  position: absolute;
  padding: 0 5px;
  color: #e5e5e5;
  border-right: 5px solid;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  left: -6px;
  top: -1px;
  padding: 0 !important;
}
.autotabs .autotoc-nav .events-month-prev:after,
.autotabs .autotoc-nav .events-week-prev:after,
.autotabs .autotoc-nav .events-day-prev:after {
  content: "";
  position: absolute;
  padding: 0 5px;
  color: #fcfcfd;
  border-right: 5px solid;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  left: -5px;
  top: -1px;
  padding: 0 !important;
}
.autotabs .autotoc-nav .events-month-prev:hover:after,
.autotabs .autotoc-nav .events-week-prev:hover:after,
.autotabs .autotoc-nav .events-day-prev:hover:after {
  color: #fff;
}
.autotabs .autotoc-nav .events-month-next,
.autotabs .autotoc-nav .events-week-next,
.autotabs .autotoc-nav .events-day-next {
  position: relative;
  border-top-right-radius: 0;
  padding-right: 6px;
}
.autotabs .autotoc-nav .events-month-next:before,
.autotabs .autotoc-nav .events-week-next:before,
.autotabs .autotoc-nav .events-day-next:before {
  content: "";
  position: absolute;
  padding: 0 5px;
  color: #e5e5e5;
  border-left: 5px solid;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  right: -6px;
  top: -1px;
  padding: 0 !important;
}
.autotabs .autotoc-nav .events-month-next:after,
.autotabs .autotoc-nav .events-week-next:after,
.autotabs .autotoc-nav .events-day-next:after {
  content: "";
  position: absolute;
  padding: 0 5px;
  color: #fcfcfd;
  border-left: 5px solid;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  right: -5px;
  top: -1px;
  padding: 0 !important;
}
.autotabs .autotoc-nav .events-month-next:hover:after,
.autotabs .autotoc-nav .events-week-next:hover:after,
.autotabs .autotoc-nav .events-day-next:hover:after {
  color: #fff;
}
.image-product {
  margin: 0;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  display: inline-block;
}
.image-product figcaption {
  font-size: 12px;
  background: #fcfcfd;
  margin: 6px 12px;
}
.portraitPhoto {
  margin: 0;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  display: inline-block;
  float: right !important;
  border-radius: 50px;
}
.portraitPhoto figcaption {
  font-size: 12px;
  background: #fcfcfd;
  margin: 6px 12px;
}
.newsImageContainer {
  float: right;
  margin: 0 0 6px 6px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
  overflow: hidden;
}
.newsImageContainer a {
  display: table;
}
.newsImageContainer a img {
  display: block;
}
.newsImageContainer figcaption {
  display: table-caption;
  caption-side: bottom;
  font-size: 12px;
  background: #fcfcfd;
}
#commenting:before,
#commenting:after {
  content: " ";
  display: table;
}
#commenting:after {
  clear: both;
}
#commenting:before,
#commenting:after {
  content: " ";
  display: table;
}
#commenting:after {
  clear: both;
}
#commenting:before,
#commenting:after {
  content: " ";
  display: table;
}
#commenting:after {
  clear: both;
}
#commenting:before,
#commenting:after {
  content: " ";
  display: table;
}
#commenting:after {
  clear: both;
}
#commenting legend,
.discussion legend {
  padding: 0.5em 0.5em 0.5em 0;
  font-weight: normal;
}
.discussion:before,
.discussion:after {
  content: " ";
  display: table;
}
.discussion:after {
  clear: both;
}
.discussion:before,
.discussion:after {
  content: " ";
  display: table;
}
.discussion:after {
  clear: both;
}
.discussion:before,
.discussion:after {
  content: " ";
  display: table;
}
.discussion:after {
  clear: both;
}
.discussion:before,
.discussion:after {
  content: " ";
  display: table;
}
.discussion:after {
  clear: both;
}
.discussion .comment {
  margin-bottom: 12px;
  padding-left: 40px;
}
.discussion .commentImage {
  float: left !important;
  border-radius: 50px;
  overflow: hidden;
  position: absolute;
  margin-left: -40px;
  margin-top: 3px;
}
.discussion .documentByLine {
  font-weight: normal;
}
.discussion .commentDate {
  float: right !important;
  display: inline;
  font-size: 12px;
  color: #76797C;
}
.discussion .commentBody {
  margin: 1em 0;
  padding: 1em;
  overflow: auto;
  border: 1px solid #ccc;
}
.discussion .commentBody p {
  float: left;
  margin-bottom: 0;
}
.discussion .commentactionsform {
  display: inline;
  margin-left: 6px;
}
.discussion .commentActions {
  float: right;
  text-align: right;
}
.discussion .reply {
  border-bottom: 1px solid #e5e5e5;
}
.cancelreplytocomment {
  /* Hide the cancel button in the comment form, show it only in the reply form
   * in order to close it.
   */
  display: none;
}
.replyTreeLevel0 {
  margin-left: 0;
}
.replyTreeLevel1 {
  margin-left: 24px;
}
.replyTreeLevel2 {
  margin-left: 48px;
}
.replyTreeLevel3 {
  margin-left: 72px;
}
.replyTreeLevel4 {
  margin-left: 96px;
}
.replyTreeLevel5 {
  margin-left: 120px;
}
.replyTreeLevel6 {
  margin-left: 144px;
}
.replyTreeLevel7 {
  margin-left: 168px;
}
.replyTreeLevel8 {
  margin-left: 192px;
}
.replyTreeLevel9 {
  margin-left: 216px;
}
.replyTreeLevel10 {
  margin-left: 240px;
}
#viewlet-below-content .loginbutton {
  margin: 12px 0;
}
#viewlet-below-content .reply .loginbutton {
  display: none;
}
#viewlet-below-content .reply ~ .reply .loginbutton {
  display: inline-block;
}
#dobulkaction {
  margin: 0.3em 0;
}
.template-discussion-controlpanel .unclickable {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.searchPage {
  position: relative;
}
.searchPage .actionMenu.activated dd {
  display: block;
}
.searchPage .actionMenu {
  float: right;
}
.searchPage .actionMenu dt {
  top: 0;
  right: 0;
  position: absolute;
}
.searchPage .actionMenu dd {
  display: none;
  position: absolute;
  right: 0;
  top: 35px;
  width: 300px;
  background-color: #fcfcfd;
  border: 1px solid #e5e5e5;
  padding: 15px;
  z-index: 10;
}
#search-results-bar #results-count {
  float: right;
  padding-top: 15px;
  padding-right: 15px;
}
#searchform .input-group {
  max-width: 600px;
}
#searchform .input-group input.searchPage.btn {
  width: 120px;
}
#search-filter input {
  margin-right: 0.5rem;
}




/* our custom styles */
.custom-theme-marker {
  display: none;
  position: absolute;
  top: 300px;
  left: 30%;
  margin: auto 0;
  transform: rotate(-20deg);
  background: #00ECFF;
  color: #fff;
  padding: 1em;
  z-index: 100;
}
.section-front-page .custom-theme-marker {
  display: block;
}


/* TinyMCE templates */
.image-grid-2x2 {
  padding: 0;
  margin: 0 0 30px 0;
  list-style: none;
  margin-left: -15px;
  margin-right: -15px;
}
.image-grid-2x2 > li {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .image-grid-2x2 > li {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .image-grid-2x2 > li {
    float: left;
    width: 50%;
  }
}
.image-grid-2x2 > li img {
  max-width: 100%;
  max-height: 100%;
}


/*********koloreak*********


gorria: #d41b29;
*/
/*


@font-face {
    font-family: 'Frutiger LT Std';
    src: url('../fonts/FrutigerLTStd-Light.eot');

src: url('../fonts/FrutigerLTStd-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/FrutigerLTStd-Light.woff') format('woff'),
url('../fonts/FrutigerLTStd-Light.ttf') format('truetype');

font-weight: 300;
    font-style: normal;
}*/

/**********orokorrak*************/



body {
    background-color: #fff;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.42857;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus {
    border-bottom: 0;
    text-decoration: none;
}

a:hover>h3 {
    text-decoration: none !important;
    border: 0 !important;
}

a {
    color: #d41b29;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #333;
}

a:focus {
    outline: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 0;
}

table.invisible {
    visibility: visible;
}


.borderless.table {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
    color: #333;
}

b,
strong {
    font-weight: bold;
    font-weight: 800;
}

p,
ul {
    font-weight: 300;
    margin: 0 0 20px;
    font-size: 16px;
}



.documentFirstHeading {
 font-weight:500; font-family: "Roboto";  border-bottom: 0;
    margin: 20px 0 20px;
    padding-bottom: 9px;
     letter-spacing: -1px;
}

@media only screen and (min-width:768px) and (max-width:6000px){

.documentFirstHeading {
 font-size: 25px;
}
}


@media only screen and (min-width:0px) and (max-width:767px){

.documentFirstHeading {
 font-size: 17px;
 }
}



.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #d41b29;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #d41b29;
    border-color: #d41b29;
}

.pagination>li>a,
.pagination>li>span {
    color: #d41b29;
}

picture img.lazyloaded {
    max-width: 100%;
}

.label {
    color: #333 !important;
}



/****orokorrak grid********/

#outer-wrapper {
    max-width: 1600px;
    margin: 0 auto;
    position:relative;
    z-index: 999999;
}

.plone-toolbar-left #outer-wrapper {
    z-index: 99;
}

.template-home_view .outer-wrapper>.container {
    width: 100%;
}



.container.fill-main-ats {
    max-width: 1600px;
}


#content-header .container1 {
    background: url(../images/header2.gif) repeat-x top left !important;
    width: 100%;
}



#content-header .container #portal-header,
#mainnavigation-wrapper {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
}



@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}


@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}





/**********header*******************************/


#content-header .container nav {
    background-color: transparent;
}


#content-header .container nav a {
    color: #fff;
}

#portal-header #portal-languageselector {
    margin-right: 0;
}

#links-menu {
    background: transparent;
    color: #fff;
    height: 30px;
    margin-bottom: 1em;
    margin-right: 140px;
}

#links-menu .nav {
    background: transparent;
    color: #fff;
    float: right;
    text-align: right;
    font-weight: 300;
    border-right: 1px solid #efefef;
}

#links-menu .nav>li>a {
 
padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 400;
    font-size: 13px;
}

#links-menu .nav>li>a:hover,
#links-menu .nav>li>a:active {
    background: #d41b29;
    color: #fff !important;
}

#portal-languageselector {
    background: transparent;
    color: #fff;
    font-weight: 400;
    text-align: right;
    font-size: 12px;
    padding-left: 1em;
    position: absolute;
    right: 0;
    z-index: 999 !important;
}

#portal-languageselector a,
#links-menu a {
    color: #fff;
}

#portal-languageselector a.dropdown-toggle:hover {
    color: #d41b29;
    text-decoration: none;
}

#portal-languageselector .dropdown-menu {
    border-radius: 0;
}

#portal-languageselector .dropdown-menu>li>a {
    color: #333 !important;
}

#portal-languageselector .dropdown-menu>li>a {
    color: #333 !important;
    font-weight: 400;
}

#portal-languageselector{
    z-index: 999999;
}

#links-menu a:hover {
    color: #d41b29 !important;
    background: transparent;
    border: 0;
}

#portal-header {
    padding-top: 0;
}

#portal-logo {
    margin-top: 6px;
    position: relative;
    z-index: 99999;
    overflow: hidden;
}


#tagline {
    color: #333;
    font-size: 14px;
    font-weight: 300;
    margin: 16px 0 0 1em;
    float: left;
    max-width: 150px;
    line-height: 120%;
}

#portal-globalnav-wrapper .container {
    padding: 0;
    width: 100%;
}

#portal-globalnav {
    position: relative;
    z-index: 996;
}

#mainnavigation {
    margin-right: 30px;
    margin-top: -3.3em;
}

.plone-navbar {
    background-color: transparent;
}

.plone-navbar-nav {
    float: right;
}

#portal-header #portal-searchbox {
    float: right;
    max-width: 50px;
    text-indent: -9999999px;
    /*display: inline-block;*/
    width: 30px;
    height: 30px;
    margin-top: 25px;
}

#portal-header #portal-searchbox a {
    background: url(../images/lupa.png) no-repeat center center;
}

#portal-header #portal-searchbox :hover {
    background: url(../images/lupahover.png) no-repeat center center;
}

#portal-header #portal-searchbox a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 0 0 0;
}

.plone-navbar-collapse.plone-collapse {
    max-width: 700px;
    float: right;
    margin-top: 1em;
}



/**********menu nagusia**********/

#portal-globalnav-wrapper.plone-navbar {
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    position: relative;
}

#portal-globalnav-wrapper .plone-nav>li>a {
    color: #000;
    text-transform: uppercase;
}

#portal-globalnav-wrapper .plone-nav>li>a:hover,
#portal-globalnav-wrapper .plone-nav>li>a:focus {
    background-color: transparent;
    color: #d41b29;
}

#portal-globalnav-wrapper .plone-navbar-nav>.selected>a,
#portal-globalnav-wrapper .plone-navbar-nav>.selected>a:hover,
#portal-globalnav-wrapper .plone-navbar-nav>.selected>a:focus {
    background-color: transparent;
    color: #d41b29;
}

.plone-navbar-nav .dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    float: none;
    font-size: 14px;
    left: auto;
    list-style: outside none none;
    margin: 0 -30px 0 0;
    max-width: 1140px;
    padding: 2em 1em;
    position: absolute;
    right: 0;
    text-align: left;
    top: 100%;
    width: 1140px;
    overflow: hidden;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

.plone-navbar-nav .dropdown-menu li {
    float: left;
    width: 30%;
    text-transform: uppercase;
    margin: 0 1em;
    font-size: 16px;
}

.plone-navbar-nav .dropdown-menu li ul {
    display: block;
    border-top: 1px solid #333;
    margin: 5px 0 10px 0;
    list-style: none;
    padding: 10px 0 0 0;
}

.plone-navbar-nav .dropdown-menu li ul li {
    float: none;
    text-transform: none;
    border-bottom: 0;
    margin: 0;
    width: 100%;
}

.plone-navbar-nav .dropdown-menu li ul li a {
  padding: 5px 0 5px 20px;
    display: block;
    color: #333;
    background: url(../images/arrow.png) no-repeat 3px 7px;
}

.plone-navbar-nav .dropdown-menu li ul li a:hover {
    color: #d41b29;
    text-decoration: none;
}

.plone-navbar-nav .dropdown {
    position: static;
}

.plone-nav>li {
    display: block;
    position: inherit;
}

/*********menu nagusiaren :hover efektua********/

#portal-globalnav li a {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    overflow: hidden;
    position: relative;
    transform: perspective(1px) translateZ(0px);
    vertical-align: middle;
    padding-bottom: 18px;
}

#portal-globalnav li a::before {
    background: #0790d5 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    right: 50%;
    transition-duration: 0.3s;
    transition-property: left, right;
    transition-timing-function: ease-out;
    z-index: -1;
}

#portal-globalnav li li a::before {
    background: #d41b29 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    right: 50%;
    transition-duration: 0.3s;
    transition-property: left, right;
    transition-timing-function: ease-out;
    z-index: -1;
}

#portal-globalnav li a:hover::before,
#portal-globalnav li a:focus::before,
#portal-globalnav li a:active::before {
    left: 0;
    right: 0;
}



/****************botoiak**************************/

#newsletter input.btn {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    margin: 0;
    margin-left: -20px;
    margin-top: -1px;
    font-size: 14px;
    padding: 10px 50px 8px;
}

.template-home_view #content .carousel-caption .btn {
    border: 1px solid #666;
    background: transparent;
    color: #333;
    margin: 0;
}

.template-home_view #content .carousel-caption .btn:hover,
#newsletter input.btn:hover {
    border: 1px solid #d41b29;
    background: #d41b29;
    color: #fff;
}

.btn {
    border: 1px solid #d41b29;
    background: #d41b29;
    padding: 10px 50px;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    text-shadow: none;
    border-radius: 0;
    box-shadow: none;
    margin: 1em 0;
    letter-spacing: 1px
}

.btn:hover {
    background: #333;
    color: #fff !important;
    border: 1px solid #333;
    box-shadow: none;
    text-decoration: none;
}

.selectpicker {
    border-radius: 0;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    color: #696969;
    display: block;
    font-size: 14px;
    height: 44px;
    line-height: 1.42857;
    padding: 10px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    margin-bottom: 1em;
    font-weight: 300;
}

.form-control,
textarea.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: none;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 44px;
    line-height: 1.42857;
    padding: 10px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}



/*******home***********/

.tileImage {
    position: relative;
}

.image-shadow {
    background-color: rgba(112, 112, 112, 0.7);
    opacity: 0;
    transition: all .4s ease-in-out;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.image-shadow {
    background-color: rgba(112, 112, 112, .7);
}

a:hover .image-shadow {
   border-radius: 0%;  opacity: 9;
    background: rgba(112, 112, 112, .3) url(../images/plushg.png) no-repeat center center;
    background-size: 124px auto;
}
#news a .image-shadow {
   opacity: 0.3;

}
#news a:hover .image-shadow {
   opacity: 1;
    background: rgba(212, 27, 41, .8) url(../images/plush.png) no-repeat center center;
}

#case-studies a:hover .image-shadow {
    background-size: 76px auto;
}



/*****Portadako carousel*****************/



#content-header {
    width: 100%;
    position: fixed;
    height: 113px;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
}



/*#static-nocolumn,*/
#above-content-wrapper{
   padding-top: 113px;
}

.template-home_view #content-header {
    background: rgba(255, 255, 255, 1);
}

.template-home_view #carousel img {
    width: 100%;
    vertical-align: bottom;
}

.template-home_view #carousel {
    margin: 0 -15px;
    height: 440px;
    max-width: 1600px;
}

.carousel-inner {
    max-height: 585px;
    height: 100%;
}

.template-home_view .carousel-control {
    font-size: 120px;
    padding-top: 12%;
    width: 10%;
    font-weight: 100;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100;
}

.template-home_view .carousel-control.left {
    text-align: left;
    padding-left: 15px;
    background-image: none;
}

.template-home_view .carousel-control.right {
    text-align: right;
    padding-right: 15px;
    background-image: none;
}

.template-home_view .carousel-caption {
   bottom: auto;
   top: 10%;

    color: #333;
        left: 5%;
    padding: 30px;
    right: auto;
    text-align: left;
    text-shadow: none;
    z-index: 10;
    width: 450px;
}

.template-home_view .carousel-caption a {
    color: #666;
}

.template-home_view .carousel-caption h3 {
    font-size: 30px;
    margin: 0;
    color: #fff;
    letter-spacing: -1px; text-shadow: 1px 1px 1px #000; }

.template-home_view .carousel-caption h3 a {
    color: #333;
}

.template-home_view .carousel-caption p {
    margin: 10px 0;
    font-weight: 300;
}

.item.video-splash {
    position: relative;
    height: 100%
}

.item.video-splash::after {
    position: absolute;
    content: "";
    top: 36%;
    left: 45%;
    background: rgba(0, 0, 0, 0) url("../images/play.png") no-repeat center center;
    background-size: 160px auto;
    width: 160px;
    height: 160px;
    z-index: 99;
}

.item.video-splash .carousel-caption {
    z-index: 99999;
    position: relative;
    top: 15% !important;
}

img.carousel-image-home.video-splash {
    z-index: 1;
    position: absolute;
}

.template-home_view #carousel .video-embed {
    margin: 0 auto 0;
    z-index: 10;
    position: absolute;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;

}

.template-home_view #carousel .video-embed iframe {
    width: 1040px;
    height: 440px;
    z-index: 99999999 !important;
}



/************************/

.template-home_view h2 {
    text-align: center;
    font-size: 36px;
}

.template-home_view h2.home-second-title {
    text-align: center;
    text-transform: none;
    font-weight: 300;
    font-size: 36px;
    padding-bottom: 0.5em;
    max-width: 650px;
    max-width: 900px;
    margin: 0 auto;
    margin: 2em auto 1em !important;
    letter-spacing: -1px;
}

#contact-information h2 {
    font-size: 36px;
}

#contact-information h2.home-second-title a {
    text-transform: uppercase;
    margin-top: 2em;
    font-size: 14px;
    padding: 10px 50px 10px;
    border: 1px solid #d41b29;
    background: #d41b29;
    border: 1px solid #d41b29;
    color: #fff;
    display: inline-block;
    letter-spacing: 1px;
}

#contact-information h2.home-second-title a:hover {
    background: transparent;
    color: #000;
    border: 1px solid #000000;
}

h2.tileHeadline {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 1em;
    text-align: center;
    text-transform: uppercase;
}

h2.tileHeadline a,
a h2.tileHeadline {
    color: #666;
}

h2.tileHeadline a:hover,
a:hover h2.tileHeadline {
    color: #333;
    text-decoration: none;
}




/******* contact map *******/

ul.country {
    float: left;
    display: block;
    width: 16.4%;
    list-style: none;
    padding: 0;
    margin: 0 0 3em;
    font-size: 16px !important;
}

ul.country li a {
    color: #fff;
    padding: 5px 10px;
    margin: 0 10% 1px 0;
    background: #d41b29;
    text-transform: uppercase;
    width: auto;
    display: block;
    min-height: 48px;
    line-height: 120%;
    border-radius: 4px 4px 0 0;
}

ul.country li a:hover {
    color: #fff;
    background: #333;
}

ul.country ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px !important;
}

ul.country ul li a {
    display: block;
    padding: 5px 10px !important;
    float: left;
    width: 90%;
    padding: 0;
    margin: 0;
    text-transform: none;
    background: #efefef;
    color: #333;
    min-height: auto;
    border: 1px solid #fff;
    border-radius: 0;
}

ul.country ul li a:hover {
    color: #333;
    background: #ccc;
}

ul.onelevelcountry {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px !important;
    height: 300px;
    column-count: 6;
    /*3 is just placeholder -- can be anything*/
}

ul.onelevelcountry li {
    display: inline-block;
    padding-bottom: 1px;
    width: 100%;
}

.onelevelcountry li a {
    padding: 5px 20px !important;
    background: #efefef;
    color: #333;
    width: 100%;
    display: block;
}

.onelevelcountry li a:hover {
    background: #ccc;
}

#map-canvas {
    max-width: 100%;
    height: 480px;
    margin-bottom: 1px;
    clear: both !important;
    margin-top: 1px;
}

#contacts .contact {
    width: 31%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2em;
}

#contacts .contact.contact-with-form{
    width: 100%;
}

.contact .btn {
    border-radius: 4px;
    padding: 10px 50px;
}

.contact .btn:hover {
    background: #333;
    border-color: #333;
}

.portaltype-country .plone-breadcrumb,
.portaltype-contact .plone-breadcrumb {
    margin-bottom: 0;
}

.gm-style .gm-style-iw p {
    margin: 0;
    font-size: 16px;
}



/***********Contacto formularioa***********/

.portaltype-contact #contactform2,
.portaltype-country #contactform2,
.portaltype-product #contactform2 {
    padding: 1em;
    background: #efefef;
}


/*
.portaltype-product #contactform2 .lopd a {
   color: #fff;
}*/
.portaltype-product #contactform2 {
    background: #d41b29;
    color: #fff;
    max-width: 274px;
    float: right;
}

.portaltype-product #contactform2 input[type="text"],
.portaltype-product #contactform2 input[type="email"],
.portaltype-product #contactform2 input[type="password"],
.portaltype-product #contactform2 textarea,
.portaltype-product #contactform2 select {
    margin-bottom: 5px !important;
    border: 0;
}
#contactform2 select {
    margin-bottom: 5px !important;
}
.portaltype-contact h2,
.portaltype-country h2 {
    background: #efefef;
    padding: 15px;
    margin: 0;
    border-top: 5px solid #d41b29;
}

.portaltype-product .col-sm-4 h2 {
    background: #d41b29;
    color: #fff;
    padding: 15px;
    margin: 0;
    border-top: 0;
    width: 274px;
    float: right;
    letter-spacing: -1px;
}

.portaltype-product h2 {
    margin-top: 0;
}

.portaltype-contact #contactform2 #lopd_checkbox,
.portaltype-country #contactform2 #lopd_checkbox/*,
.portaltype-product #contactform2 #lopd_checkbox**/ {
    background: transparent;
    font-size: 90%;
}
/*
.portaltype-product #contactform2 #lopd_checkbox {
    color: #fff;
    font-size: 13px;
}*/

.portaltype-product #contactform2 .btn {
    border: 1px solid #fff;
    margin: 0 1em;
}

#contactform2 .lopd a{
    color: #666;
    text-decoration:underline;
}
#contactform2 #contactform2 .lopd a{
    color: #fff;
    text-decoration:underline;
}


/****************************/

#news .home-container,
#case-studies .home-container,
#newsletter .home-container {
    max-width: 1170px;
    margin: 0 auto;
}

#sectors,
#packaging-machines,
#integral-solutions,
#contact-information {
    padding-top: 1em;
}

#contact-information {
    padding-bottom: 2em;
}



/******Maquinas de envasado******/

#packaging-machines {
    color: #fff;
}

.template-home_view #packaging-machines>.row:first-child {
    background: #262626;
}

.template-packaging_machines #packaging-machines {
    background: #262626;
    padding: 0;
}

.template-packaging_machines #packaging-machines .col-sm-4 {
    border: 1px solid #fff !important;
}

#packaging-machines h2.home-second-title {
    padding-bottom: 0;
}

#packaging-machines h3 {
    margin-top: 0;
}

.template-home_view #contact-information h2,
.template-home_view #contact-information h2.home-second-title {
    /*text-align: left !important;*/
    margin: 0.5em auto 1em 0;
    letter-spacing: 0;
}



/*****contact us*************/

#contactform {
    background: #d41b29 none repeat scroll 0 0;
    border-radius: 2px 2px 0 0;
    bottom: 0;
    padding: 0;
    position: fixed;
    right: 3%;
    width: 250px;
    z-index: 9999999999999 !important;
    /*overflow: hidden;*/
}

#contactform img {
    margin: 7px;
}

#contactform h3 {
    color: #fff;
    font-size: 19px;
    /*font-weight: 100;*/
    margin: 0 0 5px;
    padding: 7px 7px 0;
}

#contactform h3 a {
    color: #fff;
}

#contactform h3 a:hover {
    color: #333;
    text-decoration: none;
}

#contactform .btn {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    float: right;
    margin-bottom: 20px;
}

#contactform .btn:hover {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
}

#contactform input,
#contactform textarea {
    border: 0 none;
    border-radius: 2px;
    box-shadow: none;
    margin-bottom: 5px;
}

#contactform2{
    padding: 0 10px 10px 10px;
}
#lopd_checkbox {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #666;
    font-size: 65%;
    line-height: 120%;
    margin-bottom: 5px;
    padding: 8px 10px;
}

#lopd_checkbox input[type="checkbox"] {
    background-repeat: no-repeat;
    border: medium none;
    float: left;
    height: 22px;
    left: 25px;
    margin: 0 5px 0 0;
    outline: 0 none;
    padding: 0;
    width: 22px;
}



/***********sectors***********/

#sectors h3 {
    text-align: center;
    font-weight: 400;
    margin-top: 1.5em;
}

#sector-elements a .tileHeadline {
    color: #555;
}

#sector-elements {
    max-width: 1140px;
    margin: 0 auto 2em;
}

#sector-elements .tileImage {
    float: left;
    padding-right: 1px;
    margin-top: 5em;
    z-index: 3;
}

#sector-elements .tileImage a {
    height: 100%;
}

#sector-elements .tileImage a:hover {
    opacity: 1;
}

#sector-elements .tileImage img {
    width: 150px;
    height: auto;
}

#sector-elements img {
    width: 150px;
    height: auto;
    padding: 20px;
}

#sector-elements .summary {
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
}

#sector-elements .summary::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1%;
}

#sector-elements .summary .sector-element {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 100%;
    z-index: 100;
}

#sector-elements .tileHeadline,
#packaging-machines .tileHeadline,
#integral-solutions .tileHeadline {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 1em;
    text-align: center;
}

.sector-element {
    margin-bottom: 2em;
}



/*************Maquinas de envasado home**********/

#packaging-machines a .tileHeadline {
    color: #fff;
}

.tileIcon {
    text-align: center;
    width: 130px;
    height: 130px;
    margin: 0 auto 2em;
    background: #aeaeae;
    border-radius: 50%;
    display: block;
    z-index: 5;
    transition: box-shadow 0.15s linear 0s;
}

a:hover .tileIcon {
    box-shadow: 0 0 0 20px #e5e5e5;
    background: #d41b29;
}



/*
#sector-elements a:hover{

}


#sector-elements .tileIcon img{
  max-width: 90px;
    max-height: 90px;
    margin: 10px;
    padding-top: 1em;
    float: left;

}

*/

/*.summary .overlay{
z-index: 10000;
}
.summary .sector-element .tileImage{
z-index: 1000;
}
.summary .sector-element .tileHeadline{
z-index: 100000;
}
*/

/*packaging machines*****/

.packaging-machine-elements {
    max-width: 1140px;
    margin: 0 auto;
    padding-bottom: 3em;
}

#integral-solutions .packaging-machine-elements {
    padding-bottom: 4em;
}

#packaging-machines .tileImage,
#integral-solutions .tileImage {
    float: none;
    width: 100%;
    text-align: center;
}

#integral-solutions .tileImage {
    padding-top: 1em;
}

#packaging-machines .tileImage a,
#integral-solutions .tileImage a {
    width: 160px;
    height: 160px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    float: none;
}

#packaging-machines .tileImage a .image-hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 160px;
    height: 160px;
}

#packaging-machines .tileImage a:hover .image-hover {
    display: inline;
}

#packaging-machines .tileImage a:hover .image-hover img {
    text-indent: -999999999999999px;
    color: transparent;
}

.packaging-machine .tileItem img {
    max-width: 160px;
    margin: 0 auto;
}

.packaging-machine .tileHeadline a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

#integral-solutions .packaging-machine .tileHeadline a {
    color: #333;
}

.packaging-machine .tileHeadline a:hover {
    text-decoration: none;
    border: 0;
    color: #d41b29;
}

.template-home_view #integral-solutions {
    position: relative;
    background: url(../images/SolucionesIntegralesBackground.jpg) no-repeat top center;
    background-size: cover;
    min-height: 600px;
    text-align: center;
    margin: 0 -15px;
    padding-top: 6em;
}

.template-home_view #integral-solutions h2 {
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5em 1em;
    color: #d41b29;
    letter-spacing: -1px;
}


.template-home_view #integral-solutions a {
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 50px 10px;
    border: 1px solid #d41b29;
    background: #d41b29;
    color: #fff;
    display: inline;
    letter-spacing: 1px;
}

.template-home_view #integral-solutions a:hover {
    border: 1px solid #333;
    background: transparent;
    color:#333;
}



/*contact*****/

#contact-information {
    padding: 0;
    display: block;
    position: relative;
}

#contact-information::after {
    content: "";
    background-size: auto 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}

#contact-information>.row:first-child {
    background: #c1c1c1;
    background: url(../images/mapa.jpg) no-repeat center bottom #c1c1c1;
    height: 630px;
}



/* Zoom in Keyframes */

@keyframes zoomin {
    0% {
        transform: scale(1.3);
    }
    /*50% {transform: scale(1.2);}*/
    100% {
        transform: scale(1);
    }
}



/*End of Zoom in Keyframes */

.contact-elements {
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 3em;
    z-index: 99;
    position: relative;
}

#contact-information ul {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    max-width: 33%;
    line-height: 160%;
    margin-top: 2em;
}

#contact-information h2 {
    margin: 0 auto !important;
    padding: 0;
    letter-spacing: -1px;
}

#contact-information h2.home-second-title {
    margin-bottom: 2em !important;
    letter-spacing: 0;
}

.contact strong {
    font-weight: 800;
}

.contact img {
    margin-top: 1em;
}

.contact .contact-logo img {
    margin: 0 0 1em !important;
}

.address {
    margin-bottom: 0.5em;
    min-height: 30px;
}

.other-information {
    min-height: 100px;
}

#phone-information,
#fax-information,
#contacts-information,
#web-information {
    color: #999;
}

#phone-information span,
#fax-information span,
#contacts-information span,
#web-information span {
    text-indent: -99999px;
    width: 24px;
    height: 24px;
    display: inline-block;
    opacity: 0.4;
}

#contacts-information span {
    background: url(../images/contact.png) no-repeat top left;
    background-size: 18px auto;
}

#fax-information span {
    background: url(../images/fax.png) no-repeat top left;
    background-size: 18px auto;
}

#phone-information span {
    background: url(../images/telephon.png) no-repeat top left;
    background-size: 18px auto;
}

#web-information span {
    background: url(../images/web.png) no-repeat top left;
    background-size: 18px auto;
}



/******home news***********************/

.more-news {
    text-transform: uppercase;
    /*color: #fff;*/
    margin: 1em 0;
    font-size: 14px;
    letter-spacing: 1px;
    /*font-weight: 100;*/
}

.more-news:hover {
    color: #5d5d5d;
}

#news a.more-news {
    color: #fff
}

.tileImage {
    padding: 0;
}

#news {
    background: url(../images/news.jpg) no-repeat center 280px;
    background-size: contain;
    margin: 0 -15px;
}

#case-studies {
    background: #fff;
}

.template-cases_studies #case-studies {
    background: #fff;
    margin: 0 -15px;
}

.News.tileItem {
    background: #fff;
    
}

#news h2,
#case-studies h2,
#newsletter h2 {
    font-size: 36px;
    font-weight: 300;
    margin: 2em auto 1em;
    letter-spacing: -1px;
}

#newsletter {
    padding-bottom: 3em;
}

#newsletter h2 {
    text-transform: none;
    color: #fff;
    margin: 20px auto;
}

#newsletter input[type="text"],
#newsletter input[type="password"],
#newsletter textarea,
#newsletter select {
    background-color: #fff;
    background-image: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    font-size: 14px;
    height: 42px;
    line-height: 1.42857;
    padding: 8px 15px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    /*color: #efefef;*/
    text-transform: uppercase;
    margin: 0;
}

#newsletter input[type="text"]{
    color: #333;
    text-transform: none;
}

#lopd_checkbox_newsletter {
    display: -ms-flexbox;
    display: flex;
}
#lopd_checkbox_newsletter .lopd{
    color: #fff;
    padding-top: 13px;
}

#lopd_checkbox_newsletter #lopd.form-control{
    display: inline-block;
    float: left;
    width: auto;
    margin-right: 10px;
}
#lopd_checkbox_newsletter a{
    color: #fff;
    text-decoration: underline;
}
.News.tileItem img {
    width: auto;
}






.News .tileHeadline  {
  padding: 0 15px 15px 15px;
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px;
}

@media (min-width:0px) and (max-width:768px) {

.News .tileHeadline {
 font-size: 13px;
 font-weight: 400;
 font-family: arial;}
}


@media (min-width:768px) and (max-width:6000px) {
.News .tileHeadline {
 font-size: 16px;
 font-weight: 300;
 font-family: arial;}
}
.left1 {
  float: left;
  }




.News .documentByLine {
    color: #777777;
    font-weight: 300;
    margin: 10px 0 10px 15px;
    display: block;
    float: left;
    width: 100%;
}

.News .tileHeadline a {
    color: #333;
}

.News .tileHeadline a:hover {
    text-decoration: none;
    border: 0;
    color: #d41b29;
}


/*****news*************/

.template-summary_view .News h2.tileHeadline {
    padding: 0;
    font-size: 20px;
    font-weight: 300;
    margin-top: 10px;
    text-align: left;
    text-transform: none;
}

.template-summary_view a:hover .image-shadow {
  opacity: 1;
    background: rgba(212, 27, 41, .8) url(../images/plush.png) no-repeat center center;
}

.template-summary_view .News .documentByLine {
    margin: 10px 0 10px 0;
}



/************packaging-solutions*/
#packaging-solutions-sectors picture img.lazyloaded{
    height: auto;
    padding:20px;
}
#packaging-solutions .tileItem {
    height: 1345px;
}

#integral-solutions .row .packaging-machine {
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    padding: 0;
}

#integral-solutions .row .packaging-machine:last-child {
    border-right: 0;
}

#integral-solutions .row:nth-child(2) .packaging-machine {
    border-bottom: 0;
}

#integral-solutions .row .packaging-machine :hover {
    background: #e6e6e6;
}

#integral-solutions .tileHeadline {
    margin-bottom: 0;
}

.element-item {
    width: 22%;
    margin: 1em 1em 0 1em;
    float: left;
}

#packaging-solutions .tileHeadline {
    text-transform: none;
    padding: 0 1em;
    margin-top: 0;
    font-size: 14px;
    margin: 0;
    font-weight: 300;
    line-height: 1.3;
    min-height: 100px;
}



.select-group {
    display: block;
    float: left;
    margin-bottom: 2em;
}

#filters select {
    width: auto;
    margin-right: 1em;
    max-width: 200px;
}

:disabled {
    color: #ccc !important;
}

#download-catalog {
    float: right;
    margin-top: 30px;
}

#download-catalog p {
    font-size: 15px;
    max-width: 280px;
}

#download-catalog img {
    margin-bottom: 10px;
}

.related-product {
   position: absolute;
   margin-top: -4.5em;
   text-align: center;
   display: table;
   width: 100%;
}
.related-product a{
    background: #efefef;
    padding: 3px 10px;
    font-size: 13px;
    display: inline-block;
    color: #666;
}
.related-product a:hover{
    background: #d41b29;
    padding: 3px 10px;
    font-size: 13px;
    display: inline-block;
    color: #fff;
}


/***soluciones integrales***********/

#integral-solutions .tileHeadline {
   min-height: 3.5em;
}

.template-integral_solution_view #productline-icon-title {
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #ccc;
}

.template-integral_solution_view #productline-icon-title .documentFirstHeading {
    color: #333;
}


.template-integral_solution_view #productline-animation .documentDescription {
    margin: 0 0;
}


/***portada**********/

.portaltype-sector .tileItem {
    color: #a09c9c;
    cursor: pointer;
    margin-bottom: 2em;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 0 0 12px transparent;
    transition: box-shadow 0.3s ease-out 0s, border 0.1s linear 0s;
}

.portaltype-sector .tileItem a {
    transition: box-shadow 0.3s ease-out 0s, border 0.1s linear 0s;
}
.portaltype-sector .tileItem a:hover {
   color: #d41b29;
}
.portaltype-sector .tileItem .tileImage {
    margin: 1em auto;
    max-width: 90%;
    float: none;
    border-bottom: 1px solid #b5b5b5;
}

.portaltype-sector .tileItem:hover {
    box-shadow: 1px 1px 19px rgba(0, 0, 0, 0.11);
    color: #d41b29;
}



/***edukia**************/

.plone-breadcrumb {
    background-color: #efefef;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0 !important;
    color: #333;
    margin-bottom: 1px;
}

.plone-breadcrumb a {
    color: #333;
    font-weight: normal;
}

.plone-breadcrumb ol>li+li::after {
    color: #efefef;
}

.documentDescription {
    color: #333;
    font-size: 20px;
    margin-bottom: 30px;
}

#content-core {
    padding-bottom: 2em;
}



/******bigarren menua*************/

.portlet {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 20px;
}

.portletNavigationTree .portletContent>ul>li>a,
.portletNavigationTree .portletContent>ul ul>li>a {
    background: #fff none repeat scroll 0 0;
    display: block;
    color: #333;
    font-size: 16px;
}

.portletNavigationTree nav.portletContent>ul>li a {
    border-top: 0;
    padding: 7px 15px 7px 0;
}

.portlet .portletContent {
    font-size: 16px;
}

.portletNavigationTree .portletContent>ul>li>a:hover {
    background: #fff none repeat scroll 0 0;
    color: #d41b29;
    border: 0;
    text-decoration: none;
}

.portletNavigationTree .portletContent .navTreeCurrentNode>a {
    background: #fff none repeat scroll 0 0;
    color: #d41b29;
}

.portletNavigationTree .portletContent>ul ul {
    padding-left: 1em;
}



/***********/

#content {
    margin-bottom: 0;
}



/******carousela****************/

.template-view #content .thumbnails-carousel li {
    height: 130px;
    vertical-align: center;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.thumbnails-carousel li img {
    margin: 0 auto;
    max-height: 128px;
}



/* Plugin styles */
/* Hasietaratik ez agertzeko arrazoia
ul.thumbnails-carousel {
    padding: 5px 0 0 0;
    margin: 1.5em 0 0 0;
    list-style-type: none;
    text-align: center;
    vertical-align: middle;
}
*/

ul.thumbnails-carousel .center {
    display: inline-block;
}

ul.thumbnails-carousel li {
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 10px;
    vertical-align: middle;
}

ul.thumbnails-carousel li img {
    width: 100%;
    height: auto;
}

.portaltype-product ul.thumbnails-carousel li:nth-child(3),
.portaltype-product ul.thumbnails-carousel li:nth-child(6),
.portaltype-product ul.thumbnails-carousel li:nth-child(9) {
    margin-right: 0;
}

.template-view .portaltype-product #content .thumbnails-carousel .center {
    margin: 0 0 0 20px;
}

.template-view #content .carousel-inner .item {
    height: 450px;
}

.template-view.portaltype-packagingsolution #content .carousel-inner .item {
    height: 520px;
    border-bottom: 1px solid #333;
}

.template-view #content .carousel-inner .item img {
    width: 100%;
    height: auto;
    position: relative;
    top: 45%;
    transform: translateY(-50%);
}

.template-view #content .carousel-inner .item .carousel-image-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 5px 0;
}

.template-view #content .carousel {
    padding-bottom: 2em;
}

.template-view #content .indicators-fix {
    bottom: 180px;
    height: 30px;
}

.template-view #content .carousel-indicators .active {
    background-color: #ccc;
    height: 12px;
    margin: 0;
    width: 12px;
}

.template-view #content .carousel-indicators li {
    border: 1px solid #ccc;
}

.template-view #content .carousel-inner img {
    width: 100%;
    max-height: 500px;
    margin: 0 auto;
}

.template-view.portaltype-product #content .carousel-inner .item {
    text-align: center;
}

.template-view.portaltype-product #content .carousel-inner img {
    width: auto;
    max-height: 100%;
    margin: 0 auto;
}

.carousel-inner .item picture,
.carousel-inner .item .embed-responsive {
    top: 45%;
    transform: translateY(-50%);
}

.template-view .carousel-control {
    font-size: 120px;
    padding-top: 20%;
    width: 10%;
    font-weight: 100;
    color: #333;
    max-height: 300px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100;
    z-index: 20;
}

.template-view .carousel-control.left {
    text-align: left;
    padding-left: 15px;
}

.template-view .carousel-control.right {
    text-align: right;
    padding-right: 15px;
}

.portaltype-packagingsolution #content h3 {
    font-weight: 100;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 0;
}

.portaltype-packagingsolution #content h4 {
    font-size: 20px;
    text-transform: none;
    margin-top: 0;
}

.portaltype-packagingsolution #content h4 a {
    color: #d41b29;
}

a #product-description {
    margin-top: 1em;
    border-top: 3px solid #fff;
    color: #313131;
    display: block;
    padding: 1em;
}

a:hover #product-description {
    border-top: 3px solid #d41b29;
    background: #efefef;
}

.portaltype-packagingsolution #content h4 a:hover {
    color: #666;
    text-decoration: none;
}

.carousel-indicators {
    left: 50%;
    margin-left: -50%;
    width: 100%;
}

.template-view.portaltype-packagingsolution #content .carousel-image-caption {
    display: none;
}

.playbutton {
    background: rgba(0, 0, 0, 0) url("../images/play.png") no-repeat left top;
    background-size: 100% auto;
    bottom: 50%;
    display: block;
    height: 38px;
    left: 38%;
    position: absolute;
    width: 38px;
    z-index: 12;
}

/**Lurrek ekarria************/

.controls-background-reset {
    background: none !important;
}


.active-thumbnail {
    opacity: 0.4;
}

.indicators-fix {
    bottom: 70px;
}

.scrollable {
    position: relative;
    overflow: hidden;
    width: 650px;
    height: 150px;
    margin: 0 50px !important;
    padding-left: 0;
}

.scrollable .thumbnail {
    background-color: #ffffff;
    display: block;
    line-height: 1.42857;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 30px;
    min-height: 80px;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    width: 158px;
    border: 0 !important;
}

.scrollable .items {
    clear: both;
    position: absolute;
    width: 20000em;
    height: 80px;
}

.browse {
    bottom: 9%;
    color: #333;
    cursor: pointer;
    display: block;
    height: 120px;
    position: absolute;
    text-indent: -2000px;
    width: 50px;
    z-index: 100000;
    opacity: 0.5;
}

.browse:hover {
    opacity: 1;
}

.browse.left {
    background: rgba(0, 0, 0, 0) url("../images/left.png") no-repeat scroll left center;
    background-size: 50px auto;
    left: 0;
}

.browse.right {
    background: rgba(0, 0, 0, 0) url("../images/right.png") no-repeat scroll right center;
    background-size: 50px auto;
    right: 0;
}

/*******machine information****************/

#productline-icon-title,
#sector-icon-title {
    background: #efefef;
    margin: 0 -15px 1em -15px;
    padding: 1em 0;
}

#productline-icon-title {
    background: #302e2f;
    padding: 0;
}

#productline-icon-title .image-icon,
#sector-icon-title .image-icon {
    margin: 0;
}

#productline-icon-title .documentFirstHeading,
#sector-icon-title .documentFirstHeading {
    border-bottom: 0;
    margin: 45px 0 20px;
    padding-bottom: 9px;
    font-weight: 100;
    font-size: 36px;
    letter-spacing: -1px;
}

#productline-icon-title .documentFirstHeading {
    color: #fff;
}

#productline-animation .documentDescription {
    font-size: 20px;
    margin: 30px 0;
}

#productline-icon-title .image-icon {
    text-align: center;
    width: 150px;
    height: 150px;
    margin: 1em auto 0;
    background: transparent;
    border: 0;
}

#sector-animation .documentDescription {
    margin: 30px 0 2em;
    font-size: 20px;
    color: #333;
}

.animation-image  {
   text-align: left;
   vertical-align: center;
}


#filters {
    margin-top: 2em;
}

#filters label {
    float: left;
    margin: 12px 1em 0 0;
    min-height: 30px;
    position: relative;
}

#filters label:after {
    position: absolute;
    content: "";
    display: block;
    height: 3px;
    background: #d41b29;
    bottom: -2px;
    width: 100%;
}

#product-line {
    margin-left: 2em;
}

.template-packaging_machines .tileItem {
    background: #262626;
    margin-bottom: 0;
    text-align: center;
    padding-bottom: 1em;
}

.template-packaging_machines .tileImage {
    margin: 0 auto;
    padding: 0;
    float: none;
}

.panel-default>.panel-heading {
    background-color: #fff;
    color: #333333;
    position: relative;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.panel-default>.panel-heading .glyphicon {
    position: absolute;
    right: 14px;
    top: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0;
}

.panel-default>.panel-heading .panel-title>a {
    color: #333;
    text-decoration: none;

    line-height: 140%;
    padding: 30px 15px;
    width: 100%;
    display: block;
    border: 1px solid #333;
    border-left: 0;
    border-right: 0;
}

.panel-default>.panel-heading .panel-title>a.collapsed {
    color: #333;
    text-decoration: none;
    border: 1px solid #333;
    border-left: 0;
    border-right: 0;
}

.panel-default>.panel-heading .panel-title>a:hover {
    color: #d41b29;
    text-decoration: none;

}

.panel-group .panel {
    border-radius: 0;
    margin-bottom: 0;
    border: 0;
}

.panel {
    box-shadow: none;
    border: 0;
}

.panel-group .panel+.panel {
    margin-top: 20px;
}

.panel-body {
    font-weight: 300;
    font-size: 16px;
}

#more-products h2 {
    font-weight: 100;
}

#more-products a h3,
.other-product a h3 {
    font-weight: 100;
    padding-top: 8px;
    font-size: 20px;
    color: #313131;
    transform: perspective(1px) translateZ(0px);
    position: relative;
}

#more-products .principal-image,
.other-product .principal-image {
    border-bottom: 1px solid #ccc;
}

#more-products a h3::before,
.other-product a h3::before {
    background: #0093d5 none repeat scroll 0 0;
    top: 1px;
    content: "";
    height: 4px;
    left: 0%;
    position: absolute;
    right: 100%;
    transition-duration: 0.3s;
    transition-property: left, right;
    transition-timing-function: ease-out;
    z-index: -1;
}

#more-products a:hover h3::before,
.other-product a:hover h3::before {
    left: 0;
    right: 0;
}

.other-product h3 {
    margin-top: 0;
}

.template-view.portaltype-product #carousel {
    margin-left: 0;
    margin-top: 2em;
}

.template-view.portaltype-product #content .indicators-fix {
    top: 450px;
}

.template-view.portaltype-product .carousel-control {
    padding-top: 10%;
}

.portaltype-product .scrollable {
    margin: 0 auto !important;
}

.portaltype-product .scrollable .thumbnail {
    width: 130px;
}

.portaltype-product .browse.left {
    left: 180px;
}

.portaltype-product .browse.right {
    right: 180px;
}

.portaltype-product .principal-image {
    height: 265px;
    position: relative;
    background: #fff;
}

.portaltype-product .principal-image img {
    vertical-align: bottom;
}

.portaltype-product .embed-responsive .embed-responsive-item,
.portaltype-product .embed-responsive iframe,
.portaltype-product .embed-responsive embed,
.portaltype-product .embed-responsive object,
.portaltype-product .embed-responsive video {
    position: relative;
    top: 0;
    left: auto;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.portaltype-product #carousel iframe {
    width: 800px !important;
    height: 440px !important;
    margin: 0 auto !important;
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.portaltype-product .carousel-inner .item .embed-responsive {
    top: 50%;
}

.portaltype-product #carousel .carousel-image-caption {
    display: none;
}

.other-product {
    position: relative;
}


@media only screen and (min-width:1200px) and (max-width:6000px){

.other-product .col-sm-3 { margin-bottom: 2em;
 }


}


#products {
    margin-top: 0em;
}

#products .principal-image {
    position: relative; 

}

#products .principal-image picture {
    bottom: 0;
}

/*******irudiak :hover**************/



.principal-image {
    position: relative;
}


@media only screen and (min-width:0px) and (max-width:1023px){

a .principal-image {
    border: 0 none;
  
 color: inherit;
    text-decoration: none;
    min-height: 140px;
    transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s, opacity 0.3s ease 0s;
    background: #fff;
}


}
@media only screen and (min-width:1024px) and (max-width:6000px){

a .principal-image {
    border: 0 none;
  
 color: inherit;
    text-decoration: none;
    min-height: 230px;
    transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s, opacity 0.3s ease 0s;
    background: #fff;
}


}
a .principal-image img {
 border: 0 none;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
}


a .principal-image .second-image {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: 0;
    opacity: 0.1;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate3d(0px, 0px, 0px);
    transition: opacity 0.3s ease 0s;
    z-index: -1;
}


a:hover .principal-image .second-image {
    opacity: 1;
    z-index: 2;
}


.principal-image img {
    display: block;
    width: 100%;
}


.principal-image img .second-image {
    z-index: 0;
}



.principal-image span {
    display: block;
    width: 100%;
}

/********more-sectors***************/

#more-sectors,
#more-packaging-machines {
    background: #efefef;
    font-weight: 300 !important;
    padding-bottom: 2em;
    margin-top: 2em;
    margin-bottom: -2em;
}

#more-sectors a,
#more-packaging-machines a {
    color: #666;
}

#more-sectors a:hover,
#more-packaging-machines a:hover {
    color: #d41b29;
    border: 0;
    text-decoration: none;
}

#more-sectors h2,
#more-packaging-machines h2 {
    font-weight: 300 !important;
}

#more-sectors h3,
#more-packaging-machines h3 {
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 5px;
    font-weight: 400 !important;
}

/******footer*********/

#portal-footer-wrapper p {
    border-bottom: 0;
    padding-bottom: 0;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 0;
}

#portal-footer-wrapper {
    text-align: left;
    background-color: #000;
    padding: 30px 15px 30px;
}

#portal-footer-wrapper a {
    color: #c0c0c0 !important;
}

#portal-footer-wrapper .portletWrapper:first-child {
    border-bottom: 0;
}

#portal-footer-wrapper .portlet .portletContent li {
    padding: 10px !important;
}

.portletActions {
    text-align: right;
    text-transform: uppercase;
    font-size: 11px !important;
}

.portletActions :hover {
    color: #d41b29;
}

.socialIcons {
    list-style: none;
    opacity: 0.8;
    margin: -50px 0 20px;
    padding: 0;
}

.socialIcons li {
    display: inline-block;
    margin-right: 10px;
}

.socialIcons li :hover {
    opacity: 0.5;
}

.socialIcons li img {
    width: 32px;
    height: auto;
}

/**************SiteMap************/

#portal-sitemap ul {
    list-style: none;
    font-size: 16px;
}

#portal-sitemap ul a {
    color: #333;
}

#portal-sitemap ul a:hover {
    color: #d41b29;
}

#portal-sitemap ul li::before {
    color: #ccc;
}

#portal-sitemap .contenttype-folder {
    text-transform: uppercase;
}

/********Casos de Exito***************/

ul.share {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.share li {
    float: right;
    margin-left: 10px;
}

.leadImage img {
    width: 100%;
    margin-bottom: 2em;
}


.article-element h2.tileHeadline {
    text-transform: none;
    text-align: left;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.News .article-element .documentByLine {
    margin: 0 0 10px 0;
}

#case-studies .documentPublished {
    margin: 15px 15px 5px 15px;
    display: block;
}

#case-studies .News.tileItem {
    background: #e0e0e0 none repeat scroll 0 0 !important;
    min-height: 100%;
}

#case-studies .News.tileItem a {
    color: #333;
    float: left;
    display: block;
}

#case-studies .News.tileItem a:hover {border-radius: 100%;  color: #fff;
    background: #707070;
}

#case-studies .tileImage {
    float: none;
}

#case-studies h3 {
    font-size: 20px !important;
    margin: 15px;
}

#case-studies .col-sm-4 {
    padding: 0;
    min-height: 237px;
}

#case-studies .col-sm-8 {
    padding: 0;
}

#case-studies .row {
    background: #e0e0e0;
}

/*********************korporatiboa*******************************/

/*.static-content-element{
    margin: 0 -15px;
}

#static-nocolumn.container-fluid{
    padding: 0;
}
*/

.template-folder_view_second_level #static-nocolumn.container-fluid {
    padding: 0;
}

.content-element-image {
    position: relative;
    overflow: hidden;
    height: 490px;
    margin-bottom: 2em;
    width: 100%;
    z-index: 9;
    display: block;
}

.content-element-image img {
    position: absolute;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    opacity: 1;
}

.template-folder_view_second_level .content-element-image img {
    animation: zoomin 6s ease-out running;
    overflow: hidden;
}

/* Zoom in Keyframes */

@keyframes zoomin {
    0% {
        transform: scale(1.2) translate(-50%, -50%);
    }
    /*50% {transform: scale(1.2) translate(-50%, -50%);}*/
    100% {
        transform: scale(1) translate(-50%, -50%);
    }
}

/*End of Zoom in Keyframes */

.content-element-image img:hover {
    opacity: .6;
    transition: all .6s cubic-bezier(.23, 1, .32, 1) 0s;
    background-image: linear-gradient(to bottom, transparent 0, #000 100%);
}

.template-folder_view_second_level .content-element-image img:hover {
    opacity: 1;
}

.content-element-title {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 80%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 1em 31% 1em 2em;
    z-index: 100;
}

.content-element-title h2 {
    text-transform: uppercase;
    Color: #333;
    font-weight: 800;
    font-size: 36px;
}

.content-element-title a h2 {
    color:#d41b29;
}

.content-element-title a:hover h2 {
    color: #333;
}

.content-element-title a h3 {
    color:#333;
    font-size: 20px;
}

.read-more {
    background: #d41b29;
    border: 1px solid #d41b29;
    color: #fff;
    padding: 10px 50px;
    z-index: 999;
    position: absolute;
    top: 0;
    font-size: 14px;
    left: 0;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.read-more .glyphicon {
    display: none;
}

.read-more:hover {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.template-folder_view_second_level .content-element-image {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
}

.template-folder_view_second_level .content-element-image::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50%;
    background-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .6) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}

#same-level-navigation {
    text-align: left;
    z-index: 999;
    position: relative;
    height: 40px;
    margin: -40px auto 0;
    max-width: 1140px;
}


#same-level-navigation ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    /* For IE, the outcast */
    zoom: 1;
    *display: inline;
}

#same-level-navigation li {
    float: left;
}

#same-level-navigation li a,
#same-level-navigation li.active {
    background: #ebebeb;
    color: #333;
    padding: 1em 2em 1.1em;
    margin-right: 2px;
    border-radius: 3px 3px 0 0;
}

#same-level-navigation li.active {
    background: #262626;
    color: #fff;
    display: block;
    margin-top: -15px;
}

#same-level-navigation li a:hover {
    background: #262626;
    color: #fff;
}

#static-text {
    background: #ebebeb;
    padding: 2em 0;
}

#static-title-description {
    background: #262626;
    color: #fff;
    padding-top: 3em;
}

#static-title-description .documentDescription {
    color: #fff;
    margin-top: 0.5rem;
}

#static-title-description h1 {
    margin: 0;
}

#numbers {
    background: #fff;
    margin-bottom: 3em;
    text-align: center;
    font-size: 18px;
    font-weight: 800px;
    overflow: hidden;
}

#numbers .item {
    padding: 60px 30px;
    font-weight: bold;
    margin: 0 auto;
    display: inline-block;
    white-space: nowrap;
    text-align:center;
}

#numbers .item .number {
    font-size: 42px;
    color: #d41b29;
    display: block;
    margin-right: 10px;
}

#numbers .item .text {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    max-width: 250px;
}

.two-col {
    column-count: 2;
    -moz-column-count: 2;
    column-gap: 50px;
    -moz-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
    display: block;
    padding: 2em 0;
}

#static-text .panel-body {
    font-weight: 300;
    font-size: 16px;
    background: #ebebeb;
}

#static-text ol,
#static-text ul  {
    font-size: 16px;
    line-height: 1.42857;
}


#static-text .panel-default>.panel-heading .glyphicon {
    position: absolute;
    right: 14px;
    top: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
}

#static-text .panel-group .panel+.panel {
    margin-top: -1px;
}

#static-text .panel-default>.panel-heading {
    background: #ebebeb;
    color: #333333;
    position: relative;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 20px;
}

#static-text .panel-default>.panel-heading .panel-title>a {
    color: #333;
    text-decoration: none;
    border: 1px solid #333;
    border-left: 0;
    border-right: 0;
    line-height: 140%;
    padding: 30px 15px;
    width: 100%;
    display: block;
}

/***pestañentzat**********/

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}

.zoomOut {
    animation-name: zoomOut
}

#accordion .panel-title i.glyphicon {
    transition: transform 0.2s ease-in-out;
}

.rotate-icon {
    transform: rotate(-45deg);
}

/********search**********/

#searchform {
    margin-top: 2em;
}

#searchform .input-group .form-control {
    margin-top: 13px;
}

.searchPage.form-control{
margin-right: 1em;
}

#searchform .input-group input.searchPage.btn {
    width: 120px;
    border: 0;
    border-left: 10px solid #fff;
    /* border: 0; */
    margin-left: 1px;
}

.pat-autotoc.autotabs, .autotabs {
    background: #fff;
    padding: 0;
    border: 0;
    margin-bottom: 0px;
    border-radius: 0px;
    box-shadow: none;
}

.searchResults{
    padding-left: 1.5em;
}
.documentLocation.link-location{
    font-size: 80%;
}

.result-title{
    display: block;
}




.ferias tr {
    border-top: 5px solid #efefef;
 }

.logos tr{
    border-top: 3px solid #fff !important;
 }

 .ferias img {
    margin-bottom: 1em;
 }
 .ferias.logos img {
    margin-bottom: 0;
 }
 .ferias, .logos {
    border: 0 !important;
    width: auto;
    color: #333;
}
.ferias td,
.ferias th,
.ferias > tbody > tr > td,
.ferias > tbody > tr > th,
.ferias > tbody > tr > td,
.ferias > tbody > tr > th{
    border: 0 !important;
}
/*******************Soluciones***/

/*
.portaltype-sector .documentFirstHeading {
    padding-left: 190px;
}


.portaltype-sector  .image-icon {
    margin-top: -4em;
}
*/

.image-icon {
    text-align: center;
    width: 150px;
    height: 150px;
    margin: 0 auto 2em;
    background: #aeaeae;
    border-radius: 50%;
    display: block;
    z-index: 5;
    transition: box-shadow 0.15s linear 0s;
    border: 5px solid #fff;
}

.image-icon img {
    width: 140px;
    height: auto;
}

.pdf-descarga a {
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 10px 10px;
    background: #666;
    color: #fff;
    margin-top: 5px;
    float: left;
    display: block;
}

.pdf-descarga a:hover {
    background: #d41b29;
    color: #fff;
}

/***************servicio**************/


.template-folder_view_second_level_services #static-text,
.template-folder_view_second_level_services #static-text .panel-default > .panel-heading,
.template-folder_view_second_level_services #static-title-description,
.template-folder_view_second_level_services #static-title-description .documentDescription,
.template-folder_view_second_level_services #static-text .panel-body {
    color: #333;
    background: #fff;
}

.template-folder_view_second_level_services #static-title-description {
    padding-top: 0;
}

.template-folder_view_second_level_services .content-element-image{
    margin: 0 0 1px;
}
.template-folder_view_second_level_services #static-text{
    padding: 0 0 2em 0;
}

.template-folder_view_second_level_services #same-level-navigation {
    height: auto;
    margin: -84px auto 2em;
}

.template-folder_view_second_level_services #same-level-navigation ul{
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2em;
    margin-top: 0;
}
.template-folder_view_second_level_services #same-level-navigation ul li {
  -ms-flex-positive: 1;
      flex-grow: 1;
  float: none;
    background: #d41b29;
    display: block;
    border-radius: 0;
}
.template-folder_view_second_level_services #same-level-navigation li a{
   padding:0;
   line-height: auto;
   display: block;
   padding: 20px;
   color: #fff;
   background: #333;
   border: 1px solid #fff;
   border-radius: 0;
   margin: 0;
   font-size: 14px;
   text-transform: uppercase;
   min-height: 84px;
}

.template-folder_view_second_level_services #same-level-navigation li a:hover{
    background: #000;
 }

.template-folder_view_second_level_services #same-level-navigation ul li.active {
    margin-top: 0;
    border-radius: 0;
    margin:0;
    border: 1px solid #fff;
    padding: 20px;
    background: #d41b29 !important;
    font-size: 14px;
    text-transform: uppercase;
    min-height: 84px;
}

.template-folder_view_second_level_services #static-text ,
.template-folder_view_second_level_services .two-col {
    padding: 0 0 2em 0;
}

.cc-cookies {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    padding: 2em 5%;
    background: #565656;
    background: rgba(86,86,86,0.95);
    font-size: 120%;
    bottom: auto;
    z-index: 9999999999999999!important;
    overflow: hidden;
    font-weight: normal;
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {

    display: inline-block;
    color: #fff;
    text-decoration: none;
    background: #d41b29;

    padding: .5em .75em;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.25);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
    -o-transition: background .5s ease-in;
    -webkit-transition: background .25s ease-in;
    -moz-transition: background .25s ease-in;
display: table;
margin: 1em auto 0;
}


@media screen and (max-width: 767px) {
    /*header****/



    #above-content-wrapper {
        padding-top: 70px;
    }
    p, ul {
        font-weight: 300;
        margin: 0 0 15px;
        font-size: 16px;
    }
    .plone-navbar-toggle .icon-bar:after {
        content: "";
        width: 25px;
        height: 3px;
        background: #fff;
        display: block;
        margin: 4px 0;
    }

    #portal-logo {
        margin-top: 25px;
    }
    #portal-logo img {
        width: 100px;
    }
#tagline{
    color: #333;
    font-size: 13px;
    font-weight: 300;
    margin: 22px 0 0 10px;
    float: left;
    max-width: 170px;
    line-height: 120%;
}
    .plone-navbar-toggle {
        z-index: 1;
        position: relative;
        float: right;
        margin-right: 15px;
        margin-bottom: 3px;
        padding: 4px 8px;
        background-color: #d41b29;
        background-image: none;
        border: 1px solid #d41b29;
        border-radius: 4px;
        right: 0;
        position:absolute;
        top: 10px;
    }
    .plone-navbar-toggle:focus,
    .plone-navbar-toggle:active{
        background-color: #d41b29;
        border: 1px solid #d41b29;
    }
    #portaltab-company{
        border-top: 1px solid #ccc;
        margin-top: 0.5em;
    }

    .plone-navbar-collapse.plone-collapse#mainnavigation {
        margin: 0em;
    }

    .plone-navbar-collapse.plone-collapse {
        margin-top: 0.8em;
        width: 100%;
        background: #fff;
        z-index: 999999;
        margin-right: -15px;
        margin-left: -15px;
        padding: 0 15px 15px 15px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, .15);

    }

    
#content-header .container {
        background: none !important;
        width: 100%;
 border-top: 5px solid #00a0e3; }
#content-header .container1 {
        background: none !important;
        width: 100%;
  }


    #content-header {
        height: auto;
        height: 70px;
    }

    #portal-searchbox-mobile{
        float: right;
        text-indent: -1000px;
        width: 30px;
        height: 36px;
        background: url(../images/lupa.png) no-repeat center center;
       margin-right: 15px;
    }

    #portal-languageselector-mobile{
    list-style: none;
    text-transform: uppercase;
    margin:0;
    padding: 10px 0 10px 15px;
    border: 1px solid #ccc;
    border-left:0;
    border-right:0;
    min-height: 30px;
    }

    #portal-languageselector-mobile a{
        color: #333;
        }

    #portal-languageselector-mobile ul,
    #portal-languageselector-mobile ul li{
       margin:0;
       padding:0;
        }

    #portal-languageselector-mobile ul li a{
            padding-left: 1em;
            font-size: 13px;
        }

    #mainnavigation {
        margin-right: 15px;
        margin-top: -3.3em;
    }

    #portal-globalnav li a {
        box-shadow: 0;
        display:block;
    }

    #portal-globalnav-wrapper.plone-navbar {
        margin: 0 -15px;
    }
    .plone-navbar-nav {
        float: none;
    }
    .plone-navbar-nav .dropdown-menu {
        width: 100%;
        box-shadow: none;
        z-index: 100000;
        position: relative;
        padding: 10px 0 0 0;
        margin-left: 1em;
    }
    #portal-globalnav li a {
        padding-bottom: 3px;
    }

    .plone-navbar-nav {
        margin: -1px 0 -1px;
    }
    .plone-navbar-nav .dropdown-menu li {
        float: left;
        width: 100%;
        text-transform: uppercase;
        margin: 0 1em;
        font-size: 16px;
        color: #999 !important;
    }

    .plone-navbar-nav .dropdown-menu li ul {
        border-top: 0;
        margin: 0 0 10px 0;
    }

    #portal-header  #portal-languageselector .dropdown-menu {
    right: 0;
    left: auto;
    min-width: 280px;
    z-index: 99999;
    }

    #portal-globalnav li a::before {

        height: 0;

    }

    #portal-header #portal-languageselector {
        z-index: 99999;
        width: 100%;
    }

    #portal-breadcrumbs {
        margin-bottom: 2px;
    }

    .plone-breadcrumb ol{
        padding: 5px 0;
    }

    .plone-breadcrumb ol>li {
        display: inline;
        padding: 0 10px 0 0;
    }

    .plone-breadcrumb ol>li+li:before {
        content: "»";
        font-size: 16px;
        color: #555;
        border: 0;
        top: 7px;
        left: -10px;
    }

    #portal-header #portal-searchbox {
        right: 100px;
    }

    #contactform {
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 0;
    }

    #contactform h3 {
        font-size: 20px;
        padding: 10px 10px 0 15px;
    }
    #contactform img {
        margin: 10px 15px;
    }

    /*footer**/
    .socialIcons {
        margin: 0 0 20px;
    }
    /**home*/
    /*carousela*****/
    .template-home_view .carousel-caption {
           top: 170px !important;

        position: absolute;
            color: #333;
        left: 0;
        right: auto;
        text-align: left;
        text-shadow: none;
        z-index: 10;
        width: 100%;
    }

    .template-home_view .carousel-caption p {
        margin: 10px 0 5px;
        font-size: 16px !important;
    }
    .template-home_view #carousel img {
        max-height: auto;
        width: 150%;
        max-width: 160%;
        margin-left: -52%;
        margin-top: 1em;
    }

    .template-home_view #carousel .video-embed {
        top: 0;
        height: 100%;
        background: transparent;
    }

    .item.video-splash .carousel-caption {
        z-index: 99999;
        position:absolute;
        top: 240px !important;
        height: auto;
    }
    .item.carousel-image-home.video-splash {
        max-height: auto;
        position: absolute;
        width: 100%;
    }
    img.carousel-image-home.video-splash {
        position: relative;
     }
    .template-home_view #carousel {
        height: 320px;
         }

    .template-home_view .carousel-caption h3 {
        font-size: 17px;
    }
    .carousel-indicators {
        bottom: auto;
        top: 10px;
    }
    .template-home_view #content .carousel-caption .btn {
        border: 0;
        background: transparent;
        color: #d41b29;
        padding: 0;
        margin: 0;
    }
    .template-home_view .carousel-control {
        font-size: 80px;
        padding-top: 5%;
    }

    #integral-solutions .packaging-machine-elements {
        padding-bottom: 2em;
        margin-bottom: 0;
    }
    .item.video-splash::after {
        top: 20%;
        left: 45%;
        background: rgba(0, 0, 0, 0) url("../images/play.png") no-repeat center center;
        background-size: 60px auto;
        width: 60px;
        height: 60px;
    }
    .template-home_view #carousel .video-embed iframe {
        width: 100% !important;
        height: 100% !important;
        z-index: 99999999 !important;
    }
    #integral-solutions .tileHeadline {
        min-height: 3em;
     }

     #case-studies .News.tileItem a {
       padding-bottom: 1em;
    }

    .template-home_view #integral-solutions {
        min-height: 300px;
        padding-top: 2em;
    }
    .template-home_view #integral-solutions h2.home-second-title {
        font-size: 24px;
        margin: 1em !important;
        padding: 0.5em 1em;
        text-align: center;
    }
    /**********************/
    .template-view .carousel-control {
        font-size: 80px;
        padding-top: 20%;
    }
    #sector-animation .documentDescription,
    #productline-animation .documentDescription {
        margin: 1em 0;
        font-size: 16px;

    }
    .documentFirstHeading {
        margin: 20px 0 10px;
        padding-bottom: 0.5em;
        padding-top: 0.8em;
 
    }

    .documentDescription {
        font-size: 16px;
        margin-bottom: 1em;
    }

    .animation-image img{
        max-width:100%
    }

    .template-integral_solution_view #productline-icon-title .documentFirstHeading {
        color: #333;
        padding: 1em 0;
        font-size: 24px;
    }

    .template-integral_solution_view #productline-animation .documentDescription {
        margin: 0 -15px;
    }

    #sector-elements img {
        padding: 0;
    }

    .portaltype-product .browse.left ,
    .portaltype-product .browse.right {
        display: none;
    }

    .template-view.portaltype-product #carousel {
        margin-left: 0;
        margin-top: 0;

    }
.product-text{
    margin-top: 2em
}
    .template-view #content .carousel-inner .item {
        height: 280px;
    }

    .template-view #content .carousel {
        padding-bottom: 0;
    }

    .template-view.portaltype-product #content .indicators-fix {
        top: 0;
    }

    .carousel-control,
    .template-view.portaltype-product  .carousel-control  {
        padding-top: 30%;
        font-size: 80px;
        color: #fff !important;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    }

    .template-view #content .carousel-inner .item img {
        top: 55%;
    }

    .template-view .carousel-control.left {
        padding-left: 0;
    }

    .portaltype-product .scrollable .thumbnail {
        width: 50px;
    }

    .portaltype-product .scrollable,
    .thumbnails-carousel.scrollable,
    #carousel .browse {

       display: none;

    }
    .template-view #content .carousel-inner .item {
        height: 300px;
    }

    a:hover .tileIcon {
        box-shadow: none;
    }

    #sectors,
    #packaging-machines,
    #integral-solutions,
    #contact-information {
        padding-top: 0;
    }

    #sectors,
    #packaging-machines{
       margin: 0 -15px!important;
       padding: 0 15px;
       overflow: hidden;
    }
    #news .home-container,
    #case-studies .home-container,
    #newsletter .home-container {
        width: 100%;
    }

    .template-cases_studies #case-studies {
        background: #fff;
        margin: 0;
    }


    .template-home_view h2.home-second-title {
        font-size: 24px;
        margin: 0 !important;
        padding: 1em 15px 0;
        text-align: left;
        letter-spacing: -1px;
    }
    .tileIcon {
        float: left;
        margin: 0;
        width: 48px;
        height: 48px;
        background: #666;
    }
    .tileItem {
        padding: 0;
        height: auto;
        line-height: 120%;
    }
    #sector-elements {
        margin: 0;
        background: #666;
        padding-bottom: 2em
    }
    .packaging-machine-elements {
        padding-bottom: 0;
        margin-top: 1em;
        margin-bottom: 2em;
    }
    #sectors h2.home-second-title {
        background: #666;
        margin: -1px 0 !important;
        padding: 1em 15px;
        text-align: left !important;
        color: #fff;
    }
    .sector-element {
        background: #666;
        color: #fff;
        margin: 0;
        padding: 0;
    }

    .sector-element:first-child {
        border-top: 1px solid #ccc;
    }

    .sector-element .tileItem{
        min-height: 50px;
        border-bottom: 1px solid #ccc;
        display: block;
        height: auto;
    }

    #sector-elements .tileHeadline,
    #packaging-machines .tileHeadline,
    #integral-solutions .tileHeadline {
        color: #fff;
        line-height: 24px;
        font-size: 16px;
        margin: 0 0 0 60px;
        padding: 15px 0;
        text-align: left;
    }
    #sector-elements a .tileHeadline {
        color: #fff;
    }
    #sector-elements .summary::before {
        display: none;
    }
    a:hover .tileIcon {
        box-shadow: 0;
        background: #d41b29;
    }
    #sector-elements img {
        width: auto;
        height: 49px;
    }
    #sector-elements .col-sm-3 {
        /*height: 50px;*/
        margin: 0 1em;
    }

    .template-home_view h2.home-second-title {
        max-width: 100%;
        margin: 0;
    }
    #contact-information h2.home-second-title a,
    .template-home_view #integral-solutions a {
        padding: 10px;
        font-size: 14px !important;
        letter-spacing: 1px;

    }

    #contact-information h2.home-second-title{
       text-align: center;
       letter-spacing: 0;
    }

    .packaging-machine{
        padding: 0 15px;
        margin: 0 1em;
    }

    #packaging-solutions-sectors{
        margin-bottom: -1px;
    }

    #packaging-solutions-sectors .sector-element h2.tileHeadline  {
        padding: 12px 0 12px 55px;
        font-size: 16px !important;
    }

    #packaging-machines .tileItem {
        /*height: 50px;*/
        border-bottom: 1px solid #666;
    }

    h2.tileHeadline {
       padding: 0;
        margin: 0;
        color: #fff;
    }

    a h2.tileHeadline {
        text-align: left;
         color: #fff;
         padding: 8px 0;
         line-height: 24px;
         display: block;
     }

    #packaging-machines .tileImage,
    #integral-solutions .tileImage {
        float: left;
        width: 50px;
        height: 50px;
    }
    #packaging-machines .tileImage img,
    #integral-solutions .tileImage img {
        height: 49px;
        max-height: 49px;
        width: auto;
        line-height: 49px;
    }

    #packaging-machines .tileImage a,
    #integral-solutions .tileImage a {
        width: 50px;
        height: 50px;
    }

    #packaging-machines .tileImage a .image-hover {
        width: 50px;
        height: 50px;
    }
    #integral-solutions .tileImage {
        padding-top: 0;
        display: block;
        line-height: 50px;
    }
    .template-integral_solutions_machines .packaging-machine-elements .tileItem {
        border-bottom: 1px solid #ddd;
        margin: 0 1em;
    }



    #integral-solutions .row .packaging-machine {
        border-right: 0;
       margin: 0 15px;
        padding: 0;
    }

    #integral-solutions .row:nth-child(2) .packaging-machine {
        border-bottom: 1px solid #c2c2c2;
    }
    #integral-solutions .packaging-machine-elements .row {
        margin: 0;
    }

    #contact-information>.row:first-child {
        background: #c1c1c1;
        background: url(../images/mapa.jpg) no-repeat center bottom #c1c1c1;
        background-size: contain;
        height: 380px;
    }
    #case-studies .home-container,
    #newsletter .home-container {
        margin: 0 15px;
        width: auto;
    }
    #case-studies .col-sm-4 {
        min-height: auto;
    }
    #news {
        background: url(../images/news.jpg) no-repeat top center;
        background-size: cover;
        margin: 1em 0;
        float: left;
    }
    #news h2 {
        color: #fff;
    }
    #news .News.tileItem {
      background: #fff;
        min-height: auto;
        height: auto;
        margin: 2em;
    }
#news .image-shadow {
    opacity: 0.3 !important;
    }

#case-studies .News.tileItem {
        margin: 1.5em !important;
        border-bottom: 0;
    }

#case-studies .News .documentByLine {
        margin: 0;
    }

#case-studies .documentPublished {
        margin: 15px 15px 5px 0;
        display: block;
    }

#newsletter h2 {
        font-size: 28px;
    }

#newsletter input.btn {
        margin: 1em auto !important;
        float: right;
    }

    #newsletter {
        padding-bottom: 1em;
        border-top: 1px dotted rgba(255, 255, 255, .5);
    }

#news h2, #case-studies h2, #newsletter h2 {
        margin: 1em auto 1em;
        font-size: 36px;
        letter-spacing: -1px;
    }
.more-news {
    margin: 1em 2em;
    }

#case-studies h3 {
    padding: 0;
    font-size: 20px !important;
    margin: 0;
    }

#case-studies .more-news{
    /*margin-right: -2em;*/
    margin-bottom: 2em;
    display: block;
    }

    #packaging-solutions-sectors picture img.lazyloaded {
        padding: 0;
    }

    /*foterra******/

#portal-footer-wrapper .portlet .portletContent li {
    padding: 10px 0;
    font-size: 80%;
    text-align: left;
    }

#portal-footer-wrapper  {
    padding: 1em 0 3em;
    margin-top: 2em;
}

.template-home_view #portal-footer-wrapper  {
    margin-top: 0;
}

.portletActions {
    text-align: center;
}


/***barruko edukia*********/

    .documentFirstHeading {
        margin: 0;
        letter-spacing: -1px;
    }

    .other-product {
        margin-bottom: 2em;
    }

    #productline-icon-title .documentFirstHeading,
    #sector-icon-title .documentFirstHeading {
     margin: 0 0 0 2.4em;
        padding-bottom: 0;
        font-size: 24px;
        padding-top: 0px;
    }
    .container-fluid {
        padding: 0;
    }
    .image-icon,
    #productline-icon-title .image-icon {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        border: 0;
        float: left;
        margin-right: 1em;
    }


  #productline-icon-title .image-icon {
    margin-right: 0;
    margin-top: 0;
}

#productline-icon-title,
#sector-icon-title {
    margin: 0 0 1em 0;
}

    .image-icon img {
        width: 100%;
    }
    #sector-icon-title {
        background: #efefef;
        margin: 0;
        padding: 15px 0;
    }
    #productline-icon-title {
        padding: 15px 0;
    }


    .other-product .col-sm-3 {
        min-height: auto;
        margin-bottom: 3em;
    }
    .plone-breadcrumb ol>li+li:after {
        border: 0;
    }
    .element-item {
        width: auto;
        margin: 1em 1em 0 1em;
        float: left;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }
    #packaging-solutions .tileItem {
        height: auto;
        margin-bottom: 0;
    }
    #packaging-solutions .tileHeadline {
        min-height: auto;
        margin-bottom: 1em;
    }

    #packaging-solutions a h2.tileHeadline {
       color: #333;

    }
    .related-product {
        position: relative;
        margin-top: 0;
        margin-bottom: 3em;
    }

    #product-line {
        margin-left: 0;
    }
    .scrollable {
        width: auto;
        height: 150px;
    }
    .template-view.portaltype-packagingsolution #content .carousel-inner .item {
        height: 280px;

        border-bottom:0;
    }
    .portaltype-product #contactform2,
    .portaltype-product .col-sm-4 h2 {

        float: none;
        margin: 0 auto;

    }

    #productline-icon-title,
    #sector-icon-title {
        margin: 0 0 1em 0 !important;
        padding: 1em 0 !important;

    }


/*albisteak*/
    #parent-fieldname-text img {
        max-width: 100%;
    }


/******contact**********/
    ul.country {
        width: 100%;
        margin: 0 0 1em;
    }
    #contacts .contact {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 2em;
    }

    ul.onelevelcountry {
        height: auto;
        column-count: 1;
    }
    .address {
        min-height: auto;
    }
    .other-information {
        min-height: auto;
    }
    ul.country li a {
        min-height: auto;
    }


/*empresa******/
    .content-element-title {
        background-color: rgba(255, 255, 255, 0.8);
        width: 100%;
        height: auto;
        top: 50%;
        left: 0;
        margin-right: 0;
        transform: none;
        padding: 15px;
        z-index: 100;
        position: relative;
    }
    .content-element-image img {
        position: absolute;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        margin-right: 0;
        transform: none;
        z-index: 9;
        opacity: 1;
    }
    .content-element-image {
        height: 280px;
        overflow: hidden;

    }
    .content-element-title h2 {
        font-size: 24px;
        margin: 0;
    }

    .content-element-title a h2 {
      color: #d41b29;
    }



    .content-element-title h3 {
        font-size: 16px;
        line-height: 120%;
    }

    .template-folder_view_second_level .content-element-image {
        display: none;
    }

    #static-text {
        padding: 1em 0;
    }
    #same-level-navigation {
        margin: 1em;
        height: 100%;
    }

    #same-level-navigation ul {
        list-style: none;
        display: block;
        margin: 2em 0 0 0;
        width: 100%;
    }


    #same-level-navigation li {
        float: none;
        display: block;
        height: auto;
        width: 100%;
        margin-bottom: 1px;
    }
    #same-level-navigation li a,
    #same-level-navigation li.active {
        padding: 0.5em;
        margin-right:0;
        border-radius: 0;
        width: 100%;
        display: block;
    }

    #same-level-navigation li.active {
        margin-top: 0;
    }
    .two-col {
        column-count: 1;
        -moz-column-count: 1;
        column-gap: 50px;
        -moz-column-gap: 50px;
        -webkit-column-count: 1;
        -webkit-column-gap: 50px;
        padding: 0;
    }



    #numbers .item{
        border-bottom: 1px solid #ccc;
        padding: 20px;
        text-align: center;
        width: 80%;

    }
    #numbers .col-sm-4:last-child .item{
        border-bottom: 0;
    }

    #numbers .item .number {
        display: block;
        margin-right: 0;
    }

    #static-text .panel-default > .panel-heading .panel-title > a {
        padding: 30px 40px 30px 15px;
}

.template-folder_view_second_level_services #same-level-navigation ul {
    display: block;
}

.template-folder_view_second_level_services #same-level-navigation li a,
.template-folder_view_second_level_services #same-level-navigation li a {
    min-height: auto;

}

.News.tileItem {
    min-height: auto;
    margin-bottom: 0em;
}

.read-more {
    display: none;
}

.content-element-title {
    top: 0;
    position: relative;
}

.content-element-image {
    position: relative;
    height: auto;
    margin-bottom: 1em;
}

#static-title-description h1 {
    margin: 0;
}
#static-title-description .documentDescription {
    font-weight: bold;
}
.template-folder_view_second_level_services #same-level-navigation {
    margin: 0 auto 0;
}

.template-folder_view_second_level_services #same-level-navigation ul {
    margin-bottom: 0;
}

.template-folder_view_second_level_services #same-level-navigation ul li.active {
    min-height: auto;
}

#static-title-description {
    padding-top: 0;
    margin-top:0;
}

#download-catalog img {
    margin-bottom: 10px;
    float: left;
    margin: 0 1em 0 0;
    max-width: 60px;
}
#download-catalog p {
    font-size: 14px;
    max-width: 100%;
}

#download-catalog {
    float: left;
    margin-top: 0px;
    width: 100%;
    font-size: 12px;
}

.pdf-descarga a {
    margin-top: -3px;
}

.static-content-element{
    margin: 0 15px;
}
.static-content-element a h3{
   color: #333;
}
#countries-select{
    margin-bottom: 5px;
}

.template-folder_view_second_level_services .content-element-image {
    margin: 0;
}

#static-text .panel-body,#static-text ol, #static-text ul {
    font-size: 16px;
}

.template-folder_view_second_level_services #static-text,
 .template-folder_view_second_level_services .two-col {
    padding: 0;
}

.ferias tbody, .ferias thead {
    float: left;
}
.ferias thead {
    min-width: 120px
}
.ferias td,.ferias th {
    display: block;
    border: 0 !important;
}

.ferias th {
    display: none;
}

a #product-description {
    margin-top: 0;
    padding-top:0;
}
#more-products h2 {
    font-size: 26px;
}

.template-folder_view_second_level #same-level-navigation{
    margin: 0;
}
.template-folder_view_second_level #same-level-navigation li a {
    padding: 0;
    line-height: auto;
    display: block;
    padding: 20px;


/*color: #fff;
    background: #333;*/
    border: 1px solid #fff;
    border-radius: 0;
    margin: 0;
    font-size: 80%;
    text-transform: uppercase;
}

.template-folder_view_second_level #same-level-navigation ul li.active{
    font-size: 80%;
    text-transform: uppercase;


/*background: #d41b29;*/
    padding: 20px;
}

#lopd_checkbox_newsletter .lopd{
    font-size: 12px;
    padding-right: 10px;
    min-height: 35px;
}


}
@media screen and (max-width: 361px){
    #portal-logo img {
        width: 100px;
    }
    }
@media screen and (max-width: 321px){
#portal-logo img {
    width: 80px;
}
}




 .font52 {
 margin-top: 4px;
  margin-bottom: 5px;
   font-size: 12px;
   color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 600;
  
}

.footer1 .social a,.footer-social-icon,.footer-social-icon:hover{ display:inline-block;width:30px;height:30px;line-height:30px;margin-bottom:4px; font-size:20px;text-align:center;color:#000}
.footer1 .social a:hover{left:0px;display:inline-block;width:30px;height:30px;line-height:30px;margin-bottom:4px; font-size:20px;text-align:center;background:#FFC000;color:#fff}
.social i{color:#fff}

.social2 a,.footer-social-icon,.footer-social-icon:hover{ display:inline-block;width:27px;height:23px;line-height:23px;margin-top:2px; font-size:20px;text-align:center;background:#959595;color:#fff}
.social2 a:hover{left:0px;display:inline-block;width:27px;height:23px;line-height:23px;margin-top:2px; font-size:20px;text-align:center;background:#FFC000;color:#fff}


.social2 .renk1{background:#4157a7;}
.social2 .renk2{background:#1c9cea;}
.social .renk1{background:#4157a7;}
.social .renk2{background:#1c9cea;}

@media (min-width:0px) and (max-width:768px) {
.social2{
 display: none !important}
 }

@media screen and (min-width: 768px){ #mainnavigation-wrapper {
  float: right;}

}


.font208{ text-decoration: none; color:#000; font-family: arial, Tahoma, Geneva, sans-serif; font-size:15px; line-height: 20px}
.font209{ text-decoration: none; color:#000; font-family: arial, Tahoma, Geneva, sans-serif; font-size:19px; line-height: 20px}

#goog1 { padding:0px 4px 0px 4px; line-height:17px; float: left; text-decoration: none; color:#BCBCBC; font-family: arial, Tahoma, Geneva, sans-serif; font-size:12px;}
#goog {float: left; text-decoration: none; color:#959595; font-family: arial, Tahoma, Geneva, sans-serif; font-size:12px;}
#goog a{line-height:17px; text-decoration: none; color:#A2A2A2; font-family: arial, Tahoma, Geneva, sans-serif; font-size:12px;}
#goog a:hover{text-decoration: underline; color:#C10000;}
#goog h2{text-decoration: none; color:#959595; font-family: arial, Tahoma, Geneva, sans-serif; font-size:12px;}
#goog2 {float: left; text-decoration: none; color:#000; font-family: arial, Tahoma, Geneva, sans-serif; font-size:13px;}
#goog2 a{text-decoration: none; color:#000; font-family: arial, Tahoma, Geneva, sans-serif; font-size:13px;}
#goog2 a:hover{text-decoration: underline; color:#fff;}
#goog2 h2{text-decoration: none; color:#000; font-family: arial, Tahoma, Geneva, sans-serif; font-size:13px;}

.google{ text-decoration: none; color:#000; font: 12px arial;} 
.google1{ text-decoration: none; color:#000; font: 12px arial;} 
.google2{ text-decoration: none; color:#000; font: 12px arial;} 
.googleyazi{ text-decoration: none; color:#000; font: 12px arial;} 

.altbulten1{display:none}.altbulten1 .links111 ul li{color:#fff;font:12px/6px arial,Tahoma,Geneva,sans-serif;float:left;margin:0 10px 10px 0;padding:0 10px 0 0;border-right:1px solid #fff}.altbulten1 .links111 ul li a{color:#fff}.altbulten1 .links111 ul li a:hover{color:#c10000}


.detayaciklama .font3{text-align:left; font-weight:600!important; font-size:15px!important; font-family:arial!important;color:#fff!important}
.detayaciklama .font4{text-align:left; font-weight:600!important; font-size:12px!important;  font-family:arial!important;color:#7A7A7A!important}
.detayaciklama .font5{text-align:left; font-weight:400!important; font-size:12px!important; font-family:arial!important;color:#7A7A7A!important}
.detayaciklama .font6{text-align:left; font-weight:600!important; font-size:12px!important; font-family:arial!important;color:#7A7A7A!important}
.detayaciklama th{text-align:left; font-weight:400!important; font-size:15px!important;  font-family:arial!important;color:#7A7A7A!important}

.detayaciklama .border0 { border-bottom: 0px;  }
.detayaciklama .renk1{background:#418383;}

.ortarenk1{background-color: #fff;}

.trrenk{background-color: #EAEAEA;}
.trrenk1{background-color: #fff;}
.trrenk2{background-color: #F3F3F3;}


.product-list .LeftNav .active{background:#ffc600;}




/*------------------------------- ürün detay zoom ------------------------*/
.zoom-gallery{text-align:center}.zoom-gallery-slide{display:none}.zoom-gallery-slide.active{padding-top:10px;display:block}.zoom-gallery .video-slide{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.zoom-gallery .video-slide iframe,.zoom-gallery .video-slide object,.zoom-gallery .video-slide embed{position:absolute;top:0;left:0;width:100%;height:100%}
.zoom-gallery .selectors{text-align:left;margin:10px 0}
.zoom-gallery .selectors a{padding:5px; margin-right:4px; margin-bottom:8px; border:1px solid transparent;display:inline-block}
.zoom-gallery .selectors a:hover,.zoom-gallery .selectors a.active{border-color:#dee2e6}
.zoom-gallery .selectors img{background:#fff; box-shadow:none!important;filter:none!important;-webkit-filter:none!important;}
@media only screen and (min-width:0px) and (max-width:767px){ .zoom-gallery .selectors img{height:59px}}
@media only screen and (min-width:768px) and (max-width:1023px){ .zoom-gallery .selectors img{height:93px}}
@media only screen and (min-width:1024px) and (max-width:6000px){ .zoom-gallery .selectors img{height:116px}}
.zoom-gallery .selectors a[data-slide-id=video-1],.zoom-gallery .selectors a[data-slide-id=video-2]{position:relative}.zoom-gallery .selectors a[data-slide-id=video-1] img,.zoom-gallery .selectors a[data-slide-id=video-2] img{opacity:.8}
.zoom-gallery .selectors a span{position:absolute;color:#fff;text-shadow:0 1px 10px #000;top:50%;left:50%;display:inline-block;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);font-size:30px;z-index:100}
/*------------------------------- ürün detay zoom ------------------------*/

.product-list .product-title{padding-top:10px; font-size:25px;font-weight:500; color: #000;margin-bottom:10px;}
.product-list .product-aciklama{line-height:20px; text-decoration: none;  padding-bottom:15px; font-size:15px;font-weight:500; font-family: arial;}


@media only screen and (min-width:768px) and (max-width:6000px){
.plone-navbar-nav .dropdown-menu{
 width:600px;}
.plone-navbar-nav .dropdown-menu li {
 width:250px;}
}



.News.tileItem img {
 border: 5px solid #c0c0c0;  border-radius: 0%; margin-bottom:10px;

}


.News.tileItem img1:hover {
  opacity: .6;
    transition: all .6s cubic-bezier(.23, 1, .32, 1) 0s; background-image: linear-gradient(to bottom, transparent 0, #000 100%);
  }






@media only screen and (min-width:1200px) and (max-width:6000px){

#products {
margin-top:100px;

}



.other-product h3{
  text-align:center; margin-bottom:60px;

}


}
@media only screen and (min-width:0px) and (max-width:1199px){

.other-product h3{


text-align:center; margin-bottom:25px;

}


}
@media only screen and (min-width:768px) and (max-width:1199px){
#products {
margin-top:40px;

}


}
@media only screen and (min-width:0px) and (max-width:767px){
#products {
margin-top:10px;

}


}
a .principal-image img {
 border-radius: 0%; 

  border: 5px solid #c0c0c0; }


.other-product .principal-image{
 border:0px!important; 

 border: 1px solid #c0c0c0; }



.other-product {margin-bottom:15px;}

.other-product .principal-image {border-color: #9b9b9b;box-shadow:0 0 4px 0 rgba(0,0,0,0.30); }
.other-product img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.other-product .principal-image img:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out; border-color: #9b9b9b;box-shadow:0 0 14px 0 rgba(0,0,0,0.30);}



.anateslimatrenk {background-color: #fff; margin-bottom:15px; margin-top:15px; padding-top:10px;}
.anaikiresimrenk {background-color: #fff; margin-bottom:10px; margin-top:15px; padding-top:10px; padding-bottom:0px;}
.anayorumlarrenk {background-color: #fff; }


@media (min-width:480px) and (max-width:768px) {
.template-home_view #carousel {
   height: 600px!important;
  }
 }


 .dropdown a:hover{
    color: #078ed2!important;
 
}






div [itemprop=articleBody] p {
  text-align: justify;
}


@media (min-width:0px) and (max-width:768px) {
.g-container  strong{ font-size:17px;font-weight:500; font-family: arial; }
.g-container  p{font-size:14px;font-weight:400; font-family: arial;}
}


@media (min-width:768px) and (max-width:6000px) {
.g-container  strong{ font-size:19px;font-weight:500; font-family: arial; }
.g-container  p{font-size:15px;font-weight:400; font-family: arial;}
.g-container  a{font-size:15px;font-weight:400; font-family: arial;}
}



.page-header {
  border-bottom: 0;
  margin-top: 0px !important;
}

.page-header h1 {
  margin-bottom: 10px;
  margin-top: 0px;
  letter-spacing: inerith;
  color: #66666;
}


.page-header  .row img.col-md-3.col-xs-6 {
  padding-left: 0 !important;
}

.table42  h2{ text-align:left; font-size:28px;font-weight:500; font-family: arial; }
.table42  strong{ color: #006eb8; text-align:left; font-size:15px;font-weight:600; font-family: arial; }
.table42  p{ color: #66666; text-align:left; font-size:15px; font-family: arial; }

.plone-navbar-nav .dropdown-menu li ul li a {
  font-size: 14px;  
}
.plone-navbar-nav li {
  font-size: 14px!important;  
}





a.card {padding:0px; overflow: hidden;  border-color: #E0E0E0;border-width: 1px;    -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
box-shadow:0 0 6px 0 rgba(0,0,0,0.12); border-radius: 0px!important;-webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;}
a.card:hover {border-color: #9b9b9b;box-shadow:0 0 14px 0 rgba(0,0,0,0.30);}

a.card img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
a.card img:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}

.card .card-img-top { border-radius: 0px!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-top-left-radius: calc(01.25rem - 1px); border-top-right-radius: calc(1.25rem - 1px) }
a.card .card-title { color: #5F272A!important; }
.product-price li .price { color: #ED3A86!important; }
.product-price li .price span small {color: #ED3A86!important;}
a.card {  font-family: Oswald!important; } 
.oluklar{margin-right:-10px;margin-left:-10px}.oluklar>.col,.oluklar>[class*=col-]{padding-right:10px;padding-left:10px}

.ListeKutu{ z-index: 99;margin: 1px 0px 0px 0px; background:#9b9b9b;}

.ListeKutu h3{  padding:4px; display: inline-block;vertical-align: middle;font-family: "Roboto";color:#fff;float:left;overflow:hidden;margin:0 5px 0 0;text-align:center;width:100%}
.ListeKutu h3:nth-child(1){font-size:15px;font-weight:500;text-transform:uppercase}
@media only screen and (min-width:768px) and (max-width:6000px){ .ListeKutu{height: 45px;} }
@media only screen and (min-width:0px) and (max-width:767px){ .ListeKutu h3:nth-child(1){font-size:12px; height: 40px;} }

a.card:hover .ListeKutu{background:#000}


#content-header {
  z-index: 999;
}

.fancybox-overlay{
z-index: 1000000;
}

.fancybox-wrap{
z-index: 1000001;
}


.font48{
font-family: "Roboto Condensed";
font-weight: 300;
font-size:22px; 
color:#757575;
}