/* DEFAULT */

:root {
	--animate-duration: 0.7s;
}
* {
	font-family: Lato,'Helvetica Neue',Helvetica,Arial,sans-serif
}

body {
	background:#fff;
}

h1 {
	font-size:240%;
}
html{
	scroll-behavior: smooth
}
/* DEFAULT */




/* BOOTSTAP ATTRIBUTIONS */
.blogcontent ol li {
	font-size:120%!important;
}
.blogoverview p {
	color:#777!important;
}
.blogoverview .card-title a:hover {
	color:#28a745 !important;
	text-decoration: none;
}
a:active {
	border: none;
	outline: none;
}
.card {
	box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
}
.card.shadow-0 {
	box-shadow:none;
}

.display-5 {
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-6 {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-7 {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.2;
}

label {
	justify-content: left!important;
}

.mt-min-2 {
	margin-top:-.5rem!important
}


.text-black {
    color:#000;
}

.text-grey {
    color:#777;
}

.page-link {
    color:#777;
}

.text-muted {
    color: #a9a9a9!important;
}

.page-item.active .page-link {
	color: #fff;
    background-color: #c0c0c0;
    border-color: #c0c0c0;
}

.text-light-grey{
    color:#ddd;
}

.text-blue {
	color: #0b77d0;
}

.text-green {
	color:#28a745;
} 

.btn-primary {
    color: #fff;
    background-color: #0b77d0;
    border-color: #0b77d0;
}

.btn-outline-white {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

.btn-outline-white:hover {
	border-color: #f7f7f7;
	color: #fff;
}

.btn-secondary {
    color: #fff;
    background-color: #c0c0c0;
    border-color: #c0c0c0;
}

.pagination {
   justify-content: center;
}

.btn-secondary:hover {
    background-color: #9aa2a9;
    border-color: #9aa2a9;
}

.bg-light-blue {
	background:#edf6fb!important;
}

 .bg-light-yellow {
	 background:#fff4da!important;
 }

 .diagonal-top {
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    width: 100%;
    height: 78%;
    right: 0;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    background: #edf6fb;
    margin-top: -12%;
}

.left-0 {
	left:0;
}

.top-0 {
	top:0;
}

.supersized {
	font-size: 1000%;
}

.font-weight-boldest {
	font-weight:900;
}

.bg-cadetblue {
	background: rgb(169,211,210)!important;
	background: linear-gradient(45deg, rgba(169,211,210,1) 0%, rgba(200,230,229,1) 76%)!important;
}

.bg-sand {
	background: rgb(255,235,154)!important;
	background: linear-gradient(45deg, rgba(245, 182, 66,1) 0%, rgb(251, 205, 120) 76%)!important;
}

.bg-rust {
	background: rgb(232,125,79)!important;
	background: linear-gradient(45deg, rgba(232,125,79,1) 0%, rgba(241,153,116,1) 76%)!important;
}

.bg-salmon {
	background: rgb(246,195,178)!important;
	background: linear-gradient(45deg, rgba(246,195,178,1) 0%, rgba(245,215,205,1) 76%)!important;
}

.bg-sky {
	background: rgb(116, 217, 226)!important;
    background: linear-gradient(45deg, rgb(116, 217, 226) 0%, rgb(167, 231, 236) 76%)!important;
}

.bg-vert {
	background: rgb(162, 239, 135)!important;
	background: linear-gradient(45deg, rgb(162, 239, 135) 0%, rgba(183, 253, 159) 76%)!important;
}

.bg-grey {
	background:#f0f0f0;
}

.bg-dark-grey {
	background:#bcc3b7;
}

.z-index-1 * {
	z-index:1!important;
}

.z-index-2 * {
	z-index:2!important;
}


/* BOOTSTAP ATTRIBUTIONS */


.sticky-top-blog {
	top:100px!important;
}
.bg-efty {
	background:#28a745!important;
}
.bg-efty-lt-md {
	background:#3eb454!important;
}
.bg-efty-lt {
	background:#4fd96e!important;
}
 .bg-efty-lter {
	 background:#ffebeb!important;
 }
 .bg-efty-sand {
	 background:#fff8ef!important;
 }

 .screencap {
	max-width: 80% !important;
}

.screencap.pullup {
	margin-top:-125px;
}

/* NAVIGATION */

.navbar-efty {
	background:#28a745!important;
}

.navbar-efty img {
	max-height:40px;
}

.navbar-efty-light {
	background:#fff!important;
}
.navbar-efty-light li a {
	color:#444!important;
}

.navbar-efty img.logo-for-white-navbar, .navbar-efty a.c2a-for-white-navbar {
	display:none;
}
.navbar-efty img.logo-for-green-navbar, .navbar-efty a.c2a-for-green-navbar {
	display:inline-block;
}
.navbar-efty-light img.logo-for-white-navbar,.navbar-efty-light a.c2a-for-white-navbar{
	display:inline-block;
}
.navbar-efty-light img.logo-for-green-navbar, .navbar-efty-light a.c2a-for-green-navbar{
	display:none;
}

.navbar-efty-light img {
	max-height:40px;
}

/* NAVIGATION */






/* HEADER */

.jumbotron * {
	z-index:1;
}

.jumbotron.home { 
	background: #fff; /*rgb(237,246,251);*/
	/*background: linear-gradient(225deg, rgba(237,246,251,1) 0%, rgba(217,227,233,1) 35%, rgba(198,208,218,1) 100%);*/
}

img.payment-list {
	filter:grayscale(1);
	opacity:0.7;
	height:40px;
}
button.search-submit {
	color:#495057;
	background:transparent;
	border:0;
	margin-left: -50px;
}

.jumbotron.home button:active, .jumbotron.home button:focus {
	outline: 0;
	-moz-outline-style: none;
	background:#fff;
	border-color:#fff;
	color:#212529;
}

.jumbotron.home h1 span.animated-text {
	background:#0b77d0;
	color:#fff;
}

#wave-container {
	bottom:0;
}

#wave-container svg {
	bottom:0;
}

.jumbotron.home .relative-box {
	position:relative;
	z-index:2;
}

img.featured {
	height:70px;
	opacity:0.7;
}

.map-container {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.map-container iframe {
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}

/* HEADER */





/* SELLER PROFILE */

.avatar {
	
	width:150px;
	height:150px;
	margin-top:-75px!important;
	margin:0 auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	border-width:3px!important;
}

.avatar.smaller {
	
	width:80px;
	height:80px;
	margin-top:30px!important;
}

.msg-btn-container {
	
	margin-top:-60px;
	
}

section#message_full_screen {
    height: 100vh;
    width: 100%;
    background: rgba(248, 249, 250, 0.97);
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: scroll;
}



/* SELLER PROFILE */







/* FOOTER */

footer {
	background-color: #2C3E50;
	border-bottom:10px solid #233140;
	color:#fff;
}

footer *, footer *:hover {
	color:#fff;
}

footer .logo {
	width:auto;
	height:auto;
	max-height:50px;
}

footer ul.social {
	list-style:none;
}
.iti {

	width:100%!important;

}
.checkoutwrapper {
	background:#e9ecef!important;
}
/* FOOTER */


/* Steps */
.steps-form-2 {
	display: table;
	width: 100%;
	position: relative; }
.steps-form-2 .steps-row-2 {
	display: table-row; }
.steps-form-2 .steps-row-2:before {
	top: 14px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 2px;
	background-color: #54a1e0; }
.steps-form-2 .steps-row-2 .steps-step-2 {
	display: table-cell;
	text-align: center;
	position: relative;
	width:25%;
}
.steps-form-2 .steps-row-2 .steps-step-2 p {
	margin-top: 0.5rem; }
.steps-form-2 .steps-row-2 .steps-step-2 button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important; }
.steps-form-2 .steps-row-2 .steps-step-2 .btn-circle-2 {
	width: 70px;
	height: 70px;
	border: 2px solid #ccc;
	background-color: white !important;
	color: #ccc !important;
	border-radius: 50%;
	padding: 18px 18px 15px 18px;
	margin-top: -22px;
	font-size:180%;
	cursor:unset;}
.steps-form-2 .steps-row-2 .steps-step-2.active .btn-circle-2 {
	background-color: #54a1e0 !important;
	border-color: #54a1e0 !important;
	color:#fff !important;
}
.steps-form-2 .steps-row-2 .steps-step-2.active p {
	font-weight:bold;
}
.steps-form-2 .steps-row-2 .steps-step-2.complete p:before {
	content: '\002713';
	margin-right: 5px;
	color: #45d80a;
}
.bg-grey-ep {
	background:#eee;
}
.steps-form-2.steps-eftypay .steps-row-2 .steps-step-2 .btn-circle-2 {
	width: 50px;
	height: 50px;
	padding: 8px 0 0 1px;
	margin-top: -12px;
	font-size: 140%;
}
.steps-form-2.steps-eftypay .complete .btn-circle-2 {
	background: #45d80a !important;
	border-color: #fff!important;
	color: #fff!important;
}
.steps-form-2.steps-eftypay .active .btn-circle-2 {
	width:70px !important;
	height:70px !important;
	margin-top: -23px !important;
	padding-top: 13px !important;
	font-size:180% !important;
	padding-left: 2px !important;
}
.steps-form-2.steps-eftypay .steps-step-2:not(.active, .complete) p {
	color:#d5d5d5!important;
}
.steps-form-2.steps-eftypay .steps-step-2:not(.active, .complete) i {
	color:#d5d5d5!important;
}
.steps-form-2.steps-eftypay .steps-step-2:not(.active, .complete) div.btn {
	border-color:#f2f2f2!important;
	box-shadow:none!important;
}



/*progressbar*/
#progressbar {
	overflow: hidden;
	color: lightgrey;
	z-index: 2;
	position: relative;
}

