/*
Theme Name: tfi
Author: WSI Web Success
Author URI: https://www.wsiwebsuccess.com/
Description: Theme for TFI
Version: 1.31
Tags: blog, two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images
Text Domain: tfi
*/

/* CSS Document */

html {
	box-sizing: border-box;
}
*,
*:before,
*:after
{
	box-sizing: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	color: #1c1c1c; /*almost black*/
	font-family:'Roboto', sans-serif;
	font-size:16px;
	line-height: 1.6em;
	font-weight:300;
	background-color:#dde1e4; /*light gray*/
}
.left-box{
	float: left;
	width:48%;
}
.right-box{
	float: right;
	width:48%;	
}
.postid-3989 p.price span , .postid-3991 p.price span {
	color: white;
	background-color: #fdb814;
	padding: 2px 20px 2px 10px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	z-index: 1;
	line-height: 1.6em;
	width: 100%;
	font-size: 16px !important;
	text-align: center !important;
}
.gform_wrapper .gform_footer {
	display: inline-block !important;
}
ol,
ul {
	margin: -5px 0 15px 0;
	font-size: 1em;
	font-weight:normal;
	padding-left:30px;
	line-height: 1.4em;
	color: #333333;
}
ol ol,
ul ul {
	font-size:1em;
}
hr {
	height: 2px;
	margin: 1em -15px;
	width: calc(100% + 30px);
	background: #61646a; /*gray*/
}
strong, b {
	font-weight:bold;
}
em {
	font-style:italic;
}
sup {
	font-size:.7em;
	vertical-align: top;
	line-height: 1.1em;
	margin-left: 2px;
}
u {
	text-decoration:underline;
}
h1 {
	padding: 0;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 2em;
	line-height: 1.2em;
	font-family:'Oswald', sans-serif;
}
h2 {
	padding: 0;
	margin: 20px 0 10px 0;
	font-weight: normal;
	font-size: 1.7em;
	line-height:1.2em;
	font-family:'Oswald', sans-serif;
}
.home-section h2 {
	text-align:center;
	position:relative;
	display:table;
	left: 50%;
	transform: translatex(-50%);
}
.home-section h2:before, .home-section h2:after {
	content:" ";
	height:2px;
	width:calc(50vw - 50% - 15px);
	position:absolute;
	top:50%;
	right:calc(100% + 8px);
	background-color:#606467; /*gray*/
}
.home-section h2:before {
	left:calc(100% + 8px);
}
.home .wptww-testimonial-content .fa-quote-left {
	display: none !important;
}
h3 {
	padding: 0;
	margin: 10px 0 5px 0;
	font-weight: normal;
	font-size: 1.5em;
	line-height:1.2em;
	font-family:'Oswald', sans-serif;
}
h4 {
	padding: 0;
	margin: 10px 0 5px 0;
	font-weight: 600;
	font-size: 1.2em;
	line-height:1.2em;
}
p {
	padding: 0;
	margin: 0 0 15px 0;
	font-weight:normal;
	font-size: 1em;
	color: #333333;
}
a {
	color:#ed472b; /*orange*/
	text-decoration:none;
}
a:hover, a:focus {
	color: #a6053b; /*red*/
	text-decoration:underline;
}
img {
	max-width:100%;
	height:auto;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
.container, .archive .site-main, .product-template-default .site-main {
	width:100%;
	margin:0 auto;
	max-width:1200px;
	padding:1px 15px;
	background-color:white;
}

.woocommerce form #newsletter_signup p.form-row {
	margin:0;
	padding:0 3px;
}
.woocommerce form #newsletter_signup p.form-row span.optional {
	display:none;
}

/* MINI TOP */
.mini-top {
	text-align:left;
	background-color:#dde1e4; /*light gray*/
	margin-top: -21px;
	margin-right: -15px;
	padding-right: 15px;
	position: relative;
	margin-bottom:10px;
	height:37px;
}
.mini-top ul {
	margin:0;
	list-style-type:none;
	display:inline-block;
}
.mini-top ul li {
	display:inline-block;
	padding:5px 10px 6px;
}
.mini-top a {
	color:#1c1c1c; /*almost black*/
}
.mini-top a:hover, .mini-top a:focus {
	color:#606467; /*dark gray*/
}
.mini-top .chevron {
	position:absolute;
	top:0;
	left:-5px;
}
.chevron {
	position: relative;
	text-align: center;
	height: 37px;
	width: 10px;
}
.chevron:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 50%;
	width: 10px;
	background: #fdb814; /*yellow*/
	transform: skew(-20deg, 0deg);
}
.chevron:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	height: 50%;
	width: 10px;
	background: #fdb814; /*yellow*/
	transform: skew(20deg, 0deg);
}

/* SEARCH */
.search {
	float:right;
	margin:0 20px 0 0;
	width:calc(100% - 210px);
}
.searchbutton {
	height:30px;
	width: 34px;
	float:right;
	border-radius:10px;
	background-image: url(../../../img/icons/search_color.png);
	background-size: 24px;
	background-repeat: no-repeat;
	border: none;
	background-color:transparent;
	background-position:4px 2px;
}
.search input[type=text] {
	padding: 3px 5px;
	width: calc(100% - 35px);
	border:1px solid lightgray;
}
.searchbutton:hover,
.searchbutton:focus {
	opacity:0.5;
}

