/* ========================================================================================== 
Theme Name: Pro Cleankers
Author: Metropolitanthemes Description: Cleaning Service PSD Template 
Version: 1.0 
========================================================================================== */

/*------------------------------------------------------- CSS INDEX ===================

0. Preloader 
1. Theme Default CSS 
2. Header 
3. Banner 
4. About 
5. Service 
6. Cta 
7. How it works 
8. Why us 
9. Testimonial 
10. Pricing 
11. Blog 
12. Cta 
13. Footer 
14. Team 
15. Video area 
16. Clents logo 
17. Faq area 
18. Portfolio 
19. About Us 
20. Blog Standared 
21. Blog Details 
22. Contact us 
23. Portfolio 
24. Service 
25. Service details 
26. Error 
27. Login Signup 
28. Coming soon 
29. Partners 
30. Portfolio details 
31. Shop listing 
32. Cart 
33. Checkout 
34. Product detail 
35. Cost Calculator 
36.Team
37.Gallery -------------------------------------------------------*/

/*Importing Font*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,700,900&display=swap');
/* .................................... 
0. Preloader
 .......................................*/

/* .................................... 1. Theme Default CSS .......................................*/

body {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .4px;
}

body,
html {
    width: 100%;
    overflow-x: hidden;
}

*:focus {
    outline: 0;
}

