@charset "UTF-8";
/*
 * PIXEL:READY; WP Blank Theme footer styles
 * developed by www.pixelready.de
 * Load all additional CSS in the footer
 * Styles for form fields
 * PX Responsive Grid
 * Smartmenu
 * V1
 */
/* This file is containing all colors and
 * predefined settings for grid system, menu, formstyles & margins
 */
/* ############################################################################################ */
/*   px1. SCSS variables                                                                        */
/* ############################################################################################ */
/* Define global grid settings =========================================================
=========================================================================================*/
/* width of container class in percent */
/* limited width on large screens */
/* @media breakpoint, which set all columns to 100% (of container width) */
                     /* set the margin-bottom for rows.

 * For margin-bottom:0 simply add class .rowsticky to specific rows
 * For empty columns used for whitespace add class .columnfall - this columns simply don't appear on small devices -
 * Collapse defines breakpoint, where columns all switch to 100% width.
*/
/* Define main font & color settings =========================================================== */
/* Font definition */
/* write combined style: font: font-style font-variant font-weight font-size/line-height font-family; */
/*$iconfont2: '';*/
/* If you need another iconfont, add it here */
/* if you need more font-families or font-syles, use auxiliary fonts */
/* Colors --------------- */
/* body font color */
/* headlines font color */
/* link color */
/* link visited color */
/* link hover color */
/* Color sheme:
 * define your theme's main colors here and write in the comment, for which elements you use them */
/* main color 1, used for .... please comment it's usage */
/* main color 2, used for .... please comment it's usage */
/*$col_main3: ; */
/*   main color 3, used for .... please comment it's usage */
/*$col_main4: ; */
/*  main color 4, used for .... please comment it's usage */
/* add more if you need to */
/* Helper colors */
/* Simply to have them on hand */
/* predifined greyscales for your design - or change it to colored nuances */
/* border-color, used for separator lines and content borders */
/* add more greyscales if you need to */
/* add more greyscales if you need to */
/* add more greyscales if you need to header background */
/* Used for success messages & classes  */
/* If you need a variation of green, e.g. as background for messages */
/* Used for error messages & classes */
/* If you need a variation of red, e.g. as background for messages  */
/* Used for low-in-stock products  */
/* If you need a variation of orange, e.g. as background for low-in-stock products */
/* Used for info messages & classes */
/* If you need a variation of blue, e.g. as background for messages */
/* screen-reader-focus color */
/* screen-reader-focus background */
/* Border definitions */
/* global border radius */
/* default border-style */
/* Margins -------------- */
/* defines the top & bottom margin of content blocks like hentry, comment blocks etc. */
/*defines the bottom margin of content elements and sections like p, form, ul, .entry-meta, .entry-footer etc. */
/*defines the bottom margin of the last child of p, ul etc. */
/* Others --------------- */
/* opacity for text links hover */
/* opacity for buttons hover */
/* alpha value for rgba backgrounds on content containers */
/* alpha value for rgba backgrounds on button elements */
/* Define navigation menu settings ========================================================= */
/* Menu color settings */
/* define menu font settings */
/* font-size for navigation links */
/* Menu font & icon color */
/* Menu font hover */
/* li background */
/* li hover background */
/* li ul li background */
/* border separator for li */
/* menu button background */
/* menu button hover background */
/* the lines inside the menu button */
/* defines hover effect for menu-icons, can be color or i.e. opacity */
/* actually only needed, if .menu-collapser font should be colored */
/* only needed, if navigation bar should have a colored background */
/* Adjust length of li>ul */
/* Adjust <i> line-height or margin-top, depending on projects settings */
/* Define form & field styles =============================================================== */
/* color for inputs & textareas */
/* placeholder color */
/* border for fields */
/* background for inputs $ fields */
/* extra background for radio and checkboxes */
/* box-shadow for inputs & textareas */
/* extra box-shadow for radio and checkboxes */
/* inner color of a checked radio or checkbox */
/* box-shadow for a checked radio or checkbox */
/* Styles for hovers */
/*$bxshad_field_hv: none;*/
/* hover box-shadow for fields */
/* hover box-shadow for radio and checkboxes */
/*$bxshad_check_hv: none; */
/* hover box-shadow for radio and checkboxes */
/* Button styles */
/* Styles for validation */
/* error color for fields and error message */
/* error border for fields */
/* error background for fields */
/* extra background for .w№cf7-validation-errors container */
/* error box-shadow for fields */
/* color for success message */
/* background for success message */
/*
 * PX Responsive Grid System
 * developed by www.pixelready.de
 * based on Graham Millers Responsive Grid System, www.responsivegridsystem.com
 * V1
 * All variables you find in _variables.scss
 */
