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

@font-face {
  font-family: 'Montserrat-Bold';
  src: url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg'),
       url('fonts/Montserrat-Bold.ttf') format('truetype'),
       url('fonts/Montserrat-Bold.woff') format('woff');
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/montserrat-bold-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
/************************************* Global Styling *************************************/
*{ scroll-behavior: smooth;padding:0;margin:0;-webkit-font-smoothing: antialiased;outline:none!important;outline:none;line-height:100%;font-family: 'Gotham-Book';box-sizing : border-box;}
* a{ text-decoration:none; cursor:pointer;}
body, button, input, select, optgroup, textarea{font-family: 'Gotham-Book';}

.middle{ margin:0 auto;}
.clear{ clear:both!important;}
.height100{ height:100%;}

.width100{ width:100%;}
.width75{ width:75%;}
.width50{ width:50%;}
.width33{ width:33.33%;}
.width25{ width:25%;}

.height100{ height:100vh;}

.wrapper{max-width:1140px;margin:0 auto;width:100%; }

ul, ol{ margin:0 auto;}


.nomargin{ margin:0!important;}
.nopadding{ padding:0!important;}
.nohover:hover, .nohover *:hover, .nohover > *:hover{ background-color:transparent!important;}

.left{ float:left; }
.left50{ float:left; width:50%;}
.right{ float:right; }
.right50{ float:right; width:50%;}
.textleft, .textleft > * { text-align:left;}
.textright, .textright > *{ text-align:right;}
.textcenter, .textcenter > *{ text-align: center;}
.hidden{ display:none;}
.inline{ display:inline;}
.inlineblock{ display:inline-block;}
.relative{ position:relative;}


.centeritem{position: absolute!important;top: 50%!important;left: 50%!important;-ms-transform: translate(-50%, -50%)!important;-webkit-transform: translate(-50%, -50%)!important;transform: translate(-50%, -50%)!important;}
.bottomitem{ position: absolute; bottom:0; left: 50%;-ms-transform:  translate(-50%, -0%);-webkit-transform:  translate(-50%, -0%);transform: translate(-50%, -0%);}
.leftcenteritem{ text-align: left; position: absolute; top: 50%; left: 0; -ms-transform:  translate(0%, -50%); -webkit-transform:  translate(0%, -50%); transform: translate(0%, -50%);}
.rightcenteritem{ text-align: right; position: absolute; top: 50%; right:0; -ms-transform:  translate(0%, -50%); -webkit-transform:  translate(0%, -50%); transform: translate(0%, -50%);}

.verticalalign ,.verticalalign > *{ vertical-align:middle;}
.backgroundimage{ background-position:center; background-size:cover; background-repeat:no-repeat;}

.heading{font-family: 'Montserrat-Bold';}
.overflowhidden{ overflow:hidden;}


/* Home Styling */
#homecontent{ padding: 50px;}
#homecontent *{vertical-align: middle;}
#homecontent p{font-size: 20px;}
#whoweare{margin-left: -10%;position: relative;z-index: 1; }
#whowearewrapper{ margin-bottom: 50px;}
#whatwedo{margin-right: -10%;position: relative;z-index: 1;margin-left: 10%; background-color: #fff;}
#whatwedocontent{margin:0 auto;}
#whowearecontent .heading,#whatwedocontent .heading{font-size: 24pt;margin: 20px 0;}
#whowearecontent,#whatwedocontent{padding:50px;background-color: #fff;text-align: center;max-width: 650px;font-size: 10pt;}

#contactus {color: #fff;padding: 171px 0; background-attachment: fixed;}
#contactus .heading { font-size: 30px; margin-bottom: 2%;}
#contactbutton { font-weight: bolder; text-decoration: none; width: 20%; border: 2px solid #fff; color: #fff; padding: 15px; display: inline-block; text-transform: uppercase; font-size: 12px; margin-top: 2%;}
#contactbutton:hover { background-color: #fff; color: #171717; font-family: Montserrat-Bold;}

#services { padding: 120px 0;}
#services .backgroundimage { padding: 100px 0;}
#services .width25 { width: 22%; margin: 0 2%;}
#services .width25:first-child { margin-left: 0;}
#services .width25:last-child { margin-right: 0;}
.servicebar { padding: 10px; font-size: 20px; background-color: #571C1C; color: #fff; font-family: Montserrat-Bold;}

.contactwrapper .heading { font-size: 40px; padding-bottom: 6%;}
.contactwrapper { padding: 6% 20px; background-color: #f5f5f5; text-align: center; position:relative;}
.contactform {width: 100%;padding: 5%;background-color: #fff;color: #616060;font-size: 10pt;margin: 0;}
input {width: 100%;}
.contactform input, .contactform textarea {border-radius: 0!important;width: 100%;padding: 2%;max-width: 100%;display: block;margin-bottom: 2%;}
.contactform textarea{ height:100px;}
.contactform input[type="submit"] { cursor: pointer; border: 0;background-color: #571c1c;color: #fff;padding: 10px;width: 100%;margin-top: 2%;font-family: 'Montserrat-Bold';font-size: 20px;margin-bottom: 0;}
.sent { font-family: 'Montserrat-Bold'; padding:10px;}
.sent.error{ color:red;}
.error::-webkit-input-placeholder { color: red;}
.error:-ms-input-placeholder { color: red;}
.error::placeholder { color: red; }

.site-footer { background-color: #171717; color: #fff; font-size: 14px;}
.footerbottom { border-top: 1px solid #363636; padding: 35px 0;}
.footerbottom, .footerbottom a{font-size:12px;color: #ffffff;text-align:center;}
.footerbottom a { border-left: 1px solid #545454; padding-left: 10px; margin-left: 10px; }


@media screen and (max-width:1180px) {
    .wrapper {padding: 0 20px;}
}
@media screen and (max-width:960px) {
    #homeimage img { width: 50%; }
    #whowearewrapper .inlineblock, #whatwedowrapper .inlineblock { display: block!important; width: 100%!important; position: relative!important; margin: 0 auto; }
    #whowearecontent, #whatwedocontent { width: 100%!important; margin: 0 auto; max-width: 100%; padding: 50px 0;}
    #whowearecontent { padding-bottom: 0;}
    #whatwedocontent { padding-top: 0;}
    #services .width25 { width: 48%; margin: 2%;}
    #services .width25:nth-child(1), #services .width25:nth-child(3) { margin-left: 0;}
    #services .width25:nth-child(2), #services .width25:nth-child(4) { margin-right: 0;}
    #services { padding: 2% 0;}
    .contactwrapper{ padding:20px 0;}
    div#homeimage,#contactus { background-attachment: initial; }
    #contactbutton {width: 80%;margin-top: 30px;}
}
@media screen and (max-width:600px) {
    #homeimage img { width: 80%;}
    #whowearecontent { padding-top: 0;}
    #whatwedocontent { padding-bottom: 20px;}
    .contactform input, .contactform textarea { padding: 20px; font-size: 20px;}
    #services .width25 {width: 100%; margin: 2% auto;}
    .footerbottom a { display: block; padding-top: 20px; border: 0;}
    .contactform textarea{height:200px;}
}