#Header .input-group .form-control{background:#FFDCD4;border-color:#BA2100; border-radius:5px 0px 0px 5px; box-shadow:none; color:#000; height:50px;border-right:none; padding-left:15px;} 
#Header .input-group .btn{height:50px;border-radius:0px 5px 5px 0px; padding:10px 14px !important;border-color:#BA2100; border-left:none; background:#FFDCD4; font-size:20px;color:#BA2100;}
#Header .input-group .btn:hover{color:#BA2100;background:#fff;} 
.rounded-top-3 img{border-radius: 30px 30px 0px 0px;}
.wp-block-button__link {
  transition: all 0.3s ease-in;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 17px 35px !important;
  border-radius: 5px !important;
  text-transform: uppercase;
  text-shadow: none;
  line-height: 1.1;
}
.aws-container .aws-show-clear .aws-search-field {
  padding-right: 0px !important;
}
.text-secondary {
  color: #25ABE5 !important;
}
.images.nickx_product_images_with_video.show_lightbox.v-horizontal {
  padding-right: 21px;
}

.blue-copy{color: #3397d5;}
#ContactForm2 {
  background: #3A01AC url(../images/bg2.png) no-repeat top center;
    background-size: auto;
  background-size: cover;
  
  padding-top: 60px;
}
.product_meta {
  display: none;
}
.welcome .h1{
	font-size: 54px;}
.border-square img{border: 1px solid; width:100% !important;}
.wp-block-button__link:hover{background-color:#2b2b2b !important; color:#fff !important;border-color:#2b2b2b !important;}
.aws-container .aws-search-field {
  width: 100%;
  max-width: 100%;
  color: #313131;
  padding: 6px;
    padding-right: 6px;
  line-height: 30px;
  display: block;
  font-size: 16px;
  position: relative;
  z-index: 2;
  -webkit-appearance: none;
  height: 100%;
  min-height: inherit;
  margin: 0 !important;
  border: 1px solid #fff;
  outline: 0;
  background: #fff;
  color: #000;
font-weight: 500;
border-top-left-radius: 7px !important;
border-bottom-left-radius: 7px !important;
}
.aws-container .aws-search-form {
  height: 49px;
}
.aws-container .aws-search-form .aws-form-btn {border-top-right-radius:7px !important;
border-bottom-right-radius: 7px !important;}
.aws-container .aws-search-form .aws-search-btn_icon {
  
  color: #fff;
  
 
}
.aws-container .aws-focus  .aws-search-field {
  background: #fff;
}
.aws-container .aws-search-form .aws-form-btn {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
background: #ccc;}
/********** Main Banner **************************************************************************************************/
.MainBanner {background:url(../images/bg-latest.webp) no-repeat center center; background-size:cover; z-index: 0;position: relative;}
.MainBanner::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  
  z-index: -1;
	
  inset: 0;
  background-color: rgba(255, 255, 255, 0.7);
}
.BoRLine::before{display:inline-block; content:""; background:url(../images/left.png) no-repeat left center; width:50px; height:16px; transform:translateY(-.3rem); margin-right:20px;}
.BoRLine::after{display:inline-block; content:""; background:url(../images/right.png) no-repeat left center; width:50px; height:16px; transform:translateY(-.3rem); margin-left:20px;}
.ProName{min-height:80px; font-size:20px; line-height:1.1; padding:15px 55px; display:flex; justify-content:center; align-items:center;}
 
.SerName{background:#0087B1 url(../images/bg1.png) no-repeat top center; background-size:cover; clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%); padding-bottom:120px;}

.sprocket-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0 10px;
}

.sprocket-dot {
  width: 10px;
height: 8px;
background-color: #fff5f5;
margin: 0 4px;
flex: 0 0 auto;
}
.sprocket-row-container {
  overflow-x: auto; /* allow horizontal scroll if needed */
  overflow-y: hidden;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.sprocket-row {
  display: flex;
  flex-wrap: nowrap; /* keep dots in one line */
  justify-content: flex-start; /* align dots to left with no stretch */
  padding: 0 10px;
  gap: 2px; /* optional small gap between dots */
  scroll-behavior: smooth;
}
.sprocket-row-container {
  overflow-x: hidden;
}
body {overflow-x:hidden;}
 /* Hide scrollbar for WebKit browsers (Chrome, Safari) */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

.sprocket-row-container::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.film-strip-wrapper {
  background: black;
  overflow-x: auto; /* Allow horizontal scrolling */
  overflow-y: hidden;
  width: 100vw;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
}

.film-reel {
  display: flex;
  flex-wrap: nowrap; /* Prevent wrapping */
  gap: 10px;
margin: 4px 0;
  overflow-x: auto; /* Optional: scroll inside film-reel */
  scroll-behavior: smooth; /* smooth scroll */
}



.image-frame {
  padding: 3px;
  background: black;
  flex-shrink: 0;
}

.film-image {
  height: 130px !important;
  object-fit: cover;
  width: auto;
  max-width: 100%;
}

.film-strip-wrapper::-webkit-scrollbar {
  display: none;
}
.film-strip-wrapper {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}



/********** ContactForm **************************************************************************************************/
#ContactForm{background:#3A01AC url(../images/bg2.png) no-repeat top center;background-size:cover;clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%); margin-top:-175px; padding-top:220px;}

#ContactForm .form-control{height:60px; color:#000; padding-left:15px;}
#ContactForm textarea.form-control{height:160px; padding-top:15px; padding-left:15px;}
#ContactForm .form-control::-moz-placeholder,#ContactForm .form-control::-moz-placeholder {color:#000; opacity:1;}
#ContactForm a{color:#fff;} #ContactForm a:hover{color:#000;}
#ContactForm2 a {
  color: #fff;
}   
/********** Footer ***************************************************************************************************/
#Footer {font-size:14px; line-height:1.1; border-bottom:solid 10px #00B1E8;clear: both;}
#Footer a{color:#000;}#Footer a:hover,#Footer .list-inline a:hover{color:#60A4BF;}
@media (max-width: 1150px) {
  .navbar-nav .nav-link {
    font-size: 11px !important; 
    padding: 10px 20px;
  }
}

@media (max-width: 1000px) {
  .navbar-nav .nav-link {
    font-size: 11px !important;
    padding: 10px 20px;
  }
}  
/*************************************************************************************************************/
@media (min-width:992px) {
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:99; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;} 
}