#progressbar .active {
	color: #444;
}

#progressbar li {
	list-style-type: none;
	font-size:1.05rem;
	width: 25%;
	float: left;
	position: relative;
}

/*Icons in the ProgressBar*/
#progressbar #billing:before {
	font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Regular', 'Font Awesome 5 Brands', 'Arial';
	content: '\f304';
}

#progressbar #summary:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0c9";
}

#progressbar #payment:before {
	font-family: "Font Awesome 5 Free";
	content: "\f09d";
}

#progressbar #finish:before {
	font-family: "Font Awesome 5 Free";
	content: "\f058";
}

/*ProgressBar before any progress*/
#progressbar li:before {
	width: 50px;
	height: 50px;
	line-height: 41px;
	display: block;
	font-size: 18px;
	color: #ffffff;
	background: lightgray;
	border-radius: 50%;
	margin: 0 auto 10px auto;
	padding: 3px;
}
#progressbar li.complete:before {
	 background: #28a745;
 }
#progressbar li.active {
	font-weight:bold;
}
#progressbar li:before {
	border:2px solid #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}

/*ProgressBar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #2c3e50;
	position: absolute;
	left: 0;
	top: 25px;
	z-index: -1;
}

/* Color number of the step and the connector before it */
#progressbar li.active:before, #progressbar li.active:after {
	background: #2c3e50;
}
#progressbar li.complete {
	color:#444;
}


