.body {
  overflow-x: hidden !important;
}

body {
  font-size: 18px;
  color: #1e1e1e;
  background-color: #fff;
  scroll-behavior: smooth;
  overflow-x: hidden !important;
  background-color: #333;
}

a {
  color: #0055f1;
  text-decoration: none;
  transition: all 0.5s;
}

a:hover {
  text-decoration: none;
  transition: all 0.6s;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

p {
  margin: 0;
  line-height: 30px;
  margin-bottom: 25px;
  font-size: 15px;
}

ul li {
  margin-bottom: 0px;
}

.img-fluid {
  display: block;
  width: 100%;
  max-width: 100%;
}

.li {
  display: inline-block;
  padding: 0px 5px;
}

ul {
  list-style: none;
  padding: 0;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 30px;
}

h3 {
}

h4 {
  font-size: 18px;
}

h5 {
}

h6 {
}

.bg-cover {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.gap {
  margin-bottom: 30px;
}

section {
  padding: 100px 0px;
}

/* navbar----------- */

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

* {
  box-sizing: border-box;
}

.m-backtotop {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  bottom: -50px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: #fe8a02;
  border-radius: 25px;
  text-align: center;
  border: 2px solid #fe8a02;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  opacity: 0;
  overflow: hidden;
  color: #fff;
}

.m-backtotop.active {
  bottom: 15px;
  opacity: 1;
}

.m-backtotop > div {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-backtotop > div.arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}

.m-backtotop > div.text {
  font-size: 5px;
  font-size: 0.5rem;
  line-height: 10px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Open Sans", sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0;
  margin-top: 1px;
}

.m-backtotop:hover {
  transform: scale(1.1);
  bottom: 20px;
  cursor: pointer;
  background: black;
  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
}

.m-backtotop:hover > div.arrow {
  transform: translateY(-150%) translateX(-50%);
  opacity: 0;
}

.m-backtotop:hover > div.text {
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}

/* ---------------------- */
.small {
  display: none;
}



/* top header start */
.top-bar {
  background: #979797;
  color: #000;
  padding: 0px 0px;
}
.top-bar {
  color: #000;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.top-contact {
  float: right;
  padding: 4px 0px;
  margin-bottom: -8px;
}
.top-social {
  padding: 4px 0px;
  margin-bottom: -8px;
}
.list-inline .fa.fa-twitter {
  color: #000;
  font-size: 15px;
}
.list-inline .fa.fa-pinterest-p {
  color: #000;
  font-size: 15px;
}
.list-inline a {
  font-size: 14px;
  color: #000;
  font-family: "Montserrat", sans-serif;
}
.list-inline .fa.fa-fax {
  font-size: 15px;
}
.list-inline .fa.fa-phone {
  font-size: 15px;
}
.fa.fa-envelope {
  font-size: 15px;
}

.main-header .navbar.navbar-expand-lg {
  padding: 0px 0px;
}

.main-header .navbar-expand-lg .navbar-nav {
  margin-left: auto;
  margin-right: -35px;
}
.main-header ul li{
  text-transform: uppercase;
  font-size: 16px;
  /* margin-right: 35px; */
  padding: 21px 28px !important;
}
.main-header ul li a{
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

.main-header ul li:hover {
  background-color: #000;
  color: #fff;
}
.main-header {
  background-color: #fff;
}
.main-header ul .active {
 background-color: #000;
 color: #fff!important;
}
/* top header end */
/* banner start */
.banner {
  padding: 0px 0px;
}
.banner .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  display: none;
}
.banner .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  display: none;
}
.banner .carousel-caption {
  text-align: left;
  position: absolute;
  left: 107px;
  top: 70px;
  background-color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  max-height: 316px;
  padding-left: 25px;
}
.banner .carousel-caption h1 {
  margin-bottom: 5px;
  font-family: "Montserrat", sans-serif;
}
.banner .carousel-caption p {
  padding: 10px 243px 10px 10px;
  font-size: 15px;
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
  line-height: 20px;
}
.banner .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
  border-radius: 100%;
}
.banner .info-btn2,
.info-btnsl {
  color: #fff !important;
  background: transparent !important;
  text-shadow: 0 0 0 !important;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 31px;
  padding: 7px 47px;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 500;
}

