.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 20px;
clear: both;
}
.alignright {
float: right;
margin-left: 20px;
margin-bottom: 20px;
clear: both;
}
.aligncenter {
display: block;
margin: 0 auto 20px;
}
.alignnone{
margin-bottom: 20px;
margin-top: 20px;
}
.alignfull,
.alignwide {
margin-bottom: 20px;
}
a {
color: var(--site_hadding_color);
-webkit-transition: 0.3s;
transition: 0.3s;
}
a:hover {
color: var(--site_main_color);
}
a:focus,
a:hover {
text-decoration: none;
outline: 0;
}
img {
max-width: 100%;
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--site_hadding_color) ;
font-family: 'Gilroy';
font-weight: 700;
line-height: 1.3;
margin: 0 0 15px;
}
h5{
font-size: 16px;
}
h6{
font-size: 14px;
}
body,
html {
height: 100%;
}
body {
background: #ffffff;
color: var(--site_body_color);
font-family: 'Karla', sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.1px;
line-height: 1.8em;
-ms-word-wrap: break-word;
word-wrap: break-word;
overflow-x: hidden;
}
p{
color: var(--site_text_color);
}
.alt-font {
font-family: 'Poppins', sans-serif;
} input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
} button,
input[type="submit"],
a.read-more {
position: relative;
z-index: 1;
}
button:before,
input[type="submit"]:before,
a.read-more:before {
z-index: -1;
position: absolute;
width: 0%;
height: 100%;
content: "";
top: 0;
right: 0;
transition: 0.5s;
}
button:hover:before,
input[type="submit"]:hover:before,
a.read-more:hover:before {
right: auto;
left: 0;
width: 100%;
} .center,
.left,
.right {
position: relative;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
} .uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.capitalize {
text-transform: capitalize;
}
.font12 {
font-size: 12px;
}
.font14 {
font-size: 14px;
}
.font16 {
font-size: 16px;
}
.font18 {
font-size: 18px;
}
.font20 {
font-size: 20px;
}
.font22 {
font-size: 22px;
}
.font24 {
font-size: 24px;
}
.font26 {
font-size: 26px;
}
.font28 {
font-size: 28px;
}
.font32 {
font-size: 32px;
}
.font30 {
font-size: 30px;
}
.font36 {
font-size: 36px;
}
.font38 {
font-size: 38px;
}
.font48 {
font-size: 48px;
}
.font42 {
font-size: 42px;
}
.font48 {
font-size: 48px;
}
.font50 {
font-size: 50px;
}
.font52 {
font-size: 52px;
}
.font60 {
font-size: 60px;
}
.font80 {
font-size: 80px;
}
.font120 {
font-size: 120px;
}
.font140 {
font-size: 140px;
} @media only screen and (min-width: 1200px) {
.lg-center {
text-align: center;
}
.lg-left {
text-align: left;
}
.lg-right {
text-align: right;
}
.lg-font12 {
font-size: 12px;
}
.lg-font14 {
font-size: 14px;
}
.lg-font16 {
font-size: 16px;
}
.lg-font18 {
font-size: 18px;
}
.lg-font20 {
font-size: 20px;
}
.lg-font22 {
font-size: 22px;
}
.lg-font24 {
font-size: 24px;
}
.lg-font26 {
font-size: 26px;
}
.lg-font28 {
font-size: 28px;
}
.lg-font32 {
font-size: 32px;
}
.lg-font30 {
font-size: 30px;
}
.lg-font36 {
font-size: 36px;
}
.lg-font38 {
font-size: 38px;
}
.lg-font48 {
font-size: 48px;
}
.lg-font42 {
font-size: 42px;
}
.lg-font48 {
font-size: 48px;
}
.lg-font50 {
font-size: 50px;
}
.lg-font52 {
font-size: 52px;
}
.lg-font60 {
font-size: 60px;
}
.lg-font80 {
font-size: 80px;
}
.lg-font120 {
font-size: 120px;
}
.lg-font140 {
font-size: 140px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.md-center {
text-align: center;
}
.md-left {
text-align: left;
}
.md-right {
text-align: right;
}
.md-font12 {
font-size: 12px;
}
.md-font14 {
font-size: 14px;
}
.md-font16 {
font-size: 16px;
}
.md-font18 {
font-size: 18px;
}
.md-font20 {
font-size: 20px;
}
.md-font22 {
font-size: 22px;
}
.md-font24 {
font-size: 24px;
}
.md-font26 {
font-size: 26px;
}
.md-font28 {
font-size: 28px;
}
.md-font32 {
font-size: 32px;
}
.md-font30 {
font-size: 30px;
}
.md-font36 {
font-size: 36px;
}
.md-font38 {
font-size: 38px;
}
.md-font48 {
font-size: 48px;
}
.md-font42 {
font-size: 42px;
}
.md-font48 {
font-size: 48px;
}
.md-font50 {
font-size: 50px;
}
.md-font52 {
font-size: 52px;
}
.md-font60 {
font-size: 60px;
}
.md-font80 {
font-size: 80px;
}
.md-font120 {
font-size: 120px;
}
.md-font140 {
font-size: 140px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-center {
text-align: center;
}
.sm-left {
text-align: left;
}
.sm-right {
text-align: right;
}
.sm-font12 {
font-size: 12px;
}
.sm-font14 {
font-size: 14px;
}
.sm-font16 {
font-size: 16px;
}
.sm-font18 {
font-size: 18px;
}
.sm-font20 {
font-size: 20px;
}
.sm-font22 {
font-size: 22px;
}
.sm-font24 {
font-size: 24px;
}
.sm-font26 {
font-size: 26px;
}
.sm-font28 {
font-size: 28px;
}
.sm-font32 {
font-size: 32px;
}
.sm-font30 {
font-size: 30px;
}
.sm-font36 {
font-size: 36px;
}
.sm-font38 {
font-size: 38px;
}
.sm-font48 {
font-size: 48px;
}
.sm-font42 {
font-size: 42px;
}
.sm-font48 {
font-size: 48px;
}
.sm-font50 {
font-size: 50px;
}
.sm-font52 {
font-size: 52px;
}
.sm-font60 {
font-size: 60px;
}
.sm-font80 {
font-size: 80px;
}
.sm-font120 {
font-size: 120px;
}
.sm-font140 {
font-size: 140px;
}
}
@media only screen and (max-width: 767px) {
.xs-center {
text-align: center;
}
.xs-left {
text-align: left;
}
.xs-right {
text-align: right;
}
.xs-font12 {
font-size: 12px;
}
.xs-font14 {
font-size: 14px;
}
.xs-font16 {
font-size: 16px;
}
.xs-font18 {
font-size: 18px;
}
.xs-font20 {
font-size: 20px;
}
.xs-font22 {
font-size: 22px;
}
.xs-font24 {
font-size: 24px;
}
.xs-font26 {
font-size: 26px;
}
.xs-font28 {
font-size: 28px;
}
.xs-font32 {
font-size: 32px;
}
.xs-font30 {
font-size: 30px;
}
.xs-font36 {
font-size: 36px;
}
.xs-font38 {
font-size: 38px;
}
.xs-font48 {
font-size: 48px;
}
.xs-font42 {
font-size: 42px;
}
.xs-font48 {
font-size: 48px;
}
.xs-font50 {
font-size: 50px;
}
.xs-font52 {
font-size: 52px;
}
.xs-font60 {
font-size: 60px;
}
.xs-font80 {
font-size: 80px;
}
.xs-font120 {
font-size: 120px;
}
.xs-font140 {
font-size: 140px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.xsl-center {
text-align: center;
}
.xsl-left {
text-align: left;
}
.xsl-right {
text-align: right;
}
.xsl-font12 {
font-size: 12px;
}
.xsl-font14 {
font-size: 14px;
}
.xsl-font16 {
font-size: 16px;
}
.xsl-font18 {
font-size: 18px;
}
.xsl-font20 {
font-size: 20px;
}
.xsl-font22 {
font-size: 22px;
}
.xsl-font24 {
font-size: 24px;
}
.xsl-font26 {
font-size: 26px;
}
.xsl-font28 {
font-size: 28px;
}
.xsl-font32 {
font-size: 32px;
}
.xsl-font30 {
font-size: 30px;
}
.xsl-font36 {
font-size: 36px;
}
.xsl-font38 {
font-size: 38px;
}
.xsl-font48 {
font-size: 48px;
}
.xsl-font42 {
font-size: 42px;
}
.xsl-font48 {
font-size: 48px;
}
.xsl-font50 {
font-size: 50px;
}
.xsl-font52 {
font-size: 52px;
}
.xsl-font60 {
font-size: 60px;
}
.xsl-font80 {
font-size: 80px;
}
.xsl-font120 {
font-size: 120px;
}
.xsl-font140 {
font-size: 140px;
}
} .width50 {
width: 50px;
}
.width60 {
width: 60px;
}
.width70 {
width: 70px;
}
.width80 {
width: 80px;
}
.width90 {
width: 90px;
}
.width100 {
width: 100px;
}
.width110 {
width: 110px;
}
.width120 {
width: 120px;
}
.width50p {
width: 50%;
}
.width70p {
width: 70%;
}
.width80p {
width: 80%;
}
.width90p {
width: 90%;
}
.width100p,
.width100p img {
width: 100%;
} .display-table {
display: table;
}
.display-table-cell {
display: table-cell;
}
.vertical-align-middle {
vertical-align: middle;
}
p:last-of-type {
margin-bottom: 0;
}
.last-p-mb0 p:last-of-type {
margin-bottom: 0;
}
.first-h4-mb0 h4:first-of-type {
margin-bottom: 0;
}
.font300 {
font-weight: 300;
}
.font400 {
font-weight: 400;
}
.font500 {
font-weight: 500;
}
.font600 {
font-weight: 600;
}
.font700 {
font-weight: 700;
}
.font800 {
font-weight: 800;
} .fix {
overflow: hidden;
}
.relative {
position: relative;
overflow: hidden;
}
.absulute {
position: absolute;
}
.v-center {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 9;
}
.h-center {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.h-center-reverse {
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.content-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.item-center {
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 1;
}
.flex-v-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.display-block {
display: block;
}
.social-bookmark li {
display: inline;
}
.social-bookmark li a {
display: inline-block;
margin: 0 2px;
text-align: center;
}
.inline li {
display: inline;
}
.inline-block li {
display: inline-block;
}
.inline-block {
display: inline-block;
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-width100p {
width: 100%;
}
.flex-v-center {
display: inherit;
}
}
@media only screen and (max-width: 767px) {
.xs-width100p {
width: 100%;
}
.flex-v-center {
-webkit-box-align: inherit;
-ms-flex-align: inherit;
align-items: inherit;
display: inherit;
}
} .mt100 {
margin-top: 100px;
}
.mt90 {
margin-top: 90px;
}
.mt80 {
margin-top: 80px;
}
.mt70 {
margin-top: 70px;
}
.mt60 {
margin-top: 60px;
}
.mt50 {
margin-top: 50px;
}
.mt40 {
margin-top: 40px;
}
.mt30 {
margin-top: 30px;
}
.mt20 {
margin-top: 20px;
}
.mt10 {
margin-top: 10px;
}
.no-margin {
margin: 0;
}
.mb100 {
margin-bottom: 100px;
}
.mb90 {
margin-bottom: 90px;
}
.mb80 {
margin-bottom: 80px;
}
.mb70 {
margin-bottom: 70px;
}
.mb60 {
margin-bottom: 60px;
}
.mb50 {
margin-bottom: 50px;
}
.mb40 {
margin-bottom: 40px;
}
.mb30 {
margin-bottom: 30px;
}
.mb20 {
margin-bottom: 20px;
}
.mb10 {
margin-bottom: 10px;
}
.mb0 {
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) { .lg-mb0 {
margin-bottom: 0;
}
.lg-mb10 {
margin-bottom: 10px;
}
.lg-mb20 {
margin-bottom: 20px;
}
.lg-mb30 {
margin-bottom: 30px;
}
.lg-mb40 {
margin-bottom: 40px;
}
.lg-mb50 {
margin-bottom: 50px;
}
.lg-mb60 {
margin-bottom: 60px;
}
.lg-mb70 {
margin-bottom: 70px;
}
.lg-mb80 {
margin-bottom: 80px;
}
.lg-mb100 {
margin-bottom: 100px;
}
.lg-mt0 {
margin-top: 0;
}
.lg-mt10 {
margin-top: 10px;
}
.lg-mt20 {
margin-top: 20px;
}
.lg-mt30 {
margin-top: 30px;
}
.lg-mt40 {
margin-top: 40px;
}
.lg-mt50 {
margin-top: 50px;
}
.lg-mt60 {
margin-top: 60px;
}
.lg-mt70 {
margin-top: 70px;
}
.lg-mt80 {
margin-top: 80px;
}
.lg-mt100 {
margin-top: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) { .md-mb0 {
margin-bottom: 0;
}
.md-mb10 {
margin-bottom: 10px;
}
.md-mb20 {
margin-bottom: 20px;
}
.md-mb30 {
margin-bottom: 30px;
}
.md-mb40 {
margin-bottom: 40px;
}
.md-mb50 {
margin-bottom: 50px;
}
.md-mb60 {
margin-bottom: 60px;
}
.md-mb70 {
margin-bottom: 70px;
}
.md-mb80 {
margin-bottom: 80px;
}
.md-mb100 {
margin-bottom: 100px;
}
.md-mt0 {
margin-top: 0;
}
.md-mt10 {
margin-top: 10px;
}
.md-mt20 {
margin-top: 20px;
}
.md-mt30 {
margin-top: 30px;
}
.md-mt40 {
margin-top: 40px;
}
.md-mt50 {
margin-top: 50px;
}
.md-mt60 {
margin-top: 60px;
}
.md-mt70 {
margin-top: 70px;
}
.md-mt80 {
margin-top: 80px;
}
.md-mt100 {
margin-top: 100px;
}
}
@media (min-width: 768px) and (max-width: 991px) { .sm-mb0 {
margin-bottom: 0;
}
.sm-mb10 {
margin-bottom: 10px;
}
.sm-mb20 {
margin-bottom: 20px;
}
.sm-mb30 {
margin-bottom: 30px;
}
.sm-mb40 {
margin-bottom: 40px;
}
.sm-mb50 {
margin-bottom: 50px;
}
.sm-mb60 {
margin-bottom: 60px;
}
.sm-mb70 {
margin-bottom: 70px;
}
.sm-mb80 {
margin-bottom: 80px;
}
.sm-mb100 {
margin-bottom: 100px;
}
.sm-mt0 {
margin-top: 0;
}
.sm-mt10 {
margin-top: 10px;
}
.sm-mt20 {
margin-top: 20px;
}
.sm-mt30 {
margin-top: 30px;
}
.sm-mt40 {
margin-top: 40px;
}
.sm-mt50 {
margin-top: 50px;
}
.sm-mt60 {
margin-top: 60px;
}
.sm-mt70 {
margin-top: 70px;
}
.sm-mt80 {
margin-top: 80px;
}
.sm-mt100 {
margin-top: 100px;
}
}
@media only screen and (max-width: 767px) { .xs-mb0 {
margin-bottom: 0;
}
.xs-mb10 {
margin-bottom: 10px;
}
.xs-mb20 {
margin-bottom: 20px;
}
.xs-mb30 {
margin-bottom: 30px;
}
.xs-mb40 {
margin-bottom: 40px;
}
.xs-mb50 {
margin-bottom: 50px;
}
.xs-mb60 {
margin-bottom: 60px;
}
.xs-mb70 {
margin-bottom: 70px;
}
.xs-mb80 {
margin-bottom: 80px;
}
.xs-mb100 {
margin-bottom: 100px;
}
.xs-mt0 {
margin-top: 0;
}
.xs-mt10 {
margin-top: 10px;
}
.xs-mt20 {
margin-top: 20px;
}
.xs-mt30 {
margin-top: 30px;
}
.xs-mt40 {
margin-top: 40px;
}
.xs-mt50 {
margin-top: 50px;
}
.xs-mt60 {
margin-top: 60px;
}
.xs-mt70 {
margin-top: 70px;
}
.xs-mt80 {
margin-top: 80px;
}
.xs-mt100 {
margin-top: 100px;
}
} .section-padding {
padding: 100px 0;
}
.padding-top {
padding-top: 100px;
}
.padding-bottom {
padding-bottom: 100px;
}
.padding-100-70 {
padding-top: 100px;
padding-bottom: 70px;
}
.padding-100-50 {
padding-top: 100px;
padding-bottom: 50px;
}
.padding-100-40 {
padding-top: 100px;
padding-bottom: 40px;
}
.padding-100-30 {
padding-top: 100px;
padding-bottom: 30px;
}
.padding-50-50 {
padding: 50px 0;
}
.padding-150-150 {
padding: 150px 0;
} .padding-top-10 {
padding-top: 10px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-top-60 {
padding-top: 60px;
}
.padding-top-70 {
padding-top: 70px;
}
.padding-top-80 {
padding-top: 80px;
}
.padding-top-90 {
padding-top: 90px;
}
.padding-top-100 {
padding-top: 100px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.padding-bottom-70 {
padding-bottom: 70px;
}
.padding-bottom-80 {
padding-bottom: 80px;
}
.padding-bottom-90 {
padding-bottom: 90px;
}
.padding-bottom-100 {
padding-bottom: 100px;
} .padding100 {
padding: 100px;
}
.padding90 {
padding: 90px;
}
.padding80 {
padding: 80px;
}
.padding70 {
padding: 70px;
}
.padding60 {
padding: 60px;
}
.padding50 {
padding: 50px;
}
.padding40 {
padding: 40px;
}
.padding30 {
padding: 30px;
}
.padding20 {
padding: 20px;
}
.padding10 {
padding: 10px;
}
.no-padding {
padding: 0;
} @media only screen and (min-width: 1200px) {
.lg-padding-top-10 {
padding-top: 10px;
}
.lg-padding-top-20 {
padding-top: 20px;
}
.lg-padding-top-30 {
padding-top: 30px;
}
.lg-padding-top-40 {
padding-top: 40px;
}
.lg-padding-top-50 {
padding-top: 50px;
}
.lg-padding-top-60 {
padding-top: 60px;
}
.lg-padding-top-70 {
padding-top: 70px;
}
.lg-padding-top-80 {
padding-top: 80px;
}
.lg-padding-top-90 {
padding-top: 90px;
}
.lg-padding-top-100 {
padding-top: 100px;
}
.lg-padding-bottom-10 {
padding-bottom: 10px;
}
.lg-padding-bottom-20 {
padding-bottom: 20px;
}
.lg-padding-bottom-30 {
padding-bottom: 30px;
}
.lg-padding-bottom-40 {
padding-bottom: 40px;
}
.lg-padding-bottom-50 {
padding-bottom: 50px;
}
.lg-padding-bottom-60 {
padding-bottom: 60px;
}
.lg-padding-bottom-70 {
padding-bottom: 70px;
}
.lg-padding-bottom-80 {
padding-bottom: 80px;
}
.lg-padding-bottom-90 {
padding-bottom: 90px;
}
.lg-padding-bottom-100 {
padding-bottom: 100px;
} .lg-padding100 {
padding: 100px;
}
.lg-padding90 {
padding: 90px;
}
.lg-padding80 {
padding: 80px;
}
.lg-padding70 {
padding: 70px;
}
.lg-padding60 {
padding: 60px;
}
.lg-padding50 {
padding: 50px;
}
.lg-padding40 {
padding: 40px;
}
.lg-padding30 {
padding: 30px;
}
.lg-padding20 {
padding: 20px;
}
.lg-padding10 {
padding: 10px;
}
.lg-padding0 {
padding: 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.md-padding-top-10 {
padding-top: 10px;
}
.md-padding-top-20 {
padding-top: 20px;
}
.md-padding-top-30 {
padding-top: 30px;
}
.md-padding-top-40 {
padding-top: 40px;
}
.md-padding-top-50 {
padding-top: 50px;
}
.md-padding-top-60 {
padding-top: 60px;
}
.md-padding-top-70 {
padding-top: 70px;
}
.md-padding-top-80 {
padding-top: 80px;
}
.md-padding-top-90 {
padding-top: 90px;
}
.md-padding-top-100 {
padding-top: 100px;
}
.md-padding-bottom-10 {
padding-bottom: 10px;
}
.md-padding-bottom-20 {
padding-bottom: 20px;
}
.md-padding-bottom-30 {
padding-bottom: 30px;
}
.md-padding-bottom-40 {
padding-bottom: 40px;
}
.md-padding-bottom-50 {
padding-bottom: 50px;
}
.md-padding-bottom-60 {
padding-bottom: 60px;
}
.md-padding-bottom-70 {
padding-bottom: 70px;
}
.md-padding-bottom-80 {
padding-bottom: 80px;
}
.md-padding-bottom-90 {
padding-bottom: 90px;
}
.md-padding-bottom-100 {
padding-bottom: 100px;
} .md-padding100 {
padding: 100px;
}
.md-padding90 {
padding: 90px;
}
.md-padding80 {
padding: 80px;
}
.md-padding70 {
padding: 70px;
}
.md-padding60 {
padding: 60px;
}
.md-padding50 {
padding: 50px;
}
.md-padding40 {
padding: 40px;
}
.md-padding30 {
padding: 30px;
}
.md-padding20 {
padding: 20px;
}
.md-padding10 {
padding: 10px;
}
.md-padding0 {
padding: 0px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-padding-top-10 {
padding-top: 10px;
}
.sm-padding-top-20 {
padding-top: 20px;
}
.sm-padding-top-30 {
padding-top: 30px;
}
.sm-padding-top-40 {
padding-top: 40px;
}
.sm-padding-top-50 {
padding-top: 50px;
}
.sm-padding-top-60 {
padding-top: 60px;
}
.sm-padding-top-70 {
padding-top: 70px;
}
.sm-padding-top-80 {
padding-top: 80px;
}
.sm-padding-top-90 {
padding-top: 90px;
}
.sm-padding-top-100 {
padding-top: 100px;
}
.sm-padding-bottom-10 {
padding-bottom: 10px;
}
.sm-padding-bottom-20 {
padding-bottom: 20px;
}
.sm-padding-bottom-30 {
padding-bottom: 30px;
}
.sm-padding-bottom-40 {
padding-bottom: 40px;
}
.sm-padding-bottom-50 {
padding-bottom: 50px;
}
.sm-padding-bottom-60 {
padding-bottom: 60px;
}
.sm-padding-bottom-70 {
padding-bottom: 70px;
}
.sm-padding-bottom-80 {
padding-bottom: 80px;
}
.sm-padding-bottom-90 {
padding-bottom: 90px;
}
.sm-padding-bottom-100 {
padding-bottom: 100px;
} .sm-padding100 {
padding: 100px;
}
.sm-padding90 {
padding: 90px;
}
.sm-padding80 {
padding: 80px;
}
.sm-padding70 {
padding: 70px;
}
.sm-padding60 {
padding: 60px;
}
.sm-padding50 {
padding: 50px;
}
.sm-padding40 {
padding: 40px;
}
.sm-padding30 {
padding: 30px;
}
.sm-padding20 {
padding: 20px;
}
.sm-padding10 {
padding: 10px;
}
.sm-padding0 {
padding: 0px;
} .section-padding {
padding: 80px 0;
}
.padding-top {
padding-top: 80px;
}
.padding-bottom {
padding-bottom: 80px;
}
.padding-100-50 {
padding-top: 80px;
padding-bottom: 30px;
}
.padding-100-70 {
padding-top: 80px;
padding-bottom: 50px;
}
.padding-100-30 {
padding-top: 80px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.xs-padding-top-10 {
padding-top: 10px;
}
.xs-padding-top-20 {
padding-top: 20px;
}
.xs-padding-top-30 {
padding-top: 30px;
}
.xs-padding-top-40 {
padding-top: 40px;
}
.xs-padding-top-50 {
padding-top: 50px;
}
.xs-padding-top-60 {
padding-top: 60px;
}
.xs-padding-top-70 {
padding-top: 70px;
}
.xs-padding-top-80 {
padding-top: 80px;
}
.xs-padding-top-90 {
padding-top: 90px;
}
.xs-padding-top-100 {
padding-top: 100px;
}
.xs-padding-bottom-10 {
padding-bottom: 10px;
}
.xs-padding-bottom-20 {
padding-bottom: 20px;
}
.xs-padding-bottom-30 {
padding-bottom: 30px;
}
.xs-padding-bottom-40 {
padding-bottom: 40px;
}
.xs-padding-bottom-50 {
padding-bottom: 50px;
}
.xs-padding-bottom-60 {
padding-bottom: 60px;
}
.xs-padding-bottom-70 {
padding-bottom: 70px;
}
.xs-padding-bottom-80 {
padding-bottom: 80px;
}
.xs-padding-bottom-90 {
padding-bottom: 90px;
}
.xs-padding-bottom-100 {
padding-bottom: 100px;
} .xs-padding100 {
padding: 100px;
}
.xs-padding90 {
padding: 90px;
}
.xs-padding80 {
padding: 80px;
}
.xs-padding70 {
padding: 70px;
}
.xs-padding60 {
padding: 60px;
}
.xs-padding50 {
padding: 50px;
}
.xs-padding40 {
padding: 40px;
}
.xs-padding30 {
padding: 30px;
}
.xs-padding20 {
padding: 20px;
}
.xs-padding10 {
padding: 10px;
}
.xs-padding0 {
padding: 0px;
} .section-padding {
padding: 50px 0;
}
.padding-top {
padding-top: 50px;
}
.padding-bottom {
padding-bottom: 50px;
}
.padding-100-50 {
padding-top: 50px;
padding-bottom: 0;
}
.padding-100-70 {
padding-top: 50px;
padding-bottom: 20px;
}
.padding-100-30 {
padding-top: 50px;
padding-bottom: 0px;
}
} .theme-bg {
background: #f85d1c;
}
.green-bg {
background: #f6fafb;
}
.white-green-bg {
background: #eaf6fa;
}
.gray-bg {
background: #f0f1ff;
}
.light-gray-bg {
background-color: #f7f7f7;
}
.deep-gray-bg {
background-color: #f2f0ff;
}
.sky-gray-bg {
background: #f7f9fc;
}
.soft-gray-bg {
background: #f8f8ff;
}
.dark-bg {
background: rgba(0, 0, 0, .85);
color: #ffffff;
}
.alt-dark-bg {
background: #0a0c19;
color: #ffffff;
}
.deep-dark-bg {
background: rgba(0, 0, 0, .9);
color: #ffffff;
}
.alt-deep-dark-bg {
background: #050713;
color: #ffffff;
}
.no-bg {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
} .black,
.black a,
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6,
.black small,
.red,
.red a,
.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red h6,
.red small,
.white,
.white a,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white small {
color: #ffffff;
} .border {
border: 1px solid #dddddd;
}
.border-left {
border-left: 1px solid #dddddd;
}
.border-right {
border-right: 1px solid #dddddd;
}
.border-bottom {
border-bottom: 1px solid #dddddd;
}
.border-top {
border-top: 1px solid #dddddd;
}
.border-righ-bottom {
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
.border-xs {
border: 1px solid #dddddd;
}
}
.border-radious5 {
border-radius: 5px;
}
.border-radious10 {
border-radius: 10px;
}
.border-radious20 {
border-radius: 20px;
}
.border-radious50 {
border-radius: 50px;
} .shadow {
-webkit-box-shadow: 0 0 3px #dddddd;
box-shadow: 0 0 3px #dddddd;
}
.shadow10 {
-webkit-box-shadow: 0 0 10px #dddddd;
box-shadow: 0 0 3px #dddddd;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.shadow10:hover,
.shadow:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.no-shadow {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
} button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
outline: 0;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
outline: 0;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
outline: 0;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
embed,
iframe,
object {
width: 100%;
border: 0;
}@media only screen and (min-width: 992px) {
.stellarnav ul li ul {
margin-top: 5px;
transition: 0.5s !important;
opacity: 0;
visibility: hidden;
display: block !important;
}
.stellarnav ul li:hover > ul {
opacity: 1;
visibility: visible;
margin-top: 0;
}
}
.mainmenu-area svg {
display: none;
position: absolute;
right: 15px;
top: 15px;
}
.menu-toggle.full {
text-indent: -999px;
}
.dd-toggle {
background: #ffffff none repeat scroll 0 0 !important;
}
.stellarnav.mobile li a {
border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
}
.ham {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
-webkit-transition: -webkit-transform 400ms;
transition: -webkit-transform 400ms;
transition: transform 400ms;
transition: transform 400ms, -webkit-transform 400ms;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.hamRotate.active {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamRotate180.active {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.line {
fill: none;
-webkit-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
stroke: #000;
stroke-width: 3.5;
stroke-linecap: round;
}
.ham8 .top {
stroke-dasharray: 20 160; }
.ham8 .middle {
stroke-dasharray: 40 142;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition: -webkit-transform 400ms;
transition: -webkit-transform 400ms;
transition: transform 400ms;
transition: transform 400ms, -webkit-transform 400ms;
}
.ham8 .bottom {
stroke-dasharray: 40 85;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition: stroke-dashoffset 400ms, -webkit-transform 400ms;
transition: stroke-dashoffset 400ms, -webkit-transform 400ms;
transition: transform 400ms, stroke-dashoffset 400ms;
transition: transform 400ms, stroke-dashoffset 400ms, -webkit-transform 400ms;
}
.ham8.active .top {
stroke-dashoffset: -64px;
}
.ham8.active .middle { -webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.ham8.active .bottom {
stroke-dashoffset: -64px;
} .top-bar {
padding: 10px 0;
}
.top-left-contact p {
display: inline-block;
margin-right: 20px;
margin-bottom: 0;
line-height: 1;
}
.top-left-contact p i {
margin-right: 5px;
font-size: 16px;
position: relative;
top: 2px;
}
.top-left-contact p:last-child {
margin-right: 0;
}
.top-bar .social-profile {
text-align: right;
}
.top-bar .social-profile ul {
margin: 0;
padding: 0;
list-style: none;
}
.top-bar .social-profile ul li {
display: inline-block;
}
.top-bar .social-profile ul li a {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
padding-top: 0px;
color: #6c90b9;
border-radius: 3px;
margin: 0 3px;
}
.top-bar .social-profile ul li a:hover {
background: #ffffff;
color: var(--site_main_color);
} .stellarnav {
display: inline-block;
margin: 0 auto;
width: auto;
}
.stellarnav.light {
background: inherit;
}
.header-top-area {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
.mainmenu-area {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
position: relative;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 9999;
}
.mainmenu-area-bg {
background: #ffffff none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
.is-sticky .mainmenu-area-bg {
opacity: .8;
}
.navbar {
border-bottom: 0 none;
border-top: 0 none;
margin-bottom: 0;
}
.header-top-area .navbar > .container.container__full,
.container.container__full {
width: 95%;
}
.navbar-header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
left: 0; -webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 9999;
}
.is-sticky .navbar-header {
margin-top: 0;
}
.navbar-header h3 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 30px;
font-weight: 600;
height: 100px;
margin-bottom: 0; -webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
margin-right: 50px;
width: 100%;
}
.is-sticky .navbar-header h3 {
height: 60px;
}
.navbar-header h3 a {
color: #ffffff;
}
.is-sticky .navbar-header h3 a {
color: #252525;
}
.navbar-brand > img {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.custom-logo-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100px;
position: relative; }
.is-sticky .custom-logo-link {
min-height: 80px;
margin: 0;
padding: 0;
}
.custom-logo-link img {
max-width: 200px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
ul#nav {
float: right;
}
.stellarnav.dark {
background: rgba(0, 0, 0, 0);
}
.stellarnav ul ul {
-webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
}
ul#nav li a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #ffffff;
letter-spacing: 0.5px;
padding: 40px 15px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
ul#nav li a {
font-weight: 700;
letter-spacing: 0;
text-transform: capitalize;
}
ul#nav li li a {
color: #252525;
}
.is-sticky ul#nav li a {
padding: 30px 15px;
color: #252525;
} ul#nav li ul a,
.is-sticky ul#nav li ul a {
border-bottom: 1px solid #f3f3f3;
padding: 12px 12px 12px 15px;
}
.is-sticky ul#nav li ul li:last-child a,
ul#nav li ul li:last-child a {
border-bottom: 0;
}
.is-sticky ul#nav li > a:hover,
.is-sticky ul#nav li ul li > a:hover,
.is-sticky ul#nav li.active > a,
.is-sticky ul#nav li.hover > a,
.is-sticky ul#nav li.current-menu-parent > a,
.is-sticky ul#nav li.current-menu-item > a {
color: var(--site_main_color);
}
.is-sticky ul#nav li ul a:hover,
ul#nav li ul a:hover {
color: var(--site_main_color);
}
.is-sticky .mainmenu-area {
background: #ffffff none repeat scroll 0 0;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.06);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.06);
z-index: 99999;
}
.menu-toggle.full {
border: 0;
font-size: 20px;
height: 40px;
letter-spacing: 2px;
line-height: 1;
padding-top: 8px;
position: absolute;
right: 15px;
text-align: center;
top: 20px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 50px;
z-index: 9999;
}
.is-sticky .menu-toggle.full {
color: #292929;
border-color: #292929;
}
.admin-bar .top-bar {
position: relative;
top: 31px;
}
.admin-bar .mainmenu-area {
top: 30px;
}
.admin-bar .is-sticky .mainmenu-area {
top: 32px !important;
}
.stellarnav li li.has-sub > a::after {
margin-left: 0;
position: absolute;
right: 10px;
}
.stellarnav li li.has-sub > a::after {
font-family: 'themify';
content:"\e649";
margin-left: 0;
position: absolute;
right: 10px;
font-size: 12px;
top: 16px;
}
.stellarnav li.drop-left li.has-sub > a::after {
display: inline-block;
left: -5px;
margin-right: 0;
position: relative;
}
.stellarnav li.drop-left li.has-sub > a::after {
font-family: 'themify';
content: "\e64a";
font-size: 12px;
display: inline-block !important;
top: 4px;
}
@media only screen and (min-width: 992px){
.stellarnav ul ul {
border-bottom: 3px solid var(--site_main_color);
}
ul#nav li ul li a:hover {
background: #f8f8f8 !important;
}
ul#nav > li {
position: relative;
}
ul#nav > li > a:before {
position: absolute;
top: 0;
right: 0;
width: 0%;
height: 2px;
content: "";
opacity: 0;
transition: 0.3s;
background: var(--site_main_color);
}
ul#nav > li.active > a:before,
ul#nav > li.current_page_item > a:before,
ul#nav > li > a:hover:before {
opacity: 1;
width: 100%;
left: 0;
right: a;
}
}  @media only screen and (min-width: 1920px) {
.header-top-area .navbar > .container.container__full,
.container.container__full {
width: 90%;
}
.is-sticky .mainmenu-area {
padding-top: 0;
}
ul#nav li a {
padding: 40px 20px;
}
.is-sticky ul#nav li a {
padding: 30px 20px;
}
} @media only screen and (min-width: 992px) and (max-width: 1200px) {
.header-top-area .navbar > .container.container__full,
.container.container__full {
width: 100%;
}
.is-sticky .navbar-header {
margin-top: 2px;
}
ul#nav li a {
padding: 40px 15px;
}
.is-sticky ul#nav li a {
padding: 25px 15px;
}
} @media (min-width: 768px) and (max-width: 991px) {
.stellarnav {
display: block;
margin: 0 auto;
width: 100%;
}
.stellarnav.mobile.active {
padding-bottom: 15px;
}
.mainmenu-area svg {
display: block !important;
position: absolute;
right: 15px;
top: 15px;
}
.menu-toggle.full,
.navbar-header h3 a {
color: #ffffff;
}
.line {
stroke: #ffffff;
}
.is-sticky .line {
stroke: #292929;
}
.admin-bar .mainmenu-area {
top: 46px;
}
.admin-bar .is-sticky .mainmenu-area {
top: 46px !important;
}
.admin-bar .top-bar {
position: relative;
top: 46px;
}
.navbar-header h3 {
padding-left: 0;
}
.navbar-header h3 a {
color: #ffffff;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse.collapse.in {
display: block !important;
}
.navbar-header .collapse,
.navbar-toggle {
border: 2px solid var(--site_main_color);
border-radius: 0;
display: block !important;
}
.navbar-toggle .icon-bar {
background: var(--site_main_color) none repeat scroll 0 0;
}
.navbar-header {
float: none;
}
.navbar-header {
height: 80px;
margin: 0;
padding: 0;
position: static;
}
.custom-logo-link,
.is-sticky .custom-logo-link {
left: 0;
margin-top: 0;
padding: 0;
}
.custom-logo-link img {
max-width: 150px;
}
ul#nav {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e4eaf3;
width: 100%;
max-height: 500px;
overflow-x: hidden;
overflow-y: auto;
}
ul#nav li {
float: none;
}
ul#nav li a {
color: var(--site_main_color) !important;
font-weight: 400 !important;
height: 40px;
}
.is-sticky .navbar-header {
margin: 0;
padding: 5px 0;
}
.navbar-brand {
padding: 8px;
}
.is-sticky .navbar-brand {
margin-top: -3px;
}
.is-sticky .navbar-brand img {
margin-top: 5px;
}
.is-sticky ul#nav li a,
ul#nav li a {
color: #ffffff;
padding: 10px 15px;
}
ul#nav li a::after {
display: none !important;
}
.stellarnav > ul > li:last-child {
margin-right: inherit;
}
.stellarnav ul ul {
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
ul.sub-menu a {
border: 0 none !important;
font-size: 14px !important;
font-weight: 400 !important;
height: 40px;
padding-left: 30px !important;
text-transform: capitalize !important;
}
ul.sub-menu .sub-menu a {
padding-left: 45px !important;
}
ul#nav .current-menu-parent > a,
.current-menu-parent > a,
ul#nav li.has-sub.open > a,
ul#nav li a:hover,
ul#nav li.active > a,
ul#nav li.current-menu-item > a,
ul#nav li.hover > a,
ul#nav li.open.menu-item-has-children > a {
background: var(--site_main_color) !important;
color: #ffffff !important;
}
} @media only screen and (max-width: 767px) {
.stellarnav {
display: block;
margin: 0 auto;
width: 100%;
}
.stellarnav.mobile.active {
padding-bottom: 15px;
}
.mainmenu-area svg {
display: block !important;
position: absolute;
right: 15px;
top: 15px;
}
.menu-toggle.full,
.navbar-header h3 a {
color: #ffffff;
}
.line {
stroke: #ffffff;
}
.is-sticky .line {
stroke: #292929;
}
.admin-bar .top-bar {
position: relative;
top: 46px;
}
.admin-bar .mainmenu-area {
top: 46px;
}
.admin-bar .is-sticky .mainmenu-area {
top: 0 !important;
}
.navbar-header h3 {
padding-left: 0;
}
.navbar-header h3 a {
color: #ffffff;
}
.navbar-header {
height: 80px;
margin: 0;
padding: 0;
position: static;
}
.custom-logo-link,
.is-sticky .custom-logo-link {
left: 0;
margin-top: 0;
padding: 0;
}
.custom-logo-link img {
max-width: 150px;
}
ul#nav {
background: #fff none repeat scroll 0 0;
border: 1px solid #e4eaf3;
width: 100%;
max-height: 500px;
overflow-x: hidden;
overflow-y: auto;
}
ul#nav li {
float: none;
}
ul#nav li a {
height: 40px;
color: var(--site_main_color) !important;
font-weight: 400 !important;
}
.navbar-brand {
margin-top: -3px;
padding: 8px;
}
.is-sticky .navbar-brand {
margin-top: -3px;
}
.navbar-brand > img {
margin-top: 2px;
width: 90%;
}
.is-sticky ul#nav li a,
ul#nav li a {
color: #ffffff;
padding: 10px 15px;
}
ul#nav li a::after {
display: none !important;
}
.is-sticky .navbar-brand > img {
max-width: 100%;
}
.header-menu-and-logo {
min-height: 0;
}
.is-sticky .header-menu-and-logo {
margin-top: 0;
min-height: 0;
}
.stellarnav > ul > li:last-child {
margin-right: inherit;
}
.stellarnav ul ul {
-webkit-box-shadow: inherit;
box-shadow: inherit;
}
ul.sub-menu a {
border: 0 none !important;
font-size: 14px !important;
font-weight: 400 !important;
height: 40px;
padding-left: 30px !important;
text-transform: capitalize !important;
}
ul.sub-menu .sub-menu a {
padding-left: 45px !important;
}
ul#nav .current-menu-parent > a,
.current-menu-parent > a,
ul#nav li.has-sub.open > a,
ul#nav li a:hover,
ul#nav li.active > a,
ul#nav li.current-menu-item > a,
ul#nav li.hover > a,
ul#nav li.open.menu-item-has-children > a {
background: var(--site_main_color) !important;
color: #ffffff !important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
ul#nav li {
float: none;
}
} @media only screen and (max-width: 992px) {
ul#nav li a,
.is-sticky ul#nav li a,
ul#nav li li a {
height: auto !important;
padding: 10px 12px;
}
.stellarnav.mobile li a.dd-toggle {
padding: 10px 0 !important;
border-left: 1px solid #e4eaf3 !important;
border-bottom: 0!important;
}
.stellarnav.mobile li a.dd-toggle i {
position: relative;
left: inherit;
right: inherit;
top: inherit;
}
}
.custom-logo-link.sticky-logo {
opacity: 0;
position: absolute;
visibility: hidden;
left: 15px !important;
top: 0;
}
.is-sticky .custom-logo-link.sticky-logo {
opacity: 1;
visibility: visible;
}
.is-sticky .custom-logo-link.default-logo {
opacity: 0;
visibility: hidden;
}
.header-action{
display: flex;
}
.header-action button,
.header-action a {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); 
display: inline-block;
letter-spacing: 1px;
text-align: center;
text-transform: capitalize;
line-height: 1;
margin-left: 30px;
padding-top: 16px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.header-action a.action-button{
margin-left: 50px;
padding: 16px 40px;
width: auto;
}
.header-action button:hover,
.header-action a:hover {
background: #ffffff none repeat scroll 0 0;
color: var(--site_main_color);
} .header__style__2 .header-action a,
.header__style__2 .header-action button {
width: 60px;
height: 60px;
overflow: hidden;
text-align: center;
padding-top: 22px;
margin-left: 10px;
background: transparent;
color: #ffffff;
}
.header__style__2 .header-action a:hover,
.header__style__2 .header-action button:hover{
background: #ffffff;
border-color: #ffffff;
color: #4539b4;
}
.header__style__2 .is-sticky .header-action a,
.header__style__2 .is-sticky .header-action button {
background: var(--site_main_color);
border-color: var(--site_main_color);
color: #ffffff;
}
.header__style__2 .is-sticky .header-action a:hover,
.header__style__2 .is-sticky .header-action button:hover{
background: #ffffff;
border-color: #ffffff;
color: var(--site_main_color);
} .header__style__3 .mainmenu-area {
margin-top: 20px;
border: 0;
}
.header__style__3 .is-sticky .mainmenu-area{
margin-top: 0;
}
.header__style__3 .mainmenu-area .container {
position: relative;
border: 4px solid #dfe8f5;
transition: 0.3s;
}
.header__style__3 .is-sticky .mainmenu-area .container {
border: 4px solid #ffffff;
}
.header__style__3 .menu-bg-and-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #ffffff;
}
.header__style__3 .menu-bg-and-layer:after{
position: absolute;
width: calc( 100% - 30px );
content: "";
height: 100%;
top: 25px;
background: #f3f8ff;
left: 15px;
z-index: -1;
} .header__style__3 .header-action {
margin-left: 50px;
}
.header__style__3 .header-action a {
margin-left: 0;
border: 0;
width: auto;
height: auto;
background: transparent;
color: black;
box-shadow: inherit;
padding-top: 8px;
margin-right: 10px;
width: 30px;
height: 30px;
}
.header__style__3 .header-action a:hover {
color: var(--site_main_color);
} .header__style__4 .header-action {
margin-left: 50px;
}
.header__style__4 .header-action a {
background: transparent;
border: 0;
width: 40px;
height: 40px;
padding-top: 12px;
margin-left: 5px;
}
.header__style__4 .header-action a:hover{
background: #ffffff;
color: var(--site_main_color);
}
.header__style__4 .is-sticky .header-action a {
color: #404873;
}
.header__style__4 .is-sticky .header-action a:hover {
background: var(--site_main_color);
color: #ffffff;
} .topbar-single-contact {
display: inline-block;
position: relative;
padding-left: 50px;
}
.topbar-single-contact:first-child {
margin-right: 50px;
}
.topbar-single-contact .topbar-contact-icon {
position: absolute;
left: 0;
font-size: 30px;
margin-top: 9px;
color: #00BAA3;
}
.topbar-single-contact:first-child .topbar-contact-icon{
color: #FF5C5C;
}
.topbar-single-contact h4 {
margin-bottom: 0;
}
.header__style__5 .navbar-header.topbar-logo{
width: 100%;
}
.header__style__5 .navbar-header.topbar-logo h3 {
margin-right: 0;
justify-content: center;
}
.header__style__5 .header-action {
align-items: center;
justify-content: flex-end;
}
.header__style__5 .header-action button,
.header__style__5 .header-action a {
box-shadow: inherit;
color: #899EB3;
font-size: 24px;
margin-left: 20px;
width: auto;
}
.header__style__5 .header-action a {
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
margin-left: 40px;
margin-right: -10px;
font-size: 16px;
font-weight: 700;
position: relative;
z-index: 1;
border: 0;
height: 55px;
padding-top: 20px;
}
.header__style__5 .header-action a.action-button:hover {
background: #ffffff;
color: #000730;
}
.header__style__5 .header-action a.action-button:before {
z-index: -1;
position: absolute;
width: 0%;
height: 100%;
content: "";
top: 0;
right: 0;
transition: 0.3s;
}
.header__style__5 .header-action a.action-button:hover:before {
right: auto;
left: 0;
width: 100%;
}
.header__style__5 .barner-area{
padding-top: 220px;
}
.header__style__5 .top-bar {
padding-bottom: 60px;
}
.header__style__5 .mainmenu-area {
border: 0;
}
.header__style__5 .header-top-area .navbar > .container,
.header__style__5 .header-top-area .navbar > .container-fluid,
.header__style__5 .header-top-area .navbar > .container__full {
background: #ffffff;
box-shadow: 4px 4px 12px rgba(25, 63, 92, 0.2);
margin-top: -50px;
padding-left: 50px;
padding-right: 50px;
}
.header__style__5 .header-top-area .is-sticky .navbar > .container ,
.header__style__5 .header-top-area .is-sticky .navbar > .container-fluid ,
.header__style__5 .header-top-area .is-sticky .navbar > .container__full {
margin-top: 0;
box-shadow: 0 0 0;
} .header__style__5 .social-profile ul {
margin: 0;
padding: 0;
list-style: none;
}
.header__style__5 .social-profile ul li {
display: inline-block;
}
.header__style__5 .social-profile ul li a {
margin-left: 0;
width: 30px;
height: 30px;
padding-top: 5px;
background: inherit;
color: #B8CCE0;
font-size: 20px;
margin-right: 20px;
}
.header__style__5 .social-profile ul li a:hover {
color: #00BAA3;
}
@media only screen and (min-width: 992px){
.header__style__5 .custom-logo-link {
min-height: 80px;
}
.barner-area {
padding-top: 150px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.header__style__5 .header-top-area .navbar > .container {
background: inherit;
margin-top: 0px;
padding-left: 15px;
padding-right: 15px;
box-shadow: 0 0 0;
}
.header__style__5 .navbar-header h3 {
height: 80px;
}
.header__style__5 .is-sticky .navbar-header h3 {
height: 70px;
}
.header__style__5 .barner-area {
padding-top: 80px;
}
.header__style__5 .custom-logo-link {
min-height: 80px;
}
}
@media only screen and (max-width: 767px) {
.header__style__5 .header-top-area .navbar > .container {
background: inherit;
margin-top: 0px;
padding-left: 15px;
padding-right: 15px;
box-shadow: 0 0 0;
}
.header__style__5 .navbar-header h3 {
height: 80px;
}
.header__style__5 .barner-area {
padding-top: 80px;
}
.header__style__5 .custom-logo-link {
min-height: 80px;
}
} .header__style__6 .top-bar{
color: #ffffff;
padding: 0;
z-index: 1;
overflow: hidden;
}
.header__style__6 .top-bar .col-md-6{
position: relative;
height: 50px;
}
.top__left__curve,
.top__right__curve {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
}
.top__left__curve:after,
.top__right__curve:before {
position: absolute;
content: "";
width: 50%;
height: 100%;
background: #fff;
z-index: 9;
bottom: 0;
}
.top__left__curve:after {
right: -40px;
transform: skewX(-40deg);
}
.top__right__curve:before {
transform: skewX(40deg);
left: -40px;
}
.header__style__6 .top-left-contact {
padding: 10px 0;
}
.header__style__6 .social-profile {
padding: 10px 0;
}
.header__style__6 .mainmenu-area-bg {
opacity: 1;
}
.header__style__6 .top-bar .social-profile a {
height: 28px;
color: #fff;
}
@media only screen and (max-width: 992px) {
.top__left__curve:after,
.top__right__curve:before {
width: 30%;
}
.top__left__curve:after {
transform: skewX(40deg);
}
}
@media only screen and (max-width: 520px) {
.top-bar{
display: none;
}
} body {
position: inherit !important;
}
.language-button img {
max-width: 40px;
}
a.language-button {
padding-top: 5px;
border-radius: 3px;
border: 0;
background: #ffffff;
overflow: hidden;
}
.switcher.notranslate {
width: 50px;
padding: 0;
margin-left: 35px;
border-radius: 50px;
}
.switcher.notranslate a {
margin: 0;
width: 50px;
}
.gt_white_content .gt_languages {
padding-top: 20px;
}
.gt_languages a {
color: #292929;
width: auto;
background: inherit;
border-radius: 0;
margin: 0;
text-align: inherit;
margin-top: 10px;
padding: 6px 0px 6px 5px !important;
height: auto;
box-shadow: 0 0 0;
border-bottom: 1px solid #dddddd;
}
a.switcher-popup span {
display: none;
}
.language__selector,
.language__popup_button {
border-radius: 50px;
padding: 5px;
background: #fff;
cursor: pointer;
box-shadow: 0 8px 16px rgba(0,0,0,.1);
}
.language__selector img,
.language__popup_button img{
border-radius: 50px;
}
.gt_black_overlay {
z-index: 99999 !important;
}
.language__list {
position: absolute;
display: none;
}
.language-button {
margin-left: 30px;
}
.language-button a {
display: inherit;
border-radius: 0;
border: 0;
background: #fff;
margin: 0;
padding-top: 12px;
}
.language__popup a.glink.nturl.notranslate {
display: none;
} a.cart-contents.cart-button {
display: none;
}
.header-widget-area {
position: fixed;
right: -350px;
top: 0;
background: #ffffff;
z-index: 9999;
height: 100vh;
text-align: center;
max-width: 500px;
width: 350px;
padding: 20px;
padding-top: 50px;
transition: 0.5s;
overflow-x: hidden;
}
.header-widget-area.open_widget {
right: 0;
}
span.close-header-widget {
position: absolute;
left: 20px;
font-size: 25px;
top: 50px;
cursor: pointer;
transition: 0.3s;
}
span.close-header-widget:hover {
color: var(--site_main_color);
}
.header-widget-area .single-widgets {
padding: 0;
border: 0;
padding-top: 40px;
background: inherit;
box-shadow: 0 0 0;
}
.header-widget-area .single-widgets:first-child {
margin-top:40px;
}
.header-widget-area .single-widgets .widget-title h3 {
margin-bottom: 20px;
}
.header-widget-area .single-widgets h3:after {
display: none;
}
.header-widget-area .widget_social_profile {
text-align: center;
}.top-area.single-page {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
height: auto;
}
.page-barner-area {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
.barner-area-bg {
background-position: center center !important;
}
}
@media only screen and (max-width: 767px) {
.barner-area-bg {
background-position: center center !important;
}
} .barner-area {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 400px;
width: 100%;
position: relative;
padding-top: 100px;
}
.barner-area-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.barner-area-bg::after {
background: #17181d none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
}
.page-title h1 {
font-size: 48px;
line-height: 1.1;
}
.breadcrumb {
padding: 0;
}
.breadcumb {
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
}
.breadcumb a span {
color: #ffffff;
transition: all 0.3s ease 0s;
}
.breadcumb a:hover span,
.breadcumb span {
color: var(--site_main_color);
margin: 0 3px;
display: inline-block;
}
.info {
list-style: outside none none;
margin: 0;
padding: 0;
}
.info li {
display: inline-flex;
align-items: center;
margin-right: 15px;
}
.info li:last-child {
margin-right: 0;
}
.info li i {
margin-right: 5px;
}
@media only screen and (min-width: 1920px) {
.barner-area {
height: 500px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {}
@media (min-width: 768px) and (max-width: 991px) {
.page-title h1 {
font-size: 60px;
line-height: 1.1;
}
}
@media only screen and (max-width: 767px) {
.page-title h1{
font-size: 26px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.page-title h1{
font-size: 28px;
}
} .error404 {
background: url(//unionfrancophone-aveugles.org/wp-content/themes/omnivus/assets/img/404-bg.png) no-repeat scroll left center;
}
.error__page__img {
margin-bottom: 40px;
}
.content-header h3 {
font-size: 36px;
margin-bottom: 30px;
}
.page-search form {
position: relative;
height: 60px;
background: #e1e6ff none repeat scroll 0 0;
margin-top: 20px;
margin-bottom: 50px;
border: 1px solid #e0deff;
}
.page-search form input {
height: 100%;
padding: 20px;
width: calc(100% - 60px);
background: transparent;
border: 0;
position: absolute;
left: 0;
top: 0;
}
.page-search button {
width: 60px;
height: 60px;
position: absolute;
right: 0;
top: 0;
background: var(--site_main_color);
font-size: 20px;
color: #ffffff;
transition: 0.3s;
border: 0;
border-radius: 0;
}
.page-search button:hover {
background: var(--site_main_color);
color: #ffffff;
}
.page-search .search-form a {
text-transform: capitalize;
background: var(--site_main_color) none repeat scroll 0 0;
padding: 15px 30px;
border-radius: 50px;
color: #ffffff;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
transition: 0.3s;
}
.page-search .search-form a:hover {
color: var(--site_main_color);
background: #ffffff;
}  .post__author img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 5px;
background: #E5E9F2;
} .single-post-item {
position: relative;
}
.no-social-count {
padding-left: 0;
}
.single-post-item .post-top-meta img {
border: 1px solid #e7eaff;
border-radius: 50%;
height: 40px;
margin-bottom: 0;
margin-right: 5px;
margin-top: 0;
width: 40px;
}
.single-post-item .meta-comment-tag {
font-size: 14px;
}
.single-post-item .meta-comment-tag ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.single-post-item .meta-comment-tag ul li {
display: inline-block;
margin-left: 30px;
}
.single-post-item .meta-comment-tag ul li a {
display: inline-block;
margin-left: 5px;
}
.single-post-item .post-top-meta {
margin-bottom: 30px;
margin-bottom: 20px;
}
.single-post-item .post-top-meta > div {
display: inline-block;
}
.meta-comment-tag {
font-weight: 300;
}
.post-date-and-category {
border-top: 1px solid #e7eaff;
font-size: 14px;
font-weight: 300;
margin-top: 30px;
padding-top: 30px;
}
.post-date-and-category ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.post-date-and-category ul li {
display: inline-block;
margin-right: 30px;
}
.post-date-and-category ul li a {
margin-left: 5px;
}
.single-post-item .post-top-meta .post-author a,
.single-post-item h2 a {
color: #252525;
}
.single-post-item .post-top-meta .post-author a:hover,
.single-post-item h2 a:hover {
color: var(--site_main_color);
}
.post-social-share-and-like-count .like-count a {
border: 1px solid;
border-radius: 50%;
color: var(--site_main_color);
display: block;
height: 40px;
padding-top: 7px;
text-align: center;
width: 40px;
margin-bottom: 5px;
}
.post-social-share-and-like-count .like-count a:hover,
.post-social-share-and-like-count .like-count a.liked {
background: #ff3d46 none repeat scroll 0 0;
border-color: #ff3d46;
color: #ffffff;
}
.post-social-share-and-like-count .like-count {
margin-bottom: 10px;
text-align: center;
}
.post-social-share-and-like-count {
left: -60px;
position: absolute;
top: 0;
}
.post-social-share-and-like-count ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.post-social-share-and-like-count ul li {
display: block;
}
.post-social-share-and-like-count ul li a {
border-radius: 50%;
display: block;
height: 40px;
margin-bottom: 5px;
padding-top: 7px;
text-align: center;
width: 40px;
}
.post-social-share-and-like-count ul li a.facebook {
color: #3b5999;
}
.post-social-share-and-like-count ul li a.twitter {
color: #55acee;
}
.post-social-share-and-like-count ul li a.youtube {
color: #cd201f;
}
.post-social-share-and-like-count ul li a.google-plus {
color: #dd4b39;
}
.post-social-share-and-like-count ul li a.linkedin {
color: #0077B5;
}
.post-social-share-and-like-count ul li a.soundcloud {
color: #ff3300;
}
.post-social-share-and-like-count ul li a:hover {
background: var(--site_main_color) none repeat scroll 0 0;
-webkit-box-shadow: 0 16px 32px rgba(83, 104, 253, .2);
box-shadow: 0 16px 32px rgba(83, 104, 253, .2);
color: #ffffff;
}
.single-post-item .post-media {
margin-bottom: 40px;
margin-bottom: 30px;
position: relative;
}
.post-media img {
width: 100%;
}
.single-post-item .post-details {
padding-left: 40px;
position: relative;
overflow: hidden;
}
.post.sticky .post-details:before {
position: absolute;
right: 0;
top: 0;
width: 100px;
height: 100px;
content: "\e6de";
font-family: "themify";
display: block;
font-size: 80px;
color: var(--site_main_color);
left: auto;
padding-top: 14px;
line-height: 1;
text-align: center;
border-radius: 50%;
opacity: .3;
}
.post-title {
font-size: 32px;
margin-bottom: 20px;
}
.post-title a{
color: var(--site_hadding_color);
} a.post_readmore {
color: var(--site_main_color);
font-size: 14px;
margin-top: 30px;
display: inline-block;
line-height: 1;
position: relative;
min-height: 15px;
}
a.post_readmore:before {
width: 10px;
height: 10px;
border-top: 2px solid var(--site_main_color);
border-right: 2px solid var(--site_main_color);
content: "";
position: absolute;
right: -11px;
top: 0;
transform: rotate(45deg);
transform-origin: 0 0;
}
a.post_readmore:after {
display: inline-block;
position: relative;
content: "";
height: 2px;
width: 10px;
background: var(--site_main_color);
right: 0;
transition: 0.3s;
left: 8px;
opacity: 0;
margin: 3px;
}
a.post_readmore:hover:after{
width: 40px;
opacity: 1;
} .posts__readmore a {
color: #828893;
text-transform: capitalize;
letter-spacing: 1px;
font-weight: 500;
font-size: 14px;
position: relative;
padding-left: 10px;
display: inline-block;
}
.posts__readmore a:hover {
padding-right: 20px;
padding-left: 0;
color:var(--site_main_color)
}
.posts__readmore a i {
line-height: 1;
font-weight: 700;
position: relative;
top: 0;
position: absolute;
right: 100%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
bottom: 0;
display: inline-flex;
align-items: center;
}
.posts__readmore a:hover i {
right: 0%;
}   .entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
margin-bottom: 0;
}
.page-content .alignright {
margin-top: 20px;
display: inline-block;
}
.page-content blockquote,
.post-details blockquote,
.comments-area blockquote {
border-radius: 10px;
line-height: 1.8;
margin-bottom: 30px;
margin-top: 31px;
padding: 110px 30px 30px;
position: relative;
text-align: center;
background: #f3f5ff url(//unionfrancophone-aveugles.org/wp-content/themes/omnivus/assets/img/blog/quote_bg.png) no-repeat scroll 95% center;
border: 0 none;
margin: 50px 0;
padding: 50px;
}
.page-content blockquote h2,
.post-details blockquote h2,
.comments-area blockquote h2 {
letter-spacing: 1px;
line-height: 1.6;
margin-top: 20px;
text-transform: capitalize;
}
.page-content table,
.post-details table,
.comments-area table {
width: 100%;
border-left: 1px solid #e0deff;
border-top: 1px solid #e0deff;
margin-bottom: 30px;
}
.page-content table th,
.page-content table tr,
.page-content table td,
.post-details table th,
.post-details table tr,
.post-details table td,
.comments-area table th,
.comments-area table tr,
.comments-area table td {
border-bottom: 1px solid #e0deff;
border-right: 1px solid #e0deff;
padding: 10px;
}
.page-content dl dd,
.post-details dl dd,
.comments-area dl dd {
margin-bottom: 20px;
}
.page-content dd, 
.post-details dd, 
.comments-area dd, 
.page-content dt, 
.post-details dt, 
.comments-area dt{
line-height: inherit;
} .kingcomposer .page-content img{
margin: auto;
}
.page-content > ul,
.page-content > ol,
.post-content > ul,
.post-content > ol {
margin-bottom: 30px;
}
.comment-content > ul,
.comment-content > ol {
margin-bottom: 30px;
}
.post-content ul,
.post-content ol {
clear: both;
}
.post-content ul li,
.post-content ol li {
margin-bottom: 5px;
margin-left: 60px;
}
figure.wp-block-audio {
margin-bottom: 20px;
}
.page-links p {
margin-bottom: 20px !important;
font-size: 20px;
text-transform: capitalize;
letter-spacing: 1px;
}
.post-content form {
width: 100%;
border: 1px solid #e0deff;
padding: 30px;
text-align: center;
border-radius: 5px;
}
.comment-respond form {
margin-top: 20px;
}
.post-content form input {
border-radius: 50px;
width: auto;
min-width: 120px;
display: inline-block;
padding: 10px 20px;
margin: 0 5px;
font-weight: 400;
font-size: 16px;
letter-spacing: 2px;
border-color: var(--site_main_color);
}
.post-content form span {
display: block;
width: 100%;
margin-bottom: 20px;
}
.post-content form br {
display: none;
}
.post-content form input[type="submit"] {
background: var(--site_main_color);
color: #ffffff;
border-color: var(--site_main_color);
transition: 0.3s;
}
.post-content form input[type="submit"]:hover {
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
background: #ffffff;
color: var(--site_main_color);
}
.wp-block-button {
margin-bottom: 20px;
}
.wp-block-cover.has-background-dim {
color: #ffffff;
}
.wp-block-latest-posts,
.wp-block-latest-posts,
.wp-block-latest-posts,
.wp-block-latest-comments,
.wp-block-latest-comments,
.wp-block-categories,
.wp-block-archives {
margin: 0;
list-style: none;
padding: 0;
margin-bottom: 40px;
}
.wp-block-latest-posts li,
.wp-block-latest-posts li,
.wp-block-latest-posts li,
.wp-block-latest-comments li,
.wp-block-latest-comments li,
.wp-block-categories li,
.wp-block-archives li {
margin-top: 15px;
}
.wp-block-latest-posts .children,
.wp-block-latest-posts .children,
.wp-block-latest-posts .children,
.wp-block-latest-comments .children,
.wp-block-latest-comments .children,
.wp-block-categories .children,
.wp-block-archives  .children {
margin-left: 15px;
}
.wp-block-archives select {
width: 100%;
padding: 10px;
margin-bottom: 20px;
}
code {
display: inline-block;
padding: 10px 20px;
margin-top: 20px;
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.post-social-share-and-like-count {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.post-social-share-and-like-count {
display: none;
}
}
@media only screen and (max-width: 767px) {
.post-social-share-and-like-count {
display: none;
}
.post-details blockquote h2,
.comments-area blockquote h2,
.page-content blockquote h2 {
font-size: 18px;
}
.post-details blockquote,
.comments-area blockquote,
.page-content blockquote {
padding: 30px;
}
.post-content form input[type="submit"] {
margin-top: 20px;
}
}   .post.sticky {
background: #ffffff;
border-radius: 5px;
padding: 20px 20px 20px 0;
border:4px double var(--site_main_color);;
} .format-link .post-content a {
background: #f6f9ff;
padding: 30px;
display: block;
text-align: center;
border-radius: 5px;
text-decoration: underline;
position: relative;
}
.format-link .post-content a:before {
content: "\e62d";
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
font-size: 36px;
opacity: .3;
font-family: themify;
} .format-chat .post-content p {
background: #f6f9ff;
padding: 15px;
margin-right: 20px;
}
.format-chat .post-content p:nth-child(2n) {
margin-left: 20px;
margin-right: 0;
} .format-gallery .owl-carousel .owl-item img {
max-width: 100%;
width: 100%;
}
.format-gallery .owl-carousel .owl-nav > div {
background: #ffffff none repeat scroll 0 0;
border-radius: 50%;
-webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
color: #0a0c19;
height: 60px;
left: 60px;
opacity: 0;
padding-top: 17px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 60px;
}
.format-gallery .owl-carousel .owl-nav > div:hover {
background: var(--site_main_color);
color: #ffffff;
}
.format-gallery .owl-carousel .owl-nav > div.owl-next {
left: auto;
right: 60px;
}
.format-gallery .owl-carousel:hover .owl-nav > div.owl-next {
opacity: 1;
right: 20px;
visibility: visible;
}
.format-gallery .owl-carousel:hover .owl-nav > div.owl-prev {
left: 20px;
opacity: 1;
visibility: visible;
}
.format-gallery .owl-carousel .owl-dots {
position: absolute;
right: 20px;
bottom: 20px;
}
.format-gallery .owl-carousel .owl-dots > div {
display: inline-block;
width: 20px;
height: 10px;
border-radius: 3px;
transition: 0.3s;
background: #ffffff;
}
.format-gallery .owl-carousel .owl-dots > div.active {
background: var(--site_main_color);
width: 30px;
} .format-video .post-video-popup {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.post-video-popup {
background: var(--site_main_color) none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
color: #ffffff;
cursor: pointer;
font-size: 18px;
height: 80px;
line-height: 1;
margin-right: 30px;
padding-left: 10px;
padding-top: 2px;
position: relative;
text-align: center;
transition: all 0.3s ease 0s;
width: 80px;
border: 0;
}
.post-video-popup:hover {
background: #ffffff none repeat scroll 0 0;
color: var(--site_main_color);
box-shadow: 0 0 0 20px rgba(255, 255, 255, .3);
}
.format-video .post-video-popup {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
} .single-post-item.format-quote {
background: #f8f8ff;
font-size: 18px;
padding: 50px;
text-align: center;
}
.format-quote .post-details {
padding: 0;
}
.format-quote .post-details::before,
.format-quote .post-details::after {
display: none;
}
.format-quote .post__author {
margin-top: 30px;
}
.format-quote .post__author  img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 20px;
}
.post-quote {
background: var(--site_main_color) none repeat scroll 0 0;
border-radius: 50%;
-webkit-box-shadow: 0 16px 32px rgba(83, 104, 253, .2);
box-shadow: 0 16px 32px rgba(83, 104, 253, .2);
color: #ffffff;
height: 50px;
margin: 0 auto 30px;
padding-top: 11px;
width: 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
.post.sticky {
padding: 20px;
}
}
@media only screen and (max-width: 767px) {
.post.sticky {
padding: 20px;
}    
}  .post-pagination {
text-align: center;
}
.post-pagination .navigation,
.post-pagination .navigation {
border-bottom: 1px solid #e1e6ff;
border-top: 1px solid #e1e6ff;
margin: 50px 0;
padding: 50px 0;
text-align: center;
display: block;
margin-bottom: 0;
}
.post-pagination ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.post-pagination ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #ffffff none repeat scroll 0 0;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 5px;
place-content: center;
text-align: center;
}
.post-pagination ul li a,
.post-pagination ul li span {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e0deff;
border-radius: 50%;
-webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
color: #7886a0;
display: block;
height: 50px;
padding-top: 10px;
width: 50px;
}
.post-pagination ul li a:hover,
.post-pagination ul li span.current {
background: var(--site_main_color);
color: #ffffff;
border-color: var(--site_main_color);
} .single .post-details {
margin: 0;
padding: 30px !important;
}
.single .post-details p {
margin-bottom: 20px;
}
.single .post-details p:last-of-type {
margin-bottom: 0;
}
.single .post-details img {
margin-bottom: 30px;
}
.single .post-details img:last-of-type {
margin-bottom: 0;
}
.post-bottom-meta {
margin-top: 50px; overflow: hidden;
border-top: 1px solid #ededed;
padding-top: 50px;
}
.post-bottom-meta ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.post-share {
float: right;
text-align: right;
}
.post-tags {
float: left;
}
.post-share h4,
.post-tags h4 {
letter-spacing: 1px;
margin-bottom: 30px;
margin-right: 20px;
}
.post-share h4,
.post-share ul,
.post-tags h4,
.post-tags ul {
display: inline-block;
}
.post-share li,
.post-tags li {
display: inline-block;
}
.post-tags li {
margin-left: 5px;
}
.post-tags li:first-child {
margin-left: 0;
}
.post-share li a {
display: block;
font-size: 14px;
margin-right: 10px;
text-align: center;
width: 30px;
}
.post-share li a:hover {
color: var(--site_main_color);
}
.post-tags li a {
display: block;
font-size: 16px;
text-transform: capitalize;
margin-right: 0;
color: var(--site_main_color);
height: 30px;
margin-bottom: 8px;
}  .page-links.post-pagination {
padding-top: 50px;
}
nav.navigation.comments-pagination {
margin-bottom: -51px;
}
.single-post-pagination {
border-bottom: 1px solid #e1e6ff;
border-top: 1px solid #e1e6ff;
overflow: hidden;
padding-bottom: 50px;
padding-top: 50px;
position: relative;
} .posts-navigation,
.comment-navigation {
border: 2px solid #E7E1FF;
padding: 30px;
overflow: hidden;
}
.comment-navigation {
margin-top: 50px;
}
.posts-navigation .screen-reader-text,
.comment-navigation .screen-reader-text {
display: none;
}
.posts-navigation .nav-links > div,
.comment-navigation .nav-links > div {
display: inline-flex;
align-items: center;
align-content: center;
justify-content: center;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
height: 18px;
}
.posts-navigation .nav-links > div.nav-previous,
.comment-navigation .nav-links > div.nav-previous {
float: left;
}
.posts-navigation .nav-links > div.nav-next,
.comment-navigation .nav-links > div.nav-next {
float: right;
}
.posts-navigation .nav-links > div i,
.comment-navigation .nav-links > div i {
line-height: 1;
font-size: 14px;
} .sigle-page-nvaigation {
margin-top: 50px;
position: relative;
z-index: 9;
}
.sigle-page-nvaigation::after {
background: #000000 none repeat scroll 0 0;
content: "";
display: block;
height: 1px;
opacity: 0.3;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: -1;
}
.sigle-page-nvaigation ul {
list-style: outside none none;
margin: 0;
overflow: hidden;
padding: 0;
}
.sigle-page-nvaigation ul li {
overflow: hidden;
}
.sigle-page-nvaigation ul li:first-child {
float: left;
}
.sigle-page-nvaigation ul li:last-child {
float: right;
}
.sigle-page-nvaigation ul li a {
background: #f4f4f4 none repeat scroll 0 0;
border: 1px solid #d1d1d1;
border-radius: 5px;
display: block;
height: 40px;
letter-spacing: 1px;
padding: 7px 20px;
text-transform: capitalize;
}
.sigle-page-nvaigation ul li a:hover {
background: var(--site_main_color) none repeat scroll 0 0;
border-color: var(--site_main_color);
color: #ffffff;
} .single-post-navigation {
background: #ffffff;
box-shadow: 20px 0 50px rgba(85, 92, 121, .08);
overflow: hidden;
padding: 30px;
position: relative;
word-break: break-word;
margin-top: 50px;
}
.single-post-navigation h3 {
font-size: 18px;
margin-bottom: 0;
}
.single-post-navigation-center-grid {
font-size: 50px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.single-post-navigation-center-grid a {
color: #f0f1ff;
}
.single-post-navigation-center-grid a:hover,
.single-post-navigation-center-grid a:focus {
color: var(--site_main_color);
}
.prev-post {
float: left;
max-width: calc(50% - 50px);
}
.next-post {
float: right;
text-align: right;
max-width: calc(50% - 50px);
}
.prev-post a,
.next-post a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.next-post .arrow-link,
.prev-post .arrow-link {
position: absolute;
}
.next-post .arrow-link {
left: 0;
top: 50%;
}
.prev-post .arrow-link,
.next-post .arrow-link {
display: none;
left: 0;
opacity: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.post-pagination h3 {
line-height: 1;
margin: 5px 0 0;
}
.next-post .arrow-link {
left: auto;
right: 0;
}
.prev-post:hover .arrow-link {
opacity: 1;
}
.next-post:hover .arrow-link {
opacity: 1;
}
.title-with-link {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.title-with-link span {
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
} @media (min-width: 768px) and (max-width: 991px) {
.prev-post,
.next-post {
display: inline-block;
}
.prev-post h3,
.next-post h3 {
display: none;
}
.single-post-navigation {
padding: 20px;
margin-bottom: 50px;
}
.post-pagination {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.prev-post,
.next-post {
display: inline-block;
width: 30%;
}
.prev-post h3,
.next-post h3 {
display: none;
}
.single-post-navigation {
padding: 20px;
margin-bottom: 50px;
}
.post-pagination {
margin-bottom: 50px;
}
} .related-post-warapper { margin-top: 50px;
}
.related-post {
margin-top: 50px; }
.single-related-post {
position: relative;
min-height: 350px;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
}
.single-related-post img {
width: 100%;
}
.related-details {
background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;
color: #cdd3e0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
padding: 30px;
position: absolute;
top: 0;
width: 100%;
}
.related-details a {
color: #cdd3e0;
}
.related-details a:hover {
color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (max-width: 767px) {
.related-post {
padding-bottom: 0;
}
} .post-author-biography {
border-top: 1px solid #e1e6ff;
margin-top: 50px;
}
.posts-author {
background: #ffffff;
border: 1px solid #e1e6ff;
margin-top: 50px;
overflow: hidden;
padding: 30px;
}
.posts-author img.alignleft {
border: 1px solid #8392A5;
margin-top: 0;
margin-bottom: 10px;
width: 160px;
height: 160px;
border-radius: 50%;
padding: 5px;
background: #E5E9F2;
}
.writen-by {
color: var(--site_main_color);
letter-spacing: 1px;
text-transform: uppercase;
}
.posts-author h3 {
font-size: 20px;
} .comments-area {
background: #ffffff;
}
.all-comments {
border-top: 1px solid #e1e6ff;
margin-top: 50px;
padding-top: 50px;
}
.comment-list {
margin-top: 50px;
}
.comment-list > ul,
ul.children {
margin: 0;
padding: 0;
list-style: none;
}
.single-comment {
border-top: 1px solid #e1e6ff;
margin-top: 50px;
padding-left: 100px;
padding-top: 50px;
position: relative;
list-style-type: none;
}
.single-comment .single-comment {
margin-left: -50px;
}
.single-comment.pingback-comment {
padding-left: 0;
}
.comment-author {
border-radius: 50%;
-webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
height: 80px;
left: 0;
overflow: hidden;
position: absolute;
top: auto;
width: 80px;
}
.comment-meta {
overflow: hidden;
padding-bottom: 15px;
}
.comment-left-meta {
float: left;
}
.comment-reply {
float: none;
margin-top: 20px;
}
.comment-list #reply-title {
margin-top: 50px;
}
.comment-reply a {
display: inline-block;
}
.comment-reply a i {
margin-right: 5px;
}
.comment-reply a:hover {
color: var(--site_main_color);
}
.comment-meta h4 {
font-size: 16px;
margin-bottom: 5px;
margin-right: 10px;
display: inline-block;
}
.comment-meta .comment-date {
color: var(--site_main_color);
font-size: 14px;
letter-spacing: 1px;
text-transform: capitalize;
display: inline-block;
}
.no-comments.mt50 {
border-top: 1px solid #e1e6ff;
border-bottom: 1px solid #e1e6ff;
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
text-transform: capitalize;
letter-spacing: 1px;
font-weight: 700;
} .comment-box {
margin-top: 50px;
}
.comment-box {
border-top: 1px solid #e1e6ff;
margin-top: 50px;
padding-top: 50px;
}
.comment-form {
margin-top: 50px;
}
.comment-form input,
.comment-form textarea {
border: 1px solid #dddddd;
border-radius: 0;
margin-bottom: 15px;
max-height: 140px;
padding: 10px 20px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
.comment-form input:focus,
.comment-form textarea:focus {
border-color: var(--site_main_color);
}
.comment-form input[type="submit"] {
background: var(--site_main_color) none repeat scroll 0 0;
border: 0 none;
color: #ffffff;
font-weight: 500;
letter-spacing: 2px;
margin-top: 0;
padding: 13px 30px;
text-transform: uppercase;
width: auto;
min-height: 50px;
}
.comment-form input[type="submit"]:hover {
background: #ffffff none repeat scroll 0 0;
-webkit-box-shadow: 0 16px 32px rgba(83, 104, 253, .2);
box-shadow: 0 16px 32px rgba(83, 104, 253, .2);
color: var(--site_main_color);
}
.comments-title,
.reply-title {
letter-spacing: 1px;
position: relative;
text-transform: capitalize;
z-index: 1;
}
.comments-title span,
.reply-title span {
background: #fff none repeat scroll 0 0;
overflow: hidden;
padding: 10px 20px;
position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
.single-post-item {
padding-left: 0;
}
.post-social-share-and-like-count {
display: none;
}
.single-post-item .post-details {
padding-left: 0;
}
.single-post-item .post-details::before,
.single-post-item .post-details::after {
display: none;
}
.comment-box {
margin-bottom: 50px;
}
.no-comments.mt50 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.comments-area {
border-top: 0;
margin-top: 0;
background: inherit;
padding: 0;
}
.single-post-item {
padding-left: 0;
}
.post-social-share-and-like-count {
display: none;
}
.single-post-item .post-details {
padding-left: 0;
}
.single-post-item .post-details::before,
.single-post-item .post-details::after {
display: none;
}
.post-title {
font-size: 24px;
}
.format-quote {
padding: 20px !important;
}
.post-share {
margin-top: 50px;
text-align: center;
width: 100%;
}
.post-tags {
text-align: center;
width: 100%;
}
.single-comment .single-comment {
margin-left: -100px;
}
.comment-reply {
display: inline-block !important;
}
.posts-author {
text-align: center;
}
.posts-author img {
float: none;
margin-bottom: 30px;
}
.comment-box {
margin-bottom: 50px;
}
.no-comments.mt50 {
margin-bottom: 50px;
}
}  .single-post-item .post-media {
margin-bottom: 0;
}
.single-post-item .post-details {
background: #ffffff;
border: 2px solid #e1e6ff;
padding: 30px;
}
.single-post-item .post-details:before,
.single-post-item .post-details:after {
display: none;
} .post__comments__author {
position: absolute;
left: 30px;
text-align: center;
}
.post__comments__author .post__author img {
display: block;
margin:0 auto 5px;
}
.post__comment__count a {
display: block;
}
.post__comments__author .post__comment__count {
margin-top: 25px;
}
.post__comments__author .author__link {
color: #001737;
font-size: 14px;
font-weight: 500;
}
.post__comments__author .post__comment__count i {
font-size: 24px;
color: #001737;
}
.post__date__and__category {
margin-bottom: 10px;
font-size: 14px;
}
.post__date__and__category > div {
display: inline-block;
margin-right: 5px;
}
.post__date__and__category > div.single__category {
margin-left: 10px;
margin-right: 0;
} .single__post__top__meta {
position: relative;
padding-left: 140px;
min-height: 90px;
margin-bottom: 30px;
}
.single__post__top__meta .post__author {
position: absolute;
left: 30px;
text-align: center;
}
.single__post__top__meta .post__author img {
display: block;
margin: 0 auto 5px;
} .post__ago__meta {
margin-top: 20px;
font-size: 14px;
font-weight: 600;
opacity: .7;
}
.post__ago__meta .author {
margin-left: 10px;
}
.post__ago__meta .author-link {
font-style: italic;
}
.post__ago__meta .edit-link {
margin-left: 15px;
} .single__post__multimeta {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 80px;
display: flex;
background: rgba(0, 0, 0, 0.5);
align-items: center;
}
.single__multimeta {
float: left;
width: 25%;
height: 100%;
text-align: left;
line-height: 1;
}
.multimeta__text {
font-size: 18px;
font-weight: 600;
}
.multimeta__text a{
color: #ffffff;
}
.multimeta__text i {
display: none;
}
.multimeta__title {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
color: var(--site_main_color);
letter-spacing: 1px;
position: relative;
margin-bottom: 10px;
display: block;
}
.multimeta__title:before {
position: absolute;
content: "";
background: var(--site_main_color);
width: 6px;
height: 6px;
left: -15px;
top: 50%;
transform: translateY(-50%);
}
@media only screen and (max-width: 992px) {
.single__post__multimeta{
display: none;
}
} .post.sticky{
padding:20px;
}
.single-post-item.format-quote {
background: #ffffff;
box-shadow: 20px 0 50px rgba(85, 92, 121, .08);
}
.format-quote .post-details {
padding: 30px;
}  .search-results .post-details {
padding: 30px;
} .single-widgets {
background: #ffffff;
margin-bottom: 30px;
box-shadow: 20px 0 50px rgba(85, 92, 121, .08);
padding: 40px;
}
.single-widgets:last-child {
margin: 0;
}
.single-widgets h4 {
font-size: 20px;
margin-bottom: 40px;
text-align: center;
}
.single-widgets ul {
margin: 0;
padding: 0;
list-style: none;
}
.single-widgets h3 {
font-size: 20px;
margin-bottom: 30px;
position: relative;
text-transform: capitalize;
padding: 0;
}
.single-widgets h3:after {
top: -6px;
position: relative;
width: 50px;
height: 3px;
background: var(--site_main_color);
content: "";
display: inline-block;
margin-left: 10px;
} .widget_about {
text-align: center;
}
.single-widgets .about-details h4 {
font-size: 18px;
margin-bottom: 10px;
font-weight: 600;
}
.widget_about img {
margin: 0 auto 30px;
width: 140px;
border-radius: 50%;
}
.widget_about .social-bookmark {
margin-top: 30px;
}
.widget_about .social-bookmark li a {
display: inline-block;
width: 40px;
color: #b3bed3;
}
.widget_about .social-bookmark li a.facebook:hover {
color: #3b5999;
}
.widget_about .social-bookmark li a.twitter:hover {
color: #55acee;
}
.widget_about .social-bookmark li a.google-plus:hover {
color: #dd4b39;
}
.widget_about .social-bookmark li a.youtube:hover {
color: #cd201f;
}
.widget_about .social-bookmark li a.linkedin:hover {
color: #0077B5;
}
.widget_about .social-bookmark li a.instagram:hover {
color: #e4405f;
} .single-widgets .search-form {
background: #e1e6ff none repeat scroll 0 0;
height: 60px;
padding: 20px;
position: relative;
width: 100%;
}
.single-widgets .search-form input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
height: 100%;
left: 0;
padding: 20px;
position: absolute;
top: 0;
width: calc(100% - 60px);
}
.single-widgets .search-form button {
background: var(--site_main_color) none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
color: #ffffff;
height: 60px;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 60px;
}
.single-widgets .search-form button:hover {
background: var(--site_main_color) none repeat scroll 0 0;
color: #ffffff;
} .widget_archive ul li:first-child,
.widget_categories ul li:first-child,
.widget_pages ul li:first-child,
.widget_nav_menu ul li:first-child {
border: 0 none;
}
.widget_archive ul li li,
.widget_categories ul li li,
.widget_pages ul li li,
.widget_nav_menu ul li li {
border: 0 none;
}
.widget_archive ul li a,
.widget_categories ul li a,
.widget_pages ul li a,
.widget_nav_menu ul li a {
display: block;
height: 50px;
padding: 13px 0 13px 20px;
position: relative;
background: #152136;
margin-bottom: 10px;
font-size: 14px;
color: #ffffff;
text-transform: capitalize;
}
.widget_archive ul li a:hover,
.widget_categories ul li a:hover,
.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover {
box-shadow: 20px 0 50px rgba(85, 92, 121, .04);
}
.widget_archive ul li a span,
.widget_categories ul li a span,
.widget_pages ul li a span,
.widget_nav_menu ul li a span {
font-size: 13px;
text-align: center;
background: #091222;
color: #ffffff;
height: 50px;
padding-top: 12px;
position: absolute;
right: 0;
top: 0;
width: 50px;
transition: 0.3s;
}
.widget_archive ul li a span:before,
.widget_categories ul li a span:before,
.widget_pages ul li a span:before,
.widget_nav_menu ul li a span:before {
content: "(";
}
.widget_archive ul li a span:after,
.widget_categories ul li a span:after,
.widget_pages ul li a span:after,
.widget_nav_menu ul li a span:after {
content: ")";
}
.widget_archive ul li a:hover span,
.widget_categories ul li a:hover span,
.widget_pages ul li a:hover span,
.widget_nav_menu ul li a:hover span {
background: var(--site_main_color);
color: #ffffff;
} .widget_pages ul li a,
.widget_nav_menu ul li a {
margin: 0;
background: transparent;
height: inherit;
padding: 10px 0;
color: var(--site_hadding_color);
font-size: inherit;
}
.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover {
color: var(--site_main_color);
}
.widget_pages ul.children,
.widget_nav_menu ul.sub-menu {
padding-left: 15px;
}
@media only screen and (max-width: 767px){
.widget_nav_menu ul.sub-menu li a {
padding: 10px 0 !important;
}
} .widget_recent_entries li {
border-bottom: 1px solid #e3eeff;
padding-bottom: 15px;
margin-bottom: 15px;
}
.widget_recent_entries li:last-child {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
}
.widget_recent_entries li a {
display: block;
margin-bottom: 5px;
}
.widget_recent_entries li .post-date {
display: block;
font-size: 14px;
letter-spacing: 0;
} .widget_post_with_thumb li {
margin-bottom: 20px;
border-bottom: 1px solid #e3eeff;
padding-bottom: 20px;
overflow: hidden;
}
.widget_post_with_thumb li:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.widget_post_with_thumb li img {
-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
height: 80px;
width: 80px;
float: left;
margin-right: 20px;
border-radius: 50%;
}
.widget_post_with_thumb li a {
font-weight: 700;
display: block;
margin-bottom: 5px;
line-height: 1.2;
}
.widget_post_with_thumb li .post-date {
display: block;
font-size: 14px;
letter-spacing: 0;
}
.widget_post_with_thumb li .post-date i {
margin-right: 5px;
} .widget_recent_comments li {
border-bottom: 1px solid #e3eeff;
padding-bottom: 15px;
margin-bottom: 15px;
}
.widget_recent_comments li:last-child {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
}
.widget_recent_comments li span {
display: block;
}
.widget_recent_comments li span {
font-weight: 600;
font-size: 14px;
}
.widget_recent_comments li a {
display: block;
margin-bottom: 5px;
}
.widget_recent_comments li > a {
font-weight: 700;
display: inline-block;
}
.widget_recent_comments li .post-date {
font-size: 14px;
} .widget_instagram {
overflow: hidden;
}
.widget_instagram li {
float: left;
padding: 5px;
width: 33.33%;
}
.widget_instagram li img {
border-radius: 0;
}
.widget_instagram ul {
margin-left: -5px;
margin-right: -5px;
}
ul.instagram {
margin: 0;
padding: 0;
list-style: none;
}
ul.instagram li {
width: 33.33%;
float: left;
padding: 2.5px;
} .widget_social_profile li {
display: inline-block;
}
.widget_social_profile li a {
display: block;
height: 40px;
margin: 0 5px;
padding-top: 8px;
text-align: center;
width: 40px;
border: 1px solid #e1e6ff;
color: #bdc5ff;
padding-top: 6px;
}
.widget_social_profile li a:hover {
background: var(--site_main_color) none repeat scroll 0 0;
border-color: var(--site_main_color);
color: #ffffff;
} .tagcloud a {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #e1e6ff;
display: inline-block;
font-size: 16px !important;
margin: 5px;
padding: 6px 10px;
}
.tagcloud a:hover {
background: var(--site_main_color) none repeat scroll 0 0;
border-color: var(--site_main_color);
color: #ffffff;
} #wp-calendar {
margin: 0;
width: 100%;
}
#wp-calendar > caption {
background: var(--site_main_color) none repeat scroll 0 0;
color: #ffffff;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
}
#wp-calendar th {
background: #f6f9ff;
padding: 5px 0;
text-align: center;
color: #252525;
font-size: 14px;
}
#wp-calendar tfoot td {
border: medium none;
padding-top: 5px;
}
#wp-calendar tfoot td#next {
text-align: right;
}
#wp-calendar tbody td {
border: 1px solid #e6eeff;
padding: 5px 0;
text-align: center;
}
#wp-calendar tbody td a {
position: relative;
}
#wp-calendar tbody td a:before {
background: #e6eeff;
content: "";
position: absolute;
z-index: -1;
left: 0;
margin: 0;
top: 0;
width: 100%;
border-radius: 50%;
height: 100%;
}
#wp-calendar tbody td#today {
border: 1px solid var(--site_main_color);
}
#wp-calendar tfoot tr {
border: 1px solid #e6eeff;
}
#wp-calendar tfoot tr td {
padding: 10px;
padding-bottom: 5px;
padding-top: 5px;
} .widget_rss li {
margin-bottom: 20px;
border-bottom: 1px solid #e6eeff;
padding-bottom: 20px;
}
.widget_rss li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.widget_rss li a {
font-weight: 500;
}
.widget_rss li .rss-date {
display: block;
margin-bottom: 10px;
font-size: 14px;
color: var(--site_main_color);
}
.widget_rss li cite {
color: #252525;
letter-spacing: 1px;
margin-top: 5px;
display: block;
}
.widget_rss li cite:before {
display: inline-block;
width: 20px;
height: 2px;
background: var(--site_main_color);
content: "";
position: relative;
top: -5px;
margin-right: 10px;
} .widget_text p {
margin-bottom: 20px;
} .widget_meta ul li li {
border: 0 none;
}
.widget_meta ul li a {
background: #f6f9ff none repeat scroll 0 0;
display: block;
height: 50px;
margin-bottom: 10px;
padding: 13px 0 13px 20px;
position: relative;
}
.widget_meta ul li a:before {
font-family: "themify";
position: relative;
display: inline-block;
font-size: 14px;
margin-right: 10px;
}
.widget_meta > ul > li:first-child a:before {
content: "\e602";
}
.widget_meta > ul > li:nth-child(2) a:before {
content: "\e682";
}
.widget_meta > ul > li:nth-child(3) a:before {
content: "\e75f";
}
.widget_meta > ul > li:nth-child(4) a:before {
content: "\e643";
}
.widget_meta > ul > li:last-child a:before {
content: "\e749";
} .single-widgets.widget_barner {
padding: 0;
} .search-form-control {
width: 100%;
height: 100vh;
overflow: hidden;
position: fixed;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.mode-search .search-form-control {
opacity: 1;
visibility: visible;
z-index: 9;
}
.search-button.close {
opacity: 0;
}
.mode-search #mainmenu-area {
opacity: 0;
visibility: hidden;
}
.search-control-bg {
position: absolute;
background: var(--site_main_color);
width: 50px;
height: 50px;
transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 50%;
margin-left: 29px;
opacity: 0;
z-index: -1;
right: 0;
top: 0;
transform: scale(0);
}
.mode-search .search-control-bg {
transform: scale(100);
opacity: 1;
z-index: 1;
}
.search-mode-close {
position: absolute;
right: 80px;
top: 80px;
z-index: 999;
background: transparent;
font-size: 50px;
padding: 0;
border: 0;
width: 50px;
height: 50px;
text-align: center;
line-height: 1;
color: #ffffff;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.mode-search .search-mode-close {
opacity: 1;
visibility: visible;
}
.search-form-one {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
}
.mode-search .search-form-one {
z-index: 999;
opacity: 1;
visibility: visible;
}
.search-form-one input {
width: 100%;
padding: 50px;
background: transparent;
border: 0;
color: #ffffff !important;
font-size: 63px;
border-bottom: 2px solid;
}
.search-form-one form ::-webkit-input-placeholder {
color: #ffffff;
}
.search-form-one form :-moz-placeholder {
color: #ffffff;
opacity: 1;
}
.search-form-one form ::-moz-placeholder {
color: #ffffff;
opacity: 1;
}
.search-form-one form :-ms-input-placeholder {
color: #ffffff;
} .contact_widget p {
margin-bottom: 10px;
}
.contact_widget p:last-child {
margin-bottom: 0;
}
.contact_widget .fa {
margin-right: 10px;
}
.contact_widget i {
bottom: -3px;
font-size: 20px;
margin-right: 10px;
position: relative;
} .subscriber-form-group {
height: 60px;
position: relative;
background: #e1e6ff none repeat scroll 0 0;
}
.subscriber-form-group input {
left: 0;
padding-right: 110px;
position: absolute;
top: 0;
height: 100%;
padding: 10px 20px;
background: transparent;
border: 0 !important;
border-radius: 0 !important;
}
.subscriber-form-group button {
background: var(--site_main_color);
border: 0 none;
color: #ffffff;
height: 100%;
padding: 10px;
position: absolute;
right: 0;
top: 0;
min-width: 60px;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 0 !important;
}
.subscriber-form-group button:hover {
background: var(--site_main_color) none repeat scroll 0 0;
color: #ffffff;
}
.subscrier_msg {
text-align: center;
width: 100%;
}
.subscrier_msg.valid {
position: absolute;
left: 0;
} .footer-area .single-widgets {
background: inherit;
border: 0 none;
padding: 0;
margin-bottom: 50px;
box-shadow: 0 0 0;
} .footer-area .single-widgets h3 {
text-align: left;
line-height: 1;
}
.footer-area .single-widgets h3:after {
display: none;
}
.footer-area .single-widgets ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.footer-area .single-widgets ul li a {
display: block;
}
.footer-area .widget_social_profile {
text-align: inherit;
}
.footer-area .widget_social_profile ul li {
display: inline-block;
} .widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-area .single-widgets .sbSelector {
color: #252525;
}
.footer-area .single-widgets .sbHolder ul li a {
background: #f6f9ff;
border-color: #c3cad6;
color: #294479 !important;
}
.footer-area .single-widgets .sbHolder ul li a:hover{
color: var(--site_main_color); 
}
.footer-area .sbOptions a:hover {
color: var(--site_main_color);
}
.footer-area .sbHolder ul li a {
background: inherit;
} .footer-area .widget_rss li {
border-color: #7971af;
}
.footer-area .widget_rss li .rss-date{
font-size: 12px;
}
.footer-area .widget_rss li .rss-date,
.footer-area .widget_rss li cite {
color: #ffffff;
}
.footer-area .widget_rss li cite:before{
background: #ffffff;
} .footer-area .widget_nav_menu ul.sub-menu,
.footer-area .widget_pages ul.children {
padding-left: 15px;
}
.footer-area .tagcloud a,
.footer-area .widget_archive ul li a, 
.footer-area .widget_categories ul li a, 
.footer-area .widget_meta ul li a {
background: #294479 none repeat scroll 0 0;
border-color: #294479;
}
.footer-area .widget_archive ul li a:hover,
.footer-area .widget_categories ul li a:hover,
.footer-area .widget_meta ul li a:hover {
color: #ffffff;
}
.footer-area .tagcloud a:hover{
background: #ffffff;
border-color: #ffffff;
}
.footer-area .widget_pages ul li,
.footer-area .widget_nav_menu ul li{
margin-bottom: 0;
}
.footer-area .widget_pages ul li a,
.footer-area .widget_nav_menu ul li a{
background: transparent;
padding: 0;
height: auto;
text-transform: capitalize;
position: relative;
margin-bottom: 15px;
color: #b9c9ff;
}
.footer-area .widget_pages ul li a:hover,
.footer-area .widget_nav_menu ul li a:hover{
color:#ffffff;
}
.footer-area .widget_pages ul li a:before,
.footer-area .widget_nav_menu ul li a:before {
display: inline-block;
content: "...";
top: -4px;
position: relative;
margin-right: 10px;
opacity: .5;
font-size: 20px;
line-height: 1;
transition: 0.3s;
}
.footer-area .widget_pages ul li a:hover:before,
.footer-area .widget_nav_menu ul li a:hover:before{
opacity: 1;
} .footer-area .contact_widget {
font-size: 18px;
text-transform: capitalize;
} .footer-area .widget_recent_comments li {
border-color: #7971af;
}
.footer-area .widget_recent_comments li > a {
display: inline-block !important;
} .footer-area .single-widgets.widget_post_with_thumb li {
border: 0;
padding: 0;
margin-bottom: 30px;
}
.footer-area .single-widgets.widget_post_with_thumb li:last-child{
margin-bottom: 0;
}
.footer-area .widget_post_with_thumb li img {
border-radius: 50%;
}
.footer-area .widget_post_with_thumb li a {
font-size: 18px;
text-transform: capitalize;
letter-spacing: inherit;
color: #fff;
}
.footer-area .widget_post_with_thumb li a:hover{
color: #9089be;
}
.footer-area .single-widgets ul li .post-date {
font-size: 12px;
letter-spacing: unset;
color: var(--site_main_color);
text-transform: uppercase;
} .footer-area .subscriber-form-group {
overflow: hidden;
}
.footer-area label.subscrier_msg {
display: none;
overflow: hidden;
position: inherit;
}
.footer-area label.subscrier_msg.error {
display: block;
}
.footer-area label.subscrier_msg.valid {
display: block;
overflow: hidden;
position: inherit;
}
.footer-area .subscriber-form-group input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 50px 0 0 50px;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.footer-area .subscriber-form-group input {
border: 2px solid #dddddd;
border-radius: 5px;
}
.footer-area .subscriber-form-group button {
background: var(--site_main_color) none repeat scroll 0 0;
border: 0 none;
border-radius: 5px;
color: #ffffff;
font-weight: 600;
height: calc(100% + 4px);
letter-spacing: 1px;
right: -2px;
text-transform: uppercase;
top: -2px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: auto;
padding: 10px 20px;
}
.footer-area .subscriber-form-group button:hover {
background: #ffffff;
color: var(--site_main_color);
} .footer-area .social_widget li a {
border: 2px solid #e5e5e5;
border-radius: 50px;
color: #ffffff;
display: block;
font-size: 16px;
height: 40px;
margin: 0 5px 0 0;
padding-top: 8px;
text-align: center;
width: 40px;
}
.footer-area .social_widget li a.facebook:hover {
background: #ffffff;
border-color: #ffffff;
color: var(--site_main_color);
}
.footer-area .social_widget li a.twitter:hover {
background: #ffffff;
border-color: #ffffff;
color: var(--site_main_color);
}
.footer-area .social_widget li a.youtube:hover {
background: #ffffff;
border-color: #ffffff;
color: var(--site_main_color);
}
.footer-area .social_widget li a.pinterest:hover {
background: #ffffff;
border-color: #ffffff;
color: var(--site_main_color);
}
.footer-area .social_widget li a.instagram:hover {
background: #ffffff;
border-color: #ffffff;
color: var(--site_main_color);
}
.footer-area .social_widget li a.linkedin:hover {
background: #ffffff;
border-color: #ffffff;
color: var(--site_main_color);
} .footer-area .social-profile ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-area .social-profile ul li {
display: inline-block;
}
.footer-area .social-profile ul li a {
display: block;
width: 40px;
height: 40px;
line-height: 2.4;
border: 2px solid;
border-radius: 50%;
margin: 0 5px;
text-align: center;
} .footer-area .footer-bottom .social-profile ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-area .footer-bottom .social-profile ul li {
display: inline-block;
}
.footer-area .footer-bottom .social-profile ul li a {
display: block;
width: 40px;
height: 40px;
line-height: 2.4;
border: 0;
border-radius: 50%;
text-align: center;
font-size: 16px;
margin: 0;
padding-top: 3px;
} .header-widgets .widget_archive ul,
.header-widgets .widget_categories ul,
.header-widgets .widget_pages ul,
.header-widgets .widget_meta ul,
.header-widgets .widget_recent_comments ul,
.header-widgets .widget_recent_entries ul,
.header-widgets .widget_nav_menu ul {
text-align: left;
} .footer_menu {
text-align: right;
}
.footer_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer_menu ul li {
display: inline-block;
position: relative;
margin-right: 20px;
}
.footer_menu ul li a {
display: block;
}
.footer_menu ul li:after {
width: 2px;
height: 15px;
background: #ffffff;
content: "";
top: 5px;
bottom: 0;
right: -14px;
transform: rotate(15deg);
position:absolute;
opacity: .3;
display: none;
}
.footer_menu ul li:last-child {
margin: 0;
}
.footer_menu ul li:last-child:after {
display: none;
}
@media only screen and (max-width: 991px) {
.footer-logo {
text-align: center;
}
.footer_menu {
text-align: center;
margin-bottom: 19px;
}
.footer-copyright {
margin-bottom: 20px;
}
} .single-give_forms .widget-area .widget {
margin-bottom: 50px;
}
.single-give_forms .widget-area .widget:last-child {
margin-bottom: 0;
} .single__post__top__meta {
padding: inherit;
position: relative;
margin-bottom: 30px;
display: flex;
align-items: center;
text-align: inherit;
}
.single__post__top__meta .post__author {
position: inherit; 
left: inherit; 
text-align: inherit; 
}
.single__post__top__meta > div {
display: inline-block;
min-height: 50px;
align-items: center;
margin-right: 20px;
margin-bottom: 0;
padding-top: 15px;
}
.single__post__top__meta .post__author a {
display: inline-flex;
align-items: center;
height: 100%;
float: left;
}
.single__post__top__meta .post__author a.author__thumbnail img {
width: 45px;
height: 45px;
margin-right: 15px;
margin-bottom: 0;
}
.single__post__top__meta a.author__link {
margin-top: 7px;
font-weight: 500;
} .breadcumb {
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
letter-spacing: 0;
}
.single-post-item ul.info {
margin-bottom: 42px;
border-bottom: 1px solid #ededed;
padding-bottom: 20px;
font-size: 14px;
font-weight: 500;
opacity: .7;
}
.single__random__category a {
padding: 10px 20px;
display: inline-block;
background: var(--site_main_color);
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
line-height: 1;
margin-bottom: 30px;
font-weight: 500;
letter-spacing: 1px;
}
.posts__bottom__meta {
margin-top: 40px;
overflow: hidden;
align-items: center;
display: block;
}
.posts__bottom__meta .post__author {
float: left;
}
.posts__bottom__meta .posts__readmore {
float: right;
margin-top: 6px;
}
a.author__link {
letter-spacing: 0;
font-weight: 600;
font-size: 14px;
}
.single__post__top__meta {
padding: 0;
margin-top: -15px;
height: auto;
min-height: auto;
} .post-tags li a {
color: inherit;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
border: solid 1px #e0deff;
padding: 5px 10px;
height: auto;
margin-left: 5px;
}
.post-tags li a:hover {
background: var(--site_main_color);
border-color: var(--site_main_color);
color: #152136;
} .blog-posts-list {
padding-right: 20px;
}
.single-widgets {
background: #ffffff;
margin-bottom: 40px;
border: 2px solid #e1e6ff;
box-shadow: 0 10px 20px rgba(0,0,0,.05);
padding: 40px;
}
.single-widgets h3 {
font-size: 20px;
margin-bottom: 30px;
position: relative;
text-transform: capitalize;
padding-left: 40px;
text-align: left;
}
.single-widgets h3:before {
position: absolute;
width: 26px;
height: 4px;
background: var(--site_main_color);
content: "";
display: inline-block;
top: 12px;
left: 0;
}
.single-widgets h3:after {
content: "";
position: absolute;
left: 16px;
top: 12px;
width: 4px;
height: 4px;
background: white;
margin:0;
}
.comments-area {
padding: 0;
padding-top: 1px;
}
@media (min-width: 768px) and (max-width: 991px) {
.blog-posts-list {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.blog-posts-list {
padding: 0;
}
.posts__bottom__meta {
margin-top: 20px;
}
.posts__bottom__meta .post__author {
display: none;
}
.posts__bottom__meta .posts__readmore {
float: none;
}
}.footer-area {
position: relative;
}
.footer-area-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.footer-area-bg:after {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
}
.footer-bottom {
position: relative;
border-top: 2px solid rgba(121, 113, 175, 0.1);
}
.footer-bottom-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
} .footer-area a {
color: #c2d1e2;
}
.footer-area a:hover {
color: var(--site_main_color);
}
.footer-logo {
margin-bottom: 35px;
}
.footer-bottom-area {
border-top: 1px solid rgba(255, 255, 255, 0.14);
position: relative;
}.preeloader {
background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
height: 100%;
position: fixed;
width: 100%;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
}
.preeloader img,.preeloader svg {max-width: 150px;}
.preloader-spinner {
-webkit-animation: 1s ease-out 0s normal none infinite running pulsate;
animation: 1s ease-out 0s normal none infinite running pulsate;
border: 5px solid #292929;
border-radius: 40px;
display: block;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 10;
}
@-webkit-keyframes pulsate {
0% {
opacity: 0;
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes pulsate {
0% {
opacity: 0;
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
} .loader-warp {
text-align: center;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 4px;
}
.loader-span {
position: relative;
top: 0.63em;  
display: inline-block;
text-transform: uppercase;  
opacity: 0;
transform: rotateX(-90deg);
}
.loader-span.let1 {
animation: drop 1.2s ease-in-out infinite;
animation-delay: 1.2s;
}
.loader-span.let2 {
animation: drop 1.2s ease-in-out infinite;
animation-delay: 1.3s;
}
.loader-span.let3 {
animation: drop 1.2s ease-in-out infinite;
animation-delay: 1.4s;
}
.loader-span.let4 {
animation: drop 1.2s ease-in-out infinite;
animation-delay: 1.5s;
}
.loader-span.let5 {
animation: drop 1.2s ease-in-out infinite;
animation-delay: 1.6s;
}
.loader-span.let6 {
animation: drop 1.2s ease-in-out infinite;
animation-delay: 1.7s;
}
.loader-span.let7 {
animation: drop 1.2s ease-in-out infinite;
animation-delay: 1.8s;
}
@keyframes drop {
10% {
opacity: 0.5;
}
20% {
opacity: 1;
top: 3.78em;
transform: rotateX(-360deg);
}
80% {
opacity: 1;
top: 3.78em;
transform: rotateX(-360deg);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
top: 6.94em
}
} .loading-text {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: 100%;
height: 100px;
line-height: 100px;
}
.loading-text span {
display: inline-block;
margin: 0 5px;
}
.loading-text span:nth-child(1) {
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-animation: blur-text 1.5s 0s infinite linear alternate;
animation: blur-text 1.5s 0s infinite linear alternate;
}
.loading-text span:nth-child(2) {
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-animation: blur-text 1.5s 0.2s infinite linear alternate;
animation: blur-text 1.5s 0.2s infinite linear alternate;
}
.loading-text span:nth-child(3) {
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-animation: blur-text 1.5s 0.4s infinite linear alternate;
animation: blur-text 1.5s 0.4s infinite linear alternate;
}
.loading-text span:nth-child(4) {
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-animation: blur-text 1.5s 0.6s infinite linear alternate;
animation: blur-text 1.5s 0.6s infinite linear alternate;
}
.loading-text span:nth-child(5) {
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-animation: blur-text 1.5s 0.8s infinite linear alternate;
animation: blur-text 1.5s 0.8s infinite linear alternate;
}
.loading-text span:nth-child(6) {
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-animation: blur-text 1.5s 1s infinite linear alternate;
animation: blur-text 1.5s 1s infinite linear alternate;
}
.loading-text span:nth-child(7) {
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-animation: blur-text 1.5s 1.2s infinite linear alternate;
animation: blur-text 1.5s 1.2s infinite linear alternate;
}
@-webkit-keyframes blur-text {
0% {
-webkit-filter: blur(0px);
filter: blur(0px);
}
100% {
-webkit-filter: blur(4px);
filter: blur(4px);
}
}
@keyframes blur-text {
0% {
-webkit-filter: blur(0px);
filter: blur(0px);
}
100% {
-webkit-filter: blur(4px);
filter: blur(4px);
}
} .scrolltotop {
background: #ffffff;
border-radius: 50%;
bottom: 20px;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
color: var(--site_main_color);
display: none;
font-size: 24px;
height: 60px;
padding-top: 17px;
position: fixed;
right: 20px;
text-align: center;
width: 60px;
z-index: 99;
}
.scrolltotop:hover,
.scrolltotop:focus {
background: #ffffff none repeat scroll 0 0;
color: var(--site_main_color);
}