html {
  scroll-behavior: smooth;
}

body {
  
  font-family: 'Montserrat', sans-serif;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  overflow-x: hidden;
  font-weight: 400;
	background:transparent !important;
	background-color:transparent !important;
}


textarea,
p,
input,
div,
span,
li,
button {
  font-family: 'Montserrat', sans-serif;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
  font-family: 'Montserrat', sans-serif;
}

p {
  line-height: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #575555;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 15px;
}

img {
  max-width: 100%;
  border: 0;
}

.clear {
  clear: both;
  float: none;
  width: 100%;
}

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

a {
  text-decoration: none !important;
  transition: all 0.8s ease-in-out;
  color: #575555;
  font-family: 'Archivo Black', sans-serif;
}

a:hover {
  color: #fe4545;
}

a,
span {
  display: inline-block;
}

:focus {
  box-shadow: none !important;
  outline: none !important;
}
h1, h2, h3, h4, h5, h6{font-family: 'Archivo Black', sans-serif; color: #575555; text-transform: uppercase; font-style: italic;}
::-webkit-input-placeholder { /* Edge */
  color: #575555;
  font-family: 'Montserrat', sans-serif;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #575555;
  font-family: 'Montserrat', sans-serif;
  }
  
  ::placeholder {
  color: #575555;
  font-family: 'Montserrat', sans-serif;
  }

@media (min-width: 1366px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1250px;
  }
  
  }
  
  @media (min-width: 1440px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1350px;
  }
  
  }
  
  
  @media (min-width: 1600px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1500px;
  }
  
  }
/*css start*/
.header-section{ position: fixed; top: 0px; left: 0px; transition: ease-in-out 1s; width: 100%; z-index: 99999999;background:url(/wp-content/uploads/2025/09/header-bg-min.webp) no-repeat bottom right; background-size: cover; animation: shine 12s linear infinite;}


@keyframes shine {
  to {
    background-position: 200% ;
  }
}


/*navbar css*/
.navbar{ padding: 0px;}
.navbar-brand{  margin: 0px !important; padding: 15px 0px;position: relative; z-index: 9999;} 
.navbar-brand img{max-width: 100%;}
.navbar-brand::before {
  position: absolute;
  top: 0px;
  right: 0px;
  content: "";
  width: 1080%;
  height: 100%;
  /*background-color: #ffffff;*/
	z-index:-1;
}
.navbar-dark .navbar-nav a.nav-link {
  color: #ffffff;
  font-size: 17px !important;
  font-family: 'Archivo Black', sans-serif;
text-transform: uppercase;
padding: 10px 0px 10px 30px;
}
#mnmwp-main-menu{ margin:0px !important;}
#mnmwp-main-menu > ul > li > a{  font-size: 16px !important;font-family: 'Archivo Black', sans-serif;padding: 10px 0px 10px 30px;}