/* banner end */

/*  */
.back-color {
  background-color: #333;
}
.entry-content {
  color: #6f6d6d;
  margin-bottom: 10px;
  background-color: #333;
}
.entry-content p {
  line-height: 20px;
  margin-top: 0px;
  color: #fff;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}
/*  */
/* welcom sec start */
#welcome {
  padding: 70px 0px;
  background-color: #333;
}
.why-choose {
  margin-bottom: 100px;
}
.welcome-image {
  margin-bottom: 30px;
}
.welcome-text h2,
h4,
p {
  color: #fff;
}
.decorated > span {
  position: relative;
  display: inline-block;
}
.services h3,
.services h2 {
  text-align: center;
  font-size: 30px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
.decorated > span::before {
  right: 100%;
}
.decorated > span::before,
.decorated > span::after {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 1px solid;
  width: 19px;
  margin: 0 8px;
}
.welcome-text p {
  margin: 15px 0px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 20px;
}
.welcome-text h4 {
  color: #fff;
  line-height: 20px;
  padding-bottom: 0px;
  margin-bottom: 10px;
}
.info-btn a {
  padding: 6px 30px;
  background: transparant;
  border: 1px solid #fff;
  border-radius: 30px;
  display: table;
  margin-top: 21px;
  transition: 0.6s;
  color: #fff !important;
  font-size: 15px;
}
.info-btn a:hover{
color: #000 !important;
  background-color: #fff;
}

.card.h-100 {
  border: 1px solid #b80079;
}
.card-header {
  background: #b80079;
  color: #fff;
  padding: 10px;
  margin: 0;
}
.part3 .card-body {
  min-height: 130px;
}
.card-body p {
  color: #000;
}
.card-text {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 20px;
}
.part3 {
  padding: 10px 0px;
}
#welcome {
  padding: 50px 0px;
}

