@charset "UTF-8";
 img {
   transition: opacity 0.3s;
     
 }

.home_block_1 h1 {
	font-size: 2.0rem !important;
}
.home_block_1 p {
	font-size: 1.25rem !important;
	text-align: justify !important;
	line-height: normal !important;
}


.home_page_icons i {
	font-size: 7.5rem !important;
}

.home_page_icons span {
	font-size: 2.5rem !important;
	padding-top: 25px!important;
}

.navbar-light .nav-link small {
	font-size: 0.75rem !important;
}
 .navbar-brand  { text-align: center !important; }

.navbar-left {
    left: 50px !important;
}



.navbar-dark .navbar-left {
    position: sticky!important;
    top: 0 !important;
    left: 50px !important;
}
.navbar-dark .navbar-right {
    position: fixed !important;
    top: 0 !important;
    right: 50px !important;
}

.nav-link {
	
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 1.5rem !important;
	font-size: 0.8rem !important;
}


	.text_block p {
		font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" !important;
        text-align: justify;
	}


.policies h1 {
		text-align: left !important;
		padding-top: 50px !important;
		padding-bottom: 10px !important;
	}
	
.policies h3 {
		
		padding-top: 50px !important;
		padding-bottom: 25px !important;
	}
	
	.policies h4 {
		padding-bottom: 10px;
	}
	.policies p {
		font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" !important;
	}
	.policies li {
		font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" !important;
	}
	.policies ul {
		padding-top: 25px;
	}
.product-list h1 {
	padding-top: 0 !important;
}

.product-list p {
		font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" !important;
	}


.solfind_link name {
	text-align: left !important;
}

 .lil {
   font-size: 1.0rem !important;
 }
 @media print {
   .page-footer {
     display: none;
   }
   .hidden-print {
     display: none;
   }
   .invoice_footer {
     bottom: 0;
   }
 }
 .wild {
   outline: 1px solid yellow;
 }
 .message_box {
   margin: 0px;
   padding: 0px;
	 border-radius: 50%;
 }
 body {
   padding: 0px;
   margin: 0px;
   height: 100%;
   color: #523414 !important;
   background-position: center;
   background-position-y: 2.04px;
   background-size: cover;
   transition: 0.1s linear;
   transition-property: background-position;
   scroll-behavior: smooth !important;
	 background-color: #E1F5FF;
 }

 @media(max-width: 767px) {
   body {
     background-attachment: fixed !important;
     background-repeat: no-repeat;
     background-size: cover;
     background-origin: border-box;
   }
     
     .home_tagline h1 {
         padding-top: 25px !important;
     }
     .home_b_a {
         padding-top: 25px !important;
     }
	
     .large_icons {
         margin-top: 25px !important;
     }
     .text_block {
         margin-top: 50px !important;
     }
 }



 .parent {
   position: relative;
   overflow: hidden !important;
 }
 .child {
   position: absolute;
   top: -9999px;
   bottom: -9999px;
   left: -9999px;
   right: -9999px;
   margin: auto;
 }
 .home_header {
   text-shadow: 0.5px 0.5px 1px black, 0 0 0.1em black;
   padding: 75px;
   font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif';
   font-weight: bolder;
   color: white !important;
   font-size: 3.0rem !important;
 }
 td {
   vertical-align: middle !important;
 }
 h1 {
   font-size: 3.0rem !important;
   text-align: center;
 }
 h2 {
   font-size: 1.75rem !important;
 }
 h3 {
   font-size: 1.5rem !important;
 }
 h4 {
   font-size: 1.25rem !important;
 }
 h5 {
   font-size: 1rem !important;
 }
 h6 {
   font-size: 0.75rem !important;
 }
 h8 {}
 a {
   color: #006A71 !important;
 }
 a:hover {
   text-decoration: none !important;
   color: #228C93 !important;
 }
 input[type=number]::-webkit-inner-spin-button {
   opacity: 1
 }
 .wrap {
   white-space: normal;
   flex-wrap: wrap;
 }
 .lssrchres {
   width: 100% !important;
 }
 .page-item.active .page-link {
   background-color: transparent !important;
 }
 .latest_blog_text {
   background-color: rgba(0, 0, 0, 0.4) !important;
   width: 100% !important;
   left: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   position: absolute;
 }
 .blog_content {
   line-height: 16px;
 }
 .blog_content p {
   line-height: 18px;
 }
 .solution_finder {
   -moz-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   -webkit-transition: all .4s ease-in;
   -ms-transition: all .4s ease-in;
   transition: all .4s ease-in;
   transition-delay: 1ms;
   padding-top: 15px !important;
   padding-bottom: 15px !important;
   padding-left: 0px;
   padding-right: 0px;
   text-align: center;
 }
 .solutions {
   display: none;
   margin-top: 50px;
 }
 .solution_div {
   margin-top: 50px;
   text-align: center;
   background-color: rgba(127, 219, 218, 0.9) !important;
   display: none;
   border-radius: 10px;
 }
 .solution_finder h2 {
   font-size: 1.0rem !important;
 }


 .btn-primary {
   background-color: #006A71 !important;
   border-color: #006A71 !important;
 }
 #btncategories .active i {
   color: mediumspringgreen;
 }
 .inline_flex {
   flex-wrap: nowrap;
 }
 .scroll {
   white-space: nowrap; /* [1] */
   overflow-x: auto !important; /* [2] */
     flex-wrap: nowrap !important;
   -webkit-overflow-scrolling: touch; /* [3] */
   -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */
 }
 /* [5] */
 .scroll::-webkit-scrollbar {
   display: none;
 }

