@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap);

#popup,
.circle,
.home-info,
.main-navigation,
.other-list li {
	background-color: #fff
}

.home-info h2,
.other-list li h3 {
	color: #2e73ce;
	padding-bottom: 5px
}

.other-services,
.why-us {
	border-top: 1px solid #eee
}

.resize,
.swap-on-hover img {
	overflow: hidden;
	top: 0;
	left: 0
}

#home-section .text-area .btn-demo-home,
.webpro-faq .faq-header,
.webpro-faq .faq-header .btn {
	white-space: normal !important;
	word-wrap: break-word !important
}

.brooklyn-list,
.fea-list p,
.list-contact,
.other-list,
.s-list,
.small-social {
	list-style-type: none
}

.ringring,
.swap-on-hover:hover>.swap-on-hover__front-image {
	opacity: 0
}

#overlay,
#popup {
	position: fixed;
	transition: .3s ease-in
}

h1.custom {
	text-align: center;
	font-weight: 600
}

a.com {
	margin-bottom: 25px !important
}

a {
	color: #00acf0
}

.navbar-toggler .navbar-toggler-icon .fa {
	font-size: 30px;
	display: block !important;
	color: #e69906 !important;
	border: 0
}

.main-navigation .nav-list .nav-link,
.nav-list .dropdown,
.nav-list .dropdown .nav-dropdown a p,
.nav-list .dropdown a {
	font-size: 13px;
	text-transform: uppercase
}

.main-navigation .logo-header {
	display: block;
	float: left;
	width: 300px !important;
	height: 66px;
	background: url(../img/brooklyn-tub-logo.png) 0 0/100% no-repeat;
	margin-right: 0 !important;
	margin-top: 10px;
	font-family: Roboto, sans-serif
}

.home-info h2,
.home-info p,
.nav-list .dropdown {
	font-family: Poppins, sans-serif
}

.main-navigation {
	display: block;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0
}

.main-navigation .nav-list .nav-link {
	font-family: Roboto, sans-serif;
	font-weight: 600;
	color: #5c5b58;
	letter-spacing: 1px !important;
	margin-right: 5px;
	margin-top: 10px;
	text-align: center
}

.nav-list .nav-item .btn-nav-book {
	background-color: #f8791b;
	font-size: 16px;
	color: #fff;
	border-radius: 2px;
	padding: 8px 20px
}

.nav-list .nav-item .gt-quote {
	background-color: #4638b3;
	font-size: 16px;
	color: #fff;
	border-radius: 2px;
	padding: 8px 20px;
	margin-right: 25px
}

.nav-list .nav-item .gt-quote:hover {
	background-color: #4638b3;
	color: #fff !important
}

.nav-list .nav-item .btn-nav-book .fa {
	margin-right: 7px;
	font-size: 22px;
	vertical-align: -3px
}

.main-navigation .nav-list .nav-link:hover {
	cursor: pointer;
	color: #1d7071
}

.nav-list .nav-item .btn-nav-book:hover {
	color: #fafafa !important;
	background-color: #f8791b
}

.nav-list .dropdown {
	font-weight: 600;
	color: #313433;
	letter-spacing: 1px;
	margin-right: 10px;
	text-align: center;
	position: relative;
	margin-top: 18px
}

.nav-list .dropdown a {
	color: #313433;
	letter-spacing: 1px;
	text-align: center
}

.nav-list .dropdown a:hover {
	text-decoration: none;
	color: #069455
}

.nav-list .dropdown a .caret {
	padding-top: 10px
}

.nav-list .dropdown .nav-dropdown {
	border-radius: 0;
	width: 240px;
	padding-bottom: 0;
	padding-top: 0
}

.nav-list .dropdown .nav-dropdown li {
	padding-top: 8px;
	padding-bottom: 8px;
	display: inline !important;
	float: left;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	width: 100%
}

.nav-list .dropdown .nav-dropdown li:nth-child(2n) {
	background-color: #f9f6f6
}

.nav-list .dropdown .nav-dropdown li:nth-child(3n) {
	border-right: 0
}

.nav-list .dropdown .nav-dropdown .open-repair {
	width: 100%;
	border: none;
	background-color: #e69906;
	padding-top: 5px;
	padding-bottom: 5px
}

.nav-list .dropdown .nav-dropdown .open-repair:hover {
	background: #cc8807
}

.nav-list .dropdown .nav-dropdown .open-repair .btn-go-repair {
	text-align: center;
	text-transform: uppercase;
	display: block;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	border: 0
}

#home-about .about-btn .fa,
.nav-list .dropdown .nav-dropdown .open-repair .btn-go-repair .fa,
.thank-you a .fa {
	margin-left: 10px
}

.nav-list .dropdown .nav-dropdown .open-repair .btn-go-repair:hover {
	text-decoration: underline;
	color: #e0e1e2;
	cursor: pointer
}

.nav-list .dropdown .nav-dropdown .open-repair .btn-go-repair:active,
.nav-list .dropdown .nav-dropdown .open-repair .btn-go-repair:focus {
	outline: 0 !important;
	box-shadow: none !important
}

.demo-box .box-content,
.nav-list .dropdown .nav-dropdown li a img {
	display: block;
	margin-right: auto;
	margin-left: auto
}

.nav-list .dropdown .nav-dropdown a p {
	font-family: Mulish, sans-serif;
	font-weight: 600;
	color: #313433;
	letter-spacing: 1px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 0;
	text-align: left !important;
	width: 100%;
	margin-bottom: 0
}

.dropdown .nav-dropdown li a:hover,
.dropdown .nav-dropdown li a>p:hover {
	color: #e69906
}

.nav-list .dropdown .nav-dropdown li:hover {
	background: #f5f6f8
}

.nav-list .dropdown .nav-dropdown .nav-title a img {
	display: block;
	float: left;
	padding-left: 10px
}

.nav-list .dropdown .nav-dropdown .nav-title a p {
	text-align: center !important;
	padding-top: 7px;
	color: #313433;
	font-weight: 700
}

#contact-section {
	position: relative;
	background-repeat: no-repeat;
	padding-top: 80px;
	padding-bottom: 20px;
	background-color: #f2f2f2;
	background: linear-gradient(to right, #00d2ff, #3a7bd5)
}

.left-image {
	padding-left: 0
}

.left-image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%
}

.home-info {
	display: block;
	padding: 30px;
	position: absolute;
	bottom: -70px;
	left: 40%;
	border-top-right-radius: 70px;
	border: 1px solid #eee
}

.home-info .home-go,
.inner-button {
	background-color: #2e73ce;
	display: block
}

.home-info h2 {
	font-weight: 600;
	font-size: 32px;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 15px
}

.home-info p {
	font-weight: 400;
	color: #333;
	font-size: 15px;
	text-align: left;
	margin-bottom: 25px
}

.home-info .home-go {
	font-family: Roboto, sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding-top: 9px;
	padding-bottom: 9px;
	width: 180px;
	float: right;
	margin-top: 25px;
	border-radius: 5px
}

.button-price-8:hover,
.home-go:hover,
.img-bef-aft .inner-button-5:hover,
.inner-button:hover,
.quote-btn-2:hover {
	color: #fff
}

#info-description,
.hm-about,
.img-bef-aft,
.our-gallery,
.top-other {
	padding-top: 35px;
	padding-bottom: 35px
}

.home-services-top {
	padding-left: 40px;
	padding-top: 25px;
	padding-right: 40px;
	margin-top: 25px;
	position: relative;
	background-size: cover;
	background-image: url(../img/cover-color.jpg);
	background-repeat: no-repeat
}

.home-services-top h3 {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 25px;
	text-align: center;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 30px
}

.home-services-top h2,
.inner-button {
	font-weight: 600;
	color: #fff;
	text-align: center
}

.home-services-top h2 {
	font-family: Roboto, sans-serif;
	font-size: 36px;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 0
}

