@charset "utf-8";
@import url("font-awesome.min.css");
@import url("../layout/styles/framework.css");

#topbar {
  padding: 15px 0;
  font-size: .8rem;
  text-transform: uppercase;
  text-align: center;
}

#topbar * {
  margin: 0;
  padding: 0;
  list-style: none;
}

#topbar ul li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 15px;
  border-right: 1px solid;
}

#topbar ul li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

#topbar i {
  margin: 0 5px 0 0;
  line-height: normal;
}

#topbar a i {
  margin-right: 0;
}

#header {
  padding: 50px 0;
}

#header #logo * {
  margin: 0;
  padding: 0;
  line-height: 1;
}

#header #logo h1 {
  margin-top: 8px;
  font-size: 26px;
  letter-spacing: 3px;
}

#header #quickinfo {
  font-size: .8rem;
  text-transform: uppercase;
}

#header #quickinfo li {
  margin-right: 50px;
}

#header #quickinfo li:last-child {
  margin-right: 0;
}

#header #quickinfo strong {
  display: block;
  margin: 0 0 -5px 0;
  padding: 0;
  font-size: .9rem;
}

#header #quickinfo br {
  display: none;
}

#pageintro {
  padding: 200px 0;
  text-align: center;
}

#pageintro * {
  word-wrap: break-word;
}

#pageintro .heading {
  margin-bottom: 20px;
  font-size: 5rem;
  font-weight: 400;
}

#pageintro p {
  font-size: 1.2rem;
}

#pageintro footer {
  margin-top: 50px;
}

.break {
  width: 100%;
  height: 8vh;
}

.h1 {
  font-size: 2.25rem;
}

.h2 {
  font-size: 2rem;
}

.h3 {
  font-size: 1.75rem;
}

.h4 {
  font-size: 1.5rem;
}

.h5 {
  font-size: 1.25rem !important;
}

.h6 {
  font-size: 0.8rem;
}

.width_20 {
  width: 20%;
  height: auto;
}

.width_40 {
  width: 40%;
  height: auto;
}

.float_left {
  float: left;
}

.padding_10 {
  padding: 10px;
}

.agenda {
  width: 100%;
  border-top: 1px solid grey;
  height: 10vh;
}

.text_overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.search_bar {
  margin-right: -1px;
  padding: 8px 18px 10px !important;
  width: 240px !important;
  float: left !important;
  appearance: none;
}

.search_button {
  padding: 8px 18px 10px !important;
  float: left !important;
  cursor: pointer;
}

.search_button:hover {
  padding: 8px 18px 10px !important;
  background-color: #8a2332;
  color: white;
  border: 2px solid #8a2332;
}

.form-style-1 {
  list-style-type: none;
}

.form-style-1 li {
  padding: 15px;
  font-size: 1.2rem;
}

.form_important {
  display: none;
}

.field-long {
  padding: 8px 18px 10px !important;
  width: 240px !important;
}

.field-long:focus {
  padding: 10px 18px 10px !important;
  border-style: solid !important;
  border-color: #8a2332 !important;
  border-width: 2px;
}

.container {
  padding: 15px 0;
}

.text_container {
  display: block;
  max-width: 1200px;
  margin: 20px auto 80px auto;
  text-align: center;
}

.text_container h2 {
  margin-top: 45px;
}

.text_container h3 {
  margin-top: 45px;
}

.text_container_medium {
  display: block;
  max-width: 978px;
  margin: 20px auto 80px auto;
  text-align: center;
}

.text_container_medium h2 {
  margin-top: 45px;
}

.text_container_medium h3 {
  margin-top: 45px;
}

.content h1 {
  font-size: 1.85rem;
}

.sectiontitle {
  display: block;
  max-width: 55%;
  margin: 0 auto 80px;
  text-align: center;
}

.sectiontitle * {
  margin: 0;
}

.cta.sectiontitle {
  margin-bottom: 0;
}

.cta.sectiontitle .heading,
.cta.sectiontitle p {
  margin-bottom: 30px;
}

.testimonials article {
  max-width: 55%;
  margin: 0 auto;
  text-align: center;
}

.testimonials article * {
  margin: 0;
  padding: 0;
}

.testimonials article img {
  margin-bottom: 20px;
  border-radius: 50%;
}

.testimonials article blockquote {
  margin-bottom: 20px;
}

.testimonials article em {
  display: block;
  margin-top: -5px;
  font-size: .8rem;
  font-style: normal;
}

.elements li:nth-child(-n+3) {
  margin-bottom: 50px;
}

/* Adds bottom margin to the first two elements only */
.elements>li:last-child {
  margin-bottom: 0;
}

/* Used when elements stack in small viewports */
.elements article {
  display: block;
  position: relative;
  min-height: 80px;
  padding: 0 0 0 70px;
}

.elements article::before,
.elements article::after {
  display: table;
  content: "";
}

.elements article::after {
  clear: both;
}

.elements article * {
  margin: 0 0 15px 0;
}

.elements article> :last-child {
  margin-bottom: 0;
}

