.social-icons {
overflow: hidden;
text-align: left;
}
.sidebar-left .social-icons {
text-align: left;
}
.social-icons ul{
padding: 0 !important;
}
.single .social-icons ul{
padding-bottom: 30px !important;
}
.social-icons .unstyled li {
display: inline;
}
.social-icons .unstyled li:last-child {
margin-right: 0;
}
.social-icons li a {
color: #000;
font-size: 12px;
margin-right: 50px !important;
display: inline-block;
position: relative;
}
.social-icons li a:after {
position: absolute;
content: "";
right: -34px;
top: 50%;
width: 20px;
height: 2px;
background-color: #000;
}
.social-icons li:last-child a:after{
display: none;
}
.social-icons li a span {
display: block;
}
.social-icons li a i {
line-height: inherit;
font-size: 15px;
}
.social-icons.big li a{
font-size: 24px;
}
.social-icons.light li a{
color: #fff;
}
#header .social-icons {
text-align: right;
}
#header .social-icons li {
height: 54px;
line-height: 52px;
}
#header .social-icons li a {
color: #201f22;
}
#header .social-icons li a i {
font-size: 15px;
}
.social-icons li a:hover {
color: #a5b8c0;
} .widget {
margin-bottom: 40px;
}
.widget_aboutme {
text-align: center;
}
.widget_aboutme .about-me-img {
width: 150px;
height: 150px;
margin: 0 auto 20px;
border-radius: 50%;
}
.widget_aboutme .about-me-img img {
width: 100%;
height: 150px;
object-fit:cover;
border-radius: 50%;
}
.widget_aboutme .content {
margin-bottom: 20px;
}
.widget .list-latestposts li {
padding: 0;
margin-left: 0;
list-style: none;
}
.widget .list-latestposts .post-item {
margin-bottom: 24px;
}
.widget .list-latestposts .post-item:last-child {
margin-bottom: 0;
}
.widget .list-latestposts .post-item p:last-child {
margin: 0;
}
.widget .list-latestposts li .title {
font-weight: 400;
color: #333333;
}
.widget .latest-blog-list .title {
font-size: 12px;
line-height: 18px;
display: block;
margin: 0px;
color: #404040;
font-weight: bold;
text-transform: capitalize;
}
.widget .latest-blog-list .latest-blog-item-img {
max-width: 85px;
height: 69px;
overflow: hidden;
}
.widget .latest-blog-list .latest-blog-item-description {
overflow: hidden;
}
.widget .latest-blog-list .meta-categories {
font-size: 10px;
letter-spacing: 1px;
color: #a7a8aa;
text-transform: uppercase;
}
.widget .latest-blog-list .meta-categories a {
color: #a7a8aa;
}
.widget .latest-blog-list .meta-categories a:hover {
color: #a5b8c0;
}
.widget .latest-blog-list {
margin-top: 14px;
padding-top: 14px;
border-top: 1px dashed #e1e4e4;
}
.widget .latest-blog-lists .latest-blog-list:first-child {
margin-top: 0;
border: 0;
padding-top: 0;
}
#sidebar .widget .instagram-items {
margin: 0 -6px 10px;
}
.widget .instagram-items {
overflow: hidden;
}
.widget .instagram-item {
padding: 6px;
float: left;
}
.widget .instagram-item a {
display: block;
background-color: #000;
position: relative;
}
.instagram-item img {
opacity: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: all .15s ease-in;
-moz-transition: all .15s ease-in;
-ms-transition: all .15s ease-in;
-o-transition: all .15s ease-in;
transition: all .15s ease-in;
}
.instagram-item img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.instagram-item a {
position: relative;
overflow: hidden;
padding-top: 100%;
width: 100%;
height: 0;
}
.instagram-item:hover img {
opacity: 0.75;
}
.widget_instagram {
text-align: center;
}
.insta-link {
font-size: 14px;
font-family: Georgia, sans-serif;
}
.insta-follow-link {
font-size: 11px;
font-family: 'Roboto';
color: #201f22;
text-transform: uppercase;
line-height: 20px;
max-width: 140px;
position: absolute;
top: 100%;
left: 50%;
margin-left: -70px;
text-align: center;
padding-top: 48px;
display: none;
letter-spacing: 2.5px;
}
#before-footer .insta-follow-link {
display: block;
}
#footer .span4 {
min-height: 1px;
}
.insta-follow-link-sidebar {
display: none;
}
#sidebar .insta-follow-link-sidebar {
display: block;
}
.insta-follow-link-sidebar a {
color: #201f22;
}
.insta-follow-link-sidebar a i {
font-size: 15px;
}
.insta-follow-link:before {
position: absolute;
content: "";
height: 15px;
width: 1px;
left: 50%;
top: 0;
border-left: 1px solid #201f22;
}
.insta-follow-link .icon-insta {
padding: 0px;
width: 87px;
height: 87px;
text-align: center;
line-height: 89px;
margin: 0 auto;
position: relative;
display: block;
border: 1px solid #b8b6bb;
border-radius: 50%;
margin-bottom: 28px;
}
.insta-follow-link .icon-insta i {
line-height: 1em;
font-size: 15px;
margin-left: 3px;
}
#before-footer .widget_instagram {
position: relative;
padding-bottom: 38px !important;
}
.located-at {
text-align: center;
}
/ textarea {
line-height: inherit;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: "";
position: relative;
color: #404040;
}
select:before {
content: '';
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 6px solid #404040;
right: 20px;
top: 22px;
}
input::-webkit-input-placeholder { color: #222;
}
input::-moz-placeholder { color: #222;
}
input:-ms-input-placeholder { color: #222;
}
input:-moz-placeholder { color: #222;
}
textarea::-webkit-input-placeholder { color: #222;
}
textarea::-moz-placeholder { color: #c6c6c8;
}
textarea:-ms-input-placeholder { color: #c6c6c8;
}
textarea:-moz-placeholder { color: #c6c6c8;
}
input[type="date"] {
padding-right: 10px;
}
.wpcf7-form .row-fluid {
margin: 0 -5px;
}
.wpcf7-form .span4,
.wpcf7-form .span12 {
padding: 5px;
}
.wpcf7-form p {
padding-bottom: 10px;
} #latest-posts .blog-posts .post .post-img {
margin-bottom: 0 !important;
display: block;
}
#latest-posts .post.sticky .post-img {
margin-bottom: 24px;
}
#latest-posts .post.sticky.style_2 .post-img,
.blog .post.sticky .post-img {
margin-bottom: 0px;
display: block;
}
#latest-posts .blog-posts .post.post-size .title {
padding-bottom: 0;
padding-top: 34px;
}
#latest-posts .blog-posts .post.post-size .title:after {
bottom: auto;
top: -7px;
}
#latest-posts .post.sticky.style_2 .title,
.blog .post.sticky .title {
padding-bottom: 0;
padding-top: 48px;
}
#latest-posts .post.sticky.style_2 .title h2 {
font-size: 30px;
font-weight: 400;
margin-bottom: 27px;
}
#latest-posts .post.sticky.style_2 .title:after,
.blog .post.sticky .title:after {
bottom: auto;
top: -7px;
}
#latest-posts .blog-posts .post.post-size .title h2 {
font-size: 24px;
margin-bottom: 18px;
text-transform: capitalize;
}
#latest-posts .blog-posts .post.post-size.style_2 .title h2 {
font-size: 20px;
}
#latest-posts .blog-posts .post.post-size .sharebox .social-icons li a i {
font-size: 14px;
}
#latest-posts .blog-posts .post.post-size .sharebox .social-icons li a, .sharebox .social-icons li a {
color: #000;
}
#latest-posts .blog-posts .post.post-size {
margin-bottom: 48px;
}
#latest-posts .blog-posts .post.sticky.style_2 .post-content {
padding: 0 45px 15px;
}
.blog .post.sticky .post-img img {
height: 550px;
width: 100%;
object-fit:cover;
}
.blog .post.sticky .post-content,
#latest-posts > .post.sticky .post-content, .tag-sticky-2 .post-content {
border: 1px solid #2e2e2e;
padding: 40px 35px 20px;
}
.no_widgets_sidebar {
float: none;
display: block;
margin: 0 auto;
}
.post:not(.has-post-thumbnail) .post-content .title:after {
display: none;
}
#latest-posts .blog-posts .post-content-container > div:last-child {
margin-bottom: 0;
}
#latest-posts .post.sticky.style_2 .post-meta,
.blog .post.sticky .post-meta {
background-image: none;
padding-bottom: 32px;
}
#latest-posts .post.sticky.style_2 .post-meta .meta-date {
color: #201f22;
}
#latest-posts .post.sticky.style_2 .post-meta:after,
.blog .post.sticky .post-meta:after {
display: none;
}
#latest-posts .blog-posts .post.style_2 {
margin-bottom: 40px;
} .post.standard .sharebox {
position: relative;
overflow: hidden;
}
.post.standard .sharebox .social-icons {
display: inline-block;
}
.post.standard .sharebox .social-icons li a {
font-size: 14px;
}
.post.standard .sharebox .social-icons .social-email {
margin-right: 0;
width: 15px;
}
#content:not(.single) .post.standard .sharebox:before, #content:not(.single) .post.standard .sharebox:after {
position: absolute;
top: 11px;
overflow: hidden;
width: 50%;
height: 0px;
border-top: 1.2px dashed #e1e4e4;
content: '';
}
#content:not(.single) .post.standard .sharebox:before {
margin-left: -56%;
text-align: right;
}
#content:not(.single) .post.standard .sharebox:after {
margin-left: 6%;
} .post .post-img {
margin-bottom: 24px;
}
.post.span6 .post-img {
margin-bottom: 38px;
}
.post-img {
background-color: #000;
overflow: hidden;
display: inline-block;
width: auto;
}
.sliderposts .post-img {
background-color: transparent;
display: block;
margin-bottom: 0;
}
.sliderposts .owl-stage-outer {
background-color: #000;
}
.sliderposts .post-img:hover img {
opacity: 0.45;
}
.sliderposts .owl-stage-outer.owl-height {
min-height: 250px;
}
.featured_box a img {
opacity: 1;
webkit-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.post-password-form {
max-width: 50%;
}
.post-password-form label {
margin-bottom: 8px;
}
.post-password-form input {
margin-bottom: 20px;
}
.masonry-page .post-img img {
width: 100%;
}
.featured_box:hover a img {
opacity: 0.8;
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
}
.video-container {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
margin-bottom: 33px;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.masonry_layout .entry-header{
margin: 25px 0 20px;
}
.masonry_layout .format-quote blockquote:before{
position: absolute;
content: "“";
top: 40px;
left: 15px;
color: #fff;
line-height: 1;
font-size: 60px;
}
.masonry_layout .entry h2,
.masonry_layout .entry h2 a{
font-size: 28px;
}
.masonry_layout .format-quote blockquote,
.masonry_layout .format-link .post-content{
padding: 40px 30px 20px 60px;
color: #fff;
}
.post .post-excerpt {
text-align: left;
overflow: hidden;
font-size: 14px;
}
.post-content .post-excerpt p img {
padding-top: 9px;
padding-bottom: 13px;
}
.post-content .post-excerpt h4 {
padding-top: 10px;
margin-bottom: 26px;
}
.post.standard .post-excerpt {
margin-bottom: 0;
}
.post-excerpt ul li {
padding-left: 15px;
}
.post-meta .post-more {
overflow: hidden;
text-align: center;
}
.post-meta .post-more a {
display: inline-block;
position: relative;
background:none;
border: 1px solid;
color: #201f22;
}
@keyframes metaMoreIn {
0%   {opacity: 0; transform:translateX(-15px);}
100%  {opacity: 1; transform:translateX(0);}
}
@keyframes metaMoreOut {
0%   {opacity: 1; transform:translateX(0px);}
100%  {opacity: 0; transform:translateX(15px);}
}
.post-meta .post-more a i {
font-size: 22px;
line-height: 24px;
transition:all .4s ease;
}
.post-meta .post-more a .icon1 {
animation-name: metaMoreIn;
animation-duration: .3s;
font-size: 14px;
}
.post-meta .post-more a:hover .icon1 {
animation-name: metaMoreOut;
animation-duration: .3s;
animation-fill-mode: forwards;
}
.post-meta .post-more a .icon2 {
animation-name: metaMoreOut;
animation-duration: .3s;
opacity: 0;
transform:translateX(-15px);
position: absolute;
top: 50%;
margin-top: -14px;
left:50%;
margin-left: -13px;
}
.post-meta .post-more a:hover .icon2 {
animation-name: metaMoreIn;
animation-duration: .3s;
animation-fill-mode: forwards;
}
.block-title.title {
text-align: center;
}
.blog .post.standard .post-excerpt {
min-height: 100px;
}
.post-excerpt iframe {
max-width: 100%;
width: 100%;
}
.gallery-block {
position: relative;
padding-right: 80px;
margin-bottom: 30px;
}
.gallery-block .gallery-image-2 {
position: absolute;
right: 0;
top: 10%;
padding: 10px 0 10px 10px;
background-color: #fff;
height: 80%;
width: auto;
}
.gallery-block .gallery-image-2 img {
object-fit:cover;
height: 100%;
}
.gallery-caption {
background-color: #fafafa;
border: 1px solid #ededed;
padding: 5px 10px;
border-top: 0;
overflow: hidden;
}
.gallery[class*="gallery-columns-"] {
margin-right: -15px;
margin-left: -15px;
overflow: hidden;
}
.gallery[class*="gallery-columns-"] .gallery-item {
float: left;
display: inline;
position: relative;
margin-bottom: 15px;
padding: 0 15px;
}
.gallery[class*="gallery-columns-"] .gallery-item .gallery-icon img {
width: 100%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33333%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6666%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111%;
}
.masonry-wrap {
display: flex;
flex-flow: row wrap;
width: 100%;
margin: 0 -3px 40px;
}
.masonry-brick {
flex:auto;
width: 50%;
min-width: 200px;
padding: 3px;
}
.masonry-brick:nth-child(n+3){
width: 100%;
}
.post .post-more a:hover:after {
right: -28px;
}
.post .post-content {
margin-bottom: 30px;
}
#latest-posts .post-content .post-excerpt .content-size {
max-width: 1000px;
margin: 0 auto;
}
.single .post .post-content {
margin-bottom: 20px;
}
.post .post-meta {
padding: 10px 0 5px;
overflow: hidden;
position: relative;
display: flex;
align-items:center;
flex-direction:row;
}
.post .post-meta .content-size {
display: flex;
align-items:center;
flex-direction:row;
justify-content:space-between;
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
body.blog .post:not(.has-post-thumbnail) .title:after,
body.blog .post .title:after,
body.single-post .post .title:after {
display: none !important;
}
body.blog .post.has-post-thumbnail .title:after {
display: block !important;
}
.page #content .page {
margin-bottom: 0;
}
.page #content .page .entry {
overflow: hidden;
}
.mb0 {
margin-bottom: 0 !important;
}
.meta-comment {
display: inline-block;
color: #333333;
}
.meta-comment > a,
.meta-comment > span {
color: #201f22;
font-size: 11px;
text-transform: uppercase;
font-family: "Roboto";
letter-spacing: 2.5px;
line-height: 36px;
font-weight: 400;
display: inline-block;
}
.meta-comment > a {
width: auto;
max-width: 38px;
height: 38px;
border: 1px solid #e5e6ea;
overflow: hidden;
transition: all 0.5s ease-in;
padding: 0 10px;
border-radius: 19px;
display: block;
margin-right: 13px;
white-space: nowrap;
}
.meta-comment a:hover {
max-width: 230px;
color: #201f22;
}
.meta-comment a i,
.meta-sharebox > i {
font-size: 18px;
float: left;
margin-right: 10px;
line-height: 32px;
font-weight: 400;
}
.meta-sharebox {
width: auto;
max-width: 38px;
height: 38px;
border: 1px solid #e5e6ea;
overflow: hidden;
transition: all 0.5s ease-in;
padding: 0 10px;
border-radius: 19px;
display: block;
white-space: nowrap;
}
.meta-sharebox:hover {
max-width: 180px;
}
.meta-sharebox {
cursor: pointer;
}
.post-meta.footer-meta .meta-sharebox .sharebox {
display: inline-block;
line-height: 36px;
padding-left: 10px;
border-left: 1px solid #e5e6ea;
margin-left: 0;
}
.post-meta.footer-meta .meta-sharebox .sharebox:before {
display: none;
}
.post-meta-tags {
overflow: hidden;
margin-bottom: 40px;
}
.extra-wrap {
overflow: hidden;
}
.post-meta-tags .meta-tags {
display: block;
font-size: 14px;
color: #b8b6bb;
padding: 8px 0 8px 0;
}
.post-meta-tags .meta-tags i {
color: #201f22;
padding-right: 15px;
font-size: 14px;
}
.post-meta-tags .meta-tags a {
font-size: 14px;
color: #b8b6bb;
font-family: 'Roboto';
}
.post-meta-tags .meta-tags a:hover {
color: #201f22;
}
.post-meta .sharebox {
}
.post-meta .sharebox a {
color: #b8b6bb;
font-size: 14px;
}
.post-meta .sharebox a i {
font-size: inherit;
line-height: inherit;
}
.post-meta .sharebox .social-email {
margin-right: 0;
} .recent-posts {
padding: 0 20px;
}
.wp-audio-shortcode {
margin-bottom: 30px;
}
.recent-posts .recent-post-item .post-img {
margin-bottom: 0 !important;
}
.recent-posts .recent-post-item .post-img {
background-color: transparent;
width: 55%;
float: left;
padding-right: 30px;
}
.recent-posts .recent-post-item .featured_box:hover a img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
p > .mb0 {
margin-bottom: -20px;
}
.recent-posts .recent-post-item .post-more {
text-align: left;
padding: 10px 0;
background-color: #fff;
}
.recent-posts .date_time{
position: absolute;
bottom: 10px;
padding: 0;
font-size: 14px;
}
.date_time{
font-size: 14px;
}
.recent-posts .recent-post-item {
padding: 0 30px !important;
}
.recent-posts .recent-post-item .post-more .title h3 {
font-size: 18px;
margin-bottom: 3px;
letter-spacing: 0px;
margin-top: 5px;
font-weight: 300
}
.recent-posts .recent-post-item .post-more .title h3 a{
font-size: 18px;
}
.recent-posts .owl-prev, .recent-posts .owl-next{
position: absolute;
top: 30%;
left: -30px;
font-size: 30px;
}
.recent-posts .owl-next{
right: -30px;
left: unset;
}
.recent-posts .owl-nav div i{
transition: all .4s ease;
}
.recent-posts .owl-nav div i:after {
content: "";
width: 0px;
height: 0;
border-top: 1px solid;
position: absolute;
left: 12px;
top: 50%;
transition: all .4s ease;
margin-top: -1px;
}
.recent-posts .owl-nav .owl-next i:after {
left: auto;
right: 12px;
}
.recent-posts .owl-prev:hover i {
transform:translateX(-10px);
}
.recent-posts .owl-next:hover i {
transform:translateX(10px);
}
.recent-posts .owl-nav div:hover i:after {
width: 60px;
}
.light_text .title h2 a, .light_text .title h3 a, .light_text .owl-prev, .light_text .owl-next{
color: #fff;
}
.light_text .owl-nav div i:after{
border-color: #fff;
}
#latest-posts .post .meta-categories,
body.blog .post .meta-categories {
margin-bottom: 16px;
}
body.single-post .post .meta-categories {
margin-bottom: 20px;
}
#latest-posts .post .title,
body.blog .post .title,
body.single-post .post .title,
.before-content header.title,
body.search header.title {
position: relative;
margin-bottom: 0;
padding-bottom: 21px;
z-index: 2;
}
#latest-posts #infscr-loading {
text-align: center;
}
#latest-posts #infscr-loading div {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
font-size: 11px;
font-family: "Roboto";
text-transform: uppercase;
color: #a29fa6;
letter-spacing: 2.5px;
}
#latest-posts .post:last-child {
margin-bottom: 52px;
}
#latest-posts .blog-posts {
margin-bottom: 20px;
}
#latest-posts .mb35 {
margin-bottom: 35px;
}
.hide{
display: none;
}
.loadmore-container{
text-align: center;
}
.loadmore, .frgn_more, button.ubtn, a.ultb3-btn {
display: inline-block;
position: relative;
color: #fff;
padding: 20px 50px !important;
font-size: 11px !important;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700 !important;
overflow: hidden;
background: #000;
border: 2px solid #000;
}
.frgn_more:after, .loadmore:after{
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #fff;
left: -100%;
top: 0;
transition: all .3s;
opacity: 0;
z-index: -1;
}
.frgn_more:hover:after, .loadmore:hover:after{
left: 0;
opacity: 1;
}
.frgn_more:hover, .loadmore:hover{
color: #222 !important;
border: 2px solid #000;
background-color: #fff;
}
.loadmore.active {
color: #cccccc;
background-color: #ededed;
cursor: default;
}
.loadmore.active:hover {
color: #cccccc !important;
background-color: #ededed !important;
}
.loadmore.hide {
display: none;
}
.author-info, .author-description {
overflow: hidden;
}
.author-info {
margin-bottom: 60px;
text-align: center;
padding: 0 50px;
}
#related-posts {
padding-bottom: 60px;
}
body.search #related-posts {
padding-top: 60px;
padding-bottom: 0;
}
.author-title {
font-size:22px;
text-transform: capitalize;
color: #201f22;
margin-bottom: 16px;
line-height: 1em;
}
.author-avatar {
width: 90px;
height: 90px;
overflow: hidden;
border-radius: 100%;
margin: 0 auto 16px;
display: inline-block;
}
.author-bio {
margin-bottom: 17px;
} .post-slider-item {
position: relative;
overflow: hidden;
width: 100%;
}
.slider-three-per-row .post-slider-item {
width: 100%;
}
.fullwidth .post-slider-item {
width: 100%;
max-height: 650px;
}
.post-slider-center .post-slider-item {
width: 1170px;
}
.post-slider.fullwidth {
overflow: hidden;
margin-bottom: 30px;
}
.post-slider.fullwidth .post-slider-item .post-img img {
width: 100%;
height: 650px;
object-fit:cover;
}
.owl-item .post-slider-item {
background-color: #000;
}
.owl-item .post-slider-item .post-img {
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
display: block;
}
.owl-item.active.center .post-slider-item .post-img {
opacity: 1;
}
.post-slider-center .owl-item .post-slider-item .post-img {
opacity: 0.5;
}
.post-slider-item .post-more.style_1 {
position: absolute;
bottom:0px;
left: 50%;
width: 100%;
transform:translate(-50%, 0px);
padding: 0px;
text-align: center;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 1;
}
.post-slider-item .post-more.style_2, .post-slider-item .post-more.style_3 {
position: absolute;
top:0%;
left: 0%;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0.35);
display: flex;
align-items:center;
justify-content:center;
}
.post-slider-item .post-more.style_3{
align-items: flex-end;
text-align: left;
padding-bottom: 80px;
}
.post-slider-item .post-more.style_3 .post-more-link{
border-radius: 0;
position: absolute;
bottom: 0;
right: 0;
display: flex;
align-items: center;
}
.post-slider-item .post-more.style_1 { background: -moz-linear-gradient(top, rgba(1,1,1,0) 0%, rgba(1,1,1,0.6) 100%); background: -webkit-linear-gradient(top, rgba(1,1,1,0) 0%, rgba(1,1,1,0.6) 100%); background: linear-gradient(to bottom, rgba(1,1,1,0) 0%, rgba(1,1,1,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010101', endColorstr='#85010101',GradientType=0 ); }
.sticky .header-wrap {
padding: 10px;
text-align: center;
background-color: rgba(26, 36, 35, 0.9);
}
.sticky .header-inner {
width: 100%;
height: 100%;
border: 1px solid rgba(255,255,255, 0.15);
padding: 34px 25px 42px;
}
.sticky .header-wrap .meta-date {
margin-bottom:0;
color: #a6a9ac;
}
.sticky .header-wrap .meta-categories a,
.sticky .header-wrap .title h2 {
color:#fff;
}
.post-slider-item .post-more .post-more-inner {
width: 100%;
height: 100%;
padding: 100px 25px 15px;
}
.post-slider-item .post-more.style_2 .post-more-inner, .post-slider-item .post-more.style_3 .post-more-inner {
padding: 25px 25px 25px 40px;
height: auto;
width: 100%;
}
.post-slider-item .post-more .read-more-hover {
overflow: hidden;
height: 18px;
position: relative;
zoom:1;
}
.post-slider-item .post-more .post-more-link, .fr_slide_image .post-more-link, .post-more-link {
display: inline-flex;
font: 600 11px/1em "Nunito";
color: #1a1a1d;
text-transform: uppercase;
letter-spacing: 1px;
background-color: rgba(255,255,255,1);
padding: 15px 20px 15px 40px;
align-items: center;
}
.post-slider-item .post-more .post-more-link .readmore_arrow, .post-more-link .readmore_arrow{
font-size: 34px;
color: #1a1a1d;
transition: all 0.5s ease;
position: relative;
right: 0
}
.readmore_arrow:after{
position: absolute;
content: '';
width: 0;
height: 0;
border-top: 1px solid #1a1a1d;
transition: all 0.5s ease;
top: 50%;
right: 16px;
}
.post-slider-item .post-more .post-more-link:hover .readmore_arrow, .post-more-link:hover .readmore_arrow{
right: -20px;
}
.post-slider-item .post-more .post-more-link:hover .readmore_arrow:after, .post-more-link:hover .readmore_arrow:after{
width: 20px;
}
.post-slider-item .post-more.style_2 h3{
width: 75%;
margin-left: auto;
margin-right: auto;
}
.post-slider-item .post-more.style_2 h3 a{
font-size: 40px;
line-height: 1.5;
}
.post-slider-item .post-more h3 a {
margin-bottom: 0px;
letter-spacing: 1px;
max-width: 75%;
margin: 0 auto 12px;
font-size: 28px;
color: #fff;
}
.post-slider-item .post-more.style_2 h3, .post-slider-item .post-more.style_3 h3 {
font-size: 30px;
margin-bottom: 35px;
margin-top: 15px;
}
.post-slider-item .meta a{
text-transform: uppercase;
color: rgba(255,255,255,0.9);
font-size: 11px;
letter-spacing: 2px;
font-weight: bold;
}
.post-slider-fullwidth .post-more.style_2 h3, .post-slider-fullwidth .post-more.style_3 h3 {
font-size: 42px;
}
.post-slider-item .post-more .meta-categories {
font: 400 11px/1em "Roboto";
color: #fff;
text-transform: uppercase;
width: 100%;
margin-bottom: 25px;
}
.owl-carousel.style_3 .owl-nav {
top: unset;
bottom: 85px;
}
.owl-post-slider.style_3:hover .owl-nav .owl-next{
right: unset;
left: 90px;
}
.owl-post-slider.style_3 .owl-nav div{
border: none;
}
.post-slider-item .post-more .meta-categories a {
color: #fff;
display: inline-block;
position: relative;
padding: 0 15px;
}
.post-slider-item .post-more .meta-categories a:after,
.post-slider-item .post-more .meta-categories a:first-child:before {
content: ".";
height: 10px;
width: 2px;
line-height: 10px;
display: block !important;
position: absolute;
left: 0px;
top: 50%;
margin-top: -9px;
}
.post-slider-item .post-more .meta-categories a:after {
left: auto;
right: 0px;
}
.post-slider-item .post-more .meta-categories a,
.post-slider-item .post-more h3 a {
transition: color 0.4s ease;
}
.post-slider-item .post-more .meta-categories a:hover,
.post-slider-item .post-more h3 a:hover  {
color: #b5b5b5;
}
.slider-post-categories {
margin-bottom: 25px !important;
}
.slider-post-title {
margin-bottom: 27px !important;
}
.slider-post-title h2 {
font-weight: 700 !important;
}
.slider-post-excerpt {
margin-bottom: 40px;
} .pie-wrapper {
display: none
}
.show-progress-indicator .pie-wrapper {
display: block;
position: fixed;
bottom: 25px;
left: 30px;
width: 38px;
height: 38px;
background-color: #f0f0f0;
border-radius: 999px;
opacity: 0;
-webkit-transition: opacity 150ms linear;
-moz-transition: opacity 150ms linear;
-ms-transition: opacity 150ms linear;
-o-transition: opacity 150ms linear;
transition: opacity 150ms linear;
z-index: 1199
}
.pie-top-button {
position: absolute;
top: 10px;
left: 10px;
width: 18px;
height: 18px;
border-radius: 100%;
z-index: 1201;
background-color: #f3f3f3;
text-align: center;
line-height: 16px;
color: #a5b8c0;
font-weight: bold;
cursor: pointer;
-webkit-transition: opacity 150ms linear;
-moz-transition: opacity 150ms linear;
-ms-transition: opacity 150ms linear;
-o-transition: opacity 150ms linear;
transition: opacity 150ms linear;
opacity: 0;
visibility: hidden;
display: none;
}
.pie-wrapper:hover .pie-top-button {
opacity: 1;
visibility: visible;
display: block;
}
.show-progress-indicator .pie-wrapper.show {
opacity: 1
}
.pie,
.mask {
position: absolute
}
.pie--left,
.mask--left {
border-radius: 999px 0 0 999px;
border-right: none;
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.pie--right,
.mask--right {
border-radius: 0 999px 999px 0;
border-left: none;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
transform-origin: 0% 50%
}
.pie {
background-color: #a5b8c0;
width: 18px;
height: 36px;
top: 1px;
left: 1px;
border-radius: 999px 0 0 999px;
border-right: none;
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.pie.hide {
display: none
}
.pie--right {
border-radius: 0 999px 999px 0;
border-left: none;
right: 1px;
left: auto
}
.mask {
width: 50%;
height: 100%;
background-color: #f3f3f3;
}
.mask.hide {
display: none
} .page-loading {
position: fixed;
left: 0;
right: 0px;
top: 0;
bottom: 0px;
background-color: rgba(255, 255, 255, 1);
z-index: 99999;
height: 100%;
}
.loader {
position: absolute;
margin: -25px 0 0 -25px;
width: 50px;
top: 50%;
left: 50%;
}
.loader:before {
content: '';
display: block;
padding-top: 100%;
}
.woocommerce .loader::before {
background: none !important;
position: static !important;
}
.circular {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
height: 100%;
-webkit-transform-origin: center center;
transform-origin: center center;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.path {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke: #201f22;
-webkit-animation: dash 1.5s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite;
stroke-linecap: round;
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
.wpcf7-form p {
margin-bottom: 0px;
width: 100%;
}
.your-message .wpcf7-textarea {
height: 140px;
}
.instagram-media {
margin: 0 auto 30px !important;
}
.hidden {
display: none;
visibility: hidden;
}
.circle_button {
background: none;
border: 0;
box-sizing: border-box;
color: #fff;
font-size: inherit;
font-weight: 700;
position: relative;
vertical-align: middle;
}
.circle_button::before, .circle_button::after {
box-sizing: inherit;
content: '';
position: absolute;
width: 100%;
height: 100%;
}
.spin {
width: 5em;
height: 5em;
padding: 0;
transition: all 0.5s ease;
}
.spin:hover {
color: #fff;
font-size: 42px;
}
.spin i {
line-height: 90px;
margin-left: 13px;
}
.spin:hover i {
line-height: 90px;
text-align: center;
margin-left: 7px;
}
.spin::before, .spin::after {
top: 0;
left: 0;
}
.spin::before {
border: 2px solid transparent;
}
.spin:hover::before {
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin::after {
border: 0 solid transparent;
}
.spin:hover::after {
border-top: 2px solid #fff;
border-left-width: 2px;
border-right-width: 2px;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
transition: border-left-width 0s linear 0.5s, -webkit-transform 0.5s linear 0s;
transition: transform 0.5s linear 0s, border-left-width 0s linear 0.5s;
transition: transform 0.5s linear 0s, border-left-width 0s linear 0.5s, -webkit-transform 0.5s linear 0s;
}
.fr_video_popup .circle {
border-radius: 100%;
box-shadow: none;
text-align: center;
line-height: 90px;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
width: 90px;
height: 90px;
margin: 0;
margin-top: -45px;
margin-left: -45px;}
.fr_video_popup .circle::before, .fr_video_popup .circle::after {
border-radius: 100%;
}
.frgn_post_format{
position: absolute;
z-index: 999;
left: 15px;
top: 15px;
background-color: #333;
color: #fff;
padding: 0px 9px;
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 25px;
}
@media only screen and ( max-width: 1440px ) {
.recent-posts .recent-post-item .post-more .title h3,
.vc_row-no-padding .recent-posts .recent-post-item .post-more .title h3 a{
font-size: 18px;
}
}
@media only screen and ( max-width: 768px ) {
.recent-posts .recent-post-item .post-more .title h3,
.vc_row-no-padding .recent-posts .recent-post-item .post-more .title h3 a{
font-size: 15px;
}
}