/* TOP BAR */
.top-bar .container {
	padding:15px 15px 10px;
}
.logo {
	display:block;
	position:relative;
	width:250px;
	float:left;
}
.logo:hover{
	text-decoration:none;
}
.top-right {
	text-align:right;
	float:right;    
	margin-top: 5px;
	margin-left: 20px;
	width:calc(100% - 400px);
}
.top-right .cta-btn {
	float:right;
}
.phone {
	font-family:"Oswald", sans-serif;
	font-size:1.4em;
	color:#1c1c1c; /*almost black*/
	margin-left:20px;
	float: right;
	line-height: 33px;
}
.phone:hover, .phone:focus {
	color:#1c1c1c; /*almost black*/
	text-decoration:none;
}
.cta-btn {
	color:white;
	background-color:#fdb814; /*gray*/
	padding:2px 20px 2px 10px;
	font-weight:bold;
	text-transform:uppercase;
	position: relative;
	display:inline-block;
	z-index:1;
	line-height: 1.6em;
}
.cta-btn:hover, .cta-btn:focus {
	color:#1c1c1c; /*almost black*/
	text-decoration:none;
	background-color:#dde1e4; /*light gray*/
	cursor:pointer;
}
.cta-box {
	color: white;
	background-color: #fdb814;
	padding: 2px 20px 2px 10px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	z-index: 1;
	line-height: 1.6em;
	display: inline-block;
}
.back-arrow {
	position:relative;
	margin-left:10px;
}
.back-arrow span {
	width:15px;
	height:100%;
	position:absolute;
	left:0;
	z-index:2;
}
.back-arrow .cta-btn {
	padding:2px 10px 2px 20px;
}
.cta-btn:before, .back-arrow span:before {
	content: '';
	position: absolute;
	top: 50%;
	right: -5px;
	height: 50%;
	width: 8px;
	background: #606467; /*yellow*/
	transform: skew(-20deg, 0deg);
}
.cta-btn:after, .back-arrow span:after {
	content: '';
	position: absolute;
	top: 0;
	right: -5px;
	height: 50%;
	width: 8px;
	background: #606467; /*yellow*/
	transform: skew(20deg, 0deg);
}
.back-arrow span:after, .back-arrow span:before {
	right:unset;
	left:-5px;
}
.back-arrow span:after {
	transform: skew(-20deg, 0deg);
}
.back-arrow span:before {
	transform: skew(20deg, 0deg);
}

/* TOP NAV */
.top-nav .container {
	background-color:#606467; /*gray*/
	overflow:initial;
}
.top-nav #menu-main-menu {
	margin: 0;
	padding:0;
	width:calc(100% - 100px);
	float:left;
}
.top-nav #menu-main-menu li {
	display: inline-block;
	margin: 0;
	position:relative;
}
.top-nav #menu-main-menu li a {
	font-size: 15px;
	color:white;
	text-decoration: none;
	padding: 10px 15px;
	white-space: nowrap;
	display: block;
	position:relative;
}
.top-nav #menu-main-menu>li>a {
	font-family:'Oswald', sans-serif;
	font-size:1.4em;
}
.top-nav #menu-main-menu li a:hover,
.top-nav #menu-main-menu li a:focus {
	color:white;
}
.top-nav #menu-main-menu li:hover:after,
.top-nav #menu-main-menu li:focus:after {
	content:" ";
	position:absolute;
	bottom:0;
	left:0;
	height:2px;
	width:100%;
	background-color:#fdb814; /*yellow*/;
}
.top-nav #menu-main-menu .sub-menu {
	display:none;
	position: absolute;
	top: 33px;
	left: 0;
	background-color: #dde1e4; /*light gray*/
}
.top-nav #menu-main-menu .sub-menu a {
	color:#1c1c1c; /*almost black*/
}
.top-nav #menu-main-menu .sub-menu a:hover,
.top-nav #menu-main-menu .sub-menu a:focus {
	color:#1c1c1c; /*almost black*/
	background-color:#f8f8f8; /*super light gray*/
}
.top-nav #menu-main-menu li:hover .sub-menu,
.top-nav #menu-main-menu li:focus .sub-menu {
	display:block;
	padding:0;
	z-index:1050;
	max-height: calc(100vh - 200px);
	overflow-y: auto;
}
.top-nav #menu-main-menu .sub-menu li {
	display:block;
}
.top-nav #menu-main-menu li > a:after {
	content: " ";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 8px;
	vertical-align: middle;
	border-top: 4px solid white;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.top-nav #menu-main-menu li > a:hover:after, .top-nav li > a:focus:after{
	border-top:4px solid white;
}
.top-nav #menu-main-menu li > a:only-child:after {
	display: none;
}