.services {
  text-align: center;
}
.services h3 {
  color: #fff;
}
.services p {
  text-align: center;
  color: #fff;
  padding: 0px 90px 20px;
  line-height: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

.decorated > .span::before,
.decorated > .span::after {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 1px solid;
  width: 50px;
  margin: 0 20px;
}

.service-box img {
  width: 100%;
}
.service-box {
  border: 1px solid #fff;
  padding-bottom: 10px;
  height: 100%;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.b-x {
  padding-top: 12px;
  padding-bottom: 10px;
  background: #930d3e;
  width: 80%;
  float: right;
  text-align: right;
  color: #fff;
  padding-right: 10px;
  position: relative;
  top: -35px;
  transition: 0.6s;
}
.b-x::before {
  width: 25px;
  height: 24px;
  content: " ";
  position: absolute;
  background: #930d3e;
  transform: rotate(45deg);
  z-index: 0;
  left: -12px;
  top: 5px;
  transition: 0.6s;
}
.b-x h5 {
  font-size: 12px;
  color: #fff;
}
.b-x h5 {
  margin: 0;
}
.service-box .servicetext {
  display: inline-block;
  margin-top: -20px;
  text-align: center;
  padding: 10px;
  min-height: 185px;
}
.servicetext p {
  min-height: 80px;
  line-height: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
}

.service-btn a {
  padding: 6px 30px;
  background: transparant;
  border: 1px solid #fff;
  border-radius: 30px;
  display: table;
  transition: 0.6s;
  margin: 0 auto;
  margin-top: 0px;
  font-size: 15px;
  color: #fff;
}
.service-btn a:hover{
  background-color: #fff;
  color: #000 !important;
}
/* welcom sec end */

/* why choose start */
.why-choose {
  /* background-color: #333; */
  /* padding: 0px 0px 100px; */
}
.why-choose h3 {
  text-align: center;
  font-size: 30px;
  color: #fff;
  padding-top: 20px;
}
.why-choose p {
  line-height: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  margin-bottom: 0px;
}

.boxchoose img {
  border-radius: 100%;
  margin: -65px auto 20px auto;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.boxchoose {
  border: 2px dotted #fff;
  padding: 20px;
  margin-top: 55px;
  color: #fff;
  min-height: 390px;
}
.boxhdr {
  font-size: 18px;
  margin-bottom: 10px;
  color: #938d8d;
  font-weight: 600;
  font-size: 18px;
}
.boxchoose p {
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}

/* why choose end */

/* reviews start */
#review {
  background: #000;
  padding: 50px 0px;
  color: #fff;
}
.testimonials h3,
.testimonials h2 {
  padding-bottom: 30px;
  font-size: 30px;
  color: #fff;
}
div.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.contact-form {
  margin-top: 15px;
}

#fade-quote-carousel blockquote {
  text-align: left;
  border: none;
  border: 1px solid #303030;
  border-radius: 5px;
  padding: 37px 20px;
  margin: 20px 0px;
  max-height: 170px;
}
#fade-quote-carousel blockquote {
  text-align: left;
}
.form-control {
  box-shadow: none;
  border-color: #eee;
  height: 49px;
  background: transparent;
}
.contact-form .textarea {
  min-height: 170px;
  resize: none;
}
.form-group {
  margin-bottom: 15px;
}
.frm-btn {
  color: #fff;
  padding: 6px 30px;
  background-color: #000 !important;
  border: 1px solid #fff;
  border-radius: 30px;
  display: table;
  margin-top: 21px;
  transition: 0.6s;
  font-size: 15px;
}
.frm-btn:hover{
  background-color: #fff !important;
  color: #000 !important;
}
#review .form-p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 20px;
  margin-top: 25px;
}
#review .car-p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0px;
}
#fade-quote-carousel .item p {
  min-height: 100px;
}
.client h5 {
  float: right;
  padding: 30px 0px;
}

/* reviews end */



/* blog start */
#blog {
  padding: 60px 0px;
}
.blogs {
  padding-bottom: 20px;
}
.blogs h3,
.blogs h2 {
  text-align: center;
  font-size: 30px;
  color: #fff;
}
.blogs p {
  padding-top: 15px;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 20px;
}
.blog1 {
  box-shadow: 0px 0px 15px #ebebeb;
  margin-bottom: 50px;
  min-height: 470px;
}
.post-date {
  position: absolute;
  background: #0002b6;
  color: #fff;
  padding: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 15px;
}
.entry-thumbnail {
 
  overflow: hidden;
  margin-bottom: 25px;
}
.entry-titles.text-center {
  margin-bottom: 10px;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
}
.entry-titles.text-center a {
  margin-bottom: 10px;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  line-height: 20px;
}
.entry-content a {
  color: #00ff00;
}
/* blog end */

/* popular start */
.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.popularfence .card-title a {
  color: #b80079;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.card-footer {
  border-top: 1px solid #b80079;
  padding: 5px;
}
.card-footer {
  border-top: 1px solid #b80079;
  padding: 5px;
  background-color: #333;
}
.card-footer a {
  padding: 11px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}
/* popular end */

/* fot sec start */
.foo_sec {
  margin: 50px 0;
}
.foo_sec h2 {
  color: #fff;
  margin: 15px 0;
}
.foo_sec p {
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  line-height: 20px;
  margin-bottom: 0px;
}
.foo_sec a {
  color: #00ff00;
}
/* fot sec end */

