
.cm-open-menu .cm-mobile-section{
	z-index: 0;
	visibility: visible;
	opacity: 1;
}
.cm-mobile-section {
	/* 	z-index: -1;  
	right: 0;
	top: 0;
	position: fixed;
	overflow: hidden;
	min-width: 78vw;
	justify-content: end;
	width: 78vw;
	width: 100%;
	height: 100%;
	max-height: calc(100vh);
	display: flex;
	-webkit-transition: transform .8s cubic-bezier(.15,.2,.1,1);
	transition: transform .8s cubic-bezier(.15,.2,.1,1);
	background-color: #ba0808; */

	min-width: 360px;
	padding-left: 60px;
	padding-right: 60px;
	background-color: transparent !important;
	-webkit-transform: none;
	transform: none;
	display: flex;
	right: 0;
	width: 300px;
	height: 100vh;
	overflow-y: auto;
	position: fixed;
	top: 0 ;
	padding-top: 8vw;
	padding-bottom: 8vw;
	visibility: hidden;
	opacity: 0;
}

.cm-mobile-section .cm-mobile-inner{
	/* 	position : relative;
	padding-left: 60px;
	padding-right: 60px;
	overflow: auto;
	max-height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column; */
	margin: auto 0;
	position: relative;
}
.mobile_section_wrapper .cm-close-icon{
	position: absolute;
	right: 50px;
	top: 50px;
	z-index: 8;
	display: block;
	transition: color .3s;
}

.cm-open-menu .mobile_section_wrapper .cm-close-icon:before{
	transform: scale(1);
	background-color: rgba(0, 0, 0, .06);
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 46px;
	height: 46px;
	margin: -23px 0 0 -23px;
	border-radius: 50%;
	transition: all .45s cubic-bezier(.15,.2,.1,1);
	content: ''; 
	cursor : pointer;
	z-index : 99;
}

.cm-open-menu .mobile_section_wrapper .cm-close-icon:hover:before{
	transform: scale(1.2) translateZ(0);
}
.mobile_section_wrapper .cm-close-icon .close-wrap{
	-webkit-font-smoothing: subpixel-antialiased;
	transform-style: preserve-3d;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) translateZ(0);
	transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease;
	width: 20px;
	height: 20px;
	display: block;
	overflow: hidden;

}
.mobile_section_wrapper .cm-close-icon .close-line{
	height: 100%;
	width: 2px;
	background: #fff;
	backface-visibility: hidden;
	position: absolute;
	border-radius: 5px;
	left: 9px;
	transition: opacity .2s ease, background-color .2s ease;
	animation-duration: .4s;
	animation-delay: .29s;
	animation-timing-function: cubic-bezier(.52,.01,.16,1);
	animation-fill-mode: forwards;
}


@keyframes crossLeftClose{
	100% {
		transform: translateY(22px) translateX(22px) rotate(-45deg);
	}
}

@keyframes crossRightClose{
	100% {
		transform: translateY(22px) translateX(-22px) rotate(45deg);
	}
}

.mobile_section_wrapper.cm-close-icon .close-line1{
	transform: translateY(0) translateX(0) rotate(-45deg);
	animation-name: crossLeftClose;
	animation-delay: 0s;
}
.mobile_section_wrapper .cm-close-icon .close-line2{
	transform: translateY(0) translateX(0) rotate(45deg);
	animation-name: crossRightClose;
	animation-delay: .06s;
} 
.cm-open-menu .mobile_section_wrapper .cm-close-icon .close-line1{
	transform: translateY(-30px) translateX(30px) rotate(45deg);
}
.cm-open-menu .mobile_section_wrapper .cm-close-icon .close-line2{
	transform: translateY(-30px) translateX(-30px) rotate(-45deg);
} 



.cm-mobile-section .cm-menu .hs-menu-wrapper ul{
	flex-direction : column;
}
.cm-mobile-section .cm-menu .hs-menu-wrapper>ul>li{
	display : block;
	margin-bottom : 12px;
	line-height : 30px;
	font-size: 20px;
}
.cm-mobile-section .cm-menu .hs-menu-wrapper>ul>li>a,
.cm-mobile-section .cm-menu .hs-menu-wrapper>ul>li>.cm-dp>a{
	font-size: inherit;
	line-height: inherit;
	font-family: 'Open Sans';
	font-weight: 700;
}

