/*
Theme Name: Quark
Theme URI: http://quarktheme.com
Author: Anthony Hortin
Author URI: http://maddisondesigns.com/
Description: Quark is your basic building block for creating beautiful, responsive custom themes. It's not a convoluted or confusing framework that's hard to learn or even harder to modify. It's a simple and elegant starter theme built on HTML5 & CSS3. Its base is a responsive, 12 column grid. It incorporates custom theme options that are easy to modify, a set of common templates, support for WordPress Post Formats and the gorgeous, retina friendly Font Awesome icon font. Quark is WooCommerce compatible, Multilingual Ready (WPML) and translated into Spanish, German and French.
Version: 100.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, gray, dark, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: quark
*/
/* Inline Block Mixin */
/* Transition steps */
/* Helpful checkers */
/*
usage: 

@include is_admin_bar {
	color: #222;
}
*/
/*
 * flex wrap
 * nowrap | wrap | wrap-reverse;
 */
/*
 * flex direction
   row | row-reverse | column | column-reverse;
 */
/* justify-content - horizontally
 * flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe;
 */
/*
 * vertically align content inside flex
 * align-content: flex-start | flex-end | center | space-between | space-around | stretch;
 */
/*
 * Gap control
 */
/* Fluid Text size

https://css-tricks.com/snippets/css/fluid-typography/
Usage 

Define vars in _VARS.scss file 

$_screen_min_width: 320px;
$_screen_max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

.class {
	@include fluid-type($_screen_min_width, $_screen_max_width, 13px, 50px);
}

*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap");
@use "sass:math";
/*
 * Embed custom fonts locally
 * Usage
 * @include font-face('gotham', '/fonts/gotham', 400);
 */
/* Define default font size
p {
	@include font-size(14px)
}
Output: 
p {
	font-size: 14px; //For unsupported browsers
	font-size: 0.8rem;
}
*/
/*
 	Define vertical, horizontal, or both position inside parent elem
 	Using the mixin
	.foo {
		@include center(both); // vertical / horizontal / both
	}
	.foo-parent {
		position: relative;
	}
 */
/*
Usage 
.foo {
	@include relative;
}

.foo {
	@include absolute(top 100% left 0);
}

.foo {
	@include fixed(top 0 left 0);
}
*/
/*
 Set elem full width & full height inside parent with z-index
 */
/*
 Simple two colors gradient

	Usage:
	$start-color, $end-color, $orientation - vertical/horizontal/radial
	.foo {
		@include background-gradient(red, black, 'vertical');
	}
	Output
	.foo {
		background: -webkit-linear-gradient(top, red, black);
		background: linear-gradient(to bottom, red, black);
	}
*/
/*
 Convert color to rgb with opacity (RGBA)
	usage:
	@include to-rgba(#333333, 0.5);

	will render
	background-color: #333333;
	background-color: rgba(51, 51, 51, 0.5);
*/
/*
	Media Queries

Using the mixin
.foo {
	@include screen(large) {
		width: 20%;
}
@include screen(med) {
	width: 40%;
}
@include screen(med-small) {
	width: 60%;
}
@include screen(small) {
	width: 80%;
}
@include screen(custom, max, 400) {
	width: 100%;
}
*/
/*
 Shine highlight moving from left to right
*/
/*
 Zoom and/or rotate image by hover
*/
/*
 * Include Needed Button Mixin Here by its num - check dir "buttons" for styles
 */
/* BTN 2

Sliding borders around the perimeter of the btn

 
how to use
@include create_button();

btn structure needed
<a></a>


Config
copy to _vars.scss

PARAMS:
	"main-bg": 'transparent',
	"main-hover-bg": #fff,
	"border-color": #fff,
	"border-radius": '',
	"txt-color": #fff,
	"hover-txt-color": $_color_txt,
	"font-family": $_font_button,
*/
#nav_menu-3 li a {
  display: block;
  text-align: left; }

#nav_menu-3 li a i {
  margin-right: 5px; }

@media (hover: hover) {
  #nav_menu-3 li a:hover {
    background: none;
    color: #000; } }
/* ==========================================================================
   Default stylings from HTML5 Boilerplate
   ========================================================================== */
*:before,
*:after,
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

::-webkit-selection {
  background: #626262;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #626262;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #626262;
  color: #fff;
  text-shadow: none; }

menu {
  padding: 0; }

td {
  vertical-align: top; }

/* ==========================================================================
   Basic page styles
   ========================================================================== */
body {
  margin: 0 auto;
  padding: 0;
  font-style: normal;
  text-align: left;
  line-height: 1.5;
  font-family: Open Sans, sans-serif; }

.grecaptcha-badge {
  /*   width: 0 !important;
  	height: 0 !important;
     opacity: 0 !important; */ }

/* Set the default behavior for touch-based browsing in IE10 on devices running Windows 8 */
canvas {
  -ms-touch-action: double-tap-zoom; }

/* Make sure videos and embeds fit their containers */
div.wpcf7-response-output {
  position: absolute;
  z-index: 999;
  background: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  padding: 35px; }

div.wpcf7-response-output:after {
  content: "click to close";
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px;
  color: #ff0000;
  text-transform: uppercase; }

.entry-content .twitter-tweet-rendered {
  max-width: 100% !important;
  /* Override the Twitter embed fixed width */ }

/* Responsive images */
img {
  border: 0;
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  /* Chrome, Safari, Opera */
  backface-visibility: hidden; }

.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */ }

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
  max-width: 100%;
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }

img.wp-smiley,
.rsswidget img {
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Header */
h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  font-weight: normal;
  margin-top: 0; }

h1 {
  margin-bottom: 10px;
  font-size: 38px; }

h2 {
  margin-bottom: 8px;
  font-size: 34px;
  font-weight: 600; }

h3 {
  margin-bottom: 6px;
  font-size: 27px; }

h4 {
  margin-bottom: 5px;
  font-size: 22px; }

h5 {
  margin-bottom: 5px;
  font-size: 18px; }

h6 {
  margin-bottom: 5px;
  font-size: 16px;
  text-transform: uppercase; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  clear: both;
  margin: 10px; }

ol, ul {
  list-style: none outside none; }

p, ol, ul, dl, address {
  margin: 0 0 10px 0; }

ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0; }

dt {
  font-style: normal;
  font-weight: 700; }

b, strong {
  font-style: normal;
  font-weight: bold; }

em {
  font-style: italic;
  font-weight: normal; }

strong em, b em {
  font-style: italic;
  font-weight: 700; }

ins {
  background: none repeat scroll 0 0 #FFF9C0;
  text-decoration: none; }

a {
  outline: none;
  color: #f6a500; }

@media (hover: hover) {
  a:hover, a:active {
    outline: 0; } }
.alignleft {
  display: inline;
  float: left;
  margin: 0 15px 15px 0; }

.alignright {
  display: inline;
  float: right;
  margin: 0 0 15px 15px; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

blockquote {
  border-left: 5px solid #333;
  margin: 0 0 15px 20px;
  padding: 0 0 0 15px; }

blockquote.pull-right {
  border-left: 0 none;
  border-right: 5px solid #333;
  margin: 0 20px 15px 0;
  padding: 0 15px 0 0;
  float: none; }

blockquote p {
  font-style: italic;
  margin-bottom: 0; }

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right; }

blockquote cite:before {
  content: "\2014 ";
  font-family: 'FontAwesome'; }

blockquote cite {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  display: block; }

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

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

abbr,
dfn,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

.wp-caption {
  max-width: 100%;
  /* Keep wide captions from overflowing their container. */
  padding: 4px; }

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  color: #777;
  text-align: center; }

img.wp-smiley, .rsswidget img {
  border: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

.gallery dl.gallery-item {
  margin: 0; }

.gallery .gallery-item a {
  max-width: 100%;
  width: auto;
  display: block;
  border: 1px solid #fff;
  transition: all .3s;
  padding: 10px; }

.gallery {
  padding: 20px 0;
  margin: 25px auto !important;
  /*	border-top: 1px solid #ccc; */
  border-bottom: 1px solid #ccc;
  clear: both; }

@media (hover: hover) {
  .gallery .gallery-item:hover a {
    border: 1px solid #ccc; } }
.gallery .gallery-icon img {
  height: auto; }

#primary .entry-content [id^="gallery-"] img {
  border: none; }

/* Text meant only for screen readers */
.assistive-text {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }

.menu-toggle {
  display: none; }

.menu-toggle:before {
  content: "\f0c9";
  font-family: 'FontAwesome';
  font-size: 20px; }

.menu-toggle.toggled-on:before {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-size: 20px; }

.menu-toggle, button, input {
  font-style: normal;
  font-weight: 400;
  margin: 0;
  vertical-align: middle; }

.menu-toggle, button, input {
  *overflow: visible;
  line-height: normal; }

.menu-toggle::-moz-focus-inner,
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="button"] {
  width: auto; }

.btn,
.wp-block-button__link,
input[type="submit"] {
  display: inline-block;
  padding: 12px 24px;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  background: #f6a500;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  transition: all 0.3s; }
  .btn:hover,
  .wp-block-button__link:hover,
  input[type="submit"]:hover {
    color: #fff;
    background: #000; }
  .btn.hover-w:hover, .hover-w > .btn:hover,
  .wp-block-button__link.hover-w:hover, .hover-w >
  .wp-block-button__link:hover,
  input[type="submit"].hover-w:hover, .hover-w >
  input[type="submit"]:hover {
    color: #f6a500;
    background: #fff; }
  .btn.black, .black > .btn,
  .wp-block-button__link.black, .black >
  .wp-block-button__link,
  input[type="submit"].black, .black >
  input[type="submit"] {
    color: #fff;
    background: #000; }
    .btn.black:hover, .black > .btn:hover,
    .wp-block-button__link.black:hover, .black >
    .wp-block-button__link:hover,
    input[type="submit"].black:hover, .black >
    input[type="submit"]:hover {
      color: #f6a500;
      background: #fff; }

.menu-toggle, a.btn {
  text-decoration: none; }

.btn:first-child {
  *margin-left: 0; }

@media (hover: hover) {
  .btn:hover,
  input[type="submit"]:hover {
    color: #fff;
    text-decoration: none; } }
.btn:focus,
input[type="submit"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn.active,
.btn:active,
input[type="submit"]:active {
  background-color: #e6e6e6;
  background-image: none;
  outline: 0;
  position: relative;
  top: 1px; }

.btn.disabled, .btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.btn.disabled:active, .btn[disabled]:active {
  top: 0; }

button.btn, input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px; }

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0; }

.btn-large,
input[type="submit"].btn-large {
  padding: 10px 15px;
  font-size: 16px; }

.btn-small,
input[type="submit"].btn-small {
  padding: 5px 9px;
  font-size: 11px; }

/* Form fields */
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
  font-family: inherit;
  padding: 8px;
  border: 1px solid #ccc;
  max-width: 100%;
  width: 100%; }

textarea {
  max-height: 85px; }

select {
  max-width: 100%;
  width: 100%; }

/* Small headers */
.archive-title,
.page-title,
.entry-content th,
.comment-content th {
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase; }

/* ==========================================================================
   Site specific styles
   ========================================================================== */
.entry-content .bg-decor {
  background: #eeeeee;
  color: #f6a500;
  padding: 15px;
  margin-bottom: 20px; }

.entry-content .bg-decor1 {
  color: #f6a500;
  padding: 10px 0;
  margin-bottom: 20px; }

body #wptime-plugin-preloader {
  background: #fff !important; }

#wptime-plugin-preloader .load-box {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -70px; }

#wptime-plugin-preloader .load-box img {
  margin-bottom: 25px;
  width: 200px; }

#circleG {
  width: 135px;
  margin: auto; }

.circleG {
  background-color: white;
  float: left;
  height: 29px;
  margin-left: 15px;
  width: 29px;
  animation-name: bounce_circleG;
  -o-animation-name: bounce_circleG;
  -ms-animation-name: bounce_circleG;
  -webkit-animation-name: bounce_circleG;
  -moz-animation-name: bounce_circleG;
  animation-duration: 2.24s;
  -o-animation-duration: 2.24s;
  -ms-animation-duration: 2.24s;
  -webkit-animation-duration: 2.24s;
  -moz-animation-duration: 2.24s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  border-radius: 19px;
  -o-border-radius: 19px;
  -ms-border-radius: 19px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px; }

#circleG_1 {
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s; }

#circleG_2 {
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s; }

#circleG_3 {
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s; }

