@font-face {
  font-family: "Roboto-Medium";
  src: url("../fonts/Roboto-Medium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Roboto-Medium.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Roboto-Medium.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Roboto-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Roboto-Medium.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Roboto-Medium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto-Bold";
  src: url("../fonts/Roboto-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Roboto-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Roboto-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Roboto-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Roboto-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Roboto-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/Roboto-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Roboto-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Roboto-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Roboto-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Roboto-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Roboto-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'robotoblack';
  src: url('../fonts/roboto-black-webfont.eot');
  src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-black-webfont.woff2') format('woff2'),
       url('../fonts/roboto-black-webfont.woff') format('woff'),
       url('../fonts/roboto-black-webfont.ttf') format('truetype'),
       url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
  font-weight: normal;
  font-style: normal;

}




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,
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;
    outline: 0;
    vertical-align: top;
    font: 400 normal 15px/28px 'Roboto', sans-serif;
    color: #181817
}

strong {
    font-family: 'Roboto', sans-serif;
	font-weight:900;
}

em {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit
}

ol {
    margin-bottom: 20px !important
}

ol li {
    list-style-position: outside;
    margin-left: 19px;
    padding-left: 11px;
    margin-bottom: 15px
}

iframe {
    width: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

html {
    -webkit-text-size-adjust: 100%
}

a {
    text-decoration: none
}

body {
    margin: 0;
    background: #fff
}

ul {
    list-style-type: none
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal
}

:required {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

em,
i {
    font-style: italic
}

u {
    text-decoration: underline
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

blockquote,
q {
    quotes: "" ""
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

a,
input[type="submit"],
input[type="button"],
button,
label[for] {
    cursor: pointer
}

input[type="submit"] {
    -webkit-appearance: none
}

input[type="submit"],
a.button {
    background: #d82f4e url(../images/submit-icon-white.png) no-repeat 87% 50%;
    height: 50px;
    width: 175px;
    padding: 3px 22px 3px 4px;
    text-transform: uppercase;
    letter-spacing: 0px;
    border: 0px solid #d82f4e;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    font-size: 17px;
    display: block;
    font-family: 'Roboto',sans-serif;
    margin: 0 auto;
    outline: none;
    overflow: hidden
}

input[type="submit"]:hover {
    color: #fff;
    background-color: #133d65 !important;
    background-image: url(../images/submit-icon-white.png)
}

.myPopupDv input[type="submit"]:hover {
    border-color: #fff
}

div.wpcf7 .ajax-loader {
    position: absolute;
    right: 27px;
    bottom: 42px;
    background-color: #fff;
    border-radius: 50%
}

.myPopupDv {
    width: 400px;
    height: auto;
    position: absolute !important;
    left: 50% !important;
    margin-left: -200px;
    top: 50%;
    padding: 15px 20px;
    background: #fff;
    margin-top: -120px
}

.myPopupDv .wpcf7-form-control-wrap {
    display: block
}

.myPopupDv .formScn li.submitCls {
    margin-top: 0
}

button.my_popup_close {
    position: absolute;
    background: #fff url(../images/close.png) no-repeat center center;
    right: 7px;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 7px;
    background-size: 52%;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    overflow: hidden
}

div#my_popup_wrapper {
    background: rgba(0, 0, 0, 0.71)
}

div[aria-hidden="true"] {
    display: none !important
}

div[aria-hidden="true"] .enquireNow {
    display: none !important
}

div[aria-hidden="false"] {
    display: inline-block !important
}

div[aria-hidden="false"] .enquireNow {
    display: block !important
}

.popupDv {
    width: 800px;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -150px
}

.myPopupDv .enquireNow .heading {
    text-transform: uppercase;
    padding-bottom: 11px;
    margin-bottom: 4px
}

div.wpcf7-validation-errors,
.wpcf7-mail-sent-ok,
div.wpcf7-spam-blocked,
div.wpcf7-acceptance-missing {
    display: none !important
}

.wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%
}

span.wpcf7-not-valid-tip {
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-size: 13px !important;
    background: #fff;
    border-radius: 0;
    padding: 3px 11px;
    border: 1px #f00 solid
}

h1 {
   font-family: 'Roboto',sans-serif; 
    font-weight: 900;
}

img {
    -ms-interpolation-mode: bicubic
}

.linksiz {
    font-size: 19px;
    line-height: 30px
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::selection {
    background: #32318f;
    color: #187ed2
}

::-moz-selection {
    background: #32318f;
    color: #187ed2
}

::-webkit-selection {
    background: #32318f;
    color: #187ed2
}

a {
    text-decoration: underline;
    color: #4885ed;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

a:hover {
    color: #133d65
}

.readmore {
    display: inline-block;
    padding: 13px 43px 11px 28px;
    letter-spacing: 0;
    text-align: left;
    color: #fff;
    font-size: 17px;
    line-height: 26px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 0;
    border: 1px #133d65 solid;
    width: 240px;
    height: 54px;
    position: relative;
    background: #133d65;
    font-family: 'Roboto',sans-serif
}

.readmore:before {
    content: "";
    position: absolute;
    right: 19px;
    top: 50%;
    width: 20px;
    height: 20px;
    background: url(../images/submit-icon-white.png) no-repeat center center;
    margin-top: -10px
}

.readmore:hover {
    color: #fff;
    background: #255b85;
    border-color: #255b85
}

.readmore:hover:before {
    background-image: url(../images/submit-icon-white.png)
}

button {
    cursor: pointer
}

caption,
th,
td {
    vertical-align: top
}

h1 {
    font-size: 40px;
    font-family: JosefinSans-Bold, sans-serif;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 26px
}

h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto',sans-serif; ;
    color: #d82f4e;
    padding-bottom: 0;
    font-size: 28px;
    
    font-weight:normal;
    line-height: 35px;
    margin-bottom: 15px;
    position: relative;
    letter-spacing: 0.5px
}

h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-family: 'Roboto',sans-serif;
		font-weight:900;
}

h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    display: inline-block;
    position: relative;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    color: inherit;
    padding: 0 0
}

h2 a,
h3 a {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    text-decoration: none;
    color: #4885ed
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-size: inherit;
    line-height: inherit;
    /*font-weight: inherit;*/
    font-family: inherit
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #ff4c49;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit
}

.heading {
    color: #181817;
    padding-bottom: 26px;
    font-size: 30px;
    font-weight: normal;
    line-height: 40px;
    margin-bottom: 15px;
    position: relative;
    font-family: 'Roboto',sans-serif
}

img {
    height: auto;
    max-width: 100%
}

input,
select,
textarea {
    font-size: 13px
}

input[type="text"],
input[type="tel"],
input[type="phone"],
input[type="email"],
input[type="date"],
select {
    outline: none;
    border: 1px solid #898989;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 43px;
    padding: 4px 10px;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
    font-family: OpenSans-Light, sans-serif;
    color: #898989
}

p {
    margin: 0 0 27px;
    font-size: 16px;
    line-height: 24px;
	font-weight:400;
    font-family: Roboto-Regular, sans-serif;
    color: #000	
}

p a {
    font-size: 17px;
    line-height: 35px
}

table {
    border: 0;
    border-spacing: 0;
    empty-cells: show
}

textarea {
    outline: none;
    height: 94px;
    font-size: 14px;
    resize: none;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 12px 10px;
    font-weight: normal;
    border: 1px solid #898989;
    color: #181817;
    margin: 0;
    vertical-align: top;
    font-family: OpenSans-Light, sans-serif
}

ul,
ol {
    margin: 0;
    padding: 0
}

.wrap {
    border: 0;
    clear: both;
    float: none;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden
}

.ban_inn li:last-child a:hover {
    background-color: #E2B72C;
    color: #fff;
    border: 1px solid #E2B72C
}

.ban_inn li:last-child a img {
    display: inline-block;
    vertical-align: middle
}

.floatFl {
    float: left
}

.floatRgt {
    float: right
}

.tall {
    text-align: left
}

.talr {
    text-align: right
}

.talc {
    text-align: center
}

.justify {
    text-align: justify
}

.m0 {
    margin: 0px 0px 0px 0px
}

.wid {
    max-width: 1190px;
    margin: 0 auto
}

.wid:after,
li:after,
ul:after,
.social:after,
div:after {
    display: block;
    content: "";
    clear: both
}

::-webkit-input-placeholder {
    opacity: 1;
    color: #000
}

:-moz-placeholder {
    opacity: 1;
    color: #000
}

::-moz-placeholder {
    opacity: 1;
    color: #000
}

:-ms-input-placeholder {
    opacity: 1;
    color: #000
}

*,
:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hidecal {
    display: none
}

a.phn {
    font-family: inherit !important;
    color: #4885ed !important;
    display: inline-block !important;
    font-size: inherit !important;
    line-height: inherit !important
}

a.phn:hover {
    color: #133d65 !important
}

.rcapcha {
    border-radius: 3px;
    height: 75px;
    margin: 0 auto 6px;
    overflow: hidden;
    width: 100%
}

.listng,
.listing {
    margin-bottom: 12px;
    padding-left: 20px;
    display: table
}

.listng li,
.listing li {
    padding: 0 8px 0 22px;
    margin-bottom: 9px;
    position: relative;
    margin-left: 0;
    margin-right: 0
}

.listng li:before,
.listing li:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 9px;
    width: 10px;
    height: 10px;
    background: #181817;
    border-radius: 50%;
    background-size: 14px
}

.listng li a,
.listing li a {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: bold;
    color: #4885ed
}

.listng li a:hover,
.listing li a:hover {
    color: #f3930c
}

.listng.twoCol li,
.listing.twoCol li {
    width: 50%;
    float: left
}

.listng.threeCol li,
.listing.threeCol li {
    width: 33.33%;
    float: left
}

.listng.fourCol li,
.listing.fourCol li {
    width: 25%;
    float: left
}

.listng.fiveCol li,
.listing.fiveCol li {
    width: 19%;
    float: left
}

.listng.sixCol li,
.listing.sixCol li {
    width: 16%;
    float: left
}

.listng.sevenCol li,
.listing.sevenCol li {
    width: 14%;
    float: left
}

.social {
    margin: 0;
    clear: both;
    float: right;
    padding: 0 0 3px
}

.social li {
    margin-right: 18px !important;
    float: left
}

.social li a {
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    padding: 0 !important;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center center !important;
    border: 2px #d82f4e solid;
}

.social li:last-child {
    margin-right: 0 !important
}

.fb {
    background-image: url(../images/northam-fb.png);
		 /*background-color: #ff4c49;
    border-color: #ff4c49 !important; */
}

.fb:hover {
    background-image: url(../images/SocialF.png);
   
}

.tw {
    background-image: url(../images/northam-tw.png)
}

.tw:hover {
    background-image: url(../images/SocialT.png);
   /* background-color: #ff4c49;
    border-color: #ff4c49 !important */
}

.lnk {
    background-image: url(../images/northam-li.png)
}

.lnk:hover {
    background-image: url(../images/SocialI.png);
   /* background-color: #ff4c49;
    border-color: #ff4c49 !important */
}

.yt {
    background-color: #255b85
}

.yt:hover {
    background-color: #c4302b;
    border-color: #c4302b !important
}

.innerpage h1 {
    position: relative;
    padding-bottom: 12px;
    color: #000;
    /* text-transform: uppercase; */
    margin-top: 4px;
    font-family: 'Roboto',sans-serif;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 49px;
    font-weight: 900;
}

.innerpage h1:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 0;
    width: 48.1%;
    background: transparent
}

.innerpage h2,
.innerpage h3,
.innerpage h4,
.innerpage h5,
.innerpage h6 {
  /*  padding-bottom: 15px;
    margin-bottom: 17px; */
    color: #ff4c49;
    font-family: 'Roboto',sans-serif;
    font-size: 24px
}

.innerpage h2:before,
.innerpage h3:before,
.innerpage h4:before,
.innerpage h5:before,
.innerpage h6:before {
    left: 0;
    margin-left: 0
}

@media screen and (max-width: 1230px) {
    .listng.fourCol li,
    .listing.fourCol li {
        width: 33.33%;
        float: left
    }
    .wid {
        max-width: 1125px;
        padding: 0 15px
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 34px
    }
    h2.hdngLft {
        text-align: left
    }
    h2.hdngLft:before {
        margin-left: 0;
        left: 0
    }
}

@media screen and (max-width: 1184px) {
    .wid {
        max-width: 1045px;
        padding: 0 15px
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 27px;
        line-height: 37px
    }
}

@media screen and (max-width: 1090px) {
    .wid {
        max-width: 980px
    }
}

@media screen and (max-width: 1023px) {
    .wid {
        max-width: 930px
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 27px;
        line-height: 37px
    }
}

@media screen and (max-width: 995px) {
    .wid {
        max-width: 839px
    }
    .listng.threeCol li,
    .listing.threeCol li {
        width: 50%;
        float: left
    }
    .innerpage h2.hdngLft {
        clear: inherit
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 28px;
        line-height: 38px;
        width: 100%
    }
}

@media screen and (max-width: 874px) {
    ul.sitemap ul.sub-menu a {
        padding-left: 0 !important;
        border: none !important
    }
    .listng.twoCol li,
    .listing.twoCol li {
        width: 100%;
        float: left
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 23px;
        line-height: 33px
    }
    .makes-logos {
        background-image: url('/wp-content/uploads/2020/11/Broken-Vehicle-Collection_MobileLogos.jpg') !important;
        margin: 25px 0 0;
        padding-top: 99px;
        text-align: center;
        position: relative;
        background-size: contain !important;
        background-position: 50% 0;
        display: table;
        height: 157px;
        background-repeat: no-repeat;
        width: 100%;
    }
}

@media screen and (max-width: 770px) {
    h2.hdngLft.clearBth {
        clear: both;
        text-align: center
    }
    h2.hdngLft.clearBth:before {
        margin-left: -55px;
        left: 50%
    }
}

