:root {
--color-grey: #a7a7a7;
--color-black:  #000000;
--color-white: #ffffff;
--color-charcoal: #464444;
--color-black2: #060505;
}
:root {
--font-montserrat: "Montserrat";
--font-quicksand: "Quicksand";
} #slider .slider-small-text{
font: 400 18px/45px var(--font-montserrat);
letter-spacing: 0.63px;
color: var(--color-white);
}
#slider .carousel-caption{
left: 8%;
right: 8%;
top: 21%;
}
#slider .carousel-control-next, .carousel-control-prev{
width: 8%;
}
#slider .slider-icon{ 
color: var(--color-white);
border: 1px solid #fff;
backdrop-filter: blur(49px);
background: rgb(255 255 255 / 12%) 0% 0% no-repeat padding-box;
font-size: 26px;
padding: 28px 30px;
}
#slider .slider-inside-image{
border: 2px dashed #fff;
border-radius: 26px;
}
#slider .slidemidheading{
font: 800 45px/60px var(--font-quicksand);
letter-spacing: 1.98px;
color: var(--color-white);
}
#slider p{
font: 300 16px/30px var(--font-montserrat);
letter-spacing: 0.63px;
color: var(--color-white);
}
.slide-left-image:hover{
animation: growin 3s linear forwards;
}
#slider .carousel-indicators{
margin-bottom: 30%;
}
.carousel-indicators button{
height: 12px !important;
width: 12px !important;
border-radius: 50px;
border: none !important;
background: #fff;
opacity: 1 !important;
margin: 0px 10px !important;
}
#slider .carousel-indicators .active{
width: 50px !important;
}
#slider .theme_button {
padding: 16px 8px 16px 18px;
}
#slider .theme_button span{
padding: 6px 11px;
background: #CB2E2E;
border-radius: 5px;
}
#slider .theme_button i{
font-size: 14px;
transform: rotate(45deg);  
}
#slider .theme_button:hover span{
background: transparent radial-gradient(closest-side at 50% 50%, #C614140D 0%, #630A0A78 100%) 
} .sec-title-bg img{
width: 14%;
height: auto;
}
.section-small-title h3{
font: 400 30px/80px var(--font-montserrat);
letter-spacing: 0.05px;
color: var(--color-black);
top: 12%;
}
.section-title h2{
font: bold 34px/50px var(--font-quicksand);
letter-spacing: 0.05px;
color: var(--color-bright-red);
}
#newsletter .section-title h2{
font-size: 28px;
line-height: 15px;
}
.section-para p{
font: 400 14px/30px var(--font-quicksand);
letter-spacing: 0.02px;
color: var(--color-black);
}
.theme_button span{
padding: 6px 11px;
background: #CB2E2E;
border-radius: 5px;
}
.theme_button i{
font-size: 14px;
transform: rotate(45deg);
}
.section-head img{
width: 6%;
}
.section-head .section-small-title h3{
left: 0;
right: 0;
font: 400 18px/60px var(--font-montserrat);
}
.section-head-left .section-small-title h3{
font: 400 18px/60px var(--font-montserrat);
}
.section-head .section-title h2{
font: bold 34px/30px var(--font-quicksand);
} .experience-info h4 .first_ex_head{
font: 400 24px/30px var(--font-montserrat);
letter-spacing: 0.03px;
color: var(--color-bright-red);
}
.experience-info h4{
font: bold 60px/40px var(--font-quicksand);
letter-spacing: 0.08px;
color: var(--color-bright-red);
}
.about-author-box .row{
width: 65%;
border-radius: 16px;
opacity: 1;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
position: absolute;
bottom: -18%;
left: 12%;
margin: 0 auto;
background: #00000024 radial-gradient(closest-side at 50% 50%, #ffefefa6 0%, #dddddd00 100%);
background-image: linear-gradient(#0000001f, #ffffff7d);
}
.author-title{
font: bold 20px/35px var(--font-quicksand);
letter-spacing: 0.03px;
color: var(--color-black);
} #services .service-content-box img{
background-color: #F33A3A;
width: auto !important;
height: auto;
border-radius: 50%;
}
#services .service_name a{
font: 600 26px/30px var(--font-quicksand);
letter-spacing: 0px;
color: var(--color-black);
z-index: 99;
}
#services .service_name a:after{
content: '';
position: absolute;
top: 0;
display: block;
left: 0;
right: 0;
border-bottom: 2px solid #4749508c;
bottom: -14px;
width: 25%;
}
#services .service-text {
font:400 13px/25px var(--font-montserrat);
letter-spacing: 0px;
color: var(--color-black);
}
#services .service_button{
font: 600 14px/24px var(--font-quicksand);
letter-spacing: 0px;
color: #F33A3A;
background-color: unset;
border: 0px;
z-index: 99;
}
#services .service_button i{
font-size: 14px;
position: relative;
top: 1px;
}
.service-row:hover .service-content-box{
border-radius: 19px;
background-color: var(--color-white);
box-shadow: rgb(60 64 67 / 12%) 0px 1px 3px 0px, rgb(60 64 67 / 12%) 0px 2px 6px 2px;
transition-duration: 0.5s;
}
#services .service-row:hover .service-overlay{
opacity: 1;
}
#services .service-overlay{
top: 21%;
position: absolute;
width: 100%;
height: 100%;
font-weight: 600;
font-family: 'Quicksand';
color: #cccccc47;
left: 4%;
opacity: 0;
}
#services .service-overlay div{
font-size: 15em;
}
#services .service-row:hover img,.count-box:hover img{
-webkit-transition: .7s;
-moz-transition: .7s;
-ms-transition: .7s;
-o-transition: .7s;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
transition-duration: 2s;
} #pet_sale .section-head h2,#pet_sale .section-head h3,
#trending-products .section-head h2,#trending-products .section-head h3{
color: var(--color-white);
}
#pet_sale .pet-sale-img img,#trending-products .pet-sale-img img{
border-top-left-radius: 15px;
border-top-right-radius: 15px;
height: auto;
}
#pet_sale .pet-sale-img,#trending-products .pet-sale-img{
background-color: transparent;
}
#pet_sale .pet-sale-info,#trending-products .pet-sale-info{
background-color: var(--color-white);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
#pet_sale .pet-sale-info h5 a,#trending-products .pet-sale-info h5 a{
font: bold 20px/23px var(--font-quicksand);
letter-spacing: 1.08px;
color: var(--color-black);
}
#pet_sale .pet-sale-info .pet-sale-cart a,
#trending-products .pet-sale-info .pet-sale-cart a{
font-size: 0;
}
#pet_sale .pet-sale-info .pet-sale-cart i,
#trending-products .pet-sale-info .pet-sale-cart i{
font-size: 14px;
color: var(--color-white);
background-color: var(--color-bright-red);
padding: 9px 9px;
border-radius: 50%;
}
#pet_sale .pet-sale-info .pet-sale-cart:hover i,
#trending-products .pet-sale-info .pet-sale-cart:hover i{
-webkit-transition: .7s;
-moz-transition: .7s;
-ms-transition: .7s;
-o-transition: .7s;
-webkit-transform: rotateY(
360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(
360deg);
transition-duration: 2s;
}
.pet-sale-price h6{
font: 400 13px/14px var(--font-montserrat);
letter-spacing: 0.68px;
color: var(--color-charcoal);
}
.pet-sale-price del{
position: absolute;
left: 35%;
text-decoration: line-through;
font: 400 11px/20px var(--font-montserrat);
letter-spacing: 0.54px;
color: var(--color-charcoal);
}
.pet-sale-price ins{
text-decoration: unset;
font: 600 15px/20px var(--font-montserrat);
letter-spacing: 0.9px;
color: var(--color-black);
}
#pet_sale .owl-nav,#trending-products .owl-nav{
position: relative;
bottom: -15px;
}
#pet_sale .owl-nav button,#trending-products .owl-nav button{
width: 7%;
}
#pet_sale .owl-nav i,#trending-products .owl-nav i{
padding: 22px 24px;
background: var(--color-bright-red);
border: 1px solid var(--color-bright-red);
}
#pet_sale .owl-nav .disabled i,#trending-products .owl-nav .disabled i{
background: unset;
}
#pet_sale .owl-nav button:hover i,
#trending-products .owl-nav button:hover i{
background: transparent;
}
.pet-sale-img::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
border-radius: 15px;
background: rgba(255,255,255,.2);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 0;
}
.pet-sale-img:hover::before{
-webkit-animation: circle .75s;
animation: circle .75s;
}
.pet-sale-img{
overflow: hidden;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.pet-sale-img:hover img{
transform: scale(1.2);
transition-duration: 1s;
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
#pet_sale .pet-sale-content {
position: relative;
} .our-partner-info span{
font: bold 24px/30px var(--font-quicksand);
letter-spacing: 0px;
color: var(--color-black);
}
.our-partner-info p{
font: 300 14px/30px Montserrat;
letter-spacing: 0px;
color: #000;
}
.count-box .row{
background-color: #FFF8F8;
margin: 9px;
} #video .popup{
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
background: #0000006b;
z-index: 9999;
display: none;
}
#video .popup-inner{
max-width: 1000px;
width: 50%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
box-shadow: 0 2px 6px #000;
border-radius: 3px;
}
.popup-close:hover{
-webkit-transform: translate(50%,-50%) rotate(180deg);
transform: translate(50%,-50%) rotate(180deg);
background: #000;
text-decoration: none;
color: var(--color-bright-red);
}
.popup-close {
width: 30px;
height: 30px;
padding-top: 4px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
transition: ease .25s all;
-webkit-transform: translate(50%,-50%);
transform: translate(50%,-50%);
border-radius: 1000px;
background: rgba(0,0,0,.8);
font-family: Arial,Sans-Serif;
font-size: 20px;
text-align: center;
line-height: 100%;
color: #fff;
}
#video .video-info{
letter-spacing: 0px;
color: var(--color-white);
}
#video .video-info h4{
font: bold 36px/50px var(--font-quicksand);
}
#video .video-info p{
font: 300 15px/32px var(--font-montserrat);
}
.ps_video i{
font-size: 26px;
color: var(--color-bright-red);
background-color: var(--color-white);
padding: 22px 24px;
border-radius: 50%;
border: 6px solid #ddd;
transform: scale(1.0);
animation: videoaim 2s infinite;
cursor: pointer;
}
.video-icons:hover .ps_video i{
}
@keyframes videoaim {
0% {
transform: scale(1.0);
}
25% {
transform: scale(1.15);
}
50% {
transform: scale(1.25);
}
75% {
transform: scale(1.15);
}
100% {
transform: scale(1.0);
}
}
#video .video{
padding: 13px;
background: black;
} #team .slick-slide img{
transform: scale(0.7);
}
#team .slick-slide.slick-center img{
transform: scale(1.0);
}
#team .slick-arrow{
position: absolute;
bottom: -6%;
cursor: pointer;
z-index: 99999999;
padding: 8px 13px;
background: unset;
border: 1px solid var(--color-bright-red);
border-radius: 50%;
}
#team .slick-arrow i{
color: var(--color-bright-red);
}
#team .slick-arrow:hover{
background: var(--color-bright-red);
transition-duration: 0.5s;
}
#team .slick-arrow:hover i{
color: var(--color-white);
transition-duration: 0.5s;
}
#team .slick-prev{
left: 21%;
}
#team .slick-next{
right: 21%;
}
#team .team-name a{
font: bold 26px/35px var(--font-quicksand);
letter-spacing: 0px;
color:var(--color-black2);
}
#team .team-designation{
font: 300 15px/24px var(--font-montserrat);
letter-spacing: 0px;
color:var(--color-black2);
}
#team .team-text {
font: 400 13px/26px var(--font-montserrat);
color:var(--color-black2);
}
#team .team-social-icon i{
color: var(--color-black);
border: 1px solid var(--color-black);
padding: 10px;
border-radius: 50%;
margin: 0 12px 0 0px;
width: 34px;
height: 34px;
font-size: 14px;
}
#team .team-social-icon .fab.fa-facebook-f {
padding: 9px 13px;
}
#team .team-social-icon a:hover i{
color: var(--color-white);
background-color: var(--color-black);
transition-d#team .slick-slide.slick-center imguration: 0.5s;
}
#team .slick-slide.slick-center{
position: relative;
}
#team .slick-slide.slick-center .team-image img{
animation: flipInY 2s 1;
}  .latest-news-content{
box-shadow: 0px 0px 5px #00000021;
border-radius: 20px;
background-color: var(--color-white);
position: absolute;
bottom: -3em;
left: 0;
right: 0;
transition-duration: 2s;
min-height:100px;
transition: all 0.25s ease 0s;
}
.latest-news-row{
margin-bottom: 20%;
}
.latest-news-content .latest-news-text, .latest-news-content .news-button {
display: none;
}
.latest-news-content-box:hover .latest-news-text,
.latest-news-content-box:hover .news-button{
display: block;
transition-duration: 2s;
}
.latest-news-content-box:hover .latest-news-content{
transition-duration: 2s;
min-height: 150px;
transition: all 0.25s ease 0s;
}
#latest-news .disabled i{
padding: 22px 24px;
border: 1px solid #FD5056;
background: transparent !important;
color: var(--color-bright-red);
}
#latest-news button i{
background-color: var(--color-bright-red);
font-size: 20px;
padding: 22px 24px;
}
#latest-news .owl-nav{
bottom: -10px;
position: relative;
width: 18%;
margin: 0 auto;
}
#latest-news .latest-news-name a,.content_page .latest-news-name a{
font: 600 16px/20px var(--font-quicksand);
color: var(--color-black);
}
#latest-news .latest-news-name,.content_page .latest-news-name{
line-height: 16px;
}
#latest-news .news-date,.content_page .news-date,
#latest-news .news-comments,.content_page .news-comments{
font: 300 12px/18px var(--font-montserrat);
color: #303030;
}
#latest-news .news-date i,.content_page .news-date i,
#latest-news .news-comments i,.content_page .news-comments i{
color: var(--color-bright-red);
font-size: 12px;
}
#latest-news .latest-news-text,.content_page .latest-news-text{
font: 300 13px/18px var(--font-montserrat);
color: var(--color-black);
}
#latest-news .latest-news-content .news-button,
.content_page .latest-news-content .news-button{
font: 600 12px/18px var(--font-montserrat);
color: var(--color-bright-red);
}
.latest-news-image{
overflow: hidden;
border-radius: 15px;
}
.latest-news-content-box:hover img{
transform: scale3d(1.2,1.2,1.2);
transition-duration: 1.5s;
} #testimonial .testimonial-box-info p{
font: normal normal 300 14px/30px var(--font-montserrat);
color: var(--color-black);
margin-bottom: 0.5em;
}
#testimonial .testimonial-box-info  img{
width: 10%;
position: relative;
bottom: -1.8em;
}
#testimonial .team_name span{
font: bold 24px/35px var(--font-quicksand);
color: var(--color-bright-red);
}
#testimonial .testimonial-meta-category{
font: 500 14px/20px var(--font-montserrat);
color: var(--color-black);
}
#testimonial .testimonial-tab-image img{
border-radius: 15px;
}
#testimonial .team-images{
border-radius: 15px;
width: 55%;
}
#testimonial .testimonial-tab-image{
position: relative;
overflow: hidden;
}
#testimonial .testimonial-tab-image::before,
#testimonial .testimonial-tab-image::after{
content: "";
background: #fff;
height: 0;
width: 0;
z-index: 1;
position: absolute;
-webkit-transition-duration: 1.3s!important;
-o-transition-duration: 1.3s;
transition-duration: 1.3s!important;
}
#testimonial .testimonial-tab-image:hover::after,
#testimonial .testimonial-tab-image:hover::before {
height: 100%;
opacity: 0;
width: 100%;
} .newsletter-shortcode input[type=email]::placeholder{
font: 500 12px/16px var(--font-montserrat);
letter-spacing: 1.2px;
color: #AAAAAA;
background-color: var(--color-black);
}
.newsletter-shortcode input[type=email]{
background-color: var(--color-black);
border-color: transparent;
clip-path: polygon(0 0, 93% 0, 100% 100%, 0 100%);
color: #fff;
}
.newsletter-shortcode input[type=email]:focus{
background-color: var(--color-black);
}
.newsletter-shortcode input[type=submit]{
font: 600 13px/39px Quicksand;
letter-spacing: 0.4px;
color: #FFFFFF;
padding: 5px 10px 5px 30px;
clip-path: polygon(0 0, 100% 0%, 100% 100%, 23% 100%);
position: relative;
left: -20px;
background-color: var(--color-bright-red);
border-radius: 0;
}
.newsletter-box{
display: flex;
}
#newsletter .section-head-left .section-small-title h3 {
font: 400 14px/50px var(--font-montserrat);
}
#newsletter .newsletter-box-email{
padding-right: 0px !important;
}
#newsletter .newsletter-box-submit{
padding: 0px !important;
}
#newsletter .wpcf7-form-control-wrap{
margin-bottom: 0;
}
#newsletter .section-head-left {
position: relative;
top: -20px;
} .sm_div {
position: absolute;
top: 6%;
width: auto;
}
.sm_div1 {
width: auto;
position: absolute;
top: 8%;
text-align: center;
}
.service_info, .gal_info {
padding: 15px;
color: var(--color-191919);
}
.sm_div1 article {
width: 100%;
}
.view {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.view .mask, .view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
width: 100%;
}
.second-effect .mask {
opacity: 0;
overflow: visible;
border: 0px solid rgba(0,0,0,0.7);
box-sizing: border-box;
transition: all 0.4s ease-in-out;
border-radius: 30px;
}
#gallary p {
text-align: left;
font-size: 35px;
color: white;
}
.single-post .gallery-image img {
height: 150px;
}
.gallery-image img {
width: 100%;
}
.gallery_img {
width: 100%;
height: 100%;
}
#TB_ajaxContent {
width: auto !important;
height: auto !important;
}
#TB_title{
height: 35px !important; 
}
#TB_title{
border: unset !important;
}
#TB_closeWindowButton:focus{
outline: none;
}
#TB_closeWindowButton:hover .tb-close-icon, #TB_closeWindowButton:focus .tb-close-icon{
color: var(--color-black) !important;
}
.tb-close-icon{
top: 3px !important;
}
#TB_ajaxWindowTitle {
text-align: center;
color: #001e44;
text-transform: capitalize;
}
#gallary .gallery-image {
height: 100%;
padding: 0;
}
#gallary .view img {
display: block;
position: relative;
width: 100%;
}
#gallary .bwt_img {
height: 100%;
width: 100%;
}
.second-effect:hover .mask {
opacity: 0.8;
background: rgb(255 255 255 / 30%);
}
#TB_window {
top: 60% !important;
left: 60% !important;
width: auto !important;
z-index: 99999999 !important;
}
#TB_ajaxWindowTitle {
display: none !important;
}
.view a.info {
font-size: 0px;
display: inline-block;
width: 40px;
height: 40px;
top: 40%;
position: relative;
}
.view a.info i{
font-size: 40px;
}
.view a.info i:hover{
color: var(--color-white);
}
.gl_img img{
height: auto;
border-radius: 30px;
}
.gallery-image{
padding-bottom: 20px;
}