body {
color: #0e0e0e;
}
* {
outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
}
a:focus {
outline: thin dotted !important;
}
a,
a:hover,
a:focus,
a:active {
text-decoration: none !important;
outline: none;
}
ul {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
}
img {
max-width: 100%;
height: auto;
} #page{
background-color : #fff;
}
.section-title {
margin-bottom: 60px;
}
.section-title p {
margin-bottom: 0;
}
.section-title h2 {
margin-bottom: 26px;
}
.section-title img {
margin-bottom: 20px;
}
.section-padding {
padding: 80px 0;
}
.boxed-btn {
padding: 12px 30px 8px;
border-radius: 5px;
color: #fff;
display: inline-block;
border: 1px solid;
-webkit-transition: .3s all;
transition: .3s all;
}
.boxed-btn:hover {
background: #0e0e0e;
color: #fff;
border-color: #0e0e0e;
} .cart-list .cart-buttons a,
.hover-effect {
position: relative;
display: inline-block;
padding: 10px 25px !important;
color: #fff;
border-radius: 5px;
margin: 0 10px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
z-index: 2;
text-decoration: none;
overflow: hidden;
}
.cart-list .cart-buttons a:hover,
.hover-effect:hover {
color: #fff;
}
.cart-list .cart-buttons a:before,
.hover-effect:before {
content: '';
position: absolute;
top: 50px;
left: -5px;
width: 0;
height: 0;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-bottom: 190px solid rgba(255, 255, 255, 0.25);
z-index: -1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.cart-list .cart-buttons a:hover:before,
.hover-effect:hover:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translate(0px, -190px);
transform: translate(0px, -190px);
}
.cart-list .cart-buttons a:after,
.hover-effect:after {
content: '';
position: absolute;
top: 50px;
left: -5px;
width: 0;
height: 0;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-bottom: 190px solid rgba(255, 255, 255, 0.25);
z-index: -1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.cart-list .cart-buttons a:hover:after,
.hover-effect:hover:after {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translate(0px, -150px);
transform: translate(0px, -150px);
}
.cart-list .cart-buttons {
display: flex;
justify-content: space-around;
}
.cart-list .cart-buttons a {
margin: 0;
}
.woocommerce a.remove:hover {
background: none;
color: initial !important;
} .hover-effect2 {
padding: 12px 30px 8px;
border-radius: 5px;
display: inline-block;
border: 1px solid #fff;
color: #fff;
position: relative;
z-index: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
margin-right: 15px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce button.button,
.gift-item a.add_to_cart_button,
.hover-effect2.active:hover {
color: #fff;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:before,
.woocommerce button.button:before,
.gift-item a.add_to_cart_button:before,
.hover-effect2:after {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 0;
top: 50%;
left: 50%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
background: #fff;
-webkit-transition: .4s all;
transition: .4s all;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover:before,
.woocommerce button.button:hover:before,
.gift-item a.add_to_cart_button:hover:before,
.hover-effect2:hover:after {
height: 350%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:before,
.woocommerce button.button:before,
.gift-item a.add_to_cart_button:before,
.hover-effect2.active:after {
height: 470%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover:before,
.woocommerce button.button:hover:before,
.gift-item a.add_to_cart_button:hover:before,
.hover-effect2.active:hover:after {
height: 0%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} .st-separator {
display: table;
color: #ffffff;
font-size: 20px;
text-align: center;
width: 100%;
max-width: 225px;
margin: 0 auto 20px auto;
}
.st-separator span {
display: table-cell;
position: relative;
z-index: 0;
padding: 0;
}
.sepBg i {
width: 30px;
height: 25px;
font-size: 14px;
line-height: 23px;
vertical-align: middle;
}
.st-separator span:first-child, .st-separator span:last-child {
width: 50%;
top: 15px;
-moz-background-size: 100% 2px;
background-size: 100% 2px;
background-position: 0 0, 0 100%;
background-repeat: no-repeat;
}
.st-separator span:first-child {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#212529));
background-image: -webkit-linear-gradient(180deg, transparent, #212529);
background-image: -moz-linear-gradient(180deg, transparent, #212529);
background-image: -o-linear-gradient(180deg, transparent, #212529);
background-image: linear-gradient(90deg, transparent, #212529);
}
.st-separator span:last-child {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#212529), to(transparent));
background-image: -webkit-linear-gradient(180deg, #212529, transparent);
background-image: -moz-linear-gradient(180deg, #212529, transparent);
background-image: -o-linear-gradient(180deg, #212529, transparent);
background-image: linear-gradient(90deg, #212529, transparent);
}
.w-line span:first-child {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#ffffff));
background-image: -webkit-linear-gradient(180deg, transparent, #ffffff);
background-image: -moz-linear-gradient(180deg, transparent, #ffffff);
background-image: -o-linear-gradient(180deg, transparent, #ffffff);
background-image: linear-gradient(90deg, transparent, #ffffff);
}
.w-line span:last-child {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(transparent));
background-image: -webkit-linear-gradient(180deg, #ffffff, transparent);
background-image: -moz-linear-gradient(180deg, #ffffff, transparent);
background-image: -o-linear-gradient(180deg, #ffffff, transparent);
background-image: linear-gradient(90deg, #ffffff, transparent);
}
.separator_top,
.separator_bottom {
width: 100%;
position: absolute;
left: 0;
z-index: 1;
}
.separator_top {
top: -30px;
}
.separator_bottom {
bottom: -30px;
}
.separator_top img,
.separator_bottom img {
width: 100%;
}
.owl-item {
float: left;
}
.owl-stage-outer {
overflow: hidden;
}
.owl-nav {
display: none;
} .preloader {
overflow: hidden;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999999;
text-align: center;
}
.preloader-wrap iframe {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .preloader .bokeh {
width: 1em;
height: 1em;
border-radius: 50%;
border: .01em solid rgba(150, 150, 150, 0.3);
list-style: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.preloader .bokeh li {
position: absolute;
width: .2em;
height: .2em;
border-radius: 50%;
}
.preloader .bokeh li:nth-child(1) {
left: 50%;
top: 0;
margin: 0 0 0 -.1em;
background: #00C176;
-webkit-transform-origin: 50% 250%;
transform-origin: 50% 250%;
-webkit-animation:
rota 1.13s linear infinite,
opa 3.67s ease-in-out infinite alternate;
animation:
rota 1.13s linear infinite,
opa 3.67s ease-in-out infinite alternate;
}
.preloader .bokeh li:nth-child(2) {
top: 50%;
right: 0;
margin: -.1em 0 0 0;
background: #FF003C;
-webkit-transform-origin: -150% 50%;
transform-origin: -150% 50%;
-webkit-animation:
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
animation:
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
}
.preloader .bokeh li:nth-child(3) {
left: 50%;
bottom: 0;
margin: 0 0 0 -.1em;
background: #FABE28;
-webkit-transform-origin: 50% -150%;
transform-origin: 50% -150%;
-webkit-animation:
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
animation:
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
}
.preloader .bokeh li:nth-child(4) {
top: 50%;
left: 0;
margin: -.1em 0 0 0;
background: #88C100;
-webkit-transform-origin: 250% 50%;
transform-origin: 250% 50%;
-webkit-animation:
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
animation:
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
}
@-webkit-keyframes rota {
from {}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes rota {
from {}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes opa {
0% {}
12.0% {
opacity: 0.80;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
19.5% {
opacity: 0.88;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
}
37.2% {
opacity: 0.64;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=64)";
}
40.5% {
opacity: 0.52;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=52)";
}
52.7% {
opacity: 0.69;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=69)";
}
60.2% {
opacity: 0.60;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
66.6% {
opacity: 0.52;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=52)";
}
70.0% {
opacity: 0.63;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=63)";
}
79.9% {
opacity: 0.60;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
84.2% {
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
91.0% {
opacity: 0.87;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";
}
}
@keyframes opa {
0% {}
12.0% {
opacity: 0.80;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
19.5% {
opacity: 0.88;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
}
37.2% {
opacity: 0.64;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=64)";
}
40.5% {
opacity: 0.52;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=52)";
}
52.7% {
opacity: 0.69;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=69)";
}
60.2% {
opacity: 0.60;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
66.6% {
opacity: 0.52;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=52)";
}
70.0% {
opacity: 0.63;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=63)";
}
79.9% {
opacity: 0.60;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
84.2% {
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
91.0% {
opacity: 0.87;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";
}
} #header-top {
background: #fbf9fb;
}
#header-top ul {
margin-bottom: 0;
}
#header-top .widget {
padding: 10px 20px;
position: relative;
}
#header-top .widget:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background: #0e0e0e;
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
#header-top .widget:last-child:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background: #0e0e0e;
opacity: 0.20;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.widget_social_widget li,
.header-left li {
padding-right: 15px;
}
.widget_social_widget li:last-child,
.header-left li:last-child {
padding-right: 0px;
}
.header-right ul {
padding: 10px 0;
display: inline-block;
vertical-align: top;
}
.header-right ul li {
padding-right: 15px;
}
.header-right ul li:last-child {
padding-right: 0px;
}
.header-left li:last-child {
padding-right: 0;
}
.header-right a {
color: #0e0e0e;
} .header-right li.ln {
-webkit-transform: translateY(3px);
transform: translateY(3px);
margin-top: -10px;
}
.ln-flag {
display: inline-block;
width: 17px;
height: 17px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 50%;
margin-right: 8px;
margin-top: 5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
border: 2px solid #fff;
-webkit-transform: translateY(3px);
transform: translateY(3px)
}
#languagePopup {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100vh;
pointer-events: none;
background-color: rgba(0, 0, 0, .9);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all .5s;
transition: all .5s;
will-change: transform, opacity;
z-index: -1;
overflow: hidden;
}
#languagePopup:target {
position: fixed;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
z-index: 999999;
pointer-events: auto;
}
#close-btn {
background: transparent;
border: 0;
color: #fff;
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
z-index: 999999;
}
.popup-content {
position: relative;
color: #fff;
text-align: center;
}
.popup-content h3 {
margin-bottom: 50px;
}
.popup-content ul li {
display: inline-block;
padding-right: 30px;
}
.popup-content ul li a {
-webkit-transition: .3s all;
transition: .3s all;
}
.popup-content ul li a:hover {
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.popup-content ul li .lp-flag {
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 50%;
margin-right: 5px;
}
.popup-content ul li span {
display: inline-block;
vertical-align: middle;
padding: 10px;
color: #fff;
} .logo-bbc {
display: block;
line-height: inherit;
}
.logo-bbc a.navbar-brand.logo {
padding: 0;
display: block;
}
.logo-bbc img {
width: 170px;
}
.logo-bbc .site-title, .logo-bbc .site-description {
line-height: normal;
margin-bottom: 0;
white-space: nowrap;
}
.logo-bbc .site-title {
font-weight: 600;
}
.logo-bbc .site-description {
font-size: 12px;
margin-top: 2px;
}
.navbar {
padding: 15px !important;
min-height: 98px;
z-index: 10;
}
.navbar-flex {
width: 100%;
max-width: 750px;
text-align: right;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 0;
}
.navbar-nav li a {
color: #0e0e0e;
line-height: 24px;
margin-left: 0px;
padding-right: 0;
padding-left: 0;
position: relative;
white-space: normal;
-webkit-transition: .4s all;
transition: .4s all;
}
.navbar-nav > li.active > a > i,
.navbar-nav > li > a > i {
position: absolute;
top: 10px;
bottom: 0;
left: 0;
right: 0;
text-align: center;
font-size: 20px;
visibility: hidden;
z-index: 0;
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: .4s all;
transition: .4s all;
}
.navbar-nav > li.active > a > i,
.navbar-nav > li > a:hover > i,
.navbar-nav > li.focus > a > i {
-webkit-transform: translateY(-24px);
transform: translateY(-24px);
visibility: visible;
opacity: 1;
}
.mean-container .mean-nav ul li a > i {
display: none;
}
.navbar > .nav-item {
position: relative;
padding: 18px 0;
}
ul.nav-left, ul.nav-left li,
ul.navbar-nav, ul.navbar-nav > li.nav-item,
.header-right ul li {
display: inline-block;
margin: 0;
}
.mean-nav li a img, .mean-nav li a br,
.dropdown-item img, .dropdown-item br {
display: none;
}
.nav-btn {
display: flex;
align-items: center;
color: #fff;
border: 2px solid;
font-weight: 700;
box-shadow: 0px 0px 8px 0px rgba(118, 117, 117, 0.63);
margin-right: 0;
margin-left: 0;
padding: 4px 20px;
font-size: 13px;
letter-spacing: 1px;
text-transform: capitalize;
}
.hover-effect2.nav-btn {
text-transform: capitalize;
}
.hover-effect2.nav-btn:after {
background: #fff;
}
.nav-btn i {
margin-right: 5px;
} div#sticky-wrapper {
background: #fff;
}
div#sticky-wrapper.is-sticky .sticky-nav {
background: #fff !important;
background-image: none;
box-shadow: 0px 0 1px rgba(0, 0, 0, .2);
}
.is-sticky .sticky-nav {
-webkit-animation: fadeInDown 1s both;
animation: fadeInDown 1s both;
z-index: 999;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
cursor: pointer;
}
.is-sticky .navbar-area .logo img {
padding: 24px 0;
} .navbar-wrapper {
position: relative;
}
.mobile-menu-area {
position: absolute;
top: 44px;
right: 0;
width: 100%;
}
.mean-container .mean-bar {
background: transparent !important;
}
.mean-container a.meanmenu-reveal {
padding: 4px 9px;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.mean-container .mean-nav>ul {
height: 300px;
overflow: hidden;
overflow-y: scroll;
} .header-right-mbl {
position: absolute;
top: 23px;
right: 46px;
width: 100%;
}
.header-right-mbl ul {
text-align: right;
color: #0e0e0e;
margin-bottom: 0;
margin-top: 0;
}
.header-right-mbl ul li>div,
.header-right-mbl ul li a {
padding: 3px 4px;
background: transparent;
display: block;
}
.header-right-mbl ul li a {
color: #0e0e0e;
}
.header-right-mbl ul li.ln a {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
.header-right-mbl ul li.ln .ln-flag {
margin-top: 0;
margin-right: 0;
}
.header-right-mbl ul li {
display: inline-block;
} .cart-icon-wrapper:hover {
cursor: pointer;
}
.cart-icon-wrapper .badge {
font-size: 10px;
padding: 2px 3px 1px;
line-height: 12px;
border-radius: 3px;
}
.sidenav {
background-color: #fff;
bottom: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: fixed;
left: calc(100% - 350px);
top: 0;
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 350px;
z-index: -1;
padding: 0px 15px 20px;
z-index: 9999999999;
box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.2);
}
.sidenav .sidenav-header {
overflow: hidden;
padding: 0;
padding-left: 30px;
padding-top: 5px;
margin-bottom: 30px;
}
.sidenav .sidenav-header h3 {
margin-left: 20px;
position: relative;
padding-top: 7px;
padding-bottom: 5px;
}
.sidenav .sidenav-header h3:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 2px;
}
.sidenav .close-sidenav {
background-color: #f7f7f7;
cursor: pointer;
display: inline-block;
margin-right: 0.5em;
padding: 10px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: absolute;
top: 0;
left: 0;
margin-top: 6px;
margin-left: 6px;
border: 1px solid #eee;
}
.cart-list .cart-item-thumb {
display: inline-block;
color: initial;
font-size: 16px;
font-weight: 600;
}
.cart-list span.quantity {
display: inline-block;
padding-left: 7px;
color: #931401;
}
.cart-list .woocommerce-mini-cart-item {
padding: 10px;
border: 1px solid #eee;
margin-bottom: 10px;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.cart-list .attachment-woocommerce_thumbnail {
margin-right: 10px;
max-width: 80px;
}
.cart-remove {
position: absolute;
top: 0;
right: 0;
margin: 10px;
margin-top: 5px;
line-height: .9;
cursor: pointer;
color: #0e0e0e;
-webkit-transition: .3s all;
transition: .3s all;
}
.sidenav .cart-item-description {
display: inline-block;
vertical-align: top;
}
.cart-item-description h4.cart-item-name {
margin-top: 15px;
}
.sidenav .cart-item-description p {
margin-top: 5px;
}
.sidenav.active {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
z-index: 99999999999999999999999;
box-shadow: -5px 0 30px 0 rgba(100, 100, 100, 0.2);
}
.sidenav.active .cart-item .cart-item--thumb {
display: inline-block;
max-width: 100%;
vertical-align: top;
}
.sub-total span {
float: right;
}
.sub-total {
margin-top: 14px;
border-bottom: 2px solid #999;
padding-bottom: 11px;
}
.fl {
float: right;
}
.cart-buttons {
margin-top: 20px;
display: block;
}
.cart-overlay {
background-color: transparent;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
visibility: hidden;
}
.cart-overlay.active {
background-color: rgba(50, 50, 50, 0.5);
bottom: 0;
display: block;
height: 100%;
left: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: fixed;
right: 0;
top: 0;
visibility: visible;
z-index: 99;
}
li.total {
list-style: none;
} .search__area {
background: #fff none repeat scroll 0 0;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08);
left: 0;
position: fixed;
right: 0;
top: 0;
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
-webkit-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
z-index: 99999999;
}
.search__area .search__inner {
position: relative;
}
.search__area .search__inner form {
margin: 4em 0;
padding: 0 40px 0 0;
position: relative;
text-align: center;
}
.search__area .search__inner form input {
background: #f8f8f8;
width: 100%;
height: 60px;
padding: 15px;
border: none;
}
.search__area .search__inner form button {
border: 0 none;
border-radius: 0;
cursor: pointer;
height: 60px;
position: absolute;
right: 40px;
top: 0;
width: 60px;
-webkit-transition: 0.3s;
transition: 0.3s;
background: #f8f8f8;
color: #0e0e0e;
}
.search__area .search__inner form button:hover {
color: #fff;
}
.search__area .search__inner .search__close__btn {
display: block;
position: absolute;
right: 0;
top: 0;
color: #0e0e0e;
cursor: pointer;
}
.search__close__btn .search__close__btn_icon i {
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.search__box__show__hide .search__area {
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
} .slider-section {
position: relative;
z-index: 1;
}
#breadcrumb-area:before,
.slider-section:after {
content: '';
position: absolute;
bottom: -72px;
left: 0;
width: 100%;
padding-bottom: 72px;
background: url(//www.festiguineecanada.ca/wp-content/themes/eventpress-business/images/shadow.png);
background-size: 100% 100%;
background-position: center bottom;
background-repeat: no-repeat;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
z-index: 0;
}
.slider-wrapper,
header {
position: relative;
overflow: hidden;
z-index: 2
}
.header-single-slider figure {
position: relative;
display: inline-block;
width: 100%;
}
.header-single-slider figure img {
width: 100%;
}
.header-single-slider .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
padding: 0 15px;
z-index: 1;
}
.header-single-slider hr {
height: 1px;
border: 0px;
width: 400px;
background: #fff;
margin: 20px 0 30px;
}
.header-single-slider a.hover-effect2 {
margin-right: 20px;
margin-top: 48px;
} .slider-wrapper .owl-dots {
position: absolute;
top: 50%;
right: 2%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.slider-wrapper  .owl-dots button {
width: 20px;
height: 20px;
background: #fff;
border: 3px solid #fff;
border-radius: 50%;
margin: 0 0;
-webkit-transform: scale(-0.75);
transform: scale(-0.75);
cursor: pointer;
-webkit-transition: .3s all;
transition: .3s all;
}
header .separator {
z-index: 1;
}
figure {
margin-bottom: 0 !important;
} .wedding-about {
position: relative;
overflow: hidden;
background-color: #f3f8fe;
z-index: 0;
}
.wedding-about:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2;
background-repeat: no-repeat;
background-position: center;
background-size: contain; z-index: -1;
}
.wedding-person figure {
position: relative;
width: 268px;
height: 268px;
border-radius: 50%;
padding: 8px;
background: #fff;
margin: 0 auto;
margin-bottom: 15px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.wedding-person figure img {
width: 100%;
height: 100%;
border-radius: 100%;
}
.wedding-person figure figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding: 0 15px;
z-index: 2;
-webkit-transform: scale(0);
transform: scale(0);
}
.wedding-person:hover figure figcaption {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wedding-person figure:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
border-radius: 50%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(0);
transform: scale(0);
}
.wedding-person:hover figure:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
visibility: visible;
}
.wedding-person figcaption h4 {
padding: 5px 20px;
border-radius: 5px;
color: #fff;
}
.wedding-person h3 {
margin-bottom: 20px;
margin-top: 30px;
}
.wedding-person p {
width: 60%;
margin: 0 auto;
margin-bottom: 20px;
}
.about-social li {
display: inline-block;
}
.about-social li a {
width: 25px;
height: 25px;
text-align: center;
color: #fff;
display: block;
margin: 0 4px;
border-radius: 50%;
}
.about-social li a:hover {
color: #ffffff;
}
.about-social li a:hover i {
-webkit-animation: socialFxD .3s forwards;
animation: socialFxD .3s forwards
}
@-webkit-keyframes socialFxD {
49% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
}
@keyframes socialFxD {
49% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
} #about{
background:#fff;
}
.about-events {
position: relative;
}
.about-events .separator {
z-index: 3;
}
.about-events-text h2 {
margin-bottom: 48px;
}
.about-events-text p {
margin-bottom: 45px;
}
.about-events-text .hover-effect2 {
box-shadow: 0px 0px 8px 0px rgba(118, 117, 117, 0.63);
text-transform: capitalize;
min-width: 162px;
text-align: center;
border: 0;
}
.about-events-text .hover-effect2:hover {
color: #fff;
box-shadow: none;
}
.about-events-text .hover-effect2.active {
color: #fff;
box-shadow: none;
}
.about-events-text .hover-effect2.active:hover {
box-shadow: 0px 0px 8px 0px rgba(118, 117, 117, 0.63);
}
.about-events-text .watch-more {
padding: 7px 30px;
box-shadow: none;
}
.watch-more {
display: inline-block;
position: relative;
z-index: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
}
.watch-more i, .watch-more img {
font-size: 30px;
width: 30px;
height: 30px;
margin-right: 8px;
vertical-align: sub;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.watch-more:hover i, .watch-more:hover img {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} .counter-section {
color: #fff;
position: relative;
background-size: cover;
z-index: 0;
}
.counter-section:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
z-index: -1;
}
.counter-section .separator01,
.counter-section .separator02 {
position: absolute;
left: 0;
}
.counter-section .separator01 {
top: -30px;
}
.counter-section .separator02 {
bottom: -30px;
}
.count-area {
padding-top: 60px;
padding-bottom: 30px;
}
.timer li {
display: inline-block;
width: 24.5%;
text-align: center;
color: #0e0e0e
}
.timer li>div {
background: #fff;
padding: 50px 0px 40px;
width: 80%;
display: inline-block;
line-height: 1.2;
position: relative;
z-index: 0;
overflow: hidden;
border-top: 12px solid;
}
.timer li>div:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-color: #f3f8fe;
transform: translateY(100%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.timer li>div:hover:after {
transform: translateY(0);
}
.timer li>div img {
position: absolute;
top: -70px;
left: -35px;
} .donation-section {
position: relative;
z-index: 2;
}
.donation-section:after {
content: '';
position: absolute;
top: -30px;
left: 0;
width: 100%;
height: 110%;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
opacity: 0.75;
}
.donate-form {
background: #ebebeb;
padding: 80px 18px 30px;
position: relative;
border-radius: 5px;
}
.donate-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 10px 0;
text-align: center;
color: #fff;
border-radius: 5px 5px 0 0;
}
.donate-form .input-group-text {
background-color: #fff;
border-color: #fff;
border-radius: 0;
}
.form-control:focus {
border: none;
box-shadow: none;
}
input[type="text"].dollar::-webkit-input-placeholder {
color: #0e0e0e;
}
.donate-form input,
.donate-form select {
border-color: #fff;
border-radius: 0;
}
.donate-form .input-group,
.donate-form .form-group {
margin-bottom: 20px;
}
.donate-form select {
padding: 0 5px;
}
.give-donation-level-btn {
text-transform: capitalize;
padding: 8px 12px;
width: 100%;
border: 1px solid;
border-radius: 4px;
color: #fff;
cursor: pointer;
-webkit-transition: .3s all;
transition: .3s all;
}
.give-donation-level-btn:hover {
background: #fff !important; 
box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.2);
}
.payment-dmethod p {
padding: 30px 0 20px;
}
.payment-dmethod ul li {
display: inline-block;
padding-right: 5px;
}
.payment-dmethod ul li a {
color: #0e0e0e;
}
.payment-dmethod ul li a img {
padding-right: 5px;
}
.donate-img {
-webkit-animation: movebounce 3.9s linear infinite;
animation: movebounce 3.9s linear infinite;
}
@keyframes movebounce {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(0px);
}
} #latest-news {
padding-top: 95px;
position: relative;
z-index: 2;
background-color: #f3f8fe;
}
#latest-news .separator {
position: absolute;
top: -30px;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
#latest-news .separator02 {
position: absolute;
bottom: -30px;
left: 0;
width: 100%;
z-index: -1;
}
.blog-post,
.single-news {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.075);
}
.ln-img {
position: relative;
overflow: hidden;
z-index: 2;
}
.ln-img:before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(0, 0, 0, .2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.single-news:hover .ln-img:before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
40% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
100% {
width: 200%;
height: 200%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes circle {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
40% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
100% {
width: 200%;
height: 200%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
.ln-img .news-date {
position: absolute;
bottom: 30px;
}
.ln-img .news-date p {
color: #fff;
padding: 5px 20px;
position: relative;
z-index: 2;
}
.ln-img .news-date p:before,
.ln-img .news-date p:after {
position: absolute;
top: 0;
right: -20px;
content: '';
width: 0;
height: 0;
border-top: 30px solid;
border-right: 30px solid transparent;
z-index: -1;
}
.ln-img .news-date p:after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top: auto;
bottom: 0;
}
.ln-content {
background: #ebebeb;
padding: 20px 15px;
}
.ln-content h4 {
margin-bottom: 15px;
}
.ln-content h4 a {
color: #0e0e0e;
font-size: 18px;
-webkit-transition: .3s all;
transition: .3s all;
}
.ln-content ul li {
display: inline-block;
padding-right: 10px;
}
.ln-content ul li {
color: #575656;
}
.ln-content ul li a {
color: #575656;
}
.ln-content ul li i {
padding-right: 5px;
}
.ln-content p {
padding-top: 20px;
color: #575656;
margin-bottom: 0;
} #flicker-gallery {
position: relative;
padding-bottom: 120px;
}
#flicker-gallery .separator {
position: absolute;
bottom: -30px;
width: 100%;
left: 0;
}
#flicker-gallery .separator img {
width: 100%;
}
#flicker-gallery .section-title {
color: #fff;
}
.gift-item {
background: #fff;
text-align: center;
position: relative;
padding: 5px;
}
.gift-image {
position: relative;
overflow: hidden;
height: 208px;
line-height: 208px;
border: 1px solid #fae0dc;
}
.gift-image img {
-webkit-transition: all ease-in .28s;
transition: all ease-in .28s;
}
.gift-item:hover .gift-image img {
-webkit-transform: scale(1.05) rotate(-4deg);
transform: scale(1.05) rotate(-4deg);
}
.gift-details {
padding: 15px;
border: 1px solid #fae0dc;
border-top-width: 0px;
}
.gift-details h4 {
color: #355f06;
padding-bottom: 15px;
}
.gift-details .price {
padding-bottom: 20px;
}
.gift-details .price del {
padding-right: 10px;
}
.sale {
position: absolute;
top: 30px;
left: 15px;
background: #355f06;
color: #fff;
border-radius: 5px;
padding: 3px 12px 2px;
}
.gift-item .hover-effect {
display: inline-block;
padding: 12px 30px 8px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce button.button,
.gift-item a.add_to_cart_button {
font-size: 15px;
line-height: inherit;
text-transform: capitalize;
border-radius: 5px;
display: inline-block;
border: 0;
position: relative;
z-index: 0;
background: #fff !important;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
margin: 0 5px;
line-height: normal;
padding: 9px 22px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce button.button:hover,
.gift-item a.add_to_cart_button:hover {
box-shadow: 0px 0px 8px 0px rgba(118, 117, 117, 0.63);
}
.woocommerce a.added_to_cart {
padding-top: 0;
display: inline-block;
overflow: visible;
padding: .368em 1em;
vertical-align: top;
color: #fff;
border-radius: 5px;
} #gallery {
background: #fff;
position: relative;
z-index: 2;
}
.photo-gallery .col-lg-3 {
padding-right: 2px;
padding-left: 2px;
}
.photo-gallery .gallery-item {
overflow: hidden;
position: relative;
margin-bottom: 4px;
display: block;
}
.gallery-item img {
width: 100%;
-webkit-transition: .5s all;
transition: .5s all;
}
.gallery-item:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.gallery-item .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .78);
text-align: center;
-webkit-transform: scale(.8);
transform: scale(.8);
-webkit-transition: .3s all;
transition: .3s all;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
.gallery-item:hover .overlay {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}    #event-schedule {
background: #f3f8fe;
position: relative;
z-index: 2;
padding-top: 95px;
}
#event-schedule.events-page-event {
background-color: #fff;
}
#event-schedule.events-page-event .single-schedule {
background-color: #f3f8fe;
}
.separator {
position: absolute;
top: -30px;
left: 0;
}
.schedule-tab-sorting {
margin-bottom: 42px;
}
.schedule-tab-sorting li {
display: inline-block;
overflow: hidden;
}
.schedule-tab-sorting li a {
position: relative;
display: block;
padding: 6px 30px;
background: #0e0e0e;
color: #fff;
border-radius: 5px;
margin: 0 10px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
z-index: 2;
min-width: 110px;
}
.schedule-tab-sorting li a:hover {
color: #fff;
}
.schedule-tab-sorting li a:before {
content: '';
position: absolute;
top: 50px;
left: -5px;
width: 0;
height: 0;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-bottom: 190px solid rgba(255, 255, 255, 0.25);
z-index: -1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.schedule-tab-sorting li a.active:before,
.schedule-tab-sorting li a:hover:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translate(0px, -190px);
transform: translate(0px, -190px);
}
.schedule-tab-sorting li a:after {
content: '';
position: absolute;
top: 50px;
left: -5px;
width: 0;
height: 0;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-bottom: 190px solid rgba(255, 255, 255, 0.25);
z-index: -1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.schedule-tab-sorting li a.active:after,
.schedule-tab-sorting li a:hover:after {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: translate(0px, -150px);
transform: translate(0px, -150px);
}
.single-schedule {
border: 1px solid #dfdfdf;
margin-bottom: 20px;
background: #fff;
}
.single-schedule>div:first-child {
padding-left: 0;
}
.single-schedule .date_time {
color: #fff;
display: block;
height: 100%;
padding: 22px;
text-align: center;
-webkit-transition: .3s all;
transition: .3s all;
}
.schedule>div:nth-child(even) .date_time {
opacity: 0.8;
}
.single-schedule .schedule-img img {
border-radius: 100%;
width: 65px;
height: 65px;
}
.single-schedule .text {
padding: 23px 0;
height: 100%;
}
.single-schedule .text h3,
.single-schedule .text p {
margin-bottom: 0;
}
.single-schedule .time i {
padding-right: 5px;
}
.single-schedule .text h3 a {
display: block;
color: #0e0e0e;
padding-bottom: 15px;
-webkit-transition: .3s all;
transition: .3s all;
} #contact {
position: relative;
z-index: 2;
background:#fff;
}
.contact-form input {
border: 1px solid #b0afaf;
border-radius: 3px;
}
.contact-form input:focus {
border: 1px solid #b0afaf;
}
.contact-form textarea {
width: 100%;
padding: 15px;
border-radius: 3px;
border: 1px solid #b0afaf;
height: 152px;
}
.contact-form input[type=submit] {
max-width: 170px;
padding: 0;
font-weight: 500;
min-height: auto;
cursor: pointer;
color: #fff;
line-height: 1;
padding: 12px 30px 10px;
border-radius: 4px;
-webkit-transition: .3s all;
transition: .3s all;
}
.contact-form .hover-effect {
padding: 0;
} .input-effect {
position: relative;
padding: 0;
margin: 0 0 40px;
}
.input-effect textarea {
margin-bottom: -7px;
}
.input-effect input,
.input-effect textarea,
input[type="text"] {
width: 100%; }
.effect-21 {
border: 1px solid #b0afaf;
padding: 7px 14px;
-webkit-transition: 0.4s;
transition: 0.4s;
background: transparent;
}
.effect-21~.focus-border:before,
.effect-21~.focus-border:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 2px;
-webkit-transition: 0.2s;
transition: 0.2s;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.effect-21~.focus-border:after {
top: auto;
bottom: 0;
right: auto;
left: 0;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.effect-21~.focus-border i:before,
.effect-21~.focus-border i:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.effect-21~.focus-border i:after {
left: auto;
right: 0;
top: auto;
bottom: 0;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.effect-21:focus~.focus-border:before,
.effect-21:focus~.focus-border:after,
.has-content.effect-21~.focus-border:before,
.has-content.effect-21~.focus-border:after {
width: 100%;
-webkit-transition: 0.2s;
transition: 0.2s;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.effect-21:focus~.focus-border:after,
.has-content.effect-21~.focus-border:after {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.effect-21:focus~.focus-border i:before,
.effect-21:focus~.focus-border i:after,
.has-content.effect-21~.focus-border i:before,
.has-content.effect-21~.focus-border i:after {
height: 100%;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.effect-21:focus~.focus-border i:after,
.has-conten.effect-21~.focus-border i:after {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.effect-21~label {
position: absolute;
left: 16px;
width: 100%;
top: 12px;
color: #b0afaf;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: -1;
}
.effect-21:focus~label,
.has-content.effect-21~label {
top: -18px;
left: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
} #sec-sponsor{
background:#fff;
}
#contact-sponsor,
#sec-sponsor{
padding-top: 0;
}
.sponsors { }
.single-sponsor {
height: 70px;
width: 205px;
margin: 0 auto;
border-radius: 3px;
border: 1px solid #a3a2a2;
text-align: center;
cursor: pointer;
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single-sponsor img {
-webkit-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.single-sponsor:hover img {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
} .footer-section {
background-size: cover;
background-repeat: no-repeat;
position: relative;
z-index: 2;
padding-bottom: 0;
}
.footer-section:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
z-index: -2;
}
.footer-section .rocket {
position: absolute;
bottom: -88px;
right: 10px;
width: 60px;
height: 60px;
-webkit-transform: translate(-50%, -100px);
transform: translate(-50%, -100px);
z-index: 9;
}
.sepBg:after,
.footer-section .rocket_bg:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 90px;
max-height: 90px;
border-radius: 40% 60% 45% 55%/71% 67% 33% 29%;
transform: rotate(305deg);
z-index: -1;
}
.scrolltotop img, .scrolltotop i {
will-change: transform;
-webkit-animation: flicker 4s infinite;
animation: flicker 4s infinite;
line-height: 2.5;
display: block;
font-size: 26px;
text-align: center;
color: #ffffff;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.scrolltotop img {
width: 35px;
margin: auto;
}
@-webkit-keyframes flicker {
0% {
-webkit-transform: translateY(-10.2%);
transform: translateY(-10.2%);
}
50% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
-webkit-transform: translateY(-10.2%);
transform: translateY(-10.2%);
}
}
@keyframes flicker {
0% {
-webkit-transform: translateY(-10.2%);
transform: translateY(-10.2%);
}
50% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
-webkit-transform: translateY(-10.2%);
transform: translateY(-10.2%);
}
}
.scrolltotop {
cursor: pointer;
}
.footer-logo img {
width: 280px;
display: block;
margin: auto;
}
.footer-section .thanks {
color: #fff;
margin: 50px 0;
}
.footer-section .title-seprator {
width: auto;
margin-top: 50px;
}
.contact-info {
color: #fff;
text-align: center;
margin: 50px 0;
}
.contact-info .icon {
width: 100px;
height: 100px;
display: block;
text-align: center;
border-radius: 50%;
margin: 0 auto 20px;
-webkit-transition: .3s all;
transition: .3s all;
position: relative;
border: 5px solid #ffff;
}
.contact-info .icon i {
line-height: 1.82;
}
.contact-info .icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
box-sizing: content-box;
}
.contact-info .icon {
-webkit-transition: .3s all;
transition: .3s all;
}
.contact-info .icon:after {
top: 0;
left: 0;
padding: 0;
z-index: -1;
box-shadow: 0 0 0 2px rgba(148, 21, 2, 0.1);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.contact-info .icon:hover {
-webkit-transform: scale(0.93);
transform: scale(0.93);
color: #fff;
}
.contact-info .icon:hover:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
40% {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
box-shadow: 0 0 0 2px rgba(148, 21, 2, 0.1), 0 0 10px 10px transparent, 0 0 0 10px rgba(148, 21, 2, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(148, 21, 2, 0.1), 0 0 10px 10px transparent, 0 0 0 10px rgba(148, 21, 2, 0.5);
-webkit-transform: scale(1.5);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
40% {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px rgba(255, 255, 255, .3), 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(148, 21, 2, 0.5), 0 0 10px 10px rgba(0, 0, 0, .3), 0 0 0 10px rgba(255, 255, 255, 1);
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
.contact-info h4 {
margin-bottom: 10px;
}
footer ul li {
display: inline-block;
}
.footer-social li a {
text-align: center;
display: block;
width: 25px;
height: 25px;
background: #fff;
line-height: 27px;
border-radius: 50%;
-webkit-transition: .3s all;
transition: .3s all;
}
.footer-social li a:hover {
color: #ffffff;
}
.footer-social li a:hover i {
-webkit-animation: socialFxD .3s forwards;
animation: socialFxD .3s forwards
}
@-webkit-keyframes socialFxD {
49% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
}
@keyframes socialFxD {
49% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
}
.footer-payment li {
padding-left: 5px;
-webkit-transition: .3s all;
transition: .3s all;
}
.footer-payment li a:hover {
box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.55);
}
.footer-copyright {
position: relative;
text-align: center;
padding: 30px 0;
color: #fff;
z-index: 2;
margin-top: 60px;
}
.footer-copyright:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
z-index: -1;
} #breadcrumb-area {
position: relative;
color: #fff;
background-size: cover;
background-position: center;
z-index: 3;
padding: 100px 0 120px;
}
#breadcrumb-area:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
z-index: -1;
}
#breadcrumb-area.donationbreadcrumb {
padding: 100px 0 130px;
}
#breadcrumb-area h2 {
margin-bottom: 20px;
}
#breadcrumb-area .breadcrumb-nav {
margin-top: 20px;
}
#breadcrumb-area .breadcrumb-nav li {
display: inline-block;
}
#breadcrumb-area .breadcrumb-nav li a {
color: #fff;
}
#breadcrumb-area .breadcrumb-nav li:last-child:after {
display: none;
}
.page-s {
position: relative;
}
.page-s .separator {
position: absolute;
top: -30px;
left: 0;
z-index: -1;
} #organisers {
background: #fff;
z-index: 2;
}
.single-organiser {
position: relative;
}
.organiser-img {
position: relative;
padding: 0;
z-index: 2;
}
.organiser-img img {
width: 100%;
}
.organiser-img:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #dfdddd;
-webkit-transform: scale(.95);
transform: scale(.95);
z-index: 4;
}
.organiser-img:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: scale(0.2);
transform: scale(0.2);
-webkit-transition: all 300ms;
transition: all 300ms;
z-index: 3;
}
.single-organiser:hover .organiser-img:before {
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-webkit-transform: scale(1);
transform: scale(1)
}
.single-organiser ul li {
display: inline-block;
}
.single-organiser ul li a {
color: #fff;
padding: 0 5px;
}
.single-organiser ul {
position: absolute;
bottom: 70px;
left: 0;
width: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
z-index: 55;
}
.single-organiser:hover ul {
position: absolute;
bottom: 120px;
left: 0;
width: 100%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.organiser-content {
color: #fff;
padding: 15px 0;
z-index: 66;
overflow: hidden;
}
.organiser-content h4 {
margin-bottom: 5px;
}
.page-sponsor .sponsors {
margin-top: 0;
} #flicker-gallery.gift-page {
background: #fff;
color: #0e0e0e;
z-index: 2;
}
#flicker-gallery.gift-page .section-title {
color: #0e0e0e;
}
.gift-item {
border: 1px solid #dddddd;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: .3s all;
transition: .3s all;
}
.gift-item:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.gift-details,
.gift-image {
border-color: #dddddd;
-webkit-transition: .3s all;
transition: .3s all;
}
.gift-item:hover {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.63);
}
.gift-item:hover .gift-details,
.gift-item:hover .gift-image {
border-color: #fae0dc;
} .pagination .navigation {
margin: 50px auto 0;
border-radius: 3px;
box-shadow: 0px 0px 10px 0px rgba(208, 208, 209, .29);
padding: 7px 15px;
-webkit-box-pack: center!important; 
-ms-flex-pack: center!important;
justify-content: center!important;
}
.pagination .nav-links span, .pagination .nav-links a {
border: 0;
margin: 0 3px;
color: #0e0e0e;
padding: 5px 11px 2px;
-webkit-transition: .3s;
transition: .3s;
border-radius: 5px;
}
.pagination .nav-links span:hover,
.pagination .nav-links a:hover{
color: #fff;
}
.pagination .page-item.next .page-link:hover,
.pagination .page-item.prev .page-link:hover {
color: #fff;
}
a.next.page-numbers,
a.prev.page-numbers{
color: #fff;
}
.pagination .page-link:focus {
box-shadow: none;
}
.pagination .nav-links {
padding: 10px 0;
}
a.next.page-numbers, a.prev.page-numbers {
padding: 0 0;
}
a.next.page-numbers,
a.prev.page-numbers {
padding: 10px 14px 8px;
margin-top: 5px;
}
span.page-numbers.current {
color : #fff;
} .photo-gallery .gallery-load {
display: none;
}
.load-btn {
margin: 50px auto 30px;
}
.load-btn i {
margin-top: 2px;
margin-right: 5px;
} #map {
height: 450px;
width: 100%;
}
#cta {
padding-top: 60px;
}
.page-s {
z-index: 2;
}
.contact-info.cta {
margin: 0;
}
.cta-item {
border: 1px solid #c7c7c7;
padding: 50px 10px;
-webkit-transition: .3s all;
transition: .3s all;
}
.cta-item:hover {
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.29);
}
.cta-item h4 {
color: #0e0e0e;
}
.cta-item p {
color: #575656;
}
.contact-info.cta .cta-item:hover .icon {
-webkit-transform: scale(0.93);
transform: scale(0.93);
color: #fff;
}
.contact-info.cta .cta-item:hover .icon:after {
-webkit-animation: sonarEffect2 1.3s ease-out 75ms;
animation: sonarEffect2 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect2 {
0% {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
40% {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
box-shadow: 0 0 0 2px rgba(148, 21, 2, 0.1), 0 0 10px 10px transparent, 0 0 0 10px rgba(148, 21, 2, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(148, 21, 2, 0.1), 0 0 10px 10px transparent, 0 0 0 10px rgba(148, 21, 2, 0.5);
-webkit-transform: scale(1.5);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
@keyframes sonarEffect2 {
0% {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
40% {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
box-shadow: 0 0 0 2px rgba(148, 21, 2, 0.5), 0 0 10px 10px rgba(0, 0, 0, .3), 0 0 0 10px rgba(148, 21, 2, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(148, 21, 2, 0.5), 0 0 10px 10px rgba(0, 0, 0, .3), 0 0 0 10px rgba(148, 21, 2, 1);
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
} .blog-post {	
border: 1px solid #f1f1f1;
border-radius: 8px 8px 8px 8px;
margin-bottom: 50px;
}
.masonary-post {
margin: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.w-100 {
width: 100%;
}
.blog-post .post-thumb {
position: relative;
}
.blog-post .post-overlay {
position: absolute;
top: 0;
right: 0;
-webkit-transition: .3s all;
transition: .3s all;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.blog-post:hover .post-overlay {
top: 30px;
right: 30px;
z-index: 333;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog-post .post-overlay a {
color: #fff;
-webkit-transition: .3s all;
transition: .3s all;
}
.blog-post .post-thumb:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
border-radius: 8px 8px 0 0;
-webkit-transform: scale(.4);
transform: scale(.4);
-webkit-transition: .3s all;
transition: .3s all;
}
.blog-post:hover .post-thumb:after {
opacity: .2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
-webkit-transform: scale(1);
transform: scale(1)
}
.blog-post .post-thumb img {
width: 100%;
max-width: 100%;
}
.blog-post .meta-info {
padding: 20px 35px;
border-bottom: 1px solid #efedec;
}
.blog-post .meta-info li {
display: inline-block;
padding-right: 10px;
}
.blog-post .meta-info li i {
padding-right: 5px;
}
.blog-post .meta-info li.post-date a {
padding: 5px 10px 5px;
color: #fff;
margin-right: 15px;
display: block;
}
.blog-post .meta-info li.post-date a:hover {
color: #fff;
.}
.blog-post .meta-info li a {
color: #575656;
-webkit-transition: .3s all;
transition: .3s all;
}
.blog-post .post-content {
padding: 13px 15px;
margin: 0 5px;
}
.blog-post .post-content h4 {
margin-bottom: 15px;
}
.blog-post .post-content h4 a {
display: block;
word-break: break-all;
color: #0e0e0e;
-webkit-transition: .3s all;
transition: .3s all;
}
.blog-post .post-footer {
padding: 15px 35px;
border-top: 1px solid #efedec
}
.blog-post .post-footer a {
color: #0e0e0e;
-webkit-transition: .3s all;
transition: .3s all;
}
.blog-post .post-footer a.share {
float: right;
padding-top: 5px;
}
.blog-post .post-footer a.share i {
margin-right: 5px;
} .sidebar .widget {
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
margin-bottom: 30px;
border-radius: 5px;
}
.widget-search {
padding: 30px 20px;
}
.blog-input {
width: 79%;
float: left;
margin-right: 10px;
margin-bottom: 0;
}
.blog-input input {
min-height: 50px;
border-radius: 3px;
}
label {
margin-bottom: 0;
}
.blog-input .effect-21 {
border-color: #f2f2f2
}
.blog-input .effect-21~label {
top: 14px;
}
.blog-input .effect-21:focus~label,
.blog-input .has-content.effect-21~label {
top: -18px;
} .blog-post.masonary-post .meta-info {
padding: 20px 15px;
margin: 0 5px;
}
.blog-post.masonary-post .post-content {
}
.blog-post.masonary-post .post-footer {
}
.single-news .more-link,
.blog-post .more-link {
display: inline-block;
padding: 0 15px 0 0;
font-size: 13px;
font-weight: 600;
position: relative;
z-index: 0;
-webkit-transition: .3s all;
transition: .3s all;
}
.single-news .more-link:after,
.blog-post .more-link:after {
content: "\f178";
position: absolute;
right: 0;
top: 0;
font-family: fontawesome;
font-size: 10px;
margin-top: 2px;
}
.single-news a.more-link {
padding-left: 0;
}
.single-news a.more-link:after {
left: 72px;
}
a.more-link:hover, a.more-link:focus {
color: #020202;
} .coming-soon-wrapper {
background-size: cover !important;
background-position: center !important;
text-align: center;
padding: 70px 0;
position: relative;
z-index: 0;
}
.coming-soon-wrapper h1 {
margin: 50px 0 30px;
}
.coming-soon-wrapper p {
width: 80%;
margin: 0 auto;
margin-bottom: 80px;
}
.count-area.comingsoon-count {
padding: 70px 0 80px;
}
.coming-soon-wrapper .timer li>div {
color: #fff;
}
.coming-soon-wrapper .timer li span {
color: #fff;
}
.commingsoon-subscribe .input-effect {
margin-right: 10px;
text-align: left;
float: left;
width: 70%;
margin-bottom: 10px;
}
.commingsoon-subscribe .input-effect input {
min-height: 47px;
padding: 10px 20px;
}
.commingsoon-subscribe .hover-effect {
padding: 0 !important;
border-radius: 0;
float: left;
margin-left: auto;
}
.commingsoon-subscribe .hover-effect input[type=submit] {
background: transparent;
padding: 10px 20px;
height: 47px;
border: 0;
color: #fff;
cursor: pointer;
border-radius: 0;
}
.commingsoon-subscribe button {
border: 1px solid;
border-radius: 23px;
cursor: pointer;
-webkit-transition: .3s;
transition: .3s;
color: #fff;
}
.commingsoon-subscribe button:hover {
background: #fff;
}
ul.commingsoon-social {
margin-top: 30px;
} .post-author {
padding: 30px 35px;
border-top: 1px solid #efedec;
}
.post-author .media-left {
margin-right: 20px;
}
.post-author h5 a {
margin-bottom: 15px;
display: block;
}
ul.blogpost-social li {
display: inline-block;
margin-top: 10px;
}
ul.blogpost-social li a {
width: 25px;
height: 25px;
text-align: center;
color: #fff;
display: block;
margin: 0 4px;
border-radius: 50%;
}
ul.blogpost-social li a:hover {
color: #ffffff;
}
ul.blogpost-social li a:hover i {
-webkit-animation: socialFxD .3s forwards;
animation: socialFxD .3s forwards
}
@-webkit-keyframes socialFxD {
49% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
}
@keyframes socialFxD {
49% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
} .post-new-comment h4 {
margin-bottom: 10px;
}
.post-new-comment p {
margin-bottom: 20px;
}
.post-new-comment .input-effect {
margin: 0 0 15px;
}
.post-new-comment .input-effect input {
border: 1px solid #b0afaf;
min-height: 47px;
}
.form-submit {
padding: 0;
margin-left: 0;
position: relative;
display: inline-block;
border-radius: 5px;
margin: 0 10px;
overflow: hidden;
}
.form-submit input {
border: 0;
min-height: auto;
cursor: pointer;
background: transparent;
color: #fff;
padding: 12px 30px 10px;
}
#respond textarea{
width: 100%;
border-radius: 3px;
margin: 0 0 15px;
}
#respond input[type=text], #respond input[type=email], #respond input[type=url] {
width: 100%;
} .text-404 {
text-align: center;
}
.text-404 h1 {
position: relative;
font-size: 400px;
font-family: 'Cinzel Decorative', cursive;
line-height: 0.8;
z-index: 0;
}
.text-404 h2 {
position: absolute;
top: 122px;
left: 0;
right: 0;
width: 100%;
letter-spacing: 0.75px;
line-height: 80px;
font-size: 50px;
margin: 0 auto;
background-color: #fff;
z-index: 0;
}
#page-404 img {
margin-bottom: 50px;
}
#page-404 h3 {
margin-bottom: 20px;
line-height: 50px;
}
.home-404 {
display: block;
clear: both;
}
a.hover-effect.home-btn {
float: none;
display: inline-block;
margin: 15px 0 0;
padding: 10px 30px !important;
} form[id*=give-form] .give-donation-amount {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
[id*=give-form] .give-form-title {
padding: 0;
margin: 0 0 15px;
text-transform: capitalize;
}
h2.give-form-title {
display: none;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol {
padding: 0px 12px;
height: 35px;
line-height: 35px;
}
form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text {
width: 100%;
max-width: 275px;
font-weight: 600;
}
form[id*=give-form] #give-gateway-radio-list>li label.give-gateway-option {
vertical-align: middle;
font-size: 14px;
}
form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
color: #fff !important;
}
form[id*=give-form] #give-gateway-radio-list>li {
width: 44%;
}
[id*=give-form].give-fl-form .give-fl-wrap {
width: 100%;
}
input[type=checkbox], input[type=radio] {
border: 1px solid #b4b9be;
background: #fff;
color: #555;
clear: none;
cursor: pointer;
display: inline-block !important;
line-height: 0 !important;
height: 16px;
margin: -3px 3px 0 0 !important;
outline: 0 !important;
padding: 0!important;
text-align: center;
vertical-align: middle;
width: 16px !important;
max-width: 16px;
-webkit-appearance: none;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
transition: .05s border-color ease-in-out;
}
input[type=radio] {
border-radius: 50%;
margin-right: 4px;
line-height: 10px;
}
input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
float: left;
display: inline-block;
vertical-align: middle;
width: 16px;
font: normal 21px/1 dashicons;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input[type=radio]:checked:before {
content: "\2022";
text-indent: -9999px;
border-radius: 50px;
font-size: 24px;
width: 6px;
height: 6px;
margin: 4px;
line-height: 16px;
}
input[type=checkbox]:checked:before {
content: "\f147";
margin: -3px 0 0 -4px;
}
.give-submit {
padding: 10px 0;
width: 100%;
border: 0;
color: #fff;
cursor: pointer;
-webkit-transition: .3s all;
transition: .3s all;
}
button.give-btn {
color: #fff;
}
.widget_give_forms_widget .give-btn-modal,
.contact-form input[type=submit]:hover,
.give-submit:hover {
box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.2);
}
div.wpcf7 {
width: 100%;
}
form.wpcf7-form {
display: flex;
flex-wrap: wrap;
}
.wpcf7 p {
flex: 1 1 40%;
margin: 0 10px 10px;
}
.wpcf7 p:nth-last-child(3) {
flex-basis: 100%;
}
.wpcf7 p:nth-last-child(2) {
text-align: center;
flex-basis: 100%;
}
.wpcf7 p label {
width: 100%;
margin-bottom: 0;
}
.wpcf7 input {
width: 100%;
padding: 7px 14px;
}
.wpcf7 p select {
width: 100%;
display: inline-block;
height: calc(1.5em + 0.75rem + 11px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right 0.75rem center/8px 10px;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-acceptance-missing {
margin: auto;
} .post-new-comment {
clear: both;
padding: 30px 35px;
border: 1px solid #e1e0e0;
border-radius: 8px 8px 8px 8px;
}
.post-new-comment h4 {
margin-bottom: 15px;
font-weight: 600;
font-size: 20px;
}
ol.comment-list, ol.children {
list-style: none;
padding: 0;
}
.comment-list article {
margin-bottom: 20px;
padding: 20px 25px;
border: 1px solid #e1e0e0;
border-radius: 8px 8px 8px 8px;
}
.comment-author img {
width: 40px;
height: 40px;
border-radius: 50%;
border: solid 1px #e1e0e0;
display: inline-block;
position: relative;
margin-right: 5px;
}
.post-new-comment p a,
.comment-author b a {
color: #020202;
}
.comment-metadata {
margin-bottom: 15px;
margin-top: -10px;
margin-left: 50px;
font-size: 14px;
position: relative;
}
.edit-link {
position: absolute;
right: 0;
}
.reply {
text-align: right;
}
.comment-metadata a.comment-edit-link,
.reply a {
color: #fff !important;
font-weight: 600;
font-size: 13px;
line-height: 25px;
display: inline-block;
padding: 0px 15px;
border-radius: 100px;
letter-spacing: 1px;
}
.reply a:hover {
color: #fff;
}
select {
width: 100%;
height: 50px;
padding: 8px;
}
.screen-reader-text {
display: none;
} .bg-sticky {
position: absolute;
top: 10px;
left: 10px;
display: block;
text-align: center;
letter-spacing: 0.5px;
font-size: 16px;
font-weight: 600;
padding: 0 .62em;
line-height: 30px;
border-radius: 3px;
color: #fff;
z-index: 9;
} .widget_give_forms_widget .give-btn-modal:hover,
input[type=submit]:hover {
background: #fff;
}
table.give-table thead th {
color: #fff;
text-shadow: none;
}
table.give-table th, table.give-table td {
font-family: "Fira Sans";;
} .clouds {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
}
.play-pause i {
margin: 0 5px;    
}
.play-pause i,
.search__open i {
vertical-align: middle;
}