/*
Theme Name: Elite Security Guard Pro
Theme URI: https://www.mishkatwp.com/themes/bodyguard-wordpress-theme/
Description: The "Elite Security Guard" WordPress theme is a premium theme designed specifically for companies and individuals offering security guard services. This theme provides a professional and modern look for a security guard website. It is fully responsive, so it looks great on any device and features an easy-to-use interface for customizing various elements like fonts, colors, and images. It may also come with features such as an appointment booking system, portfolio, and team member profiles, allowing you to showcase your security guard services and team members.
Author: mishkatwp
Author URI: https://www.mishkatwp.com/
Version: 1.0
Requires PHP: 7.2
Tested up to: 6.1
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: elite-security-guard-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.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;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.alignwide {
  margin-left: -80px;
  margin-right: -80px;
}

.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}

.alignfull img {
  width: 100vw;
}

.post-single a,
.page-single a,
.sidebar-area .textwidget a,
.comment-content a {
  text-decoration: none;
  color: #757575;
  text-transform: capitalize;
  font-weight: 600;
}

.post-single span {
  text-transform: capitalize;
  font-weight: 600;
}

body {
  font-family: 'Lato', sans-serif;
  color: #909090;
  margin: 0;
  background: #fff;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', sans-serif;
}

a {
  color: #909090;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #ff974f;
  text-decoration: none;
}

section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}

/* ===============================================
   HEADER BOX
   ============================================= */


.header {
  position: static;
  background-color: #fff;
}

/*404 Page*/
.page-404 h1 {
  font-size: 300px;
  color: #2d3446;
}

.page-404 h3 {
  font-size: 38px;
  color: #ff974f;
}

.page-404 hr {
  width: 10%;
  background: #2d3446;
  padding: 1px;
}

.page-404 .intro-button {
  text-align: center;
  display: inline-block;
  padding: 5px;
}

.page-404 .button {
  padding: 15px 40px;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  transition: all 0.2s;
  text-decoration: none;
}

.page-404 .intro-button:hover {
  background: #2d3446;
}

.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #ff974f;
  content: '';
  position: absolute;
  z-index: -1;
}

.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 25px 0;
  line-height: 1.4em;
  word-break: break-all;
}

.logo a {
  color: #2d3446;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}

.logo a img.custom-logo {
  height: 65px;
  width: auto;
}

.logo a:hover,
.logo a:focus {
  color: #2d3446;
}

.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}

.logo-image {
  float: unset;
}


/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
  display: block;
  position: relative;
  margin: 0 auto;
}

#main-menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

#main-menu ul li {
  position: relative;
  display: block;
  text-align: left;
}

#main-menu ul li a {
  font-size: 16px;
  text-decoration: none;
  display: block;
  z-index: 1;
  padding: 3px 15px;
  margin: 0;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
  position: relative;
  letter-spacing: 0px;
  line-height: 29px;
  text-transform: uppercase;
  color: #101010;
  font-weight: 700;
  border: solid 1px #fff;
}

#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover>a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus>a,
#main-menu li:focus>a,
#main-menu ul li.current-menu-item>a,
#main-menu ul li.current_page_item>a,
#main-menu ul li.current-menu-parent>a,
#main-menu ul li.current_page_ancestor>a,
#main-menu ul li.current-menu-ancestor>a {
  color: #ff974f;
  border: 1px solid #ff974f;
}

#main-menu ul.children,
#main-menu ul.sub-menu {
  display: none;
  position: absolute;
  top: 37px;
  left: 0;
  background: #fff;
  z-index: 10001;
  width: 213px;
  padding-left: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}

#main-menu ul li:hover .sub-menu {
  display: block;
}

#main-menu ul.children li,
#main-menu ul.sub-menu li {
  display: block;
  position: relative;
  float: none;
  line-height: 18px;
  margin-left: 0;
  margin-right: 0;
  -webkit-transform: skew(0deg);
  -ms-transform: skew(0deg);
  transform: skew(0deg);
  padding: 5px 10px;
}

#main-menu li li:hover>ul,
#main-menu li li:focus>ul,
#main-menu li li.focus>ul {
  top: 0px;
  left: -100%;
}

#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
  display: block;
  position: relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
  color: #2d3446;
  -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#main-menu ul.sub-menu li a:hover {
  color: #fff;
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
  content: '';
  position: absolute;
  -webkit-transition:
    inherit;
  transition:
    inherit;
  z-index: -1;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
  top: 0;
  width: 0;
  height: 100%;
}

#main-menu ul.sub-menu li a:before {
  left: 0;
  border: 1px solid #ff974f;
  border-left: 0;
  border-right: 0;
}

#main-menu ul.sub-menu li a:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
  width: 100%;
}

#main-menu ul.sub-menu li a:after {
  right: 0;
}

#main-menu ul.sub-menu li a:hover:after {
  background: #ff974f;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
  width: 100%;
}

#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before {
  display: none;
}

#main-menu li:hover>ul,
#main-menu li:focus>ul,
#main-menu li.focus>ul {
  opacity: 1;
  right: calc(100% - 213px);
}

.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
  background: #2d3446;
  color: #fff;
}

#main-menu ul li:hover .sub-menu {
  display: block;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */
header#site-navigation.fix-sticky {
  background: #fff;
  filter: drop-shadow(-4.141px 15.455px 10px rgba(0, 0, 0, 0.06));
}

.top_header {
  background: #ff974f;
  padding: 5px 0;
}

.header-menu {
  background: #fff;
  position: relative;
}

.top_header .mail,
.top_header .location,
.top_header .time {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Lato";
  text-align: left;
  display: inline-block;
}

.top_header .mail {
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
  padding: 4px 15px;
  margin: 0 15px;
}

.top_header .dashicons {
  color: #b5c0df;
  margin: 5px 5px;
}

.social-links {
  margin-top: 5px;
  display: flex;
  justify-content: end;
}

.top_header .social-links a {
  margin: 0 10px;
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.top_header .social-links a:hover {
  color: #101010;
}

.header-menu form#searchform {
  display: flex;
  background: #ededed;
  border-radius: 30px;
}

.header-menu input#search {
  width: 100%;
  border: 0;
  outline: none;
  color: #cccccc;
  background: transparent;
}

.header-menu input#search::placeholder {
  color: #cccccc;
}

.header-menu button.search-button {
  border: none;
  background: transparent;
  color: #07153b;
  float: right;
  outline: none;
}

.header-menu button.search-button:hover {
  color: #ff5e15;
}

.header-menu .fas {
  padding: 13px 15px;
  position: relative;
  top: 1px;
  color: #07153b;
  font-size: 20px;
  left: 4px;
}

.button-header a {
  font-size: 16px;
  line-height: 46px;
  font-weight: 400;
  border-radius: 6px;
  background-color: #ff974f;
  color: #fff;
  padding: 0 20px;
  display: inline-block;
  transition: all 0.6s;
  text-transform: uppercase;
}

.button-header a:hover {
  background-color: #101010;
  color: #fff;
}

#site-navigation .sidenav a.closebtn,
.open-menu {
  display: none;
}

/* ===============================================
   POST BOX
   ============================================= */
.post-thumbnail {
  line-height: 0;
  flex: 0 0 45%;
}

.post-meta i {
  color: #ff974f;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #121d21;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}

.post-content img,
.post-thumbnail img {
  max-height: 100%;
}

.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,
footer {
  float: left;
  width: 100%;
}

.latest-post .post-date,
.latest-post .post-comments {
  color: #2d3446;
  text-transform: capitalize;
}

.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}

.latest-post figure {
  margin: 0;
  padding: 0;
  background: #2d3446;
  overflow: hidden;
}

.latest-post figure:hover+span {
  opacity: 1;
}

.latest-post figure img {
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}

.latest-post:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

.post-single .tags-bg a {
  padding: 10px 15px;
  background: #ff974f;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 10px;
}

