/*

 Theme Name:   Precision Coating

 Author:       MSonder

 Template:     twentyseventeen

*/

@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

@font-face {

  font-family: 'Oswald' !important;

  font-style: normal !important;

  font-weight: 700 !important;

  src: local('?'), url(https://themes.googleusercontent.com/static/fonts/oswald/v7/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff') !important;

}

* {

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

  -moz-box-sizing: border-box; /* Firefox, other Gecko */

  box-sizing: border-box; /* Opera/IE 8+ */

}


body.admin-bar {
  padding-top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar {
    padding-top: 46px;
  }
}


html, body {

  margin: 0px;

  border: 0px;

  padding: 0px;

  margin-top: 0px !important;

  text-align: left;

  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */

  -webkit-text-size-adjust: none;

  text-rendering: optimizelegibility;

  color: #221e1f;

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  font-size: 16px;

  line-height: 26px;

  background: #fff;

}

body:not(.custom-background-image).admin-bar::before {

  top: 0px;

}

body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {

  height: 0px;

}

a {

  outline: none;

}

ul {

  padding-top: 0px;

  margin-top: 0px;

  padding-left: 40px;

}

:root {

  overflow-y: scroll !important;

}

::-moz-selection {

  background: #393939;

  color: #6a6a6a;

  text-shadow: none;

}

::selection {

  background: #393939;

  color: #6a6a6a;

  text-shadow: none;

}

.right {

  float: right !important;

}

.left {

  float: left !important;

}

.clear {

  clear: both;

}

img.right {

  float: right !important;

  margin: 0 0 20px 20px !important;

}

img.left {

  float: left !important;

  margin: 0 20px 20px 0 !important;

}

img {

  border: none;

}

img.alignright {

  float: right;

  margin: 0 0 1em 1em;

}

img.alignleft {

  float: left;

  margin: 0 1em 1em 0;

}

img.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.alignright {

  float: right;

}

.alignleft {

  float: left;

}

.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.scrollup {

  width: 40px;

  height: 40px;

  opacity: 0.3;

  position: fixed;

  bottom: 130px;

  right: 50px;

  display: none;

  text-indent: -9999px;

  background: url(images/icon_top.png) no-repeat;

}

.responsive {

  width: 90%;

}





/* blog menu  */

.blog_category_menu .cat-item.cat-item-15 { display: none; }



/*	--------------------------------------------------

	:: Structure

	-------------------------------------------------- */

#top-wrapper {

  width: 100%;

  height: auto;

  background: #e4e4e0;

}

#top {

  width: 90%; /* Change to exact pixels for static (non-responsive) */

  height: auto;

  margin: 0 auto;

  padding: 0;

  font-weight: bold;

  font-size: 16px;

  line-height: 22px;

}

#top a:hover {

  color: #7a6d6d;

}

#top i {

  color: #ec1f27;

  padding: 20px 0;

}

#top a.link {

  background: #ec1f27;

  color: #fff !important;

  font-size: 16px;

  text-transform: uppercase;

  line-height: 50px;

  font-weight: bold;

  padding: 20px 25px;

  border-radius: none !important;

  text-decoration: none !important;

  -webkit-transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

#top a.link:hover {

  background: #bd1017;

}

#header-wrapper {

  width: 100%;

  height: auto;

  background: #ffffff;

  border-bottom: 4px solid #ec1f27;

}

#header {

  width: 90%; /* Change to exact pixels for static (non-responsive) */

  height: auto;

  margin: 0 auto;

  padding: 0;

  position: relative;

}

#logo img {

  width: auto;

}

#phone {

  font-size: 20px;

  color: #888;

  padding-top: 10px;

  padding-left: 20px;

  font-weight: 900;

}

#phone a {

  color: #000;

  text-decoration: none;

}

.social-icon {

  background: #555;

  border: 1px solid #e9e9e9;

  padding: 3px 0;

  width: 35px;

  display: inline-block;

  color: #888;

  text-align: center;

  font-size: 20px;

  margin-top: 4px;

}

.social-icon:hover {

  background: #e9e9e9;

}

/* Options - Social */

ul.social-icons-top a i {

  font-size: 30px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  background: #ec4b8b;

  color: #fff;

  border-radius: 150px;

}

ul.social-icons-top li a:hover {

  opacity: 0.8;

}

ul.social-icons-top {

  list-style: none;

  text-align: left !important;

  margin-bottom: 15px;

  padding: 0;

}

ul.social-icons-top li {

  display: inline;

  padding: 2px 5px 0px 0px;

}

ul.social-icons-top .fa {

  background: #ec4b8b !important;

}

#slideshow-wrapper {

  width: auto;

  height: auto;

  background: url(images/slideshow-bg.jpg) no-repeat scroll center center / cover;

  /* padding-top: 38.35714285714286%; image height divided by image width */

  padding: 8% 0;

  border-bottom: 4px solid #ec1f27;

}

#slideshow-bg {

  width: 90%; /* Change to exact pixels for static (non-responsive)*/

  margin: 0 auto;

}

.slogan {

  width: 70%;

  font-family: 'Roboto Slab', serif;

  color: #fff;

  font-size: 30px;

  line-height: 36px;

  font-weight: bold;

  text-align: center;

  margin: 0 auto;

}

#content-wrapper {

  width: 90%; /* Change to exact pixels for static (non-responsive) */

  height: auto;

  margin: 0px auto;

}

#content {

  width: 100%;

  margin: 0px auto;

  height: auto;

  padding: 60px 0px;

}

#content a {

  color: #ec1f27;

  text-decoration: underline;

  line-height: 20px;

}

#content a:hover {

  color: #a10f14;

  text-decoration: none;

}

#content ul {

  overflow: hidden;

}

#grey-wrapper {

  width: auto;

  height: auto;

  background: #E4E4E0;

}

#grey {

  width: 90%; /* Change to exact pixels for static (non-responsive)*/

  margin: 0 auto;

  padding: 60px 0;

}

#grey .pquote {

  margin-bottom: 20px;

}

/*	--------------------------------------------------

	:: Navigation (FULL CSS w/ DROPS)

	-------------------------------------------------- */

ul.menu {

  margin: 0;

  padding: 0px 0 0 0;

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

}

ul.menu li {

  list-style: none;

  position: relative;

  float: left;

}

ul.menu li:last-child a {

  border-right: none;

}

ul.menu li:first-child a {

  border-left: none;

}

ul.menu li:hover {

  cursor: default;

}

ul.menu li a {

  display: block;

  line-height: 40px;

  font-size: 16px;

  font-weight: bold;

  text-align: center;

  padding: 0 10px;

  width: 100%;

  color: #221e1f;

  border-bottom: 4px solid transparent;

  text-decoration: none;

  -webkit-transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus {

  border-bottom: 4px solid #ec1f27;

  color: #7a6d6d;

}

ul.menu li ul {

  position: absolute;

  left: -9999em;

  width: auto;

  margin: 0;

  padding: 0;

  list-style-type: none;

  white-space: nowrap;

}

ul.menu li:hover ul {

  left: 0;

}

ul.menu li:hover ul li {

  float: none;

  width: 100%;

  position: relative;

  z-index: 9999;

}

ul.menu li:hover ul li a {

  display: block;

  line-height: 40px;

  text-transform: none;

  text-shadow: none;

  text-align: left !important;

  padding-left: 10px;

  background: #888;

  width: 100%;

  color: #FFF;

  text-decoration: none;

  border-bottom: 4px solid transparent;

}

ul.menu li:hover ul li a:hover {

  background: #666;

  border-bottom: 4px solid transparent;

}

.slicknav_menu {

  display: none;

}

/*	--------------------------------------------------

	:: Footer

	-------------------------------------------------- */

#footer-wrapper {

  height: auto;

  width: 100%;

  background: #111111;

}

#footer {

  height: auto;

  width: 90%; /* Change to exact pixels for static (non-responsive) */

  margin: 0 auto;

  padding: 15px 0;

  background: #111111;

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  font-size: 18px;

  line-height: 26px;

  color: #fff;

  position: relative;

}

#footer a {

  color: #ffffff;

  text-decoration: none;

}

#footer a:hover {

  color: #cfcfcf;

  text-decoration: underline;

}

#footer i {

  color: #767877;

  font-size: 30px;

  margin-right: 25px;

}

#footer .g70 {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

}