/* footer start */
#footer {
  background: #000;
  color: #fff;
  padding: 60px 0px 10px;
  margin-top: 20px;
}
#footer {
  color: #fff;
}
#footer h5,
#footer h4 {
  padding-bottom: 10px;
  font-size: 18px;
}
.contact-text {
  margin-left: -15px;
  line-height: 28px;
}
.contact-text {
  line-height: 28px;
}
#footer h5,
#footer h4 {
  padding-bottom: 0px;
  font-size: 19px;
}
.address p {
  margin-left: -22px;
  margin-bottom: 0px;
  font-family: "Montserrat", sans-serif;
}
.foot-nav li a {
  color: #fff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}
.footer-social .fa {
  background: #fff;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  text-align: center;
  color: #000;
  margin-top: 20px;
}
.contact-text i {
  color: #fff;
  font-size: 15px;
}
.contact-text a {
  color: #fff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}
.copy.wow.fadeInDown.animated {
  text-align: center;
  border-top: 1px solid rgb(100, 100, 100);
  margin-top: 40px;
  margin-bottom: 0px;
  margin-top: 30px;
}
.copy.wow.fadeInDown.animated a {
  color: #fff;
}
.copy.wow.fadeInDown.animated p {
  line-height: 52px;
}
/* footer end */



/* new css start */

.top-bar .container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1207px;
}
.main-header .container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1207px;
}
.navbar-brand  img {
  width: 160px;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #000;
}
.copy.wow.fadeInDown.animated p {
  line-height: 52px;
  margin-bottom: 0;
}
#footer {
  color: #fff;
  padding-bottom: 0px;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #000;
}
.item blockquote {
  margin-bottom: 15px ;
  border: 1px solid;
  padding: 34px;
  border-radius: 5px;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  background-color: #000;
}
.welcome-text h2, h4, p {
  color: #fff;
  margin-bottom: 10px;
}
#fade-quote-carousel .item p {
  min-height: 100px;
}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
  margin-bottom: 0;
}
.quote-right {
  float: right;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}

#fade-quote-carousel .item p {
  min-height: 100px;
}
blockquote p{
  font-size: 17.5px;
  line-height: 22px;
  font-family: "Montserrat", sans-serif;
}
.client h5 {
  float: right;
  padding: 35px 0px;
  font-size: 15px;
}
.form-control:focus {
  color: #212529;
  background-color: transparent;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
  outline: none;
  box-shadow: none;
  border: 1px solid #fff;
}

/* new css end */




/* about start */
.inner-heading {
  padding: 38px 0;
  background-color: #979797;
}
.decorated {
  overflow: hidden;
  text-align: center;
  color: #000;
}
.inner-heading h1 span {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
line-height: 1.1;
}
.decorated > span {
  position: relative;
  display: inline-block;
}

.mg {
  margin-top: 60px;
  color: #fff;
}
.mg h2 {
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
.mg p {
  margin-bottom: 10px;
  line-height: 1.5;
  color: #fff;
font-weight: 500;
font-family: "Montserrat", sans-serif;
}
.about1 p {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}
.mg ul {
  margin-bottom: 20px;
  padding: 0px 40px;
}
.mg li {
  margin-bottom: 5px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  list-style-type: disc;
}
.call-to-action {
  background: #EBEBEB;
  padding: 7px;
  margin: 15px 0 50px 0;
  border-radius: 5px;
  text-align: center;
  margin-top: 30px;
}
.call-to-action a {
  color: #000 !important;
}
.mg a {
  color: #00FF00;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 18px;
}
.widget_recent_entries ul li {
  color: #fff;
  list-style-type: disc;
}
.mg {
  color: #fff;
}
.widgettitle {
  background: #979797;
  padding: 8px;
  margin-bottom: 20px;
}
.widget_recent_entries ul {
  padding: 0 20px;
  margin: 0;
}
#search-3 input {
  height: 35px !important;
  outline: none;
  box-shadow: none;
}
.form-control {
  box-shadow: none;
  border-color: #eee;
  height: 49px;
  background: transparent;
}
#s:focus {
  background-color: transparent;
}

.btn-primary {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;

}
#searchsubmit {
  margin-top: 10px;
  padding: 5px 15px;
  font-size: 16px;
  margin-bottom: 30px;
  background-color: transparent;
}
#search-3 h2{
  margin-top: 30px;
}
/* about end */

