audio {
height: 80px;
}
.mejs-container *:focus {
outline: 0 none;
}
.mejs-poster {
background-size: cover;
}
.mejs-overlay {
width: 100%;
height: 100%;
}
.mejs-container.mejs-audio {
height: 80px !important;
}
.mejs-container .mejs-layers .mejs-poster img {
display: none;
}
.mejs-container .mejs-controls {
background: #e3ebe8;
height: 80px;
}
.mejs-container .mejs-controls div {
font: inherit;
}
.mejs-container .mejs-controls .mejs-time {
position: relative;
padding: 0;
width: 0;
height: 0;
color: #99a9b5;
overflow: visible;
}
.mejs-container .mejs-controls .mejs-time .mejs-currenttime,
.mejs-container .mejs-controls .mejs-time .mejs-duration {
position: absolute;
top: 5px;
}
.mejs-container .mejs-controls .mejs-time .mejs-currenttime {
margin-left: 5px;
}
.mejs-container .mejs-controls .mejs-time .mejs-duration {
margin-left: -5px;
transform: translateX(-100%);
}
.mejs-container .mejs-controls .mejs-button {
width: 35px;
height: 100%;
}
.mejs-controls .mejs-button button {
margin: 25px 0 0 7px;
text-align: center;
height: 30px;
width: 30px;
line-height: 30px;
outline: 0 none;
background: none;
}
.mejs-controls .mejs-button button:focus {
outline: 0 none;
}
.mejs-controls .mejs-button button:after {
font-family: 'thegem-icons';
font-weight: normal;
font-size: 30px;
}
.mejs-container .mejs-controls .mejs-button.mejs-playpause-button {
width: 50px;
}
.mejs-controls .mejs-button.mejs-playpause-button button {
height: 36px;
width: 36px;
line-height: 36px;
margin: 22px 0 0 12px;
}
.mejs-controls .mejs-button.mejs-playpause-button.mejs-play button:after,
.mejs-controls .mejs-button.mejs-playpause-button.mejs-pause button:after {
color: #00bcd4;
font-size: 36px;
}
.mejs-controls .mejs-button.mejs-playpause-button.mejs-play button:after {
content: '\e655';
}
.mejs-controls .mejs-button.mejs-playpause-button.mejs-pause button:after {
content: '\e656';
}
.mejs-controls div.mejs-time-rail {
padding-top: 32px;
}
.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
border-radius: 0;
height: 8px;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background: #99a9b5;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #ffd553;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #3c3950;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
background: #3c3950;
border: 0 none;
width: 3px;
height: 26px;
top: 50%;
margin-top: -13px;
display: block;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
font-size: 10px;
line-height: 12px;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
border-color: #3c3950 transparent transparent;
}
.mejs-controls .mejs-button.mejs-volume-button.mejs-mute button:after {
content: '\e657';
color: #99a9b5;
}
.mejs-controls .mejs-button.mejs-volume-button.mejs-unmute button:after {
content: '\e658';
color: #99a9b5;
}
.mejs-controls .mejs-button.mejs-fullscreen-button {
width: 45px;
}
.mejs-controls .mejs-button.mejs-fullscreen-button button {
margin-left: 5px;
}
.mejs-controls .mejs-button.mejs-fullscreen-button button:after {
content: '\e659';
color: #99a9b5;
}
.mejs-controls .mejs-button.mejs-fullscreen-button.mejs-unfullscreen button:after {
content: '\e65a';
color: #99a9b5;
}
.mejs-overlay-button {
background: none;
line-height: 100px;
opacity: 0.8;
}
.mejs-overlay-button:after {
font-family: 'thegem-icons';
font-weight: normal;
font-size: 100px;
content: '\e655';
color: #ffffff;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
background: #f1f5f6;
width: 36px;
left: 5px;
height: 110px;
top: -80px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
background: #99a9b5;
width: 6px;
left: 15px;
top: 10px;
height: 90px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
background: #3c3950;
width: 6px;
left: 15px
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
background: #3c3950;
left: 50%;
margin-left: -8px;
}
.mejs-controls a.mejs-horizontal-volume-slider {
margin-top: 37px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
border-radius: 0;
height: 5px;
background: #d7e0e3;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
border-radius: 0;
height: 6px;
background: #d7e0e3;
top: 10px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0;
height: 6px;
background: #3c3950;
top: 10px;
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-volume-button {
width: 50px;
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-volume-button button {
margin-right: 0;
}
.mejs-overlay-loading {
background: transparent;
}.reverse-link-color a,
a.reverse-link-color {
color: inherit;
}
.blog.blog-style-2x,
.blog.blog-style-3x,
.blog.blog-style-4x {
margin: 0 -15px;
}
.blog.blog-style-masonry article {
margin-bottom: 45px;
}
body .blog article a.youtube,
body .blog article a.vimeo,
body .blog article a.self_video {
display: block;
position: relative;
}
.blog.blog-style-default article a.youtube,
.blog.blog-style-default article a.vimeo,
.blog.blog-style-default article a.self_video {
display: inline-block;
max-width: 100%;
}
body .blog article a.youtube:before,
body .blog article a.vimeo:before,
body .blog article a.self_video:before {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 84px;
height: 84px;
margin: -42px 0 0 -42px;
z-index: 2;
opacity: 1;
transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-webkit-transition: opacity 0.2s linear;
}
body .blog article a.youtube:after,
body .blog article a.vimeo:after,
body .blog article a.self_video:after {
content: '\e707';
display: block;
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -18px;
font: 37px 'thegem-user-icons';
text-align: center;
padding-left: 3px;
z-index: 3;
opacity: 1;
transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-webkit-transition: opacity 0.2s linear;
}
body .blog article a.default {
position: relative;
display: block;
overflow: hidden;
}
body .blog article a.default:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
opacity: 0;
z-index: 5;
}
body .blog article a.default:hover:before {
opacity: 1;
}
body .blog article a.default:after {
content: '\e61f';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 48px;
height: 48px;
line-height: 48px;
width: 48px;
text-align: center;
position: absolute;
top: -24px;
left: 50%;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
margin-left: -24px;
margin-top: -24px;
z-index: 5;
}
body .blog article a.default:hover:after {
top: 50%;
}
body .blog article a.default img {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.blog.blog-style-masonry article .description {
border-top-width: 0 !important;
padding: 11px 17px 0px 18px;
}
.blog.blog-style-masonry article.no-image .description {
border-top-width: 1px !important;
}
.blog.blog-style-masonry article .description .title,
.blog.blog-style-masonry article .description .title a {
text-transform: uppercase;
text-decoration: none;
}
.blog.blog-style-masonry article .description .title a:hover {
text-decoration: underline;
}
.blog.blog-style-masonry article .description .tags {
margin-top: 4px;
}
.blog.blog-style-masonry article .description .tags,
.blog.blog-style-masonry article .description .tags a {
font-size: 89.5%;
text-decoration: none;
}
.blog.blog-style-masonry article .description .tags .sep {
margin: 0 7px 0 6px;
}
.blog.blog-style-masonry article .description .tags a:hover {
text-decoration: underline;
}
.blog.blog-style-masonry article .description .summary,
.blog.blog-style-masonry article .description .summary p {
margin: 0;
padding: 0;
}
.blog.blog-style-masonry article .description .summary {
margin-top: 3px;
}
.blog.blog-style-masonry article .description .info {
margin-top: 12px;
}
.blog.blog-style-masonry article .description .info .date {
font-size: 89.5%;
}
.blog.blog-style-masonry article .description .info .sep {
font-size: 89.5%;
margin: 0 7px 0 4px;
}
.blog.blog-style-masonry article .description .info .more-link {
float: right;
}
.blog.blog-style-masonry article:not(.sticky) .description .info .more-link.more-link-left {
display: block;
float: none;
}
.blog.blog-style-masonry article .description .info .more-link a {
font-size: 89.5%;
text-decoration: none;
}
.blog.blog-style-masonry article .description .info .more-link a:hover {
text-decoration: underline;
}
.blog.blog-style-masonry article .description .info .more-link:before {
content: '\e601';
font-family: 'thegem-icons';
font-size: 14px;
line-height: 28px;
font-weight: normal;
margin-right: 5px;
}
.blog.blog-style-masonry article .description .info .comments {
font-size: 89.5%;
}
.blog.blog-style-masonry article .description .info .comments:before {
content: '\e61e';
font-family: 'thegem-icons';
font-size: 21px;
line-height: 28px;
font-weight: normal;
vertical-align: middle;
margin-right: 6px;
}
.blog.blog-style-masonry .no-image.sticky .description {
padding-top: 70px;
}
.blog.blog-style-masonry .entry-title  a {
display: inline-block;
}
.blog-scroll-pagination {
visibility: hidden;
position: relative;
}
.blog-scroll-pagination.active {
visibility: visible;
height: 61px;
}
@media only screen and (max-width: 600px) {
.blog.blog-style-masonry article {
width: 100%;
}
}
@media only screen and (min-width: 2500px) {
.blog.blog-style-masonry.fullwidth-block article {
width: 16.665%;
}
.blog.blog-style-masonry.fullwidth-block article.sticky {
width: 33.33%;
}
}
@media only screen and (min-width: 1680px) and (max-width: 2500px) {
.blog.blog-style-masonry.fullwidth-block article {
width: 19.53%;
}
.blog.blog-style-masonry.fullwidth-block article.sticky {
width: 39.06%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1680px) {
.blog.blog-style-masonry.fullwidth-block article {
width: 25%;
}
.blog.blog-style-masonry.fullwidth-block article.sticky {
width: 50%;
}
}
.blog.blog-lazy-scroll article.item-lazy-scroll-not-inited {
-webkit-transition-duration: 0s !important;
-moz-transition-duration: 0s !important;
-o-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.blog.blog-lazy-scroll:not(.blog-style-masonry) article.item-lazy-scroll,
.blog.blog-style-masonry.blog-lazy-scroll article.item-lazy-scroll .item-lazy-scroll-wrap {
visibility: hidden;
}
.blog.blog-lazy-scroll:not(.blog-style-2x):not(.blog-style-3x):not(.blog-style-4x):not(.blog-style-100) article.item-lazy-scroll-showed,
.blog.blog-style-2x.blog-lazy-scroll article.item-lazy-scroll-showed .item-lazy-scroll-wrap,
.blog.blog-style-3x.blog-lazy-scroll article.item-lazy-scroll-showed .item-lazy-scroll-wrap,
.blog.blog-style-4x.blog-lazy-scroll article.item-lazy-scroll-showed .item-lazy-scroll-wrap,
.blog.blog-style-100.blog-lazy-scroll article.item-lazy-scroll-showed .item-lazy-scroll-wrap {
visibility: visible;
-webkit-animation: fadeInBlogItem 1s ease;
-moz-animation: fadeInBlogItem 1s ease;
-o-animation: fadeInBlogItem 1s ease;
animation: fadeInBlogItem 1s ease;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInBlogItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
@-moz-keyframes fadeInBlogItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
@-o-keyframes fadeInBlogItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
}
@keyframes fadeInBlogItem {
0% {
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
zoom: 1;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
zoom: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
} .blog-style-compact article {
padding-left: 212px;
position: relative;
}
.blog-style-compact article + article {
margin-top: 40px;
}
.gem-compact-item-left {
float: left;
margin-left: -212px;
width: 183px;
}
.gem-compact-item-image .gem-dummy {
width: 183px;
height: 148px;
border-radius: 0;
vertical-align: top;
}
.gem-compact-item-right {
position: absolute;
left: 212px;
right: 0;
top: 0;
height: 100%;
}
.blog-style-compact article .gem-compact-item-content {
position: absolute;
top: 0;
bottom: 25px;
overflow: hidden;
}
.blog-style-compact article .gem-compact-item-content:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
}
.blog-style-compact article .post-title h5 {
margin-top: -7px;
}
.blog-style-compact article .post-meta {
position: absolute;
bottom: 0;
margin: 0;
width: 100%;
}
.blog-style-compact article .post-meta .entry-meta {
margin: 0;
font-size: 13px;
line-height: 20px
}
body .blog-style-compact article a.default:after {
content: '\e628';
border-radius: 50%;
font-size: 16px;
top: 150%;
margin-top: -24px;
margin-left: -24px;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: top 0.4s, opacity 0.4s, -webkit-transform 0s 0.4s;
transition: top 0.4s, opacity 0.4s, transform 0s 0.4s;
}
body .blog-style-compact article a.default:hover:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s, opacity 0.4s, -webkit-transform 0.4s;
transition: top 0s, opacity 0.4s, transform 0.4s;
}
@media (max-width: 599px) {
.blog-style-compact article {
padding-left: 0;
}
.gem-compact-item-left {
float: none;
margin-left: 0;
width: auto;
text-align: center;
}
.gem-compact-item-right {
position: relative;
left: auto;
right: auto;
top: auto;
height: auto;
}
.blog-style-compact article .gem-compact-item-content {
position: relative;
top: auto;
bottom: auto;
overflow: hidden;
margin-top: 30px;
}
.blog-style-compact article .gem-compact-item-content:after {
display: none;
}
.blog-style-compact article .post-meta {
position: relative;
bottom: auto;
margin: 0;
width: auto;
}
} .gem-blog-slider article {
float: left;
position: relative;
width: 100%;
}
.gem-blog-slider .gem-slider-item-image {
width: 100%;
}
.gem-blog-slider .gem-dummy {
width: 100%;
padding-bottom: 44.87%;
border-radius: 0;
vertical-align: top;
}
.gem-blog-slider.gem-blog-slider-style-halfwidth .gem-dummy {
padding-bottom: 93.09%;
}
.gem-blog-slider .gem-slider-item-overlay {
position: absolute;
top: 0;
left:0;
height: 100%;
width: 50%;
background-color: #24273c;
background-color: rgba(36, 39, 60, 0.8);
padding: 90px 40px 0;
}
.gem-blog-slider .post-title h5 {
margin-top: 0;
margin-bottom: 20px;
}
.gem-blog-slider article .post-meta {
margin-bottom: 0;
font-size: 13px;
line-height: 20px
}
.gem-blog-slider .gem-blog-slider-prev,
.gem-blog-slider .gem-blog-slider-next {
margin-left: 0;
padding: 0;
width: 30px;
}
@media (max-width: 1211px) {
.gem-blog-slider .gem-slider-item-overlay {
padding: 30px 30px 0;
}
}
@media (max-width: 991px) {
.gem-blog-slider .gem-slider-item-overlay {
position: relative;
top: auto;
left:auto;
height: auto;
width: auto;
padding: 40px 40px;
}
}
@media (max-width: 991px) {
.gem-blog-slider .gem-slider-item-overlay {
position: relative;
top: auto;
left:auto;
height: auto;
width: auto;
padding: 40px 40px;
}
}body .blog article .post-featured-content > a{
display: block;
position: relative;
overflow: hidden;
}
body .blog article .post-featured-content > a:before,
body .blog .gem-simple-gallery .gem-gallery-item a:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 5;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
body .blog article .post-featured-content > a:hover:before,
body .blog .gem-simple-gallery .gem-gallery-item a:hover:before{
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
body .blog article .post-featured-content > a:after,
body .blog .gem-simple-gallery .gem-gallery-item a:after{
content: '\e628';
position: absolute;
top: 150%;
left: 50%;
width: 70px;
height: 70px;
border-radius: 50%;
font-family: 'thegem-icons';
font-size: 35px;
line-height: 70px;
margin-top: -35px;
margin-left: -35px;
opacity: 0;
text-align: center;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: top 0.4s, opacity 0.4s, -webkit-transform 0s 0.4s;
transition: top 0.4s, opacity 0.4s, transform 0s 0.4s;
z-index: 10;
}
body .blog article .post-featured-content > a:hover:after,
body .blog .gem-simple-gallery .gem-gallery-item a:hover:after{
opacity: 1;
top: 50%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s, opacity 0.4s, -webkit-transform 0.4s;
transition: top 0s, opacity 0.4s, transform 0.4s;
}
body .blog article .post-featured-content a > img{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.2s linear;
transition: transform 0.2s linear;
}
body .blog article .post-featured-content a:hover > img{
-webkit-transition: -webkit-transform 0.2s linear;
transition: transform 0.2s linear;
}
body .blog-style-styled_list1 article a.default:after {
content: '\e628';
border-radius: 50%;
font-size: 16px;
top: 150%;
margin-top: -24px;
margin-left: -24px;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: top 0.4s, opacity 0.4s, -webkit-transform 0s 0.4s;
transition: top 0.4s, opacity 0.4s, transform 0s 0.4s;
}
body .blog-style-styled_list1 article a.default:hover:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s, opacity 0.4s, -webkit-transform 0.4s;
transition: top 0s, opacity 0.4s, transform 0.4s;
}
body .blog-style-styled_list2 article a.default:after {
content: '\e628';
border-radius: 50%;
width: 70px;
height: 70px;
font-size: 35px;
line-height: 70px;
top: 150%;
margin-top: -35px;
margin-left: -35px;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: top 0.4s, opacity 0.4s, -webkit-transform 0s 0.4s;
transition: top 0.4s, opacity 0.4s, transform 0s 0.4s;
}
body .blog-style-styled_list2 article a.default:hover:after{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s, opacity 0.4s, -webkit-transform 0.4s;
transition: top 0s, opacity 0.4s, transform 0.4s;
}
body .blog-style-timeline article a.default:before,
body .blog-style-timeline article a.default:after{
opacity: 0;
background: transparent;
}
body .blog-style-timeline article a.default:hover img{
-webkit-transform: none;
transform: none;
}
.blog-style-styled_list1 .sharing-popup{
bottom: 70px;
}
.blog-style-styled_list1 .sticky .sharing-popup{
bottom: 85px;
}
.blog-style-styled_list2 .sticky .sharing-popup{
bottom: 60px;
}
.blog-style-styled_list1 .sticky .sharing-popup,
.blog-style-styled_list2 .sticky .sharing-popup,
.blog-style-styled_timeline .sticky .sharing-popup
{
left: -15px;
}
.blog-style-styled_list1 article {
width: 100%;
margin: 55px auto;
border-radius: 60px;
}
.blog-style-styled_list1 article:first-child{
margin-top: 0;
}
.blog-style-styled_list1 .post-item{
position: relative;
border-radius: 60px;
margin-left: 200px;
box-shadow: none;
min-height: 220px;
}
.blog-style-styled_list1 article.sticky .sticky-label {
font-family: "thegem-icons";
font-size: 20px;
font-weight: normal;
height: 50px;
left: -125px;
line-height: 50px;
position: absolute;
text-align: center;
top: 0;
width: 50px;
z-index: 10;
}
.blog-style-styled_list1 article.sticky .sticky-label:before,
.blog-style-styled_list1 article.sticky .sticky-label:after
{
bottom: -10px;
content: "";
height: 10px;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.blog-style-styled_list1 article.sticky .sticky-label:before {
transform: skew(0deg, -20deg);
transform-origin: 0 100% 0;
}
.blog-style-styled_list1 article.sticky .sticky-label:after {
transform: skew(0deg, 20deg);
transform-origin: 100% 100% 0;
}
.blog-style-styled_list1 .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: -50px;
top: 50%;
margin-top: -50px;
transform: rotate(360deg);
transform-origin: 0 100%;
-webkit-transform: rotate(360deg);
-webkit-transform-origin: 0 100%;
}
.blog-style-styled_list1 .post-info-wrap{
position: absolute;
left: -200px;
top: 50%;
margin-top: -46px;
width: 200px;
}
.blog-style-styled_list1 .post-info{
text-align: center;
}
.blog-style-styled_list1 .post-img{
width: 92px;
height: 92px;
border-radius: 50%;
margin-left: 54px;
}
.blog-style-styled_list1 .post-img a{
border-radius: 50%;
width: 86px;
height: 86px;
z-index: 1;
}
.post-img a:before{
border-radius: 50%;
}
.blog-style-styled_list1 .post-img a .dummy{
font-family: "thegem-icons";
font-size: 24px;
text-align: left;
position: absolute;
left: 50%;
top: 50%;
margin-top: -12px;
margin-left: -12px;
border-radius: 50%;
}
.blog-style-styled_list1 .post-img a.default::after{
margin-top: -25px;
}
.blog-style-styled_list1 .post-img a img{
width: 80px;
height: 80px;
border-radius: 50%;
}
.blog-style-styled_list1 .post-date{
font-weight: 16px;
margin-top: 5px;
}
.blog-style-styled_list1 .post-time{
margin-top: 2px;
line-height: 15px;
}
.blog-style-styled_list1 .post-text-wrap{
padding: 0 45px 35px;
}
.blog-style-styled_list1 .post-title{
font-size: 28px;
}
.blog-style-styled_list1 .post-content{
margin-top: -10px;
margin-bottom: 0;
font-size: 16px;
line-height: 25px;
}
.blog-style-styled_list1 .post-misc{
position: relative;
}
.blog-style-styled_list1 .post-author{
font-size: 14px;
margin-top: 25px;
width: 100%;
padding-right: 220px;
}
.blog-style-styled_list1 .post-soc-info{
margin-top: 5px;
}
.blog-style-styled_list1 .post-links{
position: absolute;
right: 0;
top: 0;
}
.blog-style-styled_list1 .post-read-more{
display: inline-block;
}
.blog-style-styled_list1 .post-links .post-footer-sharing .gem-button-container > a,
.blog-style-styled_list1 .post-links .post-read-more .gem-button-container > a {
margin-top: 5px;
}
.blog-style-styled_list1 .post-read-more a{
margin-right: 0;
} .blog-style-styled_list1 .sticky .post-item{
border: none;
}
.blog-style-styled_list1 .sticky .post-text-wrap{
padding-bottom: 45px;
}
.blog-style-styled_list1 .sticky .post-title a{
font-size: 36px;
}
.blog-style-styled_list1 .sticky .post-author{
margin-top: 30px;
}
.blog-style-styled_list1 .sticky .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: -50px;
top: 50%;
margin-top: -50px;
} @media ( max-width: 767px ){
.blog-style-styled_list1 .post {
width: 100%;
min-width: 300px;
border-radius: 60px;
padding-top: 135px;
}
.blog-style-styled_list1 .post-info-wrap{
width: 100%;
left: 0;
top: -118px;
position: absolute;
margin-top: 0;
}
.blog-style-styled_list1 .post-info{
width: 100%;
left: 0;
position: relative;
text-align: left;
}
.blog-style-styled_list1 .post-img{
position: absolute;
right: 20px;
}
.blog-style-styled_list1 .post-date{
padding-top: 10px;
width: 200px;
text-align: center;
}
.blog-style-styled_list1 .post-time{
width: 200px;
text-align: center;
margin-top: 5px;
font-size: 19px;
font-weight: bold;
}
.blog-style-styled_list1 .post-text-wrap{
padding: 0 45px 35px;
}
.blog-style-styled_list1 .post-author{
padding-right: 0;
}
.blog-style-styled_list1 .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: 50px;
top: -100px;
transform: rotate(90deg);
transform-origin: 0 100%;
-webkit-transform: rotate(90deg);
-webkit-transform-origin: 0 100%;
}
.blog-style-styled_list1 .post-item{
position: relative;
border-radius: 45px;
margin-left: 0;
}
.blog-style-styled_list1 .post-links{
position: static;
margin-top: 10px;
}
.blog-style-styled_list1 .post-text-wrap{
padding-bottom: 30px;
}
.blog-style-styled_list1 .post-links .post-footer-sharing .gem-button-container >a,
.blog-style-styled_list1 .post-links .post-read-more a,
.blog-style-styled_list1 .post-links .post-footer-sharing .gem-button-container >a,
.blog-style-styled_list1 .post-links .post-read-more a
{
margin-bottom: 0;
}
.blog-style-styled_list1 .sticky .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: 50px;
top: -100px;
transform: rotate(90deg);
transform-origin: 0 100%;
-webkit-transform: rotate(90deg);
-webkit-transform-origin: 0 100%
}
.blog-style-styled_list1 article.sticky .sticky-label {
left: 100%;
margin-left: -80px;
width: 30px;
height: 30px;
font-size: 16px;
line-height: 34px;
}
.blog-style-styled_list1 .sticky .post-author{
margin-top: 25px;
}
.blog-style-styled_list1 .sticky .post-links{
margin-top: 10px;
}
.blog-style-styled_list1 .sticky .post-text-wrap{
padding-bottom: 30px;
}
} .blog-style-styled_list2 article {
width: 100%;
margin: 55px auto;
border-radius: 60px;
}
.blog-style-styled_list2 .post:first-child{
margin-top: 0;
}
.blog-style-styled_list2 .post-item{
position: relative;
border-radius: 60px;
margin-left: 200px;
box-shadow: none;
min-height: 220px;
}
.blog-style-styled_list2 article.sticky .sticky-label {
font-family: "thegem-icons";
font-size: 20px;
font-weight: normal;
height: 50px;
left: 100%;
line-height: 50px;
position: absolute;
text-align: center;
top: 0;
width: 50px;
z-index: 10;
margin-left: -105px;
}
.blog-style-styled_list2 article.sticky .sticky-label:before,
.blog-style-styled_list2 article.sticky .sticky-label:after
{
bottom: -10px;
content: "";
height: 10px;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.blog-style-styled_list2 article.sticky .sticky-label:before {
transform: skew(0deg, -20deg);
transform-origin: 0 100% 0;
}
.blog-style-styled_list2 article.sticky .sticky-label:after {
transform: skew(0deg, 20deg);
transform-origin: 100% 100% 0;
}
.blog-style-styled_list2 .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: -50px;
top: 50%;
margin-top: -50px;
transform: rotate(360deg);
transform-origin: 0 100%;
-webkit-transform: rotate(360deg);
-webkit-transform-origin: 0 100%;
}
.blog-style-styled_list2 .post-info-wrap{
position: absolute;
left: -200px;
top: 50%;
margin-top: -70px;
padding-right: 60px;
width: 200px;
}
.blog-style-styled_list2 .post-info{
text-align: center;
}
.blog-style-styled_list2 .post-img{
width: 140px;
height: 140px;
border-radius: 50%;
}
.blog-style-styled_list2 .post-img a{
border-radius: 50%;
width: 134px;
height: 134px;
z-index: 1;
}
.blog-style-styled_list2 .post-img a .dummy{
font-family: "thegem-icons";
font-size: 24px;
text-align: left;
position: absolute;
left: 50%;
top: 50%;
margin-top: -12px;
margin-left: -12px;
border-radius: 50%;
}
.blog-style-styled_list2 .post-img a img{
width: 128px;
height: 128px;
border-radius: 50%;
}
.blog-style-styled_list2 .post-date{
font-weight: 16px;
margin-top: 5px;
}
.blog-style-styled_list2 .post-time{
margin-top: 2px;
font-size: 32px;
}
.blog-style-styled_list2 .post-text-wrap{
padding: 0 45px 35px;
}
.blog-style-styled_list2 .post-title{
font-size: 28px;
}
.blog-style-styled_list2 .post-content{
margin-top: -10px;
margin-bottom: 0;
font-size: 16px;
line-height: 25px;
}
.blog-style-styled_list2 .post-misc{
position: relative;
}
.blog-style-styled_list2 .post-author{
font-size: 14px;
margin-top: 25px;
padding-right: 220px;
}
.blog-style-styled_list2 .post-soc-info{
margin-top: 5px;
}
.blog-style-styled_list2 .post-links{
position: absolute;
right: 0;
top: 0;
}
.blog-style-styled_list2 .post-read-more{
display: inline-block;
}
.blog-style-styled_list2 .post-links .post-footer-sharing .gem-button-container >a,
.blog-style-styled_list2 .post-links .post-read-more a
{
margin-top: 5px;
}
.blog-style-styled_list2 .post-read-more a{
margin-right: 0;
} .blog-style-styled_list2 .sticky .post-item{
border: none;
}
.blog-style-styled_list2 .sticky .post-text-wrap{
padding-bottom: 40px;
}
.blog-style-styled_list2 .sticky .post-title a{
font-size: 36px;
}
.blog-style-styled_list2 .sticky .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: -50px;
top: 50%;
margin-top: -50px;
}
.blog-style-styled_list2 .post-links a{
margin-bottom: 0;
}
.blog-style-styled_list2 .sticky .post-link-readmore{
display: inline-block;
} @media ( max-width: 767px ){
.blog-style-styled_list2 .post {
width: 100%;
min-width: 300px;
border-radius: 60px;
padding-top: 135px;
}
.blog-style-styled_list2 .post-info-wrap{
width: 100%;
left: 0;
top: -118px;
position: absolute;
margin-top: 0;
padding-right: 0;
}
.blog-style-styled_list2 .post-info{
width: 100%;
left: 0;
position: relative;
text-align: left;
}
.blog-style-styled_list2 .post-img{
position: absolute;
right: 20px;
width: 92px;
height: 92px;
}
.blog-style-styled_list2 .post-img a,
.blog-style-styled_list2 .post-img a img
{
width: 86px;
height: 86px;
}
.blog-style-styled_list2 .post-date{
width: 200px;
text-align: center;
margin-top: 0;
}
.blog-style-styled_list2 .post-time{
width: 200px;
text-align: center;
font-weight: normal;
}
.blog-style-styled_list2 .post-text-wrap{
padding: 0 45px 30px;
}
.blog-style-styled_list2 .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: 50px;
top: -100px;
transform: rotate(90deg);
transform-origin: 0 100%;
-webkit-transform: rotate(90deg);
-webkit-transform-origin: 0 100%;
}
.blog-style-styled_list2 .post-item{
position: relative;
border-radius: 45px;
margin-left: 0;
}
.blog-style-styled_list2 .post-author{
margin-top: 30px;
padding-right: 0;
}
.blog-style-styled_list2 .post-links{
position: static;
margin-top: 10px;
}
.blog-style-styled_list2 .sticky .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: 50px;
top: -100px;
stroke: none;
transform: rotate(90deg);
transform-origin: 0 100%;
-webkit-transform: rotate(90deg);
-webkit-transform-origin: 0 100%
}
.blog-style-styled_list2 article.sticky .sticky-label {
left: 100%;
margin-left: -83px;
width: 30px;
height: 30px;
font-size: 16px;
line-height: 34px;
}
} .blog-style-timeline article {
width: 100%;
margin: 55px auto;
position: relative;
}
.blog-style-timeline article:first-child{
margin-top: 0;
}
.blog-style-timeline article:before{
content: "";
display: block;
height: 100%;
position: absolute;
top: 132px;
left: 80px;
width: 3px;
}
.blog-style-timeline article:last-child:before{
display: none;
}
.blog-style-timeline .post-item{
position: relative;
margin-left: 200px;
box-shadow: none;
min-height: 230px;
}
.blog-style-timeline article.sticky .sticky-label {
font-family: "thegem-icons";
font-size: 20px;
font-weight: normal;
height: 50px;
left: 20px;
line-height: 50px;
position: absolute;
text-align: center;
top: 0;
width: 50px;
z-index: 10;
}
.blog-style-timeline article.sticky .sticky-label:before,
.blog-style-timeline article.sticky .sticky-label:after
{
bottom: -10px;
content: "";
height: 10px;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.blog-style-timeline article.sticky .sticky-label:before {
transform: skew(0deg, -20deg);
transform-origin: 0 100%;
}
.blog-style-timeline article.sticky .sticky-label:after {
transform: skew(0deg, 20deg);
transform-origin: 100% 100%;
}
.blog-style-timeline .post-meta{
margin-bottom: 0;
}
.blog-style-timeline .entry-meta{
position: relative;
}
.blog-style-timeline .post-meta-right{
position: absolute;
right: 0;
top: 0;
}
.blog-style-timeline .post-meta-left{
padding-right: 100px;
}
.blog-style-timeline .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: -50px;
top: 60px;
transform: rotate(360deg);
transform-origin: 0 100%;
-webkit-transform: rotate(360deg);
-webkit-transform-origin: 0 100%;
}
.blog-style-timeline .post-info-wrap{
position: absolute;
left: -200px;
top: 60px;
width: 200px;
}
.blog-style-timeline .post-info{
text-align: center;
}
.blog-style-timeline .post-img{
width: 92px;
height: 92px;
border-radius: 50%;
margin-left: 34px;
}
.blog-style-timeline .post-img a{
border-radius: 50%;
width: 86px;
height: 86px;
}
.post-img a:before{
border-radius: 50%;
}
.blog-style-timeline .post-img a .dummy{
font-family: "thegem-icons";
font-size: 24px;
text-align: left;
position: absolute;
left: 50%;
top: 50%;
margin-top: -12px;
margin-left: -12px;
border-radius: 50%;
}
.blog-style-timeline .post-img a.default::after{
margin-top: -25px;
}
.blog-style-timeline .post-img a img{
width: 80px;
height: 80px;
border-radius: 50%;
}
.blog-style-timeline .post-date{
display: none;
}
.blog-style-timeline .post-time{
display: none;
}
.blog-style-timeline .post-text-wrap{
padding: 15px 20px 20px;
}
.blog-style-timeline .post-title{
font-size: 28px;
}
.blog-style-timeline .post-content{
margin-top: -10px;
margin-bottom: 0;
font-size: 16px;
line-height: 25px;
}
.blog-style-timeline .post-misc{
margin-top: 30px;
}
.blog-style-timeline .post-links a{
margin-bottom: 0;
}
.blog-style-timeline .post-read-more{
display: inline-block;
}
.blog-style-timeline .post-links .post-footer-sharing .gem-button-container >a,
.blog-style-timeline .post-links .post-read-more a
{
margin-top: 5px;
}
.blog-style-timeline .post-read-more a{
margin-right: 0;
} .blog-style-timeline .sticky{
background: none;
}
.blog-style-timeline .sticky .post-item{
border: none;
}
.blog-style-timeline .sticky .post-meta{
margin-left: 70px;
margin-bottom: 20px;
}
.blog-style-timeline .sticky .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: -50px;
top: 60px;
stroke: none;
} @media ( max-width: 767px ){
.blog-style-timeline article {
width: 100%;
min-width: 300px;
padding-top: 112px;
}
.blog-style-timeline article:before{
display: none;
}
.blog-style-timeline .post-info-wrap{
width: 100%;
left: 0;
top: -118px;
position: absolute;
margin-top: 0;
}
.blog-style-timeline .post-info{
width: 100%;
left: 0;
position: relative;
text-align: left;
}
.blog-style-timeline .post-img{
position: absolute;
right: 20px;
}
.blog-style-timeline .post-date{
display: block;
width: 200px;
font-weight: 16px;
margin-top: 5px;
text-align: center;
}
.blog-style-timeline .post-time{
display: block;
width: 200px;
margin-top: 2px;
font-size: 32px;
font-weight: normal;
text-align: center;
}
.blog-style-timeline .post-text-wrap{
padding: 20px;
}
.blog-style-timeline .sticky .post-meta{
margin-left: 0;
margin-top: 0;
}
.blog-style-timeline .entry-meta{
margin-bottom: 0;
}
.blog-style-timeline .post-meta-right{
float: none;
position: static;
}
.blog-style-timeline .post-meta-left{
float: none;
}
.blog-style-timeline .post-meta-categories,
.blog-style-timeline .post-meta-left > .sep
{
display:none;
}
.blog-style-timeline .post-content{
margin-top: 0;
}
.blog-style-timeline .post-author{
padding-right: 0;
}
.blog-style-timeline .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: 50px;
top: -150px;
transform: rotate(90deg);
transform-origin: 0 100%;
-webkit-transform: rotate(90deg);
-webkit-transform-origin: 0 100%;
}
.blog-style-timeline .post-item{
background: #fff;
position: relative;
margin-left: 0;
border: 1px solid #dfe5e8;
}
.blog-style-timeline .post-links{
position: static;
margin-top: 10px;
}
.blog-style-timeline .post-links .post-footer-sharing .gem-button-container >a,
.blog-style-timeline .post-links .post-read-more a,
.blog-style-timeline .post-links .post-footer-sharing .gem-button-container >a,
.blog-style-timeline .post-links .post-read-more a
{
margin-bottom: 0;
}
.blog-style-timeline .sticky .wrap-style{
width: 50px;
height: 100px;
position:absolute;
left: 50px;
top: -150px;
fill: #f0f3f2;
color: #fff;
stroke: none ;
transform: rotate(90deg);
transform-origin: 0 100%;
-webkit-transform: rotate(90deg);
-webkit-transform-origin: 0 100%
}
.blog-style-timeline article.sticky .sticky-label {
left: 100%;
margin-left: -90px;
width: 50px;
height: 50px;
font-size: 20px;
line-height: 50px;
}
.blog-style-timeline .sticky .post-author{
margin-top: 25px;
}
.blog-style-timeline .sticky .post-links{
margin-top: 10px;
} }.timeline_new-wrapper {
overflow: hidden;
position: relative;
}
.blog-style-timeline_new.blog-style-timeline {
margin-left: -244px;
}
.blog-style-timeline_new.blog-style-timeline article {
width: 50%;
float: left;
padding: 0 0 0 244px;
margin: 103px 0 0 0;
box-sizing: border-box;
}
.item-post-container {
position: relative;
}
.blog-style-timeline_new.blog-style-timeline article .post-image {
padding: 15px 15px 0;
text-align: center;
}
.blog-style-timeline_new.blog-style-timeline article .post-image a {
text-align: center;
}
.blog-style-timeline_new.blog-style-timeline article .post-image a img,
.blog-style-timeline_new.blog-style-timeline article .post-image a picture {
display: inline-block;
}
.blog-style-timeline_new.blog-style-timeline article:first-child,
.blog-style-timeline_new.blog-style-timeline article:nth-child(2) {
margin-top: 0;
}
.blog-style-timeline_new.blog-style-timeline article:before {
display: none;
}
.blog-style-timeline_new.blog-style-timeline article .post-item {
margin: 0;
}
.blog-style-timeline_new.blog-style-timeline .sticky .post-meta {
margin-left: 0;
}
.blog-style-timeline_new.blog-style-timeline article .wrap-style {
top: auto;
bottom: 10%;
}
.blog-style-timeline_new.blog-style-timeline article .wrap-style-right {
top: 10%;
bottom: auto;
left: auto;
right: -50px;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform-origin: 50% 50% 0;
-ms-transform: 50% 50% 0;
-webkit-transform: 50% 50% 0;
-o-transform: 50% 50% 0;
-moz-transform: 50% 50% 0;
}
.blog-style-timeline_new.blog-style-timeline article.left-position .wrap-style {
display: none;
}
.blog-style-timeline_new.blog-style-timeline article.left-position .wrap-style-right {
display: block;
}
.blog-style-timeline_new.blog-style-timeline article.right-position .wrap-style-right {
display: none;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements {
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer,
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right {
width: 25px;
height: 25px;
position: absolute;
left: -134px;
top: auto;
bottom: 10%;
z-index: 10;
cursor: pointer;
background: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 3px solid #f0f3f2;
-moz-box-shadow: 0 0 0 3px #b6c6c9;
-webkit-box-shadow: 0 0 0 3px #b6c6c9;
box-shadow: 0 0 0 3px #b6c6c9;
transition: background 0.5s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;
-moz-transition: background 0.3s;
margin: 0 0 38px 0;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right {
top: 10%;
bottom: auto;
margin: 38px 0 0 0;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer > div,
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right > div {
visibility: hidden;
opacity: 0;
position: absolute;
left: -74px;
top: -18px;
text-align: center;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right > div {
left: auto;
right: -74px;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer > div .date,
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right > div .date {
display: block;
font-family: "Source Sans Pro";
font-weight: 300;
font-size: 20px;
color: #5f727f;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer > div .time,
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right > div .time {
display: block;
font-family: "Montserrat";
font-weight: bold;
font-size: 19px;
color: #b6c6c9;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer:hover,
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right:hover {
background: #00bcd4;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer:hover > div,
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right:hover > div {
display: block;
visibility: visible;
opacity: 1;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right {
left: auto;
right: -137px;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .timeline-date-title,
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .timeline-date-title-right {
position: absolute;
left: -192px;
top: 0px;
text-transform: uppercase;
padding: 10px 12px;
font-size: 19px;
font-family: "Montserrat";
font-weight: bold;
color: #3c3950;
background: #f0f3f2;
border: 3px solid #b6c6c9;
text-align: center;
min-width: 140px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .timeline-date-title-right {
left: auto;
right: -195px;
}
.timeline_new-wrapper .timeline-new-line {
content: "";
background: #b6c6c9 none repeat scroll 0 0;
display: block;
height: 100%;
top: 0;
left: 50%;
position: absolute;
width: 3px;
}
@media only screen and (max-width:768px) {
.blog-style-timeline_new.blog-style-timeline {
margin-left: 0;
}
.blog-style-timeline_new.blog-style-timeline article {
width: 100%;
float: none;
padding: 0 0 0 0px;
margin: 0 0 103px 0;
box-sizing: border-box;
}
.blog-style-timeline_new.blog-style-timeline article .wrap-style,
.blog-style-timeline_new.blog-style-timeline article .wrap-style-right {
display: none !important;
}
}
.blog-load-more-style-timeline-new .gem-button  {
margin-top: 0px;
}