.no-wrap {
    flex-wrap: nowrap !important;
}
 #btncategories {
   height: 115px !important;
   font-size: 8pt !important;
 }
 .icon {
   padding: 0px;
 }
 .filter-button {
   padding: 5px;
   width: 90px;
 }
 .filter-all {
   text-decoration: underline;
   font-weight: bold
 }
 .filter-info {
   text-align: center;
   color: aqua;
   width: 100% !important;
   padding: 0.5rem;
   display: none !important;
 }
 .filter-info-home {
   text-align: center;
   color: aqua !important;
   width: 100% !important;
   padding: 0.5rem !important;
 }
 .testimonials {
   display: none;
 }
 
 .blog_bg {
   -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
   background-size: 100% 100%;
   background-repeat: no-repeat;
 }
 .margin_5 {
   margin-bottom: 5px !important;
 }
 .spacer_sm {
   height: 25px;
 }
 .spacer {
   height: 50px;
 }
 .inner_spacer {
   height: 50px !important;
 }
 .thumbnail {
   transition-duration: 250ms;
   transition-property: all;
   transform-origin: middle;
   cursor: alias;
   width: 125%;
 }
 .thumbnail:hover {
   width: 100% !important;
   margin: auto !important;
   transform-origin: center;
   animation: scale 0ms ease-in-out forwards;
   cursor: zoom-in;
   transition-duration: 125ms !important;
   transition-property: all;
 }
 .page_title {
   text-align: justify;
   font-size: 2rem !important;
 }
 .inner_blog_card {
   border-radius: 0 !important;
   padding: 15px;
 }
 .blog_card {
   border-radius: 0 !important;
   padding-left: 0px !important;
   padding-right: 0px !important;
   padding-bottom: 0px !important;
   margin-bottom: 15px;
 }
 .fa-instagram-ft {
   color: transparent;
   background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
   background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
   background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
   background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
   background-clip: text;
   -webkit-background-clip: text;
 }
 .fa-facebook-ft {
   color: #3b5998 !important;
 }
 .fa-twitter-ft {
   color: #00acee !important;
 }
 .fa-linkedin-ft {
   color: #0e76a8 !important;
 }
 .fa-linkedin-in-ft {
   color: #0e76a8 !important;
 }
 .fa-youtube-ft {
   color: #c4302b !important;
 }
 .fa-facebook-messenger-ft {
   color: #0084FF !important;
 }
 .bg-dark {}
 .parallax::after {
   /* Display and position the pseudo-element */
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   transform: translateZ(-1px) scale(1.5);
   background-size: 100%;
   z-index: -1;
 }
 .navbar-nav {
   text-align: right !important;
   right: 0px !important;
 }
 .navbar {
   background-color: white !important;
 }
 .navbar a {
   color: #006A71 !important;
 }
