:root {
    --font-family-body: "Roboto Flex";
    --font-family-label: "Roboto Flex";
    --font-family-semi: "Roboto Flex";
    --font-family-title: "Roboto Flex";
}




/*Import Fonts*/
@font-face {
    font-family: 'Futura Now Headline';
    src: url('../fonts/FuturaNowHeadline-Bold.woff2') format('woff2'),
        url('../fonts/FuturaNowHeadline-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Now Headline';
    src: url('../fonts/FuturaNowHeadline.woff2') format('woff2'),
        url('../fonts/FuturaNowHeadline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Flex';
    src: url('../fonts/RobotoFlex-Regular.woff2') format('woff2'),
        url('../fonts/RobotoFlex-Regular.woff') format('woff');
    font-weight: 300 400 700;
    font-style: normal;
    font-display: swap;
}

/*======================== Global Styles========================== */ 

/*Styles for transparent header*/

.transparent-header .wrapper-menu-horizontal {
    display: flex;
    justify-content: end;
}



/*Styles for mobile menu*/
.wrapper-menu-mobile li a {
    font-family: 'Futura Now Headline';
    font-weight: bold;
}


.menu_sub a {
    font-size: 15px;
    color: #000000!important;
}

.menu_sub a:hover {
    color: #3eb5d5!important;
}

/*non-clickable-parent*/
.n-click-c a.is_parent {
    pointer-events: none;
}

/*Classes for fonts*/

.family-flex-light, .family-flex-light *:not(i) {
    font-family: 'Roboto Flex';
    font-weight: 300;
}

.family-flex-normal, .family-flex-normal *:not(i) {
    font-family: 'Roboto Flex';
    font-weight: normal;
}

.family-futura-bold, .family-futura-bold *:not(i):not(.fa) {
    font-family: 'Futura Now Headline';
    font-weight: bold;
}

.family-futura-normal, .family-futura-normal *:not(i) {
    font-family: 'Futura Now Headline';
    font-weight: normal;
}

/*General Elements*/

body {
    font-family: 'Roboto Flex';
    font-weight: 300;
    font-size: 19px;
    line-height:1;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Futura Now Headline';
    font-weight: bold;
}



@media only screen and (min-width: 768px) {
    h1, h2, h3, h4, h5, h6 {
    font-size: 30px;
}

.elementor-heading-title {
    font-size: 30px;
}
}

@media only screen and (min-width: 1025px) {
    h1, h2, h3, h4, h5, h6 {
    font-size: 50px;
}

.elementor-heading-title {
    font-size: 50px;
}
}

@media only screen and (max-width: 767px) {
    h1, h2, h3, h4, h5, h6 {
    font-size: 25px;
}

.elementor-heading-title {
    font-size: 25px;
}
}

p {
    line-height: 23px;
}

@media only screen and (max-width: 767px){
    p {
    font-size: 15px;
}
}



.elementor-button-text {
    font-family: 'Futura Now Headline';
    font-weight: bold;
}

.blog-title {
    font-family: 'Roboto Flex';
    font-weight: normal!important;
    font-size: 16px;
}

.blogs p {
    font-size: 14px;
    line-height: 21px;
}

.blogs .read-more {
    font-family: 'Futura Now Headline';
    font-weight: bold;
    font-size: 12px;
    color: #3eb5d5;
}

.blogs .read-more:hover {
    color: #142f3f;
}

.swiper-pagination-bullet-active {
    border: none!important;
}

.swiper-pagination-bullet:hover {
    border-color: #3eb5d5!important;
}

/*Contact form*/
.ets-cfu-form h3 {
    display: none;
}

.ets_cfu-checkbox label {
    font-size: 15px!important;
}

.ets_cfu_box {
    margin-bottom: 5px;
}

.ets-cfu-form .ets_cfu_form-control-wrap {
    margin-top: 5px;
}

span.ets_cfu_span, .ets-cfu-form label {
    font-weight: 300 !important;
    display: block;
    margin-bottom: 5px;
    font-size: 19px;
    color: #222323;
}

.ets-cfu-form br {
    display: none;
}

.ets-cfu-form .form-control {
    background: var(--ax-bg-wrapper);
    border: var(--ax-form-bi-width) solid #808080;
    border-radius: var(--ax-form-bi-rd);
    color: var(--color-title);
    display: block;
    font-size: var(--font-size-body);
    height: 42px;
    padding: 0 15px;
    width: 100%;
}

.ets-cfu-form .ets_cfu_form-control-wrap {
    margin-top: 10px;
}

.wpcfu label *:not(label) {
    font-weight: 300;
}

@media only screen and (max-width: 767px){
    span.ets_cfu_span, .ets-cfu-form label {
    font-size: 15px;
}
}

.ets_cfu_form-control.ets_cfu-submit {
    padding: 6px 20px;
    border-radius: 3px;
}

.ets_cfu_form-control.ets_cfu-submit:hover {
    background-color: #17364b;
    border-color: #17364b;
}

.ets_cfu-textarea {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}


/*Hero Slider*/
@media only screen and (max-width: 767px) {
.hero-slider .swiper-slide-inner {
    align-items: end!important;
}
}

.hero-slider .elementor-slide-heading{
    font-family: 'Futura Now Headline';
    font-weight: bold;
}


/*===============================cms pages=========================*/
.page-cms #wrapper {
    padding-bottom: 0;
}

.page-cms #main-content {
    margin-bottom: 0;
}

/*Styles For Breadcrumb*/
.page-title .axps-breadcrumb span {
    font-family: 'Roboto Flex';
    font-weight: 300;
    font-size: 19px;
    line-height: 23px;
}

