@font-face {
	font-family:'Gotham-Bold';
	src:url('../css/fonts/Gotham-Bold.eot');
	src:url('../css/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),url('../css/fonts/Gotham-Bold.woff2') format('woff2'),url('../css/fonts/Gotham-Bold.woff') format('woff'),url('../css/fonts/Gotham-Bold.ttf') format('truetype'),url('../css/fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family: 'Gotham-Light';
	src: url('../css/fonts/Gotham-Light.eot');
	src: url('../css/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
			url('../css/fonts/Gotham-Light.woff2') format('woff2'),
			url('../css/fonts/Gotham-Light.woff') format('woff'),
			url('../css/fonts/Gotham-Light.ttf') format('truetype'),
			url('../css/fonts/Gotham-Light.svg#Gotham-Light') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham-Medium';
	src: url('../css/fonts/Gotham-Medium.eot');
	src: url('../css/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
			url('../css/fonts/Gotham-Medium.woff2') format('woff2'),
			url('../css/fonts/Gotham-Medium.woff') format('woff'),
			url('../css/fonts/Gotham-Medium.ttf') format('truetype'),
			url('../css/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family:'Gotham-Thin';
	src:url('../css/fonts/Gotham-Thin.eot');
	src:url('../css/fonts/Gotham-Thin.eot?#iefix') format('embedded-opentype'),url('../css/fonts/Gotham-Thin.woff2') format('woff2'),url('../css/fonts/Gotham-Thin.woff') format('woff'),url('../css/fonts/Gotham-Thin.ttf') format('truetype'),url('../css/fonts/Gotham-Thin.svg#Gotham-Thin') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'HelveticaNeueLight';
	src:url('../css/fonts/HelveticaNeueLight.eot');
	src:url('../css/fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'),url('../css/fonts/HelveticaNeueLight.woff2') format('woff2'),url('../css/fonts/HelveticaNeueLight.woff') format('woff'),url('../css/fonts/HelveticaNeueLight.ttf') format('truetype'),url('../css/fonts/HelveticaNeueLight.svg#HelveticaNeueLight') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'HelveticaNeueRegular';
	src:url('../css/fonts/HelveticaNeueRegular.eot');
	src:url('../css/fonts/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'),url('../css/fonts/HelveticaNeueRegular.woff2') format('woff2'),url('../css/fonts/HelveticaNeueRegular.woff') format('woff'),url('../css/fonts/HelveticaNeueRegular.ttf') format('truetype'),url('../css/fonts/HelveticaNeueRegular.svg#HelveticaNeueRegular') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'HelveticaNeueThin';
	src:url('../css/fonts/HelveticaNeueThin.eot');
	src:url('../css/fonts/HelveticaNeueThin.eot?#iefix') format('embedded-opentype'),url('../css/fonts/HelveticaNeueThin.woff2') format('woff2'),url('../css/fonts/HelveticaNeueThin.woff') format('woff'),url('../css/fonts/HelveticaNeueThin.ttf') format('truetype'),url('../css/fonts/HelveticaNeueThin.svg#HelveticaNeueThin') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'HelveticaNeueMedium';
	src:url('../css/fonts/HelveticaNeueMedium.eot');
	src:url('../css/fonts/HelveticaNeueMedium.eot?#iefix') format('embedded-opentype'),url('../css/fonts/HelveticaNeueMedium.woff2') format('woff2'),url('../css/fonts/HelveticaNeueMedium.woff') format('woff'),url('../css/fonts/HelveticaNeueMedium.ttf') format('truetype'),url('../css/fonts/HelveticaNeueMedium.svg#HelveticaNeueMedium') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'HelveticaNeueHeavy';
	src:url('../css/fonts/HelveticaNeueHeavy.eot');
	src:url('../css/fonts/HelveticaNeueHeavy.eot?#iefix') format('embedded-opentype'),url('../css/fonts/HelveticaNeueHeavy.woff2') format('woff2'),url('../css/fonts/HelveticaNeueHeavy.woff') format('woff'),url('../css/fonts/HelveticaNeueHeavy.ttf') format('truetype'),url('../css/fonts/HelveticaNeueHeavy.svg#HelveticaNeueHeavy') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}
@font-face {
	font-family:'HelveticaNeueBold';
	src:url('../css/fonts/HelveticaNeueBold.eot');
	src:url('../css/fonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'),url('../css/fonts/HelveticaNeueBold.woff2') format('woff2'),url('../css/fonts/HelveticaNeueBold.woff') format('woff'),url('../css/fonts/HelveticaNeueBold.ttf') format('truetype'),url('../css/fonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
	font-weight:normal;
	font-style:normal;
	font-display:swap;
}

.np-section1{height:100vh;}
.np-section2{height:100vh;}
.np-form__left{padding-left:8.75rem;padding-top:2.5rem;padding-right:8.75rem;}
.np-form__right{overflow:hidden;width:100%;}
.np-form__BTxt-txt{padding-top:120px;padding-bottom:55px;max-width:450px;font-size: 4.6875rem;font-size:clamp(2rem,1.4rem + 3vw,4.6875rem);line-height: 1;}
.np-form__form .np-form__field{margin-bottom:30px;position: relative;}
.np-selectRoof__BimgInner{height:100%;}

.np-form__form input[type="text"]{
	width:100%;
	max-width:33.5rem;
	padding-left:1.25rem;
	font-size:1.25rem;
	float:left;
	height:3.125rem;
  background: transparent;
  border: none;
  border-bottom: 1px solid #000000;
  color: #000000;
	border-radius: 0;
}


.np-form__form input[type="text"]::placeholder{color:#156326;}

.np-form__form button{padding:16px 75px;font-size:24px;margin-top:30px;cursor:pointer;}
.np-form__right img{width:100%;}
.np-categorySec{margin-top:140px;}
.np-categorySec__list-txt{margin-top:30px;}
.np-backBtn{position:absolute;bottom:0px;left:0;}
.np-HcategorySec__list-Imgs{gap:1rem;}
.np-HcategorySec__list-Imgs > li{width:calc(33.3% - 16px);overflow:hidden;}
.np-HcategorySec__list-Img img{object-fit:cover;}

.np-HcategorySec{margin-top:68px;}
.np-backBtn.np-selectRoofBBtn{left:140px;top:168px;bottom:auto;z-index:1;}
.np-selectRoofSec{margin-top:115px;}
.np-selectRoofType .np-selectRoofTypeImg{display:flex;align-items:center;justify-content:center;width:186px;height:186px;background: #fff;border-radius:50%;overflow:hidden;}

.np-form__left.np-selectRoof__Lft{max-width:676px;padding-right:0;}
.np-selectRoofType .np-selectRoofTypeImg img{position:relative;z-index:2;}
.np-selectRoofType__title{z-index:2;}
.np-selectRoofTypes > li{width:calc(50% - 0px);}
.np-selectRoofType{display:flex;justify-content:center;align-items:center;flex-direction:column;}
.np-selectRoofType__title{padding-top:16px;}
.np-selectRoofTypesParent{margin-top:40px;height:530px;overflow-y:auto;}
.np-selectRoofTypes{gap:40px 0;}
.np-selectRoof__Bimg{width:100%;overflow:hidden;}
.np-selectRoof{margin-top:50px;}
.np-categorySec__list > div{width:calc(50% - 50px);}
.mCSB_inside>.mCSB_container{margin-right:10px;}
.mCSB_container_wrapper>.mCSB_container{padding-right:0px;}
.mCSB_container_wrapper{margin-right:20px;}
.mCSB_inside>.mCSB_container{margin-right:30px !important;}
.mCSB_inside>.mCSB_container{margin-right:0px !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height:auto !important;}
.btnFullScreen{position:absolute;right:140px;bottom:107px;z-index:2;}
.btnZoomIn{position:absolute;right:249px;top:77px;z-index:2;}
.btnZoomOut{position:absolute;right:140px;top:77px;z-index:2;}
.btnZoomInPop{position:absolute;right:249px;top:77px;z-index:2;}
.btnZoomOutPop{position:absolute;right:140px;top:77px;z-index:2;}
.np-selectRoofColor{flex-direction:row;justify-content:start;margin-top:1rem;}
.np-selectRoofColor .np-selectRoofType__title{margin-left:27px;width: 60%;}
.np-selectRoofTypeColor::before{content:'';position:absolute;border-radius:50%;width:105px;height:105px;}
.np-selectRoofTypeColor:hover::before{border:1px solid #252525;border-radius:50%;}
.np-selectRoofTypeColor span{float:left;height:99px;width:99px;border-radius:50%;background:#F4F4F4;}
.np-selectRoofTypeColor{display:flex;justify-content:center;align-items:center;width:105px;height:105px;}
.np-selectRoofType__Color .np-selectRoofType__title{color:#3B3B3B;}
.np-selectRoofType__Color{display:flex;justify-content:center;align-items:center;flex-direction:column;}
.np-selectRoofTypes__Color{gap:40px 0;}
.np-selectRoofTypes__Color li{width:calc(33.3% - 25px);}
.np-selectRoofTypesColorParent{height:335px;overflow-y:auto;margin-top:40px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000 !important;}
.np-selectRoofDisc{margin-top:15px;padding-right:15px;color:#3B3B3B;}
.np-Btns,.commonBtn{margin-top:30px;gap:1rem;}
.enqBtn a{padding:18px 47px;max-width:217px;width:100%;text-align:center;}
.np-selectRoof__BimgMain{z-index:1;max-height: 1080px;height: 100%;}
.np-form__left.np-selectColor__Lft{max-width:675px;padding-right:0px;}
.np-section3{height:100vh;}
.commonBtn > .enqBtn{width:calc(50% - 30px);}

.np-popup{max-width:1088px;width:100%;display:inline-block;background-color:#fff;position:relative;}

.np-popWrp p{text-align:center;font-size:18px;color:#000;}
.np-popWrp h1{text-align:center;font-size:35px;color:#000;margin:15px 0;}
.btnClose{cursor:pointer;background:none;display:inline-block;color:#000;font-size:18px;padding:8px 20px;border:none;text-align:center;position:absolute;z-index:5;right:15px;top:15px;}
.mfp-content{display:inline;}
.np-popupSide1{padding:50px 0 0 66px;}
.np-popupShareLogo{display:flex;gap:4rem;align-items:center;}
.comC{position:relative;display:flex;justify-content:center;align-items:center;border: none;}
.comC::before{position:absolute;content:'';width:60px;height:60px;background:var(--primary-color);border-radius:50%;z-index:1;}
.comC img{position:relative;z-index:2;max-width: 85%;}
.np-popupTitle{margin-top:50px;line-height:1.2;margin-bottom:50px;font-size:3rem;font-size:clamp(2rem,1.65rem + 1.7500000000000002vw,3rem);max-width:350px;}
.error_conInfo{position: absolute;font-family: var(--font-GLight);font-size: var(--fs-16);color: rgb(255, 0, 0);left: 0;bottom: -20px;font-weight: 600;}
.panzoom__content{object-fit: cover !important;height: 100% !important;width: 100%;}
.np-newpopup{max-width:600px;width:100%;display:inline-block;background-color:#fff;position:relative;padding: 2rem;}
.np-emailTo{margin: 1rem 0;}
.np-emailTo input[type="email"]{width:100%;padding:5px;border:none;border-bottom:1px solid #156326;font-family: var(--font-GLight);}

.emailSumit{padding:5px 30px;font-size:20px;cursor:pointer;display:inline-block;text-decoration:none;border: none;background: #156326;font-family: var(--font-GLight);color: #fff;font-weight: 600;}
span#valemailTo{color:rgb(255,0,0);font-family: var(--font-GLight);font-size: var(--fs-16);font-weight: 600;}
.on_mobile{display: none;}
.enqBtn.mobile{display: none;}
.shareBtn > img{display: none;}

.np-form__btn{position: relative;}
span#thank_you{position:absolute;top:0;left:0;font-family: var(--font-GLight) !important;font-size: var(--fs-16);color:#156326 !important;font-weight: 600;}
.thnkInfo{position:absolute;bottom:10px;top:auto !important;left:33px !important;font-family: var(--font-GLight) !important;font-size: var(--fs-16);color:#156326 !important;}
.np-form__logo.mobile{display: none;}
.np-form__logo.desktop{display: block;}
.np-selectRoof__TitleTxt.np-selectRoof__TitleTxt1.mobile{display: none;}
.np-selectRoof__TitleTxt.np-selectRoof__TitleTxt1.desktop{display: block;}
.np-selectRoofType.np-selectRoofColor.desktop{display: flex;}
  .np-selectRoofType.np-selectRoofColor.mobile{display:none;}
	.np-selectRoofType.np-selectRoofColor.desktop h3{font-size:24px;font-family:'Gotham-Bold';}
	.np-form__logo_type.desktop{display:block;}
  .np-form__logo_type.mobile{display:none ;}
	.np-popupSide img{height:500px;object-fit:cover;}
.slick-dots {
  display: flex;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  margin: 0;
  bottom: -35px;
  list-style: none;
	justify-content: center;
}
.slick-dots li {
  display: inline-block;
  margin-right: 10px;
}
.slick-dots li button {
  width: 12px;
  height: 12px;
  border: 0;
  border-radius: 100%;
  background-color: rgba(21, 99, 38, 0.34);
  text-indent: -999999px;
}
.slick-dots li.slick-active button {
  background-color: #156326;
}

.np-HcategorySec__list {
	margin-top: 50px;
}