* {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 16px;
  line-height: 24px;
  color: #686062;
  width: 100%;
  min-width: 1100px;
  background: #515151;
  position: relative;
}

@media screen and (max-width: 1099px) {
  body {
    width: 100%;
    min-width: auto;
    max-width: auto;
  }
}

/* text styles
-----------------------------------------------------------------------------*/

h1,
.h1 {
  font-size: 28px;
  line-height: 31px;
  font-weight: 600;
  color: #f08d00;
  padding: 0px 0px 10px 0px;
  margin: 0px;
}
h2,
.h2 {
  font-size: 26px;
  line-height: 29px;
  font-weight: 600;
  color: #f08d00;
  padding: 0px 0px 10px 0px;
  margin: 0px;
}
h3,
.h3 {
  font-size: 24px;
  line-height: 27px;
  font-weight: 600;
  color: #f08d00;
  padding: 0px 0px 10px 0px;
  margin: 0px;
}
h4,
.h4 {
  font-size: 22px;
  line-height: 25px;
  font-weight: 600;
  color: #f08d00;
  padding: 0px 0px 10px 0px;
  margin: 0px;
}
h5,
.h5 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  color: #f08d00;
  padding: 0px 0px 10px 0px;
  margin: 0px;
}
h6,
.h6 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
  color: #fff;
  padding: 0px 0px 10px 0px;
  margin: 0px;
}

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

a {
  color: #f08d00;
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: underline;
}

table {
  border: 0px;
  border-spacing: 0px;
  border-collapse: separate;
  padding: 0px;
  margin: 0px;
}

ul,
ol {
  margin: 0px 0px 20px 20px;
  padding: 0px 0px 0px 0px;
  /*	list-style-position: inside;*/
}
ul li,
ol li {
  padding-bottom: 10px;
}
ul.no-list-image,
ul.no-list-image li {
  list-style: none;
  list-style-image: none;
}

p {
  margin: 0 0 24px 0;
}
img {
  border: none;
  vertical-align: middle;
}

/* forms styles
-----------------------------------------------------------------------------*/
input,
textarea,
select {
  color: #000;
  font-size: 18px;
  line-height: 18px;
  box-sizing: border-box;
}
label {
  box-sizing: border-box;
}
input {
  vertical-align: middle;
}

.form_standard {
  width: 700px !important;
  display: table;
  margin: 0 auto;
}
.form_standard_half {
  width: 350px !important;
  display: table;
  margin: 0 auto;
}

.form {
  width: 100%;
}
.form input.submit,
input.button {
  width: auto;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  background: #ffa60e;
  border: 0px;
  padding: 26px 90px 26px 90px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 24px;
}
.form fieldset {
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.form fieldset legend {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  padding: 0px;
}

.form label {
  float: left;
  padding: 0px 2px 0px 0px;
  margin: 0;
  color: #000;
  font-size: 16px;
  line-height: 20px;
}
.form label.edit {
  width: 50%;
}
.form label.edit_full {
  width: 100%;
}
.form label.edit_half {
  width: 25%;
}

.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="date"],
.form select,
.form textarea {
  width: 100%;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  padding: 12px;
  margin: 0px 0px 10px 0px;
  background: #121212;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  font-weight: 600;
}
.form select {
  padding: 11px;
}
.form textarea {
  height: 150px;
}

.required {
  color: #f00;
}

.g-recaptcha {
  display: inline-block;
}

/* placeholder
-----------------------------------------------------------------------------*/
::-webkit-input-placeholder {
  color: #fff !important;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-weight: 600;
}
::-moz-placeholder {
  color: #fff !important;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-weight: 600;
}
:-moz-placeholder {
  color: #fff !important;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-weight: 600;
}
:-ms-input-placeholder {
  color: #fff !important;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-weight: 600;
}

/* standard styles
-----------------------------------------------------------------------------*/

.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}

.align_center {
  text-align: center;
  margin: auto;
}
.align_right {
  text-align: right;
}
.align_left {
  text-align: left;
}
.align_justify {
  text-align: justify;
}

.valign_top {
  vertical-align: top;
}
.valign_middle {
  vertical-align: middle;
}
.valign_bottom {
  vertical-align: bottom;
}

.position_center {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.position_middle:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.box_center {
  display: table;
  margin: 0 auto !important;
}

.clear {
  height: 0;
  font-size: 1px;
  line-height: 0px;
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.hidden {
  display: none;
}

.desktop_only {
}
.mobile_only {
  display: none;
}

.img_left {
  width: auto;
  float: left;
  margin: 0px 15px 10px 0px;
}
.img_right {
  width: auto;
  float: right;
  margin: 0px 0px 10px 15px;
}

.images,
.images_left,
.images_right {
  border: 0px;
}
.images_left {
  width: auto;
  float: left;
  margin: 0px 25px 15px 0px;
}
.images_right {
  width: auto;
  float: right;
  margin: 0px 0px 15px 25px;
}

@media screen and (max-width: 800px) {
  .img,
  .img_left,
  .img_right {
    max-width: 100%;
    height: auto;
  }
  .images,
  .images_left,
  .images_right {
    max-width: 100%;
    height: auto;
  }
  .img_left,
  .img_right,
  .images_left,
  .images_right {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
}

hr,
.hr,
.wp-block-separator {
  line-height: 1px;
  height: 1px;
  font-size: 1px;
  background: #ccc;
  border: 0px !important;
  clear: both;
  margin: 20px 0px 20px 0px;
}

a.a_button,
p.a_button a,
span.a_button {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  outline: none;
  background: #ffa60e;
  text-align: center;
  padding: 20px 30px 20px 30px;
  transition: all 250ms ease-in;
  -webkit-transition: all 250ms ease-in;
}
a.a_button:hover,
p.a_button a:hover,
a:hover span.a_button {
  color: #fff;
  text-decoration: none;
  background: #ebebeb;
}

.columns {
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}

.columns[data-columns-count="2"] {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.columns[data-columns-count="3"] {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}
.columns[data-columns-count="4"] {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}
.columns[data-columns-count="5"] {
  -moz-column-count: 5;
  -webkit-column-count: 5;
  column-count: 5;
}
.columns[data-columns-count="6"] {
  -moz-column-count: 6;
  -webkit-column-count: 6;
  column-count: 6;
}

@media screen and (max-width: 700px) {
  .columns[data-columns-count="2"] {
    column-count: 1;
  }
}

.res_list div {
  display: inline-block;
  padding-bottom: 10px;
  vertical-align: top;
}

/* columns_list
-----------------------------------------------------------------------------*/
ul.columns_list {
  width: 100%;
  list-style: none;
  list-style-image: none;
  text-align: center;
  padding: 0px;
  margin: 0px;
}
ul.columns_list li {
  width: auto;
  max-width: 94%;
  display: inline-block;
  padding: 0px 0px 0px 0px;
  margin: 0px 1% 15px 1%;
  vertical-align: top;
  text-align: left;
}
ul.columns_list.align_center li {
  text-align: center;
}
ul.columns_list > li {
}
ul.columns_list[data-columns-count="2"] > li {
  width: 46%;
}
ul.columns_list[data-columns-count="3"] > li {
  width: 29%;
}
ul.columns_list[data-columns-count="4"] > li {
  width: 21%;
}
ul.columns_list[data-columns-count="5"] > li {
  width: 16%;
}

ul.columns_list.valign_top li {
  vertical-align: top;
}
ul.columns_list.valign_middle li {
  vertical-align: middle;
}
ul.columns_list.valign_bottom li {
  vertical-align: bottom;
}

/* white-popup - magnific-popup style
-----------------------------------------------------------------------------*/
.white-popup {
  position: relative;
  background: #121212;
  padding: 20px;
  width: auto;
  max-width: 700px;
  margin: 20px auto;
}

/* portfolio styles
-----------------------------------------------------------------------------*/
.sectionname,
.imagepages {
  display: inline-block;
  color: #fff;
  background: #878787;
  padding: 3px 6px 3px 6px;
  margin: 0px 3px 5px 0px;
  border-radius: 2px;
}
.sectionname:hover,
.imagepages:hover {
  text-decoration: none;
  color: #fff;
  background: #1d8917;
}

.sectionnameselected,
.imagepageselected {
  display: inline-block;
  color: #fff;
  background: #1d8917;
  padding: 3px 6px 3px 6px;
  margin: 0px 3px 5px 0px;
  border-radius: 2px;
}
.sectionnameselected:hover,
.imagepageselected:hover {
  text-decoration: none;
}

.sectionname_divider {
  display: none;
}

.imagesmallname {
  color: #000;
}

.imagemediumname {
  color: #000;
  font-weight: bold;
}

.image_delimiter {
  font-size: 1px;
  line-height: 1px;
  height: 3px;
  padding: 0px;
  margin: 0px;
}

/* Table
-----------------------------------------------------------------------------*/
.table {
  width: 100%;
  border-top: 1px solid #bdb6a3;
  border-left: 1px solid #bdb6a3;
}
.table tr {
  vertical-align: middle;
}
.table th,
.table td {
  padding: 5px;
  border-bottom: 1px solid #bdb6a3;
  border-right: 1px solid #bdb6a3;
  color: #64534c;
}
.table thead td,
.table tfoot td {
  background: #efae40 url(images/table_header_bg.webp) top repeat-x;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.table tr th {
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ada48c;
}
.table tr:nth-child(odd) {
  background: #efede8;
}
.table tr:nth-child(even) {
  background: #f5f3ee;
}

/* belgard
-----------------------------------------------------------------------------*/
table.belgard td {
  padding: 0px 20px 20px 0px;
}

/* main styles
-----------------------------------------------------------------------------*/
.animatedParent {
  /*	overflow: hidden;*/
}

.page_wrapper {
  width: 1100px;
  height: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1099px) {
  .page_wrapper {
    width: 96%;
  }
}

#main_wrapper {
  overflow: hidden;
}

.body_offset {
  padding-top: 101px;
}

.body_wrapper {
  max-width: 1920px !important;
  margin: 0 auto !important;
  float: none !important;
}

.box_fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  z-index: 1000 !important;
  width: 100% !important;
  max-width: 1920px !important;
  float: none !important;
  display: block !important;
  /*	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
}
.admin-bar .box_fixed {
	top: 35px !important;
}

@media screen and (max-width: 1139px) {
  .body_offset {
    padding-top: 0px;
  }
}

/* Header_top
-----------------------------------------------------------------------------*/
#header_top {
  width: 100%;
  position: relative;
  height: 50px;
  background: #ebebeb;
}

#header_top_slogan {
  width: 600px;
  position: absolute;
  left: 0px;
  top: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
}

#header_top_social {
  width: 150px;
  position: absolute;
  right: 0px;
  top: 8px;
  text-align: right;
}
#header_top_social a img {
  margin: 0px 0px 0px 2px;
  transition: all 250ms ease-in;
  -webkit-transition: all 250ms ease-in;
  opacity: 1;
}
#header_top_social a:hover img {
  opacity: 0.7;
}

#header_top.box_fixed {
  top: 0px;
}

@media screen and (max-width: 750px) {
  #header_top_slogan {
    width: 300px;
    top: 15px;
    font-size: 11px;
    line-height: 11px;
  }
}
@media screen and (max-width: 490px) {
  #header_top_slogan {
    display: none;
  }
  #header_top_social {
    position: absolute;
    right: 0px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