@keyframes bounce_circleG {
  50% {
    background-color: #f6a400; } }
@-o-keyframes bounce_circleG {
  50% {
    background-color: #f6a400; } }
@-ms-keyframes bounce_circleG {
  50% {
    background-color: #f6a400; } }
@-webkit-keyframes bounce_circleG {
  50% {
    background-color: #f6a400; } }
@-moz-keyframes bounce_circleG {
  50% {
    background-color: #f6a400; } }
.site-header {
  position: relative;
  z-index: 200; }

.site-header .row-bs {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  justify-content: center; }

#headercontainer {
  background: #f6a500;
  position: relative; }

#headercontainer.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 10050;
  animation: fadeInDown .3s; }

.admin-bar #headercontainer.fixed {
  top: 32px; }

#headercontainer.fixed .site-title img {
  max-height: 60px;
  width: auto;
  transition: all .3s; }

.site-title {
  text-align: left; }

.site-title a {
  text-decoration: none; }

.head-floater {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  background: rgba(246, 165, 0, 0.9);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  box-shadow: 0 3px 7px rgba(50, 50, 50, 0.5);
  font-size: 17px;
  text-align: center;
  z-index: 100; }

.head-floater a {
  display: block;
  border-top: 1px solid #fff;
  transition: all 0.3s;
  text-decoration: none;
  color: #fff;
  padding: 5px 20px;
  line-height: normal;
  text-transform: uppercase; }

.head-floater a:first-child {
  border: none; }

@media (hover: hover) {
  .head-floater a:hover {
    background: #000; } }
.head-floater a:first-child {
  letter-spacing: 2px; }

#bannercontainer {
  width: 100%;
  position: relative; }

#bannercontainer:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1; }

@-webkit-keyframes pulseShadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 #ffc550; }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }
@keyframes pulseShadow {
  0% {
    -moz-box-shadow: 0 0 0 0 #ffc550;
    box-shadow: 0 0 0 0 #ffc550; }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }
#bannercontainer .slidbatt {
  position: fixed;
  top: 78px;
  right: 0;
  z-index: 111;
  animation: bounceInRight 1s 5s;
  animation-fill-mode: backwards;
  transition: all 0.3s; }

#bannercontainer .slidbatt.fixed {
  top: 60px; }

.admin-bar #bannercontainer .slidbatt {
  margin-top: 32px; }

#bannercontainer .metaslider .flexslider {
  margin: 0; }

#bannercontainer .slidbatt a {
  text-decoration: none;
  padding: 15px;
  border: solid 2px #f6a500;
  text-transform: uppercase;
  transition: all .3s;
  font-weight: bold;
  background: white;
  text-shadow: 1px 1px 0px black;
  animation: pulseShadow 2s infinite;
  display: block;
  position: relative; }
  #bannercontainer .slidbatt a:before, #bannercontainer .slidbatt a:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(100% + 5px);
    width: 100%;
    padding: 12px 10px 5px 0; }
  #bannercontainer .slidbatt a:after {
    content: '50 Years Warranty';
    padding-left: 45px;
    color: #f6a500;
    font-size: 11px;
    text-transform: uppercase;
    text-align: left;
    text-shadow: unset !important; }
  #bannercontainer .slidbatt a:before {
    background: url("images/50-years-warranty.svg") no-repeat left center;
    background-size: auto 96%;
    padding-top: 35px; }

#fancybox-wrap #fancybox-outer {
  background: rgba(0, 0, 0, 0); }

#fancybox-wrap #fancybox-content {
  background: #f6a500; }

#fancybox-wrap #fancybox-close {
  width: 29px; }

#contact_form_pop {
  text-align: center;
  padding: 25px;
  color: #fff; }

#contact_form_pop h3 {
  text-transform: uppercase;
  font-size: 25px;
  margin: 0 0 25px 0;
  color: #fff; }

#contact_form_pop input[type="text"],
#contact_form_pop input[type="email"],
#contact_form_pop input[type="tel"],
#contact_form_pop textarea,
#contact_form_pop select {
  background: rgba(0, 0, 0, 0);
  color: #fff;
  border: 2px solid #fff; }

#contact_form_pop input::-webkit-input-placeholder,
#contact_form_pop textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff; }

#contact_form_pop input::-moz-placeholder,
#contact_form_pop textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff; }

#contact_form_pop input:-ms-input-placeholder,
#contact_form_pop textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff; }

#contact_form_pop input:-moz-placeholder,
#contact_form_pop textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #fff; }

#contact_form_pop input[type="submit"] {
  padding: 8px 25px;
  background: #fff;
  border: 2px solid #fff;
  transition: all 0.3s;
  border-radius: 0; }

@media (hover: hover) {
  #contact_form_pop input[type="submit"]:hover {
    background: rgba(0, 0, 0, 0);
    color: #fff; } }
#contact_form_pop div.wpcf7-response-output {
  color: #000;
  font-size: 18px; }

#contact_form_pop .g-recaptcha > div {
  margin: 0 auto 15px auto; }

#bannercontainer .awards-block {
  margin: 25px 0; }

#bannercontainer .awards-block ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#bannercontainer .awards-block ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 5px 15px;
  text-align: center; }

#bannercontainer .awards-block ul li img {
  display: block;
  height: 75px;
  width: auto;
  margin: 0 auto; }

#bannercontainer .awards-block ul li span {
  display: block;
  margin-bottom: -25px;
  color: #fff;
  font-size: 12px; }

.widget.mobile-poster ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.widget.mobile-poster ul li {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important; }

.widget.mobile-poster ul li img {
  width: 100%;
  height: auto; }

#bannercontainer .home-title-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 100;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: space-between;
  align-items: space-between;
  -webkit-justify-content: center;
  justify-content: center; }

#bannercontainer .textslider {
  text-align: center; }

.home-title-box .ttl-1 {
  font-size: 84px;
  font-weight: 300;
  text-shadow: 4px 3px 0px #131313, 7px 6px 0px rgba(0, 0, 0, 0.15);
  color: #fff;
  line-height: normal;
  margin-bottom: 25px; }

.home-title-box .ttl-2 {
  font-size: 56px;
  font-weight: 300;
  text-shadow: 4px 3px 0px #131313, 7px 6px 0px rgba(0, 0, 0, 0.15);
  color: #fff;
  line-height: normal;
  margin-bottom: 25px; }

.home-title-box .btn {
  border-radius: 0;
  border-radius: 0;
  font-size: 20px;
  text-transform: uppercase;
  border: 2px solid #fff;
  color: #000;
  transition: all 0.3s;
  background: rgba(255, 255, 255, 0.85);
  display: inline-block;
  width: 290px;
  margin: 5px 10px; }

@media (hover: hover) {
  .home-title-box .btn:hover {
    background: #f6a500;
    color: #fff; } }
#bannercontainer .textslider h3 {
  margin: 0;
  font-size: 30px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  background: #fff;
  padding: 20px 40px 0px 40px;
  border-top: 4px double black;
  border-left: 4px double black;
  border-right: 4px double black; }

.widget.special-badge {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: 5px; }

.widget.special-badge .widget-title {
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin: 0 0 5px 0; }

.widget.special-badge .swifty_imgwidget_ul {
  padding: 0;
  margin: 0; }

.widget.special-badge .swifty_imgwidget_ul li {
  margin: 0; }

.widget.special-badge .swifty_imgwidget_ul img {
  width: 150px; }

#custom_html-18 .w-vulcan-overlays--center .w-vulcan-v2-button {
  display: none !important; }

#maincontentcontainer {
  width: 100%;
  overflow: hidden; }

#primary ul {
  list-style: disc; }

.site-content {
  clear: both;
  margin: 0 auto;
  padding: 30px 0;
  position: relative;
  overflow: hidden; }

/* Social Media icons */
.social-media-icons {
  height: auto; }

.social-media-icons ul {
  list-style: none;
  padding: 0;
  display: block;
  overflow: hidden; }

.social-media-icons li {
  display: block;
  text-align: left;
  float: left; }

.social-media-icons a {
  text-decoration: none;
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden; }

.social-media-icons a span {
  display: block;
  text-align: center;
  position: relative; }

.wpcf7-response-output {
  margin: 15px;
  padding: 15px;
  font-size: 14px;
  text-align: center; }

span.wpcf7-not-valid-tip {
  font-size: 14px; }

#slider-form {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: calc(100% - 86px);
  margin: 5px;
  border: 1px solid #fff;
  padding: 5px;
  max-width: 320px; }

#slider-form .wpcf7-form-control-wrap {
  display: block; }

#slider-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 2px 0 #ccc;
  height: 100%;
  background: #fff;
  width: 100%;
  text-align: center;
  line-height: 2; }

#slider-form aside {
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  padding: 15px; }

#slider-form .widget-title {
  text-align: center;
  line-height: 1.2;
  font-size: 22px;
  margin-bottom: 15px; }

/*
.page-id-61 .entry-title,
.page-id-26 .entry-title {
	display: none;
}
*/
.page-id-61 .su-column li {
  overflow: hidden;
  padding: 5px 5px 5px 15px;
  position: relative;
  margin-bottom: 3px; }

.page-id-61 .su-column li:before {
  content: "";
  height: 100%;
  width: 2px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 0; }

.page-id-61 .su-column li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: #ccc;
  bottom: 0;
  left: 0;
  transition: all .3s; }

@media (hover: hover) {
  .page-id-61 .su-column li:hover:after {
    width: 100%; } }
.page-id-61 .su-column li strong {
  display: block;
  width: 120px;
  text-align: right;
  float: right;
  transition: color .3s; }

@media (hover: hover) {
  .page-id-61 .su-column li:hover strong {
    color: #f6a500; } }
.page .entry-header {
  float: left; }

[id*=gpr_widget] a, [id*=gpr_widget] a:hover, [id*=gpr_widget] a.leave-review, [id*=gpr_widget] a.leave-review:visited, [id*=gpr_widget] a.leave-review:visited, .gpr-minimal-light-style a, .gpr-minimal-light-style a:hover, .gpr-minimal-light-style a.leave-review, .gpr-minimal-light-style a.leave-review:visited, .gpr-minimal-light-style a.leave-review:visited {
  color: #000 !important;
  text-decoration: none; }

[id*=gpr_widget] span.gpr-rating-time {
  color: #000 !important; }

[id*=gpr_widget] div.gpr-review-content {
  color: #000 !important; }

[id*=gpr_widget] p.gpr-rating-value {
  color: #f6a500 !important; }

[id*=gpr_widget] .gpr-business-name > a, [id*=gpr_widget] .gpr-business-name > a:visited {
  text-decoration: underline !important; }

[id*=gpr_widget] .gpr-business-name > a, [id*=gpr_widget] .gpr-business-name > a:visited {
  font-size: 25px !important; }

#wpcf7-f50-p61-o1 {
  position: fixed;
  width: 320px;
  background: #626262;
  padding: 65px 35px;
  top: 0;
  right: 0;
  overflow: auto;
  color: #fff;
  font-weight: bold;
  opacity: 0;
  transform: translateX(320px);
  transition: all .3s;
  z-index: 10200;
  height: 100%; }

#wpcf7-f50-p61-o1.opened {
  opacity: 1;
  transform: translateX(0); }

#send-request-btn {
  transition: all .6s; }

#send-request-btn.toggled-on {
  position: fixed;
  top: 15px;
  z-index: 10300;
  right: 15px; }

#send-request-btn.toggled-on:after {
  content: "\f00d";
  font-family: fontawesome;
  color: #fff;
  margin-left: 8px; }

#wpcf7-f50-p61-o1 input[type="text"],
#wpcf7-f50-p61-o1 input[type="tel"],
#wpcf7-f50-p61-o1 input[type="email"],
#wpcf7-f50-p61-o1 textarea {
  padding: 3px;
  font-size: 14px;
  font-weight: bold;
  background: #b6b6b6;
  color: #fff; }

.page-template-contacts .site-content a {
  text-decoration: none; }

.page-template-contacts .site-content i {
  color: #f6a500;
  margin-right: 8px; }

.page-template-contacts .site-content h3 {
  color: #f6a500;
  font-weight: 300;
  text-transform: uppercase; }

.ccpages_more a,
#slider-form input[type="submit"],
.slider #custom_html-3 .textwidget a {
  background-color: #f6a500;
  color: #000;
  font-size: 20px;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 100px;
  float: right;
  padding-right: 5px;
  text-decoration: none;
  transition: all .3s;
  padding: 5px 8px;
  font-weight: 300; }

.services-list .ccchildpage .ccpages_more {
  transition: all .3s; }