/* MOBILE NAV */
.mobile-nav {
	float:right;
}
.mobile-nav .hamburger,
.mobile-nav .cross {
	margin: 0 auto;
	line-height: 1.2em;
}
.mobile-nav .hamburger img,
.mobile-nav .cross img{
	width:35px;
	display:block;
	margin-top:5px;
}
.mobile-nav ul {
	list-style:none;
	background-color: #dde1e4; /*light gray*/
	margin:0;
	padding:0;
	width:270px;
	max-width:100%;
	z-index: 3;
	font-size:18px;
}
.mobile-nav>ul {
	margin:3px 0;
	position:absolute;
	right:0px;
	display:none;
}
.mobile-nav ul li:last-child {
	border-bottom:unset;
}
.mobile-nav ul li a {
	padding: 15px;
	display: block;
	line-height: 1.1em;
	color: #1c1c1c; /*almost black*/
	font-size: 15px;
}
.mobile-nav ul li a:hover {
	color:#1c1c1c; /*almost black*/
	background-color:#f8f8f8; /*super light gray*/
}
.mobile-nav ul li ul {
	display:block;
	font-size:16px;
	background-color:#eceff0; /*medium light gray*/
}
.mobile-nav ul a {
	text-decoration:none;
}
.mobile-nav .sub-menu {
	overflow: hidden;
	height: 0px;
	transition: 0.3s height ease-in-out;
}
.mobile-nav .sub-menu.expanded {
	height: auto;
}
.mobile-nav li > a:after {
	content: " ";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 4px;
	vertical-align: middle;
	border-top: 4px solid #1c1c1c; /*almost black*/
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.mobile-nav li > a:only-child:after {
	display: none;
}

/* BANNER AREA */
.banner.container {
	background-color:unset;
	padding:0;
	margin:5px auto;
}
.banner {
	margin:5px;
}
.banner img {
	display:block;
}
.banner a{
	text-decoration:none;
}
.banner .half {
	margin:0;
	float:left;
	width: calc(33.33% - 3px);
	margin-left: 9px;
	position:relative;
	display:block;
}
.banner .half:after {
	content:" ";
	position:absolute;
	top:3%;
	left:3%;
	width:94%;
	height:94%;
	border:2px solid #fdb814; /*yellow*/
}
.banner .half .banner-text {
	position:absolute;
	bottom:6%;
	left:6%;
}
.banner .half h3 {
	color: white;
	text-transform: uppercase;
	margin: 0 0 6px 0;
	padding: 0;
	text-shadow:0 0 20px rgb(0 0 0 / 80%), 0 0 20px rgb(0 0 0 / 80%), 1px 1px 2px rgb(0 0 0 / 80%),1px -1px 2px rgb(0 0 0 / 80%);
	font-size:1.6em;
}
.banner .wide {
	width:calc(66.66% - 6px);
	float:left;
	border:unset;
	margin:0;
	position:relative;
	display:block;
	overflow:hidden;
}
.banner .wide .banner-text {
	color: white;
	position:absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	text-align: right;
	width: 370px;
	text-shadow:0 0 20px rgba(0,0,0,0.8), 0 0 20px rgba(0,0,0,0.8);
}
.banner .wide .banner-text h3 {
	font-size: 3em;
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
}
.banner .wide .banner-text ul {
	color:white;
	margin-top:15px;
	list-style-type:none;
	margin-bottom:0;
}
.banner .wide .banner-text li {
	border-bottom:1px solid white;
	padding:10px 0;
	line-height:1.4em;
}
.banner .wide .banner-text li:first-child {
	padding:0 0 10px 0;
}
.banner .wide .banner-text li:last-child {
	border-bottom:unset;
	padding:10px 0 0 0;
}
.banner .wide .banner-fade {
	position:absolute;
	top:-10px;
	right:0;
	height:calc(100% + 20px);
	width:390px;
	background-color:rgba(0,0,0,0.3);
	box-shadow:-6px 0 8px rgb(0 0 0 / 31%);
}
.banner .wide:after, .banner .wide:before {
	content:" ";
	position:absolute;
	top:calc(50% - 300px);
	left:0;
	height:600px;
	width:45px;
	border-top:300px solid #fdb814; /*yellow*/
	border-bottom:300px solid #fdb814; /*yellow*/
	border-right:30px solid transparent;
}
.banner .wide:after {
	left:unset;
	right:0;
	border-right:unset;
	border-left:30px solid transparent;
}
.inner .banner {
	margin:0 0 15px -15px;
}

/* CTA */
.cta {
	width:calc(25% - 13px);
	display:inline-block;
	vertical-align:top;
	margin:5px 5px 20px;
}
.mub_cta img {
	height: 218px;
}
.cta h3 {
	color:#1c1c1c; /*almost black*/
	margin:7px 0 10px;
}
.cta p {
	color:#1c1c1c; /*almost black*/
}
.cta img {
	width:100%;
	display:block;
}
.cta:hover, .cta:focus {
	text-decoration:none;
}
.main-cta {
	text-align:center;
}
.main-cta .cta {
	position:relative;
	width:calc(33.33% - 13px);
	border: 2px solid #606467; /*gray*/
	overflow:hidden;
}
.main-cta .cta h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	min-width: 150px;
	padding: 5px 15px 50px;
	color: white;
	margin: 0;
	z-index:1;
}
.main-cta .cta h3:after {
	content:" ";
	position:absolute;
	bottom:0;
	left:-20px;
	background-color: #1c1c1c; /*almost black*/
	transform: skewX(20deg);
	width: calc(100% + 30px);
	height: 100%;
	z-index:-1;
}
.main-cta .cta .cta-btn {
	position:absolute;
	bottom:10px;
	left: 15px;
	z-index:2;
}

