/*
	Theme Name: Cardinal Components
	Theme URI: https://www.naveomarketing.com
	Description: Default WordPress Theme
	Version: 1.0
	Author: NAVEO
	Author URI: https://www.naveomarketing.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


img{height:auto;}
body{overflow-x:hidden;font-family: 'Barlow', sans-serif;font-size:16px;}
h1{font-family: 'Barlow Condensed', sans-serif;text-align:center;font-weight:700;font-size:56px;border-bottom:2px solid #000;margin-top:0;padding-bottom:5px;margin-bottom:10px;color:#000;line-height:42px;}
h2{font-family: 'Barlow Condensed', sans-serif;text-align:center;font-weight:700;font-size:48px;color:#000;margin-bottom:15px;}
h3{font-family: 'Barlow Condensed', sans-serif;text-align:center;}
h4{}
.riv-heading {font-family: 'Barlow Condensed', sans-serif; font-size: 48px; line-height: 1;}
p{}
a{color:#750e13;font-weight:700;}
a:hover, a:active, a:focus{color:#000;}
.d-flex{display:flex;}
.align-items-center{align-items:center;}
.aligncenter{display:block;margin:0 auto;}
.alignright, .pull-right{float:right;margin:0 0 20px 20px;}
.alignleft,.pull-left{float:left;margin:0 20px 20px 0;}
header{position:fixed;width:100%;z-index:10;background:#fff;}
.btn:active{box-shadow:none !important;}
.header-inner{background:#fff;}
.logo-div{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.logo{margin-bottom:20px;margin-top:20px;transition:.5s;}
.logotxt{font-size:28px;}
.site-logo{max-width:250px;}
.sticky .site-logo{max-width:200px;}
.logo .sub{color:#000;font-size:22px;font-weight:500;font-family: 'Barlow Condensed', sans-serif;display:block;line-height:1;transition:.5s;margin-top:10px;}
.sticky .logo .sub{font-size:16px;margin-top:0px;margin-bottom:5px;}
.header-made-in-usa {
  padding-top: 10px;
}
.sticky .header-made-in-usa {
  padding-top: 3px;
}
.header-made-in-usa img {
  display: block;
  max-width: 110px;
}
.sticky .header-made-in-usa img {
  max-width: 84px;
  transition: max-width 300ms ease;
}
.header-middle{text-align:center;}
.header-middle a{font-family: 'Barlow Condensed', sans-serif;color:#000;font-size:36px;font-weight:700;transition:.5s;}
.header-middle a:hover , .header-middle a:active, .header-middle a:focus {text-decoration:none;color:#750e13;}
.header-btn{font-size:28px;font-family: 'Barlow Condensed', sans-serif;color:#fff;padding:5px 20px;border-radius:10px;float:right;transition:.5s;}
.header-btn:hover , .header-btn:active, .header-btn:focus{ background:#363636 !important;text-decoration:none;color:#fff;}
.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 30px;
  flex-wrap: wrap;
}
.flex-right {
  justify-content: flex-end;
}
.top-menu {
  margin-top: 15px;
  transition: margin-top 300ms ease;
}
.sticky .top-menu {
  margin-top: 0px;
}
.row.flex:before, .row.flex:after {
  display: none;
}
.menu-bar{background:#363636;border-bottom:4px solid #ffffff;}
.menu-bar .navbar{min-height:0;font-size:18px;width:100%;margin-bottom:0;border:none;}
.menu-bar .navbar-nav{float:none;}
.menu-bar .navbar-nav>li {width:auto;border-left:4px solid #ffffff;}
.menu-bar .navbar-nav>li>a {color:#ffffff;font-family: 'Barlow Condensed', sans-serif;font-size:22px;text-align:center;padding:15px;background:#750e13;}
.menu-bar .navbar-nav>li:last-child{border-right:4px solid #ffffff;}
.menu-bar .navbar-nav>li>a:hover, .menu-bar .navbar-nav>li>a:focus, .menu-bar .navbar-nav>li.current-menu-item a{background:#363636;}
.menu-bar .navbar-nav>li>.sub-menu{width:250px;border:4px solid #ffffff;padding:0;display:none;position:absolute;background:#363636;list-style-type:none;}
.menu-bar .navbar-nav>li:hover>.sub-menu{display:block;}
.menu-bar .navbar-nav>li>.sub-menu a{color:#ffffff;font-size:18px;padding:5px 10px;display:block;}
.menu-bar .navbar-nav>li>.sub-menu a:hover{text-decoration:none;background:#750e13;}
#mainMenu{display:flex !important;justify-content:center;}

#menu-top-menu{font-family: 'Barlow Condensed', sans-serif;float:right;font-size:18px;}
#menu-top-menu li>a{color:#000;padding:10px;transition:.5s;}
#menu-top-menu li>a:focus,#menu-top-menu li>a:hover {background:none;text-decoration:underline;}
.mobile{display:none !important;}
.navbar-collapse{padding-right:0 !important;padding-left:0 !important;}
.navbar-toggle .icon-bar{background:#fff;}
.navbar-toggle:hover .icon-bar,.navbar-toggle:active .icon-bar, .navbar-toggle:focus .icon-bar {background:#dab117;}
.navbar-toggle{z-index:9;}
.sticky #menu-top-menu li>a{padding-top:5px;padding-bottom:5px;font-size:14px;transition:.5s;}
.sticky .logo{margin-bottom:5px;margin-top:5px;transition:.5s;}
.sticky .logo a{font-size:36px;transition:.5s;}
.sticky .logo a .sub{font-size:14px;transition:.5s;}
.sticky .header-middle a{font-size:28px;transition:.5s;}
.sticky .header-btn{font-size:24px;padding:3px 20px;transition:.5s;}

.w-100{width:100%;}

.banner-section{padding-top:170px;background:#750e13;}
.banner-content{color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;width:80%;}
.banner-content h3{font-size:50px;font-family: 'Montserrat', sans-serif;font-weight:700;}
.banner-content p{font-size:36px;font-family: 'Montserrat', sans-serif;}
.carousel-caption{position:relative;bottom:0;left:0;right:0;}
.stacked-banner-content{margin:0 -15px;}
.stacked-banner-content ol{z-index:1;display:flex;height:100%;flex-direction:column;margin:0;bottom:unset;width:100%;left:unset;}
.stacked-banner-content li{font-weight:400;border:none;border-radius:0;width:100%;height:auto;font-size:14px;padding:5px 15px;color:#fff;flex:auto;align-items:center;display:flex;justify-content:center;margin:0;text-indent:0;}
.stacked-banner-content li.active{background:#750e13;width:100%;height:auto;font-style:italic;font-size:20px;}
.stacked-banner-content li{background:#363636;cursor:pointer;position:relative;}
.stacked-banner-content li:after{content:"";width:80%;height:1px;background:#fff;transform:translateX(-50%);left:50%;position:absolute;bottom:0;}
.stacked-banner-content li:last-child:after{display:none;}


main{}
main p{text-align:justify;font-size:16px;}
.main-content{padding:50px 0;}
.sub-title{font-size:36px;}
.btn-gray{display:block;background:#363636;color:#fff;font-family: 'Barlow Condensed', sans-serif;font-size:22px;margin:20px 0;}
.btn-red{display:block;background:#dab117;color:#fff;font-family: 'Barlow Condensed', sans-serif;font-size:22px;margin:20px 0;}
.btn-gray:hover, .btn-gray:active, .btn-gray:focus{background:#750e13;color:#fff;}
.btn-red:hover, .btn-red:active, .btn-red:focus{background:#363636;color:#fff;}
.red-banner{background:#750e13;}
.red-banner h3{color:#fff;padding:10px 0;font-size:28px;}
.feature{background:#bfbfbf;padding:50px 0;}
.feature p{text-align:center;margin-bottom:40px;}
.feature a{color:#000;}
.feature a img{transition:.4s;}
.feature a:hover img{transform:scale(1.05);transition:.4s;}
.bottom-feature{}
.bottom-feature a{color:#000;}
.bottom-feature img{transition:.4s;}
.bottom-feature img:hover{transform:scale(1.05);transition:.4s;}
.bottom-content{margin:60px 0;}
.foot-top{background:#bfbfbf;padding:20px 0;text-align:center;}
.footer-btn{font-size:22px;font-family: 'Barlow Condensed', sans-serif;color:#fff;padding:5px 20px;border-radius:10px;transition:.5s;display:block;margin:10px 5%;width:90%;text-align:center;}
.footer-btn:hover , .footer-btn:active, .footer-btn:focus{ background:#363636 !important;text-decoration:none;color:#fff;}
.foot-mid{background:#363636;color:#ffffff;font-family: 'Barlow Condensed', sans-serif;font-size:28px;text-align:center;padding:10px 0;}
.foot-mid a{color:#ffffff;}
.foot-mid a:hover, .foot-mid a:active, .foot-mid a:focus{text-decoration:underline;}
.foot-lower{background:#750e13;}
.copy{color:#fff;text-align:center;font-family: 'Barlow Condensed', sans-serif;}
.foot-nav{text-align:center;}
#menu-footer-menu{display:inline-block;float:none;font-family: 'Barlow Condensed', sans-serif;}
#menu-footer-menu>li>a {color:#fff;padding-top:10px;padding-bottom:10px;}
#menu-footer-menu>li>a:hover, #menu-footer-menu>li>a:active, #menu-footer-menu>li>a:focus{background-color:transparent; color:#fff;text-decoration:underline;}


.striped-rows td{padding:5px;border:1px solid #cfcfcf;}
.striped-rows thead{background:#444;color:#efefef;}
.striped-rows tbody tr:nth-child(odd){background:#bfbfbf;}

.page-banner{padding:200px 0 0px 0;background:#ffffff;}
.instruction-section{padding:50px 0;}
.instruction-section .container{display:flex;justify-content:center;-webkit-flex-flow:row wrap;flex-wrap:wrap;}
.inst-inner{margin:30px auto;text-align:center;}
.text-section{padding:30px 0;}
.gray{background:#bfbfbf;}
.product-section:nth-child(odd){background:#efefef;}
.product-section:nth-child(even){background:#ffffff;}
.product-section{padding:20px 0;}
.product-section a{color:#750e13;}
.product-section a:hover, .product-section a:active, .product-section a:focus{color:#000000;}
.product-section h2{color:#750e13;border-bottom:1px solid #750e13;font-size:32px;}

.wpcf7{background:#363636;padding:20px 5px !important;border-radius:10px;}
.wpcf7-submit{width:100%;color:#fff;background:#750e13;padding:10px;border:none;border-radius:5px;font-size:20px;}
div.wpcf7 .ajax-loader{display:none !important;}
.wpcf7-submit:hover, .wpcf7-submit:active, .wpcf7-submit:focus{color:#000;background:#bfbfbf;}
.form-input{padding: 5px 10px;font-size: 18px;border-radius: 5px;max-height: 150px;width: 100%;margin-bottom: 20px;}


.anchor{margin-top:-100px;padding-top:100px;display:inline;}
.single main li{line-height:24px;}

.slider-section{max-width:600px;margin:40px auto;}
.slider-section .carousel-caption h3{color:#fff;text-shadow:none;margin:0; font-size:14px;font-weight:400;}
.slider-section .carousel-caption{padding:10px 30px;position:absolute;background:#750e13;display:flex;justify-content:center;align-items:center;}

.text-section ul li{padding-right:10px;}
.page-banner h4{font-style:italic;text-align:center;color:#750e13;font-size:16px;margin-bottom:20px;line-height:20px;}
.page-banner h4 a{color:#1000e9;}
ul li,ol li{break-inside:avoid;}

.cn-button-sm {
    background: #dab117;
    font-size: 12px;
    color: #363636;
    padding: 5px 20px;
    border-radius: 10px;
}



.anchor {
    scroll-margin-top: 80px;
}
.grecaptcha-badge {
  visibility: hidden;
}



@media all and (max-width: 1440px){.stacked-banner-content h3{font-size:20px;}}

@media all and (max-width: 1200px)  {.stacked-banner-content h3{font-size:16px;}.menu-bar .navbar-nav>li>a{font-size:16px;}.banner-content h3{font-size:40px;}
    .menu-bar .container {width: 100%;}
.banner-content p{font-size:26px;}}
@media all and (max-width: 1024px) {
  #menu-top-menu li>a{
  padding:10px 5px;
  font-size: 15px;
  }
}
@media all and (max-width: 992px)  {.stacked-banner-content li{font-size:12px;}.stacked-banner-content li.active{font-size:14px;}.menu-bar .navbar-nav>li>a {padding:10px;}.stacked-banner-content h3{padding:10px 15px;}.menu-bar .navbar-nav>li>.sub-menu a{font-size:14px;}h1{font-size:40px;}.sub-title{font-size:28px;}.menu-bar .navbar-nav>li>a{font-size:17px;}.logo a{font-size:42px;}.logo .sub{font-size:16px;}.header-btn{font-size:20px;}.header-middle a{font-size:28px;}.banner-section{padding-top:170px;}.banner-content{position:relative;left:auto;transform:translate(0,0);width:100%;}.banner-content h3{font-size:28px;}.btn-red,.btn-gray{font-size:18px;}.banner-content p{font-size:18px;}.page-banner{padding:180px 0 0px 0;}}

@media all and (max-width: 767px)  {.page-banner h4{font-size:14px;}#mainMenu.collapse{display:none !important}#mainMenu,#mainMenu.collapse.in{display:block !important;}.menu-bar .navbar-nav>li>.sub-menu{border:none;text-align:center;display:block;width:100%;position:relative;}.menu-bar .navbar-nav>li{width:100%;border-left:none;border-bottom:1px solid #fff;}.alignleft,.alignright,.pull-left,.pull-right{float:none !important;margin:0 auto;}header{position:static;}.navbar-nav>li{display:block;}.mobile-item{display:block  !important;}.top-nav{display:none;}.menu-bar .navbar-nav{margin:0;}.menu-bar .navbar-nav>li:last-child{border-right:none;}.navbar-collapse{margin:0 -15px;}.logo{text-align:center;}.top-menu{display:none;}.header-btn{margin:10px auto;display:table;float:none;}.mobile{display:block !important;}.banner-section{padding-top:0px;}.btn{margin:10px auto;}.page-banner{padding:30px 0 0px 0;}.carousel-indicators{position:relative;}.riv-heading {font-size: 24px;}
  .header-made-in-usa img {
    margin: 10px auto;
}
  .flex-right {
    justify-content: center;
}
}


@media print {h1{font-size:24px!important;}.header-middle a{font-size:20px;}.logo a{font-size:24px!important;}.menu-bar {display:none;}header{position:static;}.top-nav{display:none;}.logo{text-align:center;}.top-menu{display:none;}.header-btn{margin:10px auto;display:table;float:none;}.banner-section{padding-top:0px;}.btn{margin:10px auto;}.page-banner{padding:0px 0 0px 0 !important;}.main-content{padding:0px !important;}img{max-height:100px !important;width:auto !important;margin:auto;}.banner-section{padding:0 !important;}.banner-content{position:relative;}main p{font-size:12px;}.foot-nav{display:none;}
.match{height:unset !important;}a:after { content: "" !important;}.feature .col-xs-12{width:25% !important;}.embed-responsive{display:none;}.col-xs-6{width:16.6% !important;}.inst-inner{width:33.3% !important;margin:10px auto;}
	
	
}