.lightspeed-box {visibility: hidden; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; width: 0; height: 0; margin: auto; position: fixed; background-color: rgba(0, 0, 0, 0.84); z-index: 30; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); box-sizing: border-box; transform: scale(0); }
.lightspeed-box.lsb-active {visibility: visible; transform: scale(1); opacity: 1; top: 0; left: 0; right: 0; bottom: 0; position: fixed; width: 100%; height: 100%; }
.lightspeed-box .lsb-content {display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; margin: auto; padding: 20px; transition: all 0.5s; height: 100%; }
.lightspeed-box .lsb-image-container {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
.lightspeed-box img.lsb-image {position: relative; max-height: 0%; max-width: 0%; cursor: pointer; min-width: 0; min-height: 0; margin: auto; transition: all 0.95s cubic-bezier(0.12, 0.58, 0.26, 0.99); user-select: none; object-fit: scale-down; }
.lightspeed-box img.lsb-image.lsb-image-loaded {max-height: 100%; max-width: 100%; border:3px solid rgba(255, 255, 255, 0.9); border-radius: 3px; }
.lightspeed-box .lsb-no-image-found {position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none; height: 100%; width: 100%; padding: 10px; margin: auto; overflow: visible; color: #ffffff; text-align: center; cursor: pointer; }
.lightspeed-box .lsb-no-image-found .no-found-msg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateY(50%); margin: 0 auto; }
.lightspeed-box .lsb-control-panel {position: absolute; bottom: 5px; right: 50%; transform: translateX(50%); z-index: 2; margin-bottom: 20px; background: rgba(0, 0, 0, 0.64); border-radius: 3px; opacity: 0.5; }
.lightspeed-box .lsb-control-panel:hover {opacity: 1; }
.lightspeed-box .lsb-panel-button {font-size: 22px; display: inline-block; color: #ffffff; text-align: center; cursor: pointer; width: 30px; height: 28px; margin: 2px 5px; }
.lightspeed-box .lsb-panel-button:not(:last-child) {margin-right: 10px; }

.lightspeed-box .lsb-autoplay-playing {line-height: 23px; font-size: 18px; word-spacing: -7px; font-weight: bolder; vertical-align: bottom; }
.lightspeed-box .lsb-header {position: absolute; top: 9px; left: 50%; transform: translateX(-50%); z-index: 32; margin: 0; padding: 0; display: block; background: transparent; }
.lightspeed-box .lsb-image-title {display: block; padding: 5px 10px; color: #ffffff; font-size: 14px; text-shadow: 0 1px 4px #000000; background: rgba(0, 0, 0, 0.32); transition: opacity 0.5s ease-out; opacity: 0; }
.lightspeed-box .lsb-image-title:not(:empty) {opacity: 1; }
.lightspeed-box .lsb-image-title.lsb-image-notitle {opacity: 0; }
.lightspeed-box .lsb-image-count {display: block; margin-right: 5px; font-weight: 500; color: #ffffff; font-size: 11px; text-shadow: 0 1px 4px #000000; background: transparent; }
.lightspeed-box .lsb-control {cursor: pointer; color: #ffffff !important; overflow: visible; text-shadow: 0 0 2px #000; }
.lightspeed-box .lsb-control:hover {color: #ffffff; text-shadow: 0 0 2px #000, 0 0 20px #ffffff; }
.lightspeed-box .lsb-control-text {font-family: Monaco, monospace; font-size: 45px; font-weight: bold; }
.lightspeed-box .lsb-prev, .lightspeed-box .lsb-next {position: absolute; display: block; width: 10%; height: 100%; top: 50%; z-index: 2; }
.lightspeed-box .lsb-prev {left: 0; text-align: left; }
.lightspeed-box .lsb-prev .lsb-control-text {margin-left: 30px; }
.lightspeed-box .lsb-next {right: 0; text-align: right; }
.lightspeed-box .lsb-next .lsb-control-text {margin-right: 30px; }
.lightspeed-box .lsb-close {position: absolute; top: 0; right: 0; width: 25%; height: 25%; z-index: 3; text-align: right; }
.lightspeed-box .lsb-close .lsb-control-text {display: inline-block; margin-top: 17px; margin-right: 30px; font-size: 30px; }
.waitingicon {margin: auto; width: 70px; height: 70px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.waitingicon .waitingicon-circle {width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.waitingicon .waitingicon-circle::before {content: ''; display: block; margin: 0 auto; width: 12px; height: 12px; background-color: #ffffff; border-radius: 50%; animation: waitingiconSicrleDelay 1.2s infinite ease-in-out both; }
.waitingicon .waitingicon-circle:nth-child(1) {transform: rotate(30deg); }
.waitingicon .waitingicon-circle:nth-child(1)::before {animation-delay: -1.3s; }
.waitingicon .waitingicon-circle:nth-child(2) {transform: rotate(60deg); }
.waitingicon .waitingicon-circle:nth-child(2)::before {animation-delay: -1.4s; }
.waitingicon .waitingicon-circle:nth-child(3) {transform: rotate(90deg); }
.waitingicon .waitingicon-circle:nth-child(3)::before {animation-delay: -1.5s; }
.waitingicon .waitingicon-circle:nth-child(4) {transform: rotate(120deg); }
.waitingicon .waitingicon-circle:nth-child(4)::before {animation-delay: -1.6s; }
.waitingicon .waitingicon-circle:nth-child(5) {transform: rotate(150deg); }
.waitingicon .waitingicon-circle:nth-child(5)::before {animation-delay: -1.7s; }
.waitingicon .waitingicon-circle:nth-child(6) {transform: rotate(180deg); }
.waitingicon .waitingicon-circle:nth-child(6)::before {animation-delay: -1.8s; }
.waitingicon .waitingicon-circle:nth-child(7) {transform: rotate(210deg); }
.waitingicon .waitingicon-circle:nth-child(7)::before {animation-delay: -1.9s; }
.waitingicon .waitingicon-circle:nth-child(8) {transform: rotate(240deg); }
.waitingicon .waitingicon-circle:nth-child(8)::before {animation-delay: -2s; }
.waitingicon .waitingicon-circle:nth-child(9) {transform: rotate(270deg); }
.waitingicon .waitingicon-circle:nth-child(9)::before {animation-delay: -2.1s; }
.waitingicon .waitingicon-circle:nth-child(10) {transform: rotate(300deg); }
.waitingicon .waitingicon-circle:nth-child(10)::before {animation-delay: -2.2s; }
.waitingicon .waitingicon-circle:nth-child(11) {transform: rotate(330deg); }
.waitingicon .waitingicon-circle:nth-child(11)::before {animation-delay: -2.3s; }
.waitingicon .waitingicon-circle:nth-child(12) {transform: rotate(360deg); }
.waitingicon .waitingicon-circle:nth-child(12)::before {animation-delay: -2.4s; }
@keyframes waitingiconSicrleDelay {0%, 39%, 100% {opacity: 0; } 40% {opacity: 1; } }

/* ---------- NANOTEK GALERI AYARI ---------------- */
.row_ayar1{justify-content: space-evenly;align-items: center;}
.galeri_img_body{max-width: 290px;width: 100%; height: 140px;margin: 0 auto;margin-bottom: 15px;overflow: hidden;border-radius: 10px;}

.grid {position: relative;margin: 0 auto;list-style: none;text-align: center;height: 100%;}
.grid figure {position: relative; overflow: hidden; text-align: center; cursor: pointer; display: flex;align-items: center;justify-content: center;}
.grid figure img {position: relative; display: block; /*width: 100%;*/ height: 100%; }
.agile-homes-w3l.grid figure figcaption {padding: 5em 4em; color: #fff; font-size: 1.3em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none; }
.grid figure figcaption {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*-----Moses gallery Winston------------*/
figure.effect-winston {text-align: left;height: 100%;}
figure.effect-winston img {-webkit-transition: opacity 0.45s; transition: opacity 0.45s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
figure.effect-winston figcaption::before {position: absolute; top: -10px; left: 25px; width: 100%; height: 100%; background: url(../images/triangle.svg) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
figure.effect-winston:hover img {}
figure.effect-winston:hover figcaption::before {opacity: 0.7; -webkit-transform: rotate3d(0,0,1,20deg); transform: rotate3d(0,0,1,20deg); }
figure.effect-winston p {position: absolute; right: 0; bottom: 0; padding-right: 5px; }
figure.effect-winston p span {margin: 0 0 0 1em; color: #232425; font-size: 1em; }
figure.effect-winston p span:hover{color:#212121; }
figure.effect-winston:hover p span {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
figure.effect-winston p span {opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); }
figure.effect-winston:hover p:nth-child(3) span {-webkit-transition-delay: 0.05s; transition-delay: 0.05s; }
figure.effect-winston:hover p:nth-child(2) span {-webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
figure.effect-winston:hover p:first-child span{-webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
.w3_tabs_grid_sub {margin: 0 0 2em 0; }
/*-- //gallery --*/
figure.effect-moses {background: -webkit-linear-gradient(-45deg, #000 0%,#000 100%); background: linear-gradient(-45deg, #000 0%,#000 100%); }
figure.effect-moses img {opacity: 0.85; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
figure.effect-moses h4,
figure.effect-moses p {padding: 20px; width: 50%; height: 50%; border: 6px solid #fff; }
figure.effect-moses h4 {padding: 36px 20px 20px 20px; width: 50%; color: #fff; font-size: 50px; height: 50%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(10px,10px,0); transform: translate3d(10px,10px,0); background: rgba(0, 0, 0, 0.55); letter-spacing: 2px; }
figure.effect-moses p {float: right; padding: 61px 20px 20px 20px; font-size: 15px; line-height: 2em; text-align: center; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); background: rgba(0, 0, 0, 0.55); letter-spacing: 9px; text-transform: uppercase; }
figure.effect-moses:hover h4 {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
figure.effect-moses:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
figure.effect-moses:hover img {opacity: 0.6; }
@media (max-width: 640px){.date {text-align: center; margin: 0 auto; width: 28%; } .w3_tabs_grid_sub {margin:0.5em 0; } }