/* cmsms stylesheet: hailcontrol_skeleton modified: 15.03.2019 13:55:52 */
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


f


#cookie_consent {
    background-color: rgba(9, 9, 9, 0.4);;
    color: ;
    text-align: center;
    padding: 20px 0;
    box-shadow: 0px -2px 10px [#000000];
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100000;
}
.cookie-text {
    margin-bottom: 30px;
    
}
#cookie_consent .cookie-text a {
    color: ;
    text-decoration: underline;
}
#cookie_consent .button {
    background-color: white;
    color:#f08600;
    margin-left: 2%;
    text-decoration:none;
    margin-bottom: 15px;
}
#cookie_consent .button:hover {
  
    background-color:#f08600;
    color:white;
    
}


input#cntnt01fbrp_submit {
    border-color: black;
    color: black;
}
input#cntnt01fbrp_submit:hover {
    background-color: black;
    color:white;
    
}
.mobile-lang {
       display:none;
   }
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
/*team*/

#cookie_consent {
    background-color: #E6E6E6;
    color: ;
    text-align: center;
    padding: 35px 0;
    box-shadow: 0px -2px 10px [#000000];
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100000;
}
.cookie-text {
    margin-bottom: 30px;
    
}
#cookie_consent .cookie-text a {
    color: ;
    text-decoration: underline;
}
#cookie_consent .cookie-text a:hover {
    color: #f08600;
    text-decoration: underline;
}
#cookie_consent .button {
    background-color: ;
    color:;
    margin-left: 2%;
    text-decoration:none;
}
#cookie_consent .button:hover {
  
     background-color:#f08600;
    color:white;
    
}



.upperhead {
    background: linear-gradient(to right, rgba(230,97,8,1) 0%, rgba(245,159,0,1) 100%);
}

#website-language {
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    cursor: pointer;
    margin-left: 10px;
    z-index: 1000000;
    top:5px;
}
#website-language1 {
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    cursor: pointer;
    margin-left: 10px;
    z-index: 1000000;
    top:5px;
    display:none;
}
.choose-lang a:hover {
    color: #d60613;
    
    
}
.active-lang {
    position: relative;
    color:white;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 5px;
    
}
#website-language:hover {
    
}
.pos-language {
    position: absolute;
    bottom: 0px;
    right: 0;
}
#website-language select {
    border: none;
    -webkit-appearance: none;
    
}
.lang::before {
    content: url("//www.hail-control.com/uploads/images/icons/internet.svg");
    height: 25px;
    width: 25px;
    margin-right: 0px;
    display: inline-block;
    margin-top: 3px;
    float:left;
}
.current-lang {
    display: flex;
    align-items: center;
}
.choose-lang {
    margin-top: 7px;
    width: 40px;
    position: absolute;
    
    right: 0px;
    
    cursor: pointer;
    z-index: 1000;
}
.language-switch {
   /* position: absolute;
    right: -28px;
    top: 10px;*/
    overflow: hidden;
    width: auto;
    z-index: 20;
    
}
.lang-dropdown {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 1;
}

#lang-switch-drop a {
    color:white;
}









#team {
    padding: 80px 0;
    border-top: 3px solid rgba(255,255,255,.40);
}
#team img {
    max-width: 100%;
    width: 100%;
}
#team .teammember {
    margin-bottom: 0;
    text-align: center;
    width: 100%
}
#team-overview {
    display: flex;
    flex-flow: row wrap;
}
.memeberpic.twelve,
.member-description.twelve {
    
    float: left;
    width: 100%;
    height: auto;
   
}

#team-overview .img {
    width: 100%;
}
.member {
    margin-bottom: 65px;
}
.memeber-name {
    color: ;
    font-size: 20px;
    margin: 15px 0;
    border-bottom: 1px solid;
}
.member-function {
    color: black;
    font-size: 18px;
    font-weight: 500;
}
.teammember a {
    color: rgba(0,0,0,.5);
}
.teammember a:hover {
    color: ;
}
.member-number,
.member-email {
    margin: 0;
}
.team-button {
    margin-top: 45px;
    text-align: center;
}
.file_list li {
    list-style: none;
}
.file_list strong {
    text-transform: uppercase;
    font-weight: 300;
    color: rgba(0,0,0,.8);
}
.fileName {
    font-size: 20px;
    font-weight: 300;
}
.fileName a {
    color: rgba(0,0,0,.5);
    text-decoration: none;
}
.fileName a:hover {
    color: ;
}

