.slide-style h2{

  font-family: 'Caveat', cursive;

  font-size: 50px;

  font-weight: 600;

}

.title-style h1,
.title-style h2,
.title-style h3,
.title-style h4{
  font-family: 'Caveat', cursive;
  font-size: 45px;

  font-weight: 600;

}
.title-style p{

  font-family: 'Caveat', cursive;

  font-size: 35px;

}

.txt-style h3,
.txt-style h2,
.txt-style h4{
  font-family: 'Caveat', cursive;
  font-size: 40px;

}

.slide-style .sp-slider-content-align-left div.sppb-sp-slider-text{

  font-family: 'Caveat', cursive;

  font-size: 28px !important;

}
.txt-style p strong{

  color: #399c58;



}

.text-title h3,

.text-style p{

  font-family: 'Caveat', cursive !important;

  font-size: 30px !important;

  color: white;

}

.border-col{

      border-right: solid 3px #399c58;

}

.icon-pet{

  text-align: left;

}

.icon-pet img:hover{

  transform: scale(1.2);

  transition: 350ms;

}

.img-style:hover:after{

  content: "";

    width: 17%;

    height: 21%;

    position: absolute;

    right: -3%;

    background-image: url(/images/2020/10/30/lovepet_ma2.png);

    background-size: contain;

    background-repeat: no-repeat;

    opacity: 1;

    -webkit-transform : rotate(20deg) scale(1.2); /* Chrome, Opera 15+, Safari 3.1+ */

    -ms-transform     : rotate(20deg) scale(1.2); /* IE 9 */

    transform         : rotate(20deg) scale(1.2); /* Firefox 16+, IE 10+, Opera */

    bottom: -10%;

    transition: 150ms;

}

.img-style:after{

  content: "";

    width: 17%;

    height: 21%;

    position: absolute;

    right: -3%;

    background-image: url(/images/2020/10/30/lovepet_ma2.png);

    background-size: contain;

    background-repeat: no-repeat;

    opacity: 1;

    transform: rotate(20deg);

    bottom: -10%;

    transition: 150ms;

}

.img-style2:after{

  content: "";

  width: 17%;

  height: 21%;

  position: absolute;

  left: -5%;

  background-image: url(/images/2020/10/30/lovepet_ma2.png);

  background-size: contain;

  background-repeat: no-repeat;

  opacity: 1;

  transform: rotate(-20deg);

  bottom: -10%;

  transition: 150ms;

}

.img-style2:hover:after{

  -webkit-transform : rotate(-20deg) scale(1.2); /* Chrome, Opera 15+, Safari 3.1+ */

  -ms-transform     : rotate(-20deg) scale(1.2); /* IE 9 */

  transform         : rotate(-20deg) scale(1.2); /* Firefox 16+, IE 10+, Opera */

  transition: 150ms;

}

.form-style button{

  width: 100%;

    display: flex;

    justify-content: center;

    border-radius: 50px;

    background-color: #399c58 !important;

    color: #fff !important;

    font-weight: 500;

    box-shadow: 0px 2px #00000063;

}

.btn-style,

.slide-style span{

  border-radius: 50px !important;

    background-color: #399c58 !important;

    color: #fff !important;

    font-weight: 500;

    box-shadow: 0px 2px #00000063;

}

.slide-style span:hover,

.form-style button:hover,

.btn-style:hover{

  transform: translate(0px, 5px);

  background-color: #298747 !important;

  border-radius: 50px;

}

.contact-fea i{

  height: 50px !important;

  align-items: center;

  display: flex;

}

.contact-fea span{

  padding-right: 18px !important;

  border-right: solid 2px #399c58 !important;

}

.contact-fea a{

  color: unset !important;

}

.col-form input{

  border-radius: 50px !important;

  border-color: #298747 !important;

}

.col-form textarea{

  border-radius: 15px !important;

  border-color: #298747 !important;

}

.topbar-style2 p{

  margin: unset;

  display: flex;

  justify-content: flex-start;

  font-size: 14px;

  padding: 3px 0px;

  color: #ffffff;

}



.topbar-style p{

  margin: unset;

  display: flex;

  justify-content: flex-end;

  font-size: 14px;

  padding: 3px 0px;

  color: #ffffff;

}

.topbar-style2 a,

.topbar-style2 p i.fas,

.topbar-style p i.fas,

.topbar-style a{

  color: #ffffff;

  padding: 0px 5px;

}

.logo-image{

  height: 55px;

  margin-top: 4px;

  transition: 250ms;

}

#sp-section-2{

  background-color: #298747;

}

#sp-header.header-sticky .logo-image{

  height: 50px;

  margin-top: 0px;

  transition: 250ms;

}

#sp-position-11{

  display: flex;

  align-items: center;

  justify-content: flex-end;

}

#sp-logo{

  display: flex;

}

.slide-style span.nav-control{

  border: unset !important;

  background-color: unset !important;

  box-shadow: unset !important;

  color: #298747 !important;

}

