/*-----------------------------------------------------------------------------------
	Whappend
	About: WhatsApp sending platform! Powerful tool developed to manage large volumes of outgoing WhatsApp communications
	Author: Chicuelo
	Version: 1.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
    background:#FFFFFF;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}
.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: :0;right: 0;z-index:99999;} /* ScrollFX Lock */
.blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} /* CSS Grid */
nav .dropdown-menu .nav-link{color:rgba(0,0,0,0.6)!important;} /* Maintain Downdown Menu Link Color in Navigation */
[data-bs-theme="dark"] nav .dropdown-menu .nav-link{color:var(--bs-dropdown-link-color)!important;} /* Maintain Downdown Menu Link Color in Navigation in Darkmode */


/* Preloader */

.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
.preloader-complete{animation-delay:0.1s;}
@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}

/* = Blocs
-------------------------------------------------------------- */

.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
	position:relative;
}


/* Sizes */

.bloc-lg{
	padding:100px 20px;
}
.bloc-md{
	padding:50px 20px;
}


/* Edge Dividers */

.bloc-shape-divider{
	position: absolute;
	width:100%;
	text-align:center;
	left:0;
	right:0;
	z-index: 0;
	display: flex;
	pointer-events: none;
}
.svg-divider{
	width:100%;
	height:100px;
	fill:#000000;
}
.bloc-divider-top{
	top:-1px;
	align-items: flex-start;
}
.bloc-divider-bottom{
	bottom:-1px;
	align-items: flex-end;
}


/* Dark theme */

.d-bloc{
	color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
	color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
	border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
	border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
	color:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
	color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
	background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}