.post-single .tags-bg a:hover {
  background: #2d3446;
}

.post-single .blog_share_icon .fab {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  background: #ff974f;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  margin: 0 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
}

.post-single .blog_share_icon .fab:hover {
  transform: rotate(360deg);
  background: #2d3446;
}

.post-single {
  display: block;
}

label {
  display: block;
}

.latest-post h4 a {
  color: #2d3446;
  font-weight: 600;
  font-size: 18px;
}

.latest-post h4 a:hover {
  color: #ff974f;
}

.latest-post .post-content p {
  color: #757575;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img {
  width: auto;
  display: inline-block;
  border-radius: 50%;
}

.latest-box {
  filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.08));
  background: #fff;
  border-radius: 10px;
}

.latest-post .far.fa-calendar-alt,
.latest-post .fas.fa-bookmark {
  color: #717982;
}

.latest-post .icon-book {
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}

.latest-post figure {
  margin: 0;
  padding: 0;
  background: #2d3446;
  overflow: hidden;
}

.latest-post figure:hover+span {
  opacity: 1;
}

.latest-post figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}

.latest-post .post-item:hover figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

.latest-post .far.fa-calendar-alt {
  color: #fff;
}

.latest-post .far {
  color: #fff;
  font-size: 18px;
}

.latest-post .comments {
  color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}

.latest-post .read_more {
  color: #ff974f;
  font-weight: 600;
}

.latest-post .post-date {
  width: 60px;
  height: 60px;
  background-color: #ff974f;
  color: #fff;
  padding: 5px;
  border-radius: 10px 0px 10px 10px;
  margin-top: -18px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center;
  margin-right: 10px;
}

.latest-post span.time {
  font-size: 30px;
  line-height: 20px;
  font-weight: 700;
  display: block;
  margin-top: 5px;
}

.post-content .read_more i.fa.fa-arrow-right {
  color: #ff974f;
  font-size: 12px;
  margin-left: 5px;
  transition: linear 600ms;
}

#recent_blog.post-template {
  margin-top: 0;
  background-color: transparent;
}

.recent_post .post-meta {
  margin-bottom: 20px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input {
  width: 100%;
}

.comment-respond input#submit {
  background: #ff974f;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}

.comment-respond input#submit:hover {
  background-color: #2d3446;
}

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

.bypostauthor {
  display: block;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list {
  padding-left: 0;
}

.comment-list .comment {
  display: block;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}

.comment-content.card-block {
  padding: 15px;
}

.comment-reply a {
  background: #ff974f;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}

.comment-reply a:hover {
  background: #2d3446;
  color: #f3f4f7;
  text-decoration: none;
}


@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }

  #mySidenav span {
    display: block;
    font-size: 30px;
    cursor: pointer;
  }

  .logo {
    text-align: center;
    padding: 10px 0;
  }

  .open-menu {
    display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu>li>ul.children,
  #main-menu>li>ul.sub-menu {
    position: absolute;
    top: -100%;
    background: #fff;
  }

  #main-menu li.focus>ul.children,
  #main-menu li.focus>ul.sub-menu,
  #main-menu li:hover>ul.children,
  #main-menu li:hover>ul.sub-menu,
  #main-menu li:focus>ul.children,
  #main-menu li:focus>ul.sub-menu {
    width: 100%;
    top: 0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height: 53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #2d3446;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover>a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus>a,
  #main-menu li:focus>a,
  #main-menu ul li.current-menu-item>a,
  #main-menu ul li.current_page_item>a,
  #main-menu ul li.current-menu-parent>a,
  #main-menu ul li.current_page_ancestor>a,
  #main-menu ul li.current-menu-ancestor>a {
    background: none;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.elite-security-guard-pro-pagination {
  margin: 25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.elite-security-guard-pro-pagination a span,
.elite-security-guard-pro-pagination span.current {
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  color: #222;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  margin: 0;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
  filter: drop-shadow(8.866px 9.508px 15px rgba(0, 0, 0, 0.1));
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.elite-security-guard-pro-pagination span.current,
.elite-security-guard-pro-pagination span.current:hover,
.elite-security-guard-pro-pagination span.current:focus,
.elite-security-guard-pro-pagination a span:hover,
.elite-security-guard-pro-pagination a span:focus {
  background: #ff974f;
  color: #ffffff;
}

.commentlist {
  list-style: none;
  margin: 0;
  padding: 0
}

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

.commentlist li {
  margin: 0;
}

.commentlist li .comment-respond {
  margin-bottom: 25px;
}

.commentlist li:last-of-type .comment-respond {
  margin-bottom: 0px;
}

.comment-container {
  position: relative;
  margin: 0 0 25px 0;
  padding: 30px;
  background: #fff;
  border: solid 1px #f3f4f7 !important;
  z-index: 999
}

.comment-avatar img {
  float: left;
}

.comment-text {
  position: relative;
  margin-left: 110px;
  padding: 0 0 0 15px
}

.comment-container .comment-date {
  padding: 15px 0;
}

.comment-avatar {
  position: relative;
  width: 110px;
  float: left;
}

.comment-author .author {
  display: block;
  font-weight: bold;
}

.commentlist .children li {
  margin-left: 30px;
}

.comment-notes {
  font-size: 12px;
  margin: -25px 0 25px 0;
}

h3#reply-title,
h3.comments {
  height: 30px;
  line-height: 30px;
  margin: 30px 0;
}

h3#reply-title small,
.logged-in-as {
  font-size: 15px;
  margin: -25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
  padding: 10px 2%;
  background: #fff;
  width: 100%;
  margin: 0 0 15px 0;
  border: 1px solid black;
  color: #2d3446;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.comment-form input[type=submit] {
  background: #2d3446;
  color: #fff;
  border: none;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  display: block;
  text-shadow: none;
  padding: 10px 15px;
  width: inherit;
  margin: 0;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
  cursor: pointer;
}

.comment-form input[type=submit]:hover,
.comment-form input[type=submit]:focus {
  background-color: #248efa;
  text-decoration: none
}

.logged-in-as a {
  color: #2d3446;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
  display: block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img {
  width: 100%;
  height: auto;
}

.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #F5F5F5;
  border: 1px solid #D9DEE2;
  border-radius: 10px;
  overflow: hidden;
}

.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height: 1.9em;
  font-weight: normal;
  text-transform: capitalize;
}

.sidebar-area a {
  font-weight: 600;
  color: #101010;
}

.sidebar-area ul,
#calendar_wrap,
.sidebar-area .textwidget,
.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}

.sidebar-area li a, .sidebar-area li {
  font-size: 18px;
  font-weight: 600;
  color: #101010;
}

.sidebar-area li {
  padding-bottom: 15px;
  color: #2d3446;
}

.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 2px #ff974f;
  color: #101010;
  font-size: 24px;
  font-weight: 600;
  background: #F5F5F5;
}

.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}

.sidebar-area .tagcloud a:hover {
  background: #2d3446;
  color: #fff;
}

.sidebar-area form {
  padding: 0;
}
.sidebar-area li a:hover {
  color: #ff974f;
}
.sidebar-area a:hover {
  color: #ff974f;
}

.sidebar-area select,
.sidebar-area textarea,
#comments textarea,
.sidebar-area input[type="text"],
#comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}

.sidebar-area input[type="search"] {
  width: 69%;
  border: none;
  background: transparent;
}

#wp-calendar th,
#wp-calendar #today,
#wp-calendar #today a {
  background: #f3f4f7;
  color: #434343 !important;
}

#wp-calendar a:hover {
  border: none;
}

#wp-calendar {
  background: #fff;
  width: 100%;
}

#wp-calendar caption {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-align: left;
  color: #101010;
}

#wp-calendar th,
#wp-calendar td {
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  padding: 3px 6px;
}

#wp-calendar td a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  text-decoration: underline
}

