






.service {
margin-bottom: 40px;
}
#contactwrap {
width: 100%;
padding: 0px;
}


body {
    margin: 0px;
    font-family:  roboto;
    background: grey;
background: rgba(0,0,0,0.67);
width: 100%;
}

p {
font-size: 16px;
line-height: 21px;
}

#contentwrap {
   /* width: 1057px; */
    display:  block;
    margin:  auto;
    top: 0px;
    right:  0px;
    left:  0px;
    top: 59px;
    background:  white;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.2);
}


#header {
    height: 124px;
}



#tagline2 {
    margin:  0px;
    font-weight:  normal;
}

#nbm {
    height:  91px;
    margin-left:  35px;
    margin-top:  15px;
}

#headercontent {
    float:  right;
    display: inline-block;
    height:  100%;
    width: 315px;
}

#contactinfo {
    margin-right: 0px;
    float:  right;
    /* width: 400px; */
    width:  100%;
    color: #893547;
}

#contactwrap {
    display:  inline-block;
    width:  177px;
    float:  right;
    padding-right: 35px;
    width: 300px;
padding-right: 27px;
    width: 257px;
color: black;
}

#picwrap {
    padding-top: 40%;
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    padding-top: 35%;
}

#image {
position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    height: calc(100% + 90px);
    top: -45px;

}

.contact {
    font-size:  13px;
    margin-top: 24px;
    margin-right:  0px;
    display:  inline-block;
    padding-right:  5px;
    border-right: 1px solid black;
    float:  right;
    display:  inline-block;
    padding-left:  5px;
    float:  left;
height: 15px;
}

.contactimage {
width: 13px;
    float: left;
    position: relative;
    top: 1px;
}

.contactimage:nth-child(2) {
width: 14px;
}

.contacttext {
    float: left;
    margin-left: 5px;
    color: black;
    text-decoration: none;
}

.contact:nth-child(2) {
padding-right: 0px;
border: 0px;
}

#tagline {
    display:  inline-block;
    float:  right;
    padding-right:  20px;
    text-align:  right;
    margin-top: 13px;
width: 307px;font-weight:  bold;font-size: 15px;
}

#menu {
    height: 50px;
    /* visibility:  hidden; */
    height: 34px;
    /* background:  red; */
    color:  white;
    text-transform:  uppercase;
    font-size: 18px;
    background: black;
    font-weight: 300;
}

#menuinner {
    display: block;
    width: 514px;
    margin: auto;
    padding-top: 6px;
    letter-spacing:  1px;
    width: 472px;
width: 488px;
}

.menuitem {
    display:  inline-block;
    margin-right:  40px;
cursor: pointer;
}

.menuitem:nth-child(4) {
margin-right: 0px;
}



#module1 {
    padding: 29px 54px;
    font-size: 17px;
    color: #666564;
}

.separator {
    background:  black;
    top: 1232px;
    width:  100%;
    height: 59px;
    background-image: url("foil.png");
    background-size: cover;
}

#module2 {
    padding:  29px 27px;
    /* margin-top: 174px; */
    padding: 43px 54px;
    font-size:  17px;
    background: #FFF4DD;
}

.big {
    font-size:  19px;
    font-weight:  500;
    margin-bottom: 20px;
    color: black;
}

#services {
    padding: 10px 37px;
    padding-bottom: 40px;
    padding-top:  0px;
    display:  inline-block;
    height:  204px;
    width: calc(100% - 74px);
}

.service {
    display:  inline-block;
    width: 20%;
    text-align:  center;
float: left;
}

.servicetop {
    width: 74px;
    height: 74px;
    background:  black;
    border-radius:  50%;
    display:  block;
    margin: auto;
    /* margin-left: 55px; */
    border: 2px solid grey;
    margin-bottom: 24px;
    background: #D7A800;
position: relative;
background: #E2C689;
}

.icon {
    position:  absolute;
    bottom: 0px;
    top: 0px;
    right:  0px;
    left:  0px;
    margin: auto;
    width: 40px;
    height: auto;
}

.servicename {
font-weight:  500;margin-bottom: 7px;
}

.serviceinfo {
    width: 187px;
    display: block;
    margin: auto;
}

#module4 {
padding: 95px 140px 9px 140px;
    display: inline-block;
    width: calc(100% - 280px);
    background: #EBEBEB;
}

#m4left {
   display:  inline-block;
    float:  left;
    display:  inline-block;
    width: 434px;
}

.big {
    font-size: 19px;
    font-weight:  500;
    margin-bottom: 25px;
}

#contactinfo2 {
    margin-top:  20px;
    margin-left: 28px;
    margin-top: 40px;
   margin-left: 10px;
}

#m4right {
    display:  inline-block;
    float:  right;
width: 324px;
}

#form {
    background:  transparent;
}

#formmobile {
    background:  transparent;
}

#formtop {
    width: 364px;
    padding: 4px 14px 10px 14px;
    background:  transparent;
padding-left: 0px;
}

#formtitle {
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: 500;
    color: black;
}

.inputwrap {

}

.inputname {
    font-size: 12px;
    font-weight:  500;
}

.inputtext {
    width:  320px;
    border: 1px solid black;
    border-radius:  2px;
    line-height: 17px;
}