/* menutop
-----------------------------------------------------------------------------*/
#menutop {
  height: 42px;
  background: #121212;
  border-bottom: 1px solid #f3f3f3;
  padding-top: 8px;
}
#menutop ul {
  display: table;
  margin: 0 auto;
  padding: 0px;
  list-style: none;
  list-style-image: none;
}
#menutop li {
  display: inline-block;
  padding: 0px 6px 0px 6px;
  margin: 0px;
}
#menutop li:first-child {
  padding-left: 0px;
}
#menutop li:last-child {
  padding-right: 0px;
}

#menutop ul li a {
  display: block;
  color: #fff;
  font-size: 13px;
  line-height: 13px;
  font-weight: normal;
  text-transform: uppercase;
  height: 22px;
  text-align: center;
  padding: 11px 25px 0px 25px;
  margin: 0px;
  transition: all 0ms ease-in;
  -webkit-transition: all 0ms ease-in;
  background-position: right 10px top 13px;
}
#menutop ul li:hover a,
#menutop li.current-menu-ancestor a,
#menutop li.current-menu-item a {
  text-decoration: none;
  background-color: #ebebeb;
  color: #ffa60e;
}

#menutop.box_fixed {
  top: 50px !important;
}

/* menu_icons
-----------------------------------------------------------------------------*/
.menu_icons {
  width: 100%;
  padding-top: 2px;
  display: none;
  background: linear-gradient(to bottom, #f6f6f6 0px, #fff 100%);
}
.menu_icons:after {
  content: "";
  display: block;
  clear: both;
}

.menu_icons ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
}
.menu_icons ul li {
  width: auto;
  list-style: none;
  list-style-image: none;
  float: right;
  display: inline-block;
  vertical-align: middle;
}
.menu_icons ul li:first-child {
  float: left;
}
.menu_icons a {
  display: block;
  text-align: center;
  color: #ffa60e;
  font-size: 12px;
  line-height: 35px;
  font-weight: 600;
  padding: 1px 10px 0px 10px;
  text-transform: uppercase;
}
.menu_icons a:hover {
  text-decoration: none;
}
.menu_icons a img {
  vertical-align: middle;
  margin: -4px 5px 0px 0px;
}

@media screen and (max-width: 1099px) {
  #menutop {
    display: none;
  }
  .menu_icons {
    display: block;
  }
  body {
    padding-top: 0px;
  }
}

/* menumobile
-----------------------------------------------------------------------------*/
#menumobile {
  display: none;
}
#menumobile ul {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
}
#menumobile ul li {
  width: 100%;
  list-style: none;
  list-style-image: none;
  position: relative;
  /*
	background: linear-gradient(to bottom, #999 0px, #ccc 100%);
*/
  background: linear-gradient(to bottom, #ffa60e 0px, #ffb332 100%);
  padding: 0px 0px 0px 0px;
}
#menumobile ul li a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  padding: 13px 0px 10px 0px;
  text-transform: uppercase;
  text-outline: none;
}
#menumobile ul li a:hover {
  text-decoration: none;
  color: #ff0;
}

#menumobile li.current-menu-parent > a,
#menumobile li.current-menu-item > a {
  color: #ff0;
}

#menumobile li.closed > ul {
  display: none;
}

#menumobile li.open > ul {
  display: block;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

/* clicking area to expand/collapse */
#menumobile li.closed a {
  margin-right: 40px;
  padding-left: 40px;
}
#menumobile li.closed {
  cursor: cell;
}
#menumobile li.closed:after {
  content: "";
  display: block;
  width: 40px;
  height: 100%;
  background: url(images/mobile_arrow_close.webp) center 13px no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}
#menumobile li li.closed:after {
  z-index: 2;
}
#menumobile li li li.closed:after {
  z-index: 3;
}
#menumobile li li li li.closed:after {
  z-index: 4;
}
#menumobile li li li li li.closed:after {
  z-index: 5;
}

#menumobile li.open a {
  margin-right: 40px;
  padding-left: 40px;
}
#menumobile li.open {
  cursor: cell;
}
#menumobile li.open:after {
  content: "";
  display: block;
  width: 40px;
  height: 100%;
  background: url(images/mobile_arrow_open.webp) center 13px no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}
#menumobile li li.open:after {
  z-index: 2;
}
#menumobile li li li.open:after {
  z-index: 3;
}
#menumobile li li li li.open:after {
  z-index: 4;
}
#menumobile li li li li li.open:after {
  z-index: 5;
}

@media screen and (min-width: 1100px) {
  #menumobile {
    display: none !important;
  }
}

/* Header
-----------------------------------------------------------------------------*/
#header {
  width: 100%;
  position: relative;
  height: 130px;
  background: #121212;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  box-sizing: border-box;
}
#header a {
  color: #fff;
}

#header_logo {
  width: 134px;
  position: absolute;
  left: 0px;
  top: 20px;
}

#header_licence {
  width: 300px;
  position: absolute;
  left: 335px;
  top: 50px;
  padding-left: 22px;
  padding-top: 2px;
  background: url(images/icon_licence.webp) left center no-repeat;
}

#header_hours {
  width: 150px;
  position: absolute;
  left: 750px;
  top: 50px;
  padding-left: 22px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(images/icon_hours.webp) left center no-repeat;
}

#header_phone {
  width: 70px;
  position: absolute;
  right: 0px;
  top: 50px;
  padding-left: 22px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(images/icon_phone.webp) left center no-repeat;
  text-align: right;
}
@media screen and (max-width: 1139px) {
  .body_offset {
    padding-top: 0px;
  }
}

@media screen and (max-width: 1099px) {
  #header_licence {
    width: 250px;
    position: absolute;
    left: auto;
    right: 0px;
    top: 30px;
    text-align: right;
  }
  #header_hours {
    width: 82px;
    position: absolute;
    left: auto;
    right: 0px;
    top: 53px;
    text-align: right;
  }
  #header_phone {
    width: 70px;
    position: absolute;
    right: 0px;
    top: 77px;
    text-align: right;
  }
}

@media screen and (max-width: 450px) {
  #header_logo {
    width: 134px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 8px;
  }

  #header_licence {
    display: none;
  }
  #header_hours {
    display: none;
  }
  #header_phone {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 105px;
    text-align: center;
  }
}

/* slideshow
-----------------------------------------------------------------------------*/
#slideshow {
  width: 100%;
  height: 780px;
  position: relative;
  z-index: 0;
}
.inside #slideshow {
  height: 470px;
}

#slideshow ul {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
}

#slideshow li {
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  list-style: none;
  list-style-image: none;
}

#slides_arrow_next {
  width: auto;
  position: absolute;
  top: 50%;
  margin-top: -90px;
  right: 45px;
  z-index: 101;
}
#slides_arrow_prev {
  width: auto;
  position: absolute;
  top: 50%;
  margin-top: -90px;
  left: 45px;
  z-index: 101;
}

#slideshow_slogan {
  width: 1100px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 300px;
  text-align: center;
  color: #fff;
  font-size: 80px;
  line-height: 85px;
  font-weight: bold;
  z-index: 201;
}
.inside #slideshow_slogan {
  top: 150px;
}

/* slideshow_pager
-----------------------------------------------------------------------------*/
#slideshow_pager {
  text-align: center;
  width: 100%;
  z-index: 101 !important;
  position: absolute;
  left: 0px;
  bottom: 50px;
  overflow: hidden;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#slideshow_pager span {
  width: 11px;
  height: 10px;
  display: inline-block;
  cursor: pointer;
  background: url(images/slide_icon.webp) left top no-repeat;
  padding: 0px 2px 0px 2px;
  font-family: arial;
  font-size: 1px;
}
#slideshow_pager span.cycle-pager-active {
  background: url(images/slide_icon_on.webp) left top no-repeat;
}
#slideshow_pager > * {
  cursor: pointer;
}

@media screen and (max-width: 1099px) {
  #slideshow {
    height: 470px;
  }
  #slideshow li {
    background-size: cover;
  }
  #slideshow_slogan {
    width: 100%;
    top: 150px;
    font-size: 60px;
    line-height: 65px;
  }
}

@media screen and (max-width: 1300px) {
  #slides_arrow_next {
    display: none;
  }
  #slides_arrow_prev {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  #slideshow {
    height: 300px;
  }
  #slideshow_slogan {
    top: 50px;
    font-size: 30px;
    line-height: 35px;
  }
}

/* middle
-----------------------------------------------------------------------------*/
#middle {
  padding: 100px 0px 100px 0px;
  background: #121212;
  position: relative;
}
.inside #middle {
  min-height: 500px;
  height: auto !important;
  height: 500px;
}

@media screen and (max-width: 1099px) {
  #middle {
    padding: 40px 0px 30px 0px;
  }
}

/* content
-----------------------------------------------------------------------------*/
#content {
}

/* content_title
-----------------------------------------------------------------------------*/
.content_title {
  color: #fff;
  font-size: 60px;
  line-height: 65px;
  padding: 0px 0px 0px 0px;
  margin-bottom: 45px;
  text-transform: uppercase;
  font-weight: 600;
}
.content_title h1 {
  padding: 0px;
  margin: 0px;
  width: 100%;
  color: #fff;
  font-size: 60px;
  line-height: 65px;
  font-weight: 600;
}

.content_title_home {
  width: 350px;
  padding-right: 30px;
  float: left;
}
.content_title_home h1 {
  margin-bottom: 40px;
}
.content_title1 {
  color: #fff;
}
.content_title_center {
  text-align: center;
}

@media screen and (max-width: 1099px) {
  .content_title_home {
    width: 100%;
    padding-right: 0px;
    float: none;
    margin-bottom: 0px;
  }
  .content_title_home .a_button {
    display: none;
  }
  .content_title_home h1 {
    margin-bottom: 0px;
  }

  .content_title {
    margin-bottom: 25px;
  }
  .content_title,
  .content_title h1 {
    font-size: 40px;
    line-height: 43px;
  }
}

@media screen and (max-width: 599px) {
  .content_title {
    margin-bottom: 20px;
  }
  .content_title,
  .content_title h1 {
    font-size: 30px;
    line-height: 33px;
  }
}

/* box_testimonials
-----------------------------------------------------------------------------*/
#box_testimonials {
  height: 190px;
  padding: 630px 0px 0px 0px;
  background: #231f20 url(images/box_testimonials_bg.webp) center top no-repeat;
  background-size: cover;
  position: relative;
  color: #686062;
}

#box_testimonials_title {
  position: absolute;
  top: -630px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  height: 50px;
  background: rgba(255, 166, 14, 0.9);
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  padding: 25px;
  text-align: center;
  box-sizing: content-box;
}
#box_testimonials_title span {
  font-size: 34px;
  line-height: 35px;
  font-weight: 700;
}

#box_testimonials_content {
  height: 110px;
  position: relative;
  font-size: 16px;
  line-height: 22px;
  color: #686062;
  background: rgba(255, 255, 255, 0.9);
  padding: 40px 55px 40px 55px;
}
#box_testimonials_content_title {
  width: 310px;
  float: left;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
}
#box_testimonials_content_title div {
  font-size: 36px;
  line-height: 36px;
}

#box_testimonials ul {
  width: 640px;
  float: right;
  height: 150px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
}
#box_testimonials li {
  list-style: none;
  list-style-image: none;
}

#box_testimonials li span {
  color: #000;
  font-style: italic;
  display: block;
  padding-top: 10px;
}

#slides_testimonials_arrow_next {
  width: auto;
  position: absolute;
  top: -320px;
  right: -150px;
  z-index: 101;
}
#slides_testimonials_arrow_prev {
  width: auto;
  position: absolute;
  top: -320px;
  left: -150px;
  z-index: 101;
}

