/*================== MAIN LAYOUT ====================*/
	body { 
		--bs-body-font-family: 'Barlow', sans-serif; 
		--bs-body-color: #000000; 
		--bs-body-bg: #fff;
		--bs-link-color: #08a0ae;
	    --bs-link-color-rgb: 8, 160, 174;
	    --bs-link-hover-color: #055057;
	    --bs-link-hover-color-rgb: 5, 80, 87;
	   	
	   	--bs-magenta: #d21358;
	    --bs-magenta-rgb: 210, 19, 88;
	    --bs-cyan: #08A0AE;
	    --bs-cyan-rgb: 8, 160, 174;
	    --bs-green: #72bb0a;
	    --bs-green-rgb:114 ,187, 10;
	    --bs-yellow: #ffce00;
	    --bs-yellow-rgb:255, 205, 0;
	    --bs-purple: #8b3888;
	    --bs-purple-rgb: 139, 56, 139;
	    --bs-red: #e80303;
	    --bs-red-rgb: 232, 3, 3;

	    --bs-cyan-emphasis: #05656E;
	    --bs-cyan-emphasis-rgb: 5, 101, 110;
	    --bs-magenta-emphasis: #a32b56;
	    --bs-magenta-emphasis-rgb:163, 43, 86;
	    --bs-green-emphasis: #496e15;
	    --bs-green-emphasis-rgb: 73, 110, 21;
	    --bs-yellow-emphasis: #eabb01;
	    --bs-yellow-emphasis-rgb: 234, 187, 1;
	    --bs-purple-emphasis: #60265F;
	    --bs-purple-emphasis-rgb: 96, 38, 95;
	    --bs-red-emphasis: #7E2525;
	    --bs-red-emphasis-rgb: 126, 37, 37;
	    --bs-danger-emphasis: #8c1b2b;

		 --bs-cyan-subtle: #DFF3F4;
	    --bs-cyan-subtle-rgb:223, 243, 244;
	    --bs-magenta-subtle: #F9E0E9;
	    --bs-magenta-subtle-rgb:249, 224, 233;
	    --bs-green-subtle: #d9edbd;
	    --bs-green-subtle-rgb:217, 237, 189;
	    --bs-yellow-subtle: #FFF1BC;
	    --bs-yellow-subtle-rgb:255, 241, 188;
	    --bs-purple-subtle: #DAB4D9;
	    --bs-purple-subtle-rgb:218, 180, 217;
	    --bs-red-subtle: #f6cbcb;
	    --bs-red-subtle-rgb:246, 203, 203;

	    --bs-light: #9EB3B5;
	    --bs-light-rgb: 158, 179, 181;
	    --bs-dark: #01383D;
	    --bs-dark-rgb: 1, 56, 61;

		font-variant-ligatures: none; 
		font-feature-settings: "liga" 0;  
	}

	a { text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor:pointer; }

	a[href^="tel:"] { color: inherit; text-decoration: none; }

	img { max-width: 100%; height: auto; }

	/* Headers fonts */
		h1, h2, h3, h4, h5, .title1, .title2, .title3, .title4, .title5 { font-family: 'Barlow Condensed', sans-serif; margin-top: 0; line-height: 1; font-weight: 700; margin-bottom: .5rem; } 
		h1, .title1 { font-size: calc(2.3rem + 1.3vw)}
		h2, .title2 { font-size: calc(2.3rem + .9vw);}
		h3, .title3 { font-size: calc(1.3rem + .6vw) }
		h4, .title4 { font-size: calc(1.275rem + .3vw); }
		h5, .title5 { font-size: 1.25rem; }

	p:last-child { margin:0;}

	.z-4 { z-index: 4!important}

	.lead { font-weight: 400}

	@media (max-width: 991px) {
		.lead { font-size: 1rem }
	}

	strong {font-weight: 700}

	[class*="wrapper"]:after { clear:both; content: ""; display: table;} 

	.strip {height: 1.1vw;}

	@media (min-width: 576px) {
		.strip {height: 0.7vw;}
	}

	.counter-reset-2 {counter-reset: section 2;}

	.normal-img {z-index: 3; position: relative;}
	.img-multiply {mix-blend-mode: multiply; position: absolute; bottom: 0; z-index: 2}

	/* Containers */
		@media (min-width: 1180px){
			.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px;}
		}

		@media (min-width: 1400px) {
	    	.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width:1320px }
		}

		.container-inset {
		 	padding-right: calc(var(--bs-gutter-x) * .5);
		    padding-left: calc(var(--bs-gutter-x) * .5);
		    margin-right: auto;
		    margin-left: auto;
		    width: 100%;
		    position: relative;
		    z-index: 2;
		}

		@media(min-width: 768px) {
		    .container-inset {max-width: 540px;}
		}

		@media(min-width: 768px) {
		    .container-inset {max-width: 720px;}
		}

		@media(min-width: 992px) {
		    .container-inset { max-width: 960px; }
		}

		@media(min-width: 1180px) {
		    .container-inset { max-width: 1140px;}
		}

		@media(min-width: 1400px) {
		    .container-inset { max-width: 1320px;}
		}

	