.elements article i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  line-height: 48px;
  margin: 0;
  border: 1px solid;
  text-align: center;
  font-size: 20px;
}

.elements article .heading {
  font-size: 1.2rem;
}

.logos {
  padding: 50px 0;
}

.logos li:last-child {
  margin-bottom: 0;
}

/* Used when elements stack in small viewports */
.logos li a {
  display: inline-block;
  max-width: 100%;
}

.latest article figure {
  display: block;
  position: relative;
}

.latest article figure figcaption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 50px;
}

.latest article figure figcaption * {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  font-style: normal;
  line-height: 1;
}

.latest article figure figcaption time {
  width: 100%;
}

.latest article figure figcaption time strong {
  padding: 12px 0;
  font-size: 18px;
}

.latest article figure figcaption time em {
  padding: 8px 0;
}

.latest article .txtwrap {
  padding: 25px 20px;
}

.latest article .txtwrap .heading {
  margin: 0;
  font-size: 1.2rem;
}

.latest article .txtwrap .meta li {
  display: inline-block;
  font-size: .8rem;
}

.latest article .txtwrap .meta li::after {
  margin-left: 5px;
  content: "|";
}

.latest article .txtwrap .meta li:last-child::after {
  margin: 0;
  content: "";
}

/* Comments */
#comments ul {
  margin: 0 0 40px 0;
  padding: 0;
  list-style: none;
}

#comments li {
  margin: 0 0 10px 0;
  padding: 15px;
}

#comments .avatar {
  float: right;
  margin: 0 0 10px 10px;
  padding: 3px;
  border: 1px solid;
}

#comments address {
  font-weight: bold;
}

#comments time {
  font-size: smaller;
}

#comments .comcont {
  display: block;
  margin: 0;
  padding: 0;
}

#comments .comcont p {
  margin: 10px 5px 10px 0;
  padding: 0;
}

#comments form {
  display: block;
  width: 100%;
}

#comments input,
#comments textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid;
}

#comments textarea {
  overflow: auto;
}

#comments div {
  margin-bottom: 15px;
}

#comments input[type="submit"],
#comments input[type="reset"] {
  display: inline-block;
  width: auto;
  min-width: 150px;
  margin: 0;
  padding: 8px 5px;
  cursor: pointer;
}

.sidebar .sdb_holder {
  margin-bottom: 50px;
}

.sidebar .sdb_holder:last-child {
  margin-bottom: 0;
}

.split section {
  display: block;
  position: relative;
  float: right;
  width: 50%;
  padding: 100px 0 100px 50px;
}

.split section::after {
  display: block;
  position: absolute;
  top: 0;
  right: -1000%;
  bottom: 0;
  left: 100%;
  content: "";
}

.split_left section {
  display: block;
  position: relative;
  float: left;
  width: 50%;
  padding: 100px 50px 100px 0px;
}

.split_left section::after {
  display: block;
  position: absolute;
  top: 0;
  left: -1000%;
  bottom: 0;
  right: 100%;
  content: "";
}

.two_blocks {
  width: 50%;
  height: auto;
  float: left;
  margin: 25px 0 0 0;
  text-align: center;
}

.two_blocks img {
  width: 45%;
  height: auto;
  margin-bottom: 20px;
  border-radius: 50%;
}

.three_blocks {
  width: 33.333333%;
  height: auto;
  float: left;
  margin: 25px 0 0 0;
  text-align: center;
}

.three_blocks img {
  width: 56%;
  height: auto;
  margin-bottom: 20px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  clear: both;
}

.three_blocks_title {
  width: 100%;
  height: 55px;
}

.three_blocks_phone {
  width: 100%;
  height: 30px;
}


.four_blocks {
  width: 25%;
  height: auto;
  float: left;
  margin: 25px 0 0 0;
  text-align: center;
}

.four_blocks img {
  width: 56%;
  height: auto;
  margin-bottom: 20px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  clear: both;
}

.four_blocks_title {
  width: 100%;
  height: 55px;
}

.four_blocks_phone {
  width: 100%;
  height: 30px;
}

.search_result {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  border-bottom: 1px solid #e3e4e5;
  overflow: hidden;
  padding-bottom: 15px;
}

.search_result h2,
h3 {
  margin-top: 0;
}

.text_center {
  text-align: center;
}

.float_left {
  float: left !important;
}

.div_67 {
  width: 67%;
  height: auto;
  float: left;
}

.div_67 h2 {
  font-size: 1rem;
}

.div_33 {
  width: 33%;
  height: auto;
  float: left;
}

.div_33 select {
  width: 70%;
  margin: 20px 10% 0 10%;
}

#footer {
  padding: 80px 0;
}

#footer .heading {
  margin-bottom: 50px;
  font-size: 1.2rem;
}

#footer .linklist li {
  display: block;
  margin-bottom: 15px;
  padding: 0 0 15px 0;
  border-bottom: 1px solid;
}

#footer .linklist li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

#footer .linklist li::before,
#footer .linklist li::after {
  display: table;
  content: "";
}

