html{scroll-behavior:smooth}
body{font-family:sans-serif !important;font-size:16px;overflow-x: hidden;color:#015fc9}
.spam { display:none;}
.border-nav{border: solid #fff 10px;border-radius: 40px 10px 10px 40px;}
.navbar{padding-top:0;padding-bottom:0}
.services{font-size:.9em;padding:.1em;color:#433a31;list-style:square; border-bottom: 1px solid #dee2e6}
.top-offer{animation: scaleOut2 3s ease 0s infinite;}
@keyframes scaleOut2 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
}
.bg-2{background: #f5f5f5}
.fa-check-circle{color:#fc9b3d}
.img-hover{overflow: hidden;
display: inline-block;
}
.img-hover:hover{transition: all 5s ease-in-out;
transform: scale(1.1) ;position: relative;overflow: hidden
}
/*FAQ*/
.tab {
position: relative;
}
.tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
.tab__content {
max-height: 0;
overflow: hidden;
transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
max-height: 10rem;
}
/* Visual styles */
.accordion {
color: #fff;
border: 2px solid;
border-radius: 0.5rem;
overflow: hidden;
}
.tab__label {
display: flex;
color: white;
background: #0056d2;
cursor: pointer;
}
.tab__label {
justify-content: space-between;
padding: 1rem;
}
.tab__label::after {
content: "\276F";
width: 1em;
height: 1em;
text-align: center;
transform: rotate(90deg);
transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
transform: rotate(270deg);
}
.tab__content p {
margin: 0;
padding: 1rem;
}
/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
animation: bounce .5s infinite;
}
@keyframes bounce {
25% {
transform: rotate(90deg) translate(.25rem);
}
75% {
transform: rotate(90deg) translate(-.25rem);
}
}
.custom-shape {
border-radius:300px 300px 0px 0px;height:400px
}
.text-muted{color:#094998!important}
.text-dark{color:#16243d!important}
.btn-warning{background-color:#fc9b3d!important}
li{list-style: none;padding:0;margin:0}ul{margin:0;padding: 0}
.tophead .hvr-shutter-in-horizontal:hover{color:#fff!important}
.hvr-shutter-in-horizontal:hover{color:#015fc9!important}
.container-fluid,.container,.row > *{padding-right:0;padding-left:0}
.tophead .container{width:1000px}
.row{margin-right:0;margin-left:0}
.col-12,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-8,.col-md-3,.col-md-6,.col-md-9,.col-sm-12{padding-right:0;padding-left:0}
.info{font-size:.9em}
.info a{color:#FFFFFF}
.info a:link{color:#FFFFFF}
.navbar-light .navbar-nav .nav-link:hover{color:#015fc9}
.nav-link{padding:0}
li.nav-item{padding:5px;font-size:0.9em;border-right:thin #fff solid}
header .tophead{padding-top:50px;padding-bottom:50px}
header .title-main{font-size:3vw;font-weight:bold;text-transform:uppercase;color:#fff}
.btn-lg{font-size:1.5em}
h2.big_title{font-size:1.5em;color:#212121;text-transform:uppercase;font-weight:700}
p.title-para{font-size:0.9em;color:#1e1c21;letter-spacing:8px}
.bg-img1{background:url('../img/water-heater-replacement.webp') no-repeat center center;background-size:cover;background-attachment:fixed}
.bg-color{background: #015fc9;}
.bg-color-2{background: #ff3c00;}
.text-color{color: #015fc9;}
/*gallery*/
.snip1514{overflow:hidden;margin:10px;min-width:230px;max-width:315px;width:100%;box-shadow:none !important;padding:16px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}
.snip1514 img{max-width:100%;backface-visibility:hidden;vertical-align:top;box-shadow:0 0 20px rgba(0,0,0,0.5)}
.snip1514:before,.snip1514:after{z-index:-1;position:absolute;content:'';-webkit-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.8}
.snip1514:before{background-color:#015fc9;top:0px;left:0px;bottom:32px;right:32px}
.snip1514:after{border:8px solid #ff3c00;bottom:0px;right:0px;top:32px;left:32px}
.snip1514:hover:before,.snip1514:hover:after{opacity:1}
/*content*/
.services{font-size:.9em;padding:.1em;color:#433a31;list-style:square; border-bottom: 1px solid #dee2e6}
/*marquee*/
.marquee {width:100%;margin: 0 auto;overflow: hidden;white-space: nowrap;box-sizing: border-box;animation: marquee 50s linear infinite;color:#fff;}
.marquee:hover {animation-play-state: paused;filter: grayscale(0);}
/* Make it move */
@keyframes marquee {0% { text-indent: 27.5em }100% { text-indent: -105em }}
/*coupon*/
a.lightbox img{height:auto;transition:.5s}
.lightbox-target{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.7);opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;overflow:hidden;z-index:2}
.lightbox-target img{margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 8px rgba(0,0,0,0.7);box-sizing:border-box;transition:.5s ease-in-out}
a.lightbox-close{width:100%;height:100%;position:absolute;transition:.5s ease-in-out;opacity:0;top:0;left:0}
.lightbox-target:target{opacity:1;top:0;bottom:0}
.lightbox-target:target img{max-height:100%;max-width:100%}
.printable{position:relative;z-index:1}
/*contact*/
.form-control{margin-bottom:20px;border-radius:0px;line-height: 3.5;}
/*footer*/
.footer{padding:30px 0 10px 0;line-height:27px;background-color:#131323;color:#FFFFFF;background: url(../img/process-bg.webp);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center top;}
footer a{color:#FFFFFF}
footer a:hover{color:#FFFFFF}
@media (max-width:991.98px){header .title-main{font-size:4.1vw}
li.nav-item{border-right:0}
}
@media (max-width:767.98px){header .tophead{padding-top:100px;padding-bottom:230px}
header .title-main{font-size:4.5vw}
.info{display:none}
}
@media (max-width:575.98px){header .tophead{padding-top:0;padding-bottom:200px!important}
header .title-main{font-size:8vw}h2,h3{text-align:center}
/******//******/}
@media (max-width:479px){.img-mobile{width:60%;}}
@media (max-width:390px){header .tophead{padding-top:50px;padding-bottom:250px}
/******//******/}
/*!
* Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-award:before{content:"\f559"}.fa-check-circle:before{content:"\f058"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-dollar-sign:before{content:"\f155"}.fa-envelope:before{content:"\f0e0"}.fa-facebook-f:before{content:"\f39e"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-phone:before{content:"\f095"}.fa-pinterest-p:before{content:"\f231"}.fa-question:before{content:"\f128"}.fa-star:before{content:"\f005"}.fa-thumbs-up:before{content:"\f164"}.fa-tiktok:before{content:"\e07b"}.fa-truck:before{content:"\f0d1"}.fa-tumblr:before{content:"\f173"}.fa-youtube:before{content:"\f167"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab, .fas{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide *//* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}
.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}
.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}
.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}
.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}
.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}
.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}
.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}
.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}
@media (print),(prefers-reduced-motion:reduce){.animated{-webkit-animation-duration:1ms !important;animation-duration:1ms !important;-webkit-transition-duration:1ms !important;transition-duration:1ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important}
}
/*slider shape*/
.slider-shape{position: absolute;width: 100%}
.slider-shape-thumb3 {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.about-shape-thumb1 {
position: absolute;
left: -100px;
bottom: -98px;
z-index: 1;
}
.container .steps.text-light.position-relative .about-shape-thumb3{top:200px}
.slider-shape-thumb4 {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
animation: moveLeftBounce 3s linear infinite;
}
.slider-shape-thumb5 {
position: absolute;
left: 184px;
top: 293px;
}
.slider-shape-thumb6 {
position: absolute;
left: 40%;
top: 18%;
}
.slider-shape-thumb7 {
position: absolute;
left: 165px;
top: 10px;
}
.slider-shape-thumb8 {
position: absolute;
left: 46%;
top: 18%;
}
.slider-shape-thumb9 {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.slider-shape-thumb2 {
position: absolute;
left: -50px;
top: 0;
animation: moveLeftBounce 3s linear infinite;
z-index: 1;
}
/**
/* bounce-animate */
.bounce-animate {
animation-name: float-bob;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate2 {
animation-name: float-bob2;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob2;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob2;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob2;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate3 {
animation-name: float-bob3;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob3;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob3;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob3;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.dance {
animation: dance 2s alternate infinite;
}
@keyframes dance {
0% {
transform: scale(0.5);
}
100% {
transform: scale(1.2);
}
}
/*left bounce animation*/
@keyframes moveLeftBounce {
0% {
transform: translateX(0);
}
50% {
transform: translateX(30px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes float-bob {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); }
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); } }
@-webkit-keyframes float-bob2 {
0% {
-webkit-transform: translateY(-60px);
transform: translateY(-60px); }
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
100% {
-webkit-transform: translateY(-60px);
transform: translateY(-60px); } }
@-webkit-keyframes float-bob3 {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px); }
50% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px); } }
@-webkit-keyframes float-bob4 {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px); }
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); }
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px); } }
@-webkit-keyframes float-bob5 {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px); }
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px); } }
@-webkit-keyframes float-bob6 {
0% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px); }
50% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px); }
100% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px); } }
@-webkit-keyframes movebounce {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes movebounce {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
.z-index{z-index:10;position:relative}
/*.service-box*/
.service
{
padding: 0px 0px 0px 50px;
text-align: center;
}
.service h1
{
color: #777;
display: inline;
font-size: 38px;
font-weight: inherit;
}
.service label
{
background: #e02217;
padding: 0px 12px;
border-radius: 6px;
font-weight: bolder;
color: white;
font-size: 38px;
margin-right: 6px;
}
.service p
{
color: #666;
font-size: 14px;
margin: 15px 0px 0px 0px;
}
.service .service-block
{
margin-top: 35px;
}
.service .service-block .service-box
{
display: inline-block;
height: 200px;
width: 262px;
margin: 0px 13px;
cursor:pointer;
text-align: center;
border-radius: 5px;
position: relative;
padding: 90px 5px;
margin-bottom: 30px;
border: 1px solid rgba(238, 238, 238, 0.65);
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
-webkit-transition: 0.36s;
transition: 0.36s;
background-color: #fff;
}
.service .service-block .service-box:hover
{
border: 1px solid #fff;
background:#015fc9;
transform: scale(1.05);
}
.service .service-block .service-box:hover h3
{
top: 100px;
color: #fff;
}
.service .service-block .service-box:hover i {
top: 40px;
color: #fff;
transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.service .service-block .service-box:hover p
{
opacity: 1;
color: white;
}
.service .service-block .service-box:before
{
position: absolute;
content: "";
height: 25%;
width: 25%;
left: 10px;
top: 10px;
border-top-left-radius: 5px;
border-top: 1px solid #131323;
border-left: 1px solid #131323;
}
.service .service-block .service-box:after
{
position: absolute;
content: "";
height: 25%;
width: 25%;
bottom: 10px;
right: 10px;
border-bottom-right-radius: 5px;
border-bottom: 1px solid #131323;
border-right: 1px solid #131323;
}
.service .service-block .service-box h3
{
text-transform: capitalize;
color: #666;
top: 70px;
left: 0;
right: 0;
font-size: 20px;
position: absolute;
transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.service .service-block .service-box p
{
position: absolute;
opacity: 0;
color:white;
top: 120px;
right: 0px;
left: 0px;
transform: scale(0.6);
margin: 5px auto;
padding: 0px 5px;
font-size:25px;
transition: all 0.5s ease 0s;
}
.service .service-block .service-box span i {
font-size: 40px;
color: #015fc9;
position: absolute;
left: 0;
right: 0;
top: 110px;
transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
/************about me******************/
.about{
float:right;
border: 0px solid #2196F3;
border-radius: 5px;
margin:5px;
display:inline-block;
padding:10px;
}
.about a{
font-size:25px;
color: black;
transition: 0.6s;
margin:0;
text-decoration:none;
}
.about .social-links{
font-size:30px;
width:100%;
}
.about .instagram a i{
color:#E1306C;
}
.about span{
margin:0;
}
.about i{
color:black;
font-size:35px;
padding:0px 25px;
cursor:pointer;
}
.about .linedin a i {
color: #0073b1;
}
/*.service-box*/
.about-shape-thumb3 {
position: absolute;
right: -10px;
top: -4px;
z-index: -1;
}
.bounce-animate4 {
animation-name: float-bob4;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob4;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob4;
-ms-animation-duration: 5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob4;
-o-animation-duration: 5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;z-index: 1 }
/*service bar*/
.service-bar {
background: #ff3c00;
height: 2px;
width: 64px;
position: relative;
border-radius: 30px;
left: 0;
right: 0;
margin: 0 0 19px;
transition: .5s;
}
.container-fluid.bg-img1.pb-5.position-relative .service-shape{margin: 0 auto 19px;}
.service-bar:before {
height: 2px!important;
transition: .5s;
}
.service-bar::before {
position: absolute;
content: "";
top: 0px;
left: 0;
height: 3px;
width: 10px;
background: #fff;
border-radius: 10%;
-webkit-animation: MOVIE-BG 4s linear infinite alternate;
}
@keyframes MOVIE-BG {
0% {
transform: translateX(0);
}
50% {
transform: translateX(60px);
}
100% {
transform: translateX(0);
}
}
/*service shape */
.service-shape {
position: absolute;
right: 0;
top: 0;
animation: moveLeftBounce 3s linear infinite;
z-index: 1;
}
/*rotateme animation*/
.case-study-thumb1 {
position: relative;
z-index: 1;
left: 120px;
}
.case-study-shape-thumb2 {
position: absolute;
top: -56px;
left: -43px;
}
.rotateme {
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;position: absolute;bottom:50px;left:120px;z-index: 99999
}
@keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.why-us{background: #ebebeb;}
.case-study-shape-thumb4 {
position: absolute;
right: 8px;
bottom: -18px;
z-index: 1;
animation: moveLeftBounce 3s linear infinite;
}
.pos{position: relative;z-index: 2}
.pos1{position: relative;z-index: -1}
.contract-form-bg::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 147px;
width: 100%;
background: #FF3C00;
z-index: 1;
border-radius: 3px 3px 0 0;
}
.areas {
position: absolute;
left: 32%;
top: 15px;z-index: 1
}
/*Contact*/
.testi .service-bar{left:47%}
.footer1{background-color:#015fc9 !important}
h4 {
font-size: 1rem;
}
.cities{position:relative;z-index:3}
.color1{color:#fc9b3d}
.about{
left: 50px;
bottom: 0;
animation: moveLeftBounce 2s linear infinite; position: absolute;
z-index: 3;font-size:7vw;
color:rgba(0,0,0,0.0); -webkit-text-stroke: 1px #fff;opacity: .2;font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"
}
@keyframes moveLeftBounce {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: transparent;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;border:1px solid #015fc9;color:#fff;font-weight: 600
}
.tophead .hvr-shutter-in-horizontal,.tophead .hvr-shutter-out-horizontal{font-size:1.5rem}
.hvr-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #015fc9;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
.col-md-12 .hvr-shutter-in-horizontal:hover, .col-md-12 .hvr-shutter-in-horizontal:focus, .col-md-12 .hvr-shutter-in-horizontal:active{color:#015fc9}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;color:#fff;font-weight: 600;background: transparent;border:1px solid #015fc9
}
.hvr-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #015fc9;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.col-2{padding-left:0;padding-right:0}
/*counter*/
.counter { background-color: #f6f6f8; padding: 20px 0; border-radius: 5px;margin:3%}
.counter i{ font-size: 30px}
.count-title { font-size: 40px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; }
.count-text { font-size: 13px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: center; }
.fa-2x {color:#015fc9 }
/*counter*/
.margin-t{margin-top:-100px}
.why-us .col-6{padding-right:0;padding-left:0}
/*faq*/
.number {
display: inline-block;
color: #fff;
font-size: 25px;
background-color: #015fc9;
height: 80px;
width: 80px;
line-height: 80px;
text-align: center;
margin-right: 15px;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
flex-shrink: 0;
}
.bg-faq{background: url(../img/plumbing-tools.webp); background-repeat: no-repeat;
background-size: 100%;
background-position: center top;}
.card{background: transparent;color:#fff;font-size:1rem;border:none}
.btn-link{color:#fff;font-size:1.5rem}
.form-bg{background: rgba(22,41,79,.40)}
.form-control{background:transparent;border-color:#015fc9;color:#b4b6b7}
.btn-lg{width:100%;background: #015fc9;color:#fff;border-radius:0}
/*gallery*/
.gallery {
transition: 0.3s;overflow: hidden;
}
.gallery:hover .gallery--image {
filter: grayscale(1);
}
.gallery--link {
overflow: hidden;
height: 400px;
max-height: 400px;
}
.gallery--link:hover .gallery--image {
filter: grayscale(0);
}
.gallery--link:hover .gallery--caption {
opacity: 1;
}
.gallery--thumb {
position: relative;
height: 100%;
}
.gallery--image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s;min-height:500px
}
.gallery--image:hover {
transform: scale(1.1);
}
.gallery--caption {
position: absolute;
bottom: 0;
left: 0;
padding: 25px 15px 15px;
width: 100%;
font-family: "Helvetica", sans-serif;
font-size: 14px;
color: white;
opacity: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
transition: 0.3s;
}
.gallery .row{overflow: hidden}
/*gallery*/
/*testimonial*/
.testim {
width: 100%;
-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-ms-transform: translatey(-50%);
-o-transform: translatey(-50%);
transform: translatey(-50%);padding-left:100px;overflow: hidden;top: 260px;position: relative;
}
.testim .wrap {
position: relative;
width: 100%;
padding: 40px 20px;
margin: auto;
}
.testim .arrow {
display: block;
color: #eee;
cursor: pointer;
font-size: 2em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s ease-in-out;
-ms-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;
padding: 5px;
}
.testim .arrow:before {
cursor: pointer;
}
.testim .arrow:hover {
color: #ea830e;
}
.testim .arrow.left {
left: 10px;
}
.testim .arrow.right {
right: 10px;
}
.testim .dots {
position: absolute;
width: 100%;
bottom: 60px;
left: 15px;
display: block;
z-index: 3333;
height: 12px;
}
.testim .dots .dot {
list-style-type: none;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #eee;
margin: 0 10px;
cursor: pointer;
-webkit-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
position: relative;
}
.testim .dots .dot.active,
.testim .dots .dot:hover {
background: #ea830e;
border-color: #ea830e;
}
.testim .dots .dot.active {
-webkit-animation: testim-scale .5s ease-in-out forwards;
-moz-animation: testim-scale .5s ease-in-out forwards;
-ms-animation: testim-scale .5s ease-in-out forwards;
-o-animation: testim-scale .5s ease-in-out forwards;
animation: testim-scale .5s ease-in-out forwards;
}
.testim .cont {
position: relative;
overflow: hidden;
}
.testim .cont > div {
text-align: left;
position: absolute;
top: 0;
left: 0;
padding: 0 0 70px 0;
opacity: 0;
}
.testim .cont > div.inactive {
opacity: 1;
}
.testim .cont > div.active {
position: relative;
opacity: 1;
}
.testim .cont div .img img {
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;text-align: left;
}
.testim .cont div h3 {
color: #ea830e;
font-size: 1em;
margin: 15px 0;
}
.testim .cont div p {
font-size: 1.15em;
color: #eee;
margin: auto;
}
.testim .cont div.active .img img {
-webkit-animation: testim-show .5s ease-in-out forwards;
-moz-animation: testim-show .5s ease-in-out forwards;
-ms-animation: testim-show .5s ease-in-out forwards;
-o-animation: testim-show .5s ease-in-out forwards;
animation: testim-show .5s ease-in-out forwards;
}
.testim .cont div.active h3 {
-webkit-animation: testim-content-in .4s ease-in-out forwards;
-moz-animation: testim-content-in .4s ease-in-out forwards;
-ms-animation: testim-content-in .4s ease-in-out forwards;
-o-animation: testim-content-in .4s ease-in-out forwards;
animation: testim-content-in .4s ease-in-out forwards;
}
.testim .cont div.active p {
-webkit-animation: testim-content-in .5s ease-in-out forwards;
-moz-animation: testim-content-in .5s ease-in-out forwards;
-ms-animation: testim-content-in .5s ease-in-out forwards;
-o-animation: testim-content-in .5s ease-in-out forwards;
animation: testim-content-in .5s ease-in-out forwards;
}
.testim .cont div.inactive .img img {
-webkit-animation: testim-hide .5s ease-in-out forwards;
-moz-animation: testim-hide .5s ease-in-out forwards;
-ms-animation: testim-hide .5s ease-in-out forwards;
-o-animation: testim-hide .5s ease-in-out forwards;
animation: testim-hide .5s ease-in-out forwards;
}
.testim .cont div.inactive h3 {
-webkit-animation: testim-content-out .4s ease-in-out forwards;
-moz-animation: testim-content-out .4s ease-in-out forwards;
-ms-animation: testim-content-out .4s ease-in-out forwards;
-o-animation: testim-content-out .4s ease-in-out forwards;
animation: testim-content-out .4s ease-in-out forwards;
}
.testim .cont div.inactive p {
-webkit-animation: testim-content-out .5s ease-in-out forwards;
-moz-animation: testim-content-out .5s ease-in-out forwards;
-ms-animation: testim-content-out .5s ease-in-out forwards;
-o-animation: testim-content-out .5s ease-in-out forwards;
animation: testim-content-out .5s ease-in-out forwards;
}
@-webkit-keyframes testim-scale {
0% {
-webkit-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}
35% {
-webkit-box-shadow: 0px 0px 10px 5px #eee;
box-shadow: 0px 0px 10px 5px #eee;
}
70% {
-webkit-box-shadow: 0px 0px 10px 5px #ea830e;
box-shadow: 0px 0px 10px 5px #ea830e;
}
100% {
-webkit-box-shadow: 0px 0px 0px 0px #ea830e;
box-shadow: 0px 0px 0px 0px #ea830e;
}
}
@-moz-keyframes testim-scale {
0% {
-moz-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}
35% {
-moz-box-shadow: 0px 0px 10px 5px #eee;
box-shadow: 0px 0px 10px 5px #eee;
}
70% {
-moz-box-shadow: 0px 0px 10px 5px #ea830e;
box-shadow: 0px 0px 10px 5px #ea830e;
}
100% {
-moz-box-shadow: 0px 0px 0px 0px #ea830e;
box-shadow: 0px 0px 0px 0px #ea830e;
}
}
@-o-keyframes testim-scale {
0% {
-o-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}
35% {
-o-box-shadow: 0px 0px 10px 5px #eee;
box-shadow: 0px 0px 10px 5px #eee;
}
70% {
-o-box-shadow: 0px 0px 10px 5px #ea830e;
box-shadow: 0px 0px 10px 5px #ea830e;
}
100% {
-o-box-shadow: 0px 0px 0px 0px #ea830e;
box-shadow: 0px 0px 0px 0px #ea830e;
}
}
@keyframes testim-scale {
0% {
box-shadow: 0px 0px 0px 0px #eee;
}
35% {
box-shadow: 0px 0px 10px 5px #eee;
}
70% {
box-shadow: 0px 0px 10px 5px #ea830e;
}
100% {
box-shadow: 0px 0px 0px 0px #ea830e;
}
}
@-webkit-keyframes testim-content-in {
from {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-moz-keyframes testim-content-in {
from {
opacity: 0;
-moz-transform: translateY(100%);
transform: translateY(100%);
}
to {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
}
@-o-keyframes testim-content-in {
from {
opacity: 0;
-o-transform: translateY(100%);
transform: translateY(100%);
}
to {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes testim-content-in {
from {
opacity: 0;
transform: translateY(100%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes testim-content-out {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-moz-keyframes testim-content-out {
from {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
to {
opacity: 0;
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@-o-keyframes testim-content-out {
from {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-100%);
}
}
@keyframes testim-content-out {
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-100%);
}
}
@-webkit-keyframes testim-show {
from {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes testim-show {
from {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}
to {
opacity: 1;
-moz-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes testim-show {
from {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}
to {
opacity: 1;
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes testim-show {
from {
opacity: 0;
transform: scale(0);
}
to {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes testim-hide {
from {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-moz-keyframes testim-hide {
from {
opacity: 1;
-moz-transform: scale(1);
transform: scale(1);
}
to {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}
}
@-o-keyframes testim-hide {
from {
opacity: 1;
-o-transform: scale(1);
transform: scale(1);
}
to {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}
}
@keyframes testim-hide {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(0);
}
}
@media all and (max-width: 300px) {
body {
font-size: 14px;
}
}
@media all and (max-width: 500px) {
.testim .arrow {
font-size: 1.5em;
}
.testim .cont div p {
line-height: 25px;
}
}
/*testimonial*/
.bg-dark {
background-color: #015fc9 !important;
}
.btn-link:hover{color:#015fc9}
.btn-link:hover,a{text-decoration: none!important}
.btn-link{font-size: 1.2rem}
.left-shap {
position: absolute;
top: 50px;
left: -120px;
z-index: 1;
animation: witr_movelr_box45 5s linear 1s infinite alternate running;
}
@keyframes witr_movelr_box45 {
0%{
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
100%{
-webkit-transform: translateX(45px);
transform: translateX(45px);
}
}
@media only screen and (max-width:1200px){
.process-area{display:none}
.tophead .container{width:90%}
header{
background-position: center right;}
.margin-t{margin-top:0}
.bg-faq{background-size: cover}
}
a{color:inherit}
.navbar-toggler{background:#fff !important}
.heater-icon {
width: 120px;
height: 200px;
margin: 40px auto;
position: relative;
}
.tank {
width: 100%;
height: 100%;
background: #ccc;
border-radius: 20px;
border: 4px solid #999;
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
padding-bottom: 30px;
box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
}
.fire {
position: absolute;
bottom: 20px;
width: 40px;
height: 80px;
display: flex;
align-items: flex-end;
justify-content: center;
}
/* Flames */
.flame {
position: absolute;
bottom: 0;
width: 20px;
height: 30px;
background: orange;
border-radius: 50% 50% 50% 50%;
animation: flicker 1s infinite ease-in-out;
transform-origin: center bottom;
opacity: 0.9;
}
.flame1 { background: #ffa500; left: 0; animation-delay: 0s; }
.flame2 { background: #ff4500; left: 10px; animation-delay: 0.2s; height: 35px; }
.flame3 { background: #ff6347; left: 20px; animation-delay: 0.4s; height: 25px; }
@keyframes flicker {
0%, 100% { transform: scaleY(1) translateY(0); opacity: 1; }
50% { transform: scaleY(1.2) translateY(-5px); opacity: 0.6; }
}
/* Smoke */
#smokeCanvas {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index: 10; /* set above background, below UI if needed */
}
/*Banner Style*/
.layer{position:absolute;display:block;right:0px;width:49%;}
/*.layer img{width:50%}*/
#l1 {z-index: 1;}
#l2 {z-index: 2;}
#l3 {z-index: 3;}
.gb {
padding: 8px 20px;
margin-right: 25px;
cursor: pointer;
font-size: 18px;
border-radius: 4px;
}
.gb-bordered {
padding: 6px 20px;
position: relative;
border: 4px solid transparent;
background-clip: padding-box;
transition: 0.5s all;
}
.gb-bordered:after {
transition: 0.5s all;
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
content: "";
z-index: -1;
border-radius: 4px;
}
.gb-rounded {
border-radius: 50px;
}
.gb-rounded.gb-bordered:after {
border-radius: 50px;
}
.hover-fill {
transition: 0.6s all;
}
.hover-fill:hover {
background-color: transparent;
color: white;
}
.hover-slide {
transition: 0.6s all;
}
.hover-slide:after {
background-size: 200% 100%;
background-position: 0% 0;
}
.hover-slide:hover:after {
background-position: 100% 0;
}
#gb11:after {
background-image: linear-gradient(
135deg,
#8ae553 0%,
#8ae553 22%,
#6ecb47 22%,
#6ecb47 28%,
#53b03b 28%,
#53b03b 72%,
#37962f 72%,
#37962f 100%
);
}
.service-section {
padding: 60px 0;
background-color: #f8f9fa;
}
.service-image {
max-width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.service-title {
font-weight: bold;
margin-bottom: 20px;
}
.service-text {
font-size: 1.1rem;
color: #555;
}
.top-img{
position: relative;
}
.discount-top {
position: absolute;
top: 20px;
right: 50px;
background: #fff;
padding: 8px 12px;
border-radius: 50%;
font-size: 14px;
font-weight: bold;box-shadow: 0 0 5px #333
}
.beach-image {
width: 100%;
border-radius: 16px;
margin-top: 20px;
}
.feature-icon {
width: 48px;
height: 48px;
background: #0056d2;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-bottom: 10px;
}
.award-box {
background: #fdf8f4;
padding: 20px;
border-radius: 12px;
text-align: center;
margin-top: 30px;
}
.award-icon {
font-size: 40px;
color: #0056d2;
margin-bottom: 10px;
}
.hero-list li {
margin-bottom: 10px;
}
.hero-list i {
color: #0056d2;
margin-right: 8px;
}
.right-img {position: absolute;animation: example 5s infinite;right: 0;bottom:0;opacity: 0.2;transition-timing-function:ease-in-out}
@keyframes example {
from {transform: rotate(50deg);}
50% {transform: rotate(-50deg);}
to{transform: rotate(50deg);}
}
/*gallery*/
.bg-gallery{background-color: #0056d2;background-image: url("../img/bg.webp")}
.gallery-img-r{margin-right:-100px}
.swiper {
width: 100%;
height: 400px;
padding: 40px 0;
}
.swiper-slide {
background: #fff;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after{content:'prev'}.swiper-button-next{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.fa-instagram:before{content:"\f16d"}
/*gallery*/