/*
Theme Name: Twenty Twenty
Text Domain: twentytwenty
Version: 1.6
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

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

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

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

* {
  box-sizing: border-box;
  /* transition: all ease-in-out 250ms; */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  font-family: "Epilogue", sans-serif;
  background: url(../twentytwenty/assets/images/curtains_pcs.png) top
    left/contain repeat-y;
}

/**
 * Render the `main` element consistently in IE.
 */
b,
strong {
  font-weight: 700;
}

h2 {
  font-size: 30px;
}

p {
  line-height: 1.8em;
  margin: 30px 0;
  padding: 0;
}

.tac {
  text-align: center;
}

.pad20 {
  padding: 20px;
}

.pad10 {
  padding: 10px;
}

.padRight5 {
  padding-right: 5px;
}

.padLeft5 {
  padding-left: 5px;
}

.padLeft10 {
  padding-left: 10px;
}

.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

.btn {
  padding: 0 30px;
  display: inline-block;
  vertical-align: middle;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
  background: linear-gradient(#f2ba29, #bd7105);
  outline: none;
  border: 1px solid;
  border-radius: 64px;
  cursor: pointer;
}

.btn:hover {
  background: white;
  color: black;
  transition: 150ms linear;
}

.dark-btn:hover {
  background: #1f1f1f;
  color: white;
  transition: 150ms linear;
}

.wrapper {
  margin: 0 auto;
  background: url(../twentytwenty/assets/images/curtains.png) top center
      no-repeat,
    url(../twentytwenty/assets/images/curtains_pcs.png) center 138px repeat-y;
  z-index: 9999;
  background-size: 100%;
  min-height: inherit;
  overflow: auto;
  position: relative;
}

.video_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video_bg video,
.video_bg img {
  width: 100%;
  height: 100%;
  max-height: 55%;
  object-fit: cover;
  object-position: center;
}

.video_bg:after {
  content: "";
  z-index: 1;
  height: 55%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
}

/*.navbar_top {
    width: 100%;
    max-width: 65%;
    margin: 0 auto;
}*/

.header_top {
  margin-top: 75px;
  display: inline-block;
  width: 100%;
}

.header_top .contactNav {
  float: left;
}

.navbar_top a {
  padding: 12px;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 0.9em;
}

.header_top a:hover {
  color: #f7941e;
}

.header_top a.active {
  color: #f7941e;
}

.header_top_right {
  float: right;
}

.header-toggle {
  display: none !important;
}

/* ........... */

.nav_wrap {
  width: 100%;
  max-width: 67%;
  margin: 0 auto;
}

.overlay {
  display: none;
}

.header-right #primary-menu {
  list-style: none;
}

.header-right #primary-menu li {
  float: left;
}

ul.sub-menu {
    display: none;
}

.header-right #primary-menu li:hover .sub-menu {
    display: block;
    position: absolute;
    background: #000000ad;
    list-style: none;
    margin-left: 30px;
    padding: 10px;
    z-index: 99999;
}

.header-right #primary-menu li:hover .sub-menu li {
    float: none;
    padding: 10px 0 10px 0;
    width: 100%;
    border-bottom: 1px solid #f7941e;
}
.header-right #primary-menu li:hover .sub-menu li:last-child {
    border-bottom: none;
}

.header-right #primary-menu li:hover .sub-menu li a {
    padding: 0;
    margin: 0;
}

.header {
  margin-top: 18px;
  display: inline-block;
  width: 100%;
}

.header a {
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 0.9em;
  display: inline-block;
}

.navbar {
  display: flex;
  justify-content: space-between;
}

.header .logo img {
  width: 100%;
  max-width: 125px;
}

.header a:hover {
  color: #f7941e;
}

.header a.active {
  color: #f7941e;
}

.header-right a {
  padding: 12px 0px 0px 30px;
  margin-top: 15px;
  position: relative;
}

/*.header-right a:after {*/
/*  content: "|";*/
/*  position: absolute;*/
/*  left: 115%;*/
/*  color: white;*/
/*}*/

.header-right a:last-child:after {
  display: none;
}

.container {
  width: 100%;
  max-width: 65%;
  margin: 0 auto;
}

.full-container {
  width: 100%;
  margin: 0 auto;
}

.home-intro {
  padding: 70px 0 70px 0;
}

.intro-image img {
  width: 100%;
  max-width: 300px;
}

/*Grid Container*/

.two-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.four-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 60px;
}

.home-services {
  padding: 70px 0 70px 0;
  background: url(../twentytwenty/assets/images/curtains_pcs.png) left top /
      contain repeat-y,
    url(../twentytwenty/assets/images/our-services.jpg) top center / cover
      no-repeat;
}