#wp-calendar td#prev a,
#wp-calendar td#prev a {
  text-decoration: none;
  text-align: left;
}

#wp-calendar th {
  font-weight: bold
}

tr:nth-child(2n+2) {
  background-color: #f3f4f7;
}

.searchform label {
  display: block;
}

.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 2px solid #efefef;
  outline: none;
}

.searchform input[type=submit] {
  background: #ff974f;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  text-shadow: none;
  padding: 14px 0;
  width: 110px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover,
.searchform input[type=submit]:focus {
  background-color: #2d3446;
  text-decoration: none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

.sidebar-area .post-thumbnail img {
  width: 100%;
  height: 75px;
  border-radius: 50%;
  margin-top: 10px;
}

.sidebar-area .post-title {
  font-size: 18px;
}

footer {
  padding: 80px 0 0;
}

footer .sidebar-area {
  background: none;
  padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
  color: #cccccc;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}

div.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 25px;
  max-width: 100% !important;
  padding: 4px;
  text-align: center;
}

.wp-caption img {
  margin: 5px 5px 0;
  width: 96%;
  height: 100%
}

.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}

.footer-area .woocommerce ul.cart_list li img,
.footer-area .woocommerce ul.product_list_widget li img {
  height: 70px;
}


/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #ff974f;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}

#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
}

#button_scroll.show {
  opacity: 1;
  visibility: visible;
}

#button_scroll .fas {
  color: #fff;
  padding: 8px;
  margin: 5px 0;
}

#button_scroll:hover {
  background: #101010;
}

#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#button_scroll::before,
#button_scroll::after {
  background: #ff974f;
  content: '';
  position: absolute;
  z-index: -1;
}

#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #101010;
  z-index: 99999;
}

/** loader **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #fff transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent #ff974f transparent;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/

@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {}
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }

  100% {}
}

.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

a.close-search-form {
  display: none;
}

/*Body*/


/*SLIDER SECTION*/

#slider {
  position: relative;
}

#slider .work-enquiry-div .deta-box {
  height: 70px;
  border-radius: 35px;
  background-color: #ffffff;
  padding: 10px;
}

#slider .slider-content {
  left: 10%;
  max-width: 500px;
  width: 500px;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 300;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}

#slider h2 {
  font-size: 21px;
  line-height: 34px;
  color: #ff974f;
  font-weight: 700;
}

#slider h1 {
  font-size: 42px;
  line-height: 52px;
  color: #ffffff;
  font-weight: 700;
}

#slider .button {
  line-height: 46px;
  font-weight: 400;
  color: #fff;
  padding: 0 68px 0 25px;
  margin-top: 30px;
  display: inline-block;
  transition: all 0.6s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  font-family: "Montserrat";
  position: relative;
}

#slider .button i {
  background: #101010;
  position: absolute;
  right: 0;
  height: 100%;
  width: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 20px;
  color: #fff;
}

#slider .button:hover {
  color: #101010;
}

#slider .owl-dots {
  position: absolute;
  bottom: 134px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  width: 100%;
  text-align: center;
}

#slider .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  margin: 0 6px;
  width: 24px;
  height: 11px;
  border: 0.24px solid #555555;
  outline: 0;
}

#slider .owl-carousel button.owl-dot.active {
  background-color: #ff974f;
  border: 0.24px solid #ff974f;
}

/* Security Section */

.security .security-inner {
  background-color: #f7f7f7;
  padding: 30px;
  margin-top: -80px;
  position: relative;
  z-index: 99;
}

.security .security-content {
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.12));
  background-color: #ffffff;
  padding: 20px 30px 10px;
  font-size: 14px;
  color: #888888;
  background-image: url('images/security/play-icon.png');
  background-position: center left;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 18px;
}

.security .security-inner-col:hover .security-content {
  background-color: transparent;
  padding-left: 65px;
  color: #fff;
}

.security .security-inner-col:hover .security-thumb {
  transform: scale(1.1);
  transition: linear 0.5s;
}

.security .security-inner-col:hover .security-content h4 {
  color: #fff;
}

.security .security-content h4 {
  font-size: 18px;
  text-transform: uppercase;
  color: #101010;
  font-weight: 700;
  margin-bottom: 5px;
}

.security .security-inner-col {
  position: relative;
}

.security .security-thumb {
  width: 100%;
  height: 330px;
}

.security .security-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.security .services-right-boxes {
  margin-left: 46px;
}

/*Services Section*/

#our-services {
  padding: 60px 0;
}

#our-services h5 {
  font-size: 18px;
  line-height: 32px;
  color: #101010;
  font-weight: 400;
}

#our-services h2 {
  font-size: 44px;
  line-height: 68px;
  color: #101010;
  font-weight: 900;
  margin-bottom: 20px;
}

#our-services .services-box {
  font-size: 16px;
  line-height: 38depx;
  color: #888888;
  font-weight: 400;
}

#our-services .services-box h4 {
  font-size: 16px;
  line-height: 20px;
  color: #362a45;
  font-weight: 700;
  margin-bottom: 5px;
}

#our-services .services-box p {
  margin-bottom: 0;
}

#our-services .services-boxes {
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.12));
  background-color: #ffffff;
  padding: 50px 30px;
  font-size: 18px;
  line-height: 36px;
  color: #888888;
}

#our-services .services-boxes .button {
  line-height: 46px;
  font-weight: 400;
  color: #fff;
  padding: 0 68px 0 25px;
  margin-top: 30px;
  display: inline-block;
  transition: all 0.6s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  font-family: "Montserrat";
  position: relative;
  background-color: #ff974f;
}

#our-services .services-boxes .button:hover {
  color: #101010;
}

#our-services .services-boxes hr {
  content: '';
  width: 74px;
  height: 2px;
  background-color: #ff974f;
  display: block;
  border: 0.24px solid #ff974f;
  position: relative;
  left: 0;
  margin: 40px 0;
}

#our-services .services-boxes hr::after {
  content: '';
  width: 86px;
  height: 17px;
  display: block;
  border: 0.24px solid #ff974f;
  padding: 5px;
  top: -7px;
  position: absolute;
  left: -6px;
}

#our-services .services-right-box h4 {
  position: relative;
  font-size: 20px;
  text-transform: uppercase;
  color: #101010;
  font-weight: 700;
}

#our-services .services-right-box .icon1 {
  font-size: 45px;
  display: block;
  height: auto;
  color: #101010;
  margin-bottom: 22px;
  width: 44px;
  border-bottom: solid 3px #fff;
}

#our-services .services-right-box:hover .icon1 {
  color: #ff974f;
  border-bottom: solid 3px #ff974f;
}

#our-services .services-right-box {
  margin-bottom: 45px;
}

#our-services .services-right-box h4::after {
  content: '';
  display: block;
  border: 0.24px solid #ff974f;
  width: 40px;
  height: 4px;
  margin: 20px 0 30px;
}

#our-services .services-right-box p {
  font-size: 16px;
  line-height: 25px;
  color: #555555;
  font-weight: 400;
}

#our-services .services-boxes .button i {
  background: #101010;
  position: absolute;
  right: 0;
  height: 100%;
  width: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 20px;
  color: #fff;
}

#our-services .deta-box {
  height: 60px;
  border-radius: 35px;
  background-color: #ffffff;
  padding: 8px;
  text-align: left;
  max-width: 200px;
  margin: -20px auto 0;
}

#our-services .deta-box .dashicons {
  background-color: #ff974f;
  color: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 25px;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

#our-services .deta-box .deta-enquiry h6 {
  font-size: 12px;
  line-height: 14px;
  color: #040f30;
  font-weight: 500;
  margin-bottom: 4px;
}

#our-services .deta-box .deta-enquiry h4 {
  font-size: 16px;
  line-height: 18px;
  color: #040f30;
  font-weight: 600;
}

/*Counter Section*/
#counter h5 {
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 20px;
  display: table;
  background-color: #ff974f;
  margin: 0 auto 15px;
  padding: 11px 17px;
  font-size: 14px;
}

#counter h3 {
  color: #fff;
  font-size: 34px;
  font-weight: 700;
}

#counter .counter-section {
  background-size: 100%;
  padding: 50px 0;
  background-repeat: no-repeat;
}

#counter .count {
  font-size: 32px;
  line-height: 40px;
  text-transform: uppercase;
  color: #ff974f;
  font-weight: 700;
  font-family: "Lato";
}

#counter .sign {
  color: #ff974f;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
}

#counter h6 {
  color: #fff;
  font-weight: 600;
  width: 170px;
  border-radius: 21px;
  background-color: rgba(255, 255, 255, 0.102);
  padding: 10px 0;
  margin: auto;
}

#counter .data_box {
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  border: solid 3px #5f6367;
  padding: 30px 10px;
  position: relative;
  margin-bottom: 30px;
}

#counter .counter_value {
  position: absolute;
  bottom: -23px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #000315;
  z-index: 999;
  width: 150px;
}

#counter .counter_value i.fa.fa-caret-down {
  display: block;
  margin-top: 0;
}

#counter .data_box h4 {
  margin-bottom: 30px;
}

img {
  max-width: 100%;
}


/*Testimonials*/
#testimonial {
  margin-bottom: 113px;
}

#testimonial .testimonials-section {
  background-repeat: no-repeat;
  background-size: cover;
  height: 670px;
  padding: 60px 0;
}

#testimonial .testimonial_box {
  position: relative;
}

#testimonial .testimonial-box {
  padding: 31px;
  background-color: #ffffff;
}

#testimonial .content {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #2c2c2c;
  font-weight: 400;
}

#testimonial .testimonials-heading {
  padding: 10px 0 35px;
  position: relative;
  margin: 0 auto 40px;
  max-width: 475px;
  background-image: url(images/testimonial/header-box.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

#testimonial img {
  width: auto;
  margin: auto;
}

#testimonial .testimonial-box h4 {
  font-size: 20px;
  text-transform: uppercase;
  color: #2c2c2c;
  font-weight: 900;
  margin-top: 20px;
}

#testimonial .testimonial-box h6 {
  font-size: 18px;
  text-transform: uppercase;
  color: #ff974f;
  font-weight: 400;
}

#testimonial .testimonials-heading h5 {
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 300;
  position: relative;
  top: -15px;
}

#testimonial .testimonials-heading h2 {
  font-size: 30px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 900;
}

#testimonial .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  margin: 0 6px;
  width: 24px;
  height: 11px;
  border: 0.24px solid #555555;
  outline: 0;
}

#testimonial .owl-carousel button.owl-dot.active {
  background-color: #ff974f;
  border: 0.24px solid #ff974f;
}

#testimonial .owl-dots {
  margin: 40px auto;
  display: table;
}

/*Our Team Section*/
#Our-team .content hr {
  content: '';
  width: 34px;
  height: 2px;
  background-color: #ff974f;
  display: block;
  border: 0.24px solid #ff974f;
  position: relative;
  left: 0;
  margin: 40px 0;

}

#Our-team .content hr::after {
  content: '';
  width: 86px;
  height: 17px;
  display: block;
  border: 0.24px solid #ff974f;
  padding: 5px;
  top: -7px;
  position: absolute;
  left: -6px;
}

#Our-team .content {
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.12));
  background-color: #ffffff;
  padding: 50px 30px;
}

#Our-team .team-deatil h2 {
  text-align: center;
  font-size: 21px;
  text-transform: uppercase;
  color: #101010;
  font-weight: 900;
}

#Our-team .team-deatil h5 {
  font-size: 20px;
  line-height: 26px;
  color: #888888;
  font-weight: 400;
  text-align: center;
}

#Our-team .team-deatil {
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.12));
  background-color: #ffffff;
  padding: 17px;
}

#Our-team .content h6 {
  font-size: 21px;
  line-height: 41px;
  color: #101010;
  font-weight: 400;
}

#Our-team .content h1 {
  font-size: 51px;
  line-height: 41px;
  color: #101010;
  font-weight: 900;
}

#Our-team .content p {
  font-size: 20px;
  line-height: 38px;
  color: #888888;
  font-weight: 400;
}

#Our-team .team-heading h3 {
  font-size: 20px;
  line-height: 42px;
  color: #555555;
  font-weight: 700;
  font-family: "Lato";
}

#Our-team i.fa.fa-caret-right {
  margin-right: 10px;
}

#Our-team i.fa.fa-caret-right:hover {
  color: #ff974f;
}

#Our-team .team-cols {
  background-color: #ff974f;
  transition: all 600ms;
  margin: 65px 0;
}

#Our-team .team-cols .team-thumb {
  position: relative;
}

#Our-team .team-cols .team-thumb img {
  height: 320px;
  width: 100%;
  object-fit: cover;
}

#Our-team .team-cols .team-thumb {
  position: relative;
}

#Our-team .team-cols .social-links {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 999;
}

#Our-team .team-cols .social-links a {
  font-size: 20px;
  color: #fff;
  margin: 0 10px;
}

#Our-team .team-cols:hover .social-links {
  display: flex;
}

#Our-team .team-cols:hover .team-thumb img {
  opacity: 0.2;
  transition: all 600ms;
}

#Our-team .team-cols:hover .team-deatil {
  background-color: #2b2d2f;
  color: #fff !important;
  transition: all 600ms;
}

#Our-team .team-cols:hover .team-deatil h2 {
  color: #fff;
  transition: all 600ms;
}

#Our-team .team-cols:hover .team-deatil h5 {
  color: #fff;
  transition: all 600ms;
}


/*Appointment Section*/

#appointment h5 {
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  border-radius: 20px;
  display: table;
  background-color: #ff974f;
  margin: 0 auto 15px;
  padding: 11px 17px;
}

#appointment h3 {
  width: 44%;
  margin: auto;
  font-size: 40px;
  color: #ffffff;
  font-weight: 700;
}

#appointment .appointment-section {
  margin-left: auto;
  max-width: 400px;
}

#appointment .appointment-section .appointment-col {
  padding: 0;
}

#appointment .appointment-section figure.home-services-image {
  margin-bottom: 0;
}

#appointment .appointment-section .home-services-image img {
  width: 100%;
  height: auto;
}

#appointment .appointment-section label {
  font-size: 16px;
  color: #362a45;
  font-weight: 600;
}

#appointment .appointment-form {
  background: #fff;
  padding: 37px;
  height: 100%;
  filter: drop-shadow(-15.881px 1.95px 25px rgba(45, 45, 105, 0.1));
  margin-bottom: 0;
  position: relative;
  bottom: -95px;
}

#appointment .appointment-form h2 {
  font-size: 20px;
  line-height: 41px;
  text-transform: uppercase;
  color: #101010;
  font-weight: 900;
}

#appointment input.wpcf7-form-control.wpcf7-text {
  width: 100%;
  height: 38px;
  background-color: #fff;
  border: 0.8px solid #ff974f;
  font-size: 16px;
  line-height: 26px;
  color: #101010;
  font-weight: 400;
  padding: 13px;
  outline: 0;
  margin-bottom: 12px;
}

#appointment input.wpcf7-form-control.wpcf7-text:nth-child(2n) {
  margin-left: 15px;
}

#appointment h4 {
  color: #2d3446;
  font-size: 24px;
  font-weight: 600;
}

#appointment .call_box {
  background: #ff974f;
  border-radius: 50px;
  padding: 5px 20px;
  display: inline-flex;
  align-items: center;
}

#appointment .icon_box {
  position: relative;
  right: 30px;
}

#appointment .dashicons {
  background: #ff7b3f;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  width: 75px;
  height: 75px;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

#appointment .call_box:hover .dashicons {
  transform: rotate(360deg);
  color: #2d3446;
}