.file_list .two {
    text-align: right;
}
.fileDate {
    font-size: 16px;
    color: #e30613;
    font-weight: 300;
}
.file_list li:first-child {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e30613;
}
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#footer-container .back-top a {
    display: inline-block;
    width: auto;
    padding: 8px;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    text-decoration: none;
    background: #f08600;
    color: #4b4a4d;
    border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -moz-border-radius: 10px 0 10px 0;
    -o-border-radius: 10px 0 10px 0;
    position: absolute;
    top: -14px;
    left: 48%;
    z-index: 990;
   
}
h3.NewsSummaryLink.twelve.columns {
        color: white;
        font-size:20px;
}

#footer-container .NewsSummary.four.columns {
    width: 100%;
    min-height: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.four.columns.to-top {
    width: 30%;
}
.container,
.container-inner {
  position: relative;
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
.container-inner {
    width: 100%;
}
/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; 
    margin: 0 auto;
  }

    .container-inner {
        width: 75%;
        padding:0;
    }
    
}
input#ma785dsearchinput {
    width: 230px;
}
#footer-container .search-button:hover {
    background-color: #3c3939;
}
#footer-container .search-button {
    color: #ffffff;
    background-image: url("//www.hail-control.com/uploads/icons/arrow.png");
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
   
}
.search-input {
background-color: #3c3939;
}
#footer-container .suche input {
    border-color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    height: 54px;
margin-bottom: 5px;
    
}
.to-top {
    text-align: right;
}
#footer-container .six.columns {
    width: 60%;
}
#footer-container .back-top {
    background-color: white;
    border-color: white;
    margin-top: -35px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    width: 60px;
    color: #f08600;
    position: relative;
    top:-16px;
  
}

/* For devices larger than 550px */
/*
@media (min-width: 550px) {
  .container {
    width: 80%; }
.container-inner {
    width: 75%; }
  .column,
  .columns {
    margin-left: 0%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 6.5%;} /*4.66666666667%*/
  /*.two.columns                    { width: 15%; }/*13.3333333333%*/
/*#pictos .three.columns            { width: 23.5%; }/*22%*/
/*#footer-container .three.columns                  { width: 24.5%; }/*22%*/
 /* .three.columns                  { width: 19.5%; }/*22%*/
/*#team-overview .three.columns                  { width: 39.5%; }/*22%*/
  /*.four.columns                   { width: 31%; }/*30.6666666667%*/
  /*.four.columns.baumeister-item   { width: 31.3%; }
  .five.columns                   { width: 40.5%; }/*39.3333333333%*/
  /*.six.columns                    { width: 49%; }/*48%*/
  /*.wohntraum-item.six             { width: 48%; }
  .seven.columns                  { width: 57.5%; }/*56.6666666667%*/
  /*.eight.columns                  { width: 66%; }/*65.3333333333%*/
  /*.nine.columns                   { width: 74.5%;          }/*74.0%*/
  /*.ten.columns                    { width: 83%; }/*82.6666666667%*/
  /*.eleven.columns                 { width: 91.5%; }/*91.3333333333%*/
  /*.twelve.columns                 { width: 100%; margin-left: 0; }
#contentslider .twelve.columns    { width: 100%; }
  .one-third.column               { width: 32%; }/*30.6666666667%*/
  /*.two-thirds.column              { width: 66%; }/*65.3333333333%*/

  /*.one-half.column                { width: 49%; }/*48%*/

  /* Offsets */
  /*.offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.5%; }/* 8.66666666667%*/
  /*.offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }
  .new-offset.columns             { margin-left: 10.5%; }

}*/

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 80%; }
.container-inner {
    width: 75%; }
  .column,
  .columns {
    margin-left: 2%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 6.5%;} /*4.66666666667%*/
  .two.columns                    { width: 15%; }/*13.3333333333%*/
  .three.columns                  { width: 23.5%; }/*22%*/
  .four.columns                   { width: 32%; }/*30.6666666667%*/
  .four.columns.baumeister-item   { width: 31.3%; }
  .five.columns                   { width: 40.5%; }/*39.3333333333%*/
  .six.columns                    { width: 49%; }/*48%*/
  .wohntraum-item.six             { width: 48%; }
  .seven.columns                  { width: 57.5%; }/*56.6666666667%*/
  .eight.columns                  { width: 66%; }/*65.3333333333%*/
  .nine.columns                   { width: 74.5%;          }/*74.0%*/
  .ten.columns                    { width: 83%; }/*82.6666666667%*/
  .eleven.columns                 { width: 91.5%; }/*91.3333333333%*/
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 32%; }/*30.6666666667%*/
  .two-thirds.column              { width: 66%; }/*65.3333333333%*/

  .one-half.column                { width: 49%; }/*48%*/

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.5%; }/* 8.66666666667%*/
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }
  .new-offset.columns             { margin-left: 10.5%; }

}




