/*custom fonts*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: Amarillo;
    src: url(../fonts/Amarillo.otf);
}

.page-print .sections{
	display:none !important;
}


/*header*/
header {
    background-color: #2C70B1;
    padding-bottom: 25px !important;
    margin: 0 !important;
    border-bottom: 1px solid #cccccc !important;
    margin-bottom: 40px !important;
}

.checkout-index-index header {
    padding-bottom: 10px !important;
}

header .panel {
    margin-bottom: 0px !important;
    box-shadow: none !important;
}

header .panel.header {
    background: transparent !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

header .header.content {
    padding: 22px 0px 3px 0px !important;
}

.customer-welcome svg {
    display: none;
}

.page-header .logo {
    width: 223px;
    height: 24px;
    font-family: Amarillo;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: relative;
    top: 7px;
    text-decoration: none;
}

.page-header .sample-text {
    font-style: normal;
    font-weight: bold;
    font-size: 12px !important;
    line-height: 14px !important;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    position: relative;
    top: 5px;
    padding-right: 9px;
    height: 15px;
    border-right: 1px solid #e8e8e8;
}

.minicart-wrapper .action.showcart .counter.qty {
    background: #8DC63F;
    position: absolute;
    top: -23px;
    right: -8px;
    font-size: 14px;
    width: auto;
    padding: 0px 8px;
    border-radius: 4px;
}

.minicart-wrapper .action.showcart .counter-number {
    text-shadow: none;
}

.minicart-items .product-item-name a {
    color: #333333;
}

.minicart-items .product-item-name a:hover {
    text-decoration: none;
}

.page-header .greet {
    font-style: normal;
    font-weight: bold;
    font-size: 12px !important;
    line-height: 14px !important;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    position: relative;
    top: 5px;
    padding-left: 9px;
    height: 15px;
    border-left: 1px solid #e8e8e8;
}

.product.attribute .value{
    width: 65%;
    float: left;
    margin-top: -100px;
}

.product.attribute .value h3{
    font-weight: 700;
}

/* .product.attribute .value p{
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 80px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
} */

.page-header .phone-number a {
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #8DC63F !important;
    text-decoration: none;
}

.page-header .free-sample{
    border-right: 1px solid #e8e8e8;
    padding-right: 10px;
    height: 18px;
    font-style: normal;
    font-weight: bold;
    font-size: 12px !important;
    line-height: 14px !important;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    position: relative;
    top: 4px;
}

.page-header .free-sample a{
    color: #fff !important;
    text-decoration: none;
    top: 2px;
    position: relative;
}

.page-header .phone-number a:hover {
    text-decoration: none;
}

.page-header .logo:hover {
    text-decoration: none;
}

.page-header .panel.wrapper {
    background-color: #2C70B1 !important;
    border-bottom: 1px solid transparent !important;
}

.page-header .header.panel {
    border-bottom: 1px solid #e8e8e8;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.signin-wrap {
    float: right;
}

.signin-wrap li {
    display: inline-block;
    list-style: none;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    background: #8DC63F;
    border-radius: 6px;
    padding: 3px 10px 8px 10px;
    margin: 0px 5px;
}

.product-info-main .calculator-main-box .cal-detail-box .product-add-form p{
    font-size: 12px;
}

.signin-wrap li.authorization-link {
    background: #6D95E2 !important;
}

.signin-wrap li svg {
    position: relative;
    top: 4px;
    left: -1px;
}

.signin-wrap li a {
    color: #fff;
    text-decoration: none;
}

.signin-wrap li a:hover {
    text-decoration: none;
}

.minicart-wrapper .action.showcart:before {
    content: '';
}

.minicart-wrapper .action.showcart {
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}

.minicart-wrapper .action.showcart svg {
    position: relative;
    top: 5px;
}

.minicart-wrapper .action.showcart.active:before {
    content: '' !important;
}

/*body*/
.product-info-main .page-title {
    display: none;
}

.product-info-main .product-social-links {
    display: none;
}

.breadcrumbs {
    display: none;
}

.page-layout-1column .product-info-main {
    background: #FEFEFE;
    border: 1px solid #AFAFAF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}

.page-layout-1column .product-info-main .home-login-from-detail {
    padding: 25px 30px;
}

.product-info-main .block-customer-login {
    border-bottom: 1px solid #000000;
    padding-bottom: 40px;
    margin-bottom: 30px !important;
}

.product-info-main .block-customer-login .block-title strong {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #8DC63F;
    width: 88%;
    text-align: center;
    margin: auto;
}

.product-info-main .block-customer-login .field.note {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 40px;
}

.product-info-main .block-customer-login .control {
    position: relative;
}

.product-info-main .block-customer-login input {
    background: #FFFFFF;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 6px;
    margin-bottom: 15px;
}

.checkout-payment-method .ccard .cvv .label{
    text-align: left !important;
    display: inline !important;
}

.product-info-main .block-customer-login svg {
    position: absolute;
    top: 6px;
    z-index: 999;
    right: 9px;
}

.product-info-main .block-customer-login label {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal !important;
    font-size: 18px;
    line-height: 21px;
    display: flex !important;
    align-items: center;
    text-align: center;
    color: #000000;
    padding: 0px !important;
}

.product-info-main .block-customer-login div.mage-error[generated] {
    margin-top: -6px;
}

.product-info-main .block-customer-login .actions-toolbar .secondary {
    float: left;
}

.product-info-main .block-customer-login .actions-toolbar .secondary a {
    margin-top: 16px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #76C50A;
}

.product-info-main .block-customer-login .actions-toolbar .primary {
    float: right;
}

.product-info-main .block-customer-login .actions-toolbar .primary button {
    margin: 0px;
    background: linear-gradient(180deg, #76C50A 0%, rgba(255, 255, 255, 0) 100%), #8DC63F;
    border: 1px solid #6CBA02;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 12px 40px;
    background-color: #6CBA02;
}

.product-info-main .block-customer-login .actions-toolbar .primary button:hover{
    background-color: #6CBA02 !important;
    border-bottom: 1px solid #6CBA02 !important;
}

.product-info-main .home-login-footer p {
    text-align: center;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

.product-info-main .home-login-footer a {
    text-align: center;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    cursor: pointer;
}

.product-info-main .home-login-footer a:hover {
    color: #76C50A;
}

.page-main .media {
    margin-top: 0px;
}

.page-main .media .fotorama__stage__frame .fotorama__img {
    top: 40% !important;
    width: 100%;
}

.page-main .media .fotorama__nav-wrap {
    margin-top: -100px;
}

.page-main .media .fotorama__thumb-border {
    background: transparent !important;
    border-color: #76C50A;
    margin-top: 11px;
    height: 90px !important;
}

.product-info-main .calculator-title {
    top: 162px;
    background: linear-gradient(180deg, #2C70B1 0%, #0B4781 100%), #0B4781;
    border-radius: 12px 12px 0px 0px;
}

.product-info-main .calculator-title h1 {
    margin: 0px;
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 49px;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

.product-info-main .cal-text {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    align-items: center;
    text-align: center;
    color: #000000;
    margin: 20px;
}

.product-info-main .calculator-main-box {
    padding: 0px 20px;
}

.product-info-main .product-add-form {
    display: none;
}

.product-info-main .cal-detail-box .product-add-form {
    display: block !important;
}

.product-info-main .calculator-main-box .cal-detail-box .product-add-form label {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #000000;
    margin: 0;
    padding: 0;
}

.product-info-main .calculator-main-box .cal-detail-box .product-add-form .control {
    width: 100%;
}

.product-info-main .calculator-main-box .cal-detail-box .product-add-form select, .product-info-main .calculator-main-box .cal-detail-box .product-add-form input {
    padding: 0px 6px !important;
    background: #F2F2F2;
    border: 1px solid #B1B1B1;
    box-sizing: border-box;
    border-radius: 6px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    margin: 2px 0px;
    height: 42px;
    width: 100%;
}

.product-info-main .product-info-stock-sku {
    display: none;
}

.product-info-main .calculator-container .selected {
    background: rgba(141, 198, 63, 0.5);
}

.product-info-main .calculator-container table {
    margin-top: 10px;
}

.product-info-main .calculator-container table .title th {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    text-transform: uppercase;
    padding: 8px !important;
}

.product-info-main .calculator-container table tr th, .product-info-main .calculator-container table tr td {
    padding: 13px 10px !important;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.product-detail-box {
    padding: 15px 0px 0 0;
}

.product-detail-box p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    margin-bottom: 30px;
}

.product-detail-box .product-box {
    background: #FEFEFE;
    border: 1px solid #AFAFAF;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    margin-bottom: 30px;
}

.product-detail-box .product-box h1 {
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 20px;
    text-align: center;
    color: #0B4781;
}

.product-detail-box .product-box h1.trade {
    color: #8DC63F !important;
}

.product-detail-box .product-box p {
    font-size: 12px;
}

.product-detail-box .product-box a {
    background: linear-gradient(180deg, #2C70B1 0%, #0B4781 100%), #0B4781;
    border: 1px solid #6D95E2;
    box-sizing: border-box;
    border-radius: 6px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding: 10px;
    text-align: center;
    display: block;
    margin: 42px 0 20px 0px;
}

.product-detail-box .product-box a:hover {
    text-decoration: none;
}

.columns .column.main {
    padding-bottom: 10px !important;
}

a:focus, a:active, a:visited {
    outline: none !important;
    text-decoration: none;
}

.product-add-form .box-tocart {
    margin: 0 0 15px !important;
}

.product-info-main .product-info-price {
    padding: 0px 20px;
    border-bottom: 1px solid transparent !important;
}

.product-info-main .product-info-price .price-final_price {
    border-bottom: 1px solid #000 !important;
    width: 100%;
}

.product-info-price .price-wrapper h1, .product-info-price .price-wrapper .price {
    display: inline-block;
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: 900 !important;
    font-size: 24px !important;
    line-height: 33px !important;
    color: #FF0000;
    margin: 0px;
}

.product-info-price .price-wrapper .price {
    margin-left: 10px;
}

.pop-up-button .custom-next-button {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(180deg, #76C50A 0%, rgba(255, 255, 255, 0) 100%), #8DC63F !important;
    border: 1px solid #6CBA02;
    box-sizing: border-box;
    border-radius: 6px;
    width: 190px;
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
    text-decoration: none;
}

.pop-up-button .custom-next-button:hover {
    text-decoration: none;
}

/*files options*/
.upload-files-detail-option {
    padding: 50px 0px;
}

.upload-files-detail-option .main-heading {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 42px;
    color: #000000;
}

.upload-files-detail-option .upload-file-container {
    border: 1px solid #C4C4C4;
    border-radius: 15px;
}

.upload-files-detail-option .upload-file-container h1 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 42px;
    color: #FFFFFF;
    background-color: #2C70B1;
    margin: 0px;
    padding: 10px 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.file-upload-inner-details {
    padding: 20px;
}

.file-upload-inner-details label {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    color: #000000;
    margin: 15px 0px;
}

.file-upload-inner-details input, .file-upload-inner-details textarea {
    background: #F2F2F2;
    border: 1px solid #C2C2C2;
    box-sizing: border-box;
    margin-bottom: 0px;
}

.file-upload-inner-details textarea::-webkit-input-placeholder {

    /* Edge */

    color: #C4C4C4;
}

.file-upload-inner-details textarea:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #C4C4C4;
}

.file-upload-inner-details textarea::placeholder {
    color: #C4C4C4;
}

.front-side-1 {
    padding-bottom: 30px;
    border-bottom: 1px solid #C4C4C4;
}

.front-side-1 h4 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
}

.front-side-1 .file-upload-container-1 input {
    display: none !important;
}

.front-side-1 .buttons-file-upload-container-1 a {
    background: #F2F2F2;
    border: 3px solid #2C70B1;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 25px;
    border-radius: 0px !important;
    padding: 0px 15px !important;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    color: #2C70B1;
    text-transform: uppercase;
}

.front-side-1 .drag-files-1 {
    background: #F5F5F5;
    border: 2px dashed #2C70B1;
    box-sizing: border-box;
    padding: 17px 35px 40px 35px;
}

.front-side-1 .drag-files-1 a, .front-side-2 .drag-files-2 a {
    width: 100%;
    padding: 11px;
    background: #2C70B1;
    border-color: #2C70B1;
    border: 3px solid #2C70B1;
    font-weight: bold;
    font-family: 'Roboto';
    text-transform: uppercase;
    border-radius: 0px;
}

.front-side-1 .drag-files-1 p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    text-align: center;
    margin: 30px 0px;
}

.front-side-1 .drag-files-1 button {
    background: #2C70B1 !important;
    border: 3px solid #2C70B1 !important;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    width: 100%;
    padding: 15px 0px;
}

.front-side-2 {
    padding: 30px 0px;
}

.front-side-2 h4 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
}

.front-side-2 .file-upload-container-2 input {
    display: none !important;
}

.front-side-2 .buttons-file-upload-container-2 a {
    background: #F2F2F2;
    border: 3px solid #2C70B1;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 25px;
    border-radius: 0px !important;
    padding: 0px 15px !important;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    color: #2C70B1;
    text-transform: uppercase;
}

.front-side-2 .drag-files-2 {
    background: #F5F5F5;
    border: 2px dashed #2C70B1;
    box-sizing: border-box;
    padding: 17px 35px 40px 35px;
}

.front-side-2 .drag-files-2 p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    text-align: center;
    margin: 30px 0px;
}

.front-side-2 .drag-files-2 button {
    background: #2C70B1 !important;
    border: 3px solid #2C70B1 !important;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    width: 100%;
    padding: 15px 0px;
}

.front-side-2 .drag-files-2 input.drop-zone__input {
    display: none !important;
}

.proofing-options .proofing-options-top {
    border: 1px solid #C4C4C4;
    border-radius: 15px;
}

.proofing-options .proofing-options-top h1 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 42px;
    color: #FFFFFF;
    background-color: #2C70B1;
    margin: 0px;
    padding: 10px 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.proofing-options .proofing-options-top .proofing-options-top-inner {
    padding: 30px 20px 0px 20px;
}

.proofing-options .proofing-options-top .proofing-options-top-inner label, .proofing-options .proofing-options-top .proofing-options-top-inner input {
    float: left;
}

.proofing-options .proofing-options-top .proofing-options-top-inner label {
    position: relative;
    top: -14px;
    right: -14px;
    max-width: 95%;
}

.proofing-options .proofing-options-top .proofing-options-top-inner label h4 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
}

.proofing-options .proofing-options-top .proofing-options-top-inner label p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #000000;
}

.proofing-options .product-checkout {
    background: #8DC63F;
    border-radius: 6px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
    padding: 5px 40px;
    margin: 40px 0px 30px 0px;
    border: 1px solid #8DC63F;
}

.proofing-options .product-checkout:hover {
    color: #ffffff;
}

.proofing-options .proofing-options-bottom h3 {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
}

.proofing-options .proofing-options-bottom p {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: justify;
    color: #000000;
    margin-bottom: 15px;
}

/*footer*/
.page-footer {
    padding-bottom: 0px !important;
}

.page-footer .footer {
    background: #2C70B1;
    padding: 30px 0px
}

.page-footer .footer h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.page-footer .footer ul {
    padding: 0px;
}

.page-footer .footer ul li {
    list-style: none;
    margin-bottom: 5px;
}

.page-footer .footer ul li a {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}

.page-footer .copyright {
    background: #0B4781 !important;
    box-shadow: 0px 4px 4px #000000;
    padding: 13px 0px 6px 0px;
}

.page-footer .copyright address {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    text-align: right;
    margin: 12px 0 0 0 !important;
}

.page-footer .social-links {
    float: right;
}

.page-footer .social-links h3, .page-footer .social-links ul {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
}

.page-footer .social-links h3 {
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    color: #FFFFFF;
    position: relative;
    top: -12px;
    text-transform: uppercase;
}

.page-footer .social-links ul li {
    margin-top: 0rem;
    margin-bottom: 0rem;
    list-style: none;
    display: inline-block;
    margin: 0px 2px;
}

.page-footer input {
    background: #FFFFFF;
    border-radius: 6px;
}

.page-footer .btn-sub {
    background: #8DC63F;
    border-radius: 6px;
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
    float: right;
    margin-top: 15px;
    box-shadow: none !important;
    border: none;
    padding: 7px 25px;
    line-height: initial;
}

.page-footer .btn-sub:hover {
    color: #fff;
    text-decoration: none;
}

.nav-sections .navigation ul li.active a:hover {
    color: #fff !important;
}

.block-minicart dl.product.options.list dt.label {
    color: #333;
    font-size: 14px;
}

.action.primary:hover, .action-primary:hover {
    background-color: #2C70B1 !important;
    border-bottom: 1px solid #2C70B1 !important;
}

#minicart-content-wrapper .actions .secondary a.viewcart {
    background-color: #2C70B1 !important;
    border-bottom: 1px solid #2C70B1 !important;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 12px;
    font-weight: 700;
    font-family: 'Roboto';
    border-radius: 3px;
    font-size: 16p
}