/*.services-list .ccchildpage:hover .ccpages_more a, */
@media (hover: hover) {
  .ccpages_more a:hover,
  #slider-form input[type="submit"]:hover,
  .slider #custom_html-3 .textwidget a:hover {
    background: #ffd47d; } }
.slider #custom_html-3 .textwidget a i {
  background-color: #f6a500;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 14px;
  padding-right: 10px;
  margin-left: 5px; }

.slide-action {
  height: 100%; }

.slide-action,
.slider {
  position: relative; }

.slider ul {
  padding: 0;
  margin: 0;
  display: block; }

.slider ul li {
  position: relative;
  float: left !important;
  height: 465px; }

.slider ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.slider ul li .slide-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.slider ul li .slide-content .row-bs {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center; }

.slider ul li .slide-content .container,
.slider ul li .slide-content .container .row-bs {
  height: 100%; }

.single div.post.category-blog {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto 20px auto; }

.single .feat-img.single-img {
  margin: 0 0 20px 0;
  text-align: center; }

.single .feat-img.single-img img {
  display: block;
  width: 100%; }

.single .addthis_tool {
  margin: 20px 0; }

.category .feat-img {
  float: left;
  display: block;
  margin: 0 35px 15px 0; }

.category .feat-img img {
  padding: 1px;
  display: block;
  box-shadow: 0 0px 6px 0 #dcdcdc; }

@media (hover: hover) {
  .category .feat-img img {
    transition: all 0.3s; }

  .category article:hover .feat-img img {
    background: #f6a500;
    filter: saturate(120%); } }
.category article {
  margin-bottom: 30px !important;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC; }

.category article:nth-child(2n+1) .feat-img {
  float: right;
  display: block;
  margin: 0 0 15px 35px; }

/*.category article .entry-summary {
	font-size: 17px;
	line-height: 1.7;
} */
.category .more-link {
  display: inline-block;
  padding: 8px 15px;
  border: 1px solid #f6a500;
  transition: all 0.3s;
  margin-top: 10px;
  line-height: normal; }

@media (hover: hover) {
  .category .more-link:hover {
    background: #f6a500;
    color: #fff; } }
.flex-direction-nav a {
  position: relative;
  margin: 0 !important;
  opacity: 1 !important;
  left: auto !important;
  right: auto !important; }

.slider ul.flex-direction-nav {
  overflow: hidden;
  position: absolute;
  bottom: 5px;
  right: 0;
  /*margin-left: -40px;*/ }

.slider ul.flex-direction-nav li {
  display: block;
  width: 50%;
  float: left; }

.slider ul li .slide-text {
  font-size: 32px;
  color: #fff;
  position: relative;
  font-weight: 500;
  padding-left: 70px;
  margin-bottom: 50px;
  background: rgba(0, 0, 0, 0.55); }

.slider ul li .slide-text p {
  text-shadow: 2px 2px 8px #000; }

.slider ul li .slide-text:before {
  content: '';
  border: 85px solid transparent;
  border-left: 15px solid #f6a500;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.flex-direction-nav a {
  padding: 5px;
  background: rgba(255, 255, 255, 0.3);
  text-align: center !important; }

@media (hover: hover) {
  .flex-direction-nav a:hover {
    background: rgba(255, 255, 255, 0.9); } }
.slider ul.flex-direction-nav li.flex-nav-prev a {
  float: left;
  border-radius: 100px 0 0 100px; }

.slider ul.flex-direction-nav li.flex-nav-next a {
  float: right;
  border-radius: 0 100px 100px 0; }

.flex-direction-nav a:before {
  content: "\f104";
  font-family: FontAwesome;
  font-size: 28px;
  text-align: center;
  line-height: 1; }

.flex-direction-nav a.flex-next:before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 28px;
  text-align: center;
  line-height: 1; }

.intro-icons {
  background: #f6a500;
  padding: 15px 0 0 0; }
  .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul {
    display: -webkit-flex;
    display: flex;
    /* or inline-flex */
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: center;
    align-content: center;
    /*
    vertically
    align-items: flex-start | flex-end | center | baseline | stretch;
    */
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    row-gap: 0;
    column-gap: 0;
    padding: 0;
    margin: 0; }
    .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li {
      width: 25%;
      text-align: left;
      margin: 0;
      padding: 20px 15px !important; }
      @media screen and (max-width: 991px) {
        .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li {
          width: 50%; } }
      @media screen and (max-width: 600px) {
        .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li {
          width: 100%;
          padding: 15px 0; } }
      .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li img {
        width: 70px;
        height: 70px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        padding: 10px;
        text-align: center;
        background: #fff;
        margin: 0;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25); }
      .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li .sbcaption {
        display: block;
        padding: 15px 0 0 0; }
        .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li .sbcaption h3 {
          margin: 0 0 15px 0;
          font-weight: 700;
          color: #fff;
          text-shadow: 0 0 8px rgba(0, 0, 0, 0.25); }
          .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li .sbcaption h3 {
            font-size: 18px; }
            @media screen and (min-width: 320px) {
              .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li .sbcaption h3 {
                font-size: calc(18px + 6 * ((100vw - 320px) / 1660)) !important; } }
            @media screen and (min-width: 1980px) {
              .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li .sbcaption h3 {
                font-size: 24px !important; } }
        .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li .sbcaption p {
          color: #fff;
          text-shadow: 0 0 8px rgba(0, 0, 0, 0.25); }
          .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li .sbcaption p {
            font-size: 14px; }
            @media screen and (min-width: 320px) {
              .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li .sbcaption p {
                font-size: calc(14px + 2 * ((100vw - 320px) / 1660)) !important; } }
            @media screen and (min-width: 1980px) {
              .intro-icons .swifty-img-widget-class .swifty_imgwidget_ul > li .sbcaption p {
                font-size: 16px !important; } }

.homepage-text {
  padding: 45px 0;
  background: url("images/roof-bg.png") no-repeat 10px 100%; }
  .homepage-text .wp-block-image {
    margin: 0 auto !important; }
  .homepage-text.plates .container {
    max-width: 1280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .homepage-text.products {
    background: #fff; }
  .homepage-text .buttonme {
    margin: 15px; }
    .homepage-text .buttonme a {
      padding: 5px 25px;
      opacity: 1;
      transition: all .4s;
      background: #f6a500;
      color: #222;
      border: none;
      display: inline-block;
      font-size: 18px;
      border-radius: 0;
      border: 1px solid #fff;
      transition: background .3s;
      text-decoration: none; }
      .homepage-text .buttonme a:hover {
        background: #333;
        color: #f6a500;
        border-color: #f6a500; }

.homepage-text .content-box {
  /*	width: 800px; */
  max-width: 100%;
  margin: 0 auto; }
  .homepage-text .content-box .wp-block-uagb-advanced-heading {
    text-align: center;
    margin-bottom: 25px; }
    .homepage-text .content-box .wp-block-uagb-advanced-heading .uagb-separator {
      width: 110px;
      height: 2px;
      background: #f6a500;
      display: inline-block;
      vertical-align: middle; }
    .homepage-text .content-box .wp-block-uagb-advanced-heading .uagb-desc-text {
      font-size: 115%;
      font-weight: 600; }

.homepage-text .content-box .uagb-heading-text {
  font-size: 44px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 5px; }

.homepage-text .content-box .su-column img {
  margin: 35px 0; }

.homepage-text .widget-title {
  text-align: center;
  margin: 20px 0;
  font-size: 32px; }

.homepage-text .widget-title,
.home #maincontentcontainer .widget-title,
h1.entry-title b.i-roof {
  font-weight: 500 !important; }

.homepage-text .widget-title:before,
.home #maincontentcontainer .widget-title:before,
h1.entry-title b.i-roof:before {
  content: "";
  display: inline-block;
  background: url(images/w_i.png) no-repeat 0 0;
  background-size: contain;
  width: 45px;
  vertical-align: middle;
  height: 45px;
  margin-right: 8px; }

.homepage-text ul {
  list-style-type: disc; }
  .homepage-text ul > li {
    margin-bottom: 8px; }

#homepage-services {
  background: #efefef;
  overflow: hidden;
  padding: 35px 0 0 0; }
  #homepage-services .widget-title {
    padding: 0 15px;
    text-align: center; }
  #homepage-services .textwidget {
    padding: 0 15px; }
    #homepage-services .textwidget > p {
      max-width: 980px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
  #homepage-services .ccchildpage {
    margin-top: 35px; }
    #homepage-services .ccchildpage .ccpage_linked_title {
      margin: 25px 0; }

#homepage-extrainfo {
  background: #fff url("images/roof-bg.png") no-repeat 10px 100%;
  padding: 40px 0;
  text-align: center;
  font-size: 19px; }

#homepage-extrainfo .widget-title {
  font-size: 44px;
  font-weight: 300;
  margin: 25px auto; }

#homepage-extrainfo .m-logo {
  height: 130px;
  width: auto;
  box-shadow: 0 0 7px 0px #ccc;
  margin: 5px 10px;
  padding: 7px;
  transition: all 0.3s; }

@media (hover: hover) {
  #homepage-extrainfo a:hover .m-logo {
    box-shadow: 0 0 11px 0px #ccc; } }
#homepage-faqs {
  background: #eeeeee;
  padding: 40px 0; }

#homepage-faqs .widget-title {
  font-size: 44px;
  font-weight: 300;
  margin: 0 auto 25px;
  text-align: center; }

#homepage-reviews {
  border-bottom: 5px solid #f6a500;
  /*	border-right: 5px solid #f6a500;
  	border-top: 5px solid #efefef; */
  overflow: hidden;
  background: url(images/bg-1.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative; }
  #homepage-reviews .widget-title {
    text-align: center;
    color: #fff; }
  #homepage-reviews .wp-google-powered {
    color: #fff; }

#homepage-reviews .inside {
  background: rgba(0, 0, 0, 0.75);
  padding: 40px 0; }

#homepage-reviews:before {
  /*	content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 50%;
      width: 66px;
      height: 100%;
      background: url(images/round-left.png) no-repeat 0 50%;
      background-size: cover;
      z-index: 10; */ }

#homepage-reviews:after {
  /*	content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 50%;
      background: rgba(255, 255, 255, 0.9);
      z-index: 10; */
    /*
	content: "";
	display: block;
	width: 100%;
	height: 250%;
	background: rgba(255,255,255,.85);
	position: absolute;
	right: -45%;
	top: -75%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	*/ }

#homepage-reviews .googlrev {
  z-index: 20; }

.googlrev .gpr-business-name a {
  text-decoration: none !important;
  text-transform: uppercase;
  font-weight: 400; }

.googlrev .gpr-google-logo-wrap {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px; }

.googlrev .gpr-rating-value {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px; }

.googlrev .gpr-reviews-wrap {
  margin-top: 10px; }

.googlrev .gpr-review {
  overflow: hidden;
  margin-bottom: 10px; }

.googlrev .gpr-review-avatar {
  float: left;
  margin: 0 10px 10px 0; }

.googlrev .gpr-review-info {
  overflow: hidden; }

.googlrev .gpr-review-info p {
  margin: 0; }

.googlrev .gpr-review-info .grp-reviewer-name {
  font-weight: bold;
  font-size: 14px; }

.googlrev .gpr-review-info .gpr-rating-time {
  font-size: 12px;
  color: #838383 !important;
  display: block;
  margin-bottom: 5px; }

.googlrev .gpr-review-info .gpr-review-content {
  font-size: 14px;
  overflow: hidden; }

.googlrev .gpr-read-all-reviews {
  text-align: center; }

.googlrev .gpr-read-all-reviews a {
  color: #f6a500 !important; }

@media (hover: hover) {
  .googlrev .gpr-read-all-reviews a:hover {
    color: #000 !important; } }
.wp-gr .grw-reviews .grw-review a.wp-google-name {
  color: #f6a500 !important; }
.wp-gr .rpi-dot.active {
  background: #f6a500 !important; }

#homepage-reviews .titlrev h3 {
  padding: 50px 40px 0 20px;
  font-size: 60px;
  font-weight: 300;
  text-shadow: 1px 2px 0 #000;
  color: #fff; }

#homepage-reviews .titlrev h3 span {
  color: #f6a500; }

#custom_html-4 .ccchildpage {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  margin: 5px 0 0 0;
  background: #efefef;
  transition: all 0.4s; }

#custom_html-4 .ccchildpage:first-child {
  margin-top: 0; }

#custom_html-4 .ccchildpage.cceven {
  flex-direction: row; }

#custom_html-4 .ccchildpage.ccodd {
  flex-direction: row-reverse; }

#custom_html-4 .ccchildpage .ccpage_linked_thumb {
  /*	width: 65%; */
  margin: 0;
  display: -webkit-flex;
  display: flex;
  position: relative; }