.navbar-mini a {
    color: #EEEEEE !important;
}


 .navbar a:hover {
   text-decoration: none !important;
   color: #228C93 !important;
 }
 .navbar-light {
   min-height: 50px;
 }
 .navbar-brand {
   max-width: 225px;
  
   color: ghostwhite;
   padding-left: 10px;
 }
 .navbar-brand img {
   height: 75%;
   width: 75%;
 }
 .navbar-mobile {
   display: none !important;
   background-color: darkseagreen;
   width: 100% !important;
   height: 100px;
   margin: 0px;
   top: 0 !important;
 }
 .navbar-collapse {
   position: absolute;
   right: 50px;
 }
 .page-footer {
   background-color: #B2EBF2;
   background-color: #FFFFFF;
   position: static;
   bottom: 0;
   width: 100% !important;
	 z-index: 1000;
 }

 .page-footer a {
   color: #006A71;
 }
 .page-footer i {
   padding: 0 5px;
 }
 .search-menu {
   padding-left: 0px !important;
 }
 .searchbar {
	 
   z-index: 222;
   position: fixed;
   width: 100% !important;
   border-top:  0.5px solid lightgrey;
   display: none;
   background-color: rgba(255, 255, 255, 1.0) !important;
   margin-right: 0;
	 margin-left: 0;
   left:0;
   right:0;
 }
 .searchbar_input {
   height: 30px !important;
	 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" !important;
 }
 .search_button {
   height: 25px;
   padding-top: 0px;
   padding-bottom: 0px;
 }
 .spacer_10 {
   height: 10px
 }
 .content {
   height: 100%;
   width: auto;
   text-align: center;
   overflow-x: hidden !important;
   overflow-y: hidden !important;
 }
 .wrapper {
   padding: 0px;
   color: #523414 !important;
 }
 .solfind_link {
   text-align: justify;
   white-space: pre-line;
 }
 .sol-finder-box {
   background: rgba(127, 219, 218, 0.9) !important;
 }
 #solselect .firstOption {
   font-style: italic;
 }
 .star-container {
   font-size: 14px;
 }
 .star {
   color: #ccc;
   cursor: pointer;
   transition: all 0.2s linear;
 }
 .star:hover {
   color: yellow;
 }
 .star-checked {
   color: gold;
 }
 .home_block_1 {
   min-height: calc(50vh - 110px);
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
 }
 .first_home_p {
   font-size: 1.125rem !important;
   font-weight: bolder !important;
   text-align: center;
 }
 .home_slide_overlay {
   background: rgba(255, 255, 255, 0.3);
   width: 100%;
   min-height: calc(50vh - 110px);
 }
 .slide_blurb {
   background: rgba(0, 80, 134, 0.5);
   padding: 10px;
   border-radius: 5px;
 }
 .home_content_bottom p {
   text-align: justify;
 }
 .home_content_bottom {
   text-align: justify;
   font-weight: bolder;
   color: black;
   background-color: rgba(127, 219, 218, 0.9) !important;
   padding: 20px !important;
   padding-left: 25px;
   padding-right: 25px !important;
 }
 .home_content_bottom h2 {
   text-align: center;
 }
 p {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
   font-weight: 200 !important;
   font-size: 1.125rem !important;
   line-height: 20px;
   margin: auto;
 }
 .slide_content {
   padding: 25px;
   color: #000;
 }
 .home_slide_1 {}
 .home_slide_2 {}
 .home_slide_3 {}
 .r_4_3 {
   padding-top: 75%;
 }
 .line {
   height: 1px !important;
   background-color: transparent !important;
   margin: 0px;
   padding: 0px;
 }
 .view_prod_name {
   font-size: 1.4rem !important;
 }
 .view_prod_desc {
   font-size: 1.0rem !important;
   text-align: justify;
 }
 .remed_text_1 {
   text-align: justify;
   padding: 10px;
 }
 .remed_text_header {
   background-color: transparent;
   padding: 10px;
   text-align: justify;
 }
 .name i {
   color: darkgrey;
 }
 .blueDiagonal {
   left: -10px;
   height: 0;
   width: auto !important;
   border-top: 100px solid #d3e29d;
   border-left: 100vw solid transparent;
 }
 .greenContent {}
 .whiteDiagonal {
   width: auto !important;
   height: 0;
   position: absolute;
   bottom: 0px;
   border-bottom: 100px solid white;
   border-left: 100vw solid transparent;
 }
 .whiteContent {
   width: auto !important;
   height: 100%;
   background: white;
 }
 .filterDiv {
   display: none;
 }
 .show {
   display: block !important;
 }
 .filter-button {
   background: transparent !important;
   border: transparent !important;
   font-size: 8pt !important;
 }
 .filter-button:hover {
   color: mediumspringgreen;
 }