@media (min-width: 1200px) {
#team-overview .three.columns                  { width: 30.5%; }/*22%*/ 
    
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
    font-family: 'Open Sans', sans-serif;
    color: rgba(0,0,0,.5);
    font-size: 16px;
    line-height: 2;
    
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
}
h1 { font-size: 45px; line-height: 1.2; }
h2 { font-size: 28px; line-height: 1.25; }
h3 { font-size: 30px; line-height: 1.3; }
h4 { font-size: 25px; line-height: 1.35; }
h5 { font-size: 20px; line-height: 1.5; }
h6 { font-size: 18px; line-height: 1.6; }

h1, h2, h3, h4 {
    color: rgba(0,0,0,.8);
}

h5, h6 {
    color: rgba(0,0,0,.5);
}

.content-title {
    font-size: 45px;
    margin-bottom: 25px;
}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 45px; }
  h2 { font-size: 35px; }
  h3 { font-size: 30px; }
  h4 { font-size: 25px; }
  h5 { font-size: 20px; }
  h6 { font-size: 18px; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
    color: rgba(0,0,0,.8);
    text-decoration: none;
    transition: color .5s ease;
}
a:hover {
  text-decoration: underline;
  color:#f08600;
}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.btn_kalender {
    width: 60%;
    font-size: 18px;
    background-color: #f08600;
    color: #ffffff;
    font-family: 'Rubik', sans-serif;
    text-transform: none;
    font-weight: 300;
    border-color: #f08600;
    text-decoration: none!important;
}
.btn_kalender:hover {
    width: 60%;
    font-size: 18px;
    background-color: #f08600;
    color: white!important;
    font-family: 'Rubik', sans-serif;
    text-transform: none;
    font-weight: 300;
    border: 1px solid white!important;
    text-decoration: none!important;
}
.button a {
    color: rgba(0,0,0,.5);
    text-decoration: none;
}
.button:hover a {
    /* color: #ffffff0; */
    
    
}




.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  padding: 15px 30px;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 0;
  border: 2px solid;
  cursor: pointer;
  box-sizing: border-box;
  text-decoration: none;
  color: white;
  transition: all .5s ease;
  background: transparent;
  text-transform: uppercase;
  border-color: #f08600;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
.pos-auswahl input[type="button"]:hover,
.pos-auswahl input[type="button"]:focus{
  color: #ffffff;
  background-color: #f08600;
  border-color: #f08600;
  outline: 0; 
  text-decoration: none;
  
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 54px;
  padding: 15px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  
  border: 2px solid rgba(0,0,0,.8);
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  margin:0;
  font-weight: 300;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 2px solid #f08600;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem;margin-right:10px; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.container-inner:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/*navigation*/
/*navigation*/
.toggle-link {
    display: none;
}
#menu-container {
    font-size: 18px;
}
.navigation {
  background-color: ;
}

.primary {
    position: relative;
    width: 100%;
    text-transform: none;
}
#main-menu {
    text-align: right;
    font-family: 'Oswald', sans-serif;
}
#main-menu ul {
    border-top: 2px solid #f08600;
}
#main-menu > li {
    text-transform: uppercase;
}
nav.primary ul,
nav.primary ul li {
    margin: 0;
}
nav.primary ul li {
    display: inline-block;
    align-items: center;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 100;
    padding: 1%;
    background-color: ; 
    margin-right: 15px;
}

nav.primary ul li a {
    display: inline-block;
    color: rgba(255,255,255,.85);
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    transition: all .5s ease;
}

nav.primary ul li:hover a {
    cursor: pointer;
}
#main-menu > li:after {
    content: '';
    height: 2px;
    width: 0px;
    background: rgba(255,255,255,.85);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: width .5s ease;
    top:50px;
}
#main-menu > li.current:after, 
#main-menu > li:hover:after {
    width: 50px;
}
/*submenu*/
nav.primary ul ul {
    position: absolute;
    z-index: 999;
    min-width: 250px;
    background-color: #ffffff;
    /*overflow: hidden;*/
    top: 100%;
    left: 0;
    /*padding: 30px 1000em 20px;
    margin: 0 -1000em ;*/
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.4s ease-out;
    border: 1px solid;
    border-color: transparent rgba(255,255,255,.40) rgba(255,255,255,.40);
}