.cm-mobile-section .cm-menu .hs-menu-wrapper ul li a,
.cm-mobile-section .cm-top-menu .hs-menu-wrapper>ul>li>a
{
	position : relative;
}
.cm-mobile-section .cm-menu .hs-menu-wrapper ul li a:before,
.cm-mobile-section .cm-top-menu .hs-menu-wrapper>ul>li>a:before
{
	position : absolute;
	content : '';
	background-color : #fff;
	width : 0;
	left : 0;
	top : 100%;
	height : 2px;
	transition : width .5s ease;
}
.cm-mobile-section .cm-menu .hs-menu-wrapper ul li a:hover:before,
.cm-mobile-section .cm-top-menu .hs-menu-wrapper>ul>li>a:hover:before
{
	width: 100%;
}
.cm-mobile-section .cm-menu .hs-menu-wrapper>ul>li>ul{
	display : none;
	width: 100%;
	position : static;
	opacity : 1;
	padding-left : 20px;
}

.cm-mobile-section .cm-menu .hs-menu-wrapper >ul> li >.cm-dp{
	justify-content: space-between;
	flex-direction: row-reverse;
	position : relative;
	display: flex;
	align-items: center;
	cursor : pointer;
}
.cm-mobile-section .cm-menu .hs-menu-wrapper> ul> li.hs-item-has-children >.cm-dp:before{
	color : #fff;
	content: "\f107";
	font-size: 18px;
	line-height: 28px;
	font-family: FontAwesome !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .5s cubic-bezier(.215,.61,.355,1);
}

.cm-mobile-section .cm-menu .hs-menu-wrapper >ul >li >.cm-dp.open-sub-menu:before{
	transform: rotate(180deg);
} 
.cm-mobile-section .cm-menu .hs-menu-wrapper>ul>li>ul>li:first-child{
	margin-top : 10px;
}
.cm-mobile-section .cm-menu .hs-menu-wrapper>ul>li>ul>li{
	margin-bottom: 12px;
	line-height: 21.59px;
}
.cm-mobile-section .cm-menu .hs-menu-wrapper>ul>li>ul>li:last-child{
	margin-bottom : 2px;
}
.cm-mobile-section .cm-menu .hs-menu-wrapper>ul>li>ul>li>a{
	font-size: 16px;
	line-height: 22.59px;
	transition: color .37s cubic-bezier(.52,.01,.16,1);
	display: inline-block;
	font-family: 'Open Sans';
	font-weight: 700;
}



.cm-mobile-section .cm-top-menu{
	margin-top : 13px;
	margin-bottom : 0px;
}
.cm-mobile-section .cm-top-menu .hs-menu-wrapper>ul>li{
	margin-bottom : 5px;
	line-height :1.61;
}
.cm-mobile-section .cm-top-menu .hs-menu-wrapper>ul>li>a{
	line-height : inherit;
	font-family: 'Open Sans';
	font-weight: 700;
	font-size: 18px;
}

.cm-mobile-section .icon-wrapper i {
	position : relative;
}
.cm-mobile-section .icon-wrapper li a{
	height : 24px;
	display: inline-block;
	overflow : hidden;
	padding : 0 14px;
	transition: transform .25s ease, opacity .2s ease;
	transform: translateY(0%);
}
.cm-mobile-section .icon-wrapper li:first-child a{
	padding-left : 0;
}
.cm-mobile-section .icon-wrapper a:hover{
	transform: translateY(-0%);
}
.cm-mobile-section .icon-wrapper a i{
	height: 26px;
	width: auto;
}
.cm-mobile-section .icon-wrapper  .fa-facebook:before,
.cm-mobile-section .icon-wrapper .fa-instagram:before,
.cm-mobile-section .icon-wrapper .fa-yelp:before,
.cm-mobile-section .icon-wrapper  .fa-facebook:after,
.cm-mobile-section .icon-wrapper .fa-instagram:after,
.cm-mobile-section .icon-wrapper .fa-yelp:after
{
	font-size: 20px;
	line-height: 24px;
}
.cm-mobile-section .icon-wrapper  .fa-facebook:after{
	content: "\f09a";
}
.cm-mobile-section .icon-wrapper .fa-instagram:after{
	content: "\f16d";
}
.cm-mobile-section .icon-wrapper .fa-yelp:after{
	content: "\f1e9";
}
.cm-mobile-section .icon-wrapper  .fa-facebook:after,
.cm-mobile-section .icon-wrapper .fa-instagram:after,
.cm-mobile-section .icon-wrapper .fa-yelp:after,
.cm-mobile-section .icon-wrapper  .fa-facebook:before,
.cm-mobile-section .icon-wrapper .fa-instagram:before,
.cm-mobile-section .icon-wrapper .fa-yelp:before
{
	color : #ffff;	
}
.cm-mobile-section .icon-wrapper  .fa-facebook:after,
.cm-mobile-section .icon-wrapper .fa-instagram:after,
.cm-mobile-section .icon-wrapper .fa-yelp:after{
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	width: 100%;
	color: #ffffff;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
}
.cm-header{
	transform: translateY(0%);
	transition: transform .32s ease;
	z-index: 99;
	position: relative;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
}
.scroll-down .cm-header{
	position : fixed;
	left : 0;
	top : 0;
	width : 100%;
	background-color : #fff;
	z-index : 99;
	transform: translateY(-42px);
	height : auto;
}