#about-services .center-about img,
#about-top .ab-1 .d-img,
#brooklyn-services img,
#comm-inside .in-info-1 .decor-img,
#home-about .collage,
#more-inner .decor-4,
#new-top .new-info .decor,
.gall-img .carousel-item img,
.home-gallery .line-bellow,
.home-services-top img,
.more-services li img,
.our-colors .c-holder img,
.section-price,
.warranty-banner img {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.hm-inner p,
.home-services-top p {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	color: #333;
	font-size: 17px;
	text-align: left;
	padding-bottom: 5px;
	width: 100%
}

.home-services-top h6,
.inner-button {
	font-size: 16px;
	font-family: Roboto, sans-serif
}

.home-services-top h6 {
	font-weight: 400;
	color: #273a44;
	text-align: left
}

.inner-button {
	margin: 35px auto 30px;
	width: 250px;
	padding-top: 13px;
	padding-bottom: 13px
}

.services-image {
	padding-right: 0;
	padding-left: 0
}

.services-image img {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto
}

.banner-call {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #fafafa;
	background-repeat: repeat-x;
	width: 100%;
	background-image: -webkit-linear-gradient(0deg, #ff544f 0, rgba(241, 199, 24, .99608) 100%)
}

.banner-call .call-left h4 {
	font-family: 'Open Sans';
	font-weight: 700;
	color: #fafafa;
	font-size: 40px;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 25px
}

.banner-call .call-left h5,
.banner-call .call-left h5 span a {
	font-family: 'Open Sans';
	margin-top: 10px;
	text-shadow: 0 1px #000;
	color: #fff;
	text-align: center
}

.banner-call .call-left h5 {
	font-weight: 00;
	font-size: 20px
}

.banner-call .call-left h5 span a {
	font-weight: 700;
	font-size: 35px;
	letter-spacing: 1px;
	border: 2px solid #fff;
	padding: 5px 15px;
	border-radius: 5px;
	margin-right: 10px;
	margin-left: 10px
}

.banner-call .call-left h5 span a .fa {
	margin-left: 10px;
	margin-right: 8px;
	font-size: 30px;
	color: #fff
}

#back-to-top {
	position: fixed;
	bottom: 40px;
	right: 15px;
	z-index: 9999;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 30px;
	background: rgba(0, 0, 0, .3);
	color: #fafafa;
	cursor: pointer;
	border: 0;
	border-radius: 2px;
	text-decoration: none;
	transition: opacity .2s ease-out;
	opacity: 0
}

#blue-header,
#comm-inside,
#more-inner,
#new-top,
.ba-slider,
.banner-cover-top,
.bottom-text,
.covid-update,
.other-list li,
.review-section .impression-user,
.right-badge,
.warranty-banner,
footer {
	position: relative
}

#back-to-top:hover {
	background: rgba(0, 0, 0, .5)
}

#back-to-top.show {
	opacity: 1
}

.other-services {
	padding-top: 35px;
	padding-bottom: 50px;
	background: #fff;
	text-align: center;
	border-bottom: 1px solid #eee
}

.other-services .h-title1 {
	font-family: Roboto;
	font-weight: 300;
	color: #f8791b;
	font-size: 42px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px
}

.other-services .txt-title-1 {
	font-family: Roboto;
	font-weight: 300;
	color: #f8791b;
	font-size: 20px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px
}

.price-banner .btn-pr,
.price-banner h2,
.price-banner h3 {
	color: #fff;
	font-family: Poppins, sans-serif;
	text-align: center
}

.box-gallery,
.ser-other,
.webpro-faq {
	margin-bottom: 20px
}

.price-banner {
	padding-top: 30px;
	padding-bottom: 30px;
	background: linear-gradient(to right, #00d2ff, #3a7bd5);
	border-radius: 20px
}

.price-banner h2 {
	font-weight: 600;
	font-size: 36px;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 0
}

#home-about .first-info,
.c-holder,
.price-banner h3 {
	margin-bottom: 30px
}

.price-banner h3 {
	font-weight: 400;
	font-size: 22px;
	padding-bottom: 5px;
	width: 100%
}

.price-banner .btn-pr {
	font-weight: 600;
	background-color: transparent;
	font-size: 18px;
	display: block;
	margin: 30px auto 5px;
	width: 220px;
	padding-top: 11px;
	padding-bottom: 11px;
	text-transform: uppercase;
	border-radius: 5px;
	border: 2px solid #fff
}

.banner-antislip .call-left h5,
.banner-antislip .call-left p,
.banner-antislip .go-button,
.banner-cover-top .text-headline h6,
.our-colors .c-title,
.our-gallery h2,
.our-gallery h3,
.service-info .info h6 {
	text-align: left;
	font-family: Roboto, sans-serif
}

.our-colors .c-title,
.why-us {
	border-bottom: 1px solid #eee
}

.other-list {
	padding-left: 35px;
	margin-top: 0
}

.other-list li {
	display: inline-block;
	width: 45%;
	margin-bottom: 25px;
	margin-right: 23px;
	border-top-right-radius: 70px;
	border: 1px solid #eee
}

.other-list li img {
	display: block;
	float: left;
	padding-right: 20px
}

.other-list li h3 {
	font-family: Roboto, sans-serif;
	font-weight: 600;
	font-size: 25px;
	text-align: center;
	width: 100%;
	margin-top: 70px
}

.banner-cover-top {
	padding-bottom: 70px;
	margin-top: 120px;
	background-color: #eee;
	width: 100%;
	background-size: cover;
	background-position: center top;
	height: 205px
}

#contact-top,
#more-inner,
#section-services,
.banner-antislip,
.covid-update,
.review-section,
.why-us {
	background-color: #fafafa
}

.banner-cover-top .text-headline h2 span {
	font-weight: 400;
	color: #333;
	font-size: 45px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px;
	font-family: 'Roboto Slab', serif
}

.banner-cover-top .text-headline h6 {
	font-weight: 600;
	color: #84bc53;
	font-size: 17px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 0
}

.our-colors .c-title,
.process-text h2,
.service-info .info h2 {
	font-weight: 400;
	margin-bottom: 20px
}

.banner-cover-top .text-headline h6 .line-3,
.process-text h4 .line-4 {
	border: 1.5px solid #84bc53;
	display: block;
	width: 50px;
	float: left;
	vertical-align: -25px;
	margin-top: 10px;
	margin-right: 20px
}

.banner-cover-top .text-headline {
	background-color: transparent;
	margin-top: 40px;
	padding-top: 15px
}

.our-colors,
.service-info {
	padding-top: 40px;
	padding-bottom: 40px
}

.our-colors .c-title {
	color: #333;
	font-size: 18px;
	margin-top: 5px;
	width: 100%;
	padding-bottom: 8px
}

.service-info .info h6 {
	font-weight: 400;
	color: #273a44;
	font-size: 15px
}

.info .go-button,
.process-text h4,
.service-info .info h3,
.service-info .info h5 {
	font-weight: 600;
	font-family: Roboto, sans-serif;
	text-align: left
}

.service-info .info h2 {
	color: #333;
	font-size: 35px;
	text-align: left;
	margin-top: 5px;
	font-family: Roboto, sans-serif
}

.service-info .info h3 {
	color: #333;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 15px;
	padding-bottom: 0
}

.service-info .info h5 {
	color: #333;
	font-size: 15px;
	padding-left: 20px
}

.service-info .info h5 .fa {
	color: #84bc53;
	margin-right: 8px
}

.info .go-button {
	color: #84bc53;
	font-size: 16px;
	margin-top: 35px;
	margin-bottom: 5px;
	padding-bottom: 0;
	display: block
}

.info .go-button:hover {
	color: #84bc53
}

.info .go-button .line {
	border: 2px solid #84bc53;
	display: block;
	width: 50px;
	float: left;
	vertical-align: -25px;
	margin-top: 10px;
	margin-right: 20px
}

.section-process {
	padding-top: 35px;
	padding-bottom: 35px;
	background-size: cover;
	background-image: url(../img/shine-buble.jpg)
}

.process-text h2 {
	color: #333;
	font-size: 28px;
	text-align: left;
	margin-top: 5px;
	font-family: Roboto, sans-serif
}

.process-text h2 img {
	display: block;
	margin-right: 10px;
	float: left;
	margin-top: -8px
}

.process-text h4 {
	color: #333;
	font-size: 19px;
	margin-top: 5px;
	margin-bottom: 30px;
	padding-bottom: 0
}

.process-text h5 {
	font-weight: 500;
	color: #333;
	font-size: 15px;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 10px;
	padding-bottom: 0;
	font-family: Roboto, sans-serif
}

.banner-antislip .call-left h4,
.covid-update h3,
.fea-list p,
.process-text .btn-quote {
	text-align: center;
	font-family: Roboto, sans-serif
}

.ser-other .in-box h3,
.ser-other .in-box p {
	font-family: Poppins, sans-serif;
	text-align: left
}

.process-text h5 .fa {
	color: #3f64b5;
	margin-right: 13px;
	font-size: 9px;
	vertical-align: 1px
}

.banner-antislip .go-button .line,
.our-gallery h3 .line-3 {
	width: 50px;
	vertical-align: -25px;
	margin-right: 20px;
	display: block
}

.process-text .btn-quote {
	font-weight: 400;
	color: #fff;
	font-size: 16px;
	width: 200px;
	display: block;
	margin-top: 40px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #84bc53;
	margin-left: 15px
}

#header-services,
.other-main .in-box {
	background-color: #f2f2f2;
	position: relative
}

.why-us {
	padding-top: 20px;
	padding-bottom: 20px
}

.fea-list img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 60px;
	height: 60px
}