#footer .linklist li,
#footer .linklist li::after {
  clear: both;
}

#footer .contact.linklist li,
#footer .contact.linklist li:last-child {
  position: relative;
  padding-left: 40px;
}

#footer .contact li * {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

#footer .contact li i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  font-size: 16px;
  text-align: center;
}

#footer input,
#footer button {
  border: 1px solid;
}

#footer input {
  display: block;
  width: 100%;
  padding: 8px;
}

#footer button {
  padding: 8px 18px 10px;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}

#copyright {
  padding: 20px 0;
}

#copyright * {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  transition: all .28s ease-in-out;
}

#mainav form * {
  transition: none !important;
}

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

#mainav,
#breadcrumb,
.sidebar nav {
  line-height: normal;
}

#mainav .drop::after,
#mainav li li .drop::after,
#breadcrumb li a::after,
.sidebar nav a::after {
  position: absolute;
  font-family: "FontAwesome";
  font-size: 10px;
  line-height: 10px;
}

/* Top Navigation */
#mainav {
  text-align: center;
}

#mainav ul {
  text-transform: uppercase;
}

#mainav ul ul {
  z-index: 9999;
  position: absolute;
  width: 160px;
  text-transform: none;
  text-align: left;
}

#mainav ul ul ul {
  left: 160px;
  top: 0;
}

#mainav li {
  display: inline-block;
  position: relative;
  margin: 0 30px 0 0;
  padding: 0;
}

#mainav li:last-child {
  margin-right: 0;
}

#mainav li li {
  width: 100%;
  margin: 0;
}

#mainav li a {
  display: block;
  padding: 20px 0;
}

#mainav li li a {
  border: solid;
  border-width: 0 0 1px 0;
}

#mainav .drop {
  padding-left: 15px;
}

#mainav li li a,
#mainav li li .drop {
  display: block;
  margin: 0;
  padding: 10px 15px;
}

#mainav .drop::after,
#mainav li li .drop::after {
  content: "\f0d7";
}

#mainav .drop::after {
  top: 25px;
  left: 5px;
}

#mainav li li .drop::after {
  top: 15px;
  left: 5px;
}

#mainav ul ul {
  visibility: hidden;
  opacity: 0;
}

#mainav ul li:hover>ul {
  visibility: visible;
  opacity: 1;
}

#mainav form {
  display: none;
  margin: 0;
  padding: 20px 0;
}

#mainav form select,
#mainav form select option {
  display: block;
  cursor: pointer;
  outline: none;
}

#mainav form select {
  width: 100%;
  padding: 5px;
  border: 1px solid;
}

#mainav form select option {
  margin: 5px;
  padding: 0;
  border: none;
}

/* Breadcrumb */
#breadcrumb {
  padding: 120px 0 15px;
}

#breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
}

#breadcrumb li {
  display: inline-block;
  margin: 0 6px 0 0;
  padding: 0;
}

#breadcrumb li a {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 12px 0 0;
  font-size: 12px;
}

#breadcrumb li a::after {
  top: 3px;
  right: 0;
  content: "\f101";
}

#breadcrumb li:last-child a {
  margin: 0;
  padding: 0;
}

#breadcrumb li:last-child a::after {
  display: none;
}

.sidebar nav {
  display: block;
  width: 100%;
}

.sidebar nav li {
  margin: 0 0 3px 0;
  padding: 0;
}

.sidebar nav a {
  display: block;
  position: relative;
  margin: 0;
  padding: 5px 10px 5px 15px;
  text-decoration: none;
  border: solid;
  border-width: 0 0 1px 0;
}

.sidebar nav a::after {
  top: 9px;
  left: 5px;
  content: "\f101";
}

.sidebar nav ul ul a {
  padding-left: 35px;
}

.sidebar nav ul ul a::after {
  left: 25px;
}

.sidebar nav ul ul ul a {
  padding-left: 55px;
}

.sidebar nav ul ul ul a::after {
  left: 45px;
}

.pagination {
  display: block;
  width: 100%;
  text-align: center;
  clear: both;
}

.pagination li {
  display: inline-block;
  margin: 0 2px 0 0;
}

.pagination li:last-child {
  margin-right: 0;
}

.pagination a,
.pagination strong {
  display: block;
  padding: 8px 11px;
  border: 1px solid;
  background-clip: padding-box;
  font-weight: normal;
}

#backtotop {
  z-index: 999;
  display: inline-block;
  position: fixed;
  visibility: hidden;
  bottom: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  text-align: center;
  opacity: .2;
}

#backtotop i {
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
}

#backtotop.visible {
  visibility: visible;
  opacity: .5;
}

#backtotop:hover {
  opacity: 1;
}

table,
th,
td {
  border: 1px solid;
  border-collapse: collapse;
  vertical-align: top;
}

table,
th {
  table-layout: auto;
}

table {
  width: 100%;
  margin-bottom: 15px;
}

th,
td {
  padding: 5px 8px;
}

td {
  border-width: 0 1px;
}

#gallery {
  display: block;
  width: 100%;
  margin-bottom: 50px;
}

