/* Core Styles */
html {
background: #fff;
display: block; }
.white {
color: var(--white-color); }
.primary {
color: var(--primary-color); }
.black {
color: var(--black-color); }
.hidden, .none {
display: none;
visibility: hidden; }
.thin {
font-weight: 400; }
.bold {
font-weight: bold; }
body {
display: block;
margin: 0 auto;
overflow-x: hidden;
height: auto;
position: static; }
body img {
max-width: 100%; }
.clearfix:before, .clearfix:after {
content: "";
display: table;
clear: both; }
.flex-center {
display: flex;
justify-content: center;
align-items: center; }
.flex-left {
display: flex;
justify-content: flex-start;
align-items: center; }
.flex-right {
display: flex;
justify-content: flex-end;
align-items: center; }
.relative {
position: relative; }
.img-responsive {
width: 100%;
height: auto; }
.white-bg {
background: var(--white); }
.overflow-hidden {
overflow: hidden !important; }
.circle {
border-radius: 50%;
overflow: hidden; }
.no-padding {
padding: 0px !important; }
.no-margin {
margin: 0 !important; }
.default-content {
padding: 50px 15px;
margin: 0 auto;
max-width: 1140px; }
.block {
display: block !important; }
.wp-error {
color: red;
font-size: 18px; }
.disabled {
pointer-events: none !important;
cursor: not-allowed !important; }
.aligncenter {
text-align: center; }
.alignleft {
text-align: left; }
.alignright {
text-align: right; }
.bypostauthor, .gallery-caption, .sticky, .wp-caption, .wp-caption-text {
box-sizing: border-box; }
.parallax {
background-attachment: fixed; }
@media (max-width: 991px) {
.parallax {
background-attachment: scroll; } }
/* IE10+ Message */
.ie10-support {
display: none; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.ie10-support {
display: flex !important;
justify-content: center;
align-items: center;
flex-direction: column;
position: fixed;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
min-height: 100vh;
min-width: 100vw;
background-image: none !important;
text-align: center;
background-color: black !important;
font-size: 25px;
color: #fff;
z-index: 100000000000000000000000000000000000;
line-height: 1.6; }
.ie10-support p {
color: #fff;
font-size: 25px;
text-align: center;
line-height: 1.6; }
.ie10-support .ie {
color: #fff; }
.ie10-support a {
color: red; } }
/* Other old Browsers */
.ie-support {
display: flex !important;
justify-content: center;
align-items: center;
flex-direction: column;
position: fixed;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
min-height: 100vh;
min-width: 100vw;
background-image: none !important;
text-align: center;
background-color: black !important;
font-size: 20px;
color: #fff;
z-index: 100000000000000000000000000000000000;
line-height: 1.6; }
.ie-support p {
color: #fff;
font-size: 20px;
text-align: center;
line-height: 1.6; }
.ie-support .ie {
color: #fff; }
.ie-support a {
color: red; }
body {
font-family: var(--secondary-font);
line-height: 1.7;
font-weight: var(--text-font-weight);
color: var(--text-color);
letter-spacing: normal; }
@media (min-width: 1200px) {
body {
font-size: var(--text-xl-size); } }
@media (max-width: 1199px) and (min-width: 992px) {
body {
font-size: var(--text-lg-size); } }
@media (max-width: 991px) and (min-width: 768px) {
body {
font-size: var(--text-md-size); } }
@media (max-width: 767px) and (min-width: 440px) {
body {
font-size: var(--text-sm-size); } }
@media (max-width: 440px) {
body {
font-size: var(--text-xs-size); } }
p {
font-family: var(--secondary-font);
color: var(--text-color);
font-weight: var(--text-font-weight);
margin-top: 0;
margin-bottom: 8px;
line-height: 1.7;
letter-spacing: normal; }
span {
font-size: var(--text-size);
font-family: var(--secondary-font);
font-weight: var(--text-font-weight);
letter-spacing: normal; }
.primary-font {
font-family: var(--primary-font); }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--heading-font);
color: var(--headings-color);
margin: 0;
padding: 0;
line-height: 1.2;
letter-spacing: normal; }
h1 {
font-weight: var(--h1-fw); }
h2 {
font-weight: var(--h2-fw); }
h3 {
font-weight: var(--h3-fw); }
h4 {
font-weight: var(--h4-fw); }
h5 {
font-weight: var(--h5-fw); }
h6 {
font-weight: var(--h6-fw); }
@media (min-width: 1200px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: var(--xl-headings-mb); }
h1 {
font-size: var(--xl-h1-size); }
h2 {
font-size: var(--xl-h2-size); }
h3 {
font-size: var(--xl-h3-size); }
h4 {
font-size: var(--xl-h4-size); }
h5 {
font-size: var(--xl-h5-size); }
h6 {
font-size: var(--xl-h6-size); } }
@media (max-width: 1199px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: var(--lg-headings-mb); }
h1 {
font-size: var(--lg-h1-size); }
h2 {
font-size: var(--lg-h2-size); }
h3 {
font-size: var(--lg-h3-size); }
h4 {
font-size: var(--lg-h4-size); }
h5 {
font-size: var(--lg-h5-size); }
h6 {
font-size: var(--lg-h6-size); } }
@media (max-width: 991px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: var(--md-headings-mb); }
h1 {
font-size: var(--md-h1-size); }
h2 {
font-size: var(--md-h2-size); }
h3 {
font-size: var(--md-h3-size); }
h4 {
font-size: var(--md-h4-size); }
h5 {
font-size: var(--md-h5-size); }
h6 {
font-size: var(--md-h6-size); } }
@media (max-width: 767px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: var(--sm-headings-mb); }
h1 {
font-size: var(--sm-h1-size); }
h2 {
font-size: var(--sm-h2-size); }
h3 {
font-size: var(--sm-h3-size); }
h4 {
font-size: var(--sm-h4-size); }
h5 {
font-size: var(--sm-h5-size); }
h6 {
font-size: var(--sm-h6-size); } }
@media (max-width: 440px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: var(--xs-headings-mb); }
h1 {
font-size: var(--xs-h1-size); }
h2 {
font-size: var(--xs-h2-size); }
h3 {
font-size: var(--xs-h3-size); }
h4 {
font-size: var(--xs-h4-size); }
h5 {
font-size: var(--xs-h5-size); }
h6 {
font-size: var(--xs-h6-size); } }
/* Tooltips */
.tippy-tooltip {
font-size: var(--tippy-size);
color: var(--tippy-color); }
/* Buttons */
.btn {
cursor: pointer;
background-color: transparent;
font-family: var(--primary-font);
display: inline-block;
text-decoration: none;
min-width: 100px;
border-radius: 25px;
padding: 0 30px;
height: 42px;
line-height: 42px;
overflow: hidden;
font-size: 16px;
text-align: center;
z-index: 1;
position: relative;
transition: 0.4s all; }
.btn:after {
content: "";
display: block;
position: absolute;
width: 0%;
height: 120%;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s all;
opacity: 0.3; }
.btn:hover, .btn:active, .btn:focus {
text-decoration: none;
background: var(--primary-color); }
.btn:hover:after, .btn:active:after, .btn:focus:after {
opacity: 1;
width: 150%;
right: 0; }
.btn.size-big {
font-size: 22px;
min-width: 130px;
height: 55px;
line-height: 50px;
border-width: 2px !important;
padding: 0 40px; }
.btn.size-big.rounded {
border-radius: 50px; }
.btn.size-small {
font-size: 14px;
min-width: 80px;
height: 35px;
line-height: 35px;
padding: 0 20px; }
.btn.rect {
border-radius: 0px; }
.btn.style-primary {
border: 1px solid var(--primary-color);
background: none; }
.btn.style-primary:after {
background: var(--primary-color); }
.btn.style-primary:hover, .btn.style-primary:active, .btn.style-primary:focus {
background: var(--primary-color); }
.btn.style-primary-fill {
border: 1px solid var(--primary-color);
background: var(--primary-color); }
.btn.style-primary-fill:after {
background: var(--primary-color); }
.btn.style-primary-fill:hover, .btn.style-primary-fill:active, .btn.style-primary-fill:focus {
background: var(--primary-color); }
.btn.style-black {
border: 1px solid var(--black-color);
background: none; }
.btn.style-black:after {
background: var(--black-color); }
.btn.style-black:hover, .btn.style-black:active, .btn.style-black:focus {
background: var(--black-color); }
.btn.style-black-fill {
border: 1px solid var(--black-color);
background: var(--black-color); }
.btn.style-black-fill:after {
background: var(--black-color); }
.btn.style-black-fill:hover, .btn.style-black-fill:active, .btn.style-black-fill:focus {
background: var(--black-color); }
.btn.style-white {
border: 1px solid var(--white-color);
background: none; }
.btn.style-white:after {
background: var(--white-color); }
.btn.style-white:hover, .btn.style-white:active, .btn.style-white:focus {
background: var(--white-color); }
.btn.style-white-fill {
border: 1px solid var(--white-color);
background: var(--white-color); }
.btn.style-white-fill:after {
background: var(--white-color); }
.btn.style-white-fill:hover, .btn.style-white-fill:active, .btn.style-white-fill:focus {
background: var(--white-color); }
.btn.black {
color: var(--black-color); }
.btn.white {
color: var(--white-color); }
.btn.primary {
color: var(--primary-color); }
.btn.hover-black:hover, .btn.hover-black:active, .btn.hover-black:focus {
color: var(--black-color); }
.btn.hover-white:hover, .btn.hover-white:active, .btn.hover-white:focus {
color: var(--white-color); }
.btn.hover-primary:hover, .btn.hover-primary:active, .btn.hover-primary:focus {
color: var(--primary-color); }
/* Headings */
.bordered {
position: relative; }
.bordered:after {
position: absolute;
display: block;
content: '';
width: 51px;
height: 2px;
background: var(--primary-color);
left: 0;
right: 0;
margin: auto; }
.bordered.left:after {
position: absolute;
display: block;
content: '';
width: 51px;
height: 2px;
background: var(--primary-color);
left: 0;
right: 0;
margin: 0; }
/* KC Clear Padding */
.clear-padding .kc_column, .clear-padding .kc_column_inner {
padding: 0; }
/* Breadcrumbs */
.breadcrumbs-wrap {
padding-top: 80px;
padding-bottom: 40px;
height: 350px; }
.breadcrumbs-wrap .container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--color); }
.breadcrumbs-wrap .page-title {
color: var(--color);
margin: 0; }
.breadcrumbs-wrap .breadcrumbs {
margin: 0;
margin-top: 14px;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
list-style-type: none; }
.breadcrumbs-wrap .breadcrumbs li {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0;
line-height: 1;
font-family: var(--primary-font);
margin-bottom: 8px; }
.breadcrumbs-wrap .breadcrumbs li a {
font-family: var(--primary-font);
color: var(--color);
transition: 0.3s all ease;
text-decoration: none;
line-height: 1;
font-size: 16px; }
.breadcrumbs-wrap .breadcrumbs li a:hover {
color: var(--primary-color); }
.breadcrumbs-wrap .breadcrumbs li span {
font-family: var(--primary-font);
font-size: 16px;
color: var(--color); }
.breadcrumbs-wrap .breadcrumbs li.separator {
padding: 0 8px; }
/* Responsive Iframe */
.iframe-wrap {
display: block;
position: relative;
overflow: hidden;
padding-top: 56.25%; }
.iframe-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
/* Up Button */
.btn-up {
position: fixed;
right: 96px;
bottom: 30px;
width: 45px;
font-size: 18px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
color: var(--white-color);
background: var(--primary-color);
cursor: pointer;
transition: 0.3s all ease;
opacity: 0;
pointer-events: none;
transform: translateX(100%); }
.btn-up.active {
opacity: 1;
pointer-events: all;
transform: translateX(0); }
/* 404 Page */
.wrap-404 {
height: 100vh;
min-height: 650px;
display: flex;
justify-content: center;
align-items: center;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
color: var(--white-color); }
.wrap-404 .page_title {
color: var(--white-color); }
.wrap-404 .links404 {
margin-top: 16px;
display: flex;
justify-content: center;
align-items: center; }
.wrap-404 .links404 a {
font-family: var(--primary-font);
margin: 0 10px;
text-decoration: none;
cursor: pointer;
color: var(--white-color);
font-size: 20px;
font-weight: 400;
transition: 0.3s all ease; }
.wrap-404 .links404 a:hover, .wrap-404 .links404 a:active, .wrap-404 .links404 a:focus {
color: var(--primary-color); }
/* Pagination */
.pagination-wrap {
display: flex;
align-items: center;
margin-bottom: 30px; }
.pagination-wrap.center {
justify-content: center; }
.pagination-wrap.left {
justify-content: flex-start; }
.pagination-wrap.right {
justify-content: flex-end; }
.differ-pagination {
list-style-type: none;
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 40px -5px; }
.differ-pagination li {
height: 35px;
line-height: 35px;
min-width: 35px;
width: auto;
display: block;
font-weight: 300;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 8px; }
.differ-pagination li a {
width: 100%;
height: 100%;
display: block;
color: var(--black-color);
font-size: 18px;
text-align: center;
cursor: pointer;
text-decoration: none;
padding: 0 5px;
transition: 0.2s all ease;
border: 1px solid #edeef0; }
.differ-pagination li a:hover, .differ-pagination li a:active, .differ-pagination li a:focus {
text-decoration: none;
border-color: var(--primary-color);
background-color: var(--primary-color);
color: var(--white-color); }
.differ-pagination li a.current {
border-color: var(--primary-color);
background-color: var(--primary-color);
color: var(--white-color); }
.differ-pagination li span {
width: 100%;
height: 100%;
display: block;
color: var(--black-color);
font-size: 18px;
text-align: center;
cursor: default;
text-decoration: none;
padding: 0 5px;
transition: 0.2s all ease;
border: 1px solid #edeef0; }
.differ-pagination li span:hover, .differ-pagination li span:active, .differ-pagination li span:focus {
text-decoration: none;
border-color: var(--primary-color);
background-color: var(--primary-color);
color: var(--white-color); }
.differ-pagination li span.current {
border-color: var(--primary-color);
background-color: var(--primary-color);
color: var(--white-color); }
.page-content table {
max-width: 100%;
overflow-x: auto;
border-collapse: collapse;
width: auto; }
.page-content table th, .page-content table td {
padding: 10px;
border-collapse: collapse;
border: 1px solid #ddd; }
.page-content blockquote {
margin: 8px 0;
padding: 0px 20px;
padding-top: 30px;
padding-bottom: 20px;
background: #f3eeee; }
.page-content embed, .page-content iframe {
max-width: 100%; }
.page-content b, .page-content strong {
font-weight: bold; }
.page-content ul, .page-content ol {
padding-left: 17px !important;
margin: 10px 0; }
.page-content ul li, .page-content ol li {
line-height: 2;
display: list-item; }
@media (max-width: 480px) {
.page-content ul li, .page-content ol li {
line-height: 1.5; } }
.page-content ul {
list-style: disc; }
.page-content ol {
list-style: decimal; }
.page-content pre, .page-content code {
margin: 0;
font-size: 15px;
padding: 4px 10px;
background: #ddd;
display: inline-block;
overflow-x: auto;
line-height: 1.4; }
.default-content embed, .default-content iframe {
max-width: 100%; }
.default-content blockquote {
margin: 8px 0;
padding: 0px 20px;
padding-top: 30px;
padding-bottom: 20px;
background: #f3eeee; }
.default-content img {
max-width: 100%;
height: auto;
margin-top: 1em;
margin-bottom: 1em;
display: inline; }
.default-content b, .default-content strong {
font-weight: bold; }
.default-content i, .default-content em {
font-style: italic; }
.default-content ul, .default-content ol {
padding-left: 17px !important;
margin: 10px 0; }
.default-content ul li, .default-content ol li {
line-height: 2;
display: list-item; }
@media (max-width: 480px) {
.default-content ul li, .default-content ol li {
line-height: 1.5; } }
.default-content ul {
list-style: disc; }
.default-content ol {
list-style: decimal; }
.default-content a {
text-decoration: underline;
line-height: 1.4;
color: var(--primary-color); }
.default-content pre, .default-content code {
margin: 0;
font-size: 15px;
padding: 4px 10px;
background: #ddd;
display: inline-block;
overflow-x: auto;
line-height: 1.4; }
.default-content del {
text-decoration: line-through; }
.default-content ins {
text-decoration: underline; }
.default-content table {
max-width: 100%;
overflow-x: auto;
border-collapse: collapse;
width: auto; }
.default-content table th, .default-content table td {
padding: 10px;
border-collapse: collapse;
border: 1px solid #ddd; }
/* Gallery Post Formay */
.post-gallery {
overflow: hidden;
position: relative;
cursor: move; }
.post-gallery .prev, .post-gallery .next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 15;
width: 35px;
height: 35px;
background: rgba(255, 255, 255, 0.7);
color: var(--black-color);
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
opacity: 0;
transition: 0.3s; }
.post-gallery:hover .prev, .post-gallery:hover .next {
opacity: 1; }
.post-gallery .next {
right: 0; }
.post-gallery .left {
left: 0; }
.post-gallery .slick-dots {
position: absolute;
bottom: 15px;
display: flex;
justify-content: center;
align-items: center;
left: 0;
right: 0;
margin: auto;
list-style-type: none; }
.post-gallery .slick-dots li {
width: 10px;
height: 10px;
background: var(--white-color);
opacity: 0.7;
margin: 5px;
cursor: pointer;
border-radius: 50%; }
.post-gallery .slick-dots li.slick-active {
opacity: 1; }
.post-gallery .slick-dots li button {
display: none; }
/* Preloader Wrapper */
.loader-wrapper {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
min-height: 100vh;
min-width: 100vw;
background: var(--preloader-bg);
z-index: 99999;
display: flex;
justify-content: center;
align-items: center;
opacity: 1; }
/* Preloader 1 */
.patheon-preloader1 {
width: 100px;
height: 100px;
perspective: 780px; }
.patheon-preloader1 .cssload-inner {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%; }
.patheon-preloader1 .cssload-inner.cssload-one {
left: 0%;
top: 0%;
animation: cssload-rotate-one 1.15s linear infinite;
-o-animation: cssload-rotate-one 1.15s linear infinite;
-ms-animation: cssload-rotate-one 1.15s linear infinite;
-webkit-animation: cssload-rotate-one 1.15s linear infinite;
-moz-animation: cssload-rotate-one 1.15s linear infinite;
border-bottom: 3px solid var(--preloader-line1); }
.patheon-preloader1 .cssload-inner.cssload-two {
right: 0%;
top: 0%;
animation: cssload-rotate-two 1.15s linear infinite;
-o-animation: cssload-rotate-two 1.15s linear infinite;
-ms-animation: cssload-rotate-two 1.15s linear infinite;
-webkit-animation: cssload-rotate-two 1.15s linear infinite;
-moz-animation: cssload-rotate-two 1.15s linear infinite;
border-right: 3px solid var(--preloader-line2); }
.patheon-preloader1 .cssload-inner.cssload-three {
right: 0%;
bottom: 0%;
animation: cssload-rotate-three 1.15s linear infinite;
-o-animation: cssload-rotate-three 1.15s linear infinite;
-ms-animation: cssload-rotate-three 1.15s linear infinite;
-webkit-animation: cssload-rotate-three 1.15s linear infinite;
-moz-animation: cssload-rotate-three 1.15s linear infinite;
border-top: 3px solid var(--preloader-line3); }
@keyframes cssload-rotate-one {
0% {
transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); }
100% {
transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } }
@keyframes cssload-rotate-two {
0% {
transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); }
100% {
transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } }
@keyframes cssload-rotate-three {
0% {
transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); }
100% {
transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } }
/* Preloader 2 */
.patheon-preloader2 .spin-loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: var(--preloader-line1);
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite; }
.patheon-preloader2 .spin-loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: var(--preloader-line2);
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite; }
.patheon-preloader2 .spin-loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: var(--preloader-line3);
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite; }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); } }
/* Preloader 3 */
.patheon-preloader3 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 10px;
background: var(--preloader-line1);
border-radius: 5px;
-webkit-animation: load 1.8s ease-in-out infinite;
animation: load 1.8s ease-in-out infinite; }
.patheon-preloader3:before, .patheon-preloader3:after {
position: absolute;
display: block;
content: "";
-webkit-animation: load 1.8s ease-in-out infinite;
animation: load 1.8s ease-in-out infinite;
height: 10px;
border-radius: 5px; }
.patheon-preloader3:before {
top: -20px;
left: 10px;
width: 40px;
background: var(--preloader-line2); }
.patheon-preloader3:after {
bottom: -20px;
width: 35px;
background: var(--preloader-line3); }
@-webkit-keyframes load {
0% {
-webkit-transform: translateX(40px);
transform: translateX(40px); }
50% {
-webkit-transform: translateX(-30px);
transform: translateX(-30px); }
100% {
-webkit-transform: translateX(40px);
transform: translateX(40px); } }
@keyframes load {
0% {
-webkit-transform: translateX(40px);
transform: translateX(40px); }
50% {
-webkit-transform: translateX(-30px);
transform: translateX(-30px); }
100% {
-webkit-transform: translateX(40px);
transform: translateX(40px); } }
/* Prelaoder 4 */
.differ-preloader4 .sk-rotating-plane {
width: 5em;
height: 5em;
margin: auto;
background-color: var(--preloader-line1);
animation: sk-rotating-plane 1.2s infinite ease-in-out; }
@keyframes sk-rotating-plane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/* Preloader 5 */
.differ-preloader5 .sk-double-bounce {
width: 5em;
height: 5em;
position: relative;
margin: auto; }
.differ-preloader5 .sk-double-bounce .sk-child {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: var(--preloader-line1);
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-double-bounce 2.0s infinite ease-in-out; }
.differ-preloader5 .sk-double-bounce .sk-double-bounce-2 {
animation-delay: -1.0s; }
@keyframes sk-double-bounce {
0%, 100% {
transform: scale(0); }
50% {
transform: scale(1); } }
/* Preloader 6 */
.differ-preloader6 .sk-wave {
width: 7.5em;
height: 5em;
margin: auto;
text-align: center;
font-size: 1em; }
.differ-preloader6 .sk-wave .sk-rect {
background-color: var(--preloader-line1);
height: 100%;
width: .5em;
display: inline-block;
animation: sk-wave-stretch-delay 1.2s infinite ease-in-out; }
.differ-preloader6 .sk-wave .sk-rect-1 {
animation-delay: -1.2s; }
.differ-preloader6 .sk-wave .sk-rect-2 {
animation-delay: -1.1s; }
.differ-preloader6 .sk-wave .sk-rect-3 {
animation-delay: -1s; }
.differ-preloader6 .sk-wave .sk-rect-4 {
animation-delay: -0.9s; }
.differ-preloader6 .sk-wave .sk-rect-5 {
animation-delay: -0.8s; }
@keyframes sk-wave-stretch-delay {
0%, 40%, 100% {
transform: scaleY(0.4); }
20% {
transform: scaleY(1); } }
/* Preloader 7 */
.differ-preloader7 .sk-wandering-cubes {
width: 4em;
height: 4em;
position: relative;
margin: auto; }
.differ-preloader7 .sk-wandering-cubes .sk-cube {
background-color: var(--preloader-line1);
width: 1em;
height: 1em;
position: absolute;
top: 0;
left: 0;
animation: sk-wandering-cubes 1.8s ease-in-out -1.8s infinite both; }
.differ-preloader7 .sk-wandering-cubes .sk-cube-2 {
animation-delay: -0.9s; }
@keyframes sk-wandering-cubes {
0% {
transform: rotate(0deg); }
25% {
transform: translateX(2em) rotate(-90deg) scale(0.5); }
50% {
/* Hack to make FF rotate in the right direction */
transform: translateX(2em) translateY(2em) rotate(-179deg); }
50.1% {
transform: translateX(2em) translateY(2em) rotate(-180deg); }
75% {
transform: translateX(0) translateY(2em) rotate(-270deg) scale(0.5); }
100% {
transform: rotate(-360deg); } }
/* Preloader 8 */
.differ-preloader8 .sk-three-bounce {
width: 8em;
margin: auto;
text-align: center; }
.differ-preloader8 .sk-three-bounce .sk-child {
width: 2em;
height: 2em;
background-color: var(--preloader-line1);
border-radius: 100%;
display: inline-block;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
.differ-preloader8 .sk-three-bounce .sk-bounce-1 {
animation-delay: -0.32s; }
.differ-preloader8 .sk-three-bounce .sk-bounce-2 {
animation-delay: -0.16s; }
@keyframes sk-three-bounce {
0%, 80%, 100% {
transform: scale(0); }
40% {
transform: scale(1); } }
/* Preloader 9 */
.differ-preloader9 .sk-circle-bounce {
width: 4em;
height: 4em;
position: relative;
margin: auto; }
.differ-preloader9 .sk-circle-bounce .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.differ-preloader9 .sk-circle-bounce .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: var(--preloader-line1);
border-radius: 100%;
animation: sk-circle-bounce-delay 1.2s infinite ease-in-out both; }
.differ-preloader9 .sk-circle-bounce .sk-circle-2 {
transform: rotate(30deg); }
.differ-preloader9 .sk-circle-bounce .sk-circle-3 {
transform: rotate(60deg); }
.differ-preloader9 .sk-circle-bounce .sk-circle-4 {
transform: rotate(90deg); }
.differ-preloader9 .sk-circle-bounce .sk-circle-5 {
transform: rotate(120deg); }
.differ-preloader9 .sk-circle-bounce .sk-circle-6 {
transform: rotate(150deg); }
.differ-preloader9 .sk-circle-bounce .sk-circle-7 {
transform: rotate(180deg); }
.differ-preloader9 .sk-circle-bounce .sk-circle-8 {
transform: rotate(210deg); }
.differ-preloader9 .sk-circle-bounce .sk-circle-9 {
transform: rotate(240deg); }
.differ-preloader9 .sk-circle-bounce .sk-circle-10 {
transform: rotate(270deg); }
.differ-preloader9 .sk-circle-bounce .sk-circle-11 {
transform: rotate(300deg); }
.differ-preloader9 .sk-circle-bounce .sk-circle-12 {
transform: rotate(330deg); }
.differ-preloader9 .sk-circle-bounce .sk-circle-2:before {
animation-delay: -1.1s; }
.differ-preloader9 .sk-circle-bounce .sk-circle-3:before {
animation-delay: -1s; }
.differ-preloader9 .sk-circle-bounce .sk-circle-4:before {
animation-delay: -0.9s; }
.differ-preloader9 .sk-circle-bounce .sk-circle-5:before {
animation-delay: -0.8s; }
.differ-preloader9 .sk-circle-bounce .sk-circle-6:before {
animation-delay: -0.7s; }
.differ-preloader9 .sk-circle-bounce .sk-circle-7:before {
animation-delay: -0.6s; }
.differ-preloader9 .sk-circle-bounce .sk-circle-8:before {
animation-delay: -0.5s; }
.differ-preloader9 .sk-circle-bounce .sk-circle-9:before {
animation-delay: -0.4s; }
.differ-preloader9 .sk-circle-bounce .sk-circle-10:before {
animation-delay: -0.3s; }
.differ-preloader9 .sk-circle-bounce .sk-circle-11:before {
animation-delay: -0.2s; }
.differ-preloader9 .sk-circle-bounce .sk-circle-12:before {
animation-delay: -0.1s; }
@keyframes sk-circle-bounce-delay {
0%, 80%, 100% {
transform: scale(0); }
40% {
transform: scale(1); } }
/* Preloader 10 */
.differ-preloader10 .sk-cube-grid {
width: 4em;
height: 4em;
margin: auto;
/*
* Spinner positions
* 1 2 3
* 4 5 6
* 7 8 9
*/ }
.differ-preloader10 .sk-cube-grid .sk-cube {
width: 33%;
height: 33%;
background-color: var(--preloader-line1);
float: left;
animation: sk-cube-grid-scale-delay 1.3s infinite ease-in-out; }
.differ-preloader10 .sk-cube-grid .sk-cube-1 {
animation-delay: 0.2s; }
.differ-preloader10 .sk-cube-grid .sk-cube-2 {
animation-delay: 0.3s; }
.differ-preloader10 .sk-cube-grid .sk-cube-3 {
animation-delay: 0.4s; }
.differ-preloader10 .sk-cube-grid .sk-cube-4 {
animation-delay: 0.1s; }
.differ-preloader10 .sk-cube-grid .sk-cube-5 {
animation-delay: 0.2s; }
.differ-preloader10 .sk-cube-grid .sk-cube-6 {
animation-delay: 0.3s; }
.differ-preloader10 .sk-cube-grid .sk-cube-7 {
animation-delay: 0s; }
.differ-preloader10 .sk-cube-grid .sk-cube-8 {
animation-delay: 0.1s; }
.differ-preloader10 .sk-cube-grid .sk-cube-9 {
animation-delay: 0.2s; }
@keyframes sk-cube-grid-scale-delay {
0%, 70%, 100% {
transform: scale3D(1, 1, 1); }
35% {
transform: scale3D(0, 0, 1); } }
/* Preloader 11 */
.differ-preloader11 .sk-folding-cube {
width: 4em;
height: 4em;
position: relative;
margin: auto;
transform: rotateZ(45deg); }
.differ-preloader11 .sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1); }
.differ-preloader11 .sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--preloader-line1);
animation: sk-folding-cube-angle 2.4s infinite linear both;
transform-origin: 100% 100%; }
.differ-preloader11 .sk-folding-cube .sk-cube-2 {
transform: scale(1.1) rotateZ(90deg); }
.differ-preloader11 .sk-folding-cube .sk-cube-3 {
transform: scale(1.1) rotateZ(180deg); }
.differ-preloader11 .sk-folding-cube .sk-cube-4 {
transform: scale(1.1) rotateZ(270deg); }
.differ-preloader11 .sk-folding-cube .sk-cube-2:before {
animation-delay: 0.3s; }
.differ-preloader11 .sk-folding-cube .sk-cube-3:before {
animation-delay: 0.6s; }
.differ-preloader11 .sk-folding-cube .sk-cube-4:before {
animation-delay: 0.9s; }
@keyframes sk-folding-cube-angle {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0; }
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1; }
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0; } }
/* Preloader 12 */
.differ-preloader12 {
-webkit-filter: url("#goo");
filter: url("#goo"); }
@-webkit-keyframes move {
0% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); }
10% {
-webkit-transform: translateX(0) translateY(-350%);
transform: translateX(0) translateY(-350%); }
15% {
-webkit-transform: translateX(0) translateY(-400%);
transform: translateX(0) translateY(-400%); }
17% {
-webkit-transform: translateX(0) translateY(-400%);
transform: translateX(0) translateY(-400%); }
20% {
-webkit-transform: translateX(0) translateY(-350%);
transform: translateX(0) translateY(-350%); }
23% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); }
100% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); } }
@keyframes move {
0% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); }
10% {
-webkit-transform: translateX(0) translateY(-350%);
transform: translateX(0) translateY(-350%); }
15% {
-webkit-transform: translateX(0) translateY(-400%);
transform: translateX(0) translateY(-400%); }
17% {
-webkit-transform: translateX(0) translateY(-400%);
transform: translateX(0) translateY(-400%); }
20% {
-webkit-transform: translateX(0) translateY(-350%);
transform: translateX(0) translateY(-350%); }
23% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); }
100% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); } }
@-webkit-keyframes move2 {
0% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); }
10% {
-webkit-transform: translateX(0) translateY(-370%);
transform: translateX(0) translateY(-370%); }
15% {
-webkit-transform: translateX(0) translateY(-530%);
transform: translateX(0) translateY(-530%); }
17% {
-webkit-transform: translateX(0) translateY(-530%);
transform: translateX(0) translateY(-530%); }
20% {
-webkit-transform: translateX(0) translateY(-450%);
transform: translateX(0) translateY(-450%); }
23% {
-webkit-transform: translateX(0) translateY(-150%);
transform: translateX(0) translateY(-150%); }
26% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); }
100% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); } }
@keyframes move2 {
0% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); }
10% {
-webkit-transform: translateX(0) translateY(-370%);
transform: translateX(0) translateY(-370%); }
15% {
-webkit-transform: translateX(0) translateY(-530%);
transform: translateX(0) translateY(-530%); }
17% {
-webkit-transform: translateX(0) translateY(-530%);
transform: translateX(0) translateY(-530%); }
20% {
-webkit-transform: translateX(0) translateY(-450%);
transform: translateX(0) translateY(-450%); }
23% {
-webkit-transform: translateX(0) translateY(-150%);
transform: translateX(0) translateY(-150%); }
26% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); }
100% {
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0); } }
.differ-preloader12 .spinner {
position: relative;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.differ-preloader12 .spinner:after {
content: '';
background: var(--preloader-line1);
border-radius: 50%;
height: 1.5rem;
width: 1.5rem;
position: absolute;
top: 0;
left: 0; }
.differ-preloader12 .spinner > .item {
height: 1.5rem;
width: 1.5rem;
position: absolute;
top: 0;
left: 0; }
.differ-preloader12 .spinner > .item:nth-of-type(1) {
-webkit-transform: translateX(-100%) translateY(0) rotate(-90deg);
transform: translateX(-100%) translateY(0) rotate(-90deg); }
.differ-preloader12 .spinner > .item:nth-of-type(2) {
-webkit-transform: translateX(-70%) translateY(-70%) rotate(-45deg);
transform: translateX(-70%) translateY(-70%) rotate(-45deg); }
.differ-preloader12 .spinner > .item:nth-of-type(3) {
-webkit-transform: translateX(0) translateY(-100%) rotate(0);
transform: translateX(0) translateY(-100%) rotate(0); }
.differ-preloader12 .spinner > .item:nth-of-type(4) {
-webkit-transform: translateX(70%) translateY(-70%) rotate(45deg);
transform: translateX(70%) translateY(-70%) rotate(45deg); }
.differ-preloader12 .spinner > .item:nth-of-type(5) {
-webkit-transform: translateX(100%) translateY(0) rotate(90deg);
transform: translateX(100%) translateY(0) rotate(90deg); }
.differ-preloader12 .spinner > .item:nth-of-type(6) {
-webkit-transform: translateX(70%) translateY(70%) rotate(135deg);
transform: translateX(70%) translateY(70%) rotate(135deg); }
.differ-preloader12 .spinner > .item:nth-of-type(7) {
-webkit-transform: translateX(0) translateY(100%) rotate(180deg);
transform: translateX(0) translateY(100%) rotate(180deg); }
.differ-preloader12 .spinner > .item:nth-of-type(8) {
-webkit-transform: translateX(-70%) translateY(70%) rotate(-135deg);
transform: translateX(-70%) translateY(70%) rotate(-135deg); }
.differ-preloader12 .spinner > .item:nth-of-type(1):after {
-webkit-animation-delay: 0;
animation-delay: 0; }
.differ-preloader12 .spinner > .item:nth-of-type(2):after {
-webkit-animation-delay: 375ms;
animation-delay: 375ms; }
.differ-preloader12 .spinner > .item:nth-of-type(3):after {
-webkit-animation-delay: 750ms;
animation-delay: 750ms; }
.differ-preloader12 .spinner > .item:nth-of-type(4):after {
-webkit-animation-delay: 1125ms;
animation-delay: 1125ms; }
.differ-preloader12 .spinner > .item:nth-of-type(5):after {
-webkit-animation-delay: 1500ms;
animation-delay: 1500ms; }
.differ-preloader12 .spinner > .item:nth-of-type(6):after {
-webkit-animation-delay: 1875ms;
animation-delay: 1875ms; }
.differ-preloader12 .spinner > .item:nth-of-type(7):after {
-webkit-animation-delay: 2250ms;
animation-delay: 2250ms; }
.differ-preloader12 .spinner > .item:nth-of-type(8):after {
-webkit-animation-delay: 2625ms;
animation-delay: 2625ms; }
.differ-preloader12 .spinner > .item:nth-of-type(1):before {
-webkit-animation-delay: 0ms;
animation-delay: 0ms; }
.differ-preloader12 .spinner > .item:nth-of-type(2):before {
-webkit-animation-delay: 375ms;
animation-delay: 375ms; }
.differ-preloader12 .spinner > .item:nth-of-type(3):before {
-webkit-animation-delay: 750ms;
animation-delay: 750ms; }
.differ-preloader12 .spinner > .item:nth-of-type(4):before {
-webkit-animation-delay: 1125ms;
animation-delay: 1125ms; }
.differ-preloader12 .spinner > .item:nth-of-type(5):before {
-webkit-animation-delay: 1500ms;
animation-delay: 1500ms; }
.differ-preloader12 .spinner > .item:nth-of-type(6):before {
-webkit-animation-delay: 1875ms;
animation-delay: 1875ms; }
.differ-preloader12 .spinner > .item:nth-of-type(7):before {
-webkit-animation-delay: 2250ms;
animation-delay: 2250ms; }
.differ-preloader12 .spinner > .item:nth-of-type(8):before {
-webkit-animation-delay: 2625ms;
animation-delay: 2625ms; }
.differ-preloader12 .spinner > .item:after {
content: '';
background: var(--preloader-line1);
height: .8rem;
width: .8rem;
position: absolute;
top: .6rem;
left: .6rem;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
border-radius: 50%;
-webkit-animation: move 3s linear infinite;
animation: move 3s linear infinite; }
.differ-preloader12 .spinner > .item:before {
content: '';
background: var(--preloader-line1);
height: .6rem;
width: .6rem;
position: absolute;
top: .45rem;
left: .45rem;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
border-radius: 50%;
-webkit-animation: move2 3s linear infinite;
animation: move2 3s linear infinite; }
/* Preloader 13 */
.differ-preloader13 .spinner {
width: 80px;
height: 80px;
border: 2px solid #f3f3f3;
border-top: 3px solid var(--preloader-line1);
border-radius: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
animation: spin 1s infinite linear; }
@keyframes spin {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
/* Preloader 14 */
@keyframes loader {
0%, 10%, 100% {
width: 80px;
height: 80px; }
65% {
width: 150px;
height: 150px; } }
@keyframes loaderBlock {
0%, 30% {
transform: rotate(0); }
55% {
background-color: var(--preloader-line1); }
100% {
transform: rotate(90deg); } }
@keyframes loaderBlockInverse {
0%, 20% {
transform: rotate(0); }
55% {
background-color: var(--preloader-line2); }
100% {
transform: rotate(-90deg); } }
.differ-preloader14 .loader {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
animation: loader 1.2s infinite ease-in-out; }
.differ-preloader14 .loader span {
position: absolute;
display: block;
width: 40px;
height: 40px;
background-color: var(--preloader-line3);
animation: loaderBlock 1.2s infinite ease-in-out both; }
.differ-preloader14 .loader span:nth-child(1) {
top: 0;
left: 0; }
.differ-preloader14 .loader span:nth-child(2) {
top: 0;
right: 0;
animation: loaderBlockInverse 1.2s infinite ease-in-out both; }
.differ-preloader14 .loader span:nth-child(3) {
bottom: 0;
left: 0;
animation: loaderBlockInverse 1.2s infinite ease-in-out both; }
.differ-preloader14 .loader span:nth-child(4) {
bottom: 0;
right: 0; }
/* Preloader 15 */
.differ-preloader15 .loader {
filter: url("#goo");
position: relative;
width: 500px;
height: 100px; }
@media (max-width: 768px) {
.differ-preloader15 .loader {
transform: scale(0.6); } }
.differ-preloader15 .loader::after {
content: '';
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
background: var(--preloader-line1);
margin: 0 auto;
position: absolute;
top: 25px;
left: 225px;
animation: scale 2.5s ease-in-out infinite; }
.differ-preloader15 .loader div {
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background: var(--preloader-line1);
top: 35px;
left: 235px;
animation: move 2.5s ease-in-out infinite alternate; }
.differ-preloader15 .loader div::after, .differ-preloader15 .loader div::before {
content: '';
display: block;
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background: var(--preloader-line1); }
.differ-preloader15 .loader div::before {
left: -75px; }
.differ-preloader15 .loader div::after {
left: 75px; }
@keyframes move {
0% {
transform: translateX(-150px); }
100% {
transform: translateX(150px); } }
@keyframes scale {
10% {
transform: scale(1); }
50% {
transform: scale(1.25); }
90% {
transform: scale(1); } }
.differ-preloader15 svg {
position: absolute;
z-index: -100;
pointer-events: none; }
/* Preloader 16 */
.differ-preloader16 {
position: relative; }
.differ-preloader16 .preloader--spinner {
top: 50%;
width: 60px;
height: 60px;
margin: -30px auto 0; }
.differ-preloader16 .preloader--spinner:after, .differ-preloader16 .preloader--spinner:before {
content: " ";
display: block;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
border: 4px solid var(--preloader-line1);
border-right-width: 0;
border-top-color: transparent !important;
border-radius: 50px;
-webkit-animation: preloaderAnimate1 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
animation: preloaderAnimate1 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; }
.differ-preloader16 .preloader--spinner:after {
width: 40px;
height: 40px;
margin: 10px;
-webkit-animation: preloaderAnimate2 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
animation: preloaderAnimate2 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite; }
@-webkit-keyframes preloaderAnimate1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes preloaderAnimate1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes preloaderAnimate2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); } }
@keyframes preloaderAnimate2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); } }
/* Desktop menu */
@media (min-width: 992px) {
.nav {
top: auto;
padding: 15px 0;
width: 100%;
position: absolute;
transition: 0.4s all ease;
left: 0;
right: 0;
z-index: 200;
/* Fixed Navigation */
/* Static Fill Navigation */
/* Fixed on scroll */
/* Static Transparent Navigation */ }
.nav.fixed, .nav[data-desktop-type='fixed_fill'] {
padding: 5px 0;
background: var(--nav-fill-bg);
position: fixed; }
.nav[data-desktop-type='static_fill'] {
padding: 5px 0;
background: var(--nav-fill-bg); }
.nav[data-desktop-type='fixed_on_scroll'] {
background: transparent; }
.nav[data-desktop-type='fixed_on_scroll'].fixed {
background: var(--nav-fill-bg); }
.nav[data-desktop-type='static_transparent'] {
background-color: transparent; }
.menu-flex {
height: var(--desktop_nav-height);
width: 100%;
display: flex;
justify-content: space-between;
/* Logo */
/* Menu */
/* Socials */
/* Toggle Icon */ }
.menu-flex .logo {
font-family: var(--logo-font);
font-size: var(--logo-font-size) px;
display: flex;
align-content: center;
justify-content: flex-start;
text-decoration: none; }
.menu-flex .logo img {
height: var(--logo-height);
width: auto;
margin-right: 10px;
max-height: 90%;
object-fit: contain; }
.menu-flex .logo a {
font-family: var(--logo-font);
text-decoration: none;
font-size: var(--logo-font-size);
color: var(--logo-color);
font-weight: var(--logo-font-weight);
line-height: var(--logo-font-size);
display: flex;
align-items: center;
transition: 0.3s all ease; }
.menu-flex .logo a:hover {
color: var(--logo-hover-color); }
.menu-flex .menu {
margin: 0;
padding: 0;
display: flex;
height: 100%;
align-items: center;
list-style-type: none; }
.menu-flex .menu > li {
list-style-type: none;
position: relative;
margin-left: 12px;
padding-bottom: 20px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px; }
.menu-flex .menu > li > a {
cursor: pointer;
font-family: var(--desktop-nav-link-font);
color: var(--desktop-nav-link-color);
font-size: var(--desktop-nav-link-fz);
transition: 0.3s all ease;
position: relative;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
line-height: 1;
padding: 0;
font-weight: 700;
letter-spacing: 0.5px; }
.menu-flex .menu > li > a:before {
left: 0;
width: 0%;
display: block;
content: "";
background: var(--desktop-nav-link-hover-color);
height: 1px;
position: absolute;
transition: 0.2s all ease;
bottom: -4px; }
.menu-flex .menu > li > a:hover:before {
width: 100%; }
.menu-flex .menu > li > a:hover {
color: var(--desktop-nav-link-hover-color); }
.menu-flex .menu > .menu-item-has-children {
position: relative; }
.menu-flex .menu > .menu-item-has-children > a:after {
content: '\e805';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
color: inherit;
margin-left: 5px; }
.menu-flex .menu > .menu-item-has-children .sub-menu-wrapper {
position: absolute;
visibility: hidden;
pointer-events: none;
opacity: 0;
top: 150%;
transition: 0.3s all ease;
width: 180px;
right: 0;
transform: translateY(-10px);
padding-top: 10px; }
.menu-flex .menu > .menu-item-has-children .sub-menu {
list-style-type: none;
margin: 0;
padding: 10px 0;
transition: 0.3s all ease;
background: var(--desktop-sub-menu-bg);
border-radius: 10px;
box-shadow: 3px 4px 30px 0 rgba(42, 42, 42, 0.53);
/* 2+ Nested */ }
.menu-flex .menu > .menu-item-has-children .sub-menu li {
padding: 0;
margin: 0;
width: 100%;
display: block; }
.menu-flex .menu > .menu-item-has-children .sub-menu li a {
font-size: var(--sub-menu-link-fz);
font-weight: 400;
display: block;
line-height: 1.5;
font-family: var(--desktop-sub-menu-link-font);
padding: 8px 15px;
width: 100%;
color: var(--desktop-sub-menu-link-color);
text-decoration: none;
position: relative;
transition: 0.3s all ease; }
.menu-flex .menu > .menu-item-has-children .sub-menu li a:hover {
color: var(--desktop-sub-menu-link-hover-color); }
.menu-flex .menu > .menu-item-has-children .sub-menu li.menu-item-has-children {
position: relative; }
.menu-flex .menu > .menu-item-has-children .sub-menu li.menu-item-has-children > a {
display: flex;
align-items: center;
justify-content: space-between; }
.menu-flex .menu > .menu-item-has-children .sub-menu li.menu-item-has-children > a:after {
content: '\e805';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
color: inherit;
margin-left: 5px; }
.menu-flex .menu > .menu-item-has-children .sub-menu .sub-menu-wrapper {
top: 50%;
transition: 0.3s all ease;
right: 100%;
padding: 0;
transform: none; }
.menu-flex .menu .menu-item-has-children:hover > .sub-menu-wrapper {
top: calc(100% + 8px);
opacity: 1;
pointer-events: all;
visibility: visible; }
.menu-flex .menu .menu-item-has-children .menu-item-has-children:hover {
/* 2+ Nested */ }
.menu-flex .menu .menu-item-has-children .menu-item-has-children:hover .sub-menu-wrapper {
top: 0; }
.menu-flex .socials {
display: flex;
align-items: center;
height: 100%; }
.menu-flex .socials a {
margin: 9px;
text-decoration: none;
cursor: pointer;
color: var(--desktop-nav-link-color);
font-size: var(--desktop-nav-link-fz);
transition: 0.3s all ease; }
.menu-flex .socials a:hover, .menu-flex .socials a:active {
color: var(--desktop-nav-link-hover-color); }
.menu-flex .menu-icon-wrap {
display: none; } }
/* Mobile Menu */
@media (max-width: 991px) {
.nav {
top: auto;
width: 100%;
position: absolute;
transition: 0.4s all ease;
left: 0;
right: 0;
z-index: 200;
height: var(--mobile-nav-height);
background: var(--mobile-nav-bg);
/* Fixed Navigation */
/* Static Fill Navigation */
/* Static Transparent Navigation */ }
.nav.active {
transition: 0.4s all ease;
top: 0;
z-index: 999999; }
.nav .container {
padding: 0 25px;
height: 100%;
width: 100%;
max-width: 100%; }
.nav.fixed, .nav[data-mobile-type='fixed'] {
position: fixed; }
.nav.fixed .menu-flex .menu-wrap, .nav[data-mobile-type='fixed'] .menu-flex .menu-wrap {
max-height: calc(100vh - 60px); }
.nav.fixed .menu-flex .menu-wrap .menu, .nav[data-mobile-type='fixed'] .menu-flex .menu-wrap .menu {
height: 100%;
max-height: calc(100vh - 60px);
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch; }
.nav[data-mobile-type='statc'] {
position: absolute; }
.nav[data-mobile-type='statc'] .menu-flex .menu-wrap {
max-height: 100%;
height: auto; }
.nav[data-mobile-type='statc'] .menu-flex .menu-wrap .menu {
height: auto;
max-height: 100%; }
.nav[data-mobile-type='static_transparent'] {
background-color: transparent; }
.nav .menu-flex {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
/* Logo */
/* Menu */
/* Socials */
/* Mobile Menu Toggle */ }
.nav .menu-flex .logo {
font-family: var(--logo-font);
font-size: var(--logo-font-size) px;
display: flex;
align-content: center;
justify-content: flex-start;
text-decoration: none; }
.nav .menu-flex .logo img {
height: var(--logo-height);
width: auto;
margin-right: 10px;
max-height: 90%; }
.nav .menu-flex .logo a {
font-family: var(--logo-font);
text-decoration: none;
font-size: var(--logo-font-size);
color: var(--logo-color);
font-weight: var(--logo-font-weight);
line-height: var(--logo-font-size);
display: flex;
align-items: center;
transition: 0.2s all ease; }
.nav .menu-flex .logo a:hover {
color: var(--logo-hover-color); }
.nav .menu-flex .menu-wrap {
display: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
position: absolute;
left: 0;
right: 0;
width: 100%;
background: var(--mobile-nav-menu-wrap-bg);
top: 60px;
height: auto; }
.nav .menu-flex .menu-wrap .menu {
padding: 20px 0;
margin: 0;
width: 100%; }
.nav .menu-flex .menu-wrap .menu li {
padding: 0;
margin-left: 0;
display: block;
width: 100%;
transition: 0.3s all ease; }
.nav .menu-flex .menu-wrap .menu li a {
padding: 0 25px;
transition: 0.3s all ease;
width: 100%;
height: 100%;
display: block;
line-height: var(--mobile-nav-link-line-height);
font-size: var(--mobile-nav-link-font-size);
color: var(--mobile-nav-link-color);
font-family: var(--desktop-sub-menu-link-font);
text-decoration: none; }
.nav .menu-flex .menu-wrap .menu li a:hover, .nav .menu-flex .menu-wrap .menu li a:active, .nav .menu-flex .menu-wrap .menu li a:focus {
color: var(--mobile-nav-link-hover-color); }
.nav .menu-flex .menu-wrap .menu li .sub-menu-wrapper {
background: var(--mobile-nav-sub-menu-bg);
display: none; }
.nav .menu-flex .menu-wrap .menu li .sub-menu-wrapper .sub-menu {
padding: 0;
margin: 0; }
.nav .menu-flex .menu-wrap .menu li .sub-menu-wrapper .sub-menu li a {
padding: 0 35px; }
.nav .menu-flex .menu-wrap .menu li.menu-item-has-children {
position: relative; }
.nav .menu-flex .menu-wrap .menu li.menu-item-has-children > a {
display: flex;
justify-content: space-between;
align-items: center; }
.nav .menu-flex .menu-wrap .menu li.menu-item-has-children > a:after {
content: '\e801';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 15px; }
.nav .menu-flex .socials {
display: none; }
.nav .menu-flex .menu-icon-wrap {
width: 30px;
justify-content: center;
align-items: center;
display: flex;
right: 15px;
top: 15px;
z-index: 200; }
.nav .menu-flex .menu-icon-wrap .menu-icon {
display: block;
width: 100%;
cursor: pointer; }
.nav .menu-flex .menu-icon-wrap .menu-icon .line {
width: 100%;
height: 3px;
background-color: #fff;
display: block;
margin: 5px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.nav .menu-flex .menu-icon-wrap .menu-icon.active .line:nth-child(2) {
opacity: 0; }
.nav .menu-flex .menu-icon-wrap .menu-icon.active .line:nth-child(1) {
transform: translateY(8px) rotate(45deg); }
.nav .menu-flex .menu-icon-wrap .menu-icon.active .line:nth-child(3) {
transform: translateY(-8px) rotate(-45deg); } }
/* Footer */
.footer {
/* Footer Sidebars */
/* Footer Bot */ }
.footer .top {
background-color: #191919;
padding-top: 35px;
color: var(--white-color); }
.footer .top .sidebar-flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
color: var(--white-color); }
@media (max-width: 991px) {
.footer .top .sidebar-flex {
flex-direction: column; } }
.footer .top .sidebar-flex .footer-sidebar {
/* Footer Widget */ }
.footer .top .sidebar-flex .footer-sidebar .widget {
max-width: 320px;
margin-bottom: 35px;
color: var(--white-color);
/* Core */
/* Tagcloud */
/* Calendar */
/* RSS */
/* Search */
/* Recent Posts */
/* Instagram Widget */
/* Flickr Widget */ }
.footer .top .sidebar-flex .footer-sidebar .widget .widget-contact-info {
font-size: 16px; }
.footer .top .sidebar-flex .footer-sidebar .widget .widget-contact-info p {
margin-bottom: 12px;
line-height: 2;
color: var(--white-color); }
.footer .top .sidebar-flex .footer-sidebar .widget .widget-contact-info a {
color: var(--white-color);
text-decoration: none; }
.footer .top .sidebar-flex .footer-sidebar .widget .widget-contact-info .fa, .footer .top .sidebar-flex .footer-sidebar .widget .widget-contact-info .fab, .footer .top .sidebar-flex .footer-sidebar .widget .widget-contact-info .far, .footer .top .sidebar-flex .footer-sidebar .widget .widget-contact-info .fal, .footer .top .sidebar-flex .footer-sidebar .widget .widget-contact-info .icon, .footer .top .sidebar-flex .footer-sidebar .widget .widget-contact-info .fas {
color: var(--primary-color);
text-align: center;
margin-right: 8px;
width: 20px; }
.footer .top .sidebar-flex .footer-sidebar .widget p {
color: inherit; }
@media (max-width: 991px) {
.footer .top .sidebar-flex .footer-sidebar .widget {
max-width: 100%; } }
.footer .top .sidebar-flex .footer-sidebar .widget .widget_title {
margin-bottom: 20px;
font-weight: 600;
color: var(--white-color); }
.footer .top .sidebar-flex .footer-sidebar .widget .widget_title a {
text-decoration: none;
color: var(--white-color);
display: inline-block; }
.footer .top .sidebar-flex .footer-sidebar .widget ul {
padding: 0;
margin: 0;
list-style-type: none; }
.footer .top .sidebar-flex .footer-sidebar .widget ul li {
line-height: 1.4;
color: var(--white-color); }
.footer .top .sidebar-flex .footer-sidebar .widget ul li a {
display: inline-block;
margin-bottom: 12px;
color: var(--white-color);
text-decoration: none;
transition: 0.3s all ease; }
.footer .top .sidebar-flex .footer-sidebar .widget ul li a:hover {
text-decoration: underline; }
.footer .top .sidebar-flex .footer-sidebar .widget img {
max-width: 100%;
display: block;
height: auto; }
.footer .top .sidebar-flex .footer-sidebar .widget select {
max-width: 100%;
display: block;
margin-bottom: 8px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 7px;
padding-right: 25px;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.footer .top .sidebar-flex .footer-sidebar .widget select:hover {
outline: none; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_tag_cloud .tagcloud {
display: flex;
flex-wrap: wrap; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_tag_cloud .tagcloud a {
background-color: transparent;
display: block;
padding: 0 18px;
height: 38px;
min-height: 38px;
line-height: 38px;
overflow: hidden;
font-size: 14px !important;
text-align: center;
color: var(--white-color) !important;
border: 1px solid var(--primary-color);
z-index: 1;
position: relative;
transition: .4s all;
margin-bottom: 6px;
margin-right: 6px;
text-decoration: none !important; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_tag_cloud .tagcloud a:before {
content: "";
display: block;
position: absolute;
width: 0%;
height: 120%;
left: 0;
top: 0;
background: var(--primary-color);
z-index: -1;
transition: 0.5s all;
opacity: 0.3; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_tag_cloud .tagcloud a:hover {
background: var(--primary-color); }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_tag_cloud .tagcloud a:hover:before {
background: var(--primary-color);
color: var(--white-color) !important;
text-decoration: none;
width: 100%;
opacity: 1; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_calendar table {
margin-left: -8px; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_calendar table caption {
text-align: left !important;
padding-left: 8px !important;
padding-bottom: 5px !important; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_calendar table th, .footer .top .sidebar-flex .footer-sidebar .widget.widget_calendar table td {
padding: 8px;
text-align: center; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_calendar table a {
text-decoration: none;
color: var(--primary-color);
transition: 0.3s all ease; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_calendar table a:hover {
text-decoration: underline; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_rss ul li {
display: block;
margin-bottom: 30px; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_rss ul li a {
margin-bottom: 6px; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_rss ul li .rssSummary {
line-height: 1.4; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_rss ul li .rss-date {
font-size: 12px;
color: #ddd;
margin-bottom: 10px;
display: block; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_rss ul li cite {
font-size: 13px;
padding-top: 5px; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_search .search {
display: flex;
align-items: center;
max-width: 100%;
width: 100%; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_search .search input {
width: 100%;
height: 40px;
line-height: 40px;
border: 1px solid var(--white-color);
padding: 0 10px;
font-size: 14px;
border-radius: 0;
margin: 0;
box-shadow: none;
-webkit-appearance: none; }
.footer .top .sidebar-flex .footer-sidebar .widget.widget_search .search button[type='submit'] {
border-radius: 0;
background: var(--primary-color);
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
color: var(--white-color);
font-size: 14px;
text-align: center;
cursor: pointer;
border: none; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_latest_posts_widget ul li {
display: flex;
margin-bottom: 15px; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_latest_posts_widget ul li a {
margin: 0; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_latest_posts_widget ul li img {
min-width: 63px;
width: 63px;
display: block;
height: 63px;
object-fit: cover;
margin-right: 15px; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_latest_posts_widget ul li .widget-posts-descr {
display: flex;
flex-direction: column;
justify-content: center;
height: auto; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_latest_posts_widget ul li .widget-posts-descr .title {
font-size: 16px;
margin: 0;
font-weight: 500;
display: block;
border: 0;
text-decoration: none;
margin-top: 0px;
font-family: var(--primary-font); }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_latest_posts_widget ul li .widget-posts-descr .date {
font-size: 14px;
color: #ddd;
margin-top: 5px;
display: block; }
@media (min-width: 992px) {
.footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget {
max-width: 320px; } }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul {
margin: 0 -5px;
display: flex;
list-style-type: none;
flex-wrap: wrap; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li {
display: block;
padding: 5px;
width: 33.3%; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li a {
position: relative;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li a img {
max-width: 100%;
min-width: 100%;
height: auto;
display: block;
object-fit: contain; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li a video {
max-width: 100%;
height: auto;
display: block;
min-height: 60px; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li a .hover {
background: rgba(0, 0, 0, 0.75);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: #fff;
transition: 0.3s all ease;
opacity: 0;
text-align: center; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li a .hover i, .footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li a .hover .fa, .footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li a .hover .fab {
transition: 0.35s all ease;
transform: scale(0.7);
opacity: 0.30; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li a:hover .hover {
opacity: 1; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li a:hover .hover i, .footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li a:hover .hover .fa, .footer .top .sidebar-flex .footer-sidebar .widget.differ_instagram_widget ul li a:hover .hover .fab {
transform: scale(1);
opacity: 1; }
@media (min-width: 992px) {
.footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget {
min-width: 320px;
max-width: 320px; } }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul {
margin: 0 -5px;
display: flex;
list-style-type: none;
flex-wrap: wrap; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li {
display: block;
padding: 5px;
width: 33.3%;
position: relative; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li:after {
padding-bottom: 100%;
display: block;
content: ""; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
padding: 0;
display: block;
width: calc(100% - 10px);
height: calc(100% - 10px); }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li a img {
max-width: 100%;
min-width: 100%;
min-height: 100%;
object-fit: cover;
height: auto;
display: block; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li a video {
max-width: 100%;
height: auto;
display: block; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li a .hover {
background: rgba(0, 0, 0, 0.75);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: #fff;
transition: 0.3s all ease;
opacity: 0;
text-align: center; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li a .hover i, .footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li a .hover .fa, .footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li a .hover .fab {
transition: 0.35s all ease;
transform: scale(0.7);
opacity: 0.30; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li a:hover .hover {
opacity: 1; }
.footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li a:hover .hover i, .footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li a:hover .hover .fa, .footer .top .sidebar-flex .footer-sidebar .widget.differ_flickr_widget ul li a:hover .hover .fab {
transform: scale(1);
opacity: 1; }
.footer .bot {
background: #0c0c0c; }
.footer .bot .flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center; }
.footer .bot .flex .copy p {
color: var(--white-color);
font-size: 14px;
padding: 20px 0;
margin: 0; }
.footer .bot .flex .social {
display: flex;
align-items: center;
max-width: 100%;
flex-wrap: wrap;
justify-content: center; }
.footer .bot .flex .social a {
margin: 0 10px;
color: var(--white-color);
line-height: 70px;
transition: .2s all;
font-size: 16px; }
.footer .bot .flex .social a:hover {
transform: translateY(-3px);
color: var(--primary-color); }
.footer .bot .flex .social a:last-child {
margin-right: 0; }
@media (max-width: 991px) {
.footer .bot .container {
max-width: 100%; }
.footer .bot .container .flex {
padding: 15px 0;
flex-direction: column; }
.footer .bot .container .flex .copy p {
padding-bottom: 10px; }
.footer .bot .container .flex .social a {
margin: 15px 10px;
line-height: 1; } }
.blog-wrapper {
padding: 80px 0;
/* Mobile Sidebar Margin */
/* Posts */
/* Sidebar */
/* Signle */ }
@media (min-width: 1200px) {
.blog-wrapper {
/* Right Sidebar */
/* Left Sidebar */ }
.blog-wrapper.right-sidebar .posts-wrap {
padding-left: 0;
padding-right: 30px; }
.blog-wrapper.right-sidebar .sidebar-wrap {
padding-left: 30px;
padding-right: 0; }
.blog-wrapper.left-sidebar .posts-wrap {
padding-left: 30px;
padding-right: 0; }
.blog-wrapper.left-sidebar .sidebar-wrap {
padding-left: 0;
padding-right: 30px; } }
@media (max-width: 1199px) {
.blog-wrapper .sidebar-wrap {
margin-top: 75px;
order: 2; }
.blog-wrapper .row {
margin: 0 -15px !important; } }
.blog-wrapper .story .post {
display: block;
margin-bottom: 75px;
border: 1px solid #edeef0; }
.blog-wrapper .story .post.sticky {
background-color: #edeef0a6; }
.blog-wrapper .story .post .thumbnail-wrap {
overflow: hidden; }
.blog-wrapper .story .post .thumbnail-wrap a img {
display: block;
object-fit: contain;
width: auto;
height: auto;
max-width: 100%; }
.blog-wrapper .story .post .thumbnail-wrap video {
width: 100%;
display: block;
height: auto;
max-width: 100%;
overflow: hidden; }
.blog-wrapper .story .post .thumbnail-wrap video::-webkit-media-controls-enclosure {
width: calc(100% + 32px);
margin-left: auto; }
.blog-wrapper .story .post .thumbnail-wrap .ytv-wrap {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto; }
.blog-wrapper .story .post .thumbnail-wrap .ytv-wrap iframe, .blog-wrapper .story .post .thumbnail-wrap .ytv-wrap object, .blog-wrapper .story .post .thumbnail-wrap .ytv-wrap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.blog-wrapper .story .post .post-footer {
padding: 20px;
padding-top: 15px;
display: flex;
flex-direction: column;
align-items: flex-start;
/* Title */
/* Excerpt */
/* Permalink */
/* Additional Info */ }
.blog-wrapper .story .post .post-footer h4 {
-ms-word-wrap: break-word;
word-wrap: break-word;
max-width: 100%; }
.blog-wrapper .story .post .post-footer .title {
max-width: 100%;
line-height: 1;
margin-top: 0;
text-decoration: none;
color: var(--black-color);
-ms-word-wrap: break-word;
word-wrap: break-word; }
.blog-wrapper .story .post .post-footer .title:hover, .blog-wrapper .story .post .post-footer .title:active {
text-decoration: none; }
.blog-wrapper .story .post .post-footer .excerpt {
margin: 0; }
.blog-wrapper .story .post .post-footer .excerpt p {
margin-bottom: 0; }
.blog-wrapper .story .post .post-footer .permalink {
display: inline-block;
margin-top: 16px;
color: var(--black-color); }
.blog-wrapper .story .post .post-footer .info {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 8px; }
.blog-wrapper .story .post .post-footer .info .item {
color: var(--black-color);
border-right: 1px solid var(--black-color);
padding-right: 12px;
margin-right: 12px;
margin-bottom: 12px;
line-height: 1.4; }
.blog-wrapper .story .post .post-footer .info .item:last-child {
margin-right: 0;
border: none; }
.blog-wrapper .story .post .post-footer .info .item.comments-item {
font-size: 14px; }
.blog-wrapper .story .post .post-footer .info .item.comments-item a {
color: var(--black-color);
display: inline-flex;
align-items: center;
font-size: 14px; }
.blog-wrapper .story .post .post-footer .info .item.comments-item a i {
display: inline-block;
font-size: 14px;
margin-right: 4px; }
.blog-wrapper .story .post .post-footer .info .item.likes-item {
font-size: 14px; }
.blog-wrapper .story .post .post-footer .info .item.likes-item a {
color: var(--black-color);
font-size: 14px; }
.blog-wrapper .story .post .post-footer .info .item.likes-item i {
display: inline-block;
font-size: 14px;
margin-right: 4px; }
.blog-wrapper .story .post .post-footer .info .item.likes-item .liked i {
color: red; }
.blog-wrapper .story .post .post-footer .info .item.views-item {
font-size: 14px; }
.blog-wrapper .story .post .post-footer .info .item.views-item i {
display: inline-block;
font-size: 14px;
margin-right: 4px; }
.blog-wrapper .story .post .post-footer .info .item a {
color: var(--primary-color);
margin: 0;
text-decoration: none; }
@media (max-width: 660px) {
.blog-wrapper .story .post .post-footer {
padding: 15px;
padding-top: 12px; }
.blog-wrapper .story .post .post-footer .info {
margin-bottom: 0; } }
.blog-wrapper .blog-sidebar {
/* Widgets */ }
.blog-wrapper .blog-sidebar .widget {
margin-bottom: 35px;
padding: 20px;
border: 1px solid #edeef0;
color: var(--black-color);
/* Core */
/* Tagcloud */
/* Calendar */
/* RSS */
/* Search */
/* Recent Posts */
/* Instagram Widget */
/* Flickr Widget */ }
.blog-wrapper .blog-sidebar .widget p {
color: inherit; }
@media (max-width: 991px) {
.blog-wrapper .blog-sidebar .widget {
max-width: 100%; } }
.blog-wrapper .blog-sidebar .widget .widget_title {
margin-bottom: 20px;
font-weight: 600;
color: var(--black-color); }
.blog-wrapper .blog-sidebar .widget .widget_title a {
text-decoration: none;
color: var(--black-color);
display: inline-block; }
.blog-wrapper .blog-sidebar .widget ul {
padding: 0;
margin: 0;
list-style-type: none; }
.blog-wrapper .blog-sidebar .widget ul li {
line-height: 1.4;
color: var(--black-color); }
.blog-wrapper .blog-sidebar .widget ul li a {
display: inline-block;
margin-bottom: 12px;
color: var(--black-color);
text-decoration: none;
transition: 0.3s all ease; }
.blog-wrapper .blog-sidebar .widget ul li a:hover {
color: var(--primary-color);
text-decoration: underline; }
.blog-wrapper .blog-sidebar .widget img {
max-width: 100%;
display: block;
height: auto; }
.blog-wrapper .blog-sidebar .widget select {
max-width: 100%;
display: block;
margin-bottom: 8px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 7px;
padding-right: 25px;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.blog-wrapper .blog-sidebar .widget select:hover {
outline: none; }
.blog-wrapper .blog-sidebar .widget.widget_tag_cloud .tagcloud {
display: flex;
flex-wrap: wrap; }
.blog-wrapper .blog-sidebar .widget.widget_tag_cloud .tagcloud a {
background-color: transparent;
display: block;
padding: 0 18px;
height: 38px;
min-height: 38px;
line-height: 38px;
overflow: hidden;
font-size: 14px !important;
text-align: center;
color: var(--black-color) !important;
border: 1px solid var(--primary-color);
z-index: 1;
position: relative;
transition: .4s all;
margin-bottom: 6px;
margin-right: 6px;
text-decoration: none !important; }
.blog-wrapper .blog-sidebar .widget.widget_tag_cloud .tagcloud a:before {
content: "";
display: block;
position: absolute;
width: 0%;
height: 120%;
left: 0;
top: 0;
background: var(--primary-color);
z-index: -1;
transition: 0.5s all;
opacity: 0.3; }
.blog-wrapper .blog-sidebar .widget.widget_tag_cloud .tagcloud a:hover {
background: var(--primary-color); }
.blog-wrapper .blog-sidebar .widget.widget_tag_cloud .tagcloud a:hover:before {
background: var(--primary-color);
color: var(--black-color) !important;
text-decoration: none;
width: 100%;
opacity: 1; }
.blog-wrapper .blog-sidebar .widget.widget_calendar table {
margin-left: -8px; }
.blog-wrapper .blog-sidebar .widget.widget_calendar table caption {
text-align: left !important;
padding-left: 8px !important;
padding-bottom: 5px !important; }
.blog-wrapper .blog-sidebar .widget.widget_calendar table th, .blog-wrapper .blog-sidebar .widget.widget_calendar table td {
padding: 8px;
text-align: center; }
.blog-wrapper .blog-sidebar .widget.widget_calendar table a {
text-decoration: none;
color: var(--primary-color);
transition: 0.3s all ease; }
.blog-wrapper .blog-sidebar .widget.widget_calendar table a:hover {
text-decoration: underline; }
.blog-wrapper .blog-sidebar .widget.widget_rss ul li {
display: block;
margin-bottom: 30px; }
.blog-wrapper .blog-sidebar .widget.widget_rss ul li a {
font-weight: bold;
margin-bottom: 6px; }
.blog-wrapper .blog-sidebar .widget.widget_rss ul li .rssSummary {
line-height: 1.4; }
.blog-wrapper .blog-sidebar .widget.widget_rss ul li .rss-date {
font-size: 12px;
color: #9c9292;
margin-bottom: 10px;
display: block; }
.blog-wrapper .blog-sidebar .widget.widget_rss ul li cite {
font-size: 13px;
padding-top: 5px; }
.blog-wrapper .blog-sidebar .widget.widget_search .search {
display: flex;
align-items: center;
max-width: 100%;
width: 100%; }
.blog-wrapper .blog-sidebar .widget.widget_search .search input {
width: 100%;
height: 40px;
line-height: 40px;
border: 1px solid #edeef0;
padding: 0 10px;
font-size: 14px;
border-radius: 0;
margin: 0;
box-shadow: none;
-webkit-appearance: none; }
.blog-wrapper .blog-sidebar .widget.widget_search .search button[type='submit'] {
border-radius: 0;
background: var(--primary-color);
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
color: var(--white-color);
font-size: 14px;
text-align: center;
cursor: pointer;
border: none; }
.blog-wrapper .blog-sidebar .widget.differ_latest_posts_widget ul li {
display: flex;
margin-bottom: 15px; }
.blog-wrapper .blog-sidebar .widget.differ_latest_posts_widget ul li a {
margin: 0; }
.blog-wrapper .blog-sidebar .widget.differ_latest_posts_widget ul li img {
min-width: 63px;
width: 63px;
display: block;
height: 63px;
object-fit: cover;
margin-right: 15px; }
.blog-wrapper .blog-sidebar .widget.differ_latest_posts_widget ul li .widget-posts-descr {
display: flex;
flex-direction: column;
justify-content: center;
height: auto; }
.blog-wrapper .blog-sidebar .widget.differ_latest_posts_widget ul li .widget-posts-descr .title {
font-size: 16px;
margin: 0;
font-weight: 500;
display: block;
border: 0;
text-decoration: none;
margin-top: 0px;
font-family: var(--primary-font); }
.blog-wrapper .blog-sidebar .widget.differ_latest_posts_widget ul li .widget-posts-descr .date {
font-size: 14px;
color: #9c9292;
margin-top: 5px;
display: block; }
.blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul {
margin: 0 -5px;
display: flex;
list-style-type: none;
flex-wrap: wrap; }
@media (max-width: 1199px) {
.blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul {
max-width: 560px; } }
.blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li {
display: block;
padding: 5px;
width: 33.3%; }
.blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li a {
position: relative;
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 100%; }
.blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li a img {
max-width: 100%;
min-width: 100%;
height: auto;
display: block;
object-fit: contain; }
.blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li a video {
max-width: 100%;
height: auto;
display: block; }
.blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li a .hover {
background: rgba(0, 0, 0, 0.75);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: #fff;
transition: 0.3s all ease;
opacity: 0;
text-align: center; }
.blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li a .hover i, .blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li a .hover .fa, .blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li a .hover .fab {
transition: 0.35s all ease;
transform: scale(0.7);
opacity: 0.30; }
.blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li a:hover .hover {
opacity: 1; }
.blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li a:hover .hover i, .blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li a:hover .hover .fa, .blog-wrapper .blog-sidebar .widget.differ_instagram_widget ul li a:hover .hover .fab {
transform: scale(1);
opacity: 1; }
.blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul {
margin: 0 -5px;
display: flex;
list-style-type: none;
flex-wrap: wrap; }
@media (max-width: 1199px) {
.blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul {
max-width: 560px; } }
.blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li {
display: block;
padding: 5px;
width: 33.3%;
position: relative; }
.blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li:after {
padding-bottom: 100%;
display: block;
content: ""; }
.blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
padding: 0;
display: block;
width: calc(100% - 10px);
height: calc(100% - 10px); }
.blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li a img {
max-width: 100%;
min-width: 100%;
min-height: 100%;
object-fit: cover;
height: auto;
display: block; }
.blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li a video {
max-width: 100%;
height: auto;
display: block; }
.blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li a .hover {
background: rgba(0, 0, 0, 0.75);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: #fff;
transition: 0.3s all ease;
opacity: 0;
text-align: center; }
.blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li a .hover i, .blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li a .hover .fa, .blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li a .hover .fab {
transition: 0.35s all ease;
transform: scale(0.7);
opacity: 0.30; }
.blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li a:hover .hover {
opacity: 1; }
.blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li a:hover .hover i, .blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li a:hover .hover .fa, .blog-wrapper .blog-sidebar .widget.differ_flickr_widget ul li a:hover .hover .fab {
transform: scale(1);
opacity: 1; }
.blog-wrapper .post-single .post-title {
margin: 0;
-ms-word-wrap: break-word;
word-wrap: break-word; }
.blog-wrapper .post-single .thumbnail-wrap {
display: flex;
align-items: center;
overflow: hidden; }
.blog-wrapper .post-single .thumbnail-wrap img {
display: block;
width: 100%;
height: auto;
object-fit: contain; }
.blog-wrapper .post-single .thumbnail-wrap a img {
display: block;
object-fit: contain;
width: auto;
height: auto;
max-width: 100%; }
.blog-wrapper .post-single .thumbnail-wrap video {
width: 100%;
display: block;
height: auto;
max-width: 100%;
overflow: hidden; }
.blog-wrapper .post-single .thumbnail-wrap video::-webkit-media-controls-enclosure {
width: calc(100% + 32px);
margin-left: auto; }
.blog-wrapper .post-single .thumbnail-wrap .ytv-wrap {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
min-width: 100%; }
.blog-wrapper .post-single .thumbnail-wrap .ytv-wrap iframe, .blog-wrapper .post-single .thumbnail-wrap .ytv-wrap object, .blog-wrapper .post-single .thumbnail-wrap .ytv-wrap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
min-width: 100%; }
.blog-wrapper .post-single .info {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
margin-top: 8px;
line-height: 1; }
.blog-wrapper .post-single .info .item {
color: var(--black-color);
border-right: 1px solid var(--black-color);
padding-right: 12px;
margin-right: 12px;
margin-bottom: 12px;
margin-top: 6px;
line-height: 1; }
.blog-wrapper .post-single .info .item:last-child {
margin-right: 0;
border: none; }
.blog-wrapper .post-single .info .item.comments-item {
font-size: 14px; }
.blog-wrapper .post-single .info .item.comments-item a {
color: var(--black-color);
display: inline-flex;
align-items: center;
font-size: 14px; }
.blog-wrapper .post-single .info .item.comments-item a i {
display: inline-block;
font-size: 14px;
margin-right: 4px; }
.blog-wrapper .post-single .info .item.likes-item {
font-size: 14px; }
.blog-wrapper .post-single .info .item.likes-item a {
color: var(--black-color);
font-size: 14px; }
.blog-wrapper .post-single .info .item.likes-item i {
display: inline-block;
font-size: 14px;
margin-right: 4px; }
.blog-wrapper .post-single .info .item.likes-item .liked i {
color: red; }
.blog-wrapper .post-single .info .item.views-item {
font-size: 14px; }
.blog-wrapper .post-single .info .item.views-item i {
display: inline-block;
font-size: 14px;
margin-right: 4px; }
.blog-wrapper .post-single .info .item a {
color: var(--primary-color);
margin: 0;
text-decoration: none; }
.blog-wrapper .post-single .tags {
margin-bottom: 20px;
background: #f8f8f8;
display: flex;
align-items: center;
padding: 15px; }
.blog-wrapper .post-single .tags .tagcloud {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: 8px; }
.blog-wrapper .post-single .tags .tagcloud a {
margin-left: 8px;
color: var(--black-color);
transition: 0.3s all ease;
text-decoration: none; }
.blog-wrapper .post-single .tags .tagcloud a:hover {
color: var(--primary-color);
text-decoration: underline; }
.blog-wrapper .post-single .post-content {
margin-top: 20px;
margin-bottom: 12px; }
.blog-wrapper .post-single .post-content .post-password-form {
display: block;
margin-bottom: 25px; }
.blog-wrapper .post-single .post-content .post-password-form label {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
height: 35px;
line-height: 35px; }
.blog-wrapper .post-single .post-content .post-password-form input {
margin-left: 12px;
height: 35px;
padding: 4px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
line-height: normal;
border-radius: 0;
font: inherit;
line-height: normal;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.3);
border-right: 0;
background: transparent;
color: var(--black-color); }
.blog-wrapper .post-single .post-content .post-password-form .flex {
display: flex;
align-items: center;
flex-wrap: wrap; }
@media (max-width: 400px) {
.blog-wrapper .post-single .post-content .post-password-form .flex label {
display: block;
width: 100%; }
.blog-wrapper .post-single .post-content .post-password-form .flex input {
margin-left: 0; } }
.blog-wrapper .post-single .post-content embed, .blog-wrapper .post-single .post-content iframe {
max-width: 100%; }
.blog-wrapper .post-single .post-content blockquote {
margin: 8px 0;
padding: 0px 20px;
padding-top: 30px;
padding-bottom: 20px;
background: #f3eeee; }
.blog-wrapper .post-single .post-content img {
max-width: 100%;
height: auto;
margin-top: 1em;
margin-bottom: 1em;
display: inline; }
.blog-wrapper .post-single .post-content b, .blog-wrapper .post-single .post-content strong {
font-weight: bold; }
.blog-wrapper .post-single .post-content i, .blog-wrapper .post-single .post-content em {
font-style: italic; }
.blog-wrapper .post-single .post-content ul, .blog-wrapper .post-single .post-content ol {
padding-left: 17px !important;
margin: 10px 0; }
.blog-wrapper .post-single .post-content ul li, .blog-wrapper .post-single .post-content ol li {
line-height: 2;
display: list-item; }
@media (max-width: 480px) {
.blog-wrapper .post-single .post-content ul li, .blog-wrapper .post-single .post-content ol li {
line-height: 1.5; } }
.blog-wrapper .post-single .post-content ul {
list-style: disc; }
.blog-wrapper .post-single .post-content ol {
list-style: decimal; }
.blog-wrapper .post-single .post-content a {
text-decoration: underline;
line-height: 1.4;
color: var(--primary-color); }
.blog-wrapper .post-single .post-content pre, .blog-wrapper .post-single .post-content code {
margin: 0;
font-size: 15px;
padding: 4px 10px;
background: #ddd;
display: inline-block;
overflow-x: auto;
line-height: 1.4; }
.blog-wrapper .post-single .post-content del {
text-decoration: line-through; }
.blog-wrapper .post-single .post-content ins {
text-decoration: underline; }
.blog-wrapper .post-single .post-content table {
max-width: 100%;
overflow-x: auto;
border-collapse: collapse;
width: auto; }
.blog-wrapper .post-single .post-content table th, .blog-wrapper .post-single .post-content table td {
padding: 10px;
border-collapse: collapse;
border: 1px solid #ddd; }
.comment-actions {
margin-top: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #edeef0;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 5px;
flex-wrap: wrap; }
.comment-actions .comments-count {
font-size: 20px; }
.comment-actions .share .a2a_svg {
width: 26px;
height: 26px;
border-radius: 0; }
@media (max-width: 550px) {
.comment-actions {
flex-direction: column-reverse;
align-items: flex-start; }
.comment-actions .comments-count {
margin-top: 15px; } }
.comments-area {
margin-top: 15px;
display: block;
/* Pagination */
/* Comments */ }
.comments-area .wp-error {
margin-bottom: 35px; }
.comments-area .comments-pagination {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 40px -5px; }
.comments-area .comments-pagination .page-numbers {
height: 35px;
line-height: 35px;
min-width: 35px;
width: auto;
display: block;
font-weight: 300;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 8px;
color: var(--black-color);
font-size: 18px;
text-align: center;
cursor: pointer;
text-decoration: none;
padding: 0 5px;
transition: 0.2s all ease;
border: 1px solid #edeef0; }
.comments-area .comments-pagination .page-numbers:hover, .comments-area .comments-pagination .page-numbers:active, .comments-area .comments-pagination .page-numbers:focus {
text-decoration: none;
border-color: var(--primary-color);
background-color: var(--primary-color);
color: var(--white-color); }
.comments-area .comments-pagination .page-numbers.current {
border-color: var(--primary-color);
background-color: var(--primary-color);
color: var(--white-color); }
.comments-area .comment-list {
padding: 0;
margin: 0;
list-style-type: none; }
.comments-area .comment-list .comment {
display: block; }
.comments-area .comment-list .comment .comment-wrap {
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
display: flex;
align-items: flex-start; }
@media (max-width: 400px) {
.comments-area .comment-list .comment .comment-wrap {
flex-direction: column; } }
.comments-area .comment-list .comment .comment-wrap img {
width: 65px;
height: 65px;
object-fit: contain;
display: block; }
.comments-area .comment-list .comment .comment-wrap .comment-body {
display: block;
width: auto;
max-width: 100%;
padding: 15px;
padding-top: 5px; }
@media (max-width: 400px) {
.comments-area .comment-list .comment .comment-wrap .comment-body {
padding-top: 10px;
padding-bottom: 6px;
padding-left: 0;
padding-right: 5px; } }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-author {
font-weight: 500;
color: var(--black-color);
font-size: 16px; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-author .comment-date {
display: block;
font-size: 14px;
color: #ab9595; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-author .comment-date .comment-reply-link {
text-decoration: none;
color: var(--primary-color); }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text {
margin-top: 10px;
font-size: 14px;
line-height: 1.6; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text blockquote {
margin: 8px 0;
padding: 0px 20px;
padding-top: 30px;
padding-bottom: 20px;
background: #f3eeee; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text img {
max-width: 100%;
height: auto;
margin-top: 1em;
margin-bottom: 1em;
display: inline; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text b, .comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text strong {
font-weight: bold; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text i, .comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text em {
font-style: italic; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text ul, .comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text ol {
padding-left: 17px !important;
margin: 10px 0; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text ul li, .comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text ol li {
line-height: 2;
display: list-item; }
@media (max-width: 480px) {
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text ul li, .comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text ol li {
line-height: 1.5; } }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text ul {
list-style: disc; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text ol {
list-style: decimal; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text a {
text-decoration: underline;
line-height: 1.4;
color: var(--primary-color); }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text pre, .comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text code {
margin: 0;
font-size: 15px;
padding: 4px 10px;
background: #f3eeee;
display: inline-block;
overflow-x: auto;
line-height: 1.4; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text del {
text-decoration: line-through; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text ins {
text-decoration: underline; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text table {
max-width: 100%;
overflow-x: auto;
border-collapse: collapse;
width: auto; }
.comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text table th, .comments-area .comment-list .comment .comment-wrap .comment-body .comment-item-title .comment-text table td {
padding: 10px;
border-collapse: collapse;
border: 1px solid #ddd; }
.comments-area form {
margin-top: 15px; }
.comments-area form input[type='text'],
.comments-area form input[type='tel'],
.comments-area form input[type='email'],
.comments-area form input[type='url'],
.comments-area form input[type='number'],
.comments-area form input[type='date'] {
height: 40px;
line-height: 40px;
display: block;
width: 100%;
font-size: 16px;
border: 1px solid #7e7e7e;
padding: 0 15px;
margin-bottom: 7px;
border-radius: 0;
transition: 0.3s all ease;
margin-bottom: 25px;
color: var(--black-color); }
.comments-area form input[type='text']::-webkit-input-placeholder,
.comments-area form input[type='tel']::-webkit-input-placeholder,
.comments-area form input[type='email']::-webkit-input-placeholder,
.comments-area form input[type='url']::-webkit-input-placeholder,
.comments-area form input[type='number']::-webkit-input-placeholder,
.comments-area form input[type='date']::-webkit-input-placeholder {
color: #5c5c5c;
transition: 0.3s all ease; }
.comments-area form input[type='text']::-moz-placeholder,
.comments-area form input[type='tel']::-moz-placeholder,
.comments-area form input[type='email']::-moz-placeholder,
.comments-area form input[type='url']::-moz-placeholder,
.comments-area form input[type='number']::-moz-placeholder,
.comments-area form input[type='date']::-moz-placeholder {
color: #5c5c5c;
transition: 0.3s all ease; }
.comments-area form input[type='text']:-ms-input-placeholder,
.comments-area form input[type='tel']:-ms-input-placeholder,
.comments-area form input[type='email']:-ms-input-placeholder,
.comments-area form input[type='url']:-ms-input-placeholder,
.comments-area form input[type='number']:-ms-input-placeholder,
.comments-area form input[type='date']:-ms-input-placeholder {
color: #5c5c5c;
transition: 0.3s all ease; }
.comments-area form input[type='text']:-moz-placeholder,
.comments-area form input[type='tel']:-moz-placeholder,
.comments-area form input[type='email']:-moz-placeholder,
.comments-area form input[type='url']:-moz-placeholder,
.comments-area form input[type='number']:-moz-placeholder,
.comments-area form input[type='date']:-moz-placeholder {
color: #5c5c5c;
transition: 0.3s all ease; }
.comments-area form input[type='text']:focus,
.comments-area form input[type='tel']:focus,
.comments-area form input[type='email']:focus,
.comments-area form input[type='url']:focus,
.comments-area form input[type='number']:focus,
.comments-area form input[type='date']:focus {
border: 1px solid var(--primary-color); }
.comments-area form input[type='text']:focus::-webkit-input-placeholder,
.comments-area form input[type='tel']:focus::-webkit-input-placeholder,
.comments-area form input[type='email']:focus::-webkit-input-placeholder,
.comments-area form input[type='url']:focus::-webkit-input-placeholder,
.comments-area form input[type='number']:focus::-webkit-input-placeholder,
.comments-area form input[type='date']:focus::-webkit-input-placeholder {
opacity: 0;
padding-left: 25px; }
.comments-area form input[type='text']:focus::-moz-placeholder,
.comments-area form input[type='tel']:focus::-moz-placeholder,
.comments-area form input[type='email']:focus::-moz-placeholder,
.comments-area form input[type='url']:focus::-moz-placeholder,
.comments-area form input[type='number']:focus::-moz-placeholder,
.comments-area form input[type='date']:focus::-moz-placeholder {
opacity: 0;
padding-left: 25px; }
.comments-area form input[type='text']:focus:-moz-placeholder,
.comments-area form input[type='tel']:focus:-moz-placeholder,
.comments-area form input[type='email']:focus:-moz-placeholder,
.comments-area form input[type='url']:focus:-moz-placeholder,
.comments-area form input[type='number']:focus:-moz-placeholder,
.comments-area form input[type='date']:focus:-moz-placeholder {
opacity: 0;
padding-left: 25px; }
.comments-area form input[type='text']:focus:-ms-input-placeholder,
.comments-area form input[type='tel']:focus:-ms-input-placeholder,
.comments-area form input[type='email']:focus:-ms-input-placeholder,
.comments-area form input[type='url']:focus:-ms-input-placeholder,
.comments-area form input[type='number']:focus:-ms-input-placeholder,
.comments-area form input[type='date']:focus:-ms-input-placeholder {
opacity: 0;
padding-left: 25px; }
.comments-area form textarea {
margin-bottom: 25px;
resize: vertical;
width: 100%;
min-height: 200px;
max-height: 500px;
display: block;
padding: 15px;
border: 1px solid #7e7e7e;
border-radius: 0;
transition: 0.3s all ease;
font-size: 16px;
line-height: 1.4; }
.comments-area form textarea::-webkit-input-placeholder {
color: #5c5c5c;
transition: 0.3s all ease;
display: block; }
.comments-area form textarea::-moz-placeholder {
color: #5c5c5c;
transition: 0.3s all ease;
display: block; }
.comments-area form textarea:-ms-input-placeholder {
color: #5c5c5c;
transition: 0.3s all ease;
display: block; }
.comments-area form textarea:-moz-placeholder {
color: #5c5c5c;
transition: 0.3s all ease;
display: block; }
.comments-area form textarea:focus {
border: 1px solid var(--primary-color); }
.comments-area form textarea:focus::-webkit-input-placeholder {
opacity: 0;
padding-left: 25px; }
.comments-area form textarea:focus::-moz-placeholder {
opacity: 0;
padding-left: 25px; }
.comments-area form textarea:focus:-moz-placeholder {
opacity: 0;
padding-left: 25px; }
.comments-area form textarea:focus:-ms-input-placeholder {
opacity: 0;
padding-left: 25px; }
.comments-area form input[type=submit], .comments-area form button[type=submit] {
background-color: transparent;
font-family: var(--primary-font);
display: block;
min-width: 100px;
padding: 0 30px;
height: 42px;
min-height: 42px;
line-height: 42px;
overflow: hidden;
font-size: 16px;
text-align: center;
color: var(--black-color);
border: 1px solid var(--primary-color);
z-index: 1;
position: relative;
transition: .4s all;
border-radius: 0;
width: auto !important;
cursor: pointer; }
.comments-area form input[type=submit]:hover, .comments-area form input[type=submit]:focus, .comments-area form input[type=submit]:active, .comments-area form button[type=submit]:hover, .comments-area form button[type=submit]:focus, .comments-area form button[type=submit]:active {
background: var(--primary-color); }
.comments-area form input[type=submit] i, .comments-area form button[type=submit] i {
margin-left: 6px; }
#cancel-comment-reply-link {
text-decoration: none;
transition: 0.3s all ease;
color: var(--primary-color); }
.comment-reply-title {
font-size: 26px; }
.logged-in-as a {
text-decoration: none; }
.comment-respond {
margin-bottom: 40px; }
/* Buttons Wrap */
.kc_ember_buttons {
display: flex;
flex-wrap: wrap;
align-items: center; }
.kc_ember_buttons.center {
justify-content: center; }
.kc_ember_buttons.left {
justify-content: flex-start; }
.kc_ember_buttons.right {
justify-content: flex-end; }
.kc_ember_buttons .btn, .kc_ember_buttons .kc_button, .kc_ember_buttons .kc-pro-button {
margin: 10px;
display: inline-block;
width: auto; }
/* Services Grid */
.kc_services_grid {
--item-height: 230px;
/* Responsive */ }
.kc_services_grid .section-flex {
display: flex;
flex-wrap: wrap; }
.kc_services_grid .section-flex .item {
width: 50%;
height: var(--item-height);
overflow: hidden;
display: block;
transition: all 0.3s ease;
position: relative;
background-color: rgba(0, 0, 0, 0.5); }
.kc_services_grid .section-flex .item:hover {
padding-bottom: 220px; }
.kc_services_grid .section-flex .item:nth-child(2n+2) {
background-color: rgba(144, 149, 144, 0.5); }
.kc_services_grid .section-flex .item:nth-child(3n+3) {
background-color: rgba(144, 149, 144, 0.5); }
.kc_services_grid .section-flex .item:nth-child(4n+4) {
background-color: rgba(0, 0, 0, 0.5); }
.kc_services_grid .section-flex .item .wrap {
height: 200%;
width: 100%;
position: absolute;
top: 0;
transition: 0.3s all ease; }
.kc_services_grid .section-flex .item .wrap:hover {
transform: translateY(-50%); }
.kc_services_grid .section-flex .item .up {
height: var(--item-height);
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
.kc_services_grid .section-flex .item .up i {
font-size: 42px;
margin-bottom: 12px;
line-height: 1.2;
color: var(--white-color); }
.kc_services_grid .section-flex .item .up .title {
text-align: center;
margin: 0; }
.kc_services_grid .section-flex .item .down {
height: var(--item-height);
width: 100%;
padding: 15px 35px;
color: var(--white-color);
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start; }
.kc_services_grid .section-flex .item .down p {
margin-top: 0;
margin-bottom: 15px;
font-weight: 100;
max-width: 100%;
display: block;
color: var(--white-color); }
.kc_services_grid .section-flex .item .down .btn {
display: inline-block; }
@media (max-width: 1200px) {
.kc_services_grid {
--item-height: 300px; } }
@media (max-width: 991px) {
.kc_services_grid .section-flex .item {
width: 100%; }
.kc_services_grid .section-flex .item:nth-child(2n+2) {
background-color: rgba(144, 149, 144, 0.5); }
.kc_services_grid .section-flex .item:nth-child(3n+3) {
background-color: rgba(0, 0, 0, 0.5); }
.kc_services_grid .section-flex .item:nth-child(4n+4) {
background-color: rgba(144, 149, 144, 0.5); } }
@media (max-width: 767px) {
.kc_services_grid .section-flex .item {
width: 100%; } }
/* Call To Actiom */
.kc_call_to_action {
padding: 80px 0;
background-size: cover;
background-position: center center;
/* Responsive */ }
.kc_call_to_action .flex {
display: flex;
align-items: center;
justify-content: space-between; }
.kc_call_to_action .flex .title {
color: var(--white-color);
margin: 0;
font-weight: 300;
margin-right: 50px; }
@media (max-width: 768px) {
.kc_call_to_action .flex {
flex-direction: column; }
.kc_call_to_action .flex .title {
margin-right: 0;
margin-bottom: 30px; } }
/* Visual Portfolio */
.kc_visual_portfolio .vp-pagination__style-default
.vp-filter__style-default .vp-filter__item.vp-filter__item-active > * {
border: 1px solid var(--primary-color) !important;
background-color: var(--primary-color) !important; }
.kc_visual_portfolio .vp-pagination__style-default .vp-pagination__item.vp-pagination__item-active > * {
border: 1px solid var(--primary-color) !important;
background-color: var(--primary-color) !important; }
.kc_visual_portfolio .vp-portfolio__items-style-default .vp-portfolio__item-meta-title a {
transition: 0.3s all ease !important; }
.kc_visual_portfolio .vp-portfolio__items-style-fade .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category {
margin: 5px !important; }
@media (max-width: 660px) {
.kc_visual_portfolio .vp-portfolio__items-style-fade .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category {
padding: 4px 10px !important; } }
.kc_visual_portfolio .vp-pagination__style-default .vp-pagination__item .vp-pagination__load-more {
border-radius: 0;
color: var(--black-color);
border: 1px solid var(--primary-color);
cursor: pointer;
background-color: transparent;
font-family: var(--primary-font);
display: inline-block;
text-decoration: none;
min-width: 100px;
padding: 0 30px;
height: 42px;
line-height: 42px;
overflow: hidden;
font-size: 16px;
text-align: center;
z-index: 1;
position: relative;
transition: 0.4s all;
margin-top: 25px; }
.kc_visual_portfolio .vp-pagination__style-default .vp-pagination__item .vp-pagination__load-more:after {
background: var(--primary-color);
content: "";
display: block;
position: absolute;
width: 0%;
height: 120%;
left: 0;
top: 0;
z-index: -1;
transition: 0.5s all;
opacity: 0.3; }
.kc_visual_portfolio .vp-pagination__style-default .vp-pagination__item .vp-pagination__load-more:hover {
border: 1px solid var(--primary-color);
color: var(--white-color);
text-decoration: none;
background: var(--primary-color); }
.kc_visual_portfolio .vp-pagination__style-default .vp-pagination__item .vp-pagination__load-more:hover:after {
opacity: 1;
width: 150%;
right: 0; }
.kc_visual_portfolio .vp-pagination__style-default .vp-pagination__item .vp-pagination__load-more:active, .kc_visual_portfolio .vp-pagination__style-default .vp-pagination__item .vp-pagination__load-more:focus {
border: 1px solid var(--primary-color); }
/* Latest Blog */
.kc_latest_blog .post {
margin-bottom: 60px;
display: block; }
.kc_latest_blog .post .post-body {
width: 100%;
background: #f6f6f6;
display: block; }
.kc_latest_blog .post .post-body .post-head {
display: block;
position: relative;
transition: 0.3s all; }
.kc_latest_blog .post .post-body .post-head .thumbnail-wrap {
width: 100%;
height: auto;
display: block;
position: relative;
overflow: hidden; }
.kc_latest_blog .post .post-body .post-head .thumbnail-wrap img {
display: block;
min-width: 100%;
width: 100% !important;
position: relative;
max-width: 100.5%;
height: auto;
object-fit: cover;
transition: transform .4s ease;
box-shadow: inset -10px -41px 73px 1px rgba(0, 0, 0, 0.75); }
.kc_latest_blog .post .post-body .post-head .thumbnail-wrap .actions {
padding-right: 15px;
padding-bottom: 15px;
z-index: 102;
position: absolute;
right: 0;
bottom: 0;
display: flex;
width: 100%;
justify-content: flex-end;
color: var(--white-color);
align-items: flex-end;
height: 100%;
box-shadow: inset -10px -41px 73px 1px rgba(0, 0, 0, 0.7); }
.kc_latest_blog .post .post-body .post-head .thumbnail-wrap .actions i {
font-size: 15px;
margin-right: 4px; }
.kc_latest_blog .post .post-body .post-head .thumbnail-wrap .actions .date {
margin-right: 15px; }
.kc_latest_blog .post .post-body .post-head .thumbnail-wrap .actions div {
border-right: 1px solid var(--white-color);
margin-bottom: 6px;
padding-right: 12px;
line-height: 1; }
.kc_latest_blog .post .post-body .post-head .thumbnail-wrap .actions div:last-child {
padding-right: 0;
border: none; }
.kc_latest_blog .post .post-body .post-head .hover {
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 101;
display: flex;
justify-content: center;
align-items: center;
transition: .3s all; }
.kc_latest_blog .post .post-body .post-head .hover i {
font-size: 25px;
color: var(--white-color); }
.kc_latest_blog .post .post-body .post-head:hover .hover {
opacity: 1; }
.kc_latest_blog .post .post-body .post-head:hover img {
transform: scale(1.2); }
.kc_latest_blog .post .other-post {
padding: 15px; }
.kc_latest_blog .post .other-post .post-title {
text-decoration: none; }
.kc_latest_blog .post .other-post .post-title h6 {
font-weight: 600; }
.kc_latest_blog .post .other-post .post-title:hover, .kc_latest_blog .post .other-post .post-title:active {
text-decoration: none; }
.kc_latest_blog .post .other-post p {
font-size: 14px;
color: #6f5e5e; }
.kc_latest_blog .post .other-post .btn {
margin-top: 6px; }
/* Clients Slider */
.kc_clients_slider .clients-slider .swiper-slide {
display: inline-flex;
justify-content: center;
align-items: center; }
.kc_clients_slider .clients-slider .swiper-slide img {
width: auto;
display: block;
object-fit: contain;
margin: 0 30px; }
/* Hero Slider */
.kc_hero_slider {
overflow: hidden;
min-width: 100vw;
max-width: 100vw;
width: 100%;
min-height: 650px;
height: 100vh; }
.kc_hero_slider .swiper-container {
z-index: 10;
position: relative;
width: 100%;
height: 100%;
min-width: 100vw;
min-height: 100vh; }
.kc_hero_slider .swiper-container .swiper-slide {
position: relative;
padding-top: 60px;
padding-left: 10px;
padding-right: 10px;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: var(--white-color); }
@media (max-width: 991px) {
.kc_hero_slider .swiper-container .swiper-slide {
padding-top: 30px; } }
.kc_hero_slider .swiper-container .swiper-slide * {
z-index: 1; }
.kc_hero_slider .swiper-container .swiper-slide h1, .kc_hero_slider .swiper-container .swiper-slide h2, .kc_hero_slider .swiper-container .swiper-slide h3, .kc_hero_slider .swiper-container .swiper-slide h4, .kc_hero_slider .swiper-container .swiper-slide h5, .kc_hero_slider .swiper-container .swiper-slide h6, .kc_hero_slider .swiper-container .swiper-slide p {
color: var(--white-color); }
@media (min-width: 1200px) {
.kc_hero_slider .swiper-container .swiper-slide h6 {
font-size: 26px; } }
.kc_hero_slider .swiper-container .swiper-slide .kc_ember_buttons {
margin-top: 10px; }
.kc_hero_slider .swiper-container .button-prev {
position: absolute;
left: 25px;
font-size: 30px;
z-index: 100;
color: var(--white-color);
cursor: pointer;
top: 50%;
transform: translateY(-50%); }
@media (max-width: 991px) {
.kc_hero_slider .swiper-container .button-prev {
display: none; } }
.kc_hero_slider .swiper-container .button-next {
top: 50%;
transform: translateY(-50%);
position: absolute;
right: 25px;
font-size: 30px;
z-index: 100;
color: var(--white-color);
cursor: pointer; }
@media (max-width: 991px) {
.kc_hero_slider .swiper-container .button-next {
display: none; } }
.kc_hero_slider .swiper-container .swiper-pagination {
z-index: 100;
position: absolute;
bottom: 25px;
left: 0;
right: 0;
margin: auto;
display: flex;
justify-content: center;
align-items: center; }
.kc_hero_slider .swiper-container .swiper-pagination .swiper-pagination-bullet {
margin: 0 5px;
width: 10px;
height: 10px;
background: var(--white-color);
opacity: .8;
transition: .3s all;
cursor: pointer;
border-radius: 50%; }
.kc_hero_slider .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--primary-color); }
/* Image Section */
.kc_image_section {
padding: 80px 0; }
.kc_image_section .row {
display: flex;
align-items: center; }
.kc_image_section .text-block {
padding: 50px; }
@media (max-width: 991px) {
.kc_image_section {
padding: 50px 0; }
.kc_image_section .row {
flex-direction: column-reverse; }
.kc_image_section .text-block {
padding: 0 15px;
margin-bottom: 20px;
display: block; }
.kc_image_section .image-wrap {
display: flex;
justify-content: center;
align-items: center; }
.kc_image_section .image-wrap img {
max-width: 600px; } }
/* Team Slider */
.kc_team_slider .swiper-container {
margin: 0 -15px; }
.kc_team_slider .swiper-container .button-prev {
position: absolute;
left: 0;
top: 50%;
font-size: 14px;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
z-index: 50;
cursor: pointer;
transition: .3s all;
margin-top: -20px;
color: var(--white-color);
background-color: var(--primary-color); }
.kc_team_slider .swiper-container .button-next {
position: absolute;
right: 0;
top: 50%;
font-size: 14px;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
z-index: 50;
cursor: pointer;
transition: .3s all;
margin-top: -20px;
color: var(--white-color);
background-color: var(--primary-color); }
.kc_team_slider .swiper-wrapper .swiper-slide {
width: calc(100% / 3);
padding: 0 15px; }
@media (max-width: 992px) {
.kc_team_slider .swiper-wrapper .swiper-slide {
width: calc(100% / 2); } }
@media (max-width: 660px) {
.kc_team_slider .swiper-wrapper .swiper-slide {
width: 100%; } }
.kc_team_slider .swiper-wrapper .swiper-slide .member {
position: relative;
overflow: hidden; }
.kc_team_slider .swiper-wrapper .swiper-slide .member .photo {
position: relative;
display: block;
overflow: hidden; }
.kc_team_slider .swiper-wrapper .swiper-slide .member .photo:after {
content: "";
display: block;
padding-bottom: 125%; }
.kc_team_slider .swiper-wrapper .swiper-slide .member .photo img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
height: auto;
min-height: 100%;
display: block;
transition: .5s all;
object-fit: cover; }
.kc_team_slider .swiper-wrapper .swiper-slide .member .description {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
bottom: 0;
right: 0;
opacity: 0;
display: block;
z-index: 10;
padding: 25px;
background: rgba(0, 0, 0, 0.6);
transition: .3s all; }
.kc_team_slider .swiper-wrapper .swiper-slide .member .description .member-info {
position: absolute;
left: 25px;
bottom: 25px;
margin: 0px; }
.kc_team_slider .swiper-wrapper .swiper-slide .member .description .member-info .name {
margin: 0px;
font-size: 18px;
color: var(--white-color);
font-weight: bold;
line-height: 1.4;
font-family: var(--primary-font); }
.kc_team_slider .swiper-wrapper .swiper-slide .member .description .member-info .position {
font-size: 15px;
color: rgba(255, 255, 255, 0.8); }
.kc_team_slider .swiper-wrapper .swiper-slide .member .description .social {
height: 46px;
position: absolute;
right: 25px;
bottom: 25px;
display: flex;
align-items: center; }
.kc_team_slider .swiper-wrapper .swiper-slide .member .description .social a {
color: var(--primary-color);
margin: 0 12px; }
.kc_team_slider .swiper-wrapper .swiper-slide .member:hover .photo img {
transform: scale(1.05); }
.kc_team_slider .swiper-wrapper .swiper-slide .member:hover .description {
opacity: 1; }
/* Contact Form 7 */
.kc_differ_contact_form7 .wpcf7-response-output {
margin: 0;
padding: 5px 15px; }
.kc_differ_contact_form7 .wpcf7 .ajax-loader {
margin: 0 auto;
display: block;
height: 0; }
.kc_differ_contact_form7 .wpcf7 .ajax-loader.is-active {
height: 16px; }
.kc_differ_contact_form7 .form-part {
display: block;
margin-bottom: 20px; }
.kc_differ_contact_form7 select {
width: 100%;
display: block;
height: 40px;
line-height: 40px;
font-size: 16px;
border: 1px solid #7e7e7e;
padding: 0 15px;
margin-bottom: 7px;
border-radius: 0;
transition: 0.3s all ease;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.kc_differ_contact_form7 input[type='text'],
.kc_differ_contact_form7 input[type='tel'],
.kc_differ_contact_form7 input[type='email'],
.kc_differ_contact_form7 input[type='url'],
.kc_differ_contact_form7 input[type='number'],
.kc_differ_contact_form7 input[type='date'] {
height: 40px;
box-shadow: none;
-webkit-appearance: none;
line-height: 40px;
display: block;
width: 100%;
font-size: 16px;
border: 1px solid #7e7e7e;
padding: 0 15px;
margin-bottom: 7px;
border-radius: 0;
transition: 0.3s all ease; }
.kc_differ_contact_form7 input[type='text']::-webkit-input-placeholder,
.kc_differ_contact_form7 input[type='tel']::-webkit-input-placeholder,
.kc_differ_contact_form7 input[type='email']::-webkit-input-placeholder,
.kc_differ_contact_form7 input[type='url']::-webkit-input-placeholder,
.kc_differ_contact_form7 input[type='number']::-webkit-input-placeholder,
.kc_differ_contact_form7 input[type='date']::-webkit-input-placeholder {
color: #5c5c5c;
transition: 0.3s all ease; }
.kc_differ_contact_form7 input[type='text']::-moz-placeholder,
.kc_differ_contact_form7 input[type='tel']::-moz-placeholder,
.kc_differ_contact_form7 input[type='email']::-moz-placeholder,
.kc_differ_contact_form7 input[type='url']::-moz-placeholder,
.kc_differ_contact_form7 input[type='number']::-moz-placeholder,
.kc_differ_contact_form7 input[type='date']::-moz-placeholder {
color: #5c5c5c;
transition: 0.3s all ease; }
.kc_differ_contact_form7 input[type='text']:-ms-input-placeholder,
.kc_differ_contact_form7 input[type='tel']:-ms-input-placeholder,
.kc_differ_contact_form7 input[type='email']:-ms-input-placeholder,
.kc_differ_contact_form7 input[type='url']:-ms-input-placeholder,
.kc_differ_contact_form7 input[type='number']:-ms-input-placeholder,
.kc_differ_contact_form7 input[type='date']:-ms-input-placeholder {
color: #5c5c5c;
transition: 0.3s all ease; }
.kc_differ_contact_form7 input[type='text']:-moz-placeholder,
.kc_differ_contact_form7 input[type='tel']:-moz-placeholder,
.kc_differ_contact_form7 input[type='email']:-moz-placeholder,
.kc_differ_contact_form7 input[type='url']:-moz-placeholder,
.kc_differ_contact_form7 input[type='number']:-moz-placeholder,
.kc_differ_contact_form7 input[type='date']:-moz-placeholder {
color: #5c5c5c;
transition: 0.3s all ease; }
.kc_differ_contact_form7 input[type='text']:focus,
.kc_differ_contact_form7 input[type='tel']:focus,
.kc_differ_contact_form7 input[type='email']:focus,
.kc_differ_contact_form7 input[type='url']:focus,
.kc_differ_contact_form7 input[type='number']:focus,
.kc_differ_contact_form7 input[type='date']:focus {
border: 1px solid var(--primary-color); }
.kc_differ_contact_form7 input[type='text']:focus::-webkit-input-placeholder,
.kc_differ_contact_form7 input[type='tel']:focus::-webkit-input-placeholder,
.kc_differ_contact_form7 input[type='email']:focus::-webkit-input-placeholder,
.kc_differ_contact_form7 input[type='url']:focus::-webkit-input-placeholder,
.kc_differ_contact_form7 input[type='number']:focus::-webkit-input-placeholder,
.kc_differ_contact_form7 input[type='date']:focus::-webkit-input-placeholder {
opacity: 0;
padding-left: 25px; }
.kc_differ_contact_form7 input[type='text']:focus::-moz-placeholder,
.kc_differ_contact_form7 input[type='tel']:focus::-moz-placeholder,
.kc_differ_contact_form7 input[type='email']:focus::-moz-placeholder,
.kc_differ_contact_form7 input[type='url']:focus::-moz-placeholder,
.kc_differ_contact_form7 input[type='number']:focus::-moz-placeholder,
.kc_differ_contact_form7 input[type='date']:focus::-moz-placeholder {
opacity: 0;
padding-left: 25px; }
.kc_differ_contact_form7 input[type='text']:focus:-moz-placeholder,
.kc_differ_contact_form7 input[type='tel']:focus:-moz-placeholder,
.kc_differ_contact_form7 input[type='email']:focus:-moz-placeholder,
.kc_differ_contact_form7 input[type='url']:focus:-moz-placeholder,
.kc_differ_contact_form7 input[type='number']:focus:-moz-placeholder,
.kc_differ_contact_form7 input[type='date']:focus:-moz-placeholder {
opacity: 0;
padding-left: 25px; }
.kc_differ_contact_form7 input[type='text']:focus:-ms-input-placeholder,
.kc_differ_contact_form7 input[type='tel']:focus:-ms-input-placeholder,
.kc_differ_contact_form7 input[type='email']:focus:-ms-input-placeholder,
.kc_differ_contact_form7 input[type='url']:focus:-ms-input-placeholder,
.kc_differ_contact_form7 input[type='number']:focus:-ms-input-placeholder,
.kc_differ_contact_form7 input[type='date']:focus:-ms-input-placeholder {
opacity: 0;
padding-left: 25px; }
.kc_differ_contact_form7 textarea {
resize: vertical;
max-height: 400px;
display: block;
padding: 15px;
border: 1px solid #7e7e7e;
margin-bottom: 7px;
border-radius: 0;
transition: 0.3s all ease;
font-size: 16px;
line-height: 1.4;
box-shadow: none;
-webkit-appearance: none; }
.kc_differ_contact_form7 textarea::-webkit-input-placeholder {
color: #5c5c5c;
transition: 0.3s all ease;
display: block; }
.kc_differ_contact_form7 textarea::-moz-placeholder {
color: #5c5c5c;
transition: 0.3s all ease;
display: block; }
.kc_differ_contact_form7 textarea:-ms-input-placeholder {
color: #5c5c5c;
transition: 0.3s all ease;
display: block; }
.kc_differ_contact_form7 textarea:-moz-placeholder {
color: #5c5c5c;
transition: 0.3s all ease;
display: block; }
.kc_differ_contact_form7 textarea:focus {
border: 1px solid var(--primary-color); }
.kc_differ_contact_form7 textarea:focus::-webkit-input-placeholder {
opacity: 0;
padding-left: 25px; }
.kc_differ_contact_form7 textarea:focus::-moz-placeholder {
opacity: 0;
padding-left: 25px; }
.kc_differ_contact_form7 textarea:focus:-moz-placeholder {
opacity: 0;
padding-left: 25px; }
.kc_differ_contact_form7 textarea:focus:-ms-input-placeholder {
opacity: 0;
padding-left: 25px; }
.kc_differ_contact_form7 input[type=submit], .kc_differ_contact_form7 button[type=submit] {
background-color: transparent;
font-family: var(--primary-font);
display: block;
min-width: 100px;
padding: 0 30px;
height: 42px;
min-height: 42px;
line-height: 42px;
overflow: hidden;
font-size: 16px;
text-align: center;
color: var(--black-color);
border: 1px solid var(--primary-color);
z-index: 1;
position: relative;
transition: .4s all;
border-radius: 0;
width: auto !important;
cursor: pointer; }
.kc_differ_contact_form7 input[type=submit]:hover, .kc_differ_contact_form7 input[type=submit]:focus, .kc_differ_contact_form7 input[type=submit]:active, .kc_differ_contact_form7 button[type=submit]:hover, .kc_differ_contact_form7 button[type=submit]:focus, .kc_differ_contact_form7 button[type=submit]:active {
background: var(--primary-color); }
/* Contact Links */
.kc_contact_links .items {
display: flex;
flex-direction: column; }
.kc_contact_links .items .item {
display: flex;
align-items: center;
flex-wrap: wrap;
text-decoration: none;
line-height: 3;
color: var(--black-color); }
.kc_contact_links .items .item[href="#"] {
cursor: default; }
.kc_contact_links .items .item span {
color: var(--black-color); }
.kc_contact_links .items .item .icon {
text-align: center;
display: inline-block;
min-width: 20px;
color: var(--primary-color);
margin-right: 12px;
font-size: 18px; }
/* Social Links */
.kc_social_links .items {
display: flex;
align-items: center;
flex-wrap: wrap; }
.kc_social_links .items .bar {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
margin-right: 10px;
text-decoration: none;
width: auto; }
.kc_social_links .items .bar .icon {
font-size: 16px;
width: 40px;
height: 40px;
border-radius: 50%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 15px 0;
color: #080909;
box-shadow: inset 0 0 0 4px #CECECE;
transition: 1s; }
.kc_social_links .items .bar .icon:before {
z-index: 1;
position: relative; }
.kc_social_links .items .bar .icon:after {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: #CECECE;
left: 0;
top: 0;
border-radius: 50%;
transition: 1s;
opacity: 1; }
.kc_social_links .items .bar .icon:hover {
color: #65378F; }
.kc_social_links .items .bar .icon:hover:after {
transform: scale(1.3);
opacity: 0; }
/* King Composer Font Awesome 5 Free FIX */
.fab {
font-family: "Font Awesome 5 Brands" !important; }
.fab:before, .fab:after {
font-family: "Font Awesome 5 Brands" !important; }
.fa, .fas, .far {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900 !important; }
.fa:before, .fa:after, .fas:before, .fas:after, .far:before, .far:after {
font-weight: 900 !important;
font-family: 'Font Awesome 5 Free' !important; }
.far {
font-weight: 400 !important; }
.far:before, .far:after {
font-weight: 400 !important; }
/*# sourceMappingURL=main.css.map */