.fea-list p {
	font-size: 14px;
	margin-top: 15px;
	font-weight: 400;
	margin-bottom: 2px
}

.banner-antislip {
	padding-top: 0;
	padding-bottom: 0;
	background-repeat: repeat-x;
	width: 100%;
	background-image: -webkit-linear-gradient(0deg, #84bc53 0, #64943a 100%);
	margin-top: 40px
}

.banner-antislip .call-left h4 {
	font-weight: 700;
	color: #fafafa;
	font-size: 33px;
	margin-top: 15px;
	margin-bottom: 25px
}

.banner-antislip .call-left p {
	font-weight: 400;
	color: #fff;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 20px
}

.banner-antislip .call-left h5 {
	font-weight: 500;
	color: #fff;
	font-size: 17px;
	margin-top: 10px
}

.banner-antislip .call-left h5 .fa {
	margin-left: 10px;
	margin-right: 8px;
	font-size: 15px;
	color: #fff
}

.banner-antislip .call-left {
	padding: 30px
}

.banner-antislip .go-button {
	font-weight: 600;
	color: #fff;
	font-size: 18px;
	margin-top: 35px;
	margin-bottom: 5px;
	padding-bottom: 0;
	display: block;
	float: right
}

.banner-antislip .go-button:hover,
.btn-5:hover {
	color: #fafafa
}

.banner-antislip .go-button .line {
	border: 2px solid #fff;
	float: left;
	margin-top: 10px
}

.our-gallery h2 {
	font-weight: 400;
	color: #333;
	font-size: 35px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%
}

.our-gallery h3 {
	font-weight: 600;
	color: #333;
	font-size: 17px;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-bottom: 0;
	width: 100%
}

.our-gallery h3 .line-3 {
	border: 1.5px solid #84bc53;
	float: left;
	margin-top: 7px;
	margin-bottom: 35px
}

.covid-update {
	padding: 35px;
	border: 1.5px solid #eee;
	margin-top: 45px;
	margin-bottom: 45px
}

.covid-update h3 {
	font-weight: 600;
	background-color: #84bc53;
	color: #fff;
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 2px;
	position: absolute;
	top: -25px;
	left: 20%;
	width: 60%;
	padding-top: 10px;
	padding-bottom: 10px
}

.covid-update p,
.covid-update ul h4,
.covid-update ul li h6,
.top-other ul h4,
.top-other ul li h6 {
	text-align: left;
	color: #333;
	font-family: Roboto, sans-serif
}

.covid-update p {
	font-weight: 400;
	font-size: 14px;
	margin-top: 25px;
	margin-bottom: 2px;
	width: 100%
}

.covid-update ul li {
	list-style-type: d
}

.covid-update ul {
	padding-left: 45px
}

.covid-update ul li h6,
.top-other ul li h6 {
	font-weight: 500;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 2px
}

.covid-update ul h4,
.top-other ul h4 {
	font-weight: 500;
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 10px
}

.top-other h2 {
	font-weight: 400;
	color: #333;
	font-size: 30px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Roboto, sans-serif;
	width: 100%
}

.ser-other .in-box p,
.top-other p {
	font-weight: 400;
	color: #333;
	font-size: 15px;
	width: 100%
}

.top-other p {
	text-align: left;
	margin-top: 25px;
	margin-bottom: 20px;
	font-family: Roboto, sans-serif
}

.top-other ul li {
	display: inline-block;
	margin-right: 20px;
	list-style-type: circle
}

.top-other ul {
	padding-left: 10px
}

.top-other ul li h6 .fa {
	color: #84bc53;
	font-size: 16px;
	margin-right: 5px
}

.other-main {
	padding-bottom: 40px
}

.other-main .in-box {
	border-top-right-radius: 70px;
	padding: 30px;
	max-width: 48%;
	margin-right: 15px
}

.more-services li:last-child,
.other-main .in-box:last-child,
.process-steps:last-child {
	margin-right: 0
}

.ser-other .in-box p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px
}

.ser-other .in-box h3 {
	font-weight: 600;
	color: #2e73ce;
	font-size: 28px;
	margin-top: 25px;
	margin-bottom: 15px;
	padding-bottom: 0;
	padding-left: 20px;
	width: 100%
}

.footer-info h6,
.footer-info h6 a,
.footer-info p a,
.sub-footer .copy,
.sub-footer .copy a {
	font-family: Roboto, sans-serif;
	color: #4b5b68
}

.demo-box .box-content h3,
.hm-inner h2,
.hm-inner h3 {
	padding-bottom: 5px;
	text-align: center
}

.ser-other img {
	display: block;
	width: 46%;
	float: left;
	margin-bottom: 15px;
	padding-right: 15px
}

#blue-header h2,
.footer-info p,
.footer-info p a {
	margin-bottom: 5px
}

footer {
	background-color: #e4e2e2;
	padding-top: 45px;
	padding-bottom: 0
}

.footer-info .fa {
	font-size: 31px;
	display: block;
	float: left;
	color: #4b5b68;
	margin-right: 8px
}

.last-email h6,
footer .last-email h6 {
	padding-left: 5px !important
}

.footer-info p a {
	font-weight: 300;
	font-size: 14px;
	text-align: left;
	margin-top: 10px
}

.footer-info h6,
.footer-info h6 a {
	font-weight: 600
}

.footer-info h6 {
	font-size: 16px;
	padding-left: 27px
}

.footer-info h6 a {
	font-size: 19px
}

.sub-footer {
	display: block;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #d6d3d3;
	margin-top: 40px
}

#about-top,
#blue-header,
#contact-top,
#header-services,
#more-inner,
#new-top,
.demo-box,
.home-gallery {
	padding-top: 35px
}

#about-top,
#blue-header,
#comm-inside,
#contact-top,
#header-services,
#more-inner,
#new-top,
.demo-box {
	padding-bottom: 35px
}

.sub-footer .copy {
	font-weight: 400;
	text-align: left;
	display: block;
	font-size: 11px;
	margin-top: 3px;
	letter-spacing: 1px;
	margin-bottom: 3px
}

.sub-footer .copy a {
	font-weight: 400;
	margin-left: 5px
}

.banner-center-2 .txt-center h2,
.banner-center-2 .txt-center p {
	font-family: 'Open Sans';
	color: #313433;
	text-align: left;
	font-weight: 600
}

.banner-left-1,
.banner-right-3 {
	width: 100%;
	display: block;
	padding-left: 0;
	padding-right: 0
}

.banner-center-2 .txt-center {
	display: block;
	width: 100%;
	margin-top: 15px
}

.banner-center-2 .txt-center h2 {
	font-size: 26px;
	margin-bottom: 20px
}

.banner-center-2 .txt-center p {
	font-size: 14px
}

.banner-center-2 .button-go-services {
	display: block;
	float: left;
	width: 190px;
	font-family: Mulish, sans-serif;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	background-color: #039be5;
	padding-top: 9px;
	padding-bottom: 9px;
	border: 1px solid #039be5;
	border-radius: 2px;
	font-size: 14px;
	margin: 35px auto 10px
}

.demo-box {
	display: block;
	width: 100%;
	margin-top: 35px;
	background: url(../img/orange-cover.png) repeat-x
}

#about-services,
#brooklyn-services,
#contact-top,
#home-about,
#home-section,
#new-top,
#section-services,
.home-why-us,
.review-section,
.warranty-banner {
	background-repeat: no-repeat;
	background-size: cover
}

.demo-box .box-content h3 {
	font-family: Mulish, sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 27px
}

#faq-section-ta .text-faq-box h2,
#new-top .new-info h2,
#new-top p,
.box-content .btn-signup-5,
.demo-box .box-content p,
.header-inside h2,
.hm-inner h2,
.hm-inner h3,
.webpro-faq .card-body,
.webpro-faq .faq-header,
.webpro-faq .faq-header .btn {
	font-family: Roboto, sans-serif
}

.demo-box .box-content p {
	font-weight: 400;
	color: #fff;
	font-size: 18px;
	text-align: center;
	letter-spacing: 1px
}