.home-services h2 {
  padding: 18px 0 18px 0;
  color: white;
}

.service-item {
  border: 4px solid;
  border-image-source: linear-gradient(#f2ba29, #bd7105);
  border-image-slice: 2;
}

.service-border {
  background: white;
  margin: 5px;
  padding: 15px;
}

.service-item img {
  width: 100%;
  max-width: 80px;
}

.service-item svg {
  width: 100%;
  max-width: 80px;
  fill: black;
  height: 100%;
  max-height: 80px;
}

.service-item p {
  margin: 10px 0;
  font-size: 0.9em;
}

.image-parallax {
  background-attachment: fixed !important;
  background-position: 50% 0 !important;
}

.service-item a {
  color: black;
  text-decoration: none;
}

.service-item a:hover {
  color: #bd7105;
}

.service-item svg:hover {
  fill: #bd7105;
}

.home-blog {
  padding: 70px 0 70px 0;
}

.blog-wrapper {
  width: 100%;
  background: linear-gradient(#f2ba29, #bd7105);
  border-radius: 10px;
}

.blog-image img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  max-height: 210px;
}

.blog .owl-item {
  padding: 20px;
}

.blog-title {
  padding: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.blog-wrapper a {
  color: white;
  text-decoration: none;
}

.blog-wrapper a:hover {
  color: black;
}

.blog-image span {
  position: absolute;
  left: 10px;
  bottom: 17px;
  font-size: 0.7em;
  color: white;
  z-index: 999;
}

.blog-image {
  position: relative;
}

.blog-image:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.4);
  content: "";
}

.owl-nav {
  text-align: center;
  font-size: 30px;
}

button.owl-prev {
  margin-right: 5px;
  background: #d7d7d7 !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: white !important;
  outline: none !important;
}

button.owl-next {
  margin-left: 5px;
  background: #d7d7d7 !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: white !important;
  outline: none !important;
}

/*Home News Letter*/

.home-newsletter {
  padding: 15px 0 15px 0;

  background: url(../twentytwenty/assets/images/curtains_pcs.png) left top /
      contain repeat-y,
    black;
}

.home-newsletter p {
  color: white;
}

.home-newsletter .form-control {
  margin: 20px 0 20px;
  position: relative;
}

.home-newsletter .input {
  border: 0;
  border-radius: 50px;
  display: block;
  font-size: 14px;
  height: 42px;
  padding: 12px 25px;
  width: 98%;
  outline: none;
}

