.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:#7F54B3;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#7F54B3;--wc-primary-text:white;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#b3af54;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676}.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{position:absolute;right:.7em;top:.7em;cursor:pointer}.woocommerce form .show-password-input::after,.woocommerce-page form .show-password-input::after{font-family:WooCommerce;speak:never;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-left:.618em;content:"\e010";text-decoration:none}.woocommerce form .show-password-input.display-password::after,.woocommerce-page form .show-password-input.display-password::after{color:#585858}.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}