/* ODF OVERWRITES */

.validator_errors {
    clear: both;
    display: block;
    width: 100%;
    background: #dc3545;
	color:#fff;
    padding: 20px 0 5px 20px;
    margin-bottom: 20px;
}
.validator_errors p {
	background: #dc3545!important;
}
/* ODF OVERWRITES */


/* Product dropdown */
.product-tiles {
	background:linear-gradient(41deg, rgb(23, 85, 37) 0%, rgb(28, 121, 49) 47%);
}
img.dropdown-menu-icon {
	width:32px;
	height:auto;
}
img.blog-img {
	width: 100%;
	height:auto;
}
nav a.dropdown-toggle {
	cursor:pointer;
}
.dropsub a span {
	color:#fff;
}
.dropsub a:hover {
	text-decoration: none;
}
.dropsub.active {
	background:#fff;
	color:#2C3E50!important;
}
.dropsub.active a span {
	color:#2C3E50!important;
}
.dropsub, .dropsub-content {
	font-size:90%;
}
#aboutusmenu-wrapper .dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}
#aboutusmenu-wrapper.dropdown-menu {
	width:400px;
	border-width:4px;
	border-color:#1C7931!important;
	margin-left:386px;
}
#aboutusmenu-wrapper::before{
	position: absolute;
	top: -27px;
	left: 195px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0d8";
	font-size: 30px;
	color: #1C7931!important;
}
#buymenu-wrapper .dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}
#buymenu-wrapper.dropdown-menu {
	width:400px;
	border-width:4px;
	border-color:#1C7931!important;
	margin-left:163px;
}
#buymenu-wrapper::before{
	position: absolute;
	top: -27px;
	left: 50px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0d8";
	font-size: 30px;
	color: #1C7931!important;
}
#productmenu-wrapper.dropdown-menu {
	width:900px;
	height:470px;
	border-color:#1C7931!important;
	border-width:4px;
}
#productmenu-wrapper::before{
	position: absolute;
	top: -27px;
	left: 465px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0d8";
	font-size: 30px;
	color: #1C7931!important;
}
#productmenu-wrapper .prod-icon {
	width:20px;
	height:auto;
}
#productmenu-wrapper .dropsub:not(.active) .prod-icon {
	display:inline-block;
}
#productmenu-wrapper .dropsub:not(.active) .prod-icon-alt {
	display:none;
}
#productmenu-wrapper .prod-feature:hover .feature-title {
	text-decoration:underline;
}
#productmenu-wrapper .prod-feature:hover .feature-chevron {
	display:inline-block!important;
}
#productmenu-wrapper .prod-feature .feature-chevron {
	font-size:80%;
}
#productmenu-wrapper .dropsub.active .prod-icon {
	display:none;
}
#productmenu-wrapper .dropsub.active .prod-icon-alt {
	display:inline-block;
}
.feature-icon {
	font-size:1.5rem!important;
}
a.dropdown-link, a.dropdown-link:hover {
	text-decoration:none;
	color:#444;
}
.dropsub-banner {
	position:absolute;
	bottom:20px;
}
#bin-wrapper.sticky-top {
	margin-top:140px;
}
#supportitems a {
	color:inherit;
	text-decoration:none;
}
#supportitems a {
	color:inherit;
	text-decoration:none;
}
.support_btn:hover {
	background:#e4e4e4;
}
.support_btn {
	border-color: #e2e7ec!important;
}
.z-index-1 {
	z-index:1;
}
.home-icon {
	width:350px;margin-top: -178px;
	margin-left: -2px;
	-webkit-mask-image: -webkit-gradient(linear, left center, right center, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
}
#top-banner-home {
	background: rgb(50,92,134)!important;
	background: linear-gradient(54deg, rgba(50,92,134,1) 0%, rgba(71,96,121,1) 41%, rgba(35,49,64,1) 73%, rgba(5,31,59,1) 100%)!important;
	z-index:99;
}
#mobile-c2a {
	bottom:0;
}
@media (min-width: 768px) {

	.full-height {
		min-height:100vh;
	}

	.first-element {
		margin-top:66px!important;
	}

	.align-vert-center {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
		display: block;
		z-index: 9;
	}
}