.demo-box .box-content .border-line-5 {
	border-bottom: 1px solid #fafafa;
	width: 20%;
	margin-bottom: 10px;
	display: block;
	margin-right: auto;
	margin-left: auto
}

.box-content .btn-signup-5 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	font-weight: 500;
	color: #fafafa;
	text-transform: uppercase;
	font-size: 14px;
	background-color: #203c53;
	padding-top: 13px;
	padding-bottom: 13px;
	border: 0;
	border-radius: 0;
	letter-spacing: 1px;
	margin-top: 30px
}

.box-content .btn-signup-5:hover {
	cursor: pointer;
	color: #fff
}

.hm-inner h2 {
	font-weight: 600;
	color: #333;
	font-size: 36px;
	width: 100%;
	margin-bottom: 0
}

.hm-inner h3 {
	font-weight: 400;
	color: #333;
	font-size: 21px;
	width: 100%;
	margin-bottom: 30px
}

#header-services {
	padding-right: 20px;
	margin-top: 0
}

.header-inside {
	padding: 25px 40px;
	border-top-right-radius: 70px;
	background-color: #fff;
	margin-bottom: 30px
}

.header-inside img {
	display: block;
	float: right;
	margin-left: 20px
}

.header-inside h2 {
	font-weight: 600;
	color: #2e73ce;
	font-size: 27px;
	text-align: left;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 15px;
	border-left: 5px solid #2e73ce;
	margin-left: 15p;
	padding-left: 20px
}

.header-inside h3,
.header-inside h6,
.header-inside p {
	color: #333;
	text-align: left;
	font-family: Roboto, sans-serif
}

.header-inside h3 {
	font-weight: 600;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-bottom: 0
}

.header-inside h6,
.header-inside p {
	font-size: 15px
}

#blue-header h2,
.gall-img h3 {
	padding-bottom: 5px;
	margin-top: 15px;
	width: 100%;
	font-family: Poppins, sans-serif
}

.header-inside p {
	font-weight: 400;
	margin-bottom: 25px
}

.header-inside h6 {
	font-weight: 600;
	padding-left: 20px
}

.header-inside h6 .fa {
	color: #2e73ce;
	margin-right: 13px;
	font-size: 9px;
	vertical-align: 1px
}

.img-bef-aft img {
	margin-bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.img-bef-aft .inner-button-5 {
	font-weight: 600;
	color: #fff;
	background-color: #3f64b5;
	font-size: 16px;
	text-align: center;
	font-family: Roboto, sans-serif;
	display: block;
	margin: 20px auto 10px;
	width: 260px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-transform: uppercase
}

#blue-header {
	padding-right: 20px;
	margin-top: 83px;
	background: -webkit-linear-gradient(to right, #00d2ff, #3a7bd5);
	background: linear-gradient(to right, #00d2ff, #3a7bd5)
}

#blue-header h2 {
	font-weight: 300;
	color: #fff;
	font-size: 36px;
	text-align: center
}

.gall-img .br-title {
	font-size: 32px;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: center;
	color: #05233b;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase
}

.gall-img {
	border-top: 1px solid #eee;
	padding-top: 45px;
	padding-bottom: 30px
}

#faq-section-ta,
.review-section {
	padding-bottom: 40px;
	display: block
}

.gall-img h3 {
	font-weight: 600;
	color: #2e73ce;
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px
}

#new-top p,
.description-comm p {
	font-weight: 500;
	text-align: left;
	margin-top: 10px;
	color: #4b5b68
}

#faq-section-ta {
	background-color: #fff;
	padding-top: 30px;
	background-repeat: repeat-x;
	margin-top: 5px
}

#faq-section-ta .text-faq-box {
	display: block;
	width: 100%;
	margin-bottom: 15px
}

#faq-section-ta .text-faq-box h3 {
	font-family: Poppins, sans-serif;
	font-weight: 500;
	color: #151515;
	font-size: 18px;
	text-align: center;
	padding-bottom: 7px;
	word-wrap: break-word !important
}

#faq-section-ta .text-faq-box h2 {
	font-weight: 600;
	color: #333;
	font-size: 25px;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 25px
}

.card-faq {
	margin-bottom: 15px;
	border-radius: 0;
	border: 1px solid #f5f0f0
}

.webpro-faq .card-body {
	background-color: #fff;
	font-weight: 500;
	color: #151515;
	font-size: 14px;
	border-left: 2px solid #1cb173
}

.webpro-faq .faq-header {
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: 700;
	color: #313433;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	background-color: #fdfcfc
}

.webpro-faq .faq-header .btn {
	font-weight: 600;
	color: #151515;
	font-size: 16px
}

.review-section .impression-user .name-cst,
.review-section .impression-user h6,
.review-section .text-box-cust h2,
.review-section .text-box-cust h4 {
	font-family: Poppins, sans-serif;
	text-align: center
}

.webpro-faq .faq-header .btn .fa {
	float: right;
	color: #d0cfcf
}

.webpro-faq .faq-header .btn:hover {
	cursor: pointer;
	color: #30a6dc
}

.faq-header .btn:focus,
.webpro-faq .btn:active {
	border-color: transparent;
	box-shadow: none;
	color: #30a6dc;
	text-decoration: none
}

.faq-header .btn:active .fa,
.faq-header .btn:focus .fa {
	border-color: transparent;
	color: #30a6dc
}

.review-section {
	width: 100%;
	padding-top: 40px;
	margin-top: 45px
}

.review-section .text-box-cust h2 {
	font-weight: 600;
	color: #333;
	font-size: 32px;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 35px;
	margin-top: 15px
}

.review-section .text-box-cust h4 {
	font-weight: 300;
	color: #f8791b;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 30px
}

.review-section .text-box-cust .border-line-4 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #4baf21;
	width: 80px;
	margin-bottom: 15px
}

.review-section .impression-user {
	border-radius: 0 70px 0 0;
	border: 1px solid #efeeee;
	width: 97%;
	padding: 20px 30px;
	background: url(../img/quote.png) top no-repeat #fff;
	margin-bottom: 15px;
	margin-top: 25px;
	height: 300px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1)
}

.bottom-text .btn-10,
.headline-text .btn-10,
.tz-gallery-small .btn-quote-5 {
	background-color: #16bae1;
	padding-top: 13px;
	padding-bottom: 13px;
	text-transform: uppercase
}

.review-section .impression-user h6 {
	font-weight: 400;
	color: #292929;
	font-size: 14px;
	padding-top: 30px;
	line-height: 20px;
	margin-bottom: 10px
}

.review-section .impression-user .name-cst {
	font-weight: 600;
	color: #292929;
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 5px;
	margin-top: 20px;
	position: absolute;
	bottom: 25px;
	left: 36%
}

.review-section .impression-user .position {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #687f96;
	font-size: 13px;
	text-align: center;
	letter-spacing: 1px;
	font-style: italic;
	margin-bottom: 0
}

.review-section .impression-user .title-cst {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #cccaca;
	font-size: 13px;
	text-align: right;
	margin-bottom: 5px
}

.impression-user .star {
	position: absolute;
	left: 36%;
	bottom: -3%;
	width: 28%
}

.impression-user .people {
	position: absolute;
	left: 36%;
	top: -20px
}

.impression-user .network {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 24px;
	height: 24px;
	display: block
}

.gall-img .carousel-indicators {
	left: 0;
	top: auto;
	bottom: -40px
}

.gall-img .carousel-indicators li {
	background: #a3a3a3;
	border-radius: 50%;
	width: 8px;
	height: 8px
}

.gall-img .carousel-indicators .active {
	background: #707070
}

#new-top {
	margin-top: 83px;
	background-color: #e5f6f5;
	background-image: url(../img/blue-stars.jpg)
}

#new-top .new-info {
	padding: 0 0 25px 30px
}

#new-top .new-info h2 {
	font-weight: 600;
	color: #1d7071;
	font-size: 36px;
	text-align: center;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 30px;
	padding-left: 20px
}

#new-top p {
	font-size: 17px
}

#about-top .ab-1 h2,
#comm-inside .in-info-1 h2,
#more-inner h2 {
	font-size: 36px;
	font-family: Roboto, sans-serif;
	font-weight: 600;
	padding-bottom: 5px
}

#comm-inside {
	padding-top: 5px;
	border-top: 1px solid #eee
}

#about-top .ab-1,
#comm-inside .in-info-1 {
	padding: 0 0 25px
}

#about-top .ab-1 h2,
#comm-inside .in-info-1 h2 {
	color: #1d7071;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 30px;
	border-left: 5px solid #fff;
	margin-left: 15p;
	padding-left: 20px
}