/* services start */
.welcome{
padding: 78px 0px;
}
/* servives end */

/* frameless start */
.welcome-image img {
  width: 100% !important;
  height: 400px;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.welcome-image {
  overflow: hidden;
}
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.textwidget  p {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 0px;
}
.text-p li {
  margin-bottom: 0px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  list-style-type: disc;
}



/* frameless end */



/* tubular pool start */
.entry-content {
  color: #6f6d6d;
}
.bwg_thumbnail.bwg_container {
  padding: 0 1px;
}
.bwg_container {
  position: relative;
  margin: 20px auto;
}
div[id^="bwg_container"] * {
  margin: 0;
}
.bwg_load_more_ajax_loading.bwg-hidden {
  height: 0;
}
.bwg-hidden {
  visibility: hidden;
}
.bwg_load_more_ajax_loading {
  width: 100%;
  z-index: 115;
  text-align: center;
  vertical-align: middle;
  position: relative;
  height: 30px;
}
.bwg_loading_div_2 {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: .95;
}
.bwg_loading_div_3 {
  display: table-cell;
  text-align: center;
  position: relative;
  vertical-align: middle;
}
.bwg_spider_ajax_loading {
  border: none !important;
  display: inline-block;
  text-align: center;
  position: relative;
  vertical-align: middle;
  background-image: url(//wbrcityfencing.com.au/wp-content/plugins/photo-gallery/images/ajax_loader.png);
  float: none;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
.bwg-background {
  background-color: rgba(0,0,0,0);
  position: relative;
  width: 100%;
}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {
  width: 1002px;
  justify-content: center;
  margin: 0 auto !important;
  background-color: rgba(255, 255, 255, 0.00);
  padding-left: 2px;
  padding-top: 2px;
  max-width: 100%;
}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item {
  justify-content: flex-start;
  max-width: 250px;
}

#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item > a {
  margin-right: 2px;
  margin-bottom: 2px;
}
div[id^="bwg_container"].bwg_container .bwg-a {
  border: none;
  box-shadow: none !important;
  outline: 0;
  font-size: 0;
  line-height: normal;
  cursor: pointer;
  text-decoration: none;
}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item0 {
  padding: 0px;
  background-color: rgba(255,255,255, 0.30);
  border: 0px none #CCCCCC;
  opacity: 1.00;
  border-radius: 0;
  box-shadow: ;
}
div[id^="bwg_container"] img {
  box-shadow: none !important;
}
.bwg-item2 {
  position: absolute;
}

/* tubluar pool end */

/* contact us start */


.welcome-text h2, h4, p {
  color: #fff;
}
.form-section {
  padding-top: 10px;
  padding-bottom: 50px;
}
div.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
button.info-btn {
  background-color: transparent;
}
.contact-forms .form-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
}
.contact-forms .form-group label {
  color: #fff;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.wpcf7-form-control-wrap {
  position: relative;
}
.contact-forms input[type="text"], .contact-forms input[type="email"] {
  background-repeat: no-repeat;
  background-position: left 20px center;
}
.contact-forms .form-control {
  height: 43px;
  border-radius: 0;
  font-size: 15px;
  border: 1px solid #fff;
  box-shadow: none;
  color: #fff;
}
.contact-forms textarea {
  min-height: 170px;
  padding-top: 15px;
  resize: none;
}
.contact-forms input, .contact-forms textarea {
  padding: 0 20px;
    padding-top: 0px;
}
.form-control {
  box-shadow: none;
  border-color: #eee;
  height: 49px;
  background: transparent;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
textarea {
  overflow: auto;
}
input, button, select, textarea {
  font-family: inherit;
}
.contact-info-heading h2 {
color: #fff;
font-weight: 500;
font-family: "Montserrat", sans-serif;
font-size: 35px;
margin-top: 0px;
margin-bottom: 0px;
}
#contact-information{
  padding: 45px 0px !important;
}
#contact-information p{
  margin-bottom: 0px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  line-height: 20px;
}
button.info-btn {

    background-color: transparent;
}
.submit-button .info-btn {
  color: #fff;
  padding: 6px 30px;
  background: transparant;
  border: 1px solid #fff;
  border-radius: 30px;
  display: table;
  margin-top: -10px;
  transition: .6s;
  font-size: 15px;
}
.submit-button .info-btn:hover {
background-color: #fff;
color: #000;
}
.contact-info-heading {
  margin-top: -10px;
}