#custom_html-4 .ccchildpage .ccpage_linked_thumb:before,
#custom_html-4 .ccchildpage .ccpage_linked_thumb:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  display: none; }

#custom_html-4 .ccchildpage .ccpage_linked_thumb:before {
  width: 3px;
  height: 40px;
  margin-top: -19px; }

#custom_html-4 .ccchildpage .ccpage_linked_thumb:after {
  width: 40px;
  height: 3px;
  margin-left: -19px; }

@media (hover: hover) {
  #custom_html-4 .ccchildpage:hover .ccpage_linked_thumb:before {
    display: block;
    animation: fadeInDown .6s; }

  #custom_html-4 .ccchildpage:hover .ccpage_linked_thumb:after {
    display: block;
    animation: fadeInLeft .6s; } }
#custom_html-4 .ccchildpage .ccpage_linked_thumb img {
  margin: 0;
  display: -webkit-flex;
  display: flex;
  object-fit: cover;
  width: 100%;
  transition: all .4s; }

#custom_html-4 .ccchildpage .flex-content {
  width: 35%;
  padding: 3%;
  position: relative;
  text-align: center; }

#custom_html-4 .ccchildpage .flex-content:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  border-top: 30px solid rgba(0, 0, 0, 0);
  border-bottom: 30px solid rgba(0, 0, 0, 0);
  z-index: 100;
  transition: all 0.4s; }

#custom_html-4 .ccchildpage.cceven .flex-content:before {
  border-right: 25px solid #efefef;
  right: 100%; }

#custom_html-4 .ccchildpage.ccodd .flex-content:before {
  border-left: 25px solid #efefef;
  left: 100%; }

@media (hover: hover) {
  #custom_html-4 .ccchildpage:hover {
    background: #333;
    color: #fff; }

  #custom_html-4 .ccchildpage.cceven:hover .flex-content:before {
    border-right-color: #333; }

  #custom_html-4 .ccchildpage.ccodd:hover .flex-content:before {
    border-left-color: #333; } }
.ccchildpage .ccpage_linked_title {
  color: #f6a500;
  transition: all .4s;
  font-size: 28px;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
  position: relative; }

.ccchildpage .ccpage_linked_title:before,
.ccchildpage .ccpage_linked_title:after {
  content: '';
  display: block;
  position: absolute;
  width: 80px;
  height: 2px;
  background: #f6a500;
  bottom: 0;
  transition: all 0.4s; }

.ccchildpage .ccpage_linked_title:before {
  right: 50%;
  margin-right: 17px; }

.ccchildpage .ccpage_linked_title:after {
  left: 50%;
  margin-left: 17px; }

@media (hover: hover) {
  .ccchildpage:hover .ccpage_linked_title:before,
  .ccchildpage:hover .ccpage_linked_title:after {
    width: 110px; } }
.ccchildpage .ccpage_linked_title a {
  position: relative;
  display: block; }

.ccchildpage .ccpage_linked_title a:after {
  content: '';
  display: block;
  width: 100%;
  height: 20px;
  background: url("images/roof-icon.png") no-repeat center;
  background-size: contain;
  margin-top: 5px; }

@media (hover: hover) {
  .ccchildpage:hover .ccpage_linked_title {
    color: #fff; } }
.ccpages_excerpt {
  font-size: 18px; }

.services-list .ccchildpage .ccpage_linked_title {
  padding: 20px 40px 0 40px;
  width: 18%; }

.services-list .ccchildpage .ccpage_linked_thumb {
  width: 32%; }

.services-list .ccchildpage .ccpages_excerpt {
  padding: 20px 35px;
  width: 32%; }

.services-list .ccchildpage .ccpages_more {
  margin-top: 10px !important;
  text-align: center;
  width: 18%;
  padding: 0 20px; }

.services-list .ccchildpage .ccpages_more a {
  padding: 5px 25px;
  opacity: 0;
  transition: all .4s;
  background: #f6a500;
  color: #fff;
  border: none;
  display: inline-block;
  font-size: 18px;
  border-radius: 0;
  border: 1px solid #fff; }

@media (hover: hover) {
  .services-list .ccchildpage:hover .ccpages_more a {
    visibility: visible;
    opacity: 1;
    animation: slideInUp .4s; } }
.ccpages_more a {
  float: none; }

/* ==========================================================================
   Main Content
   ========================================================================== */
.entry-meta {
  clear: both; }

.entry-header {
  margin-bottom: 16px; }

h1.entry-title,
.archive-title {
  text-align: center;
  margin-bottom: 25px;
  font-weight: 400; }

.entry-header .entry-title a {
  text-decoration: none; }

.site-content article {
  margin-bottom: 20px;
  -ms-word-wrap: break-word;
  /*	-webkit-hyphens: auto; */
  word-wrap: break-word; }

.header-meta {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 5px 0;
  *zoom: 1; }

.header-meta:before,
.header-meta:after {
  content: "";
  display: table; }

.header-meta:after {
  clear: both; }

.entry-content {
  margin-bottom: 20px;
  *zoom: 1; }

.entry-content:before,
.entry-content:after {
  content: "";
  display: table; }

.entry-content:after {
  clear: both; }

.post-categories a,
.post-tags a {
  padding: 0 5px;
  margin: 0 3px 0 0;
  display: inline;
  text-decoration: none; }

.entry-header address,
.comment-content address {
  font-style: italic;
  font-weight: 400;
  display: block; }

.entry-header address {
  display: inline; }

.entry-header time,
.entry-header address {
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  margin: 0 20px 0 0; }

.page-links {
  clear: both;
  line-height: 1.75; }

.page-links a {
  text-decoration: none; }

.more-link {
  text-decoration: none;
  display: inline-block; }

.post-edit-link {
  text-decoration: none; }

.entry-content dl,
.comment-content dl {
  margin: 0 15px; }

.entry-content dt,
.comment-content dt {
  font-style: normal;
  font-weight: 700; }

.entry-content dd,
.comment-content dd {
  margin-bottom: 20px; }

.entry-content table,
.comment-content table {
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  line-height: 2;
  margin: 0 0 24px;
  width: 100%; }

.entry-content table caption,
.comment-content table caption {
  margin: 20px 0; }

.entry-content td,
.comment-content td {
  border-top: 1px solid #ccc;
  padding: 6px 10px 6px 0; }

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul {
  margin: 0 0 20px;
  padding: 0; }

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
  margin-bottom: 0; }

.entry-content ul,
.comment-content ul {
  list-style: disc outside; }

.entry-content ol,
.comment-content ol {
  list-style: decimal outside; }

.entry-content li,
.comment-content li {
  margin: 0 0 0 28px; }

.entry-content ol h3,
.entry-content ul h3 {
  font-size: 20px;
  font-weight: 600; }

.entry-content ol h4,
.entry-content ul h4 {
  font-size: 18px;
  font-weight: 600; }

.bg-decor2 {
  padding: 10px 15px;
  margin-bottom: 20px;
  background: linear-gradient(90deg, #f6a500 0%, rgba(255, 255, 255, 0.83) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8cdcd",endColorstr="#ffffff",GradientType=1);
  border-left: 3px solid #23282d;
  color: #23282d;
  font-size: 30px; }

/** 	Alternate Grid 	*/
.entry-content .wp-block-media-text,
.entry-content .wp-block-columns.grid-row,
.entry-content .su-row.grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 25px 0; }

.entry-content .wp-block-media-text.has-media-on-the-right,
.entry-content .wp-block-columns.grid-row.flip,
.entry-content .su-row.grid:nth-child(odd) {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.entry-content .wp-block-media-text > *,
.entry-content .wp-block-columns.grid-row > *,
.entry-content .su-row.grid > div {
  margin: 0;
  width: calc(50% - 20px);
  padding: 20px 0; }

.entry-content .wp-block-columns.grid-row > * {
  padding: 0; }

.entry-content .wp-block-columns.grid-row figure {
  margin-top: 0;
  margin-bottom: 0; }

.wp-block-media-text.extra-box {
  background: #f6a500;
  color: #fff; }

#primary .su-tabs {
  background: #f6a500; }

#primary .su-tabs-nav span {
  font-size: 15px;
  color: #fff;
  outline: none; }

#primary .su-tabs-nav span.su-tabs-current {
  background: #fff !important;
  color: #000; }

@media (hover: hover) {
  #primary .su-tabs-nav span:hover {
    color: #000;
    background: #f6a500; } }
#primary .su-tabs-pane {
  padding: 25px;
  font-size: 17px; }

.saswp-faq-block-section ol {
  list-style: none; }

.schema-faq-section,
.saswp-faq-block-section ol li {
  margin: 0 0 15px 0; }

.schema-faq-section .schema-faq-question,
.saswp-faq-block-section .saswp-faq-question-title {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 0 0 33px;
  font-weight: 600;
  font-size: 20px;
  display: block;
  line-height: normal; }

.schema-faq-section .schema-faq-question strong {
  font-weight: 600; }

.schema-faq-section .schema-faq-question:before,
.saswp-faq-block-section .saswp-faq-question-title:before {
  content: '\f059';
  font-family: FontAwesome;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  line-height: 1em;
  color: #f6a500; }

.schema-faq-section .schema-faq-answer,
.saswp-faq-block-section .saswp-faq-answer-text {
  margin-bottom: 25px; }

.schema-faq.faqs-spoiler {
  position: relative;
  border-bottom: 1px solid #d2d2d2; }

.schema-faq.faqs-spoiler .schema-faq-section {
  padding: 0;
  margin: 0; }

.schema-faq.faqs-spoiler .schema-faq-question {
  display: block;
  position: relative;
  text-align: left;
  border-top: 1px solid #d2d2d2;
  padding: 18px 50px 18px 50px;
  margin: 0;
  cursor: pointer;
  font-size: 18px; }

.schema-faq.faqs-spoiler .schema-faq-question:before {
  left: 15px;
  top: 17px; }

.schema-faq.faqs-spoiler .schema-faq-question:after {
  content: '+';
  font-family: Arial;
  color: #f6a500;
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 35px;
  line-height: 35px; }

.schema-faq.faqs-spoiler .schema-faq-question.open:after {
  content: '-';
  animation: fadeIn 0.6s; }

.schema-faq.faqs-spoiler .schema-faq-answer {
  display: none;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0 0 0 50px;
  border-top: 1px solid #d2d2d2;
  position: relative; }

.comments-area {
  border-top: 1px solid #ccc;
  background: #f8f8f8;
  padding: 25px; }

.rgg-imagegrid .rgg-img {
  transition: all 0.4s; }

@media (hover: hover) {
  .rgg-imagegrid:hover .rgg-img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }

  .rgg-imagegrid:hover .rgg-img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0); } }
/** FAQs */
.su-accordion .su-spoiler .su-spoiler-title {
  font-size: 18px;
  color: #828282;
  padding: 13px 15px 13px 35px;
  background: rgba(183, 183, 183, 0.17);
  border: 1px solid #d6d6d6;
  position: relative; }

.su-accordion .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
  top: 13px;
  left: 7px; }

.su-accordion .su-spoiler .su-spoiler-content {
  border: 1px solid #e1e3e5;
  box-shadow: 0 1px 2px #ececec;
  color: #373738;
  line-height: 1.5;
  padding: 25px;
  background: rgba(225, 227, 229, 0.15); }

.su-accordion .su-spoiler .su-spoiler-content p:last-child {
  margin-bottom: 0 !important; }

#snippet-box {
  display: none !important; }

/* ==========================================================================
   Location page (NEW)
   ========================================================================== */
.page-template-blanktittle-full-page .site-content,
.page-template-full-page .site-content {
  padding: 0; }
  .page-template-blanktittle-full-page .site-content p,
  .page-template-full-page .site-content p {
    margin-bottom: 1em; }
  .page-template-blanktittle-full-page .site-content .wp-block-heading,
  .page-template-full-page .site-content .wp-block-heading {
    margin-bottom: 0.75em; }
    .page-template-blanktittle-full-page .site-content .wp-block-heading.margin-lg,
    .page-template-full-page .site-content .wp-block-heading.margin-lg {
      margin-bottom: 1.0em; }
    .page-template-blanktittle-full-page .site-content .wp-block-heading.margin-md,
    .page-template-full-page .site-content .wp-block-heading.margin-md {
      margin-bottom: 0.5em; }
    .page-template-blanktittle-full-page .site-content .wp-block-heading.margin-sm,
    .page-template-full-page .site-content .wp-block-heading.margin-sm {
      margin-bottom: 0.15em; }
.page-template-blanktittle-full-page article.page,
.page-template-blanktittle-full-page .entry-content,
.page-template-full-page article.page,
.page-template-full-page .entry-content {
  margin: 0; }
.page-template-blanktittle-full-page .kb-theme-content-width,
.page-template-full-page .kb-theme-content-width {
  width: 1520px;
  max-width: 100%; }

.site-content .margin-top {
  margin-top: 2em; }
.site-content .margin-top-md {
  margin-top: 3em; }
.site-content .margin-top-lg {
  margin-top: 4em; }
.site-content .margin-0 {
  margin: 0; }
.site-content .align-self-bottom {
  margin-top: auto !important; }
.site-content .p-intro {
  width: 85%;
  font-size: 18px;
  margin-bottom: 32px; }
  .site-content .p-intro.has-text-align-center {
    margin-left: auto;
    margin-right: auto; }
  @media screen and (max-width: 992px) {
    .site-content .p-intro {
      width: 100%;
      font-size: 16px; } }
  @media screen and (max-width: 520px) {
    .site-content .p-intro {
      font-size: 15px; } }
@media screen and (max-width: 768px) {
  .site-content .has-medium-font-size {
    font-size: 17px !important; } }
.site-content .wp-block-image.full figure {
  display: block;
  width: 100%; }
.site-content .wp-block-image.full img {
  width: 100%;
  height: auto; }
.site-content .wp-block-image.fill-img {
  display: block;
  margin: 0;
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 65%; }
  .site-content .wp-block-image.fill-img > figure {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .site-content .wp-block-image.fill-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute !important;
    left: 0;
    top: 0; }
.site-content .title-section-inner h1 {
  font-size: 44px;
  margin-bottom: 24px; }
  @media only screen and (max-width: 600px) {
    .site-content .title-section-inner h1 {
      font-size: 34px;
      margin-bottom: 20px; } }
.site-content .title-section-inner .wp-block-buttons {
  margin-top: 32px; }
.site-content .roof-decor-ttl {
  position: relative;
  font-weight: 400;
  margin-bottom: 24px; }
  .site-content .roof-decor-ttl:before {
    content: "";
    display: inline-block;
    background: url(images/w_i.png) no-repeat 0 0;
    background-size: contain;
    width: 45px;
    vertical-align: middle;
    height: 45px;
    margin-right: 8px; }
.site-content .image-boxes-grid .kt-inside-inner-col {
  padding: 0 24px 24px 24px; }
  .site-content .image-boxes-grid .kt-inside-inner-col > .wp-block-image:first-child {
    margin: 0 -24px 24px -24px; }
  .site-content .image-boxes-grid .kt-inside-inner-col:last-child {
    margin-bottom: 0; }
  @media only screen and (max-width: 480px) {
    .site-content .image-boxes-grid .kt-inside-inner-col .wp-block-heading br {
      display: none; } }
.site-content .icon-boxes-grid .kt-inside-inner-col {
  padding: 24px 24px 24px 24px;
  /*box-shadow: 0 0 24px rgba(0,0,0,0.1);*/ }
  .site-content .icon-boxes-grid .kt-inside-inner-col:last-child {
    margin-bottom: 0; }
  .site-content .icon-boxes-grid .kt-inside-inner-col .wp-block-image {
    margin-bottom: 20px; }
  .site-content .icon-boxes-grid .kt-inside-inner-col .wp-block-heading,
  .site-content .icon-boxes-grid .kt-inside-inner-col .kt-blocks-info-box-title {
    font-size: 20px;
    font-weight: 600; }
.site-content .contact-section-inner .wpcf7-form .row-bs {
  margin-left: -15px;
  margin-right: -15px; }
.site-content .contact-section-inner .wpcf7-form .field {
  margin-bottom: 24px; }
  .site-content .contact-section-inner .wpcf7-form .field input,
  .site-content .contact-section-inner .wpcf7-form .field select,
  .site-content .contact-section-inner .wpcf7-form .field textarea {
    border: 1px solid #f6a500;
    padding: 10px 16px; }

/* ==========================================================================
   Post Formats
   ========================================================================== */
.entry-media {
  margin: 0 auto 16px;
  max-width: 792px;
  width: 100%; }

.entry-media .wp-caption,
.entry-media .wp-caption-text,
.entry-media [class*="align"] {
  margin: 0 auto; }

/* Aside */
.format-aside .entry-content {
  margin: 20px 0 18px 0; }

.format-aside .entry-content p:last-child {
  margin-bottom: 0; }

/* Status */
.format-status .entry-content {
  border-left: 5px solid #ddd;
  margin: 20px 0 18px 0;
  padding: 0 0 0 15px; }

.format-status .entry-content p {
  font-size: 20px;
  font-style: italic; }

.format-status .entry-content p:last-child {
  margin-bottom: 0; }

/* Quote */
.format-quote .entry-content blockquote:before {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  speak: none;
  vertical-align: top;
  font-size: 40px;
  content: "\f10d";
  color: #ddd;
  top: -15px;
  left: 0;
  position: absolute;
  z-index: -1; }

.format-quote .entry-content {
  margin-top: 24px;
  position: relative; }

.format-quote .entry-content blockquote {
  border: none;
  margin-left: 40px; }

/* Audio */
.format-audio .wp-audio-shortcode {
  margin-bottom: 16px; }

/* ==========================================================================
   Archives
   ========================================================================== */
.archive-header,
.page-header {
  margin-bottom: 32px;
  border-bottom: 1px solid #CCCCCC; }

.archive-meta {
  font-style: italic;
  font-weight: 400;
  color: #777;
  font-size: 14px;
  line-height: 2;
  margin-top: 16px; }

/* ==========================================================================
   Footer
   ========================================================================== */
#footercontainer {
  /*	background: #f6a500 url('images/bg-4.jpg') no-repeat center;
  	background-attachment: fixed;
  	background-size: cover; */ }

#footercontainer .container {
  width: 1240px;
  max-width: 100%; }

