.glightbox-container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999 !important;
overflow: hidden;
overflow-scrolling: touch;
}
.glightbox-container.inactive {display: none;}
.glightbox-container .gcontainer {
position: relative;
width: 100%;
height: 100%;
z-index: 9999;
}
.glightbox-container .gslider {
-webkit-transition: -webkit-transform .4s ease;
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
position: absolute;
}
.glightbox-container .gslide {
height: 100%;
width: 100%;
position: absolute;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.glightbox-container .gslide.current {
opacity: 1;
z-index: 99999;
}
.glightbox-container .gslide.prev {
opacity: 1;
z-index: 9999;
}
.glightbox-container .gslide-inner-content {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.glightbox-container .ginner-container {
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
max-width: 100% !important;
}
.ginlined-content {
overflow: auto;
display: block !important;
opacity: 1;
}
.gslide-description.left-position,
.gslide-description.right-position {
padding: 30px;
background: #fff;
max-width: 300px;
min-width: 190px;
}
.gslide-description .bottom-position,
.gslide-description .top-position {
padding: 30px;
background: #fff;
width: 100%;
display: inline-block;
min-width: 190px;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 100%;
}
.gslide-description p {margin-bottom: 12px;}
.gslide-description p::last-child {margin-bottom: 0;} .glightbox-mobile .glightbox-container .gslide-description {
background: transparent;
position: absolute; padding: 19px 11px;
max-width: 100vw !important;
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .75) 100%);
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.glightbox-mobile .glightbox-container .gslide-title {
color: #fff;
font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
color: #fff;
font-weight: bold;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
color: #fff;
opacity: .4;
}
.gdesc-open .gslide-description {
padding-bottom: 30px;
}
.greset {
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.glightbox-desc {
display: none;
}
.glightbox-open {
overflow: hidden;
-webkit-overflow-scrolling: touch;
-ms-touch-action: auto;
touch-action: auto;
height: auto;
}
.gloader {
height: 25px;
width: 25px;
-webkit-animation: lightboxLoader .8s infinite linear;
animation: lightboxLoader .8s infinite linear;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
position: absolute;
display: block;
z-index: 9999;
left: 0;
right: 0;
margin: 0 auto;
top: 47%;
}
.goverlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
}
.gprev,
.gnext,
.gclose {
background-repeat: no-repeat;
z-index: 99999;
cursor: pointer;
width: 26px;
height: 44px;
display: block;
background-position: 0 0;
}
.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
opacity: .1;
}
.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
stroke: #fff;
}
iframe.wait-autoplay {
opacity: 0;
}
.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
opacity: 0 !important;
} .glightbox-clean .gslide-description {
background: #fff;
padding: 22px 20px;
}
div#glightbox-body.extl-lb {font-family: 'Source Sans Pro', sans-serif;}
.glightbox-clean .gslide-title {
font-size: 1em;
font-weight: normal;
font-family: inherit;
color: #000;
margin-bottom: 19px;
line-height: 1.4em;
}
.glightbox-clean .gslide-desc {
font-size: 0.86em;
margin-bottom: 0;
font-family: inherit;
line-height: 1.4em;
}
.glightbox-clean .gslide-video {
background: #000;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAA2CAYAAADTeCfRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NThDMEMwNzg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NThDMEMwODg3NjgxMUU1QUM2MUYwRDYwNTNEN0UxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1OEMwQzA1ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1OEMwQzA2ODc2ODExRTVBQzYxRjBENjA1M0Q3RTExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+htE8KwAAA9BJREFUeNrsm1tIFGEYhndDI4OSLgqkMrKjBXYwCjt40QkpL4pMyoqMgigIgm6iiy66KSwpj2vrucKgpINRRhYRooQkWYEWUkaWERokhVQXbu/QOyDhpjPzz3H/Dx7W1f2+753/3X9mnPnHHwqFfDKcEWPkEEgzZEgzpBkybDbjHLhvIP8GKLNhPILgksEaFaDKKWacAMdAn4Ean8F+kGOxGXFgDyjSmZ8L9oFpurKVU1uBnAr9jZMCah1hrQLBGkciyL7FGvNymXdZb2+RG3GGYo4LrHmINS9abEiZRkMu8PNXjPQVJV4Vc9SEgclm7WqLDSkd5RdBiBGizCihmMMmDkwWe1yz2JBy9g2E+ft5o7smkWZUUMwBCwYmg71u2nQMCZhphFEzaihmt4UDk86e9TYZUsj3OaKNMGJGHcVkWjwoChvZ+7HFfQvZt42vpaJ76Em6SzHbbDBCZR01NFvct519u8yorzXhEcWk2WiESiq1tFrUT901veZrnp1mNFHEWgcYoZJMTe0m98ljn3K+z+f7oB1mtLD5agcZoZJEbZ3Ab0J9deCrwpzSB6004xWbLnegESqJ1NgNok04aFeF+XtA5MF8pA90stkiBxuhkkCtvSBGQL2iEYz415Bys8yIAu/ZZKELjFCJp+Z+EGugTgHrVGq8ClEm2oxZ4CUYAHNcZIRKHOjj6ed8A8eISo15xUaPIcP9spFFk11ohMp0bkOHxrxa5lXo7Ksack9Pvn+YpTqLwS0QDZbxRo+bYgJoBZPAZtCiIVe5QzceZBroXwP8YKfWRH+YdVOx4AOYCOJBt0uMUAz4BGLAVNDjhXvg/bwF2UdTElywLVOoN5o/97hsRv/3HvgAv10fwVuQ6ODtUO45f6HmyaDXi6tDfoMZNKMdJDlwG2ZyN/qVs/mbl5fqDILZoAO8AMkO0j8XvONJhjKLf0TKuqkF4Dl4BlY6QLty1vcGdHE39SvSFrEtBc2gCWywUfcKfjE6eHIxGKkrCleBRvAApNmgOQU8BW2crRG/vDMV1JN0C/WmcmYqZizxeSyMLO/cBG6DOyDDAq3rwRPOyhSfB8PoWtst4DrJMlGnYnwDeMjZ4c0QdGGumhfIsk246LeVtetcfOFyVEQJ8nQv+AkqwThQIqjuDnAV1ILtPo9HlMBaB/kfewCMBfkG6ylL85VnJZSroLt8kRAmTLezOpfUD+W0WQvFnIzfpEePlaeO5oE1OvOVp56+R8KuaWiYZYYMG05tZUgzpBkypBnSDBnSDGmGDGmGDGmGNEOGNEOaIUOa4YH4I8AAM9m8BFEzyDIAAAAASUVORK5CYII=);
}
.glightbox-clean .gprev {
background-color: rgba(0, 0, 0, .08);
background-position: 4px 5px;
position: absolute;
top: -100%;
left: 30px;
width: 38px;
height: 56px;
}
.glightbox-clean .gnext {
background-color: rgba(0, 0, 0, .08);
background-position: -27px 5px;
position: absolute;
top: -100%;
right: 30px;
width: 38px;
height: 56px;
}
.glightbox-clean .gclose {
background-color: rgba(0, 0, 0, .08);
width: 35px;
height: 35px;
top: 15px;
right: 10px;
position: absolute;
opacity: .7;
background-position: -59px 2px;
}
.glightbox-clean .gclose:hover {
opacity: 1;
} .gfadeIn {
-webkit-animation: gfadeIn .5s ease;
animation: gfadeIn .5s ease;
}
.gfadeOut {
-webkit-animation: gfadeOut .5s ease;
animation: gfadeOut .5s ease;
}
.gslideOutLeft {
-webkit-animation: gslideOutLeft .3s ease;
animation: gslideOutLeft .3s ease;
}
.gslideInLeft {
-webkit-animation: gslideInLeft .3s ease;
animation: gslideInLeft .3s ease;
}
.gslideOutRight {
-webkit-animation: gslideOutRight .3s ease;
animation: gslideOutRight .3s ease;
}
.gslideInRight {
-webkit-animation: gslideInRight .3s ease;
animation: gslideInRight .3s ease;
}
.gzoomIn {
-webkit-animation: gzoomIn .5s ease;
animation: gzoomIn .5s ease;
}
.gzoomOut {
-webkit-animation: gzoomOut .5s ease;
animation: gzoomOut .5s ease;
}
@-webkit-keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
-webkit-transform: translate3d( 0, 0, 0);
transform: translate3d( 0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
-webkit-transform: translate3d( 0, 0, 0);
transform: translate3d( 0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@-webkit-keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 1;
}
}
@keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 1;
}
}
@-webkit-keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@media (min-width: 48em) {
.glightbox-container .ginner-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.glightbox-container .ginner-container.desc-left .gslide-description,
.glightbox-container .ginner-container.desc-top .gslide-description {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.gslide-description.description-left,
.gslide-description.description-right { max-width: 275px;}
.goverlay {background: rgba(0, 0, 0, .92);}
.glightbox-clean .ginner-container {
-webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, .65);
box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, .65);
}
.glightbox-clean .gprev {top: 45%;}
.glightbox-clean .gnext {top: 45%;}
}
@media (min-width: 62em) {
.glightbox-clean .gclose {right: 20px;}
} .extl-lb .gslide-inner-content {
width: 80%;
max-height: 85%;
}
.extl-lb .ginner-container{ overflow:hidden; max-height: 80vh;}
.extl-lb {color: #101010}
.extl-lb .gslide-description.description-right h3.lb-title{
text-transform: uppercase;
font-size: 20px;
font-weight: 400;
line-height: 24px;
margin: 0 0 10px 0;
position: relative;
}
.extl-lb .gslide-description.description-right h3.lb-title:after {
bottom: -10px;
content: "";
width: 50px;
border-bottom: 3px solid #00BCD4;
position: absolute;
left: 0;
}
.extl-lb .gslide-description.description-right h3.lb-title + span{
margin: 15px 0;
display: inline-block;
color: #888;
}
.extl-lb .gslide-description.description-right h3.lb-title + span i{ margin-right: 7px; }
.extl-lb .gslide-description.description-right p{
font-size: 13px;
margin: 10px 0px;
line-height: 1.6;
}
.extllightbox{cursor: pointer;}
.extl-lb.glightbox-clean .gslide-description{
max-height: calc(80vh - 60px);
overflow-x: hidden;
overflow-y:auto;
margin: 30px 0;
padding:0;
}
.extl-lb.glightbox-clean .gslide-desc{ margin:0px;}
.extl-lb .gslide-media {display:none;}
.extl-lb .gnext {
background-color: rgba(255, 255, 255, 0.1);
right: 5%;
margin-right: -16px;
margin-top: -28px;
top: 50%;
}
.extl-lb .gprev {
background-color: rgba(255, 255, 255, 0.1);
left: 5%;
margin-left: -16px;
margin-top: -28px;
top: 50%;
}
.extl-lb .ginner-container.desc-right {
background: #fff;
padding: 0 10px 0 30px;
display: block;
}
.extl-lb.glightbox-container .ginner-container{ display:block;}
.extl-lb .gslide-description.description-right{ width:100%; max-width:100%; display:inline-block; vertical-align: top; position:relative;}
.extl-lb .goverlay{ background:#1e1e1e;}
.glightbox-clean .gclose{ background-color:rgba(255, 255, 255, 0.1)}
.extl-lb .exp-lightbox-meta {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
margin-bottom: 10px;
}
.glightbox-mobile .glightbox-container .gslide-description{background: transparent;}
.glightbox-mobile .glightbox-container .gslide-desc a{color: inherit;}
.extl-lightbox-info{ padding-right:20px;}
.extl-lightbox-info .lb-image {
width: 40%;
display: inline-block;
float: left;
box-sizing: border-box;
}
.extl-lightbox-info .lb-info{width:60%;display: inline-block; padding: 0 0 0 30px;box-sizing: border-box;}
@media (max-width: 767px){
.extl-lb .gslide-description .extl-lightbox-info > div{ width:100%; max-width:100%; display: block; float: left; padding-left:0;}
.extl-lightbox-info .lb-image{ margin-bottom:15px;}
} .wptl-social-share * {color: #ffffff;}
.wptl-social-share > span.facebook{ background:#516eab}
.wptl-social-share > span.twitter{ background:#31bae1}
.wptl-social-share > span.linkedin{ background:#0077B5}
.wptl-social-share > span.google-plus{ background:#e14e31}
.wptl-social-share > span.tumblr{ background:#34465d}
.wptl-social-share > span.pinterest{ background:#bd081c}
.wptl-social-share > span.vk{ background:#4c75a3}
.wptl-social-share > span.email{ background:#131418}
.wptl-social-share > span{ width:40px; height:40px; line-height:39px; margin-right:15px; float:left;}
.wptl-social-share{ display:block; width:100%}
.wptl-social-share span {
display: inline-block;
padding: 0;
float: none;
margin-right: 10px;
}
.wptl-social-share  span a {
height: 40px;
width: 40px;
float: left;
text-align: center;
box-shadow: none;
text-decoration: none;
font-size: 0;
}
.wptl-social-share  span a i{ font-size: 13px; line-height: 40px;}
.extl-lightbox-info .lb-info iframe {max-width: 100%;}