/* div.body-innerwrapper { overflow: unset; }  /******* ??????????????? *******/


body, .sp-preloader {
  background-color: #212121;
  color: #e5e5e5;
/*  padding: 0 3vw;*/
}
body.ltr.offcanvs-position-right .body-wrapper {
    overflow: hidden;
    padding: 0 3vw;
}
header#sp-header.header-sticky { padding: 0 3vw; background-color: #212121; }
.body-wrapper #sp-footer, .body-wrapper #sp-bottom {
    background: transparent;
    color: #818181;
    font-weight: 400;
}

.lang {
    float: right;
    line-height: 60px;
    margin-left: 30px;
}
.lang ul.lang-inline li:first-child {
    padding-right: 5px;
}

.sp-megamenu-parent > li > a:before {
  content: "";
  position:absolute;
  width:0;
  height:2px;
  background:#e6e6e6;
  right:15px;
  bottom:18px;
  transition: all 350ms ease-in-out;
}
.sp-megamenu-parent > li:hover > a:before, .sp-megamenu-parent > li.active > a:before {
  width: calc( 100% - 30px );
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { font-size: 1em; }

.fullwidth .sppb-container {
    min-width: 100%!important;
    padding-left: 0;
    padding-right: 0;
}

.sppb-section-title h2.sppb-title-heading, .sppb-section-title h3.sppb-title-heading {
    font-weight: 100;
    color: #818181;
}

.small_content {min-height:80vh;}

#sp-component > .sp-column {
    min-height:50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (orientation: landscape) , (min-width: 992px)  {
  .top-box {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
.z999 { z-index: 999;}

.this_sticky {transition: all 500ms ease-in-out;}
@media (max-width: 991px) { .this_sticky.is_stuck {position:relative!important; top:0!important;}}

body .sp-scroll-up {
    bottom: 30px;
    right: calc(1.5vw - 13px);
}

/* bottom */
.bottom_social {border-left: 4px #414141 solid;}
.bottom_social a:hover { background: #414141; }
body #sp-bottom ul.menu li {
    display: inline-block;
    padding: 0 10px;
    margin-bottom:0;
}
#sp-bottom ul.menu {
    text-align: right;
    padding: 0 10px;
}
/* homepage */
.mainframe.fullwidth > .sppb-row-container {
    min-width: 100%!important;
    padding: 3vw;
}
section.fullwidth.recent_works > .sppb-row-container { min-width: 100%!important; }
.mainframe.fullwidth > .sppb-row-container .sppb-column-addons { min-height: calc(100vh - 6vw - 60px);}
.mainframe .sppb-row-container .sppb-column-addons {
    display: flex;
    flex-direction: column;
    justify-content: flex-end!important;
}
.mainframe.fullwidth > .sppb-row-container .sppb-addon:first-of-type{flex-grow:1;}
.mainframe.fullwidth > .sppb-row-container .sppb-addon:last-of-type{flex-grow:0;}
.homepagetitle h2.sppb-addon-title {
    font-size: 5vw;
    line-height: 4vw;
    text-align: center;
    font-weight: 100;
}
.mainframe ul.menu {
    text-align: right;
    padding: 0px;
    margin: 0;
}
.mainframe ul.menu li {
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 0;
}
@media (orientation: portrait) , (max-width: 991px)  { .mainframe ul.menu li { display: block;} .homepagetitle h2.sppb-addon-title {display:none;} }

/* end homepage */

/* page title */
/** minimal **/
.minimal #sp-title .sp-page-title .container {
    min-width: 100%;
    padding: 0;
}
.minimal #sp-title .sp-page-title {
    background: transparent;
    padding: 50px 0 0;
    margin: 0 0 -50px;
}
.minimal #sp-title .sp-page-title .sp-page-title-heading, .minimal .page-header h2, .minimal.works .article-header h1 {
    margin-top: 0;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 15px;
    border: 0;
    font-weight: 100;
    color: #818181;
    position: relative;
}
h2.sp-page-title-heading:before , .sppb-section-title h2.sppb-title-heading:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 4px;
    background: #414141;
    left: calc( -100% + 50px );
    bottom: -15px;
}
/* end page title */
/* contact form */
#contact_info .sppb-addon-wrapper {margin: 30px 0;}

