.main-btn {
display: inline-block;
font-weight: 700;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 0;
padding: 0 30px;
font-size: 16px;
line-height: 48px;
border-radius: 5px;
color: #fff;
cursor: pointer;
-webkit-transition: all .4s ease-out 0s;
-moz-transition: all .4s ease-out 0s;
-ms-transition: all .4s ease-out 0s;
-o-transition: all .4s ease-out 0s;
transition: all .4s ease-out 0s;
background-color: #f86048;
}
.main-btn:hover {
background: #e7a642;
color: #fff;
-webkit-transition: all .4s ease-out 0s;
-moz-transition: all .4s ease-out 0s;
-ms-transition: all .4s ease-out 0s;
-o-transition: all .4s ease-out 0s;
transition: all .4s ease-out 0s;
}
.helpgrove-mt {
margin-top: 15px;
} .helpgrove_recent_post {
padding-top: 10px;
}
.helpgrove_recent_post img {
float: left;
object-fit: cover;
overflow: hidden;
width: 80px;
height: 80px;
margin-right: 15px;
margin-bottom: 0;
}
.helpgrove_recent_post .helpgrove_recent_post_title {
margin-bottom: 5px;
font-size: 16px;
line-height: 1.4;
}
.helpgrove_recent_post .helpgrove_recent_post_title a {
color: #2b2a35;
}
.helpgrove_recent_post .helpgrove_recent_post_title a:hover {
color: #e7a642;
}
.helpgrove_recent_post .date {
font-size: 14px;
letter-spacing: 0.1px;
font-weight: 500;
text-transform: uppercase;
color: #8a8a8a;
margin-bottom: 20px;
}
.helpgrove_recent_post li.helpgrove_recent_post_list {
clear: both;
margin-bottom: 0;
display: block;
overflow: hidden;
padding: 20px 0;
} .givewp_post_widget {
display: block;
overflow: hidden;
margin-bottom: 20px;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 20px;
}
.widget.give_wp_posts>.givewp_post_widget:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.givewp_post_widget .givewp_post_title a h3 {
font-size: 18px;
line-height: 1.4;
padding: 0px;
margin-bottom: 5px;
}
.givewp_post_widget .givewp_post_img a img {
height: 180px;
width: 100%;
margin-right: 0;
object-fit: cover;
margin-bottom: 20px;
}
.givewp_post_widget .givewp_post_meta .colred_1st {
margin-right: 10px;
}
.givewp_post_widget .givewp_post_meta a {
font-size: 15px;
color: #2b2a35;
}
.givewp_post_widget .givewp_post_meta .colred_1st {
color: #2b2a35;
}
.givewp_post_widget .givewp_post_meta .colred_1st i {
color: #f86048;
}
.givewp_post_widget .givewp_post_meta .colred_1st span {
color: #616161;
font-weight: 600;
}
.givewp_post_widget .givewp_post_meta .colred_2nd i {
color: #9238a4;
}
.givewp_post_widget .givewp_post_meta .colred_2nd span {
color: #616161;
font-weight: 600;
} .sidebar_call_action {
padding: 70px;
position: relative;
margin-bottom: 30px;
z-index: 5;
}
@media (max-width: 767px) {
.sidebar_call_action {
padding: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sidebar_call_action {
padding: 70px;
}
}
.sidebar_call_action::before {
position: absolute;
content: '';
width: 100%;
top: 0;
height: 100%;
left: 0;
background-color: rgba(231, 166, 66, 0.9);
z-index: -1;
}
.sidebar_call_action .action_title {
color: #fff;
font-size: 26px;
font-weight: 400;
margin-top: 15px;
}
.sidebar_call_action .main-btn-add {
margin-top: 30px;
}
.sidebar_call_action .main-btn-add {
color: #fff;
}  .helpgrove-slider-carousel.owl-carousel.owl-theme {
display: block;
}
body.elementor-editor-active .helpgrove-slider .content-box .slider-title {
opacity: 1;
}
body.elementor-editor-active .helpgrove-slider .content-box .helpgrove-slider-content {
opacity: 1;
}
body.elementor-editor-active .helpgrove-slider .content-box .button-box {
opacity: 1;
} #helpgrove-slider .helpgrove-slider-background-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #21252900;
content: "";
z-index: 1;
}
#helpgrove-slider .carousel-item img {
height: 100vh;
width: 100%;
max-width: 100%;
background-size: cover;
background-origin: content-box;
background-clip: content-box;
background-position: center;
color: rgba(0, 0, 0, 0.56);
filter: brightness(30%);
right: 0;
left: 0;
resize: both;
-webkit-animation: slideShow 10s ease-in infinite;
animation: slideShow 10s ease-in infinite;
transition: all .5s ease-in-out;
overflow: hidden;
}
#helpgrove-slider .carousel-item {
height: 100vh;
}
#helpgrove-slider .slider-conent-area {
overflow: hidden;
padding: 50px 0;
}
#helpgrove-slider .carousel-caption {
transform: translateY(-50%);
bottom: 0;
top: 50%;
padding: 0;
right: 0;
left: 0;
}
#helpgrove-slider .carousel-caption h2.helpgrove-slider-title {
color: #fff;
font-size: 60px;
font-weight: 700;
letter-spacing: 2px;
padding-top: 0;
margin-bottom: 20px;
}
#helpgrove-slider .carousel-caption h2.helpgrove-slider-title span {
font-size: 36px;
font-weight: 400;
line-height: 52px;
display: inline-block;
color: #e7a642;
} #helpgrove-slider .carousel-caption .helpgrove-slider-content {
color: #fff;
font-size: 16px;
letter-spacing: 0.60px;
margin-bottom: 30px;
} #helpgrove-slider .carousel-caption .helpgrove-slider-btn .rep-btn {
padding: 12px 32px;
margin: 7px;
border-radius: 3px;
background: #e7a642;
display: block;
}
#helpgrove-slider .carousel-caption .helpgrove-slider-btn .rep-btn.left-btn {
background: #e7a642;
border: 2px solid #e7a642;
color: #2b2a35;
font-weight: 700;
}
#helpgrove-slider .carousel-caption .helpgrove-slider-btn .rep-btn.left-btn:hover {
background: #2b2a35;
border: 2px solid #2b2a35;
color: #fff;
}
#helpgrove-slider .carousel-caption .helpgrove-slider-btn .rep-btn.right-btn {
border: 2px solid #e7a642;
color: #2b2a35;
font-weight: 700;
}
#helpgrove-slider .carousel-caption .helpgrove-slider-btn .rep-btn.right-btn:hover {
background: #2b2a35;
border: 2px solid #2b2a35;
color: #fff;
} #helpgrove-slider .carousel-control-prev-icon, #helpgrove-slider .carousel-control-next-icon {
background-image: none;
}
#helpgrove-slider .helpgrove-slider-nav-style1 {
position: absolute;
right: 1%;
text-align: right;
top: 50%;
}
#helpgrove-slider .helpgrove-slider-nav-style1 .carousel-control-prev-icon {
margin-bottom: 8px;
}
#helpgrove-slider .helpgrove-slider-nav-style1 .carousel-control-prev-icon, #helpgrove-slider .helpgrove-slider-nav-style1 .carousel-control-next-icon {
background: none;
border: 2px solid #e7a642;
color: #e7a642;
height: 58px;
width: 58px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
border-radius: 100%;
}
#helpgrove-slider .helpgrove-slider-nav-style1 .carousel-control-prev-icon:hover, #helpgrove-slider .helpgrove-slider-nav-style1 .carousel-control-next-icon:hover {
background: #e7a642;
opacity: 1;
color: #fff;
} #helpgrove-slider .helpgrove-slider-nav-style2 {
position: absolute;
right: 1%;
text-align: right;
top: 50%;
}
#helpgrove-slider .helpgrove-slider-nav-style2 .carousel-control-prev-icon {
margin-bottom: 8px;
}
#helpgrove-slider .helpgrove-slider-nav-style2 .carousel-control-prev-icon, #helpgrove-slider .helpgrove-slider-nav-style2 .carousel-control-next-icon {
background: none;
border: 2px solid #e7a642;
color: #e7a642;
height: 52px;
width: 52px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
}
#helpgrove-slider .helpgrove-slider-nav-style2 .carousel-control-prev-icon:hover, #helpgrove-slider .helpgrove-slider-nav-style2 .carousel-control-next-icon:hover {
background: #e7a642;
opacity: 1;
color: #fff;
} #helpgrove-slider .helpgrove-slider-nav-style3 {
position: absolute;
right: 1%;
text-align: right;
top: 50%;
}
#helpgrove-slider .helpgrove-slider-nav-style3 .helpgrove-prev {
left: inherit;
right: 0;
top: -128px;
z-index: 1;
bottom: -90px;
opacity: 1;
}
#helpgrove-slider .helpgrove-slider-nav-style3 .helpgrove-next {
bottom: -90px;
opacity: 1;
z-index: 1;
}
#helpgrove-slider .helpgrove-slider-nav-style3 .carousel-control-prev-icon, #helpgrove-slider .helpgrove-slider-nav-style3 .carousel-control-next-icon {
background: #e7a642;
border: 3px solid #e7a642;
color: #fff;
height: 52px;
width: 52px;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
border-radius: 3px;
opacity: 1;
}
#helpgrove-slider .helpgrove-slider-nav-style3 .carousel-control-prev-icon {
margin-bottom: 10px;
}
#helpgrove-slider .helpgrove-slider-nav-style3 .carousel-control-prev-icon:hover, #helpgrove-slider .helpgrove-slider-nav-style3 .carousel-control-next-icon:hover {
background: transparent;
opacity: 1;
color: #fff;
} #helpgrove-slider .helpgrove-slider-nav-style4 {
position: absolute;
right: 0;
text-align: right;
bottom: 0;
}
#helpgrove-slider .helpgrove-slider-nav-style4 .helpgrove-prev {
left: inherit;
right: 60px;
top: 0;
position: absolute;
}
#helpgrove-slider .helpgrove-slider-nav-style4 .helpgrove-next {
bottom: -90px;
opacity: 1;
z-index: 1;
}
#helpgrove-slider .helpgrove-slider-nav-style4 .carousel-control-prev-icon, #helpgrove-slider .helpgrove-slider-nav-style4 .carousel-control-next-icon {
background: #e7a642;
border: 3px solid #e7a642;
color: #fff;
height: 52px;
width: 62px;
display: flex;
align-items: center;
justify-content: center;
font-size: 35px;
opacity: 1;
}
#helpgrove-slider .helpgrove-slider-nav-style4 .carousel-control-prev-icon:hover, #helpgrove-slider .helpgrove-slider-nav-style4 .carousel-control-next-icon:hover {
background: transparent;
opacity: 1;
color: #fff;
} #helpgrove-slider .helpgrove-slider-nav-style5 .helpgrove-nav {
font-size: 34px;
color: #fff;
cursor: pointer;
z-index: 5;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#helpgrove-slider .helpgrove-slider-nav-style5 a.helpgrove-nav i {
border: 2px solid #fff;
height: 48px;
width: 48px;
border-radius: 50px;
line-height: 43px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#helpgrove-slider .helpgrove-slider-nav-style5 a.helpgrove-nav i:hover {
background: #e7a642;
border-color: #e7a642;
color: #2b2a35;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#helpgrove-slider .helpgrove-slider-nav-style5 .helpgrove-nav {
width: 10%;
}
#helpgrove-slider:hover .helpgrove-slider-nav-style5 .helpgrove-nav {
width: 12%;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
z-index: 0;
} @media (max-width:575px) {
.nav-mobile-none {
display: none;
}
} #helpgrove-slider .carousel-indicators li {
height: 14px;
width: 14px;
bottom: 10px;
margin: 3px;
border-radius: 100%;
max-width: 15px;
}
#helpgrove-slider .carousel-indicators li.active {
background: #e7a642;
} #helpgrove-slider .carousel-item img.helpgrove-slider-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
} @keyframes slideShow {
0% {
opacity: 1;
transform: scale(1);
-ms-transform: scale(1);
}
5% {
opacity: 1
}
25% {
opacity: 1;
}
50% {
opacity: 1;
transform: scale(1.18);
-ms-transform: scale(1.18);
}
80% {
opacity: 1;
transform: scale(1.12);
-ms-transformm: scale(1.12);
}
100% {
opacity: 1;
transform: scale(1);
-ms-transformm: scale(1);
}
}
.helpgrove-slider-background-image {
left: 0;
right: 0;
bottom: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
z-index: 1;
} @-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.5, 1.5);
}
}
@keyframes zoom {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.5, 1.5);
}
} .helpgrove-slider-pro.zoomef .helpgrove-slider-background-image {
-webkit-animation: zoom 60s;
animation: zoom 60s;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
z-index: 1;
} .helpgrove-slider-pro.carousel-fade.zoomef .helpgrove-slider-background-image {
-webkit-animation: zoom 60s;
animation: zoom 60s;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
z-index: 1;
} @-webkit-keyframes zoomEf {
from {
-webkit-transform: scale(1, 1);
}
to {
-webkit-transform: scale(1.5, 1.5);
}
}
@keyframes zoomEf {
from {
transform: scale(1, 1);
}
to {
transform: scale(1.5, 1.5);
}
} .helpgrove-slider-pro.carousel-fade .carousel-item {
opacity: 0;
transition-duration: .6s;
transition-property: opacity;
}
.helpgrove-slider-pro.carousel-fade .carousel-item.active, .helpgrove-slider-pro.carousel-fade .carousel-item-next.carousel-item-left, .helpgrove-slider-pro.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1;
}
.helpgrove-slider-pro.carousel-fade .active.carousel-item-left, .helpgrove-slider-pro.carousel-fade .active.carousel-item-right {
opacity: 0;
}
.helpgrove-slider-pro.carousel-fade .carousel-item-next, .helpgrove-slider-pro.carousel-fade .carousel-item-prev, .helpgrove-slider-pro.carousel-fade .carousel-item.active, .helpgrove-slider-pro.carousel-fade .active.carousel-item-left, .helpgrove-slider-pro.carousel-fade .active.carousel-item-prev {
transform: translateX(0);
transform: translate3d(0, 0, 0);
} .helpgrove-slider {
position: relative;
}
.helpgrove-slider .slide {
position: relative;
padding: 130px 0px 240px 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.helpgrove-slider .helpgrove-slider-background-overlay {
position: absolute;
content: '';
background: rgba(43, 42, 53, 0.3);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
.helpgrove-slider .content-box {
position: relative;
width: 100%;
}
.helpgrove-slider .content-box .slider-title {
color: #fff;
font-size: 60px;
font-weight: 700;
font-family: 'Chelsea Market', cursive;
padding-top: 0;
margin-bottom: 25px;
margin-top: 0;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}
.helpgrove-slider .active .slider-title {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
transition-delay: 1000ms;
}
.helpgrove-slider .content-box .helpgrove-slider-content {
color: #fff;
font-size: 18px;
margin-bottom: 30px;
opacity: 0;
-webkit-transition: all 1700ms ease;
-moz-transition: all 1700ms ease;
-ms-transition: all 1700ms ease;
-o-transition: all 1700ms ease;
transition: all 1700ms ease;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
}
.helpgrove-slider .active .helpgrove-slider-content {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
transition-delay: 1700ms;
}
.helpgrove-slider .content-box .button-box {
position: relative;
display: block;
opacity: 0;
-webkit-transition: all 2200ms ease;
-moz-transition: all 2200ms ease;
-ms-transition: all 2200ms ease;
-o-transition: all 2200ms ease;
transition: all 2200ms ease;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
.helpgrove-slider .active .button-box {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
transition-delay: 2200ms;
}
.helpgrove-slider .helpgrove-slider-btn .rep-btn {
padding: 12px 35px;
margin: 7px;
border-radius: 3px;
background: #e7a642;
display: block;
}
.helpgrove-slider .helpgrove-slider-btn .rep-btn.left-btn {
display: inline-block;
font-weight: 700;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 0;
padding: 0 30px;
font-size: 16px;
line-height: 48px;
border-radius: 5px;
color: #fff;
cursor: pointer;
z-index: 5;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
background-color: #f86048;
}
.helpgrove-slider .helpgrove-slider-btn .rep-btn.left-btn:hover {
background: #e7a642;
color: #fff;
}
.helpgrove-slider .helpgrove-slider-btn .rep-btn.right-btn {
border: 2px solid #fff;
color: #2b2a35;
font-weight: 700;
background: #fff;
}
.helpgrove-slider .helpgrove-slider-btn .rep-btn.right-btn:hover {
background: #2b2a35;
border: 2px solid #2b2a35;
color: #fff;
} .helpgrove-slider .owl-dots .owl-dot span {
width: 9px;
height: 9px;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.50);
cursor: pointer;
margin: 0px 3px;
transition: all 500ms ease;
}
.helpgrove-slider .owl-dots .owl-dot.active span, .helpgrove-slider .owl-dots .owl-dot:hover span {
background: #ffffff;
border: none;
}
.helpgrove-slider .owl-nav {
position: absolute;
left: 0px;
top: 50%;
z-index: 1;
width: 100%;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear
}
.helpgrove-slider:hover .owl-nav {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear
}
.helpgrove-slider .owl-theme .owl-controls .owl-nav [class*="owl-"] {
position: absolute;
color: rgba(255, 255, 255, 0.10);
}
.helpgrove-slider .owl-nav .owl-prev {
position: absolute;
left: 10px;
display: inline-block;
color: #fff;
font-size: 32px;
margin: 0px;
text-align: center;
cursor: pointer;
transition: all 500ms ease;
border: 2px solid #fff;
height: 48px;
width: 48px;
border-radius: 50px;
line-height: 43px;
}
.helpgrove-slider:hover .owl-nav .owl-prev {
left: 35px;
transition: all 500ms ease;
}
.helpgrove-slider .owl-nav .owl-next {
position: absolute;
right: 10px;
display: inline-block;
color: #fff;
font-size: 32px;
margin: 0px;
text-align: center;
cursor: pointer;
transition: all 500ms ease;
border: 2px solid #fff;
height: 48px;
width: 48px;
border-radius: 50px;
line-height: 43px;
}
.helpgrove-slider:hover .owl-nav .owl-next {
right: 35px;
transition: all 500ms ease;
}
.helpgrove-slider .owl-nav .owl-prev:hover, .helpgrove-slider .owl-nav .owl-next:hover {
background-color: #e7a642;
color: #192d66;
border-color: #e7a642;
}
@media (max-width:575.98px) {
.helpgrove-slider .slide {
padding: 50px 0px 50px 0px;
}
.helpgrove-slider .content-box .slider-title {
font-size: 40px;
}
.helpgrove-slider .helpgrove-slider-btn .rep-btn {
padding: 10px 20px;
}
.helpgrove-slider .owl-nav {
display: none;
}
}
@keyframes sliderShape {
0%, 100% {
border-radius: 50% 50% 50% 50% / 50% 35% 65% 50%;
}
34% {
border-radius: 50% 50% 35% 65% / 50% 50% 50% 50%;
}
50% {
border-radius: 50% 50% 50% 50% / 65% 50% 50% 35%;
}
67% {
border-radius: 35% 65% 50% 50% / 50% 50% 50% 50%;
}
}
.main-btn-add {
display: inline-block;
font-weight: 600;
text-align: center;
border: 0;
padding: 0 30px;
font-size: 16px;
line-height: 48px;
border-radius: 5px;
color: #fff;
z-index: 5;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
background-color: #f86048;
}
.main-btn-add:hover {
background-color: #fff;
color: #f86048;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.main-btn-add.main-btn-add-2 {
background-color: #e7a642;
}
.main-btn-add.main-btn-add-2:hover {
background-color: #f86048;
} .single_slider {
position: relative;
}
.slider_image {
height: 800px;
}
@media only screen and (min-width: 1400px) {
.slider_image {
height: 950px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_image {
height: 750px;
}
}
@media (max-width: 767px) {
.slider_image {
height: 650px;
}
}
.slider_image::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(43, 42, 53, 0.3);
z-index: 1;
}
.slider_content_wrapper {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 100%;
z-index: 9;
}
.slider_content {
padding-top: 140px;
max-width: 680px;
margin: 0 auto;
width: 100%;
position: relative;
}
.slider_content .sub_title {
color: #e7a642;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content .sub_title {
font-size: 20px;
}
}
@media (max-width: 767px) {
.slider_content .sub_title {
font-size: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider_content .sub_title {
font-size: 20px;
}
}
.slider_content .title {
font-size: 72px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
margin-top: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content .title {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content .title {
font-size: 62px;
}
}
@media (max-width: 767px) {
.slider_content .title {
font-size: 32px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider_content .title {
font-size: 46px;
}
}
.slider_content p {
color: #fff;
font-size: 24px;
line-height: 38px;
margin-top: 10px;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content p {
font-size: 20px;
line-height: 32px;
}
}
@media (max-width: 767px) {
.slider_content p {
font-size: 18px;
line-height: 30px;
}
}
.slider_content .main-btn-add {
margin-top: 50px;
}
.slider-active .slick-dots {
text-align: center;
width: 100%;
position: absolute;
bottom: 50px;
left: 0;
}
.slider-active .slick-dots li {
display: inline-block;
margin: 0 5px;
}
.slider-active .slick-dots li button {
font-size: 0;
padding: 0;
width: 14px;
height: 14px;
border: 1px solid #fff;
background: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.slider-active .slick-dots li.slick-active button {
background-color: #fff;
}
.slider-active .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
z-index: 9;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
opacity: 0;
}
.slider-active .slick-arrow i {
width: 50px;
height: 50px;
line-height: 46px;
text-align: center;
border: 2px solid rgba(255, 255, 255, 0.58);
font-size: 26px;
color: rgba(255, 255, 255, 0.58);
border-radius: 50%;
cursor: pointer;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.slider-active .slick-arrow:hover i {
color: #f86048;
border-color: #f86048;
}
.slider-active .slick-arrow.next {
right: 0;
left: auto;
}
.slider-active:hover .slick-arrow {
left: 30px;
opacity: 1;
}
@media only screen and (min-width: 1400px) {
.slider-active:hover .slick-arrow {
left: 130px;
}
}
.slider-active:hover .slick-arrow.next {
left: auto;
right: 30px;
}
@media only screen and (min-width: 1400px) {
.slider-active:hover .slick-arrow.next {
right: 130px;
}
}
.kenburns {
-webkit-animation: kenburns 35s;
-moz-animation: kenburns 35s;
-o-animation: kenburns 35s;
animation: kenburns 35s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
@keyframes kenburns {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.1, 1.1) rotate(0.1deg);
-moz-transform: scale(1.1, 1.1) rotate(0.1deg);
-ms-transform: scale(1.1, 1.1) rotate(0.1deg);
-o-transform: scale(1.1, 1.1) rotate(0.1deg);
transform: scale(1.1, 1.1) rotate(0.1deg);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-webkit-keyframes kenburns {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-webkit-transform: scale(1.2, 1.2) rotate(0.1deg);
-moz-transform: scale(1.2, 1.2) rotate(0.1deg);
-ms-transform: scale(1.2, 1.2) rotate(0.1deg);
-o-transform: scale(1.2, 1.2) rotate(0.1deg);
transform: scale(1.2, 1.2) rotate(0.1deg);
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
} .slider_area_2 {
height: auto;
padding-top: 150px;
position: relative;
z-index: 9;
}
.slider_shape {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_shape {
width: 100%;
height: 80%;
top: auto;
bottom: 0;
}
}
@media (max-width: 767px) {
.slider_shape {
width: 100%;
height: 50%;
top: auto;
bottom: 0;
}
}
.slider_shape .shape {
margin: 0;
max-width: 555px;
height: 555px;
background-color: #9238a4;
border-radius: 50%;
border-top-left-radius: 42%;
-webkit-animation: sliderShape 5s linear infinite;
-moz-animation: sliderShape 5s linear infinite;
-o-animation: sliderShape 5s linear infinite;
animation: sliderShape 5s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_shape .shape {
margin: 0 auto;
}
}
@media (max-width: 767px) {
.slider_shape .shape {
max-width: 285px;
height: 285px;
margin: 0 auto;
}
} .slider_content_2 {
position: relative;
}
.slider_content_2 .title {
font-size: 48px;
color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content_2 .title {
font-size: 42px;
}
}
@media (max-width: 767px) {
.slider_content_2 .title {
font-size: 28px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider_content_2 .title {
font-size: 38px;
}
}
.slider_content_2 .main-btn-add {
margin-top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_hero img {
max-width: 283px;
}
}
@media (max-width: 767px) {
.slider_hero img {
max-width: 183px;
}
} .slider_area_3 {
position: relative;
}
.slider_area_3::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(left, #290a59 0%, #f86048 100%);
background: -o-linear-gradient(left, #290a59 0%, #f86048 100%);
background: linear-gradient(to right, #290a59 0%, #f86048 100%);
opacity: 0.8;
}
.single_slider_3 {
height: 800px;
position: relative;
}
@media only screen and (min-width: 1400px) {
.single_slider_3 {
height: 950px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_slider_3 {
height: 750px;
}
}
@media (max-width: 767px) {
.single_slider_3 {
height: 650px;
}
}
.slider_content_3 .title {
font-size: 60px;
color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content_3 .title {
font-size: 42px;
}
}
@media (max-width: 767px) {
.slider_content_3 .title {
font-size: 28px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider_content_3 .title {
font-size: 38px;
}
}
.slider_content_3 .main-btn-add {
margin-top: 50px;
}
.slider-active_3 .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
z-index: 9;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
opacity: 0;
}
.slider-active_3 .slick-arrow i {
width: 50px;
height: 50px;
line-height: 46px;
text-align: center;
border: 2px solid rgba(255, 255, 255, 0.58);
font-size: 26px;
color: rgba(255, 255, 255, 0.58);
border-radius: 50%;
cursor: pointer;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.slider-active_3 .slick-arrow:hover i {
color: #e7a642;
border-color: #e7a642;
}
.slider-active_3 .slick-arrow.next {
right: 0;
left: auto;
}
.slider-active_3:hover .slick-arrow {
left: 30px;
opacity: 1;
}
@media only screen and (min-width: 1400px) {
.slider-active_3:hover .slick-arrow {
left: 130px;
}
}
.slider-active_3:hover .slick-arrow.next {
left: auto;
right: 30px;
}
@media only screen and (min-width: 1400px) {
.slider-active_3:hover .slick-arrow.next {
right: 130px;
}
} .slider_area_4 {
height: auto;
padding-top: 300px;
padding-bottom: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_area_4 {
padding-top: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_area_4 {
padding-top: 200px;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.slider_area_4 {
padding-top: 200px;
padding-bottom: 0;
}
}
.slider_area_4::before {
background: -webkit-linear-gradient(left, black 0%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(left, black 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, black 0%, rgba(255, 255, 255, 0) 100%);
}
.slider_content_4 {
padding-bottom: 160px;
position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content_4 {
padding-bottom: 120px;
}
}
.slider_content_4 .title {
font-size: 72px;
color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content_4 .title {
font-size: 64px;
}
}
@media (max-width: 767px) {
.slider_content_4 .title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider_content_4 .title {
font-size: 48px;
}
}
.slider_content_4 .main-btn-add {
margin-top: 50px;
}
.single_slider_items .slider_items_icon {
position: relative;
display: inline-block;
}
.single_slider_items .slider_items_icon .icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single_slider_items .slider_items_content {
padding-left: 15px;
}
.single_slider_items .slider_items_content .count {
font-size: 24px;
font-weight: 400;
font-family: "Chelsea Market", cursive;
color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_slider_items .slider_items_content .count {
font-size: 18px;
}
}
.single_slider_items .slider_items_content p {
font-size: 24px;
font-weight: 400;
font-family: "Chelsea Market", cursive;
color: #fff;
margin-top: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_slider_items .slider_items_content p {
font-size: 18px;
}
} .slider_area_5 {
height: 800px;
z-index: 5;
position: relative;
}
@media only screen and (min-width: 1400px) {
.slider_area_5 {
height: 950px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_area_5 {
height: 750px;
}
}
@media (max-width: 767px) {
.slider_area_5 {
height: 650px;
}
}
.slider_area_5::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: bottom center;
background-size: cover;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_area_5::before {
background-position: bottom left;
}
}
@media (max-width: 767px) {
.slider_area_5::before {
background-position: bottom left;
}
} .slider_area_6 {
height: auto;
padding-top: 160px;
padding-bottom: 70px;
position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_area_6 {
padding-top: 160px;
}
.slider_area_6 .single_slider_items {
display: inherit!important;
}
.slider_area_4 .single_slider_items {
display: inherit!important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_area_6 {
padding-top: 160px;
}
.slider_area_6 .single_slider_items {
display: inherit!important;
}
.slider_area_4 .single_slider_items {
display: inherit!important;
}
}
@media (max-width: 767px) {
.slider_area_6 {
padding-top: 160px;
}
}
.slider_area_6::before {
display: none;
}
.slider_shape_2 {
height: 73px;
width: 100%;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom: -40px;
left: 0;
z-index: 5;
}
.slider_content_6 {
position: relative;
}
.slider_content_6 .title {
font-size: 60px;
font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content_6 .title {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content_6 .title {
font-size: 50px;
}
}
@media (max-width: 767px) {
.slider_content_6 .title {
font-size: 34px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider_content_6 .title {
font-size: 44px;
}
}
.slider_image_6 {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_image_6 {
margin-top: 50px;
max-width: 540px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 767px) {
.slider_image_6 {
margin-top: 50px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
}
.slider_image_6 .slider {
width: 100%;
padding-left: 70px;
}
@media (max-width: 767px) {
.slider_image_6 .slider {
padding-left: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider_image_6 .slider {
padding-left: 70px;
}
}
.slider_image_6 .slider_video {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.slider_image_6 .slider_video {
max-width: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider_image_6 .slider_video {
max-width: inherit;
}
}
.slider_image_6 .slider_video a {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-size: 20px;
width: 55px;
height: 55px;
line-height: 53px;
text-align: center;
border: 1px solid #fff;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.slider_image_6 .slider_video a {
width: 45px;
height: 45px;
line-height: 43px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider_image_6 .slider_video a {
width: 55px;
height: 55px;
line-height: 53px;
}
}
.slider_items_wrapper_2 {
padding-top: 70px;
}
.slider_items_2 .slider_items_content {
padding-left: 15px;
}
.slider_items_2 .slider_items_content .count {
color: #2b2a35;
}
.slider_items_2 .slider_items_content p {
color: #2b2a35;
}
.slider_area_6 .slider_items_wrapper {
margin-top: 90px;
}
.slider_area_4 .slider_items_wrapper {
margin-top: 20px;
margin-bottom: 100px;
}
.slider_area_6 .single_slider_items {
margin-bottom: 40px;
}
.slider_area_4 .single_slider_items {
margin-bottom: 40px;
}  .nav {
padding-top: 5px;
}
.nav .nav-item {
position: relative;
margin: 10px 0;
}
.nav .nav-item a {
display: block;
}
.nav .nav-item .campaing_items {
padding: 20px;
border-radius: 50px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.nav .nav-item .campaing_items {
padding: 15px;
}
}
@media (max-width: 767px) {
.nav .nav-item .campaing_items {
padding: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.nav .nav-item .campaing_items {
padding: 20px;
}
}
.nav .nav-item .campaing_items .items_icon {
width: 100px;
height: 100px;
position: relative;
border-radius: 50px;
border-top-right-radius: 42%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.nav .nav-item .campaing_items .items_icon {
width: 90px;
height: 90px;
}
}
@media (max-width: 767px) {
.nav .nav-item .campaing_items .items_icon {
width: 65px;
height: 65px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.nav .nav-item .campaing_items .items_icon {
width: 70px;
height: 70px;
}
}
.nav .nav-item .campaing_items .items_icon img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.nav .nav-item .campaing_items .items_icon img {
width: 24px;
}
}
.nav .nav-item .campaing_items .items_content {
padding-left: 20px;
}
@media (max-width: 767px) {
.nav .nav-item .campaing_items .items_content {
padding-left: 15px;
}
}
.nav .nav-item .campaing_items .items_content .items_title {
font-size: 24px;
font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.nav .nav-item .campaing_items .items_content .items_title {
font-size: 22px;
}
}
@media (max-width: 767px) {
.nav .nav-item .campaing_items .items_content .items_title {
font-size: 16px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.nav .nav-item .campaing_items .items_content .items_title {
font-size: 20px;
}
}
.nav .nav-item .campaing_items .items_content p {
margin-top: 15px;
}
.nav .nav-item .campaing_items.items_color_1 .items_icon {
background-color: rgba(146, 56, 164, 0.1);
}
.nav .nav-item .campaing_items.items_color_2 .items_icon {
background-color: rgba(248, 96, 72, 0.1);
}
.nav .nav-item .campaing_items.items_color_3 .items_icon {
background-color: rgba(0, 189, 192, 0.1);
}
.nav .nav-item .active .campaing_items {
-webkit-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 95px 0px rgba(0, 0, 0, 0.15);
background-color: #fff;
}
.campaing_content {
position: relative;
}
.campaing_content img {
width: 100%;
}
.campaing_content .campaing_donate {
position: absolute;
top: 30px;
left: 0;
width: 70%;
right: 0;
margin: 0 auto;
background: #f86048;
padding: 30px;
}
@media (max-width: 767px) {
.campaing_content .campaing_donate {
width: 90%;
padding-top: 15px;
}
}
.campaing_content .campaing_donate .donate_dollar span {
font-size: 14px;
color: #fff;
}
.campaing_content .campaing_donate .donate_progress {
margin-top: 15px;
}
.campaing_content .campaing_donate .donate_progress .bar_inner {
width: 100%;
height: 10px;
background-color: #fff;
position: relative;
}
.campaing_content .campaing_donate .donate_progress .bar_inner .progress_line {
position: absolute;
top: 0;
left: 0;
height: 10px;
background-color: #e7a642;
-webkit-transition: all 2s ease-out 0s;
-moz-transition: all 2s ease-out 0s;
-ms-transition: all 2s ease-out 0s;
-o-transition: all 2s ease-out 0s;
transition: all 2s ease-out 0s;
width: 0;
}
.campaing_content .campaing_donate .donate_progress .bar_inner .progress_line .percentage {
position: absolute;
top: -35px;
right: -30px;
background-color: #e7a642;
font-size: 12px;
padding: 2px 4px;
color: #fff;
}
.campaing_content .campaing_donate .donate_progress .bar_inner .progress_line .percentage::before {
position: absolute;
content: '';
width: 0;
height: 0;
border-top: 7px solid #e7a642;
border-right: 7px solid transparent;
left: 0;
bottom: -7px;
}
.campaing_content .campaing_donate .donate_btn {
margin-top: 30px;
}
.campaing_content .campaing_donate .donate_btn .main-btn-add {
width: 100%;
height: 40px;
line-height: 38px;
border: 1px solid #fff;
padding: 0 20px;
}
.campaing_content .campaing_donate .donate_btn .main-btn-add:hover {
border-color: #e7a642;
} .doner_title {
position: relative;
}
.doner_title::after, .doner_title::before {
position: absolute;
content: '';
width: 35%;
height: 2px;
border-bottom: 1px dashed rgba(34, 34, 34, 0.5);
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.doner_title::after, .doner_title::before {
width: 18%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.doner_title::after, .doner_title::before {
width: 30%;
}
}
.doner_title::after {
left: auto;
right: 0;
}
.doner_title .title {
font-size: 24px;
font-weight: 400;
}
@media (max-width: 767px) {
.doner_title .title {
font-size: 20px;
}
}
.single_doner .doner_image {
width: 135px;
height: 135px;
border-radius: 50%;
border-top-right-radius: 42%;
padding: 8px;
margin: 0 auto;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
@media (max-width: 767px) {
.single_doner .doner_image {
width: 100px;
height: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_doner .doner_image {
width: 135px;
height: 135px;
}
}
.single_doner .doner_image img {
border-radius: 50%;
}
.single_doner .doner_content {
padding-top: 15px;
}
.single_doner .doner_content .doner_name {
font-size: 18px;
font-weight: 400;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.single_doner .doner_content .doner_name {
font-size: 16px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_doner .doner_content .doner_name {
font-size: 18px;
}
}
.single_doner .doner_content p {
color: #2b2a35;
margin-top: 5px;
}
.single_doner.doner_color-1 .doner_image {
background-color: #f1ae44;
}
.single_doner.doner_color-2 .doner_image {
background-color: #9238a4;
}
.single_doner.doner_color-3 .doner_image {
background-color: #00bdc0;
}
.single_doner.doner_color-4 .doner_image {
background-color: #f86048;
}
.single_doner:hover .doner_image {
-webkit-animation: sliderShape 5s linear infinite;
-moz-animation: sliderShape 5s linear infinite;
-o-animation: sliderShape 5s linear infinite;
animation: sliderShape 5s linear infinite;
} .event_area {
background-color: #f86048;
}
.single_event .event_image {
position: relative;
overflow: hidden;
}
.single_event .event_image img {
width: 100%;
height: 246px;
object-fit: cover;
object-position: center;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_event .event_image img {
height: 235px;
}
}
.single_event .event_image .event_date {
width: 75px;
height: 75px;
text-align: center;
border-radius: 50%;
border-top-right-radius: 42%;
position: absolute;
bottom: 30px;
left: 30px;
z-index: 5;
}
.single_event .event_image .event_date .shape {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.single_event .event_image .event_date .date {
color: #fff;
font-size: 14px;
font-weight: 400;
font-family: "Chelsea Market", cursive;
}
.single_event .event_image .event_date .date span {
font-size: 26px;
display: block;
line-height: 23px;
padding-top: 5px;
text-align: center;
}
.single_event .event_image::before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
background-color: rgba(34, 34, 34, 0.3);
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
visibility: hidden;
}
.single_event .event_content {
padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_event .event_content {
padding: 25px;
}
}
@media (max-width: 767px) {
.single_event .event_content {
padding: 20px;
}
}
@media (max-width: 767px) {
.single_event .event_content {
padding: 20px;
}
}
.single_event .event_content .event_title a {
font-size: 24px;
color: #fff;
font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_event .event_content .event_title a {
font-size: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_event .event_content .event_title a {
font-size: 20px;
}
}
@media (max-width: 767px) {
.single_event .event_content .event_title a {
font-size: 20px;
}
}
.single_event .event_content p {
color: #fff;
margin-top: 20px;
padding-left: 25px;
position: relative;
}
.single_event .event_content p img {
margin-right: 5px;
width: 18px;
position: absolute;
top: 5px;
left: 0;
}
.single_event .event_content .more {
color: #fff;
border: 1px solid #fff;
padding: 0 15px;
height: 35px;
line-height: 33px;
text-align: center;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
margin-top: 25px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_event .event_content .more:hover {
background-color: #fff;
}
.select_main:nth-child(1) .single_event .event_content .more:hover {
color: #953ea7;
}
.select_main:nth-child(2) .single_event .event_content .more:hover {
color: #f1ae44;
}
.select_main:nth-child(3) .single_event .event_content .more:hover {
color: #00bdc0;
}
.single_event.event_color-1 {
background-color: #953ea7;
}
.single_event.event_color-1 .event_image .event_date {
background-color: #953ea7;
}
.single_event.event_color-1 .event_content .more:hover {
color: #953ea7;
}
.single_event.event_color-2 {
background-color: #f1ae44;
}
.single_event.event_color-2 .event_image .event_date {
background-color: #f1ae44;
}
.single_event.event_color-2 .event_content .more:hover {
color: #f1ae44;
}
.single_event.event_color-3 {
background-color: #00bdc0;
}
.single_event.event_color-3 .event_image .event_date {
background-color: #00bdc0;
}
.single_event.event_color-3 .event_content .more:hover {
color: #00bdc0;
}
.single_event:hover .event_image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.single_event:hover .event_image::before {
opacity: 1;
visibility: visible;
} .event_area_2 {
position: relative;
}
.event_shape_1 {
height: 73px;
width: 100%;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: -30px;
left: 0;
z-index: 6;
}
.event_shape_2 {
height: 73px;
width: 100%;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom: -40px;
left: 0;
z-index: 9;
}
.single_event_2 {
background-color: #fff;
position: relative;
}
.single_event_2::before {
position: absolute;
content: '';
width: 100%;
height: 5px;
bottom: 0;
left: 0;
}
.single_event_2 .event_image {
position: relative;
width: 50%;
height: 100%;
}
@media (max-width: 767px) {
.single_event_2 .event_image {
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
}
.single_event_2 .event_image img {
width: 100%;
object-fit: cover;
object-position: center;
height: 345px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_event_2 .event_image img {
height: 305px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_event_2 .event_image img {
height: 305px;
}
}
@media (max-width: 767px) {
.single_event_2 .event_image img {
height: auto;
}
}
.single_event_2 .event_image .event_date {
width: 75px;
height: 75px;
text-align: center;
border-radius: 50%;
border-top-right-radius: 42%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: -38px;
z-index: 5;
}
@media (max-width: 767px) {
.single_event_2 .event_image .event_date {
bottom: 30px;
left: 30px;
right: auto;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.single_event_2 .event_image .event_date .shape {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.single_event_2 .event_image .event_date .date {
color: #fff;
font-size: 14px;
font-weight: 400;
font-family: "Chelsea Market", cursive;
}
.single_event_2 .event_image .event_date .date span {
font-size: 30px;
display: block;
line-height: 35px;
}
.single_event_2 .event_image::before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
background-color: rgba(34, 34, 34, 0.3);
opacity: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
visibility: hidden;
}
.single_event_2 .event_content_wrapper {
width: 50%;
height: 345px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_event_2 .event_content_wrapper {
height: 305px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_event_2 .event_content_wrapper {
height: 305px;
}
}
@media (max-width: 767px) {
.single_event_2 .event_content_wrapper {
width: 100%;
}
}
.single_event_2 .event_content {
max-width: 285px;
}
@media (max-width: 767px) {
.single_event_2 .event_content {
padding: 20px;
}
}
@media (max-width: 767px) {
.single_event_2 .event_content {
max-width: inherit;
}
}
.single_event_2 .event_content .event_title a {
font-size: 24px;
font-weight: 400;
color: #2b2a35;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_event_2 .event_content .event_title a {
font-size: 20px;
}
}
@media (max-width: 767px) {
.single_event_2 .event_content .event_title a {
font-size: 20px;
}
}
.single_event_2 .event_content p {
margin-top: 20px;
padding-left: 25px;
position: relative;
}
.single_event_2 .event_content p img {
margin-right: 5px;
width: 14px;
position: absolute;
top: 5px;
left: 0;
}
.single_event_2 .event_content .more {
color: #fff;
border: 1px solid;
padding: 0 15px;
height: 35px;
line-height: 33px;
text-align: center;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
margin-top: 25px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_event_2.event_color-1::before {
background-color: #953ea7;
}
.single_event_2.event_color-1 .event_image .event_date {
background-color: #953ea7;
}
.single_event_2.event_color-1 .event_content .event_title a:hover {
color: #953ea7;
}
.single_event_2.event_color-1 .event_content .more {
background-color: #953ea7;
border-color: #953ea7;
}
.single_event_2.event_color-1 .event_content .more:hover {
background-color: #fff;
color: #953ea7;
}
.single_event_2.event_color-2::before {
background-color: #f1ae44;
}
.single_event_2.event_color-2 .event_image .event_date {
background-color: #f1ae44;
}
.single_event_2.event_color-2 .event_content .event_title a:hover {
color: #f1ae44;
}
.single_event_2.event_color-2 .event_content .more {
background-color: #f1ae44;
border-color: #f1ae44;
}
.single_event_2.event_color-2 .event_content .more:hover {
background-color: #fff;
color: #f1ae44;
}
.single_event_2.event_color-3::before {
background-color: #00bdc0;
}
.single_event_2.event_color-3 .event_image .event_date {
background-color: #00bdc0;
}
.single_event_2.event_color-3 .event_content .event_title a:hover {
color: #00bdc0;
}
.single_event_2.event_color-3 .event_content .more {
background-color: #00bdc0;
border-color: #00bdc0;
}
.single_event_2.event_color-3 .event_content .more:hover {
background-color: #fff;
color: #00bdc0;
}
.single_event_2:hover .event_image::before {
opacity: 1;
visibility: visible;
}
.event_active .slick-dots {
text-align: center;
width: 100%;
margin-top: 20px;
}
.event_active .slick-dots li {
display: inline-block;
margin: 0 5px;
}
.event_active .slick-dots li button {
font-size: 0;
padding: 0;
width: 13px;
height: 13px;
border: 1px solid #f86048;
background: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.event_active .slick-dots li button:before {
display: none;
}
.event_active .slick-dots li.slick-active button {
background-color: #f86048;
} @media (max-width: 991px) {
.event_area_3 .select_main {
margin-bottom: 30px;
}
} .testimonial_area {
position: relative;
}
.testimonial_area .testimonial_image_wrapper .slick-slide img {
object-fit: cover;
}
.testimonial_content_area {
position: absolute;
top: 50%;
width: 100%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.single_testimonial_image img {
width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_testimonial_image img {
height: 618px;
object-fit: cover;
object-position: center;
}
}
@media (max-width: 767px) {
.single_testimonial_image img {
height: 618px;
object-fit: cover;
object-position: center;
}
}
.testimonial_content_wrapper_2 .slick-dots, .testimonial_content_wrapper .slick-dots {
text-align: center;
width: 100%;
margin-top: 20px;
}
.testimonial_content_wrapper_2 .slick-dots li, .testimonial_content_wrapper .slick-dots li {
display: inline-block;
margin: 0 5px;
}
.testimonial_content_wrapper_2 .slick-dots li button, .testimonial_content_wrapper .slick-dots li button {
font-size: 0;
padding: 0;
width: 13px;
height: 13px;
border: 1px solid #fff;
background: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.testimonial_content_wrapper_2 .slick-dots li.slick-active button, .testimonial_content_wrapper .slick-dots li.slick-active button {
background-color: #fff;
}
.single_testimonial_content {
background-color: #f86048;
padding: 75px 55px 55px;
border-radius: 50px;
position: relative;
margin-top: 30px;
position: relative;
z-index: 5;
}
.single_testimonial_content::before {
position: absolute;
content: '';
width: 50%;
height: 100%;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: -1;
background-size: cover;
background-position: center center;
}
@media (max-width: 767px) {
.single_testimonial_content::before {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_testimonial_content::before {
width: 50%;
}
}
@media (max-width: 767px) {
.single_testimonial_content {
padding: 45px 25px 35px;
}
}
.single_testimonial_content i {
font-size: 60px;
color: #fff;
position: absolute;
top: -22px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767px) {
.single_testimonial_content i {
font-size: 40px;
top: -18px;
}
}
.single_testimonial_content .testimonial_title {
color: #fff;
font-size: 30px;
font-weight: 400;
}
@media (max-width: 767px) {
.single_testimonial_content .testimonial_title {
font-size: 24px;
}
}
.single_testimonial_content p {
font-size: 18px;
font-style: italic;
color: #fff;
line-height: 30px;
margin-top: 15px;
}
@media (max-width: 767px) {
.single_testimonial_content p {
font-size: 16px;
}
}
.single_testimonial_content .author_name {
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: "Open Sans", sans-serif;
margin-top: 15px;
} .single_testimonial_image_2 img {
height: 660px;
object-fit: cover;
width: 100%;
object-position: center;
} .testimonial_area_3 {
position: relative;
z-index: 5;
}
.testimonial_area_3::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.single_testimonial_3 i {
font-size: 60px;
color: #f86048;
}
.single_testimonial_3 .testimonial_title {
font-size: 48px;
color: #fff;
font-weight: 400;
}
@media (max-width: 767px) {
.single_testimonial_3 .testimonial_title {
font-size: 28px;
}
}
.single_testimonial_3 p {
font-size: 24px;
color: #fff;
margin-top: 55px;
line-height: 36px;
font-style: italic;
}
@media (max-width: 767px) {
.single_testimonial_3 p {
font-size: 16px;
line-height: 28px;
}
}
.single_testimonial_3 .name {
font-size: 18px;
color: #fff;
font-family: "Open Sans", sans-serif;
color: #fff;
margin-top: 20px;
font-weight: 700;
}
.testimonial_area_active_3 .slick-dots {
text-align: center;
width: 100%;
margin-top: 20px;
}
.testimonial_area_active_3 .slick-dots li {
display: inline-block;
margin: 0 5px;
}
.testimonial_area_active_3 .slick-dots li button {
font-size: 0;
padding: 0;
width: 13px;
height: 13px;
border: 1px solid #fff;
background: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
display: none;
}
.testimonial_area_active_3 .slick-dots li.slick-active button {
background-color: #fff;
} .volunteer_area {
position: relative;
}
.volunteer_shape_1 {
height: 73px;
width: 100%;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: -30px;
left: 0;
z-index: 5;
}
.volunteer_shape_2 {
height: 73px;
width: 100%;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom: -40px;
left: 0;
z-index: 5;
}
.single_volunteer .volunteer_image {
position: relative;
overflow: hidden;
}
.single_volunteer .volunteer_image img {
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_volunteer .volunteer_image .volunteer_social {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(43, 42, 53, 0.3);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_volunteer .volunteer_image .volunteer_social .social {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.single_volunteer .volunteer_image .volunteer_social .social li {
display: inline-block;
margin: 0 4px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.single_volunteer .volunteer_image .volunteer_social .social li a {
font-size: 18px;
color: #fff;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_volunteer .volunteer_content {
width: 180px;
height: 180px;
border-radius: 50%;
border-top-right-radius: 42%;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: -90px;
position: relative;
z-index: 5;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_volunteer .volunteer_content .content_wrapper .volunteer_name {
color: #fff;
font-size: 18px;
font-weight: 400;
}
.single_volunteer .volunteer_content .content_wrapper .volunteer_name a {
color: #fff;
font-size: 18px;
font-weight: 400;
}
.single_volunteer .volunteer_content .content_wrapper .volunteer_name {
margin-bottom: 0;
}
.single_volunteer .volunteer_content .content_wrapper p {
color: #fff;
margin-top: 8px;
margin-bottom: 0;
}
.single_volunteer:hover .volunteer_image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.single_volunteer:hover .volunteer_image .volunteer_social {
opacity: 1;
visibility: visible;
}
.single_volunteer:hover .volunteer_image .volunteer_social .social li {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.single_volunteer:hover .volunteer_image .volunteer_social .social li:nth-of-type(1) {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.single_volunteer:hover .volunteer_image .volunteer_social .social li:nth-of-type(2) {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.single_volunteer:hover .volunteer_image .volunteer_social .social li:nth-of-type(3) {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.single_volunteer:hover .volunteer_image .volunteer_social .social li:nth-of-type(4) {
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.single_volunteer:hover .volunteer_image .volunteer_social .social li:nth-of-type(5) {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.single_volunteer:hover .volunteer_image .volunteer_social .social li:nth-of-type(6) {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.single_volunteer:hover .volunteer_image .volunteer_social .social li:nth-of-type(7) {
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
-ms-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.single_volunteer:hover .volunteer_content {
-webkit-animation: sliderShape 5s linear infinite;
-moz-animation: sliderShape 5s linear infinite;
-o-animation: sliderShape 5s linear infinite;
animation: sliderShape 5s linear infinite;
}
.single_volunteer.volunteer_color_1 .volunteer_image .volunteer_social .social li a:hover {
color: #f1ae44;
}
.single_volunteer.volunteer_color_1 .volunteer_content {
background-color: #f1ae44;
}
.single_volunteer.volunteer_color_2 .volunteer_image .volunteer_social .social li a:hover {
color: #953ea7;
}
.single_volunteer.volunteer_color_2 .volunteer_content {
background-color: #953ea7;
}
.single_volunteer.volunteer_color_3 .volunteer_image .volunteer_social .social li a:hover {
color: #f86048;
}
.single_volunteer.volunteer_color_3 .volunteer_content {
background-color: #f86048;
}
.single_volunteer.volunteer_color_4 .volunteer_image .volunteer_social .social li a:hover {
color: #00bdc0;
}
.single_volunteer.volunteer_color_4 .volunteer_content {
background-color: #00bdc0;
} .volunteer_form_area {
position: relative;
z-index: 5;
}
.volunteer_form_area::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
background: -webkit-linear-gradient(left, #290a59 0%, #f86048 100%);
background: -o-linear-gradient(left, #290a59 0%, #f86048 100%);
background: linear-gradient(to right, #290a59 0%, #f86048 100%);
opacity: 0.8;
}
.volunteer_form {
background-color: #9238a4;
padding: 85px 90px 90px;
position: relative;
top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.volunteer_form {
padding: 65px 70px 70px;
}
}
@media (max-width: 767px) {
.volunteer_form {
padding: 25px 30px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.volunteer_form {
padding: 65px 70px 70px;
}
}
.volunteer_form .volunteer_title {
font-size: 36px;
color: #fff;
padding-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.volunteer_form .volunteer_title {
font-size: 32px;
}
}
@media (max-width: 767px) {
.volunteer_form .volunteer_title {
font-size: 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.volunteer_form .volunteer_title {
font-size: 28px;
}
}
.volunteer_form .single_form {
margin-top: 15px;
}
.volunteer_form .single_form textarea, .volunteer_form .single_form input {
width: 100%;
height: 40px;
padding: 0 20px;
border-radius: 5px;
background-color: #fff;
border: 0;
font-size: 14px;
}
.volunteer_form .single_form textarea {
height: 70px;
padding-top: 10px;
resize: none;
}
.volunteer_form .single_form .main-btn-add {
width: 100%;
}
.volunteer_form.volunteer_form_2 {
top: 0;
padding: 0 90px;
background-color: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.volunteer_form.volunteer_form_2 {
padding: 0 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.volunteer_form.volunteer_form_2 {
padding: 0 60px;
padding-top: 125px;
padding-bottom: 125px;
}
}
@media (max-width: 767px) {
.volunteer_form.volunteer_form_2 {
padding: 0 20px;
padding-top: 125px;
padding-bottom: 125px;
}
} .support_title {
padding-bottom: 15px;
}
.support_title .title {
font-size: 24px;
font-weight: 400;
}
@media (max-width: 767px) {
.support_title .title {
font-size: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.support_title .title {
font-size: 24px;
}
}
.single_support .support_content {
padding-left: 10px;
}
.single_support .support_content .title {
font-size: 24px;
font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_support .support_content .title {
font-size: 20px;
}
}
@media (max-width: 767px) {
.single_support .support_content .title {
font-size: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_support .support_content .title {
font-size: 22px;
}
}
.single_support .support_content p {
color: #afafaf;
} .volunteer_form_area_2 {
position: relative;
background-color: #953ea7;
height: 570px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.volunteer_form_area_2 {
height: auto;
}
}
@media (max-width: 767px) {
.volunteer_form_area_2 {
height: auto;
}
}
.volunteer_image_2 {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.volunteer_image_2 {
width: 100%;
height: 570px;
position: relative;
}
}
@media (max-width: 767px) {
.volunteer_image_2 {
width: 100%;
height: 270px;
position: relative;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.volunteer_image_2 {
height: 370px;
}
} .volunteer_area_2 {
position: relative;
}
.volunteer_content_2 .title {
font-size: 48px;
font-weight: 400;
}
@media (max-width: 767px) {
.volunteer_content_2 .title {
font-size: 28px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.volunteer_content_2 .title {
font-size: 38px;
}
}
.volunteer_content_2 p {
margin-top: 25px;
}
.volunteer_content_2 .main-btn-add {
padding: 0 16px;
height: 40px;
line-height: 40px;
margin-top: 30px;
}
.volunteer_slider .slick-dots {
text-align: center;
width: 100%;
margin-top: 20px;
}
.volunteer_slider .slick-dots li {
display: inline-block;
margin: 0 5px;
}
.volunteer_slider .slick-dots li button {
font-size: 0;
padding: 0;
width: 13px;
height: 13px;
border: 1px solid #f86048;
background: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.volunteer_slider .slick-dots li.slick-active button {
background-color: #f86048;
}
.single_volunteer_2 {
position: relative;
}
.single_volunteer_2 .volunteer_image {
overflow: hidden;
}
.single_volunteer_2 .volunteer_image img {
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_volunteer_2 .volunteer_social {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(43, 42, 53, 0.3);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_volunteer_2 .volunteer_social .social {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.single_volunteer_2 .volunteer_social .social li {
display: inline-block;
margin: 0 4px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.single_volunteer_2 .volunteer_social .social li a {
font-size: 20px;
color: #fff;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_volunteer_2 .volunteer_text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding-bottom: 40px;
}
.single_volunteer_2 .volunteer_text .volunteer_name {
font-size: 18px;
font-weight: 400;
color: #fff;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
opacity: 0;
}
.single_volunteer_2 .volunteer_text p {
color: #fff;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
opacity: 0;
margin-top: 4px;
}
.single_volunteer_2:hover .volunteer_image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.single_volunteer_2:hover .volunteer_social {
opacity: 1;
visibility: visible;
}
.single_volunteer_2:hover .volunteer_social .social li {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.single_volunteer_2:hover .volunteer_social .social li:nth-of-type(1) {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.single_volunteer_2:hover .volunteer_social .social li:nth-of-type(2) {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.single_volunteer_2:hover .volunteer_social .social li:nth-of-type(3) {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.single_volunteer_2:hover .volunteer_social .social li:nth-of-type(4) {
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.single_volunteer_2:hover .volunteer_social .social li:nth-of-type(5) {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.single_volunteer_2:hover .volunteer_social .social li:nth-of-type(6) {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.single_volunteer_2:hover .volunteer_text .volunteer_name {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
opacity: 1;
}
.single_volunteer_2:hover .volunteer_text p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
opacity: 1;
}
.single_volunteer_2 .volunteer_image img {
height: 380px;
width: auto;
object-fit: cover;
} .service_area {
position: relative;
z-index: 9;
}
.single_services {
background-color: #9238a4;
background-position: center;
background-size: cover;
position: relative;
transition: all 0.5s ease-out 0s;
padding: 80px 40px;
position: relative;
z-index: 5;
width: 100%;
height: 100%;
overflow: hidden;
}
.single_services:before {
background: #9238a4;
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
opacity: 0.9;
z-index: -1;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.helpggrove-nth-col:nth-child(2)>.single_services:before {
background-color: #f86048;
}
.helpggrove-nth-col:nth-child(3)>.single_services:before {
background-color: #00bdc0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_services {
padding: 50px 30px;
}
}
@media (max-width: 767px) {
.single_services {
padding: 40px 18px;
}
}
.single_services .services_content {
margin-top: 20px;
max-width: 290px;
margin-left: auto;
margin-right: auto;
}
.single_services .services_content .services_title a {
font-size: 26px;
color: #fff;
font-weight: 400;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_services .services_content p {
color: #fff;
margin-top: 15px;
}
.single_service_content_wrapper a.service_btn {
color: #fff;
border: 1px solid #fff;
padding: 8px 20px;
height: 35px;
line-height: 33px;
text-align: center;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
margin-top: 25px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_service_content_wrapper a.service_btn:hover {
color: #9238a4;
border: 1px solid #fff;
background: #fff;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.helpggrove-nth-col:nth-child(2) .single_service_content_wrapper a.service_btn:hover {
color: #f86048;
}
.helpggrove-nth-col:nth-child(3) .single_service_content_wrapper a.service_btn:hover {
color: #00bdc0;
} .services_area_2 {
position: relative;
}
.services_shape_1 {
height: 73px;
width: 100%;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: -30px;
left: 0;
z-index: 6;
}
.services_shape_2 {
height: 73px;
width: 100%;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom: -40px;
left: 0;
z-index: 9;
}
.services_area_2 .column_fix {
margin-bottom: 30px;
}
.single_services_2 .services_image {
overflow: hidden;
position: relative;
}
.single_services_2 .services_image img {
object-fit: cover;
}
.single_services_2 .services_image a {
display: block;
width: 100%;
}
.single_services_2 .services_image a img {
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_services_2 .services_content {
padding: 45px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_services_2 .services_content {
padding: 25px 30px;
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.single_services_2 .services_content {
padding: 25px 30px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_services_2 .services_content {
padding: 45px 30px;
}
}
.single_services_2 .services_content .services_title a {
color: #fff;
font-size: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_services_2 .services_content .services_title a {
font-size: 24px;
}
}
@media (max-width: 767px) {
.single_services_2 .services_content .services_title a {
font-size: 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_services_2 .services_content .services_title a {
font-size: 24px;
}
}
.single_services_2 .services_content p {
color: #fff;
margin-top: 15px;
}
.single_services_2.services_2_color_1 {
background-color: #9238a4;
}
.single_services_2.services_2_color_2 {
background-color: #f1ae44;
}
.single_services_2.services_2_color_3 {
background-color: #00bdc0;
}
.single_services_2:hover .services_image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
} .blog_area {
position: relative;
}
.single_blog_post .blog_post_image {
position: relative;
overflow: hidden;
}
.single_blog_post .blog_post_image img {
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_blog_post .blog_post_image .blog_date {
width: 70px;
height: 70px;
text-align: center;
position: absolute;
left: 30px;
bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_blog_post .blog_post_image .blog_date {
width: 60px;
height: 60px;
}
}
@media (max-width: 767px) {
.single_blog_post .blog_post_image .blog_date {
width: 50px;
height: 50px;
}
}
.single_blog_post .blog_post_image .blog_date .date {
font-size: 16px;
color: #fff;
font-family: "Chelsea Market", cursive;
}
@media (max-width: 767px) {
.single_blog_post .blog_post_image .blog_date .date {
font-size: 14px;
}
}
.single_blog_post .blog_post_image .blog_date .date span {
font-size: 30px;
display: block;
line-height: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_blog_post .blog_post_image .blog_date .date span {
font-size: 28px;
}
}
@media (max-width: 767px) {
.single_blog_post .blog_post_image .blog_date .date span {
font-size: 20px;
line-height: 28px;
}
}
.single_blog_post .blog_post_content {
margin-top: 20px;
}
.single_blog_post .blog_post_content .blog_title {
font-size: 30px;
font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_blog_post .blog_post_content .blog_title {
font-size: 24px;
}
}
@media (max-width: 767px) {
.single_blog_post .blog_post_content .blog_title {
font-size: 20px;
}
}
.single_blog_post .blog_post_content .blog_title a {
color: #2b2a35;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_blog_post .blog_post_content .blog_meta li {
display: inline-block;
margin-top: 10px;
}
.single_blog_post .blog_post_content .blog_meta li+li {
margin-left: 18px;
}
.single_blog_post .blog_post_content .blog_meta li a {
font-size: 16px;
color: #929292;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_blog_post .blog_post_content .blog_meta li a i {
margin-right: 5px;
}
.single_blog_post .blog_post_content .blog_meta li a:hover {
color: #f86048;
}
.single_blog_post .blog_post_content p {
margin-top: 20px;
font-size: 16px;
}
.single_blog_post .blog_post_content .more {
padding: 0 30px;
font-size: 16px;
color: #fff;
border-radius: 5px;
height: 45px;
line-height: 41px;
border: 1px solid;
font-weight: 700;
margin-top: 20px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_blog_post.blog_color-1 .blog_post_image .blog_date {
background-color: #953ea7;
}
.single_blog_post.blog_color-1 .blog_post_content .blog_title a:hover {
color: #953ea7;
}
.single_blog_post.blog_color-1 .blog_post_content .more {
background-color: #953ea7;
border-color: #953ea7;
}
.single_blog_post.blog_color-1 .blog_post_content .more:hover {
background-color: transparent;
color: #953ea7;
}
.single_blog_post.blog_color-2 .blog_post_image .blog_date {
background-color: #00bdc0;
}
.single_blog_post.blog_color-2 .blog_post_content .blog_title a:hover {
color: #00bdc0;
}
.single_blog_post.blog_color-2 .blog_post_content .more {
background-color: #00bdc0;
border-color: #00bdc0;
}
.single_blog_post.blog_color-2 .blog_post_content .more:hover {
background-color: transparent;
color: #00bdc0;
}
.single_blog_post.blog_color-3 .blog_post_image .blog_date {
background-color: #f1ae44;
}
.single_blog_post.blog_color-3 .blog_post_content .blog_title a:hover {
color: #f1ae44;
}
.single_blog_post.blog_color-3 .blog_post_content .more {
background-color: #f1ae44;
border-color: #f1ae44;
}
.single_blog_post.blog_color-3 .blog_post_content .more:hover {
background-color: transparent;
color: #f1ae44;
}
.single_blog_post:hover .blog_post_image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
} .blog_details {
padding-bottom: 45px;
}
.blog_details .blog_post_image {
position: relative;
overflow: hidden;
}
.blog_details .blog_post_image img {
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.blog_details .blog_post_image .blog_date {
width: 70px;
height: 70px;
text-align: center;
position: absolute;
left: 30px;
bottom: 30px;
background-color: #f86048;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_details .blog_post_image .blog_date {
width: 60px;
height: 60px;
}
}
@media (max-width: 767px) {
.blog_details .blog_post_image .blog_date {
width: 50px;
height: 50px;
}
}
.blog_details .blog_post_image .blog_date .date {
font-size: 16px;
color: #fff;
font-family: "Chelsea Market", cursive;
}
@media (max-width: 767px) {
.blog_details .blog_post_image .blog_date .date {
font-size: 14px;
}
}
.blog_details .blog_post_image .blog_date .date span {
font-size: 30px;
display: block;
line-height: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_details .blog_post_image .blog_date .date span {
font-size: 28px;
}
}
@media (max-width: 767px) {
.blog_details .blog_post_image .blog_date .date span {
font-size: 20px;
line-height: 28px;
}
}
.blog_details .blog_post_content {
margin-top: 20px;
}
.blog_details .blog_post_content .blog_title {
font-size: 30px;
font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_details .blog_post_content .blog_title {
font-size: 24px;
}
}
@media (max-width: 767px) {
.blog_details .blog_post_content .blog_title {
font-size: 20px;
}
}
.blog_details .blog_post_content .blog_meta li {
display: inline-block;
margin-top: 10px;
}
.blog_details .blog_post_content .blog_meta li+li {
margin-left: 18px;
}
.blog_details .blog_post_content .blog_meta li a {
font-size: 16px;
color: #929292;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.blog_details .blog_post_content .blog_meta li a i {
margin-right: 5px;
}
.blog_details .blog_post_content .blog_meta li a:hover {
color: #f86048;
}
.blog_details .blog_post_content p {
margin-top: 20px;
font-size: 16px;
}
.blog_details .blog_post_content .blockquote {
background-color: #fff;
-webkit-box-shadow: 0px 0px 95px 0px rgba(34, 34, 34, 0.15);
-moz-box-shadow: 0px 0px 95px 0px rgba(34, 34, 34, 0.15);
box-shadow: 0px 0px 95px 0px rgba(34, 34, 34, 0.15);
padding: 35px 40px;
border-radius: 30px;
overflow: hidden;
position: relative;
margin-top: 45px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.blog_details .blog_post_content .blockquote {
padding: 25px 30px;
}
}
.blog_details .blog_post_content .blockquote i {
font-size: 72px;
line-height: 75px;
position: absolute;
right: 40px;
top: -10px;
color: #f86048;
}
@media (max-width: 767px) {
.blog_details .blog_post_content .blockquote i {
font-size: 42px;
line-height: 45px;
}
}
.blog_details .blog_post_content .blockquote p {
font-size: 24px;
line-height: 36px;
margin-top: 0;
}
@media (max-width: 767px) {
.blog_details .blog_post_content .blockquote p {
font-size: 18px;
line-height: 28px;
}
}
.blog_details .blog_details_share {
margin-top: 35px;
}
.blog_details .blog_details_share span {
font-size: 18px;
font-weight: 700;
color: #2b2a35;
}
.blog_details .blog_details_share .social li {
display: inline-block;
margin-left: 10px;
}
.blog_details .blog_details_share .social li a {
font-size: 18px;
color: #9d9d9d;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.blog_details .blog_details_share .social li a:hover {
color: #f86048;
}
.blog_details_comment {
border-top: 1px solid #b6b6b6;
padding-top: 45px;
}
.blog_details_comment .blog_details_comment_title {
font-size: 24px;
font-weight: 400;
}
.blog_details_comment .blog_comment_items {
padding-top: 15px;
}
.blog_details_comment .blog_comment_items ul li .single_comment {
margin-top: 30px;
}
.blog_details_comment .blog_comment_items ul li .single_comment .comment_author img {
width: 80px;
border-radius: 50%;
}
.blog_details_comment .blog_comment_items ul li .single_comment .comment_content {
margin-left: 20px;
padding: 30px;
border: 1px solid rgba(43, 42, 53, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_details_comment .blog_comment_items ul li .single_comment .comment_content {
padding: 20px;
}
}
@media (max-width: 767px) {
.blog_details_comment .blog_comment_items ul li .single_comment .comment_content {
padding: 20px;
margin-left: 0;
margin-top: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog_details_comment .blog_comment_items ul li .single_comment .comment_content {
padding: 30px;
margin-left: 20px;
margin-top: 0;
}
}
.blog_details_comment .blog_comment_items ul li .single_comment .comment_content .author_name {
font-size: 18px;
font-weight: 400;
}
.blog_details_comment .blog_comment_items ul li .single_comment .comment_content p {
font-size: 16px;
margin-top: 15px;
}
.blog_details_comment .blog_comment_items ul li .single_comment .comment_content .commtent_meta li {
display: inline-block;
}
.blog_details_comment .blog_comment_items ul li .single_comment .comment_content .commtent_meta li+li {
margin-left: 20px;
margin-top: 10px;
}
.blog_details_comment .blog_comment_items ul li .single_comment .comment_content .commtent_meta li a {
font-size: 14px;
color: #616161;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.blog_details_comment .blog_comment_items ul li .single_comment .comment_content .commtent_meta li a i {
margin-right: 5px;
}
.blog_details_comment .blog_comment_items ul li .single_comment .comment_content .commtent_meta li a:hover {
color: #f86048;
}
.blog_details_comment .blog_comment_items .reply_comment {
padding-left: 90px;
}
@media (max-width: 767px) {
.blog_details_comment .blog_comment_items .reply_comment {
padding-left: 0;
}
} .blog_left {
position: relative;
}
.blog_left .blog_image {
position: relative;
}
.blog_left .blog_image img {
width: 100%;
}
.blog_left .blog_image::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 50%, black 100%);
background: -o-linear-gradient(rgba(255, 255, 255, 0) 50%, black 100%);
background: linear-gradient(rgba(255, 255, 255, 0) 50%, black 100%);
}
.blog_left .blog_content {
position: absolute;
left: 0;
width: 100%;
bottom: 0;
padding: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_left .blog_content {
padding: 35px;
}
}
@media (max-width: 767px) {
.blog_left .blog_content {
padding: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog_left .blog_content {
padding: 35px;
}
}
.blog_left .blog_content .title_bar .blog_date {
width: 70px;
height: 70px;
background-color: #f86048;
text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog_left .blog_content .title_bar .blog_date {
width: 70px;
height: 70px;
}
}
.blog_left .blog_content .title_bar .blog_date .date {
font-size: 14px;
color: #fff;
font-family: "Chelsea Market", cursive;
}
@media (max-width: 767px) {
.blog_left .blog_content .title_bar .blog_date .date {
font-size: 13px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog_left .blog_content .title_bar .blog_date .date {
font-size: 14px;
}
}
.blog_left .blog_content .title_bar .blog_date .date span {
font-size: 30px;
display: block;
line-height: 35px;
}
@media (max-width: 767px) {
.blog_left .blog_content .title_bar .blog_date .date span {
line-height: 26px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog_left .blog_content .title_bar .blog_date .date span {
font-size: 30px;
line-height: 26px;
}
}
.blog_left .blog_content .title_bar .blog_title_meta {
padding-left: 25px;
}
.blog_left .blog_content .title_bar .blog_title_meta .blog_title a {
font-size: 24px;
font-weight: 400;
color: #fff;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.blog_left .blog_content .title_bar .blog_title_meta .blog_title a:hover {
color: #f86048;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
@media (max-width: 767px) {
.blog_left .blog_content .title_bar .blog_title_meta .blog_title a {
font-size: 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog_left .blog_content .title_bar .blog_title_meta .blog_title a {
font-size: 22px;
}
}
.blog_left .blog_content .title_bar .blog_title_meta .blog_meta li {
display: inline-block;
margin-top: 10px;
}
@media (max-width: 767px) {
.blog_left .blog_content .title_bar .blog_title_meta .blog_meta li {
display: block;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog_left .blog_content .title_bar .blog_title_meta .blog_meta li {
display: inline-block;
}
}
.blog_left .blog_content .title_bar .blog_title_meta .blog_meta li+li {
margin-left: 18px;
}
@media (max-width: 767px) {
.blog_left .blog_content .title_bar .blog_title_meta .blog_meta li+li {
margin-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog_left .blog_content .title_bar .blog_title_meta .blog_meta li+li {
margin-left: 18px;
}
}
.blog_left .blog_content .title_bar .blog_title_meta .blog_meta li a {
font-size: 14px;
color: #fff;
}
.blog_left .blog_content .title_bar .blog_title_meta .blog_meta li a:hover {
color: #f86048;
transform: .3s;
}
.blog_left .blog_content .title_bar .blog_title_meta .blog_meta li a i {
margin-right: 5px;
}
.blog_left .blog_content .text_bar {
margin-top: 15px;
}
.blog_left .blog_content .text_bar p {
color: #fff;
font-size: 16px;
}
.single_blog .blog_image {
margin-right: 30px;
position: relative;
display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_blog .blog_image {
margin-right: 25px;
}
}
.single_blog .blog_image img {
width: 100%;
}
.single_blog .blog_image .blog_date {
width: 70px;
height: 70px;
text-align: center;
position: absolute;
top: 10px;
right: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_blog .blog_image .blog_date {
right: -25px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_blog .blog_image .blog_date {
width: 60px;
height: 60px;
}
}
.single_blog .blog_image .blog_date .date {
font-size: 14px;
color: #fff;
font-family: "Chelsea Market", cursive;
}
.single_blog .blog_image .blog_date .date span {
font-size: 30px;
display: block;
line-height: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_blog .blog_image .blog_date .date span {
font-size: 28px;
}
}
.single_blog .blog_content {
padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_blog .blog_content {
padding-left: 25px;
}
}
@media (max-width: 767px) {
.single_blog .blog_content {
padding-left: 0;
padding-top: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_blog .blog_content {
padding-left: 25px;
padding-top: 0;
}
}
.single_blog .blog_content .blog_title a {
font-size: 24px;
font-weight: 400;
color: #2b2a35;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_blog .blog_content .blog_title a {
font-size: 20px;
}
}
@media (max-width: 767px) {
.single_blog .blog_content .blog_title a {
font-size: 18px;
}
}
.single_blog .blog_content .blog_meta li {
display: inline-block;
margin-top: 10px;
}
.single_blog .blog_content .blog_meta li+li {
margin-left: 18px;
}
.single_blog .blog_content .blog_meta li a {
font-size: 14px;
color: #929292;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_blog .blog_content .blog_meta li a i {
margin-right: 5px;
}
.single_blog .blog_content .blog_meta li a:hover {
color: #f86048;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_blog .blog_content p {
margin-top: 10px;
}
.single_blog:hover .blog_image::before {
opacity: 1;
visibility: visible;
}
.single_blog.blog_color-1 .blog_image .blog_date {
background-color: #953ea7;
}
.single_blog.blog_color-1 .blog_content .blog_title a:hover {
color: #953ea7;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_blog.blog_color-2 .blog_image .blog_date {
background-color: #00bdc0;
}
.single_blog.blog_color-2 .blog_content .blog_title a:hover {
color: #00bdc0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_blog.blog_color-3 .blog_image .blog_date {
background-color: #f1ae44;
}
.single_blog.blog_color-3 .blog_content .blog_title a:hover {
color: #f1ae44;
} .causes_area {
position: relative;
}
.causes_shape_1 {
height: 73px;
width: 100%;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: -30px;
left: 0;
z-index: 5;
}
.causes_shape_2 {
height: 73px;
width: 100%;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom: -40px;
left: 0;
z-index: 5;
}
.single_causes .causes_image {
position: relative;
overflow: hidden;
}
.single_causes .causes_image img {
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_causes .causes_image .causes_icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9;
}
.single_causes .causes_image .causes_icon li {
display: inline-block;
margin: 0 3px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
opacity: 0;
visibility: hidden;
}
.single_causes .causes_image .causes_icon li a {
font-size: 18px;
color: #fff;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.single_causes .causes_image .causes_icon li:nth-of-type(1) {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.single_causes .causes_image .causes_icon li:nth-of-type(2) {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.single_causes .causes_image .causes_shape {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
opacity: 0;
visibility: hidden;
}
.single_causes .causes_image .causes_progress {
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
.single_causes .causes_image .causes_progress .bar_inner {
width: 100%;
height: 5px;
position: relative;
}
.single_causes .causes_image .causes_progress .bar_inner .progress_line {
position: absolute;
top: 0;
left: 0;
height: 5px;
-webkit-transition: all 2s ease-out 0s;
-moz-transition: all 2s ease-out 0s;
-ms-transition: all 2s ease-out 0s;
-o-transition: all 2s ease-out 0s;
transition: all 2s ease-out 0s;
width: 0;
}
.single_causes .causes_image .causes_progress .bar_inner .progress_line .percentage {
position: absolute;
top: -35px;
right: -30px;
background-color: #e7a642;
font-size: 12px;
padding: 2px 4px;
color: #fff;
}
.single_causes .causes_image .causes_progress .bar_inner .progress_line .percentage::before {
position: absolute;
content: '';
width: 0;
height: 0;
border-top: 7px solid #e7a642;
border-right: 7px solid transparent;
left: 0;
bottom: -7px;
}
.single_causes .causes_content {
background-color: #fff;
padding: 30px;
padding-top: 0;
}
.single_causes .causes_content .causes_meta {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(43, 42, 53, 0.1);
}
.single_causes .causes_content .causes_meta li {
display: inline-block;
}
.single_causes .causes_content .causes_meta li+li {
margin-left: 10px;
}
.single_causes .causes_content .causes_meta li a {
font-size: 14px;
color: #2b2a35;
}
.single_causes .causes_content .causes_meta li a span {
font-weight: 700;
}
.single_causes .causes_content .causes_meta li:nth-of-type(1) a i {
color: #f86048;
}
.single_causes .causes_content .causes_meta li:nth-of-type(2) a i {
color: #9238a4;
}
.single_causes .causes_content .causes_title a {
font-size: 24px;
font-weight: 400;
color: #2b2a35;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
margin-top: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_causes .causes_content .causes_title a {
font-size: 20px;
}
}
@media (max-width: 767px) {
.single_causes .causes_content .causes_title a {
font-size: 20px;
}
}
.single_causes .causes_content .causes_title a:hover {
color: #f86048;
}
.single_causes .causes_content p {
margin-top: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_causes .causes_content p {
font-size: 14px;
}
}
.single_causes .causes_content .more {
padding: 0 20px;
font-size: 14px;
color: #fff;
border-radius: 5px;
height: 40px;
line-height: 38px;
font-weight: 700;
margin-top: 20px;
}
.single_causes:hover .causes_image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.single_causes:hover .causes_image .causes_icon li {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.single_causes:hover .causes_image .causes_icon li:nth-of-type(1) {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.single_causes:hover .causes_image .causes_icon li:nth-of-type(2) {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.single_causes:hover .causes_image .causes_shape {
opacity: 1;
visibility: visible;
}
.single_causes.causes_color_1 .causes_image .causes_progress .bar_inner .progress_line {
background-color: #f86048;
}
.single_causes.causes_color_1 .causes_image .causes_progress .bar_inner .progress_line .percentage {
background-color: #f86048;
}
.single_causes.causes_color_1 .causes_image .causes_progress .bar_inner .progress_line .percentage::before {
border-top-color: #f86048;
}
.single_causes.causes_color_1 .causes_content .causes_title a:hover {
color: #f86048;
}
.single_causes.causes_color_1 .causes_content .more {
background-color: #f86048;
}
.single_causes.causes_color_2 .causes_image .causes_progress .bar_inner .progress_line {
background-color: #953ea7;
}
.single_causes.causes_color_2 .causes_image .causes_progress .bar_inner .progress_line .percentage {
background-color: #953ea7;
}
.single_causes.causes_color_2 .causes_image .causes_progress .bar_inner .progress_line .percentage::before {
border-top-color: #953ea7;
}
.single_causes.causes_color_2 .causes_content .causes_title a:hover {
color: #953ea7;
}
.single_causes.causes_color_2 .causes_content .more {
background-color: #953ea7;
}
.single_causes.causes_color_3 .causes_image .causes_progress .bar_inner .progress_line {
background-color: #f1ae44;
}
.single_causes.causes_color_3 .causes_image .causes_progress .bar_inner .progress_line .percentage {
background-color: #f1ae44;
}
.single_causes.causes_color_3 .causes_image .causes_progress .bar_inner .progress_line .percentage::before {
border-top-color: #f1ae44;
}
.single_causes.causes_color_3 .causes_content .causes_title a:hover {
color: #f1ae44;
}
.single_causes.causes_color_3 .causes_content .more {
background-color: #f1ae44;
}
.single_causes.causes_color_4 .causes_image .causes_progress .bar_inner .progress_line {
background-color: #00bdc0;
}
.single_causes.causes_color_4 .causes_image .causes_progress .bar_inner .progress_line .percentage {
background-color: #00bdc0;
}
.single_causes.causes_color_4 .causes_image .causes_progress .bar_inner .progress_line .percentage::before {
border-top-color: #00bdc0;
}
.single_causes.causes_color_4 .causes_content .causes_title a:hover {
color: #00bdc0;
}
.single_causes.causes_color_4 .causes_content .more {
background-color: #00bdc0;
}
.single_causes.causes_color_5 .causes_image .causes_progress .bar_inner .progress_line {
background-color: #f86048;
}
.single_causes.causes_color_5 .causes_image .causes_progress .bar_inner .progress_line .percentage {
background-color: #f86048;
}
.single_causes.causes_color_5 .causes_image .causes_progress .bar_inner .progress_line .percentage::before {
border-top-color: #f86048;
}
.single_causes.causes_color_5 .causes_content .causes_title a:hover {
color: #f86048;
}
.single_causes.causes_color_5 .causes_content .more {
background-color: #f86048;
}
.single_causes.causes_color_6 .causes_image .causes_progress .bar_inner .progress_line {
background-color: #953ea7;
}
.single_causes.causes_color_6 .causes_image .causes_progress .bar_inner .progress_line .percentage {
background-color: #953ea7;
}
.single_causes.causes_color_6 .causes_image .causes_progress .bar_inner .progress_line .percentage::before {
border-top-color: #953ea7;
}
.single_causes.causes_color_6 .causes_content .causes_title a:hover {
color: #953ea7;
}
.single_causes.causes_color_6 .causes_content .more {
background-color: #953ea7;
}
.single_causes.causes_bg .causes_content {
background-color: #f3f0ea;
}
.causes_active .slick-dots {
text-align: center;
width: 100%;
margin-top: 20px;
}
.causes_active .slick-dots li {
display: inline-block;
margin: 0 5px;
}
.causes_active .slick-dots li button {
font-size: 0;
padding: 0;
width: 13px;
height: 13px;
border: 1px solid #f86048;
background: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.causes_active .slick-dots li.slick-active button {
background-color: #f86048;
} .testimonial_area {
position: relative;
}
.testimonial_content_area {
position: absolute;
top: 50%;
width: 100%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.single_testimonial_image img {
width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_testimonial_image img {
height: 618px;
object-fit: cover;
object-position: center;
}
}
@media (max-width: 767px) {
.single_testimonial_image img {
height: 618px;
object-fit: cover;
object-position: center;
}
}
.testimonial_content_wrapper_2 .slick-dots, .testimonial_content_wrapper .slick-dots {
text-align: center;
width: 100%;
margin-top: 20px;
}
.testimonial_content_wrapper_2 .slick-dots li, .testimonial_content_wrapper .slick-dots li {
display: inline-block;
margin: 0 5px;
}
.testimonial_content_wrapper_2 .slick-dots li button, .testimonial_content_wrapper .slick-dots li button {
font-size: 0;
padding: 0;
width: 13px;
height: 13px;
border: 1px solid #fff;
background: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.testimonial_content_wrapper_2 .slick-dots li.slick-active button, .testimonial_content_wrapper .slick-dots li.slick-active button {
background-color: #fff;
}
.single_testimonial_content {
background-color: #f86048;
padding: 75px 55px 55px;
border-radius: 50px;
position: relative;
margin-top: 30px;
position: relative;
z-index: 5;
}
.single_testimonial_content::before {
position: absolute;
content: '';
width: 50%;
height: 100%;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: -1;
background-size: cover;
background-position: center center;
}
@media (max-width: 767px) {
.single_testimonial_content::before {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_testimonial_content::before {
width: 50%;
}
}
@media (max-width: 767px) {
.single_testimonial_content {
padding: 45px 25px 35px;
}
}
.single_testimonial_content i {
font-size: 60px;
color: #fff;
position: absolute;
top: -22px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767px) {
.single_testimonial_content i {
font-size: 40px;
top: -18px;
}
}
.single_testimonial_content .testimonial_title {
color: #fff;
font-size: 30px;
font-weight: 400;
}
@media (max-width: 767px) {
.single_testimonial_content .testimonial_title {
font-size: 24px;
}
}
.single_testimonial_content p {
font-size: 18px;
font-style: italic;
color: #fff;
line-height: 30px;
margin-top: 15px;
}
@media (max-width: 767px) {
.single_testimonial_content p {
font-size: 16px;
}
}
.single_testimonial_content .author_name {
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: "Open Sans", sans-serif;
margin-top: 15px;
} .video_area {
position: relative;
z-index: 5;
padding-top: 250px;
margin-top: -165px;
}
.video_area::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(34, 34, 34, 0.5);
z-index: -1;
}
.video_content .video_title {
font-size: 60px;
font-weight: 400;
color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.video_content .video_title {
font-size: 52px;
}
}
@media (max-width: 767px) {
.video_content .video_title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.video_content .video_title {
font-size: 40px;
}
}
.video_watch .video_play {
font-size: 16px;
color: #fff;
}
.video_watch .video_play span {
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
background-color: #f86048;
border-radius: 50%;
margin-right: 10px;
position: relative;
z-index: 5;
display: block;
}
.video_watch .video_play span::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: #f86048;
border-radius: 50%;
-webkit-animation: video-ripple 1500ms ease-out infinite;
-moz-animation: video-ripple 1500ms ease-out infinite;
-o-animation: video-ripple 1500ms ease-out infinite;
animation: video-ripple 1500ms ease-out infinite;
left: 0;
top: 0;
z-index: -1;
}
@keyframes video-ripple {
0%, 35% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 1;
}
50% {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
opacity: 0.8;
}
100% {
opacity: 0;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
}
@-webkit-keyframes video-ripple {
0%, 35% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 1;
}
50% {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
opacity: 0.8;
}
100% {
opacity: 0;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
} .single_volunteer .volunteer_image img {
object-fit: cover;
}
.single_volunteer .volunteer_image img {
height: 330px;
}
.volunteer_area .theme_col:nth-child(4n + 1) .single_volunteer .volunteer_content {
background-color: #f1ae44;
}
.volunteer_area .theme_col:nth-child(4n + 2) .single_volunteer .volunteer_content {
background-color: #953ea7;
}
.volunteer_area .theme_col:nth-child(4n + 3) .single_volunteer .volunteer_content {
background-color: #f86048;
}
.volunteer_area .theme_col:nth-child(4n + 4) .single_volunteer .volunteer_content {
background-color: #00bdc0;
} .doner_area .theme_col:nth-child(4n + 1) .single_doner .doner_image {
background-color: #f1ae44;
}
.doner_area .theme_col:nth-child(4n + 2) .single_doner .doner_image {
background-color: #9238a4;
}
.doner_area .theme_col:nth-child(4n + 3) .single_doner .doner_image {
background-color: #00bdc0;
}
.doner_area .theme_col:nth-child(4n + 4) .single_doner .doner_image {
background-color: #f86048;
}
.doner_area .theme_col .doner_image img {
object-fit: cover;
height: 100%;
} .blog_area .blog_left .blog_content .blog_meta {
margin: 0;
padding: 0;
text-transform: capitalize;
}
.blog_area .blog_left .blog_content .blog_meta ul li {
color: #fff;
}
.blog_area .blog_left .blog_content .blog_meta ul li a {
color: #fff;
}
.blog_area .blog_left .blog_content .blog_meta i {
color: #fff;
font-size: 14px;
margin-right: 5px;
}
.single_blog .blog_meta {
margin: 0;
padding: 0;
text-transform: capitalize;
}
.single_blog .blog_meta li i {
font-size: 14px;
margin-right: 5px;
}
.blog_area .blog_right .pt-25 {
padding-top: 25px;
}
.blog_area .single_blog {
margin-top: 25px;
}
.blog_area .blog_right .single_blog:first-child {
margin-top: 0px;
}
.blog_area .blog_left .blog_content .blog_title {
margin: 0px;
}
.blog_area .blog_right .single_blog .blog_content .blog_title {
margin: 0px;
}
.blog_area .blog_right .mt-50 {
margin-top: 50px;
}
.blog_right .single_blog:nth-child(3n + 1) .blog_image .blog_date {
background-color: #953ea7;
}
.single_blog:nth-child(3n + 1) .blog_content .blog_title a:hover {
color: #953ea7;
}
.blog_right .single_blog:nth-child(3n + 2) .blog_image .blog_date {
background-color: #00bdc0;
}
.single_blog:nth-child(3n + 2) .blog_content .blog_title a:hover {
color: #00bdc0;
}
.blog_right .single_blog:nth-child(3n + 3) .blog_image .blog_date {
background-color: #f1ae44;
}
.single_blog:nth-child(3n + 3) .blog_content .blog_title a:hover {
color: #f1ae44;
}
.blog_left .blog_image img {
height: 570px;
object-fit: cover;
}
.single_blog .blog_image img {
height: 152px;
width: 155px;
object-fit: cover;
}
@media (max-width:991px) {
.blog_right {
margin-top: 30px;
}
}  .service_area .single-files {
overflow: hidden;
position: relative;
transition: all 0.5s ease-out 0s;
}
.single-files:hover .single_services {
background-position: center;
background-size: cover;
position: relative;
transition: all 0.5s ease-out 0s;
}
.feature-image-bg {
position: absolute;
content: "";
height: 100%;
width: 100%;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
display: block;
overflow: hidden;
transition: all 0.5s ease-out 0s;
}
.feature-image-bg:hover {
transform: scale(1.1);
}
.per-column:nth-child(1) .single-files .single_services:before {
background-color: #9238a4;
}
.per-column:nth-child(2) .single-files .single_services:before {
background-color: #f86048;
}
.per-column:nth-child(3) .single-files .single_services:before {
background-color: #00bdc0;
}  .single_event_2 .event_content .more {
padding: 9px 15px;
}
.select_main:nth-child(2) {
transform: rotate(180deg);
}
.select_main:nth-child(2) .single_event .event_content {
transform: rotate(-180deg);
}
.select_main:nth-child(2) .single_event .event_image {
transform: rotate(-180deg);
}
.event_content {
height: 246px;
}
.select_main:nth-child(1) .single_event, .select_main:nth-child(1) .event_image .event_date {
background-color: #953ea7;
}
.select_main:nth-child(2) .single_event, .select_main:nth-child(2) .event_image .event_date {
background-color: #f1ae44;
}
.select_main:nth-child(3) .single_event, .select_main:nth-child(3) .event_image .event_date {
background-color: #00bdc0;
}
.single_event_2 .desc-event2 p {
padding-left: 0px;
} .nav .nav-item .campaing_items .items_content p {
color: #616161;
}
.campaing_content img {
height: 450px;
object-fit: cover;
}
.nav .nav-item:nth-child(3n + 1) .campaing_items.items_color_3 .items_icon {
background-color: rgba(146, 56, 164, 0.1);
}
.nav .nav-item:nth-child(3n + 2) .campaing_items.items_color_3 .items_icon {
background-color: rgba(248, 96, 72, 0.1);
}
.nav .nav-item:nth-child(3n + 3) .campaing_items.items_color_3 .items_icon {
background-color: rgba(0, 189, 192, 0.1);
}
.campaing_area .campaing_items .items_content p {
margin: 0px;
} .testimonial_area_3 {
padding-top: 125px;
padding-bottom: 130px;
}
.testimonial_area .testimonial_content_area .slick-track:after {
padding-top: 22px;
}
.testimonial_area_active_3 .slick-track:after {
padding-top: 22px;
} .slider_content {
padding-bottom: 350px;
padding-top: 200px;
max-width: 75vw;
}
.slider_area_2 {
height: 100vh;
}
.helpgrove-slider .slide.slider-title {
font-size: 72px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
margin-top: 10px;
}
.helpgrove-slider .slide .headline {
color: #e7a642;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
}
.helpgrove-slider .content-box .slider-title {
text-transform: uppercase;
font-family: "Chelsea Market", cursive;
}
.helpgrove-slider:hover .owl-nav .owl-prev, .helpgrove-slider:hover .owl-nav .owl-next {
background-color: transparent;
border-radius: 100%;
padding: 0px;
}
.helpgrove-slider:hover .owl-nav .owl-prev:hover, .helpgrove-slider:hover .owl-nav .owl-next:hover {
background-color: transparent;
border-radius: 100%;
padding: 0px;
border-color: #f86048;
}
.helpgrove-slider .slide .helpgrove-slider-content {
color: #fff;
font-size: 24px;
line-height: 38px;
margin-top: 10px;
}
.owl-theme .owl-nav [class*="owl-"] {
border-radius: 100%;
}
.helpgrove-slider .owl-nav span {
font-size: 26px;
display: block;
margin-top: 0px;
color: #fff;
transition: all 0.3s ease-out 0s;
}
.helpgrove-slider .helpgrove-slider-carousel .owl-nav .owl-prev, .helpgrove-slider .helpgrove-slider-carousel .owl-nav .owl-next {
width: 50px;
height: 50px;
line-height: 46px;
text-align: center;
border: 2px solid rgba(255, 255, 255, 0.58);
font-size: 26px;
color: rgba(255, 255, 255, 0.58);
border-radius: 50%;
cursor: pointer;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.helpgrove-slider .owl-nav .owl-prev:hover span {
color: #f86048;
transition: all 0.3s ease-out 0s;
}
.helpgrove-slider .owl-nav .owl-next:hover span {
color: #f86048;
transition: all 0.3s ease-out 0s;
} .helpgrove-slider .owl-dots .owl-dot {
height: 15px;
width: 15px;
background: transparent;
border-radius: 100%;
display: inline-block;
margin-right: 10px;
border: 1px solid #fff;
}
.helpgrove-slider .owl-dots .owl-dot.active {
background: #fff;
}
.helpgrove-slider .owl-dots {
position: absolute;
text-align: center;
left: 0;
right: 0;
bottom: 52px;
}
.single_event .event_content .more {
color: #fff;
border: 1px solid #fff;
padding: 7px 15px;
height: 35px;
line-height: 33px;
text-align: center;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
margin-top: 25px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
} .sidebar_call_action.bg_cover {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
}
.single_slider_items .slider_items_icon img:nth-child(2) {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slider_area_2 .slider_hero img {
width: auto;
} #icon_svg_sl3 {
position: absolute;
content: "";
height: 100%;
width: 100%;
opacity: 0.7;
}
.slider_area_5 {
height: 800px;
display: block;
overflow: hidden;
}
.slider_area_5::before {
opacity: 0;
}
@media only screen and (max-width: 700px) {
#icon_svg_sl3 {
display: none;
}
.slider_area_5::before {
opacity: 0.7;
}
}
.slider_area_2, .slider_area_4 {
min-height: 800px;
}
.single_testimonial_content {
padding: 60px 55px 35px;
} .event_area_2 .slick-track:before, .event_area_2 .slick-track:after {
padding-top: 20px;
}
.event_area_2 i.button_prev {
position: absolute;
right: 0px;
background: #953ea7;
z-index: 9999999999999;
color: #fff;
top: 44%;
}
.event_area_2 i.button_next {
position: absolute;
left: 0px;
background: #953ea7;
color: #fff;
top: 44%;
}
.button_next:before, .button_prev:before {
display: none;
}
.event_area_2:hover .button_next:before, .event_area_2:hover .button_prev:before {
display: block;
padding: 15px;
} .event_area_2 .slick-slide:nth-child(3n + 1) .event_image .event_date, .event_area_2 .slick-slide:nth-child(3n + 1) .event_color-1::before {
background-color: #953ea7;
}
.event_area_2 .slick-slide:nth-child(3n + 1) .event_content .more {
background-color: #953ea7;
border-color: #953ea7;
}
.event_area_2 .slick-slide:nth-child(3n + 1) .event_content .event_title a:hover {
color: #953ea7;
}
.event_area_2 .slick-slide:nth-child(3n + 1) .event_content .more:hover {
background-color: #fff;
color: #953ea7;
} .event_area_2 .slick-slide:nth-child(3n + 2) .event_image .event_date, .event_area_2 .slick-slide:nth-child(3n + 2) .event_color-1::before {
background-color: #f1ae44;
}
.event_area_2 .slick-slide:nth-child(3n + 2) .event_content .more {
background-color: #f1ae44;
border-color: #f1ae44;
}
.event_area_2 .slick-slide:nth-child(3n + 2) .event_content .event_title a:hover {
color: #f1ae44;
}
.event_area_2 .slick-slide:nth-child(3n + 2) .event_content .more:hover {
background-color: #fff;
color: #f1ae44;
} .event_area_2 .slick-slide:nth-child(3n + 3) .event_image .event_date, .event_area_2 .slick-slide:nth-child(3n + 3) .event_color-1::before {
background-color: #00bdc0;
}
.event_area_2 .slick-slide:nth-child(3n + 3) .event_content .more {
background-color: #00bdc0;
border-color: #00bdc0;
}
.event_area_2 .slick-slide:nth-child(3n + 3) .event_content .event_title a:hover {
color: #00bdc0;
}
.event_area_2 .slick-slide:nth-child(3n + 3) .event_content .more:hover {
background-color: #fff;
color: #00bdc0;
} .testimonial_area_active_3 .testi_prev {
position: absolute;
right: 0;
bottom: 0px;
border: 2px solid #fff;
border-radius: 50%;
padding: 10px 15px;
color: #fff;
z-index: 9999999;
}
.testimonial_area_active_3 .testi_next {
position: absolute;
left: 0;
bottom: 0px;
border: 2px solid #fff;
border-radius: 50%;
padding: 10px 15px;
color: #fff;
z-index: 9999999;
} .helpgrove-wpforms-wrapper .wpforms-container .wpforms-head-container {
background-color: #9238a4;
}
.helpgrove-wpforms-wrapper .wpforms-container .wpforms-head-container {
padding-top: 80px;
padding-bottom: 0px;
}
.helpgrove-wpforms-wrapper .wpforms-container .wpforms-field-container {
background-color: #9238a4;
}
.helpgrove-wpforms-wrapper {
background-color: #9238a4;
}
.helpgrove-wpforms-wrapper .wpforms-container .wpforms-field-container {
padding: 30px 85px 20px 90px;
}
.wpforms-field-container .wpforms-field input[type="text"] {
width: 100%;
height: 10px;
padding: 0 20px;
border-radius: 5px;
background-color: #fff;
border: 0;
font-size: 14px;
}
.helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form .wpforms-field {
padding: 8px 0px;
}
.helpgrove-wpforms-wrapper .wpforms-container .wpforms-head-container .wpforms-title {
padding: 0px 0px 30px 90px;
float: left;
font-size: 36px;
font-weight: 700;
color: #fff;
}
.helpgrove-wpforms-wrapper div.wpforms-container.wpforms-container-full .wpforms-form .wpforms-submit-container {
padding: 0 0 60px 0;
text-align: center;
margin: 0 auto;
}
.helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="date"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="datetime"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="datetime-local"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="email"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="month"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="number"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="password"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="range"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="search"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="tel"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="text"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="time"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="url"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form input[type="week"], .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form select, .helpgrove-wpforms-wrapper div.wpforms-container-full .wpforms-form textarea {
width: 100%;
height: 40px;
padding: 10px 20px;
border-radius: 5px;
background-color: #fff;
border: 0;
font-size: 14px;
color: #2b2a35;
transition: all 0.3s ease-out 0s;
font-weight: 300;
font-size: 13px;
}
.helpgrove-wpforms-wrapper .wpforms-form .wpforms-submit-container input[type="submit"], .helpgrove-wpforms-wrapper .wpforms-form .wpforms-submit-container button[type="submit"] {
background-color: #e7a642;
color: #fff;
font-weight: 700;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
border: 0;
padding: 0 30px;
font-size: 16px;
line-height: 48px;
border-radius: 5px;
transition: 0.4s ease-in-out;
width: 100%;
}
.helpgrove-wpforms-wrapper .wpforms-form .wpforms-submit-container input[type="submit"]:hover, .helpgrove-wpforms-wrapper .wpforms-form .wpforms-submit-container button[type="submit"]:hover {
background-color: #f86048;
color: #fff;
border: 0;
transition: 0.4s ease-in-out;
}
div.wpforms-container-full .wpforms-form textarea {
height: 70px;
padding-top: 10px;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
color: #fff !important;
}
div.wpforms-container-full .wpforms-form input[type="submit"]:hover, div.wpforms-container-full .wpforms-form input[type="submit"]:focus, div.wpforms-container-full .wpforms-form input[type="submit"]:active, div.wpforms-container-full .wpforms-form button[type="submit"]:hover, div.wpforms-container-full .wpforms-form button[type="submit"]:focus, div.wpforms-container-full .wpforms-form button[type="submit"]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
background-color: #f86048 !important;
border: 0px;
}
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
background-color: #f2b24d;
border: 1px solid #ddd;
color: #fff;
font-size: 1em;
padding: 15px 25px;
border-radius: 5px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
background-color: transparent;
} .about_area {
position: relative;
z-index: 5;
}
.about_shape_1 {
height: 73px;
width: 100%;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: -30px;
left: 0;
}
.about_shape_2 {
height: 73px;
width: 100%;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom: -40px;
left: 0;
}
.about_left {
padding-right: 90px;
position: relative;
}
@media (max-width: 767px) {
.about_left {
padding-right: 0;
}
}
.about_left .about_image {
position: relative;
margin-left: 0;
}
.about_left .about_image img {
width: 100%;
}
.about_left .about_image .help_title {
position: absolute;
top: 50%;
right: -90px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #f86048;
max-width: 350px;
border-radius: 50px;
padding: 45px;
}
@media (min-width: 767px) and (max-width: 992px) {}
@media (max-width: 767px) {
.about_left .about_image .help_title {
right: 0;
padding: 20px;
position: relative;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
border-radius: 10px;
margin-top: 30px;
}
}
.about_left .about_image .help_title .title {
color: #fff;
font-size: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about_left .about_image .help_title .title {
font-size: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_left .about_image .help_title .title {
font-size: 30px;
}
}
@media (max-width: 767px) {
.about_left .about_image .help_title .title {
font-size: 18px;
font-weight: 900;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_left {
padding-right: 0;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.about_image {
max-width: 540px;
margin-left: auto;
margin-right: auto;
}
}
.about_left .about_content {
margin-top: 30px;
}
.about_left .about_content .about_title {
font-size: 24px;
font-weight: 400;
}
@media (max-width: 767px) {
.about_left .about_content .about_title {
font-size: 20px;
}
}
.about_left .about_content p {
margin-top: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_right {
margin-left: -15px;
margin-right: -15px;
}
}
.single_about_items {
width: 100%;
padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_about_items {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 767px) {
.single_about_items {
padding-left: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_about_items {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
}
.single_about_items .about_icon {
position: relative;
width: 130px;
height: 130px;
border-radius: 50%;
border-top-right-radius: 42%;
overflow: hidden;
margin: 0 auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_about_items .about_icon {
width: 110px;
height: 110px;
}
}
.single_about_items .about_icon .icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_about_items .about_icon .icon {
width: 56px;
}
}
.single_about_items .about_content {
margin-top: 32px;
}
.single_about_items .about_content .items_title {
font-size: 24px;
font-weight: 400;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single_about_items .about_content .items_title {
font-size: 20px;
}
}
.single_about_items .about_content p {
margin-top: 15px;
}
.single_about_items.color-1 .about_icon {
background-color: #9238a4;
}
.single_about_items.color-2 .about_icon {
background-color: #00bdc0;
} .about_area .about-counter {
padding-left: 95px;
}
@media (min-width: 576px) and (max-width: 991.98px) {
.about_area .about-counter {
padding-left: 0;
}
}
.about_area .about-counter .slider_items_content {
margin-bottom: 30px;
}
.about_area .about-counter .slider_items_content span, .about_area .about-counter .slider_items_content p {
color: #000;
}
.about_area .about_image img {
object-fit: cover;
}
@media only screen and (max-width: 576px) {
.about_area .about-counter {
padding-left: 0px;
}
}
.about_area .about_right .single_about_items:nth-child(1) .about_icon {
background-color: #9238a4;
}
.about_area .about_right .single_about_items:nth-child(2) .about_icon {
background-color: #00bdc0;
} .about_image {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_image {
max-width: 540px;
margin-left: auto;
margin-right: auto;
}
}
.about_image .image_1 {
width: 100%;
position: absolute;
top: 0;
left: 0;
padding-right: 170px;
padding-bottom: 110px;
}
@media (max-width: 767px) {
.about_image .image_1 {
padding-right: 70px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.about_image .image_1 {
padding-right: 150px;
padding-bottom: 90px;
}
}
.about_image .image_1 img {
width: 100%;
}
.about_image .image_2 {
padding-left: 170px;
padding-top: 110px;
width: 100%;
}
@media (max-width: 767px) {
.about_image .image_2 {
padding-left: 70px;
padding-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.about_image .image_2 {
padding-left: 150px;
padding-top: 90px;
}
}
.about_image .image_2 img {
width: 100%;
}
.about_content_3 {
padding-left: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about_content_3 {
padding-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_content_3 {
padding-left: 0;
}
}
@media (max-width: 767px) {
.about_content_3 {
padding-left: 0;
}
}
.about_content_3 .about_title {
font-size: 48px;
font-weight: 400;
}
@media (max-width: 767px) {
.about_content_3 .about_title {
font-size: 28px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.about_content_3 .about_title {
font-size: 38px;
}
}
.about_content_3 p {
font-size: 16px;
margin-top: 25px;
}
.about_area .about_left .about_image img {
height: 430px;
object-fit: cover;
}
.about_area .about_right .csiq img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .video_watch .video_play {
display: inline-block;
}
.video-content .video_watch p {
display: inline-block;
margin: 0px 0px 0px 20px;
color: #000;
}
.video-content .video_watch {
display: flex;
align-items: center;
justify-content: center;
} .helpgrove-shape-bg {
position: relative;
}
.helpgrove-shape-bg .helpgrove-shape-image {
height: 75px;
width: 100%;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: -30px;
left: 0;
z-index: 6;
} .helpgrove-section-title .section_title .title-image {
padding-bottom: 30px;
} .footer_subscribe p {
margin-top: 25px;
color: #9f9f9f;
}
.footer_subscribe .subscribe_form {
position: relative;
margin-top: 25px;
}
.footer_subscribe .subscribe_form input {
width: 100%;
border: 0;
border-radius: 5px;
height: 50px;
padding: 0 20px;
font-size: 15px;
color: #616161;
}
.footer_subscribe .subscribe_form button {
width: 40px;
height: 40px;
font-size: 20px;
background-color: #f86048;
color: #fff;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
border: 0;
position: absolute;
top: 5px;
right: 5px;
border-radius: 5px;
}
.footer_subscribe .subscribe_form button {
padding: 0px;
} @media (max-width: 767px) {
form.mc4wp-form.mc4wp-form-404 {
width: 300px;
}
} .layout_2_volunteer {
margin-left: -15px;
margin-right: -15px;
}
.layout_2_volunteer .slick-initialized .slick-slide {
display: block;
padding: 15px;
} .helpgrove-lp-causess-addons .helpgrove-carosul-prev, .helpgrove-lp-causess-addons .helpgrove-carosul-next {
top: 18%;
}
.helpgrove-lp-causess-addons .helpgrove-carosul-next {
position: absolute;
right: 0px;
}
.helpgrove-lp-causess-addons .helpgrove-carosul-prev {
left: 0px;
position: absolute;
z-index: 2;
}
#helpgrove-lp-causess-addons button.slick-arrow {
padding: 15px 15px;
}
.helpgrove-lp-causess-addons .slick-dots li button {
background: transparent;
border: 1px solid #f86048;
border-radius: 50%;
}
.helpgrove-lp-causess-addons .slick-dots li button:before {
display: none;
}
.helpgrove-lp-causess-addons .slick-dots li.slick-active {
background: #f86048;
border-radius: 50%;
}
.helpgrove-lp-causess-addons .slick-dots li.slick-active button:before {
opacity: 1;
}
.helpgrove-lp-causess-addons .slick-dots li {
width: 15px;
height: 15px;
}
.helpgrove-lp-causess-addons .slick-dots li button {
width: 15px;
height: 15px;
} .helpgrove-lp-causess-addons .helpgrove-carousel-activation {
overflow: hidden;
}
.helpgrove-lp-causess-addons .slick-slide {
margin: 0 15px !important;
}
.helpgrove-lp-causess-addons .slick-dots {
bottom: 0px;
} .helpgrove-lp-causess-addons .slick-list {
margin: 0 -15px !important;
}
.helpgrove-lp-causess-addons.slick-arrow {
display: none !important;
}
.helpgrove-lp-causess-addons:hover .slick-arrow {
display: block !important;
}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}