a.call-icon{ color: #fe0000 !important; border: 1px solid #fff;padding: 10px 15px !important; margin:0px 0px 0px 25px;}
.navbar-dark .navbar-nav a.nav-link a.call-icon span img{margin-right: 3px; animation: hithere 5s ease infinite;}
.text-num{color: #fff;}
a.call-icon span img{margin-right: 3px; animation: hithere 2s ease infinite;}
@keyframes hithere {
  30% { transform: scale(1.2); }
  40%, 60% { transform: rotate(-20deg) scale(1.2); }
  50% { transform: rotate(20deg) scale(1.2); }
  70% { transform: rotate(0deg) scale(1.2); }
  100% { transform: scale(1); }
}

.navbar-collapse {
    justify-content: flex-end;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}
.navbar-expand-lg .navbar-nav{position: relative;width:100%; flex-direction: row;
  justify-content:flex-end;}
.dropdown{ position: static !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  background: url(../images/header-bg.jpg)no-repeat center center; background-size: cover; border-radius: 8px;
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {
  color: #fe0000;
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: #575555;
}
.por-pics a {
  display: block;
}

.dropdown-menu {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border: none;
  border-radius: 0;
  padding: 0.7em;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #fe0000;
}



/*nav css end*/
.mobile-banner{display: none;}
#myBtn {border: 1px solid #fff;display: none;position: fixed;bottom: 20px;right: 7px; border-radius: 50%;width: 50px;
height: 50px;z-index: 99;font-size: 15px;border: 1px solid#fe0000;outline: none;background-color: #fe0000; color: #fff; cursor: pointer;padding: 8px;}

#myBtn:hover {background-color: #fff;color: #fe0000;border: 1px solid #fe0000;}
.fixed-nav { z-index: 222;position: fixed; background-color: #f7f7f7; width: 100%;}





.banner-section{position: relative; margin-top: 104px;}
.mobile-banner{position: relative;display: none;}
.banner-content{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;display: flex; justify-content: flex-start; align-items: center;}
#bannerslider div.owl-nav{ display:none;}
#bannerslider div.owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 25px;
    left: 0px;
    width: 100%;
}
#bannerslider div.owl-dots div.owl-dot{width:25%; height:8px; background:#ffffffc2;}
#bannerslider div.owl-dots div.owl-dot.active{background:#00000075;}
.banner-title{height: 100%; width: 100%;}
.banner-title h2 {color: #ffffff; -webkit-text-stroke: 2px #ffffff; -webkit-text-fill-color:transparent ;  font-size: 55px; font-weight: 700; line-height: 65px; text-transform:capitalize;padding-right:40%;font-style: italic;}
.common-btn{ color: #ffffff; padding: 10px 35px; border: 1px solid #ffffff; border-radius: 3px; margin-top: 30px; transition: ease-in-out 0.6s; text-transform: uppercase;}
.common-btn:hover{ background-color:#fe00009c;}

.home-section1{position: relative; overflow: hidden; }
.home-section1:after{content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background: transparent url(https://digicorns.website/fencemastercawp/wp-content/uploads/2024/01/home2frame.png) no-repeat top left;background-size:100% 101%; z-index:5;}
.home-box1 {
    padding:180px 0px;
    background-color: transparent;
    position: relative;
	width:50%;
	height:100%;
    z-index: 6;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.full-cover{}
.sm-redheading{ color: #fe0000; font-size: 21px; font-style: italic; font-weight: 700;font-family: 'Montserrat', sans-serif;}
.common-anchor{color: #fe0000; font-size: 21px; font-weight: 500; font-family: 'Montserrat', sans-serif; background-color: #ffffff; border: 1px solid #fe0000; padding: 15px 40px; border-radius: 3px; text-transform: uppercase; margin-top: 30px;}
.sm-common-anchor:hover, .common-anchor:hover{color: #ffffff; background-color:#fe0000 ;}
.stroke-heading{color: #ffffff; -webkit-text-stroke: 2px #575555; -webkit-text-fill-color:transparent ;font-style: italic; font-size: 55px; }
.sape1box{ width: auto; height: 100%; overflow: hidden; position: relative; z-index: 1;text-align:right;}
.home-section1 img.full-cover{width: 100%; height: 100%; animation: zoom-in-zoom-out 40s ease infinite; position:absolute; top:0px; right:0px; z-index:4; }
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1.3, 1.3);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1.3, 1.3);
  }
}
.sape1box::after{display:none !important;content: ""; position: absolute; top: 0px; right: 70px; background: url(../images/home-about2.jpg) no-repeat top center; background-size: inherit; clip-path: polygon(0 0, 100% 0%, 100% 3%, 0% 100%); width: 100%; height: 100%;animation: zoom-in-zoom-outs 40s ease infinite; }
.sape1box::before{display:none !important; content: ""; position: absolute; bottom: 0px; left: 0px; background: #ffffff; clip-path: polygon(0 100%, 0 0, 100% 52%); width: 42%; height: 100%; z-index: 2;}
@keyframes zoom-in-zoom-outs {
  0% {
    transform: scale(1.5, 1.5);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1.5, 1.5);
  }
}
.only-whtline {
	display:none !important;
  width: 125%;
  height: 4px;
  background-color: #ffffff;
  transform: rotate(143deg);
  -ms-transform: rotate(143deg);
  -webkit-transform: rotate(143deg);
  z-index: 4;
  position: absolute;
  top: 32%;
  left: 4px;
}


.home-section2{padding: 90px 0px; background: url(https://digicorns.website/fencemastercawp/wp-content/uploads/2024/01/home-section2bg.webp) no-repeat top left; background-size: cover; }
.service-iconbox{ background: #ffffff; border-radius: 5px; padding: 15px; text-align: center; display: flex; justify-content: center; align-items: center; min-height: 315px;margin-bottom: 30px; transition: ease-in-out 0.5s;}
.service-iconbox:hover{background-color: #fe0000;}
.service-iconbox:hover .src-heading {color:#ffffff; }
.service-iconbox:hover  p{color:#ffffff; }
.srciconbox {width: 120px; height: 120px; border-radius: 100%; text-align: center; display: flex; justify-content: center; align-items: center; background-color: #ffffff; margin: 0px auto 15px auto;}
.srciconbox img{ max-width: 70%;}
.src-heading{ font-size: 24px; color: #000000;}
.service-iconbox p {color:#4a4a4a; font-size: 17px;}

.dark-content{ padding-left: 30px;}
.sm-whiteheading{ color: #ffffff; font-size: 21px; font-style: italic; font-weight: 700;font-family: 'Montserrat', sans-serif;}
.stroke-whiteheading{color: #ffffff; -webkit-text-stroke: 2px #ffffff; -webkit-text-fill-color:transparent ;font-style: italic; font-size: 40px; font-weight: normal; }
.fill-whiteheading{ color: #ffffff; font-size: 42px;}
.dark-content p{color: #ffffff;}
.home-section3{ position: relative; overflow: hidden;}
.why-choosebox{  overflow: hidden; width: 100%;}
.why-choosebox img{animation: zoom-in-zoom-out 40s ease infinite;}
.whychoose-content{ padding: 30px;}
.fill-blackheading{font-size: 55px; color: #000000;}
.whychoose-content ul{ margin-top: 30px;}
.whychoose-content ul li{ font-size: 18px; color: #000000; padding-left: 25px; background: url(../images/listtick.png) no-repeat top 8px left; margin-bottom: 15px;}

.sm-common-anchor{color: #fe0000; font-size: 16px; font-weight: bold; font-family: 'Montserrat', sans-serif; background-color: #ffffff; border: 1px solid #fe0000; padding: 10px 20px; border-radius: 3px; text-transform: uppercase; margin-top: 30px;}

.home-section4{padding: 90px 0px; background: url(/wp-content/uploads/2025/08/testimonial-bg-min.webp) no-repeat center left; background-size: cover; background-attachment: fixed;}
.client-sayscontent{ padding-right: 10%;}
.fill-whiteheadings{ font-size: 55px; color: #ffffff;}
.client-sayscontent p{ color: #ffffff;}
.client-projpic{ width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center;}
.client-projpic img{ max-width:100%; max-height: 100%;border: 8px solid #ffffff; border-radius: 3px;}
.client-name{color: #ffffff; font-size: 18px; font-weight: 600;font-family: 'Montserrat', sans-serif;}
.client-name span{ display: block;font-weight: 400;}
#related-slid div.owl-nav{ display: none;}
#related-slid div.owl-dots{display: flex; justify-content: flex-start; align-items: center; width: auto;}
#related-slid div.owl-dots div.owl-dot span{width: 11px; height: 11px; background-color: #ffffff; border-radius: 100%; margin-right: 5px;}
#related-slid div.owl-dots div.owl-dot.active span{background-color: #fe0000;}


.home-section5{ padding: 90px 0px; background-color: #ffffff;}
.centeralign{ text-align: center;}

.glrybox{width: 100%;}
.glrybox img{width: 100%; height: auto;}

#pro-slider div.owl-dots{display: none;} 
#pro-slider div.owl-nav.disabled {display: flex !important; justify-content: center;align-items: center; margin-top: 30px;}
#pro-slider div.owl-nav .owl-prev{background: url(../images/prev.png)no-repeat center center; background-size: 100% auto; width: 50px; height: 46px; margin:0px 25px;}
#pro-slider div.owl-nav .owl-next{background: url(../images/next.png)no-repeat center center; background-size: 100% auto;width: 50px; height: 46px; margin:0px 25px;}

.footer-section{ padding: 90px 0px 0px 0px; background: url(/wp-content/uploads/2025/08/footer-bg.jpg.webp) no-repeat top left; background-size: cover; background-attachment: fixed; text-align: center;}
.foot-logo{margin-bottom: 20px;}
.foot-logo img{max-width: 100%;}
.footer-coninfo{text-align: center; margin: 30px 0px;}
.foot-list, .foot-socialist{ display: flex; justify-content: center; align-items: center;}
.foot-socialist{ margin: 40px 0px;}
.foot-list li{ border-right: 1px solid #fff; color: #ffffff;font-size: 16px; font-weight: 400; font-family: 'Montserrat', sans-serif; line-height:16px; padding: 0px 15px;}
.foot-list li a{color: #ffffff; font-size: 16px; font-weight: 400; font-family: 'Montserrat', sans-serif;}
.foot-list li a:hover, .footer-content p a:hover{color: #fe0000;}
.foot-list li span{color: #ffffff;font-size: 16px; font-weight: 400; font-family: 'Montserrat', sans-serif;}
.foot-list li:last-child{ border-right: none;}
.txt-caps{text-transform: uppercase;}

.foot-socialist li a i{ color: #ffffff; font-size: 21px; }
.foot-socialist li a{width: 50px; height: 50px; border: 1px solid #ffffff; border-radius: 100%; text-align: center; display: flex; justify-content: center; align-items: center;margin: 0px 8px;}
.foot-socialist li a:hover{ background-color: #fe0000;}

.footer-content{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0px;}
.footer-content p{ color: #ffffff;font-size: 16px; font-weight: 400; font-family: 'Montserrat', sans-serif;}
.footer-content p a{font-family: 'Montserrat', sans-serif; color: #efbebe;}
/*home css end*/

.inner-banner{ position: relative; margin-top: 106px;overflow: hidden;}
.inner-banner img{animation: zoom-in-zoom-out 40s ease infinite;}
.inn-banner-container{position: absolute; top: 0px; left: 0px; width:100%; height: 100%;}
.inn-bannerbox{width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center;}
.inner-bannertag{color: #ffffff; -webkit-text-stroke: 2px #ffffff; -webkit-text-fill-color:transparent ;font-style: italic; font-size: 65px; font-weight: normal; }
.inner-section1{padding: 90px 20%;}
.about-onlycontent p{ text-align: center;}

.inner-section2 {
  padding: 90px 0px;
  background: url(https://digicorns.website/fencemastercawp/wp-content/uploads/2024/01/home-section2bg.webp) no-repeat top left;
  background-size: cover;
  background-attachment: fixed;
}
.inner-runningtag{ text-align: center; color: #ffffff; font-size: 36px; margin-bottom: 20px;}
.choose-list{display: flex; justify-items: center; align-items: center; width: 100%; flex-flow: wrap;}
.choose-list li{width: 47%; margin: 15px; padding: 15px 10px; color: #ffffff; border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; font-size: 19px; transition: ease-in-out 0.6s;}
.choose-list li:hover{background: #ffffff; color: #000000;}
.side-abtpic{text-align: right;}
.side-abtpic img{border: 5px solid #ffffff; transition: ease-in-out 0.6s;}
.inner-section3:hover .side-abtpic img{border: 5px solid #000000;}

.inner-section3{ background: #ffffff; padding: 90px 0px;}
.about-homebox{ padding-right: 15%;}
/*about css end*/

.testim-section1{ padding:170px 0px 90px 0px; background: url(../images/testim-bg.jpg)no-repeat; background-size: cover; background-attachment: fixed;}

.testim-combox{ text-align: center; position: relative; background-color: #ffffff; border-radius: 8px; border: 1px solid #dad9d9; padding: 30px; margin-bottom:130px; box-shadow: 0px 0px 12px #00000042}
.client-photobox{position: relative; display: flex; justify-content: center; align-items: center; }
.dpbox{ width: 137px; height: 137px; border: 1px solid #dad9d9; border-radius:100%; overflow: hidden; margin:-15% 15px 0px 15px;}
.client-name{margin: 30px 0px 30px 0px;}
.typename{font-size:18px; font-weight: 600;font-family: 'Montserrat', sans-serif; font-style: normal;}
.typename span{ display: block;font-weight: 600;}
.stars{display: flex; justify-content: center; align-items: center;}
.stars li i{ color: #fdcf00; font-size: 21px; margin: 0px 5px;}
.clientwrote{ min-height: 250px;}
.clientwrote p{text-align: center;}
.testim-pagination{display: flex; justify-content: center; align-items: center; }
.testim-pagination li{ margin: 0px 3px;}
.testim-pagination li a{padding:10px  25px; border-radius: 5px; background: #000000; color: #ffffff; font-size: 18px;}
.testim-pagination li a:hover, .testim-pagination li a.current-tab{background: #fe0000;}
/*testimonial css end*/

.contacinfobox{padding:60px 40px; background-color: #363636; border-radius: 8px; min-height: 534px; position: relative; margin:8% -25% 0% 22%;}
.whte-smtitrtle{ color: #ffffff;font-family: 'Montserrat', sans-serif; font-style: normal;font-size:24px; font-weight: 600; }
.contacinfobox p{color: #ffffff; font-size: 18px;}
.cont-list{ margin: 30px 0px;}
.cont-list li{margin-bottom: 25px;font-family: 'Montserrat', sans-serif;}
.cont-list li a{color: #ffffff;font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400;}
.cont-list span{width: 32px; height: 32px; margin-right: 5px;}
.contactformbox{ background: url(../images/cont-bg.png) repeat top center; background-attachment: fixed; animation: shine 80s linear infinite; padding: 60px 53px 60px 15%; margin: 0% 5% 0% 0%; border-radius: 8px;}



.form-container input, .form-container textarea{background: #ffffff; width: 100%; padding:15px 10px; border: none; border-radius: 5px; margin: 15px 0px;font-size: 18px; font-weight: 400;}
.form-container textarea{ height: 150px;}
.form-container input[type=submit]{ color: #ffffff; font-size: 18px; text-transform: uppercase; font-weight: bold; background: none; border: 1px solid #ffffff;}
.cont-section1{padding:90px 0px; background: url(../images/testim-bg.jpg)no-repeat; background-size: cover; background-attachment: fixed;}
/*contact css end*/

.services-section{ overflow: hidden; padding: 90px 0px;}
.services-section:nth-child(2n){ background: url(/wp-content/uploads/2025/08/testim-bg.jpg.webp) repeat;animation: shine 80s linear infinite; border-top: 1px solid #dad9d9; border-bottom: 1px solid #dad9d9;}

.services-section:hover .side-abtpic img{border: 5px solid #000000;}
.pleft{ padding-left: 10%;}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #ffffff !important;
	color:#ffffff !important;
	margin:4px 0px !important;
}

/* 404 */
.error-container{ padding: 90px 0px;}
.errobox{width:100%;background: url(https://digicorns.website/fencemastercawp/wp-content/uploads/2024/01/home-section2bg.webp) no-repeat top left;background-size: cover; background-attachment: fixed;display: flex;align-items: center;padding: 80px 0px 0px 0px;}
.errobox span, .erroboxx span{ color: #ffffff; font-size: 110px; font-family: 'Montserrat', sans-serif; }
.erroboxx{width:100%;background: url(https://digicorns.website/fencemastercawp/wp-content/uploads/2024/01/home-section2bg.webp) no-repeat top left;background-size: cover; background-attachment: fixed;display: flex;align-items: center;padding: 80px 0px 0px 0px; display:none;border-radius: 50% 50% 0% 0%; text-align:center;}
.rrer {justify-content: flex-start;border-radius: 0% 50% 0% 0%;}
.ller{justify-content: flex-end; border-radius: 50% 0% 0% 0%;}
.error-content{width:100%; background: url(https://digicorns.website/fencemastercawp/wp-content/uploads/2024/01/home-section2bg.webp) no-repeat top left;background-size: cover; background-attachment: fixed;display: flex;align-items: center; padding: 40px 0px 100px 0px; justify-content: center; flex-flow: column;}
.error-content h3{ color: #ffffff; font-size: 21px;font-family: 'Montserrat', sans-serif; margin-bottom: 30px;}
.error-content a{color: #ffffff; font-size: 21px;font-family: 'Montserrat', sans-serif; border: 1px solid #ffffff; padding: 10px 60px; border-radius: 4px;} 
.error-content a:hover{background: #fe0000;}

/* 404 */

.container-top{ padding:0 60px}
/* ratna css */
.section-button{background:#2e170a; color:#fff; border-radius:4px; box-shadow:0px 8px 10px -10px #2e170a; padding:10px 25px; font-size:20px; transition:ease-in-out 0.3s;}
.section-button:hover{background:#fff; color:#2e170a; }
.section-button i{animation: hithere 2s ease infinite; margin:0px 5px 0px 0px;}
.text-center{text-align:center;}
.service-3{background: url(/wp-content/uploads/2025/10/gazebo-bg-min1.webp) no-repeat top left;background-size: cover; background-attachment: fixed; padding:70px 0px; position:relative; color:#fff;}

.service-3:after{content:""; position:absolute; top:0px; left:0px; background:#2e170acc; width:100%; height:100%;}
.inside-content{ position:relative; z-index:1;}
.inside-content p, .service-0 p, {color:#fff !important;}
.inside-content h2, .service-3 h2{ -webkit-text-stroke: 2px #fff !important; -webkit-text-fill-color: transparent;text-stroke: 2px #fff !important;}
.cust-list ul, .service-0 ul{ padding-left:20px; margin-bottom:15px;}
.cust-list ul li, .service-0 ul li{ list-style:disc; margin-bottom:10px;}
.services-sectiona{
	padding:70px 0px;
    background: url(../images/testim-bg.jpg) no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
}

.service-regular{padding:70px 0px; background: url(/wp-content/uploads/2025/08/reach-banner.jpg.webp) no-repeat top left;background-size: cover; background-attachment: fixed;}
.contact-text{ padding:5% 13%; background:#f9f2ee; border-radius:0px 50px 50px 0px; box-shadow:0px 10px 10px -10px #000;}
.service-0{position:relative; z-index:1;}
.white-text, .white-text p, .white-text ul li, .white-text h3, .white-text h2{color:#fff !important;}
.cust-list-fff ul{padding-left:20px; margin-bottom:15px;}
.cust-list-fff ul li{list-style:disc; margin-bottom:10px; color:#fff;}
.map-section{ background:#000;}
.map-section:hover iframe{opacity:1;}
.map-section iframe{ width:100%; height:350px; opacity:0.6;}


/* / ----------------------blog-listing-css-------------------------- / */

.blog-section {
    padding: 80px 0px;
}
.blog-text {
  padding: 20px;
  box-shadow: 0px 0px 10px #ccc;
}
.blog-search {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  display: flex;
}
.inner-blog-card {
  background: #fff;
  border-radius: 5px;
}

.blog-img a {
  width: 100%;
}
.hot-tub .top-upright-img.image img {
    width: 100%;
}
.blog-search .blog-submit{
 position: absolute;
 right: 0px;
 top: 0px;
}








.home-blog-button a {
  margin: 0;
}
.blog-title {
    font-size: 25px;
    color: #000000;
    font-weight: 600;
    transition: 0.5s ease-in-out;
}
.blog-title:hover {
    color: #ec2028;
}

.blog-search button {
    background: #ec2028;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  border: none;
  padding: 0px 20px;
  transition: 0.5s ease-in-out;
}
.blog-search button:hover {
  background: #000;
  color: #fff;
  transition: 0.5s ease-in-out;
}
.blog-listing-title {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 0px;
}
.blog-listing-button .book-btn{
  margin: 0;
}
.inner-blog-card-text{
  padding: 30px;
  transition: 0.5s ease-in-out;
  border: 1px dashed #fff;
}

.blog-search-box{
  box-shadow: 0px 0px 20px #ccc;
  background: #ffff !important;
  padding: 20px 25px 140px 25px;
 
}
.blog-search input{
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 12px;
  margin-right: 10px;
}
.blog-search .form-control {
  max-width: 100%;
  padding: 10px 10px;
  border-radius: 10px;
}

.blog-submit{
  border-radius: 10px;
  background-color: #6ccff6;
  padding: 15px 20px;
 font-weight: 600;
}

.categories ul li{
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  border-bottom: 1px solid #9f9f9f;
  padding:  15px 0px 15px 0px;
  position: relative;
}

.categories ul li a{
display:inherit !important;
transition: 0.5s ease-in-out;
}
.blog-img.image {
    overflow: hidden;
}
.inner-blog-card:hover img {
    transform: scale(1.1);
}
.blog-img.image img {
    transition: 0.5s ease-in-out;
}
.inner-blog-card .shop-btn:hover {
    background: #000;
}
.inner-blog-card .shop-btn {
    background: #ec2028;
    color: #fff;
    padding: 10px 40px;
    border-radius: 5px;
    font-size: 16px;
    transition: 0.5s ease-in-out;
}
.categories a:hover {
    color: #ec2028;
    transition: 0.5s ease-in-out;
}
.categories ul li i {
  position: absolute;
  left: 0;
  top: 18px;
}
.search-icon {
  right: 10px;
  position: absolute;
  top: 14px;
  font-size: 18px;
}
.blog-main-form textarea{
  width: 100%;
  border: 1px solid #dfdfdf;
  padding: 10px;
  height: 180px;
}
.blog-main-img a{
  width: 100%;
}
.blog-contact-button .submit-btn {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    border: 1px solid #cd9d48;
    background-color: #ec2028;
    border-radius: 10px;
    padding: 12px 45px;
    transition: 0.5s ease-in-out;
}


.blog-contact-button .submit-btn:hover {
    color: #ec2028;
    border: 1px solid #ec2028;
    background-color: #fff;
}





.specification-box ul li {
    list-style: disc;
    margin-left: 15px;
}

/* / -----------------blog-detail-csss------------------- / */

.blog-banner-text{
  margin: 30px 0px;
}
.blog-detail-title {
    color: #000000;
    font-size: 30px;
    font-weight: 600;
}
.blog-main-form h3 {
    font-size: 30px;
    font-weight: 600;
}
.blog-banner-text ul {
    margin: 0px 0 20px;
}
.blog-banner-text img {
    margin: 15px 0;
	width:100%;
}
.blog-banner-text h3 {
    font-size: 23px;
    font-weight: 600;
}
.blog-banner-text ul li, .blog-banner-text ol li {
    list-style: disc;
    margin-left: 20px;
    line-height: 30px;
	font-size: 18px;
    font-weight: 400;
    color: #575555;
    font-family: 'Montserrat', sans-serif;
}
.blog-banner-text img{ margin:15px 0px !important;}

.blog-banner-text h2 {
    font-size: 26px;
    font-weight: 600;
}

.blog-contact-title {
    color: #000;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 5px;
}

.blog-contact-form .form-check{
  margin: 10px ;
}

.blog-contact-form .form-check label{
font-size: 18px;
}
.blog-contact-form .contact-button{
text-align: start;
}
.blog-contact-form{
 box-shadow: 0px 0px 20px #ccc;
 padding: 0px 0px;
 height: auto;
 margin: 0;
 position: relative;
}











@media (max-width:1600px) {
/*   .sape1box::before {
    bottom: 0px;
    width: 42%;
    height: 101%;
}

.only-whtline {
  transform: rotate(136deg);
  -ms-transform: rotate(136deg);
  -webkit-transform: rotate(136deg); top: 31%;left: 4px;} */

  .fill-blackheading { font-size: 45px;}
  .whychoose-content ul li {font-size: 16px; margin-bottom: 10px;}
  .whychoose-content { padding: 5px 30px; }
  .home-section4 { padding: 50px 0px 60px 0px;}
.contacinfobox {margin: 20% -25% 0% 22%;}

.services-section { padding: 70px 0px;}	
	
.stroke-heading { font-size: 50px;}	
.inner-bannertag-new {font-size: 60px;}	
	
	
	
	
}

@media (max-width:1440px) {
/*  .only-whtline {
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top:29%;
  } */
.stroke-whiteheading { font-size: 35px; }  .fill-whiteheading{font-size: 32px;}
#mnmwp-main-menu > ul > li > a {font-size: 14px !important;}
.stroke-heading{font-size:45px;}	
.header-section .container-top { padding: 0 30px;}
.navbar-brand img {max-width: 80%;}	
 .services-section { padding: 40px 0px; }	
.contact-text { padding: 5% 5%;}
	
	
}


@media (max-width:1366px) {
  p, .blog-banner-text ul li, .blog-banner-text ol li { line-height: 28px;font-size: 15px; margin-bottom: 10px;}
  .banner-section { margin-top: 99px;}
  .navbar-dark .navbar-nav a.nav-link {font-size: 16px; padding: 10px 0px 10px 19px;}
  .navbar-brand img {max-width:77%;}
  .banner-title h2{font-size: 45px;}
  .common-btn { padding: 8px 20px;font-size: 14px; text-align:center;}
  .only-whtline {
    transform: rotate(136deg);
    -ms-transform: rotate(136deg);
    -webkit-transform: rotate(136deg);}
    .stroke-heading {font-size: 45px; }
    .common-anchor { font-size: 15px;padding: 10px 30px; margin-top: 20px;}
    .src-heading {font-size: 20px;}
    .service-iconbox p {font-size: 14px; line-height: 21px; }
    .stroke-whiteheading { font-size: 30px;  }
    .sm-whiteheading, .sm-redheading {font-size: 17px; }
    .fill-whiteheading {font-size: 25px; }
    .fill-whiteheading { font-size: 25px; margin: 20px 0px; }
    .fill-blackheading { font-size: 35px;}
    .home-section2 {padding: 90px 0px 60px 0px;}
    .srciconbox { width: 90px; height: 90px;}
    .service-iconbox {min-height: 250px;}
    .whychoose-content ul li {font-size: 15px;padding-left: 32px; }
    .sm-common-anchor {font-size: 14px;padding: 8px 18px;}
    .client-name {font-size: 14px;  }
    .home-section5 {padding: 60px 0px;}
    #pro-slider div.owl-nav .owl-next, #pro-slider div.owl-nav .owl-prev {background-size: 65% auto;margin: 0px 5px;}
    .footer-content p, .foot-list li a, .foot-list li {font-size: 14px;}

    .inner-banner { margin-top: 102px; }
    .inner-bannertag{font-size: 45px;}
    .inner-section1 {padding: 60px 15%; }
    .choose-list li{ font-size: 16px;}
    .about-homebox { padding-right: 10%;  }
    .testim-pagination li a { padding: 8px 20px;font-size: 16px;}
    .typename{font-size: 16px;}
    .whte-smtitrtle {font-size: 21px;}
    .contacinfobox p, .cont-list li a{ font-size: 15px;}
    .cont-list span { width: 20px; height: 20px;  }
    .form-container input, .form-container textarea, .form-container input[type=submit]{ font-size: 15px;}
    .form-container input, .form-container textarea { padding: 10px 10px;margin: 10px 0px; }
    .contacinfobox { min-height: 458px;}
	.sape1box::before { width: 40%;}
.inner-banner {margin-top: 70px;}
.banner-section { margin-top: 70px; }	
	
	
}

@media (max-width:1280px) {
.navbar-dark .navbar-brand {width: 190px;}
.container-top{ padding:0 15px}	
.stroke-heading { font-size: 40px;}

	
}

@media (max-width:1242px) {
    #mnmwp-main-menu > ul > li > a {
        padding: 0px 10px !important;
    }
	    .inner-bannertag-new {
        font-size: 55px !important;
    }
	a.call-icon {padding: 10px 7px !important;font-size: 13px; margin: 0px 0px 0px 8px;}
	
}
@media (max-width:1093px) {
.navbar-dark .navbar-brand {  width: 175px;}
/*.navbar { background-image: -webkit-linear-gradient(0deg, #FFFFFF 15%, #00366400 15%);}*/	
a.call-icon span img.call-red{width:15px; height:15px;}	
}

html, body{overflow-x:hidden;}

@media (max-width:1024px) {
p { line-height: 24px;font-size: 15px; margin-bottom: 10px;}	
a.call-icon { margin: 0px 10px 0px 10px; padding: 10px 10px !important;border-radius:100%; width:50px; height:50px; display:flex; justify-content:center; align-items:center;}
a.call-icon span img{ max-width:100%;}
.text-num{display:none; }
.banner-section {margin-top: 68px;}
/*.navbar { background-image: -webkit-linear-gradient(0deg, #FFFFFF 15%, #00366400 15%);}*/	
.navbar-dark .navbar-brand {width: 180px;}	
.banner-title h2 { font-size: 35px;line-height: 50px;}	
.only-whtline {
    transform: rotate(124deg);
    -ms-transform: rotate(124deg);
    -webkit-transform: rotate(131deg);
    top: 28%;
}
.sape1box::after{ right:0px;}	
.sape1box::after {clip-path: polygon(0 0, 100% 0%, 100% -11%, 0% 100%);}
.whychoose-content { padding: 50px 30px;}
.fill-whiteheadings {font-size: 35px;}
#myBtn{bottom:65px;}
.choose-list li {width: 46%;}
.stroke-heading { font-size: 40px;}	
.inner-banner { margin-top: 68px;}	
.services-section { padding: 60px 0px;}	
.about-homebox {padding-right: 0%;}	
.pleft { padding-left: 3%;}	
.testim-section1 {padding: 100px 0px 30px 0px;}	
.testim-combox{padding:15px;margin-bottom:80px;}
.contacinfobox {margin: 30% -25% 0% 0%; padding: 60px 25px; min-height:400;}
.home-box1 {padding: 60px 0px;}
	
	
}

@media (max-width:992px) {
	.container{ max-width: 97%;}
	.header-section{animation-play-state: paused;}
	#toggle span{ background:#ffffff !important;}
	#mnmwp-main-menu ul.mnmwp-menu {background:url(../images/header-bg.jpg) no-repeat bottom right; background-size: cover; margin-top:3px; padding:0px 15px; }
	a.call-icon { position: absolute; top: 12px;right: 7%;}
	.is_mobile #mnmwp-main-menu #mnm-menu-button button.btn.menu-btn{border:1px solid #ffffff; margin-top: 0px; padding:13px !important; border-radius:100%;}
	.only-whtline {
    transform: rotate(124deg);
    -ms-transform: rotate(124deg);
    -webkit-transform: rotate(124deg);
    top: 29%;
	left:-4px;
}
.dark-content {
    padding: 45px 0px 0px 0px;
    margin-top: 35px;
    border-top: 1px solid #ffffff;
}
.por-pics { margin: 0px 5px;}
.choose-list li { width: 46%;}	
.inner-section1 { padding: 50px 5%;}
.inner-section3 {padding: 60px 0px;}	
    #mnmwp-main-menu > ul > li > a {
        padding: 8px 5px !important;
    }	
	    .header-section .container-top {
        padding: 8px 30px;
    }
}

@media (max-width:820px) {
.contactformbox { padding: 50px 35px 30px 17%;}
	.contacinfobox{min-height:auto;}
a.call-icon {right: 9%;}
	.sape1box::before{ left:-2%;width:45%;}	
	.only-whtline {
    transform: rotate(124deg);
    -ms-transform: rotate(124deg);
    -webkit-transform: rotate(114deg);
    top: 25%;
	left: 10px;}
.banner-title h2 { padding-right: 18%;}
	

	
}
@media (max-width:768px) {
.stroke-heading { font-size: 30px;}

	.only-whtline {
    transform: rotate(119deg);
    -ms-transform: rotate(119deg);
    -webkit-transform: rotate(119deg);
    top: 25%;
    left: 10px;
}
    
}

@media (max-width:767px) {
#bannerslider{ display: none;}
.mobile-banner{ display: block;}
.banner-title h2 {font-size: 38px;line-height: 48px;padding-right: 0%;}
.banner-content {background: #00000057;}
.header-section{ animation-play-state: paused;}
	
a.call-icon {right: 18%;}	
.inner-bannertag {font-size: 30px;}
.inner-banner{min-height: 150px;}	
.inner-banner img { height: 150px;}	
.contacinfobox { margin: 0% 0% 10% 0%; padding: 40px 25px; min-height: auto;}	
.contactformbox {padding: 40px 25px; margin:0%;}	
.cont-section1 {padding: 60px 0px;}	
.foot-list{display: block; border-top:1px solid #ffffff61;border-bottom:1px solid #ffffff61; padding:20px 0px; margin:10px 0px;}	
.foot-list li{border-right: none; padding:9px 0px;}	
.footer-content {display: block; padding: 10px 0px;}	
#myBtn {bottom: 8px;}
.inner-section1 {padding: 35px 0% 20px 0%;}	
.choose-list li {width: 100%;}	
.inner-section2, .inner-section3 {padding: 35px 0px;}	
.inner-section3 div div.row{flex-flow:column-reverse;}	
.side-abtpic {text-align: center;margin: 20px 0px 0px 0px;}		
.home-box1{width:100%;}
.home-section1 img.full-cover{position:relative; max-width:100%; height:auto; margin-top:15px; border-radius:8px;}
.home-section1:after{display:none;}
.home-section2 { padding: 35px 0px; margin-top: 35px;}
.sape1box::after {background-size: 100% 83%;}
.dark-content {padding: 35px 0px 9px 0px;margin-top: 20px;}
.service-iconbox{margin:15px;}	
.client-sayscontent {padding-right: 0%;}	
.fill-whiteheadings {font-size: 30px;}
.client-projpic {margin-top: 25px;}
#pro-slider	div.owl-nav{display:flex; justify-content:center; align-items:center;}
.home-section5 { padding: 40px 0px 30px 0px;}
.services-section:nth-child(2n){animation-play-state:paused;}
.services-section:nth-child(2n) div div.row{flex-flow:column-reverse;}
.services-section { padding: 30px 0px;}
#foogallery-gallery-192 .fg-image { width: 100% !important;}
.fg-default.fg-gutter-10 .fg-item{margin-right:0px !important;}
.clientwrote { min-height: auto;}
.testim-combox {padding: 15px 15px 30px 15px;}
.testim-section1 {padding: 100px 0px 0px 0px;}	
.mrg-btm{ margin-bottom:20px;}
	.erroboxx{ display:block;}
	.errobox{display:none;}
	.error-content h3 {text-align: center;line-height: 35px;}
	    .inner-banner {
        margin-top: 84px;
    }
	    .inner-bannertag-new {
        font-size: 45px !important;
    }
	    .header-section .container-top {
        padding: 8px 10px;
    }
	
	.section-button {
    padding: 10px 14px;
    font-size: 18px;
}
	
	
	
	
}

@media (max-width:375px) {
.stroke-heading { font-size: 35px;}
.inner-runningtag{font-size:30px;}
.choose-list li {margin: 15px 0px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
