/*
Theme Name: Construction Landing Page
Theme URI: https://rarathemes.com/wordpress-themes/construction-landing-page/
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Construction Landing Page is a free WordPress theme for construction company. It is a WordPress theme with a contact form on the homepage, and includes several Call-to-Action sections to create high converting landing pages for construction and building business websites.  Construction Landing Page is clean, responsive (mobile-friendly), speed optimized, and SEO friendly. It includes an attractive banner with a contact form, Services section, Portfolio section, Client Section, testimonial section, Banner with Call to Action Button (CTA), and social media. It is WooCommerce (online shop) compatible and translation ready. Though this theme is created to make construction companies websites, you can use to make all kinds of websites such as web agency, portfolio, e-commerce, photography, business, corporate, restaurant, video, real estate, travel, wedding, education, parallax business portfolio, hotel, church, event, music, review, fitness, affiliate, lawyer, community, sports, medical, cafe, spa, teams, band, food, hair salon, jewelry, political, football, school, university, bed and breakfast, pub, resort, squeeze page, reservation and winery websites. Check the demo at https://rarathemes.com/previews/?theme=construction-landing-page, documentation at https://docs.rarathemes.com/docs/construction-landing-page/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.4.0
Tested up to: 6.6
Requires PHP: 7.3
Requires at least: 6.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: construction-landing-page
Tags: blog, two-columns, right-sidebar, footer-widgets, custom-background, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, full-width-template, theme-options, portfolio, e-commerce
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Bakes And Cakes is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

:root {
  --primary-color: #f3880a;
  --primary-color-rgb: 243, 136, 10;
  --font-color: #666666;
  --secondary-color: #121212;
  --secondary-color-rgb: 18, 18, 18;
  --font-color-rgb: 102, 102, 102;
  --primary-font: 'PT Sans', sans-serif;
}

html {
  font-family: "PT Serif", serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  text-decoration: none;
  color: #bbbcc1;
  outline: none;
}

a:active,
a:hover {
  text-decoration: underline;
  color: #bbbcc1;
}

a:focus {
  outline: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
  color: #666;
  font-size: 18px;
  line-height: 28px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin-top: 0;
}

p {
  margin-bottom: 1.5em;
  margin-top: 0;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #f5f5f5;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

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

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

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

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  -webkit-box-sizing: inherit;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  color: #666;
  font: 18px/28px "PT Sans", sans-serif;
  background: #fff;
  /* overflow-y: scroll; */
  /*position: relative;*/
  /*overflow-x: hidden;*/
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  min-width: 320px;
}

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

blockquote,
q {
  quotes: "";
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li>ul,
li>ol {
  margin-bottom: 0;
  margin-left: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #f68800;
  font-size: 18px;
  font-weight: 700;
  text-shadow: none;
  color: #fff;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  /*outline: none;*/
}

button:not(.wp-block-search__button):hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #e57f00;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background: #e57f00;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: thin dotted;
  outline-offset: 2px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea {
  font-size: 18px;
  line-height: 28px;
  background: #f5f5f5;
  border: 0;
  border-radius: 0;
  color: #999;
  width: 100%;
  padding: 10px 15px;
  /*outline: none;*/
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
  outline: thin dotted;
  outline-offset: 2px;
}

textarea {
  width: 100%;
  height: 105px;
  resize: none;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
  color: var(--primary-color);
}

a:hover,
a:focus {
  color: var(--primary-color);
}

a:focus {
  outline: thin dotted;
  outline-offset: 2px;
}

a:hover,
a:active {
  outline: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
  float: right;
  margin: 7px 45px 0 0;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul:after {
  content: "";
  display: block;
  clear: both;
}

.main-navigation li {
  float: left;
  position: relative;
  margin-left: 53px;
}

.main-navigation ul li.menu-item-has-children::before {
  position: absolute;
  top: 21px;
  right: -18px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-angle-down fa-w-10' aria-hidden='true' data-prefix='fas' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' data-fa-i2svg=''%3E%3Cpath fill='white' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 10px;
  height: 12px;
  font-weight: 400;
}

.main-navigation ul li.menu-item-has-children ul.sub-menu li.menu-item-has-children::before {
  top: 15px;
  right: 14px;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
}

.main-navigation ul li:first-child {
  margin-left: 0;
}

.main-navigation a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 0 0 37px;
}

.main-navigation a:hover,
.main-navigation a:focus {
  color: #2eb0ed;
}

.main-navigation a:focus {
  outline: thin dotted #fff;
}

.main-navigation ul ul {
  float: left;
  position: absolute;
  top: 100%;
  z-index: 99999;
  width: 229px;
  background: #272727;
  left: -99999px;
  opacity: 0;
}

.main-navigation ul li:hover>ul {
  opacity: 1;
  left: -30px;
}

.main-navigation ul li:focus-within>ul {
  opacity: 1;
  left: -30px;
}

.main-navigation ul li.focus>ul {
  opacity: 1;
  left: -30px;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul a {
  display: block;
  padding: 10px 32px;
  border-bottom: 1px solid #3c3c3c;
}

.main-navigation ul ul li {
  margin: 0;
  display: block;
  float: none;
}

.main-navigation li:hover>a,
.main-navigation li.focus>a {
  color: #2eb0ed;
}

.main-navigation ul ul :hover>a,
.main-navigation ul ul .focus>a {
  background: #313131;
  color: #fff;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus,
.main-navigation ul ul a:focus {
  background: #313131;
  color: #fff;
}

.main-navigation ul ul li:hover>ul {
  left: 100%;
}

.main-navigation ul ul li:focus-within>ul {
  left: 100%;
}

.main-navigation ul ul li.focus>ul {
  left: 100%;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {
  color: #2eb0ed;
}

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: block;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Fallback svg
--------------------------------------------------------------*/

svg.fallback-svg {
  vertical-align: top;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */

.widget select {
  max-width: 100%;
  margin: 0 20px 11px 24px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
  margin-bottom: 1.5em;
  margin-left: -15px;
  margin-right: -15px;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 0 30px;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.site {
  background: #fff;
}

.custom-background .site {
  margin: 20px;
}

/*common site style*/

.container {
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:after {
  content: "";
  display: block;
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:after {
  content: "";
  display: block;
  clear: both;
}

/*header style*/

.site-header {
  background: rgba(39, 39, 39, 0.5);
  color: #fff;
  padding: 24px 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.no-banner .site-header {
  position: relative;
}

.site-header .site-branding {
  float: left;
  margin: 6px 0 0;
}

.site-header .site-branding .custom-logo-link {
  float: left;
  margin-right: 10px;
}

.site-header .site-branding .text-logo {
  float: left;
}

.site-header .site-branding .site-title {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
}

.site-header .site-branding .site-title a {
  color: #fff;
}

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

.site-header .site-branding .site-description {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
}

.site-header .tel-link {
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  border: 1px solid #fff;
  padding: 7px 27px 11px 23px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.site-header .tel-link:hover {
  text-decoration: none;
  background: #fff;
  color: #666;
}

.site-header .tel-link svg {
  font-weight: normal;
  margin: 0 10px 0 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*banner style*/

.banner {
  position: relative;
  padding-top: 178px;
  padding-bottom: 87px;
  background-size: cover;
  overflow: hidden;
}

.banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(39, 39, 39, 0.4);
}

.banner .container {
  position: relative;
  z-index: 2;
}

.banner .col {
  float: left;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.banner .text {
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  margin: 186px 0 0;
}

.banner .text .title {
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
  display: block;
  margin: 0 0 6px;
}

.banner .text .title a {
  color: #fff;
}

.banner .text .title a:hover,
.banner .text .title a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.banner form {
  background: #2eb0ed;
  margin-left: 95px;
  text-align: center;
  padding: 31px 53px 24px 59px;
  position: relative;
  color: #fff;
}

.banner form:after {
  content: "";
  position: absolute;
  background: url(//cgs-france.com/wp/wp-content/themes/construction-landing-page/images/bg-arrow.png) no-repeat;
  width: 124px;
  height: 90px;
  top: 70px;
  left: -175px;
}

.banner strong {
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
  display: block;
  color: #fff;
  margin: 0 0 3px;
}

.banner form p {
  overflow: hidden;
  margin: 0 0 20px;
}

.banner form input[type="text"],
.banner form input[type="email"] {
  width: 100%;
  display: block;
  padding: 9px 21px 12px 21px;
  margin: 0;
  background: #fff;
  border: 0;
  border-radius: 0;
  color: #a6a6a6;
  font-weight: 400;
  font-size: 17px;
  /*outline: none;*/
}

.banner form input[type="text"]:focus,
.banner form input[type="email"]:focus,
.banner form textarea:focus {
  outline: thin dotted #000;
  outline-offset: -2px;
}

.banner form textarea {
  width: 100%;
  display: block;
  padding: 9px 21px 12px 21px;
  margin: 0;
  background: #fff;
  border: 0;
  border-radius: 0;
  color: #a6a6a6;
  font-weight: 400;
  height: 102px;
  resize: none;
  font-size: 17px;
}

.banner form input[type="submit"] {
  display: block;
  width: 100%;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: var(--primary-color);
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: none;
  height: 72px;
  line-height: 72px;
}

.banner form input[type="submit"]:hover {
  background: #e57f00;
}

.banner form input[type="submit"]:focus {
  outline-offset: -2px;
}

/*about section style*/

.about {
  background: #f5f5f5;
  text-align: center;
  padding: 69px 0 67px;
}

.about .header {
  max-width: 950px;
  margin: 0 auto 44px;
  font-size: 20px;
  line-height: 28px;
}

.about .header .main-title {
  font-size: 40px;
  line-height: 48px;
  color: #121212;
  font-weight: 400;
  position: relative;
  padding: 0 0 19px;
  margin: 0 0 25px;
}

.about .header .main-title:after {
  width: 76px;
  height: 1px;
  background: #c7c7c7;
  position: absolute;
  top: 100%;
  left: 45.8%;
  content: "";
}

.about .col {
  float: left;
  width: 33.3333%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

.about .col .img-holder img {
  width: 100%;
  vertical-align: top;
}

.about .col .img-holder a:focus {
  outline: thin dotted #000;
}

.about .col .text-holder {
  background: #fff;
  line-height: 26px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
  padding: 25px 25px 20px;
}

.about .col .text-holder .title {
  font-size: 20px;
  font-weight: 700;
  color: #121212;
  margin: 0 0 14px;
}

.about .col .text-holder .title a {
  color: #121212;
}

.about .col .text-holder .title a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

/*promotional block style*/

.promotional-block {
  background: url(//cgs-france.com/wp/wp-content/themes/construction-landing-page/images/img23.jpg) no-repeat;
  background-size: cover;
  position: relative;
  color: #fff;
  padding: 120px 0;
  background-attachment: fixed;
}

.promotional-block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
}

.promotional-block .holder {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
  font-size: 32px;
  line-height: 46px;
}

.promotional-block .holder strong {
  font-size: 50px;
  line-height: 58px;
}

.promotional-block .holder .btn {
  font-size: 24px;
  line-height: 72px;
  height: 72px;
  background: var(--primary-color);
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 66px;
}

.promotional-block .holder .btn:hover {
  text-decoration: none;
  background: #e57f00;
}

/*our-projects section style*/

.our-projects {
  text-align: center;
  padding: 69px 0 67px;
}

.our-projects .header {
  max-width: 950px;
  margin: 0 auto 44px;
  font-size: 20px;
  line-height: 28px;
}

.our-projects .header .main-title {
  font-size: 40px;
  line-height: 48px;
  color: #121212;
  font-weight: 400;
  position: relative;
  padding: 0 0 19px;
  margin: 0 0 25px;
}

.our-projects .header .main-title:after {
  width: 76px;
  height: 1px;
  background: #c7c7c7;
  position: absolute;
  top: 100%;
  left: 45.8%;
  content: "";
}

.our-projects .col {
  float: left;
  width: 33.3333%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

.our-projects .col .img-holder {
  position: relative;
  overflow: hidden;
}

.our-projects .col .img-holder img {
  width: 100%;
  vertical-align: top;
}

.our-projects .col .text-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(46, 176, 237, 0.9);
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  overflow-y: auto;
}

.our-projects .col .img-holder:hover .text-holder,
.our-projects .col .img-holder:focus-within .text-holder {
  opacity: 1;
}

.our-projects .col .text-holder .table {
  display: table;
  width: 100%;
  height: 100%;
}

.our-projects .col .text-holder .table-row {
  display: table-row;
}

.our-projects .col .text-holder .table-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 40px;
}

.our-projects .col .text-holder .title {
  font-size: 25px;
  font-weight: 400;
  margin: 0 0 15px;
}

.our-projects .col .text-holder .btn-more {
  background: #f68800;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  padding: 5px 15px;
  font-size: 16px;
}

.our-projects .col .text-holder .btn-more:hover {
  text-decoration: none;
  background: #e57f00;
}

/*our-services section style*/

.our-services {
  background: url(//cgs-france.com/wp/wp-content/themes/construction-landing-page/images/img30.jpg) no-repeat;
  background-size: cover;
  position: relative;
  padding: 69px 0 67px;
  text-align: center;
  background-attachment: fixed;
}

.our-services:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.65);
}

.our-services .container {
  position: relative;
  z-index: 2;
}

.our-services .header {
  max-width: 950px;
  margin: 0 auto 44px;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
}

.our-services .header .main-title {
  font-size: 40px;
  line-height: 48px;
  color: #fff;
  font-weight: 400;
  position: relative;
  padding: 0 0 19px;
  margin: 0 0 25px;
}

.our-services .header .main-title:after {
  width: 76px;
  height: 1px;
  background: #757675;
  position: absolute;
  top: 100%;
  left: 45.8%;
  content: "";
}

.our-services .col {
  float: left;
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

.our-services .col .holder {
  background: #fff;
  padding: 45px 25px 15px;
  line-height: 22px;
}

.our-services .col .holder .icon-holder {
  margin: 0 0 34px;
}

.our-services .col .holder .title {
  font-size: 21px;
  line-height: 25px;
  color: var(--secondary-color);
  margin: 0 0 6px;
}

.our-services .col .holder .title a {
  color: var(--secondary-color);
}

.our-services .col .holder .title a:hover,
.our-services .col .holder .title a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.our-services .col .holder .title a:focus {
  outline: thin dotted #000;
}

/*our-clients section style*/

.our-clients {
  padding: 64px 0;
  background: #f5f5f5;
  text-align: center;
}

.our-clients .header {
  font-size: 20px;
  line-height: 24px;
  color: #b1b1b1;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 75px;
}

.our-clients .header strong {
  font-weight: 400;
}

.our-clients .col {
  float: left;
  width: 20%;
  padding-left: 15px;
  padding-right: 15px;
}

.our-clients .col img {
  filter: grayscale(100%);
}

.our-clients .col img:hover {
  filter: grayscale(0);
}

.our-clients .col a:focus {
  outline: thin dotted #000;
}

.our-clients .col a:focus>img {
  filter: grayscale(0);
}

/*testimonial section style*/

.testimonial {
  padding: 69px 0 67px;
}

.testimonial .header {
  max-width: 950px;
  margin: 0 auto 44px;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
}

.testimonial .header .main-title {
  font-size: 40px;
  line-height: 48px;
  color: var(--secondary-color);
  font-weight: 400;
  position: relative;
  padding: 0 0 19px;
  margin: 0 0 25px;
}

.testimonial .header .main-title:after {
  width: 76px;
  height: 1px;
  background: #c7c7c7;
  position: absolute;
  top: 100%;
  left: 45.8%;
  content: "";
}

.testimonial .col {
  float: left;
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 40px;
}

.testimonial .col blockquote {
  background: #f5f5f5 url(//cgs-france.com/wp/wp-content/themes/construction-landing-page/images/bg-quote.png) no-repeat 35px 30px;
  border-radius: 10px;
  padding: 78px 35px 26px;
  margin: 0 0 35px;
  position: relative;
}

.testimonial .col blockquote:after {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #f5f5f5;
  position: absolute;
  bottom: -15px;
  left: 37px;
}

.testimonial .col cite {
  overflow: hidden;
  font-style: normal;
}

.testimonial .col cite .img-holder {
  float: left;
  width: 98px;
  margin-right: 17px;
}

.testimonial .col cite .img-holder img,
.testimonial .col cite .img-holder svg {
  -webkit-border-radius: 100px;
  border-radius: 50%;
}

.testimonial .col cite .text-holder {
  overflow: hidden;
  position: relative;
  top: 31px;
}

.testimonial .col cite .text-holder .name {
  display: block;
  line-height: 24px;
  color: #2eb0ed;
}

.testimonial .col cite .text-holder .company {
  color: #999;
}

/*promotional-block2 section style*/

.promotional-block2 {
  background: url(//cgs-france.com/wp/wp-content/themes/construction-landing-page/images/img33.jpg) no-repeat;
  background-size: cover;
  position: relative;
  padding: 96px 0;
  background-attachment: fixed;
}

.promotional-block2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}

.promotional-block2 .container {
  position: relative;
  z-index: 2;
}

.promotional-block2 .header {
  max-width: 950px;
  margin: 0 auto 44px;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #fff;
}

.promotional-block2 .header .main-title {
  font-size: 50px;
  line-height: 58px;
  color: #fff;
  font-weight: 400;
  position: relative;
  padding: 0 0 19px;
  margin: 0 0 25px;
}

.promotional-block2 .header .main-title:after {
  width: 76px;
  height: 1px;
  background: #72767b;
  position: absolute;
  top: 100%;
  left: 45.8%;
  content: "";
}

.promotional-block2 form {
  background: #2eb0ed;
  text-align: center;
  padding: 31px 53px 24px 59px;
  position: relative;
  color: #fff;
  max-width: 460px;
  margin: 0 auto;
}

.promotional-block2 form:after {
  content: "";
  position: absolute;
  background: url(//cgs-france.com/wp/wp-content/themes/construction-landing-page/images/bg-arrow2.png) no-repeat;
  width: 62px;
  height: 140px;
  top: -25px;
  right: -85px;
}

.promotional-block2 form strong {
  font-size: 30px;
  line-height: 34px;
  font-weight: 700;
  display: block;
  color: #fff;
  margin: 0 0 3px;
}

.promotional-block2 form p {
  overflow: hidden;
  margin: 0 0 20px;
}

.promotional-block2 form input[type="text"],
.promotional-block2 form input[type="email"] {
  width: 100%;
  display: block;
  padding: 9px 21px 12px 21px;
  margin: 0;
  background: #fff;
  border: 0;
  border-radius: 0;
  color: #a6a6a6;
  font-weight: 400;
  font-size: 17px;
}

.promotional-block2 form input[type="text"]:focus,
.promotional-block2 form input[type="email"]:focus,
.promotional-block2 form textarea:focus {
  outline: thin dotted #000;
  outline-offset: -2px;
}

.promotional-block2 form textarea {
  width: 100%;
  display: block;
  padding: 9px 21px 12px 21px;
  margin: 0;
  background: #fff;
  border: 0;
  border-radius: 0;
  color: #a6a6a6;
  font-weight: 400;
  height: 102px;
  resize: none;
  font-size: 17px;
}

.promotional-block2 form input[type="submit"] {
  display: block;
  width: 100%;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: var(--primary-color);
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: none;
  padding: 0 10px 27px 0;
  height: 72px;
  line-height: 72px;
}

.promotional-block2 form input[type="submit"]:hover {
  background: #e57f00;
}

.promotional-block2 form input[type="submit"]:focus {
  outline: thin dotted #fff;
  outline-offset: -2px;
}

/*--------------------------------------------------------------
# Inner Pages
--------------------------------------------------------------*/

/*blog page style*/

.inner .site-header {
  position: relative;
  background: #272727;
}

.header-block {
  background: #f5f5f5;
  padding: 30px 0 36px;
}

.page-header {
  float: left;
}

.page-header .page-title {
  font-size: 32px;
  line-height: 38px;
  font-weight: 400;
  margin: 0;
  float: left;
}

#crumbs {
  float: right;
  font-size: 13px;
  color: #666;
  margin: 6px 4px 0 0;
}

.single-post #crumbs {
  float: left;
}

#crumbs a {
  color: var(--font-color);
}

#crumbs a:hover {
  text-decoration: none;
  color: var(--primary-color);
}

#crumbs .separator {
  margin: 0 5px;
}

#crumbs span:last-child .separator {
  display: none;
}

/*content area style*/

#content {
  padding: 57px 0 40px;
}

#primary {
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.full-width #primary {
  width: 100%;
}

#primary .post,
.search #primary .page {
  overflow: hidden;
  padding-bottom: 35px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 32px;
}

#primary .post .entry-header,
.search #primary .page .entry-header {
  margin: 0 0 17px;
}

#primary .post .post-thumbnail,
.search #primary .page .post-thumbnail {
  float: left;
  width: 262px;
  margin-right: 30px;
  margin-top: 6px;
}

#primary .post .post-thumbnail img,
.search #primary .page .post-thumbnail img {
  vertical-align: top;
}

#primary .post .text-holder,
.search #primary .page .text-holder {
  overflow: hidden;
}

