
/** Fonts Roboto **/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-Thin.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-ThinItalic.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-Light.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-LightItalic.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-Regular.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-Italic.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-Medium.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-MediumItalic.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-Bold.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-BoldItalic.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-Black.ttf") format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/Roboto/Roboto-BlackItalic.ttf") format('woff2');
}

/** Fonts Plus Jakarta Sans **/

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-ExtraLight.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-ExtraLightItalic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-Light.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-LightItalic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-Regular.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-Italic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-Medium.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-MediumItalic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-SemiBold.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 600;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-SemiBoldItalic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-Bold.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-BoldItalic.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.ttf");
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url("../fonts/PlusJakartaSans/PlusJakartaSans-ExtraBoldItalic.ttf");
}

@font-face {
    font-family: 'Helvetica-Neue-Black';
    src: url("../fonts/Helvetica-Neue/HelveticaNeueBlack.otf");
}
@font-face {
    font-family: 'Helvetica-Neue-Bold';
    src: url("../fonts/Helvetica-Neue/HelveticaNeueBold.otf");
}
@font-face {
    font-family: 'Helvetica-Neue-Medium';
    src: url("../fonts/Helvetica-Neue/HelveticaNeueMedium.otf");
}
/*************** ADD CUSTOM CSS HERE.   ***************/

input[type=email]:focus, 
input[type=number]:focus, 
input[type=password]:focus, 
input[type=search]:focus, 
input[type=tel]:focus, 
input[type=text]:focus, 
select:focus, 
textarea:focus {
    box-shadow: none;
}
.featured-box .icon-box-img img {
    padding-top: 0;
}

body {
    font-size: 15px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}

.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
}

h1,h2,h3,h4,h5,h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "Roboto", sans-serif;
}

.alt-font {
    font-family: "Roboto", sans-serif;
}
.wpcf7-spinner {
    display: none;
}
.section__width table tbody tr:nth-child(1) td{
    border: 1px solid #777;
    text-align: center;
    color: #222;
    font-weight: 600;
    font-size: 15px;
}
.section__width table tbody tr td{
    padding-left: 5px !important;
    padding-right: 5px !important;
    border: 1px solid #777;
    color: #444;
}
.contact_01 form{
    text-align: center;
}
.contact_01 form input{
    box-shadow: none;
    border-radius: 5px;
    height: 45px;
    font-size: 15px;
    color: #222;
}
.contact_01 form textarea{
    box-shadow: none;
    border-radius: 5px;
    font-size: 15px;
    color: #222;
}
.contact_01 form input.wpcf7-submit{
    color: #fff;
    font-size: 16px;
    margin: 0;
    line-height: 45px;
}
.map p{
    margin-bottom: 0;
}
.woocommerce-cart table tbody tr td,
.woocommerce-cart table tbody tr:nth-child(1) td{
    border: none;
    border-bottom: 1px solid #ececec;
}
.cart-wrapper a.icon-remove, .cart-wrapper a.remove{
    line-height: 21px !important;
}
.continue-shopping a.button-continue-shopping{
    margin-bottom: 0;
    min-height: 40px;
    line-height: 40px;
    height: 40px;
    font-weight: 500;
    border-width: 1px;
    text-transform: unset;
    border-radius: 5px;
    font-size: 14px;
}
.actions button.button{
    min-height: 40px;
    line-height: 40px;
    height: 40px;
    margin-bottom: 0;
    font-weight: 500;
    text-transform: unset;
    border-radius: 5px;
    font-size: 14px;
}
table.shop_table  .cart_item td{
    text-align: left;
}
.product-name a{
    font-weight: 400;
}
.widget .is-divider{
    display: none;
}
.return-to-shop a.button.wc-backward{
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    margin: 0;
}