@media screen and (max-width: 1099px) {
  #box_testimonials {
    height: auto;
    padding: 40px 0px 40px 0px;
    background: #231f20 url(images/box_testimonials1_bg.webp) center top no-repeat;
    background-size: cover;
  }

  #box_testimonials_title {
    width: auto;
    height: auto;
    position: relative;
    top: 0px;
    left: 0px;
    background: rgba(255, 166, 14, 0.9);
    font-size: 12px;
    line-height: 18px;
    padding: 25px;
    margin-bottom: 50px;
  }
  #box_testimonials_title span {
    font-size: 25px;
    line-height: 30px;
  }

  #box_testimonials_content {
    height: auto;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    color: #686062;
    background: rgba(255, 255, 255, 0.9);
    padding: 40px 55px 40px 55px;
  }

  #box_testimonials ul {
    width: 95%;
    float: none;
    height: auto;
    margin: 0 auto;
    display: table;
  }

  #box_testimonials_content_title {
    width: 100%;
    float: none;
    padding-bottom: 25px;
  }
  #box_testimonials_content_title div {
    font-size: 30px;
    line-height: 30px;
  }

  #slides_testimonials_arrow_next {
    width: auto;
    position: absolute;
    top: 50%;
    right: 15px;
  }
  #slides_testimonials_arrow_prev {
    width: auto;
    position: absolute;
    top: 50%;
    left: 15px;
  }
}

@media screen and (max-width: 499px) {
  #slides_testimonials_arrow_next {
    display: none;
  }
  #slides_testimonials_arrow_prev {
    display: none;
  }
}

/* box_about
-----------------------------------------------------------------------------*/
#box_about {
  padding: 100px 0px 100px 0px;
  background: #231f20 url(images/box_about_bg.webp) center 100px no-repeat;
  position: relative;
  color: #686062;
  min-height: 727px;
  font-size: 16px;
  line-height: 27px;
}
#box_about_content {
  width: 690px;
}

@media screen and (max-width: 1099px) {
  #box_about {
    padding: 50px 0px 50px 0px;
    background: #121212;
    min-height: 0px;
  }
  #box_about_content {
    width: 100%;
  }
}

/* box_services
-----------------------------------------------------------------------------*/
#box_services {
  border-top: 1px solid #f3f3f3;
  background: #121212;
  padding: 100px 0px 100px 0px;
  position: relative;
  text-align: center;
}
#box_services .content_title {
  width: 350px;
  padding-right: 30px;
  padding-bottom: 30px;
  float: left;
}
#box_services_content {
  text-align: left;
}

#box_services ul {
  display: table;
  margin: 0 auto;
  padding: 20px 0px 0px 0px;
  list-style: none;
  list-style-image: none;
}
#box_services ul li {
  display: inline-block;
  vertical-align: top;
  padding: 20px 20px 20px 20px;
}
#box_services ul li a {
  display: block;
  width: 230px;
  height: 75px;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding: 135px 20px 0px 20px;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.03);
  transition: all 250ms ease-in;
  -webkit-transition: all 250ms ease-in;
}
#box_services ul li a:hover {
  color: #fff;
  text-decoration: none;
}

#box_services ul li:nth-child(1) a {
  background: #231f20 url(images/services-icon-pavers.webp) center 50px no-repeat;
}
#box_services ul li:nth-child(1) a:hover {
  background: #ffa60e url(images/services-icon-pavers-on.webp) center 50px
    no-repeat;
}

#box_services ul li:nth-child(2) a {
  background: #231f20 url(images/services-icon-patios.webp) center 50px no-repeat;
}
#box_services ul li:nth-child(2) a:hover {
  background: #ffa60e url(images/services-icon-patios-on.webp) center 50px
    no-repeat;
}

#box_services ul li:nth-child(3) a {
  background: #231f20 url(images/services-icon-driveways.webp) center 50px
    no-repeat;
}
#box_services ul li:nth-child(3) a:hover {
  background: #ffa60e url(images/services-icon-driveways-on.webp) center 50px
    no-repeat;
}

#box_services ul li:nth-child(4) a {
  background: #231f20 url(images/services-icon-pool-decks.webp) center 50px
    no-repeat;
}
#box_services ul li:nth-child(4) a:hover {
  background: #ffa60e url(images/services-icon-pool-decks-on.webp) center 50px
    no-repeat;
}

#box_services ul li:nth-child(5) a {
  background: #231f20 url(images/services-icon-retaining-walls.webp) center 50px
    no-repeat;
}
#box_services ul li:nth-child(5) a:hover {
  background: #ffa60e url(images/services-icon-retaining-walls-on.webp) center
    50px no-repeat;
}

#box_services ul li:nth-child(6) a {
  background: #231f20 url(images/services-icon-firepits.webp) center 50px no-repeat;
}
#box_services ul li:nth-child(6) a:hover {
  background: #ffa60e url(images/services-icon-firepits-on.webp) center 50px
    no-repeat;
}

@media screen and (max-width: 1099px) {
  #box_services {
    padding: 40px 0px 40px 0px;
  }
  #box_services .content_title {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 0px;
    float: none;
    text-align: left;
  }
  #box_services ul {
    display: table;
    margin: 0 auto;
    padding: 20px 0px 0px 0px;
    list-style: none;
    list-style-image: none;
  }
  #box_services ul li {
    padding: 10px 10px 10px 10px;
  }
  #box_services ul li a {
    width: 160px;
    height: 60px;
    font-size: 18px;
    line-height: 18px;
    padding: 100px 5px 0px 5px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.03);
  }

  #box_services ul li:nth-child(1) a {
    background-position: center 30px;
  }
  #box_services ul li:nth-child(1) a:hover {
    background-position: center 30px;
  }

  #box_services ul li:nth-child(2) a {
    background-position: center 30px;
  }
  #box_services ul li:nth-child(2) a:hover {
    background-position: center 30px;
  }

  #box_services ul li:nth-child(3) a {
    background-position: center 30px;
  }
  #box_services ul li:nth-child(3) a:hover {
    background-position: center 30px;
  }

  #box_services ul li:nth-child(4) a {
    background-position: center 30px;
  }
  #box_services ul li:nth-child(4) a:hover {
    background-position: center 30px;
  }

  #box_services ul li:nth-child(5) a {
    background-position: center 30px;
  }
  #box_services ul li:nth-child(5) a:hover {
    background-position: center 30px;
  }

  #box_services ul li:nth-child(6) a {
    background-position: center 30px;
  }
  #box_services ul li:nth-child(6) a:hover {
    background-position: center 30px;
  }
}

/* box_portfolio
-----------------------------------------------------------------------------*/
#box_portfolio {
  border-top: 1px solid #f3f3f3;
  background: #121212;
  padding: 100px 0px 30px 0px;
  position: relative;
  text-align: center;
}
#box_portfolio .content_title {
  width: 350px;
  padding-right: 30px;
  padding-bottom: 30px;
  float: left;
}
#box_portfolio {
  text-align: left;
}

/* box_portfolio_photos
-----------------------------------------------------------------------------*/
#box_portfolio_photos {
  width: 1920px;
  background: #121212;
  padding: 0px 0px 100px 0px;
  height: 1116px;
}

#box_portfolio_photos ul {
  margin: 0px;
  width: 100%;
  padding: 30px 0px 0px 0px;
  list-style: none;
  list-style-image: none;
  position: relative;
}
#box_portfolio_photos ul li {
  padding: 0px;
  margin: 0px;
  position: absolute;
}
#box_portfolio_photos ul li a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 1;
  position: relative;
}
#box_portfolio_photos ul li a img {
  transition: all 0.5s ease;
}
#box_portfolio_photos ul li a:hover img {
  opacity: 1;
  transform: scale(1.1);
}
#box_portfolio_photos a div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0;
  background: rgba(255, 166, 14, 0.85) url(images/icon_zoom.webp) center center
    no-repeat;
  transition: all 0.5s ease;
  z-index: 2;
}
#box_portfolio_photos a:hover div {
  opacity: 1;
  background: rgba(255, 166, 14, 0.85) url(images/icon_zoom.webp) center center
    no-repeat;
  transition: all 0.5s ease;
}

#box_portfolio_photos ul li:nth-child(1) {
  width: 563px;
  height: 610px;
  left: 0px;
  top: 0px;
}
#box_portfolio_photos ul li:nth-child(2) {
  width: 722px;
  height: 480px;
  left: 599px;
  top: 0px;
}
#box_portfolio_photos ul li:nth-child(3) {
  width: 563px;
  height: 640px;
  right: 0px;
  top: 0px;
}
#box_portfolio_photos ul li:nth-child(4) {
  width: 563px;
  height: 470px;
  left: 0px;
  top: 646px;
}
#box_portfolio_photos ul li:nth-child(5) {
  width: 722px;
  height: 600px;
  left: 599px;
  top: 516px;
}
#box_portfolio_photos ul li:nth-child(6) {
  width: 563px;
  height: 440px;
  right: 0px;
  top: 676px;
}

@media screen and (max-width: 1920px) {
  #box_portfolio {
    padding: 40px 0px 40px 0px;
  }
  #box_portfolio .content_title {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 0px;
    float: none;
  }

  #box_portfolio_photos {
    width: 100%;
    height: auto;
    text-align: center;
  }

  #box_portfolio_photos ul {
    display: table;
    width: auto;
    margin: 0 auto;
    padding: 30px 0px 0px 0px;
    list-style: none;
    list-style-image: none;
  }
  #box_portfolio_photos ul li {
    position: relative;
    display: inline-block !important;
    width: 350px !important;
    height: 350px !important;
    left: 0px !important;
    top: 0px !important;
    padding: 10px !important;
  }
  #box_portfolio_photos ul li a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    z-index: 1;
    position: relative;
  }
  #box_portfolio_photos ul li a img {
    width: 350px;
    height: auto;
  }
  #box_portfolio_photos ul li:nth-child(2) a img,
  #box_portfolio_photos ul li:nth-child(4) a img,
  #box_portfolio_photos ul li:nth-child(5) a img,
  #box_portfolio_photos ul li:nth-child(6) a img {
    width: auto;
    height: 350px;
  }
}

@media screen and (max-width: 800px) {
  #box_portfolio_photos ul li {
    width: 250px !important;
    height: 250px !important;
  }
  #box_portfolio_photos ul li a img {
    width: 250px;
    height: auto;
  }
  #box_portfolio_photos ul li:nth-child(2) a img,
  #box_portfolio_photos ul li:nth-child(4) a img,
  #box_portfolio_photos ul li:nth-child(5) a img,
  #box_portfolio_photos ul li:nth-child(6) a img {
    width: auto;
    height: 250px;
  }
}

/* box_contact
-----------------------------------------------------------------------------*/
#box_contact {
  width: 100%;
  height: 690px;
  padding: 280px 0px 0px 0px;
  background: url(images/box_contact_bg.webp) center top no-repeat;
  color: #fff;
  position: relative;
}
#box_contact form {
  width: 100%;
}

.inside #box_contact {
  height: auto;
  padding: 100px 0px 100px 0px;
  background: url(images/box_contact_bg.webp) center top no-repeat;
  background-size: cover;
}

@media screen and (max-width: 1099px) {
  #box_contact {
    height: auto;
    padding: 100px 0px 100px 0px;
    background: url(images/box_contact_bg.webp) center top no-repeat;
    background-size: cover;
  }
}

/* form_side
-----------------------------------------------------------------------------*/
#form_estimate_side {
  width: 100%;
}

#form_estimate_side fieldset {
  border: none;
  padding: 0px;
  margin: 0px;
}
#form_estimate_side input[type="text"],
#form_estimate_side input[type="email"],
#form_estimate_side select,
#form_estimate_side textarea {
  border: 1px solid #fff;
}
#form_estimate_side textarea {
  height: 155px;
}

