/* [Global] */
p { line-height: 1.9; font-weight: normal; text-decoration: none; font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
body { background: #ffffff; font-size: 16px; color: #000000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
h2, .h2 { font-size: 36px; }
h5, .h5 { font-size: 16px; }
a { color: #3b80d8; }
a:hover { color: #007cc4; }
label { display: block; }
input[type=radio] + label, input[type=checkbox] + label { display: inline-block; padding-left: 10px; font-weight: normal; }
.badge { background-color: #007cc4; }
.lblPrice { color: #000; }
button[disabled], html input[disabled] { background: rgb(235, 235, 228); }
.col-xs-6:nth-of-type(2n), .col-sm-6:nth-of-type(2n) { margin-bottom: 30px; }
[class*=col-md], [class*=col-lg] { margin-bottom: inherit !important; }
/* make bootstrap dropdowns work on hover */
.navbar-nav .dropdown:hover > .dropdown-menu { display: block; }
.navbar-nav .dropdown:hover > a[data-toggle=dropdown] + .dropdown-menu { display: none; }
.navbar-nav .dropdown.open > a[data-toggle=dropdown] + .dropdown-menu { display: block; }
.navbar-nav .dropdown-submenu { position: relative; }
.navbar-nav .dropdown-submenu:hover > .dropdown-menu { display: block; top: -6px; margin: 0; left: 100%; }
.LayoutBottom input[type="text"], .LayoutBottom input[type="password"], .LayoutBottom input[type="email"], .LayoutBottom select, .LayoutBottom textarea { background: #333; border: none; box-shadow: none; color: #999; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #111; }
.breadcrumb { border-bottom: 1px solid #DDDDDD; border-radius: 4px; border-top: 1px solid #DDDDDD; list-style: none outside none; margin-bottom: 20px; padding: 15px; background: none; }

.LayoutLeftColumn { padding-top: 50px; }
.navbar-header-leftcol { background: #202021; color: #fff; margin-bottom: 30px; }
.navbar-header-leftcol  .navbar-toggle { background: none; border: 1px solid #fff; }
.navbar-header-leftcol  .navbar-toggle .icon-bar { background: #fff; }
.navbar-header-leftcol .navbar-brand { color: #fff; }
.navbar-collapse.left-collapse { max-height: inherit; }

.lblPriceLabel { display: none; }
.modal-body { min-height: 70px; }
.modal-body .progress { top: 50%; left: 30px; right: 30px; height: 30px; margin-top: -15px; }
.modal-body iframe { z-index: 1; }
.seo-text { max-width: 1000px; }
.text-muted a { color: inherit; }
.alert a { color: inherit; }
.ProductDisplay .ControlItem a { color: #000; font-size: 18px; }
.ui-autocomplete { z-index: 10; }
.LayoutContent { padding-top: 50px; }
.prod-name { color: #007cc4; }
/* .category-product a.prod-name { color: #007cc4; font-size: 18px; } */
.CategoryProductReview > div:first-child { margin-top: -3px; }
.panel-intro .wrapper { background: #bdbdbd; padding: 15px 15px 35px 15px; }
.panel-intro  img { width: 100%; }
.panel-intro  img { width: 100%; }
img.FeaturedItemsThumbNail { width: 100%; }
/* search autocomplete stuff */
.search-box input { vertical-align: top; }

.ui-autocomplete { z-index: 10000; }
.ui-menu .ui-menu-item a { background: none; border: none; opacity: 0.75; cursor: pointer; }
.ui-menu .ui-menu-item a:hover { opacity: 1; }

/* reset some stuff that bootstrap breaks */
.bx-wrapper *, .addthis_toolbox * { box-sizing: content-box; }
.bx-wrapper { margin-bottom: 20px; }
.bx-controls-direction { opacity: 0.25; transition: 0.25s; }
.bx-controls-direction:hover { opacity: 0.75; transition: 0.25s; }

.thumbnail { border: none #007cc4; text-align: center; }
.thumbnail .quick-view { border: none; color: #fff; font-weight: bold; top: 0px; left: 50%; width: 120px; margin-left: -60px; opacity: 0; display: none; transition: 0.25s; z-index: 4; }
.thumbnail:hover .quick-view { top: 100px; background: #007cc4; border: none; font-weight: bold; display: block; opacity: 1; transition: 0.25s; }
.thumbnail:hover .quick-view:hover { background: #AF2B2B; }
/* , img */ 
.zoomWrapper img { max-width: none; }
.thumbnail:hover { text-decoration: none; }

.homepage-product .thumbnail { min-height: 260px; line-height: 260px; margin-bottom: 10px; border: 1px solid #c3c3c3; border-radius: 0px; }
.homepage-product .thumbnail img { display: inline; }

.product-flag { width: 150px; height: 150px; display: none\9; line-height: 1.5; }
.product-flag span { background: #222; color: #eee; text-align: center; display: block; position: absolute; width: 100%; font-size: 16px; }
.product-flag.top span { bottom: 0; }
.product-flag.bottom span { top: 0; }

.product-flag.left { left: -90px; }
.product-flag.right { right: -90px; }
.product-flag.top { top: -90px; }
.product-flag.bottom { bottom: -90px; }
.product-flag.top.left { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.product-flag.top.right { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.product-flag.bottom.left { transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.product-flag.bottom.right { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

input[type=text], input[type=password], input[type=email], select, textarea { min-height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
select { padding: 6px; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, select:focus, textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); }

input, select, textarea { max-width: 100%; }

.Hidden { display: none; }
.AddressBookNameTextbox { width: 194px; }
.AddressBookCityTextbox { width: 152px; }
.AddressBookStateTextbox { width: 160px; }
.AddressBookZipCodeTextbox { width: 112px; }
.AddressBookNotes { font-family: Verdana; font-size: 10px; }
.ProductGroupItemPricing { white-space: nowrap; }
.ProductGroupItemQuantity { width: 40px; }
.ProductGroupItemDescription { margin: 0px 4px 0px 4px; }
.CustomPaymentMethodsAmountArea { float: right; }
.CustomPaymentMethodsAmountTextbox { width: 80px; }
.CustomPaymentMethodsFieldName { padding-left: 15px; width: 100px; text-align: right; }
.CustomPaymentMethodsChooseArea { padding-left: 35px; }
.CustomPaymentMethodsSeparator { height: 1px; color: #999999; }
.MicroStoreMoreInfoLink { font-size: 10px; }
.PaymentMethodsCC {  }
.PaymentMethodsNewCardNum {  }
.PaymentMethodsNewCardName {  }
.PaymentMethodsChoosePaypalButton { padding-left: 35px; }
.PaymentMethodsCustomFieldName { padding-left: 35px; width: 200px; }
.PaymentMethodsChooseCustomButton { padding-left: 35px; }
.PaymentMethodsEcheckTextbox { width: 75px; }
.PersonalizationFileUpload { width: 250px; }
.ProductReviewTagSelectorRemoveTagArea { width: 15px; text-align: center; }
.ProductReviewTagSelectorRemoveTagImage { border: 0 none; }
.RelatedItemsContainer { padding: 10px; }
.RelatedItemsSeparator { color: #999999; height: 1px; }
.RelatedItemsProductPhotoArea { float: left; width: 14%; }
.RelatedItemsProductNameArea { float: left; width: 34%; }
.RelatedItemsPricingArea { float: left; width: 24%; }
.RelatedItemsAddToCartArea { float: left; width: 24%; text-align: right; }
.RelatedItemsQtyTextbox { width: 40px; }
.RelatedItemsMessageText { float: left; width: 24%; text-align: right; }
.RelatedItemsAddToCartButton { clear: both; text-align: right; }
.ShippingMethodCalendarPickerArea { float: left; width: 49%; }
.ErrorText, .errorText { display: block; }
.attentionText { background: #e5e5e5; margin: 10px 0; padding: 10px; color: #000; }
.itemoriginalprice { text-decoration: line-through; }
.EProductCredentials { font-weight: bold; }
.EProductCredentials span { font-weight: normal; padding-right: 20px; }
.EProductNameContainer { display: inline; padding-right: 20px; }
.EProductURLContainer { display: inline; }
.EProductItemContainer { text-align: left; }
.ShippingEstimationZipTextbox { width: 100px; }
.ShippingEstimationItemInfo .QtyTextbox { width: 50px; text-align: center; }

div.ac-admin-help { background: #fafafa; border: none; border-radius: 3px; color: #666; font-family: inherit; font-size: inherit; }
.panel-heading:empty { display: none; }
a { color: #3b80d8; }
body input.ThemeButton { background: #007cc4; color: #ffffff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a { color: #007cc4; }
a { color: #007cc4; }
.Category .category-product .thumbnail { border: #ffffff; background: #ffffff; }
.Category .category-product .thumbnail:hover { background: #ffffff; }
.Category h1.CategoryCategoryName { color: #ffffff; }
body.Category { background: none; }
.panel, .panel-default { background: none no-repeat scroll; font-size: 16px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
undefined { background: url('/images/5555.jpg'); }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
h1, .h1 { color: #000000; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }a { color: #007cc4; }
a { color: #007cc4; }a { color: #007cc4; }
a { color: #007cc4; }
.Default .homepage-product .thumbnail { border: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
hr { margin-top: 10px !important; margin-bottom: 10px !important; }
.page-header { padding-bottom: 0px !important; }
.ProductDetails #lblPrice { color: #000000; font-size: 30px; }
.ProductDetails #lblPrice .panel { padding-bottom: 0px !important; }
.ProductDetails h1.ProductDetailsProductName, .ProductDetails .ProductDetailsProductName small { color: #000000; }
a { color: #007cc4; }
.LayoutMiddle { color: #000000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a { color: #007cc4; }
a { color: #007cc4; }
.Layout { color: #000000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
input[type=text], input[type=password], select { color: #000000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a { color: #007cc4; }
a { color: #007cc4; }
a { color: #007cc4; }
.g-signin2 { display: inline-block; }
a { color: #007cc4; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
ul.dropdown-menu>li>a { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; }
ul.dropdown-menu>li>a:hover, ul.dropdown-menu>li>a:focus { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; }
.MenuBar div.navbar, div.HorizontalNav { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; }
.LayoutMiddle a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.LayoutBottom a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
ul.dropdown-menu { font-weight: normal; }
.MenuBar .navbar ul.nav > li > a:hover, div.HorizontalNavItem a:hover { font-weight: bold; }
.MenuBar .navbar ul.nav > li > a, div.HorizontalNavItem a { font-weight: bold; }
/* [/Global] */

/* [Layout] */
.navbar-default.top-nav { background: #202021; }

.top-nav .navbar-nav > li> a { padding: 15px 10px; font-size: 14px; border-left: none; box-shadow: none; color: #fff; }
.top-nav .container { padding-left: 0; }
.top-nav .navbar-nav > li > a:hover { color: #EEE; }

.top-nav .navbar-nav > li:last-of-type a { border-right: none; box-shadow: none; }
.top-nav .navbar-right .navbar-nav > li:last-of-type a { border-right: none; box-shadow: none; }
.top-nav .navbar-nav > li:nth-last-child(2) a { border-right: none; }
.top-nav .navbar-right .navbar-nav > li:nth-last-child(2) a { border-right: none; }
.top-nav .navbar-right .navbar-nav > li> a { border: none; box-shadow: none; }
.top-nav .navbar-collapse { padding-left: 0; padding-right: 0; }

.navbar-right { padding-right: 15px; }
.logo-area { padding: 1px 35px 1px 32px; }

.category-nav { padding: 30px 15px 0px 35px; border-left: 1px solid #CCC; }
.category-nav .navbar-default { background: transparent; border: 0px; font-family: arial, sans-serif; font-weight: bold; color: #000; font-size: 18px; }

div.category-nav .navbar-default .navbar-nav > li > a { color: #FFFFFF; font-weight: normal; }

div.category-nav .navbar-default .navbar-nav>li>a:hover { color: #d6d6d6; }
/* /Header */

/* Footer */
footer { background: #111; color: #eeeeee; }

footer a { color: #eeeeee; }

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer .h1, footer .h2, footer .h3, footer .h4, footer .h5, footer .h6 { color: #eeeeee; }

footer>p:last-of-type { margin: 0; padding-bottom: 20px; color: #888 !important; }

footer>p a { color: #888 !important; }
/* /Footer */
/* [/Layout] */

/* [Widgets] */
.ControlHeader {  }
/* [/Widgets] */

/* [ProductDetails] */
.ProductDetailsPriceLabel { display: none; }
input.ProductDetailsQuantityTextBox { width: 70px; text-align: center; padding: 0; }
#lblProductStatus:after { content: "  "; }
#lblProductStatus + br { display: none; }

.varpicmax_img { border: 1px solid transparent; }
.ProductDetailsVariations input[type=checkbox] + label { display: inline; font-weight: normal; padding-left: 5px; vertical-align: top; }

.ProductDetailsSelectedVariant { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); }
.ProductDetailsSwatches ul { margin: 0; }
.ProductDetailsSwatches li { float: left; margin: 5px 5px 0 0; }
.Variant > br, .ProductDetailsVariations > br { display: none; }
.media-body .StarRatings { margin-left: 10px; }

.ProductDetailsQuantityPriceTable tr:first-child td { border-top: none; }
.ProductDetailsQuantityPriceTable  p { margin: 0; line-height: inherit; }

.SwatchNotApplicable { opacity: 0.5; pointer-events: none; }

.column333 { float: left; width: 49%; padding: 10px; }

/* Clear floats after image containers */
.row333::after { content: ""; clear: both; display: table; }
.column334 { float: left; width: 23%; padding: 5px; }

/* Clear floats after image containers */
.row233::after { content: ""; clear: both; display: table; }
.column234 { float: left; width: 49%; padding: 10px; }

/* Clear floats after image containers */
.row334::after { content: ""; clear: both; display: table; }

.column335 { float: left; width: 32%; padding: 10px; }

/* Clear floats after image containers */
.row335::after { content: ""; clear: both; display: table; }

.container-small { max-width: 1200px; margin: auto; }
/* [/ProductDetails] */

/* [Catalog] */
.CatalogItemQuantityBox input { width: 75px !important; text-align: center; }
/* [/Catalog] */

/* [Category] */
.categoryHead-wrap { position: relative; background-color: #ededed; /*min-height: 460px;*/ margin-bottom: 30px; }
.categoryHead-inner { height: 100%; display: flex; justify-content: center; }
.categoryHead-inner2 {  }
.categoryHead-logo img { width: 80%; }
.categoryHead-text { position: relative; width: 75rem; }
.categoryHead-text p { line-height: 2; font-weight: bold; font-size: 14px; margin: 0 20px 30px; }
#img_category_page_header_image { width: 100%; }
.category-product a.prod-name { color: #000; font-size: 18px; /*font-weight: bold;*/ }
.CategoryProductPrice { color: #007cc4; font-size: 18px; font-weight: bold; }
.CategoryProductPriceLabel { display: none; }
.CategoryProductThumbnail, body.RoboticArmsCat .ProductDisplay .FeaturedItemsThumbNail img { border: 1px solid #c3c3c3 !important; }
body.RoboticArmsCat .ProductDisplay .FeaturedItemsThumbNail img { max-width: 90%; }
.product-list div[class*=col-] { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
.category-product .thumbnail, body.RoboticArmsCat .ProductDisplay .FeaturedItemsThumbNail { min-height: 260px; line-height: 260px; margin-bottom: 10px; }
.category-product .thumbnail img, body.RoboticArmsCat .ProductDisplay .FeaturedItemsThumbNail img { display: inline; }
body.RoboticArmsCat .FeaturedItemsDetails, body.RoboticArmsCat .FeaturedItemsPriceAlignment { text-align: center; }
body.RoboticArmsCat .ProductDisplay { margin-top: 45px; margin-bottom: 45px; }
body.RoboticArmsCat .ControlHeader { display: none; }
.mfg_logo_lg { margin-top: 70px; }
/* Responsive */

@media (max-width: 1420px) {
  .categoryHeader { max-height: 45%; }
  .categoryHead-inner2 { justify-content: center; }
}
@media (max-width: 1280px) {
  .categoryHeader { min-height: 450px; }
}
@media (max-width: 1200px) {
  .categoryHead-inner { flex-wrap: wrap; }
  .categoryHead-logo img { width: 60%; }
  .categoryHead-text { width: 100rem; }
  .categoryHead-logo img { width: 55%; }
}
@media (max-width: 1000px) {
  .categoryInfo-block { top: 40%; }
  .categoryHeader { min-height: 450px; }
  #img_category_page_header_image { width: 100%; }
}
@media (max-width: 980px) {
  .categoryInfo-block { top: 45%; width: 95%; }
  .categoryHead-text { width: 100%; }

  .categoryHead-logo { text-align: center; }
}
@media (max-width: 768px) {
  .categoryInfo-block { top: 47%; width: 95%; }
}
@media (max-width: 420px) {
  .categoryInfo-block { top: 26%; width: 95%; }
}

.Pagination li { border-radius: 2px; }
.Pagination li:first-child { margin-left: 5px; }
.Pagination li > a, .Pagination li > a:hover { color: inherit; border-radius: 2px; }
.Pagination .CurrentPage { color: #ccc; }


.category-product .description { display: none; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
.list-view.category-product .description { display: block; opacity: 1; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
.list-view .thumbnail {  }
.list-view-only { display: none; opacity: 0; }
.list-view .list-view-only { display: block; opacity: 1; }
/* [/Category] */

/* [ShoppingCart] */
.ShoppingCartTable { width: 100%; }
.ShoppingCart { text-align: left; padding: 30px 0 0; vertical-align: top; }
body.ShoppingCart { padding-top: 0; }

.ShoppingCartProductDescriptionHeader { width: 235px; }
.ShoppingCartSpacer { width: 20px; padding: 0; }
.ShoppingCartUnitPriceHeader { text-align: center; }
.ShoppingCartTotalHeader { text-align: center; }
.ShoppingCartQuantityHeader { text-align: center; }

.CartBorder { border: none; height: 75px; }
.ShoppingCartQuantity .CartBorder { line-height: 1; }
.ProductInfo { margin: 0; }
.ItemName a { color: #000; }
.ItemNumber { color: #666; font-size: 11px; }
.Variants { color: #666; font-size: 11px; }
.Personalizations { color: #666; font-size: 11px; }

.ShoppingCartPrice { font-weight: normal; font-size: 20px; text-align: center; padding: 30px 0 0 0; vertical-align: top; }
.ShoppingCartQuantity { text-align: center; vertical-align: top; }
.ShoppingCartRemove { text-align: center; }
.UnderCartSubTotal { border: 1px solid #dddfde; border-left: none; border-right: none; margin-top: 30px; font-size: 23px; font-weight: bold; text-align: right; padding: 10px 20px; line-height: 100%; text-transform: uppercase; }

.UpdateButton { font-size: 10px; }
.ShoppingCartPage td.ShoppingCartTotals { text-align: left; padding: 5px; font-weight: bold; }
td.ShoppingCartTotals { text-align: right; }
td.ShoppingCartDiscount { text-align: left; padding: 5px; }
.ShoppingCartClear { float: left; text-align: left; }
.ShoppingCartChildBranch { float: left; vertical-align: top; }
.dvChkSelect { display: inline; }
.PayPalGoogleCO { text-align: center; }
.ShoppingCartError { text-align: center; }
#dvCalculateShippingForm { text-align: left; }
.ShippingCalcLabel { font-weight: bold; }
.ShippingCalcField { padding: 5px 0 0 0; }
.ShippingCalcFieldLabel { display: block; text-align: left; padding: 2px 0 0; }
.ShoppingCartSelectCheckbox { border: 0; }
.ShoppingCartQtyTextbox { width: 40px; text-align: center; }
.ShoppingCartInlineCalculateShippingForm { display: inline; }
.ShoppingCartInlinePostalCode { display: inline; float: left; }
.ShoppingCartInlinePostalCodeTextbox { width: 72px; }
.ShoppingCartCouponCodeTextbox { width: 80px; }
.ShoppingCartSavedCartText { text-align: center; }

.cartCents, .cartUnits { font-size: 60%; top: -5px; position: relative; }
.CartItemPriceArea, .CartItemTotalArea, .CartUpdateItemArea { display: table; margin: 0 auto; text-align: center; height: 75px; line-height: 1; }
.CartItemPriceArea > div, .CartItemTotalArea > div, .CartUpdateItemArea > div { display: table-cell; vertical-align: middle; }

.SubTotal { font-size: 25px; font-weight: bold; text-transform: uppercase; color: #000; }
.Discounts { color: #dd4c15; line-height: 25px; }
.ShippingCost { line-height: 25px; }
.LineItemPrice { float: right; text-align: right; font-weight: bold; font-size: 23px; *position: relative; *top: -25px; }
.PriceNegative { color: #dd4c15; }


.GiftCertificates p { font-size: 11px; opacity: 0.75; }
.GiftCertificates .LineItemPrice { font-size: 14px; }

.ShoppingCartTotalsArea { position: relative; clear: both; }
.ShoppingCartTotalsTable { width: 100%; margin-bottom: 15px; }
.ShoppingCartLeftBottom { text-align: center; }

.OrderTotal { line-height: 25px; font-size: 14px; margin: 20px 0; padding: 10px 0 0; border-top: 1px solid #dddfde; }
.OrderTotal .LineItemPrice { font-size: 30px; }

.ShoppingCartButtons { margin: 20px 0 20px; text-align: right; }
.ShoppingCartCustomMessage {  }
.TopCheckoutButton { text-align: right; }

.PayWith { position: relative; border: 1px solid #dddfde; border-radius: 4px; padding: 20px 0 15px; margin: 20px 0 0; text-align: center; }
.PayWith strong { position: absolute; top: -7px; font-style: italic; display: block; margin-left: -50px; background: #fff; width: 100px; line-height: 100%; left: 50%; font-size: 13px; }

.ShoppingCartCouponCode { padding: 20px 0; }
.ShoppingCartCouponCode h3 { text-transform: uppercase; cursor: pointer; font-size: 18px; color: #333; background: none; }
.ShoppingCartCouponCode .expand {  }
.CouponEntry { display: none; position: relative; margin: 0 0 20px 0; }
.CouponMsg { margin: 5px 0; }

.ShippingSelect { position: relative; margin: 0 5px 0 0; }
.ShippingSelect select { width: 210px; }
.ShippingSelect input { float: right; }
.ShippingSelect input[type=radio] { float: none; width: auto; }
.ShippingSelect input[type=radio] + label { display: inline; padding: 0; }
.acceptedCreditCardLogos {  }
.acceptedCreditCardLogos div { display: inline-block; *display: inline; zoom: 1; margin: 0px 2px 10px; padding: 0; height: 22px; width: 33px; }
.acceptedCreditCardLogos .jcb { background: url("/store/i/jcb_33x22.jpg") no-repeat; }
.acceptedCreditCardLogos  span { display: none; }
.acceptedCreditCardLogos .visa { background: url(../images/ccs/visa.png) no-repeat; }
.acceptedCreditCardLogos .amex { background: url(../images/ccs/amex.png) no-repeat; }
.acceptedCreditCardLogos .discover { background: url(../images/ccs/discover.png) no-repeat; }
.acceptedCreditCardLogos .bankcard { background: url("/store/i/bankcard_33x22.jpg") no-repeat; }
.acceptedCreditCardLogos .mastercard { background: url(../images/ccs/mastercard.png) no-repeat; }
.acceptedCreditCardLogos .dinersclub { background: url("/store/i/diners_33x22.jpg") no-repeat; }

.LastItemAdded { font-size: 11px; min-height: 100px; margin-right: 255px; background: #f2f3f5; border-radius: 3px; padding: 1px; margin-bottom: 10px; }
.LastItemAdded img { float: left; margin-right: 10px; max-width: 75px; max-height: 80px; } 
.LastItemAdded strong { display: block; padding: 0 0 10px; border-bottom: 2px solid #DDDFDE; font-size: 14px; }

.LayoutTop { background: #1e1d22 none repeat-x scroll; padding-bottom: 65px; box-shadow: 10px -8px 11px #000000; color: #b0b0b0; font-weight: normal; }
.panel { border: none; box-shadow: none; }
.UpsellItem { padding: 10px 0 0; display: block; margin: auto; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-color: transparent; border-style: solid; border-width: 1px; overflow: hidden; }
.UpsellItem:hover { background-color: #fff; border-color: #686868; color: #1D4B7C; text-decoration: none; }
.UpsellItemAddToCartText { visibility: hidden; padding: 4px; background: #686868; font-weight: bold; color: #fff; }
.UpsellItem:hover .UpsellItemAddToCartText { visibility: visible; }

input.ShoppingCartCheckoutThemeButton { width: 100%; height: 50px; font-size: 18px !important; }

.RewardPointsEarned { text-align: center; }
.PointsTotal { font-size: 12px; font-weight: normal; }

.ShoppingCartButtons .ThemeButton { margin-bottom: 4px; vertical-align: top; }
.ShoppingCartButtons .ThemeButton:last-of-type { margin-bottom: 0; }
/* [/ShoppingCart] */

/* [LargeShoppingCart] */
.ShoppingCart {  }
.ShoppingCartHeader {  }
.ShoppingCartClear {  }
.ShoppingCartPrice {  }
.ShoppingCartTotals {  }
.ShoppingCartShippingInfo {  }
.ShoppingCartDiscount {  }
.ShoppingCartCouponCode {  }
.ShoppingCartThumbnail {  }
.ShoppingCartItemNr {  }
.ShoppingCartVariations {  }
.ShoppingCartPersonalize {  }
.ShoppingCartGiftMessage {  }
.ErrorText {  }
.ShoppingCartSelectCheckbox { border: 0; }
input.ShoppingCartQtyTextbox { width: 40px; padding: 0; }
.ShoppingCartInlineCalculateShippingForm { display: inline; }
.ShoppingCartInlinePostalCode { display: inline; float: left; }
.ShoppingCartInlinePostalCodeTextbox { width: 150px; }
.ShoppingCartCouponCodeTextbox { width: 80px; }
.ShoppingCartSavedCartText { text-align: center; }
/* [/LargeShoppingCart] */

/* [LinkGroup] */

/* [/LinkGroup] */

/* [MailingList] */

/* [/MailingList] */

/* [ManufacturerNavigationLinks] */

/* [/ManufacturerNavigationLinks] */

/* [MicroStoreDropDown] */
.MicroStoreDropDown { width: 160px; }
/* [/MicroStoreDropDown] */

/* [ProductDisplay] */
.FeaturedItemsRating {  }
.FeaturedItemsDetails {  }
.FeaturedItemsPriceHR {  }
.FeaturedItemsPriceAlignment {  }
.FeaturedItemsBuyMoreLinkHR {  }
.FeatureItemsThumbNail {  }
.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] */

/* [ProductReviewsListing] */
.ProductReviewDimensionName {  }
.ProductReviewSummary {  }
.ProductReviewWriteLink {  }
.ProductReviewAllReviewsLink {  }
.ProductReviewTitle {  }
.ProductReviewRatings {  }
.ProductReviewBody {  }
.ProductReviewProsArea {  }
.ProductReviewProsHeader {  }
.ProductReviewPros {  }
.ProductReviewConsArea {  }
.ProductReviewConsHeader {  }
.ProductReviewCons {  }
.ProductReviewItemMeta {  }
/* [/ProductReviewsListing] */

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

/* [RepeatedList] */

/* [/RepeatedList] */

/* [RSSFeedReader] */

/* [/RSSFeedReader] */

/* [SearchBox] */

/* [/SearchBox] */

/* [SmallShoppingCart] */
.SmallCartItemLink { text-decoration: underline; }
input.SmallCartQtyTextbox, input.SmallCartQtyTextbox:focus { padding: 0; border: none; border-bottom: 1px dotted #ccc; height: auto; width: 30px; box-shadow: none; border-radius: 0; text-align: center; }
input.SmallCartQtyTextbox:focus { border-color: #66afe9; }
.SmallCartItem .badge { line-height: 20px; width: 20px; padding: 0; }
/* [/SmallShoppingCart] */

/* [Tabs] */

/* [/Tabs] */

/* [TreeNavigation] */
.Node {  }
.NodeHover {  }
.NodeSelected {  }
.RootNode {  }
.LeafNode {  }
.Island {  }
/* [/TreeNavigation] */

/* [WidgetArea] */

/* [/WidgetArea] */

/* [Widget6082] */
.Control_6082 { float: left; }
.ControlHeader_6082 {  }
.ControlItem_6082 {  }
.ControlLink_6082 {  }
.ControlLink_6082 a {  }
.ControlLink_6082 a:hover {  }
.ControlLinkSeperator_6082 {  }
.ControlText_6082 {  }
.ControlInput_6082 {  }
.ControlFooter_6082 {  }
/* [/Widget6082] */

/* [Widget6083] */
.Control_6083 { float: right; }
.ControlHeader_6083 {  }
.ControlItem_6083 {  }
.ControlLink_6083 {  }
.ControlLink_6083 a {  }
.ControlLink_6083 a:hover {  }
.ControlLinkSeperator_6083 {  }
.ControlText_6083 {  }
.ControlInput_6083 {  }
.ControlFooter_6083 {  }
/* [/Widget6083] */

/* [Widget6076] */
.Control_6076 { text-align: right; }
.ControlHeader_6076 {  }
.ControlItem_6076 {  }
.ControlLink_6076 {  }
.ControlLink_6076 a {  }
.ControlLink_6076 a:hover {  }
.ControlLinkSeperator_6076 {  }
.ControlText_6076 {  }
.ControlInput_6076 {  }
.ControlFooter_6076 {  }
/* [/Widget6076] */

/* [Buttons] */
/* .ThemeButton { display: inline-block; background: #e4e4e4; -webkit-box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset, 0 10px 10px 0 rgba(255,255,255,0.5) inset; -moz-box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset, 0 10px 10px 0 rgba(255,255,255,0.5) inset; box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset, 0 10px 10px 0 rgba(255,255,255,0.5) inset; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; padding: 7px 15px; font-family: arial; font-size: 11px; color: #595959; font-weight: bold; cursor: pointer; }
.ThemeButton:hover { -webkit-box-shadow: 0px 0px 0px 1px #a8a8a8 inset, 1px 1px 4px 0px #bababa; -moz-box-shadow: 0px 0px 0px 1px #a8a8a8 inset, 1px 1px 4px 0px #bababa; box-shadow: 0px 0px 0px 1px #a8a8a8 inset, 1px 1px 4px 0px #bababa; color: #424242; }
.ThemeButton:active { background: #e6e6e6; -webkit-box-shadow: 0px 1px 5px 0px #808080 inset; -moz-box-shadow: 0px 1px 5px 0px #808080 inset; box-shadow: 0px 1px 5px 0px #808080 inset; } */
.GoThemeButton { background: none repeat scroll 0 0 #007cc4; border: medium none; color: #FFFFFF; font-weight: bold; padding: 8px; }
.btn { border-radius: 2px; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background: #AF2B2B; color: #fff; }
.btn-primary { background: #007cc4; color: #fff; border: none; }
.btn-primary:hover { background: #a2161b; color: #fff; border: none; }
/* [/Buttons] */

/* [Slideshow] */
.Slideshow { position: relative; }
.SlideList, Slide { margin: 0; padding: 0; list-style: none; }
.Slide { overflow: hidden; }
.SlideshowButtons { margin: 0; padding: 0; left: 1em; bottom: 1em; position: absolute; }
.SlideshowButton { margin: 0 1em 0 0; padding: 0; float: left; list-style: none; }
.SlideshowButtonLink { float: left; width: 20px; height: 20px; text-indent: -9999px; border: 3px solid #007cc4; border-radius: 50%; }
.SlideshowButtonLinkCurrent { background: #007cc4; border-color: #007cc4; }
.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] */

/* [Widget11921] */
.Control_11921 {  }
.Control_11921 table { background: #f2f3f5; }
.Control_11921 td { vertical-align: top; }
.ControlHeader_11921 { font-size: 13px; font-style: italic; margin: 10px 0; text-align: center; }
.ControlItem_11921 { text-align: center; padding: 20px 0; border-bottom: 1px solid #dfdfe1; margin: 0 12px; }
.Control_11921 tr:last-child .ControlItem_11921 { border: none; }
.ControlLink_11921 { padding: 10px 0; display: block; width: 120px; overflow: hidden; text-overflow: ellipsis; }
.Control_11921 img.FeaturedItemsThumbNail { padding: 3px; border: 1px solid #DDDFDE !important; box-shadow: 2px 2px 3px #dddfde; max-width: 75px; max-height: 150px; }
.Control_11921 .lblPriceLabel { display: none; }
.Control_11921 .UpsellItemPrice { font-size: 20px; }
/* [/Widget11921] */

/* [BlogRoll] */
/* these are shared between Blog Post, Blog Roll, and Blog Roll Widget */

.BlogPostCommentProfileName {  }
.BlogPostTitle { padding: 0; margin: 0; font-weight: normal; }
.BlogPostTitle a { color: #111; font-size: 18px; font-weight: bold; }
h2.BlogPostTitle { line-height: 32px; padding-bottom: 10px; padding-top: 10px; }
.BlogPostTitle a:hover { text-decoration: none; }
.BlogPostImage {  }
.BlogPostCategoryAndTags { padding: 15px 0; color: #999; }
.BlogPostTags { padding: 0 0 0 10px; display: inline; }
.BlogPostTag { display: inline-block; *display: inline; padding: 0 3px; background: #eee; border-radius: 3px; border: 1px solid #ddd; margin: 0 5px 0 0; }
.BlogPostTag a { color: #999; }
.BlogPostCategories, .BlogPostCategory { display: inline; }
.BlogCommentModerationMessage { background: #FEEFB3; color: #9F6000; border: 1px solid #9F6000; border-radius: 5px; padding: 10px; margin: 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.BlogCommentModerationMessage.Flash { background: #FFF5CF; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.BlogPostComments  .BlogPostCommentsHeader, .BlogPostComments  .BlogPostCommentsHeader h3, .BlogPostComments  .BlogPostCommentCount { display: inline; font-size: 24px; }


.BlogRoll .BlogPostCommentProfileImage { float: left; padding-right: 10px; }
.BlogRoll .BlogPostCommentText { margin: 0; }
.BlogRoll .BlogPostCommentDisplayName { margin-top: -5px; }
.BlogRoll .BlogPostCommentsAddTextbox { height: 50px; }
.BlogRollFeedLinks { float: right; padding: 5px 0; }
.BlogRollBlogImage { padding: 0 0 10px 0; max-width: 100%; }
.BlogRollBlogImage img { display: block; max-width: 100%; }

.BlogPostDatePretty { position: relative; float: left; width: 50px; height: 45px; color: #999; margin: 10px 10px 10px 0; }
.DateMonth, .DateDay, .DateYear { position: absolute; text-indent: -9999px; background: url(/store/i/a/login-date-sprite.png) no-repeat; }
.DateMonth { top: 0; left: 0; width: 30px; height: 18px; }
.DateDay { top: 18px; font-size: 18px; line-height: 18px; width: 31px; height: 24px; text-align: center; }
.DateYear { right: 0; top: 0px; width: 21px; height: 45px; }
.month-1 { background-position: 0px -50px; }
.month-2 { background-position: 0px -81px; }
.month-3 { background-position: 0px -112px; }
.month-4 { background-position: 0px -143px; }
.month-5 { background-position: 0px -174px; }
.month-6 { background-position: 0px -205px; }
.month-7 { background-position: 0px -236px; }
.month-8 { background-position: 0px -267px; }
.month-9 { background-position: 0px -298px; }
.month-10 { background-position: 0px -329px; }
.month-11 { background-position: 0px -360px; }
.month-12 { background-position: 0px -391px; }

.day-1 { background-position: -51px -45px; }
.day-2 { background-position: -51px -76px; }
.day-3 { background-position: -51px -107px; }
.day-4 { background-position: -51px -138px; }
.day-5 { background-position: -51px -169px; }
.day-6 { background-position: -51px -200px; }
.day-7 { background-position: -51px -231px; }
.day-8 { background-position: -51px -263px; }
.day-9 { background-position: -51px -294px; }
.day-10 { background-position: -51px -325px; }
.day-11 { background-position: -51px -356px; }
.day-12 { background-position: -51px -387px; }
.day-13 { background-position: -51px -418px; }
.day-14 { background-position: -51px -449px; }
.day-15 { background-position: -101px -45px; }
.day-16 { background-position: -101px -76px; }
.day-17 { background-position: -101px -107px; }
.day-18 { background-position: -101px -139px; }
.day-19 { background-position: -101px -171px; }
.day-20 { background-position: -101px -201px; }
.day-21 { background-position: -101px -232px; }
.day-22 { background-position: -101px -263px; }
.day-23 { background-position: -101px -294px; }
.day-24 { background-position: -101px -325px; }
.day-25 { background-position: -101px -356px; }
.day-26 { background-position: -101px -387px; }
.day-27 { background-position: -101px -418px; }
.day-28 { background-position: -101px -450px; }
.day-29 { background-position: -101px -482px; }
.day-30 { background-position: -101px -513px; }
.day-31 { background-position: -101px -545px; }

.year-2011 { background-position: -145px -7px; }
.year-2012 { background-position: -145px -79px; }
.year-2013 { background-position: -145px -145px; }
.year-2014 { background-position: -145px -212px; }
.year-2015 { background-position: -145px -267px; }
.year-2016 { background-position: -145px -322px; }
.year-2017 { background-position: -145px -378px; }
.year-2018 { background-position: -145px -433px; }
.year-2019 { background-position: -145px -488px; }
.year-2020 { background-position: -145px -544px; }
/* [/BlogRoll] */

/* [BlogPost] */
.BlogPostCommentNameDate { font-size: 10px; }

.BlogPostAddCommentHide, .HideComments { display: none; }
.BlogPostCommentHighlightCurrent { background: #FFFCDF; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }

.AdminCommentLabel, .AuthorCommentLabel { display: none; }
.AdminCommentLabel.BlogPostCommentByAdmin { display: inline; background: #fff; font-weight: bold; padding: 2px 3px; margin: 2px; }
.AuthorCommentLabel.BlogPostCommentByAuthor { display: inline; background: #fff; font-weight: bold; padding: 2px 3px; margin: 2px; }

.CommentReplies { margin-left: 100px; }
/* [/BlogPost] */

/* [Profile] */
.ProfileName { float: left; }
.PofileImage { float: right; padding: 0 0 20px 20px; }
.ProfileInfoTable { margin: 10px 0; clear: left; }
.ProfileTableHeader { margin-top: 20px; clear: both; }
.ProfileTable { width: 100%; }
.ProfileTable th { background: #eee; text-align: left; padding: 3px; }
.ProfileTable td { padding: 3px; border-bottom: 1px solid #eee; }
/* [/Profile] */

/* [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] */

/* [WriteReview] */
ul.TagList li { width: 32%; }
ul.TagList:after { content: ''; display: table; clear: left; }
/* [/WriteReview] */

/* [OnePageCheckOut] */
.checkout .ShoppingCartTotals { text-align: left; font-size: inherit; font-weight: normal; padding: 5px 0; }
.checkout .ShoppingCartTotals b { font-weight: normal; }
.checkout .ShoppingCartPrice { font-size: inherit; text-align: right; padding: 5px 0; white-space: nowrap; }
#trDiscount a, #trDiscount a:hover { text-decoration: none; }
#trTotal span, #trTotal b, #trAdjustedTotal span, #trAdjustedTotal b { font-weight: bold; }
.OrderGiftingArea input[type=checkbox] { margin-right: 5px; }
#addrBilling_ddAddressList_dd_ddCombo, #addrShipping_ddAddressList_dd_ddCombo, #ddExpireMonth, #txtPointsToApply { width: 100% !important; }

.checkout label { position: relative; font-size: 1em; padding: 20px 0 0; }
.checkout label > span { position: absolute; top: 25px; line-height: 25px; left: 10px; font-size: 1em; font-weight: normal; transition: 0.1s; opacity: 0.5; cursor: text; }
.checkout label  span span, .checkout label input[type=checkbox] + span { position: static; opacity: 1; }
.checkout label.active span, .checkout label.filled span, .checkout label select ~ span, .checkout label select + span, .checkout .address-book-label span { top: 0; left: 5px; font-size: 10px; transition: 0.1s; -moz-transition: 0.1s; opacity: 1; cursor: default; }

/* this is a duplicate of the above rule, it seems to break firefox if it's included with the above selectors for some reason */
.checkout input:-webkit-autofill + span { top: 0; left: 5px; font-size: 10px; transition: 0.1s; -moz-transition: 0.1s; opacity: 1; cursor: default; }

.checkout input[type=checkbox], .checkout input[type=radio] { width: auto !important; }

.checkout label span.ErrorText { position: static; font-size: 12px; line-height: 1; color: #df8f8e; padding: 0; opacity: 1; margin: 10px 0 0; background: none; box-shadow: none; border: none; }
.field-has-error { background: #ffe4e3 !important; border-color: #df8f8e !important; }

.zip-code { display: table; }
.zip-code > div { display: table-cell; }
.zip-code label span { font-size: 12px; }
.zip-plus4 { max-width: 100px; }
.zip-plus4 input { padding: 0; }
.zip-plus4 > div { padding-left: 5px !important; }
.zip-plus4 > div:empty { padding: 0; }
.zip-plus4 > div:empty + span { display: none; }

.PublicCommentsArea { width: auto !important; position: static; float: none !important; }

.RequiredField { color: #df8f8e; font-weight: bold; line-height: 1; font-size: 150%; padding-left: 5px; }

.payment-method .payment-name { cursor: pointer; }
.payment-method .payment-name:before { display: inline-block; content: ' '; width: 0px; height: 0px; border-style: solid; border-color: transparent transparent transparent; border-left-color: inherit; border-width: 5px 5px 5px 10px; position: relative; top: -3px; }
.payment-method.active .payment-name:before { border-color: transparent; border-top-color: inherit; border-width: 10px 5px 5px 5px; top: 2px; }

.custom-fields .field { min-height: 80px; }

label.remove-payment, label.image-input-replace { position: relative; padding: 0; font-weight: inherit; }

label.remove-payment a, label.image-input-replace a { cursor: pointer; }

label.remove-payment input, label.image-input-replace input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; }

.floating-totals { min-height: 1px; }


.PayPalExpress .payment-name, .PayPal .payment-name { background: url('../images/paypal-logo.png') no-repeat top left; text-indent: 90px; margin-left: 20px; height: 25px; }
.PayPalExpress .payment-name:before, .PayPal .payment-name:before { left: -110px; }
.PayPalExpress .payment-name span, .PayPal .payment-name span { display: none; }
.PayPal .paypal-text { display: none; }
.PayPal.active .paypal-text { display: block; }
.OnePageCheckOut .ShoppingCartCouponCode { padding: 0; }
.PayPalCommerce .payment-name { background: url('https://www.paypalobjects.com/webstatic/mktg/Logo/pp-logo-100px.png') no-repeat top left; text-indent: 127px; margin-left: 20px; height: 26px; }
.PayPalCommerce .payment-name span { display: none; }
.PayPalCommerce .payment-name:before { left: -147px; }
.CardNumberIframe { height: 35px; }
/* [/OnePageCheckOut] */

/* [MyAccount] */
.MyAccountPercentBarArea { border: 1px solid #999; border-radius: 5px; }
.MyAccountPercentBarInner { padding: 1px; }
.MyAccountPercentBar { border-radius: 4px; background: #66CC66; box-shadow: -5px -5px 5px rgba(0,0,0,0.25) inset, 5px 5px 5px rgba(255,255,255,0.5) inset; text-align: center; font-weight: bold; font-size: 11px; line-height: 15px; }

.MyAccountShowHideTable { display: none; }

.MyAccountSection .StarRatings { float: none; margin: 0 auto; }
.MyAccountSection .StarRatings td { padding: 0 2px; border: none; }
.CustomField.MyAccountSectionEntry { padding: 0 0 10px; width: 48%; float: left; min-height: 40px; }
.CustomField.MyAccountSectionEntry:nth-child(2n) { margin-bottom: 15px; }
#trAddNew { font-weight: bold; }
/* [/MyAccount] */

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

.FacebookButton { background-color: #4c66a4; color: #fff; }
.FacebookButton:hover { background-color: #364c7c; color: #fff; } 
.FacebookButton .icon-facebook { font-size: 1.2em; }
/* [/CustomerLogin] */

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

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

/* [HTML] */

/* [/HTML] */

/* [Carousel] */

/* [/Carousel] */

/* [Widget10460] */
.Control_10460 {  }
.ControlHeader_10460 {  }
.ControlItem_10460 {  }
.ControlLink_10460 {  }
.ControlLink_10460:hover {  }
.ControlLink_10460 a {  }
.ControlLink_10460 a:hover {  }
.ControlLink_Link_10460 {  }
.ControlLink_Link_10460:hover {  }
.ControlLinkSeperator_10460 {  }
.ControlText_10460 {  }
.ControlInput_10460 {  }
.ControlFooter_10460 {  }
.SmallCartItemLink_10460 { text-decoration: underline; }
.SmallCartQtyTextbox_10460 { border-color: #333333; border-width: 1px; border-style: Solid; font-size: 8pt; width: 30px; }
/* [/Widget10460] */

/* [Widget4388] */
.Control_4388 h4 { margin-bottom: 0; }
/* [/Widget4388] */

/* [Widget11932] */
.Control_11932 { padding-top: 20px; padding-bottom: 20px; }
.ControlHeader_11932 {  }
.ControlItem_11932 {  }
.ControlLink_11932 {  }
.ControlLink_11932:hover {  }
.ControlLink_11932 a {  }
.ControlLink_11932 a:hover {  }
.ControlLink_Link_11932 {  }
.ControlLink_Link_11932:hover {  }
.ControlLinkSeperator_11932 {  }
.ControlText_11932 {  }
.ControlInput_11932 {  }
.ControlFooter_11932 {  }
.BlogTagCloud.Control_11932 { text-align: justify; }
.TagCloudList_11932 { list-style-type: none; margin: 0; padding: 0; }
.BlogTagCloud .ControlItem_11932 { display: inline; padding: 0 5px 0 0; vertical-align: bottom; }
.BlogTagCloud .ControlLink_Link_11932 { -webkit-transition: 0.5s; -moz-transition: -.5s; }
.BlogTagCloud .TagCloud_MinSize_11932 { opacity: 0.5; }
.BlogTagCloud .TagCloud_MedSize_11932 {  }
.BlogTagCloud .TagCloud_MaxSize_11932 { font-weight: bold; }
.BlogTagCloud .ControlLink_Link:hover_11932 { color: red; opacity: 1; -webkit-transition: 0.5s; -moz-transition: -.5s; }
/* [/Widget11932] */

/* [Widget6093] */
.ControlLink_6093:hover {  }
/* [Servo table nonsense from old Kyle stuff, hi kyle ] */
table.specs9pt { font-size: 9px; margin: 0 auto; }

table.specs9pt, table.specs9pt td { border: 0px solid #000; border-collapse: collapse; padding: 5px; font-size: 9px; }
table.specs9pt tr.dark { background-color: #ddd; color: #000; }
table.specs9pt tr.light { background-color: #f5f5f5; color: #000; }
table.specs9pt td.leftColHeaders { font-weight: bold; text-align: right; }
table.specs9pt td.rightColContent { text-align: left; }

table.servospecs { color: white; margin-left: auto; margin-right: auto; }
table.servospecs, table.servospecs td, table.masterspecs, table.masterspecs td { border: 0px solid #000; border-collapse: collapse; padding: 15px; }
table.servospecs tr.header, table.masterspecs tr.header { background-color: #1e1d22; }
table.servospecs tr.dark, table.masterspecs tr.dark { background-color: #ddd; color: #000; }
table.servospecs tr.light, table.masterspecs tr.light { background-color: #f5f5f5; color: #000; }
table.servospecs td.leftColHeaders, table.masterspecs td.leftColHeaders { font-weight: normal; text-align: right; }
table.servospecs td.rightColContent, table.masterspecs td.rightColContent { text-align: left; }
table.servospecs { margin-bottom: 7px; }
/* ~~~~~~~~~~~~~~~~~~~responsive fusion embed~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fusion { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ }

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

/* ~~~~~~~~~~~~~~~~~~~XSeries Table Stuff~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.specs9pt { font-size: 9px; margin: 0 auto; }

table.specs9pt, table.specs9pt td { border: 0px solid #000; border-collapse: collapse; padding: 5px; font-size: 9px; }
table.specs9pt tr.dark { background-color: #ddd; color: #000; }
table.specs9pt tr.light { background-color: #f5f5f5; color: #000; }
table.specs9pt td.leftColHeaders { font-weight: bold; text-align: right; }
table.specs9pt td.rightColContent { text-align: left; }

table.servospecsx { color: white; margin: 25px auto; }
table.servospecsx, table.servospecs td, table.masterspecsx, table.masterspecsx td { border: 0px solid #000; border-collapse: collapse; padding: 3px; }
table.servospecsx tr.header, table.masterspecsx tr.header { background-color: #1e1d22; }
table.servospecsx tr.dark, table.masterspecsx tr.dark { background-color: #ddd; color: #000; }
table.servospecsx tr.light, table.masterspecsx tr.light { background-color: #f5f5f5; color: #000; }
table.servospecsx td.leftColHeaders, table.masterspecsx td.leftColHeaders { font-weight: normal; text-align: right; }
table.servospecsx td.rightColContent, table.masterspecsx td.rightColContent { text-align: left; }
table.servospecsx { margin-bottom: 7px; }
table.servospecsx { float: left; width: 24%; border: 0px solid #000; border-collapse: collapse; margin-left: 15px; display: inline-block; }



table.productspecs { color: white; margin-left: auto; margin-right: auto; }
table.productspecs, table.productspecs td { border: 1px solid #000; border-collapse: collapse; padding: 3px; }
table.productspecs tr.header { background-color: #495565; }
table.productspecs tr.dark { background-color: #fff; color: #000; }
table.productspecs tr.light { background-color: #f5f5f5; color: #000; }
table.productspecs td.leftColHeaders { font-weight: bold; text-align: right; }
table.productspecs td.rightColContent { text-align: left; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~Arm Communications table stuff~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.comparison { max-width: 940px; margin: 0 auto; font: 13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: left; padding: 10px; }

.comparison2 { max-width: 940px; margin: 0 auto; font: 13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; padding: 10px; }

.comparison table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; border-bottom: 1px solid #CCC; }

.comparison td, .comparison th { border-right: 1px solid #CCC; empty-cells: show; padding: 10px; }

.compare-heading { text-align: center; font-size: 18px; font-weight: bold !important; border-bottom: 0 !important; padding-top: 10px !important; }

.comparison tbody tr:nth-child(odd) { display: none; }

.comparison .compare-row { background: #F5F5F5; }

.comparison .tickblue { color: #0078C1; }

.comparison .tickgreen { color: #009E2C; }

.comparison th { font-weight: normal; padding: 0; border-bottom: 1px solid #CCC; }

.comparison tr td:first-child { text-align: left; }

.comparison .qbse, .comparison .qbo, .comparison .tl { color: #FFF; padding: 10px; font-size: 13px; border-right: 1px solid #CCC; border-bottom: 0; }

.comparison .tl2 { border-right: 0; }

.comparison .qbse { background: #0078C1; border-top-left-radius: 3px; border-left: 0px; }

.comparison .qbo { background: #009E2C; border-top-right-radius: 3px; border-right: 0px; }

.comparison .price-info { padding: 5px 15px 15px 15px; }

.comparison .price-was { color: #999; text-decoration: line-through; }

.comparison .price-now, .comparison .price-now span { color: #ff5406; }

.comparison .price-now span { font-size: 32px; }

.comparison .price-small { font-size: 18px !important; position: relative; top: -11px; left: 2px; }

.comparison .price-buy { background: #ff5406; padding: 10px 20px; font-size: 12px; display: inline-block; color: #FFF; text-decoration: none; border-radius: 3px; text-transform: uppercase; margin: 5px 0 10px 0; }

.comparison .price-try { font-size: 12px; }

.comparison .price-try a { color: #202020; }

@media (max-width: 767px) {
  .comparison td:first-child, .comparison th:first-child { display: none; }
  .comparison tbody tr:nth-child(odd) { display: table-row; background: #F7F7F7; }
  .comparison .row { background: #FFF; }
  .comparison td, .comparison th { border: 1px solid #CCC; }
  .price-info { border-top: 0 !important; }

}

@media (max-width: 639px) {
  .comparison .price-buy { padding: 5px 10px; }
  .comparison td, .comparison th { padding: 10px 5px; }
  .comparison .hide-mobile { display: none; }
  .comparison .price-now span { font-size: 16px; }

  .comparison .price-small { font-size: 16px !important; top: 0; left: 0; }
  .comparison .qbse, .comparison .qbo { font-size: 12px; padding: 10px 5px; }
  .comparison .price-buy { margin-top: 10px; }
  .compare-heading { font-size: 13px; }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.ControlLink_Link_6093 {  }
.ControlLink_Link_6093:hover {  }
/* [/Widget6093] */

/* [Widget8177] */
.Control_8177 h4 { margin-bottom: 0; }
/* [/Widget8177] */

/* [Widget11927] */
.Control_11927 {  }
.ControlHeader_11927 { font-size: 18px; }

.ControlItem_11927 {  }
.ControlText_11927 {  }
.ControlInput_11927 {  }
/* [/Widget11927] */

/* [Widget4523] */
.Control_4523 a { font-size: 1.5em; }
/* [/Widget4523] */

/* [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] */

/* [UploadFile] */
.ShippingEstimationRateTable td { padding: 5px 0; }
.ShippingEstimationRate span { padding-left: 10px; font-weight: bold; }
/* [/UploadFile] */

/* [AttributeGroupLinks] */

/* [/AttributeGroupLinks] */

/* [Widget4386] */
.Control_4386 h2 { color: #999; }
.Control_4386 a {  }
/* [/Widget4386] */

/* [MenuBar] */

/* [/MenuBar] */

/* [Widget10465] */
.Control_10465 .navbar-nav > li { float: left; }
/* [/Widget10465] */

/* [Widget4421] */
.Control_4421 h4 { color: #007cc4; }
.Control_4421 p.text-muted { color: #111; }
/* [/Widget4421] */

/* [Widget10333] */
.Control_10333 {  }
.ControlHeader_10333 {  }
.ControlItem_10333 {  }
.ControlLink_10333 {  }
.ControlLink_10333:hover {  }
.ControlLink_10333 a {  }
.ControlLink_10333 a:hover {  }
.ControlLink_Link_10333 {  }
.ControlLink_Link_10333:hover {  }
.ControlLinkSeperator_10333 {  }
.ControlText_10333 {  }
.ControlInput_10333 {  }
.ControlFooter_10333 {  }
.Slideshow_10333 { position: relative; }
.SlideList_10333 { margin: 0; padding: 0; list-style: none; }
.Slider_10333 { overflow: hidden; background: #111; }


.SlideshowPrevious_10333 { position: absolute; left: 5px; background: #666; color: #fff; }
.SlideshowNext_10333 { position: absolute; right: 5px; background: #666; color: #fff; }
.SlideshowPreviousLink_10333 { color: #fff; padding: 5px; display: block; }
.SlideshowNextLink_10333 { color: #fff; padding: 5px; display: block; }
/* [/Widget10333] */

/* [Product Photo Center] */
.ProdCenterProductDetailsSocialBookmarks { display: inline-block; }
.ProdCenterTabs { margin-top: 20px; }
/* [/Product Photo Center] */

/* [Category Complex Grid] */
.CompGridProduct-list > div { width: 100%; float: left; }
.CompGridProduct-list .category-product { float: left; width: 25%; padding: 15px; margin-bottom: 15px; overflow: visible; }
.CompGridProduct-list > div:nth-of-type(1n+1) div.category-product { float: right; }
.CompGridProduct-list > div:nth-of-type(1n+1) div.category-product:first-of-type { overflow: visible; width: 50%; max-height: inherit; position: relative; }

.CompGridProduct-list > div:nth-of-type(2n+1) div.category-product { float: left; }
.CompGridProduct-list > div:nth-of-type(2n+1) div.category-product:first-of-type { min-height: inherit; width: 50%; max-height: inherit; position: relative; }
.CompGridProduct-list > div div.category-product:first-of-type a { max-height: inherit; height: 600px; line-height: 600px; }
.CompGridProduct-list .product-flag.bottom { bottom: -30px; }


.CompGridProduct-list .category-product .thumbnail { min-height: inherit; height: 285px; line-height: inherit; margin-bottom: 0px; overflow: hidden; }
.CompGridProduct-list .thumbnail { padding: 0; position: relative; }
.CompGridProduct-list .category-product { max-height: inhert; height: inherit; margin-bottom: 0; }
.CompGridProduct-list .category-product .thumbnail img { width: auto; max-width: 100%; max-height: 100%; padding-bottom: 30px; }

.thumbnail .CompGridCaption { bottom: 0; position: absolute; width: 100%; background: #111; color: #fff; line-height: 20px; }
.CompGridProduct-list > div div.category-product:first-of-type .thumbnail:hover .quick-view { top: 200px; }

.GridBlogRow article:nth-child(3n+1) { clear: both; }
.GridBlogRow article:first-child { clear: none; }
/* [/Category Complex Grid] */

/* [CategoryList] */
.CategoryListProduct { width: 100px; float: left; margin: 20px; text-align: center; }
.CategoryListProductPhoto { height: 100px; }
/* [/CategoryList] */

/* [ProductCompare] */
.product-compare-table {  }
.product-compare-table tr > th:first-child:not(:last-child) { border-right: 1px solid #ccc; }
.product-compare-table tr > td:nth-child(2n), .product-compare-table tr > th:nth-child(2n) { background: #f9f9f9; }
.remove-link { top: -5px; right: -5px; }
.remove-link a { color: inherit; font-size: 16px; display: block; height: 20px; width: 20px; line-height: 20px; }
.remove-link a:hover { text-decoration: none; background: #666; color: #fff; border-radius: 25px; }
/* [/ProductCompare] */

/* [MenuList] */

/* [/MenuList] */

/* [BannerAd] */

/* [/BannerAd] */

/* [Widget9087] */
.Control_9087 a {  }
/* Container holding the image and the text */
.xseries { width: auto !important; padding-left: 0px !important; padding-right: 0px !important; position: relative; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: Black; }

/* reach product page text */
.reach-right { position: absolute; top: 95%; left: 92%; transform: translate(-50%, -50%); }
/* reach product page text */
.reach-center { position: absolute; top: 104%; left: 60%; transform: translate(-50%, -50%); }

/* body text */
.center-body { margin: 75px 100px; }

/* center right text */
.center-right { position: absolute; top: 50%; left: 75%; transform: translate(-50%, -50%); }

/* center left text */
.center-left { position: absolute; top: 50%; left: 25%; transform: translate(-50%, -50%); }
/* [/Widget9087] */

/* [CMS] */
/* Container holding the image and the text */
.xseries { width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; position: relative; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: Black; }



/* center right text */
.center-right { position: absolute; top: 50%; left: 75%; transform: translate(-50%, -50%); }

/* center left text */
.center-left { position: absolute; top: 50%; left: 25%; transform: translate(-50%, -50%); }

/* center bottom text */
.center-bottom { position: absolute; top: 90%; left: 50%; transform: translate(-50%, -50%); }
/* [/CMS] */

/* [Widget10661] */
.Control_10661 {  }
.Control_10661 a {  }
/* [/Widget10661] */

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

/* [Widget10674] */
.Control_10674 {  }
.ControlHeader_10674 { position: absolute; text-align: left; top: 0; left: 0; color: #ffffff; padding: 10px 20px 20px 20px; z-index: 2000; margin: 50px 30px; }
.ControlItem_10674 {  }
.ControlLink_10674 {  }
.ControlLink_10674:hover {  }
.ControlLink_10674 a {  }
.ControlLink_10674 a:hover {  }
.ControlLink_Link_10674 {  }
.ControlLink_Link_10674:hover {  }
.ControlLinkSeperator_10674 {  }
.ControlText_10674 {  }
.ControlInput_10674 {  }
.ControlFooter_10674 {  }
.TextOverImage-container_10674 { position: relative; }
/* [/Widget10674] */

/* [Widget10643] */
.Control_10643 {  }
.ControlHeader_10643 {  }
.ControlItem_10643 {  }
.ControlLink_10643 {  }
.ControlLink_10643:hover {  }
.ControlLink_10643 a {  }
.ControlLink_10643 a:hover {  }
.ControlLink_Link_10643 {  }
.ControlLink_Link_10643:hover {  }
.ControlLinkSeperator_10643 {  }
.ControlText_10643 {  }
.ControlInput_10643 {  }
.ControlFooter_10643 {  }
/* [/Widget10643] */

/* [Widget10832] */
.Control_10832 a {  }
/* [/Widget10832] */

/* [ToggleSlider] */
.toggle-switch { position: relative; display: inline-block; width: 3.75em; height: 2.125em; }
.toggle-switch input { opacity: 0; width: 0; height: 0; }
.toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.toggle-slider:before { position: absolute; content: ""; height: 1.625em; width: 1.625em; left: 0.25em; bottom: 0.25em; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .toggle-slider { background-color: #2196F3; }
input:focus + .toggle-slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .toggle-slider:before { -webkit-transform: translateX(1.625em); -ms-transform: translateX(1.625em); transform: translateX(1.625em); }
.toggle-slider.round { border-radius: 2.125em; }
.toggle-slider.round:before { border-radius: 50%; }
/* [/ToggleSlider] */

/* [Widget12119] */
.Control_12119 {  }
.Control_12119 a {  }
/* [/Widget12119] */

/* [Default] */
/* Homepage Edits */
/* This is the font */
@font-face {
  font-family: "Gilmer", Heavy;
  src: url("Shared/Themes/TR%20New%20Front%20Page%2010.22/fonts/gilmer-heavy.css");
  src: url("Shared/Themes/TR%20New%20Front%20Page%2010.22/fonts/gilmer-heavy.eot")
    format("embedded-opentype");
  src: url("Shared/Themes/TR%20New%20Front%20Page%2010.22/fonts/gilmer-heavy.woff2")
    format("woff2");
  src: url("Shared/Themes/TR%20New%20Front%20Page%2010.22/fonts/gilmer-heavy.woff")
    format("woff");
  src: url("Shared/Themes/TR%20New%20Front%20Page%2010.22/fonts/gilmer-heavy.ttf")
    format("truetype");
  src: url("Shared/Themes/TR%20New%20Front%20Page%2010.22/fonts/gilmer-heavy.svg")
    format("svg");
  font-weight: normal;
  font-style: normal;
}

/* This adds background opacity layer to video */
/* .black-color {
position: absolute;
background-color: rgba(0,0,0,0.3);
width: 100%;
height: 550px;
z-index: 2;
} */

figure.video-opacity video { margin-top: 80px; } 

/* MOBILE */
@media only screen and (max-width: 776px) {
  figure.video-opacity video { margin-top: 0px; }
}

/* This will center the website IDK */
div.margin { margin: auto; width: 100%; }

/* THIS SECTION WILL BE EEDITS AFTER MEETING (TESTING) IF GOOD, THEN REPLACE TOP PART */
div.flex1 { display: flex; justify-content: center; background: #ededed; }

div.dobot-box1 { width: 951.3px; }

div.dobot-box2 { width: 951.3px; }

div.background-container1 { margin-bottom: 10px; }

figure.dobot_logo { text-align: center; margin-top: 35px; margin-bottom: 20px; }

div.button_zero { text-align: center; margin-top: 30px; margin-bottom: 40px; }

/* Learn more on dobot section */
p.info1 { text-align: justify; margin-left: 120px; margin-right: 120px; }

a.learn_more0 { font-size: 17px; padding-top: 8px; padding-bottom: 11px; padding-right: 15px; padding-left: 15px; color: white; background: #00b0f0; }

/* Link text on hover */
a.learn_more0:hover { text-decoration: none; color: white; background: black; transition-duration: 0.5s; }

/* TABLET */
@media only screen and (max-width: 1024px) {
  div.flex1 { flex-flow: wrap; }

  div.dobot-box1 { width: auto; }

  div.dobot-box2 { width: 1010px; }
}

/* MOBILE */
@media only screen and (max-width: 736px) {
  div.flex1 { flex-flow: wrap; }

  p.info1 { margin-left: 30px; margin-right: 30px; }
}

/* Learn more on xseries section */
div.background-container2 { margin-top: 5px; }

div.flex2 { display: flex; justify-content: center; background: #e2f2fb; }

div.button_zero2 { text-align: center; margin-top: 30px; margin-bottom: 40px; }

div.xseries-box1 { width: 951.3px; }

div.xseries-box2 { width: 951.3px; }

figure.interbotix_logo { text-align: center; margin-top: 35px; margin-bottom: 20px; }

p.info2 { text-align: justify; margin-right: 120px; margin-left: 120px; }

a.learn_more00 { font-size: 17px; padding-top: 8px; padding-bottom: 11px; padding-right: 15px; padding-left: 15px; color: white; background: #00b0f0; }

/* Link text on hover */
a.learn_more00:hover { text-decoration: none; color: white; background: black; transition-duration: 0.5s; }

/* TABLET */
@media only screen and (max-width: 1024px) {
  div.flex2 { flex-flow: wrap; flex-wrap: wrap-reverse; }

  div.xseries-box1 { width: 1010px; }

  div.xseries-box2 { width: auto; }
}

/* MOBILE */
@media only screen and (max-width: 736px) {
  div.section_flex { flex-flow: wrap; }

  div.flex2 { flex-flow: wrap; flex-wrap: wrap-reverse; }

  figure.xseries_img { margin-bottom: 15px; }

  figure.interbotix_logo { margin-right: 30px; margin-left: 30px; }

  p.info2 { margin-right: 30px; margin-left: 30px; }

  img.bunker_img3 { width: 300px; }
}

/* Learn more on bunker section */
div.flex5 { display: flex; justify-content: center; }

div.bunker-box1 { width: 951.3px; }

div.bunker-box2 { width: 951.3px; }

div.button_b { text-align: center; margin-top: 30px; margin-bottom: 40px; }

figure.bunker_logo { text-align: center; margin-top: 30px; margin-bottom: 20px; }

figure.bunker-img { margin-left: 7px; }

p.info3 { text-align: justify; margin-right: 120px; margin-left: 120px; }

a.learn_moreb { font-size: 17px; padding-top: 8px; padding-bottom: 11px; padding-right: 15px; padding-left: 15px; color: white; background: #00b0f0; }

/* Link text on hover */
a.learn_moreb:hover { text-decoration: none; color: white; background: black; transition-duration: 0.5s; }

/* TABLET */
@media only screen and (max-width: 1024px) {
  div.flex5 { flex-flow: wrap; }

  figure.bunker-img { margin-left: 0px; }

  div.bunker-box1 { width: auto; }

  div.bunker-box2 { width: auto; }
}

/* MOBILE */
@media only screen and (max-width: 736px) {
  div.flex5 { flex-flow: wrap; }

  p.info3 { margin-right: 30px; margin-left: 30px; }

  figure.bunker-img { margin-left: 0px; }
}

/* Learn more on locobot section */
div.section_flex { display: flex; justify-content: center; }

div.first-section-link { display: flex; background: #e2f2fb; margin-right: 5px; }

div.locobot-box2 { margin-left: 50px; margin-right: 100px; line-height: 10px; }

div.button4 { margin-bottom: 100px; text-align: center; }

h1.LoCoBot_header { text-align: center; margin-top: 100px; margin-bottom: 0px; font-size: 3vw; font-weight: 550; }

p.locobot-prev { text-align: center; font-size: 18px; }

a.learn_more1 { font-size: 18px; }

img.padding1 { padding-left: 100px; }

/* LARGE SCREEN */
@media only screen and (min-width: 1900px) {
  div.first-section-link { justify-content: flex-end; }

  h1.LoCoBot_header { font-size: 60px; }
}

/* TABLET */
@media only screen and (max-width: 1024px) {
  div.section_flex { flex-flow: wrap; }

  div.first-section-link { background: #ededed; }

  div.first-section-link { margin-right: 0px; }

  h1.LoCoBot_header { font-size: 5vw; }
}

/* MOBILE */
@media only screen and (max-width: 736px) {
  div.first-section-link { background: #ededed; }

  img.padding1 { padding-left: 30px; }

  h1.LoCoBot_header { font-size: 6vw; margin-top: 50px; margin-left: 15px; margin-right: 15px; }

  p.locobot-prev { font-size: 13px; }

  div.button4 { margin-bottom: 50px; }

  a.learn_more1 { font-size: 13px; }

  div.locobot-box2 { margin-right: 30px; margin-left: 30px; }

  div.first-section-link { margin-right: 0px; }
}

/* Learn more on turret section */
div.second-section-link { display: flex; justify-content: flex-end; background: #ededed; margin-left: 5px; }

h1.turrets_header { text-align: center; margin-top: 100px; margin-bottom: 0px; font-size: 3vw; font-weight: 550; }

p.turret-prev { text-align: center; font-size: 18px; }

div.turret-box1 { margin-left: 100px; margin-right: 90px; line-height: 10px; }

a.learn_more2 { font-size: 18px; }

img.padding2 { padding-right: 100px; }

div.button7 { text-align: center; }

/* LARGE SCREEN */
@media only screen and (min-width: 1900px) {
  div.second-section-link { justify-content: flex-start; }

  h1.turrets_header { font-size: 60px; }
}

/* TABLET */
@media only screen and (max-width: 1024px) {
  div.section_flex2 { flex-flow: wrap; }

  div.second-section-link { background: #e2f2fb; }

  div.turret-box1 { padding-left: 80px; }

  img.padding2 { padding-right: 50px; }

  h1.turrets_header { margin-top: 100px; font-size: 5vw; }

  div.second-section-link { margin-left: 0px; }
}

/* MOBILE */
@media only screen and (max-width: 736px) {
  div.second-section-link { background: #e2f2fb; }

  div.section_flex2 { flex-flow: wrap; }

  img.padding2 { padding-right: 30px; }

  h1.turrets_header { font-size: 6vw; margin-top: 50px; margin-right: 15px; margin-left: 15px; }

  div.button7 { margin-bottom: 50px; }

  p.turret-prev { font-size: 13px; }

  div.turret-box1 { padding-left: 0px; margin-right: 30px; margin-left: 30px; }

  a.learn_more2 { font-size: 13px; }

  div.second-section-link { margin-left: 0px; }
}

/* Learn more on quadrupeds section */
div.third-section-link { display: flex; background: #ededed; }

div.section_flex2 { display: flex; justify-content: center; }

h1.quadrupeds_header { text-align: center; margin-top: 100px; margin-bottom: 0px; font-size: 3vw; font-weight: 550; }

p.quadrupeds-prev { text-align: center; font-size: 18px; }

div.third-section-link { margin-right: 5px; }

div.quadrupeds-box2 { margin-left: 5px; margin-right: 50px; line-height: 10px; }

div.button6 { margin-bottom: 100px; text-align: center; }

a.learn_more3 { font-size: 18px; }

img.padding3 { padding-left: 100px; }

/* LARGE SCREEN */
@media only screen and (min-width: 1900px) {
  div.third-section-link { justify-content: flex-end; }

  h1.quadrupeds_header { font-size: 60px; }
}

/* TABLET */
@media only screen and (max-width: 1024px) {
  div.third-section-link { margin-right: 0px; }

  h1.quadrupeds_header { font-size: 5vw; }
}

/* MOBILE */
@media only screen and (max-width: 736px) {
  img.padding3 { padding-left: 30px; }

  h1.quadrupeds_header { font-size: 6vw; margin-top: 50px; }

  p.quadrupeds-prev { font-size: 13px; }

  div.button6 { margin-bottom: 50px; }

  div.quadrupeds-box2 { margin-right: 30px; margin-left: 0px; }

  a.learn_more3 { font-size: 13px; }

  div.third-section-link { margin-right: 0px; }
}

/* Learn more on hexapods section */
div.fourth-section-link { display: flex; justify-content: flex-end; background: #e2f2fb; margin-left: 5px; }

div.hexapods-box1 { margin-left: 60px; margin-right: 75px; }

h1.hexapods_header { text-align: center; margin-top: 100px; margin-bottom: 0px; font-size: 3vw; font-weight: 550; }

p.hexapods-prev { text-align: center; font-size: 18px; }

div.button5 { margin-bottom: 100px; text-align: center; }

a.learn_more4 { font-size: 18px; }

img.padding4 { padding-right: 100px; }

/* LARGE SCREEN */
@media only screen and (min-width: 1900px) {
  div.fourth-section-link { justify-content: flex-start; }

  h1.hexapods_header { font-size: 60px; }
}

/* TABLET */
@media only screen and (max-width: 1024px) {
  div.fourth-section-link { margin-left: 0px; }

  h1.hexapods_header { font-size: 5vw; }
}

/* MOBILE */
@media only screen and (max-width: 736px) {
  img.padding4 { padding-right: 30px; }

  h1.hexapods_header { font-size: 6vw; margin-top: 50px; }

  p.hexapods-prev { font-size: 13px; }

  div.button5 { margin-bottom: 50px; }

  div.fourth-section-link { margin-left: 0px; }

  div.hexapods-box1 { margin-left: 30px; margin-right: 20px; }

  a.learn_more4 { font-size: 13px; }
}

div.size_of_box { width: 100%; max-width: 951.3; }
/* [/Default] */

/* [Header] */

/* [/Header] */

/* [Widget12361] */
.Control_12361 {  }
.ControlHeader_12361 {  }
.ControlItem_12361 {  }
.ControlLink_12361 {  }
.ControlLink_12361:hover {  }
.ControlLink_12361 a {  }
.ControlLink_12361 a:hover {  }
.ControlLink_Link_12361 {  }
.ControlLink_Link_12361:hover {  }
.ControlLinkSeperator_12361 {  }
.ControlText_12361 {  }
.ControlInput_12361 {  }
.ControlFooter_12361 {  }




#openMenu { display: block; position: relative; top: 50px; left: 50px; z-index: 1; -webkit-user-select: none; user-select: none; }

#openMenu a { text-decoration: none; color: royalblue; transition: color 0.3s ease; }

#openMenu a:hover { color: mediumseagreen; }

#openMenu input { display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }

#openMenu span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    opacity 0.55s ease;
}

#openMenu span:first-child { transform-origin: 0% 0%; }

#openMenu span:nth-last-child(2) { transform-origin: 0% 100%; }

#openMenu input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: royalblue; }

#openMenu input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }

#openMenu input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); }

#menu { position: absolute; width: 300px; margin: -100px 0 0 -50px; padding: 50px; padding-top: 125px; background: #ededed; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }

#menu li { padding: 10px 0; font-size: 22px; }

#openMenu input:checked ~ ul { transform: none; }
/* [/Widget12361] */

/* [Widget12362] */
.Control_12362 {  }
.ControlHeader_12362 {  }
.ControlItem_12362 {  }
.ControlLink_12362 {  }
.ControlLink_12362:hover {  }
.ControlLink_12362 a {  }
.ControlLink_12362 a:hover {  }
.ControlLink_Link_12362 {  }
.ControlLink_Link_12362:hover {  }
.ControlLinkSeperator_12362 {  }
.ControlText_12362 {  }
.ControlInput_12362 {  }
.ControlFooter_12362 {  }


#openMenu { display: none; position: relative; top: 50px; left: 50px; z-index: 1; -webkit-user-select: none; user-select: none; }

/* This is the color of text when opened */
#openMenu a { text-decoration: none; color: white; transition: color 0.3s ease; }

/* This is the color of text on hover */
#openMenu a:hover { color: white; }

#openMenu input { display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }

/* Color of hamburger icon */
#openMenu span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #1e1d22;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    opacity 0.55s ease;
}

#openMenu span:first-child { transform-origin: 0% 0%; }

#openMenu span:nth-last-child(2) { transform-origin: 0% 100%; }

/* Color of the "X" when menu is opened */
#openMenu input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #007cc4; }

#openMenu input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }

#openMenu input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); }

/* Color of menu background */
#menu { position: absolute; width: 300px; margin: -100px 0 0 -50px; padding: 50px; padding-top: 125px; background: #1e1d22; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }

/* Centers menu when opened & edits all menu at the same time */
#menu li { padding: 10px 0; font-size: 22px; text-align: center; }

/* Color of menu items on hover (background) */
#menu li:hover { padding: 10px 0; font-size: 22px; background: #007cc4; }


#openMenu input:checked ~ ul { transform: none; }


/* This will edit the site for TABLET version */
@media only screen and (max-width: 767px) {
  #openMenu { display: block; }
}
/* [/Widget12362] */

/* [Widget11913] */
.Control_11913 {  }
.ControlHeader_11913 {  }
.ControlItem_11913 {  }
.ControlLink_11913 {  }
.ControlLink_11913:hover {  }
.ControlLink_11913 a {  }
.ControlLink_11913 a:hover {  }
.ControlLink_Link_11913 {  }
.ControlLink_Link_11913:hover {  }
.ControlLinkSeperator_11913 {  }
.ControlText_11913 {  }
.ControlInput_11913 {  }
.ControlFooter_11913 {  }

/* This will hide the bottom background of second menu when resized to  certain size */
@media (max-width: 1484px) {
  .LayoutTop {
    /* padding-bottom: 140px; */ 
    padding-bottom: 0px;
  }

  li a { padding-left: 10px; padding-right: 10px; }

}
@media (min-width: 1484px) {
  .LayoutTop {
    /* padding-bottom: 140px; */ 
    padding-bottom: 0px;
  }
}


.header-right-wrap {
  /* margin-left: 75px; */
  margin-bottom: 9px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
/* [/Widget11913] */

/* [Widget11722] */
.Control_11722 a {  }

/* This will hide the bottom background of second menu when resized to  certain size */
/* [/Widget11722] */

/* [Widget12363] */
.Control_12363 {  }
.ControlHeader_12363 {  }
.ControlItem_12363 {  }
.ControlLink_12363 {  }
.ControlLink_12363:hover {  }
.ControlLink_12363 a {  }
.ControlLink_12363 a:hover {  }
.ControlLink_Link_12363 {  }
.ControlLink_Link_12363:hover {  }
.ControlLinkSeperator_12363 {  }
.ControlText_12363 {  }
.ControlInput_12363 {  }
.ControlFooter_12363 {  }
/* This will edit the nav background color */
#openMenu { display: none; position: relative; top: 50px; left: 50px; z-index: 1; -webkit-user-select: none; user-select: none; }

/* This is the color of text when opened */
#openMenu a { text-decoration: none; color: white; transition: color 0.3s ease; }

/* This is the color of text on hover */
#openMenu a:hover { color: white; }

#openMenu input { display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }

/* Color of hamburger icon */
#openMenu span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: white;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    opacity 0.55s ease;
}

#openMenu span:first-child { transform-origin: 0% 0%; }

#openMenu span:nth-last-child(2) { transform-origin: 0% 100%; }

/* Color of the "X" when menu is opened */
#openMenu input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #007cc4; }

#openMenu input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }

#openMenu input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); }

/* Color of menu background */
#menu { position: absolute; width: 300px; margin: -100px 0 0 -50px; padding: 50px; padding-top: 125px; background: #1e1d22; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); }

/* Centers menu when opened & edits all menu at the same time */
#menu li { padding: 10px 0; font-size: 22px; text-align: center; }

/* Color of menu items on hover (background) */
#menu li:hover { padding: 10px 0; font-size: 22px; background: #007cc4; }


#openMenu input:checked ~ ul { transform: none; }



/* This will edit the site for TABLET version */
@media only screen and (max-width: 981px) {
  #openMenu { display: block; }
}
/* [/Widget12363] */

/* [Widget12364] */
.Control_12364 {  }
.Control_12364 a {  }

/* This will edit the nav background color before hamburger is clicked */
#openMenu { display: none; position: relative; top: 50px; left: 50px; z-index: 1; -webkit-user-select: none; user-select: none; }

/* This is the color of text when opened */
#openMenu a { text-decoration: none; color: white; transition: color 0.3s ease; }

/* This is the color of text on hover */
#openMenu a:hover { color: white; }

#openMenu input { display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }

/* Color of hamburger icon */
#openMenu span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #007cc4;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#openMenu span:first-child { transform-origin: 0% 0%; }

#openMenu span:nth-last-child(2) { transform-origin: 0% 100%; }

/* Color of the "X" when menu is opened */
#openMenu input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #007cc4; }

#openMenu input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }

#openMenu input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); }

/* Color of menu background */ /* AND WHERE MENU IS POSITIONED */
/* This will position and move the menu from point A to point B */
#menu { position: absolute; width: 300px; margin: -100px 0 0 -50px; padding: 50px; padding-top: 125px; background: #1e1d22; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(-100%, 0); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }

/* Centers menu when opened & edits all menu at the same time */
#menu li { padding: 10px 0; font-size: 22px; text-align: center; }

/* Color of menu items on hover (background) */
#menu li:hover { padding: 10px 0; font-size: 22px; background: #007cc4; }

#openMenu input:checked ~ ul { transform: none; }

/* This will edit the site for TABLET version */
@media only screen and (max-width: 981px) {
  #openMenu { display: block; }
}
/* [/Widget12364] */

/* [Widget11728] */
.Control_11728 {  }
.ControlHeader_11728 {  }
.ControlItem_11728 {  }
.ControlLink_11728 {  }
.ControlLink_11728:hover {  }
.ControlLink_11728 a {  }
.ControlLink_11728 a:hover {  }
.ControlLink_Link_11728 {  }
.ControlLink_Link_11728:hover {  }
.ControlLinkSeperator_11728 {  }
.ControlText_11728 {  }
.ControlInput_11728 {  }
.ControlFooter_11728 {  }

/* Jesus edits to hide search bar in tablet view and smaller */
div.header-search-wrap { display: block; }

/* This will edit the site for TABLET version */
@media only screen and (max-width: 981px) {
  div.header-search-wrap { display: block; }
}
/* [/Widget11728] */

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

/* [Widget11727] */
.Control_11727 {  }
.ControlHeader_11727 {  }
.ControlItem_11727 {  }
.ControlLink_11727 {  }
.ControlLink_11727:hover {  }
.ControlLink_11727 a {  }
.ControlLink_11727 a:hover {  }
.ControlLink_Link_11727 {  }
.ControlLink_Link_11727:hover {  }
.ControlLinkSeperator_11727 {  }
.ControlText_11727 {  }
.ControlInput_11727 {  }
.ControlFooter_11727 {  }
.CustomerLoginEmailTextbox_11727 { width: 180px; }

/* Jesus edits to hide account in tablet view or smaller */
div.header-account-wrap { display: block; }

/* This will edit the site for TABLET version */
@media only screen and (max-width: 981px) {
  div.header-account-wrap { display: block; }
}
/* [/Widget11727] */

/* [Widget11726] */
.Control_11726 {  }
.ControlHeader_11726 {  }
.ControlItem_11726 {  }
.ControlLink_11726 {  }
.ControlLink_11726:hover {  }
.ControlLink_11726 a {  }
.ControlLink_11726 a:hover {  }
.ControlLink_Link_11726 {  }
.ControlLink_Link_11726:hover {  }
.ControlLinkSeperator_11726 {  }
.ControlText_11726 {  }
.ControlInput_11726 {  }
.ControlFooter_11726 {  }
.SmallCartItemLink_11726 { text-decoration: underline; }
.SmallCartQtyTextbox_11726 { border-color: #333333; border-width: 1px; border-style: Solid; font-size: 8pt; width: 30px; }

/* Jesus edits to hide cart in tablet view or smaller */
div.header-cart-wrap { display: block; }

/* This will edit the site for TABLET version */
@media only screen and (max-width: 981px) {
  div.header-cart-wrap { display: block; }
}
/* [/Widget11726] */

left: 70px;











































































































































/* [DemoTable] */
.main_container_demotable { box-sizing: border-box; font-family: Arial, sans-serif; max-width: 100%; margin: auto; }
.h1_demotable { padding: 10px; text-align: left; font-size: 35px; font-weight: 700; color: #333333; margin-bottom: 40px; }
.table_demotable { margin: auto; }
td { padding: 10px; }
.thumbnail_sizing_demotable { height: 100px; width: 100px; }
.description_demotable { font-size: 14px; text-align: justify; max-width: 500px; text-justify: inter-word; }
.boldtext_demotable { font-size: 17px; }
.link_container_demotable { display: flex; }
.links_demotable { height: 14px; padding-right: 7px; }
.click_row { cursor: pointer; }
/* [DemoTable] */

/* [Banners] */

/* [cobot] */
@font-face { font-family: 'D3'; src: url('/Shared/Banners/d3euronism.woff') format('woff')}
.banner-image { width: 100vw; position: relative; }
.banner-text-container { position: absolute; top: 2.11%; left: 60.2%; height: 8.1%; width: 39%; }
.banner-title { color: white; font-family: D3; text-align: center; font-size: 4.9vw; padding: 3% 0; }
.banner-desc { color: white; font-family: arial; text-align: justify; font-size: 1.1vw; padding: 0 5%; }

@media (max-width: 1440px) {
  .banner-text-container { position: absolute; top: 2.25%; left: 60.3%; height: 6.45%; width: 38.65%; }
}

@media (max-width: 1024px) {
  .banner-text-container { position: absolute; top: 2.59%; left: 60.1%; height: 5.3%; width: 38.6%; }
}

@media (max-width: 768px) {
  .banner-text-container { position: absolute; top: 0.5%; left: 60%; height: 2.47%; width: 38.3%; }
}

@media (max-width: 991px) {
  .banner-text-container { position: absolute; top: 1.46%; left: 60%; height: 2.95%; width: 38.5%; }
}

@media (max-width: 767px) {
  .banner-text-container { display: none; }
  .banner-image { display: none; }
}

/* [cobot] */

/* [grippers] */
.banner-image-gripper { width: 100vw; position: relative; }
.banner-text-container-gripper { position: absolute; top: 27.35%; left: 60.2%; height: 9.02%; width: 39%; }
.banner-title-gripper { color: white; font-family: D3; text-align: center; font-size: 2.3vw; padding-top: 9%; }
.banner-desc-gripper { color: white; font-family: arial; text-align: justify; font-size: 1.15vw; padding: 7% 5%; }

@media (max-width: 2560px) {
  .banner-text-container-gripper { position: absolute; top: 27.93%; left: 60.3%; height: 10.1%; width: 39%; }
}

@media (max-width: 1920px) {
  .banner-text-container-gripper { position: absolute; top: 27.35%; left: 60.2%; height: 8.15%; width: 39%; }
}

@media (max-width: 1440px) {
  .banner-text-container-gripper { position: absolute; top: 27.05%; left: 60.3%; height: 6.6%; width: 38.7%; }
}

@media (max-width: 1024px) {
  .banner-text-container-gripper { position: absolute; top: 26.55%; left: 60.21%; height: 5.35%; width: 38.4%; }
}

@media (max-width: 991px) {
  .banner-text-container-gripper { position: absolute; top: 22.05%; left: 60.25%; height: 2.95%; width: 38.4%; }
}

@media (max-width: 991px) {
  .banner-text-container-gripper { position: absolute; top: 22.06%; left: 60.1%; height: 2.95%; width: 38.5%; }
}

@media (max-width: 768px) {
  .banner-text-container-gripper { position: absolute; top: 21.85%; left: 60%; height: 2.33%; width: 38.1%; }
}


@media (max-width: 767px) {
  .banner-text-container-gripper { display: none; }
  .banner-image-gripper { display: none; }
}
/* [grippers] */

/* [Research] */

.banner-image-education { width: 100vw; position: relative; }
.banner-text-container-education { position: absolute; top: 59.75%; left: 60.1%; height: 8.25%; width: 39%; }
.banner-title-education { color: white; font-family: D3; text-align: center; font-size: 2.5vw; padding-top: 9%; }
.banner-desc-education { color: white; font-family: arial; text-align: justify; font-size: 1.15vw; padding: 7% 5%; }

@media (max-width: 2560px) {
  .banner-text-container-education { position: absolute; top: 59.8%; left: 60.3%; height: 10.05%; width: 39%; }
}

@media (max-width: 1920px) {
  .banner-text-container-education { position: absolute; top: 59.2%; left: 60.3%; height: 8.2%; width: 39%; }
}

@media (max-width: 1440px) {
  .banner-text-container-education { position: absolute; top: 58.7%; left: 60.2%; height: 6.6%; width: 39%; }
}

@media (max-width: 1024px) {
  .banner-text-container-education { position: absolute; top: 58.5%; left: 60.1%; height: 5.3%; width: 38.5%; }
}

@media (max-width: 991px) {
  .banner-text-container-education { position: absolute; top: 57.85%; left: 60.1%; height: 2.96%; width: 38.5%; }
}


@media (max-width: 768px) {
  .banner-text-container-education { position: absolute; top: 57.67%; left: 60%; height: 2.35%; width: 38.3%; }
}


@media (max-width: 767px) {
  .banner-image-education { display: none; }
  .banner-text-container-education { display: none; }
}

/* [Research] */

/* [Banners] */

/* [Product Background Photo] */
.product-info-wrapper { background: rgba(0,0,0,0.8); color: #fff; }
.product-photo { background-size: cover !important; background-position: center center !important; background-color: #000; }
.PhotoBgThumbnails { float: right; }
/* [/Product Background Photo ] */



/* [CheckOut] */
.CheckOutHeader { font-weight: bold; font-size: 16px; }
.CheckOutSubHeader { font-weight: bold; font-size: 16px; margin-bottom: 20px; }
.CardFieldHeaders { background: #666; color: #fff; padding: 5px; }
.OnePageCheckoutShoppingCart .ShoppingCartPrice { padding: 10px 0; font-size: inherit; border: none; }
.SplitPaymentLink { cursor: pointer; }
#tbAppliedPayments { width: 100%; }
.AppliedPaymentHeader th { padding: 5px; }
.AddressEditorZipCodePlus4Textbox { width: 50px; }
.AddressBookEditor { padding: 2px 10px 2px 0; }
.OnePageCheckoutShoppingCart td { padding: 5px; border-bottom: 1px solid #e5e5e5; }
.ShoppingCartVariations td { padding: 0 0 0 20px; border: none; }
.OnePageCheckoutShoppingCart .ShoppingCartTotals { border: none; }
.form-signin { max-width: 330px; padding: 15px; margin: 0 auto; }
.form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; }
.form-signin .checkbox { font-weight: normal; }
.form-signin input { position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.form-signin input:focus { z-index: 2; }
.form-signin input[type="text"] { margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }
/* [/Checkout] */
.ShippingSelect input[type="radio"] + label { margin-left: 1em; }
input[type="file"] + span { top: 0px; }

/* AC-2021 SITE CHANGES */
:root { --color-bright: #02abe9; }
.mobile-only { display: none !important; }
.lb-tab { display: none !important; }
body { max-width: 100%; overflow-x: hidden; }

/* CATEGORY IMAGE SECTION */
.header-area .MenuBar div.navbar, div.HorizontalNav { background: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.header-area .MenuBar .navbar ul.nav > li > a:hover, div.HorizontalNavItem a:hover { background-color: #007cc4; color: #e6e6e6; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.header-area .MenuBar .navbar ul.nav > li > a, div.HorizontalNavItem a { background: none; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.MenuBar div.navbar, div.HorizontalNav { background: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.MenuBar .navbar ul.nav > li > a:hover, div.HorizontalNavItem a:hover { color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.MenuBar .navbar ul.nav > li > a, div.HorizontalNavItem a { background: none; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }


.categorymenu { display: flex; min-height: 380px; background: #dddddd; justify-content: center; text-align: center; border-bottom: none; margin-bottom: 9px; }
.categorymenu .navbar {  }
.categorymenu img { max-height: 100%; }
.categorymenu h1 { font-size: 6rem; }
.categorymenu h3 { font-size: 3rem; }
.categorymenu h3:hover { background-color: #999999; border-radius: 25px; transition: all .5s ease-in-out; }

.catehead { font-size: 4rem; }



.header-left-wrap {  }

.header-logo-wrap { width: 100%; margin-right: 3%; }
.header-logo-wrap img { width: 75%; }
.header-smallMenu-wrap .navbar { margin: 0; border: none; }
.header-smallMenu-wrap .navbar-nav a { color: #fff !important; font-size: 15px; font-weight: 400; transition: all .5s ease-in-out; }
.header-smallMenu-wrap .navbar-nav a:hover { background: var(--color-bright) !important; }

.header-bigMenu-wrap .navbar-nav a b { font-weight: 400 !important; }
.header-bigMenu-wrap .navbar-nav a:hover { background: var(--color-bright) !important; }
.header-bigMenu-wrap .navbar { margin-bottom: 0; border: none; }
.header-bigMenu-wrap .dropdown-menu a { color: #000 !important; line-height: 30px; }
.header-bigMenu-wrap .dropdown-menu a:hover { color: #fff !important; }
.header-bigMenu-wrap .dropdown-menu { padding: 0; }

.header-util-wrap { margin-left: 20px; }
.header-search-wrap { margin: 0 45px 15px 0; }
.header-search-wrap .ControlHeader { display: none; }
.header-search-wrap .ControlItem { display: flex; align-items: stretch; justify-content: center; }
/* width: 85%; */ 
/* width: 100%; */ 
.header-search-wrap input[type=submit]:hover, .heder-search-wrap input[type=submit]:focus { background: #fff; color: var(--color-bright); outline: none !important; }
/* align-items: center; */ 
.search-icon:before {content: '\f002'; font-family: "FontAwesome"; color: #fff; position: absolute; pointer-events: none; transition: all .5s ease-in-out; margin:5px;}
.search-icon:hover::before { color: var(--color-bright); }
.header-account-trigger, .header-cart-trigger { padding: 0 10px 10px 10px; cursor: pointer; }
.header-account-trigger i, .header-cart-trigger i { color: #fff; transition: all .5s ease-in-out; }
.header-account-trigger i:hover, .header-cart-trigger i:hover { color: var(--color-bright); }
.header-contact-wrap { margin: 0 0 10px 10px; }
.header-contact-wrap a { color: #fff; font-size: 14px; transition: all .5s ease-in-out; }
.header-contact-wrap a:hover { color: var(--color-bright); text-decoration: none; }
.header-account-drop { position: absolute; left: 0; top: 51px; width: 100%; background: #fff; border-radius: 0 0 4px 4px; display: none; z-index: 100000; }
.header-account-drop li { list-style: none; }
.header-account-drop .label span { color: #000; }
.header-cart-drop { position: absolute; left: 0; top: 51px; background: #fff; width: 100%; border-radius: 0 0 4px 4px; z-index: 1000000; display: none; }
.navbar-brand { display: none; }

@media (max-width: 1484px) {
  .header-inner { flex-wrap: wrap; }
  .header-right-wrap { margin-left: auto; }
  .LayoutTop { padding-bottom: 140px; }
}
@media (max-width: 898px) {
  .navbar-brand { display: none; }
  .header-search-wrap { margin: 0 20px 15px 0; width: 175px; }
  .header-bigMenu-wrap .navbar-nav a { padding: 10px 10px; }
}
@media (max-width: 767px) {
  .mobile-only { display: block !important; }
  .header-bigMenu-wrap { display: none; }
  .header-left-inner { width: 100%; justify-content: space-between; }
  .header-left-wrap { width: 100%; }
  .header-logo-wrap { width: 250px; }
  .header-smallMenu-wrap .navbar { position: initial; }
  .header-smallMenu-wrap .navbar-brand { display: block; cursor: pointer; }
  .header-smallMenu-wrap .navbar-brand i { font-size: 32px; transition: all .5s ease-in-out; }
  .header-smallMenu-wrap .navbar-brand:hover i { color: var(--color-bright); }
  .header-smallMenu-wrap .navbar-nav { position: absolute; left: 0px; top: 113px; width: 100%; background: #1e1d22; z-index: 10000; margin: 0; display: none; }
  .header-smallMenu-wrap .navbar-nav li a { border-bottom: solid 1px var(--color-bright); padding: 15px; }
  .header-right-wrap, .header-right-inner, .header-util-wrap { width: 100%; margin-left: 0; }
  .header-util-inner, .header-search-wrap .ControlItem { justify-content: flex-start; }
  .header-search-wrap { width: 75%; }
  .LayoutTop { padding-bottom: 113px; }
}
.categorymenu { min-height: unset !important; }
.categorymenu .navbar { margin-bottom: 0; }
.imageNav-header {  }
.imageNav-header .ControlHeader { font-size: 44px; }
.imageNav-item img { width: 100px; }
.imageNav-item h3 { font-size: 20px; font-weight: 500; margin-top: auto; }
.imageNav-nav { display: flex; align-items: stretch; justify-content: space-between; width: 100%; }
.imageNav-item a { display: flex !important; align-items: center; flex-direction: column; justify-content: flex-start; height: 100%; transition: all .5s ease-in-out; }
.imageNav-image { height: 73%; display: flex; align-items: center; justify-content: center; }
.categorymenu h3:hover { background-color: transparent; border-radius: 0; }
.imageNav-item a:hover h3 { color: var(--color-bright); }


/* THREE BOX PANEL */
.home-block {  }
.box-wrap { display: flex; justify-content: space-between; align-items: stretch; }
.box-inner {  }
.one-third { flex: 0 33%; }
.one-third .TextOverImage-text { padding: 80px 20px 20px 20px; width: 80%; margin: 50px 30px; background-color: rgba(0, 0, 0, 0.8); }
.two-third { flex: 0 66%; margin-bottom: 2%; }
.one-half { flex: 0 50%; margin-bottom: 2%; }
.one-fourth { flex: 0 25%; margin-bottom: 2%; }

@media (max-width: 1040px) {
  .box-wrap { flex-wrap: wrap; justify-content: center; }
  .one-third { flex: 0 100%; }
}
/* TEXT OVER IMAGE WIDGET */
.one-third .TextOverImage-container {  }
.one-third .TextOverImage-container p {  }
.TextOverImage-image img { width: 100%; }
.one-third .TextOverImage-header h1 { color: #ffffff; }
.one-third .TextOverImage-header { position: absolute; text-align: left; top: 0; left: 0; color: #ffffff; padding: 10px 20px 20px 20px; z-index: 2000; margin: 50px 30px; }

/* VIEW BUTTON */
.box-button { position: absolute; text-align: left; bottom: 0; right: 0; color: #ffffff; padding: 10px 30px; z-index: 30000; margin: 35px; background: #00B0F0 !important; font-size: larger; font-weight: bold; }

.box-button:hover { transition: all .5s ease-in-out; background: #1e6680 !important; }

.box-button a { color: #ffffff; }

/* LAYOUT */
.container-test { display: flex; flex-wrap: wrap; justify-content: space-between; }
.homePage-wrap { padding-top: 9px; }


/* padding-bottom: 18%; *//* 32:18, i.e. 16:9 */ 
/* padding-bottom: 18%; *//* 32:18, i.e. 16:9 */ 
/* padding-bottom: 18%; *//* 32:18, i.e. 16:9 */ 
/* padding-bottom: 18%; *//* 32:18, i.e. 16:9 */ 
/* padding-bottom: 18%; *//* 32:18, i.e. 16:9 */ 

/* background-color: #A2CBFA; border: 1px solid #4390E1; *//* box-shadow: 0 2px 2px rgba(0,90,250,0.05), 0 4px 4px rgba(0,90,250,0.05), 0 8px 8px rgba(0,90,250,0.05), 0 16px 16px rgba(0,90,250,0.05); */ 

.child img { object-fit: cover; }

/* NEWSLETTER */
.newsletter { text-align:center; padding: 130px 0 70px 0; }
.newsletter-header .ControlHeader {font-size: 27px; font-weight: 700; line-height: 100%; text-align: center; margin-bottom: 10px;}
.newsletter-text p {font-size: 15px;}
.newsletter-form {display: flex; align-items: stretch; justify-content: center; padding: 0 30px;}
.newsletter-input {width: 370px; margin-right: 12px;}
.newsletter-input input {width: 100%; font-size: 18px; padding: 11px 10px; border-radius: 3px; color: #999;}
.newsletter-button {width: 110px;}
.newsletter-button input {width: 100%; height: 100%; border-radius: 0; background: var(--color-bright) !important; font-size: 17px; text-transform: uppercase; text-align: center; color: #fff; transition: all .5s ease-in-out;}
.newsletter-button input:hover, .newsletter-button input:focus {background: #000 !important; outline: none !important;}


/* VIDEO SLIDER */
/* padding-bottom: 56.25%; */ 
.iframe-wrapper iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}

/* Bottom right text */
.text-block {
  position: absolute;
  width:40%;
  height:40%;
  bottom: 20px;
  right: 20px;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 20000;
}
.text-block h4 { font-size:30px; }
.text-block p { font-size:16px; }

/* Variable Width Image & Text Divs */
:root {
  --left-percent: 20px;
  --right-percent: 20px;
  --top-percent: 20px;
  --bot-percent: 20px;
}
.box-wrap {padding-top: 9px;}

.cell-settings, .textBox-settings {display: none;}
.oneFourth {width: 24.5%;}
.oneThird {width: 33%;}
.twoThird {width: 66.5%;}
.oneHalf {width: 49.5%;}
.fullWidth {width: 100%;}
.cellHidden {display: none;}

/* Deleted background color. It created 2 random boxed in the home page */
.TextOverImage-text {position: initial !important;}
.TextOverImage-box {
  position: absolute;

  max-width: 50%;
  padding: 20px;

}
.TextOverImage-header h1 {color: #fff; margin: 0; text-align: center;}
.TextOverImage-text p {display: none;}
.TextOverImage-text .TextOverImage-text {color: #fff; font-size: 13px; line-height: 133%; text-align: center !important; margin-top: 26px;}
.TextOverImage, .TextOverImage-container, .TextOverImage-image, .TextOverImage-image img {height: 100%;}

.textboxTopLeft {top: var(--top-percent); left: var(--left-percent);}
.textboxTopRight {top: var(--top-percent); right: var(--right-percent);}
.textboxBotLeft {bottom: var(--bot-percent); left: var(--left-percent);}
.textboxBotRight {bottom: var(--bot-percent); right: var(--right-percent);}
.textboxBotRight {bottom: var(--bot-percent); right: var(--right-percent);}
.textboxHidden {display: none;}

.TextOverImage-button {position: absolute; bottom: var(--bot-percent); right: var(--right-percent);}
.TextOverImage-button a {background: var(--color-bright); color: #fff; font-weight: 600; padding: 10px 25px; display: inline-block; transition: all .5s ease-in-out;}
.TextOverImage-button a:hover, .TextOverImage-button a:focus {outline: none !important; background: #fff; color: var(--color-bright); text-decoration: none;}
.buttonHide {display: none !important;}

.text-banner .TextOverImage-text .TextOverImage-text {
  color: #fff;
  font-size: 16px;
  line-height: 2;
  text-align: center !important;
  padding: 20px;
}

/* Hero Video Slider */
.hero-slide, .hero-slide-inner {height: 100%;}
.hero-slide-video, .hero-slide-video iframe {width: 100%; height: 100%;}
.hero-slide-inner {position: relative;}
.hero-slide-video {overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0;}
.hero-slide-video iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}
.hero-slide-info {position: absolute; top: 10%; left: 8%; max-width: 40%; background-color: rgba(0, 0, 0, 0.5); padding: 30px;}
.hero-slide-header {color: #fff; font-size: 30px; text-transform: uppercase; letter-spacing: 3px; text-align: center; margin-bottom: 15px;}
.hero-slide-text {max-width: 60%; margin: 0 auto; color: #fff; text-align: center;}
.hero-slide-button {max-width: 60%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.hero-slide-button a {background: var(--color-bright); color: #fff; padding: 8px 27px; font-weight: 600; display: inline-block; margin-top: 22px; transition: all .5s ease-in-out;}
.hero-slide-button a:hover, .hero-slide-button a:focus {background: #fff; color: var(--color-bright); text-decoration: none !important;}

.textBoxTopLeft {top: var(--top-percent); left: var(--left-percent); right: auto; bottom: auto;}
.textBoxTopRight {top: var(--top-percent); right: var(--right-percent); left: auto; bottom: auto;}
.textBoxCentLeft {top: 50%; transform: translateY(-50%); left: var(--left-percent); right: auto; bottom: auto;}
.textBoxCentRight {top: 50%; transform: translateY(-50%); right: var(--right-percent); left: auto; bottom: auto;}
.textBoxBotLeft {bottom: var(--bot-percent); left: var(--left-percent); right: auto; top: auto;}
.textBoxBotRight {bottom: var(--bot-percent); right: var(--right-percent); left: auto; top: auto;}
.textBoxCenter {bottom: var(--bot-percent); right: var(--right-percent); left: auto; top: auto;}
.textBoxHidden {display: none !important;}
img {max-width: 100% !important;}
.secondMenuToggle {display: none;}

/* Responsive */

@media (max-width: 1065px) {
  .box-wrap {padding-top: 25px;}
  .twoThird {width: 65.5%;}
  .oneThird {width: 32.5%;}
  .TextOverImage-header h1 {font-size: 20px;}
  .TextOverImage-text {margin-top: 8px !important;}
  .hero-slide-text {max-width: 100%;}
}
@media (max-width: 1040px) {
  .box-wrap {justify-content: space-between !important;}
  .hero-slide-info {max-width: 70%;}
}
@media (max-width: 767px) {
  .box-wrap {flex-wrap: wrap; padding-top: 0px;}
  .box-inner {margin-bottom: 9px;}
  .twoThird, .oneThird {width: 100%;}
  .imageNav-item img {width: 100%;}
  .imageNav-nav {margin: 0; padding: 0 20px;}
  .imageNav-item h3 {font-size: 14px;}
  .imageNav-header .ControlHeader {font-size: 25px;}
  .hero-slide-info {max-width: 90%; transform: translate(-50%, 0); left: 50% !important; top: 20px !important; right: auto !important; bottom: auto !important; width: 90% !important;}
  .hero-slide-header {font-size: 20px; margin-bottom: 8px; line-height: 20px;}
  .hero-slide-text {font-size: 14px;}
  .homepage-wrap {padding-top: 0 !important;}
  #ProductSecondNav ul.nav {display: flex; align-items: center; justify-content: space-between; padding: 0 14px;}
  #ProductSecondNav ul.nav li a {font-size: 12px;}
  .product-photo-area .product-thumbs {width: 100%; height: 50px;}
  .LayoutContent, .LayoutContent .container {padding: 0 !important;}
  .LayoutContent .container {margin-left: 0px;}
  .header-inner {padding: 0 14px;}
  .LayoutTop {width: 100%;}
  .Layout {overflow: hidden !important;}
  .LayoutMiddle {margin: 0 !important;}
  .ProductDetails .row.pad-20.pad-b-only {margin: 0 !important;}
  .fixed-top {top: 65px !important; position: fixed !important;}

}
@media (max-width: 575px) {
  .imageNav-nav {flex-wrap: wrap;}
  .imageNav-item {width: 50%;}
  .hero-slide-info {max-width: 100%; width: 100% !important; top: 0 !important; bottom: 0 !important; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
  .homePage-wrap {padding-top: 0 !important;}
  .secondMenuToggle {display: block; background: #000; width: 50px; height: 50px; color: #fff; font-size: 30px; display: flex; align-items: center; justify-content: center; margin-left: 14px; cursor: pointer;}
  #ProductSecondNav {background: transparent !important;}
  #ProductSecondNav .MenuBar {background: #000; margin: 6px 14px 0 14px; height: 0; max-height: 0; overflow: hidden; transition: all .5s ease-in-out;}
  #ProductSecondNav .navbar {width: 100%;}
  #ProductSecondNav .nav {flex-direction: column; align-items: flex-start; justify-content: center; margin: 0;}
  #ProductSecondNav .nav li {border-bottom: solid 1px #fff; width: 100%;}
  #ProductSecondNav .nav li:last-child {border-bottom: none !important;}
  .secondNavOpen {height: auto !important; max-height: 1000px !important;}
}

@media (max-width: 414px) {
  .hero-slide-info {padding: 0 14px;}
  .hero-slide-header {font-size: 16px; font-weight: 600; line-height: 110%; margin-bottom: 0;}
}

/* General CSS for Full Width Product Details Page */
.p-30-20 { padding:30px 20px;}
.p-20 { padding:20px;}


.ProductDetailsQuantity .ThemeButton {background: #ffc90e !important; color: #000 !important; padding: 6px 90px !important; font-size: 15px !important; font-weight: 600 !important; display: inline-block; transition: all .5s ease-in-out;}
.ProductDetailsQuantity .ThemeButton:hover, .ProductDetailsQuantity .ThemeButton:focus {outline: none !important; background:#1D4B7C !important; color: #fff !important; text-decoration: none;}

/* .pkgbtn .ThemeButton {position: absolute; bottom: var(--bot-percent); right: var(--right-percent);} */
.pkgbtn .btn-primary {background: var(--color-bright); color: #fff; font-weight: 600; padding: 10px 25px; display: inline-block; transition: all .5s ease-in-out;}
.pkgbtn .btn-primary:hover, .pkgbtn .btn-primary:focus {outline: none !important; background: #fff; color: var(--color-bright); text-decoration: none;}



.flex-items { display:flex; }



.bx-wrapper .bx-prev {
  left: calc(50% - 16px) !important;
  top: -0.5em !important;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.bx-wrapper .bx-next {
  right: calc(50% - 16px) !important;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 27em !important;
}

.product-thumbs .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: 700;
  color: #666;
  padding-top: 20px;
  display: none !important;
}

.product-thumbs .bx-wrapper .thumbnail {
  border: 1px solid #000;
}

.main-product-photo { width:80%; margin: auto; }

.fixed-top { top: 32px; transform: translateY(40px); transition: transform .3s; }

.anchor { display:block; padding-top:150px; margin-top:-150px;}

.product-nav-wrap { position: sticky; width: 100%; z-index: 1000; background: #1e1d22; min-height: unset !important; }
.product-menu { margin-bottom: 0; display:flex !important; justify-content: center; }
.product-menu .navbar { position: relative; min-height: 50px; margin-bottom: unset; border: 1px solid transparent;}

.product-nav-wrap .navbar-nav a:hover {
  background: var(--color-bright) !important;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.product-nav-wrap .navbar-nav a {color: #fff !important; font-size: 1.8rem; font-weight: 600; transition: all .5s ease-in-out;}

.product-details-title {text-transform: uppercase; color: #333; font-weight: 600;}
.product-photo-area {display:flex;}
.product-thumbs {margin-top: 20px;}
.product-image { }

.inner-wrap { display:flex; justify-content: space-evenly;}

.description-flex { display: flex; }


/* Overview Section */
.overview-wrap { }
.overviewTitle {text-transform: uppercase; color: var(--color-bright); font-weight: 600;}
.overview-description { background-color:#fff; padding:30px 20px;}
.overviewSpecs-inner { display:flex; justify-content: flex-start;}
ul.rightline {border-right: 1px solid black; padding-right: 20px;}
.overviewSpecs li { list-style-type: none; line-height:2;}
.softwareFeatures { }
.hardwareFeatures { }
.inner-wrap-feat { display:flex; min-height:80px;justify-content: space-evenly;}
.inner-wrap-feat img {width:100%}

/* Software Section */
.software-wrap {display:flex; }
.software-group { display:flex; align-items: center;}
.software-group img {width:100%}
.software-group ul {display:flex; list-style-type: none;}
.software-group li { }

/* Hardware Section */
.hardware-wrap { background-color:#ddd; padding:30px 20px;}
.hardware-group { display:flex; align-items: center;}
.hardware-group img {width:100%}

/* Media Section */
.media-wrap { display:flex; justify-content: space-evenly; align-items: center;}
.media-div { }
.yottie-widget {z-index: 800 !important;}

/* Packages Section */
.packages-wrap { }
.packages-group { display:flex; align-items: center; }
.packages-group img { width:100%; }
.packages-group .col-sm-4 > div:only-child {
  display: none;
}


/* Specifications Section Jesus Edits */

/* This will fix the word specifications CHECK */
h2.product-details-title.container {
  padding-left: 10px;
}

/* This will fix the word specifications mobile version CHECK */
@media (max-width: 667px){
  h2.product-details-title.container {
    margin-left: 14px;
    max-width: 380px;
    text-align: left;
  }
}

/* This will fix the word specifications tablet version HOLD */
/* I will have to worry about this at a later time (desktop & mobile first! */
@media (max-width: 1024px){
  h2.product-details-title.container {
    margin-left: 28px;
    max-width: 380px;
    text-align: left;
  }
}

/* This will fix the word specifications mobile version CHECK */
@media (max-width: 667px){
  div.spec-table-wrap {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* Effects the wrap on where the content should start (should be centered) CHECK */
div.spec-table-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: 0px;
  margin-right: 0px;
}

/* MESS AROUND WITH THIS CODE */
/* This effects the float elements */
.spec-table-wrap {
  display:flex;

  flex-wrap: wrap;
}

/* This will affect ALL tables INDEPENDENTLY */
.spec-table-box {
  flex: 0 1 720px;
  margin: 5px;
  padding: 5px;
}

/* I added this for testing */
/* This effects the size of each spec independently! Boxes: 1-4 */
div.spec-hide-table1 {
  width: 720px;
}

div.spec-hide-table2 {
  width: 720px;
}

div.spec-hide-table3 {
  width: 720px;
}

div.spec-hide-table4 {
  width: 720px;
}

.spec-table-header { font-weight: 600; padding-bottom: 10px; padding-left: 20px; margin-bottom:30px; text-transform: uppercase; text-decoration:underline;}
.spec-table-info-wrap {display:flex;}
.spec-table-info-wrap ul { list-style-type: none; padding-left:20px !important;}
.spec-table-info-wrap li { padding-bottom: 10px;}
.spec-table-info-title {font-weight: 600;  text-transform: uppercase; }
.spec-table-info-title
.spec-table-info-data {}

.spec-wrap { }
.spec-inner { display:flex; justify-content: center; }

.spec-table {min-width: 40%; padding: 20px; margin-right: 20%; }
.spec-table ul {list-style-type:none; padding-left: 20px; }
.spec-table ul li {padding-bottom:10px;   }

.spec-table-inner { display:flex; }



.spec-table-title { font-weight: 600; padding-bottom: 10px; text-transform: uppercase; min-width: 50%; }
.spec-table-title ul { list-style-type:none; }
.spec-table-title ul > li:only-child {
  display: none;
}

.spec-table-data {}
.spec-table-data > li:only-child {
  display: none;
}


/* Drawing Section */ 
.drawing-wrap {}
.drawing-group {display:flex; justify-content:center;}
.dImage { padding:30px;  }
.dImage img {  }



/* Full Banner Section */
.banner-wrap { display: flex; justify-content: space-between; align-items: stretch;}
.banner-inner { }

/* Documentation */
.documentation-wrap {display:flex; background-color:#ddd; padding:30px 20px;}
.doc-inner {display:flex;}

.bx-wrapper img {
  max-width: 85% !important;
}
@media(min-width:1485px) and (max-width:1600px){
  .fixed-top{ top:64px; }
}
@media (max-width: 1484px) {
  .text-banner .TextOverImage-text .TextOverImage-text {font-size: 13px;}
  .fixed-top { top: 80px; }
}
@media (max-width: 1200px) {
  .product-nav-wrap .navbar-nav a {font-size: 1.5rem;}
  .TextOverImage-box {max-width: 95%;}
  .bx-wrapper {max-height: 350px;}
  .bx-wrapper .bx-next {top: 390px !important;}
}
@media (max-width: 992px) {
  .product-nav-wrap .navbar-nav a {font-size: 1.2rem;}

}
@media (max-width: 767px) {
  .description-flex, .spec-table-wrap { flex-wrap:wrap; }
  .product-nav-wrap .navbar-nav a {font-size: 2rem;}
  .software-group {flex-wrap: wrap; justify-content: center;}
  .hardware-group {flex-wrap: wrap; justify-content: center;}
  .packages-group {flex-wrap: wrap; justify-content: center;}
  .spec-inner {flex-wrap: wrap;}
  .drawing-group {flex-wrap: wrap;}
  .TextOverImage, .TextOverImage-container, .TextOverImage-image, .TextOverImage-image img { min-height:250px;}
  .product-photo-area {display: flex; flex-wrap: wrap-reverse; justify-content: center;}
  .product-thumbs { height: 550px; }
  .bx-wrapper .bx-next {top: 520px !important;}
  .fixed-top { top: 65px; }
}


/* MORE JESUS EDITS FOR DOBOT PAGE, MAKING THE 4 OPTIONS IN ALL 4 PAGES(THIS IS PAGE CR16) */
h1.specifications {
  color: #02abe9;
  font-weight: 600;
  font-size: 22px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* This will remove the bullet points */
ul.left-list {
  list-style-type: none;
}

/* This will remove the bullet points */
ul.right-list {
  list-style-type: none;
  pointer-events: none;
  cursor: default;
}

/* This will place both lists next to each other */
element.specifications {
  display: flex;
}

/* This will alight all the items horizontally */
.flex_all_items {
  display: flex;
}

/* This will place specs under image */
.first img & spec {
  position: absolute;
}

/* This will place specs under image */
.second img & spec {
  position: absolute;
}

/* This will place specs under image */
.third img & spec {
  position: absolute;
}

/* This will place specs under image */
.fourth img & spec {
  position: absolute;
}

/* This will create the line */
h2.line {
  border-left: 1.8px solid black;
  height: 150px;
}

/* This will give border color on hover for the img & spec */
div.hover_color1 {
  border: 5px solid transparent;
}

div.hover_color1:hover {
  outline: 5px solid #02abe9;
}

div.hover_color2 {
  border: 5px solid transparent;
}

div.hover_color2:hover {
  outline: 5px solid #02abe9;
}

div.hover_color3 {
  border: 5px solid transparent;
}

div.hover_color3:hover {
  outline: 5px solid #02abe9;
}

div.hover_color4 {
  border: 5px solid #02abe9;
}

div.hover_color4:hover {
  outline: 5px solid transparent;
}

/* This is the mobile version */
@media (max-width: 667px){
  div.flex_all_items {
    max-width: 380px;
    display: inline-block;
    text-align: left;
  }

  video.dobotvideo1 {
    height: 200px;
  }

  video.dobotvideo2 {
    height: 200px;
  }

  video.dobotvideo3 {
    height: 200px;
  }
}


/* THIS WILL EDIT THE TRACER PAGE */
div.tracer_flex {
  display: flex;
  justify-content: center;
}

h2.tracer-mobile-header {
  font-size: 40px;
}

/* Size of the tracer bottom image */
.tracer_img1 {
  max-width: 740px;
}

/* This should make the tracer image responsive */
figure.img {
  text-align: center;
}

/* Adjusts the text width so it can fit on mobile view */
.tracer_block text {
  width: 800px;
}

div.tracer-header-p {
  width: 630px;
  max-width: 100%;
}

/* TABLET */
@media only screen and (max-width: 1024px) {
  div.tracer_flex {
    flex-flow: wrap;
  }

  h2.tracer-mobile-header {
    text-align: center;
    font-size: 31px;
  }
}

/* This is the mobile version */
@media (max-width: 667px){
  /* This puts image on the bottom of the text */
  div.tracer_flex {
    justify-content: center;
    text-align: left;
  }

  h2.tracer-mobile-header {
    font-size: 30px;
    text-align: center;
  }
}


/* THIS WILL EDIT THE HUNTER 2.0 PAGE */
div.hunter2_flex {
  display: flex;
  justify-content: center;
}


/* This will edit the battery section */
div.battery_section {
  display: flex;
}

/* This will edit the BMS section */
div.bms_section {
  display: flex;
}

/* This will edit the lightning section */
div.lightning_section {
  display: flex;
}

/* TABLET */
@media only screen and (max-width: 1200px) {
  div.hunter2_flex {
    flex-flow: wrap;
  }
}

/* This is the mobile version */
@media (max-width: 667px){
  /* This makes the whole section mobile frinedly */
  div.hunter2_flex {
    display: block;
    justify-content: center;
    text-align: left;
  }
}

/* This will edit the check section */
div.check_section {
  display: flex;
}


/* THIS WILL EDIT THE BUNKER PAGE */
div.bunker_flex {
  display: flex;
  justify-content: center;
}

/* This will put the specs section next to each toher */
div.levels_specs {
  display: flex;
}

div.bunker_blue_specs {
  display: flex;
}

div.cm_specs {
  display: flex;
}

/* TABLET */
@media only screen and (max-width: 1024px) {
  div.bunker_flex {
    flex-flow: wrap;
  }
}

/* This is the mobile version */
@media (max-width: 667px){
  /* This makes the whole section mobile frinedly */
  div.bunker_flex {
    display: block;
    justify-content: center;
    text-align: left;
  }

  h2.main_title {
    text-align: center;
    font-size: 31px; 
  }
}

/* This will resize the title */
h2.main_title {
  font-size: 31px;
}


/* HEADER */
.header-wrap {
  position: fixed;
  width: 100%;
  z-index: 10000;
  background: #1e1d22;
  border-bottom: 8px solid white;
}

/* This will affect the navigation bar. My changes were centering the navigation */
.header-inner
{ display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 0 265px;
  padding-left: 0px;
  padding-right: 0px;
}

/* This is the font size of menu */
.header-left-inner {
  margin-right: 4vw;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

/* Height of menu text */
.header-right-wrap {
  margin-left: 75px;
  margin-bottom: 9px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

/* Nav bar height */
div.header-wrap {
  height: 93px;
}

/* This will edit nav bar menu text */
div.product-menu {
  margin-top: 0px;
  height: 50px;
}

/* This will resize the logo and make it smaller but contain it's resolution */
div.header-logo-wrap {
  margin-top: 3px;
}

/* This will resize the logo and make it smaller but contain it's resolution */
@media (max-width: 1103px) {
  div.header-logo-wrap {
    width: 140px;
  }

  div.header-inner {
    margin-top: 12px;
  }
}

/* This will resize the logo and make it smaller but contain it's resolution */
@media (max-width: 736px) {
  div.header-logo-wrap {
    width: 200px;
    margin-right: 0px;
    margin-top: 9px;
  }

  div.header-inner {
    margin-top: 0px;
  }
}

/* Maybe i dont need this */
img#img_logo {
  width: 140px;
  padding-top: 8px;
}

/* This will edit the account section of nav bar */
.header-account-trigger {
  padding: 0 10px 4.5px 10px
}

/* This will edit the cart section of nav bar */
.header-cart-trigger {
  padding: 0 10px 4.5px 10px
}


/* Nav font weight & TEXT SIZE */
.header-bigMenu-wrap .navbar-nav a {
  color: #fff !important;
  font-size: 0.8vw;
  font-weight: 600;
  transition: all .5s ease-in-out;
}

.header-right-inner {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.header-util-inner {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
}

/* This will hide the bottom background of second menu when resized to  certain size */
@media (max-width: 1484px) {
  .LayoutTop {
    /* padding-bottom: 140px; */ 
    padding-bottom: 0px;
  }

  li a {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* This will edit the search bar when it is a certain size */
  div.header-search-wrap {
    width: 160px;
    margin-bottom: 0;
    margin-left: 25px;
  }

  div#acctl11728_dvControl {
    margin-left: 20px;
  }
}

/* This will hide the bottom background of second menu when resized to  certain size */
@media (max-width: 1484px) {
  .LayoutTop {
    /* padding-bottom: 140px; */ 
    padding-bottom: 0px;
  }


  .header-bigMenu-wrap .navbar-nav a {
    font-size: 1vw;
    font-weight: 800;
  }

  /* This edits the first menu button in nav bar */
  li.dropdown a {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* This edits the dropdown */
  ul.dropdown-menu li a {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* This edits individeal padding for menu */
  .navbar-nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
  }

  .header-left-inner {
    margin-right: 0px;
  }
}

/* This will help with menu responsiveness */
@media (max-width: 1292px){
  div.header-right-wrap {
    margin-left: 0px;
  }
}

/* This will edit the logo section & close it up for more space */
@media (max-width: 1148px) {
  .header-left-inner {
    margin-right: 0px;
  }
}

/* This will edit the logo section & close it up for more space */
@media (max-width: 1071px) {
  .header-left-inner {
    margin-right: 0px;
  }

  /* This is the TEXT of main menu */
  .header-bigMenu-wrap .navbar-nav a {
    font-size: 1vw;
    font-weight: 800;
  }

  /* This will edit the search bar when it is a certain size */
  div.header-search-wrap {
    width: 120px;
    margin-bottom: 0;
    margin-left: 25px;
  }
}

/* This will edit the logo section & close it up for more space */
@media (max-width: 1172px) {
  div.header-search-wrap {
    width: 120px;
    margin-bottom: 0;
    margin-left: 25px;
  }
}

/* This will edit the logo section & close it up for more space */
/* This is where the hamburger menu will appear */
@media (max-width: 981px) {
  .header-bigMenu-wrap { display: none; }

  /* This will put space between the navigation elements and put far left & far right */
  div.header-inner {
    justify-content: space-between;
  }

  div.header-util-inner {
    margin-bottom: 25px;
  }
}

/* This will edit the search button when it gets to this width */
@media (max-width: 900px) {
  div.header-inner {
    margin-right: 20px;
  }
}

/* This moved the search bar on mobile */
/* This is the mobile version */
@media (max-width: 776px){
  /* This makes the whole section mobile frinedly */
  div#acctl11728_dvControlItem {
    justify-content: left;
    display: flex;
  }

  /* Will fix the cart & search on mobile */
  .header-util-inner {
    display: flex;
    left: 140px;
    bottom: 82px;
  }

  /* This will hide the white line of nav bar on mobile */
  .header-wrap {
    height: 40px;
    border-bottom: none;
  }

  /* This will fix the bottom black box in menu mobile version */
  header.LayoutTop {
    padding-bottom: 90px;
  }
}

/* This will edit the search button when it gets to this width */
@media (max-width: 767px) {
  div.Control.Control_11725 {
    float: right;
  }

  div.header-search-wrap {
    margin-right: 170px;
  }

  div#acctl11728_dvControl {
    margin-left: 0px;
  }

  /* This will edit account icon for mobile */
  div.header-account-trigger {
    padding-bottom: 0px;
  }


  /* This will edit cart icon for mobile */
  div.header-cart-trigger {
    padding-bottom: 0px;
  }
}

.header-right-wrap {
  /* margin-left: 75px; */
  margin-bottom: 9px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

/* This puts the second menu down where its supposed to go */
div#ProductSecondNav {
  top: 51px;
}

/* Fixes the background color of navigation menu */
.dropdown-menu {
  background-color: #1e1d22;
}

/* This effects the height of the search bar */
#acctl11728_dvControl {
  margin-bottom: 0px;
}

/* This hides extra search bar under original search bar */
div.Control.Control_11725 {
  display: none;
}

div.header-search-wrap {
  margin-bottom: 0px;
  margin-left: 10px;
}

/* NEWSLETTER */
div.newsletter {
  padding-top: 100px;
}

/* MOBILE */
@media only screen and (max-width: 776px) {
  div.newsletter {
    padding-top: 65px;
  }
}

/* HARDWARE SECTION */ 
div.hardware-wrap.hide-sec.p-20 {
  background: #ededed;
}

/* DOCUMENTATION */
div.documentation-wrap {
  background: #ededed;
}