body {
  overflow-x: hidden;
  background: #ededed;
  background: #454545 url(../i/bg5.jpg) 0 0 no-repeat;
  background-size: cover;
  font-size: 16px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1.3125em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
html, body {
    height: 100%;
}

a.feedback {color: #666 !important;}
.roboto {font-family: 'Roboto Condensed', sans-serif;}
.playfair {font-family: 'Playfair Display', serif;}
.inner-padd {padding: 50px;}
.txt-upp {text-transform: uppercase; letter-spacing: 3px;}
.txt-small {font-size: 13px;}
.txt-bold {font-weight: 700;}
.txt-inverse {color: white;}
.p-rel {position: relative;}

.margin-0 {margin: 0;}
.margin-bt-0 {margin-bottom: 0;}
.margin-top-0 {margin-top: 0;}
.margin-bt-1 {margin-bottom: 10px;}
.margin-top-1 {margin-top: 10px;}
.margin-bt-2 {margin-bottom: 20px;}
.margin-top-2 {margin-top: 20px;}
.margin-bt-3 {margin-bottom: 30px;}
.margin-top-3 {margin-top: 30px;}
.margin-bt-4 {margin-bottom: 40px;}
.margin-top-4 {margin-top: 40px;}
.margin-bt-5 {margin-bottom: 50px;}
.margin-top-5 {margin-top: 50px;}
.margin-bt-6 {margin-bottom: 60px;}
.margin-top-6 {margin-top: 60px;}
.margin-bt-7 {margin-bottom: 70px;}
.margin-top-7 {margin-top: 70px;}
.margin-bt-8 {margin-bottom: 80px;}
.margin-top-8 {margin-top: 80px;}
.margin-bt-9 {margin-bottom: 90px;}
.margin-top-9 {margin-top: 90px;}
.margin-bt-10 {margin-bottom: 100px;}
.margin-top-10 {margin-top: 100px;}

.op0 {opacity: 0;}
.op1 {opacity: 0.1;}
.op2 {opacity: 0.2;}
.op3 {opacity: 0.3;}
.op4 {opacity: 0.4;}
.op5 {opacity: 0.5;}
.op6 {opacity: 0.6;}
.op7 {opacity: 0.7;}
.op8 {opacity: 0.8;}
.op9 {opacity: 0.9;}
.op10 {opacity: 1;}

.z1 {z-index: 1;}
.z2 {z-index: 2;}
.z3 {z-index: 3;}
.z4 {z-index: 4;}
.z5 {z-index: 5;}
.z6 {z-index: 6;}
.z7 {z-index: 7;}
.z8 {z-index: 8;}
.z9 {z-index: 9;}
.z10 {z-index: 10;}

.btn {
	font-weight: 700;
	font-size: 13px;
	border: none;
	text-transform: uppercase;
	letter-spacing: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none !important;
}
.btn-primary, .btn-default {background: #F8E81C; color: white !important;}
.btn-primary:hover, .btn-default:hover {background: #E9D80D !important;}

.btn-default.bordered {background: transparent !important; border: 2px solid #F8E81C; color: #333 !important;}
.btn-default.bordered:hover {background: #F8E81C !important;}

.btn-default.btn-inverse.bordered {background: transparent !important; border: 2px solid #F8E81C; color: #fff !important;}
.btn-default.btn-inverse.bordered:hover {background: #F8E81C !important; color: #333 !important;}

h3 {
  font-size: 1.25em;
  line-height: 1.35em;
}
#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-left: 500px;
}


#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 500px;
  height: 100%;
  margin-left: -500px;
  overflow-y: auto;
  background: #ededed;
  width: 100%;
  max-width: 500px;
}
  #brand {background: white;}
    #logo {
      width: 137px;
      height: auto;
    }
    #brand > span {color: #666; margin-left: 30px;}
#social a {margin-right: 20px;}
#craftmen {
  background: url(../i/crafts.jpg) 0 0 no-repeat;
  background-size: cover;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 30px;
}
  #craftmen:before {
    content: '';
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%; height: 100%;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: 2;
  }

  #mc_embed_signup {
    background: white;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
    input#mce-EMAIL {
      width: 221px;
      border: none;
    }


    @media (max-width: 500px) {
      .inner-padd {padding: 30px;}
      #brand > span {color: #666; margin-left: 20px;}
      #mc_embed_signup .btn {display: block; width: 100%;}
      input#mce-EMAIL {
        width: 100%;
        margin-bottom: 10px;
      }

    }