/* CONTENT */
.note {
	font-size:.8em;
	font-style:italic;
}
.home-section .container, .home-section.container, .inner.content .container, .archive .site-main, .product-template-default .site-main {
	padding:15px;
}
.archive .term-description .right-box {
	display:none;
}
.archive .term-description .left-box {
	float:none;
	width:100%;
}
.product-template-default > .side-bar,
.archive > .side-bar {
	display:none;
}
#main-content {
	float:right;
	width:calc(100% - 300px);
	position:relative;
}
.inner #main-content {
	padding-left:30px;
}
.inner.no-side #main-content, .no-side #main-content {
	float:none;
	width:100%;
	padding:0;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 95%;
}
blockquote {
	position:relative;
	font-size:17px;
	padding:5px 10px;
	border-left:2px solid #606467; /*gray*/
}
blockquote p {
	padding-left:15px;
	font-style:italic;
	font-weight:200;
}
.customers {
	text-align:center;
}
.customer-logo {
	width: 100px;
	display: inline-block;
	margin: 5px;
}

/* SIDEBAR */
.side-bar {
	float:right;
	width:300px;
	padding:1px 15px 20px;
	margin:0 auto 20px;
	border:1px solid #606467; /*gray*/
}
.side-bar ul {
	list-style-type:none;
	padding:0;
}
.side-bar ul li a {
	line-height:1.8em;
	font-size:18px;
}
.side-bar li {
	list-style-type:none;
}
.side-bar h2 {
	width: calc(100% + 30px);
	margin-left: -15px;
	background-color: #dde1e4; /*light gray*/
	margin-top: -1px;
	padding: 10px 15px 13px;
	font-size:1.4em;
}
.side-bar .woocommerce ul.product_list_widget li {
	padding:0;
}
.side-bar .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
	margin:0 0 0 60px;
}
.side-bar ul.product_list_widget li:first-child a span,
.side-bar ul.wc-block-product-categories-list li:first-child a{
	border-top: 1px solid #dde1e4; /*light gray*/
}
.side-bar ul.product_list_widget li a span,
.side-bar ul.wc-block-product-categories-list li a{
	border-bottom: 1px solid #dde1e4; /*light gray*/
}
.side-bar ul.product_list_widget li a,
.side-bar ul.wc-block-product-categories-list li a{
	display: flex;
	align-items:center;
	color:#1c1c1c; /*almost black*/
}
.side-bar ul.wc-block-product-categories-list .wc-block-product-categories-list-item-count {
	display:none;
}
.side-bar ul.product_list_widget li a:hover span, 
.side-bar ul.product_list_widget li a:focus span,
.side-bar ul.wc-block-product-categories-list li a:hover,
.side-bar ul.wc-block-product-categories-list li a:focus{
	text-decoration:none;
	color:#1c1c1c; /*almost black*/
	background-color: #f3f3f3; /*super light gray*/
}
.side-bar ul.product_list_widget li a:hover, 
.side-bar ul.product_list_widget li a:focus{
	text-decoration:none;
}
.side-bar ul.product_list_widget li a span{
	padding:15px 10px;
	line-height:1.3em;
	font-weight:normal;
	width: calc(100% + 65px);
}
.side-bar ul.product_list_widget .woocommerce-Price-amount.amount {
	display:none;
}
.side-bar .woocommerce ul.product_list_widget img {
	width: 52px;
	outline: gray thin;
	border: 1px solid #eeeeee;
	margin-left: 0;
	margin-right: 10px;
	float:left;
}
.side-bar .wc-block-product-categories-list-item__image {
	margin-right:17px;
}
.side-bar ul.product_list_widget li a .attachment-woocommerce_thumbnail {
	width:100px;
}
.free-gift {
	display:inline-block;
	position:relative;
}
.free-gift:before {
	content:" ";
	position:absolute;
	top:calc(50% - 9px);
	left:-14px;
	width:10px;
	height:20px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 8px solid #fdb814; /*yellow*/
	margin-right: 10px;
}
.free-gift:after {
	content:" ";
	position:absolute;
	top:calc(50% - 9px);
	right:-22px;
	width:10px;
	height:20px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 8px solid #fdb814; /*yellow*/
	margin-right: 10px;
}

/* VIDEO POPUP */
.video {
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100vw - 20px);
	height: 100vh;
	z-index: 42;
	padding: 10px 30px;
	background-color: rgba(0, 0, 0, 0.8);
}
.video .close {
	color: white;
	font-size: 1.6em;
	text-align: right;
	width: 100%;
	display: block;
}
.video .close:hover,
.video .close:focus {
	cursor:pointer;
}
.video .embed-container {
	height: 41vw;
    overflow: hidden;
    width: 69vw;
    margin: 0 auto;
	padding:0;
}

/* POPUP */
.popup-wrap {
	opacity:0;
	position:fixed;
	bottom:-600px;
	left:5%;
	width:90%;
	max-height:90vh;
	overflow-y:auto;
	max-width:500px;
	transition: all .25s ease;
	background-color:white;
	padding:15px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.5);
	z-index:10;
}
.popup-wrap.open {
	opacity:1;
	bottom:30px;
}
.popup-wrap .close {
	position:absolute;
	top:6px;
	right:15px;
	color:white;
	font-size:20px;
	opacity:.5;
}
.popup-wrap .close:hover, 
.popup-wrap .close:focus {
	opacity:1;
	text-decoration:none;
}
.popup-wrap h2:first-of-type {
	background-color: #606467; /*gray*/
	color: white;
	border-bottom: 3px solid #fdb814; /*yellow*/
	padding: 15px 40px 15px 15px;
	margin-top: -15px;
	margin-left: -15px;
	width: calc(100% + 30px);
}
.popup-wrap .gform_wrapper.gravity-theme .gfield_label {
	margin-bottom:0;
}
.popup-wrap .gform_wrapper.gravity-theme .gform_footer {
	margin-top:20px !important;
	display:inline-block;
}

/* WOOCOMMERCE */
/*
.single-product .cart {
width:60px;
float:right;
text-align:center;
position:relative;
}*/
.top-nav .cart ul li:last-of-type {
	position: relative;
}
.cart li {
	list-style-type:none;
}
.cart-contents {
	height:45px;
	display:block;
}
.cart-contents:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;	
	content: "\f07a" !important;
	font-size: 30px;
	color: white;
	line-height:45px;
}
.cart-contents:hover {
	text-decoration: none;
}
.cart-contents-count {
	position: absolute;
	top: 24px;
	right: 7px;
	transform: translateY(-105%) translateX(25%);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	width: 22px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	background: #000;
	border-radius: 50%;
	padding: 1px;  
}


/* TESTIMONIALS */
.testimonials .wptww-testimonials-slidelist.design-1 .fa-quote-left, 
.testimonials .wptww-testimonials-list.design-1 .fa-quote-left,
.testimonials .wptww-testimonials-slide-widget.design-1 .fa-quote-left {
	display:none;
}
.testimonials .wptww-testimonials-slidelist p:first-child,
.testimonials .wptww-testimonials-slidelist p:last-child{
	display:none;
}
.testimonials .wptww-testimonials-text>em {
	display:none;
}
.testimonials .wptww-testimonials-text em:before {
	margin-right:5px;
}
.testimonials .wtwp-testimonials-slider-wrp {
	margin-top:15px;
	margin-bottom:-25px;
} 

/* CONTACT */
.gform_heading {
	margin-bottom:30px;
}
.gform_required_legend {
	display:none;
}
.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {
	border: 1px solid gray;
}
.gform_wrapper .gform_footer input {
	color: white;
	background-color: #fdb814; /*gray*/
	padding: 5px 20px 5px 10px;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
	margin:0 !important;
	border:unset;
	border-radius:unset;
}
.gform_wrapper .gform_footer input:hover, .gform_wrapper .gform_footer input:focus {
	color: #1c1c1c; /*almost black*/
	text-decoration: none;
	background-color: #dde1e4; /*light gray*/
}
.gform_wrapper .gform_footer {
	position:relative;
	padding:0 !important;
	margin:10px 0 !important;
	display:inline-block;
}
.gform_wrapper .gform_footer:before {
	content: '';
	position: absolute;
	top: 50%;
	right: -5px;
	height: 50%;
	width: 8px;
	background: #606467; /*yellow*/
	transform: skew(-20deg, 0deg);
	z-index:1;
}
.gform_wrapper .gform_footer:after {
	content: '';
	position: absolute;
	top: 0;
	right: -5px;
	height: 50%;
	width: 8px;
	background: #606467; /*yellow*/
	transform: skew(20deg, 0deg);
}
.gform_wrapper.gravity-theme #field_1_7.gfield.gfield--width-half {
	grid-column: span 2;
}
.gform_wrapper.gravity-theme #field_1_1.gfield.gfield--width-half {
	grid-column: span 10;
}
#field_1_7 .gfield_label {
	margin-bottom:9px;
}
.gform_wrapper.gravity-theme .gfield_description {
	font-style:italic;
}