#copyright {

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  font-size: 14px;

  line-height: 18px;

  color: #767877;

  text-align: right;

  padding-top: 30px;

}

#copyright a {

  color: #767877;

  text-decoration: none;

}

#copyright a:hover {

  color: #a2a3a3;

  text-decoration: underline;

}

/*	--------------------------------------------------

	:: Elements

	-------------------------------------------------- */

h1 {

  color: #ec1f27;

  font-family: 'Roboto Slab', serif;

  font-size: 30px;

  line-height: 34px;

  margin: 0px;

  padding: 0px;

  font-weight: bold;

  margin-bottom: 25px;

}

h1 span {

  color: #000000;

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  font-size: 22px;

  line-height: 26px;

  margin: 0px;

  padding: 0px;

  text-transform: none;

  font-weight: bold;

}

h2 {

  color: #000000;

  font-family: 'Roboto Slab', serif;

  font-size: 24px;

  line-height: 32px;

  margin: 0px;

  padding: 0px;

  text-transform: uppercase;

  font-weight: bold;

  margin-bottom: 15px;

}

h3 {

  color: #ec1f27;

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  font-size: 24px;

  line-height: 30px;

  margin: 0px;

  margin-bottom: 10px;

  padding: 0px;

  font-weight: bold;

}

h3 span {

  font-size: 16px;

}

.inline {

  display: inline;

}

.nobottom {

  margin-bottom: -15px;

}

p {

  margin: 0px;

  padding: 0px 0px 15px 0px;

}

hr {

  border: 0;

  height: 3px;

  background: #D3D3D3;

}

.callout {

  background: #e5eeec;

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  font-weight: 300;

  font-size: 18px;

  line-height: 26px;

  padding: 25px 35px;

  border: 3px solid #888;

  margin-bottom: 10px;

}

.pquote {

  border-left: 12px solid #ec1f27;

  background: #e4e4e0;

  color: #000;

  font-size: 14px;

  line-height: 20px;

  padding: 20px 10px 20px 40px;

}

.pquote a {

  color: #000 !important;

  font-weight: bold;

}

.pquote a:hover {

  color: #ec1f27 !important;

}

blockquote {

  border-left: 12px solid #ec1f27 !important;

  background: #e4e4e0;

  color: #000;

  padding: 20px 10px 20px 40px !important;

}

blockquote p {

  padding: 0;

}

blockquote a {

  color: #000 !important;

  font-weight: bold;

}

blockquote a:hover {

  color: #ec1f27 !important;

}

blockquote cite {

  font-size: 16px;

  text-transform: uppercase;

  color: #575757;

  font-style: italic;

}

figure.image-caption figcaption {

  background: #000;

  padding: 15px;

  margin-top: -7px !important;

  font-family: 'Roboto Slab', serif;

  color: #fff;

  font-size: 24px;

  line-height: 32px;

  font-style: normal !important;

}

a.image-caption figcaption {

  color: #fff !important;

}



a.link, a.wp-block-button__link {

  background: #ec1f27;

  color: #fff;

  font-size: 16px;

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  text-transform: uppercase;

  line-height: 40px;

  font-weight: bold;

  padding: 20px 25px;

  border-radius: 6px;

  text-decoration: none !important;

  -webkit-transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

a.link:hover, a.wp-block-button__link:hover {

  background: #a10f14;

}

a.wp-block-button__link {

  color: #fff !important;

}

a.link-clear {

  background: transparent;

  border: 3px solid #ec1f27;

  color: #ec1f27;

  font-size: 16px;

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  text-transform: uppercase;

  line-height: 40px;

  font-weight: bold;

  padding: 17px 25px;

  border-radius: 6px;

  text-decoration: none !important;

  -webkit-transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

a.link-clear:hover {

  background: #ec1f27;

  color: #fff;

}

a.link-readmore {

  background: transparent;

  border: 2px solid #000;

  color: #000 !important;

  display: block;

  font-size: 16px;

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  text-transform: uppercase;

  line-height: 30px;

  font-weight: bold;

  text-align: center;

  padding: 10px 25px;

  border-radius: 6px;

  text-decoration: none !important;

  -webkit-transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

a.link-readmore:hover {

  background: #000;

  color: #fff !important;

}

.shareaholic-share-buttons-container {

  margin: 30px 0 0 0 !important;

}

/*	--------------------------------------------------

	:: Blog Styles

	-------------------------------------------------- */

.blog_category_menu .cat-item.cat-item-15 { display: none; }


.blogcontent h2 {margin-top: 30px;}



.hentry {

  padding: 0px !important;

}

.has-sidebar #secondary {

  width: 100%;

}

#secondary ul {

  margin: 0;

  padding: 0;

}

#secondary h2.widget-title {

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  margin: 0 0 10px;

  padding: 5px 10px;

  background: #000;

  color: #fff;

  font-size: 16px;

  letter-spacing: 0;

  font-weight: normal;

  text-transform: uppercase;

}

