@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700");
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
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, menu, 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; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; border: 1px solid black;}

td, th { padding: 0; border: 2px solid black;  padding-left: 3px; padding-right: 3px;}

img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
dl {
  display: grid;
  grid-template-columns: max-content auto;
}

dt {
  grid-column-start: 1;
}

dd {
  grid-column-start: 2;
}

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333333; background-color: #fff; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #337ab7; text-decoration: none; }
a:hover, a:focus { color: #23527c; text-decoration: underline; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 6px; }

.img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

[role="button"] { cursor: pointer; }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container:before, .container:after { content: " "; display: block; }
.container:after { clear: both; }
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container-fluid:before, .container-fluid:after { content: " "; display: block; }
.container-fluid:after { clear: both; }

.row { margin-left: -15px; margin-right: -15px; }
.row:before, .row:after { content: " "; display: block; }
.row:after { clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.3333333333%; }

.col-xs-2 { width: 16.6666666667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.3333333333%; }

.col-xs-5 { width: 41.6666666667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.3333333333%; }

.col-xs-8 { width: 66.6666666667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.3333333333%; }

.col-xs-11 { width: 91.6666666667%; }

.col-xs-12 { width: 100%; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.3333333333%; }

.col-xs-pull-2 { right: 16.6666666667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.3333333333%; }

.col-xs-pull-5 { right: 41.6666666667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.3333333333%; }

.col-xs-pull-8 { right: 66.6666666667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.3333333333%; }

.col-xs-pull-11 { right: 91.6666666667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.3333333333%; }

.col-xs-push-2 { left: 16.6666666667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.3333333333%; }

.col-xs-push-5 { left: 41.6666666667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.3333333333%; }

.col-xs-push-8 { left: 66.6666666667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.3333333333%; }

.col-xs-push-11 { left: 91.6666666667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.3333333333%; }

.col-xs-offset-2 { margin-left: 16.6666666667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.3333333333%; }

.col-xs-offset-5 { margin-left: 41.6666666667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.3333333333%; }

.col-xs-offset-8 { margin-left: 66.6666666667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.3333333333%; }

.col-xs-offset-11 { margin-left: 91.6666666667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.3333333333%; }
  .col-sm-2 { width: 16.6666666667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.3333333333%; }
  .col-sm-5 { width: 41.6666666667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.3333333333%; }
  .col-sm-8 { width: 66.6666666667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.3333333333%; }
  .col-sm-11 { width: 91.6666666667%; }
  .col-sm-12 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.3333333333%; }
  .col-sm-pull-2 { right: 16.6666666667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.3333333333%; }
  .col-sm-pull-5 { right: 41.6666666667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.3333333333%; }
  .col-sm-pull-8 { right: 66.6666666667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.3333333333%; }
  .col-sm-pull-11 { right: 91.6666666667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.3333333333%; }
  .col-sm-push-2 { left: 16.6666666667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.3333333333%; }
  .col-sm-push-5 { left: 41.6666666667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.3333333333%; }
  .col-sm-push-8 { left: 66.6666666667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.3333333333%; }
  .col-sm-push-11 { left: 91.6666666667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.3333333333%; }
  .col-sm-offset-2 { margin-left: 16.6666666667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.3333333333%; }
  .col-sm-offset-5 { margin-left: 41.6666666667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.3333333333%; }
  .col-sm-offset-8 { margin-left: 66.6666666667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.3333333333%; }
  .col-sm-offset-11 { margin-left: 91.6666666667%; }
  .col-sm-offset-12 { margin-left: 100%; } }
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.3333333333%; }
  .col-md-2 { width: 16.6666666667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.3333333333%; }
  .col-md-5 { width: 41.6666666667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.3333333333%; }
  .col-md-8 { width: 66.6666666667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.3333333333%; }
  .col-md-11 { width: 91.6666666667%; }
  .col-md-12 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.3333333333%; }
  .col-md-pull-2 { right: 16.6666666667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.3333333333%; }
  .col-md-pull-5 { right: 41.6666666667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.3333333333%; }
  .col-md-pull-8 { right: 66.6666666667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.3333333333%; }
  .col-md-pull-11 { right: 91.6666666667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.3333333333%; }
  .col-md-push-2 { left: 16.6666666667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.3333333333%; }
  .col-md-push-5 { left: 41.6666666667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.3333333333%; }
  .col-md-push-8 { left: 66.6666666667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.3333333333%; }
  .col-md-push-11 { left: 91.6666666667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.3333333333%; }
  .col-md-offset-2 { margin-left: 16.6666666667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.3333333333%; }
  .col-md-offset-5 { margin-left: 41.6666666667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.3333333333%; }
  .col-md-offset-8 { margin-left: 66.6666666667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.3333333333%; }
  .col-md-offset-11 { margin-left: 91.6666666667%; }
  .col-md-offset-12 { margin-left: 100%; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.3333333333%; }
  .col-lg-2 { width: 16.6666666667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.3333333333%; }
  .col-lg-5 { width: 41.6666666667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.3333333333%; }
  .col-lg-8 { width: 66.6666666667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.3333333333%; }
  .col-lg-11 { width: 91.6666666667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.3333333333%; }
  .col-lg-pull-2 { right: 16.6666666667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.3333333333%; }
  .col-lg-pull-5 { right: 41.6666666667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.3333333333%; }
  .col-lg-pull-8 { right: 66.6666666667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.3333333333%; }
  .col-lg-pull-11 { right: 91.6666666667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.3333333333%; }
  .col-lg-push-2 { left: 16.6666666667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.3333333333%; }
  .col-lg-push-5 { left: 41.6666666667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.3333333333%; }
  .col-lg-push-8 { left: 66.6666666667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.3333333333%; }
  .col-lg-push-11 { left: 91.6666666667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.3333333333%; }
  .col-lg-offset-2 { margin-left: 16.6666666667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.3333333333%; }
  .col-lg-offset-5 { margin-left: 41.6666666667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.3333333333%; }
  .col-lg-offset-8 { margin-left: 66.6666666667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.3333333333%; }
  .col-lg-offset-11 { margin-left: 91.6666666667%; }
  .col-lg-offset-12 { margin-left: 100%; } }