#form_estimate_side #table_form {
  width: 100%;
}
#form_estimate_side #table_form td {
  width: 49%;
  padding-right: 1%;
  vertical-align: top;
}

@media screen and (max-width: 640px) {
  #form_estimate_side #table_form td {
    width: 100%;
    display: block;
    padding-right: 0%;
    vertical-align: top;
  }

  .g-recaptcha {
    display: block;
  }
}

/* box_map
-----------------------------------------------------------------------------*/
#box_map {
  width: 100%;
  height: 570px;
  background: url(images/box_map_bg.webp) center center no-repeat;
}
#box_map a {
  display: block;
  width: 100%;
  height: 100%;
}
.inside #box_map {
  height: 300px;
}

@media screen and (max-width: 1099px) {
  #box_map {
    height: 300px;
  }
}

/* Footer
----------------------------------------------------------------------------*/
#footer {
  color: #686062;
  background: #121212;
  position: relative;
  padding: 70px 0px 70px 0px;
  font-size: 14px;
  line-height: 19px;
}

#footer_address {
  float: left;
  width: 250px;
  padding-right: 30px;
}
#footer_address span {
  text-transform: uppercase;
  color: #686062;
  font-weight: 700;
}

#footer_service_area {
  float: right;
  width: 800px;
}
#footer_service_area ul {
  margin: 10px 0px 0px 20px;
  padding: 0px;

  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;

  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
}
#footer_service_area span {
  font-size: 16px;
  line-height: 17px;
  font-weight: bold;
}
#footer_service_area a[href="javascript:;"] {
  color: #434343;
  text-decoration: none;
  cursor: text;
}

#footer_bottom {
  border-top: 1px solid #f3f3f3;
  background: #121212;
  padding: 50px 0px 50px 0px;
  position: relative;
  font-size: 14px;
  line-height: 19px;
}

#footer_logo {
  float: left;
  width: 170px;
}

#footer_links {
  float: left;
  width: 400px;
  padding-top: 20px;
}
#footer_links a {
  color: #686062;
}

#footer_logos {
  width: 520px;
  float: right;
}
#footer_logos ul {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
  position: relative;
}
#footer_logos ul li {
  display: inline-block;
  padding: 0px 5px 0px 5px;
  margin: 0px;
}
#footer_logos ul li:last-child {
  text-transform: uppercase;
  font-weight: 600;
}

@media screen and (max-width: 1099px) {
  #footer {
    padding: 40px 0px 40px 0px;
  }
  #footer_address {
    float: none;
    width: 100%;
    padding-right: 0px;
    padding-bottom: 30px;
  }
  #footer_service_area {
    float: none;
    width: 100%;
  }

  #footer_bottom {
    border-top: 1px solid #f3f3f3;
    padding: 30px 0px 30px 0px;
  }

  #footer_logos {
    width: 100%;
    float: none;
    text-align: center;
  }
  #footer_logos ul {
    width: auto;
    display: table;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  #footer_logos ul li {
    display: inline-block;
    padding: 0px 5px 0px 5px;
    margin: 0px;
  }
  #footer_logos ul li:last-child {
    text-transform: uppercase;
    font-weight: 600;
  }

  #footer_logo {
    float: none;
    width: 100%;
    text-align: center;
    padding-bottom: 0px;
  }

  #footer_links {
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer_links a {
    color: #686062;
  }
}

@media screen and (max-width: 899px) {
  #footer_service_area ul {
    margin: 10px 0px 0px 20px;
    padding: 0px;

    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;

    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
}

/* Contact
-----------------------------------------------------------------------------*/
#contact_address {
  width: 300px;
  float: left;
}
#contact_form {
  width: 400px;
  float: right;
}

/* styles
-----------------------------------------------------------------------------*/
#scroll_top {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 50px;
  height: 50px;
  background: #ffa60e url(images/scroll_top_bg.webp) center no-repeat;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  transition: all 250ms ease-in;
  -webkit-transition: all 250ms ease-in;
  z-index: 1000;
}
#scroll_top:hover {
  background: #231f20 url(images/scroll_top_bg.webp) center no-repeat;
  text-decoration: none;
}

.youtube_iframe {
  border: none;
}
.centered_photos {
  text-align: center;
}
.centered_photos img {
  margin: 0px 15px 15px 15px;
}

/* WP styles */

/* posts */
.post_date {
  color: #fff;
  font-size: 12px;
  line-height: 13px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}
/*
.post_title h1, .post_title h1 a {
	color: #0b83c7;
	font-size: 20px;
	line-height: 23px;
}
*/
.posts_nav {
  padding-top: 15px;
}
.posts_nav_left {
  display: block;
  float: left;
  width: auto;
}
.posts_nav_right {
  display: block;
  float: right;
  width: auto;
  text-align: right;
}
.posts_nav a {
  padding: 5px 10px 5px 10px;
  background: #0b83c7;
  color: #fff;
  font-weight: normal;
}
.posts_nav a:hover {
  text-decoration: none;
}

img.noborder {
  border: 0px !important;
}

.wp-block-image {
  padding: 0px;
  margin: 0px;
}
.alignleft {
  border: 0px;
  float: left;
  margin: 0px 30px 10px 0px !important;
}
.alignright {
  border: 0px;
  float: right;
  margin: 0px 0px 10px 30px !important;
}
.alignright img {
}
.aligncenter {
  border: 0px;
}

@media screen and (max-width: 600px) {
  .wp-block-image .alignleft,
  .wp-block-image .alignright {
    float: none !important;
    margin-bottom: 30px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

img[class*="align"] {
  border: 0px;
}
img[class*="wp-image-"] {
  border: 0px;
}
img.attachment-thumbnail {
  border: 0px !important;
}
.wp-caption .wp-caption-text {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

#wp-calendar {
  width: 100%;
}
#wp-calendar caption {
  color: #000;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0px 0px 5px 0px;
  text-align: center;
}
#wp-calendar thead {
  font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
  color: #000;
}
#wp-calendar tbody td {
  background: #000;
  border: 1px solid #fff;
  padding: 3px 0 2px;
  text-align: center;
}
#wp-calendar tbody .pad {
  background: none;
}
#wp-calendar tfoot #next {
  text-align: right;
}
#wp-calendar a {
  color: #1990c9;
}

.post_title {
  padding: 10px 0px 10px 0px;
  margin: 0px;
}

blockquote {
  padding: 0px 0px 0px 20px;
  margin: 0px;
  border-left: 5px solid #f87c4b;
  font-weight: bold;
  font-style: italic;
  font-size: 20px;
  line-height: 30px;
}

figcaption {
  font-size: 14px;
  line-height: 18px;
}

#breadcrumbs {
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 20px 0px;
  border-bottom: 1px solid #f3f3f3;
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
}

.wp-block-file a {
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 600;
}

/* Contact Page */
.contact-form__wrapper {
  display: flex;
  gap: 30px;
}

@media (min-width: 768px) {
  .contact-form__content {
    width: 40%;
  }

  .contact-form__form {
    width: 60%;
  }
}

@media (max-width: 768px) {
  .contact-form__wrapper {
    flex-direction: column;
  }
  table#table_form tr {
    display: flex;
    flex-direction: column;
  }
}
/* Contact Page Ends */

/* Homepage ReVamp */

.page_wrapper_1400 {
  max-width: 1400px;
  margin: auto;
}

/* Slideshow */
.slideshow-text {
  text-align: left !important;
  line-height: normal !important;
  font-size: initial !important;
}

.slideshow-text h1 {
  font-size: 70px;
  line-height: 70px;
  color: white;
  font-weight: bold;
}

.slideshow-text span {
  font-size: 16px;
  line-height: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.slideshow-text {
  padding: 0px 20px;
}

span.slideshow-subheading-one {
  font-size: 40px;
  color: #ffa60e;
  padding-bottom: 40px !important;
  display: block;
}

span.slideshow-subheading-two {
  font-size: 26px;
  padding-top: 5px !important;
  display: block;
  font-weight: normal;
}

@media (max-width: 768px) {
  div#slideshow_slogan {
    top: 75px;
  }
  .slideshow-text h1 {
    font-size: 30px;
    line-height: 35px;
  }
  span.slideshow-subheading-one {
    font-size: 20px;
    color: #ffa60e;
    padding-bottom: 20px !important;
    display: block;
  }

  span.slideshow-subheading-two {
    font-size: 16px;
    padding-top: 0px !important;
    display: block;
    font-weight: normal;
  }
}

/* .slideshow-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
} */

/* Slideshow ends */

/* Copy description section */
.white-background {
  background-color: white;
}

.top-copy-content {
  max-width: 1050px;
  margin: auto;
  padding: 60px 10px;
}

.top-copy-content h2 {
  font-size: 42px;
  line-height: 50px;
  color: #2a2a2a;
  font-weight: bolder;
}

.top-copy-content__description-and-button {
  font-size: 16px;
}

.common-button {
  background-color: #ffa60e;
  color: white;
  padding: 10px 20px;
  display: inline-block;
  margin-top: 20px;
  transition: transform 0.3s ease-in-out;
}

.common-button:hover {
  transform: scale(1.03);
}

@media (min-width: 768px) {
  .top-copy-content {
    display: flex;
    gap: 20px;
  }

  .top-copy-content h2 {
    width: 30%;
  }

  .top-copy-content__description-and-button {
    width: 70%;
  }
}
/* Copy description section ends */

.page_wrapper.reviews-slider__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
}

/* Services section */
.services-section__wrapper {
  padding: 80px 0;
}

.services-section__top-copy {
  text-align: center;
  max-width: 800px;
  margin: auto;
  margin-bottom: 40px;
}

.services-section__top-copy h2 {
  font-size: 42px;
  margin-bottom: 20px;
  color: #2a2a2a;
  font-weight: 700;
}

.services-section__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
}

.services-section__grid__item img {
  width: 100%;
  max-height: 200px;
  object-fit: cover;
}

.services-section__grid__item__copy {
  margin-top: 25px;
}

.services-section__grid__item__copy h3 {
  color: #2a2a2a;
  font-size: 26px;
  font-weight: 700;
}

.services-section__grid__item__copy p {
  color: #2a2a2a;
}

.services-section__grid__item {
  position: relative;
}

a.services-section__grid__anchor {
  position: absolute;
  width: 100%;
  height: 100%;
}

.services-section__grid__item {
  padding: 20px;
  border-radius: 1px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.services-section__grid__item__image {
  position: relative;
  overflow: hidden;
}

.services-section__grid__item__image img {
  transition: transform 1s ease-in-out;
}

.services-section__grid__item:hover .services-section__grid__item__image img {
  transform: scale(1.1);
}

@media (max-width: 1200px) {
  .services-section__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  .services-section__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 0 20px;
  }
}

a.services-section__grid__anchor {
  z-index: 9;
}

.services-section__grid__item p {
  margin-bottom: 15px;
}

.services-section__grid__item__copy a {
  position: relative;
  z-index: 10;
}
/* Services section ends */

/* Projects section */
.grey-background {
  background-color: #f4f4f4;
}

.project-section__inner {
  padding: 60px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.project-section__content h2 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #1b1b1b;
}

.project-section__image img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}

@media (max-width: 768px) {
  .project-section__inner {
    padding: 60px 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: center;
  }
  .project-section__image img {
    height: 200px;
  }
}
.project-section__content p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .page_wrapper_1400 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.services-section__top-copy {
  padding: 0 20px;
}
/* Projects section ends */