@media screen and (max-width: 767px) {
    .innerpage h2,
    .innerpage h3,
    .innerpage h4,
    .innerpage h5,
    .innerpage h6 {
        font-size: 17px;
        line-height: 27px
    }
    .readmore {
        width: auto;
        height: 40px;
        padding: 6px 40px 0 15px;
        font-size: 15px
    }
    .readmore:before {
        right: 8px
    }
    .listng.fourCol li,
    .listing.fourCol li {
        width: 50%;
        float: left
    }
    .innerpage h2.hdngLft {
        clear: both
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 17px;
        line-height: 27px;
        width: 100%;
        padding: 0 0 15px
    }
    h2.hdngLft {
        text-align: center
    }
    h2.hdngLft:before {
        margin-left: -55px;
        left: 50%
    }
}

@media screen and (max-width: 479px) {
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 17px;
        line-height: 27px
    }
    .listng.threeCol li,
    .listing.threeCol li {
        width: 50%;
        float: left
    }
    .listng.twoCol li,
    .listing.twoCol li {
        width: 100%;
        float: left
    }
}

@media screen and (max-width: 431px) {
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 17px;
        line-height: 27px
    }
}

div#sfsi_floater {
    display: none
}

button.inlineBlock._2tga._89n_._8j9v {
    display: none
}

div#sfsiid_facebook {
    position: relative;
    top: -37px;
    background: none;
    border: none;
    left: 28px;
    width: 50px !important;
    box-shadow: none
}

div#sfsiid_twitter {
    position: relative;
    top: -38px;
    background: none;
    border: none;
    box-shadow: none;
    left: 28px
}

span.bot_arow.bot_fb_arow {
    display: none
}

span.bot_arow.bot_twt_arow {
    display: none
}

div#sfsiid_linkedin {
    position: relative;
    top: -34px;
    left: 40px;
    background: none;
    border: none;
    box-shadow: none
}

span.bot_arow.bot_linkedin_arow {
    display: none
}

button.inlineBlock._2tga._89n_._8j9v {
    display: none
}

.sfsiplus_footerLnk {
    display: none
}

.fb_tool_bdr .sfsi_inside .icon3 {
    margin: 2px 0 2px 0;
    height: auto;
    width: 62px;
    display: inline-block;
    float: none;
    top: 6px;
    position: absolute;
    left: 11px
}

.icon3 a {
    position: absolute;
    left: -34px;
    top: 39px
}

.soc-shar .this {
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 20px
}

.servCont .heading {
    text-align: left !important
}

.mobftrd {
    display: none
}

ul.sub-menu a {
    font-size: 13px !important
}

.aniPos ul.sub-menu a {
    font-size: 12px !important;
    padding: 4px 11px !important
}

.menu>ul>li.current_page_item>a {
    border-bottom: 2px transparent solid
}

.current_page_item>a,
.current-menu-item>a {
    color: #133d65 !important;
    background: transparent
}

.current_page_item>a:hover,
.current-menu-item>a:hover {
    color: #133d65 !important
}

.current_page_item>a:hover:before,
.current-menu-item>a:hover:before {
    background: transparent
}

.menu>ul>li.current_page_item>a:before,
.menu>ul>li.current-menu-item>a:before {
    background: transparent
}

li.menu-item-has-children .current-menu-item a {
    background: #146eaa;
    color: #fff !important
}

.current_page_item li a:hover,
.current-menu-item li a:hover {
    color: #fff !important
}

.current_page_item li a,
.current-menu-item li a {
    color: #fff !important
}

.current_page_item li a:hover,
.current-menu-item li a:hover {
    color: #fff
}

.current_page_parent li.current_page_item a:hover,
.current_page_parent li.current-menu-item a:hover {
    color: #fff !important
}

.sitmpee .current_page_item a {
    color: inherit !important
}

footer .current_page_item a:hover,
footer .current-menu-item a:hover {
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #ff4c49 !important
}

a.menu-link {
    color: #181817;
    display: block;
    text-decoration: none;
    height: 22px;
    width: 35px
}

.menu-link:hover span {
    border-color: #666
}

.menu,
.menu>ul,
.menu>ul ul {
    clear: both;
    flex-flow: column
}

.menu.active1 {
    background: #121212;
    margin: 1em 0 1em -12px;
    max-height: 55em;
    width: 56vw
}

.js .menu>ul ul.active1 {
    margin: 0;
    max-height: 55em;
    padding: 0
}

.menu>ul {
    padding: 0
}

nav li {
    display: inline-block;
    margin: 0;
    position: relative
}

nav>ul>li {
    margin: 0 1px;
    padding: 0 7px;
    position: relative
}

nav>ul>li:before {
    content: "";
    position: absolute;
    right: -5px;
    top: 50%;
    width: 2px;
    height: 16px;
    margin-top: -8px;
    background: #fff
}

nav>ul>li:first-child {
    margin-left: 0;
    padding-left: 7px
}

nav>ul>li:last-child {
    margin-right: 0
}

nav>ul>li:last-child ul.sub-menu {
    right: 0;
    left: inherit
}

nav>ul>li:last-child ul.sub-menu li {
    text-align: right
}

li.contactMenu a {
    padding: 8px 20px !important;
    font-family: 'Roboto-Medium', sans-serif;
    border: 3px #133d65 solid
}

li.contactMenu a:hover {
    background: #133d65;
    color: #e4002b !important
}

li.contactMenu a:before,
li.contactMenu a:hover:before {
    display: none
}

li.contactMenu {
    margin-left: 12px !important;
    float: right
}

.menu li a {
    color: #fff;
    font-family:'Roboto',sans-serif;
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    padding: 15px 10px;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: none !important
}

li.menu-item-has-children a {
    padding-right: 14px !important
}

.menu>ul>li:last-child a {
    padding-right: 0
}

span.has-subnav {
    display: block;
    color: #e4002b;
    font-size: 1em;
    line-height: 34px;
    position: absolute;
    padding: 0 0.5em;
    cursor: pointer;
    right: 7px;
    top: -2px;
    width: 30px;
    height: 30px
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    position: absolute;
    display: block;
    content: ''
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    background: #ff4c49
}

#nav-toggle span::before {
    top: 8px
}

#nav-toggle span:after {
    bottom: -16px
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    transition: all 500ms ease-in-out
}

#nav-toggle1.active1 span {
    background-color: transparent
}

#nav-toggle1.active1.active1 span::before,
#nav-toggle1.active1.active1 span::after {
    top: 11px
}

#nav-toggle1.active1 span:before,
#nav-toggle1.active1 span:after {
    top: 0
}

#nav-toggle1.active1 span:before {
    transform: rotate(45deg)
}

#nav-toggle1.active1 span:after {
    transform: rotate(-45deg)
}

#nav-toggle1 span,
#nav-toggle1 span:before,
#nav-toggle1 span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    position: absolute;
    display: block;
    content: ''
}

#nav-toggle1 span,
#nav-toggle1 span:before,
#nav-toggle1 span:after {
    background: #fff
}

#nav-toggle1 span::before {
    top: 8px
}

#nav-toggle1 span:after {
    bottom: -16px
}

.closeBtn {
    display: none
}

.menu.active1 a.menu-link {
    display: block;
    z-index: 99999;
    left: 21px;
    right: inherit;
    top: 19px
}

@media screen and (min-width: 875px) {
    .menuRgt nav>ul>li.menu-item-has-children>a {
        background: url(../images/dropdown-icon-white.png) no-repeat 90% 50%;
        background-size: 10px !important
    }
    .mobMenu {
        display: none !important
    }
    .menu>ul>li>a:before {
        content: "";
        display: block;
        bottom: 6px;
        height: 2px;
        left: 0;
        right: 0;
        background: transparent;
        position: absolute
    }
    .menu>ul>li>a:hover:before {
        background: transparent
    }
    .menu ul ul ul {
        left: 329px;
        top: 0;
        padding-top: 0
    }
    a.menu-link {
        display: none
    }
    .js .menu,
    .js .menu>ul ul {
        max-height: none;
        overflow: visible
    }
    .js .menu>ul li:hover>ul {
        display: flex;
        opacity: 1;
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1)
    }
    .menu ul {
        float: right;
        width: 100%;
        margin: 0;
        padding: 0
    }
    nav>ul>li:first-child a {
        padding-left: 0
    }
    nav>ul>li:last-child {
        padding-right: 0
    }
    nav>ul>li:last-child a {
        padding-right: 0
    }
    nav>ul>li:last-child:before {
        display: none
    }
    .menu>ul>li.current-menu-parent>a {
        border-bottom: 2px #ff4c49 solid
    }
    .menu>ul>li>a {
        position: relative;
        border-radius: 0;
        border: 0px transparent solid
    }
    .menu>ul>li>a:hover {
        color: #133d65
    }
    .menu span.has-subnav {
        width: 20px;
        height: 16px;
        background: url(../images/dropdown-icon-white.png) no-repeat center center;
        position: absolute;
        right: 0;
        top: 17px;
        background-size: 12px !important;
        text-indent: -9999px;
        z-index: 9
    }
    .menu li a:hover {
        color: #146eaa;
    }
    .menu ul ul {
        border-radius: 0px 0px 5px 5px;
        border-bottom: solid 1px transparent;
        opacity: 0;
        height: auto;
        overflow: hidden;
        padding: 1px 0 0;
        position: absolute;
        text-align: left;
        left: 0;
        right: 0;
        top: 61px;
        min-width: 234px;
        z-index: 999;
        transition: all 0.25s;
        transform: translate3d(0, 13px, 0);
        -webkit-transform: translate3d(0, 13px, 0);
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        transform-origin: 50% 0
    }
    .aniPos .menu ul ul {
        top: 23px;
        padding: 15px 0 0
    }
    .aniPos .menu ul ul ul {
        top: 0
    }
    .aniPos nav.menu>ul>li span.has-subnav {
        top: 13px
    }
    .aniPos nav.menu>ul>li:hover span.has-subnav {
        top: 13px
    }
    .chrome .js .menu>ul ul {
        top: 43px
    }
    .menu ul ul.wide {
        width: 300px
    }
    .menu ul ul li {
        border-bottom: solid 1px #d82f4e;
        display: block;
        position: relative;
        background: #d82f4e;
    }
    .menu ul ul li:hover {
        background: #146eaa;
        border-bottom: solid 1px #797979
    }
    .menu ul ul li:hover a {
        color: #fff
    }
    .menu>ul ul li:last-child {
        border-bottom: none
    }
    .menu ul ul li a {
        display: block;
        padding: 6px 11px;
        font-size: 18px;
        color: #fff
    }
    .aniPos .menu li a {
        font-size: 14px;
        padding: 8px 0
    }
    .aniPos .menu li li a {
        font-size: 14px
    }
    .aniPos nav>ul>li {
        margin: 0 1px
    }
}

@media screen and (max-width: 1230px) {
    nav>ul>li {
        margin: 0 1px
    }
    .aniPos nav>ul>li {
        margin: 0 3px
    }
    .aniPos .menu span.has-subnav {
        top: 13px
    }
    .menu li a {
        font-size: 13px
    }
    .aniPos .menu li a {
        font-size: 12px
    }
    .aniPos .menu ul ul {
        top: 23px
    }
}

@media screen and (max-width: 1184px) {
    .js .menu>ul ul.active1 {
        padding: 27px 0 0
    }
    nav>ul>li {
        margin: 0 0
    }
    .aniPos nav>ul>li {
        margin: 0 3px
    }
    .menu li a {
        font-size: 12px
    }
    .aniPos .menu li a {
        font-size: 11px !important
    }
}

@media screen and (max-width: 1090px) {
    nav>ul>li {
        padding: 0 15px
    }
    .menu li a {
        font-size: 16px;
        line-height: 20px
    }
    .aniPos .menu li a {
        font-size: 14px !important
    }
    .menu li:hover span.has-subnav {
        top: 8px
    }
    li.menu-item-has-children a {
        padding-right: 16px !important
    }
    .menu span.has-subnav {
        right: -4px
    }
    .aniPos nav.menu>ul>li:hover span.has-subnav {
        top: 17px
    }
    .aniPos .menu span.has-subnav {
        top: 21px
    }
    .aniPos .menu li a {
        font-size: 11px
    }
    nav>ul>li {
        margin: 0 1px
    }
    .aniPos nav>ul>li {
        margin: 0 1px
    }
}

@media screen and (max-width: 1023px) {
    nav>ul>li {
        padding: 0 15px
    }
    .aniPos .menu ul ul {
        top: 12px
    }
    .aniPos nav.menu>ul>li span.has-subnav {
        top: 12px
    }
    .aniPos nav.menu>ul>li:hover span.has-subnav {
        top: 12px
    }
    .innerpage {
        margin-top: 108px
    }
    nav>ul>li {
        margin: 0 1px
    }
    .aniPos nav>ul>li {
        margin: 0 1px
    }
}

@media screen and (max-width: 995px) {
    .menu span.has-subnav {
        top: 8px
    }
    .menu span.has-subnav {
        right: -1px
    }
    nav>ul>li {
        margin: 0 0px;
        padding: 0 1px
    }
    .aniPos nav>ul>li {
        margin: 0 0px
    }
}