.site-footer {
  background: #f6a500; }

.site-footer aside {
  margin: 20px 0;
  color: #fff; }

.site-footer a {
  color: #fff; }

aside.site-dev {
  margin: 65px 0 25px;
  text-align: right;
  font-size: 14px; }

aside.site-dev a {
  display: block; }

#footercontainer input[type="submit"] {
  background: #ffb829;
  border: 2px solid #656565; }

.social {
  /*	text-align: center; */ }

@media (hover: hover) {
  .social .fa:hover,
  .social img:hover {
    transform: scale(1.7);
    transition: all .4s; } }
aside#custom_html-7 {
  margin: 0px 0 20px 0; }

aside#custom_html-7 b {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: 400; }

.social a,
.social img {
  font-size: 20px;
  margin: 0 8px;
  vertical-align: middle; }

.social img {
  margin: 0; }

.logofooter {
  text-align: center;
  margin-bottom: 10px; }

.logofooter a {
  display: inline-block;
  position: relative;
  padding: 0 225px; }

.logofooter a:before,
.logofooter a:after {
  content: '';
  display: block;
  width: 225px;
  height: 6px;
  background: #fff;
  position: absolute;
  bottom: 0;
  transition: all 0.3s; }

@media (hover: hover) {
  #footercontainer:hover .logofooter a:before,
  #footercontainer:hover .logofooter a:after {
    box-shadow: 0 2px 5px #00000030; } }
.logofooter a:before {
  left: 10px; }

.logofooter a:after {
  left: 395px; }

.logofooter,
.formochra {
  margin: 25px 0; }

.site-footer ul.menu {
  margin: 0;
  padding: 0; }

.site-footer ul.menu li {
  margin: 8px 0; }

.site-footer ul.menu li a {
  text-decoration: none;
  transition: all 0.3s;
  position: relative; }

.site-footer ul.menu li a:before {
  content: '\f105';
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 5px; }

@media (hover: hover) {
  .site-footer ul.menu li a:hover {
    padding-left: 10px; }

  .site-footer #nav_menu-2 ul li a:hover {
    text-decoration: underline; } }
.site-footer aside .widget-title,
.formochra h3 {
  color: #fff;
  font-size: 20px; }

#custom_html-6 {
  font-size: 18px; }

#custom_html-6 .widget-title {
  font-size: 30px;
  line-height: 1.2; }

#custom_html-11 {
  text-align: center;
  margin-bottom: 0; }

#custom_html-11 .widget-title {
  font-size: 24px; }

#custom_html-11 a {
  display: inline-block;
  text-decoration: none;
  font-size: 20px;
  padding: 5px 15px;
  border: 2px solid #fff;
  letter-spacing: 3px;
  background: #fff;
  color: #f6a500;
  transition: all 0.3s;
  min-width: 250px;
  line-height: normal; }

@media (hover: hover) {
  #custom_html-11 a:hover {
    background: #fac14b;
    color: #fff; } }
#custom_html-11 a .fa {
  animation: tada 1.4s infinite; }

#custom_html-11 .sep {
  display: block;
  text-align: center;
  font-size: 22px;
  font-weight: bold; }

#custom_html-11 .sep:before,
#custom_html-11 .sep:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 1px;
  background: #fff;
  position: relative;
  margin: 0 8px; }

#custom_html-8 .custom-html-widget a {
  display: inline-block;
  text-align: center;
  padding-top: 5px;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  border: 1px solid #fff; }

@media (hover: hover) {
  #custom_html-8 .custom-html-widget a:hover {
    background: #fff;
    color: #333; } }
#custom_html-13 {
  font-size: 20px;
  text-align: center;
  margin-top: 0; }

#custom_html-13 .btn {
  border-radius: 0;
  font-size: 18px;
  text-transform: uppercase;
  border: 2px solid #fff;
  transition: all 0.3s;
  background: #fac14b;
  min-width: 250px;
  line-height: normal; }

.page-template-contacts .social-media-icons a i {
  color: #fff !important; }

.page-template-contacts .social-media-icons ul {
  text-align: center; }

.page-template-contacts .social-media-icons li {
  background: #f6a500;
  margin: 2px;
  border-radius: 50%;
  transition: all .3s;
  display: inline-block;
  vertical-align: middle;
  float: none; }

@media (hover: hover) {
  .page-template-contacts .social-media-icons li:hover {
    background: #000; } }
#copy {
  border-top: 1px solid rgba(255, 255, 255, 0.65); }

#copy a {
  color: #fff; }

#copy p {
  padding: 8px 0;
  margin: 0;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase; }

a#totop {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 12px;
  right: 12px;
  display: none;
  z-index: 999;
  border: 1px solid #ddd;
  background-color: rgba(255, 255, 255, 0.4); }

@media (hover: hover) {
  a#totop:hover {
    background-color: #c4c4c4; } }
a#totop:before {
  content: " \f106";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 3px;
  width: 40px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  color: #000; }

/* ==========================================================================
   Widgets
   ========================================================================== */
.widget-area ul {
  list-style: none outside none;
  padding-left: 0; }

.widget-area .widget {
  -moz-hyphens: auto;
  -ms-word-break: break-all;
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  word-break: break-word;
  margin-bottom: 25px; }

.widget select {
  margin-left: 1px; }

.widget-area .widget ul ul {
  margin-left: 12px; }

.widget_rss li {
  margin: 12px 0; }

.widget_recent_entries .post-date,
.widget_rss .rss-date {
  font-size: 12px;
  margin-left: 12px; }

#wp-calendar {
  margin: 0;
  width: 100%;
  font-size: 14px;
  line-height: 2; }

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
  text-align: center; }

#wp-calendar thead {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa; }

#wp-calendar caption {
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left; }

#wp-calendar #today {
  background-color: #ddd; }

#wp-calendar tfoot {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa; }

#wp-calendar #next {
  padding-right: 24px;
  text-align: right; }

.widget_search label {
  display: block;
  font-size: 14px;
  line-height: 1.5; }

.widget_twitter li {
  list-style-type: none; }

.widget_twitter .timesince {
  display: block;
  text-align: right; }

.fa-homestars {
  background: url(images/homestars-144x144.png) no-repeat center center;
  background-size: contain;
  width: 40%;
  height: 100%;
  left: 13px; }

#blog-pull {
  padding: 35px 0;
  border-bottom: 5px solid #f6a500;
  overflow: hidden; }

#blog-pull .widget-title {
  font-size: 44px;
  font-weight: 300;
  text-align: center; }