#gallery figure figcaption {
  display: block;
  width: 100%;
  clear: both;
}

#gallery li {
  margin-bottom: 30px;
}

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

.faico li {
  display: inline-block;
  margin: 8px 5px 0 0;
  padding: 0;
  line-height: normal;
}

.faico li:last-child {
  margin-right: 0;
}

.faico a {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  text-align: center;
}

.faico a {
  color: #FFFFFF;
  background-color: #646464;
}

.faicon-dribble:hover {
  background-color: #EA4C89;
}

.faicon-facebook:hover {
  background-color: #3B5998;
}

.faicon-instagram:hover {
  background-color: #E23763;
}

.faicon-google-plus:hover {
  background-color: #DB4A39;
}

.faicon-youtube:hover {
  background-color: #FF0000;
}

.faicon-linkedin:hover {
  background-color: #0E76A8;
}

.faicon-twitter:hover {
  background-color: #00ACEE;
}

.faicon-pinterest:hover {
  background-color: #C9222A;
}

.faicon-vk:hover {
  background-color: #4E658E;
}

body {
  color: #A8A7A6;
  background-color: #0C0C0C;
}

a {
  color: #8a2332;
}

a:active,
a:focus {
  background: transparent;
}

hr,
.borderedbox {
  border-color: #F4F4F4;
}

label span {
  color: #FF0000;
  background-color: inherit;
}

input:focus,
textarea:focus,
*:required:focus {
  border-color: #8a2332;
}

.overlay {
  color: #FFFFFF;
  background-color: inherit;
}

.overlay::after {
  color: inherit;
  background-color: rgba(0, 0, 0, .55);
}

.overlay.light {
  color: #474747;
}

.overlay.light::after {
  background-color: rgba(255, 255, 255, .8);
}

.overlay.coloured::after {
  background-color: rgba(234, 86, 22, .55);
}

.btn,
.btn.inverse:hover {
  color: #FFFFFF;
  background-color: #8a2332;
  border-color: #8a2332;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  float: right;
  margin-left: 10px;
}

.btn:hover,
.btn.inverse {
  color: inherit;
  background-color: transparent;
  border-color: inherit;
}

/* Rows */
.row0,
.row0 a {
  color: #A8A7A6;
  background-color: #222222;
}

.row0 a:hover {
  color: #8a2332;
}

.row1 {
  color: #474747;
  background-color: #FFFFFF;
}

.row2 {
  color: #474747;
  background-color: rgba(255, 255, 255, .8);
}

.row3 {
  color: #474747;
  background-color: #FFFFFF;
}

.row4 {
  color: #A8A7A6;
  background-color: #191A1E;
}

.row5,
.row5 a {
  color: #A8A7A6;
  background-color: #0C0C0C;
}

#topbar ul li {
  border-color: rgba(255, 255, 255, .2);
}

#header #logo a {
  color: inherit;
}

.elements article i {
  border-color: #8a2332;
}

.elements article:hover i {
  color: #FFFFFF;
  background-color: #8a2332;
}

.latest article figure figcaption {
  color: #FFFFFF;
}

.latest article figure figcaption time strong {
  background-color: #EC6D37;
}

.latest article figure figcaption time em {
  background-color: #9A380E;
}

.latest article .txtwrap {
  color: inherit;
  background-color: #F5F5F5;
}

.split section,
.split section::after {
  color: #474747;
  background-color: rgba(255, 255, 255, .8);
}

.split_left section,
.split_left section::after {
  color: #474747;
  background-color: rgba(255, 255, 255, .8);
}

#footer .heading {
  color: #FFFFFF;
}

#footer hr,
#footer .borderedbox,
#footer .linklist li {
  border-color: rgba(255, 255, 255, .1);
}

#footer input,
#footer button {
  border-color: transparent;
}

#footer input {
  color: #FFFFFF;
  background-color: #646464;
}

#footer input:focus {
  border-color: #59A209;
}

#footer button {
  color: #FFFFFF;
  background-color: #8a2332;
}

/* Navigation */
#mainav li a {
  color: inherit;
}

#mainav .active a,
#mainav a:hover,
#mainav li:hover>a {
  color: #8a2332;
  background-color: inherit;
}

#mainav li li a,
#mainav .active li a {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, .6);
  border-color: rgba(0, 0, 0, .6);
}

#mainav li li:hover>a,
#mainav .active .active>a {
  color: #FFFFFF;
  background-color: #8a2332;
}

#mainav form select {
  color: #FFFFFF;
  background-color: #000000;
  border-color: rgba(255, 255, 255, .2);
}

#breadcrumb a {
  color: inherit;
  background-color: inherit;
}

#breadcrumb li:last-child a {
  color: #8a2332;
}

.container .sidebar nav a {
  color: inherit;
  border-color: #F4F4F4;
}

.container .sidebar nav a:hover {
  color: #8a2332;
}

.pagination a,
.pagination strong {
  border-color: #F4F4F4;
}

.pagination .current * {
  color: #FFFFFF;
  background-color: #8a2332;
}