@media screen and (max-width: 874px) {
    nav>ul>li:before {
        right: 0;
        background: none
    }
    .js .menu>ul ul.active1 {
        padding: 0 0 0
    }
    .menu a.menu-link {
        display: none
    }
    .current_page_item>a,
    .current-menu-item>a {
        color: #133d65 !important;
        background: transparent
    }
    .aniPos nav.menu>ul>li:hover span.has-subnav {
        top: 10px
    }
    .aniPos nav.menu>ul>li span.has-subnav {
        top: 10px;
        background-size: 12px
    }
    .aniPos .menu ul ul {
        top: 0
    }
    nav>ul>li:last-child ul.sub-menu li {
        text-align: left
    }
    .aniPos .menu span.has-subnav {
        top: 7px
    }
    .aniPos ul.sub-menu a {
        font-size: 15px !important;
        padding: 10px 38px !important
    }
    .menu li:hover span.has-subnav {
        top: 13px
    }
    .menuD {
        float: right;
        width: 100%
    }
    nav>ul>li,
    li.contactMenu {
        margin: 0 0 !important
    }
    li.contactMenu a {
        padding: 5px 15px !important;
        border: 1px #fff solid;
        font-family: 'Roboto-Medium'', sans-serif
    }
    .menu ul ul span.has-subnav {
        width: 24px;
        background-size: 14px;
        padding: 0;
        top: 0;
        height: 24px
    }
    .aniPos .menu ul ul span.has-subnav {
        top: 0
    }
    .menu span.has-subnav {
        right: 13px;
        height: 25px;
        top: 11px;
        transform: rotate(0deg);
        background-size: 10px
    }
    .menu span.has-subnav.active1 {
        transform: rotate(90deg)
    }
    .aniPos nav.menu>ul>li span.has-subnav {
        top: 3px
    }
    .aniPos .menu li.menu-item-has-children a {
        padding-right: 48px !important
    }
    .menu.active1 {
        right: 0;
        padding-left: 0;
        text-align: right;
        padding-top: 43px;
        max-height: 59em;
        overflow-y: auto;
        width: 50vw;
        border-top: 0px #ff4c49 solid;
        background: #ff4c49
    }
    .aniPos .menu {
        top: 126px
    }
    .menu.active1 a.menu-link {
        top: 21px
    }
    .menu {
        z-index: 999999 !important;
        right: 0;
        margin: 0 0 0 !important;
        position: absolute;
        top: 158px;
        border-top: 0px #255b85 solid;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
        width: 70vw;
        text-align: right;
        background: #255b85
    }
    span.has-subnav {
        text-indent: -99999px;
        background: url(../images/dropdown-icon-white.png) no-repeat 50% 50%;
        top: 12px
    }
    a.menu-link {
        float: right;
        margin-right: 0;
        position: absolute;
        top: 44px;
        right: 15px
    }
    .aniPos a.menu-link {
        top: 27px
    }
    .menu,
    .menu>ul ul {
        margin: 0;
        max-height: 0;
        overflow: hidden
    }
    .menu li li a {
        padding-left: 27px;
        font-size: 17px
    }
    .menu li:last-child a {
        border: none
    }
    .menu li li:last-child a {
        border-bottom: 1px solid #187ed2
    }
    .menu li:hover {
        background: transparent
    }
    .menu li:hover a {
        color: #133d65
    }
    .menu li:hover li a {
        color: #fff
    }
    .menu li:hover li a:hover {
        color: #133d65
    }
    li.menu-item-has-children .current-menu-item a {
        background: #133d65
    }
    .current_page_item a:hover,
    .current_page_item li a:hover,
    .current-menu-item a:hover {
        color: #255b85 !important
    }
    .navigate .menu-item-has-children>span {
        display: block;
        right: 2%;
        position: absolute;
        width: 40px;
        height: 40px;
        top: 8px;
        cursor: pointer
    }
    .navigate .menu-item-has-children:hover>ul {
        display: none
    }
    li.menu-item-has-children a {
        padding-right: 49px !important
    }
    .menu ul li {
        background: transparent;
        display: block;
        float: left;
        padding: 0 0;
        width: 100% !important
    }
    .menu>ul>li.current_page_item>a {
        border-color: #187ed2
    }
    .sub-menu {
        float: left;
        margin: 0;
        padding: 0;
        position: inherit;
        top: inherit;
        width: 100% !important
    }
    .sub-menu li {
        width: 100%;
        padding: 0%
    }
    .menu li a {
        font-size: 19px;
        border-bottom: 2px solid #e8494f;
        display: block;
        padding: 14px 15px;
        color: #fff;
        background-size: 90%
    }
    .menu>ul>li:last-child a {
        padding-right: 15px
    }
    .aniPos .menu li a {
        font-size: 18px !important;
        line-height: 31px;
        padding: 4px 15px !important
    }
    .sub-menu li a {
        font-size: 16px !important;
        line-height: 27px;
        padding: 7px 60px 7px 0px !important;
        width: 100%
    }
    .aniPos .menu li ul.sub-menu a {
        padding: 5px 51px 5px 19px !important
    }
    .sub-menu ul li {
        background: none repeat scroll 0 0 #666;
        display: block;
        padding: 4px 15px !important
    }
    .sub-menu .sub-menu {
        float: left;
        position: static;
        padding: 0;
        margin: 0
    }
    .sub-menu .sub-menu li {
        padding: 0;
        margin: 0
    }
    .sub-menu .sub-menu li a {
        padding-left: 9% !important;
        background: #255b85
    }
    .sub-menu .menu-item-has-children a {
        background-image: none
    }
    .sub-menu .menu-item-has-children a:hover {
        background-image: none
    }
    .sitmpee .sub-menu li a {
        background-position: 0 1px;
        font-size: 16px !important;
        line-height: inherit !important;
        padding: 0 22px !important
    }
    .sitmpee .sub-menu li a:hover {
        background-position: 0 1px !important
    }
    .sitmpee li a {
        font-size: 16px;
        background-position: 0 2px
    }
    .sitmpee li a:hover {
        font-size: 16px;
        background-position: 0 2px
    }
}

@media screen and (max-width: 767px) {
    .aniPos nav.menu>ul>li span.has-subnav {
        top: 7px
    }
    .menu {
        top: 157px
    }
    .aniPos .menu {
        top: 130px
    }
    .menu li:hover span.has-subnav {
        top: 9px
    }
    .aniPos nav.menu>ul>li:hover span.has-subnav {
        top: 6px
    }
    .menu li.menu-item-has-children :hover span.has-subnav {
        top: -1px
    }
    .homeSec7 .hmCon7Lft {
        text-align: center
    }
    a.menu-link {
        position: absolute
    }
    .aniPos ul.sub-menu a {
        font-size: 14px !important
    }
    header .logoRgt .hdrRgtTop {
        float: right
    }
    header .logoRgt .hdrRgtTop .hdrEmail {
        float: right;
        color: #fff;
        margin: 0;
        font-size: 16px
    }
    a.menu-link.active1 {
        margin-top: -2px
    }
    .menu {
        text-align: right
    }
    .menu li a {
        color: #fff;
        padding: 8px 24px 8px 15px;
        line-height: 30px
    }
    .menu>ul>li:last-child a {
        padding-right: 24px
    }
}

@media screen and (max-width: 479px) {
    .aniPos .menu {
        top: 126px
    }
    .aniPos .menu li ul.sub-menu a {
        padding: 5px 22px 5px 19px !important
    }
    .menu.active1 a.menu-link {
        top: 27px
    }
    .aniPos .menu li a {
        font-size: 16px !important;
        line-height: 24px;
        padding: 8px 25px 8px 15px !important
    }
    .menu li:hover span.has-subnav {
        top: 11px
    }
    .menu.active1 {
        overflow: auto;
        max-height: 521px
    }
    a.menu-link.active1 {
        margin-top: 0
    }
    .menu li a {
        font-size: 18px
    }
    .sub-menu li a {
        font-size: 15px !important
    }
    .aniPos .menu span.has-subnav {
        top: 8px;
        background-size: 12px
    }
    .menu span.has-subnav {
        top: 10px;
        background-size: 12px
    }
    .aniPos nav.menu>ul>li:hover span.has-subnav {
        top: 7px
    }
    .aniPos nav.menu>ul>li span.has-subnav {
        top: 7px
    }
    .aniPos .menuD {
        padding-top: 0
    }
    .blueSeclinks li.greenLi_1 div,
    .blueSeclinks li.greenLi_3 div {
        width: 92px
    }
}

@media screen and (max-width: 431px) {
    .aniPos nav.menu>ul>li span.has-subnav {
        top: 6px
    }
    .menu li:hover span.has-subnav {
        top: 9px
    }
    .sub-menu li a {
        font-size: 15px !important
    }
    header.aniPos .hdrTop .logo {
        width: 250px;
        margin-top: 7px
    }
}

@media screen and (max-width: 359px) {
    .menu.active1 {
        max-height: 388px
    }
}

header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9;
    background: #fff
}