div[data-arrow-content=icon_only].sp-slider .sp-nav-control .nav-control {

    font-size: 40px;

}

.sp-nav-control li{

  border: unset;

  background-color: unset;

}

#sppb-addon-1603967002054 .sp-slider .sp-dots ul li {

    border-width: 2px;

    border-style: solid;

    border-radius: 18px;

    height: 4px;

    width: 44px;

    border: unset;

}
ul.sp-megamenu-parent li a.mPS2id-highlight:before,
.sp-megamenu-parent > li:hover > a:before,
.sp-megamenu-parent > li:focus > a:before,
.sp-megamenu-parent > li.active > a:before {

    width: 100% !important;
}
ul.sp-megamenu-parent li a.mPS2id-highlight,
.sp-megamenu-parent > li:hover > a {
    color: #399c58;
}
ul.sp-megamenu-parent li a.mPS2id-highlight:before,

ul.sp-megamenu-parent li a.mPS2id-highlight:before,

.sp-megamenu-parent > li > a:before,

.sp-megamenu-parent > li > span:before {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    height: 3px;
    width: 0;
    background-color: #399c58;
    transition: 0.3s;
}
.col1-footer h4,
.col1-footer p{
  color: white !important;
}
#sp-footer a:hover, #sp-bottom a:hover, #sp-footer a:active, #sp-bottom a:active, #sp-footer a:focus, #sp-bottom a:focus {
    color: unset !important;
}
.speasyimagegallery-gallery-item-content{
  display: none;
}
.sppb-carousel-extended-item img {
    width: auto;
    object-fit: fill;
    height: auto;
}
@media (max-width: 767.98px) { 
	#sp-position-13,
	#sp-position-10{
	display: flex;
	justify-content: center;
}
	#sp-position-10 .sppb-col-md-12 {
		padding: 0px 5px!important;
	}
	.topbar-style p {
		font-size: 13px;
	}
	.logo-image {
		object-fit: contain;
	}
	.sppb-sp-slider-title,
	.sppb-sp-slider-text{
		text-align: center!important;
		margin: 0 auto!important;
	}
	div.sp-slider .sp-nav-control {
		display: none!important;
	}
	.sppb-sp-slider-button,
	.btn-style, .slide-style span{
		width: 100%!important;
		justify-content: center;
		text-align: center;
		font-size: 14px!important;
		text-transform: uppercase;
    	letter-spacing: 1px;
	}
	.sppb-sp-slider-text {
		line-height: 24px!important;
		margin: 30px 0px!important;
	}
	p {
		text-align: center;
	}
	.title-style h1, .title-style h2 {
		margin-bottom: 0px!important;
	}
	.border-col {
		border-right: unset!important;
	}
	.icon-pet,
	.txt-style h3{
		text-align: center!important;
	}
	.icon-pet img{
		width: 30%!important;
    	max-width: 30%!important;
	}
	.contact-fea .sppb-media {
	display: flex;
    flex-direction: column !important;
    align-items: center;
    align-content: center;
    justify-content: center;	
	}
	.contact-fea span {
		padding-right: 0px!important;
		border: unset!important;
	}
	.contact-fea h4 {
		text-align: center;
	}
}

@media (min-width: 768px) and (max-width: 1023.98px) {
	#sp-position-13,
	#sp-position-10{
	display: flex;
	justify-content: center;
}
	#sp-position-10 .sppb-col-md-12 {
		padding: 0px 5px!important;
	}
		.sppb-sp-slider-title,
	.sppb-sp-slider-text{
		text-align: center!important;
		margin: 0 auto!important;
	}
	.sppb-sp-slider-button {
		display: flex;
		justify-content: center;
	}
		.border-col {
		border-right: unset!important;
	}
	.icon-pet,
	.txt-style h3,
	p{
		text-align: center!important;
	}
		.icon-pet img{
		width: 30%!important;
    	max-width: 30%!important;
	}
		.contact-fea .sppb-media {
	display: flex;
    flex-direction: column !important;
    align-items: center;
    align-content: center;
    justify-content: center;	
	}
	.contact-fea span {
		padding-right: 0px!important;
		border: unset!important;
	}
	.contact-fea h4 {
		text-align: center;
	}
}
@media (min-width: 1280px) and (max-width: 1339.98px) {
	.sp-slider-outer-stage {
		height: 450px!important;
	}
	div.sp-slider-content-align-left {
		padding: 0px 50px!important;
	}
}
#offcanvas-toggler > .fa:hover,
#offcanvas-toggler > .fa:focus,
#offcanvas-toggler > .fa:active {
    color: #399c58 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
	padding: 10px 0px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
	font-size: 17px;
    font-weight: 400;
    letter-spacing: 2px;
}
#sp-footer1 h1 {
	font-size: 16px!important;
	text-transform: uppercase;
	line-height: 20px!important;
}