.html5-video-player:not(.ytp-transparent), .html5-video-player.unstarted-mode, .html5-video-player.ad-showing, .html5-video-player.ended-mode {
  background-image: url(/img/ssofvideo.png) !important;}

.html5-video-player {
  position: relative;
  width: 669% !important;
  height: 100% !important;
  overflow: hidden;
  z-index: 0;
  outline: 0;
  font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
  color: #eee;
  text-align: left;
  direction: ltr;
  font-size: 11px;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -ms-high-contrast-adjust: none;
}
.custom_error{
	border:2px solid #ffa2a2;
}
.gifvideodiv{
	display: none;
}
.btn-prim{
	position: absolute;
	float: right !important;
	background-color: white;
	width: 42px;
	height: 40px;
	color: black;
	font-size: 22px;
	border: none;
	box-shadow: none !important;
	right: 10px;
	z-index: 1;
}
.logopartdiv{
	margin-bottom: 48px;
	margin-top: -133px;
}
.logoheder2div{
	color: #ff4c4c !important;
	font-size: 26px;
	font-weight: 400;
}
.logoheader3div{
	font-weight: 400;
}
.logohederdiv{
	color: #ff4c4c;
	font-size: 31px;
	margin-bottom: 12px;
	font-weight: bolder;
}
.Home{
	display: contents;
	margin-left: 30px;
	font-size: 21px;
	font-weight: 100;
	margin-bottom: 5px;
}
.homediv{
	margin-left: 30px;
	font-size: 24px;
	font-weight: 100;
	margin-bottom: 5px;
}
.back-img{
/*	background-image: url(/img/steelphoto.jpg);*/
	width: 100%;
	height: 52%;
	background-size: cover;
}
.logo-img{
	width: 257px;
	top: -137px;
	position: relative;
	background-color: white;
	border-radius: 80%;
	border: 8px solid rgba(255,255,255,.5);
	background-clip: padding-box;
	text-align: center;
    display: inline-block;

}
.backvideo-div{
	position: relative;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 44vh;
	min-height: 10rem;
	width: 100%;
	overflow: hidden;
}
.backvideopart{
	height:859px; 
	width: 100%; 
	z-index: 0; 
	position: absolute; 
	overflow: hidden; 
	inset: 0px; 
	pointer-events: none; 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center center;
}
.backvideoframediv{
	top: 50%; 
	left: 50%; 
	transform: translateX(-50%) translateY(-50%); 
	position: absolute; 
	opacity: 1;
	width: 1525px; 
	height: 934.875px;
	background-image: url(/img/ssofvideo.png);
	background-size: cover;
}
.Whatsapp-div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 64px;
	height: 64px;
	background:#ffffff;
	border-radius: 100%;
	box-shadow: 0px 0px 8px 0px darkslategrey;
	margin-bottom: 11px;
}
.whatspartdiv{
	color: #8f8d8d;
}
.whatsapppart2div{
	text-decoration: none; 
	color: black !important;
	margin-top: 10px;
}
.Websitediv{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	box-shadow: 0px 0px 11px 0px black;
}
.Web-div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 64px;
	height: 64px;
	background:#141313;
	border-radius: 100%;
}
.iconanotherdiv{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 61px;
	height: 58px;
	background:#ffffff;
	box-shadow: 0px 0px 8px 0px darkslategrey;
	border-radius: 100%;
}
.tex-cnediv{
	color: black;
}
.autodiv{
	font-weight: 700;
}
.numpart-div{
	text-decoration: none !important; 
	color: black;
}
.inputdiv{
	border: 1px solid #dee2e6!important;
	display: flex;
}
.indomeshvideodiv{
	width: 96%;
	height:33%;
	margin-top: 7px;
	text-align:center !important;
	border-radius: 50%;
}
.Whatsapp-div:hover,.iconanotherdiv:hover{
	box-shadow: 0px 0px 8px 0px #d26f6f;
}
.whatspartdiv:hover,.Whatsapp-div:hover{
	color: #e76767 !important;
}
.text-body-div{
	color: #212529!important;
}.p-1 {
    padding: 1.25rem!important;
}
.catalogus{}
.p {
    margin-top: 0;
    margin-bottom: 2rem !important;
    margin-top: 14px ;
}
.form-control{
	width: 64% !important;
}
.Stars{
	color: #0eef60;
	font-size: 25px;
  margin-bottom: 16px;
}
.smp-div{
	text-decoration: none !important;
	margin-top: 10px;
   	font-size: 17px
}
.simdiv{
	padding: 1em;
	margin-left: -53px;
}
.googlediv{
	width: 64px;
	height: 64px;
}
.descriptionaboutus{
	text-align: center;
	padding: 0px 141px 0px 163px;
	margin-bottom: 28px;
}
.aboutuspartdiv{
	color: #ff4c4c;
}
.linediv{
	border-bottom: 1px solid gray;
}
.linepartdiv{
	width: 50% !important;
}
.centerdiv{
	text-align: center !important;
    margin-left: 339px;
}
.conboxdiv{
	box-shadow: -1px -2px 4px 0px black;
	border-radius: 10px;
	background: white;
}
.productimgdiv{
	width: 99%;
	margin-bottom: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 76% !important;
}
.topdiv{
	margin-top: 46px;
}
.margindiv{
	margin-bottom: 22px;
}
.prev{
	cursor: pointer !important;
  position: absolute !important;
  top: 85% !important;
  width: auto !important;
  /* margin-top: -30px; */
  padding: 16px !important;
  color: black !important;
  font-weight: bold !important;
  font-size: 20px !important;
  border-radius: 0 3px 3px 0 !important;
  user-select: none !important;
  text-align: center !important;
  margin-left: -47px !important;
}
.next{
	cursor: pointer !important;
  position: absolute !important;
  top: 85% !important;
  width: auto !important;
  /* margin-top: -30px; */
  padding: 16px !important;
  color: black !important;
  font-weight: bold !important;
  font-size: 20px !important;
  border-radius: 0 3px 3px 0 !important;
  user-select: none !important;
  margin-right: 614px !important; 
  text-align: center!important;
}
.prev:hover,.next:hover{
	background-color: white !important;
}
.slideshow-container {
  position: relative;
  background: none !important;
  top: -54px; 
}
.lastbtndiv {
  text-align: center!important;
  margin-top: 14px;
}
.boxwhatsapppart2div{
	background-color: #45d545 !important;
  color: white !important;
  height: 59px !important;
  padding: 1em !important;
}
.author {
	color: cornflowerblue;
}
.starspart-div{
	font-size:2em;
	color: yellow !important;
}
.guttersdiv-div{
	margin-left: 12%;
}
.mextdiv{
	width: 10em;
}
.pro-ddiv{
	width: 100% !important;
}
.airdiv{
	color: black !important;
	font-weight: bold !important;
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl 
{
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 579px !important;
}
.googlemapdiv{
	margin-top: 42px;
}
.pa-con-div{
	font-size: 17px;
}
.videogifdiv{
	width: 1518px;
	height: 500px;
}
.headerpart{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.copyrightdiv{
	color: black;
	font-size: 20px;
}
.EnterSizemsg{
	font-size: 22px;
	color: red;
}
.greendividbtn{
  color: white !important;
  margin-bottom: 10px;
}
.gallerybox{
	list-style: none;
	box-shadow: 3px 0px 18px -2px #7e7d7d;
	border-radius: 10px;
}
.mildsteeldiv{
	width: 100%;
	height: 80%;
}
.stainlessdiv{
	text-align: center;
	background-color: #c1c5c8;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: white;
	padding: 10px;
	font-weight: bold !important;
}
.boxpartdiv,.box-part-div{
	padding: 1em;
}
.galvansid-div{
	text-align: center;
	background-color: #424942;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: white;
	padding: 10px;
}
.brassdiv{
	text-align: center;
	background-color: #a8795d;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: white;
	padding: 10px;
}
.steelboxdiv{
	text-align: center !important;
	background-color: #98989a !important;
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	color: white !important;
	padding: 10px !important;
}
.alumdiv{
	text-align: center;
	background-color: #7e7d7d;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: white;
	padding: 10px;

}
.hdpediv{
	text-align: center;
	background-color: #7e7d7d;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: white;
	padding: 10px;
}


@media screen and (max-width: 1070px) {
	.back-img{
		height: 16%;
	}
	.boxpartdiv{
		margin-bottom: 137px !important;
	}
  .box-part-div{
  	width: 100% !important;
  	padding: 1em;
  	margin-bottom: 137px !important;
  }
	.steelboxdiv,.stainlessdiv,.hdpediv,.galvansid-div,.brassdiv,.alumdiv{
		padding: 41px !important;
    font-size: 52px !important;
	}
	.btn-prim {
    position: absolute;
    float: right !important;
    background-color: #fff3f396;
    width: 103px;
    height: 83px;
    color: white;
    font-size: 68px;
    border: none;
    box-shadow: none !important;
    right: 10px;
    top: 19px;
	}
	.btn-close{
		font-size: 42px;
		width: 2em !important;
	}
	.homediv{
		font-size: 55px !important;
		text-decoration: none !important;
	}
	.backvideo-div{
		height: 29vh !important;
	}
	.logo-img{
		width: 55% !important;
    top: -285px !important;
	}
	.expanddiv{
		font-size: 49px !important;
	}
	.logoheader3div{
		font-size: 45px;
	}
	.logoheder2div{
		font-size: 70px;
	}
	.logopartdiv{
		font-size: 44px;
	}
	.logohederdiv{
		font-size:230% !important;
	}
	.Whatsapp-div{
		width: 140px;
		height: 140px;
	}
	.tex-center{
		font-size: 67px;
	}
	.whatsapppart2div{
		font-size: 52px;
		margin-top: 17px;
	}
	.whatspartdiv{
		font-size: 45px;
	}
	.container{
		max-width: 884px !important;
	}
	.icon-code-div{
		font-size: 36px !important;
	}
	.tex-cnediv{
		font-size: 77px !important;
	}
	.sharepartdiv{
		font-size: 23px !important;
    width: 106% !important;
	}
	.input-group-text,.form-control{
		font-size: 3rem !important;
	}
	.indomeshvideodiv{
		width: 97% !important;
		height: 25% !important;
	}
	.logopartdiv{
		margin-top: -311px !important;
		margin-bottom: 41px;
	}
	.iconanotherdiv{
		width: 127px !important;
		height: 116px !important;
	}
	.my-auto,.text-body-div,.autodiv{
		font-size: 47px !important;
	}
	.spacediv{
		margin-bottom: 25px !important;
	}
	.Stars{
    color: #0eef60;
  	font-size: 64px !important;
  	margin-bottom: 20px;
	}
	.smp-div{
		text-decoration: none !important;
		font-size: 40px;
	}
	.simdiv{
		margin-left: 0px !important;
	}
	.wijddiv{
		text-align: center !important;
	}
	.form-control {
		width: 64% !important;
    height: 100% !important;
  }
  .inputdiv{
    width: 101% !important;
  }
  .googlediv{
    width: 68% !important;
    height: 100% !important;
  }
  .aboutuspartdiv{
    	font-size: 62px !important;
  }
  .descriptionaboutus{
    text-align: center;
    font-size: 25px !important;
    padding: 29px 72px 0px 87px !important;
  }
  .centerdiv{
    margin-left: 231px !important;
  }
  .topdiv{
    display: block;
    margin-top: 57px !important;
  }
  .margindiv{
    margin-bottom: 54px;
    width: 100% !important;
  }
  .productimgdiv{
    width: 100% !important;
    height: 50% !important;
  }
  .greendividbtn{
    font-size: 45px !important;
    color: white;
    margin-bottom: 10px;
  }
  .weareindomeshdiv{
    font-size: 27px;
    padding: 29px 72px 0px 87px !important;
  }
  .fontpartdiv,.author{
    font-size: 47px;
  }
  .bardiv{
    font-size: 34px !important;
    display: block;
  }
  .barpartdiv{
  	width: 197% !important;
  }
  .form-select{
    border: 1px solid gray !important;
    width: 201% !important;
    font-size: 25px !important;
  }
  .btan-primarty-div{
    font-size: 46px !important;
    width: 78% !important;
  }
  .boxwhatsapppart2div{
    width: 36% !important;
    font-size: 30px !important;
    height: 71px !important;
    padding: 0% !important;
  }
  .googlemapdiv{
    margin-bottom: 78px;
    margin-top: 78px;
  }
  .reviewdiv{
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .aboutusmaindiv{
    margin-bottom: 66px;
    text-align: center !important;
    margin-top: 25px;
  }
  .model{
    --bs-modal-width: 951px !important;
  }
  .modal.show .modal-dialog{
    height: 135% !important;
  }
  .modal-content{
/*    height: 55% !important;*/
  }
  .fs-5 {
   	font-size: 3.25rem!important;
  }
  .modal-dialog {
    max-width: 913px !important;
  }
  .lastbtndiv{
    align-items: baseline !important;
    margin-top: 39px !important;
  }
  .barsizediv{
  	margin-bottom: 15% !important;
  }
  .justify-content-between{
  	font-size: 29px !important;
  }
  .text-nowrap{
    font-size: 26px !important;
  }
  .starspart-div{
  	font-size: 3em !important;
  	color: #0eef60 !important;
  }
  .w-100 {
    width: 100%!important;
    height: 34px;
  }
  .mextdiv{
  	width: 12em !important;
    margin-left: -75px;
  }
  .Acousticsdiv{
  	width: 100% !important;
  	background: white;
  }
  .Acousticspartdiv{
  	font-size: 33px;
    margin-bottom: 16px;
  }
  .airdiv{
  	font-size: 40px !important;
  }
  .pro-ddiv{
  	width:100% !important;
  }
  .guttersdiv-div{
		margin-left: 6% !important;
	}
	.header {
    position: relative;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 35vh;
    min-height: 10rem;
    width: 100%;
    overflow: hidden;
  }
  .videogifdiv{
  	width: 1000px !important;
    height: 688px !important;
  }
  .copyrightdiv{
  	color: black;
  	font-size: 22px;
  }
  .EnterSizemsg{
  	font-size: 34px !important;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .responsive-table{
  	font-size: 24px !important;
  }
  .tt-b{
  	font-size: 31px !important;
  }
  .radiobtn{
  	font-size: 25px !important;
  }
  .youtubevideodiv{
  	display: none !important;
  }
  .gifvideodiv{
  	display: block !important;
  }
  .boxpartdiv{
  	width: 100% !important;
  	padding: 1em;
  }
  .box-part2-div{
  	display: block !important;
  }

}






* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0; background: url(/img/ecardsback.png);
    background-attachment: fixed;}

/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #f1f1f1f1;
}

/* Slides */
.mySlides {
  display: none;
  padding: 80px;
  text-align: center;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
    background: #ddd;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic;}
.whatsapp_div_class{
	display: flex;
	align-items: center;
}
.share_whatsapp{
	background: green;
	border: none;
	/* width: 100%; */
	/* padding: 0px 49px 0px 10px; */
	display: flex;
	width: 70%;
	align-items: center;
	color: white;
	font-size: 15px;
	padding: 10px;
}
.label_class{
	  width: 100%;
    display: flex;
    align-items: center;
    margin: 0px;
    padding-left: 10px;
}
.margin-right_5px{
	margin-right: 5px;
}
.whats_input{
	border: none !important;
	color: grey;
	padding: 5px;
	width: 65%;
}
.mobile_div{
	display: none!important;
}
.image1{
	width: 100%;
  display: inline-flex;
}
.image2{
	width: 50%;
	height: 100%;
}
.tagclass{
	color: grey!important;
}
.share_mobile_whatsapp{
    border: none;
    width: 70%;
    text-align: center;
    align-items: center;
    padding: 30px 10px 30px 10px;
    font-size: 25px;
    background: green;
    color: white;
}
.points{
	background: white;
}
@media screen and (max-width: 1070px) {
	.mobile_div{
		display: flex!important;
	}
	.large_div{
		display: none !important;
	}
}