#primary .post .entry-header .entry-title,
.search #primary .page .entry-header .entry-title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  margin: 0 0 5px;
  color: var(--secondary-color);
}

#primary .post .entry-header .entry-title a,
.search #primary .page .entry-header .entry-title a {
  color: var(--secondary-color);
}

#primary .post .entry-header .entry-title a:hover,
.search #primary .page .entry-header .entry-title a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

#primary .post .entry-meta {
  font-size: 14px;
  line-height: 14px;
  color: #999;
  margin: 0 0 0 3px;
}

#primary .post .entry-meta .authors.vcard {
  border: 0;
  padding: 0;
  margin: 0;
}

#primary .post .entry-meta a {
  color: #999;
}

#primary .post .entry-meta a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

#primary .post .entry-meta .byline {
  display: inline-block;
}

#primary .post .entry-meta span {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #999;
  display: inline-block;
  vertical-align: middle;
}

#primary .post .entry-meta span:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}

#primary .post .entry-content,
#primary .page .entry-content {
  margin: 0;
}

#primary .post .entry-content a {
  color: #666;
  text-decoration: underline;
}

#primary .post .entry-content a:hover {
  color: #f3880a;
}

#primary .post .entry-footer:after,
.search #primary .page .entry-footer:after {
  display: block;
  clear: both;
  content: "";
}

#primary .post .entry-footer .btn-readmore,
.search #primary .page .entry-footer .btn-readmore {
  font-size: 16px;
  line-height: 45px;
  height: 45px;
  font-weight: 700;
  color: #fff;
  background: #a7a7a7;
  border: 2px solid #a7a7a7;
  display: inline-block;
  text-transform: uppercase;
  padding: 0 28px;
}

#primary .post .entry-footer .btn-readmore:hover,
.search #primary .page .entry-footer .btn-readmore:hover {
  text-decoration: none;
  background: #848484;
}

#primary .post .entry-footer .btn-readmore:focus,
.search #primary .page .entry-footer .btn-readmore:focus {
  outline: thin dotted #000;
  outline-offset: 2px;
}

#primary .post .entry-footer .share,
.search #primary .page .entry-footer .share {
  float: right;
  font-size: 20px;
  font-weight: 400;
  color: #777;
  line-height: 40px;
}

#primary .post .entry-footer .share:hover,
.search #primary .page .entry-footer .share:hover {
  text-decoration: none;
  color: #f3880a;
}

#primary .post .entry-content blockquote,
#primary .page .entry-content blockquote {
  margin: 0 0 1.5em;
  border-left: 5px solid #eee;
  padding-left: 30px;
}

#primary .post .entry-content blockquote cite,
#primary .page .entry-content blockquote cite {
  font-size: 16px;
  font-style: normal;
  color: #999;
}

#primary .post.format-aside .entry-title,
#primary .post.format-status .entry-title {
  display: none;
}