@media (min-width: 1200px) {

	#lander-wrapper.full-height {
		/*margin-top:80px;*/
	}
}

@media (max-width: 992px) {


	#buymenu-wrapper.dropdown-menu {
		width:100%!important;
		margin-left: 0px;
	}
	#buymenu-wrapper {
		border:none;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	#aboutusmenu-wrapper.dropdown-menu {
		width:100%!important;
		margin-left: 0px;
	}
	#aboutusmenu-wrapper {
		border:none;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.first-element {
		margin-top:60px;
	}
	.dropsub p, .dropsub span, .dropsub-content div {
		font-size: 1rem !important;
	}
	input#search_input {
		font-size:16px;
	}
	ul.navbar-nav {

	li, ul.navbar-nav a {
	}
		flex-direction:column!important;
	}

	#productmenu-wrapper.dropdown-menu {
		width:100%!important;
		margin-left: 0px;
	}
	#productmenu-wrapper.dropdown-menu {
		width:100%;
		height:auto;
	}
	#productmenu-wrapper {
		border-width:2px;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.home-icon {
		width: 200px;
		margin-top: -102px;
	}
	.display-4 {
		font-size: 2.5rem;
	}
	.product-tiles {
		background:#fff!important;
	}
	#productmenu-wrapper navbar-nav li {
		border-color: rgb(255, 255, 255);
	}
	#productmenu-wrapper::before {
		content:''!important;
	}
	#productmenu-wrapper {
		border:none!important;
	}
	#productmenu-wrapper .dropsub {
		color:#000!important;
		background:#fff!important;
	}
	#productmenu-wrapper .dropsub .prod-icon {
		display:none!important;
	}
	#productmenu-wrapper .dropsub .prod-icon-alt {
		display:inline-block!important;
	}
	#productmenu-wrapper .dropsub a span {
		color:#000!important;
	}
	#productmenu-wrapper .dropsub-content {
		display:none!important;
	}
	.navbar:not(.navbar-efty-light) .navbar-toggler {
		border-color: #fff;
	}
	.navbar:not(.navbar-efty-light) .navbar-toggler .navbar-toggler-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}

	#productmenu-wrapper::before, #buymenu-wrapper::before, #aboutusmenu-wrapper::before {
		display:none;
	}

	.c2a-for-white-navbar, .c2a-for-green-navbar {
		width: 100%;
		margin-top:10px;
	}
	ul.navbar-nav li, ul.navbar-nav a {
		width:100%;
	}
	.dropsub.rounded-start {
		border-bottom-left-radius:0!important;
		border-top-left-radius: var(--bs-border-radius) !important;
		border-top-right-radius: var(--bs-border-radius) !important;
	}
	body {
		overflow-x: hidden;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}