#appointment h6 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
}

#appointment h6:hover {
  color: #2d3446;
}

#appointment .call_box p {
  margin-bottom: 0;
  color: #fff;
}

#appointment .appointment-box {
  background: #23233d;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25%;
}

#appointment .appointment-box h2 {
  color: #fff;
  font-weight: 600;
}

#appointment .appointment-box h4 {
  color: #fff;
  font-weight: 600;
}

#appointment input.wpcf7-form-control.wpcf7-text::placeholder {
  color: #717d9c;
}

#appointment textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  background-color: #fff;
  border: 0.8px solid #ff974f;
  font-size: 16px;
  line-height: 26px;
  color: #101010;
  font-weight: 400;
  height: 120px;
  padding: 13px;
  outline: 0;
}

#appointment textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
  color: #101010;
}

#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit {
  line-height: 46px;
  font-weight: 400;
  color: #fff;
  padding: 0 68px 0 25px;
  margin-top: 30px;
  display: inline-block;
  transition: all 0.6s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  font-family: "Montserrat";
  position: relative;
  background-color: #ff974f;
  border: 0;
}

#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: #ff974f;
  color: #101010;
}

#appointment span.wpcf7-spinner {
  display: none;
}

#appointment .wpcf7-response-output {
  color: #fff;
}

#appointment .fa-angle-right {
  background: #101010;
  height: 100%;
  width: 48px;
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: #fff;
  top: 2px;
  position: relative;
}

#appointment .app-section {
  margin-bottom: 138px;
}

/*Recent Blog Section*/

#recent_blog {
  margin-top: 99px;
}

#recent_blog h5 {
  text-transform: uppercase;
  font-size: 20px;
  color: #101010;
  font-weight: 300;
  text-align: center;
  background-color: #f7f7f7;
  margin-top: -20px;
  display: table;
  margin: -25px auto 10px;
  padding: 0 30px;
}

#recent_blog h3 {
  font-size: 33px;
  color: #101010;
  font-weight: 900;
  text-align: center;
}

#recent_blog figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  width: 100%;
}

#recent_blog figure:hover+span {
  opacity: 1;
}

#recent_blog .post-thumbnail {
  flex: 0 0 45%;
  margin: 30px -60px 0 0;
  position: relative;
  z-index: 9;
}

#recent_blog img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  height: auto;
}

#recent_blog .recent_box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
}

#recent_blog h4 a {
  font-size: 18px;
  line-height: 31px;
  color: #101010;
  font-weight: 900;
  font-family: "Lato";
}

#recent_blog .recent_box:hover h4 a {
  color: #ff974f;
}

#recent_blog .button {
  background: #ff974f;
  color: #fff;
  padding: 10px 25px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  border-radius: 30px;
  margin: 20px 0;
}

#recent_blog .blog-title {
  text-align: center;
  display: table;
  margin: 20px auto;
  border: solid 4px;
  padding: 10px 40px;
  position: relative;
}

#recent_blog .blog-content p {
  font-size: 19px;
  line-height: 31px;
  color: #888888;
  font-weight: 400;
  text-align: center;
}

#recent_blog .button:hover {
  background: #2d3446;
  text-decoration: none;
  color: #fff;
}

#recent_blog .button,
#recent_blog .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#recent_blog .button::before,
#recent_blog .button::after {
  background: #ff974f;
  content: '';
  position: absolute;
  z-index: -1;
}

#recent_blog .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#recent_blog .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

#recent_blog .read_more {
  color: #ff974f;
  font-weight: 600;
}

#recent_blog .post-details .dashicons {
  font-size: 18px;
}

#recent_blog .recent_box {
  display: flex;
}

#recent_blog .recent_left .recent_box {
  display: block;
}

#recent_blog .recent_left .post-thumbnail {
  margin: 0;
}
#recent_blog .recent_right .recent_box {
  display: block;
}

#recent_blog .recent_right .post-thumbnail {
  margin: 0;
}
#recent_blog .recent_left .post-content.entry-content {
  padding: 30px 22px 45px 28px;
}
#recent_blog .recent_right .post-content.entry-content {
  padding: 30px 22px 45px 28px;
}

#recent_blog .latest-post figure {
  background: transparent;
}

#recent_blog .post-content.entry-content {
  padding: 30px 30px 30px 80px;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.12));
  background-color: #ffffff;
}

#recent_blog .post-time {
  font-size: 14px;
  line-height: 26px;
  color: #888888;
}

#recent_blog .owl-dots {
  margin: 40px auto;
  display: table;
}

#recent_blog .fas {
  font-size: 20px;
}

#recent_blog .post-user {
  font-size: 12px;
  margin-right: 10px;
  line-height: 20px;
  color: #8e95ac;
  margin-left: auto;
}

#recent_blog .post-comments {
  font-size: 12px;
  line-height: 20px;
  color: #8e95ac;
}

#recent_blog p.content-post {
  font-size: 16px;
  line-height: 26px;
  color: #555555;
  font-weight: 400;
}

#recent_blog .read_more {
  line-height: 46px;
  font-weight: 400;
  color: #fff;
  padding: 0 68px 0 25px;
  margin-top: 30px;
  display: inline-block;
  transition: all 0.6s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  font-family: "Montserrat";
  position: relative;
  background-color: #ff974f;
}

#recent_blog .read_more i {
  background: #101010;
  position: absolute;
  right: 0;
  height: 100%;
  width: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 20px;
  color: #fff;
}

#recent_blog .blog-content {
  margin-bottom: 30px;
}

#recent_blog .owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  margin: 0 6px;
  width: 24px;
  height: 11px;
  border: 0.24px solid #555555;
  outline: 0;
}

#recent_blog .owl-carousel button.owl-dot.active {
  background-color: #ff974f;
  border: 0.24px solid #ff974f;
}

.post-content .read_more i.fa.fa-arrow-right {
  color: #ff974f;
  font-size: 12px;
  margin-left: 5px;
  transition: linear 600ms;
}

#recent_blog .post-content .read_more:hover {
  color: #101010;
  transition: linear 600ms;
}

#recent_blog .post-content .read_more:hover i.fa.fa-arrow-right {
  margin-left: 10px;
  color: #101010;
}

#recent_blog .recent_left .post-content.entry-content {
  padding: 30px;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.12));
  background-color: #ffffff;
}

/*Contact Us*/
#contact-us .contact-section {
  background-size: 100%;
  background-repeat: no-repeat;
}

#contact-us .contact {
  padding: 34px;
}

#contact-us .contact h3 {
  font-size: 33px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 900;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}

#contact-us .contact p {
  font-size: 18px;
  color: #cccccc;
  font-weight: 400;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}

#contact-us .form {
  height: 100%;
}

#contact-us .form p {
  margin-bottom: 0;
}

#contact-us .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
  margin-right: 13px;
  font-size: 18px;
  color: #101010;
  font-weight: 400;
  width: 300px;
  height: 44px;
  background-color: #ffffff;
  border: 1px solid #ff974f;
  padding: 20px;
  outline: none;
}

#contact-us .form input.wpcf7-form-control.has-spinner.wpcf7-submit {
  margin-left: 2px;
  background-color: #ff974f;
  color: #fff;
  height: 44px;
  width: 97px;
  border: 0;
}
#contact-us .form input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  color:#101010;
}

/*Innner page recent projects*/

#recent-page-inner figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
}

#recent-page-inner figure:hover+span {
  opacity: 1;
}

#recent-page-inner img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#recent-page-inner .project-box :hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
}

#recent-page-inner .box {
  background: #2d3446;
}

#recent-page-inner h4 {
  color: #fff;
  font-weight: 600;
}

#recent-page-inner .box:hover h4 {
  color: #ff974f;
}

#recent-page-inner img {
  height: 300px;
  max-height: 300px;
  width: 100%;
}