#backtotop {
  color: #FFFFFF;
  background-color: #8a2332;
}

/* Tables + Comments */
table,
th,
td,
#comments .avatar,
#comments input,
#comments textarea {
  border-color: #F4F4F4;
}

#comments input:focus,
#comments textarea:focus,
#comments *:required:focus {
  border-color: #8a2332;
}

th {
  color: #FFFFFF;
  background-color: #373737;
}

tr,
#comments li,
#comments input[type="submit"],
#comments input[type="reset"] {
  color: inherit;
  background-color: #FBFBFB;
}

tr:nth-child(even),
#comments li:nth-child(even) {
  color: inherit;
  background-color: #F7F7F7;
}

table a,
#comments a {
  background-color: inherit;
}

.news_image {
  width: 100%;
  height: 200px;
  background-color: antiquewhite;
}

.news_image img {
  object-fit: cover !important;
}

.news_text {
  margin-top: 30px;
}

.specials img {
  width: 50px;
  height: auto;
  float: left;
  margin-right: 15px;
}

.categoryBox {
  width: 21%;
  height: auto;
  padding: 27px 2% 27px 2%;
  margin: 0 2% 25px 0%;
  float: left;
  text-align: center;
  overflow: hidden;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #ffffff;
  font-family: 'Nunito', sans-serif;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #313131;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.categoryBox:hover {
  -ms-transform: scale(1);
  /* IE 9 */
  -webkit-transform: scale(1);
  /* Safari 3-8 */
  transform: scale(1);
  box-shadow: 0 0 11px rgba(33, 33, 33, .2);
  border: 1px solid #8a2332;
  z-index: 100000;
  position: relative;
}

.categoryBox a {
  color: #313131;
  text-decoration: none;
}

.categoryBox:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, .2);
}

.categoryImageBox {
  width: 94%;
  height: 235px;
  margin: 0 3% 0 3%;
}

.categoryImageBox img {
  width: auto;
  height: auto;
  max-height: 220px;
  margin: 0 0 20px 0;
}

.categoryTextBox {
  width: 98%;
  height: 85px;
  margin: 0 1% 0 1%;
}

.categoryTextBox h3 {
  font-size: 0.8rem !important;
}

.categoryTextBox p {
  font-size: 0.75rem;
  font-weight: normal;
}

.categorySubTextBox {
  width: 98%;
  height: 55px;
  margin: 0 1% 0 1%;
  font-size: 0.75rem;
  font-weight: normal;
}

.productsBox {
  width: 31.333%;
  height: auto;
  padding: 27px 2% 27px 2%;
  margin: 0 2% 25px 0%;
  float: left;
  text-align: center;
  overflow: hidden;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #e2e3e5;
  font-family: 'Nunito', sans-serif;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #313131;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.productsBox:hover {
  -ms-transform: scale(1);
  /* IE 9 */
  -webkit-transform: scale(1);
  /* Safari 3-8 */
  transform: scale(1);
  box-shadow: 0 0 11px rgba(33, 33, 33, .2);
  border: 1px solid #8a2332;
  z-index: 100000;
  position: relative;
}

.productsBox a {
  color: #313131;
  text-decoration: none;
}

.productsBox:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, .2);
}

.productsImageBox {
  width: 94%;
  height: 235px;
  margin: 0 3% 0 3%;
}

.productsImageBox img {
  width: auto;
  height: auto;
  max-height: 220px;
  margin: 0 0 20px 0;
}

.productsTextBox {
  width: 98%;
  height: 85px;
  margin: 0 1% 0 1%;
}

.productsTextBox h3 {
  font-size: 0.8rem !important;
}

.productsTextBox p {
  font-size: 0.75rem;
  font-weight: normal;
}

.productsSubTextBox {
  width: 98%;
  height: 55px;
  margin: 0 1% 0 1%;
  font-size: 0.75rem;
  font-weight: normal;
}

.filterblock {
  font-size: 17px;
  line-height: 29px;
}

