/*fonts*/
@font-face {
  font-family: "socialicoregular";

  src: url("fonts/socialico/socialico-webfont.eot");

  src: url("fonts/socialico/socialico-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/socialico/socialico-webfont.woff2") format("woff2"),
    url("fonts/socialico/socialico-webfont.woff") format("woff"),
    url("fonts/socialico/socialico-webfont.ttf") format("truetype"),
    url("fonts/socialico/socialico-webfont.svg#socialicoregular") format("svg");

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: "socialico_plusregular";

  src: url("fonts/socialico-plus/socialico_plus-webfont.eot");

  src: url("fonts/socialico-plus/socialico_plus-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/socialico-plus/socialico_plus-webfont.woff2") format("woff2"),
    url("fonts/socialico-plus/socialico_plus-webfont.woff") format("woff"),
    url("fonts/socialico-plus/socialico_plus-webfont.ttf") format("truetype"),
    url("fonts/socialico-plus/socialico_plus-webfont.svg#socialico_plusregular")
      format("svg");

  font-weight: normal;

  font-style: normal;
}

body {
  margin: 0 auto;
  padding: 0;
}
.contain {
  max-width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  text-align: center;
  font-family: "Titillium Web";
  color: #fff;
  background: #000;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: inherit;
}
h1,
h2,
h3,
h4,
h5 {
  padding: 0;
  margin: 0;
}
.row {
  max-width: 1180px;
  margin: 0 auto;
}

.social a {
  font-family: "socialicoregular" !important;
  font-weight: 400 !important;
  font-size: 40px;
  line-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.grad {
  background: -webkit-linear-gradient(#ff8000, #d90000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn {
  font-family: "Raleway";
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 16px 0;
  background: #ff7c00;
  -webkit-transition: border 0.2s ease, background 0.2s ease;
  -o-transition: border 0.2s ease, background 0.2s ease;
  transition: border 0.2s ease, background 0.2s ease;
}
.btn:hover {
  background: #000;
  border: 1px solid #fff;
}
.btn.tran {
  background: none;
  border: 1px solid #fff;
}
.btn.tran:hover {
  background: #ff7c00;
}
/*floats*/
.fl {
  float: left;
}
.fr {
  float: right;
}

/*clearings*/
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.clearfix {
  display: block;
}

/*contact form messages*/
form .messages p {
  display: none;
  font-family: Arial !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  font-size: 16px !important;
}
form .loading {
  display: none;
}
form .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
form .alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
form .alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
form [type="submit"] {
  margin: 20px auto;
}

/*contact form*/
.ctc-form {
  margin: 0 auto;
  text-align: center;
  max-width: 500px;
}
.ctc-form input[type="text"],
.ctc-form textarea {
  font-family: Arial;
  font-size: 16px;
  color: #000;
  height: 45px;
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto 8px;
}
.ctc-form textarea {
  height: 120px;
  padding-top: 10px;
}
.ctc-form .recap {
  display: inline-block;
}
.ctc-form button.btn:hover {
  cursor: pointer;
  color: #fff;
}
.contact-left {
  float: left;
  width: 48%;
  margin-top: 40px;
}
.contact-right {
  float: right;
  width: 48%;
  margin-top: 40px;
}
.contact-left .icon {
  margin: 0 15px 0 0;
}
.contact-left span {
  display: block;
  margin-left: 30px;
}
.contact-left .cont-logo {
  background: #fff;
  text-align: center;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.contact-left .cont-logo img {
  vertical-align: middle;
  padding: 0 10px;
}
.contact-left ul {
  list-style-type: none;
}
.contact-left h6 {
  color: #ff6600;
  font-size: 20px;
  margin: 0;
}

/*gallery*/
#content .gallery-container {
  text-align: center;
}
#content .gallery {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#content .gallery li {
  display: inline-block;
}
#content .thumbnail {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: block;
  line-height: 1.42857;
  margin-bottom: 20px;
  padding: 4px;
  -webkit-transition: border 0.2s ease-in-out 0s;
  -o-transition: border 0.2s ease-in-out 0s;
  transition: border 0.2s ease-in-out 0s;
}
#content .page_navigation {
  display: inline-block;
}
#content .page_link,
#content .previous_link,
#content .next_link,
#content .first_link,
#content .last_link,
#content .ellipse {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #0275d8;
  display: inline-block;
  line-height: 1.25;
  margin-left: -1px;
  padding: 0.5rem 0.75rem;
  position: relative;
}
#content .page_navigation > a:hover,
.page_navigation > a.active_page {
  background-color: #eceeef;
  border-color: #ddd;
  color: #014c8c;
  text-decoration: none;
}