.cm-header .cm-top-header{
	background-color: #F8F8F8;
	transition: transform .32s ease;
}

.cm-header .cm-top-header .page-center,
.cm-header .cm-bottom-header .page-center
{
	display: flex;
	align-items : center;
	justify-content : space-between;	
	flex-wrap : wrap;
}

.cm-header .cm-top-header .page-center{
	min-height : 42px;
}

.cm-header .cm-top-header .cm-social-link{
	padding-left : 20px;
	padding-bottom: 6px;
}

.cm-header .cm-top-header .cm-right{
	padding-right : 20px;
}

.cm-header .cm-social-link .icon-wrapper,
.cm-mobile-section .icon-wrapper 
{
	display : flex;
	align-items : center;
	padding-left : 2px;
	margin : 0;
	list-style : none;
	gap: 21px;
}
.cm-mobile-section .icon-wrapper {
	gap: 0px;
	padding-top : 23px
}
.cm-header .cm-social-link ul.icon-wrapper li,
.cm-header .cm-top-header .cm-top-menu .hs-menu-wrapper ul li,
.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper ul li,
.cm-mobile-section ul.icon-wrapper li
{
	margin : 0;
}


.cm-header .cm-social-link  .fa-facebook:before,
.cm-header .cm-social-link .fa-instagram:before,
.cm-header .cm-social-link .fa-yelp:before

{
	font-size: 16px;
	line-height: 14px;
}

.cm-header .cm-social-link a:hover{
	color: #222222
}
.cm-header .cm-top-header .cm-top-menu .hs-menu-wrapper ul li{
	line-height : 1;
	font-size: 14px;
}
.cm-header .cm-top-header .cm-top-menu .hs-menu-wrapper ul li:last-child a{
	margin-right : 0;
}
.cm-header .cm-top-header .cm-top-menu .hs-menu-wrapper ul li a{
	margin : 0 10px;
	display : inline-block;
	font-size: inherit;
	line-height: inherit;
	transition: color .3s;
	font-weight: 500;
	font-family : Rubik;
}


.cm-header .cm-top-header .cm-top-menu .hs-menu-wrapper ul li a i:before{
	content: "\f095";
	line-height: inherit;
	font-size: inherit;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display : inline-block;
	margin-right : 7px;
	vertical-align: middle;
}

.cm-header .cm-bottom-header .cm-mob-section .cm-top-menu,
.cm-header .cm-bottom-header .cm-mob-section .icon-wrapper,
.cm-header .cm-bottom-header .cm-mob-section .cm-close-icon{
	display : none;
}

