/* [AttributeGroupLinks] */

/* [/AttributeGroupLinks] */

/* [AttributeNavigationLinks] */
.BrowseByAttributeFilterButtonArea {  }
.BrowseByAttHeader {  }
/* [/AttributeNavigationLinks] */

/* [AttributeDropDownGroup] */
.AttributeDropDownGroupItem { white-space: nowrap; }
/* [/AttributeDropDownGroup] */

/* [CategoryDropDownFilter] */
.CategoryFilterDropDown {  }
.CategoryFilterCategoryDropDown {  }
.CategoryFilterAttributeDropDown {  }
.CategoryFilterDropDownContainer {  }
/* [/CategoryDropDownFilter] */

/* [HTML] */

/* [/HTML] */

/* [Carousel] */
.CarouselPrevButton {  }
.CarouselNextButton {  }
.CarouselBuyNowLink { font-size: 7pt; text-decoration: none; }
.CarouselMoreLink { font-size: 7pt; text-decoration: none; }
/* [/Carousel] */

/* [FileUpload] */
.UploadFileResult { height: 40px; text-align: center; color: red; }
/* [/FileUpload] */

/* [ProductDisplay] */
.FeaturedItemsRating {  }
.FeaturedItemsDetails {  }
.FeaturedItemsPriceHR {  }
.FeaturedItemsPriceAlignment {  }
.FeaturedItemsBuyMoreLinkHR {  }
.FeaturedItemsThumbnail {  }
.PriceLabels {  }
.ProductDisplayBuyNowLink { font-size: 7pt; text-decoration: none; }
.ProductDisplayMoreLink { font-size: 7pt; text-decoration: none; }
.ProductDisplayStatus { font-size: 7pt; text-decoration: none; }
.ProductDisplayBuyMoreArea { float: right; padding-right: 5px; display: inline; }
/* [/ProductDisplay] */

/* [ContactForm] */

/* [/ContactForm] */

/* [Widget23868] */
.Control_23868 { text-align: center; }
.ControlHeader_23868 {  }
.ControlItem_23868 {  }
.ControlLink_23868 {  }
.ControlLink_23868:hover {  }
.ControlLink_23868 a {  }
.ControlLink_23868 a:hover {  }
.ControlLink_Link_23868 {  }
.ControlLink_Link_23868:hover {  }
.ControlLinkSeperator_23868 {  }
.ControlText_23868 {  }
.ControlInput_23868 {  }
.ControlFooter_23868 {  }

.ContactForm Control_23868 { text-align: center; }
@media only screen and (max-width: 600px) {
 body { background-color: lightblue; }
}
/* [/Widget23868] */

/* [MailingList] */

/* [/MailingList] */

/* [Widget24819] */
.Control_24819 {  }
.ControlHeader_24819 {  }
.ControlItem_24819 {  }
.ControlText_24819 {  }
.ControlInput_24819 {  }

.Control_24819 { text-align: center; }
@media only screen and (max-width: 600px) {
 body { background-color: lightblue; }
}
/* [/Widget24819] */

/* [CategoryNavigationLinks] */
.BrowseCategoryIcon {  }
/* [/CategoryNavigationLinks] */

/* [CustomerLogin] */
.CustomerLoginEmailTextbox { width: 180px; }
/* [/CustomerLogin] */

/* [PhotoGallery] */
.PhotoGallery {  }
/* [/PhotoGallery] */

/* [Widget34837] */
.Control_34837 {  }
.Control_34837 a {  }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
 
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* [/Widget34837] */

/* [CategoryQuickList] */
.CategoryQuickListContainer {  }
.CategoryQuickListContainer tr td { vertical-align: top; }
.CategoryQuickListIndividualContainer { margin: 2px 8px 2px 2px; }
.CategoryQuickListRootCategory { font-weight: bold; font-size: 125%; text-transform: capitalize; }
.CategoryQuickListRootImage { border: none; display: block; margin-bottom: 4px; }
.CategoryQuickListSubCategory { display: list-item; list-style-type: square; margin: 0 0 0 14px; }
/* [/CategoryQuickList] */

