/* @import './iconfonts.css'; */
/* Your custom styles */
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");
*{border: none;outline: none; text-decoration: none; font-family: 'Roboto', sans-serif;}
html,body{padding: 0; margin: 0;background:#EDEDED; font-size: 16px;}
.mainc{min-height:calc(100vh - 1.25rem);width: 100%; overflow-x: hidden; position: relative;z-index: 1;padding-top: 5.75rem; background: #f0f1f5;}
.p-10{padding: 0.625rem!important;}
.pb-20{padding-bottom:1.25rem;}
.px-45{padding-top: 2.8125rem; padding-bottom:2.8125rem;}
.pb-45{padding-bottom:2.8125rem;}
.pt-45{padding-top:2.8125rem;}
.px-60{padding-top: 3.75rem; padding-bottom: 3.75rem;}
.same-height [class^="col-"],.same-height [class*=" col-"]{display: flex;flex: 1 auto;flex-direction: column;}
.same-height [class^="col-"] .box,.same-height [class*=" col-"] .box{flex:auto;}
textarea {resize: none;}
.payment-image{
	margin-top: 25px;
	margin-left: 25px;
}
input:focus, .form-control:focus, button:focus, .btn:focus {box-shadow: 0 0 0; outline: none;}

.redlink {border-radius: 5px; background:#A91C28; font-size:15px; line-height:50px; font-weight:500; padding:0 25px; color: #fff; box-shadow: 0px 3px 6px rgba(0,0,0,0.29); text-decoration: none; transition: 0.3s all}
.redlink:hover {background: rgba(134,17,27,0.9); color:#FFF; text-decoration: none;}

.outlineredlink {border-radius: 5px; background:#fff; border:1px solid #A91C28; font-size:16px; line-height:50px; font-weight:500; padding:0 25px; color: #A91C28; box-shadow: 0px 3px 6px rgba(0,0,0,0.29); text-decoration: none; transition: 0.3s all}
.outlineredlink:hover {background: rgba(134,17,27,0.9); color:#FFF; text-decoration: none;}
.nav.item, .nav.item+li{display:none;}
a {color: #A91C28; text-decoration: none;}
.d-block {display: block;}

/*gfdert@yopmail.com*/

/*.row.gutter-20{margin-left: -0.625rem;margin-right:-0.625rem;}
.gutter-20>[class^="col-"],.gutter-20>.col{padding-left: 0.625rem;padding-right: 0.625rem;}

.row.gutter-60{margin-left: -1.85rem;margin-right:-1.85rem;}
.gutter-60>[class^="col-"],.gutter-60>.col{padding-left: 1.85rem;padding-right: 1.85rem;}*/

/*font-family: 'Open Sans', sans-serif;
font-family: 'Montserrat', sans-serif;*/

/* social button */
.btnsocialogin {border-radius:5px; display: block; font-weight: 400; font-size: 14px; color: #FFF; line-height:24px; text-decoration: none; text-align: center; border:0px;}
.btnsocialogin i {margin-right: 20px;}
.btnfacebook {background:#3B5998;}
.btngoogle {background:#DB4437;}

.btnviewmore {background:#FFF; border:1px solid #A91C28; border-radius:3px; font-weight: 500; font-size: 18px; line-height: 24px; color:#A91C28; padding:0 18px; transition: 0.3s all; box-shadow: 0 0 0px !important}
.btnviewmore:hover {background:#A91C28; color: #FFF; }
.btnloadmoer {background:#A91C28; border:1px solid #A91C28; border-radius:3px; padding:0 10px; font-size: 16px; line-height:35px; color:#FFF; font-weight:500; box-shadow: inset 0 0 0 !important; transition: 0.3s all;}
.btnloadmoer:hover {background:#FFF; color:#A91C28}

.page-wrapper {min-height: 100vh;}
.boydconthgt {min-height: calc(100vh - 220px);}

/* header */
.headerpart {padding:0 50px; margin:0; height: 85px; display: flex; align-items: center;}
.navbarbrand .navbar-brand, .headerpart .header.content .logo {max-width:13%; float: none; margin: 0px 20px 0 0;}
.navbarbrand .navbar-brand img, .headerpart .header.content .logo img {width: 100%;}
.searchpanel {background:#EDEDED; min-width:500px; padding:5px; margin:5px auto 5px 0; display: flex; max-height: 45px; min-height: 45px;}
.searchpanel .searchicon {padding:0 10px; font-size:22px; width:45px; line-height:35px; transform: translateY(2px); color:#999999;}
.searchpanel input[type=search], .searchpanel.block-search input[type=text] {width: calc(100% - 30px); margin-left:30px; border:0px; padding:5px 10px; box-shadow:0 0 0; background: transparent; font-size: 16px; font-weight: 400; color: #737373;}
.headerpart .header.content {width: 100%; max-width: unset; display: flex; padding: 0px; align-items: center;}
.headerpart .header.content .action.nav-toggle {display: none;}
.headerpart .header.content .header.links {list-style-type: none; padding:0px; margin: 0px; display:inline-flex; justify-content: flex-end; align-items: center;}
.headerpart.page-header {border-bottom:0px;}
.searchpanel.block-search input {left:0px; margin:0px}
.searchpanel.block-search .label {float: left; width: auto; height:auto; clip: unset; margin-right:16px; display: none;}
.searchpanel.block-search .label:before {content: "\e912"; font-family: 'surplustrader'; transform: translateY(1px); font-size: 19px;}
.searchpanel.block-search .field.search {margin-top: 2px; margin-left: 5px;}
.searchpanel.block-search .field.search .control {margin: 0 0px 0px 0; width: calc(100% - 25px); border-top:0px;}
.block-search .block-content {width: 100%; height: 100%}
.searchpanel.block-search .form.minisearch .action.search {right: unset; left: 14px; width: 29px; font-size: 22px; top: 6px;}
.searchpanel.block-search .form.minisearch .action.search:before {content: "\e912"; font-family: 'surplustrader'; font-size: 20px;}
/*.minicart-wrapper {}*/
.minicart-wrapper .action.showcart:before {content: "\e906"; font-family: 'surplustrader';}
.minicart-wrapper .action.showcart .counter.qty {background:transparent; color:#282828; font-size: 15px; font-weight: 400;}

.naviglinkhead, .header.links {list-style-type: none; padding-left: 0px; margin-bottom:0px; display: flex; justify-content: flex-end;}
.naviglinkhead li, .header.links li {/*padding:0 15px;*/ margin-bottom: 0px;}
.naviglinkhead li:last-child,  .header.links li:last-child {padding-right:0px;}
.naviglinkhead li a, .header.links li a {display: block; font-size:15px; font-weight: 400; color: #282828; line-height:25px; text-decoration: none;}
.naviglinkhead li a i, .header.links li a i {margin-right:10px; font-style: unset;}
.naviglinkhead li.greet.welcome, .header.links li.greet.welcome, .header.links li.greet.welcome + li {display: none;}

/* main navigation */
.nav-sections {margin:0 0px 0 !important; background:#A91C28; box-shadow:0 3px 6px rgba(0,0,0,.27); padding:5px 50px;}
.nav-sections .section-items.nav-sections-items {display: flex;}
.nav-sections .nav-sections-item-title .nav-sections-item-switch {line-height:40px; color:#FFF;}
.nav-sections .section-item-content.nav-sections-item-content .navigation ul {display: flex; padding-left:0px; list-style-type: none; margin-bottom:0px;}
.nav-sections .section-item-content.nav-sections-item-content .navigation ul li a {display: block; font-weight:500; color:#FFF; font-size:13px; text-transform: uppercase; line-height:24px; padding:.5rem;}
.nav-sections .section-item-content.nav-sections-item-content .navigation ul li.level0.nav-2 a {transform: translateY(1px);}
.nav-sections .section-items.nav-sections-items .navigation {max-width: unset;}


/*--------------- footer ------------------*/
footer.page-footer {padding-bottom: 0px;}
footer.page-footer .widget.block {margin:0px}
.page-footer .block.newsletter {background: #282828; width: 100%; margin: 0px;}
.page-footer .block.newsletter .form.subscribe {padding:20px 48px; display: flex;}
.page-footer .block.newsletter .form.subscribe .field.newsletter {width: calc(100% - 162px);}
.page-footer .block.newsletter .form.subscribe .control label {margin-bottom: 0px; display: flex; justify-content: space-between; position: relative;}
.page-footer .block.newsletter .form.subscribe .control label .label {font-weight: 300; font-size:24px; line-height:40px; color:#FFF; letter-spacing: 0.02em; position: static; height: auto; width: auto;}
.page-footer .block.newsletter .form.subscribe .control label input[type=email] {width:400px; border-radius: 5px; border-color: transparent; font-size: 14px; color: #8F8F8F; font-weight:400; padding:8px; height: 40px;}
.page-footer .block.newsletter .form.subscribe .actions .action.subscribe {border-radius:3px; border:0px; width:152px; height:40px; background:#A91C28; font-size:16px; font-weight:500; line-height:22px; color:#FFF; margin-left:10px}
.footdeliversect {background: #FFFFFF; padding:35px 50px;}
.footdeliversect .contentdelivy {display: flex; align-items: center;}
.footdeliversect .contentdelivy .iconradiusarea {height: 50px; width: 50px; margin-right:20px; border-radius: 50%; background:#EDEAE5; display: flex; align-items: center; justify-content: center;}
/** .footdeliversect .contentdelivy .textcontent {}**/
.footdeliversect .contentdelivy .textcontent h4 {font-weight:700; font-size: 22px; color: #282828; line-height: 24px; margin-bottom: 0px;}
.footdeliversect .contentdelivy .textcontent p {font-size:14px; color:#737373; font-weight:400; line-height: 24px; margin-bottom: 0px;}
.footerlinkarea {background:#EFEFEF; padding:50px;}
.footerlinkarea h5 {font-size:16px; font-weight: 700; color: #282828; letter-spacing: 0.016em; margin-bottom: 0px;}
.footerlinkarea ul {list-style-type: none; padding-left: 0px; margin-bottom:0px}
.footerlinkarea ul li {padding-bottom:5px;}
.footerlinkarea ul li a {font-size:14px; font-weight: 400; color:#181616; line-height:22px; letter-spacing:0.02em;}
.footerlinkarea ul li img {max-width:100%}
.socialinksfoot li {padding:0 8px;}
.socialinksfoot li:first-child {padding-left:0px}
.footerbottomsec {height: 73px; background:#EFEFEF; padding:0 50px; display: flex; align-items: center; justify-content: space-between;}
.footerbottomsec p {margin-bottom: 0px; font-size: 14px; line-height: 22px; color:#737373;}
.footerbottomsec ul {list-style-type: none; padding-left: 0px; margin-bottom: 0px;}
/**.footerbottomsec ul li {}**/
.page-footer .block.newsletter .control:before {visibility: hidden;}
.page-footer .block.newsletter .form.subscribe .control label div.mage-error {position: absolute; bottom:-23px; right: 139px; max-width: 400px;}

/*--------------- Custom Slider ------------------*/
.page-main > .custom-slider {margin:0 -50px 0px; padding:0px !important; height:auto; overflow: hidden;}
.custom-slider .owl-carousel .owl-stage-outer {padding: 0px 0 !important; margin: 0px 0px;}
.cms-home.cms-index-index .owl-theme .owl-controls .owl-nav [class*=owl-] {width:50px; height: 50px; border-radius: 50%; color: #757575; background: rgba(255,255,255,0.5);}
.cms-home.cms-index-index .owl-theme .owl-controls .owl-nav .owl-prev:before {content: "\e916"; font-family: 'surplustrader';}
.cms-home.cms-index-index .owl-theme .owl-controls .owl-nav .owl-next:before {content: "\e917"; font-family: 'surplustrader';}
.cms-home.cms-index-index .owl-theme .owl-controls .owl-nav .owl-prev:before, .cms-home.cms-index-index .owl-theme .owl-controls .owl-nav .owl-next:before {mask-image:unset; -webkit-mask-image:unset; top: 0px; left: 0px; text-align: center; width:50px; height: auto; font-size: 14px; line-height: 50px; background: transparent;}
.cms-home.cms-index-index .owl-theme .owl-controls .owl-nav .owl-next:before {text-indent: 0; transform: rotate(0deg);}
.cms-home.cms-index-index .owl-theme .owl-controls .owl-nav .owl-prev:after, .cms-home.cms-index-index .owl-theme .owl-controls .owl-nav .owl-next:after {display: none;}
.columns .column.main .custom-slider {margin:0 0px 0px;}
.custom-slider .content-heading {display: flex; align-items: center; justify-content: space-between; padding-bottom: 30px;}
.custom-slider .content-heading h2 {font-size: 24px; color: #282828; line-height: 36px;}
.custom-slider .content-heading button {line-height:43px;}
.custom-slider .owl-carousel .owl-stage-outer img, .custom-slider img {width: 100%; max-height: 100%;}



/*--------------- Home Products  ------------------*/
.block.widget .product-item-info, .item.product.product-item .product-item-info {background:#FFF; padding-top:5px; box-shadow:0 0 10px rgba(0,0,0,.14); border-radius:5px; position: relative;}
.products-grid .product-item-info:hover, .products-grid .product-item-info.active, .item.product.product-item .product-item-info.active {box-shadow:10px 18px 20px rgba(10,0,0,.26); margin:0px; padding:5px 0 0; border:0px;}
.product-image-wrapper {padding-bottom: 0px !important; height:230px;}
.product-reviews-summary {margin-bottom: 0;}
.product-item-photo {display: block; text-align: center;}
.products-grid .product-item-actions, .custom-slider .product-item-info .actions-secondary {position: absolute; right:15px; top: 15px; margin: 0px; z-index:2}
.product-item-actions .actions-secondary, .item.product.product-item .product-item-info .actions-secondary > .actions-secondary.secondary-addto-links {width: 30px; height: 30px;}
.product-item-actions .actions-secondary .action.towishlist, .item.product.product-item .product-item-info .actions-secondary .action.towishlist  {background:#EBEBEB; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius:50%; display: block; position: relative;}
.product-item-actions .actions-secondary .action.towishlist:before, .item.product.product-item .product-item-info .actions-secondary .action.towishlist:before {content: "\e900"; font-family: 'surplustrader'; transform: translateY(1px); font-size: 14px; margin-right: 0px;}
.product-item-details {padding:0 15px 15px; text-align: left;}
.product-item-details .product-item-name {font-weight: 500; font-size: 14px; color: #000000; line-height:20px; margin-bottom:5px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.product-item-details .product-item-name a {color:#000; text-decoration: none; font-weight: 600;}
.product-item-details .product-item-name a:hover {text-decoration: none; color: rgba(0,0,0,0.7);}
.product-item-details .short-desc p {font-weight: 400; font-size: 14px; color: #737373; line-height: 18px; letter-spacing: 0.014em; padding-bottom:5px;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:53px;}
.item.product.product-item .product-item-info .actions-secondary > .actions-secondary.secondary-addto-links {position: static; top:0px;} 
.product-item-details .product-item-description.short-desc {margin:0px 0;}

.block.widget.block-products-list.grid {margin-bottom:10px !important;}
/*--------------- Rating results  ------------------*/
.rating-summary .rating-result:before {content: "\e902" "\e902" "\e902" "\e902" "\e902"; font-family: 'surplustrader'; transform: translateY(1px); font-size: 14px; color:#bebebe}
.rating-summary .rating-result>span:before {content: "\e902" "\e902" "\e902" "\e902" "\e902"; font-family: 'surplustrader'; transform: translateY(1px); font-size: 14px; color:#2cb978}
.product-item .product-reviews-summary .reviews-actions {display: none;}


/*--------------- popup login ------------------*/
.popuplogin {min-width:450px; padding:25px; /*position: relative; background:#FFF;*/ border-radius: 3px;}
.popuplogin .logosection {padding:5px 0 14px; text-align: center;}
.popuplogin .logosection a {display: block; max-width: 160px; margin: 20px auto;}
.popuplogin .logosection a img {max-width: 100%;}
.popuplogin .modal-content {border:0px; padding-left:0rem; padding-right:0rem;}
.popuplogin h3, .popuplogin .modal-content .block-customer-login > .block-title {font-size: 24px; font-weight:700; color: #333333; line-height:29px; margin-bottom:.5rem; text-align: center;}
.popuplogin h3, .popuplogin .modal-content .block-customer-login > .block-title strong {font-weight:700;}
.signuptitbox {text-align: center; font-weight: 400; font-size: 14px; color:#737373; line-height: 20px; position: relative;}
.signuptitbox:before {content: ""; position: absolute; top:9px; left:0px; width:100%; height:1px; background:#DDDDDD}
.signuptitbox:after {content: ""; position: absolute; top:9px; right:0px; width:100%; height:1px; background:#DDDDDD}
.signuptitbox span {background:#FFF; padding: 0 10px; position: relative; z-index:1;}
.popsocialgn {padding:14px 0;}
.popsocialgn .btn {line-height:36px;}
.footersuppt {padding-top:20px;}
.footersuppt a {font-weight: 400; font-size: 14px; line-height: 22px;}
.footersuppt .newusers {font-size: 15px; color: #737373; font-weight: 400;}
.footersuppt .newusers a {font-weight: 500; color: #282828}
.fieldset.login .field {border:1px solid #CCCCCC; border-radius:5px; font-weight: 400; font-size: 14px; line-height:25px; color: #737373; padding:10px; margin-bottom:24px; position: relative;}
.fieldset.login .row [class^="col-"] {padding-top:18px;}
.popuplogin .action.redlink {font-size:16px; padding:0 25px !important; line-height:50px !important}
.popup-authentication .block[class] {padding:10px 25px 0 !important}
.form.form-login {margin-top: 18px;}
.fieldset.login .field div.mage-error {position: absolute; font-size: 12px; bottom: -24px; color: #e02b27; left: 0px;}
.popuplogin .modal-content input[type="text"], .popuplogin .modal-content input[type="password"], .popuplogin .modal-content input[type="url"], .popuplogin .modal-content input[type="tel"], .popuplogin .modal-content input[type="search"], .popuplogin .modal-content input[type="number"], .popuplogin .modal-content input[type="datetime"], .popuplogin .modal-content input[type="email"] {border:0px; padding: 0px; height: 28px; box-shadow: 0px 0px 0px;}

.popuplogin .modal-header {display: none;}

.popsocialgn .block.social-login-authentication-popup {width:100%; padding:0 0px !important}
.popsocialgn .block.social-login-authentication-popup .block-content {display: flex !important; align-items: center; justify-content: space-between; width: 100%; flex-direction: row;}
.popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.facebook-login, .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login {width: 48%; color: #FFF;}
.popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.facebook-login .btn-social.btn-facebook, .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login .btn-social.btn-google {line-height:28px; color: #FFF; display: flex; align-items: center; justify-content: center; height:50px;}
.popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.facebook-login .btn-social.btn-facebook p, .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login .btn-social.btn-google p {font-size: 14px; padding:0 0 0 10px !important}
.popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.facebook-login .btn-social.btn-facebook .fa.fa-facebook, .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login .btn-social.btn-google .fa.fa-google {position: static; border-right:0px}
.popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login .btn-social.btn-google .fa.fa-google {background-image: none;}
.popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login .btn-social.btn-google .fa.fa-google:before {content: "\e915"; font-family: 'surplustrader';}
.popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.facebook-login .btn-social.btn-facebook .fa.fa-facebook:before {content: "\e914"; font-family: 'surplustrader';}

/* home small baner html */
.hometwosmall {overflow: hidden; position: relative; min-height: 250px; background-size: cover; background-repeat: no-repeat; background-position: 0 50%; margin-bottom:25px}
.hometwosmall a {text-decoration: none;}
.hometwosmall .productdemand {font-weight: 700; font-size: 24px; line-height:27px; color:#FFF; letter-spacing: 0.006em;}
.hometwosmall .productdemand span {font-size: 14px; font-weight: 400; display: block;}
.mobilephone {background-image:url(../images/mobilephon.png);}
.mobilephone > a {min-height: 250px; justify-content: center; align-items: flex-end; text-align: center;}
.mobilephone > a > span {padding-bottom: 12px; letter-spacing: 0.018em}
.stytemamange {background-image:url(../images/systemanage.png);}
.stytemamange > a {min-height: 250px;}
.stytemamange > a > span {padding-top:24px; padding-left:34px; letter-spacing: 0.018em}
.pumpoffice {background-image:url(../images/pumpmusic.png);  background-size: 100%;}
.empoweroffice {background-image:url(../images/empoweroffice.png); background-size: 100%;}
.topoffice {background-image:url(../images/topoffice.png); background-size: 100%;}
.toolshardware {background-image:url(../images/toolshardware.png); margin-bottom:30px}
.cannonsmall {background-image:url(../images/cannonsm.png);}
.pumpoffice > a, .empoweroffice > a, .topoffice > a, .toolshardware > a, .cannonsmall > a {min-height: 250px; align-items: flex-end;}
.pumpoffice > a > span, .empoweroffice > a > span, .topoffice > a > span, .toolshardware > a > span, .cannonsmall > a > span {padding-bottom:12px; padding-left: 16px; letter-spacing: 0.018em}
.toppickbest {overflow: hidden; position: relative; min-height:530px; background-size: cover; background-image:url(../images/topick-best.png);}
.toppickbest > a {min-height:530px; justify-content: center; text-align: center;}
.toppickbest > a > span.productdemand {padding-top:80px; letter-spacing: 0.018em; color: #000000}


/*--------------- breadcrumbs ------------------*/
.breadcrumbs {max-width: unset; padding:15px 50px; margin-bottom: 0px;}
.breadcrumbs .items {line-height: 18px;}
.breadcrumbs .item {font-size:14px; line-height: 18px;}
.breadcrumbs .item a {font-size:14px; line-height: 18px; color: #707070;}
.breadcrumbs .item:not(:last-child):after {margin:0 2px;}
.breadcrumbs .item strong {font-size:14px; line-height: 18px; color:#000000;}
.page-wrapper .breadcrumbs {max-width: unset; padding:15px 50px;}

/*--------------- sidebaer panel ------------------*/
.sidebar.sidebar-main .block.filter {background:#FFF; border:1px solid #CCCCCC;}
.sidebar.sidebar-main .block.filter .block-subtitle.filter-subtitle {font-size:20px; line-height:26px; font-weight:600; color:#333545; padding:15px 18px;}
.sidebar.sidebar-main .block.filter .filter-options-item {padding-bottom:0px;}
.sidebar.sidebar-main .block.filter .filter-options-item .filter-options-title {font-size:16px; font-weight:600; color: #333545; line-height: 24px; padding:12px 18px;}
.sidebar.sidebar-main .block.filter .filter-options-item .filter-options-title .filter-options-title:after{color: #666666; content: "\e919"; font-family: 'surplustrader'; font-size:14px;}
.sidebar.sidebar-main .block.filter .filter-options-item .filter-options-content {padding:0px 18px;}
.sidebar.sidebar-main .block.filter .filter-options-item .filter-options-content .filter-content .item {margin:5px 0;}
.sidebar.sidebar-main .block.filter .filter-options-item .filter-options-content .filter-content .item:first-child {margin-top: 0px;}
.sidebar.sidebar-main .block.filter .filter-options-item .filter-options-content .filter-content .item .item-name {font-size: 15px; font-weight: 400; color: #737373; font-weight: 400;}
.sidebar.sidebar-main .block.filter .filter-options-item .filter-options-content .filter-content .item .item-name .filter-options-content .count {color: #000000;}
.sidebar.sidebar-main .block.filter .filter-options-item .filter-options-content .filter-content .filter-item {width: 16px; height: 16px}
.sidebar.sidebar-main .block.filter .filter-options-item .filter-options-title:after {content: "\e919"; font-family: 'surplustrader'; font-size:8px; color: #666666;}
.sidebar.sidebar-main .block.filter .filter-options-item.active>.filter-options-title:after {content: "\e918"; font-family: 'surplustrader';}

/*--------------- Listing top panel ------------------*/
.listing-top {background:#FFF; border-radius: 3px; border:1px solid #CCCCCC; padding:18px;}
.listing-top .toolbar.toolbar-products {margin-bottom: 0px}
.listing-top .toolbar.toolbar-products .toolbar-amount {font-weight: bold; font-size: 18px; color: #282828; line-height: 23px; padding:0px;}
.listing-top .toolbar.toolbar-products .toolbar-amount .category-total-items {font-weight: 400; font-size: 13px; color: #737373; line-height: 22px;}
.listing-top .toolbar.toolbar-products .toolbar-sorter.sorter {border:1px solid #CCCCCC; background:#FFF; 	padding: 2px 10px;}
.listing-top .toolbar.toolbar-products .toolbar-sorter.sorter .sorter-label {margin-bottom: 0px; font-size:15px; font-weight: 400; color: #666666;}
.listing-top .toolbar.toolbar-products .toolbar-sorter.sorter select {border:0px !important; box-shadow:inset 0 0 0 !important; border-radius:0px !important; background: transparent !important; font-size: 15px; font-weight: 400; color: #333545;}
.listing-top .toolbar.toolbar-products .toolbar-sorter.sorter .action.sorter-action.sort-asc {display: none;}
.listing-top .filter-current {display: inline-flex;}
.listing-top .filter-current .items {display: flex; padding:0px;}
.listing-top .filter-current .items li {margin-bottom: 0px; margin-right:10px; border-radius:16px; border:1px solid #737373; padding: 0 12px; line-height: 31px;}
.listing-top .filter-current .items li .filter-value {font-size: 13px; font-weight: 400; color: #737373;}
.listing-top .filter-current .items li .action.remove, .listing-top .filter-current .items li .action.remove:before {color: #737373; position: static; padding-left:4px;}
.listing-top .block-actions.filter-actions {margin-bottom: 0px !important; display: inline-flex; margin-bottom: 0px;}
.listing-top .block-actions.filter-actions a {font-weight:600; font-size: 16px; color: #A91C28; line-height: 22px;}
.listing-top .block-actions.filter-actions a:hover {text-decoration: none;}
.page-products .product-item-info {width:100%;}


/*--------------- commonclass ------------------*/
.cms-home.cms-index-index .page-title-wrapper, .page-products .page-title-wrapper {display: none;}
.columns .column.main {padding-bottom: 10px;}


/*--------------- product details ------------------*/
.product-info-main {border:1px solid #CCCCCC; background:#FFF; padding:20px; margin-bottom: 20px;}
.product-info-main .page-title-wrapper.product h1.page-title {font-weight: 700; font-size:20px; line-height: 24px; color:#201E1E; margin:0 0 10px;}
.product-info-main .shortdescprt {font-weight:400; font-size: 18px; line-height: 24px; color:#737373; padding:0 0 10px;}
.product-reviews-summary {font-weight:700; font-size: 16px; color:#201E1E; line-height:20px; margin-bottom:18px;}
.product-reviews-summary .overall-rating {font-weight:700;}
.product-reviews-summary .review-count {font-size:18px; font-weight:400;}
.product-reviews-summary .action.add {font-size: 18px; font-weight:500;     color: #A91C28;}
.product-reviews-summary .action.add:hover {text-decoration: none;  color: #A91C28;}
.additional-attributes-wrapper.table-wrapper .data.table.additional-attributes th, .additional-attributes-wrapper.table-wrapper .data.table.additional-attributes td {border-top:0px; font-size: 16px; font-weight: 400; line-height: 30px; padding:0px;}
.additional-attributes-wrapper.table-wrapper .data.table.additional-attributes th, .product-info-main .product-info-stock-sku .data.additional-attributes th, .product-info-main .custom-sku.data tbody tr th {border-top: 0px; width:24%;  color:#737373}
.additional-attributes-wrapper.table-wrapper .data.table.additional-attributes td, .product-info-main .product-info-stock-sku .data.additional-attributes td, .product-info-main .custom-sku.data tbody tr td {border-top: 0px; color:#282828}
.stock.available {font-size: 16px; color: #2CB978; }
.product.info.detailed .product.data.items {border:1px solid #CCCCCC; background:#FFF;}
.product.info.detailed .product.data.items .data.item.title .data.switch {font-size:18px; font-weight: 400; line-height: 22px; color:#737373; padding:20px 30px; border-bottom:2px solid transparent; height:63px;}
.product.info.detailed .product.data.items .data.item.title.active .data.switch {border-bottom:2px solid #A91C28; color: #A91C28;}
.product.info.detailed .product.data.items .data.item.content {margin-top: 63px; padding:18px;}
.product.attribute.description .value p {font-size: 16px; font-weight: 400; color:#737373; line-height: 36px; margin-bottom: 0px;}
.product.attribute.description .value ul {margin-bottom: 0px; padding-left:20px;}
.product.attribute.description .value ul li {font-size: 16px; font-weight: 400; color:#737373; line-height: 36px; margin-bottom: 0px;}
.product.media .gallery-placeholder {width: 100%;}
/**.product.media .gallery-placeholder .fotorama__wrap {} **/
.product.media .gallery-placeholder .fotorama__wrap .fotorama__stage {width: 100% !important;/* height: 250px !important;*/ height:100% !important}
.product.media .gallery-placeholder .fotorama__wrap .fotorama__stage .fotorama__stage__shaft {background:#FFF; border: 1px solid #CCCCCC; padding:20px; display: flex; align-items: center; justify-content: center;}
/**.product.media .gallery-placeholder .fotorama__wrap .fotorama__stage {} **/
.product-info-main .product-add-form .actions .getfreequote {background: #A91C28; border-radius: 3px; max-width: 300px; font-size: 16px; font-weight: 500; color: #FFFFFF; letter-spacing: 0.04em; display: block; text-align: center; line-height: 49px;}
.product-info-main .product-add-form .actions .getfreequote:hover {text-decoration: none;}
.product-info-main .product-info-stock-sku  {padding-left:0px !important; width: 100%; display: block; text-align: left;}
.product-info-main .product-info-stock-sku .data.table.additional-attributes {margin-bottom: 0px;}
.product-info-main .product-info-stock-sku .data.additional-attributes th, .product-info-main .product-info-stock-sku .data.additional-attributes td, .product-info-main .custom-sku.data tbody tr td, .product-info-main .custom-sku.data tbody tr th {border-top:0px; font-size: 16px; font-weight: 400; line-height: 30px; padding: 0px;}
.additional-attributes-wrapper.table-wrapper {margin-bottom: 0px;}
.additional-attributes-wrapper.table-wrapper .table {margin-bottom: 0px;}
.product.attribute.sku {display: none;}
.product-info-main .product-reviews-summary .rating-summary {margin-right: 15px;} 
.rating-summary i {color:#2CB978;}


.catalog-product-view .column.main .product.media {height: calc(100vh - 60px); position: relative;}
.catalog-product-view .column.main .product.media .gallery-placeholder, .catalog-product-view .column.main .product.media .gallery-placeholder .fotorama-item.fotorama, .catalog-product-view .column.main .product.media .gallery-placeholder .fotorama-item.fotorama .fotorama__wrap.fotorama__wrap--css3 {height:100%;}
#create_rc, #fgp-err {font-size:14px; line-height:24px; font-weight: 500;}
.product-addto-links .action.towishlist {position: absolute; right:0px; top:20px; z-index:10;}
.product-addto-links .action.towishlist:before {content: "\e900"; font-family: 'surplustrader'; font-size:15px;}
.product-addto-links .action.towishlist span {display: none;}

/*overall rating */
.rating-overall, .rating-breakdown, .add-review, .review-add.blockreview {border:1px solid #CCCCCC; border-radius:3px; background:#FFF; display: inline-flex; flex-direction: column;}
.rating-overall > .title, .rating-breakdown > .title, .add-review > .title {border-bottom:1px solid #CCCCCC; padding:16px 20px; width: 100%}
.rating-overall > .title p, .rating-breakdown > .title p, .add-review > .title p {margin-bottom: 0px; font-size: 18px; font-weight:400; line-height: 22px; color: #000000;}
.rating-overall .product-reviews-summary {padding:20px; display: flex; flex-direction: column; width: 100%}
.rating-overall .product-reviews-summary .rating-summary {display: flex; flex-direction: column; justify-content: center; width: 100%; align-items: center;}
.rating-overall .product-reviews-summary .overall-rating {font-weight: 400; font-size: 42px; color:#000000; line-height: 48px;}
.review-count {font-size: 20px; font-weight:400; color: #737373; line-height: 24px;}
.rating-overall .product-reviews-summary .rating-result {margin:10px 0;}
.rating-overall {width:300px; margin-right:20px;}
.rating-breakdown {width:600px; margin-right:20px;}
.add-review {width: calc(100% - 950px);}
.rating-breakdown .side {/*padding:0 20px;*/ display: flex;}
.add-review .content-section {display: flex; width: 100%; flex-direction: column; padding:20px;}
.add-review .content-section .content-heading {margin-bottom: 10px; font-size: 18px; font-weight: 400; color:#282828; line-height: 22px;}
.add-review .content-section p{margin-bottom: 0px; font-size: 15px; font-weight: 400; color: #737373; line-height:20px;}
.add-review .content-section .reviews-actions .add-review {border: 1px solid #A91C28; border-radius: 3px; padding: 0 15px; font-size: 18px; font-weight: 500; line-height: 40px; display: inline-flex; margin-top: 30px; min-width: 140px;}
.review-add.blockreview {width: 100%; margin:20px 0}
.review-add.blockreview > .block-title {display: block; border-bottom:1px solid #CCCCCC; padding:16px 20px; width: 100%}
.review-add.blockreview > .block-title strong {margin-bottom: 0px; font-size: 18px; font-weight:400; line-height: 22px; color: #000000;}
.review-add.blockreview .block-content, .review-add.blockreview .block-content > form.review-form {width: 100%; max-width: unset; position: relative;}
.review-add.blockreview .block-content > form.review-form {padding:20px;}
.review-add.blockreview .block-content > form.review-form .review-field-nickname, .review-add.blockreview .block-content > form.review-form .review-field-summary {max-width:500px;}
.review-add.blockreview .block-content > form.review-form input[type=text], .review-add.blockreview .block-content > form.review-form textarea {border:1px solid #CCCCCC; border-radius: 5px; padding:11px 20px; font-size:14px; color: #737373; line-height:18px; height: 40px; max-width: 400;}
.review-add.blockreview .block-content > form.review-form .review-field-ratings {position: absolute; left: 540px; top:18px; display: flex; align-items: center;}
.review-add.blockreview .block-content > form.review-form .review-field-ratings>.label {display: inline-flex; max-width: unset; width: auto; font-size: 20px; font-weight: 400; line-height:40px; color: #000000;}
.review-add.blockreview .block-content > form.review-form .review-field-ratings>.label + .control {display: inline-flex; position: absolute; left: 193px; top: 0px;}
.review-add.blockreview .block-content > form.review-form .fieldset.review-fieldset {margin-bottom: 20px;}
.review-add.blockreview .block-content > form.review-form .actions-toolbar.review-form-actions .action.submit.primary {background: #A91C28; border: 0px; font-size: 16px; font-weight: 500; line-height: 22px; color: #FFFFFF; line-height: 50px; padding: 0 35px;}
.customerreviewrat {border-top:1px solid #CCCCCC; margin-top: 20px;}
.customerreviewrat .block-title {padding:20px 0 0;}
.customerreviewrat .block-title h5 {font-weight: 400; font-size:18px; line-height: 22px; color: #000000; margin-bottom: 0px;}
#product-review-container.customerreviewrat .review-item {padding:15px 0;}
input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="datetime"]:focus, input[type="email"]:focus {box-shadow:0px 0px 0px;}
.productrevibttm {display: flex; /*border-bottom: 1px solid #CCCCCC;*/}
.productrevibttm .userboxdiv {width:50px; height: 50px; margin: 0 14px 0 0; overflow: hidden;}
.productrevibttm .userboxdiv img {max-width: 100%;}
.productrevibttm .productcontdiv {width: calc(100% - 64px);}
.productrevibttm .productcontdiv .titlebox {display: flex; padding-bottom:10px;}
.productrevibttm .productcontdiv .titlebox h6 {margin: 0px; font-size: 19px; font-weight: 700; line-height: 23px; color: #2F364B;}
.productrevibttm .productcontdiv .titlebox .ratingstyl {font-size:15px; line-height: 18px; color: #2F364B; padding-left:20px; font-weight: 700; line-height: 20px; transform: translateY(4px);}
.productrevibttm .productcontdiv .titlebox .ratingstyl i {color:#2CB978; margin-right:4px}
.productrevibttm .productcontdiv .userntime {font-size:15px; font-weight: 400; line-height: 18px; color: #262626; margin: 0 0 8px}
.productrevibttm .productcontdiv .userntime span {font-size: 14px; position: relative; padding:0 0 0 34px;}
.productrevibttm .productcontdiv .userntime span:before {content:""; position: absolute; left:16px; top:7px; width:5px; height: 5px; border-radius:50%; background:#707070;}
.productrevibttm .productcontdiv .contentxt {font-size: 15px; line-height: 24px; color: #737373; font-weight: 400;}
/*  .contentbody .starrating {}  */
.contentbody .starrating .side {font-size:14px; font-weight:400; color: #282828; line-height: 27px; margin:0 16px 0 0;}
.contentbody .starrating .side i {color:#2cb978; margin-left:5px;}
.contentbody .starrating .middle {font-size:14px; font-weight:400; color: #737373; line-height: 24px; width: calc(100% - 60px); display: flex; align-content:center; justify-content: space-between;}
.contentbody .starrating .middle .bar-container {width:90%; height: 5px; border-radius:5px; background: #E0E0E0; margin-top:10px; position: relative;}
.contentbody .starrating .middle .bar-container.star-5:before, .contentbody .starrating .middle .bar-container.star-4:before, .contentbody .starrating .middle .bar-container.star-3:before, .contentbody .starrating .middle .bar-container.star-2:before, .contentbody .starrating .middle .bar-container.star-1:before {content:""; position: absolute; left: 0px; height: 5px;}
.contentbody .starrating .middle .bar-container.star-5:before {background:#2CB978; width: 60%;}
.contentbody .starrating .middle .bar-container.star-4:before {background:#4686CF; width: 50%;}
.contentbody .starrating .middle .bar-container.star-3:before {background:#68BBDE; width: 40%;}
.contentbody .starrating .middle .bar-container.star-2:before {background:#EBB01E; width: 30%;}
.contentbody .starrating .middle .bar-container.star-1:before {background:#F16061; width: 20%;}
.rating-breakdown > .contentbody {padding:20px;}

.live-chat-details {display: flex;}
.live-chat-details .livequestans {border-right:1px solid #CCCCCC; padding-right: 20px;}
.live-chat-details .livequestans h5 {font-size:18px; font-weight:600; line-height:21px; color: #000000; margin:0px 0 10px;}
.live-chat-details .livequestans p {font-size: 18px; font-weight: 400; line-height: 24px; color: #737373; margin:0 0 12px;}
.live-chat-details .livequestans .footertext {display: flex;}
.live-chat-details .livequestans .footertext .userimplace {width: 50px; height: 50px; border-radius:50px; overflow: hidden; margin-right:16px}
.live-chat-details .livequestans .footertext .buttonlive {background:#A91C28; font-size: 16px; font-weight: 400; line-height: 50px; padding:0 15px; color:#FFF;}
.live-chat-details .listollnum {padding:0 0 0 20px; list-style-type:none; margin: 0px;}
.live-chat-details .listollnum li {padding-bottom:15px; font-size: 20px;font-weight: 400; line-height: 24px; color: #707070}
.live-chat-details .listollnum li span {color: #000000}

/*--------------- checkbox css ------------------*/

.filter-options-content .items {margin:10px;}
.filter-options-content .items .item {margin:0px;}
.filter-options-content .items .item .container {display:inline-block; position: relative; padding: 0px; width: auto; margin: 0px 0px 0px; padding-left: 35px; cursor: pointer; font-size:15px; font-weight: 400; line-height: 30px; color:#737373; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* Hide the browser's default checkbox */
.filter-options-content .items .item .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}

/* Create a custom checkbox */
.filter-options-content .items .item .checkmark {position: absolute; top:6px; left: 0; height:18px; width:18px; background-color: #fff; border: 1px solid #7B7B7B; border-radius:20px;}

/* On mouse-over, add a grey background color */
.filter-options-content .items .item .container:hover input ~ .checkmark {/*background-color: #ccc;*/ background-color: #fff; border: 1px solid #7B7B7B;}

/* When the checkbox is checked, add a blue background */
.filter-options-content .items .item .container input:checked ~ .checkmark {background-color:#0FABBC; border:1px solid #0FABBC;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
/*.filter-options-content .items .item .container input:checked ~ .checkmark:after {display: block;}*/

/* Style the checkmark/indicator */
.filter-options-content .items .item .container .checkmark:after {left: 5px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(53deg);}
.filter-options-content .price-rang-slider .ui-slider-handle {background: #0FABBC; width:21px; height: 21px; margin-top: -6px; border-radius:50%;}
.filter-options-content .price-rang-slider .range {display: flex; align-items: center; justify-content: space-between; padding:10px 0;}
.filter-options-content .price-rang-slider .range span {font-weight:400; font-size: 14px; color: #000000; line-height: 22px;}
.filter-options-content .price-rang-slider .price-inputs {display: flex; align-items: center; justify-content: space-between; position: relative; padding-bottom: 15px; font-size:16px; font-weight:400; line-height:30px; color: #666666;}
.filter-options-content .price-rang-slider .price-inputs input[type=text] {width:80px; height: 30px; border: 1px solid #7B7B7B; color:#333; font-size:14px; border-radius:4px;}
.filter-options-content .price-rang-slider .price-inputs #price-filter-go {width: 62px; height: 30px; background:#A91C28; border:0px; box-shadow: 0px; font-size: 16px; font-weight: 400; color:#FFF; padding: 0px; border-radius: 4px;}
.filter-options-content .item .count {font-weight: 400; color:#000000; font-size: 15px;}
.page-layout-1column .filter-options-content .items .item {padding:0px;}
#load-more-products {background: #A91C28; border-radius:3px; font-weight:500; font-size: 16px; color:#FFF; letter-spacing: 0.03em; text-transform: uppercase; margin: 0 auto; display: flex;}

/* Quote Request form */
.request-items {background-color: #FFF; border: 1px solid #B2B2B2; border-radius: 3px;}
.request-items .request-item.head {border-bottom:1px solid #B2B2B2; padding:0px 20px; display: flex; align-items: center; justify-content:space-between; height:60px;}
.request-items .request-item.head h4 {margin-bottom: 0px; margin-top:0px; font-size:18px; font-weight:500; line-height: 24px; color:#000000;}
.request-items .request-item.head p {margin-bottom: 0px; font-size:18px; font-weight: 500; line-height:24px; color:#000000;} 
.request-items .item-inner {padding:20px; display: flex; align-items: flex-start; justify-content: center;}
.request-items .item-inner .product-image {width:125px; height:100%; margin-right:20px; border:1px solid #B2B2B2; border-radius:3px; display: flex; align-items: center; justify-content: center;}
.request-items .item-inner .product-image img {max-width:100%;}
.request-items .item-inner .product-details {width: calc(100% - 125px);}
.request-items .item-inner .product-details h5 {font-size:20px; font-weight:700; line-height: 30px; color: #201E1E; margin-bottom:12px; margin-top:0px;}
.request-items .item-inner .product-details p {font-size:14px; font-weight:400; line-height:24px; color:#737373; margin-bottom:5px;}
.qty-title {display: flex; margin-bottom:0px; font-size: 14px; font-weight:500; line-height:30px; color:#737373;}
.qty-title input[type=number] {max-width:60px; margin-left:10px; border:1px solid #CCCCCC; border-radius:3px; font-size:14px; font-weight:500; line-height: 30px; color:#282828}
.request-items .request-item.head p.quotrequest {font-size:14px; color: #575757}
.request-items .item-inner .shipping-method {width:100%;}


button.action.primary.tocart {
    display: none;
  }
  .customer-menu .custom-link,
      .header.links > .customer-welcome  +.custom-link + .hideable{
          display: none;
      }
  div.page-title-wrapper {
  display: none;
  }
  
  .catalog-product-view .page-title-wrapper {
  display: block;
  }
  .popsocialgn .block.social-login-authentication-popup {width:100%; padding:0 0px !important}
  .popsocialgn .block.social-login-authentication-popup .block-content {display: flex !important; align-items: center; justify-content: space-between; width: 100%; flex-direction: row;}
  .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.facebook-login, .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login {width: 48%; color: #FFF;}
  .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.facebook-login .btn-social.btn-facebook, .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login .btn-social.btn-google {line-height:28px; color: #FFF; display: flex; align-items: center; justify-content: center; height:50px;}
  .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.facebook-login .btn-social.btn-facebook p, .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login .btn-social.btn-google p {font-size: 14px; padding:0 0 0 10px !important}
  .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.facebook-login .btn-social.btn-facebook .fa.fa-facebook, .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login .btn-social.btn-google .fa.fa-google {position: static; border-right:0px}
  .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login .btn-social.btn-google .fa.fa-google {background-image: none;}
  .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.google-login .btn-social.btn-google .fa.fa-google:before {content: "\e915"; font-family: 'surplustrader';}
  .popsocialgn .block.social-login-authentication-popup .block-content .actions-toolbar.social-btn.facebook-login .btn-social.btn-facebook .fa.fa-facebook:before {content: "\e914"; font-family: 'surplustrader';}
  
  /* reviews rating */
  .ratings-detail {}
  .ratings-detail h3 {font-size: 16px; font-weight: bold;}
  .ratings-detail .rating-avg {float: left; font-size: 2rem; margin: 0 0 12px; color: #555555;}
  .ratings-detail .ratings {display: block; float: left; margin: 0 0 0 6px;}
  .rating-links {color: #1d9f28; display: block; font-size: 0.9rem; margin: 3px 0 0; width: 350px; position: relative; float: right; left: -125px; top: -27px;}
  .reviews .review-list.most-helpful {list-style-type: none; padding: 0px;}
  .reviews .review-list.most-helpful li h6 {font-size: 14px; margin-bottom: 0px;}
  .reviews .review-list.most-helpful li .review-text.review-2 {display: inline; font-size: 13px;}
  .reviews .review-list.most-helpful li .author {font-size: 11px;}
  
  /** Cart Page **/
  .request-items .request-item.head p.quotrequest {font-size:14px; color: #575757}
  
  .shipping-method h5 {font-weight:400; font-size:18px; color:#7C7C7C; line-height:24px; margin:0px;}
  .shipping-method h5 strong {color:#000000;}
  .shipping-method p {font-weight:400; font-size:14px; line-height:30px; color:#737373;}
  .orderdetails {}
  .orderdetails.request-items .item-inner .product-details {width: calc(100% - 285px);}
  .orderdetails .product-price {width:160px; font-size:18px; font-weight:500; line-height:24px; color:#000;}
  .orderdetails .product-price .linethroughtext {font-size:14px; font-weight:normal; color:#868686; text-decoration: line-through;}
  .block.shipping {display: none;}
  .cart-totals .table-wrapper .data.table.totals th {background:transparent; font-size:15px; line-height:18px; color:#282828}
  .cart-totals .table-wrapper .data.table.totals td.amount {font-size:15px; line-height:18px; color:#282828;}
  .cart-totals .table-wrapper .data.table.totals .grand.totals th, .cart-totals .table-wrapper .data.table.totals .grand.totals td {font-weight:bold; font-size:16px; line-height:30px; color:#000000;}
  .request-items .item-inner .shipping-method {width:100%;}
  
  /** Review Ratting  **/
  
  .ratings-detail {}
  .ratings-detail h3 {font-size: 16px; font-weight: bold;}
  .ratings-detail .rating-avg {float: left; font-size: 2rem; margin: 0 0 12px; color: #555555;}
  .ratings-detail .ratings {display: block; float: left; margin: 0 0 0 6px;}
  .rating-links {color: #1d9f28; display: block; font-size: 0.9rem; margin: 3px 0 0; width: 350px; position: relative; float: right; left: -125px; top: -27px;}
  .reviews .review-list.most-helpful {list-style-type: none; padding: 0px;}
  .reviews .review-list.most-helpful li h6 {font-size: 14px; margin-bottom: 0px;}
  .reviews .review-list.most-helpful li .review-text.review-2 {display: inline; font-size: 13px;}
  .reviews .review-list.most-helpful li .author {font-size: 11px;}
  
  /** My account */
  
  .myaccountprof {padding:1.25rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
  .myaccountprof .imageplaceholder {width:90px; height:90px; overflow: hidden; border-radius:50%;}
  .myaccountprof .imageplaceholder img {max-height: 100%; max-width: unset;}
  .myaccountprof h5 {font-weight:700; font-size:15px; line-height:18px; color: #000000; padding:0 0 8px; margin:0px}
  .myaccountprof a {font-size:14px; line-height:18px; color:#6A6A6A; text-decoration:none;}




.shipping-method h5 {font-weight:400; font-size:18px; color:#7C7C7C; line-height:24px; margin:20px; width:100%;}
.shipping-method h5 strong {color:#000000;}
.shipping-method p {font-weight:400; font-size:14px; line-height:30px; color:#737373; margin:0px;}
.cart-summary {padding:0px !important; border:0px !important; background:transparent !important;}
.cart-summary-custom {border: 1px solid #B2B2B2; background: #FFF; border-radius: 3px;padding: 0px;}
.cart-summary-custom .request-item.head {border-bottom:1px solid #B2B2B2; padding:0px 20px; display: flex; align-items: center; justify-content:space-between; height:60px;}
.cart-summary-custom .request-item.head h4 {margin-bottom: 0px; margin-top:0px; font-size:18px; font-weight:500; line-height: 24px; color:#000000;}
.checkout-index-index .cart-summary-custom {border: none;}
/* .orderdetails {} */
.orderdetails.request-items .item-inner .product-details {width: calc(100% - 285px);}
.orderdetails .product-price {width:160px; font-size:18px; font-weight:500; line-height:24px; color:#000;}
.orderdetails .product-price .linethroughtext {font-size:14px; font-weight:normal; color:#868686; text-decoration: line-through;}
.block.shipping {display: none;}
.cart-totals .table-wrapper .data.table.totals th {background:transparent; font-size:15px; line-height:18px; color:#282828}
.cart-totals .table-wrapper .data.table.totals td.amount {font-size:15px; line-height:18px; color:#282828;}
.cart-totals .table-wrapper .data.table.totals .grand.totals th, .cart-totals .table-wrapper .data.table.totals .grand.totals td {font-weight:bold; font-size:16px; line-height:30px; color:#000000;}
.cart-totals .table-wrapper {padding:0 15px;}

.questrequstform {border:1px solid #B2B2B2; background:#FFF;	 border-radius:3px; margin-top: 30px;}
.questrequstform .quotereqesthead {border-bottom:1px solid #B2B2B2; padding:0px 20px; display: flex; align-items: center; justify-content:space-between; height:60px;}
.questrequstform .quotereqesthead h4 {margin-bottom: 0px; margin-top:0px; padding:0; font-size:18px; font-weight:500; line-height: 24px; color:#000000;}
.questrequstform .quoterequestbody {padding:20px;}
.questrequstform .fieldset.create.info .field {border: 1px solid #CCCCCC; border-radius: 5px; font-weight: 400; font-size: 14px; line-height: 25px; color: #737373; padding:5px 10px;  margin-bottom:24px;  position: relative;}
.questrequstform .fieldset.create.info input, .questrequstform .fieldset.create.info select {border: 0px; padding: 0px; height: 28px; box-shadow: 0px 0px 0px;}
.questrequstform .fieldset.create.info textarea {border: 0px; padding: 0px; height:60px; box-shadow: 0px 0px 0px;}
.questrequstform + .action {display: flex; align-items: center; justify-content: flex-end; padding:20px 0 0;}
.questrequstform + .action button {margin-left:10px;  box-shadow: 0 0 0; max-height: 44px; line-height: 44px;}

.customer-menu .header.links {background:#FFF; border-radius:3px; box-shadow:0 3px 6px rgba(0,0,0,0.29); padding: 8px;}
.customer-menu .header.links .link.account {font-size: 12px; color: #282828;}
.customer-menu .header.links .dropdown-head {border-bottom:1px solid #737373; display: flex; align-items: center;}
.customer-menu .header.links .account-img {width: 38px; height: 38px; border-radius: 50%; overflow: hidden;}
.customer-menu .header.links .account-img img {max-width: 100%;}
.customer-menu .header.links .details p {font-weight:bold;font-size:14px; color:#282828; line-height:16px;margin:0px}
.customer-menu .header.links .details p + p {font-size: 10px; color:#737373; line-height:12px;margin:0px}

/* my acount html */
#block-collapsible-nav {background:#FFFFFF; border:1px solid #CCCCCC; padding:0px;}
#block-collapsible-nav .userimagplac {height:202px; display: flex; align-items: center; justify-content: center; padding:10px;}
#block-collapsible-nav .userimagplac .imageplachold {width:90px; height:90px; border-radius:50%; margin-bottom: 20px; overflow: hidden;}
#block-collapsible-nav .userimagplac .imageplachold img {max-width: 100%;}
#block-collapsible-nav .userimagplac .userbnameplac {display: flex; flex-direction: column; justify-content: center;}
#block-collapsible-nav .userimagplac .userbnameplac h6 {font-weight:700; font-size: 15px; color:#000000; line-height:18px; margin-bottom:0px;}
#block-collapsible-nav .userimagplac .userbnameplac a {font-size: 14px; color:#6A6A6A; line-height:18px;}
#block-collapsible-nav .nav.items {flex-direction: column;}
#block-collapsible-nav .nav.items .nav.item a, #block-collapsible-nav .nav.items .nav.item strong {display: block; padding:0 30px 0 50px; line-height:40px; font-size: 14px; font-weight:400; letter-spacing:-0.28px; color: #282828; width:100%;}
#block-collapsible-nav .nav.items .nav.item a strong {font-weight: bold; padding:0px;}
.questrequstform .userimagulod {height:auto; display: flex; align-items: center; justify-content:flex-start; padding:10px;}
.questrequstform .userimagulod .imagepostion {position: relative; width:90px; margin-bottom: 20px;}
.questrequstform .userimagulod .imageplachold {width:90px; height:90px; border-radius:50%; overflow: hidden;}
.questrequstform .userimagulod .imageplachold img {max-width:unset; max-height: 100%;}
.questrequstform .userimagulod .imagepostion .cameralinks {width:20px; height: 20px; border-radius:50%; border:1px solid #FFFFFF; background:#A91C28; display: flex; align-items: center; justify-content: center; position:absolute; bottom:6px; right:0px;}
.questrequstform .userimagulod .imagepostion .cameralinks i {font-size:10px; color:#FFF;}
.changpasword {border-left:1px solid #CCCCCC;}
.changpasword .changepasshead {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px;}
.changpasword .changepasshead h5 {font-size: 18px; font-weight:500;line-height: 22px; color:#201E1E; margin-bottom:0px; margin-top: 0px;}
.changpasword .changepasshead .editlinkwid {width:40px; height: 40px; border-radius:50%;  display: flex; align-items: center; justify-content: center; background:#A91C28;}
.changpasword .changepasshead .editlinkwid i {font-size:14px; color:#FFF;}
.changpasword button {max-height:40px; line-height: 40px; box-shadow:0 0 0;}
.account .content.block-collapsible-nav-content .nav.items .nav.item  {position: relative;}
.account .content.block-collapsible-nav-content .nav.items .nav.item:first-child:before, .account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(2):before, .account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(3):before, .account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(4):before, .account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(5):before, .account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(6):before,.account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(7):before,.account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(8):before {font-family: 'surplustrader'; font-size:14px; position: absolute; left:20px; top:9px; bottom:0px; line-height:20px; color:#A91C28}
.account .content.block-collapsible-nav-content .nav.items .nav.item:first-child:before {content: "\e90a"; }
.account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(2):before {content: "\e907"; }
.account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(3):before {content: "\e927";}
.account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(4):before {content: "\e900";}
.account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(5):before {content: "\e91e";}
.account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(6):before {content: "\e928";}
.account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(7):before {content: "\e905";}
.account .content.block-collapsible-nav-content .nav.items .nav.item:nth-child(8):before {content: "\e908";}

.quote-request-success .modal-header {border-bottom:0px;}
.quote-request-success .modal-content {border:0px;}
#quote-request-success .success-icon {position: relative; padding-top: 70px;}
#quote-request-success .success-icon:before {content: "\e923"; font-size: 59px; position: absolute; top: 0px; left: 0px; right: 0px; color: #2CB978; font-family: 'surplustrader'; text-align: center; line-height: 60px;}
#quote-request-success .success-icon p {font-size: 24px; font-weight:700; line-height: 28px; color: #333333; text-align: center;}
#quote-request-success p {text-align: center;font-size:20px; line-height:30px; color:#707070;}

.myaddrssbookbut {display: flex;}
.myaddrssbookbut button {line-height:38px; padding:0 0px; box-shadow:0 0 0 !important; margin-right:16px; width:84px;}
.addressbox {border:1px solid #CCCCCC; background:#FFF; padding:20px; position: relative;}
.addressbox h5 {font-size:18px; color:#000000; line-height:24px; margin:0px; padding:0 0 18px;}
.addressbox .titleaddressbox {font-weight:400; font-size:16px; color:#201E1E; line-height:30px; padding:0px; margin: 0px;}
.addressbox .addresbox {font-weight:400; font-size:14px; color:#6A6A6A; line-height:30px; padding:0px; margin: 0px;}
.addressbox .buttondelpos {position: absolute; right:20px; top:20px; display: flex; }
.addressbox .buttondelpos ul {list-style-type: none; padding:0px; margin:0px; display: flex;}
.addressbox .buttondelpos ul li {padding:0 10px;}
.addressbox .buttondelpos ul li a {display: block; width:40px; height:40px; border:1px solid #A91C28; background:#FFF; border-radius:50%; text-align:center; line-height:40px; color:#A91C28; transition:0.3s all;}
.addressbox .buttondelpos ul li a:hover {background:#A91C28; color:#FFF; text-decoration: none;}

/* category csss */
.categorytablbox {border: 1px solid #BABABA; border-bottom: 0px; border-right:0px; background: #FFF; border-collapse: collapse;}
.categorytablbox ul {list-style-type: none; padding:0px; margin:0px; display: flex; flex-wrap: wrap;}
.categorytablbox ul li {width: calc(100% / 9); margin-bottom: 0px;}
.categorytablbox ul li a {border-bottom:1px solid #BABABA; border-right:1px solid #BABABA; font-size:14px; line-height:40px; text-align: center; color:#737373; text-decoration: none; display: block;}
.categorytablbox ul li.active a {background:rgba(255,200,200,.26); border:1px solid #A91C28; color:#A91C28;}
/* .listofcategories {} */
.listofcategories ul {list-style-type: none; padding:0px; margin:0px; display: flex; flex-wrap: wrap;}
.listofcategories ul li {width:calc(100% / 4);}
.listofcategories ul li a {font-size:20px; font-weight:400; color:#737373; text-decoration: none; line-height:24px;}

.category-audio-and-video .category-view .category-description  {font-weight:400; font-size:18px; line-height:28px; color:#737373;}
.category-audio-and-video .category-cms {display: flex; align-items: center; justify-content: space-between;}
.experts-widget {display: flex; align-items: center; justify-content: center; width: 100%;}
.experts-widget-title {background: #0078BD; color: #fff; width: 100%; font-size: 24px; line-height: 26px; font-weight: 900; padding: 28px 10px 28px 10px;}
.experts-widget-profile {padding: 15px 15px 15px 0;line-height: 22px;margin-left: 0;}
.experts-widget-gettoknowlabel {font-size: 16px;}
.experts-widget-category-experts {font-weight: 700; font-size: 16px; line-height: 18px;}
.expert-imgs-links {display: table; width: 268px;/* margin: 0 auto;*/ margin-right: auto;}
.experts-widget-headshots {display: inline-block; padding: 6px 0;}
.experts-widget-img-circle {height: 60px; width: 60px; display: inline-block; overflow: hidden; border-radius: 50%;}
.experts-widget-img-circle img {max-width: 100%;}
.experts-widget-contact {float: right; line-height: 45px; height: 75px; text-align: right; padding: 15px 5px 5px 5px;}
.expert-widget-title-wrapper, .expert-widgets-contact-wrapper {display: inline-block; vertical-align: top;}
.contact-expert-title, .contact-expert-title-short {font-weight: 700; font-size: 16px; display: inline-block; vertical-align: middle;}
.contact-expert-callback, .contact-expert-email, .contact-expert-livechat, .contact-expert-telephone {display: inline-block; vertical-align: middle; font-weight: 600; text-decoration: none; color: #1a5888; font-size: 14px;}
.experts-list-svg {display: none; height: 22px; fill: #1a5888; width: 22px; vertical-align: middle; margin-right: 5px;}
.contact-expert-callback:after, .contact-expert-livechat:after, .contact-expert-telephone:after {content: '|'; padding-left: 3px;}
.contact-expert-callback, .contact-expert-email, .contact-expert-livechat, .contact-expert-telephone {margin-left: 8px;}

/* reviews rating */
/* .ratings-detail {} */
.ratings-detail h3 {font-size: 16px; font-weight: bold;}
.ratings-detail .rating-avg {float: left; font-size: 2rem; margin: 0 0 12px; color: #555555;}
.ratings-detail .ratings {display: block; float: left; margin: 0 0 0 6px;}
.rating-links {color: #1d9f28; display: block; font-size: 0.9rem; margin: 3px 0 0; width: 350px; position: relative; float: right; left: -125px; top: -27px;}
.reviews .review-list.most-helpful {list-style-type: none; padding: 0px;}
.reviews .review-list.most-helpful li h6 {font-size: 14px; margin-bottom: 0px;}
.reviews .review-list.most-helpful li .review-text.review-2 {display: inline; font-size: 13px;}
.reviews .review-list.most-helpful li .author {font-size: 11px;}

.myaccountprof {padding:1.25rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.myaccountprof .imageplaceholder {width:90px; height:90px; overflow: hidden; border-radius:50%;}
.myaccountprof .imageplaceholder img {max-height: 100%; max-width: unset;}
.myaccountprof h5 {font-weight:700; font-size:15px; line-height:18px; color: #000000; padding:0 0 8px; margin:0px}
.myaccountprof a {font-size:14px; line-height:18px; color:#6A6A6A; text-decoration:none;}


.paymentsuccess {font-weight:700; font-size:1.5rem; line-height:1.875rem; color:#A91C28; padding-bottom:15px;}
.paymentcolumndiv {border-top:1px solid #B9B9B9; border-bottom:1px solid #B9B9B9; display: flex;}
.paymentcolumndiv .columndiv {width: calc(100% / 3); padding:10px; border-right:1px solid #B9B9B9;}
.paymentcolumndiv .columndiv h5 {font-weight:500; font-size:18px; line-height:24px; color:#000; padding:0px; margin:0 0 4px;}
.paymentcolumndiv .columndiv p {font-weight:400; font-size:14px; color:#737373; line-height:22px; padding:0px; margin:0px;}
.paymentcolumndiv .columndiv p + h5 {margin-top:15px;}
.paymentcolumndiv .columndiv:last-child {border-right:0px;}


/** Checkout Summary Css **/

.checkout-summary {background-color: #FFF; border: 1px solid #B2B2B2; border-radius: 3px;}
.checkout-summary .opc-block-summary {background-color: #FFF; padding:0px;}
.checkout-summary .summary-head.head {border-bottom: 1px solid #B2B2B2; padding: 0px 20px; display: flex; align-items: center; justify-content: space-between; height: 60px;}
.checkout-summary .summary-head.head h4 {margin-bottom: 0px; margin-top: 0px; font-size: 18px; font-weight: 500; line-height: 24px; color: #000000;}
.checkout-summary .summarybody {padding:10px 20px;}
.checkout-summary .summarybody .data.table.table-totals {border-top:0px;}
.checkout-summary .summarybody .data.table.table-totals .totals th {background:transparent; font-size:15px; line-height:18px; color:#282828;}
.checkout-summary .summarybody .data.table.table-totals .totals td.amount {background:transparent; font-size:15px; line-height:18px; color:#282828;}
.checkout.methods.items .item button {width:100%;}
/** Checkout Summary End **/
/* .errormessage, div.mage-error, p.mage-error {position: absolute; bottom: -21px; left: 15px; margin: 0px; color: #e02b27;} */

.dropdownbox {position: absolute; top: 0px; left: 0px; min-width:200px; padding:10px; border-bottom: 1px solid #c7c7c7; border-radius:3px; box-shadow: 0px 3px 6px rgba(0,0,0,0.2); background:#FFF; z-index: 10;}
.dropdownbox .dropdownhead {border-bottom: 1px solid #c7c7c7; display: flex; align-items: center; padding:10px 0;}
.dropdownbox .dropdownhead .account-img {width: 38px; height: 38px; border-radius: 50%; overflow: hidden;margin-right:10px}
.dropdownbox .dropdownhead .account-img img {max-width: 100%;}
.dropdownbox .dropdownhead .details p {font-weight:bold;font-size:14px; color:#282828; line-height:16px; margin:0px;}
.dropdownbox .dropdownhead .details p + p {font-size: 10px; color:#737373; line-height:12px;}
.dropdownbox .dropbodylft {margin:0px; padding:0 10px; list-style-type: none; width:100%; border:0px; position: static !important; box-shadow: 0px 0px 0px !important}.dropdownbox .dropbodylft li a {display: block; font-weight:400; font-size:12px; color:#282828; text-decoration:none; line-height: 22px;}
.dropdownbox .dropbodylft:before, .dropdownbox .dropbodylft:after {display: none !important;}

/* order table */
.order-details-items.ordered {background: #FFF; padding: 0px;}
.table-wrapper.order-items .data.table.table-order-items tr td, .table-wrapper.order-items .data.table.table-order-items tr td strong, .table-wrapper.order-items .data.table.table-order-items tr td .price-excluding-tax {font-size:18px;}
.table-wrapper.order-items .data.table.table-order-items tfoot {background:#FFF;}
.table-wrapper.order-items .data.table.table-order-items tfoot th {background:#FFF;}
.table-wrapper.order-items .data.table.table-order-items tfoot th, .table-wrapper.order-items .data.table.table-order-items tfoot td {background:#FFF;}
.questrequstform .quotereqesthead .box.box-order-shipping-address {width:50%; min-height:150px;}
.fieldset .field div.mage-error {position: absolute; font-size: 12px; bottom: -24px; color: #e02b27; left: 0px;}
.new-address-ifream {width:100%;}
.opc-block-summary.cart-summary {width:100%;}
.opc-block-summary.cart-summary .cart-totals {padding-top:0px; border-top:0px;}
.newaddressform .form.form-shipping-address {max-width: unset !important;}
.newaddressform .fieldset.create.info {display: flex; flex-wrap: wrap; margin:0 -10px;}
.newaddressform .fieldset.create.info .field .label {display: none;}
.newaddressform .fieldset.create.info .field.choice .label{display:inline-block}
.newaddressform .fieldset.create.info .field .field-error {position: absolute; bottom:-23px; font-size:12px;}
.newaddressform .fieldset.create.info .field {flex: 0 0 50%;max-width: 47%;margin: 0 10px 15px;}
.table-checkout-shipping-method{width: 100% !important; max-width: 100% !important;}
.table-checkout-shipping-method .col.col-method {padding-left:15px}
.payment-method-content .action.primary.checkout {border-radius: 5px; background:#A91C28; font-size:16px !important; line-height:50px !important; font-weight:500 !important; padding:0 25px !important; color: #fff; box-shadow: 0px 3px 6px rgba(0,0,0,0.29); text-decoration: none; transition: 0.3s all;width:auto !important}
.payment-method-content .action.primary.checkout:hover {background: rgba(134,17,27,0.9); color:#FFF; text-decoration: none;}

.billing-address-form {width: 100% !important; max-width: 100% !important;}
.billing-address-form .fieldset.address {flex-wrap: wrap;/*display:flex;*/margin:0 -10px}
.billing-address-form .fieldset.address .field {flex:0 0 50%; /*max-width: 47%;*/ margin:0 10px 15px;}
.billing-address-form .fieldset.address .field .label {display: none;}
.custom-slider .content-heading{margin-top:30px}
.opc-block-shipping-information .shipping-information{display:none !important}
/* step css */
.progressbar {counter-reset: step; position: relative; z-index: 1;  }
.progressbar li {list-style-type: none;  width: 23%; float: left; font-size: 12px; position: relative; text-align: center; text-transform: uppercase; color: #737373; font-weight: 500;}
.progressbar li:before {width: 30px; height: 30px; content: counter(step); counter-increment: step; line-height: 30px; border: 2px solid #E0E0E0; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 50%; background-color: #F0F0F0;}
.progressbar li:after {width: 100%; height: 6px; content: ''; position: absolute; background-color: #E0E0E0; top: 15px; left: -50%; z-index: -1;}
.progressbar li:first-child:after {content: none;}
.progressbar li.active {color: #282828;}
.progressbar li.active:before { border-color: #2CB978; background: #2CB978; color: #FFF;}
.progressbar li.active + li:after {background-color: #2CB978;}
.field.search {padding: 0 20px;}
.checkout-progress {height:140px;padding:40px 0px 0px;}
.checkout-cart-index .cart-summary {margin-top:140px}
.checkout-index-index .modal-content{margin-top: -80px;}
#checkoutSteps > .questrequstform:first-child {margin-top: 0px !important}
.newaddressform .fieldset.create.info .field .control .field {max-width: unset; margin: 0px; border: 0px; padding: 0px;}
.questrequstform .fieldset.create.info input[type=checkbox] {top:8px;}
.box.box-order-shipping-address .box-title span, .box.box-order-shipping-method .box-title span, .box.box-order-billing-address .box-title span, .box.box-order-billing-method .box-title span {font-size:1.25rem !important;}
.message.success {margin: 15px 0 10px;padding: 5px 20px 12px 25px;}
.message.success > *:first-child:before {
	display:none !important;
}
.message.info>*:first-child:before {margin: -5px 0 0;} 
/*#quotation-fields #billing, #quotation-fields #co-select-form {display:none !important}*/
.quote-request .authentication-wrapper{display:none}
#shipping{display:block;}
.checkout-index-index .shipping-address-item.not-selected-item, .checkout-index-index .edit-address-link,.checkout-index-index #shipping .questrequstform:nth-child(2){
  display: none;
}
.checkout-index-index .billing-address-same-as-shipping-block, .checkout-billing-address .action-edit-address{
  display:none;
}
#customAddress{
  padding:20px;
}
.quotation-quote-index #shipping .step-title:after{
  display:none !important;
}
.checkout-index-index .opc-wrapper .shipping-address-item.selected-item{
  display:none !important;
}
.checkout-index-index .table-checkout-shipping-method .row > :nth-of-type(1){
  display:none;
}
.quotation-quote-index .field.street legend {font-size:16px}
.quotation-quote-index #billing .title strong {font-size: 1.125rem !important;}
.messages > div > div{
  margin-left:13px !important;
}
.payment-group label{
  color:#000 !important;
}
.quotation-quote-index #billing{
  display:block !important;
}
@media only screen and (min-width: 2560px) {
.catalog-product-view .intro{
  display: inline-block !important;
}
}


/*Product Details Page New Changes - 01.12.2022 - */

@media only screen and (min-width: 768px){
	.product-detail-right{ float: right; width: 48%; }
	.product-detail-right .product-info-main {width: 100% !important;}
	.product-detail-right .rating-links{ margin-top: 45px; margin: 20px 0 !important; padding: 0;left: inherit !important; top: inherit !important; position: inherit !important; float: left;}
	.product-detail-left{ float: left; width: 48%; }
	.page-layout-1column .product-detail-left .media{ width: 100% !important; }
	.product-detail-left .sales-rep{ width: 100%; clear: both; padding: 30px 0; }
}
.value_surplus {
  padding: 30px 0;
  background-color: #ffffff;
}

.value_surplus .container-fluid {
  display: block;
  padding: 0 15px;
}
.imgbox {
  overflow: hidden;
}
.textcontent {
  margin-bottom: 30px;    
}
.textcontent h2 {
  font-size: 32px;
  line-height: 1;
  letter-spacing: 0px;
  color: #0F1726;
  opacity: 1;
  margin-bottom: 25px;

}
.textcontent p {
 line-height: 1.5;
  font-size: 16px;
  letter-spacing: 0px;
  color: #0F1726;
  opacity: 1;
  margin-bottom: 25px;
}
.paylogo ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  margin-bottom: 0px;
}
.paylogo {
  background-color: #ffffff;
}
.paylogo ul li {
  display: flex;
  padding: 15px 15px;
  justify-content: center;
  position: relative;
  margin-bottom: 0px;
}
.paylogo ul li figure {
  margin: 0;
}
.paylogo ul li img {
  max-width: 100%;
  height: auto;
}
.paylogo ul li:nth-child(4) {
  padding-left: 35px;
}
.paylogo ul li:nth-child(4)::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 67px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #C9C9C9;

}
.footer.content {
  max-width: 100% !important;
  border-top: 0px !important;
  padding: 0px;
  background-color:#fff!important;
}
.footerlinkarea ul li {
  margin-bottom: 0px;
  padding-bottom: 0px;

}
.footerlinkarea ul li a{
  padding: 6px 0px;
  display: block;
}
.footer-bottom-sec{
  background-color: #818181;
  padding: 8px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-bottom-sec p {
  color: #ffffff;
  margin-bottom: 0px;
  font-size: 12px;
  
}

@media screen and (min-width:992px) {
  .value_surplus {
      padding: 50px 0;
  }
  .value_surplus .container-fluid {
      padding: 0 25px;
      flex-direction: row;
      display: flex;
      max-width: 1480px;
      margin: 0 auto;
  }
  .w-50 {
      width: 50%;
  }
  .textcontent {
      padding-right: 80px;
      margin-bottom: 0;
  }
  .textcontent h2 {
      max-width: 550px;
      font-size: 45px;
  }
  
}
.floatlayout {
  padding:20px 20px;
  clear:both;
  position:relative;
  display:table;
  }
  .floatlayout figure{
  float:right;
  width:100%;
  max-width:450px;
  margin-left:20px;
  margin-bottom:20px;
  }
  .floatlayout figure img{
  width:100%;
  max-width:100%;
  }
  .floatlayout p{
  color:#777;
  line-height: 1.75;
  font-size: 1.125rem;
  }
  @media screen and(max-width:767px) {
  .floatlayout {
  padding:20px 0px;
  }
  .floatlayout figure{
  float:none;
  width:100%;
  max-width:450px;
  margin-left:auto;
  margin-right:auto;
  }
  .quotereqesthead h3{
  font-size:1.25rem;
  }
  }
  .opc-wrapper .shipping-address-item {
    padding: 20px 20px!important;
  }
  .redlink{
    width: 100%!important;
    line-height: 40px!important;
  }
  .category-description>div {
    max-width: 100%!important;

  }
  button.live-chat{
    background: transparent;
    border: 0px;
    padding: 0px;
    color: #A91C28;
    text-decoration: none !important;
}
.left-experts{
  width: 380px;
  padding-right: 2%;
}
.right-experts{
  width: calc(100% - 380px) !important;
  padding-left: 2%;
  display: flex;
  align-items: center;
}
.btn-remove.action.delete:before
{
  display:none !important;
}
.btn-remove.action.delete{
  background:url("https://www.surplustraders.net/media/images/delete.png") no-repeat center;
  background-size:contain;
  width: 25px;
  height:25px;
  }
  .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close {
    background: url("https://www.surplustraders.net/media/images/circle.png") no-repeat center;
    background-size: contain;
    width: 25px;
    height: 25px;
    font-size: 0;
  }

  .action.sorter-action.sort-desc {
    background:url("https://www.surplustraders.net/media/images/down-arrow.png") no-repeat center;
    background-size: contain;
    height: 26px;
    width: 31px;
    font-size: 0;
    margin: -9px;
  }
  
  .action.sorter-action.sort-desc:before {
    display:none !important;
  }
  .field-tooltip-action.action-help {
    background: url("https://www.surplustraders.net/media/images/information.png") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    font-size: 0;

  }
  .field-tooltip-action.action-help:before {
    display:none !important;
  }

  .form.form-shipping-address {
    max-width: none !important;
}
.abs-field-tooltip input, .field .control._with-tooltip input {
  margin-right: 10px;
  width: 100% !important;
}
.field-tooltip {
  cursor: pointer;
  position: absolute;
  right: 5px !important;
  top: 6px !important;
}
.block-margin.block.row {
  display: inline-flex!important;
}

.catalog-product-view .column.main .products-grid.products-related .product-item .product-item-info .product-item-details .field.choice.related {
  display: contents!important;
}