.d-bloc .card{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
	color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover{
	color:rgba(0,0,0,1);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* Light theme */

.d-bloc .card,.l-bloc{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{
	color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
	color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* = NavBar
-------------------------------------------------------------- */

/* = Sticky Nav
-------------------------------------------------------------- */

.sticky-nav.sticky{
	position:fixed;
	top:0;
	z-index:1000;
	box-shadow:0 1px 2px rgba(0,0,0,.3);
	 transition: all .2s ease-out;
}
/* Navbar Icon */
.svg-menu-icon{
	fill: none;
	stroke: rgba(0,0,0,0.5);
	stroke-width: 2px;
	fill-rule: evenodd;
}
.navbar-dark .svg-menu-icon{
	stroke: rgba(255,255,255,0.5);
}
.menu-icon-thin-bars{
	stroke-width: 1px;
}
.menu-icon-thick-bars{
	stroke-width: 5px;
}
.menu-icon-rounded-bars{
	stroke-width: 3px;
	stroke-linecap: round;
}
.menu-icon-filled{
	fill: rgba(0,0,0,0.5);
	stroke-width: 0px;
}
.navbar-dark .menu-icon-filled{
	fill: rgba(255,255,255,0.5);
}
.navbar-toggler-icon{
	background: none!important;
	pointer-events: none;
	width: 33px;
	height: 33px;
}

/* Nav Special Classes */
.nav-special{
	overflow-y:scroll;
}
.nav-special .site-navigation{
	top:0;
	left:0;
	width:100%;
	position: relative!important;
	max-width: 100%!important;
	z-index: 1000;
}
.nav-special .nav > li{
	width:100%;
	background: none!important;
	border:0!important;
}
.nav-special.collapsing{
	-webkit-transition: none;
	transition: none;
	height:100%!important;
	background: none!important;
}
.nav-special .navbar-nav .dropdown-menu.show{
	position: relative!important;
	transform: none!important;
	float: none;
	width: 100%;
	margin-top: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
}
.nav-special .nav .dropdown-menu .nav-link{
	color:#FFF;
}
.blocsapp-special-menu{
	position: absolute;
	z-index:10000;
}
.nav-special.fullscreen-nav .caret,.nav-special.fullscreen-nav .dropdown-menu .dropdown .caret{
	border-width: 8px;
}
.nav-special .navbar-nav .show>.nav-link{
	color:#FFF;
}

/* Animate Menu Symbol */
.navbar-toggle{
	transition: all .1s linear;
}
.selected-nav{
	opacity: 0;
	transform: scale(0.3);
	transition: all .1s linear;
}


/* Special Menu Close Button */
.close-special-menu{
	position: absolute;
	display: block;
	width: 25px;
	height:25px;
	top:16px;
	right:10px;
	z-index: 10000;
}
.nav-invert .sidebar-nav .close-special-menu{
	left:260px;
}
.close-special-menu .close-icon{
	display: block;
	width:100%;
	height:1px;
	transform: rotate(45deg);
	margin-top:12px;
}
.close-special-menu .close-icon:after{
	content:"";
	display:inherit;
	width:inherit;
	height:inherit;
	background: inherit;
	transform: rotate(90deg);
}
.lock-scroll{
	overflow:hidden;
	transition: background .3s linear;
}
.nav-special::-webkit-scrollbar{
	-webkit-appearance: none;
	width:0;
	height:0;
}
.nav-special .dropdown-menu .dropdown .caret{
	border-top-color: rgba(255,255,255,.8);
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	margin: 0 0 0 5px;
	float: none;
}
.blocsapp-special-menu .site-navigation.pull-right{
	float:none!important;
}

/* Nav Special Close Button */
.close-special-menu .close-icon{
	background:#fff;
}
.blocsapp-special-menu blocsnav{
	background: #000;
}

/* Side Bar Navigation */
.nav-special.sidebar-nav{
	position: fixed;
	right: -300px;
	top: 0;
	bottom: 0;
	width: 300px;
	z-index: 1000;
	transition: all .2s linear;
}
.nav-invert .nav-special.sidebar-nav{
	right: auto;
	left: -300px;
}
 .nav-special.sidebar-nav .site-navigation{
	margin-top:15px;
	padding-left:15px;
}
.nav-special.sidebar-nav .nav > li a{
	color:rgba(255,255,255,.8);
}
 .nav-special.sidebar-nav .nav > li a:hover{
	color:#FFF;
}
 .open.nav-special.sidebar-nav{
	right: 0;
	transition: all .2s linear;
}
.nav-invert .open.nav-special.sidebar-nav{
	left: 0;
	transition: all .2s linear;
}
.navbar-toggler:focus{
	box-shadow:none;
}
;
	
/* Content Tint */
.content-tint{
	z-index: -1;
	transition: background .2s linear;
}
.content-tint.on{
	display: block;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: transparent;
	z-index: 1001;
	background:rgba(0,0,0,.4);
}
.content-tint.on:hover{
	background:rgba(0,0,0,.1);
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
	border:none}
@media (min-width:576px){
	
.navbar-expand-sm .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:768px){
	.navbar-expand-md .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:992px){
	.navbar-expand-lg .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
	right:100%;
	left:auto}
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	background:rgba(0,0,0,.3);
}

/* Prevent ugly blue glow on chrome and safari */
button{
	outline: none!important;
}

.btn-rd{
	border-radius: 40px;
}
.a-block{
	width:100%;
	text-align:left;
	display: inline-block;
}
.text-center .a-block{
	text-align:center;
}
.btn .caret{
	margin:0 0 0 5px}.dropdown a .caret{
	margin:0 0 0 5px}.btn-dropdown .dropdown-menu .dropdown{
	padding: 3px 20px;
}



/* = Text Widths
-------------------------------------------------------------- */
.text-w-80{
	max-width:80%;
}
.text-center.text-w-sm, .text-center.text-w-md, .text-center.text-w-lg, .text-center.text-w-90, .text-center.text-w-80, .text-center.text-w-70, .text-center.text-w-60, .text-center.text-w-50{
	margin-left: auto;
	margin-right: auto;
}


/* = Cards
-------------------------------------------------------------- */
.card-sq, .card-sq .card-header, .card-sq .card-footer{
	border-radius:0;
}
.card-rd{
	border-radius:30px;
}
.card-rd .card-header{
	border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
	border-radius:0 0 29px 29px;
}
/* = Masonary
-------------------------------------------------------------- */
.card-columns .card {
	margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
	.card-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
}
.card-columns .card {
	display: inline-block;
	width: 100%;
}
}

/* = Forms
-------------------------------------------------------------- */

.form-control{
	border-color:rgba(0,0,0,.1);
	box-shadow:none;
}


/* Hide Object */
.object-hidden{
	display:none;
}

/* Horizontal Scroll Container */
.blocs-horizontal-scroll-container{
	position:relative;
}
.blocs-horizontal-scroll-area{
	display:flex;
	overflow-x:auto;
	align-items:flex-start;
	gap:20px;
}
.blocs-horizontal-scroll-area > *{
	flex-shrink:0;
	max-width:100%;
}
.blocs-horizontal-scroll-area::-webkit-scrollbar{
	display:none;
}
.blocs-horizontal-scroll-control{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:1;
	display:flex;
	text-align:center;
	border:0;
	margin:0 30px;
}
.blocs-scroll-control-next{
	right:0;
}
.blocs-round-btn{
	background:rgba(0,0,0,0.15);
	border-radius:100%;
	padding:12px;
	opacity:0;
	cursor:pointer;
	transform:scale(0.5);
	backdrop-filter:blur(20px);
	-webkit-backdrop-filter:blur(20px);
	transition:opacity .50s ease,transform .50s ease;
}
.blocs-horizontal-scroll-container:hover .blocs-round-btn,.blocs-horizontal-scroll-container.show-controls .blocs-round-btn{
	opacity:1;
	transform:scale(1.0);
}
.blocs-round-btn:active{
	background:rgba(0,0,0,0.3);
	transform:scale(0.9)!important;
	transition:transform .30s ease,background .50s ease;
}
.compact-blocs-controls .blocs-round-btn{
	padding:2px;
	width:30px;
	height: 30px;
}
.compact-blocs-controls .blocs-round-btn svg{
	width:14px;
	height:14px;
}
.compact-blocs-controls .blocs-horizontal-scroll-control{
	margin:0 20px;
}
.horizontal-scroll-icon{
	fill:none;
	stroke:#fff;
	stroke-width:4px;
	fill-rule:evenodd;
	stroke-linecap:round;
}
.hide-left-control > .blocs-scroll-control-prev, .hide-right-control > .blocs-scroll-control-next{
	opacity:0!important;
}
.show-controls > .blocs-scroll-control-prev, .show-controls > .blocs-scroll-control-next{
	opacity:1!important;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
	font-family:"Geologica";
	font-size:22px;
	color:#77838F!important;
	font-weight:200;
	line-height:30px;
}
.container{
	max-width:1140px;
}
h1{
	font-family:"Geologica";
	font-weight:200;
	font-size:60px;
	line-height:70px;
}
h2{
	font-family:"Geologica";
	font-size:45px;
	font-weight:200;
	line-height:50px;
}
h3{
	font-size:28px;
	font-weight:200;
}
h4{
	font-family:"Geologica";
	font-weight:400;
	font-size:16px;
}
.bloc-divider-b-fill{
	fill:var(--swatch-var-2534);
	height:150px;
}
.blocs-card-width{
	width:27%;
}
.h-scroll-button{
	background-color:rgba(119,131,143,0.20);
}
.h-scroll-icon{
	stroke:var(--swatch-var-2941);
}
.text-span-style{
	font-weight:bold;
	color:var(--swatch-var-121)!important;
}
.nav-link{
	font-family:"Geologica";
	font-weight:300;
	margin-left:8px;
	margin-right:8px;
	color:var(--swatch-var-2941)!important;
	font-size:16px;
}
.nav-link:hover{
	color:var(--swatch-var-121)!important;
}
.button-login{
	background-color:var(--swatch-var-121);
	color:var(--swatch-var-2941)!important;
	font-family:"Geologica";
	font-weight:300;
	font-size:16px;
	padding:1px 20px 1px 20px;
	margin-top:5px;
}
.button-login:hover{
	background-color:var(--swatch-var-7343);
}
.shadow{
	box-shadow:49.52px 37.31px 16px #000000;
}
.text-span-about-style{
	font-weight:bold;
}
.text-black{
	color:var(--swatch-var-7343)!important;
}
.text-span-hero-style{
	font-weight:bold;
}
.text-green{
	color:var(--swatch-var-121)!important;
}
.button-green{
	color:var(--swatch-var-2941)!important;
	padding:10px 30px 10px 30px;
	background-color:var(--swatch-var-121);
}
.button-green:hover{
	background-color:var(--swatch-var-7343);
}
.gradient-green{
	background:linear-gradient(90deg, var(--swatch-var-73) 0%, var(--swatch-var-887) 100%);
}
.button-black{
	color:var(--swatch-var-2941)!important;
	padding:10px 30px 10px 30px;
	background-color:var(--swatch-var-7343);
}
.button-black:hover{
	background-color:var(--swatch-var-2941);
	color:var(--swatch-var-7343)!important;
}
.hero-img{
	width:85%;
	text-shadow:6.36px 6.36px 21px #000000;
}
.hero-img-bg{
	background-size:cover;
	background-image:url("img/whappend-hero-img-bg.webp");
}
.footer-link{
	font-size:17px;
	text-decoration:none;
	font-weight:200;
}
.button-outline{
	color:var(--swatch-var-2941)!important;
	padding:10px 30px 10px 30px;
	border-style:solid;
	border-color:var(--swatch-var-2941)!important;
	border-width:2px 2px 2px 2px;
	background-color:transparent;
}
.button-outline:hover{
	background-color:var(--swatch-var-2941);
	color:var(--swatch-var-887)!important;
}
p{
	font-size:21px;
	line-height:33px;
	font-weight:300;
}
.features-align-left{
	float:initial;
}
.card-shadow{
	box-shadow:7.07px 7.07px 50px rgba(0,0,0,0.10);
	z-index:999;
}
.align-left{
	float:left;
}
.logo-footer-align{
	float:none;
}
.text-span-faqs-style{
	font-weight:bold;
}
.bloc-divider-b-style{
	fill:transparent;
	height:0px;
}
.text-code{
	font-family:"Source Code Pro";
	font-weight:500;
	color:#D1D2D4!important;
	font-size:17px;
}
.img-code-i-style{
	height:14px;
}
.code-shadow{
	box-shadow:7.07px 7.07px 50px rgba(0,0,0,0.30);
	z-index:999;
}
.button-outline-green{
	color:var(--swatch-var-121)!important;
	padding:10px 30px 10px 30px;
	border-style:solid;
	border-color:var(--swatch-var-121)!important;
	border-width:2px 2px 2px 2px;
	background-color:transparent;
}
.button-outline-green:hover{
	color:var(--swatch-var-7343)!important;
	border-color:var(--swatch-var-7343)!important;
	background-color:transparent;
}
.whatsapp-chat{
	width:65px;
	right:25px;
	bottom:25px;
	position:fixed;
}

/* = Colour
-------------------------------------------------------------- */

/* Swatch Variables */
:root{
	
	--swatch-var-7343:rgba(30,32,34,1.00);
	
	--swatch-var-2941:rgba(255,255,255,1.00);
	
	--swatch-var-2534:rgba(247,247,247,1.00);
	
	--swatch-var-4831:rgba(119,131,143,1.00);
	
	--swatch-var-121:#754CE5;
	
	--swatch-var-887:#00A2DE;
	
	--swatch-var-73:#854DD7;
	
	--swatch-var-2729:rgba(255,255,255,0.90);
	
	--swatch-var-2097:rgba(30,32,34,0.90);
	
	--swatch-var-673:rgba(35,38,43,1.00);
	
}


/* Background colour styles */

.bgc-2097{
	background-color:var(--swatch-var-2097);
}
.bgc-2941{
	background-color:var(--swatch-var-2941);
}
.bgc-673{
	background-color:var(--swatch-var-673);
}
.bgc-2534{
	background-color:var(--swatch-var-2534);
}
.bgc-7343{
	background-color:var(--swatch-var-7343);
}

/* Text colour styles */

.tc-7343{
	color:var(--swatch-var-7343)!important;
}
.tc-4831{
	color:var(--swatch-var-4831)!important;
}
.tc-2941{
	color:var(--swatch-var-2941)!important;
}
.tc-887{
	color:var(--swatch-var-887)!important;
}

/* Link colour styles */

.ltc-2941{
	color:var(--swatch-var-2941)!important;
}
.ltc-2941:hover{
	color:#CCCCCC!important;
}

/* Bloc image backgrounds */


/* = Custom Bric Data
-------------------------------------------------------------- */

*************************************************** * Tab Anything Pro * Made for Blocs app for Mac * Author: Whittfield Holmes, Blochead.dev, CodeMyBrand.com * Last Modified Date: June 17th, 2022 8:00am CST*****************************************************/@charset "UTF-8";
	.tab-anything.indent-hover[data-orientation=vertical][data-glyphs=text][data-rotate="0"] label span{
	transition:all .5s ease}.tab-anything.indent-hover[data-orientation=vertical][data-glyphs=text][data-rotate="0"] label:hover span{
	margin-left:10px;
	transition:all .5s ease}.tab-anything.indent-hover.indent-selected[data-orientation=vertical][data-glyphs=text][data-rotate="0"] label.selected span{
	margin-left:10px;
	transition:all .5s ease}.tab-anything.indent-hover[data-orientation=horizontal][data-glyphs=text][data-rotate="0"] label span{
	transition:all .5s ease}.tab-anything.indent-hover[data-orientation=horizontal][data-glyphs=text][data-rotate="0"] label:hover span{
	margin-left:10px;
	margin-right:10px;
	transition:all .5s ease}.tab-anything.indent-hover.indent-selected[data-orientation=horizontal][data-glyphs=text][data-rotate="0"] label.selected span{
	margin-left:10px;
	margin-right:10px;
	transition:all .5s ease}.next,.prev{
	cursor:pointer}.tab-anything[data-active-white="1"] .mobile-wrapper .dropdown-toggle,.tab-anything[data-active-white="1"] .mobile-wrapper .dropdown-toggle span{
	color:#fff!important}.tab-anything[data-active-white="1"] .mobile-wrapper .dropdown-menu .dropdown-item.selected span{
	color:#fff!important}label{
	margin:0}.tab-anything-btn input{
	opacity:0;
	position:absolute;
	width:0;
	height:0}.tab-anything[class^=col-]{
	padding-left:0!important;
	padding-right:0!important}.tab-anything .dropdown-menu.fullwidth,.tab-anything .dropdown-toggle.fullwidth,.tab-anything label span{
	width:100%;
	text-align:center;
	white-space:nowrap}.tab-anything .btn-group-wrapper{
	line-height:0}.tab-anything[data-font-weight=bold] .dropdown-toggle span,.tab-anything[data-font-weight=bold] label span{
	font-weight:700}.tab-anything[data-transition="1"] label,.tab-anything[data-transition="1"] label .glyph,.tab-anything[data-transition="1"] label span{
	transition:all .5s ease-out}.tab-anything[data-radius="Pill Shape"][data-detached=false][data-orientation=horizontal] label.btn.wider:first-of-type{
	padding-left:1.5em!important}.tab-anything[data-radius="Pill Shape"][data-detached=false][data-orientation=horizontal] label.btn.wider:last-of-type{
	padding-right:1.5em!important}.tab-anything a.btn.dropdown-toggle.wider{
	padding-left:1.7em!important;
	padding-right:1.7em!important}.tab-anything[data-width="1"] .btn-group,.tab-anything[data-width="1"] label,.tab-anything[data-width="1"] label span{
	width:100%}.tab-anything[data-orientation=horizontal] .btn-group{
	display:inline-flex}.tab-anything[data-orientation=horizontal][data-detached=true] label{
	margin:0 10px}.tab-anything[data-orientation=horizontal][data-detached=true][data-gap-increase=true] label{
	margin:0 18px}.tab-anything[data-orientation=horizontal][data-detached=true] label.btn:first-of-type{
	margin-left:0}.tab-anything[data-orientation=horizontal][data-detached=true] label.btn:last-of-type{
	margin-right:0}.tab-anything[data-orientation=vertical][data-detached=false] .btn-group{
	display:inline-block}.tab-anything[data-orientation=vertical][data-detached=false] .btn-group label{
	display:block}.tab-anything[data-orientation=vertical][data-detached=true] .btn-group{
	display:inline-block}.tab-anything[data-orientation=vertical][data-detached=true] .btn-group label{
	display:block}.tab-anything[data-orientation=vertical][data-detached=true][data-rotate="0"] label.btn{
	margin-top:5px;
	margin-bottom:5px}.tab-anything[data-orientation=vertical][data-detached=true][data-rotate="1"] label.btn{
	margin-top:10px;
	margin-bottom:10px}.tab-anything[data-orientation=vertical][data-detached=true][data-rotate="0"][data-gap-increase=true] label.btn{
	margin-top:10px;
	margin-bottom:10px}.tab-anything[data-orientation=vertical][data-detached=true][data-rotate="1"][data-gap-increase=true] label.btn{
	margin-top:20px;
	margin-bottom:20px}.tab-anything[data-orientation=vertical][data-detached=true] label.btn:first-of-type,.tab-anything[data-orientation=vertical][data-detached=true][data-gap-increase=true] label.btn:first-of-type{
	margin-top:0}.tab-anything[data-orientation=vertical][data-detached=true] label.btn:last-of-type,.tab-anything[data-orientation=vertical][data-detached=true][data-gap-increase=true] label.btn:last-of-type{
	margin-bottom:0}.tab-anything[data-glyphs=bars] label.sml{
	height:10px!important}.tab-anything[data-glyphs=bars] label.med{
	height:20px!important}.tab-anything[data-glyphs=bars] label.lrg{
	height:30px!important}.tab-anything[data-glyphs=bars] label.short{
	min-width:50px}.tab-anything[data-glyphs=bars] label.long{
	min-width:80px}.tab-anything[data-glyphs=bars] label{
	line-height:0!important;
	padding:0!important}.tab-anything[data-glyphs=bars] label span{
	font-size:0!important;
	top:.175em!important;
	color:transparent!important}.tab-anything[data-glyphs=bullets][data-orientation=vertical] .btn-group{
	min-height:auto;
	height:auto}.tab-anything[data-glyphs=bullets][data-orientation=vertical] label{
	min-height:25px}.tab-anything[data-glyphs=bullets] label{
	height:25px;
	min-height:25px;
	min-width:50px;
	padding-top:0;
	padding-bottom:0;
	line-height:.5em}.tab-anything[data-glyphs=bullets] .btn-group{
	height:25px}.tab-anything[data-glyphs=bullets] label{
	background-color:transparent!important;
	border-color:transparent!important}.tab-anything[data-glyphs=bullets] label .glyph{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}.tab-anything[data-glyph-size=sml] label .glyph{
	font-size:24px!important}.tab-anything[data-glyph-size=med] label .glyph{
	font-size:34px!important}.tab-anything[data-glyph-size=lrg] label .glyph{
	font-size:44px!important}.tab-anything[data-focus=off] .btn-group input,.tab-anything[data-focus=off] .dropdown-toggle:focus,.tab-anything[data-focus=off] label{
	outline:0;
	box-shadow:none}.tab-anything[data-flush=left][data-glyphs=bullets] .btn-group label{
	padding-left:0;
	padding-right:30px;
	min-width:auto}.tab-anything[data-border-color=transparent] a.btn.dropdown-toggle,.tab-anything[data-border-color=transparent] label.btn{
	border-color:transparent}.tab-anything[data-border-color=transparent] .btn-group>.btn-group:not(:first-child),.tab-anything[data-border-color=transparent] .btn-group>.btn:not(:first-child){
	margin-left:0}.tab-anything[data-mobile-swap="0"] .dropdown{
	display:none}.tab-anything .dropdown-menu{
	z-index:9999;
	transform:translate3d(18px,-95px,0 !important);
	-webkit-transform:translate3d(18px,-95px,0 !important)}.tab-anything .dropdown-menu a:hover{
	background-color:transparent}.tab-anything .dropdown-menu a.active span{
	color:#fff}.tab-anything .dropdown-menu a span{
	color:#444}.tab-anything .dropdown-item{
	padding:.45rem 1.5rem}.tab-anything[data-bkgrnd=transparent] .dropdown-menu{
	background-color:#fff!important}.tab-anything a.btn.dropdown-toggle span{
	background-color:transparent;
	border-color:transparent!important;
	margin-right:3px}.tab-anything .dropdown-toggle::after{
	position:relative;
	top:1px;
	border-top:.27em solid;
	border-right:.27em solid transparent;
	border-bottom:0;
	border-left:.27em solid transparent}@media only screen and (max-width:767px){
	.tab-anything[data-mobile-swap="0"] .btn-group-wrapper{
	display:block!important}.tab-anything[data-mobile-swap="0"] .mobile-wrapper{
	display:none!important}.tab-anything[data-mobile-swap="1"] .btn-group-wrapper{
	display:none!important}.tab-anything[data-mobile-swap="1"] .mobile-wrapper{
	display:block!important}}@media only screen and (max-width:3600px){
	.tab-anything[data-mobile-swap="2"] .btn-group-wrapper{
	display:none!important}.tab-anything[data-mobile-swap="2"] .mobile-wrapper{
	display:block!important}}.tab-anything[data-radius=Sharp] .dropdown-toggle,.tab-anything[data-radius=Sharp] label.btn{
	border-radius:0}.tab-anything[data-radius=Dull][data-orientation=vertical][data-detached=false] label.btn:first-of-type{
	border-top-left-radius:3px!important;
	border-top-right-radius:3px!important;
	border-bottom-left-radius:0!important;
	border-bottom-right-radius:0!important}.tab-anything[data-radius=Dull][data-orientation=vertical][data-detached=false] label.btn:last-of-type{
	border-top-left-radius:0!important;
	border-top-right-radius:0!important;
	border-bottom-left-radius:3px!important;
	border-bottom-right-radius:3px!important}.tab-anything[data-radius=Round][data-orientation=vertical][data-detached=false] label:first-of-type{
	border-top-left-radius:6px!important;
	border-top-right-radius:6px!important;
	border-bottom-left-radius:0!important;
	border-bottom-right-radius:0!important}.tab-anything[data-radius=Round][data-orientation=vertical][data-detached=false] label:last-of-type{
	border-top-left-radius:0!important;
	border-top-right-radius:0!important;
	border-bottom-left-radius:6px!important;
	border-bottom-right-radius:6px!important}.tab-anything[data-radius=Dull][data-orientation=vertical][data-detached=true] label.btn{
	border-radius:3px}.tab-anything[data-radius=Round][data-orientation=vertical][data-detached=true] label.btn{
	border-radius:6px}.tab-anything[data-radius="Pill Shape"][data-orientation=vertical][data-detached=false] label.btn:first-of-type{
	border-top-left-radius:100px!important;
	border-top-right-radius:100px!important;
	border-bottom-left-radius:0!important;
	border-bottom-right-radius:0!important}.tab-anything[data-radius="Pill Shape"][data-orientation=vertical][data-detached=false] label.btn:last-of-type{
	border-top-left-radius:0!important;
	border-top-right-radius:0!important;
	border-bottom-left-radius:100px!important;
	border-bottom-right-radius:100px!important}.tab-anything[data-radius="Pill Shape"][data-orientation=vertical][data-detached=false][data-glyphs=text] label.btn:first-of-type{
	padding-top:10px}.tab-anything[data-radius="Pill Shape"][data-orientation=vertical][data-detached=false][data-glyphs=text] label.btn:last-of-type{
	padding-bottom:10px}.tab-anything[data-radius=Dull][data-orientation=vertical] .dropdown-toggle{
	border-radius:3px}.tab-anything[data-radius=Round][data-orientation=vertical] .dropdown-toggle{
	border-radius:6px}.tab-anything[data-radius="Pill Shape"] .dropdown-toggle,.tab-anything[data-radius="Pill Shape"][data-orientation=vertical][data-detached=true] label.btn{
	border-radius:100px;
	padding-left:1.2em;
	padding-right:1.2em}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius=Dull] label.btn:first-of-type{
	border-top-left-radius:3px;
	border-bottom-left-radius:3px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius=Dull] label.btn:last-of-type{
	border-top-right-radius:3px;
	border-bottom-right-radius:3px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius=Round] label.btn:first-of-type{
	border-top-left-radius:6px;
	border-bottom-left-radius:6px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius=Round] label.btn:last-of-type{
	border-top-right-radius:6px;
	border-bottom-right-radius:6px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius="More Round"] label.btn:first-of-type{
	border-top-left-radius:10px;
	border-bottom-left-radius:10px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius="More Round"] label.btn:last-of-type{
	border-top-right-radius:10px;
	border-bottom-right-radius:10px}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius="Pill Shape"] label.btn:first-of-type{
	border-top-left-radius:100px;
	border-bottom-left-radius:100px;
	padding-left:1.2em}.tab-anything[data-detached=false][data-orientation=horizontal][data-radius="Pill Shape"] label.btn:last-of-type{
	border-top-right-radius:100px;
	border-bottom-right-radius:100px;
	padding-right:1.2em}.tab-anything[data-detached=true][data-radius=Sharp] .btn-group label.btn,.tab-anything[data-detached=true][data-radius=Sharp] .dropdown-toggle{
	border-radius:0}.tab-anything[data-detached=true][data-radius=Dull] .btn-group label.btn,.tab-anything[data-detached=true][data-radius=Dull] .dropdown-toggle{
	border-radius:3px}.tab-anything[data-detached=true][data-radius=Round] .btn-group label.btn,.tab-anything[data-detached=true][data-radius=Round] .dropdown-toggle{
	border-radius:6px}.tab-anything[data-detached=true][data-radius="More Round"] .btn-group label.btn,.tab-anything[data-detached=true][data-radius="More Round"] .dropdown-toggle{
	border-radius:10px}.tab-anything[data-detached=true][data-radius="Pill Shape"] .btn-group label.btn,.tab-anything[data-detached=true][data-radius="Pill Shape"] .dropdown-toggle{
	border-radius:100px;
	padding-left:20px;
	padding-right:20px}.tab-anything label.btn img.square{
	border-radius:0}.tab-anything label.btn img.dull-edge{
	border-radius:2px}.tab-anything label.btn img.slightly-round{
	border-radius:4px}.tab-anything label.btn img.more-round{
	border-radius:8px}.tab-anything label.btn img.circle{
	border-radius:200px}.tab-anything[data-glyphs=Bars i] label.btn img,.tab-anything[data-glyphs=Bullets i] label.btn img,.tab-anything[data-glyphs=Text i] label.btn img{
	display:none}.tab-anything[data-image-shape=proportional] img.sml{
	max-width:16px;
	height:auto}.tab-anything[data-image-shape=proportional] img.med{
	max-width:24px;
	height:auto}.tab-anything[data-image-shape=proportional] img.lrg{
	max-width:32px;
	height:auto}.tab-anything[data-image-shape=proportional] img.xl{
	max-width:64px;
	height:auto}.tab-anything[data-image-shape=proportional] img.xxl{
	max-width:96px;
	height:auto}.tab-anything[data-image-shape=proportional] label.svg img.sml{
	max-width:16px;
	width:16px;
	height:auto}.tab-anything[data-image-shape=proportional] label.svg img.med{
	max-width:24px;
	width:24px;
	height:auto}.tab-anything[data-image-shape=proportional] label.svg img.lrg{
	max-width:32px;
	width:32px;
	height:auto}.tab-anything[data-image-shape=proportional] label.svg img.xl{
	max-width:64px;
	width:64px;
	height:auto}.tab-anything[data-image-shape=proportional] label.svg img.xxl{
	max-width:96px;
	width:96px;
	height:auto}.tab-anything[data-image-shape=proportional] .dropdown-item img,.tab-anything[data-image-shape=proportional] .dropdown-toggle img{
	max-width:64px!important;
	height:48px!important}.tab-anything[data-image-shape=proportional][data-glyphs=images] .dropdown-toggle{
	display:none;
	max-width:64px!important;
	height:48px!important}div[id^=tab].d-none{
	display:none;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)}.tab-anything[data-glyphs=images] label span{
	display:none}.tab-anything[data-glyphs=images] .dropdown-item span,.tab-anything[data-glyphs=images] .dropdown-toggle span{
	display:none!important}.tab-anything[data-glyphs=images] .dropdown-menu{
	min-width:auto}.tab-anything .dropdown-item img{
	display:none}.tab-anything[data-glyphs="image w label"] .btn-group-wrapper.d-none{
	display:block!important}.tab-anything[data-glyphs="image w label"] .btn-group-wrapper.d-none{
	display:block!important}.tab-anything[data-glyphs="image w label"] label span{
	display:table;
	margin-top:10px;
	max-width:150px;
	text-align:center}.tab-anything[data-glyphs="image w label"] label span{
	display:table;
	margin-top:10px;
	max-width:150px;
	text-align:center}.tab-anything[data-glyphs="image w label"][data-image-zoom=Zoom] .tab-anything-btn-group label.btn{
	display:table;
	align-self:center}.tab-anything[data-glyphs=images] .btn-group-wrapper.d-none{
	display:block!important}.tab-anything[data-glyphs=images] .btn-group-wrapper.d-none{
	display:block!important}.tab-anything[data-glyphs=images] label span{
	display:none}.tab-anything[data-glyphs=images][data-image-zoom=Zoom] .tab-anything-btn-group label{
	display:table;
	align-self:center}.tab-anything[data-glyphs=images][data-image-zoom=Zoom] label img{
	vertical-align:middle}.tab-anything[data-glyphs=images][data-image-zoom=Zoom] label img.sml{
	border-width:1px;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images][data-image-zoom=Zoom] label img.med{
	border-width:1px;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images][data-image-zoom=Zoom] label img.lrg{
	border-width:2px;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images][data-image-zoom=Zoom] label img.xl{
	border-width:4px;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images][data-image-zoom=Zoom] label img.xxl{
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images][data-image-zoom=Zoom] label.active img,.tab-anything[data-glyphs=images][data-image-zoom=Zoom] label.selected img{
	border-width:0;
	border-style:solid;
	border-color:transparent}.tab-anything[data-glyphs^=image][data-image-opacity=Opacity] label img{
	opacity:.5;
	transition:opacity .4s}.tab-anything[data-glyphs^=image][data-image-opacity=Opacity] label.active img,.tab-anything[data-glyphs^=image][data-image-opacity=Opacity] label.selected img{
	opacity:1;
	transition:opacity .4s}.tab-anything[data-glyphs=images][data-orientation=vertical] label{
	padding-top:.6em;
	padding-bottom:.6em}.tab-anything[data-glyphs=images][data-orientation=vertical] label.less{
	padding-top:.3em;
	padding-bottom:.3em}.tab-anything[data-glyphs=images][data-orientation=vertical] label.more{
	padding-top:1em;
	padding-bottom:1em}.tab-anything[data-glyphs=images][data-orientation=horizontal] label.less{
	padding-left:.4em;
	padding-right:.4em}.tab-anything[data-glyphs=images][data-orientation=horizontal] label.more{
	padding-left:1.2em;
	padding-right:1.2em}@media only screen and (max-width:480px){
	.tab-anything[data-image-shape=proportional] img.xxl{
	max-width:64px!important}.tab-anything[data-image-shape=proportional] label.svg img.xxl{
	max-width:64px!important;
	width:64px!important}.tab-anything[data-glyphs=images][data-image-zoom=Zoom] label img.xxl{
	border-width:4px!important;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}.tab-anything[data-glyphs=images][data-image-zoom=Zoom] label.active img.xxl{
	border-width:0!important;
	border-style:solid;
	border-color:transparent;
	background-clip:padding-box}}.tab-anything[data-orientation=vertical][data-rotate="0"][data-align-label=text-left] .btn-group{
	text-align:left!important}.tab-anything[data-orientation=vertical][data-rotate="0"][data-align-label=text-center] .btn-group{
	text-align:center!important}.tab-anything[data-orientation=vertical][data-rotate="0"][data-align-label=text-right] .btn-group{
	text-align:right!important}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-align-btns="0"] .btn-group,.tab-anything[data-orientation=vertical] .btn-group.text-left{
	justify-content:flex-start}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-align-btns="1"] .btn-group,.tab-anything[data-orientation=vertical] .btn-group.text-center{
	justify-content:center}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-align-btns="2"] .btn-group,.tab-anything[data-orientation=vertical] .btn-group.text-right{
	justify-content:flex-end}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-width="1"][data-align-btns="0"] .btn-group{
	justify-content:flex-start!important}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-width="1"][data-align-btns="1"] .btn-group{
	justify-content:center!important}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-width="1"][data-align-btns="2"] .btn-group{
	justify-content:flex-end!important}.tab-anything[data-orientation=vertical][data-rotate="0"][data-width="1"][data-align-label=text-left] label.btn{
	text-align:left!important}.tab-anything[data-orientation=vertical][data-rotate="0"][data-width="1"][data-align-label=text-center] label.btn{
	text-align:center!important}.tab-anything[data-orientation=vertical][data-rotate="0"][data-width="1"][data-align-label=text-right] label.btn{
	text-align:right!important}.tab-anything[data-orientation=horizontal][data-rotate="1"] label.wider{
	width:46px!important}.tab-anything[data-orientation=horizontal][data-rotate="1"] label.wider span{
	padding:0!important;
	height:auto;
	width:46px!important;
	margin-left:0}.tab-anything[data-orientation=vertical][data-rotate="0"][data-width="1"] .btn-group,.tab-anything[data-orientation=vertical][data-width="1"] label{
	width:100%}.tab-anything[data-orientation=vertical][data-width="0"] label{
	width:fit-content}.tab-anything[data-orientation=vertical][data-rotate="1"][data-width="1"] .btn-group{
	height:100%;
	width:46px}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-width="0"] .btn-group{
	align-items:flex-end!important}.tab-anything[data-orientation=horizontal][data-rotate="1"][data-fit="1"] label{
	height:100%;
	width:100%}.tab-anything[data-rotate="1"] label{
	padding-top:10px;
	padding-bottom:10px;
	line-height:0;
	width:46px}.tab-anything[data-rotate="1"] label span{
	position:relative;
	top:50%;
	white-space:nowrap;
	writing-mode:tb-rl;
	transform:rotate(-180deg);
	position:relative;
	width:25px;
	line-height:0;
	top:0;
	left:50%}.tab-anything[data-orientation=vertical][data-detached=true][data-rotate="1"][data-radius="Pill Shape"] label{
	padding:20px}.tab-anything[data-orientation=horizontal][data-detached=true][data-rotate="1"][data-radius="Pill Shape"] label{
	padding-top:20px;
	padding-bottom:20px;
	width:46px}.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="0"] .btn-group.tborder label.btn,.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="0"] .btn-group.tborder label.btn.selected,.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="0"] .btn-group.tborder label.btn:hover{
	margin-bottom:-1px!important;
	margin-left:0!important;
	margin-right:0!important}.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="1"] .btn-group.tborder label.btn,.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="1"] .btn-group.tborder label.btn.selected,.tab-anything[data-orientation=vertical][data-detached=false][data-rotate="1"] .btn-group.tborder label.btn:hover{
	margin-bottom:-1px!important;
	margin-left:0!important;
	margin-right:0!important}.tab-anything[data-orientation=horizontal][data-width="1"][data-rotate="1"] .btn-group{
	justify-content:center}.tab-anything[data-orientation=horizontal][data-width="1"][data-rotate="1"] .btn-group label{
	align-items:flex-end!important;
	display:inline-flex;
	max-width:46px}.tab-anything[data-orientation=horizontal][data-width="1"][data-rotate="1"] .btn-group label span{
	position:relative;
	width:100%;
	display:block;
	left:50%}.tab-anything[data-orientation=vertical][data-rotate="0"] .btn-group{
	width:min-content;
	text-align:right}.tab-anything[data-orientation=vertical][data-rotate="0"] label.btn{
	padding-top:6px;
	padding-bottom:6px;
	height:fit-content;
	display:inline-block!important}.tab-anything[data-orientation=vertical][data-rotate="0"] label.btn span{
	position:relative!important}.tab-anything[data-orientation=vertical][data-rotate="1"] label.btn{
	width:46px!important}.tab-anything[data-orientation=vertical][data-rotate="1"] label.btn span{
	display:inline-block;
	position:relative!important;
	top:50%}.tab-anything[data-align-label=text-left][data-flush="1"][data-orientation=vertical] label.btn{
	padding-left:0!important}.tab-anything[data-align-label=text-right][data-flush="1"][data-orientation=vertical] label.btn{
	padding-right:0!important}.tab-anything.wrap[data-orientation=horizontal][data-detached=false] label:nth-child(1),.tab-anything.wrap[data-orientation=horizontal][data-detached=false] label:nth-child(2){
	float:left}.tab-anything.wrap[data-orientation=horizontal] .tab-anything-btn-group{
	display:block!important;
	text-align:left!important}.tab-anything.wrap[data-detached=true] label{
	float:left;
	margin:5px!important}.tab-anything.wrap[data-detached=true][data-gap-increase=true] label{
	float:left;
	margin:10px!important}.tab-anything.wrap[data-width="1"] label{
	margin-right:0}div[id^=tab]{
	display:block}div[id^=tab].show .fade{
	animation:fade 1s forwards;
	-webkit-animation:fade 1s forwards}div[id^=tab].show .slide-in-fade-up{
	animation:slideInFadeUp 1s forwards;
	-webkit-animation:slideInFadeUp 1s forwards}div[id^=tab].show .slide-in-fade-down{
	animation:slideInFadeDown 1s forwards;
	-webkit-animation:slideInFadeDown 1s forwards}div[id^=tab].show .slide-in-fade-left{
	animation:slideInFadeLeft 1s forwards;
	-webkit-animation:slideInFadeLeft 1s forwards}div[id^=tab].show .slide-in-fade-right{
	animation:slideInFadeRight 1s forwards;
	-webkit-animation:slideInFadeRight 1s forwards}div[id^=tab].show .zoom-in{
	animation:zoomIn 1s forwards;
	-webkit-animation:zoomIn 1s forwards}div[id^=tab].show .zoom-in-up{
	animation:zoomInUp 1s forwards;
	-webkit-animation:zoomInUp 1s forwards}div[id^=tab].show .zoom-in-down{
	animation:zoomInDown 1s forwards;
	-webkit-animation:zoomInDown 1s forwards}div[id^=tab].show .bounce-in{
	animation:bounceIn 1s forwards;
	-webkit-animation:bounceIn 1s forwards}div[id^=tab].show .dramatic{
	animation:dramatic 1s forwards;
	-webkit-animation:dramatic 1s forwards}div[id^=tab].show .tick-tick-zoom{
	animation:ticktickzoom 1s forwards;
	-webkit-animation:ticktickzoom 1s forwards}@keyframes fade{
	100%{
	opacity:1}}@keyframes slideInFadeUp{
	0%{
	opacity:0;
	transform:translate(0,40px);
	-webkit-transform:translate(0,40px);
	-ms-transform:translate(0,40px)}100%{
	opacity:1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0)}}@keyframes slideInFadeDown{
	0%{
	opacity:0;
	transform:translate(0,-40px);
	-webkit-transform:translate(0,-40px);
	-ms-transform:translate(0,-40px)}100%{
	opacity:1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0)}}@keyframes slideInFadeLeft{
	0%{
	opacity:0;
	transform:translate(40px,0);
	transform:translate(40px,0);
	-webkit-transform:translate(40px,0);
	-ms-transform:translate(40px,0)}100%{
	opacity:1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0)}}@keyframes slideInFadeRight{
	0%{
	opacity:0;
	transform:translate(-40px,0);
	-webkit-transform:translate(-40px,0);
	-ms-transform:translate(-40px,0)}100%{
	opacity:1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0)}}@keyframes bounceIn{
	0%,100%,20%,40%,60%,80%{
	transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{
	opacity:0;
	transform:scale3d(.3,.3,.3);
	-webkit-transform:scale3d(.3,.3,.3);
	-ms-transform:scale3d(.3,.3,.3)}20%{
	transform:scale3d(1.1,1.1,1.1);
	-webkit-transform:scale3d(1.1,1.1,1.1);
	-ms-transform:scale3d(1.1,1.1,1.1)}40%{
	transform:scale3d(.9,.9,.9);
	-webkit-transform:scale3d(.9,.9,.9);
	-ms-transform:scale3d(.9,.9,.9)}60%{
	opacity:1;
	transform:scale3d(1.03,1.03,1.03);
	-webkit-transform:scale3d(1.03,1.03,1.03);
	-ms-transform:scale3d(1.03,1.03,1.03)}80%{
	transform:scale3d(.97,.97,.97);
	-webkit-transform:scale3d(.97,.97,.97);
	-ms-transform:scale3d(.97,.97,.97)}100%{
	opacity:1;
	transform:scale3d(1,1,1);
	-webkit-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1)}}@keyframes zoomIn{
	0%{
	opacity:0;
	transform:scale3d(.6,.6,.6);
	-webkit-transform:scale3d(.6,.6,.6);
	-ms-transform:scale3d(.6,.6,.6)}50%{
	opacity:1}}@keyframes zoomInUp{
	0%{
	opacity:0;
	transform:scale3d(.25,.25,.25) translate3d(0,100px,0);
	-webkit-transform:scale3d(.25,.25,.25) translate3d(0,100px,0);
	-ms-transform:scale3d(.25,.25,.25) translate3d(0,100px,0);
	animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
	-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
	-ms-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{
	opacity:1;
	transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
	-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
	-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
	animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	-ms-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}@keyframes zoomInDown{
	0%{
	opacity:0;
	transform:scale3d(.25,.25,.25) translate3d(0,-100px,0);
	-webkit-transform:scale3d(.25,.25,.25) translate3d(0,-100px,0);
	-ms-transform:scale3d(.25,.25,.25) translate3d(0,-100px,0);
	animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
	-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
	-ms-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{
	opacity:1;
	transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
	-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
	-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
	animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	-ms-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}@keyframes ticktickzoom{
	0%{
	opacity:0;
	transform-origin:50% 100%;
	transform:scale(.5,.5) rotate(0)}34%{
	opacity:1;
	transform-origin:50% 50%;
	transform:scale(.5,.5) rotate(0)}68%{
	transform-origin:50% 0;
	transform:scale(.5,.5) rotate(0)}100%{
	transform-origin:50% 50%;
	transform:scale(1,1) rotate(0);
	animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	-ms-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}@keyframes dramatic{
	0%{
	opacity:0;
	transform-origin:150% 50%;
	transform:scale(.5,.5) rotate(0);
	animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
	-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);
	-ms-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}25%{
	opacity:1;
	transform-origin:150% 75%;
	transform:scale(.5,.5) rotate(0)}50%{
	transform-origin:0 75%;
	transform:scale(.5,.5) rotate(0)}75%{
	transform-origin:0 0;
	transform:scale(.5,.5) rotate(0)}100%{
	transform-origin:50% 50%;
	transform:scale(1,1) rotate(0);
	animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);
	-ms-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}.tab-anything.wrap{
	margin:auto!important}.tab-anything.wide-25 label{
	width:25px!important}.tab-anything.wide-50 label{
	width:50px!important}.tab-anything.wide-75 label{
	width:75px!important}.tab-anything.wide-100 label{
	width:100px!important}.tab-anything.wide-125 label{
	width:125px}.tab-anything.wide-150 label{
	width:150px}.tab-anything.wide-175 label{
	width:175px}.tab-anything.wide-200 label{
	width:200px}.tab-anything.wide-225 label{
	width:225px}.tab-anything.wide-250 label{
	width:250px}.tab-anything.wide-275 label{
	width:275px}.tab-anything.wide-300 label{
	width:300px}.tab-anything.wide-325 label{
	width:325px}.tab-anything.wide-350 label{
	width:350px}.tab-anything.wide-375 label{
	width:375px}.tab-anything.wide-400 label{
	width:400px}.tab-anything.wide-425 label{
	width:425px}.tab-anything.wide-450 label{
	width:450px}.tab-anything.wide-475 label{
	width:475px}.tab-anything.wide-500 label{
	width:500px}.tab-anything.wide-525 label{
	width:525px}.tab-anything.wide-550 label{
	width:550px}.tab-anything.wide-575 label{
	width:575px}.tab-anything.wide-600 label{
	width:600px}.loader{
	display:inline-block;
	position:relative;
	width:40px;
	height:40px}.loader div{
	box-sizing:border-box;
	display:block;
	position:absolute;
	width:32px;
	height:32px;
	margin:2px;
	border-radius:50%;
	animation:loader 1.2s cubic-bezier(.5,0,.5,1) infinite;
	-webkit-font-smoothing:antialiased}.loader.light div{
	border:4px solid #fff;
	border-color:#fff transparent transparent transparent}.loader.dark div{
	border:4px solid #333;
	border-color:#333 transparent transparent transparent}.loader.gray div{
	border:4px solid #999;
	border-color:#999 transparent transparent transparent}.loader div:nth-child(1){
	animation-delay:-.45s}.loader div:nth-child(2){
	animation-delay:-.3s}.loader div:nth-child(3){
	animation-delay:-.15s}@keyframes loader{
	0%{
	transform:rotate(0)}100%{
	transform:rotate(360deg)}}.sk-fading-circle{
	margin:100px auto;
	width:40px;
	height:40px;
	position:relative}.sk-fading-circle .sk-circle{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0}.light .sk-fading-circle .sk-circle:before{
	background-color:#fff}.dark .sk-fading-circle .sk-circle:before{
	background-color:#333}.gray .sk-fading-circle .sk-circle:before{
	background-color:#999}.sk-fading-circle .sk-circle:before{
	content:'';
	display:block;
	margin:0 auto;
	width:15%;
	height:15%;
	border-radius:100%;
	-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{
	-webkit-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	transform:rotate(30deg)}.sk-fading-circle .sk-circle3{
	-webkit-transform:rotate(60deg);
	-ms-transform:rotate(60deg);
	transform:rotate(60deg)}.sk-fading-circle .sk-circle4{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)}.sk-fading-circle .sk-circle5{
	-webkit-transform:rotate(120deg);
	-ms-transform:rotate(120deg);
	transform:rotate(120deg)}.sk-fading-circle .sk-circle6{
	-webkit-transform:rotate(150deg);
	-ms-transform:rotate(150deg);
	transform:rotate(150deg)}.sk-fading-circle .sk-circle7{
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)}.sk-fading-circle .sk-circle8{
	-webkit-transform:rotate(210deg);
	-ms-transform:rotate(210deg);
	transform:rotate(210deg)}.sk-fading-circle .sk-circle9{
	-webkit-transform:rotate(240deg);
	-ms-transform:rotate(240deg);
	transform:rotate(240deg)}.sk-fading-circle .sk-circle10{
	-webkit-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg)}.sk-fading-circle .sk-circle11{
	-webkit-transform:rotate(300deg);
	-ms-transform:rotate(300deg);
	transform:rotate(300deg)}.sk-fading-circle .sk-circle12{
	-webkit-transform:rotate(330deg);
	-ms-transform:rotate(330deg);
	transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{
	-webkit-animation-delay:-1.1s;
	animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{
	-webkit-animation-delay:-1s;
	animation-delay:-1s}.sk-fading-circle .sk-circle4:before{
	-webkit-animation-delay:-.9s;
	animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{
	-webkit-animation-delay:-.8s;
	animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{
	-webkit-animation-delay:-.7s;
	animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{
	-webkit-animation-delay:-.6s;
	animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{
	-webkit-animation-delay:-.5s;
	animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{
	-webkit-animation-delay:-.4s;
	animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{
	-webkit-animation-delay:-.3s;
	animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{
	-webkit-animation-delay:-.2s;
	animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{
	-webkit-animation-delay:-.1s;
	animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{
	0%,100%,39%{
	opacity:0}40%{
	opacity:1}}@keyframes sk-circleFadeDelay{
	0%,100%,39%{
	opacity:0}40%{
	opacity:1}}.tab-anything.material label{
	border-left:0;
	border-right:0px}.tab-anything.material[data-detached="0"] label.btn{
	margin-right:-1px}

/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}
    .bloc-no-padding-sm{padding:0 20px;}
}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:100px 20px;}
    .bloc-md-lg{padding:50px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
}


/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0; 
        padding-right: 0;  
    }
}
@media (max-width: 991px)
{
    .container{width:100%;}
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .btn-dwn{
       display:none; 
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
	   background-size: 216px 425px;
	   padding-top:60px;
	   width:216px;
	   height:425px;
    }
    .blocsapp-device-iphone5 img{
	   width: 180px;
	   height: 320px;
    }
}

@media (max-width: 991px){
	.blocs-card-width{
		width:38%;
	}
	.navbar-brand img{
		width:170px;
	}
	h1{
		font-size:40px;
		line-height:55px;
	}
	h2{
		font-size:33px;
		line-height:40px;
	}
	h3{
		font-size:20px;
	}
	h4{
		font-size:16px;
	}
	h1,h2,h3,h4,h5,h6,p,label,.btn,a{
	}
	p{
		font-size:19px;
		line-height:31px;
	}
	.footer-link{
		font-size:16px;
	}
	.menu-icon-stroke{
		stroke:var(--swatch-var-4831)!important;
		fill:var(--swatch-var-4831)!important;
	}
	.blocsapp-special-menu blocsnav{
		background-color:var(--swatch-var-7343);
	}
	.close-special-menu .close-icon{
		background-color:var(--swatch-var-4831);
	}
	.features-align-left{
	}
	.align-left{
		float:left;
	}
	.bloc-divider-b-fill{
		height:150px;
		fill:var(--swatch-var-2534);
	}
	.hero-img{
		width:100%;
	}
	.bloc-divider-b-style{
		fill:transparent;
	}
	
}

@media (max-width: 767px){
	.blocs-card-width{
		width:50%;
	}
	.navbar-brand img{
		width:150px;
	}
	.button-green{
	}
	.align-left{
		float:none;
	}
	.features-align-left{
		float:none;
	}
	.hero-img-bg{
		background-image:url("img/hero-img-pattern.webp");
		background-size:232px auto;
		background-repeat:repeat;
	}
	h1{
		font-size:50px;
	}
	.logo-footer-align{
		float:left;
	}
	.bloc-divider-b-style{
		height:160px;
		fill:var(--swatch-var-121);
	}
	.bloc-divider-b-fill{
		fill:var(--swatch-var-2534);
		height:150px;
	}
	.blocsapp-special-menu blocsnav{
		background-color:var(--swatch-var-7343);
	}
	.menu-icon-stroke{
		stroke:var(--swatch-var-4831)!important;
		fill:var(--swatch-var-4831)!important;
	}
	.sidebar-nav{
		width:230px!important;
	}
	.nav-special.sidebar-nav .nav > li{
		width:80%;
	}
	.nav-invert .sidebar-nav .close-special-menu{
		left:200px;
	}
	
}

@media (max-width: 575px){
	.blocs-card-width{
		width:100%;
	}
	.footer-link{
		text-align:center;
	}
	.navbar-brand img{
		width:150px;
	}
	h1{
		font-size:43px;
		line-height:52px;
	}
	.logo-footer-align{
		float:none;
	}
	.bloc-divider-b-style{
		height:80px;
	}
	.img-style{
		width:45px;
	}
	.text-code{
		font-size:14px;
	}
	.bloc-divider-b-fill{
		fill:var(--swatch-var-2534);
		height:200px;
	}
	
}