/*================== HEADER ========================*/
	header {padding-top: 62px; position: relative;}
	.navbar-brand img { width:200px; transition: all 0.5s ease; }

	header #menu {display: none;}

	@media (min-width: 768px) {
		header {padding-top: 80px}
	}

	@media (min-width: 991px) {
		.navbar {--bs-navbar-padding-y: 1rem;}
		.navbar-brand img { width:240px;}
	}

	@media (min-width: 1200px) {
		header {padding-top: 100px}
		header .container-fluid {max-width: 100% !important}
	}

	@media (min-width: 1400px) {
		.navbar-brand img { width:300px;}
	}

	/* Main menu styles */
		.navbar {
			--bs-navbar-nav-link-padding-x: 0;
			--bs-navbar-color: #000000;
			transition: 0.3s all ease-in;
		    --bs-navbar-brand-padding-y: 0;
		}

		.navbar-nav { --bs-nav-link-padding-x: 0; width: 100%;}

		.nav-link { font-size: 1.3rem;  position: relative; font-weight:700; margin-right: 1rem; margin-left: 1rem;  }
		.nav-link:focus-visible {box-shadow:none !important;}

		.nav-link:before {
		    content: "";
		    background: rgb(var(--bs-cyan-rgb)) !important;
		    position: absolute;
		    bottom: 0;
		    height: 12%;
		    width: 0%;
		    left: 0;
		    transition: 0.3s all ease-in-out;
		}

		.nav-link:hover:before, .navbar-nav .active > .nav-link:before {width: 100%}

		.navbar-nav .active > .nav-link, 
		.navbar-nav .nav-link.active, 
		.navbar-nav .nav-link.show, 
		.navbar-nav .show > .nav-link { 
			color: #000000; 
		}

		.dropdown-menu {
			--bs-dropdown-item-padding-x: 0;
		    --bs-dropdown-item-padding-y: 0;
		    --bs-dropdown-link-hover-bg:transparency;
		    --bs-dropdown-link-active-color: #000;
		    --bs-dropdown-link-active-bg:transparency;
		}

		.dropdown-toggle::after {font-family: 'Font Awesome 7 Free'; content:"\f107"; border: none; vertical-align: inherit; }

		.dropdown-menu {
			background-color: rgba(255, 255, 255, .35) !important;
			-webkit-backdrop-filter: blur(10px);
		    backdrop-filter: blur(10px) !important;
		}

		.dropdown-menu li {padding: .5rem 2rem}

		.dropdown-item {font-weight: 700 !important; position: relative; overflow: hidden; padding-right: 1.5rem;}
		.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {padding-left: 1.5rem; padding-right: 0;}

		.dropdown-item:before {
		    content: '';
		    position: absolute;
		    width: 6px;
		    height: 6px;
		    top: 10px;
		    background: var(--bs-cyan-emphasis) !important;
		    transition: left .2s ease-out, right .2s ease-out;
		    left: -2rem
		}

		.dropdown-item:hover:before, .dropdown-item.active:before {left: 0}

		@media (min-width: 1180px) {
			.navbar > .container-lg {align-items: flex-start;}
    		.navbar-expand-xl { 	flex-wrap: nowrap; justify-content: flex-start;}
    		.navbar-expand-xl .navbar-nav { flex-direction: row  }
    		.navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute }
    		.navbar-expand-xl .navbar-nav .nav-link {padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x);}
    		.navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto;}
    		.navbar-expand-xl .navbar-toggler { display: none }
    	}

		@media (max-width: 1179px){
			.navbar-toggler { border: none; }
			.navbar-toggler  a { font-size: 1.5rem; color: #000}
			.navbar-toggler:focus, .navbar-toggler:hover { background: transparent; }

			.mm-menu--theme-light {
	    		--mm-color-background: rgba(255, 255, 255, .35) !important;
				-webkit-backdrop-filter: blur(30px);
				backdrop-filter: blur(30px) !important;
			}

			.mm-listitem.active {color: #08a0ae;}
			.mm-listitem__btn:not(.mm-listitem__text) {border: none !important;}
			.mm-navbar { border-bottom: none !important; background: transparent !important;}
			.mm-panel {--mm-panel-parent-offset: -100% !important;}
			.mm-listitem__text {font-weight: 700; }

			.mm-btn_close:after {
			    right: 15px !important;
			    font-family: "Font Awesome 7 Free";
			    color: #ffff;
			    border: 3px solid #fff !important;
			    border-radius: 50%;
			    width: 20px !important;
			    height: 20px !important;
			    line-height: 20px !important;
			    font-size: 1rem !important;
			    transform: none !important;
			    content: "\f00d" !important;
			    font-weight: bold;
			}

			.mm-btn_close:before {opacity: 0;}
		}

	.header-bg {padding-top: 1rem;}
	.header-caption {padding-bottom: 1.5rem }
	.header-caption h1, .header-caption h2 {line-height:0.7}
	.header-caption h1 {font-size:calc(2.5rem + 1.4vw)}
	.header-caption h2 {font-size: calc(2rem + .9vw);}
	.header-img, .header-img-multiply {right:0}
	.header-strips {position: absolute; bottom: 0; width: 100%; z-index: 1}

	@media (min-width: 576px) {
		.header-caption {position: absolute; transform: translate(0, -50%); top:40%; left: 0}
		.header-img, .header-img-multiply {right: -30px}
		.header-bg img {width: 38vw;}
	}

	@media (min-width: 992px) {
		.header-bg {padding-top: 0;}
		.header-caption {padding-bottom: 0 }
		.header-bg img {width: 50vw;}
	}

	@media (min-width: 1200px) {
		.header-caption {left: 5vw}
		.header-img, .header-img-multiply {right: 5vw}
	}

	@media (min-width: 1600px) {
		.header-caption h1, .header-caption h2 {line-height:0.9}
		.header-caption h1 {font-size:calc(4rem + 1.4vw)}
		.header-caption h2 {font-size: calc(3rem + .9vw)}
	}

	@media (min-width: 1400px) {
		.header-bg img {width: 55vw;}
	}


	/* Tiny */
		.navbar.tiny:before { 
			content: '';
			z-index: -1 !important; 
			background-color: rgba(255, 255, 255, .8); 
			-webkit-backdrop-filter: blur(10px);
		    backdrop-filter: blur(10px) !important;
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    top: 0;
		    left: 0;
		}

		@media (min-width: 992px) {
			.navbar.tiny .navbar-brand img { width: 200px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}	
		}	

/*================== CONTENT =======================*/
	
	/* Wrapper */
		.wrapper1 { padding: 4vh 0 5vh; }
		.wrapper2 { padding: 2vh 0 2vh; }

		@media (min-width: 768px) {
			.wrapper1 { padding: 3vw 0 4vw; }
			.wrapper2 { padding: 2vw 0 2vw; }
		}

		@media (min-width:992px) {
			#ep .page-extra-lg-pt, .extra-lg-pt { padding-top: 10vw; }
			.extra-lg-pb { padding-bottom: 10vw; }
		}

	/* Lists */
		#content .list ul  { list-style:square; padding-left: 1.25rem; margin-bottom: 1rem}
		#content .list li  { margin-bottom: 0.5rem;}

		.list-group { --bs-list-group-border-width:: 0}
		.list-group-item { margin-bottom: 0.5rem;}

		.ul-horizontal {display: flex; flex-direction: row;}
		.ul-horizontal li, .ul-horizontal-sm li {display: block}

		@media (min-width: 576px) {
		    .ul-horizontal-sm {display: flex; flex-direction: row;}
		}

	/* Product Card */
		#home .product-card .img-aside.left {justify-content: end;}
		#home .product-card .img-aside .img-wrap, .product-card .img-aside .img-wrap { position: relative; top: 1rem; }
		#home .product-card .img-aside.right .img-wrap {right: 0; justify-content:end; display:flex; }
		#home .product-card .img-aside .img-wrap img  { width: 50vw}

		.product-card .img-aside { position:relative;}
		.product-card .img-aside.left .img-wrap {left: 0;}
		.product-card .img-aside .img-wrap img  { width: 93vw}
		.product-card .img-aside.right .img-wrap img {transform: scaleX(-1);}


		@media (min-width: 768px) {	
			#home .product-card .img-aside .img-wrap, .product-card .img-aside .img-wrap {top: auto; bottom: 2.5rem;}
			#home .product-card .img-aside .img-wrap img, .product-card .img-aside .img-wrap img { margin-bottom: -6vw; width: 40vw}

			#home .product-card .img-aside.left .button {justify-content: end}
			
			.product-card .img-aside .img-wrap { bottom: 0rem;}
			.product-card .img-aside.right .img-wrap {right: 0; justify-content:end; display:flex; position: absolute;}
		}

		@media (min-width: 992px) {	
			#home .product-card {min-height: 393px;}
			#home .product-card .img-aside .img-wrap, .product-card .img-aside .img-wrap { position: absolute; top: 0; bottom: auto;}
		}

		@media (min-width: 1200px) {
			#home .product-card {min-height: 452px;}
			.product-card .img-aside.left .img-wrap {left: -50px;}
			.product-card .img-aside.right .img-wrap {right: -50px; }
		}

		@media (min-width: 1400px) {
			#home .product-card .img-aside .img-wrap img, .product-card .img-aside .img-wrap img  {  width: auto}
		}

	/* Action Card */
		@media (min-width: 992px) {	
			.action-card {position: absolute; transform: translate(-50%, 50%); bottom: 0; left: 50%; width: 100%;}
		}

	/* Image Wrap */
		#content .bg-aside { position:relative; padding: 0}

		@media (min-width: 992px) {	
			#content .bg-aside .img-wrap {margin-top: 0; position: absolute; top: 0; bottom: 0; overflow: hidden; width: auto;}
			#content .bg-aside.left .img-wrap {right: 0; left: 0}
			#content .bg-aside.right .img-wrap {right: 0; left: 20%;}

			#content .bg-aside .img-wrap img  { 
				width: auto;
				max-width: none;
				height: 100%;
				position: absolute;
				top: 50%;
				-ms-transform: translate(-50%, -50%) scale(1.18);
				-webkit-transform: translate(-50%, -50%) scale(1.18);
				transform: translate(-50%, -50%) scale(1.18);
			}

			#content .bg-aside.left .img-wrap img {left: 40%;}
			#content .bg-aside.right .img-wrap img {left: 60%;}
		}

		@media (min-width: 1200px) {
			#content .bg-aside.left .img-wrap {right: 30%; }
			#content .bg-aside.right .img-wrap { left: 40%;}

		}

		@media (min-width: 2250px) {
			#content .bg-aside.left .img-wrap {right: 40%; }
		}

	/* Video */	
		.video-container {
		    position: relative;
		    width: 100%; /* Takes full width of its parent */
		    padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 * 100) */
		    height: 0;
		    overflow: hidden; /* Hides anything that goes outside */
		}

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

	/* Table */
		.table-responsive { border: none;}

		.table {
		    --bs-table-bg: rgba(var(--bs-white-rgb),.3);
		    --bs-table-striped-bg: rgba(var(--bs-white-rgb),.3) ;
		}



	