.the_contact_form input.sppb-form-control, .the_contact_form textarea.sppb-form-control {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #414141;
    color: #e1e1e1;
    width: 50%;
    transition: all 500ms ease-in-out;
}
.the_contact_form input.sppb-form-control:focus, .the_contact_form textarea.sppb-form-control:focus, .the_contact_form input.sppb-form-control:valid, .the_contact_form textarea.sppb-form-control:valid {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #818181;
    color: #e1e1e1;
    width: 100%;
}
.the_contact_form input.sppb-form-control:hover, .the_contact_form textarea.sppb-form-control:hover {
    border-bottom: 2px solid #818181;
}
.the_contact_form .sppb-form-control.sppb-has-field-error, .the_contact_form .sppb-form-group .sppb-form-control.sppb-has-field-error{
    border: none;
    border-bottom: 2px solid #ff4500;
    color: #ff4500;
}
.the_contact_form button {
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
}
.the_contact_form button:hover {
    border-bottom: 2px solid #e1e1e1;
    border-left: 2px solid #e1e1e1;
}
.the_contact_form label, .the_contact_form a {color: #818181;}
::-webkit-input-placeholder { /* Edge */
  color: #818181;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #818181;
}
::placeholder {
  color: #818181;
}
/* end contact form */

/* addon timeline */

.the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {  width: 100%; border:none; padding: 0px 20px; }
.the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before {  background-color: #212121; }
.the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date { line-height: 2em!important; color: #818181; font-size: 200%!important; }
.the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel p {margin-bottom:0px;}
.the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper>.timeline-movement:last-child { bottom: 0px; }
.the_timeline div.sppb-row.timeline-movement { margin-bottom: -10px; }
.the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel:before { border-color: #414141 #414141 transparent transparent;}
@media (max-width:767px) {
    .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel:before { top: 9px; }
}
@media (min-width:768px) {
    .the_timeline div.sppb-row.timeline-movement {  padding-bottom: 0px!important; }
    .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper:before, .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after, .the_timeline.sppb-addon-timeline .timeline-movement.even:before { background-color: #414141!important; }

    .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel:before { top: 32px; }
    .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-panel:before { top: 20px; }
    .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper:before { top: 8px;}
    .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before,
    .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after { top: 34px; }
/*  .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date { line-height: 2em!important; color:#818181; font-size: 200%!important; }*/
    .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel { padding-top: 20px!important;}
    .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper:before { left: 24.5%; }
    .the_timeline.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge { left: 25%; }
}
/* end addon timeline */



/* addon articles */
/* Defines the squares' margins and shadows,
and the default three-column layout */
.recent_works .sppb-addon-article {
	float: left;
	width: 92.4%;
	height: 300px;
	position: relative;
}
.recent_works .sppb-addon-article .sppb-article-img-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.recent_works .sppb-addon-article img.sppb-img-responsive {
/*    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;*/
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*.recent_works .sppb-addon-article .sppb-article-img-wrap:before {
    content: "";
    border: 10px solid #414141;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20px;
    left: 20px;
    opacity:0.5;
}*/
.recent_works .sppb-article-info-wrap {
    position: absolute;
    bottom: 10px;
    right: 10px;
    max-width: 80%;
/*    width: 50%;*/
    text-align: right;
    background: rgba(65,65,65,0.95);
    padding: 10px 10px 0;
}
.recent_works .sppb-article-info-wrap a {font-weight:100;}
@media (max-width:1200px) and (min-width: 768px) {
    .recent_works .sppb-addon-articles .sppb-col-sm-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .recent_works .sppb-addon-articles .sppb-col-sm-4:nth-child(3) {display:none;}
}
/* end addon articles */


/* blog articles */
body .article-details .article-full-image img { border-radius: 0px}
.exhibitions .article {
    max-height: 60vh;
}
/* Defines the squares' margins and shadows,
and the default three-column layout */
.blog.works .article  {
	float: left;
	width: 92.4%;
	height: 300px;
	position: relative;
	padding: 0;
	border: none;
}
.blog.works .article .article-intro-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    border: none;
}
.blog.works .article .article-intro-image img {
/*    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;*/
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*.recent_works .sppb-addon-article .article-intro-image:before {
    content: "";
    border: 10px solid #414141;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20px;
    left: 20px;
    opacity:0.5;
}*/
.blog.works .article .article-body {
    position: absolute;
    bottom: 10px;
    right: 10px;
    max-width: 80%;
/*    width: 50%;*/
    text-align: right;
    background: rgba(65,65,65,0.95);
    padding: 10px 10px 0;
    
    pointer-events: none;
}
.blog.works .article-list .article .article-header h2 a {font-weight:100; color: #e1e1e1; font-size: 1.75rem; line-height: 1.2;}
.blog.works .article-list .article .article-header h2 a:hover { color: #818181;}
/*@media (max-width:1200px) and (min-width: 768px) {
    .recent_works .sppb-addon-articles .sppb-col-sm-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .recent_works .sppb-addon-articles .sppb-col-sm-4:nth-child(3) {display:none;}
}*/
.article-list dl.fields-container .field-label  {display:none;}
.article-list dl.fields-container .field-entry  {
    font-size: 0.8em;
    line-height: 100%;
    margin-bottom: 4px;
}

.article .hide-on-cat { display: none; }
.article-details dl.fields-container {
    width: 100%;
    float: left;
}
@media (min-width:1200px) { .the_map {float: right;} }
/* end blog articles */

/* press & works subcategories listing */
.blog.press .article-header h2 , .works .cat-children h3{
    text-align: center;
}
/*.blog.press ul.list-group li.list-group-item {    background: transparent;    border: none; }*/
.blog.press .article , .works .cat-children h3{
    margin-bottom: 0;
    padding: 0;
    border: none;
    border-radius: 0;
}
.blog.press .article-header h2 a , .works .cat-children h3 a{color:#818181; font-size: 1.5em; position:relative;     font-weight: 100;}
.blog.press .article-header h2 a:hover , .works .cat-children h3 a:hover {color:#e1e1e1;}
.blog.press .article-header h2 a:before , .works .cat-children h3 a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: #818181;
    right: calc( 50% );
    bottom: -5px;
    transition: all 350ms ease-in-out;
}
.blog.press .article-header h2:hover > a:before , .works .cat-children h3:hover > a:before {
    width: calc( 100% - 30px );
    right: 15px;
}
/* end press & works subcategories listing */

/* pagination */
.blog .pagination-counter {display:none;}
.blog .mr-auto, .blog .mx-auto { margin: auto!important; }
.blog .page-link {
    position: relative;
    display: block;
    padding: 0;
    min-width:30px;
    line-height: 1.25;
    color: #818181;
    background-color: transparent;
    border: none;
    box-shadow:none!important;
    margin: 5px;
}
.blog .page-link:hover {color:#e1e1e1;}
.page-item.active .page-link {
    color: #e1e1e1;
    background-color: transparent;
}

.blog .pagination .page-link { padding: 0.5rem .25rem;}
.blog .pagination .page_n .page-link { padding: 0.5rem .75rem;}
.blog .pagination .page_n li a.page-link:before  {content:""; position: absolute; width:30px; height:30px; border-radius:100%; left:50%; top:50%; transform: translate(-50%, -50%); border: 2px solid #414141; }
.blog .pagination .page_n li.active a.page-link:before  {border-color:#818181;}
/* end pagination */

/* articles */
@media (min-width: 992px) {
    .article-details.minimal.works:not(.press) {
        display: flex;
    }
}
.minimal .content-img-col.col-lg-6, .content-text.col-lg-6 {
    float: left;
}

.col-lg-12.full-content-text {float:left;}

.minimal.works .article-details .article-full-image img, .press .article-full-image img {
    max-height: 85vh;
}
.minimal.works .content-img-col.col-lg-6 .this_sticky.is_stuck {
    padding-top: 60px;
}
.content-text .field-entry, .press .field-entry { margin-bottom:0;}
.content-text .field-entry .field-label , .press .field-entry .field-label {color:#818181; font-weight: 400; margin-right: 10px;}
.content-text .pager.pagenav, .press .pager.pagenav {border: none; padding:0; text-align: right; margin: 20px 0 0 0;}
.content-text .pager.pagenav > li, .press .pager.pagenav > li { float: none; position:relative; font-weight: 400;}

.right-line, .right-line-title h3 {position:relative;}
#sp-page-builder .right-line-title .sppb-section-title {margin:0;}
.right-line-title h3.sppb-title-heading {
    margin: 0 auto 0 0;
    width: auto;
    display: inline-block;
}
.content-text .pager.pagenav > li:first-of-type:after, .press .pager.pagenav > li:first-of-type:after, .right-line:after, .right-line-title h3.sppb-title-heading:after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 4px;
    background: #414141;
    left: 0px;
    top: -5px;
}
.content-text .pager > li a, .press .pager > li a {
    border: none;
    color: #818181;
    padding: 10px;
    border-radius: 0;
}
/*.content-text .pager.pagenav > li:after, .press .pager.pagenav > li:after {
    background: transparent;
    color:inherit!important;
    left: 0px;
    top: -5px;
}?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????*/
.content-text .pager.pagenav > li:nth-child(2):before, .press .pager.pagenav > li:nth-child(2):before {
    content: "";
    width: 2px;
    height: 80%;
    background: #414141;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-1px,-50%) rotate(15deg);
}
.press .pager.pagenav {float: right;}

.press #sp-page-builder .page-content .sppb-section:first-child,
.content-text #sp-page-builder .page-content .sppb-section:first-child { padding-top: 0; padding-bottom:15px; }
.press #sp-page-builder .page-content .sppb-section:not(:first-child),
.content-text #sp-page-builder .page-content .sppb-section:not(:first-child) { padding-top: 15px; padding-bottom:15px; }
.press #sp-page-builder .page-content .sppb-section:last-child,
.content-text #sp-page-builder .page-content .sppb-section:last-child { padding-top: 15px; padding-bottom:0; }

.press .recent_works .sppb-article-info-wrap h3 a { /* projects */
    font-size: 70%;
}
/* end articles */
/* social share */
main .article-details .article-ratings-social-share {
    padding: 20px 0 0;
    margin: 0 0 0 auto;
    border: none;
    min-width: 50%;
}
main .article-social-share .social-share-icon ul li a {
    color: #212121;
    border: none;
    background: #414141;
    transition: all 500ms ease-in-out;
}
main .article-social-share .social-share-icon ul li a:hover {
    color: #e1e1e1;
    border: none;
    background: #818181;
}
/* end social share */


/* rotated */
.rotate_this {
    transform: rotate(-90deg) translate(12vh, -6vh);
    transform-origin: bottom right;
    overflow: hidden;
    width: fit-content;
}
.rotate_this .sppb-addon-title {
    font-size: 12vh!important;
    color:#484848;
}


.works .article-full-image img, .press .article-full-image img {cursor: zoom-in;}
.works .mfp-iframe-holder .mfp-close, .works .mfp-image-holder .mfp-close {
    top: 10px;
    right: 10px;
    position: fixed;
    color: #fff;
}
/* >>>>>>  mobile  <<<<<< */
header #offcanvas-toggler > .fa {
    color: #818181;
}
body .offcanvas-menu {
    background-color: #000;
    color: #e1e1e1;
}
body .offcanvas-menu .offcanvas-inner .sp-module ul > li a, body .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #818181;
/*    font-weight: 400;*/
    font-weight: 100;
    font-size: 2.5em;
}
body .offcanvas-overlay {    background: rgba(65, 65, 65, .5); }
@media (max-width:768px) {
    .recent_works .sppb-article-info-wrap h3 a,
    .blog.works .article-list .article .article-header h2 a { font-size: 1.25rem; line-height: 1; }
    
}

/* >>>>>>  end mobile  <<<<<< */


/******************************************************************************/
/* magnific popup (lightbox)*/ /* padding-bottom and top for image */ .mfp-no-margins img.mfp-img { padding: 0; } /* position of shadow behind the image */ .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; } /* padding for main container */ .mfp-no-margins .mfp-container { padding: 0; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 99991; overflow: hidden; position: fixed; background: rgba(0,0,0,0.75); /*	opacity: .8; filter: alpha(opacity=80)*/ } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; position: fixed; outline: 0!important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none!important } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #CCC } .mfp-preloader a:hover { color: #FFF } .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:focus, .mfp-close:hover { opacity: 1; filter: alpha(opacity=100) } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: .65; filter: alpha(opacity=65); margin: -55px 0 0; top: 50%; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1; filter: alpha(opacity=100) } .mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: inset transparent } .mfp-arrow .mfp-a, .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow .mfp-b, .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left .mfp-a, .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px } .mfp-arrow-left .mfp-b, .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F } .mfp-arrow-right { right: 0 } .mfp-arrow-right .mfp-a, .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px } .mfp-arrow-right .mfp-b, .mfp-arrow-right:before { border-left: 27px solid #3F3F3F } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px/*pol*/ 0; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444 } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75) } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .mfp-ie7 .mfp-img { padding: 0 } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px } .mfp-ie7 .mfp-container { padding: 0 } .mfp-ie7 .mfp-content { padding-top: 44px } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0 } .mfp-bg { opacity: 0; transition:all 500 ease-in-out;} .mfp-bg.my-mfp-zoom-in.mfp-ready { opacity: 1; } .my-mfp-zoom-in .mfp-image-holder { opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .mfp-image-holder { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .mfp-image-holder { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }