/*seo landing page*/
 .seo-landing-page a:hover {
     text-decoration: none;
}
 .seo-landing-page p {
     text-align: justify;
}
 .seo-landing-page h2, .seo-landing-page h3, .seo-landing-page h4 {
     color:#D93930;
     font-size: 26px;
     line-height: 32px;
}
/*#################### common ###########################*/
 body{
     padding-right:0px !important;
     font-family: 'Patua One';
     letter-spacing: 1.2px !important;
}
 p{
     font-family: 'Lato', sans-serif;
}
 header{
     background:#fff;
     z-index:100;
}
 .col-centered{
     float:none;
     margin:0 auto;
}
 .contact-info span {
     display: block;
     line-height: 1em;
     font-size: 12px;
     font-weight: normal;
}
 .heading1{
     line-height: 68px;
     font-style: normal;
     font-size: 62px;
}
 .su-btutan {
     position: absolute;
     left: 13.4%;
     z-index: 9;
     margin-top: -65px;
}
 .nm-btn {
     margin-right: 5px;
     padding: 11px 18px;
     font-size: 14px;
     line-height: 12px;
     display: inline-block;
     text-align: center;
     font-weight: normal;
     color: #fff;
     border: 2px solid #B51619;
     text-transform: uppercase;
     border-radius: 30px;
     background: #B51619;
}
 .nm-btn:hover {
     color: #fff !important;
     border: 2px solid #B51619;
     text-decoration: none;
}
 #bg-heading{
     width: 100%;
     height: auto;
     background:url(../imgs/bg-heading.jpg) no-repeat;
     padding:55px;
     color:#fff;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
}
 #bg-heading h3 span{
     color:#AA0002;
}
 .bg-yellow{
     background:#eee;
     color:#141414;
}
 .bg-yellow p{
     color:#fff;
     margin: 0 0 2px;
}
 .bg-white{
     background:#fff;
}
 .bg-white a{
     color:#c77009;
}
 .bg-white a:hover{
     color:#000;
     text-decoration:none;
}
 .bg-grey{
     background:#b9b9b9;
}
 .bg-grey a{
     color:#fff;
}
 .bg-grey a:hover{
     color:#fff;
     text-decoration:none;
}
 .bg-black{
    /*background:#0080b9;
     */
     padding:25px;
     opacity:0.9;
}
 .red{
     color:#d93931 !important;
}
 .bg-darkblue{
     background:#162944;
}
 .opacity1{
     opacity:1;
}
 .overlap{
     z-index:100;
}
 .white{
     color:#fff;
}
 .brown{
     color:#c77009;
}
 .white:hover{
     color:#fff;
     text-decoration:none;
}
 .r-size{
     resize:none;
}
 .f-size-12{
     font-size:12px;
}
 .boiler1{
     width:40px !important;
     float:left;
     padding:0 5px;
}
 .smaller{
     border: 2px solid #db4037;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     padding: 2px 5px;
     margin:5px 2px;
     min-width:55px;
     float:left;
}
 .nav > li > a{
     font-weight:400 !important;
}
/*#################### padding ###########################*/
 .padding-4{
     padding:4px;
}
 .padding-right-10{
     padding-right:10px;
}
 .padding-left-5{
     padding-left:5px;
}
 .padding-left-10{
     padding-left:10px;
}
 .padding-right-10{
     padding-right:10px;
}
 .padding-left-1{
     padding-left:1px;
}
 .padding-right-left-0{
     padding-right:0px;
     padding-left:0px;
}
 .padding-left-30{
     padding-left:30px;
}
 .height-80{
     height:80px;
}
 .white{
     color:#fff;
}
 .black{
     color:#000;
}
 .black:hover{
     color:#000;
     text-decoration:none;
}
 .padding-rt-lt-0{
     padding-right:0px;
     padding-left:0px;
}
/* inner-addon fa icon */
 .inner-addon .fa {
     position: absolute;
     padding: 10px;
     pointer-events: none;
}
/*################### services start #####################*/
 #about{
     background:#f0f0f0;
}
 #about ul li i{
     padding-right:10px;
}
 #services{
     padding:25px;
}
 .process-img {
     background: #e5e5e5;
     color: #323232;
     position: relative;
     width: 150px;
     height: 150px;
     margin: 0 auto;
     border-radius: 200px;
     font-size: 32px;
     text-align: center;
     display:flex;
     align-items:center;
     justify-content:center;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
 .process-img::before {
    /*border-top-width: 1px;
     border-top-style: dotted;
     content: "";
     */
     right: 100%;
     position: absolute;
     top: 50%;
     transform: translateX(-5%);
     width: 20%;
}
 .process-img i img{
     line-height: 200px;
}
 .process-img i {
     font-size: 48px;
     line-height:145px;
}
 [class^="icon-"], [class*=" icon-"] {
     font-family: 'Patua One' !important;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .circle {
     background-color: #ffd600;
     color: #fff;
     border-color: #fff;
     width: 50px;
     height: 50px;
     font-size: 14px;
     font-weight: bold;
     line-height: 40px;
     margin: 0 auto;
     border-radius: 30px;
     text-align: center;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     position: absolute;
     bottom: -25px;
     left: 50%;
     margin-left: -25px;
     border-width: 5px;
     border-style: solid;
}
 .process-img::after {
    /*border-top-width: 1px;
     border-top-style: dotted;
     content: "";
     */
     left: 100%;
     position: absolute;
     top: 50%;
     transform: translateX(5%);
     width: 20%;
}
 .process-content {
     padding: 35px 20px 0 20px;
}
 #plan{
     padding: 80px 0;
}
 .text-danger {
     color: #d93930;
}
 .service-circle{
     padding: 24px 0px;
     border-radius: 50%;
     background-color: #d93930;
     color: #fff;
     width: 92px;
     height: 92px;
     margin: 0 auto;
}
 .process-content h5, h5 a {
     margin-bottom: 20px;
     line-height: 24px;
     font-weight: 700;
     font-style: normal;
     font-size: 18px;
     text-align:center;
}
 .tc-process-item {
     text-align: center;
}
 .tc-process-item:hover {
     background: #ffd600 !important;
}
 .tc-process-item:hover .process-img {
     color: #323232 !important;
}
 .tc-process-item:hover .circle {
     font-size: 16px;
     background:#323232;
     color:#fff;
     -webkit-transform: scale(1.3);
     -moz-transform: scale(1.3);
     -o-transform: scale(1.3);
     -ms-transform: scale(1.3);
     transform: scale(1.3);
}
/*################# services end ###################*/
 #details{
     padding:25px;
}
 .portfolio-item {
     position: relative;
     float: left;
     margin-bottom:0px;
}
 .filter-content p {
     margin: 0;
     padding: 0;
}
 .single-tcsn_portfolio .post-thumb {
     margin-top: 30px;
}
/* filter nav */
 .filter_nav {
     display: block;
     text-align: left;
     margin-bottom: 30px;
}
 .filter_nav li {
     padding:0;
     margin: 0;
     display:inline;
     list-style-type: none;
}
 .filter_nav li a {
     margin: 0;
     margin-left: -1px;
     display: inline-block;
     font-weight: 400;
     text-transform: none;
     font-size: 1.1em;
}
 .filter_nav li a::after {
     font-family: 'Patua One';
     content: "\e3a6";
     display: inline;
     margin: 0 7px;
     font-size: 6px;
     vertical-align: middle;
}
 .filter_nav li:last-child a::after {
     content: none;
}
/* thumb */
 .portfolio-item figure, .member-image figure {
     position: relative;
     overflow: hidden;
}
 .portfolio-item figure img, .member-image figure img {
     width: 100%;
     height:auto;
     display:block;
     position: relative;
}
 .portfolio-item figcaption {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     transform: scale(0.1);
     text-align: center;
}
 .pf-content-wrapper {
     position: absolute;
     width: 100%;
     text-align: center;
     padding: 20px;
     top: 50%;
     transform: translateY(-50%);
}
 .pf-content {
     position: relative;
}
 .portfolio-item .folio-thumb:hover figcaption, .member-image:hover figcaption {
     opacity: 1;
     transform: scale(1);
}
 .zoom-icon-wrapper {
     margin-top: 20px;
}
 .media-zoom, .media-link {
     margin-right: 5px;
     padding: 12px 20px;
     font-size: 12px;
     line-height: 12px;
     display: inline-block;
     text-align: center;
     position: relative;
     z-index: 2;
     border-radius: 4px;
     font-weight: bold;
}
 .folio-thumb {
     margin-bottom: 20px;
}
 .portfolio-excerpt {
     margin-top: 10px;
}
 .portfolio-item-highight figcaption {
     opacity: 1;
     transform: scale(1);
}
 .pf-subtext {
     display: block;
}
 .portfolio-item figcaption hr {
     margin: 15px auto;
     width: 60px;
}
 .portfolio-item figcaption hr {
     border-color: #ffd600;
}
/* portfolio grid */
 .portfolio-grid-2col, .portfolio-grid-3col, .portfolio-grid-4col, .portfolio-grid-5col {
     margin: 0 -15px;
}
 .portfolio-grid-2col.portfolio-compact, .portfolio-grid-3col.portfolio-compact, .portfolio-grid-4col.portfolio-compact, .portfolio-grid-5col.portfolio-compact {
     margin: 0;
}
 .portfolio-grid-2col .portfolio-item {
     width: 50%;
     padding: 0 15px;
}
 .portfolio-grid-3col .portfolio-item {
     width: 33.33333333%;
     padding: 0 15px;
}
 .portfolio-grid-4col .portfolio-item {
     width: 25%;
     padding: 0 15px;
}
 .portfolio-grid-5col .portfolio-item {
     width: 20%;
     padding: 0 15px;
}
 .portfolio-grid-2col.portfolio-compact .portfolio-item, .portfolio-grid-3col.portfolio-compact .portfolio-item, .portfolio-grid-4col.portfolio-compact .portfolio-item, .portfolio-grid-5col.portfolio-compact .portfolio-item {
     padding: 0;
}
 .portfolio-compact .portfolio-item, .portfolio-compact .folio-thumb {
     margin-bottom: 0;
}
 .portfolio-compact .portfolio-excerpt-wrapper {
     padding: 20px;
}
/*-- portfolio --*/
 .filter_nav li a {
     color: #4f5457;
}
 .portfolio-item figcaption {
     background: rgba(0, 0, 0, .7);
     color: #fff;
}
 .portfolio-compact .portfolio-excerpt-wrapper {
     background: #f8f8f8;
}
 figcaption .pf-heading, figcaption .pf-heading a {
     color: inherit;
}
 figcaption .pf-heading a:hover {
     color: #fff;
}
 .media-link {
     margin-right: 5px;
     padding: 12px 20px;
     font-size: 12px;
     line-height: 12px;
     display: inline-block;
     text-align: center;
     position: relative;
     z-index: 2;
     border-radius: 4px;
     font-weight: bold;
}
 .infobox .info-ribbon, .infobox-arrow .infobox-content, .circle, .media-zoom, .media-link, .video-play-icon, .entry-date .date-day, .social-share li a:hover, .subscribe-form button, .dropcap, .highlight, #wp-calendar #today {
     background: #d93930;
}
.media-link{
     color: #fff;
    margin-bottom: 1rem;  
}
div#post_carousel img{
    width:100%;
}
 
/*###################### details end #################*/
 #works{
     padding-top: 30px !important;
     padding-bottom: 60px !important;
     background:url("../imgs/bg-works.jpg") no-repeat center;
     background-size: cover;
}
 .counter-title{
     line-height: 68px;
     font-weight: 700;
     font-style: normal;
     font-size: 55px;
     margin-bottom: 0;
}
 .counter-title span {
     font-size: .5em;
     line-height: .5em;
     margin-left: 3px;
}
 .counter-thumb {
     float: left;
     margin-right: 20px;
     margin-top: 20px;
     font-size: 48px;
}
 .counter-content {
     float: left;
     font-size: 1.1em;
}
/*###################### works report end #################*/
 #serviceplan{
     padding-top: 30px !important;
     padding-bottom: 60px !important;
     background:url("../imgs/bg-serviceplan.jpg") no-repeat center;
     background-size: cover;
}
/*###################### service plan end #################*/
/* align icon */
 .left-addon .fa {
     left: 0px;
}
 .right-addon .fa {
     right: 0px;
}
/* add padding */
 .left-addon input {
     padding-left: 35px;
}
 .right-addon input {
     padding-right: 30px;
}
/*#################### margin ###########################*/
 .border-white{
     border:1px solid #fff;
     color:#fff;
}
 .margin-right-0{
     margin-right:0px;
}
 .m-bottom-10{
     margin-bottom:10px;
}
 .margin-top-0{
     margin-top:0px;
}
 .margin-right-0{
     margin-right:0px;
}
 .margin-top-5{
     margin-top:5px;
}
 .margin-top-15{
     margin-top:15px;
}
 .margin-top-10{
     margin-top:10px;
}
 .margin-top-20{
     margin-top:20px;
}
 .margin-top-40{
     margin-top:40px;
}
 .margin-top-50{
     margin-top:50px;
}
 .margin-top-86{
     margin-top:86px;
}
 .margin-bottom-10{
     margin-bottom:10px;
}
 .margin-bottom-20{
     margin-bottom:20px;
}
 .margin-bottom-40{
     margin-bottom:40px;
}
 .margin-top-m42{
     margin-top:-42px;
}
 .margin-top-m56{
     margin-top:-56px;
}
 .margin-top-m80{
     margin-top:-80px;
}
 .margin-left-m16{
     margin-left:-16px;
}
 .margin-bottom-20{
     margin-bottom:20px;
}
 .lt-2{
     line-height:2;
}
 .padding-x2 {
     padding-top:5px;
}
 .btn-circle {
     width: 30px;
     height: 30px;
     text-align: center;
     padding: 6px 0;
     font-size: 12px;
     line-height: 1.428571429;
     border-radius: 15px;
}
 .btn-circle:hover{
     outline:none !important;
}
 .position{
     position:absolute;
     bottom:8px;
}

 #categories .category {
     text-align: center;
     margin: 0 0 1px 0;
     position:relative;
}
 #categories .category h2 {
     font-weight: 700;
     position: absolute;
     top:42px;
     left: 0;
     width: 100%;
     color:#fff;
     text-align:center;
}
 #categories .category h3 {
     font-weight: 700;
     position: absolute;
     top:95px;
     left: 0;
     width: 100%;
     color:#fff;
     font-size:18px;
     text-align:center;
}
 .size:hover {
     font-size: 16px !important;
}
 .m-top-10{
     margin-top:10px;
}
 .m-top-50{
     margin-top:50px;
}
 .m-top-15{
     margin-top:15px;
}
 .affix {
     top: 0;
     width: 100%;
}
 .affix + .container-fluid {
     padding-top: 70px;
}
 #allproduct-search{
     background:#212e3e;
     padding:50px;
}
 #product-field {
     padding-right: 10px;
     padding-left: 10px;
}
 .m-bottom-2{
     margin-bottom: 2px;
}
 .pd-rt-10{
     padding-right:10px;
}
 .margintop-13{
     margin-top:-13px;
}
 .padding-rt-20{
     padding-right:20px;
}
/*.modal-dialog {
     width:600px;
}
 */
 .thumbnail {
     margin-bottom:6px;
}
 .news{
     width:90%;
     margin:0 auto;
     padding:8px;
     border:1px solid #636363;
}
 .boder-bottom1{
     border-bottom:1px solid #C1C1C1;
    /* padding:6px;
     */
}
 .pd-mng {
     padding-top:6px;
}
/*========================================================================= // search bar ===========================================================================*/
 #searchBar{
     padding: 1px 0;
    /* background: #3f3d59;
     */
     margin: 0 0 18px 0;
}
 #searchBar form .keyword{
     width: 200px;
     height: 48px;
     border: 1px solid #C1C0C0;
     color: #cccccc;
     font-size: 14px;
     padding: 10px;
     margin: 0 10px 0 0;
     display: inline-block;
     border-radius:5px;
}
 #searchBar form .label{
     position: relative;
     width:200px;
     margin: 0 10px 0 0;
     display: inline-block;
}
 #searchBar form .label .select{
     width: 170px;
     padding: 10px;
     height: 48px;
     border-radius: 0;
     border: 1px solid #3f3d59;
     color: #cccccc;
     display: inline-block;
     cursor: pointer;
     position: relative;
     outline:none;
     -webkit-appearance:none;
     -moz-appearance:none;
     appearance:none;
     font-weight: 400;
     font-size: 14px;
}
 #searchBar form .label:after{
     content: "\f0d7";
     font-family: FontAwesome;
     right:5px;
     top:14px;
     position: absolute;
     pointer-events: none;
     padding: 7px 0 0 0;
     background: #f7881d;
     color: #ffffff;
     text-align: center;
     width: 24px;
     height: 24px;
}
 #searchBar form .label .select option{
     padding: 5px;
     border: 1px solid #f8f8f8;
     background: #f8f8f8;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     box-shadow: none;
}
 #searchBar form .location{
     width: 48px;
     height: 48px;
     background: #ffffff;
     display: inline-block;
     vertical-align: middle;
     border: 1px solid #3f3d59;
     text-align: center;
     margin: 0 10px 0 0;
}
 #searchBar form .location i{
     color: #3f3d59;
     padding: 15px 0 0 0;
}
 #searchBar form .location-tip{
     width: 272px;
     display: inline-block;
     height: 5px;
     background: #ffffff;
     margin: 0 10px 0 0;
     position: relative;
}
 #searchBar form .location-tip:before{
     content: "";
     position: absolute;
     width: 16px;
     height: 16px;
     left: 0;
     right: 0;
     top: -6px;
     margin: 0 auto;
     background: #ffffff;
}
 #searchBar form .location-tip .location-range{
     display: inline-block;
     position: absolute;
     width: 70px;
     height: 30px;
     border: 1px solid #ffffff;
     text-align: center;
     background: #a0ce4e;
     color: #ffffff;
     top: 18px;
     left: 0;
     right: 0;
     margin: 0 auto;
     padding: 5px 0 0 0;
     visibility: hidden;
}
 #searchBar form .location-tip:hover .location-range{
     visibility: visible;
}
 #searchBar form .search-btn{
     width: 150px;
     height: 48px;
     background: #3f3d59;
     border: 1px solid #ffffff;
     color: #ffffff;
     transition: all 0.5s ease;
}
 #searchBar form .search-btn:hover{
     background: #f7881d;
     border: 1px solid #a0ce4e;
}
/*########################### login ###########################*/
 #login-dp{
     min-width: 250px;
     padding: 14px 14px 0;
     overflow:hidden;
    /* background-color:rgba(255,255,255,.8);
     */
}
 #login-dp .help-block{
     font-size:12px 
}
 #login-dp .bottom{
     background-color:rgba(255,255,255,.8);
     border-top:1px solid #ddd;
     clear:both;
     padding:14px;
}
 #login-dp .social-buttons{
     margin:12px 0 
}
 #login-dp .social-buttons a{
     width: 49%;
}
 #login-dp .form-group {
     margin-bottom: 10px;
}
 .btn-fb{
     color: #fff;
     background-color:#3b5998;
}
 .btn-fb:hover{
     color: #fff;
     background-color:#496ebc 
}
 .btn-tw{
     color: #fff;
     background-color:#55acee;
}
 .btn-tw:hover{
     color: #fff;
     background-color:#59b5fa;
}
 @media(max-width:1199px){
     .seo-landing-page .post_carousel_caption {
         bottom: 10%;
    }
}
 @media(max-width:1024px){
     .seo-landing-page .post_carousel_caption {
         bottom: 0;
    }
}
 @media(max-width:991px){
     .mb-mg-top {
         margin-top: 10px;
    }
}
 @media(max-width:768px){
     #login-dp{
         background-color: inherit;
         color: #fff;
    }
     #login-dp .bottom{
         background-color: inherit;
         border-top:0 none;
    }
}
 .shape{
     border-style: solid;
     border-width:0 62px 47px 0;
     float:left;
     height: 0px;
     width: 0px;
     -ms-transform:rotate(271deg);
    /* IE 9 */
     -o-transform: rotate(271deg);
    /* Opera 10.5 */
     -webkit-transform:rotate(271deg);
    /* Safari and Chrome */
     transform:rotate(271deg);
}
 .shape {
     border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
 .shape-text{
     color:#fff;
     font-size:12px;
     font-weight:bold;
     position:relative;
     right: -31px;
     top: 1px;
     white-space: nowrap;
     -ms-transform:rotate(30deg);
    /* IE 9 */
     -o-transform: rotate(360deg);
    /* Opera 10.5 */
     -webkit-transform:rotate(30deg);
    /* Safari and Chrome */
     transform:rotate(30deg);
}
/*############################# Section ########################*/
 h2 small{
     font-size:46%;
}
 .f-size{
     font-size:24px;
     font-family: 'Patua One';
}
 .f-size1{
     font-size:34px;
}
 #boiler{
     background:url(../imgs/slider_01.jpg) no-repeat;
     padding: 55px 0;
     width: 100%;
     height: auto;
     text-align: center;
     color: white;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
     height:100%;
     margin-bottom:10px;
}
 #boiler h1{
     font-size:16px;
     font-family: 'Patua One';
    /*font-weight:bold;
     */
     margin:14px;
     color:#fff;
     text-transform: capitalize;
     -webkit-animation-delay: 1.5s;
     animation-delay: 1.5s;
     -webkit-animation-timing-function: cubic-bezier(.65,1.95,.03,.32);
     animation-timing-function: cubic-bezier(.65,1.95,.03,.32);
}
 #boiler h2{
     font-size:26px;
     font-family: 'Patua One';
    /*font-weight:bold;
     */
     margin: 0 0 15px 0;
     color: #d93930;
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
     -webkit-animation-timing-function: cubic-bezier(.65,1.95,.03,.32);
     animation-timing-function: cubic-bezier(.65,1.95,.03,.32);
}
 #boiler1{
     background:url(../imgs/slider_02.jpg) no-repeat;
     padding: 55px 0;
     width: 100%;
     height: auto;
     text-align: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
     height:100%;
}
 #boiler1 h1{
     font-size:16px;
     font-family: 'Patua One';
    /*font-weight:bold;
     */
     margin:14px;
     color:#fff;
     text-transform: capitalize;
     -webkit-animation-delay: 1.5s;
     animation-delay: 1.5s;
     -webkit-animation-timing-function: cubic-bezier(.65,1.95,.03,.32);
     animation-timing-function: cubic-bezier(.65,1.95,.03,.32);
}
 #boiler1 h2{
     font-size:26px;
     font-family: 'Patua One';
    /*font-weight:bold;
     */
     margin: 0 0 15px 0;
     color: #d93930;
     -webkit-animation-delay: 1s;
     animation-delay: 1s;
     -webkit-animation-timing-function: cubic-bezier(.65,1.95,.03,.32);
     animation-timing-function: cubic-bezier(.65,1.95,.03,.32);
}
 .product-bg{
     position:relative;
}
 .product-search{
     width:100%;
     height:100%;
     position: absolute;
     top: 0;
     left: 0;
}
 /* #testimonial{
     background:url(../imgs/testi) fixed;
     padding: 55px 0;
} */
 #apps{
     background:#f4f4f4;
     padding-top:55px;
}
 #testimonial h2,h6, p{
     color:#fff;
}
 #about h2,h6, p{
     color:#353535;
}
 #aboutus{
     background:url(../imgs/about-bg.jpg) no-repeat center center;
     padding:75px 35px;
     color:#000;
}
 #aboutus h2{
     font-size:48px;
 }
 .bg-yellow .social-link a{
     color: #fff;
     text-align: center;
     display: inline-block;
     margin-right: 16px;
     margin-top: 5px;
     margin-bottom: 5px;
     font-size:13px;
     text-decoration: none;
}
 .circle {
     border-radius: 50% !important;
}
 .border-right{
     border-right:1px solid #eee;
}
.boiler-installation-section .owl-dots{
    display:none;
}
/*#################### input add on ####################*/
/* enable absolute positioning */
 .inner-addon {
     position: relative;
}
/* style icon */
 .inner-addon .fa {
     position: absolute;
     padding: 10px;
     pointer-events: none;
}
/* align icon */
 .left-addon .fa {
     left: 0px;
}
 .right-addon .fa {
     right: 0px;
}
/* add padding */
 .left-addon input {
     padding-left: 30px;
}
 .right-addon input {
     padding-right: 30px;
}
/*##################### testimonial ########################*/
/* carousel */
 #quote-carousel {
     padding: 0 10px 30px 10px;
     margin-top: 30px;
}
/* Control buttons */
 #quote-carousel .carousel-control {
     background: none;
     color: #222;
     font-size: 2.3em;
     text-shadow: none;
     margin-top: 30px;
}
/* Previous button */
 #quote-carousel .carousel-control.left {
     left: -12px;
}
/* Next button */
 #quote-carousel .carousel-control.right {
     right: -12px !important;
}
/* Changes the position of the indicators */
 #quote-carousel .carousel-indicators {
     right: 50%;
     top: auto;
     bottom: 0px;
     margin-right: -19px;
}
/* Changes the color of the indicators */
 #quote-carousel .carousel-indicators li {
     background: #c0c0c0;
}
 #quote-carousel .carousel-indicators .active {
     background: #333333;
}
 #quote-carousel img {
     width: 250px;
     height: 100px 
}
/* End carousel */
 .item blockquote {
     border-left: none;
     margin: 0;
}
 .item blockquote img {
     margin-bottom: 10px;
}
 .item blockquote p:before {
     content: "\f10d";
     font-family: 'Fontawesome';
     float: left;
     margin-right: 10px;
}

 @media (min-width: 1025px) and (max-width: 1204px) {
     h3{
         font-size:15px;
         margin-top: 0;
    }
     .pf-subtext{
         font-size:10px;
    }
     .boiler1{
         width: 30% !important;
    }
     .pf-content-wrapper{
         padding: 2px;
    }
     figcaption .pf-heading, figcaption .pf-heading a{
         font-size:13px;
    }
     .portfolio-item figcaption hr{
         margin:5px auto;
    }
     .smaller{
         padding: 2px 1px;
    }
}
 @media (min-width: 969px) and (max-width: 1024px) {
     h3{
         font-size:16px;
         margin-top: 0;
    }
     .pf-subtext{
         font-size:10px;
    }
     .boiler1{
         width: 30% !important;
    }
     .pf-content-wrapper{
         padding: 2px;
    }
     figcaption .pf-heading, figcaption .pf-heading a{
         font-size:13px;
    }
     .smaller{
         padding: 1px 1px;
         margin: 3px 2px;
         min-width: 36%;
         float: left;
         font-size: 10px;
    }
     .portfolio-item figcaption hr {
         margin: 1px auto;
    }
     .zoom-icon-wrapper{
         margin-top: 6px;
    }
}
 @media (min-width: 767px) and (max-width: 968px) {
     h3{
         font-size:13px;
         margin-top: 0;
    }
     .pf-subtext{
         font-size:8px;
    }
     .boiler1{
         width: 30% !important;
    }
     .pf-content-wrapper{
         padding: 2px;
    }
     figcaption .pf-heading, figcaption .pf-heading a{
         font-size:10px;
    }
     .smaller{
         padding: 1px 1px;
         margin: 3px 2px;
         min-width: 41px;
         float: left;
         font-size: 8px;
    }
     .portfolio-item figcaption hr {
         margin: 1px auto;
    }
     .zoom-icon-wrapper{
         margin-top: 2px;
    }
}
/* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     #quote-carousel {
         margin-bottom: 0;
         padding: 0 40px 30px 40px;
    }
}
/* Small devices (tablets, up to 768px) */
 @media (max-width: 768px) {
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
     .heading1{
         font-size: 32px;
         line-height: 38px;
    }
     #quote-carousel .carousel-indicators {
         bottom: -20px !important;
    }
     #quote-carousel .carousel-indicators li {
         display: inline-block;
         margin: 0px 5px;
         width: 15px;
         height: 15px;
    }
     #quote-carousel .carousel-indicators li.active {
         margin: 0px 5px;
         width: 20px;
         height: 20px;
    }
}
 @media (max-width: 480px) {
     .f-size{
         font-size:12px;
         margin-top:10px;
         text-align:center;
    }
     .bg-yellow .social-link a{
         margin-right:15px;
         color: #fff;
    }
     .f-size-12 {
         font-size: 9px;
         font-weight: bold;
    }
     .zoom-icon-wrapper {
         margin-top: 8px;
    }
     .pf-content h3{
         font-size: 14px;
    }
     .pf-content h4{
         font-size: 12px;
    }
     .pf-subtext{
         font-size: 12px;
    }
     .pf-content-wrapper{
         padding:5px;
    }
     .portfolio-item figcaption hr{
         margin: 3px auto;
    }
     .smaller{
         font-size: 10px;
         min-width: 52px;
    }
}
 .padding-left-10{
     padding-left:0px;
}
/*.circle {
     border-radius: 50% !important;
}
 */
/*#################### top bottom ###########################*/
 /* .top_button {
     background:url(../images/top_arrow.png) no-repeat scroll 0 0 transparent;
     height: 36px;
     width: 36px;
     right: 8px;
     bottom: 5px;
     display: none;
     position: fixed;
     z-index: 95;
     font-size: 0;
     margin: 0 4px 4px 0;
} */
 .col-md-load{
     display:none;
}
 #loadmore {
     color: #fff;
     background-color:#000;
     border-color:#000;
}
 #loadmore:focus, #loadmore.focus {
     color: #fff;
     background-color:#337ab7;
     border-color:#337ab7;
}
 #loadmore:hover {
     color: #fff;
     background-color:#337ab7;
     border-color:#337ab7;
}
/*############ listing ##############*/
 .listing-border{
     border-top: 1px solid #e5e5e5;
     border-bottom: 1px solid #e5e5e5;
}
 .market-data {
     position: relative;
     width: 100%;
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 .indicator {
     float: left;
     width: 20%;
     font-size: 12px;
     line-height: 16px;
     color: #959b9f;
     font-weight: bold;
     padding: 26px 6px 22px;
     border-right: 1px solid #e5e5e5;
}
 .indicator_label {
     margin-bottom: 20px;
     max-height: 32px;
}
 .indicator_value {
     line-height: 26px;
     font-weight: normal;
     color: #3E495f;
     white-space: nowrap;
}
 .market-data:before, .market-data:after {
     content: " ";
     display: table;
}
 .indicator_trend {
     display: inline-block;
     margin-right: 3px;
}
 .indicator_trend-none {
     display: none !important;
}
 .indicator_amount {
     font-size: 26px;
     display: inline-block;
}
 .indicator_amount .money {
     font-size: 26px;
}
 .indicator_amount .unit {
     font-size: 15px;
}
 .space-unit {
     display: inline-block;
     width: 1.5%;
     line-height: 1;
}
 .number {
     font-size: 100%;
     line-height: 1;
}
 /* .indicator_trend-up {
     background-image:url(../images/arrow-top.png);
     background-repeat: no-repeat;
     overflow: hidden;
     display: inline-block;
     height: 18px;
     width: 18px;
} */
 .indicator:last-child {
     border-right: none;
}
 .margin-bottom-50{
     margin-bottom:50px;
}
/*.line-title-bigdots {
     margin-bottom: 20px !important;
     background-image: url("../images/bg-line.png");
}
 .line-title-bigdots {
     background: url('../images/bg-title.png') 0 repeat-x;
}
 */
 /* .line-title-bigdots h2 {
     background-image: url("../images/bg-line.png");
} */
 .line-title-bigdots h2 {
     margin-bottom: 20px;
     letter-spacing: 1px;
     text-transform: uppercase;
     background-attachment: scroll;
     background-repeat: repeat-x;
     background-position: right center;
}
 .line-title-bigdots h2 span {
     color: #fff;
     font-size: 18px;
     background-color: #000;
     padding:8px;
}
 .featured_box {
     padding-left: 25px;
}
 p.features {
     color:#aaa;
}
 p.features.active {
     color:#000;
}
 .dropdown:hover .dropdown-menu {
     display: block;
     margin-top: 0;
}
/*body.hidden-scroll{
     overflow:hidden 
}
 */
 .sl-overlay{
     position:fixed;
     left:0;
     right:0;
     top:0;
     bottom:0;
     background:#fff;
     opacity:.7;
     display:none;
     z-index:1006 
}
 .sl-wrapper{
     z-index:1000 
}
 .sl-wrapper button{
     border:0;
     background:0 0;
     font-size:24px;
     padding:0;
     cursor:pointer 
}
 .sl-wrapper button:hover{
     opacity:.7 
}
 .sl-wrapper .sl-close{
     display:none;
     position:fixed;
     right:30px;
     top:30px;
     z-index:1015 
}
 .sl-wrapper .sl-counter{
     display:none;
     position:fixed;
     top:30px;
     left:30px;
     z-index:1015 
}
 .sl-wrapper .sl-navigation{
     width:100%;
     display:none 
}
 .sl-wrapper .sl-navigation button{
     position:fixed;
     top:50%;
     margin-top:-10px;
     height:30px;
     width:30px;
     line-height:30px;
     text-align:center;
     display:block;
     z-index:1015;
     font-family:arial sans-serif 
}
 .sl-wrapper .sl-navigation button.sl-next{
     right:40px 
}
 .sl-wrapper .sl-navigation button.sl-prev{
     left:40px 
}
 .sl-wrapper .sl-image{
     position:fixed;
     -ms-touch-action:none;
     touch-action:none;
     z-index:10000 
}
 .sl-wrapper .sl-image img{
     margin:0;
     padding:0;
     display:block 
}
 .sl-wrapper .sl-image iframe{
     border:0;
     background:#000 
}
 .sl-wrapper .sl-image .sl-caption{
     display:none;
     padding:10px;
     color:#fff;
     background:#000;
     opacity:.8;
     position:absolute;
     bottom:0;
     left:0;
     right:0 
}
 .sl-wrapper .sl-image .sl-caption.pos-top{
     bottom:auto;
     top:0 
}
 .sl-wrapper .sl-image .sl-caption.pos-outside{
     bottom:auto 
}
 .sl-wrapper .sl-image .sl-download{
     display:none;
     position:absolute;
     bottom:5px;
     right:5px;
     color:#fff;
     z-index:1005 
}
 .sl-spinner{
     display:none;
     border:5px solid #333;
     border-radius:40px;
     height:40px;
     left:50%;
     margin:-20px 0 0 -20px;
     opacity:0;
     position:fixed;
     top:50%;
     width:40px;
     z-index:1007;
     -webkit-animation:pulsate 1s ease-out infinite;
     -moz-animation:pulsate 1s ease-out infinite;
     -ms-animation:pulsate 1s ease-out infinite;
     -o-animation:pulsate 1s ease-out infinite;
     animation:pulsate 1s ease-out infinite 
}
 .sl-scrollbar-measure{
     position:absolute;
     top:-9999px;
     width:50px;
     height:50px;
     overflow:scroll 
}
 @-webkit-keyframes pulsate{
     0%{
         transform:scale(.1);
         opacity:0 
    }
     50%{
         opacity:1 
    }
     100%{
         transform:scale(1.2);
         opacity:0 
    }
}
 @keyframes pulsate{
     0%{
         transform:scale(.1);
         opacity:0 
    }
     50%{
         opacity:1 
    }
     100%{
         transform:scale(1.2);
         opacity:0 
    }
}
 @-moz-keyframes pulsate{
     0%{
         transform:scale(.1);
         opacity:0 
    }
     50%{
         opacity:1 
    }
     100%{
         transform:scale(1.2);
         opacity:0 
    }
}
 @-o-keyframes pulsate{
     0%{
         transform:scale(.1);
         opacity:0 
    }
     50%{
         opacity:1 
    }
     100%{
         transform:scale(1.2);
         opacity:0 
    }
}
 @-ms-keyframes pulsate{
     0%,100%{
         opacity:0 
    }
     0%{
         transform:scale(.1) 
    }
     50%{
         opacity:1 
    }
     100%{
         transform:scale(1.2) 
    }
}
 .ribbon-container {
     position: relative;
     display: inline-block;
     line-height: 1;
}
 .ribbon-container img {
     vertical-align: middle;
}
 .ribbon {
     position: absolute;
     bottom: 1em;
     left: 0;
     margin-right: 1em;
     padding: .75em 1.25em .75em .75em;
     border-radius: 0 .5em .5em 0;
     background-color:#c77009;
     background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 100%);
     box-shadow: inset 0 .062em 0 rgba(255,255,255,.6), 0 .125em .25em rgba(0,0,0,.2);
     color: #fff;
     text-shadow: 0 -.062em 0 rgba(0,0,0,.2);
     white-space: nowrap;
     transition: background-color .2s ease-in-out;
}
 .ribbon:before, .ribbon:after {
     position: absolute;
     background-color: inherit;
     content: "";
}
 .ribbon:before {
     bottom: 0;
     left: -.5em;
     width: .5em;
     height: 3em;
     border-radius: 0 0 0 .5em;
     background-image: linear-gradient(to right, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%);
}
 .ribbon:after {
     top: -1em;
     left: -.5em;
     width: .5em;
     height: 1em;
     border-radius: .5em 0 0 .5em;
     background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
     box-shadow: 0 .062em 0 rgba(255,255,255,.6);
}
 .ribbon-container:hover .ribbon {
     background-color: #7acc29;
}
 .r-sise{
     resize:none;
}
 /* .fade {
     opacity: 0;
     -webkit-transition: opacity .30s linear;
     transition: opacity .30s linear;
} */
/*.text {
     color: #d93930;
     -webkit-text-fill-color: white;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: white;
}
 */
 #post_carousel-index .carousel-inner > .item > img {
     height:420px;
}
 .same-all-text {
     font-size:16px;
}
 .same-all-text a {
     font-size:21px;
}
/*#################### back to top ###########################*/
 #backtotop{
     z-index:999;
     display:inline-block;
     position:fixed;
     visibility:hidden;
     bottom:20px;
     right:20px;
     width:36px;
     height:36px;
     line-height:34px;
     border-radius:50%;
     font-size:16px;
     text-align:center;
     opacity:.2;
}
 #backtotop i{
     display:block;
     width:100%;
     height:100%;
     line-height:inherit;
}
 #backtotop.visible{
     visibility:visible;
     opacity:.5;
}
 #backtotop:hover{
     opacity:1;
}
 #backtotop{
     color: #949494;
     background-color: #151212;
     text-decoration: none;
}
 .txt-mb-rf {
     float: right;
}
 /* .mid-form .form-control {
     border-radius:0px;
} */
 /* .pd-lf {
     padding-left:0px;
}
 .pd-rt {
     padding-right:0px;
}
 .media-link {
     margin-right: 5px;
     padding: 12px 20px;
     font-size: 12px;
     line-height: 12px;
     display: inline-block;
     text-align: center;
     position: relative;
     border-radius: 0px;
     font-weight: normal;
     color: #fff;
     border: red;
}
 .dd-xx img {
     margin-top: 20px;
     margin-bottom: 10px;
}
 .new-whatsapp i {
     padding: 6px;
     border-radius: 4px;
     background-color: #00ff00;
     font-size: 32px;
}
 .post_carousel_wrapper-1 > .carousel-inner > .item > img, .post_carousel_wrapper-1 > .carousel-inner > .item > a > img {
     opacity: 1 !important;
}
 .bg-gr {
     color:#fff;
     background:#505050;
}
 .fl-rt {
     float: right;
}
 .fl-rt > li > a {
     border-right: 1px solid #271D64;
     font-size: 13px;
     line-height: 32px;
     color: #271D64 !important;
     font-weight: normal !important;
}
 .navbar-mini, .navbar-mini-1 {
     font-size: 12px;
}
 .navbar-mini > .container {
     padding-left: 310px;
}
 .navbar-mini .navbar-left, .navbar-mini-1 .navbar-left {
     padding-top: 10px;
}
 .navbar-mini .navbar-left span:first-child, .navbar-mini-1 .navbar-left span:first-child {
     padding-left: 0;
}
 .navbar-mini span, .navbar-mini-1 span {
     padding: 0 7px;
     padding-left: 7px;
     font-weight: 400;
     letter-spacing: .5px;
     opacity: 1;
}
 .navbar-mini span i, .navbar-mini-1 span i {
     font-size: 13px;
     transform: translateY(-0.5px);
     display: inline-block;
     color: #fff;
}
 .navbar-mini span i, .navbar-mini-1 span i {
     margin-right: 7px;
}
 .navbar-mini hr, .navbar-mini-1 hr {
     width: 1px;
     background-color: #BEBEBE;
     margin: 0 0 -2px 0;
     display: inline-block;
     height: 12px;
     padding: 0;
}
 .navbar-right > :not(li) {
     padding-right: 15px;
     padding-left: 15px;
}
 i.first {
     border-left: 1px solid rgb(219,219,219);
}
 .minisocial-group i {
     font-size: 15px;
     line-height: 32px !important;
     padding-top: 1px;
     display: block !important;
     float: left;
     color: #fff;
     cursor: pointer;
     border-right: 1px solid #DBDBDB;
     width: 35px;
     text-align: center;
}
 .btn-top-q {
     padding: 7.6px 13px;
     margin-bottom: 0;
     font-size: 12px;
     color:#000;
     background:#fff;
     border-radius:0px;
     border-color:fff;
}
 .navbar-brand img {
     transition: all .3s;
     max-height: 100%;
     width:280px;
}
 .navbar-mini:not(.hidden) + .navbar-main .navbar-header {
     margin-top: -23px;
     padding-left: 55px;
     padding-right: 10px;
     margin-left: -75px;
     background: #fff;
     position: relative;
}
 .navbar-mini:not(.hidden) + .navbar-main .navbar-header:after {
     position: absolute;
     content: '';
     background-color: #eee;
     height: 30px;
     width: 8px;
     right: -6px;
     left: auto;
     top: -8px;
     transform: rotate(136deg);
}
 .navbar-mini:not(.hidden) + .navbar-main .navbar-header:before {
     position: absolute;
     content: '';
     background-color: #fff;
     height: 22px;
     width: 6000px;
     right: 0;
     top: 0px;
     z-index: 0;
}
 .navbar-brand {
     height: 70px;
}
 .navbar-brand {
     margin-right:0px;
     padding: 15px 0px 15px 15px;
     margin-left: 0px !important;
}
 .navbar-big-logo .navbar-mini:not(.hidden) + .navbar-main .navbar-header {
     padding-right: 0;
}
 .navbar-big-logo .navbar-main .navbar-header:after {
     display: none;
} */
 .navbar-mini:not(.hidden) + .navbar-main .navbar-brand {
     margin-top: 10px;
}
 .wbts-img span {
     vertical-align: top;
     line-height: 40px;
     font-size: 12px;
     text-transform: uppercase;
}
 .wbts-img a {
     color:#fff;
}
 .wbts-img i {
     padding: 0px;
     border-radius: 4px;
     background-color: #00ff00;
     font-size: 38px;
     color: #fff;
     width: 40px;
     text-align: center;
     margin-top: 2px;
     margin-bottom: 2px;
}
 .navbar-mini .no-hlt {
     padding-top: 5px;
     padding-bottom: 5px;
     text-align: center;
}
 .navbar-mini .no-hlt .ist-text a {
     font-size: 12px;
     text-transform: uppercase;
     opacity: 1;
     text-decoration: none;
     color: #333;
}
 .rwd-break {
     display: none;
}
 .bld-text {
     font-size: 18px;
}
 .navbar {
     position: initial;
}
 .boil-1 {
     padding: 50px 0;
}
 .data_title {
     margin-bottom: 15px;
}
 .hr {
     margin-top: 25px !important;
     margin-bottom: 10px;
    /* border-top: 1px solid #ec9223;
     */
     border: 1px solid #d9e1e6 !important;
}
 .data_title h3 {
     color: #000!important;
     text-shadow: 2px 2px #fff;
     line-height: 28px;
}
 .data-item input[type=checkbox]:not(old), .data-item input[type=radio]:not(old) {
    /* visibility: hidden;
     */
     position: absolute;
     z-index: 99;
     width: 100%;
     border: 1px solid #d9e1e6;
     color:#fff;
     cursor: pointer;
     background-color:#fff;
     height: 110px;
     left: 0;
     opacity: 0;
}
 .data-item label {
     border-radius: 5px;
     display: block;
     padding: 45px;
     text-align: center;
     margin-bottom: 0;
     position: relative;
     border: 1px solid #d9e1e6;
     font-size: 15px;
     cursor: pointer;
     background-color: #fff;
     box-shadow: 0 1px 3px 0 rgba(36,39,44,.15);
}
 .data-item label {
     display: block;
     font-size: 16px !important;
     text-align: center;
     text-transform: uppercase;
}
 .data-item input[type=checkbox]:not(old):checked+label, .data-item input[type=checkbox]:not(old):checked+span+label, .data-item input[type=radio]:not(old):checked+label, .data-item input[type=radio]:not(old):checked+span+label {
     display: block;
     border: 1px solid #28a745;
     -webkit-box-shadow: 0 2px 10px #28a745;
     -moz-box-shadow: 0 2px 10px #28a745;
     box-shadow: 0 2px 10px #28a745;
}
 .data-item input[type="radio"]:checked + label {
     background-color: #28a745 !important;
     color:#fff !important;
     border: 1px solid red;
}
 .data-item input[type=checkbox]:not(old):checked+label:before, .data-item input[type=checkbox]:not(old):checked+span+label:before, .data-item input[type=radio]:not(old):checked+label:before, .data-item input[type=radio]:not(old):checked+span+label:before {
     content: "\f046";
     font-family: 'fontawesome';
     position: absolute;
     right: 20px;
     top: 10px;
     font-size: 24px;
     color: #fff;
}
 .next-btn{
     background: #fff !important;
     border: 1px solid red;
     color: red !important;
     border-radius: 34px;
     padding: 8px 16px;
     text-decoration: none;
     font-size: 16px;
     text-transform: uppercase;
     min-width: 120px;
     margin: 0 0 0 5px;
}
 .next-btn:hover{
     background:red !important;
     color:#fff !important;
     border:1px solid red;
}
 .div-5 {
     width: 16.66666667%;
     float: left;
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
}

 .select-item label {
     background-color: #fff;
     padding:30px 1px;
}
 .width-60 {
     width: 65%;
     margin: 0px auto;
}
 .width-60 .form-control {
     height: 41px;
}
 .dd-1 {
     width:14%;
     float:left;
}
 .mb-15 {
     margin-top:15px;
}
 .dd-2 i {
     color: #25D366;
     font-size: 39px !important;
}
 .dd-2 span {
     font-size: 18px;
     line-height: 38px;
     vertical-align: top;
}
 @media (max-width: 720px) and (min-width: 320px) {
     .dd-2 {
         padding-left:36%;
    }
     .dd-2 span {
         font-size: 14px;
         line-height: 18px;
         vertical-align: top;
         position: absolute;
    }
     .bs-stepper-content {
         padding: 0 15px 15px !important;
    }
     .width-60 {
         width: 100%;
    }
    /* .justify-content-center {*/
    /*     justify-content: center !important;*/
    /*     text-align: center;*/
    /*     display: initial;*/
    /*}*/
     .mg-tp-15 {
         margin-top:15px;
    }
     .navbar {
         position: initial;
    }
     .bld-text {
         font-size: 13px;
    }
     .navbar-brand img {
         transition: all .3s;
         max-height: 100%;
         width: 220px;
    }
     .rwd-break {
         display: block;
    }
     .fl-rt > li > a {
         border-right: none;
    }
     .navbar-mini .no-hlt .ist-text a {
         font-size: 9px;
         opacity: 1;
    }
     .navbar-mini span, .navbar-mini-1 span {
         padding: 0 5px;
         padding-left: 5px;
    }
     .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
         background-color: transparent;
    }
     .navbar-toggle {
         border-radius: 0px;
         margin-top: 25px;
         margin-bottom: 20px;
    }
     .nav > li > a {
         font-size: 10px;
    }
     .txt-mb-rf {
         float: none;
    }
     .navbar-nav {
         margin: 0px 0px;
    }
     #bg-heading {
         padding: 30px;
    }
     .nrw-head h3 {
         font-size:15px;
    }
     #serviceplan {
         padding-top: 30px !important;
         padding-bottom: 31px !important;
    }
     .footer-end p {
         line-height: 15px;
    }
     footer .social-link a {
         width:auto;
         height: auto;
         line-height: 23px;
         margin-top: 0px;
         margin-bottom: 0px;
         margin-top: 0px;
    }
     footer .f-list li a {
         line-height: 23px;
         font-size: 13px;
    }
     .pd-lf {
         padding-left:15px;
    }
     .pd-rt {
         padding-right:15px;
    }
     .same-all-text {
         font-size: 13px;
    }
     .padding-right-10 {
         padding-right: 0px;
    }
     .same-all-text a {
         font-size: 16px;
    }
     .same-all-text a {
         font-size: 16px;
    }
     .footerin {
         padding: 30px 0;
    }
     #plan {
         padding: 35px 0;
    }
     .post_carousel_caption {
         bottom: 5%;
    }
     #post_carousel .post_carousel_caption h1 {
         letter-spacing:1px;
         font-size: 14px important;
    }
     #post_carousel .post_carousel_caption h2 {
         letter-spacing: 1px;
         font-size: 12px important;
    }
     #post_carousel .carousel-inner > .item > img {
         height:86vh;
    }
     #aboutus {
         padding: 30px;
    }
     .nrw-mb-center .heading1 {
         font-size:18px;
         text-align:center;
    }
     .nrw-mb-center p {
         font-size:14px;
         text-align:justify;
         line-height:19px;
    }
     .nrw-mb-center h2, .nrw-mb-center h3 {
         font-size:18px;
    }
     .mb-hide {
         display: none !important;
    }
     .margin-top-15 {
         margin-top: 5px;
    }
     .only-mb {
         position: absolute;
         width: 47%;
         top: 23%;
    }
     .bg-yellow p {
         color: #fff;
         margin: 0 0 2px;
         font-size: 13px;
    }
     .navbar-mini > .container {
         padding-left: 5px;
         padding-right: 5px;
    }
     .navbar-mini:not(.hidden) + .navbar-main .navbar-header {
         margin-top: 0px;
         padding-left: 0px;
         padding-right: 0px;
         margin-left: 0px;
         background: #fff;
         position: relative;
    }
     .navbar-mini:not(.hidden) + .navbar-main .navbar-header:after {
         position: absolute;
         background-color: #d93930;
         height: auto;
         width:auto;
         right: auto;
         left: auto;
         top: auto;
         transform: auto;
    }
     .navbar-mini:not(.hidden) + .navbar-main .navbar-header:before {
         position: relative;
         background-color: #fff;
         z-index: 0;
         height: auto;
         width:auto;
         right: auto;
         left: auto;
         top: auto;
         transform: auto;
    }
     .mb-fl-rt {
         text-align:center;
    }
     .mb-dsp {
         display:block;
    }
     .fl-rt {
         float: none;
    }
     .mmb-100 {
         width: 100%;
         padding-left: 0px;
    }
     .fl-rt > li > a {
         line-height:10px;
         padding-top:10px;
         padding-bottom:10px;
         padding-right:2px;
         padding-left:2px;
         border-bottom: 1px solid #271D64;
    }
     #post_carousel-index .carousel-inner > .item > img {
         height:150px;
    }
     .affix {
         position: unset;
    }
     h2, .h2 {
         font-size: 21px;
    }
     #about p {
         color: #353535;
         text-align: justify;
    }
     .mb-text-center {
         text-align:center;
    }
     .nm-btn {
         padding: 5px 6px;
         font-size: 9px;
         text-transform: capitalize;
         border-radius: 30px;
    }
     .su-btutan {
         position: absolute;
         left: 36%;
         z-index: 9;
         margin-top: -34px;
    }
}
/* Wizard custom */
 .get-quote__header{
     display:flex;
     align-items:center;
     justify-content:space-between;
}
 .get-quote__header .navbar-brand{
     margin-right:15px;
}
 .get-quote__header i{
     padding: 0px;
     border-radius: 4px;
     background-color: #00ff00;
     font-size: 38px;
     color: #626262;
     width: 40px;
     text-align: center;
     margin-top: 2px;
     margin-bottom: 2px;
}
 .mg-tp-15{
     margin-bottom: 1rem !important;
}
 :root {
     --sw-border-color: #eeeeee;
     --sw-toolbar-btn-color: #ffffff;
     --sw-toolbar-btn-background-color: #033d5e;
     --sw-anchor-default-primary-color: #f8f9fa;
     --sw-anchor-default-secondary-color: #b0b0b1;
     --sw-anchor-active-primary-color: #ff5858;
     --sw-anchor-active-secondary-color: #ffffff;
     --sw-anchor-done-primary-color: #98b3c1;
     --sw-anchor-done-secondary-color: #fefefe;
     --sw-anchor-disabled-primary-color: #f8f9fa;
     --sw-anchor-disabled-secondary-color: #dbe0e5;
     --sw-anchor-error-primary-color: #dc3545;
     --sw-anchor-error-secondary-color: #ffffff;
     --sw-anchor-warning-primary-color: #ffc107;
     --sw-anchor-warning-secondary-color: #ffffff;
     --sw-progress-color: #dc3545;
     --sw-progress-background-color: #f8f9fa;
     --sw-loader-color: #009EF7;
     --sw-loader-background-color: #f8f9fa;
     --sw-loader-background-wrapper-color: rgba(255, 255, 255, 0.7);
}
 .error-message {
     display: none;
    /* Initially hide the error message */
     color: red;
    /* Set the text color to red for error messages */
}
 .error{
     color:red;
}
 .sw {
     position: relative;
     background-color: white;
     padding: 1rem;
     border-radius: 10px;
     box-shadow: -1px 0px 44px 15px rgb(0 0 0 / 4%);
     -webkit-box-shadow: -1px 0px 44px 15px rgb(0 0 0 / 4%);
     -moz-box-shadow: -1px 0px 44px 15px rgba(0,0,0,0.4);
     margin-bottom: 2rem;
}
 .sw>.progress{
     position: absolute;
     top:0;
     left: 0;
}
 .sw .scroll-height{
     overflow-y:auto;
     overflow-x:hidden;
}
 .gb-smartwizards-quotes label span {
     margin-top: 1rem;
     text-transform: capitalize;
     display: block;
}
 .gb-smartwizards-quotes img{
     width:140px;
     height: auto;
     margin:0 auto;
}
.gb-smartwizards-quotes img#loader {
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: text-top;
}
/* custom quote css */
 .quote-details-heading{
     position: relative;
}
 .quote-details-heading h3 {
     position: relative;
     border-bottom: 1px solid #cacad2;
     padding-bottom: 1rem;
     margin-bottom: 1rem;
}
 .quote-form{
     position: relative;
     padding:75px 0;
}
 .data_title {
     margin-bottom: 1rem;
}
 .data_title + .row{
     margin-bottom: 1rem;
     margin-bottom: 1px solid #dddddd;
}
 .hr {
     margin-top: 25px !important;
     margin-bottom: 10px;
    /* border-top: 1px solid #ec9223;
     */
     border: 1px solid #d9e1e6 !important;
}
 .data_title h4 {
     font-size: 1.2rem;
     color: #000;
     text-shadow: 2px 2px #fff;
     line-height: 28px;
}
 .data-item {
     position: relative;
}
 .data-item input[type=checkbox]:not(old), .data-item input[type=radio]:not(old) {
     position: absolute;
     z-index: 99;
     border: 1px solid #d9e1e6;
     color: #fff;
     cursor: pointer;
     opacity: 0;
     padding: 1rem;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     width: 100%;
     height: 100%;
}
 .data-item label {
     border-radius: 5px;
     padding: 0.5rem;
     margin-bottom: 0;
     position: relative;
     cursor: pointer;
     border: 1px solid #eaeaea;
}
 .data-item label {
     display: block;
     font-size: 16px !important;
     text-align: center;
     text-transform: uppercase;
}
 .data-item input[type=checkbox]:not(old):checked+label, .data-item input[type=checkbox]:not(old):checked+span+label, .data-item input[type=radio]:not(old):checked+label, .data-item input[type=radio]:not(old):checked+span+label {
     display: block;
     border: 1px solid #1b6894;
     -webkit-box-shadow: 0 2px 10px #1b6894;
     -moz-box-shadow: 0 2px 10px #1b6894;
     box-shadow: 0 2px 10px #1b6894;
}
 .data-item input[type="radio"]:checked+label {
     background-color: #1b6894 !important;
     color: #fff !important;
     border: 1px solid #1b6894;
}
 .data-item input[type=checkbox]:not(old):checked+label:before, .data-item input[type=checkbox]:not(old):checked+span+label:before, .data-item input[type=radio]:not(old):checked+label:before, .data-item input[type=radio]:not(old):checked+span+label:before {
     /* content: url("../images/tickkk.png"); */
     width: 20px !important;
     font-family: 'fontawesome';
     position: absolute;
     right: 20px;
     top: 10px;
     font-size: 24px;
     color: #fff;
     z-index: 2;
     display: none;
}
 .sw-theme-dots>.nav {
     position: relative;
     margin-bottom: 0;
     align-items: center;
     justify-content: center;
}
 .sw-theme-dots>.nav::before{
     display: none;
}
 .sw.sw-justified>.nav .nav-link, .sw.sw-justified>.nav>li {
     flex-grow: 0;
}
 .sw-theme-dots>.nav .nav-link {
     margin-top: 0;
}
 .sw>.nav .nav-link {
     padding: 0.5rem;
     margin: 0 2px;
}
 .sw-theme-dots>.nav .nav-link>.num {
     display: none;
}
 .sw-theme-dots>.nav .nav-link::after {
     margin-left: 0;
     margin-right: 0;
     top: 0;
     width: 8px;
     height: 8px;
     border: none;
}
 .sw .toolbar {
     text-align: left;
}
 .sw .toolbar>.sw-btn-next {
     display: none;
}
 .buttons-wrapper {
     text-align: right;
}
 #step-18 .form-group {
     margin-bottom: 0;
}
/* Define a custom animation */
 @keyframes slideInFromRight {
     from {
         opacity: 0;
         transform: translateX(100%);
    }
     to {
         opacity: 1;
         transform: translateX(0);
    }
}
/* Apply the animation to the wizard content */
 .sw-main {
     animation: slideInFromRight 0.4s ease-in-out;
}
/*thankk you page*/
 .thankyou-content {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-flow: column wrap;
     height: 100vh;
     text-align: center;
}
 .thankyou-content .thankyou-icon svg {
     width: 200px;
}
 .whatsapp-api-wrapper{
     display: flex;
     align-items: center;
     justify-content: center;
     gap:.5rem;
}
 .whatsapp-api-wrapper i{
     font-size: 2.5rem;
     color:#128c7e;
     font-weight: 700;
}
 .whatsapp-api-wrapper a{
     font-size: 1.2rem;
     text-decoration: underline;
     font-weight: bold;
}
/* Get started quote css */
 .getstarted_quote_form{
     position: relative;
     padding:2rem;
     background:#f2f3f2;
     border: 0px solid transparent;
     border-radius: 12px;
}
 .get-a-quote-lists{
     display: flex;
     flex-flow: row wrap;
     align-items: center;
     gap:1rem;
}
/* parsly validation css */
 .form-control.parsley-success {
     color: #468847;
     background-color: #DFF0D8;
     border: 1px solid #D6E9C6;
}
 .form-control.parsley-error {
     color: #B94A48;
     background-color: #F2DEDE;
     border: 1px solid #EED3D7;
}
 .parsley-errors-list {
     margin: 2px 0 3px;
     padding: 0;
     list-style-type: none;
     font-size: 0.9em;
     line-height: 0.9em;
     opacity: 0;
     color: #B94A48;
     transition: all .3s ease-in;
     -o-transition: all .3s ease-in;
     -moz-transition: all .3s ease-in;
     -webkit-transition: all .3s ease-in;
}
 .parsley-errors-list.filled {
     opacity: 1;
}