nav.primary ul ul li {
    float: none;
    text-decoration: none;
    border: none;
    min-width: 250px;
    border-bottom: 1px solid rgba(255,255,255,.40);
}
nav.primary ul ul li a {
    display: block;
    line-height: 1.2;
    text-transform: none;
    padding: 10px 20px;
    color: rgba(0,0,0,.5);
    font-size: 16px;
    border: none;
}

nav.primary ul ul li:last-child {
    border: none;
}

@media (min-width: 1080px) {
nav.primary ul li:hover ul {
    height: auto;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    
}
nav.primary ul li:hover {
    background-color: ;
}
}
li.separator.divider {
    border-bottom: 2px solid rgba(0,0,0,.5);
    width: 100%;
    margin: 5px 0 5px 10px;
}


#header-search {
    
    position: relative;
    
    top: 100%;
    
    z-index: 1;
    left: 50%;
    width: 50%;
    height: 10%;
    overflow: hidden;
}

#header-search form {
    height: 70%;
    transform: translate3d(100%, 0, 0);
    transition: all 500ms ease-out;
    width: 50%;
}
#header-search.openSearch form {
    transform: translate3d(0, 0, 0);
}
#header-search .search-input {
    width: 100%;
    height: 50%;
    font-size: 20px;
    padding: 25px;
    border: none;
    background-color: #e6e6e6;
    right: -15px;
    top: 17px;
    position: relative;
}

.search.one {
   position: absolute;
    right: 60px;
    top:5px;
}

.search.one:hover {
   
    cursor: pointer;
   
}
.search-icon:before {
    background-image: url("//www.hail-control.com/uploads/icons/search.svg");
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    position: relative;
    z-index: 102;
    transition: all .5s ease-out;
}





.mobile.one {
   position: absolute;
    right: 60px;
    top:5px;
}

.mobile.one:hover {
   
    cursor: pointer;
   
}
#mobilebox {
    margin-right: 25px;
    color: white!important;
    float: left;
}
#mobilebox a{
    
    color: white!important;
    float:right;
}

#mobileboxpost {
    margin-right: 40px;
    color:white;
    float:left;
}
#mobileboxpost p{
    float:right;
}
.mobile-icon:before {
    background-image: url("//www.hail-control.com/uploads/icons/mobile.png");
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    position: relative;
    z-index: 102;
    transition: all .5s ease-out;
    margin-right: 3px;
}
.mobilepost-icon:before {
    background-image: url("//www.hail-control.com/uploads/icons/mobile-post.png");
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    position: relative;
    z-index: 102;
    transition: all .5s ease-out;
    margin-right: 3px;
}
/*.search-bar .search-input{
  width: 0px;
  position: absolute;
  z-index: -1;
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  transition: all 0.5s ease;
  color: transparent;
  margin: 0;
  top: -5px;
}
.search-bar {
    position: absolute;
    top: 0;
}
.openSearch .search-input {
  width: 550px;
  border: 1px solid ;
  border-radius: 0px;
  margin-left: -570px;
  z-index: 100;
  color: rgba(0,0,0,.5);
  background-color: white;
  box-shadow: none;
  height: 38px;
  padding: 5px 10px;
}

.searchOpen {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}
*/

/*header*/
div#menu-container {
    bottom: 50px;
    position: relative;
}
#header-search {
    position: absolute;
    height: 100%;
    
    transform: translate3d(0, -110%, 0);
    transition: all 500ms ease-out;
}
#header-search.openSearch {
    transform: translate3d(0, 0, 0);
}
#header-search form {
    height: 50%;
}
#header-search .search-input {
    width: 100%;
    height: 50%;
    font-size: 40px;
    padding: 25px;
    border: none;
}
.logo,
#menu-container {
    transition: all .5s ease-out;
}
.searchActive .logo, .searchActive #menu-container {
    opacity: 0;
}
#header-container,
.header-nav,
#header-container .container {
    display: flex;
    flex-flow: row wrap;
}

.header-nav > .twelve:last-child {
    align-self: flex-end;
    display: flex;
    align-items: center;
    z-index: 300;
}
#header-container {
    position: absolute;
    z-index: 100;
    left: 0%;
    right: 0;
    background-color:  rgba(48,56,56,0.7);
    height: 175px;
    width: 100%;
   
}
#header-container.no-slider {
    position: relative;
    background: #ffffff;
}
#header-container .container {
    margin: 8px auto;
}
#main-menu .logo {
    width: 20%;
    background-color: ;
}
#main-menu .logo::after {
    border-color: transparent ;
}
.logo a {
    background:  url("//www.hail-control.com/uploads/images/logo-hailcontrol.png") no-repeat center;
    width:250px;
    height: 150px;
    text-decoration:none;
    line-height: 0;
    display: block;
    position: relative;
    background-size: contain
    
}