header {
  min-height: 1137px;
  background: url("../images/common/header-banner.jpg") no-repeat center top;
  background-size:  cover;
}
/*header*/
#header {
}
.hd-right {
  text-align: left;
}
.hd-top {
  padding: 20px 0;
}
.hd-top p {
  font-family: "Raleway";
  font-size: 14px;
  color: #ff7a00;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
  line-height: 120%;
  padding: 0 60px 0 0;
}
.hd-top p span {
  display: block;
  line-height: 120%;
}
.hd-top p a {
  font-family: "Titillium Web";
  font-weight: 600;
  font-size: 28px;
  color: #fff;
  line-height: 120%;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.hd-top p a:hover {
  color: #ff7a00;
}
.hd-top p.mail a {
  font-size: 20px;
  font-weight: 400;
}
.hd-top p:last-of-type {
  padding-right: 0;
}
#header nav {
  text-align: right;
}
#header nav a#pull {
  display: none;
}
#header nav ul {
  margin: 0;
  padding: 0;
}
#header nav ul li {
  display: inline-block;
  vertical-align: middle;
}
#header nav ul li a {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
  display: block;
  padding: 9px 16px;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: border 0.2s ease, color 0.2s ease;
  -o-transition: border 0.2s ease, color 0.2s ease;
  transition: border 0.2s ease, color 0.2s ease;
}
#header nav ul li.active-menu a,
#header nav ul li a:hover {
  color: #ff7a00;
  border: 1px solid #ff7a00;
}

/*banner*/
#banner {
  background: url("../images/common/bn-grad.png") no-repeat center bottom;
  background-size:  100%;
  text-align: left;
  position: relative;
}
#banner h2 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 51px;
  line-height: 120%;
  margin: 0 auto 20px;
}
#banner h2.grad {
  font-size: 85px;
}
#banner h3 {
  font-weight: 400;
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 120%;
  margin: 0 auto 15px;
}
.bn-top {
  padding: 60px 0 0;
}
.bn-bot {
  padding: 400px 0 50px;
}
.bn-bot .btn,
.bn-bot .bbb {
  display: inlinse-block;
  vertical-align: middle;
}
.bn-trailers {
  position: absolute;
  right: 0;
  bottom: 70px;
}

.bn-bot * {
  position: relative;
  z-index: 10;
}

#body-mid,
#body-bot {
  background: url("../images/common/bn-grad.png") no-repeat center bottom,
    url("../images/common/body-mid.jpg") no-repeat center bottom;
    background-size: 100%;
}
#services {
  font-family: "Bebas Neue", sans-serif;
}
.svc-top {
  max-width: 1090px;
  padding: 40px 0 50px;
}
.svc-box {
  padding: 35px 0 0;
}
#services dl {
  margin: -35px 35px 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