/*pagination style*/

.pagination {
  font-size: 14px;
  margin: 0 0 30px;
}

.pagination a {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  padding: 0 12px;
  color: #333;
  margin: 0 1px;
}

.pagination .current,
.pagination a:hover {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  background: #21afee;
  padding: 0 12px;
  color: #fff;
  margin: 0 1px;
  text-decoration: none;
}

/*single post style*/

.single-post #primary .post .post-thumbnail {
  width: 100%;
  margin: 0 0 30px;
  float: none;
}

#primary .post .entry-content h1,
#primary .page .entry-content h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 400;
  margin: 0 0 10px;
}

#primary .post .entry-content h2,
#primary .page .entry-content h2 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 400;
  margin: 0 0 13px;
}

#primary .post .entry-content h3,
#primary .page .entry-content h3 {
  font-size: 32px;
  line-height: 38px;
  font-weight: 400;
  margin: 0 0 17px;
}

#primary .post .entry-content h4,
#primary .page .entry-content h4 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  margin: 0 0 20px;
}

#primary .post .entry-content h5,
#primary .page .entry-content h5 {
  font-size: 24px;
  line-height: 29px;
  font-weight: 400;
  margin: 0 0 18px;
}

#primary .post .entry-content h6,
#primary .page .entry-content h6 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  margin: 0 0 18px;
}

#primary .post .entry-content .pull-left,
#primary .page .entry-content .pull-left {
  float: left;
  width: 263px;
  margin-right: 30px;
}

#primary .post .entry-content .pull-right,
#primary .page .entry-content .pull-right {
  float: right;
  width: 263px;
  margin-left: 30px;
  text-align: right;
}

#primary .post .entry-content .dropcap,
#primary .page .entry-content .dropcap {
  font-size: 125px;
  line-height: 115px;
  float: left;
  margin-right: 20px;
}

#primary .post .entry-content .highlight,
#primary .page .entry-content .highlight {
  background: #d4edf8;
}

#primary .post .entry-content table,
#primary .page .entry-content table {
  border: 1px solid #ebebeb;
}

#primary .post .entry-content table thead,
#primary .page .entry-content table thead {
  background: #ebebeb;
  font-weight: 400;
}

#primary .post .entry-content table th,
#primary .page .entry-content table th,
#primary .post .entry-content table td,
#primary .page .entry-content table td {
  padding: 1vw 2vw;
  text-align: left;
  font-weight: 400;
}

#primary .post .entry-content table tr,
#primary .page .entry-content table tr {
  border-bottom: 1px solid #f5f5f5;
}

#primary .author {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 33px;
  margin-bottom: 35px;
}

#primary .author h2 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  color: var(--secondary-color);
  margin: 0 0 20px;
}

#primary .author .holder {
  overflow: hidden;
  border: 1px solid #ebebeb;
}

#primary .author .img-holder {
  float: left;
  width: 161px;
}

#primary .author .img-holder img {
  vertical-align: top;
}

#primary .author .text-holder {
  overflow: hidden;
  padding: 20px 30px 20px 35px;
}

#primary .author .text-holder .name {
  display: block;
  font-size: 20px;
  line-height: 24px;
  color: var(--secondary-color);
}

#primary .author .text-holder .posted-on {
  font-size: 14px;
  line-height: 17px;
  display: block;
  color: #999;
  margin: 0 0 10px;
}

#primary .author .text-holder p {
  margin: 0;
}

/*comment-area style*/

.comments-area .comments-title,
.comments-area .comment-reply-title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  color: var(--secondary-color);
  margin: 0 0 20px;
}

.comments-area .comment-list {
  list-style: none;
  border: 1px solid #ebebeb;
  padding: 30px;
}

.comments-area .comment-list .comment-meta .comment-author img {
  float: left;
  width: 70px;
  margin-right: 27px;
}

.comments-area .comment-list .comment-meta .says {
  display: none;
}

.comments-area .comment-list .comment-meta .fn {
  font-size: 20px;
  line-height: 24px;
  color: var(--secondary-color);
}

.comments-area .comment-list .comment-meta .comment-metadata {
  font-size: 14px;
  line-height: 17px;
  color: #999;
}

.comments-area .comment-list .comment-meta .comment-metadata a {
  color: #999;
}

.comments-area .comment-list .comment-meta .comment-metadata a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

.comments-area .comment-list .comment-body .comment-content {
  overflow: hidden;
  margin: 10px 0 0;
}

.comments-area .comment-list .comment-body {
  position: relative;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.comments-area .comment-list .comment-body .reply {
  position: absolute;
  top: 0;
  right: 0;
}

.comments-area .comment-list .comment-body .reply a {
  font-size: 14px;
  line-height: 29px;
  height: 29px;
  background: #a7a7a7;
  color: #fff;
  width: 79px;
  text-decoration: uppercase;
  display: block;
  text-align: center;
}

.comments-area .comment-list .comment-body .reply a:hover {
  text-decoration: none;
  background: var(--primary-color);
}

.comments-area .comment-list .children {
  list-style: none;
  margin: 0 0 0 57px;
}

.comments-area .comment-list>li:last-child .comment-body {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#comments {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 33px;
  margin-bottom: 35px;
}

.comments-area .comment-form {
  overflow: hidden;
}

.comments-area .comment-form .comment-notes {
  overflow: hidden;
}

.comments-area .comment-form .comment-form-author,
.comments-area .comment-form .comment-form-email,
.comments-area .comment-form .comment-form-url {
  float: left;
  width: 262px;
  margin-left: 30px;
}

.comments-area .comment-form .comment-form-author {
  margin-left: 0;
}

.comments-area .comment-form label[for="wp-comment-cookies-consent"] {
  display: inline-block;
  margin-left: 5px;
}

.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"] {
  background: #f5f5f5;
  border: 0;
  border-radius: 0;
  color: #999;
  width: 100%;
  padding: 10px 15px;
}

.comments-area .comment-form textarea {
  background: #f5f5f5;
  border: 0;
  border-radius: 0;
  color: #999;
  padding: 10px 15px;
  width: 100%;
  height: 105px;
  resize: none;
}

.comments-area .comment-form textarea:focus,
.comments-area .comment-form input[type="text"]:focus,
.comments-area .comment-form input[type="email"]:focus,
.comments-area .comment-form input[type="url"]:focus {
  outline-offset: -2px;
}

.comments-area .comment-form input[type="submit"] {
  background: #f68800;
  font-size: 18px;
  font-weight: 700;
  text-shadow: none;
  color: #fff;
  text-transform: uppercase;
  height: 46px;
  line-height: 46px;
  border: 0;
  border-radius: 0;
  padding: 0 40px;
  box-shadow: none;
}

.comments-area .comment-form input[type="submit"]:focus {
  outline: thin dotted #fff;
  outline-offset: -2px;
}

.comments-area .comment-form input[type="submit"]:hover {
  background: #e57f00;
}

/*search result page style*/

.search .top-section {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 30px;
}

.search .top-section .search-form {
  overflow: hidden;
  background: var(--primary-color);
  padding: 2px;
}

.search .top-section .search-form label {
  float: left;
  width: 94%;
}

.search .top-section .search-form input[type="search"] {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  outline: none;
}

.footer-t .widget_block>ol,
.footer-t .widget_block>ul,
.footer-t .widget_block .wp-block-group__inner-container>ol,
.footer-t .widget_block .wp-block-group__inner-container>ul {
  padding-top: 12px !important;
}

.footer-t .widget {
  margin: 0 0 12px;
}

.footer-t .widget h2 {
  font-size: 20px;
  padding-left: 0;
  padding: 0;
  margin-bottom: 0;
}

/*error page style*/

.error404 #primary {
  width: 100%;
}

.error404 .error-holder {
  max-width: 455px;
  margin: 0 auto;
  text-align: center;
  padding: 70px 0;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.error404 .error-holder h2 {
  font-size: 225px;
  font-weight: 700;
  color: #333;
  line-height: 175px;
  margin: 0 0 30px;
}

.error404 .error-holder .btn-back {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  height: 49px;
  width: 230px;
  text-align: center;
  line-height: 49px;
  background: var(--primary-color);
  border: 2px solid var(--primary-color);
  display: inline-block;
}

.error404 .error-holder .btn-back:hover {
  text-decoration: none;
  background: transparent;
  color: var(--primary-color);
}

/*sidebar style*/

#secondary {
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 6px;
}

/*search form style*/

#secondary .widget {
  margin: 0 0 23px;
  background: #fafafa;
}

.widget .search-form {
  overflow: hidden;
  background: var(--primary-color);
  margin: 0;
  padding: 2px;
}

.widget .search-form label {
  float: left;
  /*width: 176px;*/
  width: 81%;
}

.widget .search-form input[type="search"],
.widget .search-form input[type="text"] {
  float: left;
  margin: 0;
  padding: 10px 10px 10px 20px;
  width: 100%;
  background: #fff;
  font-size: 16px;
  color: #a6a6a6;
  border: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.widget .search-form input[type="search"]:focus,
.widget .search-form input[type="text"]:focus {
  outline: thin dotted #000;
  outline-offset: -2px;
}

.widget .search-form input[type="submit"] {
  float: right;
  width: 52px;
  height: 52px;
  background: var(--primary-color) url(//cgs-france.com/wp/wp-content/themes/construction-landing-page/images/icon-search.png) no-repeat 45% 50%;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-indent: -9999px;
}

.widget .search-form input[type="submit"]:focus {
  outline: thin dotted #fff;
  outline-offset: -2px;
}

#secondary .widget .widget-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--secondary-color);
  text-transform: uppercase;
  background: #f5f5f5;
  padding: 10px 24px 11px 24px;
  letter-spacing: 1px;
}

#secondary .widget ul {
  margin: 0;
  list-style: none;
  padding: 0 20px 11px 24px;
}

#secondary .widget ul li {
  margin: 0 0 13px;
  /*overflow: hidden;*/
}

#secondary .widget ul li:after {
  display: block;
  clear: both;
  content: "";
}

#secondary .widget ul li a {
  color: #666;
}

#secondary .widget ul li a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

.widget-title .widget.widget_construction_landing_page_featured_post .holder {
  padding: 0 25px 23px;
}

.widget.widget_construction_landing_page_featured_post .img-holder {
  margin: 0 0 11px;
}

.widget.widget_construction_featured_post img {
  vertical-align: top;
  width: 100%;
}

.widget.widget_construction_landing_page_featured_post p {
  margin: 0 0 5px;
}

.widget.widget_construction_landing_page_recent_post ul li,
.widget.widget_construction_landing_page_popular_post ul li {
  overflow: hidden;
  margin: 0 0 13px;
}

.widget.widget_construction_landing_page_recent_post ul li .post-thumbnail,
.widget.widget_construction_landing_page_popular_post ul li .post-thumbnail {
  float: left;
  width: 68px;
  margin-right: 20px;
  margin-top: 6px;
}

.widget.widget_construction_landing_page_recent_post ul li .post-thumbnail img,
.widget.widget_construction_landing_page_popular_post ul li .post-thumbnail img {
  vertical-align: top;
}

.widget.widget_construction_landing_page_recent_post ul li .entry-header,
.widget.widget_construction_landing_page_popular_post ul li .entry-header {
  overflow: hidden;
}

.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title {
  font-size: 18px;
  line-height: 25px;
  margin: 0;
  font-weight: 400;
  color: #333;
}

.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a {
  color: #333;
}

.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a:hover,
.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a:focus,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a:hover,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a:focus {
  color: var(--primary-color);
  text-decoration: none;
}

.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta {
  font-size: 14px;
  color: #999;
}

.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a {
  color: #999;
}

.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:hover,
.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:focus,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:hover,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:focus {
  color: var(--primary-color);
  text-decoration: none;
}

.widget.widget_archive ul,
.widget.widget_categories ul {
  text-align: right;
}

.widget.widget_archive ul li a,
.widget.widget_categories ul li a {
  float: left;
}

.widget.widget_calendar .calendar_wrap {
  padding: 0 20px 11px 24px;
  position: relative;
}