.page-title .axps-breadcrumb a {
    line-height: 0;
}

@media only screen and (max-width: 767px) {
    .page-title .axps-breadcrumb span {
    font-size: 15px;
}
}

.page-title .h1 {
    font-family: 'Futura Now Headline';
    font-weight: bold;
    font-size: 50px;
}

@media only screen and (max-width: 1024px) {
    .page-title .h1 {
    font-size: 30px;
}
}

.page-title.title-text-color-dark {
    background-color: #142f3f;
    color: #ffffff;
}

.page-title {
    padding-top: 30px;
    padding-bottom: 30px;
}
/*=================================Styles for home========================================*/

/*Product Tabs*/
.widget-tab-title {
    font-family: 'Futura Now Headline';
    font-weight: normal;
}

/*=====================================Styles for product category page==================================*/
.block-categories ul > li > a::before {
    border: 1px solid #3eb5d5;
}

.gr-list-gird {
    display: none;
}

@media only screen and (max-width: 767px){
.filter-buttons .open-filters {
    font-size: 15px;
}
}

.widget-title.h3 {
    font-family: 'Roboto Flex';
    font-weight: 700;
}

.facet-wrapper-content .text {
    font-family: 'Roboto Flex';
    font-weight: 300;
    font-size: 19px;
}

@media only screen and (max-width: 767px){
    .facet-wrapper-content .text {
    font-size: 15px;
}
}

.request-quote-category {
    display: none;
}

#category .request-quote-category, #product .request-quote-category, .request-quote-category.quote-landing {
    display: block;
}

.request-quote-product {
    display: none;
}

#product .request-quote-product {
    display: block;
}

.ets_cfu_input_acceptance label {
    display: flex;
}

.ets_cfu_input_acceptance label .ets_cfu_span {
    font-size: 15px;
    font-weight: 300;
}

.ets_cfu_input_acceptance label .acceptance-23 {
    order: -1; 
    margin-top: 0;
    line-height: 0;
}

.widget-facet-search .magnitude {
    font-size: 19px;
}

@media only screen and (max-width: 767px){
    .widget-facet-search .magnitude {
    font-size: 15px;
}
}

.product-type-1 .item-inner .product_name {
    font-size: 16px;
    line-height: 23px;
}

/*================================Styles for product miniature===============================*/
.product-type-1 .item-inner .element-bottom {
    min-height: 50px;
}

.js-product-miniature .product_name {
    font-family: 'Roboto Flex';
    font-weight: 400;
    font-size: 16px;
}


/*=================================== Styles for product page===============================*/
#product .product_title {
    font-family: 'Roboto Flex';
    font-weight: 700;
    font-size: 19px;
}

#product .product-short-description {
    line-height: 23px;
}

@media only screen and (max-width: 767px){
    #product .product-short-description {
    line-height: 23px;
    font-size: 15px;
}
}

.summary-container .product_meta {
    border-top: 0 solid var(--ax-line-color);
}


.wc-tabs-wrapper .nav-tabs li a {
	color: #7d7d7d;
	font-size: 25px;
	font-family: 'Futura Now Headline';
    font-weight: normal;
	line-height: 23px;
}

.wc-tabs-wrapper .nav-tabs li a.active,
.wc-tabs-wrapper .nav-tabs li a:hover {
	color: #17364b;
}

.wc-tabs-wrapper .nav-tabs li a::after {
    background: #17364b;
}

.wc-tabs-wrapper .nav-tabs li a {
    padding-bottom: 15px;
}

#product .elementor-divider-separator {
    border-top-color: #17364b;
}

.elementor-6 .elementor-element.elementor-element-jzigmpx.elementor-widget-heading .elementor-heading-title {
    color: #17364b!important;
}

table.axps_shop_attributes tbody th {
    font-family: 'Roboto Flex';
    font-weight: 700;
}

#product .product-features .h6 {
    font-size: 25px;
}

.product-info-catalog label {
    font-size: 19px;
}

@media only screen and (max-width: 767px){
    #product .product-features .h6 {
    font-size: 21px;
}

.product-info-catalog label, .product-info-catalog a {
    font-size: 15px;
}
}

/*Styles for blog post page*/
.wrapper_smart_blog .block_content.list-block li {
    font-size: 14px;
}

/*#exBlogCollapsingNavbar1 .category-sub-link, .block-categories a {*/
/*    font-size: 19px;*/
/*}*/

@media only screen and (max-width: 767px){
    #exBlogCollapsingNavbar1 .category-sub-link, .block-categories a {
    font-size: 15px;
}
}

/*#exBlogArchiveCollapsingNavbar0 .category-sub-link {*/
/*    font-size: 19px;*/
/*}*/

@media only screen and (max-width: 767px){
    #exBlogArchiveCollapsingNavbar0 .category-sub-link {
    font-size: 15px;
}
}

#blog-details .list-block a {
    line-height: 23px;
    
}

.widget_tag_cloud .tagcloud a {
    font-size: 19px!important;
    margin: 5px;
}

@media only screen and (max-width: 767px){
    .widget_tag_cloud .tagcloud a {
    font-size: 15px!important;
}
}

/*Styles for blog archive*/

#right-column .block-categories a {
    font-size: 14px!important;
}


.page-blog-category .category-description p {
    font-family: 'Roboto Flex';
    font-weight: 300;
    font-size: 19px;
    margin-top: 20px;
    line-height: 23px;
}

@media only screen and (max-width: 767px){
    .page-blog-category .category-description p {
    font-size: 15px;
}
}

@media screen and (max-width: 600px) {
  .espa-container img {
    max-width: 200px!important;
}
}