#recent-page-inner .read-more {
  color: #fff;
}

/*Footer Section*/

.footer-area .textwidget {
  list-style: none;
}

.footer-area .textwidget ul {
  padding: 0 10px;
}

.footer-area .textwidget ul li {
  margin: 10px 0;
  color: #a4a0bc;
  font-weight: 500;
}

.footer-area li::marker {
  color: #fff;
}

.footer-area h2 {
  color: #fff;
  font-weight: 500;
}

.footer-area h4.title {
  color: #fff;
  font-weight: 500;
  font-size: 24px;
}

.footer-area .social-link a {
  font-size: 20px;
  color: #cccccc;
  font-weight: 400;
  font-family: "Lato";
  text-align: left;
}
.footer-area .social-link a:hover {
  color: #ff974f;
}

.footer-area .social-link i:before {
  margin-right: 15px;
  width: 16px;
  display: inline-block;
}

.footer-area h4.title:after {
  border: solid 1px #ff974f78;
  content: '';
  display: block;
  width: 36px;
  height: 6px;
  margin: 10px 0 30px;
}

.footer-area .post-thumbnail img {
  max-width: 100px;
  height: 70px;
  float: right;
}

.footer-area .post-title {
  font-size: 16px;
  font-weight: 400;
}

.footer-area .post-meta a {
  font-weight: 400;
  color: #ff974f;
  font-size: 18px;
}

.footer-area ul {
  padding: 0px 0;
  line-height: 2;
  list-style: none;
}

.footer-area ul li {
  margin: 6px 0;
  color: #fff;
  font-size: 20px;
}

.footer-area ul li::before {
  content: "\f0da";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-right: 15px;
}

.footer-area select {
  width: 100%;
  padding: 10px;
}

.footer-area bdi {
  color: #fff;
}

.footer-area form.wpcf7-form {
  position: relative;
}

.footer-area form.wpcf7-form::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f105";
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 99;
  color: #fff;
  font-size: 20px;
}

.footer-area .wpcf7 input[type="email"] {
  direction: ltr;
  width: 100%;
  height: 50px;
  border-radius: 3px;
  background-color: #3a3a3a;
  border: 0;
  padding: 25px;
}

.footer-area .wpcf7 [type="submit"] {
  -webkit-appearance: button;
  width: 48px;
  height: 50px;
  border-radius: 3px;
  font-size: 0;
  background-color: #ff974f;
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
}

.footer-area .textwidget p {
  font-size: 16px;
  color: #cccccc;
  font-weight: 400;
}

.footer-area .contact-info {
  display: flex;
}

.footer-area .contact-info span {
  margin-bottom: 20px;
  margin-right: 19px;
  background: #cccccc;
  border-radius: 3px;
  color: #101010;
}

.footer-area .header-email-inner {
  font-size: 20px;
  color: #cccccc;
  font-weight: 400;
}

.copyright p {
  color: #fff;
  margin-bottom: 0;
}

.copyright a {
  color: #ff974f;
}

.copyright a:hover {
  color: #fff;
}

.footer-area .woocommerce ul.product_list_widget li {
  padding: 5px 0;
}

.custom-h6 {
  font-size: 18px !important;
}

.copyright {
  border-top: solid 1px #ff974f;
  width: 987px;
  display: table;
  margin: auto;
}

/*Contact Page*/

#contact .contact-title {
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}

#contact h2 {
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
}

#contact p {
  color: #362a45;
}

#contact .services-box:hover p {
  color: #fff;
}

#contact .contact-text {
  color: #2d3446;
}

#contact .icon1 {
  background: #fff;
  color: #2d3446;
  border-radius: 50%;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0 5px;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  font-size: 24px;
  cursor: pointer;
}

#contact .icon1:hover {
  transform: rotate(360deg);
  color: #fff;
  background: #ff974f;
}

#contact .contact-enquiry {
  background: #fff;
}

#contact .services-box {
  border-radius: 10px;
  height: 225px;
  background: #F5F5F5;
  border: 1px solid #D9DEE2;
}

#contact .services-box:hover {
  background: #ff974f;
  border-color: #ff974f;
  color: #fff;
}

#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}

#contact input.wpcf7-form-control.wpcf7-text {
  width: 100%;
  height: 46px;
  border: 0.8px solid #ff974f;
  font-size: 16px;
  line-height: 26px;
  color: #101010;
  font-weight: 400;
  padding: 15px 20px;
  outline: 0;
  margin-bottom: 15px;
  border-radius: 30px;
}
#contact .contact-enquiry h3:after {
  content: '';
  border: 0.24px solid #ff974f;
  width: 45px;
  height: 6px;
  display: table;
  margin: 20px auto;
}

#contact input.wpcf7-form-control.wpcf7-text::placeholder {
  color: #101010;
}

#contact textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  border: 1px solid #ff974f;
  font-size: 16px;
  line-height: 26px;
  color: #101010;
  font-weight: 400;
  font-family: "Lato";
  height: 130px;
  padding: 13px;
  outline: 0;
  border-radius: 30px;
}

#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
  color: #101010;
}

#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  font-size: 16px;
  line-height: 43px;
  font-weight: 400;
  background-color: #ff974f;
  color: #fff;
  padding: 0 29px;
  margin-top: 10px;
  display: inline-block;
  transition: all 0.6s;
  border: 0;
  width: auto;
  border-radius: 30px;
  cursor: pointer;
}

#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  color: #fff;
  font-weight: 500;
  border: none;
}

#contact span.wpcf7-spinner {
  display: block;
}

#contact embed {
  width: 100%;
  height: 500px;
}

#contact .icon2 {
  font-size: 50px;
  color: #ff974f;
  display: inline;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}

#contact .services-box:hover .icon2 {
  transform: rotate(360deg);
  color: #fff;
}

#contact h6 {
  color: #2d3446;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}

#contact .services-box:hover h6 {
  color: #fff;
}

#contact h5 {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 600;
  color: #ff974f;
}

#contact h2:after {
  content: '';
  display: block;
  border: 0.24px solid #ff974f;
  width: 40px;
  height: 4px;
  margin: 20px 0 30px;
}

#contact h3 {
  color: #2d3446;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 500;
}

.contact-form {
  color: #362a45;
}

.form-box {
  background: #fff;
}