#comm-inside .img-comm {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px
}

.description-comm {
	padding-left: 35px
}

.description-comm p {
	font-size: 15px;
	font-family: Roboto, sans-serif
}

.description-comm h3,
.description-comm h6 {
	margin-top: 20px;
	font-family: Roboto, sans-serif;
	text-align: left;
	font-weight: 600
}

#more-inner h2,
#more-inner h4,
.bottom-text h2,
.bottom-text h2 span,
.bottom-text h3 {
	text-align: center;
	width: 100%
}

.description-comm h3 {
	color: #1d7071;
	font-size: 20px;
	margin-bottom: 20px
}

#more-inner h2,
#more-inner h4,
.description-comm h6 {
	margin-bottom: 5px;
	color: #1d7071
}

.description-comm h6 {
	font-size: 18px
}

.description-comm h6 .fa {
	font-size: 18px;
	margin-right: 10px
}

#more-inner h2 {
	margin-top: 10px
}

#more-inner h4,
#more-inner h6,
#more-inner p {
	font-weight: 500;
	font-family: Roboto, sans-serif;
	margin-top: 10px
}

#more-inner h4 {
	font-size: 22px
}

#more-inner p {
	color: #353535;
	font-size: 16px;
	text-align: left
}

#more-inner h6 {
	color: #4b5b68;
	font-size: 15px;
	text-align: left;
	display: inline-block;
	margin-right: 15px
}

#more-inner .fa {
	color: #1d7071;
	margin-right: 10px
}

.bottom-text {
	margin-top: 10px;
	margin-bottom: 50px;
	background-color: #f8fbfb;
	padding-top: 30px;
	padding-bottom: 0;
	border-radius: 0
}

.bottom-text h2 {
	font-weight: 700;
	color: #16bae1;
	font-size: 55px;
	padding-bottom: 5px;
	margin-bottom: 0
}

.bottom-text h2 span {
	font-weight: 600;
	color: #16bae1;
	font-size: 38px;
	padding-bottom: 5px;
	margin-bottom: 20px
}

.bottom-text h3 {
	font-weight: 500;
	color: #333;
	font-size: 17px;
	padding-bottom: 5px;
	margin-bottom: 20px
}

.ab-des h3,
.ab-des p,
.s-list li h6,
.s-list li p {
	text-align: left;
	font-family: Poppins, sans-serif
}

.bottom-text .btn-10 {
	font-weight: 600;
	color: #fff;
	font-size: 16px;
	text-align: center;
	display: block;
	margin: 35px auto 30px;
	width: 320px;
	border-radius: 5px
}

.bottom-text .star-img {
	position: absolute;
	right: 48px;
	top: 17px;
	width: 80px;
	height: 80px
}

.ba-slider {
	overflow: hidden;
	margin-bottom: 30px
}

.circle,
.handle,
.handle:after,
.resize,
.ringring {
	position: absolute
}

.ba-slider img {
	width: 100%;
	display: block;
	height: 100%
}

.resize {
	height: 100%;
	width: 50%
}

.handle {
	left: 50%;
	top: 0;
	bottom: 0;
	width: 4px;
	margin-left: -2px;
	background: rgba(0, 0, 0, .5);
	cursor: ew-resize
}

.handle:after {
	top: 50%;
	width: 50px;
	height: 50px;
	margin: -29px 0 0 -26px;
	content: '\21d4';
	color: #fff;
	font-weight: 700;
	font-size: 36px;
	text-align: center;
	line-height: 45px;
	background: #16bae1;
	border-radius: 50%;
	transition: .3s;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .3), inset 0 2px 0 rgba(255, 255, 255, .5), inset 0 60px 50px -30px #16bae1
}

.draggable:after {
	width: 50px;
	height: 50px;
	margin: -24px 0 0 -24px;
	line-height: 48px;
	font-size: 30px
}

#about-top {
	position: relative;
	margin-top: 90px;
	border-bottom: 1px solid #eee
}

#about-top .about-picture {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px
}

.ab-des {
	padding-right: 35px
}

.ab-des p {
	font-weight: 500;
	color: #4b5b68;
	font-size: 15px;
	margin-top: 10px
}

.ab-des h3 {
	font-weight: 600;
	color: #1d7071;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 20px
}

.s-list {
	margin-top: 40px;
	display: block;
	width: 100%;
	padding-left: 20px
}

.s-list li {
	display: inline-block;
	margin-bottom: 20px;
	width: 45%;
	margin-right: 20px
}

.s-list h3 {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	color: #1d7071;
	font-size: 30px;
	text-align: center;
	width: 100%;
	margin-bottom: 40px
}

#home-about .first-info h3,
#section-services .left-one .t-1,
.tz-gallery-small h2 {
	text-transform: uppercase;
	margin-bottom: 5px
}

.s-list li h6 {
	font-weight: 500;
	color: #1d7071;
	font-size: 22px
}

.s-list li img {
	display: block;
	float: left;
	margin-right: 15px
}

.s-list li p {
	font-weight: 500;
	color: #4b5b68;
	font-size: 15px
}

.tz-gallery-small {
	padding: 20px
}

.tz-gallery-small h2 {
	font-size: 26px;
	font-weight: 500;
	color: #333;
	text-align: center;
	width: 100%;
	margin-top: 0
}

.tz-gallery-small h4 {
	font-weight: 300;
	color: #999;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 0;
	font-size: 20px
}

.tz-gallery-small .lightbox img {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 25px;
	transition: .2s ease-in-out;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.headline-text .btn-10,
.tz-gallery-small .btn-quote-5 {
	font-weight: 600;
	color: #fff;
	font-size: 15px;
	text-align: center;
	font-family: Poppins, sans-serif;
	display: block;
	margin: 20px auto 30px;
	width: 290px;
	border-radius: 5px
}

.tz-gallery-small .lightbox img:hover {
	transform: scale(1.05);
	box-shadow: 0 8px 15px rgba(0, 0, 0, .3)
}

.tz-gallery-small img {
	border-radius: 4px
}

.baguetteBox-button {
	background-color: transparent !important
}

.tz-gallery-small .offer-title {
	text-transform: uppercase;
	font-size: 15px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 25px;
	color: #383a39;
	font-weight: 700;
	font-family: "Open Sans"
}

.swap-on-hover img {
	position: absolute;
	width: 100%;
	margin: 40px auto;
	right: 0;
	margin-bottom: 5px !important
}

.swap-on-hover .swap-on-hover__front-image {
	z-index: 9999;
	transition: opacity .4s linear;
	cursor: pointer;
	position: relative
}

#home-section {
	background-image: url(../img/new-bathtub-in-brooklyn.webp);
	position: relative;
	padding: 180px 0 10px;
	background-color: #fff;
	width: 100%
}

.process-steps {
	margin-bottom: 10px;
	max-width: 300px;
	background-color: #16bae1;
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 40px;
	position: relative
}

.process-steps img {
	display: block;
	width: 50px;
	height: 50px
}

.process-steps h6 {
	font-family: Roboto;
	font-weight: 700;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-top: 15px
}

.process-steps p {
	font-family: Roboto;
	font-weight: 400;
	color: #fff;
	font-size: 14px;
	text-align: left;
	margin-top: 35px
}

#home-section .text-area {
	display: block;
	margin: 15px auto 45px
}

.home-section-sub-heading {
	font-family: Roboto;
	font-weight: 500;
	color: #333;
	font-size: 22px;
	text-align: center
}

.home-section-sub-heading span {
	font-family: Roboto;
	font-weight: 500;
	color: #333;
	font-size: 28px;
	letter-spacing: 2px
}

#home-section .text-area h2 {
	font-family: Roboto;
	font-weight: 700;
	color: #333;
	font-size: 28px;
	text-align: center;
	margin-top: 20px;
	text-transform: uppercase
}

#home-section .text-area h2 span {
	font-family: "Open Sans";
	font-weight: 700;
	color: #333;
	font-size: 28px;
	text-align: center;
	margin-top: 20px;
	text-transform: uppercase
}

#home-section .text-area .btn-demo-home {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
	font-family: "Open Sans";
	font-weight: 500;
	color: #073664;
	text-transform: uppercase;
	background-color: #e69906;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid #e69906;
	border-radius: 5px;
	letter-spacing: 1px;
	margin-top: 30px;
	position: relative;
	transition: .2s ease-in-out
}

#home-section .text-area .btn-demo-home span {
	font-family: "Open Sans";
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	vertical-align: 0
}

#home-about {
	padding-top: 40px;
	padding-bottom: 50px;
	position: relative
}