#minicart-content-wrapper .actions .primary #top-cart-btn-checkout {
    display: none;
}

#minicart-content-wrapper .subtotal .price-container {
    position: relative;
}

.cart-summary {
    padding: 0px !important;
    border: 1px solid #AFAFAF;
    box-sizing: border-box;
    border-radius: 18px;
    background: transparent !important;
}

.cart-summary strong.summary {
    text-align: left;
    background: #2C70B1;
    color: #fff;
    margin: 0;
    padding: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

.page-main .cart-summary .block {
    margin-bottom: 0;
    padding: 0px 10px;
}

.cart-summary .block > .title {
    padding-left: 0;
    border-top: none;
}

.cart-totals, .opc-block-summary .table-totals {
    border-top: 1px solid #cccccc;
    padding-top: 10px;
    padding: 10px 10px;
}

.cart-summary .mark, .cart-summary mark {
    padding: .2em;
    background-color: transparent;
}

.cart-summary .checkout-methods-items {
    padding: 0 10px !important;
}

.label {
    color: #333 !important;
    font-size: 14px !important;
    font-family: 'Roboto';
}

.fieldset > .field > .label, .fieldset > .fields > .field > .label {
    font-weight: 600;
    padding: 0;
}

.cart-totals .table-wrapper .totals.shipping th span {
    padding: 0px !important;
}

input[type=checkbox], input[type=radio] {
    display: inline;
}

.cart-summary .checkout-methods-items .item {
    margin-bottom: 15px;
}

.checkout-cart-index .page-title-wrapper h1 span {
    display: none;
}

.cart-summary .checkout-methods-items {
    margin: 0px 0 0;
    padding: 0 15px;
    text-align: center;
}

.cart-heading {
    text-transform: uppercase;
    color: #333;
    font-family: Nunito;
    font-style: normal;
    font-weight: bold;
    border-bottom: 1px solid #333;
    width: auto;
    font-size: 36px;
    padding-bottom: 10px;
    margin: 0px;
}

.form-cart .table-wrapper table thead {
    display: none !important;
}

.form-cart .table-wrapper table .product-item-details .product-item-name {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.form-cart .table-wrapper table .product-item-details .product-item-name p {
    order: 2;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0 5px 0;
}

.form-cart .table-wrapper table .product-item-details .product-item-name a {
    color: #2C70B1;
    font-family: Nunito;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.cart.table-wrapper .item .col.item {
    padding: 20px 8px 0px 0 !important;
}

.cart.table-wrapper .product-item-name + .item-options {
    margin-top: 0px;
}

.form-cart .table-wrapper table .subtotal .price-excluding-tax {
    font-family: Nunito;
    font-style: normal;
    font-weight: bold;
    font-size: 28px !important;
    color: #2C70B1 !important;
}

.form-cart .table-wrapper table .price .price-excluding-tax {
    font-family: Nunito;
    font-style: normal;
    font-weight: bold;
    color: #2C70B1 !important;
}

.cart.table-wrapper .col.qty .input-text {
    height: 36px;
    margin-top: -7px;
    text-align: center;
    width: 60px;
    background: #F2F2F2;
    border: 1px solid #C2C2C2;
    box-sizing: border-box;
}

.cart.table-wrapper .col {
    padding-top: 0px;
}

.form-cart .table-wrapper table .special_instructions p {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
}

.form-cart .table-wrapper table .special_instructions textarea {
    background: #F2F2F2;
    border: 1px solid #C2C2C2;
    box-sizing: border-box;
}

.form-cart .table-wrapper table .action-towishlist{
    color: #2C70B1 !important;
    font-family: 'Nunito';
    text-decoration: none;
    font-weight: 700;
}

.form-cart .actions button {
    background: #8DC63F;
    color: #fff;
    border: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
}

.cart-summary .checkout-methods-items .action.primary.checkout{
    background: #8DC63F;
    color: #fff;
    border: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 270px;
}

.cart-summary .checkout-methods-items .action.primary.checkout: hover{
    background: #8DC63F;
    color: #fff;
}

.cart-summary .checkout-methods-items .multicheckout{
color: #2C70B1 !important;
    font-family: 'Nunito';
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}

.cart-discount #block-discount-heading{
color: #2C70B1 !important;
    font-family: 'Nunito';
    text-decoration: none;
    font-weight: 700;
}

.cart-discount #discount-coupon-form input{
    background: #F2F2F2;
    border: 1px solid #C2C2C2;
    box-sizing: border-box;
}

.cart-discount #discount-coupon-form button{
    color: #fff;
    background: #8DC63F;
    border: 0;
    margin: 0;
    position: relative;
    top: -1px;
    padding: 6.5px 6px;
    box-shadow: none;
    height: 33px;
}
.cart-discount #discount-coupon-form button:hover{
     color: #fff;
    background: #8DC63F !important;
    border: 0;
    margin: 0;
    position: relative;
    top: -1px;
    padding: 6.5px 6px;
    box-shadow: none;
    border-bottom: 1px solid #8DC63F !important;
}

