body {
margin: 0px !important;
}

@font-face {
font-family: 'anydoreregular';
src: url('./fontA/anydore.woff2') format('woff2')
}
.anyFont {
font-family:'anydoreregular';
}

@font-face {
font-family: 'zapf';
src: url('./fontA/zapf.woff2') format('woff2')
}
.zapFont {
font-family:'zapf';
}

.txtShadow {
text-shadow: 1px 1px 2px #05050554;
}

/******imageAnimation***********/
.sumonAnimation {
animation: sumonImg 5s infinite;
-webkit-animation: sumonImg 5s infinite;
}
@keyframes sumonImg {
0% {transform:scale(.9);}
50% {transform:scale(1);}
100% {transform:scale(.9);}
}

/**************FOOTER*******************/
.footBg {
background: url('/img/footer.jpg');
background-size: cover;
background-attachment: local !important; /*local means its content*/
background-repeat: no-repeat !important;
background-position: center center;
}


/******************ZOOM***************/

.img-hover-zoom { height: 250px !important; width: 250px !important; overflow: hidden; border: 2px solid #ebebeb; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; transition: transform 2s ease; -webkit-transition: transform 2s ease; -moz-transition: transform 2s ease; -ms-transition: transform 2s ease; -o-transition: transform 2s ease;
}


/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover {
border: 1px solid #400040;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}

/********ANIMATIO EFFECTS*******************/
/**In this example, the delay has been added to the animation property by adding 5s after the easing effect. So the div will wait for 2 seconds before starting the slide down animation. */
.slideDown {
animation: slideDown 5s ease-in-out 2s;
-webkit-animation: slideDown 5s ease-in-out 2s;
}
@keyframes slideDown {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0%);
}
}

/****************FADE UP************************/
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(100%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}

.fadeUp {
animation: fadeUp 3s ease-in-out 2s;
-webkit-animation: fadeUp 3s ease-in-out 2s;
}

/*******************animation NO Delay*******************************/
.slideDownOne {
animation: slideDownOne 5s ease-in-out;
-webkit-animation: slideDownOne 5s ease-in-out;
}
@keyframes slideDownOne {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0%);
}
}

/****************FADE UP ONE************************/
@keyframes fadeUpOne {
from {
opacity: 0;
transform: translateY(100%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}

.fadeUpOne {
animation: fadeUpOne 3s ease-in-out;
-webkit-animation: fadeUpOne 3s ease-in-out;
}

/********************/
.topBottom {
margin-top: 6em !important;
margin-bottom: 6em !important;
}

/********************/
.onlyTop {
margin-top: 6em !important;
}

/********************/
.onlyBottom {
margin-bottom: 6em !important;
}

/* Custom line style with a subtle gradient */
.line-style-left {
width: 10%;
height: 4px;
background: linear-gradient(to left, #00400e, #35ca91);
opacity: 0.9;
margin: 0;
}

.line-style-right {
width: 10%;
height: 4px;
background: linear-gradient(to right, #00400e, #35ca91);
opacity: 0.9;
margin: 0;
}

/***********CARDS*****************/
.card {
height:100% !important;
box-shadow: 0px 0px 3px 0px #7d7c76;
border-style: solid;
border-width: 0px 5px;
border-color: #ffffff;
}
.card:hover {
border-style: solid;
border-width: 0px 5px;
border-color: #f88f1e;
transition: all .3s ease;
}
.card-body {
font-size: 18px !important;
}
.card-text {
text-align: justify;
}
@media screen and (max-width:767px) {
.card-body {
font-size: 20px !important;
}
}

/*----------imaage animation zoom-------*/
.sliderZoom img {
transition: transform 0.5s ease;
animation: sumonZoom 5s infinite alternate;
-webkit-animation: sumonZoom 5s infinite alternate;
}

@keyframes sumonZoom {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
/* 50% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}*/
100% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
}

/*****SLIDER ZOOM**********************/

.sliderZoomAlt img {
transition: transform 0.5s ease;
animation: sumonZoomAlt 5s infinite alternate;
-webkit-animation: sumonZoomAlt 5s infinite alternate;
}

@keyframes sumonZoomAlt {
0% {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
}
/* 50% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}*/
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
}

/*-----------------animated button starts----------------*/  

.pulse:hover,
.pulse:focus {
  -webkit-animation: pulse 1s;
          animation: pulse 1s;
  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

.pulse {
  --color: #ff8040;
  --hover: #ef8f6e;
}
.buttonSlider {
  color: var(--color) !important;
  transition: 0.25s !important;
  -webkit-transition: 0.25s !important;
  -moz-transition: 0.25s !important;
  -ms-transition: 0.25s !important;
  -o-transition: 0.25s !important;
}
.buttonSlider:hover, .buttonSlider:focus {
  border-color: var(--hover) !important;
  color: #00ffff !important;
  background-color: #170429 !important;
}
.buttonSlider {
  background: #360e007c !important;
  border: 2px solid !important;
  border-radius:10px !important;
  font: inherit !important;
  line-height: 1 !important;
  margin: 0.5em !important;
  padding: .5em 2em !important;
  -webkit-border-radius:10px !important;
  -moz-border-radius:10px !important;
  -ms-border-radius:10px !important;
  -o-border-radius:10px !important;
}

/*-----------------animated buttonEnds----------------*/  

.bodyfont {
  font-size: 1.3rem;
}