/*---------------------------------------------------------------------------------

 Theme Name:   Supertec
 Theme URI:    https://www.messina.agency/
 Description:  
 Author:       Jorge Pires
 Author URI:   https://www.messina.agency/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
.pagination {
  display: flex;
  justify-content: center;
}
.page-numbers {
  color: #333;
  min-width: 45px;
  height: 45px;
  font-size: 18px;
  line-height: 45px;
  padding: 0;
  display: block;
  float: left;
  font-weight: 500;
  text-transform: uppercase;
}
.page-numbers.current {
  background-color: #b60412;
  border: none;
  color: #fff;
  border-radius: 50%;
}
.next:hover, .prev:hover {
  border-bottom: solid #333 1px;
}
#breadcrumbs a {
  display: inline-block;
  color: #999999;
  vertical-align: top;
}
.breadcrumb_last {
  color: #fff;
}
.single-post .solid_link {
  margin: 100px 0px;
}
header.mobile-navigation {
  display: none;
}
/* Custom styles for 404 page */
.error-404 {
  text-align: center;
  margin-top: 50px;
}
.error-404 h1 {
  font-size: 36px;
  color: #333;
}
.error-404 p {
  font-size: 18px;
  color: #666;
}
.error-404 a {
  font-size: 16px;
  color: #0073aa;
  text-decoration: underline;
}
/***********************/
.sample_parts_slider .sample_parts_img {
  padding: 0 15px;
}
@media screen and (max-width: 980px) {
  header.et-l.et-l--header {
    display: none;
  }
  header.mobile-navigation {
    display: block;
  }
  .nav li ul {
    border-top: none !important;
    box-shadow: none !important;
  }
  .nav ul li .nav_1 > li li {
    padding-left: 0;
  }
  .nav ul li .nav_1 > li li a {
    padding-left: 20px !important;
  }
  .nav ul li .nav_2 {
    border-bottom: none !important;
  }
  .nav ul li .nav_1 > li a.open_nav + .sub-menu {
    display: block;
  }
  .nav ul li .nav_1 {
    border-bottom: none !important;
  }
  .nav li.dropdown > a.open_nav:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
/* line 3293, scss/scss.scss */
.header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
  border-top: solid 1px #666666;
  border-bottom: solid 1px #666666;
  font-size: 0;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 3302, scss/scss.scss */
.header.fix {
  background: #000;
  border: none;
}
@media screen and (min-width: 1151px) {
  /* line 3306, scss/scss.scss */ .header.fix .logo {
    width: 150px;
  }
  /* line 3312, scss/scss.scss */
  .header.fix .nav > ul > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1150px) {
  /* line 3293, scss/scss.scss */ .header {
    padding-top: 5px;
  }
  /* line 3323, scss/scss.scss */
  .header .all_container {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
/* line 3328, scss/scss.scss */
.header .logo {
  width: 168px;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  z-index: 1;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
main.single-post .page .container .et-l--post {
 /* max-width: 1000px;*/
  margin: 0 auto;
  padding: 2rem 1rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.7;
  color: #333;
  background-color: #fff;
}
main.single-post .page .container .et-l--post b {
  font-weight: bold !important;
}
/* Header Styling */
main.single-post .page .container .et-l--post h1 {
  font-size: 2.5rem; /* Largest size for main title */
  font-weight: bold;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
  margin-top: 0;
}
main.single-post .page .container .et-l--post h2 {
  font-size: 2rem; /* Subheading size */
  font-weight: bold;
  color: #222;
  margin-bottom: 1.25rem;
  margin-top: 2rem;
}
main.single-post .page .container .et-l--post h3 {
  font-size: 1.75rem; /* Secondary subheading size */
  font-weight: bold;
  color: #333;
  margin-bottom: 1.1rem;
  margin-top: 2rem;
}
main.single-post .page .container .et-l--post h4 {
  font-size: 1.5rem; /* Smaller heading */
  font-weight: bold;
  color: #444;
  margin-bottom: 1rem;
  margin-top: 2rem;
}
main.single-post .page .container .et-l--post h5 {
  font-size: 1.25rem; /* Smaller, lighter heading */
  font-weight: bold;
  color: #555;
  margin-bottom: 0.75rem;
  margin-top: 2rem;
}
main.single-post .page .container .et-l--post h6 {
  font-size: 1rem; /* Smallest heading */
  font-weight: bold;
  color: #666;
  margin-bottom: 0.5rem;
  margin-top: 2rem;
}
/* Paragraphs and Lists */
main.single-post .page .container .et-l--post p {
  margin-bottom: 1.25rem;
  font-size: 1rem;
}
main.single-post .page .container .et-l--post ul {
  margin: 1rem 0;
  padding-left: 1.5rem;
}
main.single-post .page .container .et-l--post ul li {
  list-style-type: disc;
  margin-bottom: 0.5rem;
}
/* Mobile Friendly */
@media (max-width: 600px) {
  main.single-post .page .container .et-l--post {
    padding: 1.5rem 1rem;
    font-size: 0.95rem;
  }
  main.single-post .page .container .et-l--post h1 {
    font-size: 1.8rem;
  }
  main.single-post .page .container .et-l--post h2 {
    font-size: 1.5rem;
  }
  main.single-post .page .container .et-l--post h3 {
    font-size: 1.3rem;
  }
  main.single-post .page .container .et-l--post h4 {
    font-size: 1.1rem;
  }
  main.single-post .page .container .et-l--post h5 {
    font-size: 1rem;
  }
  main.single-post .page .container .et-l--post h6 {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 1150px) {
  /* line 3328, scss/scss.scss */ .header .logo {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 3328, scss/scss.scss */ .header .logo {
    width: 135px;
  }
}
@media screen and (min-width: 1151px) {
  /* line 3342, scss/scss.scss */
  .header nav {
    width: calc(100% - 168px);
    display: inline-block;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 1150px) {
  /* line 3342, scss/scss.scss */ .header nav {
    z-index: 3;
    width: 50%;
    height: 100%;
    max-width: 400px;
    min-width: 300px;
    position: fixed;
    top: 0;
    right: -50%;
    background: #b60412;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  /* line 3359, scss/scss.scss */
  .header nav.active {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 3342, scss/scss.scss */ .header nav {
    width: 75%;
    max-width: 100%;
    min-width: inherit;
    right: -75%;
  }
}
/* line 3370, scss/scss.scss */
.header .bg_box {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 0;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  left: 0;
  top: 0;
}
/* line 3381, scss/scss.scss */
.header .bg_box.active {
  opacity: 1;
}
@media screen and (min-width: 1151px) {
  /* line 3370, scss/scss.scss */ .header .bg_box {
    display: none;
  }
}
@media screen and (max-width: 1150px) {
  /* line 3391, scss/scss.scss */ .nav {
    overflow: auto;
  }
  /* line 3394, scss/scss.scss */
  .nav ul {
    padding-top: 12px;
    padding-top: 12px;
  }
  /* line 3398, scss/scss.scss */
  .nav ul li a {
    font-size: 16px;
    line-height: 26px;
    padding: 15px 30px;
    display: block;
    color: #fff;
    border-bottom: solid 1px #93020e;
    font-family: 'Montserrat', sans-serif !important;
    opacity: 1 !important;
    font-weight: 500;
  }
  /* line 3406, scss/scss.scss */
  .nav ul li a i:before {
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  /* line 3410, scss/scss.scss */
  .nav ul li a.open_nav {
    background: #99020e;
  }
  /* line 3413, scss/scss.scss */
  .nav ul li a.open_nav i:before {
    transform: rotate(-180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform-origin: center;
  }
  /* line 3424, scss/scss.scss */
  .nav ul li .nav_1 {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* line 3429, scss/scss.scss */
  .nav ul li .nav_1 > li {
    padding-left: 50px;
  }
  /* line 3431, scss/scss.scss */
  .nav ul li .nav_1 > li a {
    font-size: 15px;
    line-height: 25px;
    padding: 7px 0;
    border-bottom: none;
  }
  /* line 3436, scss/scss.scss */
  .nav ul li .nav_1 > li a.open_nav {
    background: none;
    color: #fff;
  }
  /* line 3441, scss/scss.scss */
  .nav ul li .nav_1 > li .nav_2 {
    display: none;
    padding: 10px 0;
  }
  /* line 3444, scss/scss.scss */
  .nav ul li .nav_1 > li .nav_2 li {
    border-left: solid 1px #fff;
  }
  /* line 3447, scss/scss.scss */
  .nav ul li .nav_1 > li .nav_2 a {
    padding: 0;
    padding-left: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  /* line 3453, scss/scss.scss */
  .nav ul li .nav_1 > li .nav_2 .nav_3 {
    display: none;
    padding: 5px 0;
    padding-left: 10px;
  }
  /* line 3457, scss/scss.scss */
  .nav ul li .nav_1 > li .nav_2 .nav_3 li {
    border-left: none;
  }
  .nav ul li ul {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: none !important;
    position: unset;
    width: 100% !important;
    background: transparent;
  }
}
@media screen and (min-width: 1151px) {
  /* line 3391, scss/scss.scss */ .nav {
    width: calc(100% - 270px);
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  }
}
@media screen and (min-width: 1151px) and (max-width: 1400px) {
  /* line 3391, scss/scss.scss */ .nav {
    width: calc(100% - 150px);
  }
}
@media screen and (min-width: 1151px) {
  /* line 3476, scss/scss.scss */ .nav ul li {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    margin: 0 15px;
  }
}
@media screen and (min-width: 1151px) and (max-width: 1300px) {
  /* line 3476, scss/scss.scss */ .nav ul li {
    margin: 0 10px;
  }
}
@media screen and (min-width: 1151px) {
  /* line 3484, scss/scss.scss */ .nav ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: 600;
    border-top: solid 2px rgba(0, 0, 0, 0);
    border-bottom: solid 2px rgba(0, 0, 0, 0);
  }
  /* line 3494, scss/scss.scss */
  .nav ul li a:hover {
    border-bottom-color: #fff;
  }
}
@media screen and (min-width: 1151px) and (max-width: 1450px) {
  /* line 3484, scss/scss.scss */ .nav ul li a {
    font-size: 15px;
    line-height: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 1151px) and (max-width: 1300px) {
  /* line 3484, scss/scss.scss */ .nav ul li a {
    font-size: 14px;
    line-height: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 1151px) {
  /* line 3509, scss/scss.scss */ .nav ul li a i {
    display: none;
  }
  /* line 3513, scss/scss.scss */
  .nav ul li .nav_1 {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    text-align: left;
    padding-top: 12px;
  }
  /* line 3520, scss/scss.scss */
  .nav ul li .nav_1 li {
    border-bottom: solid 1px #93020e;
    background: #b60412;
    width: 100%;
    margin: 0;
    border-top: 0;
  }
  /* line 3526, scss/scss.scss */
  .nav ul li .nav_1 li:last-child {
    border-bottom: none;
  }
  /* line 3529, scss/scss.scss */
  .nav ul li .nav_1 li a {
    display: block;
    color: #fff;
    padding: 10px 30px;
    padding-right: 80px;
    white-space: nowrap;
    font-weight: 400;
    border: none;
  }
  /* line 3537, scss/scss.scss */
  .nav ul li .nav_1 li a:hover {
    background: #99020e;
  }
  /* line 3542, scss/scss.scss */
  .nav ul li .nav_1 li.open_nav > a {
    background: #99020e;
  }
  /* line 3546, scss/scss.scss */
  .nav ul li .nav_1 li .nav_2 {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    border-left: solid 1px #93020e;
  }
  /* line 3553, scss/scss.scss */
  .nav ul li .nav_1 li .nav_2 li.mob_nav {
    display: none;
  }
  /* line 3556, scss/scss.scss */
  .nav ul li .nav_1 li .nav_2 li .nav_3 {
    position: absolute;
    left: 100%;
    top: 0;
    display: none;
    border-left: solid 1px #93020e;
  }
}
/* line 3572, scss/scss.scss */
.top_link {
  display: inline-block;
  vertical-align: middle;
  width: 120px;
  padding-left: 15px;
}
/* line 3577, scss/scss.scss */
.top_link a {
  display: inline-block;
  margin-right: 13px;
  vertical-align: middle;
  color: #fff;
}
/* line 3582, scss/scss.scss */
.top_link a img {
  width: 20px;
}
/* line 3585, scss/scss.scss */
.top_link a:hover {
  opacity: .5;
}
@media screen and (max-width: 1400px) {
  /* line 3572, scss/scss.scss */ .top_link {
    display: none;
  }
}
/* line 3595, scss/scss.scss */
.top_search .searchform {
  padding-left: 50px;
  width: 100%;
  position: relative;
  background: #333;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  overflow: hidden;
}
/* line 3604, scss/scss.scss */
.top_search .searchform .buttom {
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  width: 30px;
  height: 30px;
  position: absolute;
  background: url(./assets/images/icon_search.png) no-repeat center center;
  background-size: 100%;
  border: none;
}
/* line 3616, scss/scss.scss */
.top_search .searchform .buttom_box {
  border: none;
  width: 100%;
  font-size: 14px;
  line-height: 35px;
  height: 35px;
  background: #333;
  color: rgba(255, 255, 255, 0.6);
}
@media screen and (min-width: 1151px) {
  /* line 3594, scss/scss.scss */ .top_search {
    width: 150px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
  }
  /* line 3633, scss/scss.scss */
  .top_search .mmenu {
    display: none;
  }
}
@media screen and (max-width: 1150px) {
  /* line 3594, scss/scss.scss */ .top_search {
    border-bottom: solid 1px #666666;
    height: 82px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }
  /* line 3643, scss/scss.scss */
  .top_search .searchform {
    position: absolute;
    width: 50%;
    min-width: 150px;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
  }
  /* line 3652, scss/scss.scss */
  .top_search .mmenu {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
  }
}
.nav li.dropdown > a:after {
  content: "\f107";
  position: absolute;
  margin-left: 8px;
  font-family: "font-awesome";
  font-family: 'FontAwesome';
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
  font-weight: 600;
  font-size: 18px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.sample_parts_slider .slick-track {
  display: flex;
}
.sample_parts_slider .slick-track .sample_parts_img {
  height: inherit;
}
.sample_parts_slider .slick-track .sample_parts_img > img {
  height: 100%;
  object-fit: cover;
}
.product_bg .container {
  max-width: 1431px !important;
}
/** START ***************************** SPECS Table w/ TablePress ************************************/
/* Cells with colspan styling 
table.tablepress tbody td[colspan] {
  border-bottom: solid #333 1px;
  background: #333;
  color: #999;
  text-align: left;
  font-weight: 600;
  padding-left: 38px;
}
table.tablepress tbody tr td {
  padding: 17px 20px;
  min-height: 60px;
  color: #ccc;
  border-top: none;
  border-right: solid #333 1px;
  text-align: center;
  font-size:18px;  
  line-height: 28px;
    /*min-width: 350px;*/ /*
}*/
/* Table body row styles
table.tablepress tbody tr {
  border-bottom: solid #333 1px;  
 } */
/* Hover effect for rows 
table.tablepress tbody tr:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}*/
.table_box .pro-table.tablepress tbody tr td.title, .table_box .pro-table tbody tr td.title {
  padding-right: 20px !important;
  border-right: solid #828282 1px;
}
.table_box .pro-table.tablepress thead tr th, .table_box .pro-table thead tr th {
  background: #D92A1D;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  border-right: solid #828282 1px !important;
}
.table_box .table_fix .pro-table.tablepress thead tr th:not(.title), .table_box .table_fix .pro-table thead tr th:not(.title) {
  border-right-color: rgba(0, 0, 0, 0.00) !important;
}
.table_box .pro-table.tablepress tbody tr, .table_box .pro-table tbody tr {
  border-bottom: solid #828282 1px;
  border-right: solid #828282 1px;
  border-left: solid #828282 1px;
}
.table_box .pro-table.tablepress tbody tr td.title[colspan], .table_box .pro-table tbody tr td[colspan] {
  background: #828282;
  color: #000000;
  font-family: Arial, sans-serif;
  font-weight: bold;
  border-bottom: solid #828282 1px;
  font-size: 16px;
}
.table_box .pro-table.tablepress tbody tr td, .table_box .pro-table tbody tr td {
  border-right: solid #828282 1px !important;
  text-align: center;
  color: #ccc !important;
  background: #222 !important;
}
.table_box .table_fix .pro-table tbody tr td {
  border-right: 0px !important;
}
.table_box .table_fix .pro-table tbody tr td.title {
  border-right: solid #828282 1px !important;
}
.table_box .table_fix .pro-table thead tr th:not(.title), .table_box .table_fix .pro-table thead tr th {
  border-right: 0px;
}
.table_box .pro-table.tablepress tbody tr td.title[colspan], .table_box .pro-table tbody tr.all_tr td, .table_box .pro-table tbody tr td[colspan] {
  background: #828282 !important;
  color: #FFFFFF !important;
  font-family: Arial, sans-serif;
  font-weight: bold;
  border-bottom: solid #828282 1px;
  font-size: 16px;
}
/** END ******************************* SPECS Table w/ TablePress ************************************/
@media screen and (max-width: 767px) {
  .table_box .pro-table tbody tr td.title {
    min-width: 150px;
    padding-right: 10px;
    font-size: 14px;
  }
  .table_box .pro-table tbody tr td {
    padding: 10px 10px;
    font-size: 14px;
  }
  .table_box .table_fix {
    opacity: 0;
  }
}
@media screen and (max-width: 600px) {
  .table_box .pro-table thead tr th {
    min-width: 100% !important;
    width: 100% !important;
  }
}