.modal-popup .modal-title {
    border-bottom: 1px solid transparent;
    color: #fff;
}

.modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before {
    color: #fff;
}
.modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before{
    color: #fff;
}

.modal-content{
    border: none !important;
    box-shadow: none !important;
}

.checkout-index-index .modal-popup .fieldset .field .label {
    font-weight: 400;
    text-align: left;
    border: none;
}

.checkout-index-index #shipping-method-buttons-container button{
    color: #fff;
    background: #8DC63F !important;
    border: 1px solid #8DC63F;
    padding: 7px 20px;
}

.checkout-index-index #shipping-method-buttons-container button:hover{
    border-bottom: 1px solid #8DC63F !important;
}

.modal-popup .modal-header{
    padding-top: 2rem;
}

.opc-wrapper .shipping-address-item.selected-item {
    border-color: #8DC63F !important;
}

.opc-wrapper .shipping-address-item.selected-item:after {
    background: #8DC63F !important;
}

.opc-sidebar .modal-header{
    display: none;
}

.mark, mark{
    background: transparent !important;
}

.checkout-payment-method .payment-option-title .action-toggle {
    display: inline-block;
    color: #2C70B1 !important;
    font-family: 'Nunito';
    text-decoration: none;
    font-weight: 700;
}

.checkout-payment-method button{
    color: #fff !important;
    background: #8DC63F !important;
    border: 0 !important;
    margin: 0 !important;
    position: relative;
    top: -1px;
    padding: 6.5px 6px;
    box-shadow: none !important;
    border-bottom: 1px solid #8DC63F !important;
}