.btn-info a {
	color: #FFF !important
}
.btn-info {
	color: #006A71 !important
}
.btn-info a:hover {
	color:lightskyblue!important;
}
 .tooltip .tooltiptext {
   visibility: hidden;
   width: 120px;
   background-color: black;
   color: #fff;
   text-align: center;
   padding: 5px 0;
   border-radius: 6px;
   top: 100%;
   left: 50%;
   margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip *
  /* Position the tooltip text - see examples below! */
   position: absolute;
   z-index: 1;
 }
 .tooltip .tooltiptext::after {
   content: " ";
   position: absolute;
   bottom: 100%; /* At the top of the tooltip */
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: transparent transparent black transparent;
 }
 .tooltip:hover .tooltiptext {
   visibility: visible;
 }
 /* The side navigation menu */
 .account_sidebar {
   margin: 0;
   padding: 0;
   width: 250px;
   background-color: #f1f1f1;
   position: fixed;
   height: 100%;
   overflow: auto;
 }
 .account_sidebar .header {
   height: auto;
   display: block;
   padding: 16px;
 }
 /* Sidebar links */
 .account_sidebar a {
   display: block;
   color: black;
   padding: 16px;
   text-decoration: none;
 }
 /* Active/current link */
 .account_sidebar a.active {
   background-color: #4CAF50;
   color: white;
 }
 /* Links on mouse-over */
 .account_sidebar a:hover:not(.active) {
   background-color: #555;
   color: white;
 }
 /* Page content. The value of the margin-left property should match the value of the sidebar's width property */
 div.account_content {
   margin-left: 200px;
   padding: 1px 16px;
   height: 1000px;
 }
 @media(max-width: 767px) {
	 
   .fa-2x {
     font-size: 1.5rem;
   }
   inline_flex {
     flex-wrap: nowrap;
   }
	 .carousel-indicators {
		 position: inherit !important;
	 }
   .scroll {
     white-space: nowrap; /* [1] */
     overflow-x: auto !important; /* [2] */
        flex-wrap: nowrap !important;
     -webkit-overflow-scrolling: touch; /* [3] */
     -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */
   }
   /* [5] */
   .scroll::-webkit-scrollbar {
     display: none;
   }
   #btncategories {
     height: 135px !important;
     font-size: 8pt !important;
   }
   .icon {
     padding: 0px;
   }
   .filter-button {
     padding: 5px;
     width: 90px;
   }
   .filter-info {
     text-align: center;
     color: aqua;
     width: 100% !important;
     padding: 0.5rem;
     display: inherit !important;
   }
	 .name {
		 text-align: left !important;
	 } 
	 
	 .title_cell {
		  margin-left: 0 !important;
		 white-space: nowrap !important;
	 }
	 .tag_cell {
		 width: auto!important;
		 white-space: nowrap!important;
		 font-size: 14pt!important;
	 }
	 
	 .title_product {
		 font-size: 6.5vw !important;
	 }
	 
	 .product_block {
		 padding-left: 0px;
		 padding-right: 0px;
	 }
	 
 }

 /* On screens that are less than 700px wide, make the sidebar into a topbar */
 @media screen and (max-width: 768px) {
	 
	 .navbar-brand { text-align: left !important; }
	
   .account_sidebar {
     width: 100%;
     height: auto;
     position: relative;
   }
	 
	 
   .sidebar a {
     float: left;
   }
   div.content {
     margin-left: 0;
   }
   .solfind_link p {
     font-size: 0.75rem !important;
   }
 }
 .round_corner {
   border-radius: 10px !important;
 }
 .msgBar {
   background-color: #438A5E !important;
   text-align: center;
   color: white;
 }
 /* On screens that are less than 400px, display the bar vertically, instead of horizontally */
 @media screen and (max-width: 400px) {
   .account_sidebar a {
     text-align: center;
     float: none;
   }
 }
 /*						*/
 /* Smartphone Modifiers */
 /*						*/
 @media screen and (min-width:800px) {}
 .remed_header {
   font-size: 96px !important;
 }
 @media screen and (max-width:800px) {
	 
	 
	 
   .remed_header {
     font-size: 2.0rem !important;
     padding: 25px !important;
   }
   .remed_content_block {
     font-size: 0.75rem !important;
   }
   .home_header {
     font-size: 1.625rem !important;
     padding: 25px !important;
   }
   .home_content_block {
     font-size: 0.75rem !important;
   }
   .home_header {
     font-size: 1.625rem !important;
     padding: 25px !important;
   }
   .home_content_block {
     font-size: 0.75rem !important;
   }
   .parent {
     position: relative;
     overflow: hidden !important;
   }
   .child {
     position: absolute;
     top: -9999px;
     bottom: -9999px;
     left: -9999px;
     right: -9999px;
     margin: auto;
   }
   .product_block {
     height: auto !important;
   }
   .nav-tabs {
     float: none !important;
   }
   .nav-link {
     font-size: 1.375rem !important;
   }
   .nav-item {
     width: 100% !important;
     margin: 0;
     display: inline !important;
   }
   .navbar-nav-upper .nav-item {
     width: 40% !important;
     margin: 0;
     display: inline !important;
   }
   .product_name_h2 {
     display: inline-block !important;
   }
   .show_mobile {
     display: inline-block !important;
   }
   .top_blog_img {}
   .most-viewed {
     top: 0 !important;
     width: 40% !important;
     margin-left: 0 !important;
     margin-right: 0 !important;
     margin-top: 0 !important;
     font-size: 10px !important;
   }
   .hide_mobile {
     display: none !important;
   }
   .unhide_mobile {
     display: inherit !important;
   }
   .margin_mobile {
     margin: 0px !important;
   }
   .padding_mobile {
     padding: 0 !important;
   }
   .t-a-c-m {
     text-align: center !important;
   }
   .p-m-x-15 {
     padding-left: 15px !important;
     padding-right: 15px !important;
   }
   .sol-finder-box {
     width: 100% !important;
     border-radius: 0px !important;
   }
   .round_corner {
     border-radius: 0px !important;
   }
   .row {
     margin-left: 0px !important;
     margin-right: 0px !important;
   }
   .testimonials {
     height: 250px !important;
     margin-bottom: auto;
     margin-top: auto;
   }
   .text_wrap_test {
     margin-top: auto !important;
     margin-bottom: auto !important;
   }
   .map_holder {
     padding-right: 15px !important;
     padding-left: 15px !important;
   }
   .map_header {
     text-align: center !important;
     padding-right: 0px !important;
   }
   .desktop {
     display: none;
   }
   .navbar-green {
     position: relative;
     display: none !important;
   }
   .navbar-light {
     min-height: 86px;
	   border: none !important;
   }
   .spacer {
     height: 0px !important;
   }
   .spacer_m {
     height: 50px !important;
   }
   .blueContent {
     display: none !important;
   }
   .icon {
     padding-bottom: 10px;
   }
   .navbar-brand {
     padding-left: 0px;
     margin-left: 0.75rem;
     max-width: 175px;
	 
   }
   .navbar-mobile {
     display: block !important;
   }
   .navbar-collapse {
     position: unset;
     right: auto;
   }
   .navbar-nav-upper {
     text-align: center !important;
     right: auto !important;
     display: block !important;
     /*-ms-flex-direction: column;
    /* flex-direction: column;
	*/
   }
   .navbar-nav {
     text-align: center !important;
   }
   .dropdown-menu {
     padding-right: 10px !important;
   }
   .dropdown-toggle::after {
     display: none !important;
   }
   .dropdown-toggle-1::after {
     display: none !important;
   }
   /*						*/
   /*	 Tablet Modifiers   */
   /*						*/
 }
 .input_page .row {
   display: -ms-flexbox; /* IE10 */
   display: flex;
   -ms-flex-wrap: wrap; /* IE10 */
   flex-wrap: wrap;
   margin: 0 -16px;
 }
 .input_page .col-25 {
   -ms-flex: 25%; /* IE10 */
   flex: 25%;
 }
 .input_page .col-50 {
   -ms-flex: 50%; /* IE10 */
   flex: 50%;
 }
 .input_page .col-75 {
   -ms-flex: 75%; /* IE10 */
   flex: 75%;
 }
 .input_page .col-25, .input_page .col-50, .input_page .col-75 {
   padding: 0 16px;
 }