/*
.home .widget-title > b,
h1.entry-title b.i-roof,
.archive-title b.i-roof {
	position: relative;
	display: inline-block;
	padding-left: 50px;
	font-weight: 600;
}
.home .widget-title > b:before,
h1.entry-title b.i-roof:before,
.archive-title b.i-roof:before {
	content: '';
	display: inline-block;
	width: 50px;
	height: 25px;
	background: url('images/roof-icon.png') no-repeat center;
	background-size: contain; 
	position: absolute;
	bottom: 5px;
	left:0;
}
.home .widget-title > b:after,
h1.entry-title b.i-roof:after,
.archive-title b.i-roof:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 5px;
	left: 47px;
	right: 0;
	height: 2.5px;
	background: #f6a500;
}
.home .widget-title > span {
	color: #f6a500;
}
*/
#blog-pull ul.rpwe-ul {
  padding: 0;
  overflow: hidden; }

#blog-pull ul.rpwe-ul li {
  display: block;
  width: calc(50% - 30px);
  float: left;
  margin: 15px; }

#blog-pull ul.rpwe-ul li .rpwe-img img {
  display: block;
  width: 100%; }

#blog-pull .rpwe-ul li .rpwe-title {
  padding: 15px 25px;
  margin: 0 35px;
  background: #fff;
  position: relative;
  margin-top: -35px;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  z-index: 90;
  line-height: normal; }

#blog-pull .rpwe-ul li .rpwe-title a {
  text-decoration: none; }

#blog-pull .rpwe-ul li .rpwe-summary {
  text-align: justify;
  margin-top: 10px; }

#blog-pull .rpwe-ul li .rpwe-summary .more-link {
  text-decoration: none;
  font-size: 16px;
  text-transform: none;
  display: block;
  padding-top: 5px;
  padding-right: 10px;
  border-top: 1px dashed #fbbd3e;
  margin-top: 10px;
  text-align: right;
  position: relative;
  transition: all 0.3s; }

#blog-pull .rpwe-ul li .rpwe-summary .more-link:after {
  content: '\f105';
  font-family: FontAwesome;
  margin-left: 5px; }

@media (hover: hover) {
  #blog-pull .rpwe-ul li .rpwe-summary .more-link:hover {
    padding-right: 0;
    color: #333; } }
#service-areas {
  border-top: 5px solid #f6a500;
  overflow: hidden;
  width: 100%;
  position: relative; }

#service-areas .container {
  width: 1450px; }

#nav_menu-5 {
  padding: 15px;
  max-width: 100%; }

#service-areas .widget-title {
  font-size: 44px;
  font-weight: 300;
  text-align: center;
  margin-bottom: 30px; }

#nav_menu-5 ul {
  padding: 0;
  text-align: center; }

#nav_menu-5 li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px; }

#service-areas h4 {
  font-size: 18px;
  margin: 0; }

#service-areas a {
  text-decoration: none;
  display: block;
  vertical-align: middle;
  padding: 5px 15px;
  background: rgba(246, 165, 0, 0.18);
  margin-bottom: 5px;
  transition: all 0.3s; }

@media (hover: hover) {
  #service-areas a:hover {
    color: #f69600;
    background: rgba(246, 165, 0, 0.25); } }
#service-areas .map-box {
  border-top: 2px solid #d4d4d4;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 37.21351025331725%;
  position: relative;
  background: url("images/services-map-2.jpg") no-repeat center;
  background-size: cover; }

#service-areas .car-box {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 60%; }

#service-areas .car-box ul {
  margin: 0; }

#gallery-pull {
  padding: 35px 0;
  border-top: 5px solid #f6a500;
  border-right: 5px solid #f6a500;
  overflow: hidden; }

/* ==========================================================================
   Content Navigation
   ========================================================================== */
.site-content ul {
  list-style-type: disc; }

.site-content nav {
  clear: both;
  line-height: 2;
  overflow: hidden; }

#nav-above {
  padding: 24px; }

#nav-above {
  display: none; }

.paged #nav-above {
  display: block; }

.nav-previous,
.previous-image {
  float: left;
  width: 50%;
  line-height: 1.3; }

.nav-previous a,
.nav-next a {
  text-decoration: none; }

.nav-next,
.next-image {
  float: right;
  text-align: right;
  width: 50%;
  line-height: 1.3; }

.nav-single + .comments-area,
#comment-nav-above {
  margin: 48px 48px 48px 0; }

ul.page-numbers {
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 2; }

li a.page-numbers,
li span.page-numbers {
  padding: 5px;
  border: 1px solid #333;
  text-decoration: none; }

li a:visited.page-numbers {
  color: #333; }

.page-numbers li {
  display: inline; }

li span.current {
  background-color: #333;
  color: #fff; }

li a.prev,
li a.next,
li span.dots {
  border: none; }

/* ==========================================================================
   Main Navigation
   ========================================================================== */
.main-navigation .nav-menu,
.main-navigation .nav-menu ul,
.main-navigation .nav-menu ul li,
.main-navigation .nav-menu ul li a,
.menu-menu-top-container,
.menu-menu-top-container ul,
.menu-menu-top-container ul li,
.menu-menu-top-container ul li a,
.main-navigation {
  height: 100%; }

.menu-menu-top-container ul li a,
.main-navigation .nav-menu ul li a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  transition: all .3s; }

.menu-menu-top-container li.current_page_parent li.current-menu-item a {
  background: #fac14b;
  color: #fff; }

@media (hover: hover) {
  .menu-menu-top-container ul li a:hover,
  .main-navigation .nav-menu ul li a:hover {
    background: #fac14b;
    color: #fff; } }
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0; }

#menu-menu-top > li:last-child {
  font-size: 25px;
  padding-left: 30px;
  position: relative;
  border-left: 1px solid #d08d00;
  transition: all .6s; }

@media (hover: hover) {
  #menu-menu-top > li:last-child:hover {
    background: #fac14b; }

  #menu-menu-top > li:last-child:hover i {
    color: #000;
    animation: bounce .9s infinite; } }
#menu-menu-top > li:last-child a {
  font-size: 18px;
  padding-left: 5px; }

#menu-menu-top > li:last-child i {
  position: absolute;
  top: 50%;
  left: 0;
  width: 35px;
  font-size: 20px;
  margin-top: -10px;
  display: block;
  text-align: center; }

.main-navigation ul {
  text-align: right; }

.main-navigation li {
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: top; }

.main-navigation ul ul li {
  margin: 0;
  display: block;
  width: 100%;
  height: auto !important; }

.main-navigation li.menu-parent-item > a {
  position: relative; }

.main-navigation li.menu-parent-item > a:after {
  /* If you don't want the arrows on the top level drop down, simply remove this style */
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  speak: none;
  vertical-align: middle;
  font-size: 9px;
  content: " \f078";
  position: absolute;
  right: 5px;
  top: 42%; }

.main-navigation ul li li.menu-parent-item > a:after {
  /* If you don't want the arrows on the sub-menu options, simply remove this style */
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  speak: none;
  vertical-align: middle;
  font-size: 9px;
  content: " \f054"; }

.main-navigation ul a {
  padding: 5px 15px;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold; }

.main-navigation ul ul a {
  display: block !important;
  padding: 8px !important;
  height: auto !important;
  text-align: center !important;
  font-size: 13px;
  /*	border-bottom: 1px dashed #f6a500; */ }

.main-small-navigation a, .main-navigation a {
  display: block;
  text-decoration: none;
  color: #fff; }

.main-navigation ul ul {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -110px;
  z-index: 99999;
  line-height: 1.7;
  width: 220px;
  background-color: #333;
  height: auto !important; }

.main-navigation ul ul:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -10px;
  border-bottom: 6px solid #333;
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid rgba(0, 0, 0, 0); }

@media (hover: hover) {
  .main-navigation ul li:hover > ul {
    display: block;
    animation: flipInY 0.8s; } }
.main-navigation ul ul ul {
  left: 100%;
  top: 0; }

.main-navigation ul ul a {
  color: #fff;
  /* Nav bar dropdown link color */ }

@media (hover: hover) {
  .main-navigation ul ul :hover > a {
    color: #333;
    /* Nav bar dropdown level 2 link color on level 3 hover */
    background-color: #fff;
    /* Nav bar dropdown link background color on hover */ } }
.main-navigation [class*=current] > a {
  color: #000; }

.main-navigation ul .divider {
  border-bottom: 1px solid #aaa;
  height: 0;
  overflow: hidden; }

.main-navigation ul li.dropdown-header a,
.main-navigation ul li.current-menu-item ul .dropdown-header a {
  color: #aaa;
  /* Nav bar dropdown header color */
  background-color: #333;
  /* Nav bar dropdown header background color */ }

/* Small menu toggle for mobile devices */
.menu-toggle {
  cursor: pointer; }

.main-small-navigation .nav-menu {
  display: none; }

#promo-pull [class*=col-] {
  min-height: 440px; }

#our-materials {
  border-top: 5px solid #f6a500;
  border-bottom: 5px solid #f6a500;
  overflow: hidden;
  padding: 35px 0 45px 0; }

#our-materials .specification {
  margin-top: 45px;
  padding-top: 25px;
  border-top: 1px solid #ccc; }

#our-materials .specification .widget-title:before {
  content: "";
  display: inline-block;
  width: 38px;
  height: 38px;
  background: url(images/s_i.png) no-repeat 0 0 scroll;
  background-size: contain;
  margin: 5px 8px 0 0; }

#our-materials .specification li {
  overflow: hidden;
  display: block !important; }

#our-materials .specification li img {
  float: left;
  margin: 45px 45px 15px 0; }

#our-materials .specification li .sbcaption {
  overflow: hidden; }

#our-materials .specification li .sbcaption p {
  border-top: 1px solid #626262;
  margin: 0;
  overflow: hidden; }

#our-materials .specification li .sbcaption p:last-child {
  border-bottom: 1px solid #626262; }

#our-materials .specification li .sbcaption p span {
  display: block;
  float: left;
  width: 50%;
  padding: 15px;
  border-right: 1px solid #626262;
  font-size: 20px;
  font-weight: 300; }

#our-materials .specification li .sbcaption p span:first-child {
  border-left: 1px solid #626262; }

#our-materials .widget-title {
  text-align: center;
  margin: 25px auto;
  font-size: 44px;
  font-weight: 300; }

/*#our-materials .advantages .widget-title:before {
	content: "\f067";
	font-family: fontawesome;
	color: #f6a500;
	font-size: 35px;
	margin-right: 8px;
} */
#our-materials ul {
  padding: 0;
  margin: 0; }

#our-materials .advantages p {
  text-align: center;
  font-size: 19px; }

#our-materials .advantages ul li {
  display: inline-block;
  vertical-align: middle;
  width: calc(33.33% - 45px);
  margin: 5px 15px;
  text-align: left;
  padding: 5px 15px 5px 80px;
  height: 100px;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.2;
  position: relative;
  transition: all .3s;
  overflow: hidden; }

@media (hover: hover) {
  #our-materials ul .advantages li:hover {
    box-shadow: 0 0 7px 0 #f6a500; }

  #our-materials .advantages ul li:hover {
    animation: pulse 1s !important; } }
#our-materials .advantages ul li span {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  height: 100%;
  font-weight: 500; }

#our-materials .advantages ul li:before {
  content: "";
  font-family: 'FontAwesome';
  font-size: 28px;
  color: #efa41c;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  height: 80%;
  top: 10%;
  left: 0;
  width: 75px;
  transition: all .3s;
  background: url(images/general.jpg) no-repeat 0 0; }

#our-materials .advantages ul li:nth-child(1):before {
  background-position: -285px 0; }

#our-materials .advantages ul li:nth-child(2):before {
  background-position: -360px -132px; }

#our-materials .advantages ul li:nth-child(3):before {
  background-position: -434px -262px; }

#our-materials .advantages ul li:nth-child(4):before {
  background-position: -726px -656px; }

#our-materials .advantages ul li:nth-child(5):before {
  background-position: -219px -329px; }

#our-materials .advantages ul li:nth-child(6):before {
  background-position: 0 -458px; }

#our-materials .advantages ul li:nth-child(7):before {
  background-position: -62px -723px; }

#our-materials .advantages ul li:nth-child(8):before {
  background-position: -143px -264px; }

#our-materials .advantages ul li:nth-child(9):before {
  background-position: -362px -267px; }

#our-materials .advantages ul li:nth-child(10):before {
  background-position: -134px -69px; }

#our-materials .advantages ul li:nth-child(11):before {
  background-position: -730px -71px; }

#our-materials .advantages ul li:nth-child(12):before {
  background-position: -64px -592px; }

#why-us {
  border-top: 5px solid #f6a500;
  border-bottom: 5px solid #f6a500;
  background: #efefef;
  padding: 0;
  overflow: hidden;
  position: relative; }

#why-us:before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  filter: brightness(70%); }

#why-us .info-box {
  background: #efefef; }

