@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Volkhov:ital@1&display=swap');
li{list-style-type:none!important;}
a{text-decoration:none!important;}
.logo{width:100px;}
.pad{padding:90px 0;}
.wrdbrk{white-space: pre;}
.marquee {width: 100%; overflow: hidden; font-size:14px; line-height: 25px;}
.paragraph{font-family: 'Merriweather', serif; line-height: 30px;}
.volkhov{font-family: 'Volkhov', serif;}
.top-head{background-color: #90007c;}
.topfont {font-size: 20px; color: white;}
.divider{border-right: 1px solid white;}
.navbarfont{
    font-family: 'Volkhov', serif;
    font-size:20px; 
    letter-spacing:1px;}
.navbar-light .navbar-nav .nav-link:hover{color: #e74c3c !important;}
.navbar-light .navbar-nav .active>.nav-link{color: #e74c3c !important;}
.navbar button {background-color: #90007c;}
.homeprlx {
    background-image: url("../images/parallax3.png");
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.countbg {
    background-image: url("../images/countbg.jpg");
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.title-line{width: 50px;height: 3px;background: #e74c3c;}
.title-line1{width: 50px; height: 3px;background: #e74c3c;margin:0 auto;}    
.title-line2{width: 50px;height: 3px;background: #fff;margin:0 auto;}     
#counter{background: rgba(black, .05);}
#counter li{flex: 1; text-align: center;}
#counter li span.percent:after { content: ""; display: inline-block;}
.bannerhead{font-size: 40px;}
.clr {color: #90007c !important;}
.clr1{color:#e74c3c;}
.homeproducts{background-image: url("../images/services.jpg"); background-size:cover; position: relative;}
.homeproducts::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.3;
	position: absolute;
	top: 0;
	width: 100%;}
.padht {transition: 0.5s; transform: translateY(0);}
.padht:hover {
        -webkit-transform: translateY(+10px);
        transform: translateY(-10px);
        cursor: pointer;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,0) !important;}   
.priceicn2 {
    width: 130px;
}
a {
    text-decoration: none!important;
}
.bottomfont{font-size:35px;}
.footbck{background-color: black;}
.brdlft{border-left: 2px solid white; height:30px;}
.text1 {position: relative; padding: 0 0 0 25px; margin-top: -40px;}
.fullpad{padding:0!important; margin:0!important;}
.contactbox{background: #e74c3c; padding: 30px; border-radius: 10px;}
.boxfnt{color:#ffefd0; }
.icon {width: 80px; height: 80px; display: table; text-align: center; border-radius: 50%; cursor:pointer;}
.icon i {font-size: 48px; height: 110px; width: 110px; margin: 3px; border-radius: 100%; line-height: 110px; background: #ffffff;
color: #559926; border: 3px solid #ffffff; box-shadow: inset 0 0 0 5px #f2f2f2; -webkit-box-shadow: inset 0 0 0 5px #f2f2f2; -webkit-transition: 500ms; transition: 500ms;}
.text{ position: relative; padding: 0 0 0 130px; margin-top: -100px; margin-bottom: 40px;}
.w0{width:0%;}
.fixed{position:fixed; z-index:2;}
.priceicn1{width:50px;}
.priceicn2{width: 130px;}
.point{bottom:10px; left: 10px;}
.point1{bottom:70px; left: 10px;}
.point3{bottom:135px; left: 10px;width: 40%;}
.point2{bottom: 15px; right: 10px;}
.blink img{
    -webkit-animation: blink 1s;animation: blink 1s;
    -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media (min-width: 5px) and (max-width: 767.98px){
.pad{padding:40px 0;}
.logo{width:100px;}
.bannerhead {font-size: 35px;}
}
    
@media (min-width: 768px) and (max-width: 992.98px){
.pad{padding:40px 0;}  
.logo{width:100px;}
}

.time-of-year {
  color: #555;
  font-size: 24px;
  margin: 100px 75px 10px 75px;
  position: relative;
  text-align: center;
  transform: translateZ(0); 
  -webkit-transform: translateZ(0); 
  -webkit-font-smoothing: antialiased; }
.time-of-year .tooltip {
	background: #ee6e6e;
	border-radius: 3px;
	bottom: -49px;
	font-size: 20px;
	display: block;
	left: -67px;
	opacity: 0;
	padding: 15px;
	position: absolute;
	width: 320px;
	z-index: 1102;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .7s ease-out;
	transition: all .7s ease-out;
	height: 100px;}
.time-of-year .tooltip::after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #ee6e6e  10px;
    bottom: 58px;
    content: " ";
    height: 0;
    left: 0%;
    margin-left: -13px;
    position: absolute;
    width: 0;
    transform: rotate(92deg);}
.time-of-year:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);}