.widget {

  background-color: #dddada;

  margin: 0 0 24px;

  padding: 10px;

  border-bottom: 5px solid #000;

}

#secondary ul li {

  background: #a10f14;

  margin: 0 0 5px;

  padding: 0px !important;

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  text-decoration: none !important;

}

#secondary ul li:hover {

  background: #ec1f27;

  text-decoration: none !important;

}

#secondary ul li a {

  display: block;

  color: #fff !important;

  line-height: 20px;

  text-decoration: none !important;

  font-size: 16px;

  padding: 5px 15px 10px 15px;

}

#secondary ul li:hover a {

  text-decoration: none !important;

}

.entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a {

  box-shadow: none !important;

}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {

  width: 100%;

  max-height: 350px;

  object-fit: cover;

  margin-bottom: 25px;

  -webkit-transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image:hover {

  opacity: 0.7;

}

.widget_search {

  padding: 0 !important;

}

.widget_search form.search-form label {

  margin-bottom: 0 !important;

}

.widget_search form.search-form input.search-field, .widget_search form.search-form input.search-field:focus {

  padding: 15px !important;

}

#secondary button {

  font-size: 12px !important;

}

#secondary .search-form .search-submit .icon {

  height: 16px;

  top: -2px;

  width: 16px;

}

/*	--------------------------------------------------

	:: Grid 

	-------------------------------------------------- */

div#content > div img {

  width: 100%;

}

/* Override */ .no-full {

  width: auto !important;

}

.g10, .g20, .g30, .g40, .g50, .g60, .g70, .g80, .g90, .g100, .g33, .g25, .g75 {

  height: auto;

  float: left;

}

.g10 {

  width: 10%;

}

.g20 {

  width: 20%;

}

.g30 {

  width: 30%;

}

.g40 {

  width: 40%;

}

.g50 {

  width: 50%;

}

.g60 {

  width: 60%;

}

.g70 {

  width: 70%;

}

.g80 {

  width: 80%;

}

.g90 {

  width: 90%;

}

.g100 {

  width: 100%;

}

.g33 {

  width: 33.33333333%;

}

.g25 {

  width: 25%;

}

.g75 {

  width: 75%;

}

.padding {

  padding: 10px 15px;

}

.padding-lg {

  padding: 25px;

}

/*	--------------------------------------------------

	:: Form Styles

	-------------------------------------------------- */

label {

  font-weight: normal;

}

select {

  height: auto !important;

}

input, textarea, select {

  border: 0px !important;

  background: #dddada !important;

  border-bottom: 2px solid #ec1f27;

  font-family: inherit;

  padding: 10px !important;

  width: 100%;

}

input[type="checkbox"], input[type="radio"] {

  width: auto;

}

input:focus, textarea:focus, select:focus {

  border: 0px;

  background: #c9c7c7 !important;

  border-bottom: 2px solid #a10f14;

  font-family: inherit;

  padding: 10px !important;

}

.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*="gfield_time_"].ginput_container label {

  margin: 0px 0 1px 1px !important;

}

.ginput_complex.ginput_container_address .address_city {

  width: 31% !important;

  margin-right: 2% !important;

  margin-left: 0 !important;

  padding: 0 !important;

  display: block;

  float: left;

}

.ginput_complex.ginput_container_address .address_state {

  width: 32% !important;

  margin-right: 0 !important;

  margin-left: 0 !important;

  padding: 0 !important;

  display: block;

  float: left;

}

