/*!
########### NOTICE!! DO NOT COPY ! ########### 

*/

::selection{color:#fff;background:rgba(255,202,30,0.98)}
::-moz-selection{color:#fff;background:rgba(255,202,30,0.98)}
::-o-selection{color:#fff;background:rgba(255,202,30,0.98)}
::-webkit-selection{color:#fff;background:rgba(255,202,30,0.98)}
::-ms-selection{color:#fff;background:rgba(255,202,30,0.98)}


html{overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(60,70,80,0.4)}
body{ text-shadow:1px 1px 1px rgba(60,70,80,.002);letter-spacing:-.0em; }
body{ animation: fadeInAnimation ease 0.2s ; animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } }  
a:focus,a:active,button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:0;outline:none;outline-width:0;}
*:focus {outline: none;}
[contenteditable="true"]:focus{outline: none;}


.transition-in {
  -webkit-animation: fade-in ease-in;
  animation: fade-in ease-in;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.transition-out {
  opacity: 1;
  -webkit-animation: fade-out ease-out;
  animation: fade-out ease-out;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
 

/* ================================ 
Modal Menu
=================================== */
.navbar {
-webkit-backdrop-filter: blur(30px); 
backdrop-filter: blur(30px);
-webkit-animation: fadeIn 0.4s;
-moz-animation: fadeIn 0.4s;animation: fadeIn 0.4s;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;
 

}
 
.MMmenu .modal { -webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);-moz-backdrop-filter: blur(30px);-webkit-animation: fadeIn 0.4s ;-moz-animation: fadeIn 0.4s ;animation: fadeIn 0.4s; z-index:1234567890;
/* Replace when backdrop-filter is supported by Firefox */ background-image: -moz-linear-gradient(top right, rgba(246,247,248,.9), rgba(246,247,248,.95)); }
/* Images under nav 
-------------------------------------------------- */
.navbar-wrapper{position:absolute;top:0;right:0;left:0;z-index:20}
@media (min-width: 768px) {
.navbar-wrapper{margin-top:0px}
}

/*      @media only screen and (max-width: 767px) {.navbar-wrapper{height:100%;padding:0}}   */
 
.btn{border-radius:1000px; font-weight:700; letter-spacing:-.01em; }
a{font-weight:400;}


@keyframes slow-spin {from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.slow-spin50 { -webkit-animation: slow-spin 50s infinite linear; animation: slow-spin 50s infinite linear; }
.slow-spin100 { -webkit-animation: slow-spin 100s infinite linear; animation: slow-spin 100s infinite linear; }
.slow-spin150 { -webkit-animation: slow-spin 150s infinite linear; animation: slow-spin 150s infinite linear; }

@keyframes ImgPuls {from { transform: none; }50% { transform: scale(1.2); }to { transform: none; }} .heartpuls {animation: ImgPuls .5s infinite;transform-origin: center;  }


/* Design Animation for Icons
-------------------------------------------------- */
 .da {
  display: inline-block; 
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* Responsive images
-------------------------------------------------- */
img {display: inline-block;height: auto;max-width: 100%;}
.img-thumbnail{padding:4px;line-height:1.42857143;background-color:transparent ;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}
.img-thumbnail:hover{background-color: rgba(255, 255, 255, 0.7);border:1px solid #dedede;}
.img-circle{border-radius:50%} 



/* Animate
-------------------------------------------------- */
@keyframes abbdcolors {75%{fill: #508C00;}25%{fill: #C70000;}50%{fill: #ab62d6;}100%{fill: #2f7de1;}} 
.abbd1  { transition: fill 1s ease; fill: #2f7de1; -webkit-animation: abbdcolors 100s ease infinite;-moz-animation: abbdcolors 100s ease infinite;-o-animation: abbdcolors 100s ease infinite;animation: abbdcolors 100s ease infinite;}
.abbd1:hover  {  transition: fill 1s ease; fill:#2f7de1; -webkit-animation: none 20s ease infinite;-moz-animation: none 20s ease infinite;}

@keyframes bg-bdf {0%{background-position:93% 0%}50%{background-position:0% 100%}100%{background-position:93% 0%}}
#cd-bck{background: linear-gradient(45deg, #508C00, #C70000, #ab62d6, #2f7de1);background-size: 1000% 1000%;-webkit-animation: bg-bdf 100s ease infinite;-moz-animation: bg-bdf 100s ease infinite;-o-animation: bg-bdf 100s ease infinite;animation: bg-bdf 100s ease infinite;} 
.cd-bck{background: linear-gradient(45deg, #004DAC, #005AC2, #C70000, #A27B00, #A47E15, #84002B, #010091, #00449C);background-size: 1000% 1000%;-webkit-animation: bg-bdf 80s ease infinite;-moz-animation: bg-bdf 80s ease infinite;-o-animation: bg-bdf 80s ease infinite;animation: bg-bdf 80s ease infinite;}  


/* -------------------------------------------------------------------------- */

/* Keyframes for the fadeIn */

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }



/* Branding Wave Animations ------------------------------------------------ */
@keyframes TheBackAnimatorReverse {from{background-position: 0 0; }to{ background-position: -1440px 0;}} 
@-webkit-keyframes TheBackAnimatorReverse {from{background-position: 0 0; }to{ background-position: -1440px 0;}}  

@keyframes TheBackAnimator {from{background-position: 0 0; }to{ background-position: 1440px 0;}} 
@-webkit-keyframes TheBackAnimator {from{background-position: 0 0; }to{ background-position: 1440px 0;}}  
#brandanimatorup{background: url(/images/main/bbd-business.line.svg); background-position:bottom; background-repeat: repeat-x; animation: TheBackAnimator 50s ease infinite; -moz-animation: TheBackAnimator 50s ease infinite; height:100px;}
#brandanimatordown{background: url(/images/main/bbd-business.line2.svg); background-position:top; background-repeat: repeat-x; animation: TheBackAnimator 50s ease infinite; -moz-animation: TheBackAnimator 50s ease infinite; height:100px;}  


/* -------------------------------------------------------------------------- */  
.typewriter font {
  display: inline-block; 
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid #ff1160; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing:-.02em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(30, end),
    blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}

 

/* Menu Icon
-------------------------------------------------- */
@-webkit-keyframes rotate {100%{-webkit-transform:rotate(0deg);}60%{-webkit-transform: rotate(0deg);}50%{-webkit-transform: rotate(360deg);}0%{-webkit-transform: rotate(360deg);}}
.rotating360inf{-webkit-animation-name:rotate;-webkit-animation-duration:6s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-webkit-animation-delay:3s;}

 
 

/* tooltip are nice 
-------------------------------------------------- */
.tooltip-inner { 
	max-width: 300px;
    padding: 8px;
	background: linear-gradient(45deg,   #7cc120, #ff1160, #ab62d6, #2f7de1);background-size: 1000% 1000%;-webkit-animation: bg-bdf 20s ease infinite;-moz-animation: bg-bdf 20s ease infinite;-o-animation: bg-bdf 20s ease infinite;animation: bg-bdf 20s ease infinite;
} 
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: rgba(60,70,80,1);
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: rgba(60,70,80,1);
}








/* footer
-------------------------------------------------- */
.footer-white  { padding-bottom:100px; }
.greytrans { height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:.9;}
.greytrans:hover { -webkit-filter:none; filter:none; }
  



/* bottommenu
-------------------------------------------------- */
.bottommenu { 
	position: fixed;
	bottom: 0;
	width: 100%;
	height: auto;
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
.bottommenu.hidden {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
.back-to-top {font-size:32px;
	text-decoration: none;
	color: rgba(60,70,80,.5); 
}
.back-to-top:hover, .back-to-top:active {
	color: rgba(47,125,225,.80);
}


 




/* card-stack-system
-------------------------------------------------- */
.card-lg {
	-webkit-box-shadow: 0 0 42px rgba(60,70,80,.1);
	box-shadow: 0 0 42px rgba(60,70,80,.1);
	border-radius: 2rem!important;
	border:none;
}
  
.card-flush {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}
.card-flush .card-body {
	padding-left: 0;
	padding-right: 0
}

.card-img-slider {
	height: 100%;
	width: 100%
}
.card-img-slider * {
	height: inherit!important;
	width: inherit!important
}

.card-stack {
	display: grid;
	grid-auto-rows: 1fr
}
.card-stack-item {
	position: -webkit-sticky;
	position: sticky;
	top: 140px;
	
}
.card-stack-item>.card {
	height: 100%;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center
}
.card-stack-item>.card>.row {
	height: inherit
}
@media (max-width:1025px) {
.card-stack {
	display: inherit!important;  
} 
.card-stack-item {
	position: inherit!important;
	
}
.card-stack-item>.card {
	height: inherit!important; 
} 
}
 
  


/* colored shapes
-------------------------------------------------- */
.shape {
	position: absolute;
	pointer-events: none;
	background-color: currentColor;
}
.shape-img {
	position: inherit;
	overflow: hidden
}
.shape-img>svg {
	position: inherit;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2)
}
.shape-fluid-x {
	width: 100%
}
.shape-fluid-x .shape-img {
	width: inherit
}
.shape-top {
	bottom: 100%
}
.shape-top .shape-img {
	bottom: inherit
}
.shape-top .shape-img>svg {
	bottom: 0;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center
}
.shape-bottom {
	top: 100%
}
.shape-bottom .shape-img {
	top: inherit
}
.shape-bottom .shape-img>svg {
	top: 0;
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center
}



 
/*  
-------------------------------------------------- */
.card-columns .card:hover {
	  background: linear-gradient(45deg, rgba(255,17,95,.5), rgba(171,98,214,.5), rgba(255,89,89,.5), rgba(255,202,30,.5));background-size: 1000% 1000%;-webkit-animation: bg-bdf 10s ease infinite;-moz-animation: bg-bdf 10s ease infinite;-o-animation: bg-bdf 10s ease infinite;animation: bg-bdf 10s ease infinite;
 }
 
@media (min-width: 376px) {
    .card-columns {
        column-count: 2;
    }
}  
  
@media (min-width: 576px) {
    .card-columns {
        column-count: 2;
    }
}

@media (min-width: 768px) {
    .card-columns {
        column-count: 3;
    }
}

@media (min-width: 992px) {
    .card-columns {
        column-count: 4;
    }
}

@media (min-width: 1200px) {
    .card-columns {
        column-count: 4;
    }
}
   
 
/*  DIV Background images
-------------------------------------------------- */
.bbd-background-image {background-repeat: no-repeat;background-size: cover;height: 100%;width: 100%;}
@media (max-width: 576px) {.bbd-background-image{display:block;height: 300px;}}


/* Display-H
-------------------------------------------------- */
.display-1,.display-2,.display-3,.display-4,.display-5{  }

/* article
-------------------------------------------------- */ 
.bbd-styled-article p  { font-size:20px;font-weight:300;line-height:34px;margin-top:32px;margin-bottom:32px;}

.bbd-styled-article p a , .gradlinkunder a{ 
text-decoration: none;
transition: background-position .3s linear,box-shadow .15s linear 0s;
background-image: linear-gradient(to right,rgba(255, 202, 30,0.9),rgba(255, 17, 96,0.7),rgba(124, 193, 32,0.3));
background-size: 400%;
background-repeat: no-repeat;
background-position: 0 24px;
cursor: pointer;
}

 
.bbd-styled-article p a:hover , .gradlinkunder a:hover {
background-image: linear-gradient(to right,rgba(255, 17, 96,0.7),rgba(124, 193, 32,0.3),rgba(255, 202, 30,0.99));
background-position: 100% 2px;
}

.bbd-styled-article-fullpage { width: 100vw; position: relative; margin-left: -50vw;  left: 50%; transition: 0.3s; z-index:10000;} 


/*  DIV ADS Background images
-------------------------------------------------- */
.mim-styled-down-blue { background-color: rgba(47, 125, 225,0.98);}
.mim-styled-down-green { background-color: rgba(124, 193, 32,0.98);}
.mim-styled-down-red { background-color: rgba(255, 17, 96,0.98);}
.mim-styled-down-orange { background-color: rgba(255, 116, 36,0.98);}
.mim-styled-down-yellow { background-color: rgba(255, 202, 30,0.98);}
.mim-styled-down-indigo { background-color: rgba(103, 93, 198,0.98);}
.mim-styled-down-white { background-color: rgba(255, 2555, 255,0.18);}

@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))) { 
.mim-styled-down-blue { background-color: rgba(47, 125, 225,.85); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); }
.mim-styled-down-green { background-color: rgba(124, 193, 32,.85); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); }
.mim-styled-down-red { background-color: rgba(255, 17, 96,.85); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); }
.mim-styled-down-orange { background-color: rgba(255, 116, 36,.85); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); }
.mim-styled-down-yellow { background-color: rgba(255, 202, 30,.85); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); }
.mim-styled-down-indigo { background-color: rgba(103, 93, 198,.85); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); }
.mim-styled-down-white { background-color: rgba(255, 255, 255,.15); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); }
}

@media (max-width: 992px) {
.mim-styled-down-blue {position: relative; background-color: rgba(47, 125, 225,1);}
.mim-styled-down-green {position: relative; background-color: rgba(124, 193, 32,1);}
.mim-styled-down-red {position: relative; background-color: rgba(255, 17, 96,1);}
.mim-styled-down-orange {position: relative; background-color: rgba(255, 116, 36,1);}
.mim-styled-down-yellow {position: relative; background-color: rgba(255, 202, 30,1);}
.mim-styled-down-indigo {position: relative; background-color: rgba(103, 93, 198,1);}
}  
@media (max-width: 992px) {.mim-styled-up {position: relative;}}
 /*  DIV ADS Background images
-------------------------------------------------- */



/*  
-------------------------------------------------- */