/* SOCIAL */
.social {
	margin:20px 10px;
	padding: 0;
	line-height: 1em;
	text-align:center;
}
.social li {
	display: inline-block;
	margin:5px;
}
.social li a {
	line-height: 0;
	border-radius: 3px;
	padding: 3px;
	display: block;
}
.social li img {
	height: 22px;
	width:auto;
}
.social .tw {
	background-color: #1da1f2;
}
.social .youtube {
	background-color: red;
}
.social .youtube:hover, .social .youtube:focus {
	opacity: 0.8;
}
.social .tw:hover, .social .tw:focus {
	background-color: #167ab8;
}
.social .fb {
	background-color: #3b5998;
}
.social .fb:hover, .social .fb:focus {
	background-color: #2d4474;
}
.social .yt {
	background-color: #cd322d;
}
.social .yt:hover, .social .yt:focus{
	background-color: #9c2622;
}
.social .ln {
	background-color: #0c64c5;
}
.social .ln:hover, .social .ln:focus{
	background-color: #104f94;
}
.social .ig {
	background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
	background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
.social .ig:hover, .social .ig:focus {
	background: -webkit-radial-gradient(32% 106%, circle cover, rgb(194, 194, 95) 0%, rgb(194, 156, 80) 10%, rgb(190, 110, 42) 28%, rgb(179, 49, 49) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(27, 57, 164) 12%, rgb(148, 46, 145) 58%);
	background: -moz-radial-gradient(32% 106%, circle cover, rgb(194, 194, 95) 0%, rgb(194, 156, 80) 10%, rgb(190, 110, 42) 28%, rgb(179, 49, 49) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(27, 57, 164) 12%, rgb(148, 46, 145) 58%);
	background: -ms-radial-gradient(32% 106%, circle cover, rgb(194, 194, 95) 0%, rgb(194, 156, 80) 10%, rgb(190, 110, 42) 28%, rgb(179, 49, 49) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(27, 57, 164) 12%, rgb(148, 46, 145) 58%);
	background: -o-radial-gradient(32% 106%, circle cover, rgb(194, 194, 95) 0%, rgb(194, 156, 80) 10%, rgb(190, 110, 42) 28%, rgb(179, 49, 49) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(27, 57, 164) 12%, rgb(148, 46, 145) 58%);
	background: radial-gradient(circle farthest-corner at 32% 106%, rgb(194, 194, 95) 0%, rgb(194, 156, 80) 10%, rgb(190, 110, 42) 28%, rgb(179, 49, 49) 42%, transparent 82%), linear-gradient(135deg, rgb(27, 57, 164) 12%, rgb(148, 46, 145) 58%);
}

/* FOOTER */
.inner.content > .container, .product-template-default .site-main {
	padding-bottom:70px;
}
footer {
	color:white;
	padding:0 0 10px 0;
}
footer .container {
	background-color: #606467; /*gray*/
	position:relative;
}
footer a {
	color:white;
}
footer a:hover, footer a:focus {
	color:white;
}
.footer-nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}
.footer-nav ul li {
	display:inline-block;
	margin:5px 10px;
}
.payment-logos {
	width:200px;
	margin: 20px 0;
	position: absolute;
	right: 15px;
}
.footer-address {
	text-align:center;
	margin-top:20px;
}
.footer-address p {
	color:white;
}
.copyright {
	text-align:center;
	font-size:.7em;
}
.copyright p {
	color:white;
}

/* WP CONTROLS */
.wp-block-latest-posts__list {
	text-align:center;
}
.wp-block-latest-posts__list li {
	width:calc(33% - 4px);
	display:inline-block;
	margin:0 auto 20px;
	min-width:280px;
	vertical-align:top;
	text-align:left;
	padding:5px;
}
.wp-block-column h2:first-of-type,
.wp-block-column h3:first-of-type,
.wp-block-column h4:first-of-type {
	margin-top:0;
}