/*slideshow*/
#slideshow {
    margin: 0 auto;
    position: relative;
}
#slideshow .slides li {
    background-repeat: no-repeat;
    background-size: cover;
    height: 95vh;
}
#slideshow::after {
    background: url("//www.hail-control.com/uploads/icons/rippedpaper-top.svg");
    background-position: center;
    background-size: cover;
    content: '';
    position: absolute;
    height: 65px;
    width: 100%;
    left: 0;
    bottom: -5px;
    right: 0;
    margin: 0 auto;
    z-index: 10;
    display: none;
}
#slideshow .slideshow-icon {
    text-align: center;
    
}
#slideshow .slideshow-icon img {
    display: inline-block;
    width: 10%;
    margin-top: 75px
}
.flex-direction-nav a.flex-next {
    background-image: url("//www.hail-control.com/uploads/icons/next.png");
    background-repeat: no-repeat;
    color: transparent;
    box-shadow: none;
    text-shadow: none;
    width: 65px;
    height: 45px;
    
    right: 10px;
    opacity: 1;
    
}
#contentslider a.flex-prev {
 display:none;   
}
#contentslider a.flex-next {
 display:none;   
}
.flex-direction-nav a.flex-prev {
    background-image: url("//www.hail-control.com/uploads/icons/prev.png");
    background-repeat: no-repeat;
    color: transparent;
    box-shadow: none;
    text-shadow: none;
    width: 65px;
    height: 45px;
    
    left: 10px;
    opacity: 1;
    
}
#slideshow .flex-control-nav {
    display: none;
}
.item a {
   /* color: #ffffff; */
}
.caption-container {
    position: absolute;
    top: 0;
    bottom: 0;
   background: rgba(0,0,0,.40);
	display:-webkit-flex;
	display:-ms-flexbox;
    display: flex; 
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    color: white;
}
.slideshow-caption.twelve {
    align-self: center;
    width: 80%;
    margin: 0 auto;
    display: inline-block;
}
.slider-title {
    color: white;
    margin-bottom: 0px;
    font-size: 5vw;
}
.slider-text {
    line-height: 2;
    font-size: 1.5vw;
    margin-bottom: 40px;
    font-family: 'open sans', serif;
    
    color: white;
}
.slider-text p {
   width:50%;
   margin-left: auto;
   margin-right: auto
}

/*contentblocks*/
.overline {
    color: rgba(0,0,0,.50);
    
    font-family: 'oswald', serif;
    text-align: center;
    font-size: 30px;
    margin-bottom: 10px;
}
.site-title,
.content-title {
    text-align: center;
    margin-bottom: 45px;
    font-size: 45px;
    position: relative;
    padding-bottom: 30px;
    color: #f08600;
}
.regio-title {
    text-align: center;
    margin-bottom: 45px;
    font-size: 45px;
    position: relative;
    padding-bottom: 30px;
    color: #92c01a;
    padding-top:60px;
}
.regio-title::after {
    content: '';
    height: 2px;
    width: 250px;
    background-color: #92c01a;
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    margin: 0 auto; 
}
#news .twelve.columns .site-title::after {
    content: '';
    height: 2px;
    width: 250px;
   background: linear-gradient(to right, rgba(230,97,8,1) 0%, rgba(245,159,0,1) 100%);
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    margin: 0 auto; 
}
#news a {
        color: rgba(0,0,0,.80);
}
#news p {
        color: rgba(0,0,0,.50);
}
#news .twelve.columns h2 {
    color: orange; 
}
#news .twelve.columns .overline {
    
}
#contentblocks .site-title::after {
    content: '';
    height: 2px;
    width: 250px;
   background: linear-gradient(to right, rgba(230,97,8,1) 0%, rgba(245,159,0,1) 100%);
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.block-img {
    text-align: center;
}
.site-title::after {
    content: '';
    height: 2px;
    width: 250px;
    background-color: #f08600;
    position: absolute;
    bottom: 0px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.site-text {
    margin-bottom: 45px;
}

.block-content a {
    text-decoration: none;
}
.small-title a {
    color: black;
    font-size: 20px;
}
.block-button {
    margin-top: 25px;
}
.block-img img {
    height: auto;
    width:100%;
}
.block-number {
    font-size: 80px;
    font-style: italic;
    font-family: 'Merriweather', serif;
    color: #f08600;
    font-weight: normal;
    margin-right: 2%;
}
.slide-button.twelve.columns .button:hover {
  background-color: #ffffff;  
}
.NewsSummaryMorelink.twelve.columns .button:hover {
  background-color: #ffffff;  
}
#contentblocks .block-content.twelve.columns.u-pull-right0 .button:hover {
  background-color: #ffffff;  
}
#contentblocks .block-content.twelve.columns.u-pull-right1 .button:hover {
  background-color: #ffffff;  
}
#contentblocks .block-content.twelve.columns.u-pull-right2 .button:hover {
  background-color: #ffffff;  
}
#contentblocks .block-content.twelve.columns.u-pull-right0 .block-button .button::after {
   

}
#contentblocks .block-content.twelve.columns.u-pull-right1 .block-button .button::after {
    ;

}
#contentblocks .block-content.twelve.columns.u-pull-right2 .block-button .button::after {
    ;

}
#contentblocks .block-content.twelve.columns.u-pull-right0 .block-number,
#contentblocks .block-content.twelve.columns.u-pull-right0 .button {
    color: #f08600;
    
}