header div,
header nav,
header ul,
header li,
header img,
header span,
header small,
header p {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.menuAssets {
    display: none
}

.mobile {
    display: none
}

.logoScn {
    padding: 16px 0 0
}

.logo {
    float: left;
    width: 302px;
    padding: 18px 0 0 0;
    position: relative;
    font-family: 'Roboto',sans-serif;
    font-size: 38px;
    line-height: 33px;
    color: #aa0000;
    text-transform: uppercase;
    letter-spacing: 11px;
    text-decoration: none
}

.logoRgt {
    float: right;
    text-align: right;
    padding-top: 30px
}

.menuD {
    display: block;
    padding: 0;
    margin-right: 0;
	width:100%;
}

.menuCvr {
    margin: 22px 0 0;
    text-align: center;
    background: #146eaa;
}

.mobile {
    display: none
}

.hderCall {
    float: left;
    color: #000;
    font-size: 23px;
    text-decoration: none;
    padding: 11px 14px 10px 43px;
    font-family: Rubik-Bold, sans-serif;
    position: relative
}

.hderCall:before {
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    background: url(../images/call-button.png) no-repeat center center;
    width: 46px;
    position: absolute;
    -webkit-animation: rotate 2s infinite linear;
    animation: rotate 2s infinite linear;
    -webkit-transform: rotate(90deg);
    transform: rotate(0deg)
}

@-webkit-keyframes rotate {
    10%,
    90% {
        -webkit-transform: rotate(95deg);
        transform: rotate(95deg)
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.hderCall:hover {
    color: #133d65
}

small.weServ {
    float: left;
    padding: 8px 15px;
    font-family: 'Roboto',sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    border: 2px #133d65 solid
}

small.weServ span {
    color: #ff4c49;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit
}

.banner {
    margin: 60px 0 0;
    padding-top: 110px;
    text-align: center;
    position: relative;
    background-size: cover;
    background-position: 50% 0;
    display: table;
    height: 790px;
    width: 100%
}

.banner:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 604px;
    height: 540px;
    background-size: 676px
}

.aniPos {
    background: rgba(255, 255, 255, 0.9)
}

.aniPos .logoScn {
    background: #fff;
    padding: 4px 0
}

.aniPos .logoRgt {
    padding-top: 12px
}

.aniPos .menuD {
    padding: 0
}

.aniPos .logo {
    padding: 8px 0 0 0;
    height: 66px
}

.aniPos .menuCvr {
    margin: 6px 0 0
}

.contRgt .getqtForm li {
    width: 100%
}

.contRgt .getqtForm li.submitCls {
    width: 100%;
    text-align: center
}

.contRgt .qtFrm .heading span {
    color: #ff4c49;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.formUl {
    margin: 0 auto;
    width: 482px;
    padding: 7px 0 0
}

.formUl>li {
    width: 100%;
    padding: 0 3px;
    margin-bottom: 8px
}

.formUl>li:nth-child(1),
.formUl>li:nth-child(2),
.formUl>li:nth-child(3),
.formUl>li:nth-child(4) {
    width: 50%
}

.formUl>li.submitCls {
    margin-top: 31px;
    position: relative
}

.formUl>li.submitCls input[type="submit"]:hover {
    background-color: #aa0000
}

.formUl>li:nth-child(1),
.formUl>li:nth-child(3) {
    float: left
}

.formUl>li:nth-child(2),
.formUl>li:nth-child(4) {
    float: right
}

.banCont {
    padding: 0 0 0;
    position: relative
}

.banCont h1 {
    font-size: 42px;
    font-family: 'Roboto',sans-serif; 
    line-height: 49px;
    color: #000;
    font-weight:900;
    margin: 0 0 0
}

.banCont h1 small {
    display: block;
    font-size: 30px;
    font-family: JosefinSans-Bold, sans-serif;
    line-height: 42px;
    color: #181817;
    text-transform: uppercase
}

.banCont h2 {
    color: #181817;
    font-size: 21px;
    line-height: 25px;
    padding: 2px 0 0px;
    font-family: OpenSans-SemiBold, sans-serif;
    text-transform: none
}

.banCont h2:before {
    background: none
}

.featuredImg {
    position: absolute;
    left: 0;
    top: 60%;
    margin-top: -160px;
    width: 51%;
    overflow: hidden
}

.featuredImg img {
    margin-left: -550px
}

.banner .wid {
    position: relative
}

.willget {
    width: 500px;
    position: absolute;
    bottom: -26px;
    left: 50%;
    margin-left: -250px;
    transform: rotate(-4deg);
    font-family: FreestyleScript-Regular, sans-serif;
    font-size: 47px;
    color: #fff
}

.bannerForm {
    width: 660px;
    padding: 24px 16px;
    margin: 28px auto 0;
    position: relative;
    z-index: 1
}

.bannerForm input[type="text"],
.bannerForm input[type="tel"],
.bannerForm input[type="phone"],
.bannerForm input[type="email"],
.bannerForm input[type="date"],
.bannerForm select {
    background: #fbfbfb;
    border-color: #fff;
    font-family: 'Roboto-Regular'; 
    color: #737373;
    height: 46px;
    font-size: 14px
}

.bannerForm ::-webkit-input-placeholder {
    opacity: 1;
    color: #181817
}

.bannerForm :-moz-placeholder {
    opacity: 1;
    color: #181817
}

.bannerForm ::-moz-placeholder {
    opacity: 1;
    color: #181817
}

.bannerForm :-ms-input-placeholder {
    opacity: 1;
    color: #181817
}

.bannerForm .heading {
    color: #000;
    text-transform: none;
    font-size: 20px;
    padding: 0;
    margin: 0 0 8px;
    font-family: 'Roboto',sans-serif; 
    font-weight: 900;

}

.bannerForm .heading span {
    color: #ff4c49;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.bannerForm .submitCls {
    margin-top: 24px
}

.bannerForm input[type="submit"],
.bannerForm a.button {
    background: #d82f4e url(../images/submit-icon-white.png) no-repeat 87% 50%;
    width: 194px;
    font-family: 'Roboto',sans-serif; 
    color: #fff
}

.bannerForm input[type="submit"]:hover,
.bannerForm a.button:hover {
    background: #133d65 url(../images/submit-icon-white.png) no-repeat 87% 50% !important;
    border: 3px solid #ff4c49;
    color: #fff
}

.getqtForm {
    margin: 0 -5px
}

.getqtForm li {
    padding: 0 6px;
    width: 33.33%;
    float: left;
    margin: 0 0 16px
}

.getqtForm li.submitCls {
    width: 100%;
    text-align: right;
    margin: 2px 0 0
}

.getqtForm input[type="text"],
.getqtForm input[type="tel"],
.getqtForm input[type="phone"],
.getqtForm input[type="email"],
.getqtForm input[type="date"],
.getqtForm select {
    background: transparent;
    height: 35px;
    border-color: #666566;
    font-family: OpenSans-Light, sans-serif;
    color: #181817;
    font-size: 13px
}

.getqtForm ::-webkit-input-placeholder {
    opacity: 1
}

.getqtForm :-moz-placeholder {
    opacity: 1
}

.getqtForm ::-moz-placeholder {
    opacity: 1
}

.getqtForm :-ms-input-placeholder {
    opacity: 1
}

.getqtForm li.submitCls>small {
    display: inline-block;
    position: relative
}

.getqtForm li.submitCls>small:before {
    content: "";
    position: absolute;
    width: 43px;
    top: 0;
    bottom: 0;
    right: 0;
    background: #ff4c49 url(../images/submit-icon-white.png) no-repeat center center
}

.buttonSctn li.callBtn {
    margin-right: 9px
}

.buttonScn a.callbtn:hover {
    color: #255b85
}

.buttonSctn li {
    display: inline-block;
    margin: 0 2px
}

.buttonSctn li a {
    height: 45px;
    width: 226px;
    display: block;
    text-decoration: none;
    font-family: OpenSans-Regular, sans-serif;
    font-size: 17px;
    padding: 8px 40px 0 13px;
    background-repeat: no-repeat;
    position: relative;
    border-width: 1px;
    border-style: solid
}

.buttonSctn .callBtn a {
    padding-right: 19px;
    padding-left: 72px;
    font-size: 19px;
    padding-top: 9px;
    color: #181817;
    border-color: #181817;
    background-color: #fff
}

.buttonSctn .callBtn a:before {
    content: "";
    width: 45px;
    top: 0;
    left: 0;
    bottom: 0;
    background: #ff4c49 url(../images/call-icon-white.png) 50% 50% no-repeat;
    position: absolute
}

.buttonSctn .callBtn a:hover {
    color: #fff;
    background-color: #ff4c49;
    border-color: #ff4c49
}

.buttonSctn .quoteBtn a {
    padding-right: 32px;
    padding-left: 45px;
    color: #fff;
    border-color: #181817;
    background-color: #181817
}

.buttonSctn .quoteBtn a:before {
    content: "";
    width: 45px;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ff4c49 url(../images/submit-icon-white.png) 50% 50% no-repeat;
    position: absolute
}

.buttonSctn .quoteBtn a:hover {
    background-color: #ff4c49;
    border-color: #ff4c49;
    color: #fff
}

.welcomesecn {
    padding: 48px 0 43px;
    background: no-repeat;
    background-size: cover;
    background-position: center 0
}

.leftWelcome {
    float: left;
    width: 100%
}

.leftWelcome h2 {
    font-size: 28px;
    padding-top: 29px;
    color: #000;
    padding-bottom:29px
}

.leftWelcome h2:before {
    display: none
}

.welcCap {
    font-family: OpenSans-SemiBold, sans-serif;
    margin-bottom: 15px
}

.welcCap .listing {
    margin-top: -14px
}

.welcCap p,
.welcCap li {
    font-family: OpenSans-SemiBold, sans-serif;
    font-size: inherit;
    line-height: inherit
}

.welcCap li {
    text-transform: uppercase;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px
}

.welcCap li:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50px;
    left: 0;
    top: 10px;
    background: #fff;
}

.welcCap li:nth-child(2):after {
    background: #fff !important;
    border-radius: 50px;
}

.welcCap li:nth-child(3):after {
    background: #fff !important;
    border-radius: 50px;
}

.welcomeScn {
    padding: 94px 0 24px;
    text-align: center
}

.welcomeScn h2 {
    padding-bottom: 0
}

.welcomeScn h2:before {
    display: none
}

.locationmap {
    position: relative
}

.locationmap .wid {
    width: 1185px;
    margin-left: -593px;
    position: absolute;
    left: 50%;
    top: 0;
    padding: 60px 0
}

.locationmap iframe {
    height: 366px
}

.covrgMap {
    background: #133d65;
    width: 370px;
    height: 368px;
    padding: 45px 35px;
    border-radius: 10px;
    overflow: hidden
}

.covrgMap .heading {
    font-size: 36px;
    line-height: 47px;
    padding: 0 0 0;
    margin: 0 0 18px
}

.locDscr li {
    padding-left: 22px;
    margin: 0 0 0px;
    position: relative;
    font-family: 'Roboto',sans-serif
}

.locDscr li:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 12px;
    width: 7px;
    height: 7px;
    background: #ee4c07
}

.blogScn {
    text-align: center;
    padding: 61px 0 158px
}

.blogScn .readmore {
    width: 218px
}

.blogScn .snglBlg {
    text-align: center
}

.blogCvrHm {
    padding: 22px 0 52px
}

.blogCvrHm ul {
    margin: 0 -16px
}

.blogCvrHm li {
    float: left;
    width: 33.33%;
    padding: 0 15px
}

.dateofblog {
    padding: 33px 0 0;
    text-transform: uppercase;
    font-family: OpenSans-SemiBold, sans-serif;
    font-size: 14px
}

.title {
    max-width: 285px;
    margin: 0 auto;
    padding: 4px 0 13px;
    font-family: 'Roboto',sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 26px
}

.title a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: none;
    font-family: inherit
}

.entry {
    margin: 0 37px
}

.customerReview {
    padding: 68px 0 78px;
    background: #255b85
}

.reviewRgt {
    padding: 0 0 0 318px;
    position: relative
}

.reviewRgt .reviewStar {
    margin: 0 0 7px
}

.reviewRgt .heading {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    padding: 0 0 3px
}

.reviewRgt .heading a {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    text-decoration: none
}

.reviewRgt .heading a small {
    display: block;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    text-transform: uppercase
}

.revCont {
    color: #fff;
    display: block;
    padding: 0 110px 18px 0;
    text-decoration: none;
    line-height: 27px;
    font-size: 17px
}

.location.loca02 {
    padding-left: 22px;
    width: 47.5%
}

.location.loca02 li a {
    font-style: italic;
    line-height: 21px;
    display: block;
    padding-bottom: 14px;
    margin-bottom: 19px;
    border-bottom: 1px #383838 solid
}

.ftrTop {
    padding: 64px 0 0;
    background: #474a4b
}

.ftrTop li {
    color: #cbcbcb;
    font-family: OpenSans-Light, sans-serif;
    font-size: 16px
}

.ftrTop a,
.ftrTop a.phn {
    text-decoration: none;
    color: #fff !important
}

.ftrTop .wid {
    padding-bottom: 44px
}

.location.loca01 ul {
    margin: 0 0 50px
}

.busHr {
    color: white
}

li.callIcon a,
li.emailIcon a {
    display: inline-block
}

.ftrLft {
    float: left;
    width: 40.6%
}

.ftrLft a {
    text-decoration: none;
    text-transform: none
}

.ftrLft a:hover {
    color: #ff4c49
}

.ftrLft li {
    margin: 0 0 3px
}

.ftrLft input[type="text"],
.ftrLft input[type="tel"],
.ftrLft input[type="phone"],
.ftrLft input[type="email"],
.ftrLft input[type="date"],
.ftrLft select {
    background: #2f3131;
    border: 1px solid #2f3131
}

.ftrLft ::-webkit-input-placeholder {
    opacity: 1;
    color: #fff
}

.ftrLft :-moz-placeholder {
    opacity: 1;
    color: #fff
}

.ftrLft ::-moz-placeholder {
    opacity: 1;
    color: #fff
}

.ftrLft :-ms-input-placeholder {
    opacity: 1;
    color: #fff
}

.ftrLft input[type="submit"] {
    margin: 0
}

.ftrLft input[type="submit"],
.ftrLft a.button {
    height: 50px;
    width: 185px
}

.ftrLft input[type="submit"]:hover,
.ftrLft a.button:hover {
    background: #ff4c49 url(../images/submit-icon-white.png) no-repeat 87% 50%
}

.ftrLft .logo {
    margin-top: 45px
}

.ftrTop .formUl li.submitCls {
    margin-top: 25px
}

.menuScns {
    float: left;
    padding: 0 0 0 160px;
    width: 35%
}

.menu01,
.menu02,
.menu03 {
    float: left
}

.menu01 li,
.menu02 li,
.menu03 li {
    margin-bottom: 3px
}

.menu01 a,
.menu02 a,
.menu03 a {
    font-size: 13px;
}
.menu03 a {
    font-size: 16px;
}

.menu01 {
    width: 30.33%
}

.menu02 {
    width: 42.33%
}

.menu03 {
    width: 40.33%
}

.payment {
    clear: both;
    padding: 50px 0 0
}

.copy.floatFl {
    padding-top: 6px
}

.location {
    float: left;
    width: 24.3%;
    position: relative;
   /* text-align: right */
}

.location li.addressIcon {
    color: #fff
}

.location li.addressIcon small {
    color: #cbcbcb
}

.ftrContact {
    float: right;
    width: 20%;
    text-align: right
}

.accept.afterpayFtr small {
    font-size: 12.8px;
    line-height: 28px;
    margin: 0 0 0
}

.accept.afterpayFtr img {
    width: 190px;
    margin: -7px 0 14px
}

.accept.afterpayFtr:before {
    display: none
}

.ftrContact .moreBtn {
    padding-right: 14px;
    line-height: 29px;
    letter-spacing: 1px;
    padding-left: 40px;
    border-color: #828282;
    color: #181817
}

.ftrContact .moreBtn:hover {
    border-color: #255b85;
    color: #fff;
    background-color: #255b85
}

.followSc {
    padding: 27px 0 0
}

.followSc small {
    display: block;
    text-transform: uppercase;
    font-family: 'Roboto',sans-serif;
    padding: 0 0 7px
}

.ftrTitl {
    color: #d82f4e;
    text-transform: uppercase;
    font-family: OpenSans-SemiBold, sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 16px;
		font-weight:bold;
}

.ftrTop .formUl {
    padding-top: 0
}

.ftrTop .formUl li {
    margin-bottom: 8px
}

.location li {
    margin: 0 0 7px
}

.location .social {
    margin-top: 48px
}

.social small {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 15px
}

.workHrs {
    line-height: 29px
}

.ftrTop a:hover,
.ftrTop a.phn:hover {
    color: #ff4c49 !important
}

.copyright {
    padding: 7px 0;
    background: #222222
}

.copy {
    color: #D1D1D1;
    font-size: 12px
}

.copy a {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    color: inherit;
    text-decoration: none
}

.copy a:hover {
    color: #ff4c49
}

.reviewImg {
    border-radius: 50%;
    overflow: hidden;
    width: 110px;
    height: 110px;
    margin: 0 auto 10px
}

.servicesScn {
    margin-top: -40px;
    padding: 0 0 0;
    margin-bottom: 20px
}

.servicesScn h2 small {
    color: #fff
}

.servCap {
    padding: 12px 0 0;
    color: #fff
}

.servCap p {
    color: inherit
}

.serviceScn {
    padding: 0 0 48px;
    text-align: center;
    margin-top: -90px;
}

.serviceScn li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 0 13px 33px
}

.serviceScn .srvcCvr {
    position: relative;
    text-decoration: none;
    display: block;
    padding: 17px 24px 0px 24px;
    text-align: center;
    border-radius: 12px;
    background: white;
    overflow: hidden;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2)
}

.serviceScn .srvcCvr:after {
    position: absolute;
    content: "";
    /*     background: url(../images/service-after.png) no-repeat; */
    width: 264px;
    height: 64px;
    /* background-color: red; */
    left: 0;
    bottom: -10px
}

.imgSrvce {
    opacity: 1;
    width: 100%;
    float: right;
    text-align: center
}

.serviceDscription {
    clear: both;
    padding: 10px 0 10px;
    text-align: left;
    line-height: 26px;
    font-size: 16px;
    /*     height: 0px */
}

.morebtn {
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    font-family: OpenSans-ExtraBold, sans-serif;
    padding-right: 0px;
    margin-bottom: 10px;
    background: url(../images/red-icon.png) no-repeat 70% 50%;
    color: #ff4c49
}

.morebtn:hover {
    background: url(../images/submit-icon-blue-small.png) no-repeat 70% 50%;
    color: #255b85
}

.srvcCvr .heading {
    float: left;
    width: 100%;
    padding: 15px 0 10px;
    margin: 0px 0 0;
    font-size: 24px;
    text-align: center;
    line-height: 27px;
   font-family: 'Roboto', sans-serif;
	font-weight:900;
	color: #000;
}