/*  CONTAINER - Use container class for wrappers======================================== */
.container {
  width: 90%;
  max-width: 1620px;
  margin-left: auto;
  margin-right: auto; }

/*  ROWS  ============================================================================= */
.row {
  clear: both;
  padding: 0;
  margin-bottom: 2em;
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

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

.row:after {
  clear: both; }

/*  GRID COLUMN SETUP   ==================================================================== */
.col {
  display: block;
  float: left;
  margin-left: 5%;
  min-height: 1px; }

.col:first-child {
  margin-left: 0; }

/* all browsers except IE6 and lower */
/* Add special features to rows and columns */
.rowsticky {
  margin-bottom: 0; }

.colfall {
  /* Use fall class to insert empty cols
   * Change media queries to set responsive behavior
   */ }

/*  COLUMN SETUP   ============================================================================= */
.col_1_of_1 {
  width: 100%; }

.col_1_of_2 {
  width: 47.5%; }

.col_1_of_3 {
  width: 25%; }

.col_2_of_3 {
  width: 70%; }

.col_1_of_4 {
  width: 21.25%; }

.col_2_of_4 {
  width: 47.5%; }

.col_3_of_4 {
  width: 73.75%; }

.col_1_of_5 {
  width: 16%; }

.col_2_of_5 {
  width: 37%; }

.col_3_of_5 {
  width: 58%; }

.col_4_of_5 {
  width: 79%; }

.col_1_of_6 {
  width: 12.5%; }

.col_2_of_6 {
  width: 30%; }

.col_3_of_6 {
  width: 47.5%; }

.col_4_of_6 {
  width: 65%; }

.col_5_of_6 {
  width: 82.5%; }

.col_1_of_7 {
  width: 10%; }

.col_2_of_7 {
  width: 25%; }

.col_3_of_7 {
  width: 40%; }

.col_4_of_7 {
  width: 55%; }

.col_5_of_7 {
  width: 70%; }

.col_6_of_7 {
  width: 85%; }

.col_1_of_8 {
  width: 8.125%; }

.col_2_of_8 {
  width: 21.25%; }

.col_3_of_8 {
  width: 34.37%; }

.col_4_of_8 {
  width: 47.5%; }

.col_5_of_8 {
  width: 60.62%; }

.col_6_of_8 {
  width: 73.75%; }

.col_7_of_8 {
  width: 86.87%; }

.col_1_of_9 {
  width: 6.666%; }

.col_2_of_9 {
  width: 18.33%; }

.col_3_of_9 {
  width: 30%; }

.col_4_of_9 {
  width: 41.66%; }

.col_5_of_9 {
  width: 53.33%; }

.col_6_of_9 {
  width: 65%; }

.col_7_of_9 {
  width: 76.66%; }

.col_8_of_9 {
  width: 88.33%; }

.col_1_of_10 {
  width: 5.5%; }

.col_2_of_10 {
  width: 16%; }

.col_3_of_10 {
  width: 26.5%; }

.col_4_of_10 {
  width: 37%; }

.col_5_of_10 {
  width: 47.5%; }

.col_6_of_10 {
  width: 58%; }

.col_7_of_10 {
  width: 68.5%; }

.col_8_of_10 {
  width: 79%; }

.col_9_of_10 {
  width: 89.5%; }

.col_1_of_11 {
  width: 4.545%; }

.col_2_of_11 {
  width: 14.09%; }

.col_3_of_11 {
  width: 23.63%; }

.col_4_of_11 {
  width: 33.18%; }

.col_5_of_11 {
  width: 42.72%; }

.col_6_of_11 {
  width: 52.27%; }

.col_7_of_11 {
  width: 61.81%; }

.col_8_of_11 {
  width: 71.36%; }

.col_9_of_11 {
  width: 80.9%; }

.col_10_of_11 {
  width: 90.45%; }

.col_1_of_12 {
  width: 3.75%; }

.col_2_of_12 {
  width: 12.5%; }

.col_3_of_12 {
  width: 21.25%; }

.col_4_of_12 {
  width: 30%; }

.col_5_of_12 {
  width: 38.75%; }

.col_6_of_12 {
  width: 47.5%; }

.col_7_of_12 {
  width: 56.25%; }

.col_8_of_12 {
  width: 65%; }

.col_9_of_12 {
  width: 73.75%; }

.col_10_of_12 {
  width: 82.5%; }

.col_11_of_12 {
  width: 91.25%; }

/*  ########    GRID MEDIA QUERIES  ########################################## */
/*  Smartphones */
@media only screen and (max-width: 992px) {
  .col {
    margin: 1% 0 1% 0%; }

  .colfall {
    display: none; }

  .col_1_of_1, .col_1_of_2, .col_1_of_3, .col_2_of_3,
  .col_1_of_4, .col_2_of_4, .col_3_of_4,
  .col_1_of_5, .col_2_of_5, .col_3_of_5, .col_4_of_5,
  .col_1_of_6, .col_2_of_6, .col_3_of_6, .col_4_of_6, .col_5_of_6,
  .col_1_of_7, .col_2_of_7, .col_3_of_7, .col_4_of_7, .col_5_of_7, .col_6_of_7,
  .col_1_of_8, .col_2_of_8, .col_3_of_8, .col_4_of_8, .col_5_of_8, .col_6_of_8, .col_7_of_8,
  .col_1_of_9, .col_2_of_9, .col_3_of_9, .col_4_of_9, .col_5_of_9, .col_6_of_9, .col_7_of_9, .col_8_of_9,
  .col_1_of_10, .col_2_of_10, .col_3_of_10, .col_4_of_10, .col_5_of_10, .col_6_of_10, .col_7_of_10, .col_8_of_10, .col_9_of_10,
  .col_1_of_11, .col_2_of_11, .col_3_of_11, .col_4_of_11, .col_5_of_11, .col_6_of_11, .col_7_of_11, .col_8_of_11, .col_9_of_11, .col_10_of_11,
  .col_1_of_12, .col_2_of_12, .col_3_of_12, .col_4_of_12, .col_5_of_12, .col_6_of_12, .col_7_of_12, .col_8_of_12, .col_9_of_12, .col_10_of_12, .col_11_of_12 {
    width: 100%; } }
/* This file is containing all colors and
 * predefined settings for grid system, menu, formstyles & margins
 */
/* ############################################################################################ */
/*   px1. SCSS variables                                                                        */
/* ############################################################################################ */
/* Define global grid settings =========================================================
=========================================================================================*/
/* width of container class in percent */
/* limited width on large screens */
/* @media breakpoint, which set all columns to 100% (of container width) */
                     /* set the margin-bottom for rows.

 * For margin-bottom:0 simply add class .rowsticky to specific rows
 * For empty columns used for whitespace add class .columnfall - this columns simply don't appear on small devices -
 * Collapse defines breakpoint, where columns all switch to 100% width.
*/
/* Define main font & color settings =========================================================== */
/* Font definition */
/* write combined style: font: font-style font-variant font-weight font-size/line-height font-family; */
/*$iconfont2: '';*/
/* If you need another iconfont, add it here */
/* if you need more font-families or font-syles, use auxiliary fonts */
/* Colors --------------- */
/* body font color */
/* headlines font color */
/* link color */
/* link visited color */
/* link hover color */
/* Color sheme:
 * define your theme's main colors here and write in the comment, for which elements you use them */
/* main color 1, used for .... please comment it's usage */
/* main color 2, used for .... please comment it's usage */
/*$col_main3: ; */
/*   main color 3, used for .... please comment it's usage */
/*$col_main4: ; */
/*  main color 4, used for .... please comment it's usage */
/* add more if you need to */
/* Helper colors */
/* Simply to have them on hand */
/* predifined greyscales for your design - or change it to colored nuances */
/* border-color, used for separator lines and content borders */
/* add more greyscales if you need to */
/* add more greyscales if you need to */
/* add more greyscales if you need to header background */
/* Used for success messages & classes  */
/* If you need a variation of green, e.g. as background for messages */
/* Used for error messages & classes */
/* If you need a variation of red, e.g. as background for messages  */
/* Used for low-in-stock products  */
/* If you need a variation of orange, e.g. as background for low-in-stock products */
/* Used for info messages & classes */
/* If you need a variation of blue, e.g. as background for messages */
/* screen-reader-focus color */
/* screen-reader-focus background */
/* Border definitions */
/* global border radius */
/* default border-style */
/* Margins -------------- */
/* defines the top & bottom margin of content blocks like hentry, comment blocks etc. */
/*defines the bottom margin of content elements and sections like p, form, ul, .entry-meta, .entry-footer etc. */
/*defines the bottom margin of the last child of p, ul etc. */
/* Others --------------- */
/* opacity for text links hover */
/* opacity for buttons hover */
/* alpha value for rgba backgrounds on content containers */
/* alpha value for rgba backgrounds on button elements */
/* Define navigation menu settings ========================================================= */
/* Menu color settings */
/* define menu font settings */
/* font-size for navigation links */
/* Menu font & icon color */
/* Menu font hover */
/* li background */
/* li hover background */
/* li ul li background */
/* border separator for li */
/* menu button background */
/* menu button hover background */
/* the lines inside the menu button */
/* defines hover effect for menu-icons, can be color or i.e. opacity */
/* actually only needed, if .menu-collapser font should be colored */
/* only needed, if navigation bar should have a colored background */
/* Adjust length of li>ul */
/* Adjust <i> line-height or margin-top, depending on projects settings */
/* Define form & field styles =============================================================== */
/* color for inputs & textareas */
/* placeholder color */
/* border for fields */
/* background for inputs $ fields */
/* extra background for radio and checkboxes */
/* box-shadow for inputs & textareas */
/* extra box-shadow for radio and checkboxes */
/* inner color of a checked radio or checkbox */
/* box-shadow for a checked radio or checkbox */
/* Styles for hovers */
/*$bxshad_field_hv: none;*/
/* hover box-shadow for fields */
/* hover box-shadow for radio and checkboxes */
/*$bxshad_check_hv: none; */
/* hover box-shadow for radio and checkboxes */
/* Button styles */
/* Styles for validation */
/* error color for fields and error message */
/* error border for fields */
/* error background for fields */
/* extra background for .w№cf7-validation-errors container */
/* error box-shadow for fields */
/* color for success message */
/* background for success message */
/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/
.sm, .sm ul, .sm li {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: normal;
  direction: ltr; }

ul.sm li {
  position: relative; }

ul.sm a {
  position: relative;
  display: block; }

ul.sm a.disabled {
  cursor: default; }

ul.sm ul {
  position: absolute;
  top: -999999px;
  left: -800px;
  width: 100px; }

ul.sm li {
  float: left; }

ul.sm-rtl {
  direction: rtl; }

ul.sm-rtl li {
  float: right; }

ul.sm ul li, ul.sm-vertical li {
  float: none; }

ul.sm a {
  white-space: nowrap; }

ul.sm ul a, ul.sm-vertical a {
  white-space: normal; }

* html ul.sm-vertical li {
  float: left;
  width: 100%; }

* html ul.sm-vertical ul li {
  float: none;
  width: auto; }

*:first-child + html ul.sm-vertical > li {
  float: left;
  width: 100%; }

ul.sm ul.sm-nowrap > li > a {
  white-space: nowrap; }

ul.sm:after {
  content: "\00a0";
  display: block;
  height: 0;
  font: 0/0 serif;
  clear: both;
  visibility: hidden;
  overflow: hidden; }

* html ul.sm {
  height: 1px; }

*:first-child + html ul.sm {
  min-height: 1px; }

ul.sm li *, ul.sm li *:before, ul.sm li *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

ul.sm {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-simple > li > a { ... } instead of .sm-simple a { ... }
---------------------------------------------------------------*/
/* PIXEL:READY; modifications:
 * First add a menu switch button for smaller screens */
.menuswitch {
  display: none;
  width: 35px;
  height: 26px;
  margin-left: auto;
  margin-right: auto; }
  .menuswitch .icon-bar {
    display: block;
    height: 4px;
    width: 100%;
    margin: 5px 60px 5px 0;
    background-color: #ff0012;
    border-radius: 1px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

/* Menu box
===================*/
.menu-mainmenu-container {
  max-width: 300px; }

.sm-simple,
.sm-simple ul {
  background: rgba(255, 255, 255, 0.4); }

.sm-simple {
  margin-top: 50px; }

/* Menu items
===================*/
.sm-simple a {
  padding: 11px 20px;
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  font-family: 'Lucida Sans Unicode','Lucida Sans','Lucida Grande',Arial,sans-serif;
  text-decoration: none; }

.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active,
.sm-simple a.highlighted {
  background: rgba(255, 0, 18, 0.6);
  color: #fff; }

/* current items - add the class manually to some item or check the "markCurrentItem" script option */
.sm-simple a.current, .sm-simple a.current:hover, .sm-simple a.current:focus, .sm-simple a.current:active {
  background: #ff0012;
  color: #fff; }

.sm-simple a.has-submenu {
  padding-right: 32px; }

.sm-simple ul a.has-submenu,
.sm-simple-vertical a.has-submenu {
  padding-right: 23px; }

/* Sub menu indicators
===================*/
.sm-simple a span.sub-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  line-height: 16px; }

.sm-simple ul a span.sub-arrow,
.sm-simple-vertical a span.sub-arrow {
  right: auto;
  margin-left: -14px; }

/* Items separators
===================*/
.sm-simple li {
  border-left: 1px solid #f3f3f3; }

.sm-simple li:first-child {
  border-left: 0; }

.sm-simple ul li,
.sm-simple-vertical li {
  border-left: 0;
  border-top: 1px solid #f3f3f3; }

.sm-simple ul li:first-child,
.sm-simple-vertical li:first-child {
  border-top: 0; }

/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/
.sm-simple span.scroll-up, .sm-simple span.scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  overflow: hidden;
  border: solid #bbb;
  border-width: 1px 0;
  background: #fff;
  height: 20px;
  /* width and position will be automatically set by the script */ }

.sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  /* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 8px;
  /* tweak size of the arrow */
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #555 transparent; }

.sm-simple span.scroll-down-arrow {
  top: 6px;
  border-style: solid dashed dashed dashed;
  border-color: #555 transparent transparent transparent; }

/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/
/* Activate Smartphone behavior on all screens - PIXEL:READY; Mod
@media screen and (max-width: 640px) {                              */
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
ul.sm-simple {
  width: auto !important; }

ul.sm-simple ul {
  display: none;
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  background: none; }

ul.sm-simple > li {
  float: none; }

ul.sm-simple > li > a, ul.sm-simple ul.sm-nowrap > li > a {
  white-space: normal; }

ul.sm-simple iframe {
  display: none; }

/* Uncomment this rule to disable completely the sub menus for small screen devices */
/*.sm-simple ul, .sm-simple span.sub-arrow, .sm-simple iframe {
    display:none !important;
}*/
/* Menu box
===================*/
.sm-simple ul {
  border: 0;
  /* darken the background of the sub menus
  background:rgba(100,100,100,0.1);
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;            */ }

/* Menu items
===================*/
.sm-simple a {
  padding-top: 13px;
  padding-bottom: 13px;
  /*	background:transparent !important;
      color:#555 !important;                      Keep PIXEL:READY; theme color  */ }

.sm-simple a.current {
  /*	background:#555 !important;
       color:#fff !important;                     Keep PIXEL:READY; theme color  */ }

.sm-simple a.has-submenu {
  padding-right: 23px; }

/* add some text indentation for the 2+ level sub menu items */
.sm-simple ul a {
  border-left: 8px solid transparent; }

.sm-simple ul ul a {
  border-left: 16px solid transparent; }

.sm-simple ul ul ul a {
  border-left: 24px solid transparent; }

.sm-simple ul ul ul ul a {
  border-left: 32px solid transparent; }

.sm-simple ul ul ul ul ul a {
  border-left: 40px solid transparent; }

/* Sub menu indicators
===================*/
.sm-simple a span.sub-arrow {
  right: auto;
  margin-left: -14px; }

/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
.sm-simple a.highlighted span.sub-arrow {
  display: none !important; }

/* Items separators
===================*/
.sm-simple li {
  border-left: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important; }

.sm-simple li:first-child {
  border-top: 0 !important; }

@media screen and (max-width: 992px) {
  .menuswitch {
    display: block; }

  .sm-simple {
    margin-top: 10px; } }
@media (max-width: 992px) {
  .menu-mainmenu-container {
    max-width: 100%; }

  .mainnavi {
    display: none; } }
/*
}    END PIXEL:READY; Smartphone behavior Mod */
/* PIXEL:READY; form styles ########################################################### */
/* -webkit appearance is disabled to have fully control over the form styling           */
/* PX default is adapted to Contact Form 7 forms!
/* #################################################################################### */
/*
 * All variables you find in _variables.scss
 */
/* Only for dev checks, delete in final version (use project styles instead */
body {
  /*background: #fff3ca;*/ }

/* Begin styling ###################################################################### */
.wpcf7-form {
  /* Add additional styles to wrapper if needed */
  margin-top: 40px; }

form p {
  margin: 20px 0 0; }

.labeltextarea {
  /* No class for wpcf7 textareas - set one, if you need to style textarea labels */
  /* vertical-align: top;*/ }

input, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  font: inherit;
  margin: 5px 0;
  padding: 10px;
  color: #000;
  line-height: 1em;
  border: none;
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  height: 30px;
  box-sizing: border-box;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

/* Set special arrows for selects */
select {
  background-image: url(../images/dropdown.png);
  background-position: right;
  background-repeat: no-repeat; }

select::-ms-expand {
  /* hide browser-styling (arrow) in IE10 */
  display: none; }

.lt-ie10 select {
  background-image: none; }

/* End arrow styling */
textarea {
  height: auto !important;
  resize: none; }

input[type='text'],
input[type='email'],
input[type='number'],
select {
  height: 42px; }

input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  height: auto;
  margin: 0;
  padding: 0; }

input[type='checkbox'] + .wpcf7-list-item-label,
input[type='radio'] + .wpcf7-list-item-label {
  cursor: pointer; }

input[type='checkbox']:checked + .wpcf7-list-item-label::before,
input[type='checkbox']:not(:checked) + .wpcf7-list-item-label::before,
input[type='radio']:checked + .wpcf7-list-item-label::before,
input[type='radio']:not(:checked) + .wpcf7-list-item-label::before {
  content: ' ';
  display: inline-block;
  position: relative;
  border: 0;
  background: #fff;
  -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

span.wpcf7-list-item {
  display: block;
  margin-left: 0; }

input[type='checkbox']:checked + .wpcf7-list-item-label::before,
input[type='checkbox']:not(:checked) + .wpcf7-list-item-label::before {
  width: 17px;
  height: 17px;
  top: 2px;
  margin-right: 10px;
  margin-left: -33px; }

input[type="radio"] {
  width: 13px;
  vertical-align: middle; }

input[type='radio']:checked + .wpcf7-list-item-label::before,
input[type='radio']:not(:checked) + .wpcf7-list-item-label::before {
  width: 17px;
  height: 17px;
  top: 2px;
  border-radius: 50%;
  margin-right: 10px;
  margin-left: -16px; }

/* Field hovers */
input:hover, input:focus, select:hover, select:focus,
textarea:hover, textarea:focus {
  border: none;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

input[type='checkbox']:hover + .wpcf7-list-item-label::before,
input[type='radio']:hover + .wpcf7-list-item-label::before {
  border: none;
  background-color: #fff;
  -webkit-box-shadow: inset 0px 0px 5px 0px rgba(107, 107, 107, 0.5);
  -moz-box-shadow: inset 0px 0px 5px 0px rgba(107, 107, 107, 0.5);
  box-shadow: inset 0px 0px 5px 0px rgba(107, 107, 107, 0.5); }

/* Fill of checked radios & checkboxes */
input[type='checkbox']:checked + .wpcf7-list-item-label::before,
input[type='radio']:checked + .wpcf7-list-item-label::before {
  background: #ff0012;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  -moz-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff; }

/* Placeholder colors */
input::-webkit-input-placeholder {
  color: #909090 !important; }

input:-moz-placeholder {
  color: #909090 !important;
  opacity: 1 !important; }

input::-moz-placeholder {
  color: #909090 !important;
  opacity: 1 !important; }

input:-ms-input-placeholder {
  color: #909090 !important; }

select::-webkit-input-placeholder {
  color: #909090 !important; }

select:-moz-placeholder {
  color: #909090 !important;
  opacity: 1 !important; }

select::-moz-placeholder {
  color: #909090 !important;
  opacity: 1 !important; }

select:-ms-input-placeholder {
  color: #909090 !important; }

textarea::-webkit-input-placeholder {
  color: #909090 !important; }

textarea:-moz-placeholder {
  color: #909090 !important;
  opacity: 1 !important; }

textarea::-moz-placeholder {
  color: #909090 !important;
  opacity: 1 !important; }

textarea:-ms-input-placeholder {
  color: #909090 !important; }

/* Styling for zip / city fields, set classes in Contact Form 7 form to match this settings */
.zipwrapper {
  display: inline-block;
  width: 100%;
  max-width: 400px; }

input.zip {
  width: 18%;
  margin-right: 1%;
  float: left; }

input.city {
  width: 81%; }

/* Styling for gender containers */
/*.gender {
  line-height: 40px;
}

.radiobtnwrapper {
  display: inline-block;
}*/
.wpcf7-radio .wpcf7-list-item-label:first-child {
  vertical-align: middle;
  line-height: 1em; }

.wpcf7-radio .wpcf7-list-item-label {
  display: inline-block; }

/* Styling for checkbox containers */
.wpcf7-checkbox {
  display: inline-block;
  margin-bottom: 30px; }

.wpcf7-checkbox input {
  width: auto; }

.wpcf7-checkbox label {
  display: block;
  width: auto;
  padding-left: 30px; }

/* Button styles */
button, button[type="submit"], input[type="submit"], .button {
  display: inline-block;
  width: auto;
  height: auto;
  margin: 15px 0 40px;
  padding: 12px 25px;
  border: 1px solid #ff0012;
  background-color: #ff0012;
  border-radius: 0;
  font: inherit;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }
  button:hover, button:focus, button[type="submit"]:hover, button[type="submit"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .button:hover, .button:focus {
    color: #fff;
    background: #b80915;
    border: 1px solid #b80915; }

/* Form messages */
div.wpcf7-response-output {
  margin: 2em 0 1em; }

span.wpcf7-not-valid-tip {
  border: none;
  background-color: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

div.wpcf7-validation-errors {
  border: #ff0012;
  background: rgba(255, 0, 18, 0.1);
  color: #ff0012;
  padding: 10px 15px;
  margin: 15px 0;
  line-height: 1.5em;
  font-weight: normal; }

div.wpcf7-mail-sent-ok {
  border: #77A464;
  background: rgba(119, 164, 100, 0.15);
  color: #77A464;
  padding: 10px 15px;
  margin: 15px 0;
  line-height: 1.5em;
  font-weight: normal; }

/* WP Comment form validation */
div.error {
  padding: 5px 0;
  color: #ff0012; }

input.error, textarea.error {
  color: #ff0012; }

/*# sourceMappingURL=stylefooter.css.map */