#formbottom {
    margin-top: 10px;
    width: 310px;
margin-bottom: 10px;
}

.checkboxwrap {

}

#custominput {
    border:  0px;
    background:  transparent;
    border-bottom: 1px solid;
    width:  250px;
}

#footer {
    color:  white;
    background:  black;
    height: 55px;
}

#footertop {
display:  block;margin:  auto;width: 133px;font-size: 12px;height:  14px;padding-top: 10px;
}

.footernav {
    display:  inline-block;
    float:  left;
    padding-left:  5px;
cursor: pointer;
}

#footerinfo {
    text-align:  center;
    font-size: 11px;
    margin-top: 7px;
}

#submitbutton {
   background: #D7A800;
    color:  white;
    border:  0px;
    display:  block;
    margin:  auto;
    margin-top: 25px;
    padding:  10px 20px;
    border: 2px solid black;
    font-weight: 700;
    cursor:  pointer;
background: #E2C689;
color: black;
}

input:focus {
outline: none;
}

textarea:focus {
outline: none;
}

#submitbutton:focus {
outline: none;
}

#module3 {
font-size: 17px;
padding: 43px 54px;
}

#table {
  border: 1px solid;
}

.row {
    border-bottom: 1px solid;
}

.column {
    display:  inline-block;
    width: 10%;
    border-right: 1px solid;
}

#container {
    display:  inline-block;
    width: 799px;
    display:  block;
    margin: auto;
}

#servicesform {
    width:  310px;
    height:  80px;
    resize: none;
}

#sam {
color: white;
text-decoration: none;
}


#mobileonly1 {
display: none;
}

#mobileonly2 {
display: none;
}

#desktoponly1 {
display: inline-block;
float: right;
}


#desktoponly2 {
display: inline-block;
width: 100%;
}

#desktoponly3 {
    padding: 95px 140px 9px 140px;
    display: inline-block;
    width: calc(100% - 280px);
    background: #EBEBEB;
}

@media only screen and (max-device-width: 1000px) {


    #desktoponly1 {
display: none;
}

    #desktoponly2 {
display: none;
}

    #desktoponly3 {
display: none;
}

#mobileonly1 {
display: inline-block;
width: 100%;
}

#mobileonly2 {
display: inline-block;
width: 100%;
}

#menu {
margin-top: 2px;
}

#menuinner {
    display: block;
    margin: auto;
    padding-top: 6px;
    letter-spacing: 1px;
}

.menuitem {
display: inline-block;
    margin-right: 40px;
    cursor: pointer;
    width: 32%;
    text-align: center;
    margin: 0px;
}

#tagline2 {
margin: 0px;
    font-weight: normal;
    font-size: 15px;
}

#services {
    display: inline-block;
    width: 100%;
    padding: 0px;
    padding-bottom: 10px;
    height: auto;
}

.service {
    display: inline-block;
    width: 20%;
    text-align: center;
    float: left;
    margin: 0px 10px;
    width: calc(50% - 20px);
    margin-bottom: 0px;
height: 290px;
}

#tagline {
    display: inline-block;
    float: right;
    padding-right: 20px;
    text-align: right;
    margin-top: 13px;
    width: 307px;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    /* border-top: 1px solid; */
    padding: 10px 0px;
    border-top: 1px solid;
    float: none;
    padding-top: 20px;
}

#contactwrap {
width: 100%;
    padding: 0px;
}

.contact {
margin: 0px;
}

#menuinner {
width: 100%;
}

.serviceinfo {
width: 100%;
max-width:350px;
}

#nbm {
margin: auto;
padding-top: 15px;
display: block;
}

#module1 {
    padding: 29px;
}

#m4left {
    padding: 40px 29px;
    width: auto;
    text-align: center;
    width: calc(100% - 58px);
    float: none;
}

#m4rightt {
width: 100%;
float: none;
padding-top: 15px;
}

#formtop {
padding: 4px 14px 10px 14px;
    background: transparent;
    padding-left: 0px;
    width: 292px;
    display: block;
    margin: auto;
    padding-right: 0px;
}

.inputtext {
padding: 4px 14px 10px 14px;
    background: transparent;
    padding-left: 0px;
    width: 292px;
    display: block;
    margin: auto;
    padding-right: 0px;
}

#module1 {
padding-top: 0px;
}

#module2 {
padding: 29px;
}

#module3 {
padding: 29px;
}

.inputtext {
width: 100%;
padding: 1px 0px;
}

#footerinfo {
text-align: center;
    font-size: 11px;
    margin-top: 7px;
    padding-bottom: 4px;
    display: block;
    width: calc(100% - 40px);
    margin: auto;
    padding: 10px 0px;
}

#formbottom {
    margin-top: 10px;
    width: 310px;
    margin-bottom: 10px;
    width: 292px;
    display: block;
    margin: auto;
}

#submitbutton {
background: #D7A800;
    color: black;
    border: 0px;
    display: block;
    margin: auto;
    margin-top: 25px;
    padding: 10px 20px;
    border: 2px solid black;
    font-weight: 700;
    cursor: pointer;
    background: #E2C689;
}

#servicesform {
width: 100%;
}

#footer {
height: auto;
}

#container {
width: 799px;
}

}

