/*
Theme Name: Divi Child
Template: Divi
*/

@font-face {
	font-family: Name;
	src: url(/wp-content/themes/divi-child/fonts/file.ttf);
}

.hartwell-heavy{
	font-family: Name;
}

.asdf{
	padding:5px 20px;
	border-radius:50px;
	color:#ffffff;
	background:#101f44;
}

h1{
  margin: 0;
  padding: 0;
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 51px;
  color: #9A12B3;
}



.letterDrop {
  position: relative;
  top: 0;  
  display: inline-block;
  text-transform: uppercase; 
  letter-spacing: 2px;
  opacity: 0.8;
  transform: rotateX(-90deg);
  animation: letterDrop 1.2s ease 1 normal forwards;
}

@keyframes letterDrop {
    10% {
        opacity: 0.5;
    }
    20% {
        opacity: 0.8;
        top: 3.75em;
        transform: rotateX(-360deg);
    }
    100% {
        opacity: 1;
        top: 4.50em;
        transform: rotateX(360deg);
    }
}


span:nth-child(2n) {
  color: #663399;
}

.dbs-btn::after{
	
	position: absolute;
	left: 3px;
	top:3px;
	width:160px;
	
	content: " ";
  background-image: url('https://develop.dbwebdev.com/wp-content/uploads/2023/05/grg-Border-sketch.svg');
	
	background-size: cover;
  position: relative;
  display: inline-block;
}

.dbs-btn-2{
	font-size:22px;
	color:#ffffff;
	border:1px solid #b30896;
	background:#b30896;
	padding:8px 20px;
	display:inline-block;
    text-align: center;
}

.dbs-anim-btn-sm {
overflow: hidden;
position: relative;
width: 170px;
height: 65px;
margin:20px auto;
}

.dbs-anim-btn-md{
overflow: hidden;
position: relative;
width: 255px;
height: 65px;
margin:20px auto;
}

.dbs-anim-btn-lg {
overflow: hidden;
position: relative;
width: 380px;
height: 65px;
margin:20px auto;
}

.layer-sm {
background-position: center;
background-size: auto;
background-repeat: no-repeat;
width: 170px;
height: 65px;
position: fixed;
z-index: 1;
}

.layer-md {
background-position: center;
background-size: auto;
background-repeat: no-repeat;
width: 255px;
height: 65px;
position: fixed;
z-index: 1;
}

.layer-lg {
background-position: center;
background-size: auto;
background-repeat: no-repeat;
width: 380px;
height: 65px;
position: fixed;
z-index: 1;
}

.layer-white-text-sm {
display: flex;
width: 170px;
height: 65px;
margin: auto;
align-items:center;
justify-content:center;
color:#ffffff;
font-size:16px;
font-family:'Montserrat';
}

.layer-white-text-md{
display: flex;
width: 255px;
height: 65px;
margin: auto;
align-items:center;
justify-content:center;
color:#ffffff;
font-size:16px;
font-family:'Montserrat';
}

.layer-white-text-lg {
display: flex;
width: 380px;
height: 65px;
margin: auto;
align-items:center;
justify-content:center;
color:#ffffff;
font-size:16px;
font-family:'Montserrat';
}

.layer-grey-text-sm {
display: flex;
width: 170px;
height: 65px;
margin: auto;
align-items:center;
justify-content:center;
color:#575757;
font-size:16px;
font-family:'Montserrat';
}

.layer-grey-text-md {
display: flex;
width: 255px;
height: 65px;
margin: auto;
align-items:center;
justify-content:center;
color:#575757;
font-size:16px;
font-family:'Montserrat';
}

.layer-grey-text-lg {
display: flex;
width: 380px;
height: 65px;
margin: auto;
align-items:center;
justify-content:center;
color:#575757;
font-size:16px;
font-family:'Montserrat';
}

.layer-black-text-sm {
display: flex;
width: 170px;
height: 65px;
margin: auto;
align-items:center;
justify-content:center;
color:#000000;
font-size:16px;
font-family:'Montserrat';
}