.serviceScn .srvcCvr:hover .imgSrvce {
    opacity: 0.6
}

.rembRgt .boxedPnt {
    margin-top: -14px
}

.boxedPnt li {
    padding: 8px 26px;
    margin: 0 0 4px;
    border: 1px #ccc solid
}

.boxedPnt {
    margin-bottom: 17px
}

.rembRgt .strongHead {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 0;
    display: block
}

.mostcomFaq {
    padding: 60px 0 40px
}

.mostcomChooseus {
    padding: 60px 0 40px;
    background: #f2f2f2;
}

.mostcomFaq h2 {
    text-align: left;
    font-size: 30px;
    color: #181817;
    padding-bottom: 20px;
    line-height: 44px;
    padding-top: 13px;
    margin: 0 0 13px
}

.rembLft {
    float: left;
    width: 48%;
    position: relative
}

.faqCvr .heading {
    font-size: 18px;
    padding: 0;
    margin: 0;
    line-height: 21px;
    color:#d82f4e;
}

.faqDscr {
    margin-top: 7px;
    font-size: 17px
}

.rembRgt>ul>li {
    margin-bottom: 37px
}

.faqDscr p {
    margin: 0 0 7px;
    line-height: inherit
}

.buttonScn li {
    display: inline-block
}

.buttonScn li span {
    display: block;
    font-family: JosefinSans-Bold, sans-serif;
    text-transform: uppercase
}

.buttonScn a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: JosefinSans-Bold, sans-serif
}

.buttonScn a:hover {
    color: #133d65 !important
}

.buttonScn .my_popup_open {
    display: inline-block;
    padding: 17px 84px 13px 25px;
    color: #fff;
    height: 53px;
    font-size: 18px;
    border-radius: 35px;
    background: #ff4c49 url(../images/submit-icon-white.png) no-repeat 90% 50%;
    margin-right: 26px
}

.buttonScn .my_popup_open:hover {
    background: #133d65 url(../images/submit-icon-white.png) no-repeat 90% 50%;
    color: #fff !important
}

.callbtn {
    display: inline-block;
    font-size: 30px;
    color: #ff4c49
}

.rembLftImg {
    position: absolute;
    left: 0;
    top: 296px;
    width: 441px;
    z-index: 1
}

.rembRgt {
    float: right;
    width: 47%;
    position: relative
}

.rembRgtImg {
    position: absolute;
    right: 51px;
    width: 795px;
    bottom: 0
}

.whyCvr {
    color: #fff
}

.whyCvr p {
    color: inherit;
    line-height: 31px
}

.whyCvr .boxedPnt li {
    color: #fff
}

.whyCvr .fr {
    float: right;
    width: 50%;
    text-align: right
}

.whyCvr .fr img {
    width: 86%
}

.whyCvr .boxedPnt {
    max-width: 50%;
    float: left;
    padding-top: 3px
}

.olcvr {
    position: relative;
    padding: 120px 0 0
}

.olcvr:before {
    content: "";
    position: absolute;
    left: 2px;
    width: 15px;
    height: 15px;
    background: #ff4c49;
    top: -8px;
    border-radius: 50%
}

.head {
    font-family: JosefinSans-Bold, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 14px;
    color: #353535
}

.stepDscr {
    color: #353535
}

section:after {
    clear: both;
    content: "";
    display: block
}

.innerpage {
    margin-top: 104px;
    padding-bottom: 0px;
    min-height: 350px;
    padding-top: 0
}

.innBannLft {
    float: left;
    width: 50%;
    padding-top: 22px
}

.innBannLft small {
    color: #fff;
    transform: rotate(-5deg);
    display: inline-block;
    font-family: FreestyleScript-Regular, sans-serif;
    font-size: 45px;
    line-height: 42px
}

.formCap {
    color: #000;
    text-transform: none;
    font-size: 22px;
    padding: 0;
    margin: 0 0 8px;
    text-align: center;
    font-family: 'Roboto',sans-serif;
    margin-top: 20px;
    font-weight: 700;
}

.innBannRgt {
    background:url(../images/form-shadow-box.png) no-repeat center center;
    border-radius: 18px;
    padding: 30px;
}

.innerBanner {
    padding-top: 0px!important;
    padding-bottom: 10px;
  background-color:transparent!important;
    background-size: cover;
    margin-bottom: 85px !important;
    width: 100%;
    height: 436px;
    background-size: cover;
    background-position: center;
    background-image: url('https://northamcarwreckers.com.au/wp-content/uploads/2021/08/innerpage-banner-2.png')!important;
}

.serviceBtmScn {
    background: #133d65;
    padding-top: 45px;
    display: none
}

.benftScn {
    float: right;
    width: 48%
}

.imgBenft {
    float: left;
    width: 50%
}

.benftScn .heading {
    text-transform: uppercase;
    font-size: 38px;
    padding-top: 17px;
    padding-bottom: 0;
    margin-bottom: 30px
}

.benftScn .heading:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    height: 5px;
    width: 154px;
    background: white
}

.listTick li {
    padding: 5px 0 5px 35px;
    float: left;
    width: 50%;
    text-transform: uppercase;
    font-family: OpenSans-SemiBold, sans-serif;
    background: url(../images/tick.png) no-repeat 0 11px
}

.innBannRgt {
    width: 60%;
    float: right;
    margin-left: 5px;
    margin-bottom:10px;
	margin-top:34px;
}

.innBannRgt input[type="text"],
.innBannRgt input[type="tel"],
.innBannRgt input[type="phone"],
.innBannRgt input[type="email"],
.innBannRgt input[type="date"],
.innBannRgt select {
    background: #193d58;
    border-color: #193d58;
    font-family: OpenSans-Light, sans-serif;
    color: #fff;
    font-size: 13px
}

.innBannRgt ::-webkit-input-placeholder {
    color: #fff
}

.innBannRgt :-moz-placeholder {
    color: #fff
}

.innBannRgt ::-moz-placeholder {
    color: #fff
}

.innBannRgt :-ms-input-placeholder {
    color: #fff
}

.innBannRgt .formUl {
   /* width: 100%;*/
    padding: 16px 0 0
}

.reviewscn {
    padding: 53px 0 60px;
    text-align: center;
    background: #8ad4ff;
}

.reviewscn .wid {
    position: relative
}

.reviewscn h3 {
    padding: 13px 0 16px;
    font-size: 29px;
    color: #000
}

.reviewCvr {
    float: left;
    width: 25%;
    padding: 36px 10px 19px;
    border-right: 2px #4dbeff solid;
    background: #fff;
    margin-bottom: 50px;
	 background-image: linear-gradient(to bottom right, #fff, #e6f6ff);
}

.reviewCvr a {
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    font-family: inherit
}

.reviewCvr:last-child {
    border: none
}

.reCont {
    padding: 2px 10px 3px;
    height: 175px;
    overflow: hidden
}

.reCont p {
    margin: 0 0 11px;
    line-height: inherit;
    font-size: 16px
}

.reviewCvr .heading {
    padding: 0 0 0;
    text-transform: none;
    font-size: 16px;
    line-height: 31px;
    margin: 3px 0 21px;
font-weight:bold;
}

.reviewCvr .heading span {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: #ff4c49
}

.reCont p span {
    font-style: italic
}

.locCast .wid br {
    display: none
}

.locCast.homelocCast .buttonScn li span {
    display: none
}

.locCast {
    /* background: url(../images/emergrncy-callout-bgg.jpg) no-repeat center 0; */
    background: #e9e9e9;
    background-size: cover
}

.locCast h3 {
    font-size: 44px;
    line-height: 47px;
    padding: 0;
    margin: 0;
    font-family: JosefinSans-Bold, sans-serif;
    color: #181817
}

.locCast h3 small {
    display: block;
    font-size: 20px;
    line-height: 30px;
    padding-top: 13px;
    color: #181817
}

.locCast .buttonSctn {
    float: right;
    position: relative
}

.locCast .buttonScn li {
    text-align: left
}

.locCast .wid {
    padding: 94px 0 76px;
    text-align: center
}

.locCast .buttonScn {
    padding-top: 26px
}

.locCast .callbtn {
    margin-top: 3px;
    font-size: 33px
}

.locCast .my_popup_open {
    text-shadow: 2px 0px 1px transparent
}

.locCast .my_popup_open:hover {
    background-image: url(../images/submit-icon.png);
    color: #fff
}

.services .locCast .wid:before {
    display: none
}

.innerpage.services {
    padding-bottom: 0
}

.servCont {
    float: left;
    width: 46%
}

.blogWid {
    padding-top: 40px
}

.blogListings li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #ccc solid
}

.blogListings .readmore {
    width: auto;
    padding-left: 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    padding-top: 6px;
    height: auto;
    padding-bottom: 5px
}

.blogListings .readmore:before {
    right: 10px
}

.services .imgSrvce {
    width: 48%
}

.services .srvcCvr .heading {
    font-size: 37px;
    width: 100%;
    line-height: 47px;
    padding-top: 0;
    margin: 0 0 0;
    color: #255c85
}

.services .srvcCvr .heading:before {
    display: none
}

.services .serviceDscription {
    height: auto
}

.servCv {
    padding: 60px 0 0
}

.services .servCv li:nth-child(even) .imgSrvce {
    float: left
}

.services .servCv li:nth-child(even) .servCont {
    float: right
}

.servCv>li {
    margin-bottom: 76px
}

.contRgt {
    float: right;
    width: 29.4%;
    margin-left: 3.4%;
    text-align: center
}

.contRgt .getqtForm input[type="text"],
.contRgt .getqtForm input[type="tel"],
.contRgt .getqtForm input[type="phone"],
.contRgt .getqtForm input[type="email"],
.contRgt .getqtForm input[type="date"],
.contRgt .getqtForm select {
    background: #fdfdfd;
    border-color: #dcdcdc;
    color: #181817
}

.contRgt .qtFrm {
    border-top: 1px #e2e2e2 solid;
    border-left: 1px #e2e2e2 solid;
    border-bottom: 1px #e2e2e2 solid;
    border-right: 1px #e2e2e2 solid
}

.contRgt ::-webkit-input-placeholder {
    opacity: 1;
    color: #181817
}

.contRgt :-moz-placeholder {
    opacity: 1;
    color: #181817
}

.contRgt ::-moz-placeholder {
    opacity: 1;
    color: #181817
}

.contRgt :-ms-input-placeholder {
    opacity: 1;
    color: #181817
}

.breadcrum {
    display: table;
    padding: 14px 0 0;
    margin-bottom: 20px
}

.breadcrum ul {
    display: table
}

.breadcrum ul li {
    float: left;
    padding: 0 8px;
    position: relative
}

.breadcrum ul li a {
    text-decoration: none;
    color: #181817
}

.breadcrum ul li a:hover {
    color: #133d65
}

.breadcrum ul li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 10px;
    background: #181817;
    right: 0px;
    top: 50%;
    margin-top: -4px
}

.breadcrum ul li:first-child {
    padding-left: 0
}

.breadcrum ul li:last-child:before {
    display: none
}

.qtFrm {
    padding: 10px;
    border-top: 1px #242424 solid;
    border-left: 1px #181817 solid;
    border-bottom: 1px #181817 solid;
    border-right: 1px #181817 solid
}

.qtFrm .heading {
    padding-bottom: 4px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 25px;
    color: #255b85
}

.qtFrm .heading:before {
    width: 60px;
    height: 3px;
    background: #ff4c49;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 0
}

.qtFrm li {
    width: 100% !important
}

.qtFrm .formUl {
    margin: 0 auto;
    width: 100%
}

.revBtm {
    float: right;
    width: 603px;
    padding-right: 46px
}

.revBtm .heading {
    color: #fff;
    text-transform: none;
    font-size: 25px;
    line-height: 33px;
    padding: 0;
    margin: 0 0 7px
}

.revBtm .heading strong {
    display: block;
    text-transform: uppercase
}

.revBtm .buttonSctn .callBtn a {
    border: 2px #133d65 solid;
    background-image: url(../images/mobile-icon.png)
}

.revBtm .buttonSctn .callBtn a:hover {
    background-color: #133d65;
    color: #181817;
    background-image: url(../images/mobile-icon-blue.png)
}

.revBtm .buttonSctn .quoteBtn a {
    border-color: #133d65
}

.revBtm .buttonSctn .quoteBtn a:hover {
    border-color: #187ed2;
    background-color: #187ed2;
    color: #fff;
    background-image: url(../images/submit-icon-white.png)
}

.revBtm .buttonSctn li {
    text-align: center
}

.revBtm .avRating {
    padding-top: 51px;
    color: #fff
}

.revBtm .avRating span {
    color: #133d65
}

.capn {
    color: #fff;
    margin-bottom: 24px;
    font-size: 18px;
    font-style: italic;
    font-family: OpenSans-Light, sans-serif
}

.contactLft {
    float: left;
    width: 48%
}

.contactLft a {
    font-family: OpenSans-SemiBold, sans-serif
}

.contactLft .social {
    float: left;
    width: 100%;
    margin: 20px 0
}

.contactRgt {
    float: right;
    width: 50%
}

.contactPage .servBlue {
    background: #fff;
    padding: 0 0 40px
}

.contactPage .servBlue .avRating,
.contactPage .servBlue .servBlueCap,
.contactPage .servBlue .locaScns .heading,
.contactPage .servBlue .addressLoc {
    color: #181817
}

.contactPage .servBlue .commLocDt li a {
    border-color: #255b85
}

.contactPage .servBlue .commLocDt li {
    margin: 0 0
}

.innerpage.contactPage h1 {
    margin-bottom: 20px
}

.innerpage.contactPage h1:before {
    width: 100%
}

.contactForm {
    background: #255b85;
    padding: 55px 0
}

.contactForm .formScn li:nth-child(1),
.contactForm .formScn li:nth-child(3),
.contactForm .formScn li:nth-child(2),
.contactForm .formScn li:nth-child(4) {
    width: 100%
}

