@import url(http://fonts.googleapis.com/css?family=Lato:400,300);
/* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a img, img {
  -ms-interpolation-mode: bicubic;
  border: 0; }

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

input, textarea, button, select {
  margin: 0;box-sizing: border-box;
  font-size: 100%;
  line-height: normal;
  vertical-align: baseline; }

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

input[type="checkbox"],
input[type="radio"],
input[type="text"],
input[type="email"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

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

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

input {
  line-height: normal; }

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

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

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

input {
  border-radius: 0; }

textarea {
  overflow: auto;
  font: inherit; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
legend {
    font-weight: normal;
    line-height: 1.4;
    padding: 0 1em;
background:#fff;box-sizing:border-box;font-size: 19px;
}
form fieldset  p{
    padding:0 0.9375em 0 !important;
    position: relative;
    width: 70%;
//float:left;
box-sizing:border-box;

}
.wpcf7-radio > span{
	display: block;
margin-bottom: 8px;
}
.wpcf7-radio .wpcf7-list-item-label{
margin-left: 5px;
}
form fieldset  p.full{width:100%}
form fieldset {
border: 1px solid #e6e6e6;
  
    margin: 1em 1em 3em;
   padding: 2.5em;box-sizing:border-box;
}
.center{text-align:center}
form p{color:#474747}
input[type="text"],input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
 background-color: #f5f5f6;
    border: 1px solid #f5f5f6;
    border-radius: 3px;
    box-shadow: none;
    height: 38px;
    box-sizing: border-box;
color:#999999;
    display: block;
    font-family: inherit;
    font-size: 0.875em;
    margin: 0 0 1em;
    padding: 0.5em;
    transition: box-shadow 0s ease 0s, all 0.45s ease 0s, -moz-box-shadow 0s ease 0s, all 0.45s ease 0s, -webkit-box-shadow 0s ease 0s, all 0.45s ease 0s, border-color 0s ease 0s, all 0.45s ease 0s, all 0s ease-in-out 0s;
    width: 100%;
  max-width: 100%;
 border-radius: 3px;

 }


textarea{height:200px}
  input[type="text"]:focus,
  input[type="email"]:focus,  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  textarea:focus {
 background-color: #fff;color:#5E5E5E;
    border: 1px solid #de675f;
    box-shadow: none; }

form .wpcf7-not-valid{ background-color: rgba(198, 15, 19, 0.1);
    border-color: #c60f13;}
.wpcf7-not-valid-tip{display:none !important}


/*****************BUTTONS*********************************/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;display:inline-block;
  border-color: #cccccc #cccccc #bbbbbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);

  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #cccccc #bbbbbb #aaaaaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }



@font-face {
    font-family: 'ChunkFive';
    src: url('fonts/chunkfive-webfont.eot');
    src: url('fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/chunkfive-webfont.woff2') format('woff2'),
         url('fonts/chunkfive-webfont.woff') format('woff'),
         url('fonts/chunkfive-webfont.ttf') format('truetype'),
         url('fonts/chunkfive-webfont.svg#chunkfiveroman') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*****My Style*****/
a {
  text-decoration: none;
}

p {
  padding-bottom: 20px;
  line-height: 26px;
}

html, body {
  height: 100%;
  line-height: 20px;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  font-weight: 400; 
}

.clear {
  clear: both;
}

/*********************MENU BUTTON**********************************/
#toggle-menu {
  display: none;
  float: right;
  text-align: center;margin-top: 25px;  }

.menu-icon {
  display: inline-block;
  font-size: 20px;
  margin-left: 15px; }

.menu-icon span {
  display: block;
  width: 1.4em;
  height: 0.13em; }

.menu-icon span + span {
  margin-top: 0.33em; }

.menu-icon span {
  background: #000; }

.menu-title {
  display: inline-block;
  color: #000;
  font-weight: 400;
  position: relative;
  top: -4px;font-size: 20px;
  }


/****************************Variables*************************/
/***My css***/
.mainContainer {
  clear: both;
}
.headerwr{background: #fff;position: absolute;left: 0;width: 100%;z-index: 999}
.header {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  height: 71px;
}
.header:after {
  content: " ";
  display: block;
  clear: both;
}



nav {
  width: 100%;
  box-sizing:border-box;
  float: left;
padding: 0 15px;  
  font-size: 14px;
}
nav ul {
  padding: 25px 0;
  display: block;

}
nav ul li {
  display: inline-block;
}
nav ul li a {
  font-family: 'ChunkFive', Regular;
  letter-spacing: 3px;
  padding: 20px 25px;
  color: #999999;
  font-weight: 400;
  text-transform: uppercase;
}
nav ul li:hover a,nav ul li.current-menu-item a {
  color: #000000;
}

.header-img {
  background: url(img/bruiloft_1.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  width: 100%;min-height:480px;
  height: calc(100vh - 300px);
  position: relative; 
}

.logo {
  position: absolute;
  left: 0;
  top: 20%;
  width: 100%;
  text-align: center;
}
.logo img {
  display: inline-block;
}

.arrows {
  position: absolute;
  left: 0;
 bottom: 30px;  
  width: 100%;
  text-align: center;
}
.arrows img {
  display: inline-block;
}

.arrows1 {
  position: absolute;
  left: 0;
  top: 80%;
  width: 100%;
  text-align: center;
}
.arrows1 img {
  display: inline-block;
}

/****Info****/
.info {
  background: white;
  padding-top: 160px;
  padding-bottom: 140px;
}
.info .info-inner {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;

}

.info .info-inner:after {
  content: " ";
  display: block;
  clear: both;
}
h1,h2,h3,h4{line-height: 1.1em; }
 h1,.h1{
  font-family: 'ChunkFive', Regular;
  font-weight: 100;
  letter-spacing: 4px;
  font-size: 30px;
  text-transform: uppercase;
  padding-bottom: 20px;text-align: center;
}
 p {
  font-size: 20px;
  color: #999999;
  line-height: 30px;
  
}

h1:after,.h1:after{
  content: "";
   background-color: #e5e5e5;
 height: 3px;
    margin: 20px auto 10px;
  width: 100px;

display:block;
}


.foto {
  background: url(img/bruiloft_2.jpg) no-repeat;
  background-position: 50% 0;
  background-size: cover;
  width: 100%;
  overflow: hidden;
  height: 452px;
  position: relative;
}

.bg {
  background: url(img/bruiloft_3.jpg) no-repeat;
  background-position: 50% 0;
  background-size: cover;
  width: 100%;
  overflow: hidden;
  height: 267px;
  position: relative;
}

/***Footer***/
.wrapper {
  background: #000000;

}

.wrapper-inner {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #fff;  padding: 75px 15px 50px;

}
.wrapper-inner:after {
  content: " ";
  display: block;
  clear: both;
}
.wrapper-inner h2 {

  color: #ffffff;
  font-size: 25px;
 
  font-weight: 300;
}
.wrapper-inner p {
  color: #ffffff;
  padding-top: 10px;
  font-size: 18px;
  font-weight: 400;
}

h2{font-size: 25px;margin-bottom: 15px; }
h3,h4,h5{font-size: 20px;margin-bottom: 10px;}
.content-area{max-width: 1170px;  margin: 0 auto;padding: 130px 15px;    }
a{color: #000}
iframe,img,input{max-width: 100%}
.content-area img{height: auto !important;}
@media (max-width:1200px){
nav ul li a{padding: 20px 15px;}
}
@media (max-width: 979px){
#toggle-menu{display: block;}
.menu-main-menu-container{display: none;}
.content-area{padding: 60px 15px;  }
.info{padding-top: 80px; padding-bottom: 80px; padding-left: 15px;  padding-right: 15px;   }
}

@media (max-width: 767px){
form fieldset  p{width:100%}
form fieldset{padding-left:0;padding-right:0}
  .logo{top: 20%; }
.header-img{height:480px;background-attachment: initial;}

}