.layer-black-text-md {
display: flex;
width: 255px;
height: 65px;
margin: auto;
align-items:center;
justify-content:center;
color:#000000;
font-size:16px;
font-family:'Montserrat';
}

.layer-black-text-lg {
display: flex;
width: 380px;
height: 65px;
margin: auto;
align-items:center;
justify-content:center;
color:#000000;
font-size:16px;
font-family:'Montserrat';
}

.layer-solid{
display: flex;
margin: auto;
align-items:center;
justify-content:center;
}

.dbs-inner-sm {
background-color:#A20888;
width: 150px;
height: 45px;
}

.dbs-inner-dark-sm {
background-color:#B40898;
width: 150px;
height: 45px;
}

.dbs-inner-md {
background-color:#A20888;
width: 235px;
height: 45px;
}

.dbs-inner-dark-md{
background-color:#B40898;
width: 235px;
height: 45px;
}

.dbs-inner-lg {
background-color:#A20888;
width: 360px;
height: 45px;
}

.dbs-inner-dark-lg {
background-color:#B40898;
width: 360px;
height: 45px;
}

.layer-trans-sm {
background-image: url("https://davidsonbellusoftp.com/anim/blue-transparent.png");
}

.layer-1-sm {
background-image: url("https://davidsonbellusoftp.com/anim/d-1.png");
}

.layer-2-sm {
background-image: url("https://davidsonbellusoftp.com/anim/d-4.png");
visibility:hidden;
}
.layer-3-sm {
background-image: url("https://davidsonbellusoftp.com/anim/d-6.png");
visibility:hidden;
}
.layer-4-sm {
background-image: url("https://davidsonbellusoftp.com/anim/d-5.png");
visibility:hidden;
}

.layer-5-sm{
background-image: url("https://davidsonbellusoftp.com/anim/d-3.png");
visibility:hidden;
}

.layer-6-sm {
background-image: url("https://davidsonbellusoftp.com/anim/d-2.png");
visibility:hidden;
}