#contentblocks .block-content.twelve.columns.u-pull-right1 .block-number,
#contentblocks .block-content.twelve.columns.u-pull-right1 .button{
    color: #f08600;
}

#pictos h3 {
    color: black;
}
#pictos a {
    color: black;
}
#pictos p {
    color: rgba(0,0,0,.50);
}
#pictos ..three.columns {
    width: 23.5%;
}
#news-container .block-button .button,
#news-container .NewsSummaryMorelink .button{
    border: none;
    padding: 0;
    color: #f08600;
}
#news-content .button {
    color:orange;
    border-color: orange;
}
#news-content .button:hover {
    color:white;
    background-color: orange;
    border-color: orange;
}
.block-button .button,
.NewsSummaryMorelink .button{
    border: none;
    padding: 0;
    color: #f08600;
}
.block-button .button::after,
.NewsSummaryMorelink .button::after{
    background-image: url("//www.hail-control.com/uploads/icons/button-arrow-orange.jpg");
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 15px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: baseline;
    margin-left: 5px;
}
.pagination a {
    text-decoration: none;
    text-align: center;
}
.next,
.prev {
    float: right;
    text-align: center;
    font-size: 45px;
    margin-bottom: 0;
    font-family: 'Oswald',sans-serif;
}
.prev {
    float: left;
    text-align: left;
}
/*Newsdetail*/
#news-sidebar .NewsSummary {
    margin-bottom: 25px;
}
#news-sidebar .NewsSummaryLink {
    margin-top: 0;
}
#news-sidebar .cat-date {
    font-size: 16px;
    margin-bottom: 0;
}
#news-sidebar .NewsSummaryMorelink a {
    color: #f08600;
}
#news-sidebar h3 {
    padding-bottom: 10px;
    border-bottom: 2px solid #f08600;
    margin-bottom: 45px;
}
#news-content .NewsSummarySummary {
    margin: 25px 0;
    font-weight: bold;
}
.backlink {
    text-align: right;
    margin-top: 25px;
}
#news-content .NewsSummaryLink {
    margin-top: 0;
}
.NewsSummary.four.columns {
    width: 32%;
    margin-bottom: 35px;
    min-height: 530px;
}
/*content*/
#main {
    margin: 100px 0;
}
.sections {
    margin-top: 100px;
}
/*trenner*/
#trenner {
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    position: relative;
    width: 100%;
    margin-bottom: 65px;
}
#trenner .site-title, #trenner .overline {
    color: white;
}
#trenner img {
   margin-left: 120px;
   width: 50%;
    
}
#trenner * {
    text-align: left;
}
#trenner .six:first-child {
    text-align: center;
}

#trenner .site-title::after {
    right: auto;
    background-color: orange;
}
#trenner .container {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
#trenner .overlay {
    padding: 145px 0;
     border-bottom: 6px solid transparent;
     border-top: 6px solid transparent;
     border-right: 0px solid transparent;
     border-left:0px solid transparent;
  border-image:  linear-gradient(to right, rgba(230,97,8,1) 0%, rgba(245,159,0,1) 100%);
  border-image-slice: 1;
  
    
}
#trenner p {
    color:white;
    
}

#trenner::before {
    background: url("//www.hail-control.com/uploads/icons/rippedpaper-bottom.svg");
    background-position: center;
    background-size: cover;
    content: '';
    position: absolute;
    height: 65px;
    width: 100%;
    left: 0;
    top: -5px;
    right: 0;
    margin: 0 auto;
    z-index: 10;
    display: none;
}
#trenner::after {
    background: url("//www.hail-control.com/uploads/icons/rippedpaper-top.svg");
    background-position: center;
    background-size: cover;
    content: '';
    position: absolute;
    height: 65px;
    width: 100%;
    left: 0;
    bottom: -5px;
    right: 0;
    margin: 0 auto;
    z-index: 10;
    display: none;
}