/* Portfolio Section */
.portfolio-section__wrapper {
  padding: 80px 20px;
}

.portfolio-section__top-copy {
  text-align: center;
  max-width: 900px;
  margin: auto;
  margin-bottom: 60px;
}

.portfolio-section__top-copy h2 {
  font-weight: 700;
  color: #2a2a2a;
  font-size: 42px;
  margin-bottom: 20px;
}

.portfolio-section__grid__row-one {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
}

.portfolio-section__grid__wrapper img {
  max-width: 100%;
  object-fit: cover;
}

.portfolio-section__grid__row-one__top img {
  width: 100%;
  object-fit: cover;
  height: 500px;
}

.portfolio-section__grid__row-one__bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.portfolio-section__grid__row-one__left {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.portfolio-section__grid__row-one__bottom img {
  height: 400px;
}

.portfolio-section__grid__row-one__right img {
  height: 100%;
  object-fit: cover;
}

.portfolio-section__grid__wrapper {
  display: grid;
  gap: 20px;
}

.portfolio-section__grid__row-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.portfolio-section__grid__row-two img {
  height: 400px;
  width: 100%;
}

.portfolio-section__bottom-copy {
  margin-top: 40px;
  text-align: center;
}

@media (max-width: 768px) {
  .portfolio-section__grid__row-one {
    display: grid;
    grid-template-columns: 1fr;
  }
  .portfolio-section__grid__wrapper img {
    height: 250px;
  }
  .portfolio-section__top-copy {
    margin-bottom: 40px;
  }
}

.portfolio-section__grid__wrapper a {
  display: block;
  overflow: hidden;
  position: relative;
}

.portfolio-section__grid__wrapper a img {
  transition: transform 1s ease;
}

.portfolio-section__grid__wrapper a:hover img {
  transform: scale(1.1);
}

.portfolio-section__grid__row-one__right a {
  height: 100%;
}
/* Portfolio Section Ends */

/* Paver Section */
.paver-section__wrapper {
  padding: 80px 20px;
}

.paver-section__top-copy h2 {
  font-size: 42px;
  color: #2a2a2a;
  font-weight: 700;
  max-width: 700px;
  margin: auto;
  text-align: center;
  line-height: 50px;
  margin-bottom: 40px;
}

.paver-section__grid__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}

.page_wrapper_1400.paver-section__wrapper a.common-button {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  margin: auto;
  margin-top: 30px;
}

.paver-section__grid__item__image img {
  border-radius: 50%;
  object-fit: cover;
}

.paver-section__grid__item {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.paver-section__grid__item h3 {
  color: #232323;
  font-size: 24px;
  margin-top: 30px;
  font-weight: 700;
}

.paver-section__grid__item h3 a {
  color: #232323;
  text-decoration: underline;
}

@media (max-width: 900px) {
  .paver-section__grid__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .paver-section__grid__item {
    max-width: 100%;
  }
  .paver-section__grid__item__image img {
    border-radius: 50%;
    object-fit: cover;
    height: 150px;
    width: 150px;
  }
}

.paver-section__grid__item__image {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.paver-section__grid__item__image img {
  border-radius: 50%;
  object-fit: cover;
  transition: transform 1s ease;
}

.paver-section__grid__item:hover img {
  transform: rotate(30deg);
}
/* Paver Section Ends */

.logo-section h3 {
  font-size: 40px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #1b1b1b;
}

.logo-section img {
  max-height: 300px;
  object-fit: contain;
}

.logo-section .common-button {
  width: 200px;
  text-align: center;
}

/* Steps Section */
.step-section__wrapper {
  padding: 80px 20px;
}

.step-section__wrapper h2 {
  font-size: 42px;
  color: #2a2a2a;
  font-weight: 700;
  max-width: 700px;
  line-height: 50px;
  text-align: center;
  margin: auto;
  margin-bottom: 30px;
}

.step-section__grid__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 100px;
  margin-top: 40px;
}

.step-section__grid__item h3 {
  font-size: 30px;
  color: #1b1b1b;
  font-weight: 700;
  line-height: 36px;
  margin: 20px 0 10px 0;
}

.step-section__grid__item img {
  width: 150px;
  height: 150px;
  object-fit: contain;
}

@media (max-width: 768px) {
  .step-section__grid__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 0px;
  }
  .step-section__grid__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .step-section__grid__item h3 {
    font-size: 24px;
  }
  .step-section__wrapper h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
/* Steps Section Ends */

/* Bottom Copy */
.dark-background {
  background-color: #000000;
}

.bottom-copy-section__inner {
  padding: 80px 20px;
  text-align: center;
  color: white;
  max-width: 900px;
  margin: auto;
}

.bottom-copy-section__inner h2 {
  margin-bottom: 40px;
  line-height: 50px;
  color: white;
  font-size: 42px;
  font-weight: 700;
}
/* Bottom Copy Ends */

/* Homepage ReVamp Ends */

.without-slider-content__wrapper {
  background: white;
  padding: 40px;
}

@media (max-width: 768px) {
  .without-slider-content__wrapper {
    padding: 20px;
  }
}

/* Services Pages Form */
.services-page__form {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  padding: 30px;
}

span.required-asterisk {
  color: red;
}

.services-page__form form input {
  border: 1px solid #929191c4 !important;
  border-radius: 0px !important;
  background-color: #f4f4f4 !important;
  /* width: 100% !important; */
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  padding: 12px;
  margin: 0px 0px 10px 0px;
  border-radius: 3px;
  font-weight: 600;
}

.services-page__form form label {
  color: #6a6d6a;
}

.services-page__form .recaptcha-submit-button__wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0;
}

.services-page__form input#submit_short_contact_form {
  padding: 10px 20px;
  background-color: #ffa60e !important;
  border: none !important;
  font-size: 20px !important;
  margin: 0;
  height: auto !important;
}

@media (min-width: 768px) {
  .services-page__wrapper {
    display: flex;
    align-items: flex-start;
    gap: 40px;
    position: relative;
  }

  .services-page__content {
    width: 70%;
  }

  .services-page__form {
    width: 30%;
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 20px; /* Adjust as needed */
  }

  .services-page__form {
    max-width: 300px;
  }
}

.recaptcha-submit-button__wrapper {
  flex-wrap: wrap;
}

.recaptcha-submit-button__wrapper .g-recaptcha div {
  width: 200px !important;
}

.services-page__form h3 {
  color: #fea60c;
  text-transform: uppercase;
}

.services-page__form label {
  display: block;
  float: none;
}

.services-page__form input#phone {
  width: 100%;
}

@media (max-width: 768px) {
  .services-page__form {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 80% !important;
    max-width: 100% !important;
    margin: auto;
  }
  .services-page__content {
    margin: 0 !important;
  }
}
/* Services Pages Form Ends */

.full-width-background-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
}

/* Header Edit */
@media (min-width: 1099px) {
  div#header_email {
    width: 70px;
    position: absolute;
    right: 0px;
    top: 50px;
    padding-left: 22px;
    padding-top: 2px;
    padding-bottom: 2px;
    background: url(https://www.exoticpavers.com/wp-content/uploads/2024/07/ic_mail_outline_24px.png)
      left center no-repeat;
    text-align: right;
    text-transform: none;
  }

  #header_licence {
    left: 300px;
  }

  #header_hours {
    left: 650px;
  }

  #header_phone {
    left: 850px;
  }
}

@media (max-width: 1099px) {
  #header_email {
    width: 130px;
    position: absolute;
    right: 0px;
    top: 100px;
    left: auto;
    padding-left: 22px;
    padding-top: 2px;
    padding-bottom: 2px;
    background: url(https://www.exoticpavers.com/wp-content/uploads/2024/07/ic_mail_outline_24px.png)
      left center no-repeat;
    text-align: right;
    text-transform: none;
  }
}

@media (max-width: 450px) {
  #header_licence {
    display: block;
  }
  #header_logo {
    left: 0;
    margin: 0 !important;
    margin-top: 25px !important;
  }
  #header_logo img {
    left: 0;
    margin: 0 !important;
    max-width: 100px;
    height: auto;
  }
  #header_phone {
    margin: 0 !important;
    right: 0 !important;
    left: auto;
    top: 78px;
  }
  div#header_hours {
    display: block;
  }
}

/* Black Theme */
div#header_top {
    background-color: #1F1F1F;
}

#menu-menutop-1 > li.menu-item-has-children a {
    background-color: black;
    background: #fff url(https://www.exoticpavers.com/wp-content/uploads/2024/09/Vector.png) right 10px top 13px no-repeat;
    background-color: #121212;
}

#menutop li.current-menu-item a {
    text-decoration: none;
    background-color: #1F1F1F;
}

.white-background {
    background-color: #121212;
    color: white;
}

.top-copy-content h2 {
    color: white;
}

div#box_testimonials_content {
    color: white;
    background-color: rgba(18, 18, 18, 0.9);
}

#box_testimonials li span {
    color: white;
}

.services-section__top-copy h2 {
    color: white;
}

.services-section__grid__item__copy h3 {
    color: white;
}

.services-section__grid__item__copy p {
    color: white;
}

.grey-background {
    background-color: #1f1f1f;
    color: white;
}

.project-section__content h2 {
    color: white;
}

.portfolio-section__top-copy h2 {
    color: white;
}

.paver-section__top-copy h2 {
    color: white;
}

.paver-section__grid__item h3 {
    color: white;
}

.paver-section__grid__item h3 a {
    color: #FFA80E;
}

.logo-section h3 {
    color: white;
}

.step-section__wrapper h2 {
    color: white;
}

.step-section__grid__item h3 {
    color: white;
}

div#footer {
    color: white;
}

#footer_address span {
    color: white;
}

div#footer_logos {
    color: white;
}

#footer_links {
    color: white;
}

#footer_links a {
    color: white;
}
p#breadcrumbs {
    color: white;
}

.services-page__wrapper {
    color: white;
}

.services-page__form form label {
    color: white;
}

main {
    color: white;
}
.form label {
    color: #fff;
}
/* Black Theme Ends */
/* CT Style Updates */
.ct-special-offer{
	background: #F37125;
	color: #000;
	font-family: "Open Sans";
	font-size: 32px !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	width: fit-content;
	text-transform: uppercase;
	margin-bottom: 14px;
	padding: 2px 16.471px;
}
.ct-special-hero-heading{
	color: #FFF !important;
	font-family: "Open Sans";
	font-size: 70px;
	font-style: normal;
	font-weight: 800;
	line-height: 70px; /* 100% */
	text-transform: uppercase;
	text-decoration: none !important;
}
.ct-special-hero-heading a{
	color: #FFF;
	text-decoration: none;
}
@media only screen and (max-width: 1024px) {
	.ct-special-offer{
		padding: 2px 12px;
		font-size: 18px !important;
	}
	.ct-hero-small-text{
	color: #FFF;
	font-family: "Open Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	width: 100%;
	max-width: 371px;
	margin-top:8px;
}
}
@media only screen and (max-width: 1024px) {
		.ct-special-offer{
		padding: 2px 12px;
		font-size: 14px !important;
	}
}

#slideshow_slogan:hover {
  text-decoration: none !important;
}
#slideshow_slogan h1{
  text-transform: uppercase;
}

@media screen and (max-width: 1099px) {
  #slideshow_slogan{
    width: calc(100% - 20px);
  }
}

/* Blog Posts */
.ct-post-title{
  text-transform: uppercase;
}
.ct-read-more-post{
  margin: 0px;
}