.contactForm input[type="submit"] {
    margin: 0
}

.contactForm h2.webInfo {
    color: #fff;
    padding-bottom: 10px
}

.contactForm h2.webInfo:before {
    background: #133d65;
    left: 0;
    margin-left: 0
}

.innerpage.blog a.moreBtn {
    display: table;
    margin-bottom: 20px;
    margin-top: 19px
}

.innerpage.blog .heading {
    display: table;
    font-family: 'Roboto',sans-serif;
    font-size: 24px;
    line-height: 34px;
    text-transform: uppercase;
    padding-bottom: 12px;
    margin-bottom: 20px
}

.blogRecent {
    text-align: center;
    padding: 30px 30px 30px 30px;
    background: #fff;
    border: 2px solid rgb(56, 56, 56);
    margin-top: 10px;
}

.blogRecent ul {
    padding: 0
}

.blogRecent ul li {
    text-align: left
}

.blgHdng {
    text-decoration: none
}

ul.fr-lstng {
    display: table;
    border-left: 1px #ccc solid;
    border-top: 1px #ccc solid;
    text-align: center;
    margin-bottom: 15px
}

ul.fr-lstng li {
    width: 25%;
    float: left;
    padding: 5px 10px;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid
}

.listFlt {
    width: 44%;
    margin-bottom: 15px
}

.imgFlt {
    float: left;
    margin: 0 15px 7px 0
}

.imghalf {
    float: right;
    width: 39%
}

.ulImg {
    float: left;
    width: 41%
}

.lft-secul .secul {
    float: right;
    width: 58%
}

.lft-secul {
    margin: 0 0 20px
}

.brandInner li {
    display: inline-block;
    width: 15%
}

.snglBlg .entry {
    margin: 0 0 0
}

.snglBlg .title {
    max-width: 100%
}

.snglBlg {
    display: table;
    text-align: left;
    width: 67%;
    border: 2px solid #ff4c49;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 5px
}

.contactLft .heading {
    padding-bottom: 0;
    margin-bottom: 15px
}

.contactLft .addressLoc {
    color: #181817;
    padding: 0 0 16px
}

.contactLft .readmore {
    padding: 0 0 0 30px;
    border: none;
    height: auto;
    width: auto
}

.contactLft .readmore:hover {
    color: #133d65
}

.contactLft .readmore:before {
    display: none
}

.contactRgt .map iframe {
    height: 383px;
    margin-bottom: 37px
}

.sitemap li {
    padding: 0 8px 0 22px;
    margin-bottom: 9px;
    position: relative;
    margin-left: 0;
    margin-right: 0
}

.sitemap li:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 12px;
    width: 5px;
    height: 5px;
    background: #242424;
    border-radius: 50%;
    background-size: 14px
}

.sitemap li a {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: bold;
    color: #4885ed
}

.sitemap li a:hover {
    color: #133d65
}

.imginner {
    float: left;
    margin: 0 15px 10px 0
}

.imginner.singleImg {
    float: left;
    width: 50%
}

.listing.locationList li {
    width: 25%;
    float: left
}

ul.listing.listTable {
    width: 50%
}

.QoteCvr {
    margin: 27px 0 0
}

.QoteCvr .tit {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 20px
}

.QoteCvr .getqtForm li {
    width: 50%
}

.QoteCvr .getqtForm input[type="text"],
.QoteCvr .getqtForm input[type="tel"],
.QoteCvr .getqtForm input[type="phone"],
.QoteCvr .getqtForm input[type="email"],
.QoteCvr .getqtForm input[type="date"],
.QoteCvr .getqtForm select {
    color: #181817
}

.QoteCvr .qtFrm {
    border-top: 1px #e2e2e2 solid;
    border-left: 1px #e2e2e2 solid;
    border-bottom: 1px #e2e2e2 solid;
    border-right: 1px #e2e2e2 solid
}

.QoteCvr ::-webkit-input-placeholder {
    opacity: 1;
    color: #181817
}

.QoteCvr :-moz-placeholder {
    opacity: 1;
    color: #181817
}

.QoteCvr ::-moz-placeholder {
    opacity: 1;
    color: #181817
}

.QoteCvr :-ms-input-placeholder {
    opacity: 1;
    color: #181817
}

.QoteCvr .getqtForm li.submitCls {
    width: 100%;
    text-align: center
}

ul.resp-tabs-list {
    margin: 0px;
    padding: 0px
}

.resp-tabs-list li {
    display: inline-block;
    padding: 13px 15px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
    text-transform: uppercase;
    border: 1px #f8f8f8 solid !important;
    letter-spacing: 2px;
    color: #9a7c9f
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none
}

.resp-tab-content {
    display: none;
    padding: 15px 20px 0
}

.resp-content-active,
.resp-accordion-active {
    display: block
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
    border-top-color: #5AB1D0
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue
}

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 37%
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 16px 15px 13px 72px !important;
    margin: 0 0 5px;
    cursor: pointer;
    float: none;
    background-color: #ffffff !important
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word
}

.resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
    border-color: #d4d4d4 !important;
    background-color: #e8e8e8 !important
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797
}

h2.resp-tab-active {
    background: #DBDBDB
}

.resp-easy-accordion h2.resp-accordion {
    display: block
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1
}

.contactLft li h2 {
    margin: 0;
    padding: 0 0 8px
}

.blogLft {
    float: left;
    width: 66%
}

.bannersub {
    width: 100%;
    padding: 20px 0;
    float: left;
    background: #f2f2f2;
    margin-bottom: 40px;
    text-align: center
}

.bannersub p {
    color: #ff4c49;
    margin-bottom: 0;
    font-size: 28px;
    text-transform: capitalize
}

.bannersub .hy {
    padding-top: 20px;
    font-size: 18px;
    font-weight: 700
}

.Customer {
    padding-bottom: 10px;
    text-align: left;
    font-weight: 600;
    text-transform: capitalize
}

.socialInnr .social {
    float: left
}

.contactInner {
    padding-top: 90px
}

.innerpage .contactInner h1 {
    color: #181817
}

.contactLft .formUl {
    width: 100%
}

.innerpage.sitemapPage {
    padding-top: 76px;
    min-height: 500px
}

.innerpage.sitemapPage h1,
.innerpage.defaultPage h1 {
    color: #181817
}

.tnKyu .social {
    width: 100%
}

.innerpage.defaultPage {
    padding-top: 80px
}

.featuredImg.mobftrd {
    display: none
}

.locCast h3 br {
    display: none
}

.myPopupDv .formUl {
    width: 100%
}

.contactLft .title {
    margin: 0
}

.services .listing li:before {
    background: #133d65
}

.formUl>li:nth-child(5) {
    clear: both
}

.deskCall {
    float: right;
    padding: 10px 60px 10px 20px;
    margin-top: 0px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    background: #d82f4e url(../images/submit-icon-white.png) no-repeat 90% 37%;
    margin-right: 8px;
    font-family:'Roboto',sans-serif;
}

.deskCall:hover {
    background-color: #133d65;
    color: #fff;
    background-image: url(../images/submit-icon-white.png)
}

.innerbanner {
    width: 100%;
    float: left;
    margin-top: 0px
}

.fuL {
    margin-bottom: 50px
}

.supa {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    font-family: OpenSans-SemiBold, sans-serif
}

.cfrt {
    text-align: center !important
}

@media only screen and (min-width: 1700px) and (max-width: 1920px) {
    .featuredImg {
        width: auto
    }
    .featuredImg img {
        margin-left: 0;
        width: 100%
    }
}

@media all and (min-width: 767px) {
    .locCast.homelocCast .buttonScn li .callbtn {
        margin-top: 0px;
        font-size: 20px;
        color: #fff;
        background: url(../images/call-ftr.png) no-repeat 5% 55%;
        background-color: #133d65;
        width: 200px;
        height: 54px;
        background-size: 27px;
        padding: 13px 12px 13px 39px;
        border-radius: 25px
    }
    .locCast.homelocCast .buttonScn li .callbtn:hover {
        color: #fff !important
    }
}

@media all and (max-width: 1330px) {
    .blogCvrHm ul {
        margin: 0
    }
    .serviceDscription {
       /* height: 150px */
    }
}

@media all and (max-width: 1230px) {
    .locCast .wid:before {
        background-size: 100%;
        height: 280px;
        bottom: 0;
        top: inherit;
        width: 324px;
        left: -30px
    }
    .ftrTop .formUl {
        width: 100%
    }
    .menuScns {
        float: left;
        padding: 0 0 0 155px;
        width: 37%
    }
	.menu03 li{
		font-size:16px;
	}
    .ftrLft {
        width: 38.6%
    }
    .featuredImg {
        top: 64%;
        margin-top: -160px;
        width: 30%
    }
    .featuredImg img {
        margin-left: -25px
    }
    .locationmap .wid {
        width: 90%;
        margin-left: -45%;
        padding: 102px 0
    }
    .locationmap iframe {
        height: 535px
    }
    .banCont h1 {
        font-size: 34px;
        line-height: 51px
    }
}

@media all and (max-width: 1184px) {
    .aniPos .menuD {
        padding: 9px 0 0
    }
    .locCast .wid {
        font-size: 21px;
        line-height: 26px
    }
    .rembLftImg {
        width: 373px
    }
    .banCont h1 {
        font-size: 30px;
        line-height: 45px
    }
    .serviceScn .srvcCvr {
        padding: 30px 20px 42px
    }
    .buttonScn .my_popup_open {
        margin-right: 15px
    }
}

@media all and (max-width: 1090px) {
    .serviceBtmScn {
        padding-bottom: 35px
    }
    .benftScn {
        float: right;
        width: 57%
    }
    .imgBenft {
        float: left;
        width: 43%
    }
    .welcomesecn {
        padding: 30px 0 10px
    }
    .leftWelcome {
        position: relative
    }
    .welcomesecn {
        position: relative
    }
    .welcomesecn:before {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.3)
    }
    .bannerForm {
        padding: 0px 16px 20px
    }
    .featuredImg {
        top: 65%;
        margin-top: -123px;
        width: 27%
    }
    .banner {
        margin: 104px 0 0;
        padding-top: 94px;
        background-position: 72% 0;
        height: 810px;
    }
    .contRgt .qtFrm {
        padding: 18px 19px 31px
    }
    .aniPos .menuD {
        padding: 7px 0 0 0
    }
    .banCont h1 {
        font-size: 30px
    }
    .banCont h1 small {
        font-size: 21px
    }
    .banCont {
        width: 60.3%;
        float: right
    }
    .featuredImg {
        top: 109px;
        margin: 66px 0 0;
        width: 42%
    }
}

@media all and (max-width: 1023px) {
    small.weServ {
        display: none
    }
    .serviceDscription {
        height: 196px
    }
    .willget {
        left: 30%;
        margin-left: -250px
    }
    .bannerForm {
        width: 100%
    }
    .formUl {
        width: 100%
    }
    .locCast .wid:before {
        background-size: 100%;
        height: 337px;
        bottom: 0;
        top: inherit;
        width: 395px;
        display: none;
        left: -30px;
        background-position: -128px 0
    }
    .locCast h3 {
        font-size: 34px;
        line-height: 44px
    }
    .locCast:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        display: none;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.7)
    }
    .locCast {
        position: relative
    }
    .ftrLft input[type="submit"] {
        margin: 0 auto
    }
    .rembRgt {
        width: 54%
    }
    .rembLft {
        width: 43%;
        height: 100%;
        background-size: cover;
        margin-bottom: 20px;
        background-position: -120px 0
    }
    .buttonScn .my_popup_open {
        padding-right: 55px
    }
    .locCast .wid {
        text-align: center
    }
    .locCast .buttonSctn {
        clear: both;
        float: none;
        padding-top: 13px
    }
    .location {
        float: left;
        width: 32.3%
    }
    .ftrLft {
        width: 30.6%
    }
    .location.loca02 {
        width: 40.5%
    }
    .srvcCvr .heading {
        max-width: 87%;
        font-size: 17px;
        line-height: 23px
    }
    .welcCap {
        margin: 0 0 0
    }
    .buttonSctn {
        text-align: center
    }
    .banCont {
        width: 60.3%
    }
    .logoRgt {
        padding-top: 20px
    }
    .banCont {
        width: 65.3%
    }
    .featuredImg {
        width: 40%
    }
    section.servicesScn .serviceDscription {
        text-align: center
    }
    .morebtn {
        background: url(../images/red-icon.png) no-repeat 85% 50%
    }
    .leftWelcome {
        width: 65%
    }
    .locationmap iframe {
        height: 300px
    }
    .menu03 {
        width: 25.33%
    }
}

@media all and (max-width: 995px) {
    .menuCvr {
        background: #0c202e
    }
    .innerpage {
        margin-top: 173px
    }
    .innerBanner {
        padding-top: 13px
    }
    .innBannLft small {
        font-size: 34px;
        line-height: 42px
    }
    .listing.locationList li {
        width: 33.33%
    }
    .rembLftImg {
        position: static;
        width: 100%
    }
    .rembRgtImg {
        position: absolute;
        right: 0;
        width: 173%;
        bottom: 0
    }
    .hderCall {
        font-size: 16px;
        padding: 10px 10px 10px 40px
    }
    .hderCall:before {
        width: 32px
    }
    .banCont h1 {
        font-size: 27px;
        line-height: 48px
    }
    .banCont h2 {
        font-size: 20px;
        line-height: 30px
    }
    .banner {
        background-position: 24% 0
    }
    .banCont {
        width: 100%
    }
    .featuredImg {
        display: none
    }
    .mobftrd {
        display: block
    }
    .banCont h1 {
        font-size: 31px
    }
    .bannerForm .heading {
        font-size: 22px
    }
    .bannerForm {
        margin-bottom: 25px
    }
    .ftrLft {
        width: 100%;
        text-align: center
    }
    .menuScns {
        float: left;
        padding: 0;
        width: 100%;
        margin-bottom: 15px;
        text-align: center
    }
    .menu01 {
        width: 100%
    }
    .menu03 {
        width: 100%;
        margin-top: 15px
    }
    .location {
        float: left;
        width: 100%;
        text-align: center
    }
    .location .social {
        margin-top: 20px;
        text-align: center;
        width: 100%
    }
    .location .social li {
        display: inline-block;
        float: none
    }
    .ftrLft .logo {
        margin-top: 5px;
        margin-bottom: 25px;
        text-align: center;
        width: 100%
    }
    .copy {
        font-size: 14px
    }
    .readmore {
        width: 200px
    }
    .banCont h2 {
        font-size: 18px
    }
    .serviceScn {
        padding: 0 0 48px;
        text-align: center;
        margin-top: 40px;
    }
}

