/* CSS Document */

@font-face {
	font-family: 'MYRIADPROREGULAR';
	src: url('../fonts/MYRIADPROREGULAR.eot');
	src: local('MYRIADPROREGULAR'), url('../fonts/MYRIADPROREGULAR.woff') format('woff'), url('../fonts/MYRIADPROREGULAR.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_4410">Text with this font applied</p> */
.fontsforweb_fontid_4410 {
	font-family: 'MYRIADPROREGULAR' !important;
}


@font-face {
    font-family: 'myriadproboldwebfont';
    src: url('../fonts/myriadproboldwebfont.eot');
    src: url('../fonts/myriadproboldwebfont.eot') format('embedded-opentype'),
         url('../fonts/myriadproboldwebfont.woff2') format('woff2'),
         url('../fonts/myriadproboldwebfont.woff') format('woff'),
         url('../fonts/myriadproboldwebfont.ttf') format('truetype'),
         url('../fonts/myriadproboldwebfont.svg#myriadproboldwebfont') format('svg');
}


@font-face {
    font-family: 'MyriadProCond';
    src: url('../fonts/MyriadProCond.eot');
    src: url('../fonts/MyriadProCond.eot') format('embedded-opentype'),
         url('../fonts/MyriadProCond.woff2') format('woff2'),
         url('../fonts/MyriadProCond.woff') format('woff'),
         url('../fonts/MyriadProCond.ttf') format('truetype'),
         url('../fonts/MyriadProCond.svg#MyriadProCond') format('svg');
}

@font-face {
    font-family: 'MyriadProBoldCond';
    src: url('../fonts/MyriadProBoldCond.eot');
    src: url('../fonts/MyriadProBoldCond.eot') format('embedded-opentype'),
         url('../fonts/MyriadProBoldCond.woff2') format('woff2'),
         url('../fonts/MyriadProBoldCond.woff') format('woff'),
         url('../fonts/MyriadProBoldCond.ttf') format('truetype'),
         url('../fonts/MyriadProBoldCond.svg#MyriadProBoldCond') format('svg');
}

@font-face {
  font-family: "Century-Gothic";
  src: url("../fonts/Century-Gothic.ttf") format("truetype");
  src: url("../fonts/Century-Gothic.eot") format("embedded-opentype");
  src: url("../fonts/Century-Gothic.svg") format("svg");
  src: url("../fonts/Century-Gothic.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "CenturyGothic-Bold";
  src: url("../fonts/CenturyGothic-Bold.ttf") format("truetype");
  src: url("../fonts/CenturyGothic-Bold.eot") format("embedded-opentype");
  src: url("../fonts/CenturyGothic-Bold.svg") format("svg");
  src: url("../fonts/CenturyGothic-Bold.woff") format("woff");
}

*{ padding:0; margin:0;}
h1, h2, h3, h4, h5, p{ padding:0; margin:0;}
li{ list-style-type:none;}

header, section, footer, aside, nav, main, article, figure {display:block;}

body{font-family: 'MYRIADPROREGULAR'; background:#fff;}

.clear{ clear:both;}

.top_bar_wrapper{ width:100%; background:#658193; position:relative; z-index:8888;}
.top_bar_wrapper h2 {    text-align: center;    text-transform: uppercase;    line-height: 42px;    color: #FFFFFF;    font-weight: normal;    font-size: 20px;    font-style: italic;    letter-spacing: 1px;
}

.top_global_banner { width:100%; background:#000; position:relative; z-index:8888; font-size:18px; text-align:center; padding:8px; color:#FFFFFF; font-family: 'myriadproboldwebfont';}
.top_global_banner .mobile{display:none;}
.top_global_banner .non-mobile{display:block;}

.nav_wrapper {    width: 100%;    box-shadow: 0 1px 7px #cdcdcd; padding:15px 0 0; position:relative; z-index:8888; background:#fff;}
.header-logo{width: 100%;    min-height: 80px;    border-bottom: 1px solid #cdcdcd; background:#fff;}
.main-nav .navbar-expand-md .navbar-nav .nav-link{ color:#717171; text-transform:uppercase; font-size:16px; /*font-family: 'MyriadProBoldCond';*/ padding:0 26px;}
.main-nav .navbar-nav li{ padding:4px 0;}
.main-nav .dropdown-menu {    min-width:55rem;    padding: 26px 30px 4px; border-radius:0px;    border:1.5px solid #d1d6DD; /* box-shadow:0px 0px 16px #ababab;*/ z-index:888; margin:-2px 0 0 -80px;}
.main-nav .dropdown-menu-sm{min-width:100%; padding:15px 0px 4px;} 
.main-nav .dropdown-menu-container{}
.main-nav .dropdown-menu-item {float: left;    width: 180px;    margin: 0 10px 20px;}
.main-nav .dropdown-menu-sm .dropdown-menu-item{ margin:0 40px 20px;}
.main-nav .dropdown-menu-item h3 {font-family:'Century-Gothic', Arial, sans-serif;  color:#667f91; font-size:16px; border-bottom: 1px solid #f5f5f5;    margin: 0 0 8px; font-weight:bold; padding: 0px 0 5px;}
.main-nav .dropdown-item {color:#515f79;  font-weight:normal;  padding: 2px 0;	font-size:14px; font-family: 'Century-Gothic', Arial, sans-serif;}
.main-nav .dropdown-item:active{ background:none;} 

.main-nav .dropdown-item:hover{ background:none; text-decoration:underline;}

.main-nav .navbar-nav .dropdown:hover .dropdown-menu{ display:block;}

.nav-search{ position:relative; margin:6px 0;}
.nav-search button {    position: absolute;    top:6px;    left: 10px;    cursor: pointer;    background: no-repeat;    border: none; }
.nav-search button i {    color: #a9a8a8;    font-size: 18px;    transform: rotate(90deg);}
.nav-search .search-input {    border:1px solid #e1e1e1;    width: 100%;    padding:0px 12px 0px 46px; height:30px;    border-radius: 8px;    color:#b1b5b7;    font-size:16px;	font-family: 'MyriadProCond';}
.nav-search .search-input:focus{ outline:none;}
.nav-search .search-input::placeholder{ color:#b1b5b7;}

.nav-search .search-input:after{ content:""; position:absolute; background:#5fc8b6; left:0; bottom:0; width:100%; height:4px; }

.banner{ padding:32px 0 0;}
.banner .carousel-indicators{ display:none;}
.banner .carousel-inner .carousel-item img{ max-width:100%;}

.deal_day_section {border:1px solid #ececec;}
.deal_day_section .deal_day_title {background:#667f91;    min-height: 55px;    text-align: center;}
.deal_day_section .deal_day_title h2 {line-height: 55px;    font-size:24px;    color: #FFFFFF;    margin: 0;    padding: 0;    font-family: 'myriadproboldwebfont';}
.deal_day_pic {text-align: center;}
.deal_day_pic .deal_pic {    display: inline-block;    height: 210px;    margin: 14px 0;}
.deal_day_pic h3 {font-size: 13px;    color: #636b70;    font-weight: normal;    text-align: center;    padding: 40px 0 0;}
.deal_day_pic h3 span {     text-transform: initial;	 font-family: 'myriadproboldwebfont';}
.deal_day_pic h4 {    color: #ff8273;    font-size:18px;    padding:22px 0 4px;    text-align: center; font-family: 'myriadproboldwebfont';}
.deal_day_pic h4 span {    color: #b1b5b7;    display: block;	font-size:16px;    text-decoration: line-through;  font-family: 'MyriadProCond';}
.deal_day_pic a.buy_button { color: #667f91;  font-size: 14px;    text-transform: uppercase;	font-family: 'myriadproboldwebfont';	padding:2px 32px;       border-radius: 18px;    transition: all 0.95s ease;
display: inline-block;    text-align: center;    margin: 15px 0 0;	border:1px solid #e1e1e1;	transition:all 0.95s ease;}

.deal_day_pic a.buy_button:hover{ color:#FFFFFF; background:#667f91; text-decoration:none;}
.deal_day_pic img { max-height: 305px;max-width: 100%; }

.body-slide-products{ width:100%; position:relative; margin:52px 0 0;}
.customNavigation {position: absolute;    right: 0;    top: 36px;    width: 100%;    top:46%; z-index:1;}
.customNavigation .btn {display: inline-block;    width: 33px;    height: 33px;    text-indent: -99999px;}
.customNavigation .prev {background: url(../images/left_arrow.png) no-repeat;    margin: 0 10px 0 0;    transition: all 0.95s ease;    position: absolute;    left:15px;}
.customNavigation .next {background: url(../images/right_arrow.png) no-repeat;    transition: all 0.95s ease;    position: absolute;    right:15px;}
.body-slide-products .owl-theme .owl-controls .owl-pagination{ display:none;}
.body-slide-products .owl-carousel .owl-item{ text-align:center;}
.body-slide-products .owl-carousel .owl-item .item {    border: 1px solid #ececec;    margin: 0 10px; padding:8px; position:relative;}
.body-slide-products .owl-carousel .owl-item .item img{ max-width:100%;}
.body-slide-products .owl-carousel .prd-img-box{ height:235px; background:none;}
.body-slide-products .owl-carousel .owl-wrapper-outer{ padding-bottom:4px;}
.prd-img-box{ height:205px; position:relative; background:url(../images/spinner.gif) no-repeat center center;}
.prd-img-box img{ max-height:200px;}

.body-slide-products .owl-carousel{ margin:32px 0 0;}

.spinner{}
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left:44%;
  width:50px;
  height:50px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #000;
  border-bottom-color: #000;
  animation: spinner .8s ease infinite;
}

@keyframes spinner {
to {transform: rotate(360deg);}
}

.customNavigation .btn.prev:not(:disabled):not(.disabled):active, .customNavigation .btn.prev:not(:disabled):not(.disabled).active{ background-image:url(../images/left_arrow.png);}
.customNavigation .btn.next:not(:disabled):not(.disabled):active, .customNavigation .btn.next:not(:disabled):not(.disabled).active{ background-image:url(../images/right_arrow.png);}

.owl-slide-description{}
.owl-slide-description h3{font-size: 14px;    color: #000000;    font-weight: bold;    text-align: center;    padding:20px 0 0; height:50px; line-height:17px; margin:0 0 14px; font-family: 'Nunito', sans-serif;}
.owl-slide-description h3 span{text-transform: initial;    font-family: 'myriadproboldwebfont';}
.owl-slide-description h4{ font-family: 'Nunito', sans-serif; font-size:14px; color:#a80429;}
.owl-slide-description .all-color{font-family: 'myriadproboldwebfont'; margin:0 0 18px;    color: #667f91;    font-size: 14px;    text-transform: uppercase;    border: 1px solid #e1e1e1;    width:88%;    display: inline-block;    border-radius: 18px;    padding: 2px 46px;	transition:all 0.95s ease;}
.owl-slide-description .all-color:hover{ text-decoration:none; background:#667f91; color:#fff;}

.product-color-plate {    margin: 8px 0;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; min-height:20px;}
.product-color-plate li{display:inline-block; margin:0 2px;}
.product-color-plate li a{ width:14px; height:14px;  display:block; border-radius:50%;}

.promotional-shop-area{margin:46px 0 0;}
.promotional-shop-bg{  background: url(../images/warehouse_bg.png) no-repeat; /*background-attachment:fixed;*/ background-size:100% 100%; margin:30px 0 0; padding:20px 0;}
.home-midd-title{ text-align:center; text-transform:uppercase; color:#000000; font-size:34px; font-family: 'MyriadProBoldCond';}
.promotional-circle {    width: 304px;    height: 304px;    border-radius: 50%;    background: rgba(0, 0, 0, 0.5);    text-align: center;    padding:40px 30px; position:relative; z-index:1; overflow:hidden; cursor:pointer; margin:0 auto;}
.promotional-circle:after {content:""; position:absolute;  top:0; left:0;    right: 0;    bottom: 0;    z-index: -1;  transition:all 0.95s ease; transform: scaleX(0);
   /* background: rgba(0, 0, 0, 0.8);*/
    transform-origin:0% 50%;
}
.promotional-circle:hover:after {
    transform: scaleX(1);
}

.promotional-circle .promotional-icon{ }
.promotional-circle h4{ font-family: 'MyriadProBoldCond'; color:#FFFFFF; font-size:34px; margin:4px 0 0;}
.promotional-circle p {font-size: 16px;    color: #FFFFFF;    font-family: 'MyriadProCond';    line-height: 20px;    margin: 32px 0 0;}

.footer-wrapper{ width:100%; min-height:230px; background:#090909; /*margin:70px 0 0;*/ padding:26px 0;}
/*.footer-wrapper .container{ padding:0 100px;}*/
.footer-wrapper h3{ font-size:20px; /*font-family: 'MyriadProBoldCond';*/ text-transform:uppercase; margin:0 0 12px; font-weight: 700; margin-bottom: 24px; color: #fff;}
.newsletter-signup-area{}
.newsletter-signup-area .sign-input {    border: 1px solid #e1e1e1;    background: #fff;    padding: 0 0;    font-size: 16px;   color: #b1b5b7;    font-style: italic;    padding: 8px 12px;    width: 52%;}
.newsletter-signup-area .sign-input:focus { outline:1px solid #797979;}
.newsletter-signup-area .sign-button {    background: #ff8075;  font-family: 'myriadproboldwebfont'; font-size:16px; text-transform:uppercase; color:#FFFFFF;   border: none; padding:8px; cursor:pointer;}
.footer-menu{}
.footer-menu ul{}
.footer-menu ul li{ list-style-type:none; margin:1px 0 0; padding:0; display:block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
    color: #fff;}
.footer-menu ul li a{/*font-family: 'myriadproboldwebfont';*/ color:#ffffff; transition:all 0.95s ease; font-size:16px;}
.footer-menu ul li a:hover{text-decoration:none; transition:all 0.95s ease;}


.container-industry{ max-width:1142px; padding:0;}
.choose-industry-area{ background:#f9f9f9; min-height:283px; float:left; width:356px;}
.choose-industry-tittle{ min-height:60px; max-width:100%; background:#636b70;}
.choose-industry-tittle h2{font-size:24px;    color: #FFFFFF;    margin: 0;    padding: 0;    font-family: 'myriadproboldwebfont'; text-align:center; line-height:60px;}
.choose-industry-area .nav{ margin:12px 0 0 50px;}
.choose-industry-area .nav li{}
.choose-industry-area .nav li a{ font-family: 'MYRIADPROREGULAR'; font-size:20px; color:#636b70; padding:5px 2px;}
.choose-industry-area .nav li a:hover{ text-decoration:underline;}


.industry-banner-rht{ float:right; width:772px;}
.industry-banner-rht .img-fluid{}


.performance-text{ background:url(../images/industry-page-gradient.jpg) repeat-y; min-height:76px; padding:15px 0; text-align:center;}
.performance-text h2{ font-size:18px; color:#fff; text-transform:uppercase; font-weight:bold; letter-spacing:1px;}
.performance-text i{ color:#FFFFFF; font-size:16px; margin:4px 0 0;}

.performance-product-name{ text-align:center;}
.performance-product-name h2{ font-size:22px; color:#636b70; padding:22px 0; font-weight:bold; letter-spacing:1px;}

.performance-products-show{ text-align:center;}
.performance-prd-item{ border-right:1px solid #f1f0f0;}
.performance-products-show .row .performance-prd-item:last-child{ border-right:none;}
.performance-prd-item .item img{}


.body-category-wrapper{ padding:32px 0 0;}
.body-category-wrapper .performance-products-show { margin:0 0 0;}

.category-title-name{font-family: 'myriadproboldwebfont'; font-size:26px; color:#667f91;     white-space: nowrap; padding:0 0 22px;}
.filter-text{font-family: 'myriadproboldwebfont'; font-size:18px; color:#000; margin:0px 0 18px;}
.category-prd-link{}
.category-prd-link li{ list-style-type:none; margin:8px 0 0;}
.category-prd-link li a{ font-size:14px; color:#8e8e8e;}
.category-prd-link li a input{ margin:0 6px 0 0;}
.category-prd-link li label{ margin:0; cursor:pointer; position:relative; padding-left:10px; transition:all 0.95s ease;}
.category-prd-link li label input{ position:relative; right:0; opacity:0; float:left; margin:0 0 12px;}
.category-prd-link li label .checkmark{ width:14px; height:14px; border:1px solid #b8b8b8; position:absolute; left:0; top:3px; transition:all 0.95s ease;}
.category-prd-link li label .checkmark:after {    content: "";    position: absolute;    top:1px;    left:4px;    width: 5px;    height:8px;    border-bottom: 2px solid #667f91;    border-right: 2px solid #667f91;
    display: none;    transform: rotate(40deg);}

.category-prd-link li label:hover{/* color:#0e1011;*/ transition:all 0.95s ease;}
.category-prd-link li label input:checked ~ span{ color:#0e1011;}		
.category-prd-link li label:hover input ~ .checkmark{transition:all 0.95s ease;}
.category-prd-link li label input:checked ~ .checkmark:after{ display:block;}
.category-prd-link li label input:checked ~ .checkmark{ background:#fff;}

.category-prd-item{ padding:0 10px; margin:0 0 20px;}
.category-prd-item .item{ border:1px solid #ececec; padding:8px;}

.sort-option{ width:100%; margin:6px 0 38px; padding:0 15px;}
.sort-option .sort-select {border: 1px solid #e1e1e1;    color: #797a7b;    font-size: 16px;    width: 160px;    padding: 4px 6px;	cursor:pointer;}

.body-product-detail{ padding:32px 0 0;}
.prd-details-tittle{font-size:22px; color:#000000; margin:0 0 26px; font-weight: 800;}
.prod-larpic{}
.prod-larpic-area{ position:relative; text-align:center;}
.prod-larpic-area img{}
.available-prd{position:absolute; border: 1px solid #ADBAC4; border-radius: 30px;   width: 164px;    height: 44px;    text-align: center;    line-height: 44px;	 font-family:'myriadproboldwebfont'; top:15px; background:#E4E9ED; font-size:16px; color:#667F91; right:0;}
.prod-larpic-text {margin: 12px 0; display: flex; justify-content: center;}
.prod-larpic-text a{font-size: 14px; width: 180px; height: 37px; background-color: #667F91; color: #fff; margin:0 5px; display: flex !important; justify-content: center; align-items: center; text-decoration: none;}
.prod-larpic-text a img{margin-right:5px;}

.prod-thumb {border:1px solid #f5f5f5; min-height:auto; max-width:auto; margin:0 0 15px; padding:4px 0px 0px; text-align:center;}
.prod-thumb ul{ margin:0 0 35px;}
.prod-thumb ul li {    display: inline-block;    width: 17%;    text-align: center;    margin:22px 3px 0; vertical-align:top;}
.prod-thumb ul li span{ width:auto !important;}
.prod-thumb ul li img{ height:75px;}
.prod-thumb ul li a{ display:block;}
.prod-thumb ul li > span {    font-size: 12px;    color: #8e8e8e;    display: block;    padding:4px 0 0; letter-spacing:0.6px; font-weight:bold; /*font-family: 'myriadproboldwebfont';*/ line-height:14px; word-break: break-word;}
.prd-show-allColor{ text-transform:uppercase; display:block; height:45px; width:100%; line-height:45px; background:url(../images/prd_bar.jpg) repeat-x; font-family: 'myriadproboldwebfont'; font-size:18px; color:#636b70; }


.prod_desc{}
.prod_desc ul{ margin:26px 0 0 20px;}
.prod_desc ul li{ font-size:13px; color:#636b70; margin:5px 0; list-style-type:disc;}
.item-pricing-table-head { width:100%;}
.item-pricing-table{float:left;}
.item-pricing-text{ color:#000000; font-size:20px; font-family: 'myriadproboldwebfont'; float:left;}
.free-reorder-setuptxt {color:#ff8273; font-size:14px; font-family: 'myriadproboldwebfont'; float:right; }
.pricing-table{ background:#fff; min-height:162px; border:1px solid #f5f5f5; display:block; padding:15px 30px; margin:15px 0 0; border-bottom: 0;}
.pricing-table tr{ color:#000;}
.pricing-table .qta-tr{ color:#000; font-size:14px;}
.pricing-table tr:first-child{font-family: 'myriadproboldwebfont'; font-size:14px; color:#667f91;}
.pricing-table tr td{ /*padding:4px 15px;*/ padding:10px 20px; margin:0; width:250px;}
.pricing-table tr .qtyGreyBar{ background:#f5f5f5;}
.pricing-table tr td:first-child{ width:450px; padding-left:0px;}
.pricing-table .unlimited_lastText{ margin:22px 0 0;}

/*.pricing-table-scroll{width:100%; overflow-x:scroll;}
.pricing-table-scroll table{ width:100%;}*/

.pricing-table-scroll{width:100%;}

.item-pricing-tab{ clear:both; padding:44px 0 0 0;}
.pricing-tab {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.pricing-tab li:first-child{ border-left:2px solid #f5f5f5;}
.pricing-tab li { display:block; float:none;  font-family: 'myriadproboldwebfont';    font-size: 16px;    color:#8e8e8e; cursor:pointer;    padding:9px 0; border-right:2px solid #f5f5f5; border-top:2px solid #f5f5f5; border-bottom:1px solid #f5f5f5; width:33.33%; text-align:center;}
/*.pricing-tab li:hover, */.pricing-tab li.active{ background:#fdfdfd; color:#000; border:2px solid transparent; border-right:2px solid #f5f5f5;}
.item-pricing-tabContent{ width:100%; border:1px solid #f5f5f5; margin:-17px 0 0 0;}

.pricing-tabContent{}
.pricing-tabContent h3{ font-family:'myriadproboldwebfont'; font-size:16px; color:#000000; padding:18px 0 10px 60px;}
#order_request_content h3{font-family: 'MYRIADPROREGULAR'; font-size:18px; font-weight:bold; padding:18px 0 10px 30px; color:#000;}
#quote_calculator_content, #order_request_content, #order_sample_content{ display:none;}

.item-pricing-tabContent .current{ display:block !important; padding:22px 0 0;}

.pricing-tabContent .form-group{display:block;  width: 100%;
 margin: 10px 24px;
}

#order_request_content .form-group{ padding:1px 30px; margin:10px 0px; float:left; }
.order_request_line{ border-right:1px solid #f5f5f5;}

.quick_quote_sec{ width:98%;}
.pricing-tabContent .quick_quote_sec .form-group{ margin:10px 15px;}

.pricing-tabContent .form-group label {
    float: left;
    width:100%;
    text-align: left;
    display: inline-block;
	color:#000;
	
	font-size:14px;
	margin:0 0 6px;
	font-family: 'myriadproboldwebfont';
	
}
#order_request_content .form-group label{font-family: 'myriadproboldwebfont'; font-size:14px; color:#000;}
.pricing-tabContent .form-group .form-control {
    float: left;
    width:98%;
    border-radius: 0px;
    padding: 4px 10px;
     height: auto !important;
	 color:#8e8e8e;
	 margin:0 0 4px;
}
#order_request_content .form-group .form-control { width:354px; background:#fff;}
#large_quote_btn_cont{ margin:2% 0 4% 4%;}
.pricing-tabContent .btn-primary {
    background: #667f91;
    border: none;
    padding: 9px 76px;
    font-family: 'myriadproboldwebfont';
    font-size: 20px;
    border-radius: 8px;
    margin:0;
	position:relative;
	z-index:1;
	overflow:hidden;
}

.ui-datepicker{ z-index:1;}

/*.pricing-tabContent .btn-primary:after{content:"";  position:absolute; top:0; left:0;    right: 0;    bottom: 0;    z-index: -1;    transition:all 0.95s ease; transform:scaleX(0);    background:#344d5f;  transform-origin: 50% 50%;}
.pricing-tabContent .btn-primary:hover:after {transform: scaleX(1);}*/


.calculator-total {
    padding: 2% 0 0 4%;
    width: 30%;
    position: relative;
    margin: 24px 0;
}
.calculator-total:before{ content:""; background:#f5f5f5; width:320%; height:1px; position:absolute; top:0;} 

.calculator-total p{font-family: 'myriadproboldwebfont'; font-size:16px; padding:4px 0;}
.calculator-total .shp-total{ color:#2f2f2f; font-size:14px; font-family:'MYRIADPROREGULAR';}
.calculator-total .estim-total{ color:#ff8273; font-size:14px;}
.calculator-total p .total-lft{font-family: 'myriadproboldwebfont'; font-size:14px; color:#000; }
.calculator-total p .total-rht{ float:right;}

.calculator-total p.estim-total .total-lft{font-family: 'myriadproboldwebfont'; color:#ff8273;}
.calculator-total p.estim-total .total-rht{font-family: 'MYRIADPROREGULAR';}

.prd-specs-review{ padding:2% 0 0 15px;}
.product-accordion{ display:block; width:100%; border-bottom:1px dashed #cccccc; margin:10px 0; padding:0 0 6px;}
.product-accordion .menu-click{ color:#000; font-size:20px; font-family: 'myriadproboldwebfont'; display:block; }
.product-accordion .menu-click:hover{ text-decoration:none;}
.product-accordion .menu-click i {    float: right;    font-size: 18px;    margin: 6px 0 0;}
.product-accordion .menu-click i.fa-caret-up{ display:none;} 
.product-accordion .show-content i.fa-caret-down{ display:none;}
.product-accordion .show-content i.fa-caret-up{ display:block;} 


.product-accordion-content{ display:none;}


.productspecification{ margin:12px 20px 0;}
.productspecification tr td {    padding:9px 15px;    font-size: 15px; color:#6d6c6c;word-break: break-word;}
.productspecification tr td a{ color:#000000;}
.productspecification table td.deep-gray {
    vertical-align: middle;
    font-size: 14px;  
    color: #000;
}
.productspecification table tr.lightash {
    
    color: #000;
}

.pricing-table-scroll table tr td.borgrey{ border-bottom:1px solid #ebebeb; padding: 0; line-height: 12px;}
.productspecification table tr.lightash:nth-child(even) {background: #F8F8F8}
.productspecification table tr.lightash:nth-child(odd) {background: #fff}


.single-review {
    border-bottom: 1px dotted #ccc;
    color: #000;
    margin-bottom: 14px;
    padding-bottom: 14px;
}
.single-review div.review-header {
    margin-bottom:5px;
}
.single-review div.review-header ul.rating {
    color: #ee8b2d;
    float: right;
    font-size: 14px;
    position: relative;
}
.review-header h4 {
    font-size: 18px;
   color:#000;
   margin:12px 0 0;
}
.review-body p{ color:#787878;}
.review-star-fill {
    background: url(../images/new_rating_star.png) no-repeat;
    background-size: 52px;
    height: 18px;
    width: 18px;
    overflow: hidden;
    background-position: 0 0;
    display: inline-block;
}
.single-review:last-child{ border:none;}

.related-items-box{}

.relatedItems-hotSeller{ padding:2% 0 0 2%; width:100%;}
.relatedItems-hotSeller p {
    color: #333333;
    font-size: 14px;
    margin: 12px 2px;
    line-height: 18px;
	text-align:left;
	padding:0 10px;
}
.relatedItems-hotSeller p a{ color: #333333;}
.relatedItems-hotSeller p a:hover{ text-decoration:underline; color:#000000;}
.relatedItems-hotSeller p span{ display:block;}
.relatedItems {    border:1px solid #f5f5f5;    margin: 0 14px 0 0; max-width:23%;    padding: 0;    text-align: center;}
.relatedItems img{ margin:15px 0 0; }
.relatedItems:last-child{ margin:0;}
.relatedItems-title{ background:#667f91; color:#FFFFFF; font-family: 'myriadproboldwebfont'; width:100%; text-align:center; margin:0; padding:8px 0; font-size:22px;}


.hot-seller-box{border:1px solid #f5f5f5; margin:-2px -28px 0 6px;}

.hot-seller-title{ background:#b5393f; color:#FFFFFF; font-family: 'myriadproboldwebfont'; width:100%; text-align:center; margin:0; padding:8px 0; font-size:22px;}
.hot-seller-content{ text-align:center;}
.relatedItems-hotSeller .hot-seller-box p{ text-align:left; padding:0 70px;}
.relatedItems-hotSeller .hot-seller-box img{ margin:15px 0 0; }

.relatedItems-imgBox{ height:152px; margin:0 0 18px;}
.relatedItems-imgBox img{ height:146px;}


p > img{ max-width:100%;}
.bread-crumb{margin:0 0 30px;}
.bread-crumb li{ display:inline-block; margin:0 1px; padding:0; }
.bread-crumb li a {    position: relative;    display: block;    margin: 0 2px;    padding: 3px 5px 4px 18px;    background: #efecec;    color:#4e4e4e;    font-size: 14px;}
.bread-crumb li a:hover{ color:#0e0e0e; text-decoration:none;} 
.bread-crumb li a:after { position:absolute; right:-27px; top:0; content:"";  border-top: 14px solid transparent;  border-bottom: 15px solid transparent; border-right: 15px solid transparent;
border-left: 12px solid #efecec; z-index:1;
}
.bread-crumb li a:before{position:absolute; left:-2px; top:0; content:"";
border-top: 14px solid transparent;  border-bottom: 15px solid transparent; border-right: 15px solid transparent;
border-left: 12px solid #fff;
}
.bread-crumb li span{ padding:4px 18px; color:#757575; font-size:14px;}
.error-container{ padding-top:66px;}



.windows-loader-bg {
    background: rgba(255,255,255, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:888;
	display:none;
}
.windows-loader {
	position: relative;
	width: 58px;
	height:58px;
	
	
	position:fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

z-index:9;
}

.windows-loader .wBall {
	position: absolute;
	width: 58px;
	height: 58px;
	opacity: 0;
	transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
	animation: orbit 6.96s infinite;
		-o-animation: orbit 6.96s infinite;
		-ms-animation: orbit 6.96s infinite;
		-webkit-animation: orbit 6.96s infinite;
		-moz-animation: orbit 6.96s infinite;
}

.windows-loader .wBall .wInnerBall{
	position: absolute;
	width: 10px;
	height: 10px;
	background: rgb(0,0,0);
	left:0px;
	top:0px;
	border-radius: 10px;
}

.windows-loader #wBall_1 {
	animation-delay: 1.52s;
		-o-animation-delay: 1.52s;
		-ms-animation-delay: 1.52s;
		-webkit-animation-delay: 1.52s;
		-moz-animation-delay: 1.52s;
}

.windows-loader #wBall_2 {
	animation-delay: 0.3s;
		-o-animation-delay: 0.3s;
		-ms-animation-delay: 0.3s;
		-webkit-animation-delay: 0.3s;
		-moz-animation-delay: 0.3s;
}

.windows-loader #wBall_3 {
	animation-delay: 0.61s;
		-o-animation-delay: 0.61s;
		-ms-animation-delay: 0.61s;
		-webkit-animation-delay: 0.61s;
		-moz-animation-delay: 0.61s;
}

.windows-loader #wBall_4 {
	animation-delay: 0.91s;
		-o-animation-delay: 0.91s;
		-ms-animation-delay: 0.91s;
		-webkit-animation-delay: 0.91s;
		-moz-animation-delay: 0.91s;
}

.windows-loader #wBall_5 {
	animation-delay: 1.22s;
		-o-animation-delay: 1.22s;
		-ms-animation-delay: 1.22s;
		-webkit-animation-delay: 1.22s;
		-moz-animation-delay: 1.22s;
}



@keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		transform: rotate(180deg);
		animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		transform: rotate(300deg);
		animation-timing-function: linear;
		origin:0%;
	}

	30% {
		opacity: 1;
		transform:rotate(410deg);
		animation-timing-function: ease-in-out;
		origin:7%;
	}

	39% {
		opacity: 1;
		transform: rotate(645deg);
		animation-timing-function: linear;
		origin:30%;
	}

	70% {
		opacity: 1;
		transform: rotate(770deg);
		animation-timing-function: ease-out;
		origin:39%;
	}

	75% {
		opacity: 1;
		transform: rotate(900deg);
		animation-timing-function: ease-out;
		origin:70%;
	}

	76% {
	opacity: 0;
		transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		transform: rotate(900deg);
	}
}

@-o-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-o-transform: rotate(180deg);
		-o-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-o-transform: rotate(300deg);
		-o-animation-timing-function: linear;
		-o-origin:0%;
	}

	30% {
		opacity: 1;
		-o-transform:rotate(410deg);
		-o-animation-timing-function: ease-in-out;
		-o-origin:7%;
	}

	39% {
		opacity: 1;
		-o-transform: rotate(645deg);
		-o-animation-timing-function: linear;
		-o-origin:30%;
	}

	70% {
		opacity: 1;
		-o-transform: rotate(770deg);
		-o-animation-timing-function: ease-out;
		-o-origin:39%;
	}

	75% {
		opacity: 1;
		-o-transform: rotate(900deg);
		-o-animation-timing-function: ease-out;
		-o-origin:70%;
	}

	76% {
	opacity: 0;
		-o-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-o-transform: rotate(900deg);
	}
}

@-ms-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-ms-transform: rotate(180deg);
		-ms-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-ms-transform: rotate(300deg);
		-ms-animation-timing-function: linear;
		-ms-origin:0%;
	}

	30% {
		opacity: 1;
		-ms-transform:rotate(410deg);
		-ms-animation-timing-function: ease-in-out;
		-ms-origin:7%;
	}

	39% {
		opacity: 1;
		-ms-transform: rotate(645deg);
		-ms-animation-timing-function: linear;
		-ms-origin:30%;
	}

	70% {
		opacity: 1;
		-ms-transform: rotate(770deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:39%;
	}

	75% {
		opacity: 1;
		-ms-transform: rotate(900deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:70%;
	}

	76% {
	opacity: 0;
		-ms-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-ms-transform: rotate(900deg);
	}
}

@-webkit-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:0%;
	}

	30% {
		opacity: 1;
		-webkit-transform:rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin:7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:70%;
	}

	76% {
	opacity: 0;
		-webkit-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-webkit-transform: rotate(900deg);
	}
}

@-moz-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin:0%;
	}

	30% {
		opacity: 1;
		-moz-transform:rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin:7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin:30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:70%;
	}

	76% {
	opacity: 0;
		-moz-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-moz-transform: rotate(900deg);
	}
}


.no-item-found{text-align:center;  margin:0 auto;  padding:0 15% 0 0; color:red; font-size: 20px; font-family: 'myriadproboldwebfont'; width:100%;}
.performance-products-show .no-item-found{ padding:20px 0 0;}


/* start css about us */
.body_wrap{padding:32px 0 0;}
.about_cms tr td h1, .inner_body_cont-full-width tr td h1 {font-size:34px;  color:#000000;  padding: 0 0 6px; margin:0;}
.about_cms tr td p, .inner_body_cont-full-width tr td p{ color:#666; padding:24px 0 0; line-height:22px; font-size:16px;}
/* end css about us */


/* start css how-to-order */
.inner_body_cont-full-width li{list-style: outside;}
.email-info-header{
	background: #0069a0 none repeat scroll 0 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 36px;
	text-align: center;
	width: 313px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 6px solid #fff;
	font-family:"MyriadProBoldCond";
	font-weight:normal;
}
.email-info-data{
	background: #f1f1f1 none repeat scroll 0 0;
	color: #666;
	font-size: 18px;
	font-weight: bold;
	text-indent: 10px;
	border: 1px solid #fff;
	padding:4px 2px;
	font-family:"MyriadProBoldCond";
	font-weight:normal;
}


.how_order_cms{}
.how_order_cms tr{}
.how_order_cms tr td{}
.how_order_cms tr td h1{ font-size:36px; color:#000000; padding:0 0 45px; margin:0;}

.how_order_cms .email-info-block{}


.how_order_cms ul {  margin: 44px 0 0;}
.how_order_cms ul li{font-weight:normal; font-size:16px; color:666; line-height:20px; margin:0 0 16px 25px;}


/* end css how-to-order */


.item-pricing-tab .sub_title h3, .item-pricing-tab .item_tex h3{font-family: 'myriadproboldwebfont' !important; padding:0px 0 0 0;}
.item-pricing-tab .item_tex h3{ padding:20px 2px 0 0;}
.item-pricing-tab .from_fild_section tr td{font-family: 'MYRIADPROREGULAR' !important;}

.item-pricing-tab .from_fild_section tr td{padding-left:15px; padding-right:15px;}
.item-pricing-tab .top_sample_title h2{font-family: 'myriadproboldwebfont' !important; font-size: 24px; color: #3c3c3e;}
.item-pricing-tab .sample_form_box tr td input, .item-pricing-tab .sample_form_box tr td select, .item-pricing-tab #sample_item1 td select, .item-pricing-tab #sample_item1 td select, .item-pricing-tab .sample_item td select, .item-pricing-tab .sample_item td input{ height:32px; width:222px !important; color:#8e8e8e;}
.item-pricing-tab #sample_item1 td input{ height:32px; width:52px !important; color:#8e8e8e;}

.item-pricing-tab .sample_form_box tr td #same_billing{ width:auto !important;}

.item-pricing-tab .border1{ border:none; border-top:2px solid #e6e7e9;}
.item-pricing-tab .border2{ border:none;}
.item-pricing-tab .top_sample_title h2 span{ font-family:"MYRIADPROREGULAR"; font-size:13px;}


.review-more-less-holder{width:180px; margin:0 auto;}
.review-more-less-holder a{color: #5e5e5e;    font-weight: bold;    margin: 15px 8px;    display: inline-block;}
.review-more-less-holder a i{ margin:0 4px;}
.review-more-less-holder #more_reviews{}
.review-more-less-holder #less_reviews{}


.pricing-tabContent .order-sample-form .form-group {    clear: both;    margin: 0 0 18px 0;    display: block;    width: 100%;    float: left; padding:0 20px;}
.pricing-tabContent .order-sample-form .form-group h3{ padding:0;}
.pricing-tabContent .order-sample-form .form-group label{width:34%;}
.pricing-tabContent .order-sample-form .form-group label.same_as_billing{ width:auto;}
.pricing-tabContent .order-sample-form .form-group .form-control{ width:64%; float:right;}


.pricing-tabContent .order-sample-form .form-group #same_billing {    width: auto;    float: left;    margin:6px 0 0 20px;}
.pricing-tabContent .order-sample-form .form-group select.form-control{ width:64% !important;}

.pricing-tabContent .order-sample-form .prd-input-select input.form-control{ width:20%; float:left; margin:0 0 0 8px !important;}
.pricing-tabContent .order-sample-form .prd-input-select select.form-control{ width:42% !important; padding:5px;}

.form-group .radio-items{ display:inline-block; margin:6px 6px 0 0;}
.pricing-tabContent .order-sample-form .form-group .radio-items label{ width:100%;}
.pricing-tabContent .order-sample-form .form-group .radio-items .form-control{ float:left; margin:5px 2px 0 !important;}
.pricing-tabContent .order-sample-form .form-group .radio-items span{}

#submitCart{background:#667f91; border:none; color:#ffffff; float:right; font-family:'myriadproboldwebfont'; font-size:20px; margin:22px 22px; padding:10px 90px; transition:all 0.95s ease 0s; position: relative;
border-radius: 8px; overflow:hidden;}

/*#submitCart:after{
content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    z-index: -1;    transition: all 0.95s ease;    transform: scaleX(0);    background: #344d5f;    transform-origin: 50% 50%;
}
#submitCart:hover:after {
    transform: scaleX(1);
}*/

.top_sample_title {background:#f3f3f3; padding:10px 20px; margin:25px 15px 30px; width:97%;}
.sample-item-line{ margin:24px 0 36px;}
.top_sample_title span{ padding:0 12px;}
.pricing-tabContent .order-sample-form .prd-input-select input.form-control{ margin:0 0 10px;}



.sales-sort-option{ margin:0 0 20px;}
.sort-option .sm-txt {
    text-align: right;
    color: #636b70;
    font-size: 13px;
	  letter-spacing: 0.8px;
}

.search {
    width: 251px;
    height:auto;
    margin: 8px 20px 0 0;
	border:1px solid #e1e1e1;
}
.adjustment {
    margin-top: 8px;
    margin-right: 0;
    float: right;
	width:78%;
}

.search input {
    background: none;
    padding: 4px 7px;
    width:85%;
    color: #b1b5b7;
    outline: none;
    font-size: 16px;
    font-family: 'MyriadProCond';
	border:none;
  
}
.sales-sort-option .category-title-name{ padding:0 0 6px;}

.search .gosearch {
      float: right;
	  width:15%;
}
.search .gosearch a {
    cursor: pointer;
    display: block;
    width: 100%;
    height: auto;
    background: #667f91;
    text-align: center;
    padding:7px 0;
}
.search .gosearch a i{ color:#fff; font-size:22px; display:block;}
.text-block-bot {
    width: 100%;
    padding: 8px 15px 0;
}
.special-prod-list .text-block span {
    display: block;
    padding: 2px 0;
}
.text-block-bot span.left {
    float: left;
}
.text-block-bot a {
    text-decoration: none;
    color: #000;
    font-size: 13px;
    letter-spacing: 0.8px;
}
.text-block-bot span.right {
    float: right;
}

.sale-modal .modal-dialog{ max-width:750px;}
.sale-modal .modal-body{ height:550px;}
.sale-modal .modal-body img{ max-width:100%;}

.sale-modal .modal-body{ overflow:auto;}

.nav-transparent-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top:0px;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index:888;
	display:none;
}


.centre-leftpic {    text-align: center;    margin: 20px 0 15px;}
.centre-leftpic span {display: inline-block; text-align:center;}
.centre-leftpic .txt{ display:block;}

#see_more_pricing {font-size: 13px; color: #fff; padding: 10px 0 0; display: inline-block; letter-spacing: 0.8px; background-color: #FF8A89; width: 180px; height: 38px; text-transform: uppercase; margin: 20px 0 10px 0;}
#see_more_pricing:hover{ text-decoration:none;}


.show_hide_specs_arrow{ color:#8e8e8e; font-size:30px;}
.show_hide_specs_arrow i{color:#8e8e8e !important;}


label.details_custom_radio{ margin:0; cursor:pointer; position:relative; padding-left:10px; transition:all 0.95s ease; width:auto !important; margin:0 20px 0 0 !important; color:#212529 !important; font-family:'MYRIADPROREGULAR' !important;}
label.details_custom_radio input{ position:relative; right:0; opacity:0; float:left; margin:0 0 12px;}
 label.details_custom_radio .checkmark{ width:17px; height:17px; border:1px solid #b8b8b8; position:absolute; left:0; top:3px; transition:all 0.95s ease; border-radius:50%;}
label.details_custom_radio .checkmark:after {
    content: "";
    position: absolute;
    top:4px;
    left:4px;
    width: 7px;
    height: 7px;
    /* border-bottom: 2px solid #667f91; */
    /* border-right: 2px solid #667f91; */
    display: none;
    /* transform: rotate(40deg); */
    background: #3b3c3c;
    border-radius: 50%;
}

label.details_custom_radio:hover{/* color:#0e1011;*/ transition:all 0.95s ease;}
 label.details_custom_radio input:checked ~ span{}		
label.details_custom_radio:hover input ~ .checkmark{transition:all 0.95s ease;}
label.details_custom_radio input:checked ~ .checkmark:after{ display:block;}
label.details_custom_radio input:checked ~ .checkmark{ background:#fff;}
label.details_custom_radio span{ font-weight:normal !important;}



.inner_payment_main{}
.inner_payment_main .top_sample_title {    background: none;    text-align: left;    border-bottom: 1px solid #dadada;    padding: 12px 18px; 
    background: #fbfbfb;
}
.inner_payment_main .top_sample_title h2{font-family:'myriadproboldwebfont'; color:#667f91; font-size:24px; display:inline-block; letter-spacing:0.5px;}
.inner_payment_main .top_sample_title a {    color: #fff;    margin: 0px 0 0;    display: inline-block;    letter-spacing: 1px;    float: right;    background: #667f91;    padding: 6px 20px; transition:all 0.95s ease;}
.inner_payment_main .top_sample_title a:hover{ background:#717171;} 

.payment_order_section {    margin: 0 auto;}
.payment_order_section h3{    font-size: 18px;    font-weight: bold;    padding:0px 0 15px 0px;    color: #000;}
.payment_order_section h3 span{ font-weight:bold;}
.payment_order_section .form-group{ float:left; width:100%;}
.payment_order_section .form-group label {
    float: left;
    width: 30%;
}
.payment_order_section .form-group .form-control {
    float: right;
    width: 68%;
}

.payment_order_section .expires-select-option .form-control {
    width: 33%;
    float: left;
	margin:0 0 0 2%;
}
.payment_order_section .email-chk{}
.payment_order_section .email-chk label {
    width: 68%;
    float: right;
}
.payment_order_section .email-chk label .form-control {
    width: auto;
    float: left;
    margin: 5px 9px 0 0;
}
.payment_order_section .sub{ font-family:'myriadproboldwebfont'; background:#667f91; color:#fff; font-size:20px; padding:9px 50px; cursor:pointer; border:none; margin:15px 0 0;}
.payment_order_section .sub:focus{ border:none; outline:none; box-shadow:inherit;}

.payment_order_section .btn-primary:not(:disabled):not(.disabled):active{ background:#667f91;}

.payment-thank {
    color: #777777;
    font-size: 22px;
}
.payment-thank span{
color: #03a9b8;
    font-weight: bold;
    font-size: 25px;
    padding: 0 0 0 2px;
    letter-spacing: 1px;
}

/**********30/09/2022************/
.bp_disc_wrap{
  width: 45px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  text-align: center;
  padding: 9px 5px;
  line-height: 14px;
  font-size: 12px;
}
.bp_disc{font-size: 16px;font-weight: bold;}
.bp_disc span{font-size:13px;font-weight:normal;}
.bp_off{display:block;font-weight: bold;}
/**********30/09/2022************/

/**********27/10/2022************/
.bp_disc_new {
    font-size: 20px;
    font-weight: bold;
}
.bp_disc_per {
    font-size: 16px;
}
.bp_disc_wrap_new {
    width: 60px;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    padding: 16px 5px;
    line-height: 14px;
    font-size: 12px;
}
.bp_off_new {
    display: block;
}
.ss__no-results-subtitle{ word-wrap: break-word !important; word-break: break-word !important;}

/*************2025/08/07修改底部**************/
.branding-top1 { padding-top: 40px;}

.stripe-img li {
    background: url(../images/payment-img.png) top left / cover no-repeat;
    width: 58px;
    height: 40px;
    float: left;
    color: transparent;
    margin-right: 10px;
}

.visa {
    background-position: 0 0 !important;
}

.mastercard {
    background-position: 33% 0 !important;
}

.amex {
    background-position: 66% 0 !important;
}

.discover {
    background-position: 99% 0 !important;
}

.brading-sec, .quote-list-quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/**********27/10/2022************/
#onetrust-policy-text a{outline: none !important;}

@media only screen and (max-width:1400px){
.main-nav .navbar-expand-md .navbar-nav .nav-link{ padding:0 24px;}
}

@media only screen and (max-width:414px){
    .payment_order_section .form-group label{ font-size: 14px;}
    #sample_payment_submit {text-align: center}
    .top_sample_title.top_sample_title2{margin: 25px 5px 30px;}
}

@media only screen and (max-width:767px){
.top_global_banner{ font-size:11px;}
.top_global_banner .mobile{display:block;}
.top_global_banner .non-mobile{display:none;}

.available-prd{width: 131px; height: 44px; font-size:14px;}
.prod-larpic-text a{font-size: 12px; width: 140px; margin:0 5px !important;}
.category-title-name{white-space: normal;}

    .stripe-img li {
        width: 38px;
        height: 24.6px;
        margin-bottom: 3px;
        margin-right: 3px;
    }

}
.prod-thumb .sale_option{
	background:red;
	color:#fff;
	display:block;
	padding:0 5px;
	font-size:10px;
	text-align:center;
	border-radius:15px;
	width:38px !important;
	margin:2px auto 0;
}
.icon-cls{display:flex; align-items:center; color:#000;}
.icon-cls img{max-width: 28px; margin-right: 5px;}
.five-cls .icon-cls{padding-right:10px;}
.four-cls .icon-cls{padding-right:25px;}
@media (max-width:575.98px) { 
.icon-cls{flex:0 0 auto; width:100%; margin-bottom:10px;}
.icon-cls img{max-width: 22px;}

    .branding-img {
        margin-bottom: 25px;
    }

    .brading-sec {
        flex-direction: column;
        justify-content: center;
    }
}