/* [BlogTagCloud] */
.BlogTagCloud.Control { text-align: justify; }
.TagCloudList { list-style-type: none; margin: 0; padding: 0; }
.BlogTagCloud .ControlItem { display: inline; padding: 0 5px 0 0; vertical-align: bottom; } 
.BlogTagCloud .ControlLink_Link { -webkit-transition: 0.5s; -moz-transition: -.5s; }
.BlogTagCloud .TagCloud_MinSize { opacity: 0.5; }
.BlogTagCloud .TagCloud_MedSize {  }
.BlogTagCloud .TagCloud_MaxSize { font-weight: bold; }
.BlogTagCloud .ControlLink_Link:hover { color: red; opacity: 1; -webkit-transition: 0.5s; -moz-transition: -.5s; }
/* [/BlogTagCloud] */

/* [BannerAd] */

/* [/BannerAd] */

/* [ManufacturerNavigationLinks] */

/* [/ManufacturerNavigationLinks] */

/* [Widget41929] */
.Control_41929 {  }
.Control_41929 a {  }
.wmpci-clearfix:before, .wmpci-clearfix:after { content: ""; display: table; }
.wmpci-clearfix::after { clear: both; }
.wmpci-popup-wrp * { outline: none !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wpmci-popup-cnt-inr-wrp { text-align: center; }
.wpmci-popup-cnt-inr-wrp h2 { margin: 0 0 5px 0 !important; }
.wpmci-popup-cnt-inr-wrp h4 { margin: 0 0 15px 0 !important; }
.wmpci-popup-open #wmpci-popup-wrp { display: block; }
#wmpci-popup-wrp { bottom: 0; display: none; left: 0; overflow-y: auto; position: fixed; right: 0; top: 0; z-index: 9999999; }
.wmpci-popup-wrp.splash { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; }
.wmpci-popup-body { background-color: #fff; left: 0; margin: auto; position: absolute; right: 0; text-align: left; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); max-width: 50%; width: auto; }
.wmpci-popup-body p { line-height: 1.71429; margin: 0 0 1.71429rem; }
.wmpci-popup-body p:last-child { margin: 0; }
.text-right { text-align: right !important; }
.wpmci-popup-cnt-inr-wrp { clear: both; font-size: 14px; padding: 20px 20px 20px 20px; width: 100%; overflow: auto; }
.wmpci-popup-open, .wmpci-popup-open body { overflow: hidden; }
.wmpci-popup-wrp .wmpci-popup-close { background: rgba(0, 0, 0, 0) url("../images/close.png") no-repeat scroll 0 0; display: block; height: 35px; position: absolute; right: -12px; text-decoration: none !important; top: -12px; width: 35px; z-index: 1500; }

/***** Design 1 Starts*****/
.design1 .wmpci-popup-body { border: 5px solid #fff; background-color: #08beb6; color: #fff; }
/***** Design 1 Ends*****/

/***** Design 2 Starts*****/
.wmpci-popup-bar-wrp { clear: both; margin-bottom: 20px; }
.wmpci-popup-bar { display: block; float: left; height: 11px; width: 25%; }
.wmpci-red-bar { background-color: #ef3e36; }
.wmpci-green-bar { background-color: #abb92e; }
.wmpci-orange-bar { background-color: #f57826; }
.wmpci-blue-bar { background-color: #17b4e9; }
/***** Design 2 End*****/

/* --- For Menu Media Css Starts --- */
@media only screen and (max-width: 650px) {
 .wmpci-popup-body { width: 90% !important; }
}
/* [/Widget41929] */

/* [BlogDrillDown] */
.BlogDrillDownIcon { display: inline-block; *display: inline; zoom: 1; padding: 0 5px; vertical-align: middle; }
.BlogDrillDown .ControlLink { display: inline-block; *display: inline; zoom: 1; }
/* [/BlogDrillDown] */

/* [QuestionAnswer] */
.AskQuestion { padding-bottom: 50px; }
.AskQuestionLabel span, .AnswerQuestionLabel span, .AnswersHeader { font-weight: bold; font-size: 125%; padding: 20px 0 10px; }
.AskQuestionTextbox textarea, .AnswerQuestionTextbox textarea { width: 100%; box-sizing: border-box; margin-bottom: 10px; min-height: 75px; }

.Question { clear: both; padding: 20px 0; border-bottom: 1px solid #eaeaea; }
.Question:last-of-type { border: none; }
.QuestionVote, .AnswerVote { float: left; width: 100px; margin-right: 20px; text-align: center; }
.UpVotes, .DownVotes { font-size: 200%; font-weight: bold; padding: 5px; }
.UpVotes { color: green; }
.DownVotes { color: red; }
.VoteFace { display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }
.QuestionVote input[type=submit], .AnswerVote input[type=submit] { padding: 2px 5px; margin: 3px; }
.QuestionText, .AnswerText { overflow: hidden; }
.QuestionAuthor, .AnswerAuthor { font-size: 80%; padding: 10px 0 20px; }

.QuestionAnswer { clear: left; padding: 20px 0; border-bottom: 1px solid #eaeaea; }
.QuestionAnswer:last-of-type { border: none; padding-bottom: 0; }
.QuestionAddAnswer { padding: 20px 0; overflow: hidden; clear: left; }
.Votes { padding-bottom: 20px; }
/* [/QuestionAnswer] */

/* [Tabs] */

/* [/Tabs] */

/* [QuickOrderEntry] */
.QuickOrderEntryHeader { text-align: center; }
.QuickOrderEntryItemNumberTextbox { width: 100px; }
.QuickOrderEntryQuantityTextbox { width: 50px; }
.QuickOrderEntryAddButton { text-align: center; }
/* [/QuickOrderEntry] */

/* [Widget47106] */
.Control_47106 {  }
.Control_47106 a {  }

/* Style the button that is used to open and close the collapsible content */
.collapsible { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; }

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover { background-color: #ccc; }

/* Style the collapsible content. Note: hidden by default */
.content { padding: 0 18px; display: none; overflow: hidden; background-color: #f1f1f1; }
.collapsible { background-color: #777; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; }

.active, .collapsible:hover { background-color: #555; }

.content { padding: 0 18px; display: none; overflow: hidden; background-color: #f1f1f1; }
/* [/Widget47106] */

/* [ImageLogo] */

/* [/ImageLogo] */

/* [Widget49583] */
.Control_49583 { color: blue; }
.ControlHeader_49583 {  }
.ControlItem_49583 {  }
.ControlLink_49583 {  }
.ControlLink_49583:hover {  }
.ControlLink_49583 a {  }
.ControlLink_49583 a:hover {  }
.ControlLink_Link_49583 {  }
.ControlLink_Link_49583:hover {  }
.ControlLinkSeperator_49583 {  }
.ControlText_49583 {  }
.ControlInput_49583 {  }
.ControlFooter_49583 {  }
/* [/Widget49583] */

/* [TextOverImage] */
.TextOverImage-container { position: relative; }
/* [/TextOverImage] */

/* [Slideshow] */
.Slideshow { position: relative; }
.SlideList, Slide { margin: 0; padding: 0; list-style: none; }
.Slide { overflow: hidden; }
.SlideshowButtons { padding: 0; bottom: 10px; left: 10px; position: absolute; }
.SlideshowButton { margin: 0 10px 0 0; padding: 0; float: left; list-style: none; height: 28px; line-height: 28px; }
.SlideshowButtonLink { float: left; height: 28px; line-height: 28px; border: 1px solid#ccc; background: #DAF3F8; color: #555; padding: 0 10px; text-decoration: none; }
.SlideshowButtonLinkCurrent { background: #5DC9E1; color: #fff; }
.SlideshowButtonLink:focus { outline: none; }
.SlideshowPrevious { position: absolute; left: 5px; background: #666; color: #fff; }
.SlideshowNext { position: absolute; right: 5px; background: #666; color: #fff; }
.SlideshowPreviousLink { color: #fff; padding: 5px; display: block; }
.SlideshowNextLink { color: #fff; padding: 5px; display: block; }
/* [/Slideshow] */

/* [RepeatedList] */

/* [/RepeatedList] */

/* [Widget70384] */
.Control_70384 {  }
.Control_70384 a {  }
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body { background-color: #232331; font-family: 'Roboto', sans-serif; }

#captchaBackground { height: 220px; width: 250px; background-color: #2d3748; display: flex; align-items: center; justify-content: center; flex-direction: column; }

#captchaHeading { color: white; }

#captcha { height: 80%; width: 80%; font-size: 30px; letter-spacing: 3px; margin: auto; display: block; top: 0; bottom: 0; left: 0; right: 0; }

.center { display: flex; flex-direction: column; align-items: center; }

#submitButton { margin-top: 2em; margin-bottom: 2em; background-color: #08e5ff; border: 0px; font-weight: bold; }

#refreshButton { background-color: #08e5ff; border: 0px; font-weight: bold; }

#textBox { height: 25px; }

.incorrectCaptcha { color: #FF0000; }

.correctCaptcha { color: #7FFF00; }
/* [/Widget70384] */

/* [RSSFeedReader] */
.FeedItemDate {  }
.FeedItemTitle {  }
.FeedItemLink {  }
.FeedItemSummary {  }
.FeedItemText {  }
.FeedItemHTML {  }
/* [/RSSFeedReader] */

/* [Widget82511] */
.Control_82511 {  }
.Control_82511 a {  }

#myImg { border-radius: 5px; cursor: pointer; transition: 0.3s; }

#myImg:hover { opacity: 0.7; }

/* The Modal (background) */
.modal {
 /* Hidden by default */
 /* Stay in place */
 /* Sit on top */
 /* Location of the box */
left: 0;
top: 0;
 /* Full width */
 /* Full height */
 /* Enable scroll if needed */
 /* Fallback color */
 /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content { margin: auto; display: block; width: 80%; max-width: 700px; }

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; }

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { animation-name: zoom; animation-duration: 0.6s; }

@keyframes zoom {
from {transform:scale(0)}
to {transform:scale(1)}
}

/* The Close Button */
.close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; }

.close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
 .modal-content { width: 100%; }
}
/* [/Widget82511] */

/* [MenuList] */

/* [/MenuList] */

/* [Widget83542] */
.Control_83542 {  }
.ControlHeader_83542 {  }
.ControlItem_83542 {  }
.ControlLink_83542 {  }
.ControlLink_83542:hover {  }
.ControlLink_83542 a {  }
.ControlLink_83542 a:hover {  }
.ControlLink_Link_83542 {  }
.ControlLink_Link_83542:hover {  }
.ControlLinkSeperator_83542 {  }
.ControlText_83542 {  }
.ControlInput_83542 {  }
.ControlFooter_83542 {  }

.MenuList .nav-list { flex-direction: row !important; }

.nav { display: flex; /* flex-wrap: nowrap; */ padding-left: 5; margin-bottom: 5; list-style: none; flex-direction: row; align-content: flex-start; justify-content: space-evenly; align-items: center; }
.natural-gallery-js .figure .title.hover { padding: 10px; transform: translateY(calc(100% + 12px)); opacity: 0.6; color: white !important; font-weight: bold; }
/* [/Widget83542] */

/* [AppliedAttributeFilters] */
.applied-attribute-filter { background-color: #005982; float: left; border: 1px solid #3ba5bf !important; margin-top: 10px; margin-right: 20px; }
.applied-attribute-filter:hover { background-color: #67C1D6; border: 1px solid #3ba5bf !important; }
.applied-attribute-filter-clear { float: left; color: #fff !important; background-color: transparent !important; border: none !important; font-weight: bold !important; padding-left: 10px !important; padding-right: 10px !important; margin: 0 !important; height: 30px !important; border-radius: 0px !important; border-right: 1px solid #3ba5bf !important; line-height: 30px; font-size: 22px; }
.applied-attribute-filter-text { color: #fff; float: left; border-left: none !important; padding-left: 10px !important; padding-right: 10px; font-size: 11px; line-height: 30px; cursor: pointer; }
/* [/AppliedAttributeFilters] */