#home-about .first-info h3 {
	font-weight: 400;
	color: #353535;
	text-align: left;
	width: 100%;
	margin-top: 30px;
	font-size: 20px
}

#home-about .first-info h2 {
	font-size: 28px;
	font-weight: 500;
	text-transform: uppercase;
	color: #333;
	text-align: left;
	padding-bottom: 5px;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 0
}

#about-services .center-about p,
#contact-top .c-des,
#home-about .first-info p,
#section-services .left-one p {
	font-weight: 400;
	color: #353535;
	font-size: 16px;
	text-align: left;
	margin-top: 10px;
	font-family: Roboto, sans-serif
}

#home-about .first-info .about-btn {
	display: block;
	margin-top: 30px;
	font-family: Roboto, sans-serif;
	font-weight: 600;
	color: #fff;
	background-color: #16bae1;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 11px;
	padding-bottom: 11px;
	font-size: 15px;
	width: 170px;
	float: left;
	text-align: center;
	border-radius: 10px
}

#section-services {
	padding-top: 40px;
	padding-bottom: 25px;
	margin-top: 30px
}

#about-services .center-about,
#section-services .left-one {
	padding-bottom: 20px;
	margin-bottom: 15px;
	padding-left: 40px;
	padding-right: 40px
}

#section-services .left-one .t-1 {
	font-size: 30px;
	font-weight: 500;
	color: #333;
	text-align: left;
	width: 100%;
	margin-top: 0
}

#section-services .left-one .btn-5,
.home-gallery h4 {
	font-weight: 400;
	text-align: center;
	text-transform: uppercase
}

#brooklyn-services .left-brooklyn h4,
#section-services .left-one h4 {
	font-weight: 400;
	color: #353535;
	text-transform: uppercase;
	text-align: left;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 0;
	font-size: 21px
}

#about-services .center-about .one-line,
#brooklyn-services .left-brooklyn .big-line,
#contact-top .c-line-1,
.home-gallery .line-1,
.left-one .big-line {
	border: 1px solid #16bae1;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	position: relative
}

#brooklyn-services .left-brooklyn .small,
#contact-top .c-line-2,
.left-one .small {
	border: 3px solid #ffd526;
	width: 120px;
	display: block;
	position: absolute;
	left: -2px;
	top: -3px
}

#brooklyn-services .left-brooklyn .list-b,
#section-services .left-one .list-s {
	display: block
}

#brooklyn-services .left-brooklyn .list-b li,
#section-services .left-one .list-s li {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	color: #353535;
	font-size: 16px;
	text-align: left
}

#section-services .left-one .btn-5 {
	color: #fff;
	background-color: #16bae1;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 30px;
	font-family: Roboto, sans-serif;
	display: block;
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 10px;
	float: left
}

.home-gallery h4 {
	color: #353535;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 0;
	font-size: 20px
}

.home-gallery .line-2 {
	border: 3px solid #ffd526;
	width: 120px;
	display: block;
	position: absolute;
	left: 45%;
	top: -3px
}

#about-services .center-about .t-1,
.home-gallery-heading {
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 0
}

.contact-us-form .contact-title,
.quote-btn-2 {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-family: Roboto, sans-serif;
	text-align: center
}

.quote-btn-2 {
	background-color: #16bae1;
	font-size: 16px;
	display: block;
	width: 260px;
	padding-top: 13px;
	padding-bottom: 13px;
	border-radius: 10px;
	margin: 20px auto 30px
}

#contact-top {
	padding-right: 20px;
	position: relative;
	margin-top: 83px
}

#contact-top h2 {
	font-size: 30px;
	font-weight: 500;
	text-transform: uppercase;
	color: #333;
	text-align: left;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 50px
}

#contact-top h3,
.list-contact h5 {
	text-align: left;
	margin-bottom: 25px
}

#contact-top h3 {
	font-weight: 400;
	color: #353535;
	text-transform: uppercase;
	width: 100%;
	margin-top: 0;
	font-size: 17px
}

.contact-us-form {
	border-radius: 5px;
	padding: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 5px 20px 5px rgba(0, 0, 0, .1);
	position: relative;
	margin-top: 45px;
	border: 4px solid #fff !important
}

.contact-us-form .contact-title {
	padding: 10px 35px;
	margin-bottom: 0;
	font-size: 21px;
	width: 100%;
	margin-top: 4px;
	position: absolute;
	top: -27px;
	left: 0;
	letter-spacing: 2px;
	background-color: #f8791b
}

.form-group .upload-label {
	font-family: Roboto, sans-serif;
	color: #1d7071;
	font-size: 13px
}

.form-group .upload-btn {
	font-size: 15px;
	background: #e5f6f5;
	border: none;
	color: #1d7071
}

.contact-us-form .quote-txt,
.contact-us-form .send-message {
	color: #fff;
	letter-spacing: 2px;
	font-family: Roboto, sans-serif;
	font-weight: 600;
	text-transform: uppercase
}

.contact-us-form .form-group {
	padding-left: 20px;
	padding-right: 20px
}

.contact-us-form .quote-txt {
	background-color: #16bae1;
	font-size: 24px;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 11px;
	margin-bottom: 0;
	border-radius: 0
}

.contact-us-form .send-message {
	font-size: 20px;
	border-radius: 3px;
	background-color: #eeb72d;
	padding: 12px 30px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%;
	border: none
}

.contact-us-form .contact-form-control {
	font-size: 14px;
	color: #1d7071;
	background: #ecf1f0;
	border: 1.5px solid #fff;
	border-radius: 1px;
	font-family: Roboto, sans-serif;
	padding-top: 13px;
	font-weight: 600;
	padding-bottom: 13px;
	padding-left: 15px;
	width: 100%
}

.form-control .placeholder,
input,
textarea {
	color: #1d7071
}

.contact-form-control::placeholder {
	color: #1d7071;
	font-family: Roboto, sans-serif;
	font-weight: 600;
	opacity: 1
}

.contact-us-form .select-title {
	font-size: 16px;
	color: #333;
	font-family: Roboto, sans-serif;
	font-weight: 500
}

.list-contact {
	display: block;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px
}

.list-contact h5 {
	font-weight: 600;
	color: #1d7071;
	font-size: 22px;
	margin-top: 5px;
	padding-bottom: 0;
	font-family: Roboto, sans-serif;
	width: 100%
}

.box-why h6,
.box-why p {
	font-family: Roboto;
	text-align: center;
	color: #fff
}

.brooklyn-list li,
.home-price-list .inner-prices h6,
.home-price-list .inner-prices p,
.home-price-list .price-header,
.home-price-list .total-prices h6,
.list-contact li h6,
.list-contact li p,
.more-services li p,
.warranty-banner .btn-10 {
	font-family: Roboto, sans-serif
}

.list-contact li {
	display: inline-block;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #a7bfbe
}

.list-contact li img {
	display: block;
	float: left;
	color: #1d7071;
	margin-right: 15px
}

.list-contact li p {
	color: #1d7071;
	font-size: 13px;
	margin-bottom: 5px
}

.list-contact li h6 {
	color: #1d7071;
	font-size: 16px;
	font-weight: 600
}

.small-social {
	display: block;
	float: right;
	margin-bottom: 0
}

.small-social li {
	display: inline-block;
	margin-right: 10px
}

.home-why-us {
	padding-top: 35px;
	padding-bottom: 35px;
	background-color: #1d7071;
	position: relative;
	background-image: url(../img/why-blue.webp)
}

.box-why img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 70px
}

.box-why h6 {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 15px
}

.box-why p {
	font-weight: 500;
	font-size: 14px
}

#about-services,
#brooklyn-services {
	padding-top: 40px;
	padding-bottom: 25px;
	margin-top: 85px
}

#brooklyn-services .left-brooklyn {
	padding-bottom: 20px;
	margin-bottom: 15px
}

#brooklyn-services .left-brooklyn .t-1 {
	font-size: 29px;
	font-weight: 500;
	text-transform: uppercase;
	color: #333;
	text-align: left;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 35px
}

#brooklyn-services .left-brooklyn p,
.headline-text p,
.warranty-banner p {
	font-weight: 400;
	color: #353535;
	font-size: 15px;
	text-align: left;
	margin-top: 10px;
	font-family: Roboto, sans-serif
}

#brooklyn-services .left-brooklyn h5 {
	font-size: 21px;
	font-weight: 500;
	color: #333;
	text-align: left;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0
}

.brooklyn-list {
	padding-left: 0;
	column-count: 4
}