@media(min-width : 1000px){
	.cm-header .cm-mobile-section,
	.cm-header .cm-logo-mobile,
	.cm-header .cm-menu-bar	{
		display : none;
	}

	.cm-header .cm-bottom-header .cm-logo{
		padding-left : 20px;
	}

	.cm-header .cm-bottom-header .cm-right{
		padding-right : 20px;
	}

	.cm-header .cm-bottom-header .cm-logo img{
		margin-top: 20px;
		margin-bottom: 20px;
		display : inline-block;
		height: 100px;
		transition: height 0.15s ease, opacity 0.2s ease;
	}

	.scroll-down .cm-header .cm-bottom-header .cm-logo img{
		height: 80px;
		margin-top: 11.111px;
		margin-bottom: 11.111px;  
	}

	.scroll-down .cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li {
		padding: 32px 0;
	}

	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li{
		padding: 52px 0;
		transition: padding height 0.15s ease, opacity 0.2s ease;
	}

	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li>a{
		font-family: Rubik;
		font-size: 15px;
		line-height: 16px;
		font-weight: 700;
		display : inline-block;
		padding : 0 14px;
	}
	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li.hs-item-has-children>a{
		padding-right : 15px;
	}
	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li:last-child>a{
		padding-right : 0;
	}


	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li>a:before,
	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li.hs-item-has-children>a:after
	{
		font-size: 16px;
		line-height: inherit;
		color : inherit;
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		text-decoration: inherit;
		-webkit-font-smoothing: antialiased;
		transition: color .2s ease;	
		display: inline-block;
		vertical-align: middle;
	}
	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li>a:before{
		margin-right: 10px;
		color : #888888;
	}

	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li>a:hover:before{
		color : inherit;
	}

	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li.home>a:before{
		content: "\f015";
	}

	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li.about>a:before{
		content: "\f2bd";
	}

	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li.fire-protection-services>a:before{
		content: "\f134";
	}

	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li.hs-item-has-children>a:after{
		content : "\f107";
		margin-left : 9px;
	}


	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li.service-portal{
		margin-left : 14px;
		margin-right : 14px;
	}

	.cm-header .cm-bottom-header .hs-menu-wrapper.flyouts .hs-menu-children-wrapper{
		padding : 20px;
		border-top : 1px solid #eee;
		z-index : 3;
		width: 240px;
		box-shadow: 0 6px 28px rgba(0, 0, 0, .08);
	}

	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li>ul>li>a{
		font-family: Rubik;
		font-size: 14px;
		line-height: 24px;
		font-weight: 500;
		display : block;
		padding : 6px;
	}
	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li>ul>li{
		transform: translate3d(0, 13px, 0);
		opacity: 0;
		transition: transform .65s cubic-bezier(.2,.8,.25,1), opacity .65s cubic-bezier(.2,.8,.25,1);
	}
	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li:hover>ul>li{
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}


}

@media(max-width : 1100px){
	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li>a:before{
		margin-right : 7px;
	}
	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li>a{
		padding-left : 0;
		padding-right : 10px;
	}
	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li.service-portal{
		margin-left : 0;
		margin-right: 10px;
	}
	.cm-header .cm-bottom-header .cm-menu .hs-menu-wrapper>ul>li.hs-item-has-children>a{
		padding-right : 10px;
	}
} 


@media (min-width: 690px) {
	.cm-header .cm-bottom-header   .cm-logo-section {
		margin-right: 2%;
	}
}