.cart_bubble {
	left:auto !important;
	right: 26px !important;
	bottom: 100px !important;
}
.cart_bubble_inner:hover {
	background-color: lightskyblue!important;
}
.cart_bubble_inner:active {
	background-color: lightskyblue!important;
}

.product_block:hover {
	background-color: #EDF5FF !important;
}

.font-lato {
    font: 400 16px Lato, sans-serif!important;
}

.btn-update-info {
	font-weight: bold; background-color: cadetblue; padding: 15px; color: white; border: none; border-radius: 25px; margin-top: 25px !important; margin-bottom: 25px !important;
}
.btn-update-info:hover {
	 background-color: cornflowerblue !important; 
}

 .input_page .container {
   background-color: #ffffff;
   padding: 5px 20px 15px 20px;
	 text-align: left !important;
 }
 .input_page .container h1 {
   text-align: left !important;
	 padding-bottom: 25px;
 }
 .input_page input[type=text] {
   width: 100%;
   margin-bottom: 20px;
   padding: 12px;
   border: 1px solid #ccc;
   border-radius: 3px;
 }
 .input_page select {
   width: 100%;
   margin-bottom: 20px;
   padding: 14.5px 10px;
   border: 1px solid #ccc;
   border-radius: 3px;
 }
 .input_page label {
   margin-bottom: 10px;
   display: block;
 }
 .input_page .icon-container {
   margin-bottom: 20px;
   padding: 7px 0;
   font-size: 24px;
 }
 .input_page .btn_checkout {
   background-color: #4CAF50;
   color: white;
   padding: 12px;
   margin: 10px 0;
   border: none;
   width: 100%;
   border-radius: 3px;
   cursor: pointer;
   font-size: 17px;
 }
 .input_page .btn:hover {
   background-color: #45a049;
   color: white;
 }
 .input_page span.price {
   float: right;
   color: grey;
 }
 .input_page .b-pad {
   padding-top: 25px;
   padding-bottom: 25px;
 }

 .animated {
           
            -webkit-animation-duration: 10s;animation-duration: 10s;
            -webkit-animation-fill-mode: both;animation-fill-mode: both;
         }
         
         @-webkit-keyframes fadeOut {
            0% {opacity: 1;}
            100% {opacity: 0;}
         }
         
         @keyframes fadeOut {
            0% {opacity: 1;}
            100% {opacity: 0;}
         }
         
         .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
         }



 /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (and change the direction - make the "cart" column go on top) */
 @media (max-width: 800px) {
	 
	 .product-list h1 {
		 text-align: left !important;
		 font-size: 1.25rem !important;
		 padding: 25px 25px 25px 0px !important;
		 
		padding-top: 50px !important;
		padding-bottom: 10px !important;
	 }
	 
	 .product-list p {
		 padding-right:0 !important;
	 }
	 .cart_totals {
		 width: 100%;
		 
	 }
	 .cart_totals input {
		 width: 100%;
	 }
	 .cart_bubble {
	right:auto !important;
	left: 25px !important;
	bottom: 20px !important;
		 
}	 .btn_tawk_loading {
	right: 26px !important;
	bottom: 20px !important;
} 
   .input_page .row {
     flex-direction: column-reverse;
   }
   .input_page .col-25 {
     margin-bottom: 20px;
   }
   .input_page .mobil {
     padding-top: 0px !important;
     padding-bottom: 0 !important;
   }
   .input_page .m-pad {
     padding-left: 15px;
     padding-right: 15px;
   }
 }