#services dt img {
  display: block;
}
#services dd {
  margin: 0 auto;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 50px;
}
#services h2 {
  font-weight: 400;
  font-size: 52px;
  line-height: 120%;
}
#services p {
  font-size: 22px;
  letter-spacing: 0.5px;
  line-height: 120%;
  margin: 0 auto;
}
#services h3 {
  font-weight: 400;
  font-size: 28px;
  line-height: 100%;
  -webkit-transition: text-shadow 0.2s ease;
  -o-transition: text-shadow 0.2s ease;
  transition: text-shadow 0.2s ease;
}
#services dl:hover h3 {
  text-shadow: 0px 0px 12px rgb(223, 0, 0), 0px 0px 12px rgb(223, 0, 0),
    0px 0px 12px rgb(223, 0, 0), 0px 0px 12px rgb(223, 0, 0),
    0px 0px 12px rgb(223, 0, 0), 0px 0px 12px rgb(223, 0, 0),
    0px 0px 12px rgb(223, 0, 0), 0px 0px 12px rgb(223, 0, 0);
}

/*content*/
#content {
  text-align: left;
  padding: 100px 0 20px;
}
.cn-txt {
  max-width: 580px;
  margin: 50px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#content .cn-btns {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.cn-img {
  margin: 0 0 0 -170px;
}
#content h1 {
  font-weight: 700;
  font-size: 70px;
  line-height: 120%;
  margin: 0 auto 10px;
}
#content h5.welcome {
  font-weight: 200;
  font-size: 55px;
  line-height: 120%;
  color: #ff7a00;
  font-family: "Oswald";
}
#content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin: 0 auto 25px;
}
#content ul {
  margin: 0 auto 20px;
  padding: 0 0 0 20px;
  font-weight: 400;
  font-size: 18px;
}
#content h3 {
  color: #ff6000;
  font-size: 25px;
  margin: 0 auto 10px;
}

.cn-txt p strong {
  font-size: 28px;
  font-weight: 800;
}

.cn-txt .call {
  font-family: "Raleway";
  font-size: 14px;
  line-height: 120%;
  text-align: right;
  margin-left: 30px;
}
.cn-txt .call .tel {
  display: inline-block;
  font-weight: 700;
  line-height: 120%;
  color: #ff7900;
  font-size: 30px;
  font-family: "Titillium Web";
}

#works {
  text-align: left;
  padding: 110px 0 0;
  font-family: "Bebas Neue", sans-serif;
}
#works h2 {
  font-size: 51px;
  line-height: 100%;
  margin: 0 auto 20px;
  font-weight: 400;
}
#works h2 span {
  display: block;
  line-height: 75%;
  font-size: 96px;
}
#works h3 {
  font-weight: 400;
  font-size: 51px;
  line-height: 120%;
  margin: 0 auto 40px;
}
#works .row {
  max-width: 1160px;
}
.wrk-left {
  max-width: 710px;
}
.wrk-box {
  margin: 0 auto 30px;
  font-size: 0;
}
.wrk-box img {
  margin: 0 10px 10px 0;
}
#works .btn:hover {
  background: #8c0000;
}

#trust {
  text-align: right;
  padding: 60px 0 20px;
}
#trust h2 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 51px;
  line-height: 90%;
  margin: 0 auto 30px;
}
#trust p {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  margin: 0 auto 20px;
}
.trst-txt {
  max-width: 575px;
}
.trst-img {
  margin: 20px 0 0 -80px;
}