.filterblock input {
  float: left;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.text_center {
  text-align: center;
}

.text_dark {
  color: #1F1F1F;
}

.productPrice {
  width: 100%;
  height: 35px;
  margin-bottom: 27px;
  text-align: center;
}

.priceShow {
  width: 100%;
  height: 25px;
  margin-bottom: 15px;
  text-align: center;
}

.kenmerkContainer {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e1e2e3;
}

.kenmerkLinks {
  width: 25%;
  height: auto;
  padding: 7px 0 7px 0;
  float: left;
  font-size: 0.8rem;
}

.kenmerkRechts {
  width: 75%;
  height: auto;
  padding: 7px 0 7px 0;
  float: left;
  font-size: 0.8rem;
}

.form_links {
  width: 25%;
  height: auto;
  padding: 7px 0 7px 0;
  float: left;
}

.form_rechts {
  width: 75%;
  height: auto;
  padding: 7px 0 7px 0;
  float: left;
}

.select_container_top {
  width: 100%;
  height: 30px;
  text-align: left;
}

.select_container {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #e1e2e3;
}

.blanco_container {
  width: 100%;
  height: auto;
  margin: 50px 0 10px 0;
}

.blanco_container h5 {
  font-size: 1.4rem;
}

.select_left {
  width: 15%;
  height: auto;
  padding: 11px 0 3px 0;
  float: left;
  font-size: 1rem;
  text-align: left;
}

.select_right {
  width: 85%;
  height: auto;
  padding: 7px 0 3px 0;
  float: left;
  font-size: 0.9rem;
  text-align: left;
}

.printButton_left {
  width: 30%;
  height: auto;
  padding: 7px 0 7px 0;
  background-color: #084d75;
  font-size: 15px;
  text-align: center;
  color: white;
  border-radius: 1px;
  float: left;
}

.printButton_left:hover {
  background-color: #2f9fe0;
}

.redButton_70 {
  width: 65%;
  height: auto;
  padding: 7px 0 7px 0;
  background-color: #8a2332;
  font-size: 15px;
  text-align: center;
  color: white;
  border-radius: 1px;
  float: left;
  margin-right: 5%;
}

.redButton_70:hover {
  background-color: #c8263d;
}

.redButton_40 {
  width: 45%;
  height: auto;
  padding: 7px 0 7px 0;
  background-color: #8a2332;
  font-size: 15px;
  text-align: center;
  color: white;
  border-radius: 1px;
  float: left;
}

.redButton_40:hover {
  background-color: #c8263d;
}

.greenButton_30 {
  width: 30%;
  height: auto;
  padding: 7px 0 7px 0;
  background-color: #3d7307;
  font-size: 15px;
  text-align: center;
  color: white;
  border-radius: 1px;
  float: left;
}

.greenButton_30:hover {
  background-color: #81d42f;
}

.greenButton_25 {
  width: 20%;
  height: auto;
  padding: 7px 0 7px 0;
  background-color: #3d7307;
  font-size: 15px;
  text-align: center;
  color: white;
  border-radius: 1px;
  float: left;
  margin-left: 5%;
}

.greenButton_25:hover {
  background-color: #81d42f;
}

.greenButton_right {
  width: 70%;
  height: auto;
  padding: 7px 0 7px 0;
  background-color: #3d7307;
  font-size: 15px;
  text-align: center;
  color: white;
  border-radius: 1px;
  float: left;
}

.greenButton_right:hover {
  background-color: #81d42f;
}

.greenButton_wide {
  width: 100%;
  height: auto;
  padding: 7px 0 7px 0;
  background-color: #3d7307;
  font-size: 15px;
  text-align: center;
  color: white;
  border-radius: 1px;
  border: 0;
  font-weight: 600;
}

.greenButton_wide:hover {
  background-color: #81d42f;
}

button.greenButton_wide{
 padding: 10px 0; 
}

.redButton_wide {
  width: 100%;
  height: auto;
  padding: 7px 0 7px 0;
  background-color: #8a2332;
  font-size: 15px;
  text-align: center;
  color: white;
  border-radius: 1px;
  font-weight: 600;
}

.redButton_wide:hover {
  background-color: #6b1b27;
}

.greyButton_wide {
  width: 100%;
  height: auto;
  padding: 7px 0 7px 0;
  background-color: #1d3947;
  font-size: 15px;
  text-align: center;
  color: white;
  border-radius: 1px;
}

.greyButton_wide:hover {
  background-color: #457d99;
}

.text_small {
  font-size: 0.9rem;
  font-weight: normal;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 55%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

.no_print {
  display: block;
}

.half_left {
  width: 44%;
  min-height: 450px;
  padding: 10px 2% 15px 2%;
  margin: 45px 2% 55px 0;
  float: left;
  text-align: left;
  overflow: hidden;
}

.half_left img {
  width: 100%;
  height: auto;
}

.half_right {
  width: 46%;
  min-height: 450px;
  padding: 10px 2% 15px 2%;
  margin: 45px 0 55px 2%;
  float: left;
  text-align: left;
  overflow: hidden;
}

.tr_check {
  width: 100%;
  height: 30px;
  float: none;
  display: block;
  clear: both;
}

.td_30_check {
  width: 30%;
  height: auto;
  margin-bottom: 7px;
  float: left;
}

.td_30_check img {
  width: 50%;
  height: auto;
  margin: 0 auto 0 auto;
}

.td_70_check {
  width: 65%;
  height: auto;
  margin-bottom: 7px;
  float: left;
}

.news_block {
  max-width: 600px;
  height: auto;
  margin: 0 auto 0 auto;
}

.news_block img {
  width: 100%;
  height: auto;
  margin: 0 auto 35px auto;
}

.tr {
  width: 100%;
  height: auto;
  float: none;
  display: block;
  clear: both;
  border-bottom: 1px solid #d4d2cf;
  overflow: auto;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.tr_auto {
  width: 100%;
  height: auto;
  float: none;
  display: block;
  clear: both;
  overflow: auto;
  margin-bottom: 16px;
}

.td_05 {
  width: 5%;
  height: 25px;
  margin-bottom: 7px;
  float: left;
}

.td_05_auto {
  width: auto;
  height: 25px;
  margin-bottom: 7px;
  float: left;
}

.td_10 {
  width: 10%;
  height: 25px;
  margin-bottom: 7px;
  float: left;
}

.td_20 {
  width: 20%;
  height: 25px;
  margin-bottom: 7px;
  float: left;
}

.td_20_auto {
  width: 20%;
  height: auto;
  margin-bottom: 7px;
  float: left;
}

.td_25 {
  width: 25%;
  height: 25px;
  margin-bottom: 7px;
  float: left;
}

.td_25_auto {
  width: 25%;
  height: auto;
  margin-bottom: 7px;
  float: left;
}

.td_25_auto img {
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 75px;
}

.td_30 {
  width: 30%;
  height: 25px;
  margin-bottom: 7px;
  float: left;
}

.td_30_auto {
  width: 30%;
  height: auto;
  margin-bottom: 7px;
  float: left;
}

.td_30_auto img {
  width: 100%;
  height: auto;
}

.td_40 {
  width: 40%;
  min-height: 30px;
  margin-bottom: 7px;
  float: left;
}

.td_50 {
  width: 50%;
  height: 25px;
  margin-bottom: 7px;
  float: left;
}

.td_60 {
  width: 60%;
  height: 25px;
  margin-bottom: 7px;
  float: left;
}

.td_65 {
  width: 65%;
  min-height: 25px;
  margin-bottom: 7px;
  float: left;
}

.td_65_auto {
  width: 65%;
  height: auto;
  margin-bottom: 7px;
  float: left;
}

.td_70 {
  width: 70%;
  min-height: 25px;
  margin-bottom: 7px;
  float: left;
}

.td_70_auto {
  width: 70%;
  height: auto;
  margin-bottom: 7px;
  float: left;
}

.td_70 input {
  width: 80%;
  height: 25px;
  font-size: 1rem;
  padding: 3px 3px 3px 5px;
}

.td_70 select {
  width: 80%;
  height: 25px;
  font-size: 1rem;
  padding: 3px 3px 3px 5px;
}

.td_70 input[type=radio] {
  margin-top: 0;
}

.td_80 {
  width: 75%;
  height: 25px;
  margin-bottom: 7px;
  float: left;
}

.td_80_auto {
  width: 75%;
  height: auto;
  margin-bottom: 7px;
  float: left;
}

.td_90 {
  width: 85%;
  height: 25px;
  margin-bottom: 7px;
  float: left;
}

.text_strong {
  font-weight: bold;
}

.clearer {
  clear: both;
}

/* Container DIV - automatically generated */
.simply-scroll-container {
  position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.simply-scroll-list li img {
  border: none;
  display: block;
  max-height: 170px;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */
/* Container DIV */
.simply-scroll {
  width: 100%;
  height: 400px;
  margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
  width: 100%;
  height: 400px;
}

/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
  float: left;
  /* Horizontal scroll only */
  width: 290px;
  height: 200px;
}

/* Container DIV - automatically generated */
.simply-scroll-container {
  position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
  position: relative;
  overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.simply-scroll-list li img {
  border: none;
  display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */
/* Container DIV */
.simply-scroll {
  width: 100%;
  height: 100px;
  margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
  width: 100%;
  height: 300px;
}

/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
  float: left;
  /* Horizontal scroll only */
  width: 150px;
  height: 250px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 15px 15px 7px 15px;
  background-color: #8a2332;
  color: white;
}

.modal-title {
  font-size: 1.6rem;
  line-height: 1.6rem;
}

.modal-body {
  padding: 2px 15px;
}

.modal-body label {
  float: left
}

.modal-body span {
  display: block;
  overflow: hidden;
  padding: 0 4px 0 6px
}

.modal-body input {
  width: 100%
}

.modal-footer {
  padding: 2px 15px;
  background-color: #8a2332;
  overflow: hidden;
  color: white;
}

.fl_left {
  width: 40%;
  height: auto;
  float: left;
}

.fl_left_40 {
  width: 36%;
  height: auto;
  float: left;
}

.fl_left_40 img {
  width: 90%;
  height: auto;
  margin: 0;
}

.fl_center {
  width: 34%;
  height: auto;
  float: left;
}

.fl_center input[type="text"] {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #8a2332;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.fl_center input[type="submit"] {
  color: #FFFFFF;
  background-color: #8a2332;
  border: 1px solid #8a2332;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: -3px;
}

.fl_center input[type="submit"]:hover {
  color: inherit;
  background-color: transparent;
  border-color: inherit;
}

.fl_right {
  width: 30%;
  height: auto;
  float: left;
}

.blueButton {
  width: 90%;
  height: 36px;
  background: #3d7307;
  border-radius: 1px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  padding: 5px 25px 4px 25px;
  text-decoration: none;
  text-align: center;
  margin: 0 auto 0 auto;
  float: none;
  border: 0;
}

.blueButton input[type=submit] {
  height: 40px;
}

.blueButton a {
  color: #ffffff;
  text-decoration: none;
}

.blueButton:hover {
  background: #81d42f;
  text-decoration: none;
  color: #ffffff;
}

.login_input {
  width: 90%;
  height: 36px;
}

.dropbtn {
  background-color: #3d7307;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  width: 100%;
}

.dropbtn:hover,
.dropbtn:focus {
  background-color: #81d42f;
}

.dropdown {
  width: 100%;
  display: block;
}

.dropdown-content {
  display: none;
  min-width: 16%;
  overflow: auto;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
  background-color: #ddd;
}

.show {
  display: block;
}

.session_button {
  width: auto;
  height: auto;
  padding: 3px 13px 3px 13px;
  background-color: #023D7B;
  font-size: 14px;
  color: white;
  border-radius: 3px;
  float: left;
  margin-right: 1%;
}

.remove_filter {
  width: auto;
  height: auto;
  padding: 0 !important;
  margin: 0 !important;
}

.remove_filter a:hover {
  width: auto;
  height: auto;
  padding: 0 !important;
  margin: 0 !important;
}


.order_quantity_input{
  width: 100%;
  padding: 8px 5px;
  font-size: 15px;
  border: 1px solid #3d7306;
}

input[type="number"].order_quantity_input{
  padding:9px 5px;
}

@-ms-viewport {
  width: device-width;
}

@media screen and (min-width:978px) {
  .view_width {
    max-width: 1200px;
  }
}

@media screen and (max-width:900px) {
  .view_width {
    max-width: 90%;
  }

  #mainav ul {
    display: none;
  }

  #mainav form {
    display: block;
  }

  #comments input[type="reset"] {
    margin-top: 10px;
  }

  .pagination li {
    display: inline-block;
    margin: 0 5px 5px 0;
  }

  #copyright p:first-of-type {
    margin-bottom: 10px;
  }
}

@media screen and (max-width:750px) {
  .modal-content {
    width: 75%;
  }

  .imgl,
  .imgr {
    display: inline-block;
    float: none;
    margin: 0 0 10px 0;
  }

  .fl_left,
  .fl_right {
    display: block;
    float: none;
  }

  .group .group>*:last-child,
  .clear .clear>*:last-child,
  .clear .group>*:last-child,
  .group .clear>*:last-child {
    margin-bottom: 0;
  }

  .one_half,
  .one_third,
  .two_third,
  .one_quarter,
  .two_quarter,
  .three_quarter {
    display: block;
    float: none;
    width: auto;
    margin: 0 5% 50px 5%;
    padding: 0;
  }

  #header {
    text-align: center;
  }

  #header #logo {
    margin: 0 0 30px 0;
  }

  #pageintro .heading {
    font-size: 1.5rem;
  }

  .sectiontitle {
    max-width: none;
    text-align: left;
  }

  #footer {
    padding-bottom: 30px;
  }
}