.home-newsletter .form-control button {
  background: linear-gradient(#f2ba29, #bd7105);
  border: 0;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  height: 42px;
  padding: 12px 25px;
  position: absolute;
  top: 0;
  right: 0;
}

/*Home Contact*/

.home-contact {
  padding: 70px 0 70px 0;
}

.row {
  max-width: 600px;
  display: block;
  width: 100%;
  margin: 0 auto;
}

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

.contact-form {
  padding-top: 20px;
}

.contact-form input,
.contact-form textarea {
  display: block;
  width: 100%;
  padding: 0 20px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transition: all 0.3s ease;
  height: 50px;
  line-height: 46px;
  margin-bottom: 20px;
  outline: none;
  font-size: 15px;
  letter-spacing: 0.1px;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: red;
}

.contact-form textarea {
  height: 120px;
}

.contact-form label {
  float: left;
  margin-bottom: 5px;
}

.contactflex {
  display: flex;
}

input.wpcf7-form-control.wpcf7-submit.btn {
  padding: 0 30px;
  display: inline-block;
  vertical-align: middle;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
  background: linear-gradient(#f2ba29, #bd7105);
  outline: none;
  border: 1px solid;
  border-radius: 64px;
  cursor: pointer;
  width: 110px;
}

input.wpcf7-form-control.wpcf7-submit.btn:hover {
  background: white;
  color: black;
  transition: 150ms linear;
}

/* Big Footer */

.bigfooter-contact {
  padding: 70px 0 70px 0;
  background: url(../twentytwenty/assets/images/curtains_pcs.png) left top /
      contain repeat-y,
    #1e1f1e;
}

.three-grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 60px;
}

/*.footer-two-grid-container {*/
/*  display: grid;*/
/*  grid-template-columns: 1fr 1fr;*/
/*}*/

.footerLogo {
  width: 100%;
}

.footerLogo img {
  width: 100%;
  max-width: 165px !important;
}

.footer-item {
  color: white;
}

.footer_icons {
    position: relative;
    top: 10px;
}

.footer_icons a {
    color: white;
    background: linear-gradient(#f2ba29, #bd7105);
    padding: 10px;
}

.footer_icons i,
.navbar_top i {
  transition: transform 0.5s;
}

.footer-item p {
  margin: 10px 0;
}
.footer-links {
    margin-top: 20px;
}
.footer-about {
  padding-top: 10px;
  font-size: 0.85em;
  max-width: 75%;
}

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

.footer-links .footer-nav li {
    padding-bottom: 15px;
    font-size: 0.9em;
    line-height: 0.6em;
}

ul.sub-footer-links {
    list-style: square;
    padding-left: 25px;
}
.footer-nav li a:hover {
    color: #f7941e;
}

.footer-links ul li {
  padding-bottom: 15px;
  font-size: 0.9em;
  line-height: 2.5em;
}

.footer-links ul li a {
  color: white;
  text-decoration: none;
  font-size: 0.9em;
}

/*  Footer */

.footer {
  padding: 5px 0 5px 0;
  background: url(../twentytwenty/assets/images/curtains_pcs.png) left top /
      contain repeat-y,
    #000;
  color: white;
}

.footer_icons a:hover i,
.navbar_top a:hover i {
  transform: translateY(-5px);
}

/* loader */

.sk-cube-grid {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 48%;
  left: 48%;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%,
  70%,
  100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

/*About us page*/

.banner-title {
  text-align: center;
  color: white;
  position: relative;
}

.banner-title h2 {
  font-size: 3.5em;
  text-transform: uppercase;
}

.textLeft p, .gtextLeft p {
    font-size: 14px;
}

.about-list li {
  line-height: 1.8em;
  padding: 0;
  font-size: 0.9em;
}

.about-imagine {
  padding: 120px 0 120px 0;
  background: url(../twentytwenty/assets/images/curtains_pcs.png) left top /
      contain repeat-y,
    url(../twentytwenty/assets/images/you-imagine.jpg) top center / cover
      no-repeat;
}

.about-imagine h2 {
  padding: 18px 0 18px 0;
  color: white;
}

.about-imagine h2 {
  text-transform: uppercase;
  line-height: 1.2em;
  font-size: 2.5em;
}

.about-imagine h2 span,
.festival h2 span {
  color: #f7971e;
}

.festival img {
  width: 100%;
}

.festival {
  grid-gap: 30px;
}

.festival img {
  width: 100%;
}

.festival {
  grid-gap: 30px;
}

.festival h2 {
  text-transform: uppercase;
  line-height: 1.2em;
  font-size: 2.3em;
}

.festival a {
  text-align: center;
  color: #353535;
  text-decoration: none !important;
  background: #f6f6f6;
}

.festival .video-caption {
  background: #f6f6f6;
  padding: 5px;
  font-size: 0.7em;
}

.festival a:hover {
  color: #f7971e;
}

.vplay {
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
  display: block;
  background: #0000006e;
  padding: 5px;
}

.festival .gtextLeft {
  position: relative;
}

.vplay i {
  font-size: 30px;
  color: white;
}

.festival a:hover i {
  color: #f7971e !important;
}

.padUp {
    padding-top: 50px;
}

/**
 * Simple fade transition,
 */
.mfp-wrap {
  z-index: 999999999 !important;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/**
 * Services Page
 */

.services {
  /* padding: 0; */
  color: black;
}

.bg-services {
  /* padding: 0; */
  color: white;
  font-size: 0.8em;
  background: url(../twentytwenty/assets/images/curtains_pcs.png) left top /
      contain repeat-y,
    #1e1f1e;
}

.bg-services img,
.services img {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.bg-services .two-grid-container,
.services .two-grid-container {
  grid-gap: 40px;
}

.services .footer-item .gtextLeft {
  padding: 0px 0;
}

.bg-services .textLeft,
.services .gtextLeft {
  padding: 70px 0;
}

.services-newsletter {
  padding: 15px 0 15px 0;
  background: url(../twentytwenty/assets/images/curtains_pcs.png) left top /
      contain repeat-y,
    white;
}

.services-newsletter .gtextLeft {
  padding: 0;
}

.services-newsletter p {
  color: black;
}

.services-newsletter .input {
  border: 1px solid #1f1f1f;
  border-radius: 50px;
  display: block;
  font-size: 14px;
  height: 42px;
  padding: 12px 25px;
  width: 98%;
  outline: none;
}

.services-newsletter .form-control button {
  border: 1px solid #1f1f1f;
}

/* Sub Services */

.sub-services {
  padding: 50px 0 50px 0;
  background: url(../twentytwenty/assets/images/curtains_pcs.png) left top /
      contain repeat-y,
    #1e1f1e;
  color: white;
}

.areas-carousel .owl-dots {
  bottom: 0;
  top: auto;
}

.areas-carousel .owl-item {
  padding-bottom: 20px;
}
/**
 * Clients Page
 */

.clients-intro {
  padding: 70px 0 30px 0;
}

.clients-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 15px;
  padding-top: 15px;
}

.clients-grid .client-logo img {
  width: 100%;
}

.clients-intro p {
  font-size: 0.9em;
  margin: 15px 0;
}

.client-testimonial {
  padding: 70px 0 70px 0;
  background: url(../twentytwenty/assets/images/curtains_pcs.png) left top /
      contain repeat-y,
    url(../twentytwenty/assets/images/testimonial.jpg) top center / cover
      no-repeat;
}

.client-testimonial h2 {
  color: white;
}

.clients-carousel {
  padding-top: 8%;
}

.client-test img {
  width: 100%;
  max-width: 170px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  border: 4px solid transparent;
  background-image: linear-gradient(#f2ba29, #bd7105);
  background-origin: border-box;
  background-clip: border-box;
}

.client-test {
  width: 100%;
  color: white;
  text-align: center;
}

.client-test p {
  font-size: 0.9em;
}

.client-test .client-name {
  font-size: 1.2em;
  font-weight: 800;
  margin: 10px 0;
  letter-spacing: 0.12em;
}

.client-test .client-work {
  font-size: 0.9em;
  font-weight: 600;
  margin: 10px 0;
  letter-spacing: 0.12em;
}

.owl-nav button.owl-prev {
  left: 0;
}

.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

.owl-dots button.owl-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc !important;
  margin: 0 3px;
}

.owl-dots button.owl-dot.active {
  background-color: #f2ba29 !important;
}

.owl-dots button.owl-dot:focus {
  outline: none;
}

/* Contact Page */

.contact-box {
  box-shadow: 0 0 3px 3px #f3f3f3;
  padding: 30px 40px;
}

.contact-page-form .textfield {
  display: block;
  width: 100%;
  padding: 0 20px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transition: all 0.3s ease;
  height: 50px;
  line-height: 46px;
  margin-bottom: 20px;
  outline: none;
  font-size: 15px;
  letter-spacing: 0.1px;
}

.contact-page-form .textareafield {
  display: block;
  width: 100%;
  padding: 0px 20px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transition: all 0.3s ease;
  line-height: 46px;
  margin-bottom: 20px;
  outline: none;
  font-size: 15px;
  letter-spacing: 0.1px;
}

.servicesBox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 20px;
}

.serviceBox {
  padding: 10px 15px;
  width: 100%;
}

.serviceBox label {
  font-size: 0.8em;
}

.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}

/*Fixes potential theme css conflict.*/
.acf-map img {
  max-width: inherit !important;
}

.contact-imagine {
  padding: 120px 0 120px 0;
  background: url(../twentytwenty/assets/images/curtains_pcs.png) left top /
      contain repeat-y,
    url(../twentytwenty/assets/images/contact-imagine.jpg) top center / cover
      no-repeat;
}

.contact-imagine h2 {
  padding: 18px 0 18px 0;
  color: white;
}

.contact-imagine h2 {
  text-transform: uppercase;
  line-height: 1.2em;
  font-size: 2.5em;
}

.contact-imagine h2 span {
  color: #f7971e;
}

/* Services Details here */

.service-details {
  padding: 40px 0 30px 0;
}

.general-slider {
  padding: 0 75px;
}

.fotorama__wrap {
  margin: 0 auto;
}

/* Blog page */

.blog-grid-container {
  display: grid;
  grid-template-columns: 75% 25%;
}

.blog-page {
  background: #f6f6f6;
  padding: 25px 25px 25px 25px;
  border-radius: 5px;
  margin-bottom: 40px;
}

.blog-page img {
  width: 100%;
  height: 100%;
  max-height: 600px;
}

.blog-inner {
  /* display: grid;
  grid-template-columns: 30% 70%; */
  margin-top: 18px;
}

.blog-details p {
  padding: 0;
  margin: 0;
}

.blog-details h2 {
  margin: 0;
  font-size: 1.2em;
  margin-bottom: 15px;
}

.blog-page a {
  text-decoration: none;
  color: black;
}

.blog-page:hover h2 {
  color: #f7941c;
}

.blog-meta span {
  font-size: 0.7rem;
}

.blog-meta {
  margin-bottom: 10px;
}

.readmore {
  margin-top: 20px;
}

.readmore a {
  color: #f7941c;
  font-size: 0.9rem;
}

.featured-media-inner.section-inner img {
  width: 100%;
  height: 100%;
}

figure.featured-media {
  margin: 0;
}

.pagination-single-inner a {
  color: #f7941c;
}

.archive-title span,
.search a {
  color: #f7941c !important;
}

input#search-form-1 {
  height: 45px;
  box-shadow: none !important;
  border: 1px solid #d1d0d0;
  width: 90%;
  margin-left: 28px;
  padding-left: 5px;
}

form.search-form {
  position: relative;
}

button.search-submit {
  background: none;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 15px;
}

button.search-submit i {
  color: #f7941c;
}

input#search-form-1:focus {
  outline: none;
}