@media (min-width: 1920px){.gutter-lg {margin-left:-16px!important;margin-right:-16px!important;}
.gutter-lg div[class^="col"]{padding-left:16px!important;padding-right:16px!important;}
.container {max-width:1600px !important;} #Footer .Copytext{letter-spacing:0.1em;} }

@media (min-width: 1600px) {.container {max-width:1540px;}.navbar-nav>li+li {margin-left:30px;}  }

@media (min-width: 1259.98px) and (max-width: 1360px) {}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){}

/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){.ProName {padding:15px 15px;}.fs-50 {font-size:41px !important;}}
@media (min-width: 991.98px) and (max-width: 1199.98px) {.ProName {padding:15px 15px;}.fs-50 {font-size:41px !important;}
.sec-align.wp-block-columns{
		flex-wrap: wrap !important;
	}
	 .sec-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {.ProName {padding:15px 15px;}.fs-50 {font-size:41px !important;}.SerName{clip-path:none; padding-bottom:50px;}#ContactForm{clip-path:none; margin-top:-0px; padding-top:40px;}h1, .h1 {font-size:31px;}
.sec-align.wp-block-columns{
		flex-wrap: wrap !important;
	}
	 .sec-align.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
}

@media (max-width: 767.98px) {.ProName {padding:15px 15px;}.fs-50 {font-size:41px !important;}.SerName{clip-path:none; padding-bottom:50px;}#ContactForm{clip-path:none; margin-top:-0px; padding-top:40px;}.fs-45 {font-size:35px !important;} h1, .h1 {font-size:31px;}}

@media (max-width: 575.98px){
.MainBanner .Homebnr .carousel-item img {
    height:240px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
	.welcome .h1 {
  font-size: 41px;
}
	#ContactForm2 {
  background: #3A01AC url(../images/bg2.png) no-repeat top center;
    background-size: auto;
  background-size: auto;
  background-size: cover;
  margin-top: 0px;
  padding-top: 0px;
}
 
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}