/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px) {
  .admin-bar .fix-sticky {
    margin-top: 0;
  }
  #main-menu ul {
    display: block;
  }

  .fix-sticky {
    position: unset;
  }

  .contact-info {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .top_header .mail {
    border: 0;
  }

  .top_header {
    padding: 10px;
  }

  .social-links {
    justify-content: center;
  }
  .footer-area .header-email-inner {
    font-size: 17px;
}
.footer-area h4.title:after {
  display: table;
  margin: auto;
}
.copyright {
  width: auto;
}
  #main-menu ul li a {
    color: #2d3446;
  }

  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align: center;
  }

  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }

  #main-menu {
    top: 25px;
  }

  .sidenav a:hover {
    color: #f1f1f1;
  }

  #main-menu ul.children,
  #main-menu ul.sub-menu {
    box-shadow: none;
  }

  .sidenav .closebtn {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

  #site-navigation .sidenav a.closebtn,
  .open-menu {
    display: inline-block;
    background: #ff974f;
    padding: 0 5px;
    color: #fff;
    border-radius: 6px;
  }

  #main-menu ul.children,
  #main-menu ul.sub-menu {
    background: transparent;
  }

  #main-menu ul.sub-menu li a:hover:after {
    background: transparent;
    color: #2d3446;
  }

  #main-menu ul.sub-menu li a:hover {
    color: #2d3446;
  }

  #main-menu ul.sub-menu li a:before {
    border: none;
  }

  .woocommerce #content table.cart td.actions .coupon .button.alt,
  .woocommerce #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce table.cart td.actions .coupon .button.alt,
  .woocommerce table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page #content table.cart td.actions .coupon .button.alt,
  .woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page table.cart td.actions .coupon .button.alt,
  .woocommerce-page table.cart td.actions .coupon .input-text+.button {
    float: unset;
    width: 100% !important;
    margin: 0;
  }

  .woocommerce #content table.cart td.actions .button,
  .woocommerce table.cart td.actions .button,
  .woocommerce-page #content table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .button {
    width: 100%;
    margin: 0;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100% !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 10px 20px;
  }

  .woocommerce .quantity .qty {
    max-width: 120px;
  }

  .summary.entry-summary {
    text-align: center;
  }

  .woocommerce div.product div.images img,
  .woocommerce ul.products li.product a img {
    padding: 0 5px;
  }

  section.related.products {
    padding: 0 5px;
  }

  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }

  .page-404 h1 {
    font-size: 100px;
  }

  .page-404 p {
    margin-left: 0;
    margin-right: 0;
  }

  p.cart-item-box {
    left: 50%;
  }

  .top_header .mail,
  .top_header .location,
  .top_header .time {
    font-size: 12px;
  }

  .admin-bar .fix-sticky {
    position: relative;
  }

  .menu-header .call_box:after {
    display: none;
  }

  .logo-box {
    position: unset;
    width: 43%;
    text-align: left;
    padding: 0px 6px 0 10px;
  }

  .menu-box {
    left: 0;
    padding: 0;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .logo a img.custom-logo {
    height: auto;
  }

  .menu-box {
    left: 0;
    margin-left: auto;
  }

  .serch-box {
    left: 0;
    flex: 0 0 85%;
    max-width: 85%;
  }

  .open-menu span {
    font-size: 24px !important;
  }

  .header-right-button {
    position: relative;
    margin-left: auto;
    top: 155px;
  }
  .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    font-size: 13px;
    width: 168px;
}

  .button-header a {
    font-size: 10px;
    line-height: 35px;
    font-weight: 400;
    border-radius: 6px;
    background-color: #ff974f;
    color: #fff;
    margin-top: -48px;
    display: table;
    margin-left: auto;
    transition: all 0.6s;
    font-size: 10px;
  }

  #slider .slider-content {
    top: 20%;
    transform: translateY(-25%);
    left: 5%;
    right: 0;
    width: 96%;
    max-width: 100%;
    font-size: 12px;
    line-height: 14px;
  }

  #slider .expert-div {
    display: none;
  }

  #slider h2 {
    display: none;
  }

  #slider h1 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
  }

  #slider .button {
    font-size: 10px;
    padding: 5px 60px 5px 10px;
    display: table;
    margin: -20px 0 0;
    line-height: 24px;
  }

  #slider .button i {
    width: 42px;
    line-height: 30px;
    font-size: 14px;
    top: 0px;
  }

  #slider .owl-carousel .owl-nav {
    display: none;
  }

  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }

  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #slider .owl-dots button.owl-dot.active {
    background-color: #ff974f;
  }

  #slider .work-enquiry-div .deta-box {
    height: 50px;
    margin-bottom: 10px;
  }

  #slider .work-enquiry-div .dashicons {
    width: 30px;
    height: 30px;
    font-size: 18px;
  }

  #slider .work-enquiry-div {
    margin-top: -150px;
  }

  #slider .work-enquiry-div .deta-enquiry h6 {
    font-size: 14px;
    line-height: 6px;
    color: #040f30;
    font-weight: 500;
  }

  .security .security-inner {
    margin-top: 30px;
    padding: 0;
  }

  .security .security-inner-col {
    margin-bottom: 30px;
    display: block;
  }

  .security .security-content {
    padding: 20px 20px 10px;
  }

  #counter .counter-section {
    background-size: cover;
    padding: 10px 0;
  }

  #our-services h2 {
    font-size: 30px;
    line-height: 38px;
    color: #101010;
    font-weight: 900;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  #our-services .services-boxes {
    padding: 30px 20px;
    font-size: 16px;
    line-height: 24px;
    color: #888888;
    margin-bottom: 30px;
  }

  #our-services .services-boxes .button {
    line-height: 46px;
    padding: 0 70px 0 10px;
    margin-top: 20px;
    font-size: 14px;
  }

  .security .services-right-boxes {
    margin: 20px;
  }

  #testimonial .testimonials-section {
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding: 30px 0;
  }
  #testimonial {
    margin-bottom: 0;
}
#Our-team .team-cols {
  background-color: #ff974f;
  transition: all 600ms;
  margin-bottom: 30px;
}
  .testimonials-heading h2 {
    font-size: 22px;
    line-height: 24px;
  }

  .testimonials-heading h5 {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 20px;
  }

  .testimonials-heading {
    margin-bottom: 20px;
  }

  #testimonial .content {
    font-size: 16px;
    line-height: 24px;
  }
  #Our-team .team-cols {
    margin-bottom: 30px;
}
#Our-team .content p {
  font-size: 16px;
  line-height: 28px;
}
#Our-team .content h1 {
  font-size: 30px;
  line-height: 30px;
  color: #101010;
  font-weight: 900;
  margin-bottom: 20px;
}
#Our-team .team-heading h3 {
  font-size: 16px;
  line-height: 24px;
}
#recent_blog {
  margin-top: 40px;
}
#recent_blog h5 {
  font-size: 16px;
  margin-top: -20px;
  margin: -20px auto 10px;
  padding: 0 20px;
}
#recent_blog .blog-title {
  padding: 10px 20px;
  width: 100%;
}
#recent_blog .blog-content p {
  font-size: 16px;
  line-height: 28px;
}
#recent_blog .recent_box {
  display: block;
}
#recent_blog .post-content.entry-content {
  padding: 25px;
}
#recent_blog h4.post-title {
  line-height: 20px;
}
  #services h3,
  #about_us h3,
  #counter h3,
  #gallery_div h3,
  #testimonial h3,
  #newsletter h3 {
    margin: 0 0;
    font-size: 18px;
  }

  #our-services h5 {
    font-size: 18px;
    line-height: 4px;
  }

  #appointment .appointment-box {
    position: unset;
  }

  #testimonial .owl-carousel .owl-nav {
    display: none;
  }

  #testimonial .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }

  #testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #testimonial .owl-dots button.owl-dot.active {
    background-color: #ff974f;
  }

  #site-navigation .sidenav a.closebtn,
  .open-menu {
    top: 50px;
  }

  #recent_blog .owl-dots {
    display: block;
    text-align: center;
  }
  .appointment-form {
    padding: 37px;
    bottom: 0;
}
.app-section {
  margin-bottom: 20px;
  padding: 50px 0;
}
.appointment-form {
  padding: 25px;
}
#appointment .fa-angle-right {
  height: auto;
  width: 48px;
  top: auto;
  position: absolute;
  bottom: 0;
  right: 0;
}
#contact-us .contact-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#contact-us .contact {
  padding: 30px 10px;
}
#contact-us .contact {
  padding: 30px 10px;
}
#contact-us .contact h3 {
  font-size: 28px;
  margin-bottom: 20px;
}
#client .owl-nav {
  text-align: center;
  font-size: 32px;
}
  #banner_div h3 {
    margin: 0;
  }

  .footer-area ul {
    padding: 0 10px;
  }

  #contact .dashicons {
    margin: 20px 0;
    display: inline;
  }

  #contact hr {
    width: 30%;
  }

  #contact .contact-form p {
    margin-left: 0;
    margin-right: 0;
  }

  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    margin: 15px 0;
  }

  #contact .wpcf7 .ajax-loader {
    display: block;
    left: 38%;
  }

  #comments textarea {
    width: 100%;
  }

  .woocommerce-page div.product div.summary {
    padding: 15px;
  }

  .post-single .blog_share_icon .fab {
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }

  .copyright img {
    margin: 10px 0;
  }

  .latest-post .comments {
    font-size: 16px;
  }

  .latest-post .date-meta {
    font-size: 14px;
  }

  .footer-area hr {
    width: 30%;
    margin-right: auto;
  }

  .page-template-frontpage .footer {
    margin-top: 40px;
  }

  #our-services {
    padding: 40px 0 0;
  }

  #our-services .col-md-6 {
    padding-left: 5px;
  }

  #slider .owl-carousel .owl-item img {
    width: 280%;
  }

  #our-services .deta-box .deta-enquiry h4 {
    font-size: 12px;
    line-height: 12px;
  }

  #our-services .deta-box .deta-enquiry h6 {
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 4px;
  }

  #our-services .deta-box .dashicons {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  #our-services .deta-box {
    height: 38px;
    padding: 5px;
    max-width: 150px;
    margin: -33px auto 0;
  }

  #testimonial .testi-inner {
    padding: 0 15px;
  }

  #testimonial .testi-star {
    padding: 7px 20px;
    width: 71%;
    margin: 15px 0;
    border-radius: 10px;
  }
  #testimonial img {
    top: 292px;
  }

  #testimonial h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }

  #testimonial h6 {
    font-size: 14px;
  }

  .appointment-form h2 {
    font-size: 24px;
  }

  #recent_blog .blog-title {
    margin: 0 0 30px;
  }
  #recent_blog h3, #faq .question-heading h3 {
    font-size: 21px;
    margin-bottom: 10px;
}

  footer {
    border-radius: 0;
    padding: 0;
  }

  .footer-area .textwidget {
    margin-bottom: 30px;
  }

  .footer-area .social-links {
    justify-content: center;
  }

  h2,
  .h2 {
    font-size: 1.5rem;
  }

  .footer-area ul {
    padding: 0 10px;
    display: table;
    margin: 0 auto 30px;
  }

}


