@import "pages-css/navbar.css";
@import "pages-css/home-one.css";
@import "pages-css/home-two.css";
@import "pages-css/home-three.css";
@import "pages-css/inner-banner.css";
@import "pages-css/contact.css";
@import "pages-css/faq.css";
@import "pages-css/blog-details.css";
@import "pages-css/service-details.css";
@import "pages-css/project-details.css";
@import "pages-css/team.css";
@import "pages-css/author.css";
@import "pages-css/pagination.css";
@import "pages-css/error.css";
@import "pages-css/coming-soon.css";
@import "pages-css/footer.css";
@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--headerFonts: 'Poppins', sans-serif;--bodyFonts: 'Roboto', sans-serif;--orangeColor: #f30f42;--lightColor: #f30f42;--greenColor: #270949;--titleColor: #00042e;--bodyColor: #4e4e4e;--whiteColor: #ffffff;--fontSize: 16px;--transition: .5s}
body{padding:0;margin:0;line-height:1.6;font-weight:400;font-size:var(--fontSize);font-family:var(--bodyFonts)}
p{color:var(--bodyColor);margin-bottom:10px;line-height:1.8}
p:last-child{margin-bottom:0}
a{display:inline-block;-webkit-transition:var(--transition);transition:var(--transition);text-decoration:none}
a:hover,a:focus{text-decoration:none}
button{outline:0}
button:focus{outline:0;border:0}
h1,h2,h3,h4,h5,h6{font-weight:500;color:var(--titleColor);line-height:1.4;font-family:var(--headerFonts)}
h3{font-size:20px}
.d-table{width:100%;height:100%}
.d-table-cell{display:table-cell;vertical-align:middle}
img{max-width:100%}
.pt-150{padding-top:150px}
.ptb-100{padding-top:100px;padding-bottom:100px}
.pt-100{padding-top:100px}
.pb-100{padding-bottom:100px!important}
.ptb-70{padding-top:70px;padding-bottom:70px}
.pt-70{padding-top:70px}
.pb-70{padding-bottom:70px}
.pt-45{padding-top:45px}
.pt-20{padding-top:20px}
.pl-20{padding-left:20px}
.pr-20{padding-right:20px}
.pb-10{padding-bottom:10px}
.ml-20{margin-left:20px}
.border-radius-5{border-radius:5px!important}
.border-radius-50{border-radius:50px!important}
.default-btn{padding:10px 30px;color:var(--whiteColor);text-align:center;position:relative;overflow:hidden;z-index:1;text-transform:capitalize;background-color:var(--orangeColor);border:none;outline:none}
.default-btn::before{content:'';position:absolute;top:0;width:0;height:100%;background-color:var(--greenColor);left:0;right:0;opacity:0;z-index:-1;-webkit-transition:var(--transition);transition:var(--transition)}
.default-btn:hover{color:var(--whiteColor)}
.default-btn:hover::before{width:100%;opacity:1}
.default-btn.two{background-color:var(--greenColor)}
.default-btn.two:hover{color:var(--whiteColor)}
.default-btn.two:hover::before{background-color:var(--orangeColor)}
.section-title .sp-title{padding-bottom:22px;display:inline-block;line-height:0;font-size:15px;color:var(--greenColor);padding-left:0;position:relative;font-weight:500}
.section-title .sp-title::before{content:'';position:absolute;bottom:20px;left:0;height:2px;width:50px;background-color:var(--greenColor);display:none}
.section-title .sp-title::after{content:"";position:absolute;bottom:14px;left:0;height:15px;width:10%;background-color:var(--whiteColor);-webkit-animation:MOVE-BG 2s linear infinite;animation:MOVE-BG 2s linear infinite}
.section-title .sp-title2{padding-bottom:20px;line-height:0;font-size:15px;color:var(--lightColor);padding-left:0;position:relative;font-weight:500;display:inline-block}
.section-title .sp-title2::before{content:'';position:absolute;bottom:20px;left:0;height:2px;width:50px;background-color:var(--lightColor);display:none}
.section-title .sp-title2::after{content:"";position:absolute;bottom:14px;left:0;height:15px;width:10%;background-color:var(--whiteColor);-webkit-animation:MOVE-BG 2s linear infinite;animation:MOVE-BG 2s linear infinite}
.section-title h2{font-size:40px;font-weight:500;margin-top:0;line-height:1.2;color:var(--titleColor);margin-bottom:0}
.section-title a{color:var(--titleColor);}
.section-title p{padding-top:15px;margin-bottom:0}
@-webkit-keyframes MOVE-BG{from{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(88px);transform:translateX(88px)}
}
@keyframes MOVE-BG{from{-webkit-transform:translateX(0);transform:translateX(0)}
to{-webkit-transform:translateX(88px);transform:translateX(88px)}
}
.work-area::before{background-image:url(../images/work-img/work-bg.jpg)}
.testimonial-area::before{background-image:url(../images/testimonial/testimonial-bg.jpg)}
.terms-conditions-img{margin-bottom:30px}
.single-content{margin-bottom:30px}
.single-content h3{font-size:24px;margin-bottom:15px;font-weight:500}
.single-content p{margin-bottom:0}
.gallery-photo-item{position:relative;display:block;margin-bottom:30px}
.gallery-photo-item::before{position:absolute;content:"";top:0;left:0;right:0;height:50%;opacity:.1;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:all;transition-property:all;-webkit-transform-origin:top;transform-origin:top;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scaleY(0);transform:scaleY(0);background-color:var(--titleColor)}
.gallery-photo-item::after{position:absolute;content:"";bottom:0;left:0;right:0;height:50%;opacity:.1;background-color:var(--titleColor);-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:all;transition-property:all;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scaleY(0);transform:scaleY(0)}
.gallery-photo-item .photo-button{position:absolute;z-index:5;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:100%}
.gallery-photo-item .photo-button h3{color:var(--whiteColor);margin-bottom:20px;opacity:0;-webkit-transition:var(--transition);transition:var(--transition);-webkit-transition-delay:.1s;transition-delay:.1s}
.gallery-photo-item .photo-button .photo-icon{width:40px;height:40px;line-height:45px;background-color:var(--whiteColor);font-size:20px;color:var(--orangeColor);margin-bottom:0;opacity:0;-webkit-transition:var(--transition);transition:var(--transition);-webkit-transition-delay:.2s;transition-delay:.2s;border-radius:50px;position:relative;z-index:1}
.gallery-photo-item .photo-button .photo-icon::before{content:'';position:absolute;top:0;left:0;right:0;width:100%;height:100%;background-color:transparent;border:1px solid var(--whiteColor);-webkit-animation:ripple 2s infinite ease-in-out;animation:ripple 2s infinite ease-in-out;border-radius:50px}
.gallery-photo-item .photo-button .photo-icon:hover{background-color:var(--orangeColor);color:var(--whiteColor);border-radius:50px}
.gallery-photo-item .photo-button .photo-icon:hover::before{border-color:var(--orangeColor)}
.gallery-photo-item:hover::before{opacity:.8;-webkit-transform:scaleY(1);transform:scaleY(1)}
.gallery-photo-item:hover::after{opacity:.8;-webkit-transform:scaleY(1);transform:scaleY(1)}
.gallery-photo-item:hover .photo-button h3{opacity:1}
.gallery-photo-item:hover .photo-button .photo-icon{opacity:1}
.categories-title{margin-bottom:30px}
.categories-title h3{font-size:24px;color:var(--titleColor)}
.categories-title h3 span{color:var(--bodyColor);font-size:17px}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background:var(--orangeColor)}
.spinner{width:40px;height:40px;position:relative;margin:100px auto}
.double-bounce1{width:100%;height:100%;border-radius:50%;background-color:var(--whiteColor);opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}
.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:var(--whiteColor);opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out;-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes sk-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
.go-top{position:fixed;top:70%;right:3%;opacity:0;cursor:pointer;text-decoration:none;color:var(--whiteColor);font-size:24px;font-weight:700;text-align:center;background:var(--orangeColor);border-radius:0;width:45px;height:45px;line-height:45px;z-index:100;-webkit-transition:.5s;transition:.5s}
.go-top i{-webkit-transition:.5s;transition:.5s;vertical-align:middle}
.go-top:hover{background-color:var(--titleColor)}
.go-top:hover i{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.go-top.active{top:95%;-webkit-transform:translateY(-95%);transform:translateY(-95%);opacity:1;visibility:visible}
@-webkit-keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1)}
75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:1}
100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}
}
@keyframes ripple{0%{-webkit-transform:scale(1);transform:scale(1)}
75%{-webkit-transform:scale(1.75);transform:scale(1.75);opacity:1}
100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}
}
@-webkit-keyframes help-animation{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(30px,0);transform:translate(30px,0)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes help-animation{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(30px,0);transform:translate(30px,0)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes animationFramesOne{0%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}
20%{-webkit-transform:translate(73px,-1px) rotate(36deg);transform:translate(73px,-1px) rotate(36deg)}
40%{-webkit-transform:translate(141px,72px) rotate(72deg);transform:translate(141px,72px) rotate(72deg)}
60%{-webkit-transform:translate(83px,122px) rotate(108deg);transform:translate(83px,122px) rotate(108deg)}
80%{-webkit-transform:translate(-40px,72px) rotate(144deg);transform:translate(-40px,72px) rotate(144deg)}
100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}
}
@keyframes animationFramesOne{0%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}
20%{-webkit-transform:translate(73px,-1px) rotate(36deg);transform:translate(73px,-1px) rotate(36deg)}
40%{-webkit-transform:translate(141px,72px) rotate(72deg);transform:translate(141px,72px) rotate(72deg)}
60%{-webkit-transform:translate(83px,122px) rotate(108deg);transform:translate(83px,122px) rotate(108deg)}
80%{-webkit-transform:translate(-40px,72px) rotate(144deg);transform:translate(-40px,72px) rotate(144deg)}
100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}
}
@-webkit-keyframes movebounce-up{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}
50%{-webkit-transform:translateY(-120px);transform:translateY(-120px)}
100%{-webkit-transform:translateY(0px);transform:translateY(0px)}
}
@keyframes movebounce-up{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}
50%{-webkit-transform:translateY(-120px);transform:translateY(-120px)}
100%{-webkit-transform:translateY(0px);transform:translateY(0px)}
}
@-webkit-keyframes move-to{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes move-to{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes running-in{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(-10px,150px);transform:translate(-10px,150px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes running-in{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
50%{-webkit-transform:translate(-10px,150px);transform:translate(-10px,150px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes sk-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes leaves{0%{transform:scale(.5);-webkit-transform:scale(.5)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes leaves{0%{transform:scale(.5);-webkit-transform:scale(.5)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes leaves{0%{transform:scale(.5);-webkit-transform:scale(.5)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes waving-line{0%{background-position:0 0}
100%{background-position:-200px 0}
}
@-webkit-keyframes waving-line{0%{background-position:0 0}
100%{background-position:-200px 0}
}
@-webkit-keyframes rotated360{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}
100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}
}
@keyframes rotated360{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}
100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg)}
}
@media only screen and (max-width:767px){body{font-size:15px}
.ptb-100{padding-top:50px;padding-bottom:50px}
.pt-100{padding-top:50px}
.ptb-70{padding-top:50px;padding-bottom:20px}
.pb-100{padding-bottom:50px!important}
.pt-70{padding-top:50px}
.pb-70{padding-bottom:20px}
.pt-45{padding-top:30px}
.pb-10{padding-bottom:0}
.pl-20{padding-left:0}
.pr-20{padding-right:0}
.ml-20{margin-left:20px}
.default-btn{padding:8px 20px}
.section-title span{font-size:12px}
.section-title .sp-title{font-size:14px;padding-left:0;display:block;padding-bottom:15px}
.section-title .sp-title::before{display:none}
.section-title .sp-title::after{display:none}
.section-title .sp-title2{font-size:14px;padding-left:0;display:block;padding-bottom:15px}
.section-title .sp-title2::before{display:none}
.section-title .sp-title2::after{display:none}
.section-title h2{font-size:25px}
.section-title p{padding-top:10px}
.ps-2{padding-left:0!important}
.ps-3{padding-left:0!important}
.ps-5{padding-left:0!important}
.ps-0{padding-left:15px!important}
.pe-0{padding-right:15px!important}
.p-0{padding-left:15px!important;padding-right:15px!important}
.go-top .active{top:85%}
}
@media only screen and (min-width:768px) and (max-width:991px){.banner-area .container-fluid{width:720px!important;margin-left:auto!important;margin-right:auto!important}
.banner-area-two .container-fluid{width:720px!important;margin-left:auto!important;margin-right:auto!important}
.banner-area-three .container-fluid{width:720px!important;margin-left:auto!important;margin-right:auto!important}
body{font-size:15px}
.ptb-100{padding-top:50px;padding-bottom:50px}
.pt-100{padding-top:50px}
.ptb-70{padding-top:50px;padding-bottom:20px}
.pb-100{padding-bottom:50px!important}
.pt-70{padding-top:50px}
.pb-70{padding-bottom:20px}
.pt-45{padding-top:30px}
.pb-10{padding-bottom:0}
.pl-20{padding-left:0}
.pr-20{padding-right:0}
.ml-20{margin-left:20px}
.default-btn{padding:8px 20px}
.section-title span{font-size:12px}
.section-title h2{font-size:26px}
.section-title p{padding-top:10px}
.ps-2{padding-left:0!important}
.ps-3{padding-left:0!important}
.ps-5{padding-left:0!important}
.ps-0{padding-left:15px!important}
.pe-0{padding-right:15px!important}
.p-0{padding-left:15px!important;padding-right:15px!important}
}
@media only screen and (min-width:992px) and (max-width:1199px){.ps-2{padding-left:0!important}
.ps-3{padding-left:0!important}
.ps-5{padding-left:0!important}
.section-title h2{font-size:32px}
}
@media only screen and (min-width:1200px) and (max-width:1299px){.ps-2{padding-left:0!important}
.ps-3{padding-left:0!important}
.ps-5{padding-left:0!important}
.container-fluid{width:1200px;margin-left:auto!important;margin-right:auto!important}
}
@media only screen and (min-width:1350px) and (max-width:1439px){.container-fluid{width:1320px;margin-left:auto!important;margin-right:auto!important}
.banner-slider .owl-nav{margin-top:0;width:1320px!important;position:absolute}
}
@media only screen and (min-width:1440px) and (max-width:1799px){.container-fluid{width:1460px;margin-left:auto!important;margin-right:auto!important}
.banner-slider .owl-nav{margin-top:0;width:1460px!important;position:absolute}
}
@media only screen and (min-width:1300px){.container{max-width:1320px!important}
}
@media only screen and (min-width:1800px){.container-fluid{width:1640px;margin-left:auto!important;margin-right:auto!important}
.banner-slider .owl-nav{margin-top:0;width:1760px!important;position:absolute}
}