.site-footer .widget.widget_calendar .calendar_wrap {
  padding: 0;
}

.widget.widget_calendar .calendar_wrap .wp-calendar-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 2px 20px;
  line-height: 1;
  font-size: 14px;
}

.widget.widget_calendar .calendar_wrap .wp-calendar-nav span {
  display: inline-block;
}

.widget.widget_calendar .calendar_wrap {
  padding-top: 15px;
}

.widget.widget_calendar .calendar_wrap .wp-calendar-nav {
  top: 15px;
}

.site-footer .widget.widget_calendar .calendar_wrap .wp-calendar-nav {
  top: 0;
}

.widget.widget_calendar caption {
  font-size: 14px;
  color: var(--secondary-color);
  width: 80px;
  line-height: 17px;
  margin: 0 auto 10px;
}

.widget.widget_calendar table {
  position: relative;
  margin-bottom: 15px;
}

.widget.widget_calendar table td {
  border: 1px solid #ebebeb;
}

.widget.widget_calendar thead th {
  font-size: 14px;
}

.widget.widget_calendar tbody td {
  text-align: center;
  font-size: 14px;
}

.widget_calendar table #prev a {
  left: 0;
  position: absolute;
  top: 0;
  font-size: 14px;
}

.widget.widget_calendar table #next a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
}

.widget.widget_calendar table tbody td a {
  display: block;
  height: 100%;
  background: #21afee;
  color: #fff;
}

.widget.widget_construction_landing_page_social_links ul {
  overflow: hidden;
  font-size: 15px;
}

.widget.widget_construction_landing_page_social_links ul li {
  float: left;
  margin: 0 10px 13px 0;
}

#secondary .widget.widget_construction_landing_page_social_links ul li {
  margin-right: 10px;
}

.widget.widget_tag_cloud .tagcloud {
  overflow: hidden;
  padding: 0 20px 11px 24px;
}