footer {
  background: url("../images/common/footer.jpg") no-repeat center top;
  background-size: cover;
}
#footer-top {
  text-align: left;
  padding: 40px 0 0;
}
#footer-top h2 {
  font-size: 51px;
  line-height: 100%;
  margin: 0 auto 20px;
  font-weight: 400;
  font-family: "Bebas Neue", sans-serif;
  margin: 0 auto 30px;
}
#footer-top h2 span {
  display: block;
  line-height: 75%;
  font-size: 96px;
}
.ft-tst {
  font-family: "Lato";
  margin: 0 auto 30px;
}
.ft-tst p {
  font-style: italic;
  font-size: 22px;
  line-height: 26px;
  margin: 0 auto 50px;
}
.ft-tst h4 {
  font-size: 18px;
  text-align: right;
}
.ft-left {
  max-width: 480px;
  margin: 30px auto 0;
}
.ft-tst .qt {
  padding: 0 10px 5px 0;
}
.ft-right {
  width: 600px;
}
.qform {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8000), to(#8c0000));
  background: -o-linear-gradient(#ff8000, #8c0000);
  background: linear-gradient(#ff8000, #8c0000);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 25px;
  text-align: center;
}
.qform .g-recaptcha div {
  margin: 0 auto;
}
#footer-top .qform h2 {
  text-align: left;
  font-size: 70px;
  margin: 0 auto 20px;
}
.qform [type="text"],
.qform textarea {
  display: block;
  width: 100%;
  height: 50px;
  background: #fff;
  border: none;
  font-family: "Titillium Web";
  font-size: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  margin: 0 auto 10px;
}
.qform [type="submit"] {
  border: 1px solid #fff;
  background: #000;
  color: #fff;
  display: block;
  margin: 10px 0 0 auto;
}
.qform [type="submit"]:hover {
  background: #ff7c00;
  border: 1px solid rgba(0, 0, 0, 0);
}
.qform textarea {
  height: 150px;
  padding-top: 10px;
}
.qleft,
.qright {
  width: 49%;
}
.qform .rec-box {
  display: inline-block;
}
.qform .rec-box iframe,
.qform .rec-box > div > div {
  max-width: 100%;
}
.trailer {
  padding: 20px 0 0;
}
.trailer h3 {
  font-weight: 400;
  color: #ff9933;
  font-family: "Racing Sans One";
  font-size: 35px;
}
.trailer h3 img {
  display: inline-block;
  vertical-align: middle;
}
.trailer h3 span {
  display: inline-block;
  margin: 0 0 0 20px;
}

/*footer*/

#footer {
  text-align: left;
  padding: 20px 0;
}
#footer .col {
  display: inline-block;
  vertical-align: top;
  min-height: 300px;
  border-right: 1px solid #333333;
  padding: 0 115px;
}
#footer .col.ft-ql {
  padding-left: 0;
}
#footer .col.ft-loc {
  padding-right: 0;
  border: none;
}
#footer h2 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-size: 51px;
  line-height: 80%;
  margin: 0 auto 50px;
}
#footer h3 {
  color: #ff6600;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 auto 20px;
}
.ft-ql ul {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
.ft-ql ul li {
  margin: 0 auto 18px;
}
.ft-ql ul li a {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 2px;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.ft-ql ul li a:hover,
.ft-ql ul li.active-menu a {
  color: #ff6600;
}
.ft-cu p {
  font-family: "Lato";
  font-size: 13px;
  color: #ff6600;
  margin: 0 auto 50px;
}
.ft-cu p:last-of-type {
  margin: 0 auto;
}
.ft-cu p img {
  margin: 0 5px 0 0;
  display: inline-block;
}
.ft-cu p span {
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}
.ft-cu p.add span {
  max-width: 140px;
}
.ft-cu p.tel span {
  font-size: 22px;
}
.direc-btn {
  font-family: "Lato";
  font-size: 12px;
  padding: 8px 12px;
  border: 1px solid #fff;
  -webkit-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
  display: inline-block;
  margin: 5px auto 0;
}
.direc-btn:hover {
  background: #ff6000;
}
.direc-btn span,
.direc-btn img {
  display: inline-block;
  vertical-align: middle;
}
.direc-btn span {
  margin: 0 10px 0 0;
}
.ft-loc dl {
  margin: 0 auto;
  padding: 0;
}
.ft-loc dt iframe {
  width: 432px;
  max-width: 100%;
}
.ft-loc dd {
  margin: 0 auto;
  text-align: right;
}
.fbot {
  font-family: "Lato";
  font-size: 13px;
  color: #666666;
  margin: 20px auto 0;
}
.fbot p {
  margin: 0 auto;
}
.fbot p span {
  display: block;
  color: #fff;
  margin: 5px auto 0;
}
.fbot .social,
.fbot .cards {
  display: inline-block;
  vertical-align: top;
}
.fbot .social {
  margin: 0 20px 0 0;
}
.fbot .social a {
  font-size: 35px;
}
.fbot p.copy {
  margin: 20px auto 0;
  font-size:14px;
}
#footer .silver img {
  display: inline-block;
  vertical-align: middle;
  max-width: 35px;
}
#footer .row {
  position: relative;
}
.ft-logo {
  position: absolute;
  right: 0;
  bottom: 0;
}
#footer p a {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
#footer p a:hover {
  color: #ff6000;
}
/*inner pages*/
.inner header {
  min-height: 0;
}
.inner #content {
  min-height: 400px;
  padding: 40px 0;
}
.inner #content h1 {
  font-size: 45px;
}
.inner #content h3 small {
}
.inner #content .abt-img {
  float: left;
  margin: 0 20px 0 0;
}
.inner .sv-left {
  width: 70%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.inner .sv-right {
  width: 25.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.inner .main-serv {
  width: 100%;
}
.inner .sv-box {
  background: #171717;
  padding: 58px 15px;
}
.inner .sv-box h4 {
  font-size: 42px;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8000), to(#d90000)) repeat padding-box text;
  background: -o-linear-gradient(#ff8000, #d90000) repeat padding-box text;
  background: linear-gradient(#ff8000, #d90000) repeat padding-box text;
  line-height: 125%;
  font-family: "Bebas Neue", sans-serif;
}
.inner .sv-box2 {
  background: #eeeeee;
  padding: 25px 15px;
  margin: 10px 0;
}
.inner .sv-box2 h5 {
  font-family: "Bebas Neue", sans-serif;
  color: #000;
  font-size: 28px;
}
.inner .sv-box2 span {
  display: block;
  color: #ff6000;
  font-family: "Bebas Neue", sans-serif;
  font-size: 35px;
  padding: 10px 0;
  font-weight: bold;
  text-decoration: underline;
}
.inner .serv-img img {
  margin: 5px 0;
  width: 100%;
}
.inner iframe {
  max-width: 1180px;
  width: 100%;
}
.inner .btn {
  color: #fff;
}
.inner .g-recaptcha div {
  margin: 0 auto;
}
.inner #footer-top {
  display: none;
}
.cta,
.ctc-hide,
.destroy-on-load {
  display: none;
}
@media screen and (max-width: 1024px) {
  img {
    max-width: 100%;
  }
  .contain {
    min-width: 0;
  }
  .row {
    width: 95%;
  }
  .hd-left,
  .hd-right {
    float: none;
    max-width: 660px;
    margin: 0 auto;
  }
  .bn-trailers {
    position: static;
  }
  .bn-bot {
    padding: 20px 0;
  }
  #services dl {
    margin: -35px 1% 0;
    max-width: 30%;
  }
  .cn-txt,
  .cn-img,
  .trst-img,
  .trst-txt,
  .ft-left,
  .ft-right {
    max-width: none;
    float: none;
    margin: 0 auto 20px;
  }
  .cn-txt {
    padding: 0 0 50px;
  }

  .wrk-box img {
    max-width: 48%;
    margin: 0 1% 1%;
  }
  .wrk-right {
    max-width: 38%;
  }
  .wrk-left {
    max-width: 60%;
  }
  #footer .col {
    width: 30%;
    margin: 0 auto;
    padding: 0 1%;
  }
}

@media screen and (max-width: 1012px) {
  #header nav,
  .hd-right {
    text-align: center;
  }
}
@media screen and (max-width: 780px) {
  .ft-logo {
    position: static;
    display: block;
    margin: 20px auto 0;
  }
  .fbot {
    text-align: center;
  }

  #banner h2.grad {
    font-size: 58px;
  }
}