.ginput_complex.ginput_container_address span.ginput_right + .ginput_left.address_zip {

  width: 33% !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

  padding: 0 !important;

  display: block;

  float: right;

}

::-webkit-input-placeholder {

  color: #000;

  font-size: 14px;

}

:-moz-placeholder { /* Firefox 18- */

  color: #000;

  font-size: 14px;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #000;

  font-size: 14px;

}

:-ms-input-placeholder {

  color: #000;

  font-size: 14px;

}

button, input[type="submit"], input[type="button"], input[type="reset"] {

  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ec1f27 0%, #a10f14 100%) repeat scroll 0 0 !important;

  border-bottom: 2px solid #ec1f27 !important;

  color: #fff;

  display: inline-block;

  padding: 15px 20px;

  text-decoration: none;

  text-transform: uppercase;

  font-family: 'Roboto Slab', serif;

  font-size: 24px !important;

}

button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus {

  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a10f14 0%, #ec1f27 100%) repeat scroll 0 0 !important;

}

.wp-block-cover .wp-block-cover__inner-container {

  padding: 30px;

}

/**

* WordPress Number Pagination CSS Styles

*/

#content .prev.page-numbers, #content .next.page-numbers {

  background: transparent;

  border: 2px solid #000;

  color: #000 !important;

  display: block;

  font-size: 14px;

  font-family: 'Lato', Arial, Helvetica, sans-serif;

  text-transform: uppercase;

  line-height: 18px;

  font-weight: bold;

  text-align: center;

  padding: 8px 21px;

  border-radius: 6px;

  text-decoration: none !important;

  -webkit-transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

}

#content .prev.page-numbers:hover, #content .next.page-numbers:hover {

  color: white !important;

  background: black;

}

/*	--------------------------------------------------

	:: Media Queries

	-------------------------------------------------- */

@media screen and (min-width: 1200px) {

  .responsive {

    width: 1000px !important;

  }

}

@media screen and (max-width: 1200px) {

  .scrollup {

    width: 20px;

    height: 20px;

    background-size: cover;

    bottom: 115px;

    right: 1%;

  }

}

@media screen and (max-width: 800px) {

  #content img.alignright {

    display: block;

    margin: 0px auto;

    float: none;

    width: auto;

    max-width: 100%;

  }

  .menu {

    display: none !important;

  }

  .slicknav_menu {

    display: block !important;

  }

  #header .g20 {

    width: 100%;

    float: none;

    text-align: center;

  }

  #top {

    text-align: center;

    padding-bottom: 20px;

  }

  #top .right {

    width: 100%;

    float: none;

    text-align: center;

  }

  #top .right a.link {

    display: block;

    line-height: 20px;

    padding: 20px 0px;

    margin-top: 20px;

  }

  .slogan {

    width: 100%;

  }

  #grey .g40 .right a.link {

    display: block;

    line-height: 20px;

    padding: 20px 0px;

    text-align: center;

  }

  #footer, #copyright {

    text-align: center;

  }

  #footer .left i {

    display: none;

  }

  #footer .g30 {

    position: static;

  }

  #footer .g70 {

    position: static;

    top: 0;

    right: 0;

    transform: none;

  }

  #footer {

    line-height: 30px;

  }

  .g25 {

    width: 50% !important;

  }

  .g30 {

    width: 100% !important;

  }

  .g33 {

    width: 100% !important;

  }

  .g50 {

    width: 100% !important;

  }

  .g70 {

    width: 100% !important;

  }

}

@media screen and (max-width: 600px) {

  .responsive {

    width: 90% !important;

  }

  .slogan a.link {

    display: block;

    line-height: 20px;

    padding: 20px 0px;

  }

  .slogan a.link-clear {

    display: block;

    line-height: 20px;

    padding: 20px 0px;

  }

}

@media screen and (max-width: 480px) {

  .responsive {

    width: 95% !important;

  }

  #grey .g40 .right {

    float: none;

    width: 100%;

  }

  .g10 {

    width: 100% !important;

  }

  .g20 {

    width: 100% !important;

  }

  .g25 {

    width: 100% !important;

  }

  .g40 {

    width: 100% !important;

  }

  .g60 {

    width: 100% !important;

  }

  .g80 {

    width: 100% !important;

  }

  .g90 {

    width: 100% !important;

  }

}