.widget.widget_tag_cloud .tagcloud a {
  float: left;
  border: 1px solid var(--primary-color);
  padding: 5px 10px;
  margin: 0 10px 10px 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.widget.widget_tag_cloud .tagcloud a:hover,
.widget.widget_tag_cloud .tagcloud a:focus {
  text-decoration: none;
  background: var(--primary-color);
  color: #fff;
}

.widget.widget_tag_cloud .tagcloud a:focus {
  outline: thin dotted #000;
  outline-offset: 2px;
}

.widget.widget_text .textwidget {
  padding: 0 20px 11px 24px;
}

/*footer style*/

.site-footer {
  background: #272727;
  color: #848484;
  font-size: 16px;
  line-height: 26px;
}

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

.site-footer a:hover {
  color: #fff;
  text-decoration: none;
}

.site-footer .footer-t {
  padding: 65px 0 19px;
  border-bottom: 1px solid #323232;
}

.site-footer .column {
  float: left;
  width: 33.3333%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

.site-footer .widget .widget-title {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 14px;
}

.site-footer .widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer .widget ul li {
  margin: 0 0 10px;
  overflow: hidden;
}

.site-footer .widget ul li:before {
  content: "";
  margin-right: 5px;
  float: left;
  width: 6px;
  height: 26px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23848484' viewBox='0 0 192 512'%3E%3Cpath d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E") center center no-repeat;
}

.site-footer .widget.widget_text .readmore {
  color: var(--primary-color);
}

.site-footer .widget.widget_text .readmore:hover {
  color: #fff;
  text-decoration: none;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li:before,
.site-footer .widget.widget_construction_landing_page_popular_post ul li:before {
  display: none;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a {
  color: #848484;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a:hover,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a:hover {
  color: #fff;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:hover,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:hover,
.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:focus,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:focus {
  color: #fff;
}

.site-footer .widget.widget_construction_landing_page_featured_post .holder {
  padding: 0;
}

.site-footer .widget.widget_calendar caption {
  color: #848484;
}

.site-footer .widget.widget_social_links ul {
  overflow: hidden;
  font-size: 18px;
}

.site-footer .widget.widget_construction_landing_page_social_links ul li {
  float: left;
  margin-right: 15px;
}

.site-footer .widget.widget_construction_landing_page_social_links ul li:before {
  display: none;
}

.site-footer .site-info {
  padding: 25px 0;
}

.site-footer .site-info .copyright {
  float: left;
}

.site-footer .site-info .by {
  float: right;
}

.site-footer .site-info a {
  color: #b4b4b4;
}

.site-footer .site-info a:hover {
  color: #fff;
  text-decoration: none;
}

#mobile-header {
  display: none;
}

.edit-link {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

body:not(.no-banner).admin-bar .site-header {
  margin-top: 32px;
}

.mobile-header {
  display: none;
}

/* Responsive CSS */

@media only screen and (max-width: 1199px) {
  .container {
    max-width: 970px;
  }

  .our-projects .col .text-holder .table-cell {
    padding: 0;
  }

  .our-projects .col .text-holder .title {
    margin: 0 0 5px;
  }

  .main-navigation li {
    margin-left: 30px;
  }

  #primary,
  #secondary {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  body.menu-open {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }

  .container {
    max-width: 750px;
  }

  .site-header {
    display: none;
  }

  .banner .col {
    width: 100%;
  }

  .banner .text {
    margin: 0 0 60px;
    text-align: center;
    font-size: 20px;
  }

  .banner .text .title {
    font-size: 36px;
    line-height: 42px;
  }

  .banner {
    padding-top: 140px;
  }

  .banner form {
    max-width: 458px;
    margin: 0 auto;
  }

  .banner form:after {
    background: url(//cgs-france.com/wp/wp-content/themes/construction-landing-page/images/bg-arrow2.png) no-repeat;
    width: 62px;
    height: 140px;
    top: -50px;
    left: auto;
    right: -75px;
  }

  .about .col,
  .testimonial .col {
    width: 100%;
  }

  .our-projects .col,
  .our-services .col {
    width: 50%;
  }

  .widget .search-form label {
    width: calc(100% - 52px);
  }

  .mobile-header {
    display: block;
    background: rgba(39, 39, 39, 0.5);
    padding: 10px 0;
  }

  .mobile-header .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .mobile-header .container:after {
    display: none;
  }

  .mobile-header .site-branding {
    flex-basis: 0;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .mobile-header .site-branding .custom-logo {
    margin-right: 20px;
  }

  .mobile-header .site-branding .custom-logo img.custom-logo {
    margin: 0;
    vertical-align: top;
  }

  .mobile-header .menu-opener {
    width: 20px;
    height: 14px;
    cursor: pointer;
  }

  .mobile-header .menu-opener span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    margin-bottom: 4px;
  }

  .mobile-header .menu-opener span:last-child {
    margin-bottom: 0;
  }

  .mobile-header .site-branding .site-title {
    font-size: 1.5em;
    line-height: 1.25em;
    margin: 0;
  }

  .mobile-header .site-branding .site-title a {
    color: #fff;
  }

  .mobile-header .site-branding .site-title a:hover,
  .mobile-header .site-branding .site-title a:focus {
    text-decoration: none;
  }

  .mobile-header .site-branding .site-description {
    color: #fff;
    margin: 0;
  }

  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: ease 0.35s;
    -moz-transition: ease 0.35s;
    transition: ease 0.35s;
    z-index: 2;
  }

  body.menu-open .overlay {
    opacity: 1;
    visibility: visible;
  }

  .mobile-header .mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;
    background: #fff;
    height: 100%;
    overflow-y: auto;
    padding-top: 80px;
    -webkit-transform: translate(-320px, 0);
    -moz-transform: translate(-320px, 0);
    transform: translate(-320px, 0);
    -webkit-transition: ease 0.35s;
    -moz-transition: ease 0.35s;
    transition: ease 0.35s;
    z-index: 3;
  }

  .mobile-menu .primary-navigation {
    display: none;
  }

  .mobile-menu .primary-navigation.toggled {
    display: block;
  }

  body.menu-open .mobile-header .mobile-menu {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    display: block;
  }

  .mobile-header .mobile-menu .close-mobile-menu {
    position: absolute;
    top: 25px;
    right: 20px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 320 512'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E") center center no-repeat;
    width: 15px;
    height: 20px;
    font-size: 0;
    cursor: pointer;
  }

  .mobile-menu .primary-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
  }

  .mobile-menu .primary-navigation ul li {
    position: relative;
  }

  .mobile-menu .primary-navigation ul li .open-submenu {
    position: absolute;
    top: 0;
    right: 0;
    width: 53px;
    height: 53px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    background: transparent;
  }

  .mobile-menu .primary-navigation ul li .open-submenu.active {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .mobile-menu .primary-navigation ul li .open-submenu:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 20px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238d8d8d' viewBox='0 0 256 512'%3E%3Cpath d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/%3E%3C/svg%3E") center center no-repeat;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .mobile-menu .primary-navigation ul li svg {
    margin-right: 10px;
  }

  .mobile-menu .primary-navigation ul li a {
    display: block;
    color: #000;
    border-top: 1px solid #ebebeb;
    padding: 15px 32px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
  }

  .mobile-menu .primary-navigation ul li a:hover,
  .mobile-menu .primary-navigation ul li a:focus {
    text-decoration: none;
    color: var(--primary-color);
  }

  .mobile-menu .primary-navigation ul ul {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 22px;
  }

  .container {
    width: 100%;
  }

  .site-header .site-branding {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .site-header .tel-link {
    float: left;
  }

  .banner .text .title {
    font-size: 26px;
    line-height: 30px;
  }

  .banner {
    padding-top: 170px;
    padding-bottom: 40px;
  }

  .banner .text {
    margin-bottom: 30px;
  }

  .banner form:after {
    content: none !important;
  }

  .banner form {
    padding: 20px;
  }

  .about .header .main-title,
  .our-projects .header .main-title,
  .our-services .header .main-title,
  .testimonial .header .main-title,
  .promotional-block2 .header .main-title {
    font-size: 30px;
    line-height: 36px;
  }

  .about .header .main-title:after,
  .our-projects .header .main-title:after,
  .our-services .header .main-title:after,
  .testimonial .header .main-title:after,
  .promotional-block2 .header .main-title:after {
    left: 35.8%;
  }

  .about .header,
  .our-projects .header,
  .our-services .header,
  .testimonial .header,
  .promotional-block2 .header {
    font-size: 16px;
    line-height: 22px;
  }

  .about,
  .our-projects,
  .our-services,
  .our-clients,
  .testimonial,
  .promotional-block2 {
    padding: 20px 0;
  }

  .promotional-block {
    padding: 40px 0;
  }

  .promotional-block .holder {
    font-size: 22px;
    line-height: 26px;
  }

  .promotional-block .holder strong {
    font-size: 26px;
    line-height: 30px;
  }

  .promotional-block .holder .btn {
    font-size: 20px;
    padding: 0 10px;
    width: 100%;
  }

  .our-projects .col,
  .our-services .col,
  .our-clients .col {
    width: 100%;
  }

  .our-clients .col {
    margin: 0 0 20px;
  }

  .promotional-block2 form {
    padding: 20px;
  }

  .site-footer .widget {
    width: 100%;
  }

  .site-footer .footer-t {
    padding: 20px 0;
  }

  .promotional-block2 form:after {
    display: none;
  }

  #primary .post .post-thumbnail,
  .search #primary .page .post-thumbnail {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  #primary .post .text-holder,
  .search #primary .page .text-holder {
    width: 100%;
  }

  #primary .post .post-thumbnail img,
  .search #primary .page .post-thumbnail img {
    width: 100%;
  }

  .error404 .error-holder h2 {
    font-size: 140px;
  }

  .search .top-section .search-form label {
    width: 80%;
  }

  #primary .author .text-holder {
    width: 100%;
  }

  .comments-area .comment-list .comment-body .reply {
    top: auto;
    bottom: 0;
  }

  .comments-area .comment-list .children {
    padding: 0;
    margin: 0;
  }

  .comments-area .comment-form .comment-form-author,
  .comments-area .comment-form .comment-form-email,
  .comments-area .comment-form .comment-form-url {
    width: 100%;
    margin-left: 0;
  }

  .site-footer .column {
    width: 100%;
    margin-bottom: 30px;
  }

  .promotional-block,
  .our-services,
  .promotional-block2 {
    background-attachment: scroll;
  }
}

/* Custom css */

.mobile-header button.menu-opener {
  background: transparent;
}

.mobile-header button.open-submenu {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.mobile-header .open-submenu:focus {
  outline: 1px dotted #e57f00;
}

.mobile-menu .close-mobile-menu:focus {
  outline: 1px dotted #e57f00;
}

.mobile-menu .primary-navigation ul li a:focus {
  outline-offset: 1px;
}

@media screen and (max-width: 991px) {
  .admin-bar .mobile-header .mobile-menu .close-mobile-menu {
    top: 50px;
  }

  .admin-bar .mobile-menu-title {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 450px) {
  .mobile-header .mobile-menu {
    width: 100%;
  }

  .mobile-header .mobile-menu {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}

/* Single post and single page underline fixes */

.single-post .entry-content a {
  color: #666;
  text-decoration: underline;
}

.single-post .entry-content a:hover {
  color: #f68800;
}

.page .entry-content a {
  color: #666;
  text-decoration: underline;
}

.page .entry-content a:hover {
  color: #f68800;
}

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.widget .textwidget a {
  color: #666;
  text-decoration: underline;
}

.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
  color: #f68800;
  text-decoration: underline;
}

/* Match Height Using Css flexbox */

.about .col {
  display: flex;
  flex-direction: column;
}

.about .col .text-holder {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.about .col .text-holder p {
  flex-grow: 1;
}

.about .container .row,
.our-services .container .row,
.testimonial .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.our-services .col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.testimonial .col blockquote {
  height: 100%;
}

.testimonial .col cite {
  overflow: unset;
}

.testimonial .col {
  display: flex;
  flex-direction: column;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .our-services .col {
    display: block;
  }
}

html {
  position: unset !important;
}

body {
  padding-top: 0 !important;
}

body.menu-open {
  padding-top: 46px !important;
}

@media only screen and (min-width: 782px) {
  body.menu-open {
    padding-top: 32px !important;
  }
}

body.archive .page-header .page-title {
  margin-bottom: 15px;
  width: 100%;
}

body.archive .page-header .taxonomy-description p {
  margin-bottom: 0;
}

body.archive .page-header .page-title:last-child {
  margin-bottom: 0;
}

.entry-footer .edit-link {
  display: block;
  padding-top: 10px;
}

/* blocks */

.widget_block h2,
#secondary .site-main .post .entry-content h2 {
  font-size: 16px;
  font-weight: 700;
  color: var(--secondary-color);
  text-transform: uppercase;
  background: #f5f5f5;
  padding: 10px 24px 11px 24px;
  letter-spacing: 1px;
}

.footer-t .widget_block h2,
#secondary .site-main .post .entry-content h2 {
  background: none;
  color: #848484;
  text-transform: inherit;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-title {
  display: block;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-author,
.wp-block-latest-posts__list .wp-block-latest-posts__post-author+.wp-block-latest-posts__post-date {
  display: inline-block;
  margin-top: 10px;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-author+.wp-block-latest-posts__post-date {
  margin-left: 10px;
}

.widget.widget_block .wp-block-group .wp-block-archives-list,
.widget.widget_block .wp-block-group .wp-block-categories-list {
  text-align: right;
}

.widget.widget_block .wp-block-group .wp-block-archives-list li a,
.widget.widget_block .wp-block-group .wp-block-categories-list li a {
  float: left;
}

.wp-block-search__label {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.wp-block-search__button-outside input[type="search"],
.wp-block-search__button-outside input[type="text"] {
  float: left;
  margin: 0;
  padding: 10px 10px 10px 20px;
  width: 100%;
  background: #fff;
  font-size: 16px;
  color: #a6a6a6;
  border: 2px solid var(--primary-color);
  border-radius: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wp-block-search__button {
  float: right;
  width: 52px;
  height: 52px;
  background: var(--primary-color) url(//cgs-france.com/wp/wp-content/themes/construction-landing-page/images/icon-search.png) no-repeat 45% 50%;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  text-indent: -9999px;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,

.wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper {
  border: 2px solid var(--primary-color);
}

.wp-block-search__inside-wrapper {
  margin-bottom: 30px;
}

/******** sidebar block *********/

#secondary .widget .wp-block-archives,
#secondary .widget .wp-block-calendar,
#secondary .widget .wp-block-categories,
#secondary .widget .wp-block-latest-comments,
#secondary .widget .wp-block-latest-posts,
#secondary .widget .wp-block-social-links,
#secondary .widget .wp-block-tag-cloud {
  padding: 11px 20px 11px 24px;
}

#secondary .widget-title+.wp-widget-group__inner-blocks .wp-block-archives,
#secondary .widget-title+.wp-widget-group__inner-blocks .wp-block-calendar,
#secondary .widget-title+.wp-widget-group__inner-blocks .wp-block-categories,
#secondary .widget-title+.wp-widget-group__inner-blocks .wp-block-latest-comments,
#secondary .widget-title+.wp-widget-group__inner-blocks .wp-block-latest-posts,
#secondary .widget-title+.wp-widget-group__inner-blocks .wp-block-social-links,
#secondary .widget-title+.wp-widget-group__inner-blocks .wp-block-tag-cloud {
  padding-top: 0;
}

#secondary .widget_construction_landing_page_featured_post .holder {
  padding: 0 20px 11px 24px;
}

#secondary .wp-block-social-links .wp-block-social-link {
  margin-bottom: 0;
}


.widget.widget_calendar table td {
  color: var(--font-color);
}

.widget.widget_calendar table tbody td a {
  background: var(--primary-color);
  text-decoration: none;
}

.footer-t .wp-block-social-links .wp-block-social-link::before {
  content: none;
}


#primary .post .entry-content .wp-block-tag-cloud a {
  color: var(--primary-color);
  text-decoration: none;
}

#primary .post .entry-content .wp-block-tag-cloud a:hover {
  text-decoration: underline;
}

.wp-block-social-links {
  flex-wrap: wrap !important;

}

.wp-block-social-links li {
  width: auto !important;

}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
  color: currentColor !important;
  fill: currentColor;
}

.widget_block.widget_tag_cloud {
  padding: 16px 0 0 0;
}

.wp-block-tag-cloud {
  margin-bottom: 0;
}

.wp-block-tag-cloud a {
  display: inline-block;
  font-size: 14px !important;
  border: 1px solid #d9d9d9;
  padding: 4px 15px;
  border-radius: 40px;
  text-decoration: none;
  margin-right: 5px;
  margin-bottom: 10px;
  color: var(--font-color) !important;
  vertical-align: middle;
  font-family: var(--secondary-font);
}

.wp-block-tag-cloud a:hover {
  background: var(--primary-color);
  color: var(--white-color) !important;
  text-decoration: none !important;
}

.post .entry-content li a {
  text-decoration: none !important;
}

.post .entry-content ul {
  list-style: none;
}

.widget_block li,
.post .entry-content li {
  display: inline-block !important;
  width: 100%;
}

.widget_block li a:hover {
  text-decoration: none !important;
  color: var(--primary-color);
}

.widget_block li a {
  color: var(--font-color);
}

.footer-t .widget a {
  text-decoration: underline;
}

.footer-t .widget a:hover {
  color: var(--primary-color);
}

.search .top-section .search-form input[type="submit"],
.widget .search-form input[type="submit"] {
  float: right;
  width: 48px;
  height: 48px;
  background: var(--primary-color) url(//cgs-france.com/wp/wp-content/themes/construction-landing-page/images/icon-search.png) no-repeat 45% 50%;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-indent: -9999px;
  opacity: 1;
}


.main-navigation ul li.menu-item-has-children::before {
  top: 10px;
}

.no-results.not-found .page-header {
  width: 100%;
  clear: both;
  margin-bottom: 15px;
}

.no-results.not-found .page-content{
  margin: 0;
}

.no-results.not-found .search-form label {
  width: 80%;
}

.no-results.not-found .search-form input[type="submit"] {
  margin-top: 10px;
  padding: 10px 20px;
}/*
Theme Name: Builders Landing Page
Theme URI: https://rarathemes.com/wordpress-themes/builders-landing-page/
Template: construction-landing-page  
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Builders Landing Page is a child theme of Construction Landing Page free WordPress theme. This theme is best suited to create a landing page for construction & building company, architects, plumbers, packers and movers, landscapers, or any construction-related businesses. The theme features a flawless mobile-friendly design along with professional design. The visually stunning and appealing UX of this theme can be highly beneficial in acquiring new customers for your construction. It is developed by implementing SEO friendly codes and is Schema.org mark up ready which will help your website rank high in search engine results. Also, it is optimized for speed to provide your visitors with smooth user experience while browsing your website leading to higher lead generation. Designed with visitor engagement in mind, Builders Landing Page helps you to easily and intuitively create professional and appealing websites for your construction & building related business. Furthermore, it is a cross-browser compatible, translation ready and supports RTL scripts. Also, it is backed up by the super-friendly and experienced support team to help you with your issues and queries while using our theme. Check the demo at https://rarathemes.com/previews/?theme=builders-landing-page, documentation at https://docs.rarathemes.com/docs/builders-landing-page/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.0.8
Tested up to: 5.8
Requires PHP: 5.6
Requires at least: 4.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: builders-landing-page
Tags: blog, two-columns, right-sidebar, footer-widgets, custom-background, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, full-width-template, theme-options, portfolio, e-commerce
*/

:root{
    --primary-color: #FFB600;
    --primary-font: 'Muli', sans-serif;
    --secondary-font: 'Poppins', sans-serif;
    --font-color: #585656;
}

body:not(.no-banner).admin-bar .site-header{
    margin: 0;
}

body,
button,
input,
select,
textarea{
    font-size: 18px;
    line-height: 1.650em;
    font-family: var(--primary-font);
    color: var(--font-color);
}

a{
    color: var(--primary-color);
}

a:hover,
a:focus{
    color: var(--primary-color);
    text-decoration: underline;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea{
    font-size: 14px;
    line-height: 22px;
    color: var(--font-color);
    padding: 13px 15px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ECECEC;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: #1C1C1C;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 14px;
    line-height: 1em;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus{
    background: none;
    color: var(--primary-color);
}

/*===============================
 Header Style
==============================*/
.site-header{
    position: unset;
    background: #fff;
    padding: 0;
}

.site-header .top-bar{
    background: #1C1C1C;
    padding: 11px 0 10px;
}

.site-header .top-bar .container:after{
    display: none;
}

.site-header .top-bar .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.site-header .top-bar .phone-holder{
    font-size: 14px;
    line-height: 19px;
    font-family: var(--secondary-font);
}

.site-header .top-bar .phone-holder a{
    color: #fff;
    margin-left: 4px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.site-header .top-bar .phone-holder a:hover,
.site-header .top-bar .phone-holder a:focus{
    text-decoration: none;
    color: var(--primary-color);
}

.site-header .top-bar .phone-holder a:focus{
    outline: thin dotted #fff;
}

.site-header .top-bar .social-networks{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 1em;
    display: flex;
    flex-wrap: wrap;
}

.site-header .top-bar .social-networks li{
    margin-left: 30px;
}

.site-header .top-bar .social-networks li:first-child{
    margin-left: 0;
}

.site-header .top-bar .social-networks li a{
    color: #fff;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.site-header .top-bar .social-networks li a:hover,
.site-header .top-bar .social-networks li a:focus{
    text-decoration: none;
    color: var(--primary-color);
}

.site-header .top-bar .social-networks li a:focus{
    outline: thin dotted #fff;
}

.site-header .header-t .container:after{
    display: none;
}

.site-header .header-t .container{
    display: flex;
    flex-direction: column;
}

.site-header .header-t .top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0;
    align-items: center;
}

.site-header .site-branding{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.site-header .site-branding .custom-logo-link{
    margin-right: 20px;
    float: none;
}

.site-header .site-branding .custom-logo-link:focus{
    outline: thin dotted #000;
}

.site-header .site-branding .custom-logo-link img{
    vertical-align: top;
}

.site-header .site-branding .text-logo{
    flex-basis: 0;
    flex-grow: 1;
    float: none;
}

.site-header .site-branding .site-title{
    font-size: 30px;
    line-height: 46px;
    font-family: var(--secondary-font);
    color: #121212;
    text-transform: none;
}

.site-header .site-branding .site-title a{
    color: #121212;
}

.site-header .site-branding .site-title a:focus{
    outline: thin dotted #000;
    text-decoration: none;
}

.site-header .site-branding .site-description{
    font-size: 14px;
    line-height: 19px;
    color: #999;
}

.site-header .right-panel{
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 16px;
    color: #999;
    font-family: var(--secondary-font);
}

.site-header .right-panel .col{
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid rgba(38, 37, 37, 0.1);
}

.site-header .right-panel .col:first-child{
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
}

.site-header .right-panel .header-phone{
    display: block;
    position: relative;
    padding-left: 50px;
}

.site-header .right-panel .header-phone svg{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.site-header .right-panel .header-email{
    display: block;
    position: relative;
    padding-left: 51px;
}

.site-header .right-panel .header-email svg{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.site-header .right-panel svg{
    fill: var(--primary-color);
}

.site-header .right-panel a{
    font-size: 16px;
    line-height: 22px;
    display: block;
    color: #1C1C1C;
    font-family: var(--secondary-font);
    font-weight: 600;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.site-header .right-panel a:hover,
.site-header .right-panel a:focus{
    text-decoration: none;
    color: var(--primary-color);
}

.site-header .right-panel a:focus{
    outline: thin dotted #000;
}

/*==============================
 Navigation Style
==============================*/
.main-navigation{
    float: none;
    display: block;
    width: 100%;
    margin: 0;
}

.main-navigation ul:after{
    display: none;
}

.main-navigation ul{
    display: flex;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: var(--secondary-font);
    text-transform: uppercase;
}

.main-navigation ul li{
    float: none;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    margin: 0;
    border-right: 1px solid #D69A02;
}

.main-navigation ul li:last-child{
    border-right-color: transparent; 
}

.main-navigation ul li a{
    background: var(--primary-color);
    padding: 20px 0;
    text-align: center;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li:hover > a,
.main-navigation ul li:focus > a,
.main-navigation ul .current-menu-item > a,
.main-navigation ul .current-menu-ancestor > a,
.main-navigation ul .current_page_item > a,
.main-navigation ul .current_page_ancestor > a{
    background: #1C1C1C;
    color: #fff;
    text-decoration: none;
}

.main-navigation ul li a:focus,
.main-navigation ul li:focus > a{
    outline: thin dotted #fff;
    outline-offset: -2px;
}

.main-navigation ul ul{
    float: none;
    width: 250px;
    background: none;
    left: -1px;
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
}

.main-navigation ul ul li{
    border: 0;
}

.main-navigation ul ul li a{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-align: left;
    padding: 10px 15px;
}

.main-navigation ul li a.request-link{
    background: #1c1c1c;
}

.main-navigation ul li a.request-link:hover,
.main-navigation ul li a.request-link:focus{
    background: var(--primary-color);
}

/*========================
 Banner Style
========================*/
.banner{
    padding: 80px 0;
    min-height: 760px;
    display: flex;
}

.banner:before{
    background: rgba(0, 0, 0, 0.5);
}

.banner .container{
    display: flex;
    min-height: 100%;
}

.banner .row{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.banner .row:after{
    display: none;
}

.banner .col{
    padding: 0;
    width: 41.667%;
}

.banner .col:first-child{
    width: 50%;
}

.banner .text{
    margin: 0;
    font-size: 20px;
    line-height: 33px;
}

.banner .text .title{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    font-weight: 500;
    font-family: var(--secondary-font);
    margin: 0 0 20px;
}

.banner .text p{
    margin: 0;
}

.banner form{
    margin: 0;
    padding: 50px 40px;
    background: rgba(0, 0, 0, 0.6);
}

.banner form:after{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFB600' viewBox='0 0 190 190'%3E%3Cpath d='M165.946,30.184a117.656,117.656,0,0,0-12.211,22.392c-.506,1.268-.875,4,.447,4.732,1.381.781,2.625-1.488,3.131-2.732,5.211-13,13.417-23.538,21.389-33.88,1.167-1.512,2.489-7.318-.6-6.488-14.039,3.732-28.156,7.366-42.546,7.659-2.528.049-4.511,7.781-1.633,7.732a131.54,131.54,0,0,0,26.1-3.512,345.464,345.464,0,0,0-62.5,43.125,403.166,403.166,0,0,0-62.477,68.3A450.648,450.648,0,0,0,5.913,183.293c-.719,1.293-1.4,3.952-.408,5.293,1.05,1.415,2.508-.268,3.131-1.366a426.263,426.263,0,0,1,53.707-76.03,369.007,369.007,0,0,1,66.152-58.785A324.27,324.27,0,0,1,165.946,30.184Z'/%3E%3C/svg%3E") center center no-repeat;
    width: 190px;
    height: 190px;
    top: 85px;
    left: -152px;
}

.banner form strong{
    font-size: 32px;
    line-height: 48px;
    font-weight: 600;
    font-family: var(--secondary-font);
    color: var(--primary-color);
}

.banner form input[type="text"],
.banner form input[type="email"]{
    padding: 13px 15px;
    border-radius: 5px;
    color: var(--font-color);
    font-size: 14px;
}

.banner form textarea{
    padding: 13px 15px;
    border-radius: 5px;
    color: var(--font-color);
    height: 96px;
    font-size: 14px;
}

.banner form input[type="submit"]{
    /*float: left;*/
    width: inherit;
    border-radius: 5px;
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    color: #1c1c1c;
    font-size: 14px;
    line-height: 1em;
    font-weight: 600;
    height: inherit;
    margin: 0 auto;
}

.banner form input[type="submit"]:hover,
.banner form input[type="submit"]:focus{
    background: none;
    color: var(--primary-color);
}

.banner form input[type="submit"]:focus{
    outline: thin dotted #fff;
    outline-offset: -4px;
}

.banner form .ajax-loader{
    display: none;
}

/*==============================
 About Section Style
==============================*/
.about{
    background: #fff;
    padding: 80px 0;
    text-align: left;
}

.about .header{
    margin: 0 auto 60px;
    max-width: 770px;
    text-align: center;
    line-height: 33px;
}

.about .header .main-title:after{
    display: none;
}

.about .header .main-title{
    padding: 0;
    margin: 0 0 10px;
    font-size: 36px;
    line-height: 55px;
    font-weight: 500;
    font-family: var(--secondary-font);
}

.about .row{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ECECEC;
}

.about .col{
    padding: 30px;
    float: none;
    display: block;
    margin: 0;
    border-right: 1px solid #ECECEC;
}

.about .col:last-child{
    border-right: 0;
}

.about .col .img-holder{
    margin: 0 0 20px;
}

.about .col .text-holder{
    box-shadow: none;
    padding: 0;
    line-height: 1.650em;
    font-size: 17px;
    height: inherit !important;
}

.about .col .text-holder .title{
    line-height: 30px;
    font-weight: 600;
    font-family: var(--secondary-font);
    margin: 0 0 10px;
}

.about .col .text-holder .title a{
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.about .col .text-holder .title a:hover,
.about .col .text-holder .title a:focus{
    color: var(--primary-color);
}

.about .col .text-holder .title a:focus{
    text-decoration: none;
    outline: thin dotted #000;
}

.about .btn-holder{
    margin-top: 60px;
    text-align: center;
}

.about .btn-holder a{
    display: inline-block;
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: var(--primary-color);
    border-radius: 5px;
    border: 2px solid var(--primary-color);
    padding: 19px 35px;
    font-weight: 600;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.about .btn-holder a:hover,
.about .btn-holder a:focus{
    text-decoration: none;
    background: none;
    color: var(--primary-color);
}

.about .btn-holder a:focus{
    outline: thin dotted #000;
}

/*===================================
 CTA Section Style
==================================*/
.promotional-block{
    padding: 100px 0;
    background-attachment: inherit;
}

.promotional-block:before{
    background: rgba(0, 0, 0, 0.6);
}

.promotional-block .holder{
    max-width: 770px;
    font-size: 20px;
    line-height: 33px;
}

.promotional-block .holder .main-title{
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
    font-family: var(--secondary-font);
    margin: 0 0 20px;
}

.promotional-block .holder .btn{
    font-size: 16px;
    line-height: 1em;
    font-weight: 600;
    font-family: var(--secondary-font);
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    border-radius: 5px;
    padding: 20px 40px;
    text-transform: none;
    height: inherit;
    letter-spacing: 1px;
    margin: 20px 0 0;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.promotional-block .holder .btn:hover,
.promotional-block .holder .btn:focus{
    background: none;
    color: var(--primary-color);
}

.promotional-block .holder .btn:focus{
    text-decoration: none;
    outline: thin dotted #fff;
}

/*================================
 Porotolio Section Style
================================*/
.our-projects{
    padding: 80px 0;
    text-align: left;
}

.our-projects .header{
    margin: 0 auto 60px;
    max-width: 770px;
    text-align: center;
    line-height: 33px;
}

.our-projects .header .main-title:after{
    display: none;
}

.our-projects .header .main-title{
    padding: 0;
    margin: 0 0 10px;
    font-size: 36px;
    line-height: 55px;
    font-weight: 500;
    font-family: var(--secondary-font);
}

.our-projects .row{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ECECEC;
}

.our-projects .col{
    float: none;
    display: block;
    width: 50%;
    padding: 40px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
}

.our-projects .col:nth-child(2n){
    border-right: 0;
}

.our-projects .col .img-holder{
    width: 45%;
    margin-right: 40px;
}

.our-projects .col .img-holder img{
    height: 100%;
    object-fit: cover;
}

.our-projects .col .blp-text-holder{
    flex-basis: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.our-projects .col .blp-text-holder .text-content{
    flex-grow: 1;
}

.our-projects .col .blp-text-holder .title{
    font-size: 24px;
    line-height: 35px;
    font-weight: 600;
    font-family: var(--secondary-font);
    color: #121212;
    margin: 0 0 20px;
}

.our-projects .col .blp-text-holder .btn-more{
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1em;
    font-weight: 600;
    font-family: var(--secondary-font);
    letter-spacing: 1px;
    position: relative;
    padding-right: 34px;
    align-self: flex-start;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.our-projects .col .blp-text-holder .btn-more:after{
    position: absolute;
    top: 50%;
    right: 0;
    content: '';
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffb600' viewBox='0 0 97 92'%3E%3Cpath d='M34.5,44.974H52.106L50.468,40.5a32.055,32.055,0,0,0,9.032,5,32.055,32.055,0,0,0-9.032,5L52.1,46.026H34.5Z'/%3E%3C/svg%3E") center center no-repeat;
    width: 25px;
    height: 12px;
    background-size: 7em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.our-projects .col .blp-text-holder .btn-more:hover,
.our-projects .col .blp-text-holder .btn-more:focus{
    text-decoration: none;
}

.our-projects .col .blp-text-holder .btn-more:hover:after,
.our-projects .col .blp-text-holder .btn-more:focus:after{
    outline: none;
    -webkit-transform: translate(10px, -50%);
    -moz-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
}

.our-projects .col .blp-text-holder .btn-more:focus{
    text-decoration: none;
    outline: thin dotted #000;
}

.our-projects .btn-holder{
    margin-top: 60px;
    text-align: center;
}

.our-projects .btn-holder a{
    display: inline-block;
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: var(--primary-color);
    border-radius: 5px;
    border: 2px solid var(--primary-color);
    padding: 19px 35px;
    font-weight: 600;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.our-projects .btn-holder a:hover,
.our-projects .btn-holder a:focus{
    text-decoration: none;
    background: none;
    color: var(--primary-color);
}

.our-projects .btn-holder a:focus{
    outline: thin dotted #000;
}

/*===================================
 Services Section Style
===================================*/
.our-services{
    padding: 0 0 80px;
    background: #F5F5F5 !important;
}

.our-services:before{
    display: none;
}

.our-services .top{
    padding: 80px 0 170px;
    min-height: 409px;
    position: relative;
    background: #000;
}

.our-services .top:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    content: '';
}

.our-services .header{
    margin: 0 auto 60px;
    max-width: 770px;
    text-align: center;
    line-height: 33px;
}

.our-services .header .main-title:after{
    display: none;
}

.our-services .header .main-title{
    padding: 0;
    margin: 0 0 10px;
    font-size: 36px;
    line-height: 55px;
    font-weight: 500;
    font-family: var(--secondary-font);
}

.our-services .services-content{
    position: relative;
    margin-top: -100px;
}

.our-services .row{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ECECEC;
    border-left: 1px solid #ECECEC
}

.our-services .col{
    width: 33.333%;
    padding: 0;
    margin: 0;
    float: none;
    display: block;
    border-right: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}

.our-services .col .holder{
    padding: 40px;
    line-height: 1.650em;
    height: 100% !important;
}

.our-services .col .holder .icon-holder{
    margin: 0 0 30px;
}

.our-services .col .holder .title{
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #121212;
    font-family: var(--secondary-font);
}

.our-services .col .holder .title a{
    color: #121212;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.our-services .col .holder .title a:hover,
.our-services .col .holder .title:focus{
    outline: none;
    color: var(--primary-color);
    text-decoration: none;
}

.our-services .btn-holder{
    margin-top: 60px;
    text-align: center;
}

.our-services .btn-holder a{
    display: inline-block;
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: var(--primary-color);
    border-radius: 5px;
    border: 2px solid var(--primary-color);
    padding: 19px 35px;
    font-weight: 600;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.our-services .btn-holder a:hover,
.our-services .btn-holder a:focus{
    text-decoration: none;
    background: none;
    color: var(--primary-color);
}

.our-services .btn-holder a:focus{
    text-decoration: none;
    outline: thin dotted #000;
}

/*===============================
 Clients Section Style
===============================*/
.our-clients{
    padding: 80px 0;
    background: #fff;
    border-bottom: 1px solid #ECECEC;
}

.our-clients .header{
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #121212;
    margin: 0 auto 40px;
    max-width: 770px;
    font-family: var(--secondary-font);
    text-transform: none;
}

.our-clients .header strong{
    font-weight: 600;
}

.our-clients .row{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.our-clients .row:after{
    display: none;
}

.our-clients .col{
    float: none;
    display: block;
    padding: 20px 15px;
}

.our-clients .col img{
    filter: grayscale(0);
}

/*=============================
 Testimonial Section Style
==============================*/
.testimonial{
    padding: 80px 0;
}

.testimonial .header{
    margin: 0 auto 60px;
    max-width: 770px;
    text-align: center;
    line-height: 33px;
}

.testimonial .header .main-title:after{
    display: none;
}

.testimonial .header .main-title{
    padding: 0;
    margin: 0 0 10px;
    font-size: 36px;
    line-height: 55px;
    font-weight: 500;
    font-family: var(--secondary-font);
}

.testimonial .col{
    width: 33.333%;
}

.testimonial .col blockquote{
    background: none;
    border: 1px solid #ECECEC;
    border-radius: 0;
    padding: 78px 30px 30px;
    margin: 0 0 20px;
}

.testimonial .col blockquote:before{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 48px;
    height: 36px;
    content: '';
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffb600' viewBox='0 0 512 512'%3E%3Cpath d='M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E") center center no-repeat;
}


.testimonial .col blockquote::after{
    left: 40px;
    bottom: -10px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.testimonial .col cite{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 22px;
}

.testimonial .col cite .text-holder{
    position: unset;
    top: inherit;
    flex-basis: 0;
    flex-grow: 1;
}

.testimonial .col cite .text-holder .name{
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    font-family: var(--secondary-font);
    color: #121212;
    margin: 0;
}

.testimonial .col cite .text-holder .company{
    font-size: 14px;
    color: var(--font-color);
    margin: 0;
}

.testimonial .col cite .text-holder .company p{
    margin: 0;
}

.testimonial .col cite .img-holder{
    width: 64px;
    height: 64px;
    margin-right: 14px;
    border: 1px solid #ECECEC;
    border-radius: 50%;
}

.testimonial .col cite .img-holder img, .testimonial .col cite .img-holder svg{
    border: 5px solid #fff;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial .btn-holder{
    margin-top: 20px;
    text-align: center;
}

.testimonial .btn-holder a{
    display: inline-block;
    font-family: var(--secondary-font);
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: var(--primary-color);
    border-radius: 5px;
    border: 2px solid var(--primary-color);
    padding: 19px 35px;
    font-weight: 600;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.testimonial .btn-holder a:hover,
.testimonial .btn-holder a:focus{
    text-decoration: none;
    background: none;
    color: var(--primary-color);
}

.testimonial .btn-holder a:focus{
    outline: thin dotted #000;
}

/*=================================
 Promotional Block-2 Style
=================================*/
.promotional-block2{
    background-attachment: inherit;
    padding: 80px 0;
}

.promotional-block2:before{
    background: rgba(0, 0, 0, 0.5);
}

.promotional-block2 .header{
    margin: 0 auto 60px;
    max-width: 770px;
    text-align: center;
    line-height: 33px;
}

.promotional-block2 .header .main-title:after{
    display: none;
}

.promotional-block2 .header .main-title{
    padding: 0;
    margin: 0 0 10px;
    font-size: 36px;
    line-height: 55px;
    font-weight: 500;
    font-family: var(--secondary-font);
}

.promotional-block2 form{
    padding: 50px 40px;
    background: rgba(0, 0, 0, 0.6);
    max-width: 470px;
}

.promotional-block2 form:after{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFB600' viewBox='0 0 190 190'%3E%3Cpath d='M165.946,30.184a117.656,117.656,0,0,0-12.211,22.392c-.506,1.268-.875,4,.447,4.732,1.381.781,2.625-1.488,3.131-2.732,5.211-13,13.417-23.538,21.389-33.88,1.167-1.512,2.489-7.318-.6-6.488-14.039,3.732-28.156,7.366-42.546,7.659-2.528.049-4.511,7.781-1.633,7.732a131.54,131.54,0,0,0,26.1-3.512,345.464,345.464,0,0,0-62.5,43.125,403.166,403.166,0,0,0-62.477,68.3A450.648,450.648,0,0,0,5.913,183.293c-.719,1.293-1.4,3.952-.408,5.293,1.05,1.415,2.508-.268,3.131-1.366a426.263,426.263,0,0,1,53.707-76.03,369.007,369.007,0,0,1,66.152-58.785A324.27,324.27,0,0,1,165.946,30.184Z'/%3E%3C/svg%3E") center center no-repeat;
    width: 190px;
    height: 190px;
    top: -75px;
    left: inherit;
    right: -70px;
    background-size: 6em;
    -webkit-transform: rotate(175deg);
    -moz-transform: rotate(175deg);
    transform: rotate(175deg);
}

.promotional-block2 form strong{
    font-size: 32px;
    line-height: 48px;
    font-weight: 600;
    font-family: var(--secondary-font);
    color: var(--primary-color);
}

.promotional-block2 form input[type="text"],
.promotional-block2 form input[type="email"]{
    padding: 13px 15px;
    border-radius: 5px;
    color: var(--font-color);
    font-size: 14px;
}

.promotional-block2 form textarea{
    padding: 13px 15px;
    border-radius: 5px;
    color: var(--font-color);
    height: 96px;
    font-size: 14px;
}

.promotional-block2 form input[type="submit"]{
    /*float: left;*/
    margin: 0 auto;
    width: inherit;
    border-radius: 5px;
    border: 2px solid var(--primary-color);
    background: var(--primary-color);
    color: #1c1c1c;
    font-size: 14px;
    line-height: 1em;
    font-weight: 600;
    height: inherit;
    padding: 15px 25px;
}

.promotional-block2 form input[type="submit"]:hover,
.promotional-block2 form input[type="submit"]:focus{
    background: none;
    color: var(--primary-color);
}

.promotional-block2 form input[type="submit"]:focus{
    outline: thin dotted #fff;
    outline-offset: -4px;
}

.promotional-block2 form .ajax-loader{
    display: none;
}

/*================================
 Blog Page Style
===============================*/
.header-block{
    background: none;
}

.page-header .page-title{
    font-family: var(--secondary-font);
    color: #121212;
}

#crumbs{
    font-family: var(--secondary-font);
}

#crumbs a{
    color: #121212;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

#crumbs a:hover,
#crumbs a:focus{
    color: var(--primary-color);
}

#crumbs a:focus{
    outline: thin dotted #000;
    text-decoration: none;
}

#crumbs .current{
    color: #999;
}

#content{
    padding-top: 20px;
}

#primary .post .post-thumbnail:focus,
.search #primary .page .post-thumbnail:focus{
    outline: thin dotted #000;
}

#primary .post .entry-header .entry-title,
.search #primary .page .entry-header .entry-title{
    font-family: var(--secondary-font);
    margin: 0 0 10px;
}

#primary .post .entry-header .entry-title a:hover,
.search #primary .page .entry-header .entry-title a:hover{
    color: var(--primary-color);
}

#primary .post .entry-header .entry-title a:focus{
    text-decoration: none;
    outline: thin dotted #000;
}

#primary .post .entry-meta{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#primary .post .entry-meta .byline{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#primary .post .entry-meta .byline,
#primary .post .entry-meta .cat-links,
#primary .post .entry-meta .tag-links,
#primary .post .entry-meta .posted-on,
#primary .post .entry-meta .comments-link{
    margin-bottom: 12px;
}

#primary .post .entry-meta .byline .authors{
    margin-left: 4px;
}

#primary .post .entry-meta a:hover,
#primary .post .entry-meta a:focus{
    color: var(--primary-color);
}

#primary .post .entry-meta a:focus{
    text-decoration: none;
    outline: thin dotted #000;
}

#primary .post .entry-footer .btn-readmore,
.search #primary .page .entry-footer .btn-readmore{
    height: inherit;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: var(--primary-color);
    border-radius: 5px;
    border: 2px solid var(--primary-color);
    padding: 19px 35px;
    font-weight: 600;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

#primary .post .entry-footer .btn-readmore:hover,
.search #primary .page .entry-footer .btn-readmore:hover,
#primary .post .entry-footer .btn-readmore:focus,
.search #primary .page .entry-footer .btn-readmore:focus{
    background: none;
    color: var(--primary-color);
}

.pagination .current,
.pagination a:hover,
.pagination a:focus{
    background: var(--primary-color);
}

/*===============================
 Sidebar Style
==============================*/
#secondary .widget{
    background: none;
    border: 1px solid #ECECEC; 
}

#secondary .widget .widget-title{
    background: none;
    font-family: var(--secondary-font);
    font-weight: 500;
    border-bottom: 1px solid #ECECEC;
    margin: 0;
}

#secondary .widget ul{
    font-size: 15px;
    line-height: 24px;
    padding: 20px 20px 11px 24px;
}

#secondary .widget ul li a{
    color: #121212;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

#secondary .widget ul li a:hover,
#secondary .widget ul li a:focus{
    color: var(--primary-color);
}

#secondary .widget ul li a:focus{
    text-decoration: none;
    outline: thin dotted;
}

.widget.widget_calendar table tbody td a{
    background: var(--primary-color);
    color: #121212;
}

.widget_media_gallery .gallery{
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: 0;
    padding: 2px;
}

.widget_media_gallery .gallery .gallery-item{
    padding-left: 1px;
    padding-right: 1px;
    margin-bottom: 2px;
}

.widget_media_gallery .gallery img{
    vertical-align: top;
}

.widget_media_image img{
    vertical-align: top;
    padding: 2px;
}

.widget.widget_construction_landing_page_featured_post .holder{
    padding: 10px 25px;
    font-size: 15px;
    line-height: 1.600em;
}

.widget.widget_construction_landing_page_featured_post p{
    margin: 0 0 1.5em;
}

.widget.widget_construction_landing_page_featured_post .readmore{
    color: #121212;
    font-family: var(--secondary-font);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 14px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.widget.widget_construction_landing_page_featured_post .readmore:hover,
.widget.widget_construction_landing_page_featured_post .readmore:focus{
    text-decoration: none;
    outline: none;
    color: var(--primary-color);
}

.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    font-family: var(--secondary-font);
}

.widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta,
.widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta{
    font-size: 13px;
}

#secondary .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a,
#secondary .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a{
    color: #999;
}

#secondary .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:hover,
#secondary .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:hover,
#secondary .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:focus,
#secondary .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:focus{
    color: var(--primary-color);
}

#secondary .widget.widget_construction_landing_page_social_links ul li{
    margin-right: 29px;
}

.widget .search-form{
    background: var(--primary-color);
    display: flex;
    flex-wrap: wrap;    
}

.widget .search-form label{
    flex-basis: 0;
    flex-grow: 1;
    width: 100%;
    padding: 10px;
    background: #fff;
}

.widget .search-form input[type="submit"]{
    padding: 0;
    background-color: var(--primary-color);
}

.widget .search-form input[type="search"]{
    padding: 0;
    float: none;
    display: block;
    background: none;
    color: #121212;
}

.widget.widget_tag_cloud .tagcloud{
    padding: 10px 20px 11px 24px;
}

.widget.widget_tag_cloud .tagcloud a{
    margin: 0 5px 5px 0;
    border-color: var(--primary-color);
}

.widget.widget_tag_cloud .tagcloud a:hover,
.widget.widget_tag_cloud .tagcloud a:focus{
    background: var(--primary-color);
    border-color: var(--primary-color);
}

/*===================================
 Single Page/Post Style
===================================*/
#primary .post .entry-content h1,
#primary .page .entry-content h1,
#primary .post .entry-content h2,
#primary .page .entry-content h2,
#primary .post .entry-content h3,
#primary .page .entry-content h3,
#primary .post .entry-content h4,
#primary .page .entry-content h4,
#primary .post .entry-content h5,
#primary .page .entry-content h5,
#primary .post .entry-content h6,
#primary .page .entry-content h6{
    font-family: var(--secondary-font);
    color: #121212;
    font-weight: 500;
}

