@import url('https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
body{background:url(https://s3.amazonaws.com/prod_bucket/wb_images/1892362719-1624567952-82406.jpg); background-color:transparent!important}
.logo-wrapper{padding-top: 14px!important; padding-bottom: 75px;}
.navbar{background: rgba(255,255,255,0.9);}
.top-band{bottom: 131px; z-index: 100; font-size: 19px; letter-spacing: 2.2px; position: absolute; width: 100%; background:transparent!important;}
.header .navbar-nav .nav-link{color:#777!important; padding:33px 35px!important; letter-spacing: 3px; font-size: 18px;}
.navbar{padding:0px;}
.lightHeader{position: relative; background: transparent; box-shadow: unset;}
.slide{width: 1170px; margin: 0 auto; margin-top: 20px; background: rgba(255,255,255,0.9); padding: 30px; padding-bottom:15px;}
.slide .carousel-inner{height:auto;}
.slide .carousel-item{height:auto;}
.welcome-to{position: absolute; width: 1170px; left: calc((100% - 1170px) / 2); background: rgba(255,255,255,0.9); text-align: center; font-family: 'Josefin Slab', serif; color: #777; font-size: 20px; top:0px;}
.guelph-vapour-company{position: absolute; width: 1170px; left: calc((100% - 1170px) / 2); background: rgba(255,255,255,0.9); text-align: center; font-family: 'Josefin Slab', serif; font-size: 60px; top: 30px; font-weight: 700;     padding-bottom: 35px;}
.guelph-vapour-company:before{height:1px; background:#999999; width:250px; content:''; position:absolute; bottom: 30px; left: 50%; margin-left: -125px;}
.about-parah{position: absolute; background: rgba(255,255,255,0.9); width: 1170px; left: calc((100% - 1170px) / 2); top: 177px; padding: 50px 30px 35px 30px;}
.about-parah .head{padding: 15px; border-top: solid 1px #999999; border-bottom: solid 1px #999999; text-align: center; font-family: 'Josefin Slab', serif; font-size: 19px; display: table; margin: 0 auto; width: 400px; margin-bottom: 19px;}
.about-parah .para{font-size: 17.5px; line-height: 30px;}
.page-home .carousel-indicators{display:none!important;}

.contact-panel{position: absolute; width: 1170px; left: calc((100% - 1170px) / 2); background: rgba(255,255,255,0.9); top: 480px;}
.contact-panel .address{text-align: center; padding: 35px; font-size: 17.5px;}
.contact-panel .address a{color: #212529;}

.contact-panel .email-phone-area{text-align: center; padding: 35px; font-size: 17.5px;}
.contact-panel .email-phone-area .email-area{text-align: center; padding: 0px; font-size: 15px; color: #000044; font-weight: 700; position:relative;}
.contact-panel .email-phone-area .email-area:first-child:before{content:'\f095'; font-family:FontAwesome; position:absolute; left: 60px; font-size: 25px; top: -11px; font-weight: 300;}
.contact-panel .email-phone-area .email-area:last-child:before{content:'\f003'; font-family:FontAwesome; position:absolute;  left: 1px; font-size: 25px; top: -11px; font-weight: 300;}

.social-area{padding: 30px; text-align: center;}
.social-area .social-icon-section a{font-size: 62px;color: #000044;}

.page-wrapper-middle{padding:0px;}

.footer{background: rgba(255,255,255,0.9);}
.footer .f-logo-wrapper{display:none;}
.footer .footer-nav-link{display:none!important;}
.footer .copyright{text-align: center; font-size: 20px; font-weight: 700; padding: 35px 0px;}


.how-to-wrapper{position: absolute; width: 1170px; left: calc((100% - 1170px) / 2); background: rgba(255,255,255,0.9); color: #000; font-size: 14px; top: 20px; padding: 45px;}
.how-to-wrapper .top-heading{padding: 15px; border-top: solid 1px #999999; border-bottom: solid 1px #999999; text-align: center; font-family: 'Josefin Slab', serif; font-size: 19px; display: table; margin: 0 auto; width: 460px; margin-bottom: 19px;}
.how-to-wrapper .top-heading span{font-weight:700}
.please-call{font-family: 'Josefin Slab', serif; margin-top:15px; font-size: 17px; font-weight: 700;}

.find-wrapper{position: absolute; width: 1170px; left: calc((100% - 1170px) / 2); background: rgba(255,255,255,0.9); color: #000; font-size: 14px; top: 20px; padding: 45px 25px;}
.find-wrapper .find-head{padding: 15px; border-top: solid 1px #999999; border-bottom: solid 1px #999999; text-align: center; font-family: 'Josefin Slab', serif; font-size: 19px; display: table; margin: 0 auto; width: 460px; margin-bottom: 19px;}
.find-wrapper .find-head span{font-weight:700}
.find-wrapper .map-area{width:100%;}
.find-wrapper .map-area iframe{width:100%; height:600;}

.contact-wrapper{position: absolute; width: 1170px; left: calc((100% - 1170px) / 2); background: rgba(255,255,255,0.9); color: #000; font-size: 14px; top: 20px; padding: 45px 25px;}
.contact-wrapper .contact-head{padding: 15px; border-top: solid 1px #999999; border-bottom: solid 1px #999999; text-align: center; font-family: 'Josefin Slab', serif; font-size: 19px; display: table; margin: 0 auto; width: 460px; margin-bottom: 19px;}
.contact-wrapper .contact-head span{font-weight:700}
.contact-wrapper .c-map-area{width:100%;}
.contact-wrapper .c-map-area iframe{width:100%;}
.contact-wrapper .c-detail{font-size: 19px;}
.contact-wrapper .c-detail span{font-weight:600;}
.contact-wrapper .c-socail .social-area{padding:10px 0px; text-align:left;}
.contact-wrapper .c-socail .social-area .social-icon-section a{font-size:30px;}

.contact-form-area{position: absolute; width: 1170px; left: calc((100% - 1170px) / 2); background: rgba(255,255,255,0.9); color: #000; font-size: 14px; top: 20px; padding: 45px 25px;}
.contact-form-area .c-form-head{padding: 15px; border-top: solid 1px #999999; border-bottom: solid 1px #999999; text-align: center; font-family: 'Josefin Slab', serif; font-size: 19px; display: table; margin: 0 auto; width: 460px; margin-bottom: 19px;}
.contact-form-area .c-form-head span{font-weight:700}
.contact-form-area .col-md-6{padding:10px;}
.contact-form-area .col-md-12{padding:10px;}
.contact-form-area .col-md-6 .font-weight-bold{padding-left:10px;}
.contact-form-area .col-md-6 input{border-radius: 5px; margin-top: 5px;}
.contact-form-area .col-md-12 .font-weight-bold{padding-left:10px;}
.contact-form-area .col-md-12 textarea{border-radius: 5px; margin-top: 5px; height:100px;}
.contact-form-area .btn{background: #fff; color: #000; border: 0px; border-radius: 5px!important; width: 110px!important; font-size: 12px; margin-left: inherit;}
.contact-form-area .width-cls-53467025{padding: 10px!important;}

.home_page, .inner_page, .parent_menu{background:transparent!important;}
.iframe_container iframe{background: transparent!important;}

.payment_edit_btn, .cut_edit_btn{color:#fff!important;}
.Thankyou{color:#fff!important;}
.Thankyou span strong{color:#fff!important;}
.Thankyou .btn{color:#000!important;}

#age_validation .modal-content{background: #343a40!important;}
#age_validation .modal-header{background: #e8e8e8!important;}
#age_validation .modal-header h4{font-size:15px;}
#age_validation .modal-footer{background: #e8e8e8!important;}
#age_validation .modal-footer button{background:#343a40!important; color:#fff; border:0px;}
#age_validation .modal-body .h1{font-size: 20px; font-weight: 500; text-align: center; color:#fff; margin-bottom: 18px;}
#age_validation .modal-body .dob{margin:0 auto!important; width:420px; margin-top:20px!important; background:#e8e8e8!important; color:#000.}
#age_validation .modal-body .dob .col-md-6:first-child{padding: 14px 15px; color: #000; border-radius: 6px; font-size:15px}
#age_validation .modal-body .dob .col-md-6{padding:5px 15px;}
#age_validation .modal-body .dob input{width:100%; border:solid 1px #000; padding:7px; font-size: 15px; height:38px;}
#loginWithPhoneOtpModal .modal-body-otp-wrapper{background: #171616 !important;}

.modal-backdrop{background-color: rgba(0,0,0,0.8);}
#iframeModal .btn-primary{color:#000!important; border:solid 1px #000!important;}
.widget-viewcart-wrapper .widget-viewcart-fixed{color:#000!important;}
.widget-viewcart-wrapper .widget-viewcart-fixed #widget_cart_num{color:#000!important;}
.merege_select{background: #101624!important;}

@media screen and (min-width: 1150px) and (max-width: 1280px) {
	.slide{width: 970px;}
	.welcome-to{width: 970px; left: calc((100% - 970px) / 2);}
	.guelph-vapour-company{width: 970px; left: calc((100% - 970px) / 2);}
	.about-parah{width: 970px; left: calc((100% - 970px) / 2);}
	.contact-panel{width: 970px; left: calc((100% - 970px) / 2);}
	.contact-panel .address{padding:25px;}
	.contact-panel .email-phone-area{padding:25px;}
	.social-area{padding: 20px;}
	.contact-panel .email-phone-area .email-area:first-child:before{left:20px;}
	.contact-panel .email-phone-area .email-area:last-child:before{left:-30px;}
	.how-to-wrapper{width: 970px; left: calc((100% - 970px) / 2);}
	.find-wrapper{width: 970px; left: calc((100% - 970px) / 2);}
	.contact-form-area{width: 970px; left: calc((100% - 970px) / 2);}
	.contact-wrapper{width: 970px; left: calc((100% - 970px) / 2);}
}

@media screen and (min-width: 1024px) and (max-width: 1149px) {
	.slide{width: 970px;}
	.welcome-to{width: 970px; left: calc((100% - 970px) / 2);}
	.guelph-vapour-company{width: 970px; left: calc((100% - 970px) / 2);}
	.about-parah{width: 970px; left: calc((100% - 970px) / 2);}
	.contact-panel{width: 970px; left: calc((100% - 970px) / 2);}
	.contact-panel .address{padding:25px;}
	.contact-panel .email-phone-area{padding:25px;}
	.social-area{padding: 20px;}
	.contact-panel .email-phone-area .email-area:first-child:before{left:20px;}
	.contact-panel .email-phone-area .email-area:last-child:before{left:-30px;}
	.page-wrapper-bottom{height:auto}
	.how-to-wrapper{width: 970px; left: calc((100% - 970px) / 2);}
	.find-wrapper{width: 970px; left: calc((100% - 970px) / 2);}
	.contact-wrapper{width: 970px; left: calc((100% - 970px) / 2);}
	.contact-form-area{width: 970px; left: calc((100% - 970px) / 2);}
}

@media screen and (min-width: 991px) and (max-width: 1023px) {
	.slide{width: 750px;}
	.welcome-to{width: 750px; left: calc((100% - 750px) / 2);}
	.guelph-vapour-company{width: 750px; left: calc((100% - 750px) / 2);}
	.about-parah{width: 750px; left: calc((100% - 750px) / 2);}
	.contact-panel{width: 750px; left: calc((100% - 750px) / 2);}
	.contact-panel .address {padding: 15px 0px; font-size: 15px;}
	.contact-panel .email-phone-area{padding:25px 0px;}
	.contact-panel .email-phone-area .email-area{font-size:12px;}
	.social-area{padding: 20px;}
	.contact-panel .email-phone-area .email-area{font-size:12px;}
	.contact-panel .email-phone-area .email-area:first-child:before{left: 40px; top: -10px;}
	.contact-panel .email-phone-area .email-area:last-child:before{left: -10px; top: -10px;}
	.page-wrapper-bottom{height:auto}
	.navbar{padding:15px;}
	.navbar-collapse{top: 60px;}
	.header .navbar-nav .nav-link{padding:23px 35px!important}
	.social-area .social-icon-section a{font-size:30px;}
	.how-to-wrapper{width: 750px; left: calc((100% - 750px) / 2);}
	.find-wrapper{width: 750px; left: calc((100% - 750px) / 2);}
	.contact-form-area{width: 750px; left: calc((100% - 750px) / 2);}
	.contact-wrapper{width: 750px; left: calc((100% - 750px) / 2);}
}

@media screen and (min-width: 768px) and (max-width: 990px) {
	.top-band{font-size:17px; bottom:81px;}
	.carousel {max-height: 375px;}
	.logo-wrapper{padding-bottom:45px;}
	.slide{width: 750px;}
	.welcome-to{width: 750px; left: calc((100% - 750px) / 2);}
	.guelph-vapour-company{width: 750px; left: calc((100% - 750px) / 2);}
	.about-parah{width: 750px; left: calc((100% - 750px) / 2);}
	.contact-panel{width: 750px; left: calc((100% - 750px) / 2);}
	.contact-panel .address {padding: 15px 0px; font-size: 15px;}
	.contact-panel .email-phone-area{padding:25px 0px;}
	.contact-panel .email-phone-area .email-area{font-size:12px;}
	.social-area{padding: 28px 20px;}
	.contact-panel .email-phone-area .email-area{font-size:12px;}
	.contact-panel .email-phone-area .email-area:first-child:before{left: 40px; top: -10px;}
	.contact-panel .email-phone-area .email-area:last-child:before{left: -10px; top: -10px;}
	.page-wrapper-bottom{height:auto}
	.navbar{padding:15px;}
	.navbar-collapse{top: 60px;}
	.header .navbar-nav .nav-link{padding:23px 35px!important}
	.social-area .social-icon-section a{font-size:30px;}
	.how-to-wrapper{width: 750px; left: calc((100% - 750px) / 2);}
	.find-wrapper{width: 750px; left: calc((100% - 750px) / 2);}
	.contact-wrapper{width: 750px; left: calc((100% - 750px) / 2);}
	.contact-form-area{width: 750px; left: calc((100% - 750px) / 2);}
}

@media screen and (min-width: 540px) and (max-width: 767px) {
	.top-band{font-size:17px; bottom:81px;}
	.carousel {max-height: 375px;}
	.logo-wrapper{padding-bottom:45px;}
	.slide{width: 100%;}
	.welcome-to{width: 100%; left: calc((100% - 100%) / 2);}
	.guelph-vapour-company{width: 100%; left: calc((100% - 100%) / 2);}
	.about-parah{width: 100%; left: calc((100% - 100%) / 2);}
	.contact-panel{width: 100%; left: calc((100% - 100%) / 2);}
	.contact-panel .address {padding: 15px 0px; font-size: 15px;}
	.contact-panel .email-phone-area{padding:25px 0px;}
	.contact-panel .email-phone-area .email-area{font-size:12px;}
	.social-area{padding: 28px 20px;}
	.contact-panel .email-phone-area .email-area{font-size:12px;}
	.contact-panel .email-phone-area .email-area:first-child:before{left: 40px; top: -10px;}
	.contact-panel .email-phone-area .email-area:last-child:before{left: -10px; top: -10px;}
	.page-wrapper-bottom{height:auto}
	.navbar{padding:15px;}
	.navbar-collapse{top: 60px;}
	.header .navbar-nav .nav-link{padding:23px 35px!important}
	.social-area .social-icon-section a{font-size:30px;}
	.how-to-wrapper{width: 100%; left: calc((100% - 100%) / 2);}
	.find-wrapper{width: 100%; left: calc((100% - 100%) / 2);}
	.contact-form-area{width: 100%; left: calc((100% - 100%) / 2);}
	.contact-wrapper{width: 100%; left: calc((100% - 100%) / 2);}
}

@media screen and (min-width: 320px) and (max-width: 539px) {
	.top-band {font-size: 14px; bottom: 61px;}
	.carousel {max-height: 170px;}
	.logo-wrapper{padding-bottom:45px; padding-top:0xp;}
	.slide{width: 100%;}
	.welcome-to{width: 100%!important; left: calc((100% - 100%) / 2)!important;}
	.guelph-vapour-company{width: 100%; left: calc((100% - 100%) / 2);}
	.about-parah{width: 100%; left: calc((100% - 100%) / 2);}
	.contact-panel{width: 100%; left: calc((100% - 100%) / 2);}
	.contact-panel .address {padding: 15px 0px; font-size: 15px;}
	.contact-panel .email-phone-area{padding:25px 0px;}
	.contact-panel .email-phone-area .email-area{font-size:12px;}
	.social-area{padding: 28px 20px;}
	.contact-panel .email-phone-area .email-area{font-size:12px;}
	.contact-panel .email-phone-area .email-area:first-child:before{left: 67px; top: -10px; font-size: 20px;}
	.contact-panel .email-phone-area .email-area:last-child:before{left: 17px; top: -15px; font-size: 20px;}
	.page-wrapper-bottom{height:auto}
	.navbar{padding:15px;}
	.navbar-collapse{top: 60px;}
	.header .navbar-nav .nav-link{padding:23px 35px!important}
	.social-area .social-icon-section a{font-size:30px;}
	.about-parah{padding:20px;}
	.about-parah .head{width:100%;}
	.guelph-vapour-company{font-size:27px;}
	.footer{padding:15px;}
	.footer .copyright {text-align: center; font-size: 15px; font-weight: 700; padding: 15px 0px;}
	.how-to-wrapper{width: 100%; left: calc((100% - 100%) / 2); padding:20px;}
	.how-to-wrapper .top-heading{width:100%;}
	.find-wrapper{width: 100%; left: calc((100% - 100%) / 2); padding:20px;}
	.find-wrapper .find-head{width:100%;}
	.contact-form-area{width: 100%!important; left: calc((100% - 100%) / 2)!important; padding:10px;}
	.contact-form-area .c-form-head{width:100%;}
	.contact-wrapper{width: 100%; left: calc((100% - 100%) / 2); padding:10px;}
	.contact-wrapper .contact-head{width:100%;}
}