#why-us aside {
  padding: 25px;
  width: 750px;
  max-width: 100%;
  margin: 0 auto; }

#why-us aside form p {
  margin-bottom: 20px; }

#why-us aside form .field input,
#why-us aside form .field textarea,
#why-us aside form .field select {
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid rgba(246, 165, 0, 0.7);
  padding: 12px; }

#why-us aside form .field textarea {
  height: 120px;
  max-height: 120px; }

#why-us aside form .controls .capt {
  float: left;
  opacity: 0.85; }

#why-us aside form .controls .btns {
  float: right; }

#why-us aside form .controls input[type="submit"] {
  padding: 8px 25px;
  background: #f6a500;
  border: 2px solid rgba(255, 255, 255, 0.7);
  transition: all 0.3s;
  border-radius: 0;
  font-size: 20px; }

#why-us aside .widget-title {
  font-size: 44px;
  font-weight: 300;
  text-align: center;
  color: black; }

#why-us aside .widget-title span {
  color: #f6a500; }

#why-us aside .textwidget {
  padding: 25px 0; }

#why-us aside .textwidget strong {
  font-size: 21px;
  font-weight: 600;
  color: #f6a500; }

#why-us aside .textwidget > div {
  margin-bottom: 25px; }

#text-2 {
  padding: 45px 0; }
  #text-2 figure {
    margin: 15px 0; }
  #text-2 .kt-row-column-wrap > div {
    padding: 15px; }

#home-extraline {
  background-color: #f6a500;
  color: #fff;
  text-align: center; }

.widget.call-action ul {
  padding: 30px 0;
  list-style: none; }

.widget.call-action ul li {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0;
  padding: 0; }

.widget.call-action ul li > a {
  width: 40%; }

/*.widget.call-action ul li > a:after {
	content: '';
	display: block;
	width: 225px;
	height: 6px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 395px;
	box-shadow: 0 2px 5px #00000030;
	transition: all 0.3s;
}*/
.widget.call-action ul li .sbcaption {
  width: 60%; }

.widget.call-action .sbcaption h3 {
  color: #fff;
  letter-spacing: 5px; }

.widget.call-action .sbcaption h3:before {
  display: none !important; }

.widget.call-action .sbcaption .btn {
  border-radius: 0;
  font-size: 18px;
  text-transform: uppercase;
  border: 2px solid #fff;
  transition: all 0.3s;
  background: #fac14b;
  min-width: 250px;
  line-height: normal;
  color: #fff; }

@media (hover: hover) {
  .widget.call-action .sbcaption .btn:hover {
    background: #fff;
    color: #f6a500; } }
.widget.call-action .sbcaption .sep {
  display: inline-block;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin: 0 6px; }

.widget.call-action .sbcaption .sep:before,
.widget.call-action .sbcaption .sep:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 1px;
  background: #fff;
  position: relative;
  margin: 0 8px; }

.timer {
  color: #f6a500;
  font-size: 44px;
  font-weight: 300;
  letter-spacing: 4px;
  margin: 20px 0;
  text-align: center; }

.icon-line {
  padding: 0 !important; }
  .icon-line:after, .icon-line:before {
    z-index: -1; }
  .icon-line > div.uagb-columns__inner-wrap {
    padding: 20px !important;
    background: #fbfbfb;
    display: -webkit-flex;
    display: flex;
    /* or inline-flex */
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-content: center;
    align-content: center;
    /*
    vertically
    align-items: flex-start | flex-end | center | baseline | stretch;
    */
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    row-gap: 0;
    column-gap: 0; }
    @media screen and (max-width: 600px) {
      .icon-line > div.uagb-columns__inner-wrap {
        display: -webkit-flex;
        display: flex;
        /* or inline-flex */
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-content: center;
        align-content: center;
        /*
        vertically
        align-items: flex-start | flex-end | center | baseline | stretch;
        */
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        row-gap: 0;
        column-gap: 0; } }
    .icon-line > div.uagb-columns__inner-wrap > div:first-child {
      width: 80px; }
    .icon-line > div.uagb-columns__inner-wrap > div:only-child {
      width: 100%; }
    .icon-line > div.uagb-columns__inner-wrap > div:last-child {
      flex: 1; }
    .icon-line > div.uagb-columns__inner-wrap .uagb-heading-text {
      line-height: 1.1; }
      .icon-line > div.uagb-columns__inner-wrap .uagb-heading-text {
        font-size: 20px; }
        @media screen and (min-width: 320px) {
          .icon-line > div.uagb-columns__inner-wrap .uagb-heading-text {
            font-size: calc(20px + 8 * ((100vw - 320px) / 1660)) !important; } }
        @media screen and (min-width: 1980px) {
          .icon-line > div.uagb-columns__inner-wrap .uagb-heading-text {
            font-size: 28px !important; } }
    .icon-line > div.uagb-columns__inner-wrap .uagb-heading-text,
    .icon-line > div.uagb-columns__inner-wrap .wp-block-uagb-advanced-heading {
      text-align: left; }
      @media screen and (max-width: 600px) {
        .icon-line > div.uagb-columns__inner-wrap .uagb-heading-text,
        .icon-line > div.uagb-columns__inner-wrap .wp-block-uagb-advanced-heading {
          text-align: center; } }
    .icon-line > div.uagb-columns__inner-wrap .wp-block-image {
      text-align: center;
      margin-bottom: 25px; }
      .icon-line > div.uagb-columns__inner-wrap .wp-block-image img {
        max-width: 50px;
        max-height: 50px;
        object-fit: contain; }
        @media screen and (max-width: 600px) {
          .icon-line > div.uagb-columns__inner-wrap .wp-block-image img {
            max-width: 100px; } }

/* ==========================================================================
   Media Queries
   ========================================================================== */
/*  Breakpoints are set based on the design, not based on device sizes */
@media only screen and (max-width: 1366px) {
  .ccchildpage .ccpage_linked_title {
    font-size: 25px; }

  .services-list .ccchildpage .ccpages_excerpt {
    font-size: 16px; } }
@media only screen and (max-width: 1280px) {
  #custom_html-4 .ccchildpage {
    flex-wrap: wrap;
    position: relative; }

  #custom_html-4 .ccchildpage .ccpage_linked_title {
    order: -1;
    width: 100%; }

  .services-list .ccchildpage .ccpages_excerpt {
    width: 50%; }

  .services-list .ccchildpage .ccpage_linked_thumb {
    width: 50%; }

  .services-list .ccchildpage .ccpages_more {
    width: auto;
    position: absolute;
    bottom: 10px; }

  .services-list .ccchildpage.ccodd .ccpages_more {
    right: 10px; }

  .services-list .ccchildpage.cceven .ccpages_more {
    left: 10px; }

  .services-list .ccchildpage .ccpages_more a {
    opacity: 1;
    animation: none; }

  .widget.call-action ul li > a {
    width: 30%; }

  .widget.call-action ul li .sbcaption {
    width: 70%; } }
@media only screen and (max-width: 1200px) {
  .main-navigation ul a {
    font-size: 14px;
    padding: 5px 7px; }

  .main-navigation li.menu-parent-item > a:after {
    display: none; }

  #menu-menu-top > li:last-child {
    padding-left: 25px; }

  #menu-menu-top > li:last-child a {
    font-size: 16px; }

  #menu-menu-top > li:last-child i {
    font-size: 18px;
    margin-top: -8px;
    width: 30px; }

  .wp-block-media-text.extra-box .has-large-font-size {
    font-size: 26px; } }
@media only screen and (max-width: 1080px) {
  .home-title-box .ttl-1 {
    font-size: 54px;
    margin-bottom: 5px; }

  .home-title-box .ttl-2 {
    font-size: 34px;
    margin-bottom: 5px; }

  .home-title-box .btn {
    font-size: 16px;
    width: 200px; } }
@media only screen and (max-width: 992px) {
  #headercontainer.fixed {
    animation: none !important; }

  #homepage-reviews:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 10;
    border-radius: 0; }

  #homepage-reviews:before {
    display: none; }

  .col-md-6.titlrev {
    z-index: 20;
    color: white;
    text-align: center;
    margin: 0 0 40px 0; }

  #homepage-reviews .titlrev h3 {
    padding: 0 20px;
    font-size: 44px;
    color: #000;
    text-shadow: none; }

  #homepage-reviews .titlrev h3 span {
    display: block; }

  #homepage-reviews .titlrev h3:after {
    content: "";
    display: block;
    height: 1px;
    width: 500px;
    background: #d9d9d9;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%); }

  #custom_html-4 .ccchildpage .flex-content {
    width: 45%;
    padding: 25px; }

  .services-list .ccchildpage .ccpages_more a {
    opacity: 1;
    animation: none !important;
    font-size: 16px; }

  .ccpages_excerpt {
    font-size: 15px; }

  #why-us:before {
    width: 100%; }

  .widget.call-action ul li {
    display: block; }

  .widget.call-action ul li > a,
  .widget.call-action ul li .sbcaption {
    width: 100%; }

  #footercontainer .col-md-3 {
    text-align: center; }

  #footercontainer .col-md-3:after {
    content: "";
    display: block;
    height: 1px;
    width: 500px;
    background: #d9d9d9;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%); }

  #footercontainer .col-md-3:last-child:after {
    display: none; }

  aside#custom_html-7 {
    margin: 25px 0; }

  .menu-menu-top-container {
    display: none; }

  body.menuOpened #wrapper {
    /*	transform: translateX(-320px);*/
    transition: all .3s; }

  .menu-menu-top-container.opened {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    background: #000;
    z-index: 10200;
    overflow: auto;
    height: 100%; }

  li.current-page-ancestor,
  .menu-menu-top-container.opened ul li.current-menu-item {
    background: #f6a500; }

  body.menuOpened #wrapper .menu-menu-top-container.opened {
    /*	transform: translateX(320px);*/ }

  .menu-menu-top-container.opened ul {
    padding: 85px 15px; }

  .menu-menu-top-container.opened li {
    display: block;
    width: 100%;
    height: auto; }

  .menu-menu-top-container.opened ul a {
    font-size: 20px;
    padding: 5px;
    text-align: left;
    display: block; }

  .menu-menu-top-container.opened ul.sub-menu {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 !important;
    margin: 0;
    left: auto;
    animation: none !important; }

  .menu-menu-top-container.opened ul.sub-menu a {
    text-align: left !important;
    padding: 5px !important;
    font-size: 16px;
    text-indent: 25px; }

  .site-nav {
    text-align: right; }

  .menu-toggle {
    display: inline-block;
    position: relative;
    padding: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin: 20px 0 10px 0; }

  .menu-toggle.toggled-on {
    z-index: 10300;
    position: fixed;
    right: 15px;
    background: #f6a500;
    text-align: center; }

  .main-navigation [class*=current] > a {
    color: #fff; }

  body.menuOpened .menu-toggle.toggled-on {
    /*transform: translateX(320px);*/ }

  .site-header .row-bs {
    display: block; }

  .slider ul li .slide-text,
  .slider ul li .slide-action {
    width: 50%; }

  #slider-form .widget-title,
  .slider ul li .slide-text {
    font-size: 22px; }

  #our-materials ul li {
    width: 100% !important; }

  .ccchildpage .ccpage_linked_title {
    font-size: 20px; }

  .logofooter a {
    padding: 0 0 0 105px; }

  .logofooter a:before, .logofooter a:after {
    width: 105px; }

  .logofooter a:before {
    left: 10px; }

  .logofooter a:after {
    left: 275px; } }
@media only screen and (max-width: 992px) and (max-width: 767px) {
  .homepage-text .wp-block-media-text {
    display: -webkit-flex;
    display: flex;
    /* or inline-flex */
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-content: center;
    align-content: center;
    /*
    vertically
    align-items: flex-start | flex-end | center | baseline | stretch;
    */
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    row-gap: 0;
    column-gap: 0; }
    .homepage-text .wp-block-media-text.has-media-on-the-right {
      display: -webkit-flex;
      display: flex;
      /* or inline-flex */
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-align-content: center;
      align-content: center;
      /*
      vertically
      align-items: flex-start | flex-end | center | baseline | stretch;
      */
      -webkit-align-items: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      row-gap: 0;
      column-gap: 0; } }

@media only screen and (max-width: 992px) {
  .homepage-text .wp-block-media-text > * {
    width: 100%;
    margin: 0;
    padding: 0; }

  .homepage-text .wp-block-media-text .wp-block-media-text__content {
    padding: 25px 0; }

  .entry-content .wp-block-media-text,
  .entry-content .wp-block-columns.grid-row,
  .entry-content .su-row.grid {
    display: block !important;
    margin: 0; }

  .entry-content .wp-block-media-text > *,
  .entry-content .wp-block-columns.grid-row > *,
  .entry-content .su-row.grid > div {
    margin: 0;
    width: 100%;
    padding: 20px 0; }

  .entry-content .wp-block-columns.grid-row > * {
    padding: 0; }

  .entry-content .wp-block-columns.grid-row > :last-child {
    padding: 20px 0; } }