@-ms-viewport { width: device-width; }
.visible-xs { display: none !important; }

.visible-sm { display: none !important; }

.visible-md { display: none !important; }

.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; } }
.buttons { clear: both; }
.buttons:before, .buttons:after { content: ""; display: table; }
.buttons:after { clear: both; }

.button { display: inline-block; padding: 0.5em 1.2em; background: #A2BC44; color: #fff; text-transform: uppercase; border-radius: 3px; font-size: 14px; -webkit-transition: 0.15s; transition: 0.15s; }
.button:hover { color: #fff; background: #c52121; }
.button.ghost { border: 2px solid #3e322c; background: #A2BC44; color: #3D312C; -webkit-box-shadow: none; box-shadow: none; }
.button.ghost:hover { color: #fff; background: #A2BC44; }
.button.ghost.green { border-color: #706f6f; color: #fff; background: #A2BC44; font-weight: 600; }
.button.ghost.green:hover { color: #A2BC44; background: #fff; }
.button.ghost.white { border-color: #706f6f; color: #A2BC44; background: #fff; font-weight: 600; }
.button.ghost.white:hover { color: #fff; background: #A2BC44; }
.button.ghost.red { border-color: #706f6f; color: #fff; background: #ff0000; font-weight: 600; }
.button.ghost.red:hover { color: #A2BC44; background: #fff; }
.button.ghost.yellow { border-color: #706f6f; color: #fff; background: #eccc1c; font-weight: 600; }
.button.ghost.yellow:hover { color: #eccc1c; background: #fff; }
.button.fullwidth { width: 100%; }
.button.halfwidth { width: calc(50% - 5px); }
.button.round { border-radius: 200px; }
.button.rounded { border-radius: 5px; }
.button.small { font-size: 0.889rem; }
.button.large { font-size: 1.5em; }
.button.success { background: #3c3; }
.button.success:hover { background: #47d147; }
.button.error { background: #e30; }
.button.error:hover { background: #ff3d09; }
.button.load-more { font-weight: 600; padding: 17px; }
.button.load-more:after { content: ""; display: block; width: 30px; height: 30px; border-bottom-right-radius: 5px; border-right: 3px solid #A2BC44; border-bottom: 3px solid #A2BC44; margin-left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.button.load-more:hover:after { border-color: #fff; }
.button.load-more.done { border-color: #ccc !important; color: #ccc !important; background: none !important; cursor: not-allowed; }
.button.load-more.done:after { border-color: #ccc !important; }
.button.toggle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.button.toggle svg { margin-left: 20px; width: 16px; height: 16px; -webkit-transition: 0.2s; transition: 0.2s; }
.button.toggle svg path { fill: #A2BC44; }
.button.toggle:hover svg path { fill: #fff !important; }
.button.toggle.open { background: #A2BC44; color: #fff; }
.button.toggle.open svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 17px; height: 17px; }
.button.toggle.open svg path { fill: #fff; }

#overlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 999999; display: none; }

#top, #top img, #push, #top * { -webkit-transition: 0.3s height, 0.3s max-height, 0.15s background; transition: 0.3s height, 0.3s max-height, 0.15s background; }

#top-logo img { -webkit-transition: 0.3s; transition: 0.3s; }

/* -- TOP MENU -- */
#top { position: fixed; z-index: 100; width: 100%; background: rgba(255, 255, 255, 0.9); }
#top.scrolled { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
#top li { position: relative; white-space: nowrap; }
#top nav { /* First level */ }
#top nav ul { margin: 0; padding: 0; list-style-type: none; -webkit-transition: none; transition: none; }
#top nav ul li:before { display: none; }
#top nav a { text-transform: uppercase; font-weight: 700; }
#top nav > ul > li { /* Second level */ }
#top nav > ul > li > ul { display: none; position: absolute; }
#top nav > ul > li > ul > li { display: block; /* Third level */ }
#top nav > ul > li > ul > li > ul { display: none; position: absolute; top: 0; left: 100%; }

.secundary-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.secundary-nav li { display: inline-block !important; }
.secundary-nav .button { font-weight: 600; font-size: 1rem; margin-right: 10px; }
.secundary-nav .lang { display: inline-block; margin-left: 10px; }
.secundary-nav .lang img { width: 33px; height: 33px; border-radius: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.secundary-nav .lang.active img, .secundary-nav .lang:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

#top-logo img { max-height: 100px; }

#push { height: 100px; }

@media only screen and (max-width: 1199px) { #top, #top-logo { line-height: 70px; height: 70px; }
  #top-logo { position: relative; width: 100%; }
  #top-logo img { max-height: 100%; padding: 10px 0px; -webkit-transition: 0.3s; transition: 0.3s; }
  #push { height: 70px; }
  .side-pull { position: absolute; top: 0; right: 0; width: 70px; height: 70px; cursor: pointer; float: none; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 9999999999; }
  .side-pull > span { position: absolute; top: 50%; left: 50%; width: 40px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 5px; background-color: #706f6f; border-radius: 3px; -webkit-transition: all 0.15s; transition: all 0.15s; }
  .side-pull > span:before, .side-pull > span:after { content: ""; position: absolute; width: inherit; height: inherit; background-color: #706f6f; border-radius: inherit; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .side-pull > span:before { -webkit-transform: translateY(-13.3333333333px); transform: translateY(-13.3333333333px); }
  .side-pull > span:after { -webkit-transform: translateY(13.3333333333px); transform: translateY(13.3333333333px); }
  .side-pull.open { background: #A2BC44; }
  .side-pull.open > span { background: transparent; }
  .side-pull.open > span:before, .side-pull.open > span:after { background-color: #fff; }
  .side-pull.open > span:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .side-pull.open > span:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } }
@media (min-width: 1200px) { #top, #top-logo { height: 100px; }
  #top-logo img { padding: 10px 0; }
  #top.scrolled, #top.scrolled #top-logo, #top.scrolled + #push { height: 70px; }
  #top.scrolled img { max-height: 70px; }
  #top .row { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #top nav { /* First level */ display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #top nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #top nav > ul li a { color: #706f6f; }
  #top nav > ul li:hover > a, #top nav > ul li.current-menu-item > a, #top nav > ul li.current_page_item > a { color: #A2BC44; }
  #top nav > ul li.menu-item-has-children:after { content: ""; display: block; position: absolute; right: 5px; top: 50%; margin-top: -3px; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; -webkit-transform: rotate(0); transform: rotate(0); }
  #top nav > ul li.menu-item-has-children .menu-item-has-children:after { top: 50%; margin-top: -3px; border-top: 6px solid #A2BC44; border-left: 6px solid transparent; border-right: 6px solid transparent; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
  #top nav > ul li.menu-item-has-children .menu-item-has-children:hover:after { border-top-color: #fff; }
  #top nav > ul li.menu-item-has-children .menu-item-has-children > a { padding-right: 30px; }
  #top nav > ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; float: left; /* Second level */ }
  #top nav > ul > li:hover > ul { display: block; min-width: 100%; }
  #top nav > ul > li.menu-item-has-children > a { padding-right: 20px; }
  #top nav > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0px 25px; font-size: 16px; }
  #top nav > ul > li > ul { top: 100%; left: 0; background: white; }
  #top nav > ul > li > ul > li { line-height: 30px; /* Third level */ }
  #top nav > ul > li > ul > li a { display: block; padding: 0 15px; }
  #top nav > ul > li > ul > li:hover > ul { display: block; }
  #top nav > ul > li > ul > li > ul { background: white; }
  #top nav > ul > li > ul > li > ul > li > a { padding: 0 15px; } }
footer { background-color: #A2BC44; color: #fffded; text-transform: uppercase; font-weight: 600; }
footer ul { margin: 0; padding: 0; list-style-type: none; }
footer ul li:before { display: none; }
footer h3, footer h4 { color: #fffded; }
footer a { color: #fffded; text-transform: uppercase; font-weight: 600; }
footer #copyright { margin-top: 20px; padding: 10px 0 50px; border-top: 1px solid #9d9d9c; font-size: 0.75rem; font-weight: 300; text-transform: none; }
footer .social-media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; }
footer .social-media h4 { display: inline-block; margin: 0; margin-right: 10px; }
footer .social-media img, footer .social-media svg { width: 35px; height: 35px; margin-right: 15px; }
footer .social-media img:hover *, footer .social-media svg:hover * { fill: #A2BC44; }

@media only screen and (max-width: 767px) { footer .pull { cursor: pointer; background: #706f6f; margin: 0; }
  footer .pull:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 44px; height: 44px; background: url("../images/arrow-down.png.html") 50% 50% no-repeat; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  footer .pull.open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  footer .pull + ul { display: none; }
  footer li { position: relative; display: block !important; }
  footer li a { display: block; padding-top: 11px; padding-bottom: 11px; line-height: 1.2em; }
  footer { text-align: center; padding-top: 30px; }
  footer h3, footer h4 { font-size: 1.5rem; }
  footer a { color: #fff; }
  footer a.inline { display: inline; }
  footer #copyright { text-align: center; }
  footer #copyright div { float: none; }
  footer .footer-newsletter { margin-bottom: 30px; } }
@media only screen and (max-width: 991px) { footer .social-media { display: block; }
  footer .social-media h4 { display: block; margin-bottom: 1em; } }
@media (min-width: 768px) { footer { padding-top: 50px; }
  footer li { padding: 0 0 30px; }
  footer h3 + div { line-height: 2em; } }
/* -- TYPOGRAPHY -- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Roboto Slab", sans-serif; color: #706f6f; line-height: 1.1em; margin-top: 0; margin-bottom: 0.5em; text-transform: uppercase; }

.category-label + h2, .category-label + h3, h1 + h2, h1 + h3 { margin-top: 30px; }

h1, .h1 { font-size: 3rem; margin-bottom: 0; }

h2, .h2 { font-size: 2.25rem; }

h3, .h3 { font-size: 1.375rem; }

h4, .h4 { font-size: 1rem; }

a { color: #A2BC44; }
a:hover, a:focus { color: #580f0f; text-decoration: none; }

@media (max-width: 767px) { h1, .h1 { font-size: 2.188rem; }
  h2, .h2 { font-size: 1.5rem; }
  h3, .h3 { font-size: 1.313rem; }
  h4, .h4 { font-size: 1rem; } }
#overlay { background: none; }

@media only screen and (max-width: 1199px) { #top .pull { cursor: pointer; background: #706f6f; margin: 0; }
  #top .pull:after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 44px; height: 44px; background: url("../images/arrow-down.png.html") 50% 50% no-repeat; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  #top .pull.open:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  #top .pull + ul { display: none; }
  #top .row { position: relative; }
  #top .row > .div { padding-left: 0; padding-right: 0; }
  #top nav { position: fixed; top: 70px; left: 0; height: auto; width: 100%; background: #A2BC44; z-index: 999999999; overflow-y: auto; overflow-x: hidden; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; }
  #top nav.open { visibility: visible; opacity: 1; zoom: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
  #top nav.open li { -webkit-animation: fadeInRight 0.5s ease forwards; animation: fadeInRight 0.5s ease forwards; -webkit-animation-delay: 0.05s; animation-delay: 0.05s; }
  #top nav .button { margin-right: 0; }
  #top nav > ul { max-height: 100%; padding: 11px 0; }
  #top nav ul { width: 100%; max-width: 100%; text-align: center; }
  #top nav li { position: relative; opacity: 0; display: block !important; }
  #top nav li a { display: block; padding: 11px 15px; line-height: 1.2em; white-space: initial; font-size: 18px; }
  #top nav > ul > li > a { color: #fff; }
  #top nav > ul > li > ul { position: relative; }
  #top nav > ul > li > ul > li > a { font-size: 1.333rem; color: #831616; }
  #top nav > ul > li > ul > li.menu-item-has-children .pull:after { height: 2.666rem; }
  #top nav > ul > li > ul > li > ul { position: relative; left: 0; }
  #top nav > ul > li > ul > li > ul > li > a { color: #580f0f; }
  .secundary-nav { width: 100%; background: #000000; color: #fff; }
  .secundary-nav a { color: #A2BC44 !important; }
  .languages { font-size: 1rem; font-weight: 700; text-transform: uppercase; }
  .languages .lang { padding: 0 !important; display: inline-block !important; } }
@-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to { opacity: 1; -webkit-transform: none; transform: none; } }
#top nav.open li:nth-of-type(1) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; }

#top nav.open li:nth-of-type(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

#top nav.open li:nth-of-type(3) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }

#top nav.open li:nth-of-type(4) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

#top nav.open li:nth-of-type(5) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }

#top nav.open li:nth-of-type(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

#top nav.open li:nth-of-type(7) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }

/* ---- BODY ---- */
html, body { font-size: 16px; }

body { font-family: "Roboto Slab", sans-serif; color: #706f6f; }

html, body { height: 100%; }

#wrapper { height: auto; min-height: 100%; }

/* ---- INTERFACE ---- */
img { max-width: 100%; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.centered { text-align: center; }

.alignright { float: right; text-align: right; }

.alignleft { float: left; text-align: left; }

.fl-l { float: left; }

.fl-r { float: right; }

.nomargin { margin: 0; }

.mb30 { margin-bottom: 30px; }

.fixed-bg { background-size: cover; background-position: 50% 50%; }

@media (min-width: 1200px) { .fixed-bg { background-size: cover; background-position: 50% 50%; background-attachment: fixed; background-repeat: no-repeat; } }
hr { border-top: 1px solid #e7e7e7; }

.issuuembed { width: 100% !important; height: 0 !important; padding-bottom: 75%; position: relative; }
.issuuembed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* -- INLINE IMAGE WITH BACKGROUND-SIZE COVER EFFECT -- */
.responsive { overflow: hidden; position: relative; background-position: 50% 50%; background-size: cover; z-index: 0; }
.responsive > img:not(.zoomImg) { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; min-width: 100%; min-height: 100%; max-width: none; z-index: -1; }
.responsive > img:not(.zoomImg).vertical { width: 100%; height: auto; }
.responsive > img:not(.zoomImg).horizontal { width: auto; height: 100%; }

.square-image { display: block; padding-bottom: 100%; }
.square-image-link { display: block; }

.videowrapper { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; }
.videowrapper object, .videowrapper embed, .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ---- FORMS ---- */
input, select { border: none; padding: 8px 13px; outline: none; }
input:not(:last-child), select:not(:last-child) { margin-bottom: 15px; }

select { padding: 7px 13px; }

label { margin-bottom: 6px; display: block; }

/* ---- CONTENT ---- */
section.content { padding-top: 30px; padding-bottom: 30px; }
section.bg { background-color: #f0f0f0; z-index: 0; }
section.intro { padding-top: 140px; padding-bottom: 100px; }
section.pattern { background-image: url("../images/pattern.jpg"); }
section.big { padding-top: 70px; padding-bottom: 70px; }

/* ---- HEADER ----- */
.header-inner { min-height: 500px; }
.header-inner.sm { min-height: 400px; }
.header-inner.lg { min-height: 700px; }
.header-inner.nominheight { min-height: 0; }
.header-inner #bgvid { width: 100%; height: auto; }
.header-inner .header-inner-content { padding-top: 150px; }
.header-inner .header-inner-content nav { margin-top: 50px; }
.header-inner .header-inner-content nav ul { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.header-inner .header-inner-content nav a { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: uppercase; padding: 20px; background-color: #747170; color: #fff; font-size: 1.5rem; font-weight: 600; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.2s; transition: 0.2s; }
.header-inner .header-inner-content nav a svg { width: 40px; height: 40px; margin-right: 15px; -webkit-transition: 0.2s; transition: 0.2s; }
.header-inner .header-inner-content nav a svg path { fill: #FFFCEE; }
.header-inner .header-inner-content nav li.current-menu-item a, .header-inner .header-inner-content nav li:hover a, .header-inner .header-inner-content nav div[class^="col-"].current-menu-item a, .header-inner .header-inner-content nav div[class^="col-"]:hover a { padding-bottom: 30px; margin-top: -10px; background-color: #fff; color: #A2BC44; }
.header-inner .header-inner-content nav li.current-menu-item a svg path, .header-inner .header-inner-content nav li:hover a svg path, .header-inner .header-inner-content nav div[class^="col-"].current-menu-item a svg path, .header-inner .header-inner-content nav div[class^="col-"]:hover a svg path { fill: #A2BC44; }
.header-inner .header-inner-content nav div[class^="col-"].current-menu-item a, .header-inner .header-inner-content nav div[class^="col-"]:hover a { padding-bottom: 55px; margin-top: -20px; }
.header-inner .header-inner-content nav div[class^="col-"] a { display: block; text-align: center; padding-top: 40px; padding-bottom: 35px; }
.header-inner .header-inner-content nav div[class^="col-"] a svg { width: 85px; height: 85px; margin-right: 0; }
.header-inner .header-inner-content nav div[class^="col-"] a span { display: block; }
.header-inner .header-inner-content .intro-block { margin-bottom: 50px; }

/* ---- TITLE ---- */
/* ---- BREADCRUMBS ---- */
.breadcrumbs { padding-top: 35px; padding-bottom: 35px; }
.breadcrumbs.top { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-bottom: 30px; }
.breadcrumbs a:hover { color: #A2BC44; }
.breadcrumbs .separator { margin: 0 10px; }

.breadcrumbs, .breadcrumbs a { color: #706f6f; font-weight: 600; text-transform: uppercase; }

/* ---- ARTICLES ---- */
.articles { position: relative; margin-bottom: -30px; margin-top: 30px; }
.articles.no-margin-top { margin-top: 0; }
.articles .article-block { height: 370px; margin-bottom: 30px; background-color: #f0f0f0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.articles .article-block.big .article-block-content { padding-left: 245px; }
.articles .article-block.medium h2 { font-size: 1.813rem; }
.articles .article-block.small { height: 170px; }
.articles .article-block.small h2 { font-size: 1.25rem; }
.articles .article-block .article-block-content { background: rgba(0, 0, 0, 0.5); padding: 30px; text-align: right; -webkit-transition: 0.14s; transition: 0.14s; width: 100%; }
.articles .article-block .article-block-content h2 { margin: 0; color: #fff; }
.articles .article-block:hover .article-block-content { padding-top: 35px; padding-bottom: 35px; }
.articles .intro-block { position: absolute; left: 0; top: 140px; }

@media (max-width: 767px) { #bgvid { margin-top: 70px; }
  .intro-block h4 { margin-top: 10px; }
  .articles { margin-bottom: -15px; } }
.alm-btn-wrap { clear: left; text-align: center; margin-top: 60px; margin-bottom: 60px; }

.category-label, .posttype-label { color: #fff; display: inline-block; background: #A2BC44; border-radius: 3px; text-transform: uppercase; padding: 3px 13px; margin-top: 5px; }
.category-label.small, .posttype-label.small { font-size: 0.75rem; padding-left: 7px; padding-right: 7px; }

.posttype-label { color: #706f6f; background: #fff; }

.academy .posttype-label { display: none; }

/* ---- SHARING ---- */
.sharing { text-transform: uppercase; font-weight: 600; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 30px; }
.sharing img, .sharing svg { width: 35px; height: 35px; margin-left: 10px; }

/* ---- INTRO BLOCKS ---- */
.intro-block { background: #A2BC44; z-index: 2; color: #3D312C; padding: 65px; padding-top: 25px; margin-top: 40px; margin-bottom: 30px; position: relative; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.intro-block h2, .intro-block h3, .intro-block h4 { color: #3D312C; }
.intro-block h2 + form, .intro-block h3 + form, .intro-block h4 + form { margin-top: 18px; }
.intro-block a { color: #fff; font-weight: bold; }
.intro-block .rounded { position: absolute; top: -14px; left: 69%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; width: 34px; height: 24px; overflow: hidden; }
.intro-block .rounded:after { content: ""; display: block; width: 20px; height: 20px; border-radius: 100px; -webkit-box-shadow: 0 0 0 24px #A2BC44; box-shadow: 0 0 0 24px #A2BC44; position: relative; top: -14px; left: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.intro-block .left, .intro-block .right { content: ""; display: block; height: 40px; background: #A2BC44; position: absolute; top: -39px; }
.intro-block .left:after, .intro-block .right:after { content: ""; position: absolute; top: 0; border-top: 40px solid transparent; }
.intro-block .left { left: 0; width: calc(69% - 25px); border-top-left-radius: 10px; border-right: 1px solid #A2BC44; }
.intro-block .left:after { left: calc(100% + 1px); border-left: 25px solid #A2BC44; }
.intro-block .right { right: 0; width: calc(31% - 25px); border-top-right-radius: 10px; border-left: 1px solid #A2BC44; }
.intro-block .right:after { right: calc(100% + 1px); border-right: 25px solid #A2BC44; }
.intro-block.small { margin-top: 30px; padding: 40px; padding-top: 0px; }
.intro-block.small .left, .intro-block.small .right { height: 30px; top: -29px; }
.intro-block.small .left:after, .intro-block.small .right:after { border-top: 30px solid transparent; }
.intro-block.small .rounded { top: -11px; }
.intro-block.small .left { width: calc(69% - 20px); }
.intro-block.small .left:after { border-left: 20px solid #A2BC44; }
.intro-block.small .right { width: calc(31% - 20px); }
.intro-block.small .right:after { border-right: 20px solid #A2BC44; }
.intro-block.quick-filter { font-size: 0.875rem; text-transform: uppercase; font-weight: 600; color: #fff; margin-top: 60px; }
.intro-block.quick-filter form { margin-bottom: 16px; }
.intro-block input, .intro-block select { width: 100%; background: #fff; color: #706f6f; }
.intro-block select { text-transform: uppercase; }
.intro-block input { text-transform: none; }
.intro-block .searchform { position: relative; }
.intro-block .searchform input[type=text] { padding-right: 48px; }
.intro-block .searchform input[type=submit] { position: absolute; top: 0; right: 0; width: 60px; background: url("../images/icon-search.svg") 50% 50% no-repeat; background-size: 35px; }

/* ---- USPS ---- */
section.usps { padding-top: 70px; padding-bottom: 70px; }
section.usps .icon { width: 128px; height: 128px; background: #ffffff; border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; }
section.usps .iconbig { width: 350px; height: 128px; background: #ffffff; border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; }
section.usps p { margin-bottom: 0; }
section.usps .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

/* ---- NEWSLETTER SIGNUP */
form.mc4wp-form input[type=email] { padding: 9px 15px; background: #878786; width: 100%; border: none; font-size: 1.125rem; margin-bottom: 15px; }

/* ---- PRODUCTS ---- */
.product-category { background: #ededed; }
.product-category:nth-child(odd) { background: #e3e4e4; }
.product-category:nth-child(odd) .product-category-products:before { border-top-color: #e3e4e4; }
.product-category .product-category-description { padding-top: 70px; }
.product-category .product-category-description p { margin: 30px 0; }
.product-category.open .product-category-products.reveal { display: block; }
.product-category .responsive { background-image: none !important; }

@media (min-width: 768px) { .product-category .product-category-description { min-height: 390px; } }
.product-category-products .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.product-category-products.reveal { padding-top: 30px; padding-bottom: 90px; background: #fff; display: none; position: relative; }
.product-category-products:before { content: ""; display: block; border-top: 30px solid #ededed; border-left: 30px solid transparent; border-right: 30px solid transparent; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.product-category-products .product-category-product { display: block; text-align: center; margin-top: 15px; }
.product-category-products .product-category-product h3 { margin-top: 15px; border-top: 1px solid #706f6f; font-size: 1em; padding-top: 5px; }
.product-category-products .product-category-product:hover h3 { color: #A2BC44; border-top-color: #A2BC44; }

.product-images .square-image { border: 1px solid #d9dada; margin-bottom: 30px; }
.product-images .product-thumbnails .square-image:hover { cursor: pointer; border-color: #A2BC44; }

.product .colors .color { cursor: pointer; width: 65px; height: 65px; border-radius: 100%; display: inline-block; margin-right: 30px; }
.product .specs tr { vertical-align: top; }
.product .specs tr td { padding-bottom: 10px; }
.product .specs tr td:first-child { padding-right: 30px; }
.product .specs tr td:last-child { font-weight: 600; }

.more-products .product-category-product:hover h4 { color: #A2BC44; }
.more-products h4 { margin-top: 10px; }
.more-products + .show-more { margin-top: 30px; }

/* ---- ACADEMY ---- */
.people { margin-bottom: -30px; }
.people .person { display: block; position: relative; margin-bottom: 30px; }
.people .person .person-content { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); padding: 15px; -webkit-transition: 0.15s; transition: 0.15s; }
.people .person .person-content h4 { color: #fff; margin: 0; }
.people .person:hover .person-content { padding: 20px 15px; }

/* ---- CONTACT ---- */
.contact { border-top: 1px solid #e7e7e7; padding-top: 60px; padding-bottom: 60px; }
.contact form { margin-top: 30px; }
.contact form input, .contact form textarea, .contact form select { width: 100%; }
.contact form input:not([type=file]):not([type=submit]), .contact form textarea, .contact form select { border: 1px solid #72706f; resize: none; }
.contact form input[type=submit] { width: 120px; }
.contact form label { font-weight: bold; color: #72706f; display: block; margin-top: 10px;}
.contact form label input, .contact form label textarea, .contact form label select { margin-top: 10px;  padding-top: 10px;}
.contact form label[for=file]:not(:first-of-type) { display: none; }
.contact form input[type=file] { display: none; }
.contact form .wpcf7-form-control-wrap.file + label { display: block; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.contact form .wpcf7-form-control-wrap.file + label .file-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.contact form .wpcf7-form-control-wrap.file + label .file-name:before { width: 40px; height: 40px; margin-right: 10px; display: inline-block; content: ""; background: url("../images/icon-paperclip.png") 50% 50% no-repeat; }

@media (max-width: 767px) { .contact form { margin-bottom: 60px; } }
div.wpcf7-response-output { margin: 1em 0 !important; border: none !important; padding: 0 !important; }

div.wpcf7-mail-sent-ok { color: #398f14; }

div.wpcf7-mail-sent-ng { color: #ff0000; }

div.wpcf7-spam-blocked { color: #ffa500; }

div.wpcf7-validation-errors { color: #ff0000; }

span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; font-weight: normal; display: block; }

/* ---- CONTACT Form message box, label and cena, others by Katy ---- */
.message { border:1px #CCCCCC solid; background:#24d56a; padding:4px; text-align:center; margin-bottom:10px; clear:both}
.message.red { border:1px #fff solid; color:#fff; background:#ad2828; padding:4px; text-align:center; margin-bottom:10px; clear:both}
.message p span.title{font-weight:bold;color:#E31E24}
.message p{color:#e31e25;margin-top:10px;margin-bottom:10px}
.contact form label.red { color: #ad2828}
.cena_celkem { font-weight: bold; font-size: 170%; color:#a2bc44}
label.strong {font-weight: bold; margin-top:15px; margin-bottom:0px;}
.cena_mail {font-weight: bold; font-size: 140%; margin-top:15px; margin-bottom:10px;}
h4.mail {margin-top:25px;}
section.container.mail {border-style:solid;border-width:3px;border-color:#a2bc44;background-color: #f9fdf9;padding-top:20px;padding-bottom:15px;padding-left:20px;padding-right:15px;margin-bottom:20px;margin-top:30px}
section.container.mailfooter {background-color: #eeeeee;padding-top:15px;padding-bottom:15px;padding-left:20px;padding-right:15px;margin-bottom:0px;margin-top:20px}
.contact form input.checkbox_podminky { width: 10% }
/* ---- End CONTACT Form messages box, label and cena, others by Katy ---- */


/* MOBILE */
@media (max-width: 767px) { .header-inner { min-height: 250px !important; }
  .header-inner.has-video { min-height: 0 !important; }
  .header-inner .header-inner-content { padding-top: 85px; padding-bottom: 100px; }
  section.content { padding-top: 15px; padding-bottom: 15px; }
  section.intro { padding-top: 15px; padding-bottom: 215px; }
  section.usps, section.big { padding-top: 30px; padding-bottom: 30px; }
  .usps [class^="col-"]:not(:last-child) { margin-bottom: 30px; }
  .intro-block { padding: 0 30px 30px; }
  .articles .intro-block { margin-bottom: 15px !important; }
  .articles .article-block { height: 190px; margin-bottom: 15px; }
  .articles .article-block h2 { font-size: 1.5rem !important; }
  .breadcrumbs { padding-top: 15px; padding-bottom: 15px; }
  .product-category .row { position: relative; }
  .product-category .product-category-products:before { display: none; }
  .product-category .product-category-description { position: initial; padding: 50px 15px; }
  .product-category .product-category-description h2.h1 { font-size: 1.5rem; }
  .product-category .product-category-description p { display: none !important; }
  .product-category .product-category-description .toggle { border-radius: 100%; border: none; width: 40px; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 !important; background-color: #A2BC44; position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; }
  .product-category .product-category-description .toggle span { display: none !important; }
  .product-category .product-category-description .toggle svg { margin-left: 0; width: 18px; height: 18px; }
  .product-category .product-category-description .toggle svg path { fill: #fff; }
  .product-category .product-category-description .toggle.open { background-color: #706f6f; border-color: #706f6f; }
  .product .specs tr, .product .specs td { display: block; }
  .product .specs tr td:last-child, .product .specs td td:last-child { padding-bottom: 30px; }
  .product .colors .color { width: 45px; height: 45px; margin-right: 15px; }
  .people { margin-top: 30px; margin-left: -10px; margin-right: -10px; }
  .people [class^="col-"] { padding-left: 10px; padding-right: 10px; }
  .people .person { margin-bottom: 20px; }
  .people .person .person-content h4 { font-size: 0.75rem; } }
/* TABLET */
@media (min-width: 768px) and (max-width: 991px) { .eq-height-sm { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .header-inner { min-height: 350px; } }
@media (min-width: 768px) and (max-width: 1199px) { .usps [class^="col-"]:nth-of-type(-n+3) { margin-bottom: 30px; } }
/* TABLET + DESKTOP */
@media (min-width: 768px) { .eq-height { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .valign > .top { -ms-flex-item-align: start; align-self: flex-start; }
  .valign > .bottom { -ms-flex-item-align: end; align-self: flex-end; }
  .valign.centered { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .title { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .quick-filter { position: absolute; bottom: 0; right: 15px; width: 100%; }
  .quick-filter.top { bottom: auto; top: 0; margin-top: 30px; } }
@media (max-width: 991px) { #bgvid { margin-top: 70px; }
  .articles .intro-block { position: relative; top: auto; left: auto; margin-bottom: 30px; }
  .articles .article-block.big .article-block-content { padding-left: 30px; } }
@media (min-width: 992px) { #bgvid { position: absolute; left: 0; top: 0; } }
/* DESKTOP */
@media (min-width: 992px) and (max-width: 1199px) { .eq-height-md { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .header-inner { min-height: 425px; }
  .header-inner .header-inner-content nav a { padding: 15px; font-size: 1.125rem; }
  .header-inner .header-inner-content nav a svg { height: 30px; width: 30px; }
  .header-inner .header-inner-content nav li.current-menu-item a, .header-inner .header-inner-content nav li:hover a { padding-bottom: 22px; margin-top: -7px; }
  .header-inner .header-inner-content nav div[class^="col-"] a { padding-top: 30px; padding-bottom: 25px; }
  .header-inner .header-inner-content nav div[class^="col-"].current-menu-item a, .header-inner .header-inner-content nav div[class^="col-"]:hover a { padding-bottom: 40px; margin-top: -15px; }
  .articles .article-block.big .article-block-content { padding-left: 175px; } }
/* DESKTOP LARGE */
@media (min-width: 1200px) { .eq-height-lg { display: -webkit-box; display: -ms-flexbox; display: flex; } }
@supports (-ms-accelerator: true) { html { overflow: hidden; height: 100%; }
  body { overflow: auto; height: 100%; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { html { overflow: hidden; height: 100%; }
  body { overflow: auto; height: 100%; } }
/*# sourceMappingURL=style.css.map */

#minibasket {
  width: 100%;
  height: 240px;
  margin-top: 10px; 
}
.nabidka {
  width: 45%;
  *width: 45%;
  height: 235px;
  BACKGROUND: url(../images/backgroundgreen.jpg) no-repeat;
  padding: 10px;
  padding-left: 10px;
  padding-bottom: 0;
  margin-right: 8px;
  font-size: 12px;
  float: left;
  border: 1px solid #e3e2e2;
}
.nabidka .button{
  border: 0;
  background: url(http://vacuvin.cz/images/dokosiku.gif) no-repeat;
  padding: 6px 12px 6px 12px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  margin-top: -8px;
  font-size: 100%; 
  width: 130px;
  height: 50px;
}
.nabidka .button:hover {
  cursor: pointer;
}

.nabidka h4{
  color: #000;
  margin: 0;
  margin-bottom: 12px;
  font-weight: bold;
}

.nabidka p{
  margin: 4px;
}
.nabidka .sleva{
  margin: 4px;
  text-decoration: line-through;
}
.nabidka2 {
  width: 450pxpx;
  *width: 130px;
  height: 90px;
  BACKGROUND: url(../images/backgroundgreen.jpg) no-repeat;
  padding: 10px;
  padding-left: 10px;
  padding-bottom: 0;
  margin-right: 8px;
  font-size: 12px;
  float: left;
  border: 1px solid #e3e2e2;
}

.nabidka2 .form{
  border: 0;
  width: 250px;
  height: 50px;
}

.nabidka2 .button{
  border: 0;
  background: url(http://vacuvin.cz/images/dokosiku.gif) no-repeat;
  padding: 6px 12px 6px 12px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  margin-top: -8px;
  font-size: 100%; 
  width: 130px;
  height: 50px;
}

.cena {
  color: #9f0038;
  font-size: 150%;
}

.skladem {
  color: #a1bc44;
}

.nabidka .baleni {
  margin-top: 15px;
  margin-bottom: 15px;
}
 .social-links {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.social-links a {
    text-decoration: none;
    color: inherit;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    padding: 10px 15px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    transition: background 0.3s;
}
.social-links a:hover {
    background-color: rgba(255, 255, 255, 0.3);
}
.social-links svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}
.zelene {
  color: #a1bc44;
  font-weight: bold;
}
.cervena {
  font-weight: bold;
  border: 1px #fff solid;
  color: #fff;
  background: #ff0000;
  padding: 4px;
  text-align: center;
  margin-bottom: 10px;
  clear: both;
}

/* ElektroFest – přehazování pořadí jen v blocích s .ef-swap */
@media (max-width: 767px) {

  .row.ef-swap {
    display: flex !important;
    flex-direction: column !important;
  }

  .row.ef-swap::before,
  .row.ef-swap::after {
    content: none !important;
    display: none !important;
  }

  .row.ef-swap > [class*="col-"],
  .row.ef-swap > aside {
    float: none !important;
    width: 100% !important;
  }

  /* ASIDE (obrázek) první */
  .row.ef-swap > aside {
    order: 0 !important;
    margin-bottom: 15px;
  }

  /* TEXT druhý */
  .row.ef-swap > div[class*="col-"] {
    order: 1 !important;
  }
}
/* Když je uvnitř reálný <img>, nechceme čtvercový padding */
.square-image.responsive{
  padding-bottom: 0 !important;
}

/* ať se obrázek chová normálně */
.square-image.responsive img{
  position: static !important;
  transform: none !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
}