@media screen and (max-width: 680px) {
  #header nav a {
    text-align: left;
    width: 100%;
    text-indent: 25px;
  }
  #header nav a#pull {
    display: block;
    background-color: #ff6000;
    width: 100%;
    position: relative;
    text-align: left;
    height: 35px;
    padding: 10px 0 0;
  }
  #header nav a#pull:after {
    content: "";
    background: url("../images/nav-icon.png") no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
  }
  #header nav ul {
    display: none;
  }
  #header nav ul li {
    display: block;
    margin: 5px auto;
  }
  #header nav ul li a {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ft-right {
    width: 100%;
  }
  .qleft,
  .qright {
    width: 100%;
    float: none;
  }
  #footer .col {
    text-align: left;
    width: 49%;
    margin: 0 auto 20px;
    border: none;
    padding: 0;
  }
  #footer .col.ft-loc {
    width: auto;
  }
  .ftop {
    text-align: center;
  }
  .hd-top p {
    padding: 0 15px 0 0;
  }
  #services dd {
    position: static;
  }
  #services dl {
    margin: 15px 1%;
  }
  .cta {
    background: #c21212 url("../images/common/phonecall.png") no-repeat scroll
      center;
    border-bottom-left-radius: 40px;
    border-top: 2px solid #dc483b;
    border-top-left-radius: 40px;
    bottom: 1%;
    display: block;
    height: 80px;
    position: fixed;
    right: 0;
    text-decoration: none;
    width: 100px;
    z-index: 999;
    text-indent: -9999em;
  }

  .inner .sv-left,
  .inner .sv-right {
    float: none;
    width: 100%;
  }

  .inner .serv-img img {
    max-width: 450px;
    width: 100%;
  }

  .contact-left,
  .contact-right {
    width: 100%;
    float: none;
  }

  .contact-left .cont-logo {
    margin: 0;
  }
}

