body {
margin: 0px !important;
}

@font-face {
font-family: 'anydoreregular';
src: url('/fontA/anydore-webfont.woff2') format('woff2'),
url('/fontA/anydore-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}
.anyFont {
font-family:'anydoreregular';
}

.justify-text {
text-align: justify !important;
}

.customFontSize {
font-size: 18px !important;
}

@media screen and (max-width: 767px){
.customFontSize {
font-size: 18px !important;
}     
}


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

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

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

/******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/footerBG.jpg');
background-size: cover;
background-attachment: local !important;/*local means its content*/
background-repeat: no-repeat !important;

}

/********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;
}

/******************AnimatedTitle********* 
NOTE:: Don't use bootstrap text-color class
*****************/
.smartTitle {
animation: suMon 5s infinite;
-webkit-animation: suMon 5s infinite;
}
@keyframes suMon {
0% {color: rgb(241, 8, 8);}
25% {color: rgb(204, 218, 11);}
50% {color: rgb(19, 56, 223);}
75% {color: rgb(19, 241, 241);}
100% {color: rgb(241, 8, 8);}
}

.txtShadow {
text-shadow:1px 2px 3px #131f36;
}

/*******Heading Line**************/
.headingLine1 {
width:8%; 
height:5px; 
background:#f64c4c; 
border-radius:4px;
opacity: 1 !important;
}

.headingLine2 {
width:8%; 
height:5px; 
background:#efe3dd; 
border-radius:4px;
opacity: 1 !important;
}
/*******Heading Line**************/