.maps{
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 25px;
}
.maps a {
  color: #000 !important;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
}
.fa-2x {
  font-size: 2em;
  color: #000;
}
.maps .email-env i{
  font-size: 24px;
  line-height: 24px;
}
/* contact us end */


/* blog start */
.blog-1{
  padding: 40px 0px 0px !important;
}
/* blog end */

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  margin: 0px 3px;
}

























.box-container {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-top: 1.4em;
  width: 100%;
}

.box {
  list-style-type: none;
  float: left;
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: opacity 0.2s, transform 0.35s;
}

.box.show {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.4s, transform 0.35s;
}

.box .inner {
  padding: 1px 1px;
  position: relative;
}

.box a {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  height: 200px;
}

.box img {
  width: calc(100% + 50px);
  max-width: calc(100% + 50px);
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(-40px, 0, 0);
}

.box a::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  z-index: 99;
  opacity: 0;
  transition: opacity 0.4s;
}

.three-cols .box {
  width: 100%;
}

.four-cols .box {
  width: 23.1%;
}

.four-cols .box:nth-child(4n+0) {
  margin-right: 0;
}

.four-cols .box:nth-child(4n+1) {
  clear: both;
  margin-left: 0;
}

.options-list {
  width: 700px;
  margin: 0 auto;
  border: 1px solid #ececec;
  border-radius: 2px;
}

.options-list .option {
  overflow: hidden;
  border-bottom: 1px solid #ececec;
}

.options-list .option .name {
  font-weight: 600;
  display: inline-block;
  width: 23%;
  float: left;
  text-align: left;
  padding: 14px 17px;
  color: #000;
  font-size: 0.89em;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif !important;
}

.options-list .option .value {
  display: inline-block;
  width: 65%;
  float: left;
  padding: 14px 17px;
  text-align: left;
  line-height: 1.7em;
  font-size: 0.89em;
  border-left: 1px solid #eee;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif !important;
}

.options-list .option .type {
  color: #ed7205;
  font-weight: 600;
}

.params-list {
  margin-bottom: 11em;
}

.option-code {
  width: 700px;
  margin: 0 auto;
  border: 1px solid #ececec;
  border-radius: 2px;
  padding-left: 20px;
  padding-top: 0;
  margin-bottom: 48px;
}

.inline-inner {
  padding: 40px;
}

.inline-close-btn {
  background: #FFC107;
  width: 200px;
  display: block;
  margin: auto;
  height: 53px;
  text-align: center;
  line-height: 53px;
  font-weight: 600;
  font-size: 15px;
  border-radius: 5px;
  border: 2px solid #eee;
}

.inline-close-btn:hover {
  border-color: #000;
}

.especifications {
  width: 100%;
  max-width: 543px;
  margin: auto;
}
.especifications ul {
  margin-top: 40px;
  margin-bottom: 40px;
}
.especifications li {
  text-align: left;
  list-style: initial;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 16px;
  color: #2b2b2b;
  opacity: 0;
  line-height: 1.7em;
  transform: translate3d(-10px, 0, 0);
}

.especifications li.show {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: all 0.3s ease-in-out;
}

.especifications li i {
  color: #000;
}


.footer-btns {
  margin-top: 50px;
}

footer {
  text-align: center;
  color: #666;
  margin: 2rem 0;
}

footer a {
  color: #000;
}

.copyright {
  font-size: 0.8em;
}