img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a {
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

a:focus {
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

a:focus,
a:hover {
    text-decoration: none;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

a,
button {
    outline: medium none;
}

button {
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: .3s;
}

button:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

h1,
h2,
h3,
h4,
h5 {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.3;
}

h1 {
    font-size: 55px;
    line-height: 1.2;
    font-weight: bold;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

ul {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
}

li {
    list-style: none;
}

p {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.9;
    margin-bottom: 15px;
}

*::-moz-selection {
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    opacity: 1;
}

.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control {
    border-radius: 0px;
}

.white {
    color: #fff;
}

.bg-white {
    background: #ffffff;
}

.input-white {
    border: none;
    position: relative;
    border-radius: 5px;
    height: 51px;
    padding: 0px 25px;
}

/*Buttons*/

.btn,
.btn:hover {
    border-radius: 0px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.btn-blue {
    min-width: 185px;
    text-align: center;
    color: #fff;
    padding: 13px 25px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}

.btn-blue:hover {
    color: #fff;
    border-radius: 6px;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

.btn-white-border {
    min-width: 185px;
    text-align: center;
    padding: 13px 25px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border: 2px solid #fff;
}

.btn-white-border:hover {
    color: #fff;
    border-radius: 6px;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

.btn-black {
    min-width: 185px;
    text-align: center;
    color: #fff;
    padding: 13px 25px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}

.btn-black:hover {
    color: #fff;
    border-radius: 6px;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

/*shine effect*/

.shine-btn {
    transition: 0.6s;
    overflow: hidden;
    position: relative;
}

.shine-btn:focus {
    outline: 0;
}

.shine-btn:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    width: 60px;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.5;
    -webkit-filter: blur(30px);
    filter: blur(30px);
    -webkit-transform: translateX(-100px) skewX(-15deg);
    transform: translateX(-100px) skewX(-15deg);
}

.shine-btn:after {
    content: "";
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    width: 30px;
    height: 100%;
    left: 30px;
    top: 0;
    opacity: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: translateX(-100px) skewX(-15deg);
    transform: translateX(-100px) skewX(-15deg);
}

.shine-btn:hover {
    cursor: pointer;
}

.shine-btn:hover:before {
    -webkit-transform: translateX(300px) skewX(-15deg);
    transform: translateX(300px) skewX(-15deg);
    opacity: 0.6;
    transition: 0.7s;
}

.shine-btn:hover:after {
    -webkit-transform: translateX(300px) skewX(-15deg);
    transform: translateX(300px) skewX(-15deg);
    opacity: 1;
    transition: 0.7s;
}

.sub-head {
    font-size: 14px;
    margin-bottom: 12px;
}

/* .................................... 2. Header .......................................*/

/*header type 2*/

.head-type-2 {
    padding: 15px 0px;
}

.head-1-book-2 {
    padding: 9px 18px;
    font-size: 15px;
    color: #fff;
    height: 42px;
}

.head-1-book-2:hover {
    color: #fff;
    background: #14287b;
}

/*header type 3*/

/*header type 4*/

/* .................................... 3. Banner .......................................*/

.banner-text-left {
    margin-left: 90px;
    max-width: 750px;
}

.banner-text-left .banner-check-list {
    margin-bottom: 15px;
}

.banner-text-left h1 {
    font-size: 66px;
}

.banner-check-list li {
    display: inline-block;
    margin-right: 30px;
    font-weight: 400;
}

.banner-check-list li:last-child {
    margin: 0;
}

.banner-check-list li i {
    margin-right: 7px;
}

.banner-text-left p {
    max-width: 550px;
}

.slider-2 {
    min-height: 590px;
}

.banner-text-left.slide-type-2 {
    margin-left: 0px;
}

.banner-quote-form {
    padding: 38px 28px;
    text-align: center;
    border-radius: 6px;
    padding-top: 26px;
}

.banner-quote-form .input-white {
    font-weight: 700;
    line-height: 38px;
    padding: 6px 14px;
}

.banner-quote-form .form-group {
    margin-bottom: 15px;
}

.banner-quote-form .btn-blue {
    font-size: 14px;
    box-shadow: none;
}

/*bar type 4*/

/* .................................... 4. About .......................................*/

.about-count {
    position: absolute;
    top: -10px;
    left: -10px;
    text-align: center;
    padding: 40px 30px;
    border-radius: 6px;
    padding-top: 30px;
}

.about-count p {
    margin-bottom: 0;
}

.about-count:before {
    position: absolute;
    content: close-quote;
    left: 7px;
    right: 7px;
    bottom: 7px;
    top: 7px;
    border: 1px solid #fff;
    border-radius: 6px;
    opacity: 0.5;
}

.sub-head span {
    position: relative;
    top: -4px;
    margin: 0px 15px;
    display: inline-block;
}

.about-div .check-list {
    margin-top: 24px;
    margin-bottom: 21px;
}

.check-list li {
    position: relative;
    padding-left: 36px;
    margin-bottom: 12px;
    font-size: 17px;
}

.check-list li span {
    position: absolute;
    left: 0;
    width: 23px;
    height: 23px;
    border: 2px solid;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    top: 2px;
}

.check-list.half-list li {
    width: 49%;
    vertical-align: top;
    display: inline-block;
}

.bg-dot-right {
    background-image: url(../../assets/img/other/dots2.png);
    background-repeat: repeat-y;
    background-position: right top;
    background-size: 330px;
}

.bg-dot-full {
    background-image: url(../../assets/img/other/dots2.png);
    background-size: 330px;
}

/*about type 2*/

/*about type 3*/

/*about type 4*/

/* .................................... 5. Service .......................................*/

.service-each {
    background-color: #fff;
    padding: 40px 20px;
    padding-bottom: 35px;
}

.service-icn {
    height: 90px;
    width: 90px;
    margin: auto;
    border-radius: 60px;
    margin-bottom: 20px;
}

.line-servcie {
    width: 40px;
    height: 2px;
    display: inline-block;
}

.service-each:hover .service-text {
    color: #fff;
}

.service-each:hover .line-servcie {
    background-color: #fff;
}

.service-each:hover .service-icn {
    background-color: #fff;
}

.service-text h3 {
    line-height: 1.2;
}

.service-each .service-text h3 {
    margin-bottom: 8px;
    font-size: 22px;
    margin-top: 24px;
}

.service-each .service-text p {
    margin-bottom: 2px;
}

/*service type 2*/

/*service type 3*/

/* .................................... 6. Cta .......................................*/

.cta-line-after:before {
    position: absolute;
    content: close-quote;
    width: 2px;
    bottom: 0;
    background-color: #fff;
    right: -117px;
    top: 0;
    opacity: .6;
}

.cta.bg-blue.pt-100 {
    padding-bottom: 100px;
}

.cta h1 {
    margin-bottom: 7px;
}

.cta-line-after:after {
    width: 0px;
    position: absolute;
    content: close-quote;
    height: 0px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
    top: 50%;
    transform: translateY(-50%);
    right: -124px;
    opacity: .6;
}

.cta-footer .cta-cl-bg {
    right: 39vw;
    max-width: 230px;
    top: -42px;
}

.cta-footer h2 {
    margin-bottom: 0px;
}

/* .................................... 7. How it works .......................................*/

.each-hw-works {
    padding: 0px 60px;
}

.each-hw-works .hw-text h3 {
    margin-bottom: 5px;
    font-size: 20px;
}

.hw-steps {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    width: 38px;
    height: 38px;
    position: relative;
    border-radius: 50%;
    line-height: 38px;
    font-weight: bold;
}

.hw-steps:after {
    position: absolute;
    content: '...................................................................';
    height: 31px;
    width: 360px;
    top: -4px;
    left: 37px;
    font-size: 17px;
    overflow: hidden;
}

.each-hw-works .hw-steps {
    margin-top: 33px;
    margin-bottom: 20px;
}

.hw-steps.no-line:after {
    display: none;
}

/*how it works 2*/

/*how it works 3*/

/* .................................... 8. Why us .......................................*/

.check-list2 li {
    position: relative;
    padding-left: 48px;
}

.check-list2 li img {
    position: absolute;
    left: 0;
    top: 6px;
}

.why-us .check-list2 li img {}

.why-us-content {
    padding: 95px 60px 20px 60px;
}

.check-list2 h5 {
    margin-bottom: 0px;
}

.why-us-content .check-list2 h5 {
    font-size: 17px;
}

.why-us-content .check-list2 p {
    line-height: 1.5;
    margin-top: 4px;
}

/*why us 2*/

/* .................................... 9. Testimonial .......................................*/

.testimonial-quote {
    padding: 40px 30px;
    padding-top: 40px;
    border-radius: 30px;
    position: relative;
    padding-top: 59px;
    padding-bottom: 32px;
}

.testimonial-each .testimonial-quote h4 {
    margin-bottom: 7px;
    font-size: 22px;
}

.testimonial-quote .quote-blue {
    font-size: 50px;
    position: absolute;
    left: 30px;
    top: -22px;
}

.testimonial-quote:after {
    width: 0px;
    height: 0px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #eef4f8;
    position: absolute;
    content: close-quote;
    bottom: -16px;
    left: 42px;
}

/*testimonial type 2*/

/*testimonial type 3*/

/* .................................... 10. Pricing .......................................*/

/*price type 2*/

/* .................................... 11. Blog .......................................*/

/*blog type 2*/

.sub-head {
    text-transform: uppercase;
}

/* .................................... 12. Cta .......................................*/

.cta-cl-bg {
    position: absolute;
    opacity: .05;
    right: 28vw;
    top: -2px;
    z-index: 1;
}

.cta-footer {
    overflow: hidden;
}

/* .................................... 13. Footer .......................................*/

.footer-1 {
    padding-bottom: 40px;
}

.footer-1 p {
    color: #b3bec5;
}

.footer-1 p {
    color: #b3bec5;
}

.scroll-btn {
    width: 55px;
    height: 55px;
    position: fixed;
    right: 43px;
    bottom: 37px;
    border-radius: 50%;
    color: #fff;
    line-height: 36px;
    font-size: 12px;
    z-index: 50;
}

.scroll-btn i {
    position: absolute;
    top: 30%;
    right: 18%;
}

.scroll-btn:hover {
    color: #fff;
}

/* .................................... 14. Team .......................................*/

/*team type 2*/

/* .................................... 15. Video area .......................................*/

/* .................................... 16. Clents logo .......................................*/

/* .................................... 17. Faq area .......................................*/

/* .................................... 18. Portfolio .......................................*/

/* .................................... 19. About Us .......................................*/

/* .................................... 20. Blog Standared .......................................*/

/* .................................... 21. Blog Details .......................................*/

/*comment*/

/* .................................... 22. Contact us .......................................*/

/* .................................... 23. Portfolio .......................................*/

/* .................................... 24. Service .......................................*/

/* .................................... 25. Service details .......................................*/

/* .................................... 26. Error .......................................*/

/* .................................... 27. Login Signup .......................................*/

/* .................................... 28. Coming soon .......................................*/

/* .................................... 29. Partners .......................................*/

/* .................................... 30. Portfolio details .......................................*/

/* .................................... 31. Shop listing .......................................*/

/* .................................... 32. Cart .......................................*/

/*custome date calendar*/

/* .................................... 33. Checkout .......................................*/

/* .................................... 34. Product detail .......................................*/

/* .................................... 35. Cost Calculator .......................................*/

/* .................................... 36.Team .......................................*/

/* .................................... 37.Gallery .......................................*/

/* .................................... non use css .......................................*/

/*switch color css*/

/*menu style */

.slider-2[data-overlay]:before {
    background: #fffffffa !important;
}