h3.widget-title {
  text-align: left;
  margin-left: 28px;
  font-size: 0.9rem;
}

/* Laptop screen quires */
@media screen and (max-width: 1500px) {
  .video_bg video,
  .video_bg img {
    max-height: 80% !important;
  }

  .video_bg:after {
    height: 80% !important;
  }
}

/*Mobile queries start from here*/

@media screen and (max-width: 965px) {
  .wrapper {
    overflow: hidden;
  }

  .navbar_top {
    display: none;
  }

  .mobNav {
    width: 100%;
  }

  .mobNav a {
    text-align: right !important;
  }

  .header {
    margin-top: 65px;
  }

  .header a {
    text-align: left;
  }

  .header .logo {
    display: block;
  }

  .header .logo img {
    max-width: 90px;
  }

  .header-right {
    display: none;
  }

  .header-toggle {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
  }

  .navbar {
    align-items: center;
  }

  .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
    display: block;
  }

  .overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }

  .header-toggle .fa-times {
    font-size: 0.9em !important;
    text-align: right;
    position: relative;
    top: 10px;
    right: 15px;
  }

  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 1.5em;
    color: #f7941c;
    display: block;
    transition: 0.3s;
    line-height: 1.5;
  }

  .header-toggle i {
    font-size: 1.4em;
    color: #f7941c;
    text-align: right;
  }

  .mobilelogo {
    width: 100%;
    text-align: center;
    position: relative;
    top: 50px;
  }

  .mobilelogo img {
    max-width: 100px;
    width: 100%;
  }

  .mobile-header-nav {
    display: flex;
    position: relative;
    top: 15%;
    justify-content: center;
  }

  .mobile-header-nav a {
    margin: 0 0.3em;
  }

  .overlay-content .menu {
    padding: 0;
  }

  .container {
    max-width: 80%;
  }

  .home-intro,
  .home-services {
    padding: 30px 0 70px 0;
  }
  .padUp {
        padding-top: 10px;
   }
}