/* Below Homepage Section */
.ct-below-hero-section{
	padding:100px 20px;
	max-width:1000px;
	text-align: center;
}
.ct-below-hero-section h2{
	  font-size: 42px;
    margin-bottom: 20px;
    color: white;
    font-weight: 700;
	  line-height: 1.2;
	  margin-bottom: 0px;
}
.ct-below-hero-section .common-button{
	margin-top: 0px;
}
.ct-below-hero-section-content{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.ct-below-hero-section-content p{
	margin: 0px;
}
@media only screen and (max-width: 1024px) {
	.ct-below-hero-section{
		padding: 75px 20px;
		text-align: left;
	}
	.ct-below-hero-section h2{
		font-size:  28px;
	}
	.ct-below-hero-section-content{
		align-items: flex-start
	}
}

.ct-white-links-para a{
  font-weight: 700;
  text-decoration: underline;
  color: white;
}

/* Nav Corrections */
#menutop li{
  padding: 0px 0px 0px 6px !important; 
}
/* FAQ Section */
.faq-section-wrapper{
	  padding: 80px 20px;
    text-align: left;
    color: white;
    max-width: 900px;
    margin: auto;
}
.faq-section-wrapper h2{
	   font-size: 42px;
    color: #fff ;
    font-weight: 700;
    max-width: 700px;
    line-height: 50px;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;
}
.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}

.accordion .accordion-item button[aria-expanded='true'] {
  border-bottom: 1px solid #e5e5e5;
}

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}

.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
}

.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
}

.accordion button .accordion-title {
  padding: 0.5em 1.5em 0.5em 0;
	color: #ffa60e;
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 18px;
  height: 18px;
  border:  none;
}

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
	background: url(/wp-content/themes/exoticpavers/images/mobile_icon_top.webp);
	width: 16px;
	height: 16px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	top: 100%;
	left: -10px;
	transform: rotate(180deg);
}
.accordion button[aria-expanded='true'] .icon::before{
	transform: rotate(0deg);
}


.accordion button[aria-expanded='true'] .icon::after {
  width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
  opacity: 1;
  max-height: fit-content;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 2em 0;
}

@media only screen and (max-width: 960px) {
	.accordion button .accordion-title {
		font-size: 20px !important;
	}
}