.wp-block-image img {
	height:auto;
}
.wp-block-image {
	margin:0;
}
.wp-caption {
	width:100%!important;
}
.wp-caption.caption-25{
	width:calc(25% - 4px)!important;
}
.wp-caption.caption-25 .size-img-25 {
	width:100%;
}
.wp-caption.caption-33{
	width:calc(33% - 4px)!important;
}
.wp-caption.caption-33 .size-img-33 {
	width:100%;
}
.wp-caption.caption-50 {
	width:calc(50% - 4px)!important;
}
.wp-caption.caption-50 .size-img-50{
	width:100%;
}
.wp-caption img {
	height:auto;
}
.wp-caption-text {
	text-align:center;
	font-style:italic;
	font-size:.9em;
	margin-top:5px;
}
.centered-img, .centered-img.alignleft, .centered-img.alignright, .centered-img.aligncenter {
	float:none;
	display:inline-block;
	padding:3px;
	margin:0;
}
.alignleft {
	float: left;
	margin: 0 30px 10px 0;
}
.alignright {
	float: right;
	margin: 0 0 10px 30px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.alignleft.size-2-across, .alignleft.size-3-across, .alignleft.size-4-across,
.alignright.size-2-across, .alignright.size-3-across, .alignright.size-4-across,
.aligncenter.size-2-across, .aligncenter.size-3-across, .aligncenter.size-4-across {
	margin:0;
	display:inline-block;
}
.size-full {
	height:auto;
}
.size-full img {
	height:auto;
}
.size-2-across {
	vertical-align:top;
	display:inline-block;
	width:calc(50% - 4px);
	padding:3px;
	height:auto;
}
.size-3-across {
	vertical-align:top;
	display:inline-block;
	width: calc(33.33% - 4px);
	padding:3px;
	height:auto;
}
.size-4-across {
	vertical-align:top;
	display:inline-block;
	width: calc(25% - 4px);
	border:0px;
	padding:3px;
	height:auto;
}
.size-two-thirds {
	vertical-align:top;
	display:inline-block;
	width: calc(66.66% - 4px);
	padding:3px;
	height:auto;
}
.size-img-25  {
	padding:2px;
	width: 25%;
	height:auto;
	min-width: 200px;
}
.size-img-33  {
	padding:2px;
	width: 33.33%;
	height:auto;
	min-width: 250px;
}
.size-img-50 {
	padding:2px;
	width: 50%;
	height:auto;
	min-width: 250px;
}
.size-img-100 {
	width:100%;
	height:auto;
}
.top-nav .cart ul {
	display: flex;
	gap: 15px;
	align-items: center;
	margin:0;
}
.top-nav .cart-contents-count {
	top: 26px;
	right: -2px;
}
.top-nav .cart-contents:before {
	font-size:25px;
}
.top-nav .cart ul a.codiffy_user_icon {
	font-size: 25px !important;
	line-height:30px;
}
.faqs {
	margin-bottom: 100px;
}
.home .wp-gr.wpac {
	width: 230px !important;
	margin: 0 auto !important;
}
.us-flag {
/* 	top: -144px !important;
	position: absolute;
	display: inline-block; */
	max-width: 500px !important;
	
	position: relative;
	top: 0;
	left: 0;
}

/* code by Muneeb codiffy */
.blog .inner.blog #main-content {
	float: none;
}
.blog .inner.blog .container {
	display: flex;
	flex-direction: row-reverse;
}
.blog .inner.blog .post-details {
	display: inline-block;
	margin-bottom: 4px;
}

/*  */
.wp-block-button.gform_wrapper.gform_footer {
	color: white;
	background-color: #fdb814;
	font-weight: bold;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
	margin: 0 !important;
}

.wp-block-button.gform_wrapper.gform_footer .wp-block-button__link {
	background-color: transparent;
	padding: 5px 20px 5px 10px;
	border: unset;
	border-radius: unset;
}

.wp-block-button.gform_wrapper.gform_footer:hover .wp-block-button__link {
	color: #1c1c1c;
	text-decoration: none;
	background-color: #dde1e4;
}

.mub_velcro_fastners {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
	gap: 30px;
	align-items: center;
	margin-bottom: 35px;
}

.mub_velcro_fastners.u_mb {
	margin-bottom: 80px;
}

.mub_velcro-logo {
	display: block;
	width: 30%;
}

footer .mub_velcro-logo {
	display: block;
	width: 80px;
	margin: 12px auto;
}

.blog .blog-post a,
.blog .side-bar a {
	color: #000000;
}

.woocommerce-product-details__short-description iframe {
	width: 100%;	
}

.yellow-bg .yellow-bg-seal {
	display: inline-block;
    position: relative;
    left: 12px;
    top: -5px;
}

@media (max-width:1000px) {
	.banner .wide .banner-text {
		font-size:.9em;
	}
	.banner .wide .banner-text li {
		padding:7px 0;
	}
	.banner .wide .banner-text li:first-child {
		padding: 0 0 7px 0;
	}
	.banner .wide .banner-text li:last-child {
		padding:7px 0 0 0;
	}

	.left-box{

		width:100%;
	}
	.right-box{

		width:100%;

	}
}

@media (max-width:950px) {
	.top-right{
		width: calc(100% - 240px);
	}
	.logo {
		width:200px;
		margin-top:5px;
	}
	.size-img-25 {
		width:33.33%;
	}
	.size-img-33 {
		width:50%;
	}
	.wp-caption.caption-25{
		width:calc(33.33% - 4px)!important;
	}
	.wp-caption.caption-33{
		width:calc(50% - 4px)!important;
	}
}

@media (min-width:800px) {
	.top-nav #menu-main-menu li.mobile-only {
		display:none;
	}
	.mobile-nav {
		display:none;
	}
}