.brooklyn-list li {
	font-weight: 500;
	color: #353535;
	font-size: 13px;
	text-align: left;
	display: list-item;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 3px
}

.more-services {
	width: 100%;
	padding-left: 0;
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline
}

.more-services li {
	margin-bottom: 10px;
	display: inline-block;
	width: 30%;
	margin-right: 20px
}

.home-price-list,
.right-badge .badge,
.thank-you img {
	margin-left: auto;
	margin-right: auto
}

.more-services li p {
	font-weight: 300;
	color: #4b5b68;
	font-size: 14px;
	text-align: left;
	margin-top: 10px;
	padding-left: 0
}

.more-services li h6 {
	font-size: 17px;
	font-weight: 500;
	color: #333;
	text-align: left;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 15px
}

.more-services li h6 .fa {
	margin-right: 10px;
	color: #16bae1
}

.headline-text {
	margin-top: 0;
	margin-bottom: 50px;
	background-color: #fafafa;
	padding: 30px 35px 15px
}

.headline-text h2 {
	font-size: 28px;
	font-weight: 500;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 0
}

#about-services .center-about h4,
.headline-text h5,
.warranty-banner h3 {
	font-weight: 400;
	color: #353535;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 0;
	font-size: 21px
}

.thank-you h2,
.thank-you h4 {
	font-weight: 300;
	margin-top: 5px;
	font-family: Roboto;
	color: #5c5b58
}

#about-services .center-about h5 {
	font-size: 21px;
	font-weight: 600;
	color: #353535;
	text-align: left;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0
}

#about-services .center-about .two-small {
	border: 3px solid #ffd526;
	width: 120px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: -3px
}

#about-services .about-quote-5 {
	font-weight: 600;
	color: #fff;
	background-color: #16bae1;
	font-size: 15px;
	text-align: center;
	font-family: Poppins, sans-serif;
	display: block;
	margin: 40px auto 30px;
	width: 290px;
	padding-top: 13px;
	padding-bottom: 13px;
	text-transform: uppercase;
	border-radius: 5px
}

.price-section {
	padding-top: 20px;
	padding-bottom: 40px
}

.home-price-list {
	display: inline-block;
	margin-top: 20px;
	width: 95%;
	border: 1px solid #bacbd4;
	border-top-right-radius: 70px
}

.home-price-list .price-header .top-headline {
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	font-weight: 700;
	padding-top: 10px;
	font-size: 26px;
	font-family: Poppins, sans-serif
}

.home-price-list .price-header .top-headline img {
	width: 45px;
	height: 45px;
	display: block;
	margin-right: 10px;
	float: left;
	margin-top: -7px
}

.home-price-list .price-header {
	float: left;
	display: block;
	padding: 8px 25px;
	width: 100%;
	background-color: #16bae1;
	position: relative;
	border-top-right-radius: 0
}

.circle {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	top: 27px;
	left: 44px
}

.ringring {
	border: 3px solid #fff;
	-webkit-border-radius: 30px;
	height: 25px;
	width: 25px;
	left: 38px;
	top: 21px;
	-webkit-animation: 1s ease-out infinite pulsate
}

@-webkit-keyframes pulsate {
	0% {
		-webkit-transform: scale(.1, .1);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1.2, 1.2);
		opacity: 0
	}
}

.home-price-list .inner-prices {
	width: 100%;
	float: left;
	display: block;
	padding: 11px 25px;
	border-bottom: 1px solid #bacbd4
}

.home-price-list .inner-prices h6 {
	padding-top: 4px;
	color: #3a3a3a;
	font-weight: 600;
	font-size: 15px;
	float: left;
	display: block;
	margin-top: 0;
	margin-bottom: 0
}

.home-price-list .inner-prices p {
	color: #16bae1;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 18px;
	float: right
}

.home-price-list .total-prices {
	width: 100%;
	float: left;
	display: block;
	padding: 18px 25px;
	background-color: #16bae1;
	border: none
}

.button-price-8,
.warranty-banner .btn-10 {
	font-weight: 600;
	color: #fff;
	background-color: #16bae1;
	border-radius: 5px;
	display: block;
	text-transform: uppercase
}

.home-price-list .total-prices h6 {
	padding-top: 4px;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	float: left;
	display: block;
	margin-top: 0;
	margin-bottom: 0
}

.home-price-list .total-prices p {
	color: #fff;
	margin-bottom: 0;
	font-weight: 700;
	font-family: Poppins, sans-serif;
	font-size: 23px;
	float: right
}

.button-price-8 {
	font-size: 16px;
	text-align: center;
	font-family: Poppins, sans-serif;
	margin: 60px auto 30px;
	width: 360px;
	padding-top: 16px;
	padding-bottom: 16px
}

.last-email i.fa.fa-envelope-o,
.warranty-banner-heading {
	font-size: 26px;
	margin-top: 0
}

.warranty-banner {
	margin-top: 0;
	margin-bottom: 0;
	background-color: #fafafa;
	padding-top: 30px;
	padding-bottom: 15px;
	border-radius: 0;
	background-image: url(../img/main-light-big.webp)
}

.thank-you h2,
.warranty-banner-heading {
	margin-bottom: 5px;
	width: 100%;
	text-align: center
}

.right-badge .badge {
	width: 240px;
	display: block
}

.warranty-banner-heading {
	font-weight: 700;
	text-transform: uppercase;
	color: #333
}

.warranty-banner .btn-10 {
	font-size: 15px;
	text-align: center;
	margin: 30px auto;
	width: 250px;
	padding-top: 11px;
	padding-bottom: 11px
}

.thank-you {
	padding-top: 35px;
	padding-bottom: 70px;
	margin-top: 130px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
	background-color: #fafafa
}

.thank-you h2 {
	font-size: 35px
}

.thank-you h4 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
	width: 100%
}

.thank-you img {
	display: block;
	margin-bottom: 20px
}

.thank-you a {
	margin-top: 50px;
	font-family: Roboto;
	font-weight: 400;
	text-decoration: none;
	color: #5c5b58
}

@media (max-width:1079px) {
	.main-navigation .nav-list .nav-link {
		font-size: 11px
	}

	#buy-txt-section .repair-content h2,
	.demo-box .box-content h3 {
		font-size: 24px
	}

	.banner-call .call-left h4 {
		font-size: 18px
	}

	.banner-call .call-left h5,
	.info-left-side h2 {
		font-size: 26px
	}

	.banner-call .call-left h5 span {
		font-family: 'Open Sans';
		font-weight: 700;
		color: #fff;
		font-size: 26px;
		margin-top: 10px;
		letter-spacing: 1px;
		text-align: center;
		text-shadow: 0 1px #000;
		border: 2px solid #fff;
		padding: 5px 10px;
		border-radius: 5px;
		margin-right: 10px;
		margin-left: 10px
	}
}

@media (max-width:991px) {
	#section-services .left-one .t-1 {
		margin-top: 30px
	}

	#we-buy-section .title-box p,
	.box-why p,
	.catagories-home li h6 {
		font-size: 13px
	}

	#location-hour .map-info .t-1,
	.box-why h6,
	.inner-how-it-work-1 .first-side-work .headline-app {
		font-size: 15px
	}

	#section-services img {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	#about-services .center-about .car-nyc {
		display: none !important
	}

	.warranty-banner-heading {
		font-size: 20px
	}

	.more-services li {
		margin-bottom: 20px;
		display: inline-block;
		width: 46%;
		margin-right: 10px
	}

	#brooklyn-services .left-brooklyn .t-1 {
		font-size: 27px;
		margin-top: 30px
	}

	#top-section .tx-box-1 h2,
	.info-left-side h2 {
		font-size: 22px
	}

	#top-section .tx-box-1 h4,
	#we-buy-section .tx-box h4,
	.banner-call .call-left h4 {
		font-size: 17px
	}

	.catagories-home li img {
		width: 110px;
		height: 110px
	}

	#section-how-it-work .box-text-5 h2,
	.banner-call .call-left h5,
	.banner-call .call-left h5 span,
	.section-how-it-work .box-text-6 h2 {
		font-size: 24px
	}

	.banner-cover-top .text-headline h2,
	.info-left-side h3 {
		font-size: 19px
	}

	.sell-right-side img {
		margin-left: auto;
		margin-right: auto;
		width: 50%;
		display: none
	}

	.info-left-side {
		border-top: 2px solid #eee;
		padding-top: 20px
	}

	.process-steps {
		margin-bottom: 10px;
		max-width: 230px;
		margin-right: 8px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 40px;
		position: relative
	}

	.demo-box .box-content p,
	.process-steps h6 {
		font-size: 16px
	}

	.process-steps p,
	.service-info .open-hours li span {
		font-size: 11px
	}

	.banner-cover-top .text-headline {
		margin-top: 15px
	}

	.banner-cover-top .text-headline h2 span {
		font-size: 26px
	}

	.gallery-content .pic-1 {
		width: 55%;
		display: block;
		margin-right: auto;
		margin-left: auto
	}

	#we-buy-section .tx-box h2 {
		font-size: 21px
	}

	#we-buy-section .title-box h2 {
		font-size: 19px;
		text-align: center
	}

	.product-list li {
		width: 25%
	}

	.inner-how-it-work-1 .first-side-work .text-description,
	.product-list li h6 {
		font-size: 14px
	}

	#buy-txt-section .repair-content h2 {
		font-size: 25px
	}

	#location-hour .map-info a span {
		font-size: 32px
	}

	.service-info .open-hours li p {
		font-size: 12px
	}
}