@media screen and (max-width: 480px) {
  header {
    min-height: 0;
  }
  .hd-top p {
    display: table;
    margin: 0 auto;
    padding: 0 !important;
  }
  .hd-top p span {
    display: none;
  }
  .hd-top {
    text-align: center;
  }
  #banner {
    background: none;
  }
  #banner h2.grad {
    font-size: 52px;
    text-align: center;
  }
  #banner h3 {
    font-size: 20px;
    text-align: center;
  }
  #banner .bn-bot h2 {
    font-size: 26px;
    text-align: center;
  }
  .btn {
    width: 140px;
  }
  #services dl {
    max-width: 75%;
    margin: 0 auto 40px;
  }
  #services dd {
    margin: 20px auto 0;
  }
  #content {
    padding: 20px 0;
  }
  #content h1 {
    font-size: 33px;
  }
  #content h5.welcome {
    font-size: 35px;
  }
  #works {
    padding: 20px 0;
  }
  .wrk-right,
  .wrk-left {
    max-width: 100%;
  }
  #works h3 {
    font-size: 30px;
  }
  #trust h2 {
    font-size: 33px;
  }
  #footer-top h2 span,
  #works h2 span {
    font-size: 65px;
  }
  #footer-top .qform h2 {
    font-size: 45px;
  }
  .ft-cu p span {
    font-size: 14px;
  }
  #trust p {
    font-size: 18px;
  }
  #works h3 > br {
    display: none;
  }
  .bn-top {
    padding: 25px 0 0;
  }
  .bn-top .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #footer-top .row {
    width: 100%;
  }
  .ft-left {
    padding-left: 5%;
    padding-right: 5%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .qform {
    padding: 20px 3%;
  }
  .trailer {
    max-width: 90%;
    margin: 0 auto;
  }
  .trailer h3 img {
    max-width: 30%;
  }
  .trailer h3 span {
    display: block;
    margin: 10px auto 0;
    text-align: center;
  }
  .cn-txt {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 325px) {
  .g-recaptcha {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    position: relative;
    left: -15px;
  }

  #footer p a {
    word-break: break-word;
  }
}