/*pictos*/ 
#pictos {
    text-align: center;
    margin-top: 40px;
}
#pictos img {
    max-height: 160px;
    margin-bottom: 25px;
}
.pictos {
    display: flex;
    flex-flow: row wrap;
}
/*content slider*/
#contentslider .six {
    width: 50%;
    margin: 0;
}
#contentslider * {
    /*color: #ffffff; */
}

#contentslider .item {
    display: flex;
    flex-flow: row wrap;
}
#contentslider .button,
#contentslider .slide-button .button::after {
    color: white;
}
#contentslider .button:hover {
    background-color: transparent;
}
.slider-caption {
    background: #ffffff;
    position: relative;
    display: flex;
    align-items: center;
}
.slide-title{
    color: white;
}
.slide-caption {
    position: relative;
    z-index: 12;
    width: 90%;
    height: 80%;
}
.slider-caption::after {
    background: url("//www.hail-control.com/uploads/icons/content-slider.png");
    background-position: center;
    background-size: cover;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top:0;
    bottom: -5px;
    left: -3%;
    margin: 0 auto;
    z-index: 10;
    
}
.slide-icon {
    position: absolute;
    opacity: 0.2;
    right: 0;
    bottom: 0;
    z-index: 11;
    display: none;
}
.slide-button {
    position: absolute;
    bottom: 0;
}
.slide-button .button {
    padding: 0;
    border: none;
}
.slide-button .button::after {
    background-image: url("//www.hail-control.com/uploads/icons/button-arrow-white-content.jpg");
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 15px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: baseline;
    margin-left: 5px;
}
#contentslider .flex-control-nav {
    position: absolute;
    width: auto;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 2%;
    display: flex;
    justify-content: center;
    flex-flow: column;
}
#contentslider p {
    max-width: 80%;
    color:white;
}
#contentslider .flex-control-nav  a {
    background: white;
    border-radius: 100%;
    width: 13px;
    height: 13px;
}
#contentslider .flex-control-nav li {
     margin-bottom: 8px;
}
#contentslider .flex-control-nav  li:last-child {
    margin-bottom: 0;
}
#contentslider a.flex-active {
    background: #f08600;
}
/*news*/
#news {
    margin: 30px auto;
}
.NewsSummary img {
    max-width: 100%;
}
.cat-date {
    font-size: 20px;
    font-style: italic;
    font-family: 'Open Sans', serif;
    color: #E6E6E6;
    margin-bottom: 20px;
    
}
.NewsSummaryLink {
    margin: 20px 0 0;
}
/*galerie*/
.img img {
    /*max-width: 100%;*/
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.img {
    float: left;
    width: 22.2%;
    /*background-color: #ff6347;*/
    position: relative;
    overflow: hidden;
}
/*.img:nth-child(5n+4),
.img:nth-child(7n+9) {
    background-color: #b0ca1d;
}*/
.img:nth-child(4n+3),
.img:nth-child(4n+8) {
    clear: right;
    /*background-color: #004857;*/
}
#gallery .img:nth-child(12n+1),
#gallery .img:nth-child(12n+12) {
    width: 33.33333333334%;
    /*background-color: #c43d8a;*/
    margin: 0!important;
}
#gallery .img:nth-child(13n+7) {
    margin: 0!important;
}
.standard #gallery {
    margin-bottom: 100px;
}
.pagelinks {
    margin-bottom: 25px;
    text-align: right;
}
.pagelinks * {
    font-size: 20px;
    display: inline-block;
    font-style: normal;
    font-family: 'Oswald',sans-serif;
    width: 2%;
    text-align: center;
    border-left: 1px solid rgba(0,0,0,.5);
    line-height: 1;
    color: rgba(0,0,0,.5);
    text-decoration: none;
    padding: 3px;
}
.pagelinks *:last-child {
    border-right: 1px solid rgba(0,0,0,.5);
}
.pagelinks em,
.pagelinks a:hover {
    color: #f08600;
    border-color: rgba(0,0,0,.5);
    text-decoration: none;
}
/*footer*/
#footer-container {
    background-image: url("//www.hail-control.com/uploads/images/header/hailcontrol-footer.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

#loginform .contactfield {
    margin-bottom: 15px;
}
.submit {
    text-align: right;
}
#footer-container a {
    color: black;
    text-decoration: none;
    transition: color .5s ease;
    
}
#footer-container .copyright-container.twelve.columns a {
   color:white; 
    
}