@media (max-width:767.98px) {

	#about-services .center-about .t-1,
	#contact-top h2 {
		font-size: 25px
	}

	#contact-top .c-des,
	#contact-top h3,
	.bottom-text h3 {
		font-size: 15px
	}

	.bottom-text h2 {
		font-size: 42px
	}

	#about-services .center-about h4 {
		font-size: 19px
	}

	#about-services .center-about p {
		font-size: 14px
	}

	#about-services .center-about h5 {
		font-size: 18px
	}

	#brooklyn-services .left-brooklyn .t-1 {
		font-size: 24px;
		margin-top: 30px
	}

	.more-services li h6 {
		font-size: 18px;
		margin-top: 8px
	}

	#brooklyn-services .left-brooklyn {
		padding-right: 20px;
		padding-left: 20px
	}

	.more-services li {
		margin-bottom: 5;
		display: inline-block;
		width: 100%;
		margin-right: 10px
	}

	.headline-text h2 {
		font-size: 28px
	}

	.process-steps {
		max-width: 100%
	}

	.process-steps p {
		font-family: Roboto;
		font-weight: 400;
		color: #fff;
		font-size: 12px;
		text-align: left;
		margin-top: 5px
	}
}

@media (max-width:575.98px) {

	#about-services .center-about,
	#section-services .left-one,
	.headline-text {
		padding-left: 15px;
		padding-right: 15px
	}

	#home-section .text-area h2 span,
	.home-section-sub-heading {
		color: #fff
	}

	#section-services .left-one {
		padding-bottom: 0;
		margin-bottom: 0
	}

	.home-gallery h4 {
		font-size: 18px
	}

	.headline-text h2,
	.home-gallery-heading {
		font-size: 24px
	}

	.bottom-text h2 span {
		font-size: 30px
	}

	.bottom-text h2 {
		font-size: 37px
	}

	#contact-top {
		padding-right: 0
	}

	#section-services .left-one .t-1 {
		margin-top: 25px;
		font-size: 25px
	}
}

.contact-us-form .send-message:hover {
	background-color: #00acf0
}

img {
	width: 100%
}

.ba-slider .resize img {
	padding-left: 15px
}

.home-section-grid {
	display: flex;
	gap: 20px
}

#about-services .about-quote-5,
#home-about .first-info .about-btn,
#section-services .left-one .btn-5,
.bottom-text .btn-10,
.headline-text .btn-10,
.quote-btn-2,
.tz-gallery-small .btn-quote-5,
.warranty-banner .btn-10 {
	transition: .1s ease-in-out
}

#about-services .about-quote-5:hover,
#home-about .first-info .about-btn:hover,
#section-services .left-one .btn-5:hover,
.bottom-text .btn-10:hover,
.headline-text .btn-10:hover,
.quote-btn-2:hover,
.tz-gallery-small .btn-quote-5:hover,
.warranty-banner .btn-10:hover {
	background-color: #ffdc44
}

@media(max-width:767px) {

	#brooklyn-services,
	#contact-top {
		padding-bottom: 0 !important
	}

	#contact-top h2,
	.headline-text p {
		margin-top: 0
	}

	.headline-text p,
	.sub-footer .copy {
		text-align: center
	}

	#section-services .left-one .btn-5 {
		margin-left: 15px
	}

	#home-about .first-info h2 {
		margin-bottom: 10px
	}

	.headline-text {
		margin-bottom: 30px;
		padding-top: 20px;
		padding-bottom: 0
	}

	.tz-gallery-small {
		padding: 0 15px
	}

	.more-services li:last-child {
		margin-right: 0;
		margin-bottom: 0
	}

	#brooklyn-services .left-brooklyn h5 {
		margin-bottom: 0 !important
	}

	#brooklyn-services {
		margin-top: 70px !important;
		padding-top: 0
	}

	#brooklyn-services .left-brooklyn {
		padding-bottom: 0;
		margin-bottom: 0
	}

	.more-ser {
		margin-top: 0 !important
	}

	.brooklyn-list {
		padding-left: 0;
		list-style-type: none;
		column-count: 2
	}

	.brooklyn-list li {
		display: list-item
	}

	.last-email h6 {
		padding-left: 5px
	}

	.footer-info {
		margin-bottom: 15px
	}

	.footer-info h6 {
		padding-left: 29px !important
	}

	.box-why h6 {
		margin-bottom: 5px
	}

	.home-why-us {
		background-image: url(../img/why-blue.webp);
		background-position: center;
		background-size: cover;
		padding-top: 20px !important;
		padding-bottom: 20px !important
	}

	#home-section {
		padding: 95px 0 10px !important;
		background-size: 100% 31% !important
	}

	h1.custom {
		font-size: 25px !important
	}

	#home-about .first-info .about-btn {
		margin-top: 5px
	}

	#home-about {
		padding-top: 20px;
		padding-bottom: 20px
	}

	#section-services .left-one .btn-5,
	.quote-btn-2 {
		margin-top: 0;
		margin-bottom: 0
	}

	#section-services {
		padding-top: 0;
		padding-bottom: 20px;
		margin-top: 30px
	}

	.warranty-banner .btn-10 {
		margin-top: 0;
		margin-bottom: 20px
	}

	.warranty-banner p {
		text-align: center;
		margin-top: 0
	}

	ul.small-social {
		display: flex;
		justify-content: center;
		align-items: center;
		float: unset;
		padding-left: 0
	}
}

@media(max-width:567px) {
	.process-steps {
		margin: 10px 20px
	}

	.process-steps:last-child {
		margin-right: 20px
	}

	.main-navigation .logo-header {
		width: 240px !important
	}
}

.contact-us-with-icon {
	align-items: center;
	justify-content: center;
	gap: 6px
}

.contact-us-with-icon-a {
	text-decoration: none;
	margin-right: 5px;
	margin-top: 10px;
	cursor: pointer
}

.contact-us-with-icon-button {
	background-color: transparent;
	border: none;
	margin-right: 5px;
	margin-top: 10px;
	cursor: pointer
}

.contact-us-with-icon-a svg,
.contact-us-with-icon-button svg {
	width: 20px;
	color: #5c5b58 !important
}

#overlay {
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: #000000b0;
	z-index: 1031;
	transform: translateY(-150%)
}

#overlay.show {
	transform: translateY(0)
}

#popup {
	max-width: 500px;
	width: 90%;
	height: auto;
	border-radius: 5px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -100%);
	z-index: 99999;
	visibility: hidden;
	opacity: .4
}

#popup.show {
	transform: translate(-50%, -50%);
	visibility: visible;
	opacity: 1
}

.close-popup {
	cursor: pointer;
	position: absolute;
	top: -20px;
	right: -20px;
	background: #fff;
	width: 40px;
	padding: 2px 7px;
	z-index: 100000;
	border-radius: 100px;
	margin-top: 4px
}

.sticky-contact {
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	align-items: center;
	text-transform: uppercase;
	gap: 5px;
	text-align: center;
	padding: 0;
	border-radius: 0;
	background: #eeb72d;
	display: none
}

a.sticky-btn.call-btn {
	border-right: 1px solid #fff
}

.sticky-contact a {
	display: block;
	width: 100%;
	padding: 10px 15px;
	color: #fff;
	font-size: 14px
}

.contact-us-with-icon {
	display: none !important
}

@media(max-width:991px) {
	.contact-us-with-icon {
		display: none
	}

	.sticky-contact {
		display: flex
	}
}

@media(max-width:519px) {
	#popup {
		width: 90%
	}

	#popup .contact-us-form .quote-txt,
	#popup .contact-us-form .send-message {
		font-size: 16px
	}
}