/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px) {
  #main-menu {
    float: left;
    width: 100%;
  }
  #main-menu ul {
    justify-content: normal;
}
  .copyright {
    width: auto;
}
.logo a img.custom-logo {
  height: auto;
}

  .admin-bar .fix-sticky {
    margin-top: 45px;
  }

  #slider .owl-carousel .owl-item img {
    width: auto;
    height: 100vh;
  }

  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 30%;
  }

  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 95%;
    margin: 15px 0;
  }

  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
    width: 45%;
    margin: 10px 10px;
  }

  #contact input.wpcf7-form-control.wpcf7-text {
    width: 46%;
    margin: 20px 10px;
  }

  #contact .wpcf7 .ajax-loader {
    display: block;
  }

  .sidebar-area .post-title {
    font-size: 14px;
  }

  .woocommerce div.product div.images img {
    width: auto;
  }

  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    width: 50%;
  }

  .woocommerce #content div.product div.images,
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.images,
  .woocommerce-page div.product div.summary {
    float: left;
    width: 50%;
  }

  .woocommerce button.button {
    margin: 0 10px;
    padding: 12px 20px;
  }

  .top-header span {
    font-size: 12px;
  }

  #main-menu ul li a {
    padding: 16px 10px;
    font-size: 14px;
  }

  .logo-box {
    position: unset;
  }

  .logo-box img {
    max-width: 100%;
  }

  .menu-box {
    left: 0;
  }

  .serch-box {
    left: 0;
  }

  .menu-header .call_box {
    left: 30px;
  }

  .menu-header .call_box {
    padding: 16px 0;
  }

  .menu-header .call_text1 {
    font-size: 7px;
  }

  .menu-header .call_text2 {
    font-size: 10px;
  }

  .top_header .social-links a {
    margin: 0 3px;
  }

  #slider .slider-content {
    left: 8%;
    right: 25%;
}
  #slider .expert-div {
    display: none;
  }

  #slider h1 {
    font-size: 28px;
    margin: 0 !important;
  }

  #slider .button {
    padding: -1px 7px;
    font-size: 14px;
  }

  #slider .owl-carousel .owl-nav {
    display: none;
  }

  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }

  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #slider .owl-dots button.owl-dot.active {
    background-color: #ff974f;
  }

  #testimonial h3 {
    font-size: 28px;
  }

  #counter h3 {
    margin: 0 10%;
  }

  #recent_blog img {
    height: auto;
  }

  #testimonial .owl-carousel .owl-nav {
    display: none;
  }

  #appointment .appointment-box {
    position: unset;
  }

  #appointment h3 {
    width: 100%;
  }

  #recent_blog .owl-dots {
    display: block;
    text-align: center;
  }

  .widget_text,
  .widget_nav_menu {
    margin-bottom: 30px;
  }

  #appointment textarea.wpcf7-form-control.wpcf7-textarea {
    height: 90px;
  }

  .page-template-frontpage .footer {
    margin-top: 40px;
  }

.button-header a {
    font-size: 14px;
    line-height: 41px;
    padding: 0px 12px;
    margin-top: 19px;
  }

  #testimonial img {
    top: 176px;
  }

  #our-services .row>.col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  #our-services .row>.col-md-6 {
    order: -1;
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
    display: flex;
  }
  #our-services .services-right-box {
    margin-bottom: 0;
}
#our-services .services-boxes .button {
  line-height: 27px;
  padding: 0px 56px 0 25px;
  margin-top: 27px;
  font-size: 10px;
}
#our-services .services-boxes .button i {
  width: 48px;
  line-height: 30px;
  font-size: 18px;
}
#Our-team .content h1 {
  font-size: 36px;
}
#Our-team .content p {
  font-size: 17px;
  line-height: 34px;
}
#Our-team .team-heading h3 {
  font-size: 14px;
  line-height: 25px;
}
#recent_blog {
  margin-top: 0;
}
footer {
 padding: 0;
}
#contact-us .contact {
 padding: 0;
}
#contact-us .contact h3 {
  font-size: 25px;
}
.form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
  font-size: 13px;
  width: 158px;
}
#our-services h2 {
  font-size: 38px;
  line-height: 52px;
}
#counter .counter-section {
  padding: 1px;
}
#counter .data_box {
  font-size: 16px;
  padding: 13px 25px;
  margin-bottom: 32px;
}
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {

  #main-menu ul li a {
    padding: 10px 10px;
    font-size: 16px;
  }
  #our-services .services-right-box {
   margin-bottom: 0;
}

  .top_header .mail,
  .top_header .location,
  .top_header .time {
    font-size: 11px;
  }

  .logo-image img {
    width: 200px;
  }

  .top_header .social-links a {
    margin: 0 3px;
  }

  .menu-header .call_box {
    font-size: 12px;
  }

  #slider h2 {
    font-size: 18px;
  }

  #slider h1 {
    font-size: 31px;
    line-height: 30px;
}
#slider .button {
  margin-top: 6px;
}
  #testimonial .owl-carousel .owl-nav {
    display: none;
  }

  #testimonial .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }

  #testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #testimonial .owl-dots button.owl-dot.active {
    background-color: #ff974f;
  }

  #appointment h3 {
    width: 100%;
  }

  #appointment .appointment-box {
    bottom: -18%;
  }

  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 95%;
  }

  .latest-post .date-meta {
    font-size: 12px;
  }

  #recent_blog .owl-dots {
    display: block;
    text-align: center;
  }

  #testimonial img {
    top: 172px;
  }

  #testimonial img {
    top: 172px;
  }

  #recent_blog .owl-carousel .owl-nav {
    top: 65%;
    left: -221px;
    font-size: 28px;
  }
  #recent_blog .owl-dots {
    margin: 40px auto;
}

  #our-services .row>.col-md-6 {
    order: -1;
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
    display: flex;
  }

  #our-services .row>.col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #counter .counter-section {
    padding: 1px;
}
.form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
  width: 242px;
}
#contact-us .contact {
 padding: 0;
}

}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px) {

  .woocommerce .quantity .qty {
    max-width: 150px;
  }

  .latest-post .date-meta {
    font-size: 12px;
  }

}