/* FAQ Section on Page */
.page-faq-section-wrapper{
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-faq-section-wrapper h2{
  color: white;
}


/* CT Icon Row Rating Section */
.ct-icon-row{
 display: flex;
 flex-direction: row;
 gap: 20px;
 justify-content: space-between;
 align-items: flex-start;
 width: 100%;
 padding-top: 60px;
	padding-bottom: 20px;
	box-sizing: border-box;
}
.ct-icon-row .ct-icon-row__item{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.ct-icon-row .ct-icon-row__item h3{
	margin-top: 12px;
	color: white;
	color: #FFF;
	font-family: "Open Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}
.ct-icon-cta.ct-centered{
	width: 100%;
	text-align: center;
	display: block;
	padding-bottom: 60px;
	padding-top: 20px;
}
.ct-icon-cta a{
	text-align: center;
	margin: auto;
	display: block;
	width: fit-content;
}
@media only screen and (max-width: 960px) {
	.ct-icon-row{
		flex-wrap: wrap;
		padding: 20px;
		justify-content: center;
	}
	.ct-icon-row .ct-icon-row__item{
		width: calc(50% - 10px);
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.ct-icon-row .ct-icon-row__item h3{
		font-size: 20px;
	}
}


/* Reviews */
.ct-reviews-section {
	background: #121212;
	padding-top: 100px;
	padding-bottom: 100px;
}

.ct-reviews-section .ct-reviews-section-slider{
	margin-top: 50px;
}
.ct-reviews-section .ct-reviews-section__inner{
	text-align: center;
}
.ct-reviews-section .ct-reviews-section__inner h2{
	color: white;
	font-family: "Open Sans";
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 20px;
}
.ct-reviews-section .ct-reviews-section-slider .slick-track{
	display: flex;
}
.ct-reviews-section .ct-reviews-section-slider-item{
	padding: 20px;
	background: #1F1F1F;
	display: flex !important;
	flex-direction: column;
	width: calc(25% - 55px);
	justify-content: space-between;
	min-height: 280px;
}
/* the slides */
  .ct-reviews-section .slick-slide {
      margin: 0 20px;
  }

  /* the parent */
  .ct-reviews-section .slick-list {
      margin: 0 -20px;
  }
.ct-reviews-section .ct-reviews-section-slider-item p{
	margin-bottom: 24px;
	color: #FFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.ct-reviews-section .ct-reviews-section-slider-item h4{
	font-size: 16px;
	color: #FFFFFF;
	padding-bottom: 0px;
}
.ct-reviews-section .ct-reviews-section-slider-item{
	color: white;
}
.ct-reviews-section .ct-reviews-section-slider-item:hover{
	text-decoration: none;
}

.ct-reviews-section .ct-reviews-rating{
	width: 120px;
	height: 25px;
	background:url(/wp-content/themes/exoticpavers/images/icons-row/Star.svg);
	background-position: left center;
	margin-bottom: 24px;
}
.ct-reviews-section .ct-reviews-rating-1{
	width: 25px;
}
.ct-reviews-section .ct-reviews-rating-2{
	width: 50px;
}
.ct-reviews-section .ct-reviews-rating-3{
	width: 72px;
}
.ct-reviews-section .ct-reviews-rating-4{
	width: 95px;
}
.ct-reviews-section .ct-reviews-section-slider-main{
	position: relative;
}
.ct-reviews-section #ct_slides_reviews_arrow_next{
	position: absolute;
	right: -70px;
	top: 50%;
	transform: translate(0px, -50%);
}
.ct-reviews-section #ct_slides_reviews_arrow_prev{
		position: absolute;
	left: -70px;
	top: 50%;
	transform: translate(0px, -50%);
}
.ct-reviews-section .page_wrapper{
	width: 1240px;
}
@media (max-width: 1410px) {
	.ct-reviews-section .page_wrapper{
	width: 100%;
		max-width: 1100px;
}
}
@media (max-width: 1280px) {
	.ct-reviews-section .page_wrapper{
	width: 100%;
		max-width: 900px;
}
}
@media (max-width: 1080px) {
	.ct-reviews-section #ct_slides_reviews_arrow_next, .ct-reviews-section #ct_slides_reviews_arrow_prev{
		display: none !important;
	}
	.ct-reviews-section-slider-main{
		padding-left: 20px;
		padding-right: 20px;
	}
  	.ct-reviews-section-slider .slick-dots{
		display: flex;
		gap: 15px;
		width: 100%;
		justify-content: center;
		margin-top: 30px;
	}
	.ct-reviews-section-slider .slick-dots button{
		display: none;
	}
	.ct-reviews-section-slider .slick-dots li.slick-active{
		color: #FFA60E;
	}
  .ct-reviews-section{
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.ct-testimonial-content-header h2{
	color: #FFF;
font-family: "Open Sans";
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.ct-testimonial-content-wrapper{
	max-width: 1024px;
	margin: auto;

	padding: 50px 20px;
	display: flex;
	gap: 88px;
}
@media (max-width: 1080px) { 
  .ct-testimonial-content-wrapper{
    flex-direction: column;
    gap: 20px;
  }
  	.ct-reviews-section .slick-list{padding:0 20% 0 0 !important;}
}
.ct-testimonial-content-inner p {
	color: white;
}
#box_testimonials{
	height: auto;
}
.ct-strong-beautiful-pavers{
  background: rgba(18, 18, 18, 0.90);
}

.about-mckinnon-section h3 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}




/* Header Update */
 .ct-box-spacer {
     height: 185px;
     width: 100%;
     position: relative;
}
 .ct-header-top {
     background: #515151;
}
 .ct-header-top .page_wrapper {
     display: flex;
     flex-direction: row;
     gap: 10px;
     justify-content: space-between;
     padding-top: 5px;
     padding-bottom: 5px;
}
 .ct-header-top .ct-top-slogan {
     font-size: 12px;
     text-transform: uppercase;
     color: white;
}
 .ct-top-header-links {
     display: flex;
     gap: 40px;
     font-size: 14px;
     color: white;
}
 .ct-top-header-links a, .ct-header-office-hours {
     color: white;
     position: relative;
}
 .ct-top-header-links a:after {
     content: '';
     width: 14px;
     height: 14px;
     position: relative;
     float: left;
     display: block;
     top: 50%;
     transform: translate(-50%, -50%);
}
 .ct-top-header-links .ct-header-office-hours:after {
     content: '';
     width: 14px;
     height: 14px;
     position: relative;
     float: left;
     display: block;
     top: 50%;
     transform: translate(-50%, -50%);
}
 .ct-top-header-links .ct-header-office-hours:after {
     background: url(http://www.exoticpavers.com/wp-content/themes/exoticpavers/images/icon_hours.webp) left center no-repeat;
     background-size: contain;
}
 .ct-top-header-links .ct-header-phone a:after {
     background: url(http://www.exoticpavers.com/wp-content/themes/exoticpavers/images/icon_phone.webp) left center no-repeat;
     background-size: contain;
}
 .ct-top-header-links .ct-header-mail a:after {
     background: url(https://www.exoticpavers.com/wp-content/uploads/2024/07/ic_mail_outline_24px.png) left center no-repeat;
     background-size: contain;
}
 #menu-menutop-1 {
     margin-left: -10px !important;
     ;
     margin-right: -10px !important;
}
 #menu-menutop-1 {
     display: flex !important;
     justify-content: space-between;
}
 @media (min-width: 1099px) {
     #menutop ul li a {
         height: 30px;
         padding: 10px 10px 10px 10px;
    }
     .menu-item-has-children a {
         padding: 10px 23px 0px 10px !important;
    }
     #menutop li {
         padding-left: 0px !important;
    }
}
 #header {
     height: 110px;
}
 @media (min-width: 1099px) {
     #header_licence {
         left: revert;
         right: 0px;
         width: auto;
    }
}
 .menu_icons {
     box-sizing: border-box !important;
     padding: 10px;
}
 .menu_icons a {
     padding: 0px !important;
     line-height: 30px !important;
     display: block;
     height: fit-content;
}
 .ct-mobile-links {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 15px;
}
 .ct-mobile-links a {
     line-height: 1em;
     padding: 0px !important;
}
 .menu_icons ul li {
     padding-bottom: 0px !important 
}
 @media(max-width: 1098px) {
     .ct-box-spacer {
         height: 141px;
    }
     .ct-top-header-links .ct-header-office-hours {
         display: none;
    }
     .ct-header-top .ct-top-slogan {
         display: none;
    }
     .ct-top-header-links {
         gap: 45px;
         justify-content: center;
         width: 100%;
         padding-top: 10px;
         padding-bottom: 10px;
    }
     #header_logo img {
         width: 80px !important;
         height: auto;
    }
     #header {
         height: 90px;
    }
     #header_licence {
         top: 50%;
         transform: translate(0px, -50%);
    }
     .ct-header-top {
         display: none;
    }
     .ct-reviews-section-slider .slick-dots {
         display: flex;
         gap: 15px;
         width: 100%;
         justify-content: center;
         margin-top: 30px;
    }
     .ct-reviews-section-slider .slick-dots button {
         display: none;
    }
     .ct-reviews-section-slider .slick-dots li.slick-active {
         color: #FFA60E;
    }
     .slideshow-text {
         padding: 0px 20px;
    }
}
 @media (max-width: 550px) {
     #header_licence {
         width: 173px !important;
         max-width: auto !important;
         background: none !important;
    }
}
 @media(max-width: 1400px) {
     .ct-reviews-section .ct-reviews-section-slider-item {
         min-height: 320px;
    }
}
 .about-mckinnon-section h3 {
     font-size: 40px;
     line-height: 40px;
     font-weight: 700;
     margin-bottom: 20px;
     color: white;
}
/* Revamped Top Header */
 .ct-white-color {
     color: white;
}
 .ct-cap {
     text-transform: uppercase;
}
 .ct-icon-span {
     display: flex;
     align-items: center;
     gap: 10px;
     font-size: 13px;
}
 .ct-icon-span span {
     line-height: 0em;
}
 .ct-below-header-wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
}
 .ct-top-header-links {
     display: flex;
     flex-wrap: wrap;
     column-gap: 20px;
     row-gap: 10px;
     max-width: 470px;
     align-items: center;
     justify-content: space-between;
}
 .ct-top-header-links .ct-half {
     width: calc(50% - 20px);
}
 .ct-head-flex {
     display: flex;
     align-items: center;
}
 .ct-header-search-form fieldset {
     padding: 0px;
     padding-left: 16px;
     padding-right: 16px;
     padding-top: 13px;
     padding-bottom: 13px;
     font-weight: 300 !important;
}
 .ct-header-search-form input {
     background: transparent;
     border: none;
     font-size: 14px;
     font-weight: 300 !important;
     color: white !important;
}
 .ct-header-search-form input:focus {
     outline: none;
}
 .ct-header-search-form input::placeholder {
     color: white;
     font-weight: 400;
     font-size: 14px !important;
}
 #menutop {
     padding-top: 0px;
     height: fit-content;
}
 #menutop li {
     padding-top: 5px !important;
     padding-bottom: 5px !important;
}
 #menu-menutop-1>li:last-child {
     background-color: #EDA321;
}
 #menu-menutop-1>li:last-child.current-menu-item a {
     background: transparent;
     color: white;
}
 #menu-menutop-1>li:last-child.current-menu-item a:hover {
     background: white;
     color: #EDA321;
}
 .ct-box-spacer {
     height: 188px !important;
}
 @media(max-width: 1098px) {
     .ct-box-spacer {
         height: 198px;
    }
}
/* Middle Div */
 @media(min-width: 1098px) {
     .ct-header-mobile-middle {
         display: none;
    }
}
 @media(max-width: 1098px) {
     .ct-header-mobile-middle {
         background: #1F1F1F;
         display: flex;
         justify-content: space-between;
         padding: 0px 20px;
         color: white;
    }
     .ct-header-mobile-middle>div {
         max-width: 54%;
    }
     .ct-header-mobile-middle .ct-icon-span {
         padding-top: 5px;
         padding-bottom: 5px;
    }
     .ct-contact-header-div {
         display: flex;
    }
     .ct-contact-header-div a {
         color: #FFF;
         font-family: "Open Sans";
         font-size: 13px;
         font-style: normal;
         font-weight: 700;
         line-height: normal;
         text-transform: uppercase;
         padding: 16px !important;
         background: #EDA321;
    }
     .ct-below-header-wrapper .ct-top-header-links {
         display: none;
    }
}
 .ct-mobile-icons-inner-wrapper {
     display: none;
}
 @media(max-width: 1098px) {
     .ct-mobile-icons-inner-wrapper {
         display: flex;
         gap: 15px;
    }
     .ct-mobile-icons-wrapper {
         display: flex;
         gap: 15px;
    }
     .ct-mobile-icons-inner-wrapper .ct-icon-span b {
         display: none;
    }
     .ct-header-search-form {
         display: none;
    }
     .ct-header-search-form.ct-mobile-search-form {
         display: flex !important;
         position: absolute;
         bottom: -50px;
         right: 20px;
         min-width: 220px;
         background: #2F2F2F;
         padding: 10px;
    }
     .ct-search-header-btn {
         cursor: pointer;
    }
     #header {
         box-sizing: border-box;
    }
     #header .page_wrapper {
         width: 100%;
         padding-left: 20px;
         padding-right: 20px;
         max-width: 100%;
         box-sizing: border-box;
    }
}
/* Improve CLS */
 .ct-slideshow-text:hover {
     text-decoration: none;
}
 .ct-slideshow-text h3 {
     color: #FFF;
     font-family: "Open Sans";
     font-size: 30px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     text-transform: uppercase;
     color: white;
     padding: 1.83px 16.471px;
     gap: 7.321px;
     background: #F37125;
     width: auto;
     display: inline-block;
     margin-bottom: 10px;
}
 .ct-slideshow-text h1 {
     color: #FFF;
     font-family: "Open Sans";
     font-size: 62px;
     font-style: normal;
     font-weight: 800;
     line-height: 63px;
    /* 101.613% */
     text-transform: uppercase;
     max-width: 500px;
}
 .ct-slideshow-text p {
     color: #FFF;
     font-family: "Open Sans";
     font-size: 26px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
}
 @media screen and (max-width: 1099px) {
     .ct-slideshow-text h3 {
         font-size: 16px;
         padding: 1.83px 7.471px;
         margin-bottom: 5px;
    }
     .ct-slideshow-text h1 {
         font-size: 29px;
         line-height: 28px;
    }
     .ct-slideshow-text p {
         max-width: 100%;
         font-size: 14px;
    }
}
 .ct-newslide-show-wrapper {
     position: relative;
}
/* Slideshow */
 @media(min-width: 1098px) {
     .ct-slideshow-main-wrapper {
         position: absolute;
         top: 50%;
         transform: translate(-50%, -50%);
         max-width: 1100px;
         padding-left: 20px;
         padding-right: 20px;
         left: 50%;
         width: 100%;
         display: flex;
         gap: 20px;
         justify-content: space-between;
         align-items: center;
    }
     .ct-div-home-form {
         width: 100%;
         max-width: 450px;
    }
     .ct-form-upper-container-btn {
         display: none;
    }
}
 .contact-form__wrapper.ct-div-home-form {
     background: #121212;
     padding: 32px;
     position: absolute;
     z-index: 1;
     left: calc(50% + 70px);
     top: 270px;
}
 .ct-div-home-form #contact-form {
     width: 100% !important;
}
 .contact-form__wrapper.ct-div-home-form input[type="submit"] {
     font-size: 16px;
     font-weight: 600;
     padding: 16px;
     width: 100%;
     width: auto;
     color: #fff;
     line-height: 24px;
     background: #ffa60e;
     border: 0px;
     width: 100%;
     border-radius: 3px;
     text-transform: uppercase;
     line-height: 24px;
}
 .contact-form__wrapper.ct-div-home-form #contact-form>p:first-child {
     font-family: "Open Sans";
     font-size: 26px;
     font-style: normal;
     font-weight: 700;
     line-height: 1.2em;
}
 .ct-cf7-wrapper .wpcf7-spinner{
     margin: auto;
     position: absolute;
     top: 50%;
     left: 50%;
}
 .contact-form__wrapper .wpcf7-response-output{
     margin: 0px;
     padding-top: 10px;
     border: none;
}
 .ct-cf7-wrapper {
     display: flex;
     flex-direction: column;
     gap: 10px;
     margin-bottom: 5px;
}
 .ct-cf7-wrapper p{
     margin-bottom: 0px;
}
 .ct-cf7-wrapper p label{
     display: block;
}
 .ct-cf7-wrapper p br{
     display: none;
}
 .ct-form-field label {
     font-size: 16px;
     margin-bottom: 5px;
}
 .ct-form-field input[type="text"], .ct-form-field input[type="tel"], .ct-form-field select{
     font-size: 16px;
     color: white;
     background: black;
     border: 1px solid white;
     padding-top: 10px;
     padding-bottom: 10px;
}
 .ct-form-field input[type="text"], .ct-form-field input[type="tel"], .ct-form-field select {
     padding-left: 20px;
     padding-right: 20px;
     width: 100%;
}
 .ct-form-field select {
     background: url(/wp-content/themes/exoticpavers/images/icons-row/arrow_down.svg);
     background-position: calc(100% - 10px);
     background-repeat: no-repeat;
     -webkit-appearance: none;
     background-color: #1F1F1F;
     font-weight: 400;
}
 .ct-form-field select option:disabled:checked {
     color: gray !important;
}
 @media(max-width: 1098px) {
     .ct-slideshow-text {
         position: absolute;
         top: 50%;
         transform: translate(0px, -50%);
    }
     .contact-form__wrapper.ct-div-home-form {
         position: absolute;
         width: 100%;
         box-sizing: border-box;
    }
     .contact-form__wrapper.ct-div-home-form #contact-form>p:first-child {
         font-size: 14px;
    }
     .ct-form-upper-container .contact-form__wrapper.ct-div-home-form {
         position: relative;
         left: unset;
         max-width: 400px;
         width: 85%;
         margin: auto;
         top: unset;
         padding: 30px 20px;
    }
     .ct-form-upper-container {
         display: none;
    }
     .menu-item:last-child{
         display: none 
    }
}
 .ct-form-upper-not-home {
     display: none;
}
 .ct-form-upper-not-home .contact-form__wrapper.ct-div-home-form {
     position: relative;
     top: unset;
     left: unset;
}
 .ct-form-upper-container-btn {
     position: absolute;
     top: -50px;
     right: -30px;
     z-index: 999999;
     width: 50px;
     cursor: pointer;
}
 .ct-form-upper-container.active {
     position: fixed;
     width: 100vw;
     height: 100vh;
     top: 0px;
     left: 0px;
     background: rgba(0, 0, 0, 0.8);
     z-index: 9999;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .ct-form-upper-container.active {
     display: flex;
}
 .ct-form-upper-not-home .ct-form-upper-container-btn {
     display: block;
}
.contact-form__wrapper .wpcf7-response-output {
		margin-top: 5px;
    margin-bottom: 0px;
    border: none;
    text-align: center;
    padding: 0px;
}

/* Gravity Form Update */
/* Homepage Contact Form */
.ct-gf-hero-form .gform_body>.gform_fields {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  color: white;
}

.ct-gf-hero-form .gfield_label {
  color: white !important;
}

.ct-gf-hero-form_wrapper .gform_required_legend {
  display: none !important;
}

.ct-gf-hero-form input[type="text"],
.ct-gf-hero-form input[type="tel"],
.ct-gf-hero-form_wrapper select {
  padding-left: 20px !important;
  padding-right: 20px !important;
  width: 100% !important;
  height: fit-content !important;
  line-height: 1em !important;
  outline: none !important;
}

.ct-gf-hero-form_wrapper select option:hover,
.ct-gf-hero-form_wrapper select option:focus {
  background-color: #ffa60e !important;
}

.ct-gf-hero-form_wrapper input[type="text"],
.ct-gf-hero-form_wrapper input[type="tel"],
.ct-gf-hero-form_wrapper select {
  font-size: 16px !important;
  color: white !important;
  background: black !important;
  border: 1px solid white !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.ct-gf-hero-form_wrapper input[type="submit"] {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 16px !important;
  width: 100%;
  width: auto;
  color: #fff !important;
  line-height: 24px !important;
  background: #ffa60e !important;
  border: 0px !important;
  width: 100% !important;
  border-radius: 3px !important;
  text-transform: uppercase !important;
  line-height: 24px !important;
}

.ct-gf-hero-form_wrapper select {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.ct-gf-hero-form_wrapper .gform_validation_errors {
  margin-block-end: 0px !important;
}


/* Footer Form */
.ct-gf-footer-form {
  position: relative !important;

}

.ct-gf-footer-form .gform_body>.gform_fields {
  display: flex !important;
  flex-direction: column;
  gap: 21px;
  color: white;
  max-height: 267px;
  flex-wrap: wrap;
}
.ct-gf-footer-form .gfield_validation_message{
  display: none !important;
}
.ct-gf-footer-form_wrapper .ct-gf-footer-form_wrapper{
  color: white !important
}
.ct-gf-footer-form .gfield--type-captcha {
  position: absolute;
  bottom: -80px;
  right: 50%;
}

.ct-gf-footer-form #field_submit {
  position: absolute;
  bottom: -76px;
  left: calc(50% + 20px);
}

.ct-gf-footer-form #field_submit input[type="submit"] {
  width: auto;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  background: #ffa60e;
  border: 0px;
  padding: 24.5px 90px 24.5px 90px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 24px;
}

.ct-gf-footer-form .gfield--width-full {
  width: 50%;
}

.ct-gf-footer-form input[type="text"],
.ct-gf-footer-form input[type="tel"],
.ct-gf-footer-form input[type="email"],
.ct-gf-footer-form textarea {
  padding-left: 20px !important;
  padding-right: 20px !important;
  height: fit-content !important;
  line-height: 1em !important;
  outline: none !important;
}

.ct-gf-footer-form input[type="text"],
.ct-gf-footer-form input[type="tel"],
.ct-gf-footer-form input[type="email"],
.ct-gf-footer-form textarea {
  font-size: 18px !important;
  color: white !important;
  background: black !important;
  border: 1px solid white !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.ct-gf-footer-form_wrapper .gform_validation_errors {
  margin-block-end: 0px !important;
}

#box_contact {
  height: fit-content !important;
  background-size: cover;
  padding-bottom: 200px !important;
  padding-top: 100px !important;
}

@media(max-width: 1024px) {
  .ct-gf-footer-form .gform_body>.gform_fields {
    flex-wrap: nowrap;
  }

  .ct-gf-footer-form .gfield--width-full {
    width: 100% !important;
  }

  .ct-gf-footer-form #field_submit {
    position: relative !important;
    left: unset;
    bottom: unset;
  }

  .ct-gf-footer-form .gform_body>.gform_fields {
    max-height: fit-content !important;
  }

  .ct-gf-footer-form .gfield--type-captcha {
    position: relative;
    bottom: unset !important;
    right: unset;
    left: unset;
  }

  .ct-gf-footer-form_wrapper {
    margin-bottom: 0px;
  }
}