@media all and (max-width: 874px) {
    .mobile {
        display: block;
        text-align: center;
        background: #ff4c49
    }
    .mobile li {
        float: left;
        width: 50%
    }
    .mobile li a {
        padding: 13px 15px;
        font-size: 24px;
        display: inline-block;
        text-transform: uppercase;
        text-decoration: none;
        font-family: 'Roboto',sans-serif
    }
    li.hdenquire {
        background: #133d65
    }
    li.hdenquire a {
        background: transparent url(../images/submit-icon-white.png) no-repeat 99% 50%;
        color: #fff;
        padding-right: 40px
    }
    li.callTop a {
        background: url(../images/call-icon-yellow.png) no-repeat 2% 50%;
        color: #133d65;
        filter: brightness(0) invert(1);
        padding-left: 40px
    }
    .rembLft {
        display: block;
    }
    .serviceScn li {
        padding: 0 7px 33px
    }
    .serviceDscription {
        height: 60px
    }
    .snglBlg {
        width: 58%
    }
    .blogRecent {
        padding: 20px 15px
    }
    .copyright {
        padding: 24px 0 33px
    }
    .copy {
        text-align: center;
        width: 100%
    }
    .copy .social {
        display: inline-block;
        float: none
    }
    .getqtForm li.submitCls {
        text-align: center
    }
    .getqtForm li {
        width: 50%
    }
    .whyCvr .fr {
        width: 100%;
        text-align: center
    }
    .whyCvr .boxedPnt {
        max-width: 100%;
        float: left
    }
    .blogLft {
        float: left;
        width: 58%
    }
    .imginner.singleImg {
        margin-right: 10px
    }
    .contRgt {
        width: 37.4%
    }
    .imginner {
        float: none;
        margin: 0 0 10px
    }
    .location.loca02 {
        width: 38.5%
    }
    .rembRgt {
        padding-bottom: 0;
        width: 100%
    }
    .aniPos .menuD {
        padding: 0 0 0 0
    }
    .aniPos .logoRgt {
        padding-top: 15px
    }
    small.weServ {
        display: block;
        margin-right: 75px
    }
    .deskCall,
    .hderCall {
        display: none
    }
    .menuD {
        padding: 0 0 0;
        position: static
    }
    .logoRgt {
        padding-top: 30px
    }
    .hderCall {
        margin-right: 70px;
        padding: 9px 10px 4px 40px;
        font-size: 28px
    }
    .innerpage {
        margin-top: 137px;
        padding-top: 20px
    }
    .menuAssets {
        display: block;
        padding-right: 15px
    }
    .menu .socialHdr ul li {
        display: inline-block;
        width: auto !important;
        padding: 15px 0
    }
    .menu .socialHdr ul li a {
        border: none;
        background-color: #fff
    }
    .menu .socialHdr ul li a:hover {
        background-color: #ff4c49
    }
}

@media only screen and (max-width: 768px) {
    .resp-tab-content .listing li {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 15px;
        padding-left: 22px
    }
    .resp-tab-content .listing li:before {
        top: 8px
    }
    .resp-tab-content {
        padding: 15px 10px
    }
    .resp-arrow {
        border: none !important;
        width: 30px;
        height: 30px;
        margin: 0;
        background: url(../images/dropdown-icon.png) no-repeat center center;
        transform: rotate(0deg)
    }
    h2.resp-tab-active span.resp-arrow {
        border: none !important;
        transform: rotate(180deg)
    }
    ul.resp-tabs-list {
        display: none
    }
    h2.resp-accordion {
        display: block
    }
    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1
    }
    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none
    }
    .resp-accordion-closed {
        display: none !important
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important
    }
    .myPopupDv {
        top: 83px;
        margin-top: 0
    }
    .servicesScn {
        margin-top: 0;
        padding: 60px 0 0
    }
    .mostcomFaq .buttonSctn {
        margin-bottom: 25px
    }
    .mostcomFaq .buttonSctn .callBtn {
        margin-right: 0
    }
    .mostcomFaq .buttonSctn .callBtn a {
        padding-right: 0px;
        padding-left: 40px;
        width: 175px
    }
    .mostcomFaq .buttonSctn .quoteBtn a {
        padding-right: 48px;
        padding-left: 0
    }
    .innerpage.sitemapPage {
        padding-top: 43px
    }
    .contactInner {
        padding-top: 35px
    }
}