.comments-area .comment-form input[type="submit"]{
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 14px;
    line-height: 1em;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.comments-area .comment-form input[type="submit"]:hover,
.comments-area .comment-form input[type="submit"]:focus{
    outline: none;
    background: none;
    color: var(--primary-color);
}

.comments-area .comment-list .comment-meta .comment-metadata a:hover,
.comments-area .comment-list .comment-meta .comment-metadata a:focus{
    color: var(--primary-color);
}

.comments-area .comment-list .comment-body .reply a:hover{
    background: var(--primary-color);
}

/*==========================
 Footer Style
==========================*/
.site-footer{
    background: #1C1C1C;
    color: #fff;
    font-size: 18px;
    line-height: 1.650em;
}

.site-footer a:hover,
.site-footer a:focus{
    text-decoration: none;
    outline: none;
    color: var(--primary-color);
}

.site-footer .widget{
    margin: 0 0 50px;
}

.site-footer .widget .widget-title{
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: var(--secondary-font);
    margin: 0 0 20px;
    text-transform: uppercase;
}

.site-footer .widget.widget_text .textwidget{
    padding: 0;
}

.site-footer .widget ul li a{
    color: #fff;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

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

.site-footer .widget ul li a:hover,
.site-footer .widget ul li a:focus{
    text-decoration: none;
    color: var(--primary-color);
}

.site-footer .widget ul li a:focus{
    outline: thin dotted #fff;
    outline-offset: 2px;
    text-decoration: none;
}

.site-footer .widget ul li:before{
    display: none;
}


.widget.widget_calendar .calendar_wrap {
    padding: 0 20px 11px 24px;
    position: relative;
}
.site-footer .widget.widget_calendar .calendar_wrap{
    padding: 0;
}
.widget.widget_calendar .calendar_wrap .wp-calendar-nav{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 20px;
    line-height: 1;
}

.site-footer .widget.widget_construction_landing_page_featured_post .readmore{
    color: #fff;
}

.site-footer .widget.widget_construction_landing_page_featured_post .readmore:hover,
.site-footer .widget.widget_construction_landing_page_featured_post .readmore:focus{
    outline: none;
    text-decoration: none;
    color: var(--primary-color);
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .post-thumbnail,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .post-thumbnail{
    width: 75px;
    margin-right: 20px;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .post-thumbnail img,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .post-thumbnail img{
    width: 75px;
    height: 75px;
    object-fit: cover;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a{
    color: #fff;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a:hover,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a:hover,
.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a:focus,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a:focus{
    color: var(--primary-color);
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a{
    color: #fff;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:hover,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:hover,
.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:focus,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:focus{
    color: var(--primary-color);
}

.site-footer .widget.widget_tag_cloud .tagcloud{
    padding: 0;
}

.site-footer .site-info a:focus{
    outline: thin dotted #fff;
}

.error404 .error-holder .btn-back{
    font-size: 16px;
    line-height: 1em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--secondary-font);
    color: #fff;
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    height: inherit;
    padding: 15px 35px;
    border-radius: 5px;
    width: inherit;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.error404 .error-holder .btn-back:hover,
.error404 .error-holder .btn-back:focus{
    background: none;
    text-decoration: none;
    outline: none;
    color: var(--primary-color);
}

.search .top-section .search-form{
    display: flex;
    flex-wrap: wrap;
    background: var(--primary-color);
}

.search .top-section .search-form label{
    width: 100%;
    float: none;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
}

.search .top-section .search-form input[type="search"]{
    border-radius: 0;
}

.search .top-section .search-form input[type="submit"]{
    padding: 0;
    border: 0;
    background-color:var(--primary-color); 
}
.widget.widget_calendar caption{
    padding: 10px 0;
    width: max-content;
}
.widget.widget_calendar .calendar_wrap .wp-calendar-nav{
    padding: 12px 20px;
}
@media only screen and (max-width: 991px){
    .mobile-header{
        background: #1c1c1c;
    }

    .mobile-header .site-branding .site-title{
        font-family: var(--secondary-font);
    }

    .mobile-menu .phone-holder,
    .mobile-menu .email-holder{
        margin: 20px 32px;
        font-size: 15px;
        line-height: 22px;
        padding-left: 30px;
        position: relative;
    }

    .mobile-menu .phone-holder:before{
        position: absolute;
        top: 3px;
        left: 0;
        width: 17px;
        height: 25px;
        content: '';
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFB600' viewBox='0 0 512 512'%3E%3Cpath d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E") center center no-repeat;
    }

    .mobile-menu .email-holder:before{
        position: absolute;
        top: 0;
        left: 0;
        width: 17px;
        height: 25px;
        content: '';
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFB600' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E") center center no-repeat;
    }

    .mobile-menu .phone-holder a,
    .mobile-menu .email-holder a{
        display: block;
        font-weight: 600;
        color: #121212;
        -webkit-transition: ease 0.2s;
        -moz-transition: ease 0.2s;
        transition: ease 0.2s;
    }

    .mobile-menu .phone-holder a:hover,
    .mobile-menu .phone-holder a:focus,
    .mobile-menu .email-holder a:hover,
    .mobile-menu .email-holder a:focus{
        outline: none;
        text-decoration: none;
        color: var(--primary-color);
    }

    .mobile-menu .social-networks{
        margin: 20px 32px;
        padding: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }

    .mobile-menu .social-networks li{
        margin: 0 20px 15px 0;
    }

    .mobile-menu .social-networks li a{
        color: #121212;
        -webkit-transition: ease 0.2s;
        -moz-transition: ease 0.2s;
        transition: ease 0.2s;
    }

    .mobile-menu .social-networks li a:hover,
    .mobile-menu .social-networks li a:focus{
        text-decoration: none;
        outline: none;
        color: var(--primary-color);
    }

    .mobile-menu .primary-navigation ul li a:hover,
    .mobile-menu .primary-navigation ul li a:focus,
    .mobile-menu .primary-navigation ul li:hover > a,
    .mobile-menu .primary-navigation ul li:focus > a,
    .mobile-menu .primary-navigation ul .current-menu-item > a,
    .mobile-menu .primary-navigation ul .current-menu-ancestor > a,
    .mobile-menu .primary-navigation ul .current_page_item > a,
    .mobile-menu .primary-navigation ul .current_page_ancestor > a{
        color: var(--primary-color);
    }

    .mobile-header .site-branding .text-logo{
        flex-basis: 0;
        flex-grow: 1;
    }

    .banner .col{
        width: 100%;
    }

    .banner .col:first-child{
        width: 100%;
        margin: 0 0 60px;
    }

    .banner form{
        margin: 0 auto;
    }

    .banner form:after{
        left: inherit;
        top: -80px;
        right: -130px;
        background-size: 7em;
        -webkit-transform: rotate(190deg);
        -moz-transform: rotate(190deg);
        transform: rotate(190deg);
    }

    .about .col{
        border-right: 0;
        border-bottom: 1px solid #ECECEC;
    }

    .about .col:last-child{
        border-bottom: 0;
    }

    .our-projects .col{
        width: 100%;
        border-right: 0;
    }

    .our-services .col{
        width: 50%;
    }

    .site-footer .site-info .copyright,
    .site-footer .site-info .by{
        width: 100%;
        text-align: center;
    }

    .mobile-header .menu-opener {
        padding: 0;
        border: 0;
        outline: 0;
    }
    .mobile-header .menu-opener:focus {
        outline: 1px dotted #fff;
    }

    .mobile-menu .close-mobile-menu {
        padding: 0;
        border: 0;
        outline: 0;
    }

    .mobile-menu .primary-navigation .social-networks {
        margin: 20px 32px;
        padding: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }

    .mobile-menu .primary-navigation .social-networks a{
        padding: 0px;
        border-top: 0;
    }
    
    .mobile-menu .primary-navigation .social-networks  li svg {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 767px){
    .banner form:after{
        display: none;
    }

    .about,
    .promotional-block,
    .our-projects,
    .our-clients,
    .testimonial{
        padding: 40px 0;
    }

    .about .header .main-title,
    .promotional-block .holder .main-title,
    .our-projects .header .main-title,
    .our-services .header .main-title,
    .testimonial .header .main-title{
        font-size: 30px;
        line-height: 45px;
    }

    .about .col,
    .our-projects .col{
        padding: 15px;
    }

    .our-projects .col{
        flex-direction: column;
    }

    .our-projects .col .img-holder{
        width: 100%;
        margin: 0 0 40px;
    }

    .our-services .top{
        padding: 40px 0 170px;
    }

    .our-services .col{
        width: 100%;
    }

    .our-services{
        padding: 0 0 40px;
    }

    .testimonial .col{
        width: 100%;
    }
}

@media (max-width:1024px) {
    .mobile-menu .social-networks li a {
      display: flex !important;
    }
}

@media only screen and (min-width:991px) {
    .main-navigation .menu-primary-container ul ul {
    position: absolute;
    top: 100%;
    left: -30px;
    width: 250px;
    font-weight: 400;
    flex-direction: column;
    margin-left: -99999px;
    opacity: 0 ;
    }
    .main-navigation .menu-primary-container ul li:hover > ul {
        margin-left: 0;
        opacity: 1;
    }
    .main-navigation .menu-primary-container ul li ul li ul {
        margin-top: -46px;
    }
    
    .main-navigation .menu-primary-container ul li:focus-within > ul {
        margin-left: 0;
        opacity: 1;
    }
    .main-navigation .menu-primary-container ul li ul li ul {
        margin-top: -46px;
    }
}


/* underline issue fixes */

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.widget .textwidget a {
	text-decoration: underline;
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
    color: var(--primary-color); 
	text-decoration: underline;
}

.main-navigation ul li.menu-item-has-children::before {
    top: 26px;
    right: 31px;
}