@media screen and (max-width: 768px) {
  .home-intro,
  .home-services {
    padding: 30px 0 70px 0;
  }
  .clients-intro {
    padding: 30px 0 30px 0;
  }

  .intro-image {
    grid-row: 1;
    margin-bottom: 15px;
  }

  .two-grid-container {
    grid-template-columns: 1fr;
  }

  .intro-image img {
    max-width: 300px;
  }

  .four-grid-container {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }

  .home-blog,
  .home-contact,
  .bigfooter-contact {
    padding: 30px 0 30px 0;
  }

  .home-newsletter .form-control {
    margin: 3px 0 3px;
  }

  .home-newsletter p {
    margin: 15px 0;
  }

  .home-newsletter {
    padding: 15px 0 25px 0;
  }

  .contact-form .col50 {
    width: 100%;
  }

  .contactflex {
    display: block;
  }

  .three-grid-container {
    grid-template-columns: auto;
    grid-gap: 10px;
  }

  .footer-two-grid-container {
    grid-gap: 10px;
  }

  .footer-links ul li {
    padding-bottom: 0px;
  }

  .footer {
    padding: 1px 0 1px 0;
    font-size: 0.8em;
  }

  /*About us page Mobile*/

  .banner-title h2 {
    font-size: 2.1em;
    margin-top: 30%;
  }
  .footerLogo img {
    width: 165px !important;
    max-width: 165px !important;
}

  .bg-services img,
  .services img {
    max-width: 100% !important;
  }

  .bg-services .textLeft,
  .services .gtextLeft {
    padding: 0px 0;
  }

  .clients-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .client-testimonial {
    padding: 30px 0 30px 0;
  }

  .clients-carousel {
    padding-top: 18%;
  }
  .video_bg video,
  .video_bg img {
    max-height: 60%;
  }
  .video_bg:after {
    height: 60%;
  }
}