.four.columns.suche.footerline {
    width: 80%;
}
#footer-container a:hover {
    text-decoration: underline;
}

#footer-container p {
      
     color: white;
}
#footer-container a {
      
     color: white;
}
#footer-container h4 {
      
     color: white;
}
.overlay {
    background-color: rgba(111, 107, 107, 0.7);
    width: 100%;
    top: 0;
    bottom: 0;
    padding: 150px 0;
}
#footer-container .overlay {
    background-color: rgba(9, 9, 9, 0.4);
    color: rgba(0,0,0,.6);
}
.place:before {
    background-image: url("//www.hail-control.com/uploads/icons/pin.svg");
    background-size: contain;
    display: inline-block;
        width: 30px;
    height: 40px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin: 30px 0 20px;
}
.footer-element.twelve {
    padding: 25px 0;
    width: 98%;
    margin: 0 auto;
    float: none;
    display: inline-block;
}

.footer-element p:last-child {
    margin: 0;
}
#footer-menu {
    width: 100%;
    line-height: 1.8;
}
#footer-menu li {
    display: block;
    margin-bottom: 0;
}
.FooterNews {
    border-bottom: 1px solid rgba(255,255,255,.4);
    padding-bottom: 10px;
    margin-top: 25px;
}
.FooterNews:first-child {
    margin-top: 0;
}
.FooterNews * {
    font-size: 16px;
    margin-bottom: 0;
}
#footer-container .copyright-container.twelve.columns .nine.columns {
    width: 50%;
}
#footer-container .date {
    font-style: italic;
    color: #f08600;
    font-family: 'Merriweather', serif;
}
.footer-move {
      position: relative;
    top: 0px;  
}
.copyright-container {
    background-color: #000000;
    padding: 25px 0;
    border-top: 6px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right:0px solid transparent;
  border-image:  linear-gradient(to right, rgba(230,97,8,1) 0%, rgba(245,159,0,1) 100%);
  border-image-slice: 1;
}
.copyright-container p {
    margin: 0;
}
.one.columns.facebook-icon {
    width: 1.5%;
}
.fb-icon:before {
    background-image: url("//www.hail-control.com/uploads/icons/fb-icon.png");
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.linkedin-icon:before {
    background-image: url("//www.hail-control.com/uploads/icons/linkedin-logo.png");
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
.insta-icon:before {
    background-image: url("//www.hail-control.com/uploads/icons/insta-icon.png");
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
   
}
.arrow-icon:before {
    background-image: url("//www.hail-control.com/uploads/icons/arrow_up.png");
    background-size: contain;
    display: inline-block;
    width: 23px;
    height: 25px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
   
}
.day-hours {
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}
.opening-day, 
.underline,
.hours {
    display: table-cell;
}
.opening-day, 
.hours {
    width: 1%;
    white-space: nowrap;
}
.opening-day {
    font-weight: 700;
}
.hours {
    font-weight: 300;
}
.underline {
    width: 98%;
    height: 3px;
    padding: 0 15px;
}
.line {
    display: block;
    border-bottom: 1px solid rgba(255,255,255,.5);
}


.kontakt.container.contentblocks {
    margin-bottom: 70px;
}

/*formulare*/
.cms_form {
    margin: 0;
}
.contactform input[type="text"],
.contactform textarea {
    color: rgba(0,0,0,.5);
    border: 2px solid rgba(0,0,0,.8);
}
.contactfield {
    margin-bottom: 15px;
}
.contactfield label {
    font-weight: 300;
    text-transform: uppercase;
    display: none;
}
.contactfield input, 
.contactfield textarea {
    width: 100%;
     font-weight: 300;
     
     border-radius: 0px;
     background-color: transparent !important;
}
.contactfield textarea {
    height: 200px;
}

.not-visible {
    display: none;
}

.search-footer .search-input {
    border: 2px solid #ffffff;
    background: transparent;
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    color: white;
}
.search-footer .search-button {
    content: '';
    background:url("//www.hail-control.com/uploads/icons/next.png") no-repeat center center;
    background-size: contain;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    background-size: 30px 20px;
}

.search-footer .search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.search-footer .search-input::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.search-footer .search-input:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.search-footer .search-input:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}
/*checkbox styling*/
/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  /*width: 100%*/
} 

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

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

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    margin-left: -30px;
    margin-right: 10px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:black;
  box-shadow: inset 0 0 0 2px white;
}