/* ========================================================================== #Reset ========================================================================== */ #pjWrapperIIGallery_1 { max-width: 100%; font-family: inherit; font-size: 16px; line-height: 1.4; color: #000; } #pjWrapperIIGallery_1 .pjIgContainer { position: relative; } #pjWrapperIIGallery_1 * { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #pjWrapperIIGallery_1 a { text-decoration: none; cursor: pointer; } #pjWrapperIIGallery_1 a:hover { text-decoration: underline; } #pjWrapperIIGallery_1 a[href^=tel] { color: inherit; } #pjWrapperIIGallery_1 img { border: 0; vertical-align: middle; } #pjWrapperIIGallery_1 ol, #pjWrapperIIGallery_1 ul { list-style-position: inside; } /* ========================================================================== #Transitions ========================================================================== */ #pjWrapperIIGallery_1 .pjIgBtn, #pjWrapperIIGallery_1 .pjIgHotSpotInner, #pjWrapperIIGallery_1 .pjIgHotSpotEffect2 .pjIgHotSpotInner:after, #pjWrapperIIGallery_1 .pjIgHotSpotRoundedPlus .pjIgHotSpotInner, #pjWrapperIIGallery_1 .pjIgHotSpotRoundedImaged .pjIgHotSpotInner, #pjWrapperIIGallery_1 .pjIgHotSpotSquare .pjIgHotSpotInner:after, #pjWrapperIIGallery_1 .pjIgHotSpotTooltip, #pjWrapperIIGallery_1 .pjIgContentOverlay { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } /* ========================================================================== #Animations ========================================================================== */ @-webkit-keyframes sonarWave { from { opacity: 0.4; } to { transform: scale(2); opacity: 0; } } @-o-keyframes sonarWave { from { opacity: 0.4; } to { transform: scale(2); opacity: 0; } } @-moz-keyframes sonarWave { from { opacity: 0.4; } to { transform: scale(2); opacity: 0; } } @keyframes sonarWave { from { opacity: 0.4; } to { transform: scale(2); opacity: 0; } } @-webkit-keyframes sonarWaveLg { from { opacity: 0.9; } to { transform: scale(4); opacity: 0; } } @-o-keyframes sonarWaveLg { from { opacity: 0.9; } to { transform: scale(4); opacity: 0; } } @-moz-keyframes sonarWaveLg { from { opacity: 0.9; } to { transform: scale(4); opacity: 0; } } @keyframes sonarWaveLg { from { opacity: 0.9; } to { transform: scale(4); opacity: 0; } } @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } } @-o-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } } @-moz-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-o-keyframes hvr-push { 50% { -webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-moz-keyframes hvr-push { 50% { -webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } #pjWrapperIIGallery_1 .pjIgMainImageHolder{ margin: 0 auto; overflow: auto; -ms-overflow-y: hidden; overflow-y:hidden; position: relative;} /* ========================================================================== #Icons ========================================================================== */ #pjWrapperIIGallery_1 .pjIgIco { display: inline-block; background: url(https://www.flor-tech.biz/gallery/app/web/img/frontend/sprite.png) no-repeat 0 0; vertical-align: middle; } #pjWrapperIIGallery_1 .pjIgIcoVideo { width: 24px; height: 16px; background-position: -2px -2px; } #pjWrapperIIGallery_1 .pjIgIcoZoom { width: 18px; height: 18px; background-position: -47px -3px; } #pjWrapperIIGallery_1 .pjIgIcoHide { width: 34px; height: 34px; background-position: -99px -3px; } /* ========================================================================== #Buttons ========================================================================== */ #pjWrapperIIGallery_1 .pjIgBtn { display: inline-block; vertical-align: middle; cursor: pointer; } #pjWrapperIIGallery_1 .pjIgBtn:hover { text-decoration: none; } /* ========================================================================== #Colorbox ========================================================================== */ #colorbox.pjIgCustomColorbox, #cboxOverlay.pjIgCustomColorbox, #colorbox.pjIgCustomColorbox #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; /* overflow: hidden; */ -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #colorbox.pjIgCustomColorbox #cboxWrapper { max-width: none; } #cboxOverlay.pjIgCustomColorbox { position: fixed; width: 100%; height: 100%; } #colorbox.pjIgCustomColorbox #cboxMiddleLeft, #colorbox.pjIgCustomColorbox #cboxBottomLeft { clear: left; } #colorbox.pjIgCustomColorbox #cboxContent { position: relative; padding: 15px; background: #fff; } #colorbox.pjIgCustomColorbox #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #colorbox.pjIgCustomColorbox #cboxTitle { margin: 0; } #colorbox.pjIgCustomColorbox #cboxLoadingOverlay, #colorbox.pjIgCustomColorbox #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #colorbox.pjIgCustomColorbox #cboxPrevious, #colorbox.pjIgCustomColorbox #cboxNext, #colorbox.pjIgCustomColorbox #cboxClose, #colorbox.pjIgCustomColorbox #cboxSlideshow { cursor: pointer; } #colorbox.pjIgCustomColorbox .cboxPhoto { display: block; float: left; max-width: none; margin: auto; border: 0; -ms-interpolation-mode: bicubic; } #colorbox.pjIgCustomColorbox .cboxIframe { display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; } #colorbox.pjIgCustomColorbox #colorbox, #colorbox.pjIgCustomColorbox #cboxContent, #colorbox.pjIgCustomColorbox #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #colorbox.pjIgCustomColorbox #cboxCurrent { display: none !important; } #cboxOverlay.pjIgCustomColorbox { background: rgba(0, 0, 0, .8); } #colorbox.pjIgCustomColorbox #colorbox { outline:0; } #colorbox.pjIgCustomColorbox #cboxClose { position: absolute; top: -15px; right: -15px; overflow: hidden; width: 30px; height: 30px; border: 3px solid #e06133; background: #45453f; font-size: 0; white-space: nowrap; text-indent: 200%; border-radius: 50%; } #colorbox.pjIgCustomColorbox #cboxClose:before, #colorbox.pjIgCustomColorbox #cboxClose:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; margin: -1px 0 0 -8px; background: #fff; content: ''; } #colorbox.pjIgCustomColorbox #cboxClose:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #colorbox.pjIgCustomColorbox #cboxClose:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #colorbox.pjIgCustomColorbox #cboxPrevious, #colorbox.pjIgCustomColorbox #cboxNext { position: absolute; top: 50%; overflow: hidden; width: 40px; height: 40px; margin-top: -20px; padding: 0; border: 4px solid #22a6d6; background: #45453f; font-size: 0; white-space: nowrap; text-indent: 200%; } #colorbox.pjIgCustomColorbox #cboxPrevious { left: 15px; } #colorbox.pjIgCustomColorbox #cboxNext { right: 15px; } #colorbox.pjIgCustomColorbox #cboxPrevious:after, #colorbox.pjIgCustomColorbox #cboxNext:after { position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; margin-top: -8px; border: 3px solid #fff; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #colorbox.pjIgCustomColorbox #cboxPrevious:after { margin-left: -4px; border-top-width: 0; border-right-width: 0; } #colorbox.pjIgCustomColorbox #cboxNext:after { margin-left: -12px; border-bottom-width: 0; border-left-width: 0; } .pjIgPopupContentWrapper { display: none; } /* ========================================================================== #pjIgMainImage ========================================================================== */ #pjWrapperIIGallery_1 .pjIgMainImage { position: relative; z-index: 1; } #pjWrapperIIGallery_1 .pjIgMainImage img { max-width: 100%; height: auto; } /* ========================================================================== #pjIgHotSpots ========================================================================== */ #pjWrapperIIGallery_1 .pjIgHotSpots { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } #pjWrapperIIGallery_1 .pjIgHotSpot { position: absolute; z-index: 2; display: block; width: auto; height: auto; text-decoration: none; } #pjWrapperIIGallery_1 .pjIgHotSpot:hover { z-index: 3; text-decoration: none; } #pjWrapperIIGallery_1 .pjIgHotSpot .pjIgHotSpotInner { position: relative; display: block; } #pjWrapperIIGallery_1 .pjIgHotSpotRounded .pjIgHotSpotInner { border-radius: 50%; } #pjWrapperIIGallery_1 .pjIgHotSpotRoundedNumbered .pjIgHotSpotInner { width: 30px; height: 30px; background: #000; color: #fff; line-height: 31px; text-align: center; } /* #pjWrapperIIGallery_1 .pjIgHotSpotRoundedNumbered .pjIgHotSpotInner:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: inherit; border-radius: 50%; content: ''; opacity: 0; } #pjWrapperIIGallery_1 .pjIgHotSpotRoundedNumbered:hover .pjIgHotSpotInner:after { -webkit-animation: sonarWave 1s linear infinite; -o-animation: sonarWave 1s linear infinite; animation: sonarWave 1s linear infinite; } */ #pjWrapperIIGallery_1 .pjIgHotSpotRoundedPlus .pjIgHotSpotInner { width: 34px; height: 34px; border: 5px solid #fff; background: #000; font-size: 28px; line-height: 24px; color: #fff; font-weight: bold; text-align: center; } /* #pjWrapperIIGallery_1 .pjIgHotSpotRoundedPlus:hover .pjIgHotSpotInner { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } */ #pjWrapperIIGallery_1 .pjIgHotSpotRoundedImaged .pjIgHotSpotInner, #pjWrapperIIGallery_1 .pjIgHotSpotRoundedImaged .pjIgHotSpotInner img { overflow: hidden; } #pjWrapperIIGallery_1 .pjIgHotSpotRoundedImaged .pjIgHotSpotInner { width: 100px; height: 100px; border: 3px solid #fff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } /* #pjWrapperIIGallery_1 .pjIgHotSpotRoundedImaged:hover .pjIgHotSpotInner { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3); -webkit-animation: hvr-pop .5s linear 1; -o-animation: hvr-pop .5s linear 1; animation: hvr-pop .5s linear 1; } */ #pjWrapperIIGallery_1 .pjIgHotSpotRoundedImaged .pjIgHotSpotInner img { max-width: 100%; border-radius: 50%; } #pjWrapperIIGallery_1 .pjIgHotSpotRoundedIcon .pjIgHotSpotInner { width: 36px; height: 36px; border: 4px solid #fff; background: #45453f; font-size: 0; text-align: center; } #pjWrapperIIGallery_1 .pjIgHotSpotRoundedIcon .pjIgHotSpotInner:before, #pjWrapperIIGallery_1 .pjIgHotSpotRoundedIcon .pjIgHotSpotInner:after { content: ''; } #pjWrapperIIGallery_1 .pjIgHotSpotRoundedIcon .pjIgHotSpotInner:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; } /* #pjWrapperIIGallery_1 .pjIgHotSpotRoundedIcon .pjIgHotSpotInner:after { position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; z-index: -1; border: 4px solid; border-color: inherit; border-radius: 50%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pjWrapperIIGallery_1 .pjIgHotSpotRoundedIcon:hover .pjIgHotSpotInner:after { -webkit-animation: sonarWaveLg 1s linear infinite; -o-animation: sonarWaveLg 1s linear infinite; animation: sonarWaveLg 1s linear infinite; } */ #pjWrapperIIGallery_1 .pjIgHotSpotRoundedIconGreen .pjIgHotSpotInner { border-color: #74e547; } #pjWrapperIIGallery_1 .pjIgHotSpotRoundedIconYellow .pjIgHotSpotInner { border-color: #f7f14c; } /* #pjWrapperIIGallery_1 .pjIgHotSpotRoundedIcon .pjIgHotSpotInner .pjIgIco { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } #pjWrapperIIGallery_1 .pjIgHotSpotRoundedIcon:hover .pjIgHotSpotInner .pjIgIco { -webkit-animation: hvr-push .5s linear 1; -o-animation: hvr-push .5s linear 1; animation: hvr-push .5s linear 1; } */ #pjWrapperIIGallery_1 .pjIgHotSpotIcon .pjIgHotSpotInner{width: 36px; height: 36px;display: block; } #pjWrapperIIGallery_1 .pjIgHotSpotIcon.pjIgHotSpotIcon-1 .pjIgHotSpotInner{background: url("https://www.flor-tech.biz/gallery/app/web/img/frontend/icon1.png") no-repeat scroll 0 0;} #pjWrapperIIGallery_1 .pjIgHotSpotIcon.pjIgHotSpotIcon-2 .pjIgHotSpotInner{background: url("https://www.flor-tech.biz/gallery/app/web/img/frontend/icon2.png") no-repeat scroll 0 0;} #pjWrapperIIGallery_1 .pjIgHotSpotIcon.pjIgHotSpotIcon-3 .pjIgHotSpotInner{background: url("https://www.flor-tech.biz/gallery/app/web/img/frontend/icon3.png") no-repeat scroll 0 0;} #pjWrapperIIGallery_1 .pjIgHotSpotIcon.pjIgHotSpotIcon-4 .pjIgHotSpotInner{background: url("https://www.flor-tech.biz/gallery/app/web/img/frontend/icon4.png") no-repeat scroll 0 0;} #pjWrapperIIGallery_1 .pjIgHotSpotIcon.pjIgHotSpotIcon-5 .pjIgHotSpotInner{background: url("https://www.flor-tech.biz/gallery/app/web/img/frontend/icon5.png") no-repeat scroll 0 0;} #pjWrapperIIGallery_1 .pjIgHotSpotIcon.pjIgHotSpotIcon-6 .pjIgHotSpotInner{background: url("https://www.flor-tech.biz/gallery/app/web/img/frontend/icon6.png") no-repeat scroll 0 0;} #pjWrapperIIGallery_1 .pjIgHotSpotIcon.pjIgHotSpotIcon-7 .pjIgHotSpotInner{background: url("https://www.flor-tech.biz/gallery/app/web/img/frontend/icon7.png") no-repeat scroll 0 0;} #pjWrapperIIGallery_1 .pjIgHotSpotIcon.pjIgHotSpotIcon-8 .pjIgHotSpotInner{background: url("https://www.flor-tech.biz/gallery/app/web/img/frontend/icon8.png") no-repeat scroll 0 0;} #pjWrapperIIGallery_1 .pjIgHotSpotIcon.pjIgHotSpotIcon-9 .pjIgHotSpotInner{background: url("https://www.flor-tech.biz/gallery/app/web/img/frontend/icon9.png") no-repeat scroll 0 0;} #pjWrapperIIGallery_1 .pjIgHotSpotIcon.pjIgHotSpotIcon-10 .pjIgHotSpotInner{background: url("https://www.flor-tech.biz/gallery/app/web/img/frontend/icon10.png") no-repeat scroll 0 0;} #pjWrapperIIGallery_1 .pjIgHotSpotSquare .pjIgHotSpotInner { width: inherit; height: inherit; border: 1px solid #fff; background: rgba(250, 213, 195, .5); -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } /* #pjWrapperIIGallery_1 .pjIgHotSpotSquare .pjIgHotSpotInner:after { position: absolute; top: -16px; right: -16px; bottom: -16px; left: -16px; border: 2px solid #fff; content: ''; opacity: 0; } #pjWrapperIIGallery_1 .pjIgHotSpotSquare:hover .pjIgHotSpotInner:after { top: -6px; right: -6px; bottom: -6px; left: -6px; opacity: 1; } */ #pjWrapperIIGallery_1 .pjIgHotSpotSquareImaged .pjIgHotSpotInner { width: 100px; height: 100px; border: 3px solid #fff; } /* #pjWrapperIIGallery_1 .pjIgHotSpotSquareImaged:hover .pjIgHotSpotInner { -webkit-animation: hvr-push .5s linear 1; -o-animation: hvr-push .5s linear 1; animation: hvr-push .5s linear 1; } */ #pjWrapperIIGallery_1 .pjIgHotSpotSquareImaged .pjIgHotSpotInner img { max-width: 100%; } #pjWrapperIIGallery_1 .pjIgHotSpotTooltip { position: absolute; z-index: 2; display: none; width: 240px; padding: 10px; background: rgba(0, 0, 0, .8); text-align: center; border-radius: 8px; } #pjWrapperIIGallery_1 .pjIgHotSpot:hover .pjIgHotSpotTooltip { display: block; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } #pjWrapperIIGallery_1 .pjIgHotSpotTooltipTop { bottom: 100%; left: 50%; margin: 0 0 20px -120px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #pjWrapperIIGallery_1 .pjIgHotSpot:hover .pjIgHotSpotTooltipTop { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pjWrapperIIGallery_1 .pjIgHotSpotTooltipRight { top: 50%; left: 100%; margin-left: 20px; -webkit-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); } #pjWrapperIIGallery_1 .pjIgHotSpot:hover .pjIgHotSpotTooltipRight { -webkit-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); } #pjWrapperIIGallery_1 .pjIgHotSpotTooltipBottom { top: 100%; left: 50%; margin: 20px 0 0 -120px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } #pjWrapperIIGallery_1 .pjIgHotSpot:hover .pjIgHotSpotTooltipBottom { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #pjWrapperIIGallery_1 .pjIgHotSpotTooltipLeft { top: 50%; right: 100%; margin-right: 20px; -webkit-transform: translate(0, -50%) scale(0); -ms-transform: translate(0, -50%) scale(0); -o-transform: translate(0, -50%) scale(0); transform: translate(0, -50%) scale(0); } #pjWrapperIIGallery_1 .pjIgHotSpot:hover .pjIgHotSpotTooltipLeft { -webkit-transform: translate(0, -50%) scale(1); -ms-transform: translate(0, -50%) scale(1); -o-transform: translate(0, -50%) scale(1); transform: translate(0, -50%) scale(1); } #pjWrapperIIGallery_1 .pjIgHotSpotTooltip:after { position: absolute; content: ''; } #pjWrapperIIGallery_1 .pjIgHotSpotTooltipTop:after { top: 100%; left: 50%; margin-left: -10px; border-top: 12px solid rgba(0, 0, 0, .8); border-right: 10px solid transparent; border-left: 10px solid transparent; } #pjWrapperIIGallery_1 .pjIgHotSpotTooltipRight:after { top: 50%; right: 100%; margin-top: -10px; border-top: 10px solid transparent; border-right: 12px solid rgba(0, 0, 0, .8); border-bottom: 10px solid transparent; } #pjWrapperIIGallery_1 .pjIgHotSpotTooltipBottom:after { bottom: 100%; left: 50%; margin-left: -10px; border-right: 10px solid transparent; border-bottom: 12px solid rgba(0, 0, 0, .8); border-left: 10px solid transparent; } #pjWrapperIIGallery_1 .pjIgHotSpotTooltipLeft:after { top: 50%; left: 100%; margin-top: -10px; border-top: 10px solid transparent; border-left: 12px solid rgba(0, 0, 0, .8); border-bottom: 10px solid transparent; } #pjWrapperIIGallery_1 .pjIgHotSpotTooltip .pjIgHotSpotTooltipTitle, #pjWrapperIIGallery_1 .pjIgHotSpotTooltip .pjIgHotSpotTooltipParagraph { display: block; } #pjWrapperIIGallery_1 .pjIgHotSpotTooltip .pjIgHotSpotTooltipTitle { padding-bottom: 5px; font-size: 20px; line-height: 1.4; color: #fff; font-weight: bold; } #pjWrapperIIGallery_1 .pjIgHotSpotTooltip .pjIgHotSpotTooltipParagraph { font-size: 13px; line-height: 1.2; color: #8e8e8e; font-weight: normal; } #pjWrapperIIGallery_1 .pjIgHotSpotEffect1:hover .pjIgHotSpotInner { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } #pjWrapperIIGallery_1 .pjIgHotSpotEffect2 .pjIgHotSpotInner:after { position: absolute; top: -16px; right: -16px; bottom: -16px; left: -16px; border: 2px solid #fff; content: ''; opacity: 0; } #pjWrapperIIGallery_1 .pjIgHotSpotEffect2:hover .pjIgHotSpotInner:after { top: -6px; right: -6px; bottom: -6px; left: -6px; opacity: 1; } #pjWrapperIIGallery_1 .pjIgHotSpotEffect3:hover .pjIgHotSpotInner { -webkit-animation: hvr-push .5s linear 1; -o-animation: hvr-push .5s linear 1; animation: hvr-push .5s linear 1; } /* ========================================================================== #pjIgContentOverlay ========================================================================== */ #pjWrapperIIGallery_1 .pjIgContentOverlay { position: absolute; top: 0; right: 100%; bottom: 0; left: -100%; z-index: 4; visibility: hidden; background: rgba(255, 255, 255, .9); } #pjWrapperIIGallery_1 .pjIgContentOverlay.pjIgContentOverlayActive { right: 0; left: 0; visibility: visible; } #pjWrapperIIGallery_1 .pjIgContentOverlayInner { position: relative; z-index: 1; overflow-y: auto; width: 100%; height: 100%; max-height: 100%; } #pjWrapperIIGallery_1 .pjIgContentOverlayContent { display: none; } #pjWrapperIIGallery_1 .pjIgContentOverlayContent.pjIgContentOverlayContentActive { display: block; padding: 15px 60px 15px 15px; } #pjWrapperIIGallery_1 .pjIgContentOverlayActions { position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; width: 50px; font-size: 0; } #pjWrapperIIGallery_1 .pjIgContentOverlayActions .pjIgBtnContentOverlayRemove { width: 100%; height: 100%; background: rgba(0, 0, 0, .3); text-align: center; } #pjWrapperIIGallery_1 .pjIgContentOverlayActions .pjIgBtnContentOverlayRemove:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; } /* ========================================================================== #pjIgArticle ========================================================================== */ #colorbox.pjIgCustomColorbox .pjIgArticle { width: 990px; max-width: 100%; } #pjWrapperIIGallery_1 .pjIgArticle h1, #colorbox.pjIgCustomColorbox .pjIgArticle h1, #pjWrapperIIGallery_1 .pjIgArticle h2, #colorbox.pjIgCustomColorbox .pjIgArticle h2, #pjWrapperIIGallery_1 .pjIgArticle h3, #colorbox.pjIgCustomColorbox .pjIgArticle h3, #pjWrapperIIGallery_1 .pjIgArticle h4, #colorbox.pjIgCustomColorbox .pjIgArticle h4, #pjWrapperIIGallery_1 .pjIgArticle h5, #colorbox.pjIgCustomColorbox .pjIgArticle h5, #pjWrapperIIGallery_1 .pjIgArticle h6, #colorbox.pjIgCustomColorbox .pjIgArticle h6 { margin: 0; padding: 10px 0; } #pjWrapperIIGallery_1 .pjIgArticle h1, #colorbox.pjIgCustomColorbox .pjIgArticle h1 { font-size: 36px; } #pjWrapperIIGallery_1 .pjIgArticle h2, #colorbox.pjIgCustomColorbox .pjIgArticle h2 { font-size: 30px; } #pjWrapperIIGallery_1 .pjIgArticle h3, #colorbox.pjIgCustomColorbox .pjIgArticle h3 { font-size: 26px; } #pjWrapperIIGallery_1 .pjIgArticle h4, #colorbox.pjIgCustomColorbox .pjIgArticle h4 { font-size: 24px; } #pjWrapperIIGallery_1 .pjIgArticle h5, #colorbox.pjIgCustomColorbox .pjIgArticle h5 { font-size: 20px; } #pjWrapperIIGallery_1 .pjIgArticle h6, #colorbox.pjIgCustomColorbox .pjIgArticle h6 { font-size: 18px; } #pjWrapperIIGallery_1 .pjIgArticle ul, #colorbox.pjIgCustomColorbox .pjIgArticle ul, #pjWrapperIIGallery_1 .pjIgArticle ol, #colorbox.pjIgCustomColorbox .pjIgArticle ol { margin: 0; } #pjWrapperIIGallery_1 .pjIgArticle p, #colorbox.pjIgCustomColorbox .pjIgArticle p, #pjWrapperIIGallery_1 .pjIgArticle li, #colorbox.pjIgCustomColorbox .pjIgArticle li { margin: 0; padding: 5px 0; } #pjWrapperIIGallery_1 .pjIgArticle li, #colorbox.pjIgCustomColorbox .pjIgArticle li { padding-left: 15px; } #pjWrapperIIGallery_1 .pjIgArticle img, #colorbox.pjIgCustomColorbox .pjIgArticle img { margin: 15px 0; max-width: 100%; } #pjWrapperIIGallery_1 .pjIgArticle .pjIgArticleVideo, #colorbox.pjIgCustomColorbox .pjIgArticle .pjIgArticleVideo { position: relative; width: 100%; margin: 15px 0; padding-bottom: 56.25%; } #pjWrapperIIGallery_1 .pjIgArticle .pjIgArticleVideoInner, #colorbox.pjIgCustomColorbox .pjIgArticle .pjIgArticleVideoInner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #pjWrapperIIGallery_1 .pjIgArticle .pjIgArticleThumbs, #colorbox.pjIgCustomColorbox .pjIgArticle .pjIgArticleThumbs { padding-left: 0; list-style: none outside none; } #pjWrapperIIGallery_1 .pjIgArticle .pjIgArticleThumbs li, #colorbox.pjIgCustomColorbox .pjIgArticle .pjIgArticleThumbs li, #pjWrapperIIGallery_1 .pjIgArticle .pjIgArticleThumbs a, #colorbox.pjIgCustomColorbox .pjIgArticle .pjIgArticleThumbs a { display: inline-block; vertical-align: middle; } #pjWrapperIIGallery_1 .pjIgArticle .pjIgArticleThumbs li, #colorbox.pjIgCustomColorbox .pjIgArticle .pjIgArticleThumbs li { padding: 10px; } #pjWrapperIIGallery_1 .pjIgArticle .pjIgArticleThumbs a, #colorbox.pjIgCustomColorbox .pjIgArticle .pjIgArticleThumbs a { width: 100px; height: 100px; border: 2px solid #000; font-size: 0; } #pjWrapperIIGallery_1 .pjIgArticle .pjIgArticleThumbs a:hover, #colorbox.pjIgCustomColorbox .pjIgArticle .pjIgArticleThumbs a:hover { text-decoration: none; } #pjWrapperIIGallery_1 .pjIgArticle .pjIgArticleThumbs a img, #colorbox.pjIgCustomColorbox .pjIgArticle .pjIgArticleThumbs a img { width: 100%; height: 100%; margin: 0; } /* ========================================================================== #pjIgContainerActions ========================================================================== */ #pjWrapperIIGallery_1 .pjIgContainerActions { position: absolute; top: 15px; right: 15px; z-index: 4; } #pjWrapperIIGallery_1 .pjIgFullScreenTrigger { overflow: hidden; width: 50px; height: 44px; background: url(https://www.flor-tech.biz/gallery/app/web/img/frontend/sprite.png) no-repeat -179px -3px; font-size: 0; white-space: nowrap; text-indent: 200%; } #pjWrapperIIGallery_1 .pjIgFullScreenTrigger.pjIgFullScreenTriggerActive { background-position: -259px -3px; } /* ========================================================================== #Responsive ========================================================================== */ @media only screen and (max-width: 767px) { /* ========================================================================== #pjIgArticle ========================================================================== */ #pjWrapperIIGallery_1 .pjIgArticle h1, #colorbox.pjIgCustomColorbox .pjIgArticle h1, #pjWrapperIIGallery_1 .pjIgArticle h2, #colorbox.pjIgCustomColorbox .pjIgArticle h2, #pjWrapperIIGallery_1 .pjIgArticle h3, #colorbox.pjIgCustomColorbox .pjIgArticle h3, #pjWrapperIIGallery_1 .pjIgArticle h4, #colorbox.pjIgCustomColorbox .pjIgArticle h4, #pjWrapperIIGallery_1 .pjIgArticle h5, #colorbox.pjIgCustomColorbox .pjIgArticle h5, #pjWrapperIIGallery_1 .pjIgArticle h6, #colorbox.pjIgCustomColorbox .pjIgArticle h6 { padding: 5px 0; } #pjWrapperIIGallery_1 .pjIgArticle h1, #colorbox.pjIgCustomColorbox .pjIgArticle h1 { font-size: 26px; } #pjWrapperIIGallery_1 .pjIgArticle h2, #colorbox.pjIgCustomColorbox .pjIgArticle h2 { font-size: 22px; } #pjWrapperIIGallery_1 .pjIgArticle h3, #colorbox.pjIgCustomColorbox .pjIgArticle h3 { font-size: 20px; } #pjWrapperIIGallery_1 .pjIgArticle h4, #colorbox.pjIgCustomColorbox .pjIgArticle h4 { font-size: 18px; } #pjWrapperIIGallery_1 .pjIgArticle h5, #colorbox.pjIgCustomColorbox .pjIgArticle h5 { font-size: 16px; } #pjWrapperIIGallery_1 .pjIgArticle h6, #colorbox.pjIgCustomColorbox .pjIgArticle h6 { font-size: 14px; } #pjWrapperIIGallery_1 .pjIgArticle p, #colorbox.pjIgCustomColorbox .pjIgArticle p, #pjWrapperIIGallery_1 .pjIgArticle li, #colorbox.pjIgCustomColorbox .pjIgArticle li { font-size: 14px; line-height: 1.3; } #pjWrapperIIGallery_1 .pjIgArticle .pjIgArticleThumbs li, #colorbox.pjIgCustomColorbox .pjIgArticle .pjIgArticleThumbs li { padding: 3px; } #colorbox.pjIgCustomColorbox #cboxContent { padding: 5px 10px; } /* ========================================================================== #pjIgHotSpots ========================================================================== */ }