.dbs-anim-btn-sm:hover .layer-1-sm{
animation:layer1 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-sm:hover .layer-2-sm{
animation:layer2 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-sm:hover .layer-3-sm{
animation:layer3 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-sm:hover .layer-4-sm{
animation:layer4 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-sm:hover .layer-5-sm{
animation:layer5 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-sm:hover .layer-6-sm{
animation:layer6 1500ms infinite;
animation-timing-function: step-end;
}

.layer-trans-md {
background-image: url("https://davidsonbellusoftp.com/anim/c-0.png");
}

.layer-1-md {
background-image: url("https://davidsonbellusoftp.com/anim/c-1.png");
}

.layer-2-md {
background-image: url("https://davidsonbellusoftp.com/anim/c-4.png");
visibility:hidden;
}
.layer-3-md {
background-image: url("https://davidsonbellusoftp.com/anim/c-6.png");
visibility:hidden;
}
.layer-4-md {
background-image: url("https://davidsonbellusoftp.com/anim/c-5.png");
visibility:hidden;
}

.layer-5-md{
background-image: url("https://davidsonbellusoftp.com/anim/c-3.png");
visibility:hidden;
}

.layer-6-md {
background-image: url("https://davidsonbellusoftp.com/anim/c-2.png");
visibility:hidden;
}

.dbs-anim-btn-md:hover .layer-1-md{
animation:layer1 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-md:hover .layer-2-md{
animation:layer2 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-md:hover .layer-3-md{
animation:layer3 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-md:hover .layer-4-md{
animation:layer4 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-md:hover .layer-5-md{
animation:layer5 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-md:hover .layer-6-md{
animation:layer6 1500ms infinite;
animation-timing-function: step-end;
}

.layer-trans-lg {
background-image: url("https://davidsonbellusoftp.com/anim/b-0.png");
}

.layer-1-lg {
background-image: url("https://davidsonbellusoftp.com/anim/b-1.png");
}

.layer-2-lg {
background-image: url("https://davidsonbellusoftp.com/anim/b-4.png");
visibility:hidden;
}
.layer-3-lg {
background-image: url("https://davidsonbellusoftp.com/anim/b-6.png");
visibility:hidden;
}
.layer-4-lg {
background-image: url("https://davidsonbellusoftp.com/anim/b-5.png");
visibility:hidden;
}

.layer-5-lg{
background-image: url("https://davidsonbellusoftp.com/anim/b-3.png");
visibility:hidden;
}

.layer-6-lg {
background-image: url("https://davidsonbellusoftp.com/anim/b-2.png");
visibility:hidden;
}

.dbs-anim-btn-lg:hover .layer-1-lg{
animation:layer1 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-lg:hover .layer-2-lg{
animation:layer2 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-lg:hover .layer-3-lg{
animation:layer3 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-lg:hover .layer-4-lg{
animation:layer4 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-lg:hover .layer-5-lg{
animation:layer5 1500ms infinite;
animation-timing-function: step-end;
}

.dbs-anim-btn-lg:hover .layer-6-lg{
animation:layer6 1500ms infinite;
animation-timing-function: step-end;
}

@keyframes layer1{
0%   {visibility:visible;}
16%  {visibility:hidden;}
}

@keyframes layer2{
0%   {visibility:hidden;}
16%   {visibility:visible;}
32%  {visibility:hidden;}
}

@keyframes layer3{
0%   {visibility:hidden;}
32%   {visibility:visible;}
48%  {visibility:hidden;}
}

@keyframes layer4{
0%   {visibility:hidden;}
48%   {visibility:visible;}
65%  {visibility:hidden;}
}

@keyframes layer5{
0%   {visibility:hidden;}
65%   {visibility:visible;}
81%  {visibility:hidden;}
}

@keyframes layer6{
0%   {visibility:hidden;}
81%   {visibility:visible;}
}



@media(max-width:1200px){

}

@media(max-width:991px){

}

@media(max-width:767px){

}

@media(max-width:575px){
	
}

.dbs-gallery-item {
    float: left;
    width: 33.333%;
    padding: 10px;
    position: relative;
    z-index: 10;
    display: inline-block;
}

.ex-img-container{
    height: 255px;
    width:100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    position: relative;
    transition: 0.5s all ease-in-out;
    overflow:hidden;
    -webkit-animation-name: exampleout;
    -webkit-animation-duration: .3s;
    animation-name: exampleout;
    animation-duration: .3s;
}

@keyframes exampleout {
  0%   {background-size: 110%;animation-duration: .3s;}
  100% {background-size: 100%;animation-duration: .3s;}
}

.ex-img-container:hover{
    background-size:100%;
    -webkit-animation-name: example;
    -webkit-animation-duration: .3s;
    animation-name: example;
    animation-duration: .3s;
    animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

@keyframes example {
  0%   {background-size: 100%;animation-duration: .3s;}
  100% {background-size: 110%;animation-duration: .3s;}
}

.img-grad{
    width:100%;
    height:100%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.0));
}

.img-overlay-box{
    position: absolute;
    padding:30px;
    left:0;
    bottom: 0;
    z-index: 1;
}

/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}



.particle-bats {
   position: absolute;
   display: block;
   pointer-events: none;
   z-index: 10000000;
   width: 40px;
   height: 40px;
   will-change: transform;
   background-size: contain;
   background-image: url("/wp-content/uploads/2024/08/bat-15.gif");
}


.bat {
  color: #fff;
  font-size: 1em;
  font-family: Serif;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes bats-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes bats-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes bats-fall{0%{top:-10%}100%{top:100%}}@keyframes bats-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.bat{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:bats-fall,bats-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:bats-fall,bats-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.bat:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.bat:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.bat:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.bat:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.bat:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.bat:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.bat:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.bat:nth-of-type(7){left:70%;-webkit-animation-delay:2s,1s;animation-delay:2s,1s}.bat:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.bat:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1s;animation
delay:3s,1s}.bat:nth-of-type(10)
/* Demo Purpose Only*/
.demo {
  font-family: 'Raleway', sans-serif;
    color:#fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.demo a{
  font-family: 'Raleway', sans-serif;
color: #000;        
}

.bat img {
    height: 50px;
    bottom: 0;
    background-color: none;
    display: block;
}

.dbs-text{
  padding:100px 50px;
}