@media only screen and (max-width: 800px) {
  .slider ul li .slide-content .row-bs {
    display: block !important; }

  .slider ul li {
    height: auto !important; }

  .slider ul li .slide-text {
    margin: 35px 0; }

  #slider-form {
    position: relative;
    margin: 35px auto;
    transform: none !important; }

  .slider ul li .slide-text {
    font-size: 28px; }

  .slider ul li .slide-text, .slider ul li .slide-action {
    width: 100%; }

  .slider {
    background: #626262; }

  .slider ul li .slide-content {
    position: relative;
    background: #626262; }

  .slider ul li .slide-text {
    overflow: hidden; }

  #our-materials ul li {
    width: 100%; }

  .services-list .ccchildpage {
    width: 100%; }

  .ccchildpage .ccpage_linked_title {
    font-size: 20px; }

  .page .entry-header {
    float: none;
    text-align: center; }

  #our-materials .specification li img {
    float: none !important;
    margin: 25px auto !important; }

  .slider ul.flex-direction-nav {
    left: 50%;
    margin-left: -40px;
    right: auto; }

  .widget.special-badge .widget-title {
    font-size: 12px; }

  .widget.special-badge .swifty_imgwidget_ul img {
    width: 100px; } }
@media only screen and (max-width: 768px) {
  #homepage-reviews .titlrev h3 {
    font-size: 35px; }

  [id*=gpr_widget] .gpr-business-name > a, [id*=gpr_widget] .gpr-business-name > a:visited {
    font-size: 20px !important; }

  .ccchildpage .ccpage_linked_title,
  .services-list .ccchildpage .ccpages_more {
    text-align: center !important; }

  #homepage-services .ccchildpage {
    margin-top: 35px; }
    #homepage-services .ccchildpage .ccpage_linked_title {
      margin: 25px 0; }

  #blog-pull ul.rpwe-ul li {
    width: 100%;
    float: none;
    margin: 0 0 15px 0; }

  #blog-pull .rpwe-ul li .rpwe-title {
    font-size: 16px; }

  .site-footer,
  .logofooter,
  #custom_html-6 {
    text-align: center; }

  .services-list .ccchildpage .ccpage_linked_title {
    padding-left: 20px;
    padding-right: 20px; }

  .services-list .ccchildpage .ccpages_excerpt {
    width: 100%;
    padding: 20px 0; }

  .services-list .ccchildpage .ccpage_linked_thumb {
    width: 100%; }

  .services-list .ccchildpage .ccpages_more {
    width: auto;
    position: relative;
    bottom: auto;
    left: auto !important;
    right: auto !important; } }
@media only screen and (max-width: 690px) {
  .widget.call-action .sbcaption .sep {
    display: block;
    margin: 5px auto; }

  .widget.call-action .sbcaption .btn {
    display: block; } }
/*  Go full Width at less than 650px */
@media only screen and (max-width: 650px) {
  #nav_menu-5 li {
    width: 100%; }

  [class*=grid_] {
    width: 100%; }

  .col {
    margin: 0; }

  #headercontainer.fixed .head-floater {
    display: block;
    animation: fadeInRight 1s; }

  #bannercontainer .textslider h3 {
    font-size: 22px; }

  .home-title-box .ttl-1 {
    font-size: 44px; }

  .home-title-box .ttl-2 {
    font-size: 26px; }

  /*	#bannercontainer .slidbatt {
  		 position: absolute;
      top: 32px;
      right: calc(50% - 111px);
      z-index: 111;
  	} */
  #bannercontainer .textslider h3 {
    padding: 10px 10px 0px 10px;
    font-size: 18px; }

  .home-title-box .btn {
    width: auto;
    display: block; }

  #bannercontainer {
    background: #000; }

  #bannercontainer:before {
    background: rgba(0, 0, 0, 0); }

  #bannercontainer .slidbatt {
    position: absolute !important;
    top: 15% !important;
    right: auto;
    left: 50%;
    margin: 0 0 0 -125px !important;
    width: 250px;
    text-align: center;
    /*	display: none; */ }

  /*#bannercontainer .slidbatt a {
  	background: #000;
  }*/
  #bannercontainer .home-title-box {
    position: relative;
    background: #333;
    padding: 15px; }

  #bannercontainer .awards-block {
    text-align: center;
    border-bottom: 1px solid #656565;
    padding: 10px 0 30px 0; }

  #bannercontainer .awards-block ul li {
    margin: 0 5px 10px 5px; }

  #bannercontainer .awards-block ul li img {
    height: 60px; }

  #custom_html-4 .ccchildpage.ccodd,
  #custom_html-4 .ccchildpage.cceven {
    display: block !important; }

  #custom_html-4 .ccchildpage .ccpage_linked_thumb,
  #custom_html-4 .ccchildpage .flex-content {
    width: 100%; }

  #custom_html-4 .ccchildpage .ccpage_linked_thumb img {
    max-height: 250px; }

  #custom_html-4 .ccchildpage.cceven .flex-content:before,
  #custom_html-4 .ccchildpage.ccodd .flex-content:before {
    border-bottom: 25px solid #efefef;
    border-top: none;
    border-left: 30px solid rgba(0, 0, 0, 0);
    border-right: 30px solid rgba(0, 0, 0, 0);
    left: 50%;
    right: auto;
    top: auto;
    bottom: 100%;
    margin: 0 0 0 -30px; } }
@media only screen and (max-width: 650px) and (hover: hover) {
  #custom_html-4 .ccchildpage.cceven:hover .flex-content:before,
  #custom_html-4 .ccchildpage.ccodd:hover .flex-content:before {
    border-bottom-color: #333; } }
@media only screen and (max-width: 650px) {
  .gallery .gallery-item {
    width: 100% !important; }

  .admin-bar #headercontainer.fixed,
  #headercontainer.fixed {
    top: 0; }

  #our-materials .specification li .sbcaption p span {
    font-size: 16px; }

  #our-materials .widget-title,
  #blog-pull .widget-title,
  .homepage-text .content-box h3,
  #homepage-extrainfo .widget-title,
  #homepage-faqs .widget-title,
  #why-us aside .widget-title,
  #service-areas .widget-title {
    font-size: 30px; }

  #homepage-faqs #wpsm_accordion_496 .wpsm_panel-title a {
    font-size: 17px !important; }

  h1.entry-title b.i-roof, .archive-title b.i-roof {
    font-size: 24px; }

  #why-us aside {
    padding: 25px 0; }

  #why-us aside form p {
    margin-bottom: 15px; }

  #why-us aside form .controls .capt {
    margin-bottom: 15px; }

  #why-us aside form .controls .capt,
  #why-us aside form .controls .btns {
    float: none; }

  #service-areas .widget-title {
    margin: 15px 0; }

  #service-areas a h4 {
    font-size: 16px; }

  #homepage-extrainfo {
    font-size: 16px; }

  #homepage-extrainfo .m-logo {
    height: 80px;
    margin: 5px; } }
@media only screen and (max-width: 600px) {
  h2 {
    font-size: 28px; }

  h3 {
    font-size: 24px; }

  h4 {
    font-size: 20px; }

  h5 {
    font-size: 16px; } }
/*  Adjust the menu at less than 520px */
@media only screen and (max-width: 520px) {
  .homepage-text p img {
    float: none;
    display: block;
    margin: 10px auto; }

  #homepage-reviews .titlrev h3 {
    font-size: 30px; }

  #homepage-reviews .titlrev h3:after,
  #footercontainer .col-md-3:after {
    width: 300px; }

  .homepage-text .widget-title {
    font-size: 26px; }

  .icon-line .wp-block-image img {
    max-height: 90px !important;
    width: auto !important; }

  .bg-decor2 {
    font-size: 22px; }

  #blog-pull ul.rpwe-ul li {
    width: 100%; }

  #blog-pull ul.rpwe-ul li .rpwe-summary .more-link {
    text-align: center;
    display: block;
    padding: 10px; }

  #our-materials .widget-title span,
  #blog-pull .widget-title span {
    display: block; }

  #nav_menu-5 .widget-title,
  #nav_menu-5 ul {
    text-align: center; } }
@media only screen and (max-width: 480px) {
  .site-title {
    margin: 5px 0; }

  .menu-toggle {
    margin: 15px 0 5px 0; }

  .logofooter a {
    padding: 0; }

  .logofooter a:before,
  .logofooter a:after {
    display: none; }

  .widget.special-badge {
    position: relative; }

  .widget.call-action .sbcaption h3 {
    letter-spacing: 0; }

  #bannercontainer .slidbatt {
    top: 12% !important; }

  #bannercontainer .slidbatt a {
    padding: 10px; }

  .schema-faq-section .schema-faq-question,
  .saswp-faq-block-section .saswp-faq-question-title {
    font-size: 18px; } }
@media only screen and (max-width: 385px) {
  #bannercontainer .textslider h3 {
    border-left: none;
    border-right: none; }

  #nav_menu-5 {
    padding: 0; }

  #homepage-extrainfo .m-logo {
    /*	height: 60px; */ }

  .home-title-box .ttl-1 {
    font-size: 36px; }

  .home-title-box .ttl-2 {
    font-size: 22px; } }
/* ==========================================================================
   Non-semantic helper classes from HTML5 Boilerplate
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ==========================================================================
   Print styles from HTML5 Boilerplate
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 1.0cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/* ==========================================================================
   Call button for the mobile version 
   ========================================================================== */
@media screen and (max-width: 600px) {
  #callnowbutton {
    display: block;
    position: fixed;
    text-decoration: none;
    z-index: 2147483647;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    box-shadow: 0 3px 6px black;
    transform: scale(1);
    bottom: 30px;
    right: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjAiPjxwYXRoIGQ9Ik03LjEwNCAxNC4wMzJsMTUuNTg2IDEuOTg0YzAgMC0wLjAxOSAwLjUgMCAwLjk1M2MwLjAyOSAwLjc1Ni0wLjI2IDEuNTM0LTAuODA5IDIuMSBsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDE2LjUgMTcuNCAxOS44IDE5LjhsMTYuODEzIDEuMTQxYzAgMCAwIDAuNCAwIDEuMSBjLTAuMDAyIDAuNDc5LTAuMTc2IDAuOTUzLTAuNTQ5IDEuMzI3bC02LjUwNCA2LjUwNWMwIDAtMTEuMjYxIDAuOTg4LTI1LjkyNS0xMy42NzRDNi4xMTcgMjUuMyA3LjEgMTQgNy4xIDE0IiBmaWxsPSIjMDA5ZDAwIi8+PHBhdGggZD0iTTcuMTA0IDEzLjAzMmw2LjUwNC02LjUwNWMwLjg5Ni0wLjg5NSAyLjMzNC0wLjY3OCAzLjEgMC4zNWw1LjU2MyA3LjggYzAuNzM4IDEgMC41IDIuNTMxLTAuMzYgMy40MjZsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDUuMyA2LjkgOS4xIDEwLjY5OWMzLjg0MiAzLjggNy40IDYuNyAxMC43IDkuMSBsNC43NC00Ljc0MmMwLjg5Ny0wLjg5NSAyLjQ3MS0xLjAyNiAzLjQ5OC0wLjI4OWw3LjY0NiA1LjQ1NWMxLjAyNSAwLjcgMS4zIDIuMiAwLjQgMy4xMDVsLTYuNTA0IDYuNSBjMCAwLTExLjI2MiAwLjk4OC0yNS45MjUtMTMuNjc0QzYuMTE3IDI0LjMgNy4xIDEzIDcuMSAxMyIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==) center/45px 45px no-repeat, linear-gradient(95deg, #06811d 20%, #4fcb0c 80%); }

  #totop {
    left: 12px;
    right: initial !important; } }
@media only screen and (max-width: 520px) {
  #nav_menu-5 .widget-title, #nav_menu-5 ul {
    display: inline-block;
    max-width: 320px; }

  #nav_menu-5 li {
    width: 45%; }

  #nav_menu-5 .widget-title {
    display: block; }

  #nav_menu-5 {
    padding: 0 !important; } }
.page-id-16 .kt-blocks-accordion-header .kb-svg-icon-wrap svg {
  margin: 4px;
  color: #f6a500; }

/*# sourceMappingURL=style.css.map */