@media (min-width: 390px) {
  .three-cols .box {
      width: 50%;
  }
}


@media (min-width: 576px) {
  .intro h1 {
      font-size: 4.3em;
  }

  .intro {
      max-height: 70vh;
      min-height: 640px;
      padding-top: 0px;
  }

  .intro h1,
  .tagline {
      text-align: left;
  }

  .tagline {
      font-size: 100%;
  }

  .three-cols .box {
      width: 24.3%;
  }

  .three-cols .box:nth-child(3n+0) {
      margin-right: 0;
  }

  .three-cols .box:nth-child(3n+1) {
      margin-left: 0;
  }

  .mcbutton {
      width: auto;
  }
}


@media (min-width: 992px) {
  .box:hover img {
      transform: translate3d(0, 0, 0);
      transition: opacity 0.35s, transform 0.35s;
  }

  .box:hover a::before {
      opacity: 0.3;
      transition: opacity 0.5s;
  }
}

.text-center {
  text-align: center;
}
.call-to-action {
  background: #EBEBEB;
  padding: 10px;
  margin: 15px 0 50px 0;
  border-radius: 5px;
  text-align: center;
}
#examples p{
  font-family: "Montserrat", sans-serif;
  font-weight: 20px;
  line-height: 20px;
}

#examples .call-to-action {
  background: #EBEBEB;
  padding: 7px;
  margin: 15px 0 50px 0;
  border-radius: 5px;
  text-align: center;
  font-weight: 300;
}

.lern-btn{
  text-align: center;
}
#examples .lern-btn .lern-button{
  color: #fff !important;
  border-color:1px solid  #fff !important;

}
.lern-button{
  border: 1px solid #fff;
  padding: 4px 5px;
  font-size: 13px;
  font-weight: 600;
}
#examples{
  padding: 50px 0px 20px;
}
#examples ul li{
  list-style-type:none;
}
.image-fram .tool {
    margin-bottom: 20px;
    padding: 0px 0px !important;
}
.image-fram .tool .box a {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  height: 160px;
  margin-left: -20px;
  margin-top: -3px;
}
.image-fram {
  padding: 0px 0px 20px !important;
}
.image-fram .box .inner {
  padding: 0px 1px;
  position: relative;
}
.image-fram .lern-button{
  border: 1px solid #fff;
  padding: 4px 5px;
  font-size: 13px;
  font-weight: 600;
  margin-left: -20px;
}

@media all and (min-width: 992px) {
	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar li .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar li:hover a{ color: rgb(255, 255, 255);  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
  .main-header .navbar li .dropdown-item{ color: rgb(0, 0, 0);  }
  .main-header .navbar li .dropdown-item:hover{color: #fff; background-color: #000;  }
  .main-header .navbar .dropdown-menu li{padding:5px 0px !important;  }
  .main-header .navbar .dropdown-menu li:hover{background-color: #000; }
 
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar li:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0px 15px;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
font-size: 14px !important;
}

/*modified*/

.blg .entry-header h1
{
    font-size: 28px;
    color: #fff;
}

.why-box
{
    border: 1px solid #fff;
    padding: 20px;

}

.why-box h4 {
    color: #00FF00;
}

.city-page-inner2 {
    margin-top: 40px;
    display: block;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-default {
    border-color: #ddd;
}
.panel {
    
   
    border: 1px solid transparent;
   
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}


.faqacc .panel-default .panel-heading, .faqacc .panel-default .panel-body {
    background-color: #000 !important;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-heading {
    padding: 10px 15px;
  
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}





button.accordion-button {
background-color: #000 !important;
color: #00FF00!important;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: 18px;
}

.accordion-body {
    padding: 0.5rem 1.25rem!important;
    background: #000;
    color: #fff;
}
button.accordion-button.collapsed {
    border: 1px solid #fff;
}
.accordion-header {
    margin-bottom:0px!important;
}

.accordion-button::after {
    flex-shrink: 0;
    display:none;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}