.tooltip1 {
    display: inline-block;
    border-bottom: 1px solid transparent !important;
    border: 1px solid transparent;;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    position: relative;
    left: 5px;
    top: -3px;
    cursor: pointer;
}

.tooltip1 .tooltiptext1{
    width: 500px !important;
    background-color: #fff !important;
    top: 19px;
    padding: 0px 0px !important;
    right: 0;
    color: #333 !important;
    height: 421px;
    border: 1px solid #ccc;

}

.page-main .media .fotorama__nav-wrap{
    display: none !important;
}
.fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus) {
    display: none !important;
}

.fotorama {
    pointer-events: none;
}

.product.attribute {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.whatsapp-detail{
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 0;
}

.whatsapp-detail a{
    padding: 0px !important;
}


 .header .wholesale-trade{
    margin: 0px !important;
}


.product-payment .product-add-form{
    width: 33%;
    float: right;
}


/*Media Queries*/
@media(min-width: 1350px){
    .page-main {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media (min-width:1300px) {
    .sections.nav-sections .container {
        width: 1270px !important;
    }

}


@media (min-width: 1200px){
    .product.attribute {
        width: 1170px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .product.attribute {
        width: 970px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .product.attribute {
        width: 750px;
    }
}
@media(min-width: 1200px){
    .product.attribute .value {
        width: 65%;
        float: left;
        margin-top: -180px !important;
    }
}

@media(min-width:768px) {

    .page-header .logo img{
        position: relative;
        top: -19px;
        height: 70px;
        width: 100%;
    }

    .form-cart .table-wrapper table .special_instructions {
        position: relative;
        right: -194px;
    }

    .opc-progress-bar-item._active:before {
        background: #8DC63F !important;
        border-color: #8DC63F !important;
    }

    .opc-progress-bar-item._active > span:before {
        background: #8DC63F !important;
        border-color: #8DC63F !important;
    }

    .opc-progress-bar-item._active > span:after {
        border-color: #8DC63F !important;
        content: '\e610';
        font-family: 'luma-icons';
    }

    /*header*/
    .nav-sections {
        position: absolute;
        width: 97%;
        height: 40px;
        left: 20px;
        top: 122px;
        background: #6D95E2;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 6px;
        z-index: 10;
    }

    .nav-sections .navigation .level0>.level-top {
        line-height: inherit;
    }

    .nav-sections .navigation ul {
        padding: 0px !important;
    }

    .nav-sections .navigation ul li {
        margin: 0px !important;
        padding: 10px 0px 5px 0px !important;
        width: 12%;
    }

    .nav-sections .navigation ul li:first-child a {
        border-left: 1px solid transparent !important;
    }

    .nav-sections .navigation ul li a {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        display: block !important;
        align-items: center;
        text-align: center;
        color: #FFFFFF !important;
        text-transform: uppercase;
        border-left: 1px solid #fff;
    }

    .nav-sections .navigation ul li a:hover {
        color: #8DC63F !important;
    }

    .nav-sections .navigation ul li:last-child a:hover {
        color: #fff !important;
    }

/*     .nav-sections .navigation ul li:last-child {
        background: #8DC63F;
        padding: 10px 0px 8px 0px !important;
        width: 16% !important;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .nav-sections .navigation ul li:last-child a {
        border-left: 1px solid transparent !important;
    } */

    .nav-sections .navigation ul li.active {
        background: #8DC63F;
    }

    .nav-sections .navigation ul li.active a {
        border-color: transparent !important;
        border-left: 1px solid #fff !important;
    }

    .nav-sections .navigation {
        background: transparent;
        max-width: 100% !important;
    }

    .page-layout-1column .product.media {
        width: 66.666666% !important;
        padding-right: 40px;
    }

    .page-layout-1column .product-info-main {
        width: 33.33% !important;
    }

    .minicart-wrapper .block-minicart {
        z-index: 99999;
    }
    .header .wholesale-trade{
        font-size: 18px !important;
    }

    .header.links{
        display: flex !important; 
        width: 100%;
    }

    .nav-sections .header.links{
        display: none !important;
    }

    .header.links li.b4 { 
        margin-left: auto !important;
    }

    .navigation .level0.parent > .level-top > .ui-menu-icon {
        right: 10px !important;
    }
}

@media(max-width:768px) {
    .page-header .logo {
        font-size: 15px;
        top: -4px;
        left: 9px;
    }

    .product.attribute .value {
        width: 100%;
        float: left;
        margin-top: 0px;
    }

    .minicart-wrapper .action.showcart {
        position: relative;
        top: -13px;
        right: 6px;
    }

    .nav-sections .header.links li > a{
        padding: 0.8rem 0px !important;
        border-top:  1px solid transparent;
    }

    .nav-sections .header.links li.greet.welcome {
        padding: 0.8rem 0px;
        border-top:  1px solid transparent;
    }

    .nav-toggle:before {
        color: #ffffff;
    }

    .nav-toggle:hover:before {
        color: #ffffff;
    }

    .nav-sections-item-title {
        border: solid transparent;
    }

    .nav-sections .header.links li.sample-text {
        color: #575757;
        text-decoration: none;
        display: block;
        font-weight: 700;
        padding: 0.8rem 15px;
    }

    .navigation .level0 {
        font-size: 16px;
    }

    .navigation .level0 > .level-top {
        text-transform: capitalize;
    }

    .navigation .level0 > .level-top:hover {
        color: #8DC63F;
    }

    header {
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
    }

    .page-layout-1column .product-info-main {
        margin: 30px 15px 0 15px;
    }

    .page-header .header.panel {
        border-bottom: 1px solid transparent;
    }
    .product-info-main .block-customer-login .actions-toolbar .primary button {
        padding: 10px 20px 7px 20px;
        font-size: 10px;
        position: relative;
        top: -3px;
    }

    .page-title-wrapper .page-title{
        font-size: 26px;
    }
    .tooltip1 .tooltiptext1 {
        width: 250px !important;
        right: -165px;
        font-size: 11px;
    }
    .pop-up-button .custom-next-button {
        font-size: 14px;
        line-height: 6px;
        width: 150px;
    }

    .minicart-wrapper .action.showcart .counter.qty {
        right: 0px;
        font-size: 10px;
        padding: 0px 6px;
    }

    .product-detail-box .product-box img{
        width: 100%;
        margin-bottom: 10px;
    }
}

.product-info-price .price-wrapper:after {
    display: block;
    font-size: 14px;
    color: black;
    content: 'SUGGESTED RETAIL MARKUP: 40-80%';
}