/* Contact Form */
.ct-gf-cp-form .gform_body>.gform_fields {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 20px;
  color: white;
}

.ct-gf-cp-form .gfield_label {
  color: white !important;
}

.ct-gf-cp-form .gfield {
  width: 100%;
}

.ct-gf-cp-form .gfield--width-half {
  width: calc(50% - 10px)
}

.ct-gf-cp-form_wrapper .gform_required_legend {
  display: none !important;
}

.ct-gf-cp-form_wrapper input[type="text"],
.ct-gf-cp-form_wrapper input[type="tel"],
.ct-gf-cp-form_wrapper input[type="email"],
.ct-gf-hero-form_wrapper textarea {
  padding-left: 20px !important;
  padding-right: 20px !important;
  width: 100% !important;
  height: fit-content !important;
  line-height: 1em !important;
  outline: none !important;
}

.ct-gf-cp-form_wrapper input[type="text"],
.ct-gf-cp-form_wrapper input[type="tel"],
.ct-gf-cp-form_wrapper input[type="email"],
.ct-gf-cp-form_wrapper textarea {
  font-size: 16px !important;
  color: white !important;
  background: black !important;
  border: 1px solid white !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.ct-gf-cp-form_wrapper input[type="submit"] {
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 25px 20px !important;
  margin-bottom: 0px;
  width: 100%;
  width: auto;
  color: #fff !important;
  line-height: 24px !important;
  background: #ffa60e !important;
  border: 0px !important;
  width: 100% !important;
  border-radius: 3px !important;
  text-transform: uppercase !important;
  line-height: 24px !important;
}

.ct-gf-cp-form_wrapper .gform_validation_errors {
  margin-block-end: 0px !important;
}

.ct-gf-cp-form_wrapper .gfield--type-captcha {
  margin-top: 15px;
  margin-bottom: -4px;
}

@media(max-width: 768px) {
  .ct-gf-cp-form .gfield--width-half {
    width: 100%;
  }
}

/* Services Form */
.ct-gf-service-form .gform_body>.gform_fields {
  display: flex !important;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 15px;
  color: white;
}

.ct-gf-service-form_wrapper .gfield_label {
  color: white !important;
}

.ct-gf-service-form_wrapper .gform_required_legend {
  display: none !important;
}

.ct-gf-service-form_wrapper input[type="text"],
.ct-gf-service-form_wrapper input[type="tel"],
.ct-gf-service-form_wrapper input[type="email"],
.ct-gf-hero-form_wrapper textarea {
  padding-left: 20px !important;
  padding-right: 20px !important;
  width: 100% !important;
  height: fit-content !important;
  line-height: 1em !important;
  outline: none !important;
}

.ct-gf-service-form_wrapper input[type="text"],
.ct-gf-service-form_wrapper input[type="tel"],
.ct-gf-service-form_wrapper input[type="email"] {
  font-size: 16px !important;
  color: white !important;
  background: black !important;
  border: 1px solid white !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.ct-gf-service-form_wrapper input[type="submit"] {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 15px 20px !important;
  margin-bottom: 0px;
  width: 100%;
  width: auto;
  color: #fff !important;
  line-height: 24px !important;
  background: #ffa60e !important;
  border: 0px !important;
  width: 100% !important;
  border-radius: 3px !important;
  text-transform: uppercase !important;
  line-height: 24px !important;
}

.ct-gf-service-form_wrapper .gform_validation_errors {
  margin-block-end: 0px !important;
}

@media (max-width: 768px) {
  .services-page__form {
    width: 88% !important;
  }
}

.gform-theme--framework .gform_validation_errors {
  padding: 0px !important;
}
.gform-theme--framework .gform_validation_errors:focus{
  outline: none !important;
  border: none !important;
}

.gform-theme--framework .gform-loader {
    border-block-end-color: #ffa60e !important;
    border-block-start-color: #ffa60e !important;
    border-inline-end-color: #ffa60e !important;
    border-inline-start-color: #ffa60e !important;
    left: 50% !important;
}

/* Map */
.ct-google-map-wrapper{
	width: 100%;
}
.ct-google-map-wrapper iframe{
	width: 100%;
	min-height: 350px;
}



/* Footer Redesign */
.ct-footer-wrapper{
	padding-top: 70px;
	background: black;
	color: white;
	font-size: 14px;
}
.ct-footer-wrapper .ct-footer-inner-wrapper{
	max-width: 1240px;
	padding-left: 20px;
	padding-right: 20px;
	margin:auto;
}
.ct-footer-wrapper .ct-footer-top-section{
	display: flex;
	gap: 20px;
	justify-content: space-between;
}
.ct-footer-wrapper .ct-footer-top-section .ct-footer-first-col{
	width: 100%;
	max-width: 350px;
}
.ct-footer-wrapper .ct-footer-top-section .ct-footer-first-col img{
	margin-bottom: 15px;
}
.ct-footer-wrapper .ct-footer-top-section .ct-footer-second-col{
	max-width: 700px;
	width: 100%;
	display: flex;
	gap: 30px;
	justify-content: space-between;
}
.ct-footer-wrapper .ct-footer-top-section .ct--inner-col{
	max-width: 160px;
	width: 100%;
}
.ct-footer-wrapper .ct-footer-top-section .ct-footer-third-inner-col{
	max-width: 252px;
	width: 100%;
}
.ct-footer-wrapper .ct-footer-top-section .ct-footer-third-inner-col p{
  margin-bottom: 15px;
}
.ct-footer-wrapper .ct-footer-top-section .ct-col ul{
	padding: 0px;
	margin-block-start: 0px;
	margin: 0px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.ct-footer-wrapper .ct-footer-top-section .ct-col li{
	list-style: none;
	padding: 0px
}
.ct-footer-wrapper .ct-footer-top-section .ct-col h4{
	color: white;
	margin-bottom: 15px;
}
.ct-footer-wrapper .ct-footer-top-section .ct-footer-social-links{
	display: flex;
	gap: 10px;
}

/* Footer Bottom Section */
.ct-footer-bottom-section{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 50px;
	padding-top: 40px;
	padding-bottom: 50px;
	border-top: 1px solid;
}
.ct-footer-bottom-section .ct-footer-bottom-copytext{
	max-width: 400px;
	width: 100%;
}
.ct-footer-bottom-section p{
	margin-bottom: 0px;
}
.ct-footer-bottom-section .ct-footer-bottom-logo-image-wrapper{
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
}
.ct-footer-bottom-section .ct-footer-bottom-logo-image-wrapper .ct-footer-bottom-logo-images{
  display: flex;
  gap: 10px;
}
.ct-footer-bottom-section .ct-footer-bottom-logo-image-wrapper p{
	font-weight: 700;
	text-transform: uppercase;
}
@media(max-width: 1024px){
	.ct-footer-wrapper .ct-footer-top-section{
		flex-direction: column;
	}
	.ct-footer-wrapper .ct-footer-top-section .ct-footer-first-col{
		max-width: 100%;
	}
	.ct-footer-wrapper .ct-footer-top-section .ct-footer-second-col{
		flex-wrap: wrap;
		gap: 20px;
	}
	
	.ct-footer-wrapper .ct-footer-top-section .ct-footer-second-col .ct--inner-col{
		max-width: calc(33% - 12px);
		width: 100%;
	}
	.ct-footer-wrapper .ct-footer-bottom-section{
		flex-direction: column-reverse;
		gap: 30px;
	}
	.ct-footer-bottom-copytext{
		text-align: center;
	}
}
@media(max-width: 620px){
	.ct-footer-wrapper .ct-footer-second-col{
		flex-direction: column;
	}
	.ct-footer-wrapper .ct-footer-top-section .ct-footer-second-col .ct--inner-col {
		width: 100%;
		max-width: 100%;
	}
	.ct-footer-bottom-section .ct-footer-bottom-logo-image-wrapper{
		flex-direction: column-reverse;
		text-align: center;
		gap: 15px;
	}
}

/* Contact Page Gallery */
.ct-contact-page-gallery>div{
	width: 100%;
	display: flex !important;
	gap: 20px;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 10px !important;
}
.ct-contact-page-gallery br{
	display: none;
}
.ct-contact-page-gallery .ngg-clear{
	display: none;
}
.ct-contact-page-gallery>div>div{
	width: calc(50% - 10px) !important;
}

/* CT Bio Wrapper */
.ct-bio-wrapper{
	display: flex;
	gap: 56px;
	align-items: center;
	border-right: 5px solid #fff;
	margin-top: 100px;
	padding-right: 20px;
	padding-right: 20px;
}
.ct-bio-left{
	width: 30%;
}
.ct-bio-left img{
	width: 100%;
	max-width: 200px;
	height: auto;
}
.ct-bio-right h2{
	font-size: 36px;
	color: white;
}
.ct-bio-right h2 span{
	color: #FFA60E;
}
.ct-bio-right{
	width: 70%;
	padding-right: 54px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
	.ct-bio-left {
		display: flex;
		justify-content: center;
	}
@media(max-width: 768px){

.ct-bio-wrapper-outer{
	padding-right: 20px;
	padding-left: 20px;
}
	.ct-bio-wrapper{
		flex-direction: column;
	}
	.ct-bio-right, .ct-bio-left{
		width: 100%
	}
	.ct-bio-right{
		padding-right: 20px;
	}
}