@media (max-width:800px) {
	.mini-top {
		text-align:right;
	}
	.mini-top ul {
		display:none;
	}
	.phone {
		float:none;
	}
	.search {
		width:100%;
		margin:10px 0 0 0;
	}
	.top-nav #menu-main-menu {
		display:none;
	}
	.banner .half {
		float:none;
		width:100%;
		margin-top:7px;
		margin-left:0;
	}
	.banner .half img {
		padding-right: 180px;
		box-sizing: content-box;
		width:200px;
		margin:0 auto;
	}
	.banner .half .banner-text {
		left:calc(50% + 40px);
		width:130px;
		top: 50%;
		transform: translateY(-47%);
	}
	.banner .wide {
		float:none;
		width:100%;
	}
	.banner .wide img {
		width:100%;
	}
	.main-cta .cta {
		width:100%;
		max-width:300px;
	}
	.cta {
		width:calc(50% - 13px);
	}
	.container, .archive .site-main, .product-template-default .site-main {
		width:100%;
	}
	#main-content {
		float:none;
		width:100%;
	}
	.blog .inner.blog .container {
		flex-direction: column;
	}
	.inner #main-content {
		padding-left: 0;
	}
	.side-bar {
		float:none;
		width:100%;
		max-width:500px;
	}
	footer .social {
		position:unset;
		margin-top:15px;
		display: block;
		text-align: center;
		margin-left:0;
	}
	.payment-logos {
		position:unset;
		margin:20px auto;
		display:block;
	}
	.us-flag {
		left:calc(50% - 250px);
	}
	h1 {
		font-size: 1.6em;
	}
	h2 {
		font-size: 1.4em;
	}
	h3 {
		font-size: 1.2em;
	}
	.size-img-25 {
		width:50%;
	}
	.size-img-50, .size-img-50.alignleft, .size-img-50.alignright {
		width:100%;
		float:none;
		margin:10px auto;
		display:block;
	}
	.size-4-across {
		width:calc(50% - 4px);
	}
	.size-2-across {
		width:100%;
		float:none;
	}
	.wp-caption.caption-25{
		width:calc(50% - 4px)!important;
	}
	.wp-caption.caption-50, .wp-caption.caption-50.alignright, .wp-caption.caption-50.alignright {
		width:100%!important;
		float:none;
		margin:10px auto;
		display:block;
	}
	.mub_cta img {
		height: 170px;
	}
}
@media (max-width:640px) {
	.gform_wrapper.gravity-theme #field_1_7.gfield.gfield--width-half {
		grid-column: span 12;
	}
	.gform_wrapper.gravity-theme #field_1_1.gfield.gfield--width-half {
		grid-column: span 12;
	}
	.mub_velcro_fastners {
		gap: 0;	
	}
	.mub_velcro_fastners.u_mb {
		margin-bottom: 50px;
	}
	.yellow-bg .top-imgs {
		top: -9px !important
	}
}
@media (max-width:600px) {
	.wp-block-image .alignright, .wp-block-image .alignleft {
		float:none;
		margin:.5em auto;
	}
	.size-img-33, .size-img-33.alignleft, .size-img-33.alignright {
		width:100%;
		float:none;
		margin:10px auto;
		display:block;
	}
	.size-3-across {
		width:100%;
		float:none;
	}
	.size-two-thirds {
		width:100%;
		float:none;
	}
	.size-img-66, .size-img-66.alignleft, .size-img-66.alignright {
		width:100%;
		float:none;
		margin:10px auto;
		display:block;
	}
	.wp-caption.caption-33, .wp-caption.caption-33.alignleft, .wp-caption.caption-33.alignright{
		width:100%!important;
		float:none;
		margin:10px auto;
		display:block;
	}
}
@media (max-width:550px) {
	.us-flag {
		left: calc(50% - 50vw + 25px);
		position: relative;
	}
}
@media (max-width:500px) {
	.logo {
		width:calc(100% - 188px);
		height:50px;
		max-width:200px;
	}
	.top-right {
		width:100%;
		margin-top:-27px;
	}
	.mini-top {
		width: 170px;
		position: absolute;
		top: 0;
		right: 0;
		margin-top:0;
		margin-right:0;
	}
	.banner .half img {
		width:150px;
	}
	.banner .wide .banner-fade {
		display:none;
	}
	.banner .wide .banner-text {
		position: unset;
		transform: unset;
		width: 100%;
		text-align: center;
		text-shadow: unset;
		background-color: #1c1c1c; /*almost black*/
		padding:8px 40px 13px;
	}
	.banner .wide .banner-text h3 {
		font-size:2.4em;
	}
	.banner .wide .banner-text ul {
		padding:0;
	}
	.banner .wide:after, .banner .wide:before {
		width:35px;
		border-right: 20px solid transparent;
	}
	.banner .wide:after {
		border-right: unset;
		border-left:20px solid transparent;
	}
	.banner .half .banner-text {
		left:50%;
	}
	h1 {
		font-size: 1.4em;
	}
	h2 {
		font-size: 1.3em;
	}
	.size-img-25, .size-img-25.alignright, .size-img-25.alignleft {
		width:100%;
		float:none;
		margin:10px auto;
		display:block;
	}
	.size-4-across {
		width:100%;
		float:none;
	}
	.wp-caption.caption-25, .wp-caption.caption-25.alignleft, .wp-caption.caption-25.alignright{
		width:100%!important;
		float:none;
		margin:10px auto;
		display:block;
	}
	.us-flag {
		max-width: 320px !important;
	}
}

@media (max-width:400px) {
	.woocommerce div.product p.price, .woocommerce div.product span.price {
		width:100%;
		float:none;
	}
	.woocommerce div.product form.cart {
		width:100%;
		float:none;
	}
}

@media (max-width: 550px){
	.us-flag {
/* 		top: -194px !important; */
	}
}