@media(max-width : 999px){
	.close-menu .body-wrapper {
		height:100vh;
		overflow:hidden;
	}
	body:not(.cm-open-menu) .body-wrapper {
		transform-origin: center;
	}
	.cm-open-menu .mobile_section_wrapper .cm-close-icon .close-line1 {
		-webkit-animation-name: crossRight;
		animation-name: crossRight;
		-webkit-animation-delay: .29s;
		animation-delay: .29s;
	}
	@keyframes crossRight {
		100% {
			-webkit-transform: translateY(0) translateX(0) rotate(45deg);
			transform: translateY(0) translateX(0) rotate(45deg)
		}
	}
	.cm-open-menu .mobile_section_wrapper .cm-close-icon .close-line2 {
		-webkit-animation-name: crossLeft;
		animation-name: crossLeft;
		-webkit-animation-delay: .15s;
		animation-delay: .15s;
	}
	@keyframes crossRight {
		100% {
			-webkit-transform: translateY(0) translateX(0) rotate(45deg);
			transform: translateY(0) translateX(0) rotate(45deg)
		}
	}
	@keyframes crossLeftClose {
		100% {
			-webkit-transform: translateY(22px) translateX(22px) rotate(-45deg);
			transform: translateY(22px) translateX(22px) rotate(-45deg)
		}
	}
	@keyframes crossLeft {
		100% {
			-webkit-transform: translateY(0) translateX(0) rotate(-45deg);
			transform: translateY(0) translateX(0) rotate(-45deg)
		}
	}

	.scroll-down .cm-header{
		transform: translateY(-104px);
	}

	.cm-header .cm-bottom-header .cm-mob-section {
		min-width: 360px;
		padding: 34px 60px;
		position: fixed;
		right: 0;
		width: 300px;
		height: 100%;
		top : 0;
	}

	.cm-open-menu .body-wrapper{
		transform: scale(.835) translateX(-466px) translateZ(0);
		position: relative;
		z-index: 10;
		height : 100vh;
	}
	.body-wrapper{
		transition: transform .8s cubic-bezier(.15,.2,.1,1);
	}

	.cm-open-menu .cm-mobile-section .cm-close-icon:before {
		transform: scale(1);
	}
	.cm-mobile-section .cm-close-icon:before {
		transform: scale(0);
	}
	.cm-mobile-section .icon-wrapper li a:hover i {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	.cm-mobile-section .icon-wrapper a i {
		font-size: 20px;
		color: inherit;
		background-color: transparent;
		transition: transform .25s ease, opacity .2s ease;
		-webkit-transition: -webkit-transform .25s ease, opacity .2s ease;
		text-align: center;
		line-height: 24px;
		position: relative;
		display: block;
		top: auto;
		backface-visibility: hidden;
		vertical-align: middle;
	}
	.cm-mobile-section .icon-wrapper a i:before {
		z-index: 10;
		display: block;
		position: relative;
	}
	.cm-mobile-section .icon-wrapper a i:after {
		position: absolute;
		top: 100%;
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		width: 100%;
		color: #fff !important;!i;!;
		z-index: 10000;
	}
	.cm-mobile-section ul.icon-wrapper li {
		position: static;
	}

	.cm-open-menu .cm-mobile-section .cm-close-icon:before {
		transform: scale(1);
	}
	.cm-mobile-section .cm-close-icon:before {
		transform: scale(0);
	}
	.cm-header .cm-bottom-header .cm-logo-section,
	.cm-header .cm-bottom-header .cm-right{
		width : auto;
	}
	.cm-header .cm-logo-mobile  img{
		height : 100px;
	}
	.cm-header .cm-top-header .cm-top-menu .hs-menu-wrapper ul {
		gap: 5px;
	}
	.cm-header .cm-bottom-header .cm-logo,
	.cm-header .cm-bottom-header .cm-menu,
	.cm-mobile-section .cm-top-menu
	{
		display : none;
	}
	.cm-header .cm-top-header .cm-social-link {
		padding : 11px 0 8px;;
	}
	.cm-header .cm-top-header .cm-right {
		padding : 10px 0;
	}
	/* 	.cm-header .cm-bottom-header .page-center{
	padding-left : 0;
	padding-right : 0;
} */
	.cm-header .cm-bottom-header{
		padding-top : 12px;
		padding-bottom : 12px;
	}

	.cm-header .cm-menu-bar {
		overflow: hidden;
		width: 22px;
		height: 20px;
		cursor : pointer;
	}
	.cm-header .cm-menu-bar i.lines-button,
	.cm-header .cm-menu-bar .lines-button:after,
	.cm-header .cm-menu-bar .lines-button:before
	{
		width: 22px;
		height : 2px;
		background-color : #000;
	}
	.cm-header .cm-menu-bar i.lines-button{

		top: 9px;
		transition: .3s;
		cursor: pointer;
		position: relative;
		user-select: none;
		display: block;

	}
	.cm-header .cm-menu-bar .lines-button:after{
		top: 6px;
		content : '';
		position : absolute;
		width: 16px;
	}
	.cm-header .cm-menu-bar .lines-button:before{
		top: -6px;
		content : '';
		position : absolute;
	}
}


@media(max-width : 767px){
	.cm-header .cm-top-header .hs-menu-wrapper.hs-menu-flow-horizontal ul{
		flex-direction : row;
	}
}

@media(max-width : 699px) and (min-width : 691px){
	.cm-header .cm-bottom-header .page-center, 
	.cm-header .cm-top-header .page-center {
		max-width: 639.99999999px;
	}

}

@media(max-width : 690px){
	.cm-mobile-section .cm-top-menu{
		display : block;
	}
	.cm-header .cm-top-header {
		display : none;
	}
	.scroll-down .cm-header {
		transform: translateY(0%);
	}


}

@media(max-width: 450px){
	.cm-open-menu .body-wrapper{
		transform: scale(.84) translateX(-93vw) translateZ(0) !important;
	}
	.cm-mobile-section {
		max-width: 258px;
		min-width: 250px;
		padding-left: 20px;
		padding-right: 20px;
	}
	/* 	.cm-mobile-section .cm-mobile-inner{
	padding-left : 90px;
	padding-right : 30px;
} */
}