/*================== FOOTER ========================*/
	footer ul {padding-left: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; flex-direction: row; text-align: center;}
	footer li.author { font-size: 0.75rem; margin-top: 15px; }

	@media (min-width:768px) {	
		footer ul { margin-bottom: 0; justify-content: space-between; text-align: left;}
	}

	@media (min-width:1200px) {	
		footer li.author {margin-top: 0;}
	}

 	/* Nav footer */
 		.nav-footer { justify-content: start; padding-top: 20px; padding-bottom: 20px}

	 	@media (min-width:991px) {	
			.nav-footer li {font-weight: 700; padding: 0 12px 0 0; margin-right: 11px; border-right: #45194e solid 1px;}
			.nav-footer li:nth-child(2) {margin-right: 0; padding: 0; border: none;}
		}

	 	@media (max-width:991.98px) {
	 		.nav-footer {display: none;}
	 	}

 	/* Contact details */
 		.contactdetails {margin-bottom: 0}
		.contactdetails li { font-size: 1.25rem; margin-bottom: 0.5rem;}
		.contactdetails li:last-child {padding-right: 0;}

		.contactdetails .contact-icon:before {
			font-family: 'Font Awesome 7 Free'; 
			padding-right:10px; 
			font-weight: 900;
			display: inline-block;
			vertical-align: top;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
		}

		li.telno:before { content:"\f879";}
		li.email:before { content:"\f0e0";}

		.social-media .icon {font-size: 1.375rem; width: 40px; height: 40px; line-height: 40px; color: #fff; text-align: center;}
		.social-media li { display: inline-block; margin-right: 5px; }
		.social-media li a:hover { background: RGBA(var(--bs-white-rgb),var(--bs-link-opacity,.3))!important;}
		.social-media .facebook { background-color: #1877f2; }
		.social-media .instagram { background-color: #E4405F; }
		.social-media .linkedin { background-color: #027db4;}

		@media (min-width:768px) {
			.contacts { justify-content: space-between; display: flex;  align-items: center; flex-wrap: wrap; margin-bottom: 1.875rem; }
			.contactdetails li { padding-right: 20px;}
		}


/*================== CONTACT FORM =========================*/
	.form-control:focus, .form-select:focus, textarea:focus {
	  	-webkit-box-shadow: none; 
	  	-moz-box-shadow: none;
	  	box-shadow: none; 
	  	background-color: rgba(255,255,255,.3);
	  	color: #fff;
	  	border-bottom: none;
	}

	.form-control, .form-select {
		border-radius: 0;
	    border: none;
	    border-bottom: 1px solid #fff;
		font-weight: 700;
		color: #fff;
		background-color: transparent;
		background-size: 20px 30px;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.form-select { cursor: pointer;}

	.form-select:after {
		content: "\f078";
		font-family: 'Font Awesome 7 Free'; 
		padding-right:10px; 
		font-weight: 900;
		display: inline-block;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
	}

	.success { width:100%; text-align:center; color:#fff; background-color: var(--bs-purple); font-size:1.2rem; font-weight: bold; padding:0.625rem; margin-bottom:1rem; display:none }

	.contact-form textarea { height:11rem; resize:none;}
	.contact-form label { display:block }
	.contact-form .error, .contact-form .empty { color:#fff; display:none; position: absolute; right: 0.625rem; top: 0.7rem; opacity: .7}

	.has-feedback { position: relative; }
	.has-feedback .form-control { padding-right: calc(1.5em + .75rem); }
	.has-feedback.left-feedback .form-control { padding-left: 1.5em; }
	.has-feedback.mandatory:before { font: var(--fa-font-solid); content: "\f005"; color:red; position:absolute; left:0.3125rem; top:1.2rem; font-size: 0.625rem; }

	/* Buttons */
		.btn-lg {
		    --bs-btn-padding-x: 4rem;
		    --bs-btn-font-size: 1.5rem;
		}

		.btn {
			font-family: 'Barlow Condensed';
			--bs-btn-border-radius:0;
			z-index: 0;
		}

		.btn-outline-dark {
			--bs-btn-color:var(--bs-black);
		    --bs-btn-border-color: var(--bs-black);
			--bs-btn-hover-color: var(--bs-black);
		    --bs-btn-hover-bg: var(--bs-white);
		    --bs-btn-hover-border-color: var(--bs-white);
		    --bs-btn-active-color: var(--bs-black);
		    --bs-btn-active-bg: var(--bs-white);
		    --bs-btn-active-border-color: var(--bs-white);
		}

		.btn-outline-light {
			--bs-btn-color:var(--bs-white);
		    --bs-btn-border-color: var(--bs-white);
			--bs-btn-hover-color: var(--bs-black);
		    --bs-btn-hover-bg: var(--bs-white);
		    --bs-btn-hover-border-color: var(--bs-white);
		    --bs-btn-active-color: var(--bs-black);
		    --bs-btn-active-bg: var(--bs-white);
		    --bs-btn-active-border-color: var(--bs-white);
		}

		.bg-magenta-gradient .btn-outline-light {
			--bs-btn-bg: var(--bs-magenta);
			--bs-btn-hover-color: var(--bs-magenta);
		   --bs-btn-active-color: var(--bs-magenta);
		}

		.bg-cyan .btn-outline-light, .bg-cyan-gradient .btn-outline-light {
			--bs-btn-bg: var(--bs-cyan);
			--bs-btn-hover-color: var(--bs-cyan);
		   --bs-btn-active-color: var(--bs-cyan);
		}

		.bg-green .btn-outline-light, .bg-green-gradient .btn-outline-light {
			--bs-btn-bg: var(--bs-green);
			--bs-btn-hover-color: var(--bs-green);
		    --bs-btn-active-color: var(--bs-green);
		}

		.bg-yellow-gradient .btn-outline-light {
			--bs-btn-bg: #e8bc03;
			--bs-btn-hover-color: var(--bs-yellow);
		    --bs-btn-active-color: var(--bs-yellow);
		}

		.bg-purple-gradient .btn-outline-light {
			--bs-btn-bg: var(--bs-purple);
			--bs-btn-hover-color: var(--bs-purple);
		    --bs-btn-active-color: var(--bs-purple);
		}

		.btn-close {
			--bs-btn-close-bg: none;
		    --bs-btn-close-opacity: 1;
		    width: auto;
		    height: auto;
		    --bs-btn-close-color: #fff;
		}

		.btn-close:before {
			border-color:#45194e;
			border-width: 3px;
			background: #45194e;
			display: block;
		    content: "\f00d";
		    font-family: "Font Awesome 7 Free";
		    font-weight: 700;
		    width: 1.625rem;
			height: 1.625rem;
			font-size: 1rem;
		    line-height: 1.625rem
		}

		.btn-logos  {--bs-btn-padding-x: 0.75rem;}
		
		@media (min-width:768px) {	
			.btn-logos {--bs-btn-padding-x:4rem }
			.btn-logos:hover {opacity: 0.4;transition: all 1s;}
		}

		button:focus { box-shadow: none !important;}


/*================== WIDGETS ========================*/

	/* Colors */
	    .text-bg-cyan {color: #fff!important; background-color: var(--bs-cyan)!important;}
	    .text-bg-magenta {color: #fff!important; background-color: var(--bs-magenta)!important;}
	    .text-bg-info {color: #fff!important; background-color: var(--bs-info)!important;}
	    
	    .text-magenta { color: var(--bs-magenta)!important}
	    .text-cyan { color: var(--bs-cyan)!important}
	    .text-green { color: var(--bs-green)!important}
	    .text-yellow { color:#e8bc03 !important}
	    .text-purple { color: var(--bs-purple)!important}
	    .text-red { color: var(--bs-red)!important}

	    .text-magenta-subtle {color: var(--bs-magenta-subtle)!important}
	    .text-cyan-subtle {color: var(--bs-cyan-subtle)!important}
	    .text-green-subtle {color: var(--bs-green-subtle)!important}
	    .text-yellow-subtle {color: var(--bs-yellow-subtle)!important}
	    .text-purple-subtle {color: var(--bs-purple-subtle)!important}
	    .text-red-subtle {color: var(--bs-red-subtle)!important}

	    .text-cyan-emphasis{ color: var(--bs-cyan-emphasis);}

	    .bg-magenta {--bs-bg-opacity: 1; background-color: rgba(var(--bs-magenta-rgb), var(--bs-bg-opacity)) !important;}
	    .bg-cyan { --bs-bg-opacity: 1; background-color: rgba(var(--bs-cyan-rgb), var(--bs-bg-opacity)) !important;}
	    .bg-green { --bs-bg-opacity: 1; background-color: rgba(var(--bs-green-rgb), var(--bs-bg-opacity)) !important;}
	    .bg-yellow {--bs-bg-opacity: 1; background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important;}
	    .bg-purple { --bs-bg-opacity: 1; background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;}
	    .bg-red { --bs-bg-opacity: 1; background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important;}

	    .bg-magenta-subtle { background: var(--bs-magenta-subtle );}
	    .bg-cyan-subtle { background: var(--bs-cyan-subtle );}
	    .bg-green-subtle { background: var(--bs-green-subtle );}
	    .bg-yellow-subtle { background: var(--bs-yellow-subtle );}
	    .bg-purple-subtle { background: var(--bs-purple-subtle );}
	    .bg-red-subtle { background: var(--bs-red-subtle );}

	    .bg-magenta-emphasis{ background: var(--bs-magenta-emphasis);}
	    .bg-cyan-emphasis{ background: var(--bs-cyan-emphasis);}
	    .bg-green-emphasis { background: var(--bs-green-emphasis);}
	    .bg-yellow-emphasis { background: var(--bs-yellow-emphasis);}
	    .bg-purple-emphasis { background: var(--bs-purple-emphasis);}
	    .bg-red-emphasis { background: var(--bs-red-emphasis);}
	    .bg-danger-emphasis { background: var(--bs-danger-emphasis);}

	    .magenta-list .list-group {--bs-list-group-bg:var(--bs-magenta-subtle)}
	    .cyan-list .list-group {--bs-list-group-bg:var(--bs-cyan-subtle)}
	    .green-list .list-group {--bs-list-group-bg:var(--bs-green-subtle)}
		.yellow-list .list-group {--bs-list-group-bg:var(--bs-yellow-subtle)}
		.purple-list .list-group {--bs-list-group-bg:var(--bs-purple-subtle)}
		.red-list .list-group {--bs-list-group-bg:var(--bs-red-subtle)}
		.transparent-list .list-group {--bs-list-group-bg: rgba(var(--bs-white-rgb), .4);}

		.bg-magenta .list-group, .bg-magenta-emphasis .list-group,
		.bg-cyan .list-group, .bg-cyan-emphasis .list-group,
		.bg-green .list-group, .bg-green-emphasis .list-group,
		.bg-purple .list-group, .bg-purple-emphasis .list-group,
		.bg-red .list-group, .bg-red-emphasis .list-group {
			--bs-list-group-color:var(--bs-white)
		}

	/* Gradients */
		.bg-magenta-gradient { background: var(--bs-magenta); background: linear-gradient(90deg, rgba(var(--bs-magenta-rgb),.5) 0%, rgba(var(--bs-magenta-rgb),.3) 50%, rgba(var(--bs-magenta-rgb)) 100%);}
		.bg-cyan-gradient { background: var(--bs-cyan); background: linear-gradient(90deg, rgba(var(--bs-cyan-rgb),.5) 0%, rgba(var(--bs-cyan-rgb),.3) 50%, rgba(var(--bs-cyan-rgb)) 100%);}
		.bg-green-gradient { background: var(--bs-green); background: linear-gradient(90deg, rgba(var(--bs-green-rgb),.5) 0%, rgba(var(--bs-green-rgb),.3) 50%, rgba(var(--bs-green-rgb)) 100%);}
		.bg-yellow-gradient { background: var(--bs-yellow); background: linear-gradient(90deg, rgba(var(--bs-yellow-rgb),.4) 0%, rgba(var(--bs-yellow-rgb),.2) 50%, rgba(var(--bs-yellow-rgb)) 100%);}
		.bg-purple-gradient { background: var(--bs-purple); background: linear-gradient(90deg, rgba(var(--bs-purple-rgb),.5) 0%, rgba(var(--bs-purple-rgb),.3) 50%, rgba(var(--bs-purple-rgb)) 100%);}
		.bg-red-gradient { background: var(--bs-red); background: linear-gradient(90deg, rgba(var(--bs-red-rgb),.5) 0%, rgba(var(--bs-red-rgb),.3) 50%, rgba(var(--bs-red-rgb)) 100%);}

		.bg-magenta-gradient .text-color {color: var(--bs-magenta)}
		.bg-cyan-gradient .text-color {color: var(--bs-cyan)}
		.bg-green-gradient .text-color {color: var(--bs-green)}
		.bg-yellow-gradient .text-color {color:#e8bc03}
		.bg-purple-gradient  .text-color {color: var(--bs-purple)}
		.bg-red-gradient  .text-color {color: var(--bs-red)}
		
	/* Links */
		.link-magenta{ color: var(--bs-magenta)!important;}
	    .link-magenta:focus, .link-magenta:hover { color: var(--bs-magenta-emphasis)!important;}

	    .link-cyan { color: var(--bs-cyan)!important;}
	    .link-cyan:focus, .link-cyan:hover { color: var(--bs-cyan-emphasis)!important;}

	    .link-green { color: var(--bs-green)!important}
	    .link-green:focus, .link-green:hover { color: var(--bs-green-emphasis)!important;}

	    .link-yellow {color: var(--bs-yellow)!important}
	    .link-yellow:focus, .link-yellow:hover { color: rgba(0, 159, 227, .5)!important;}

	    .link-purple {color: var(--bs-purple)!important}
	    .link-purple:focus, .link-purple:hover { color: var(--bs-purple-emphasis)!important;}

	    .link-red {color: var(--bs-red)!important}
	    .link-red:focus, .link-red:hover { color: var(--bs-red-emphasis)!important;}

	    .link-white { color: RGBA(var(--bs-white-rgb),var(--bs-link-opacity,1))!important; }
		.link-white:focus, .link-white:hover { color: RGBA(var(--bs-white-rgb),var(--bs-link-opacity,.5))!important; }

 		.link-black{ color: RGBA(var(--bs-black-rgb),var(--bs-link-opacity,1))!important; }
		.link-black:focus, .link-black:hover { color: RGBA(var(--bs-black-rgb),var(--bs-link-opacity,.5))!important; }

		.link-underline-white {text-decoration: underline !important; text-decoration-color:RGBA(var(--bs-white-rgb),var(--bs-link-opacity,1))!important; }

	/* Borders*/
		.border-magenta { --bs-border-opacity: 1; border-color: rgba(var(--bs-magenta-rgb),var(--bs-border-opacity))!important }
		.border-cyan { --bs-border-opacity: 1; border-color: rgba(var(--bs-cyan-rgb),var(--bs-border-opacity))!important }
		.border-green { --bs-border-opacity: 1; border-color: rgba(var(--bs-green-rgb),var(--bs-border-opacity))!important }
		.border-yellow { --bs-border-opacity: 1; border-color: rgba(var(--bs-yellow-rgb),var(--bs-border-opacity))!important }
		.border-purple { --bs-border-opacity: 1; border-color: rgba(var(--bs-purple-rgb),var(--bs-border-opacity))!important }
		.border-red { --bs-border-opacity: 1; border-color: rgba(var(--bs-red-rgb),var(--bs-border-opacity))!important }

	/* Opacity */
		.bg-opacity-10 { --bs-bg-opacity: 0.1 }
		.bg-opacity-25 { --bs-bg-opacity: 0.25; }
		.bg-opacity-50 { --bs-bg-opacity: 0.5 }
		.bg-opacity-75 { --bs-bg-opacity: 0.75 }

	/* Cookies */
		.cookiealert {border-radius: 4px; background: #fff; text-shadow: none; padding: 15px; color:#707070; box-shadow: 1px 1px 20px 0px #707070; width: auto; margin-top: 10px; margin-left: 10px; margin-right: 10px; text-align: left; font-size: 0.8125rem; position: fixed; bottom: 0;left: 0; z-index: 1000; transition: all 500ms ease-out; transform: translateY(100%); opacity: 0;  visibility: hidden; }
		.cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%); transition-delay: 1000ms; }

		.cookiealert .acceptcookies {margin: -5px 10px; font-size: 0.8125rem; padding-left: 35px; padding-right: 35px;}

			@media (max-width: 768px) {
				.cookiealert .acceptcookies{ display: block; margin: 1em 0 0;}
			}

	/* Testimonials */
		.blockquote {margin-bottom: 2rem; line-height: 1.5em; padding-top: 40px; padding-bottom:20px }
		blockquote .open-quote{  content: open-quote;  top: .2em; }
		blockquote .close-quote{ content: close-quote; top: .35em !important;}

		blockquote .open-quote,
		blockquote .close-quote {
		  display: inline-block;
		  vertical-align: bottom;
		  color: #000000;
		  font-size: 200px;
		  position: relative;
		  font-family: Arial;
		}

		.userdetails {display: flex; margin-bottom: 1rem}
		.userdetails .avatar-name {display: flex; flex-direction: column; justify-content: center;}
		.userdetails .avatar-name p { font-size:1.25rem; font-weight:bold; }

		.userdetails .avatar-image {
		    overflow: hidden;
		    width: 4rem;
		    height: 4rem;
		    border-radius: 50%;
		    border: 3px solid var(--bs-black);
		    background: var(--bs-white);
		    position: relative;
		}

		.userdetails .avatar-image img, .userdetails .avatar-image i { position: absolute; left: 50%; color: var(--bs-black);}
		.userdetails .avatar-image i { transform: translateX(-50%); bottom: 0; font-size:2.5rem}
		.userdetails .avatar-image img {transform: translate(-50%, -50%); top: 50%;}

		.bx-wrapper {overflow: hidden; padding-top: 40px; margin: 20px auto 20px; position: static; background: transparent; border: none; box-shadow: none;}
		.bx-viewport {overflow: visible !important;}
		.bx-controls {display: none;}

		@media (min-width:992px) {
			.trustpilot-logo {background: var(--bs-white); border-radius: var(--bs-border-radius); padding: 1rem; display: inline-block;}
		}
	
		@media (min-width: 1280px) {	
			.bx-controls { display: block }
			.bx-wrapper .bx-controls-direction a {z-index: 2; text-indent: 0; background: none; width: 15px;height: 25px;font-size: 25px;}
			.bx-wrapper .bx-prev {left:-30px;}
			.bx-wrapper .bx-next {right:-30px;}
		}


	/* Accordion */
		.accordion {
			--bs-accordion-bg: transparent;
			--bs-accordion-active-color: var(--bs-success-bg-subtle);
		    --bs-accordion-active-bg: var(--bs-success);
		    --bs-accordion-border-color:var(--bs-success);
		}
		.accordion .title4 {margin-bottom: 0}
		.accordion-button {font-size: inherit;}
		.bg-primary .accordion-item {border-bottom: 1px solid rgba(0,0,0,.1); color: #fff}
		.bg-primary .accordion-button {color: #fff; background: transparent;}
		.accordion-button:hover {background: var(--bs-success); color:var(--bs-success-bg-subtle)  }
		.accordion-button:not(.collapsed) { background: var(--bs-success); box-shadow: none; }

		.accordion-body .accordion-button:hover, .accordion-body .accordion-button:not(.collapsed) {background: #9d1213; }

	/* UItoTop styles */
		#toTop { 
			display: none; 
			text-decoration: none; 
			position: fixed; 
			bottom: 80px; 
			right: 30px; 
			overflow: hidden; 
			width: 60px; 
			height: 80px; 
			border-bottom: 6px solid #ffce00;
			font-size: 35px; 
			line-height: 80px; 
			text-align: center; 
			background: #f7edc0;
			color: #000; 
			z-index: 20;  
			-webkit-transition: color 0.5s ease; 
			transition: color 0.5s ease; 
			opacity: 1;
			-webkit-animation-name: hvr-bob-float, hvr-bob;
		  	animation-name: hvr-bob-float, hvr-bob;
		  	-webkit-animation-duration: .3s, 1.5s;
		  	animation-duration: .3s, 1.5s;
		  	-webkit-animation-delay: 0s, .3s;
		 	animation-delay: 0s, .3s;
		  	-webkit-animation-timing-function: ease-out, ease-in-out;
		  	animation-timing-function: ease-out, ease-in-out;
		  	-webkit-animation-iteration-count: 1, infinite;
		  	animation-iteration-count: 1, infinite;
		  	-webkit-animation-fill-mode: forwards;
		  	animation-fill-mode: forwards;
		  	-webkit-animation-direction: normal, alternate;
		  	animation-direction: normal, alternate; 
		  }

		#toTop:hover { background: #ffce00;}

		@media only screen and (max-width: 1199px) {
			#toTop { display: none !important; }
		}