@media screen and (max-width:650px) {
  h1 {
    font-size: 1.85rem;
  }

  h2 {
    font-size: 1rem !important;
  }

  .modal-content {
    width: 90%;
  }

  .split_left section {
    width: 100% !important;
  }

  .split section {
    width: 100% !important;
  }

  .btn {
    margin-left: 0;
    font-size: 1rem !important;
  }

  .fl_left {
    width: 100%;
    height: auto;
  }

  .fl_left_40 {
    width: 100%;
    height: auto;
  }

  .fl_center {
    width: 100%;
    height: auto;
  }

  .fl_right {
    width: 100%;
    height: auto;
    text-align: center;
  }

  .productsBox {
    width: 48%;
    margin: 0 1% 25px 1%;
  }

  .view_width {
    max-width: 100%;
  }

  .text_correct {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 5% 0 5%;
  }

  .scrollable {
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 0 0 15px 0;
    overflow: auto;
    overflow-x: scroll;
  }

  .scrollable table {
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }

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

  .pushright li {
    margin-right: 0;
  }

  .font-x2 {
    font-size: 1.4rem;
  }

  .font-x3 {
    font-size: 1.6rem;
  }

  #header #quickinfo li {
    display: block;
    margin-right: 0;
  }
}

@media print {
  body {
    margin-top: 100px;
  }

  .no_print {
    display: none;
  }

  h1 {
    font-size: 1rem !important;
  }

  .correct_top {
    padding-top: 0;
    margin-top: -75px;
    background-color: #ffffff;
  }

  .clear {
    height: 0;
    width: 100%;
    margin: 0;
  }

  .blanco_container {
    font-size: 0.7rem !important;
  }

  .text_container {
    max-width: 100%;
    margin: 0 auto 0 auto;
  }

  .wrapper {
    background-color: #ffffff;
    margin-top: 0;
    padding-top: 0;
  }

  .kenmerkLinks {
    width: 35%;
    padding: 2px 0 2px 0;
    font-size: 0.7rem;
  }

  .kenmerkRechts {
    width: 65%;
    padding: 2px 0 2px 0;
    font-size: 0.7rem;
  }
}