@media all and (max-width: 767px) {
    .featuredImg img {
        margin-left: 0
    }
    .bannerForm {
        display: none;
    }
    .half-width {
        display: block !important;
        margin-bottom: 20px;
    }
    .banner {
        background: url('https://northamcarwreckers.com.au/wp-content/uploads/2021/07/mobile-banner.png')!important ;
    }
    .locCast.homelocCast .buttonScn li span {
        display: block
    }
    .contactInner {
        padding-top: 15px
    }
    .innBannRgt {
        width: 100%;
        padding-top: 0;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .innBannLft {
        float: left;
       width: 100%;
        text-align: center;
        padding-top: 0px;
    }
    .leftWelcome h2 {
        font-size: 35px;
        line-height: 39px
    }
    .servicesScn {
        margin-top: -26px;
        padding: 0 0 0
    }
    .payment {
        bottom: 26px
    }
    .location .social {
        margin-top: 20px
    }
    .ftrTop {
        position: relative;
        padding: 40px 0 0px
    }
    .menu01,
    .menu02,
    .menu03 {
        padding-bottom: 0
    }
    .payment {
        position: absolute;
        bottom: 25px;
        padding: 0;
        right: 0;
        left: 0;
        text-align: center
    }
    .locCast .callbtn {
        margin-top: 0
    }
    .locCast {
        /* background: url(../images/emergrncy-callout-bgg.jpg) no-repeat; */
        background-color: #e9e9e9;
        background-size: cover;
        padding-bottom: 25px
    }
    .locCast .wid {
        padding-top: 30px;
        padding-bottom: 0px
    }
    .reviewscn {
        padding: 40px 0 0px
    }
    .locCast .wid:before {
        left: 50%;
        width: 386px;
        background-position: center top;
        margin-left: -193px;
        height: 260px
    }
    .rembRgt .buttonScn {
        text-align: center
    }
    .rembRgt .buttonScn li:nth-child(2),
    .locCast .buttonScn li:nth-child(2) {
        width: 100%;
        margin-top: 15px
    }
    .rembRgt .buttonScn li:nth-child(2) span,
    .locCast .buttonScn li:nth-child(2) span {
        display: inline-block;
        margin-right: 10px;
        color: #181817
    }
    .leftWelcome {
        float: left;
        width: 100%
    }
    .welcomesecn {
        padding-bottom: 50px;
        background-position: 0%;
        background-size: cover
    }
    .welcomesecn .mob-img {
        background: url(../images/mobile-welcome.png) no-repeat;
        width: 100%;
        height: 360px
    }
    .reCont {
        height: inherit
    }
    .welcomesecn:before {
        background: transparent
    }
    .serviceDscription {
        height: auto;
        padding-top: 0
    }
    .serviceScn li {
        width: 100%
    }
    .formUl>li:nth-child(1),
    .formUl>li:nth-child(2),
    .formUl>li:nth-child(3),
    .formUl>li:nth-child(4) {
        width: 100%
    }
    .willget {
        left: 50%;
        margin-left: -43%;
        width: 86%;
        bottom: 51px;
        font-size: 33px
    }
    .featuredImg.mobftrd {
        display: block
    }
    .banner .wid {
        position: static
    }
    .featuredImg {
        max-width: 297px;
        margin: 0 auto;
        display: none
    }
    .banCont {
        width: 100%
    }
    .blogLft {
        width: 100%
    }
    .contactLft li h2 {
        margin: 0;
        padding: 0 0 5px
    }
    ul.listing.listTable {
        width: 100%
    }
    .listing.locationList li {
        width: 50%
    }
    .imginner.singleImg {
        margin: 0 0 15px;
        width: 100%
    }
    .innerpage h1 {
        font-size: 32px;
        line-height: 30px;
        margin-bottom: 0;
        padding-bottom: 0
    }
    .reviewscn {
        background-position: 26% 0
    }
    .reviewCvr {
        width: 100%;
        right: 0;
        background: rgba(255, 255, 255, 0.8);
        border: none !important
    }
    .location {
        padding-left: 0
    }
    .location.loca02 {
        padding-left: 0;
        padding-top: 0
    }
    .ftrTop .wid {
        padding-bottom: 0
    }
    .location.loca02 {
        width: 100%
    }
    .olcvr {
        padding: 66px 0 0
    }
    .rembRgtImg {
        width: 100%;
        position: static
    }
    .rembRgt {
        width: 100%;
        padding-bottom: 0
    }
    .rembLftImg {
        display: none
    }
    .mostcomFaq {
        padding: 30px 0
    }
    .rembLft {
        width: 100%
    }
    .srvcCvr .heading {
        max-width: 51%;
        font-size: 24px;
        line-height: 25px
    }
    .buttonSctn li a {
        height: 36px;
        width: 185px;
        padding: 3px 52px 0 13px;
        font-size: 15px
    }
    .buttonSctn .callBtn a {
        padding-right: 7px;
        padding-left: 45px;
        font-size: 17px;
        padding-top: 3px
    }
    .buttonSctn .quoteBtn a {
        padding-right: 45px;
        padding-left: 3px
    }
    .hderCall {
        display: none
    }
    .blogRecent {
        padding: 17px 17px
    }
    .contactPage .servBlue {
        padding: 0 0 20px
    }
    .contactLft {
        width: 100%
    }
    .contactRgt {
        width: 100%;
        padding: 16px 0 0
    }
    .breadcrum {
        padding: 0 0 0
    }
    .addressLoc {
        padding: 3px 0 0 0;
        font-size: 11px
    }
    .imgFlt {
        text-align: center;
        width: 100%;
        margin: 0 0 15px
    }
    .innerpage {
        margin-top: 96px;
        padding-top: 61px
    }
    .innBannLft small {
        font-size: 34px;
        line-height: 42px;
        transform: rotate(0deg)
    }
    .services .imgSrvce {
        width: 100%;
        margin-bottom: 15px
    }
    .servCont {
        float: left;
        width: 100%
    }
    .servCv>li {
        margin-bottom: 5px
    }
    .services .srvcCvr .heading {
        margin: 0 0 15px;
        max-width: 100%;
        font-size: 26px;
        line-height: 30px
    }
    .benftScn .heading {
        font-size: 26px;
        line-height: 33px
    }
    .benftScn {
        float: right;
        width: 100%
    }
    .imgBenft {
        float: left;
        width: 100%;
        text-align: center
    }
    .listTick li {
        width: 100%
    }
    .innerpage.services .locCast .wid {
        padding-bottom: 20px
    }
    .contRgt {
        width: 100%;
        margin: 0 0
    }
    .contRgt .featured,
    .contRgt .qtFrm {
        display: none
    }
    .featured.mobileFtrd {
        display: block
    }
    .banner .buttonSctn ul {
        display: none
    }
    .banner {
        padding: 70px 0 26px;
        height: auto;
        background-size: cover; 
    }
    .featuredImg {
        max-width: 297px
    }
    .logoScn {
        padding: 6px 0
    }
    .qtTop {
        display: none
    }
    .mobile {
        display: block;
        text-align: center;
        background: #ff4c49
    }
    small.weServ {
        display: none
    }
    .social {
        text-align: center;
        float: none;
        display: inline-block
    }
    .copy {
        text-align: center;
        width: 100%
    }
    .ftrLft {
        text-align: center;
        width: 100%;
        padding-bottom: 20px;
        display: none
    }
    .location {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center
    }
    .location:before {
        bottom: inherit;
        top: 0;
        width: 100%;
        height: 2px
    }
    header {
        position: absolute;
        background: white
    }
    .banCont h1 small {
        font-size: 28px;
        line-height: 48px
    }
    .banCont h1 {
        font-size: 22px;
        line-height: 32px
    }
    .logoRgt {
        padding-top: 0
    }
    .menuD {
        padding: 0;
        background: transparent
    }
    .hrdTop ul .mobCls {
        width: 189px;
        margin: 7px auto 0;
        display: none
    }
    .banCont h1 span {
        line-height: 25px;
        margin-top: 4px
    }
    .myPopupDv .formScn li:nth-child(1),
    .myPopupDv .formScn li:nth-child(3),
    .myPopupDv .formScn li:nth-child(2),
    .myPopupDv .formScn li:nth-child(4) {
        width: 100%
    }
    .myPopupDv {
        width: 90%;
        margin-left: -45%;
        height: auto
    }
    .hrdTop ul li {
        padding: 0 7px 0 23px;
        font-size: 13px
    }
    .srvcCvr .heading {
        max-width: 100%
    }
    .srvcCvr .heading br {
        display: none
    }
    .morebtn {
        background: url(../images/red-icon.png) no-repeat 56% 50%
    }
    .serviceDscription {
        height: inherit;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .serviceScn .srvcCvr:after {
        width: 100%;
        background-size: contain;
        height: 64px;
        left: 0;
        bottom: 0px
    }
    .serviceScn {
        padding: 0 0 0px
    }
    .rembRgt .buttonScn li:nth-child(2),
    .locCast .buttonScn li:nth-child(2) {
        text-align: center
    }
    .banCont h1 {
        font-size: 23px
    }
    .banCont h1 small {
        font-size: 18px;
        line-height: 32px
    }
    .banCont h2 {
        font-size: 16px
    }
    .bannerForm .heading {
        font-size: 20px;
        line-height: 29px
    }
    .serviceScn .srvcCvr:after {
        width: 100%;
        background-size: 112%;
        height: 64px;
        left: 0px;
        bottom: 0px
    }
    .morebtn {
        background: url(../images/red-icon.png) no-repeat 60% 50%
    }
    .welcomesecn .mob-img {
        height: 214px;
        background-size: contain
    }
    .reviewCvr {
        margin-bottom: 25px
    }
    .locCast h3 {
        font-size: 28px;
        line-height: 36px
    }
    .copyright {
        padding: 16px 0 15px
    }
}

@media screen and (max-width: 479px) {
    .buttonScn .my_popup_open {
        margin-right: 0
    }
    .locCast h3 small {
        font-size: 16px;
        line-height: 30px
    }
    .mostcomFaq .buttonSctn .quoteBtn a {
        padding-right: 36px;
        font-size: 13px
    }
    .mostcomFaq .buttonSctn .quoteBtn a {
        padding-left: 6px
    }
    .mostcomFaq .buttonSctn .callBtn a {
        width: 145px
    }
    .getqtForm li {
        width: 100%
    }
    .QoteCvr .getqtForm li {
        width: 100%
    }
    .serviceScn li {
        width: 100%;
        padding: 0 0 15px
    }
    .buttonSctn li a {
        width: 155px
    }
    .buttonSctn .quoteBtn a {
        padding-right: 33px;
        padding-left: 5px;
        font-size: 14px;
        padding-top: 3px
    }
    .buttonSctn .callBtn a {
        padding-right: 7px;
        padding-left: 27px;
        font-size: 15px;
        padding-top: 5px
    }
    .buttonSctn .callBtn a:before,
    .buttonSctn .quoteBtn a:before {
        width: 27px;
        background-size: 19px
    }
    header {
        position: fixed
    }
    .whyCvr .boxedPnt {
        max-width: 100%
    }
    .whyCvr .fr {
        float: right;
        width: 100%;
        text-align: center
    }
    .logo {
        float: left;
        width: 220px
    }
    .menuCvr {
        margin: 10px 0 0
    }
    a.menu-link {
        top: 33px
    }
    .menu {
        top: 128px
    }
    .readmore {
        width: 157px
    }
    .banCont h1 {
        font-size: 20px
    }
    .banCont h1 small {
        font-size: 16px
    }
    .banCont h2 {
        font-size: 15px
    }
    .bannerForm {
        padding: 25px 20px 25px
    }
    .srvcCvr .heading {
        font-size: 22px
    }
    .leftWelcome h2 {
        font-size: 30px
    }
    .welcomesecn .mob-img {
        height: 190px
    }
    .welcomesecn:before {
        background: none
    }
    .welcomesecn {
        padding-bottom: 30px
    }
}

@media screen and (max-width: 431px) {
    .innBannLft small {
        font-size: 31px;
        line-height: 42px
    }
    .innerpage.sitemapPage {
        padding-top: 67px
    }
    .rembRgt .buttonScn li:nth-child(2) span,
    .locCast .buttonScn li:nth-child(2) span {
        display: none !important
    }
    .locCast .callbtn,
    .callbtn {
        font-size: 20px;
        color: #fff;
        background: url(../images/call-ftr.png) no-repeat 5% 55%;
        background-color: #133d65;
        width: 200px;
        height: 50px;
        background-size: 27px;
        padding: 13px 10px 13px 24px;
        border-radius: 25px
    }
    .locCast {
        /* background: url(../images/emergrncy-callout-bgg.jpg) no-repeat 50% 0% */
        background-color: #e9e9e9;
    }
    .innerpage {
        margin-top: 69px
    }
    .ftrTitl {
        font-size: 13px
    }
    .menu01 a,
    .menu02 a,
    .menu03 a {
        font-size: 11px ;
    }
    .reviewscn h3 {
        font-size: 25px
    }
    .locCast h3 small {
        font-size: 15px;
        line-height: 30px
    }
    .locCast .callbtn,
    .callbtn {
        font-size: 20px
    }
    .locationmap iframe {
        height: 306px
    }
    .covrgMap {
        width: 100%;
        height: auto;
        padding: 45px 35px
    }
    .mostcomFaq h2 {
        font-size: 27px;
        line-height: 34px
    }
    .listing.locationList li {
        width: 100%
    }
    .entry p {
        margin-bottom: 0
    }
    .bannersub p {
        font-size: 23px
    }
    li.callTop a {
        background-position: 2% 50%;
        padding-right: 0;
        background-size: 17px;
        padding-left: 30px
    }
    li.hdenquire a {
        background-position: 96% 50%
    }
    .contactForm {
        padding: 25px 0 30px 0
    }
    .readmore:before {
        right: 3px;
        margin-top: -9px
    }
    .mobile li a {
        font-size: 18px
    }
    .menu.active1 {
        width: 72vw
    }
    .banner {
        padding: 60px 0 26px
    }
    .banCont h1 {
        font-size: 32px;
        margin-bottom: 18px
    }
    .banCont h1 small {
        font-size: 19px;
        line-height: 24px;
        margin-top: 15px
    }
    .morebtn {
        background: url(../images/red-icon.png) no-repeat 64% 50%
    }
    .banCont h2 {
        font-size: 25px;
        line-height: 30px
    }
    .leftWelcome h2 {
        font-size: 26px
    }
    .welcomesecn {
        padding: 0px 0 10px;
        padding-bottom: 0px
    }
    .leftWelcome h2 {
        margin-bottom: 0
    }
    .mostcomFaq h2 {
        font-size: 24px
    }
    .locationmap iframe {
        height: 202px
    }
    .locCast h3 small {
        font-size: 14px;
        line-height: 25px
    }
}

@media screen and (max-width: 359px) {
    li.hdenquire a {
        background-position: 104% 50%
    }
    li.hdenquire a {
        padding-right: 26px;
        padding-left: 0
    }
    .innBannLft small {
        font-size: 26px;
        line-height: 42px
    }
    .willget {
        bottom: 67px;
        font-size: 27px
    }
    .buttonSctn li a {
        width: 134px
    }
    .avRating {
        font-size: 10px
    }
    .locaScns a {
        font-size: 12px
    }
    .addressLoc {
        padding: 9px 0 0 0;
        font-size: 8px;
        line-height: 16px
    }
}

.row {
    display: flex;
}

nav>ul>li .menu-item-24:before {
    display: none;
}

.bannerForm {
    background:url(../images/form-shadow-box.png) no-repeat center center;
    border-radius: 18px
}

.blacktext {
    color: #000;
}

.menuRgt {
    margin-left: 240px;
}

.welcCap .col-md-6 {
    border-left: 3px solid black;
    padding-left: 10px;
}

.imgSrvce img {
    /* width: 100px; */
}


/* .welcCap li::after {
    background: none !important;
	    position: absolute;
    content: "*";
    width: 9px;
    height: 9px;
    left: 0;
    top: 10px;
    background
} */

.makes-models h2,
.makes-models p {
    text-align: center;
    margin-bottom: 0px !important;
}

.makes-models {
    margin-top: 60px;
}

.makes-logos {
    background-image: url('/wp-content/uploads/2020/11/Broken-Vehicle-Collection-Business-Logos.jpg');
    margin: 25px 0 0;
    padding-top: 99px;
    text-align: center;
    position: relative;
    background-size: auto;
    background-position: 50% 0;
    display: table;
    height: 157px;
    background-repeat: no-repeat;
    width: 100%;
}

.welcomesecn {
    background: #e7f7ff;
    background-position: right;
    background-repeat: no-repeat;
}

.welcCap p,
.welcCap li {
    color: #fff;
}

.welcCap .col-md-6 p {
    color: #ff4c49;
}

.welcCap .col-md-6 {
    margin-right: 10px;
}

.mostcomChooseus h6 {
    font-size: 17px;
}

@media only screen and (max-width: 600px) {
    .banner {
       /* background: none !important;*/
    }
}

@media only screen and (min-width: 600px) {
    .mobftrd img {
        display: none !important;
    }
    .half-width .col-md-6 {
        width: 50%;
    }
    .half-width .last-child {
        padding: 30px;
        ;
    }
}

@media (max-width: 767px) {
    .welcomesecn .mob-img {
        background: url('/wp-content/uploads/2020/11/Broken-Vehicle-Collection-Intro.jpg') no-repeat;
        width: 100%;
        height: 360px;
        background-size: contain;
    }
    .welcomesecn {
        background-image: none !important;
    }
}


/* 
.imgSrvce img {
    width: 100%;
} */

.about .servCont {
    float: left;
    width: 100%;
}
.about1 .servCont {
    float: left;
    width: 100%;
}


.about-content h2 {
    color: #000;
    font-size: 28px !important;
    line-height: 1.0;
    margin-bottom: 0px;
}

.about-content h5 {
    font-size: 20px !important;
    margin-bottom: 0px !important;
    color: #000;
}

.form-label {
    color: #000 !important;
    font-size: 22px !important;
    margin-top: 20px;
    text-align: center;
}

.form-options {
    color: #fff !important;
}

.wpcf7-list-item-label {
    color: #000;
}

.formUl p {
    line-height: 20px;
}

.bannerForm input[type=text],
.bannerForm input[type=tel],
.bannerForm input[type=phone],
.bannerForm input[type=email],
.bannerForm input[type=date],
.bannerForm select {
    background: #fafafa;
    border: #ccc 1px solid;
   font-family: 'Roboto',sans-serif; 
    color: #b3b3b3;
    height: 38px;
    font-size: 14px;
}

.innBannRgt input[type=text],
.innBannRgt input[type=tel],
.innBannRgt input[type=phone],
.innBannRgt input[type=email],
.innBannRgt input[type=date],
.innBannRgt select {
    background: #fafafa;
    border:#ccc 1px solid;
    font-family: 'Roboto',sans-serif; 
    color: #b3b3b3 !important;
    font-size: 14px;
}

::placeholder {
    color: #b3b3b3 !important;
    opacity: 1;
}

 :-ms-input-placeholder {
    color: #b3b3b3 !important;
}

 ::-ms-input-placeholder {
    color:#b3b3b3 !important;
}

.ftrLft input[type=text],
.ftrLft input[type=tel],
.ftrLft input[type=phone],
.ftrLft input[type=email],
.ftrLft input[type=date],
.ftrLft select {
    background: #fafafa;
    border: 1px solid #2f3131;
}

.faq-head h2 {
    text-align: center;
}

.button-style {
    display: inline-block;
    padding: 14px 84px 14px 25px;
    color: #fff;
    height: 53px;
    font-size: 14px;
    border-radius: 35px;
    background: #d82f4e url('/wp-content/themes/Clixpert_Theme_3.0/css/../images/submit-icon-white.png') no-repeat 90% 50%;
    margin-right: 26px;
}

.rembLft img {
    width: 100%;
}

.last-child img {
    width: 100%;
}

.contactLft .form-label {
    color: black !important;
}

.contactLft .wpcf7-list-item-label {
    color: #000;
}

.contactLft .wpcf7-submit {
    float: left;
}

.lists li {
    list-style: none;
    color: #ff4c49;
}

.lists {
    margin-top: -10px;
    margin-bottom: 20px;
}

.lists li::before {
    content: "\2713 ";
    color: #ff4c49 !important;
    font-weight: 900;
    font-size: 20px;
    margin-right: 5px;
}
.lists.threeCol li {
    width: 33.33%;
    float: left
}
h4 i,
strong i {
    padding-bottom: 15px;
    margin-bottom: 12px;
    color: #ff4c49;
    font-family: 'Roboto',sans-serif;
    font-size: 24px;
}


.cfrt h5{
	color:#a6a6a6;
	font-size:24px;
	font-family: 'Roboto',sans-serif;
    font-weight: 900;
}

.serviceScn .description{
	font-family: "Roboto-Bold";
	font-size:14px;
	line-height: 27px;
    text-transform: lowercase;
}

.wideserviceScn{
    text-align: center;
}
.wideserviceScn li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 0 13px 33px
		
}

.home-blog{
	padding: 0 0 48px;
    text-align: center;
}
.home-blog li{float: left;
    width: 25%;
    text-align: center;
    padding: 0 13px 33px}


.wideserviceScn ul li a{
	text-decoration:none!important;
}
.serbutton{
	position: absolute;
    margin-top: -20px;
    width: 100%;
}

.innBannLft{
	width:30%!important;
	padding-top:60px!important;
}

.innBannRgt .formUl h4{
	padding-bottom: 0px;
    margin-bottom: 10px;
	font-weight:600;
}

.ftrTitl ul li{
	font-size:16px;
}
.ftrLft ul .formUI h4 .form-label{
	color:#fff!important;
}
@media (max-width: 767px) {
	.wideserviceScn li{
		width: 100%;
	}}

div .ftrLft h4 {
	color:#fff;
}
@media (max-width: 767px) {
	.innBannLft {
		width:100%;
	}}
@media (max-width: 767px) {
	.formCap {
		padding:7px;
	}}
@media (max-width: 767px){
	.innBannLft {
		width:100%!important;
	}}

.twoCol li{
	width:50%;
	float:left;}
}