.grsTemplate2 .grsThImFrCont { display: block; max-width: 100%; position: absolute; box-sizing: content-box; background-color: rgba(255,255,255,1); box-shadow: 0px 0px 3px rgba(0,0,0,1); border: 1px none rgba(142,155,151,1); border-radius: 0px !important; padding: 5px; overflow: hidden; } .grsTemplate2 .grsThImFrCont { display: block; max-width: 100%; position: absolute; box-sizing: content-box; background-color: rgba(255,255,255,1); box-shadow: 0px 0px 3px rgba(0,0,0,1); border: 1px none rgba(142,155,151,1); border-radius: 0px !important; padding: 5px; overflow: hidden;-webkit-transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear; -ms-transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear; transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear;}.grsTemplate2 .grsThImFrCont:hover {}.grsTemplate2 .grsThImFrCont.pol { -webkit-transition: 0.2s transform linear; -ms-transition: 0.2s transform linear; transition: 0.2s transform linear; } .grsTemplate2 .grsThImFrCont.pol.pol_0 { -webkit-transform: rotate(3deg) scale(1.0); -ms-transform: rotate(3deg) scale(1.0); transform: rotate(3deg) scale(1.0); } .grsTemplate2 .grsThImFrCont.pol.pol_1 { -webkit-transform: rotate(-3deg) scale(1.0); -ms-transform: rotate(-3deg) scale(1.0); transform: rotate(-3deg) scale(1.0); } .grsTemplate2 .grsThImFrCont.pol.pol_2 { -webkit-transform: rotate(0deg) scale(1.0); -ms-transform: rotate(0deg) scale(1.0); transform: rotate(0deg) scale(1.0); } .grsTemplate2 .grsThImFrCont.pol:hover { -webkit-transform: rotate(0deg) scale(1.12); -ms-transform: rotate(0deg) scale(1.12); transform: rotate(0deg) scale(1.12); } .grsTemplate2 .grsThImFrCont > .grsImsBox { overflow: hidden; text-decoration: none; box-shadow: none; border: none; outline: none; z-index: 1; } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC { position: relative; height: 100%; width: 100%; overflow: hidden; } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC > .grsImSecCont { background-size: cover; border-radius: 0px !important; background-position: center; overflow: hidden; width: inherit; height: inherit; -webkit-transition: 0.3s transform ease-in-out; transition: 0.3s transform ease-in-out;}.grsTemplate2 .grsThImFrCont:hover > .grsImsBox > .grsImsMainC > .grsImSecCont {}.grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC > .grsMask { overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC > .grsThTitleC { background-color: rgba(0,0,0,0.75); padding: 10px; border-radius: 0px !important; box-sizing: border-box; position: absolute; overflow: hidden; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; /*-webkit-animation-delay: 0.1s; animation-delay: 0.1s;*/ } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC > .grsThTitleC.grsTOnhover { transition: all 500ms; transition-timing-function: ease-in-out; -webkit-perspective: 100px; perspective: 100px;-webkit-transform: rotateX(5deg) translate3d(0,10px,0); -ms-transform: rotateX(5deg) translateY(10px); transform: rotateX(5deg) translate3d(0,10px,0); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0;}.grsTemplate2 .grsThImFrCont:hover > .grsImsBox > .grsImsMainC .grsThTitleC.grsTOnhover {-webkit-transform: rotateX(0deg) translate3d(0px,0px,0px); transform: rotateX(0deg) translate3d(0px,0px,0px); opacity: 1;}.grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsThTitleCT > .grsThTitleCC > .grsThTitle { font-weight: bold; font-family: sans-serif; font-size: 18px; font-style: normal; color: rgba(255,255,255,1); word-break: break-word; text-align: center; } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsThTitleCT > .grsThTitleCC { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask > .grsImHovEf { padding: 10px; box-sizing: border-box; position: absolute; text-align: center; overflow: hidden; height: 100%; width: 100%; opacity: 0; z-index: 2; left: 0; top: 0; transform: rotate(-33.5deg) translate(-112px,166px); transform-origin: 0% 100%; transition: all 0.4s ease-in-out 0.3s; } /*.grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask .grsImHovEf > h2 { text-transform: uppercase; font-weight: bold; font-family: sans-serif; font-size: 18px; font-style: normal; color: rgba(255,255,255,1); word-break: break-word; text-align: center; position: relative; padding: 5px; background: rgba(0,0,0,0.75); margin: 20px 0 0 0; margin-top: 5px; border-bottom: 1px solid rgba(255,255,255,0.2); } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask > .grsImHovEf > p { text-transform: uppercase; font-weight: bold; font-family: sans-serif; font-size: 18px; font-style: normal; color: rgba(255,255,255,1); word-break: break-word; text-align: center; position: relative; background: rgba(0,0,0,0.75); padding: 10px 20px 20px; }*/ .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask .mask-1, .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask .mask-2{ position: absolute; background-color: rgba(0,0,0,0.75); width: 100%; opacity: 1; transition: all 0.3s ease-in-out 0.6s; z-index: 3; } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask .mask-1 { top: 0px; height: 0%; } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask .mask-2 { bottom: 0px; height: 0%; } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask:hover .grsImHovEf { opacity: 1; transform: rotate(0deg) translate(0px,0px); z-index:3 } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask:hover .mask-1, .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask:hover .mask-2{ transition-delay: 0s; } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask:hover .mask-1{ height: 50%; } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsMask:hover .mask-2 { height: 50%; } .grsTemplate2 .grsThImFrCont > .grsImsBox > .grsImsMainC .grsThTitleCT { display: table; width: 100%; height: 100%; }.grsTemplate2 .grsFilm { display:block; width:100%; background-color: rgba(255,255,255,0); position:relative; height:100%; overflow: hidden; } .grsTemplate2 .grsFilm > .grsFlImFrContmB { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 45px; height: 45px; position:absolute; top: calc(50% - (22.5px)); background-color: rgba(0,0,0,0.28); box-shadow: 0px 0px 0px rgba(0,0,0,0); box-sizing: border-box; border: 0px none rgba(0,0,0,0.42); border-radius: 22.5px; z-index: 3; cursor:pointer; transition: 0.3s all ease-in-out; } .grsTemplate2 .grsFilm > .grsFlImFrContmB:hover { background-color: rgba(0,0,0,0.51); } .grsTemplate2 .grsFilm > .grsFlImFrContmB > .fa { font-size: 25px; color: rgba(255,255,255,1); transition: 0.3s all ease-in-out; margin: 0; padding: 0; border: none; outline: none; } .grsTemplate2 .grsFilm > .grsFlImFrContmB:hover > .fa { color: rgba(255,255,255,1); } .grsTemplate2 .grsFilm > .grsFlImFrContmR { left: 25px; } .grsTemplate2 .grsFilm > .grsFlImFrContmL { right: 25px; } .grsTemplate2 .grsFilm > .grsFlImFIsC { margin: 2px 0px; height: 100%; position: absolute; transition: 0.5s all ease-in-out } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont { background-color: rgba(255,255,255,1); margin: 0px 10px 0px 0px; padding: 5px; box-shadow: 0px 0px 3px rgba(0,0,0,1); border: 0px none rgba(0,0,0,1); box-sizing: content-box; float: left; position: relative; overflow: hidden;-webkit-transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear; -ms-transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear; transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear;}.grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont:first-child { margin: 0px 10px; }.grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont:hover {}.grsTemplate2 .grsFilm .grsFlImFIsC > .grsFlImFrCont:last-child { margin: 0px 0px 0px 0px; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox { overflow: hidden; text-decoration: none; box-shadow: none; border: none; outline: none; z-index: 1; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC { position: relative; height: 100%; width: 100%; overflow: hidden; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsFlImFrContbck { background-color: rgba(255,255,255,1); background-size: cover !important; background-repeat:no-repeat; background-position:center; position:relative; width: 100%; height: 100%; -webkit-transition: 0.3s transform ease-in-out; transition: 0.3s transform ease-in-out;}.grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont:hover > .grsImsBox > .grsImsMainC > .grsFlImFrContbck {}.grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsMask { overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsFmTitleC { background-color: rgba(0,0,0,0.4); padding: 15px; box-sizing: border-box; position: absolute; overflow: hidden; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsFmTitleC.grsTOnhover { transition: all 500ms linear; transition-timing-function: ease-in-out; -webkit-perspective: 100px; perspective: 100px;opacity: 0;}.grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont:hover > .grsImsBox > .grsImsMainC > .grsFmTitleC.grsTOnhover {opacity: 1;}.grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC .grsFmTitleCT > .grsFmTitleCC > .grsFmTitle { font-weight: bold; font-family: sans-serif; font-size: 18px; font-style: normal; color: rgba(255,255,255,1); word-break: break-word; text-align: center; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC .grsFmTitleCT > .grsFmTitleCC { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsMask > .grsImHovEf { padding: 15px; box-sizing: border-box; width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; text-align: center; opacity: 0; font-size: 12px; transform: rotate(-33.5deg) translate(-112px,166px); transform-origin: 0% 100%; transition: all 0.4s ease-in-out 0.3s; z-index: 2; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsMask .mask-1, .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsMask .mask-2 { position: absolute; background-color: rgba(0,0,0,0.75);/*thumbnailMaskColor*/ width: 100%; opacity: 1; transition: all 0.3s ease-in-out 0.6s; z-index: 3; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsMask .mask-1 { top: 0px; height: 0%; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsMask .mask-2 { bottom: 0px; height: 0%; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsMask:hover .grsImHovEf { opacity: 1; transform: rotate(0deg) translate(0px,0px); z-index:3 } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsMask:hover .mask-1, .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsMask:hover .mask-2{ transition-delay: 0s; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsMask:hover .mask-1{ height: 50%; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC > .grsMask:hover .mask-2 { height: 50%; } .grsTemplate2 .grsFilm > .grsFlImFIsC > .grsFlImFrCont > .grsImsBox > .grsImsMainC .grsFmTitleCT { display: table; width: 100%; height: 100%; }.grsTemplate2 .grsCarousel3d { display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,0); margin: 0px 0px; position: relative; overflow: hidden; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC { height: 100%; position: relative; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont { box-sizing: border-box; background-color: rgba(255,255,255,1); margin: 0; padding: 5px; box-shadow: 0px 0px 15px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,1); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,1); border: 0px none rgba(0,0,0,1); float: left; position: absolute; top: 0; left: 0; overflow: hidden;-webkit-transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear; -ms-transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear; transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear;}.grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont:hover {}.grsTemplate2 .grsCarousel3d .grsCrs3dImFIsC > .grsCrs3dImFrCont:last-child { margin: 0; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox { overflow: hidden; text-decoration: none; box-shadow: none; border: none; outline: none; z-index: 1; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC { position: relative; height: 100%; width: 100%; overflow: hidden; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsCrs3dImFrContbck { background-color: rgba(255,255,255,1); background-size: cover !important; background-repeat: no-repeat; background-position: center; position: relative; width: 100%; height: 100%; -webkit-transition: 0.3s transform ease-in-out; transition: 0.3s transform ease-in-out;}.grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont:hover > .grsImsBox > .grsImsMainC > .grsCrs3dImFrContbck {}.grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsMask { overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsCrs3dTitleC { background-color: rgba(0,0,0,0.4); padding: 15px; box-sizing: border-box; position: absolute; overflow: hidden; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsCrs3dTitleC.grsTOnhover { transition: all 500ms linear; transition-timing-function: ease-in-out; -webkit-perspective: 100px; perspective: 100px;opacity: 0;}.grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont:hover > .grsImsBox > .grsImsMainC > .grsCrs3dTitleC.grsTOnhover {opacity: 1;}.grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC .grsCrs3dTitleCT > .grsCrs3dTitleCC > .grsCrs3dTitle { font-weight: bold; font-family: sans-serif; font-size: 18px; font-style: normal; color: rgba(255,255,255,1); word-break: break-word; text-align: center; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC .grsCrs3dTitleCT > .grsCrs3dTitleCC { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsMask > .grsImHovEf { padding: 15px; box-sizing: border-box; width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; text-align: center; opacity: 0; font-size: 12px; transform: rotate(-33.5deg) translate(-112px,166px); transform-origin: 0% 100%; transition: all 0.4s ease-in-out 0.3s; z-index: 2; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsMask .mask-1, .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsMask .mask-2 { position: absolute; background-color: rgba(0,0,0,0.75);/*thumbnailMaskColor*/ width: 100%; opacity: 1; transition: all 0.3s ease-in-out 0.6s; z-index: 3; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsMask .mask-1 { top: 0px; height: 0%; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsMask .mask-2 { bottom: 0px; height: 0%; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsMask:hover .grsImHovEf { opacity: 1; transform: rotate(0deg) translate(0px,0px); z-index:3 } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsMask:hover .mask-1, .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsMask:hover .mask-2{ transition-delay: 0s; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsMask:hover .mask-1{ height: 50%; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC > .grsMask:hover .mask-2 { height: 50%; } .grsTemplate2 .grsCarousel3d > .grsCrs3dImFIsC > .grsCrs3dImFrCont > .grsImsBox > .grsImsMainC .grsCrs3dTitleCT { display: table; width: 100%; height: 100%; }.grsTemplate2 .grsMasImFrCont { display: block; max-width: 100%; position: absolute; box-sizing: content-box; background-color: rgba(255,255,255,1); box-shadow: 0px 0px 3px rgba(0,0,0,1); border: 1px none rgba(0,0,0,1); border-radius: 0px !important; padding: 5px; overflow: hidden;-webkit-transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear; -ms-transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear; transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear;}.grsTemplate2 .grsMasImFrCont:hover {}.grsTemplate2 .grsMasImFrCont .grsIm { box-sizing: border-box; border-radius: 0px; box-shadow: none; height:auto; width:100%; border-radius: 0px !important; -webkit-transition: 0.3s transform ease-in-out; transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;-webkit-transform: rotate(0deg) scale3d(1,1,1); -ms-transform: rotate(0deg) scale3d(1,1,1); transform: rotate(0deg) scale3d(1,1,1);}.grsTemplate2 .grsMasImFrCont:hover .grsIm {-webkit-transform: rotate(5deg) scale3d(1.2,1.2,1.2); -ms-transform: rotate(5deg) scale3d(1.2,1.2,1.2); transform: rotate(5deg) scale3d(1.2,1.2,1.2);}.grsTemplate2 .grsMasImFrCont .grsImSecCont { position: relative; border-radius: 0px !important; height: 100%; width: 100%; overflow: hidden; z-index:0 } .grsTemplate2 .grsMasImFrCont .grsImSecCont > .grsMask { overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; } .grsTemplate2 .grsMasImFrCont .grsImSecCont > .grsMasTitleC { background-color: rgba(0,0,0,0.75); padding: 10px; border-radius: 0px !important; box-sizing: border-box; position: absolute; overflow: hidden; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .grsTemplate2 .grsMasImFrCont .grsImSecCont > .grsMasTitleC.grsTOnhover { transition: all 500ms linear; transition-timing-function: ease-in-out; -webkit-perspective: 100px; perspective: 100px;opacity: 0;}.grsTemplate2 .grsMasImFrCont:hover .grsMasTitleC.grsTOnhover {opacity: 1;}.grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMasTitleCT > .grsMasTitleCC > .grsMasTitle { font-weight: bold; font-family: sans-serif; font-size: 18px; font-style: normal; color: rgba(255,255,255,1); word-break: break-word; text-align: center; } .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMasTitleCT > .grsMasTitleCC { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMask > .grsImHovEf { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; text-align: center; opacity: 0; font-size: 12px; transform: rotate(-33.5deg) translate(-112px,166px); transform-origin: 0% 100%; transition: all 0.4s ease-in-out 0.3s; z-index: 2; } .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMask .mask-1, .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMask .mask-2 { position: absolute; background-color: rgba(0,0,0,0.75); /*thumbnailMaskColor*/ width: 100%; opacity: 1; transition: all 0.3s ease-in-out 0.6s; z-index: 3; } .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMask .mask-1 { top: 0px; height: 0%; } .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMask .mask-2 { bottom: 0px; height: 0%; } .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMask:hover .grsImHovEf { opacity: 1; transform: rotate(0deg) translate(0px,0px); z-index:3 } .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMask:hover .mask-1, .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMask:hover .mask-2{ transition-delay: 0s; } .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMask:hover .mask-1{ height: 50%; } .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMask:hover .mask-2 { height: 50%; } .grsTemplate2 .grsMasImFrCont .grsImSecCont .grsMasTitleCT { display: table; width: 100%; height: 100%; }.grsTemplate2 .grsMosImFrCont { display: block; max-width: 100%; position: absolute; box-sizing: content-box; background-color: rgba(255,255,255,1); box-shadow: 0px 0px 3px rgba(0,0,0,1); border: 1px none rgba(0,0,0,1); border-radius: 0px !important; padding: 5px; overflow: hidden;-webkit-transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear; -ms-transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear; transition: 0.5s left linear, 0.5s top linear, 0.5s width linear, 0.5s height linear;}.grsTemplate2 .grsMosImFrCont:hover {}.grsTemplate2 .grsMosImFrCont .grsIm { box-sizing: border-box; border-radius: 0px; box-shadow: none; width:100%; border-radius: 0px !important; -webkit-transition: 0.3s transform ease-in-out; transition: 0.3s transform ease-in-out, 0.3s opacity ease-in-out;}.grsTemplate2 .grsMosImFrCont:hover .grsIm {}.grsTemplate2 .grsMosImFrCont .grsImSecCont { position: relative; border-radius: 0px !important; height: 100%; width: 100%; overflow: hidden; } .grsTemplate2 .grsMosImFrCont .grsImSecCont > .grsMask { overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; } .grsTemplate2 .grsMosImFrCont .grsImSecCont > .grsMosTitleC { background-color: rgba(0,0,0,0.75); padding: 5px; border-radius: 0px !important; box-sizing: border-box; position: absolute; overflow: hidden; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .grsTemplate2 .grsMosImFrCont .grsImSecCont > .grsMosTitleC.grsTOnhover { transition: all 500ms linear; transition-timing-function: ease-in-out; -webkit-perspective: 100px; perspective: 100px;-webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0;}.grsTemplate2 .grsMosImFrCont:hover .grsMosTitleC.grsTOnhover {-webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1;}.grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMosTitleCT > .grsMosTitleCC > .grsMosTitle { font-weight: bold; font-family: sans-serif; font-size: 18px; font-style: normal; color: rgba(255,255,255,1); word-break: break-word; text-align: center; } .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMosTitleCT > .grsMosTitleCC { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask > .grsImHovEf { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; text-align: center; opacity: 0; font-size: 12px; transform: rotate(-33.5deg) translate(-112px,166px); transform-origin: 0% 100%; transition: all 0.4s ease-in-out 0.3s; z-index: 2; } /*.grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask .grsImHovEf > h2 { text-transform: uppercase; font-weight: bold; font-family: sans-serif; font-size: 18px; font-style: normal; color: rgba(255,255,255,1); word-break: break-word; text-align: center; position: relative; padding: 5px; background: rgba(0,0,0,0.75); margin: 20px 0 0 0; margin-top: 5px; border-bottom: 1px solid rgba(255,255,255,0.2); } .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask > .grsImHovEf > p { text-transform: uppercase; font-weight: bold; font-family: sans-serif; font-size: 18px; font-style: normal; color: rgba(255,255,255,1); word-break: break-word; text-align: center; position: relative; background: rgba(0,0,0,0.75); padding: 10px 20px 20px; }*/ .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask .mask-1, .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask .mask-2{ position: absolute; background-color: rgba(0,0,0,0.75); /*thumbnailMaskColor*/ width: 100%; opacity: 1; transition: all 0.3s ease-in-out 0.6s; z-index: 3; } .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask .mask-1 { top: 0px; height: 0%; } .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask .mask-2 { bottom: 0px; height: 0%; } .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask:hover .grsImHovEf { opacity: 1; transform: rotate(0deg) translate(0px,0px); z-index:3 } .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask:hover .mask-1, .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask:hover .mask-2{ transition-delay: 0s; } .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask:hover .mask-1{ height: 50%; } .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMask:hover .mask-2 { height: 50%; } .grsTemplate2 .grsMosImFrCont .grsImSecCont .grsMosTitleCT { display: table; width: 100%; height: 100%; }.grsTemplate2 { max-width: 100% !important; } .grsTemplate2.grsPopup { width:100%; height:100%; position:fixed; top:0px; left:0px; z-index: 99999; cursor:pointer; background-color: rgba(0, 0, 0, 0.63); } .grsTemplate2 .grsPopupRc { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .grsTemplate2 .grsPopupRc > .grsPopupMc { display:inline-block; height:100%; max-width: 100%; overflow:hidden; position:relative; cursor:auto } .grsTemplate2 .grsPopupImC { display:block; max-height: 100%; height:100%; position:relative; overflow: hidden; float:left; background-color: rgba(0,0,0,1); } /*Filmstrip*/ .grsTemplate2 .grsPopupImC > .grsPopupFc { display:block; width:100%; background-color: rgba(0,0,0,1); position:relative; height: 80px; overflow: hidden; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmB { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position:absolute; box-sizing: border-box; width: 27px; height: 27px; top: calc(50% - (13.5px)); background-color: rgba(218,218,218,0.64); box-shadow: 0px 0px 0px rgba(115,115,115,1); border-radius: 15px; border: 0px none rgba(0,0,0,0.52); z-index: 2;opacity: 0;cursor:pointer; transition: 0.3s all linear; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmB:hover { background-color: rgba(218,218,218,0.64); } .grsTemplate2 .grsPopupImC > .grsPopupFc:hover > .grsPopupFmB { opacity: 1; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmB > .fa { font-size: 15px; color: rgba(92,92,92,1); transition: 0.3s all ease-in-out; margin: 0; padding: 0; border: none; outline: none; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmB:hover > .fa { color: rgba(255,255,255,1); } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmR { left: 20px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmL { right: 20px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC { transition: 0.5s all ease-in-out; display:block; overflow: hidden; position:relative; box-sizing: content-box; margin: 0px; background-color: rgba(0,0,0,1); height: 100%; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC:first-child { margin: 10px 7px 10px 7px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC { background-color: rgba(255,255,255,1); height: 60px; width: 90px; margin: 10px 7px 10px 0px; padding: 0px; border: 0px none rgba(115,115,115,0); box-shadow: 0px 0px 0px rgba(255,255,255,1); float:left; cursor: pointer; box-sizing: content-box;}.grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC:hover {}.grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiCAc {}.grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC > .grsPopupFi { height: 100%; width: 100%; background-size: cover !important; background-repeat:no-repeat; background-position:center; box-sizing: border-box;outline: 2px solid rgba(115,115,115,0); transition: 0.1s outline-color linear} .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC.grsPopupFiCAc > .grsPopupFi {outline-color: rgba(255,255,255,1);} /* Image layers and navigation */ /* Image layers */ .grsTemplate2 .grsPopupImMc { max-height: 100%; display:block; width:inherit; background-color: rgba(0,0,0,1); position:relative; overflow: hidden; } .grsTemplate2 .grsPopupImMc > .grsPopupImLc { height:inherit; width:inherit; position:absolute; top:0px; left:0px; text-align: center; } .grsTemplate2 .grsPopupImMc > .grsPopupImFLc { z-index: 0; } .grsTemplate2 .grsPopupImMc > .grsPopupImSLc { z-index: 0; } .grsTemplate2 .grsPopupImMc > .grsPopupImFLc.active { z-index: 1; } .grsTemplate2 .grsPopupImMc > .grsPopupImSLc.active { z-index: 1; } .grsTemplate2 .grsPopupImMc video, .grsPopupImMc iframe { height:100%; width:100%; } .grsTemplate2 .grsPopupImMc > .grsPopupImLc > .grsPopupImLV { height:inherit; width:inherit; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .grsTemplate2 .grsPopupImMc > .grsPopupImLc > .grsPopupImLV > .grsPopupImLfE { position:relative; overflow:hidden; display:block; } .grsTemplate2 .grsPopupImMc > .grsPopupImLc > .grsPopupImLV > .grsPopupImLfE > img { display:block; } /*Navigation*/.grsTemplate2 .grsPopupImMc:hover > .grsPopupImNVl {opacity: 1;}.grsTemplate2 .grsPopupImMc:hover > .grsPopupImNVr {opacity: 1;}.grsTemplate2 .grsPopupImMc > .grsPopupImNVb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /*-webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;*/ position: absolute; top: calc(50% - (100px)); height: 200px; width: 200px; box-shadow: 0px 0px 0px rgba(99,99,99,0); background-color: rgba(255,255,255,0); border: 1px none rgba(255,255,255,1); border-radius: 0px; z-index: 2; cursor:pointer; transition: 0.3s all ease-in-out;}.grsTemplate2 .grsPopupImMc > .grsPopupImNVl { -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; left: 0;opacity: 0;}.grsTemplate2 .grsPopupImMc > .grsPopupImNVr { -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; right: 0;opacity: 0;} .grsTemplate2 .grsPopupImMc > .grsPopupImNVl > .fa { margin: 0 0 0 30px; } .grsTemplate2 .grsPopupImMc > .grsPopupImNVr > .fa { margin: 0 30px 0 0; } .grsTemplate2 .grsPopupImMc > .grsPopupImNVb > .fa { font-size: 50px; color: rgba(255,255,255,1); text-shadow: 0px 0px 0px rgba(5,5,5,0); transition: 0.2s all ease-in-out; padding: 0; border: none; outline: none; } .grsTemplate2 .grsPopupImMc > .grsPopupImNVb:hover > .fa { color: rgba(255,255,255,1); text-shadow: 0px 0px 1px rgba(13,12,12,1); } /* Loading */ .grsTemplate2 .grsPopupImMc > .grsPopupLc { height: 56px; z-index:1; width:100%; max-height: 100%; position:absolute; top: 10px; left: 10px; background-image: url('https://robokidz.uz/wp-content/plugins/limb-gallery/images/admin/ring-alt-p.svg'); background-position: left top; background-repeat: no-repeat; background-size: auto; } .grsTemplate2 .grsPopupCoC .grsPopupCoCLoC { height: 30px; width: 30px; float: left; background-image: url('https://robokidz.uz/wp-content/plugins/limb-gallery/images/admin/ring-alt-c.svg'); background-position: center center; background-repeat: no-repeat; background-size: auto; } /* Control Buttons */ .grsTemplate2 .grsPopupImMc > .grsPopupB { z-index:3; width:100%; max-height: 100%; position: absolute; top: 0px; left: 0px; height: 47px; box-sizing: content-box; border: 2px none rgba(255,255,255,1); background: rgba(0,0,0,0.16); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(180deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(180deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(180deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* Standard syntax */ box-shadow: 0px 0px 0px rgba(255,255,255,0); border-top-style: none; border-right-style: none; border-left-style: none; opacity: 0; transition: 0.3s all ease-in-out; } .grsTemplate2 .grsPopupImMc:hover > .grsPopupB { opacity: 1; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC { float: left; height: 27px; margin: 10px 0px; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC { float:right; height: 27px; margin: 10px 0px; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC .grsPopupSB { margin: 0px 0px 0px 10px ; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC .grsPopupOB { margin: 0px 10px 0px 0px; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC .grsPopupSB, .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC .grsPopupOB { width: 27px; height: 27px; border: 2px none rgba(255,255,255,0); box-sizing: content-box; border-radius: 4px; box-shadow: 0px 0px 0px rgba(84,84,84,0.5); background-color: rgba(218,218,218,0.19); cursor: pointer; float:left; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: 0.2s all ease-in-out; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC .grsPopupSB:hover, .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC .grsPopupOB:hover { background-color: rgba(168,168,168,0.5); } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC .grsPopupSB > .fa, .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC .grsPopupOB > .fa { margin: 0; padding: 0; border: none; outline: none; font-size: 15px; color: rgba(255,255,255,1); text-shadow: 0px 0px 0px rgba(0,0,0,0); transition: 0.3s all ease-in-out; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC .grsPopupSB:hover > .fa, .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC .grsPopupOB:hover > .fa { color: rgba(255,255,255,1); text-shadow: none; transition: 0.3s all ease-in-out; } /* Refactored styles for video content */ .grsTemplate2 .grsPopupImMc > .grsPopupB.refactorContent { left: 0; width: 47px; height: 100%; border: none; background: rgba(0,0,0,0.16); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(90deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(90deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(90deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* Standard syntax */ } .grsTemplate2 .grsPopupImMc > .grsPopupB.refactorContent > .grsPopupSBmC { position: absolute; top: 40px; width: 27px; height: auto; margin: 0px 10px; } .grsTemplate2 .grsPopupImMc > .grsPopupB.refactorContent > .grsPopupOBmC { position: absolute; bottom: 40px; width: 27px; height: auto; margin: 0px 10px; } .grsTemplate2 .grsPopupImMc > .grsPopupB.refactorContent > .grsPopupSBmC .grsPopupSB { margin: 10px 0px 0px 0px; } .grsTemplate2 .grsPopupImMc > .grsPopupB.refactorContent > .grsPopupOBmC .grsPopupOB { margin: 0px 0px 10px 0px; } /*Title & description*/ .grsTemplate2 .grsPopupImMc > .grsPopupTc { position: absolute;bottom: 0px; left: 0; right: 0; margin: auto;width: 100%; padding: 20px; background: rgba(0,0,0,0.16); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(0deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(0deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */ background: linear-gradient(0deg, rgba(0,0,0,0.16), rgba(0,0,0,0)); /* Standard syntax */ box-shadow: 0px 0px 0px rgba(255,255,255,0); font-family: sans-serif; z-index: 1; border-radius: 2px; box-sizing: border-box; line-height: normal; max-block-size: max-content; max-width: 100%; opacity: 0; transition: 0.3s all ease-in-out; } .grsTemplate2 .grsPopupImMc:hover > .grsPopupTc { opacity: 1; } .grsTemplate2 .grsPopupImMc > .grsPopupTc > span { display: block; color: rgba(255,255,255,1); text-align: left; word-wrap: break-word; font-size: 20px; font-weight: bold; max-width: 60%; } .grsTemplate2 .grsPopupImMc > .grsPopupTc > p { color: rgba(255,255,255,1); text-align: justify; word-wrap: break-word; line-height: 1.5; margin: 0; padding: 0; font-size: 15px; font-weight: 500; max-width: 90%; } /* Image counting */ .grsTemplate2 .grsPopupImMc > .grsPopupImCount { position: absolute;bottom: 10px; right: 10px;z-index: 1; border-radius: 4px; background-color: rgba(0,0,0,0); padding: 3px; box-shadow: 0px 0px 0px rgba(255,255,255,0); box-sizing: border-box; line-height: normal; opacity: 0; transition: 0.3s all ease-in-out; } .grsTemplate2 .grsPopupImMc:hover > .grsPopupImCount { opacity: 1; } .grsTemplate2 .grsPopupImMc > .grsPopupImCount > span { display: block; color: rgba(255,255,255,1); font-size: 11px; font-weight: bold; font-family: sans-serif; } /* Comments container */ .grsTemplate2 .grsPopupCoC { max-height: 100%; display: block; height: 100%; position: absolute; overflow: hidden; background-color: rgba(0,0,0,1); padding: 35px 10px; box-sizing:border-box; text-align:left; overflow: auto; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCb { position:absolute; left: 5px; top: 5px; width:25px; height:25px; background-color: rgba(255,255,255,0); box-shadow: 0px 0px 0px rgba(97,97,97,1); border: 1px none rgba(255,255,255,1); border-radius: 3px; z-index: 2; cursor:pointer; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: 0.3s background-image linear; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCb > .fa { font-size: 14px; color: rgba(255,255,255,1); transition: 0.3s all ease-in-out; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCb:hover > .fa { color: rgba(92,92,92,1); } .grsTemplate2 .grsPopupCoC > .grsPopupCoCNc, .grsTemplate2 .grsPopupCoC > .grsPopupCoCEc, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc { margin: 8px 0px 0px 0px; box-sizing: border-box; border-width: 1px; border-color: white; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCNc > .grsPopupCoCNLc, .grsTemplate2 .grsPopupCoC > .grsPopupCoCEc > .grsPopupCoCELc, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc > .grsPopupCoCCLc, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPic { margin: 0px 0px 3px 0px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCNc label , .grsTemplate2 .grsPopupCoC > .grsPopupCoCEc label, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc label, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc label { font-weight: 600; font-family: inherit; font-size: 12px; font-style: inherit; color: rgba(255,255,255,1); cursor: pointer; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCNc .grsPopupCoCNi, .grsTemplate2 .grsPopupCoC > .grsPopupCoCEc .grsPopupCoCEi, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc .grsPopupCoCCi, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc .grsPopupCoCCPinp { font-size: 12px; font-family: inherit; font-weight: inherit; font-style: inherit; box-shadow: 0px 0px 0px rgba(209,209,209,1); border: 1px solid rgba(99,99,99,1); border-radius: 2px; background-color: rgba(0,0,0,1); color: rgba(255,255,255,0.67) !important; padding: 2px; box-sizing: border-box; max-width: 100%; width: 100%; -webkit-appearance: none; text-decoration: none; overflow: hidden; transition-duration: 200ms !important; -webkit-transition-duration: 200ms !important; transition-property: border, box-shadow !important; -webkit-transition-property: border, box-shadow !important; transition-timing-function: linear !important; -webkit-transition-timing-function: linear !important; outline: none; height: auto; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCNc .grsPopupCoCNi:focus, .grsTemplate2 .grsPopupCoC > .grsPopupCoCEc .grsPopupCoCEi:focus, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc .grsPopupCoCCi:focus, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc .grsPopupCoCCPinp:focus { padding: 2px; -webkit-appearance: none; overflow: hidden; background-color: rgba(0,0,0,1); box-shadow: 0px 0px 0px rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.87); outline: none; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCNc .grsPopupCoCNi.error, .grsTemplate2 .grsPopupCoC > .grsPopupCoCEc .grsPopupCoCEi.error, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc .grsPopupCoCCi.error, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc .grsPopupCoCCPinp.error { box-shadow: 0px 0px 0px red; border: 1px solid red; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc .grsPopupCoCCi, .grsPopupCoC > .grsPopupCoCCc .grsPopupCoCCi:focus { min-height: 120px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPic { float:left; width: 70px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPic > .grsPopupCoCCPi { width: 100%; max-height:32px; margin: 0px 0px 2px 0px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPic > .grsPopupCoCCPi > .grsPopupCoCCPim { width: 100%; min-height:32px; max-height:32px } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPcRc { float: left; height: 50px;/*captcha nkar + input size + 2*input padding + 2*inputborder*/ margin: 0px 0px 0px 6px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPcRc > .grsPopupCoCCPcRcV { display: table; height: 100%; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPcRc > .grsPopupCoCCPcRcV > .grsPopupCoCCPcRcVc { display: table-cell; height: 100%; vertical-align: middle; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPcRc > .grsPopupCoCCPcRcV > .grsPopupCoCCPcRcVc > .grsPopupCoCCPcR { width: 30px; height: 30px; background-color: rgba(255,255,255,0); box-shadow: 0px 0px 0px rgba(99,99,99,1); border: 1px none rgba(255,255,255,1); border-radius: 2px; cursor: pointer; transition: 0.3s background-image linear; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPcRc > .grsPopupCoCCPcRcV > .grsPopupCoCCPcRcVc > .grsPopupCoCCPcR > .fa { font-size: 18px; color: rgba(255,255,255,1); transition: 0.3s all ease-in-out; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPcRc > .grsPopupCoCCPcRcV > .grsPopupCoCCPcRcVc > .grsPopupCoCCPcR:hover > .fa { color: rgba(92,92,92,1); } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc .grsPopupCoCCPinp { } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCosC { margin: 8px 0px 0px 0px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCosC .grsPopupCoCCoC { margin-top: 2px; padding: 3px 3px 3px 3px; box-sizing: border-box; border-width: 1px; border-color: white; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCosC > .grsPopupCoCCoC > .grsPopupCoCCoTc { font-weight: normal; font-family: inherit; font-size: 12px; font-style: inherit; color: rgba(255,255,255,1); line-height: 13px; margin: 0px; word-wrap: break-word; text-align: left; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCosC > .grsPopupCoCCoC > .grsPopupCoCCoTc > .grsPopupCoCCoTn { font-weight: normal; font-family: inherit; font-size: 13px; font-style: italic; color: rgba(255,255,255,1); margin: 0px 10px 0px 0px; word-wrap: break-word; text-align: left; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCosC > .grsPopupCoCCoC > .grsPopupCoCCoTd { display: block; margin: 5px 0px 0px 0px; font-weight: normal; font-family: inherit; font-size: 10px; font-style: normal; color: rgba(255,255,255,0.8); word-wrap: break-word; text-align: left; } .grsTemplate2 .grsPopupCoCClos { position:absolute;top: -2px; right: -24px;width:20px; height:20px; border-radius:20px; border: 0px none rgba(255,255,255,1); background-color: rgba(255,255,255,0); box-shadow: 0px 0px 0px rgba(122,122,122,0.87); cursor:pointer; z-index: 3; transition: 0.3s all linear; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .grsTemplate2 .grsPopupCoCClos > .fa { font-size: 24px; color: rgba(255,255,255,1); transition: 0.3s all ease-in-out; margin: 0; border: 0; outline: 0; padding: 0; } .grsTemplate2 .grsPopupCoCClos:hover > .fa { color: rgba(135,135,135,1); } .grsTemplate2 .grsPopupCoCClos.grsPopupCoCClosRes {top: 5px; right: 5px; } .grsTemplate2 .grsPopupCoCClos.grsPopupCoCClosResWithFilm {top: 80px; right: 5px; } .grsTemplate2 .grsPopupCoCClos.grsPopupCoCClosResWithContButts {top: 47px; right: 10px; } .grsTemplate2 .grsPopupCoCClos.comm {top: 5px; right: 5px; } /* Media rules */ @media screen and (max-width: 700px) , screen and (max-height: 500px) { /* Filmstrip */ .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC:first-child { margin: 5px 3px 5px 3px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC {height: 40px; width: 80px; margin: 5px 3px 5px 0px; padding: 0; border: none; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC > .grsPopupFi {outline-width: 1px} .grsTemplate2 .grsPopupImC > .grsPopupFc { height: 50px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmB {width: 25px; height: 25px; top: calc(50% - (12.5px)); border-radius: 15px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmR { left: 3px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmL { right: 3px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmB > .fa { font-size: 18px; } /* Control buttons */ .grsTemplate2 .grsPopupImMc > .grsPopupB { height: 37px; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC { height: 23px; margin: 7px 0px; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC { height: 23px; margin: 7px 0px; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC .grsPopupSB, .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC .grsPopupOB { width: 23px; height: 23px; border: 1px none rgba(255,255,255,0); } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC .grsPopupSB { margin: 0px 0px 0px 10px ; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC .grsPopupOB { margin: 0px 10px 0px 0px; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC .grsPopupSB > .fa, .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC .grsPopupOB > .fa { font-size: 13px; } /* Navigation */ .grsTemplate2 .grsPopupImMc > .grsPopupImNVb { height: 100px; width: 100px; top: calc(50% - (50px)); } .grsTemplate2 .grsPopupImMc > .grsPopupImNVl > .fa { margin-left: 15px; } .grsTemplate2 .grsPopupImMc > .grsPopupImNVr > .fa { margin-right: 15px; } .grsTemplate2 .grsPopupImMc > .grsPopupImNVb > .fa { font-size: 45px; } /*Title & description*/ .grsTemplate2 .grsPopupImMc > .grsPopupTc { width: 100%; padding: 10px; } .grsTemplate2 .grsPopupImMc > .grsPopupTc > span { font-size: 12px; } .grsTemplate2 .grsPopupImMc > .grsPopupTc > p { font-size: 10px; } /*Image counting*/ .grsTemplate2 .grsPopupImMc > .grsPopupImCount {bottom: 10px; right: 12px; padding: 1px; } .grsTemplate2 .grsPopupImMc > .grsPopupImCount > span { font-size: 10px; } /* Comments container */ .grsTemplate2 .grsPopupCoC > .grsPopupCoCNc label , .grsTemplate2 .grsPopupCoC > .grsPopupCoCEc label, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc label, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc label { font-size: 12px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCNc .grsPopupCoCNi, .grsTemplate2 .grsPopupCoC > .grsPopupCoCEc .grsPopupCoCEi, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc .grsPopupCoCCi, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc .grsPopupCoCCPinp { font-size: 11px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCb { width: 25px; height: 25px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPcRc > .grsPopupCoCCPcRcV > .grsPopupCoCCPcRcVc > .grsPopupCoCCPcR { width: 25px; height: 25px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCb > .fa, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPcRc > .grsPopupCoCCPcRcV > .grsPopupCoCCPcRcVc > .grsPopupCoCCPcR > .fa { font-size: 13px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc .grsPopupCoCCi, .grsPopupCoC > .grsPopupCoCCc .grsPopupCoCCi:focus { min-height: 90px; } /* Popup close button */ .grsTemplate2 .grsPopupCoCClos { width: 30px; height: 30px; border: 1px none rgba(255,255,255,1); } .grsTemplate2 .grsPopupCoCClos > .fa { font-size: 18px; } .grsTemplate2 .grsPopupCoCClos.grsPopupCoCClosRes {top: 30px; right: 2px; } .grsTemplate2 .grsPopupCoCClos.grsPopupCoCClosResWithFilm {top: 75px; right: 2px; } .grsTemplate2 .grsPopupCoCClos.grsPopupCoCClosResWithContButts {top: 62px; right: 2px; } .grsTemplate2 .grsPopupCoCClos.comm {top: 5px; right: 5px; } } /* Media rules */ @media screen and (max-width: 400px) , screen and (max-height: 200px) { /* Filmstrip */ .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC:first-child { margin: 2px 1px 2px 1px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC {height: 25px; width: 50px; margin: 2px 1px 2px 0px; padding: 0; border: none; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC > .grsPopupFi { height: 25px; width: 50px; } .grsTemplate2 .grsPopupImC > .grsPopupFc { height: 29px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmB {width: 18px; height: 18px; top: calc(50% - (9px)); border-radius: 15px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmR { left: 3px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmL { right: 3px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFmB > .fa { font-size: 14px; } .grsTemplate2 .grsPopupImC > .grsPopupFc .grsPopupFIsC > .grsPopupFiC > .grsPopupFi {outline-width: 0px} /* Control buttons */ .grsTemplate2 .grsPopupImMc > .grsPopupB { height: 29px; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC { height: 19px; margin: 5px 0px; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC { height: 19px; margin: 5px 0px; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC .grsPopupSB, .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC .grsPopupOB { width: 19px; height: 19px; border: 1px none rgba(255,255,255,0); } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC .grsPopupSB { margin: 0px 0px 0px 5px ; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC .grsPopupOB { margin: 0px 5px 0px 0px; } .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupSBmC .grsPopupSB > .fa, .grsTemplate2 .grsPopupImMc > .grsPopupB > .grsPopupOBmC .grsPopupOB > .fa { font-size: 11px; } /* Navigation */ .grsTemplate2 .grsPopupImMc > .grsPopupImNVb { height: 60px; width: 60px; top: calc(50% - (30px)); } .grsTemplate2 .grsPopupImMc > .grsPopupImNVl > .fa { margin-left: 10px; } .grsTemplate2 .grsPopupImMc > .grsPopupImNVr > .fa { margin-right: 10px; } .grsTemplate2 .grsPopupImMc > .grsPopupImNVb > .fa { font-size: 35px; } /* Popup close button */ .grsTemplate2 .grsPopupCoCClos { width: 23px; height: 23px; border: 1px none rgba(255,255,255,1); } .grsTemplate2 .grsPopupCoCClos.grsPopupCoCClosRes {top: 20px; right: 0px; } .grsTemplate2 .grsPopupCoCClos.grsPopupCoCClosResWithFilm {top: 44px; right: 0px; } .grsTemplate2 .grsPopupCoCClos.grsPopupCoCClosResWithContButts {top: 44px; right: 0px; } .grsTemplate2 .grsPopupCoCClos.comm {top: 5px; right: 0px; } /*Title & description*/ .grsTemplate2 .grsPopupImMc > .grsPopupTc { width: 100%; padding: 5px; } .grsTemplate2 .grsPopupImMc > .grsPopupTc > span { font-size: 11px; } .grsTemplate2 .grsPopupImMc > .grsPopupTc > p { font-size: 10px; } /*Image counting*/ .grsTemplate2 .grsPopupImMc > .grsPopupImCount {bottom: 5px; right: 5px; padding: 0px; } .grsTemplate2 .grsPopupImMc > .grsPopupImCount > span { font-size: 9px; } /* Comments container */ .grsTemplate2 .grsPopupCoC > .grsPopupCoCNc label , .grsTemplate2 .grsPopupCoC > .grsPopupCoCEc label, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc label, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc label { font-size: 11px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCNc .grsPopupCoCNi, .grsTemplate2 .grsPopupCoC > .grsPopupCoCEc .grsPopupCoCEi, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc .grsPopupCoCCi, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc .grsPopupCoCCPinp { font-size: 10px; padding: 1px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCb { width: 20px; height: 20px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPcRc > .grsPopupCoCCPcRcV > .grsPopupCoCCPcRcVc > .grsPopupCoCCPcR { width: 20px; height: 20px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCb > .fa, .grsTemplate2 .grsPopupCoC > .grsPopupCoCCPc > .grsPopupCoCCPcRc > .grsPopupCoCCPcRcV > .grsPopupCoCCPcRcVc > .grsPopupCoCCPcR > .fa { font-size: 12px; } .grsTemplate2 .grsPopupCoC > .grsPopupCoCCc .grsPopupCoCCi, .grsPopupCoC > .grsPopupCoCCc .grsPopupCoCCi:focus { min-height: 60px; } }.grsTemplate2 .grsNavD { display: block; margin: 30px auto 0 auto; } .grsTemplate2 .grsNavD .grsNavC { text-align: center; display: block; } /*.grsTemplate2 .grsNavD .grsHideNav { display: none; }*/ .grsTemplate2 .grsNavD .grsNavC > .grsNav { display: inline-block; margin: 0px; padding: 0px; } .grsTemplate2 .grsNavD .grsNavC > .grsNav:after { content: ''; clear: both; display: block; } .grsTemplate2 .grsNavD .grsNavC > .grsNav > .grsNavL { float: left; display: block; margin: 0px 0px 0px 5px; } .grsTemplate2 .grsNavD .grsNavC > .grsNav > .grsNavLF { margin-left: 0px; } .grsTemplate2 .grsNavD .grsNavC > .grsNav > .grsNavLL { margin-right: 0px; } .grsTemplate2 .grsNavD .grsNavC > .grsNav > .grsNavL > .grsNavA { text-decoration: none; outline: none; background: rgba(255,255,255,1); padding: 0px 12px; display: block; border: 1px none rgba(0,0,0,1); color: rgba(68,68,68,1); font-family: sans-serif; font-style: normal; font-weight: 500; font-size: 12px; box-shadow: 0px 0px 1px rgba(0,0,0,1); border-radius: 0px; transition: 0.3s background linear; } .grsTemplate2 .grsNavD .grsNavC > .grsNav > .grsNavL > .grsNavA:focus { outline: none; } .grsTemplate2 .grsNavD .grsNavC > .grsNav > .grsNavL > .grsNavA:hover { background: rgba(222,222,222,1); } .grsTemplate2 .grsNavD .grsNavC > .grsNav > .grsNavL > .grsNavAct { background: rgba(212,212,212,1); } /* Load more */ .grsTemplate2 .grsNavD .grsNavC > .grsNavLoadMore { text-decoration: none; outline: none; background: rgba(255,255,255,1); padding: 12px; border: 1px none rgba(0,0,0,1); color: rgba(68,68,68,1); font-family: sans-serif; font-style: normal; font-weight: 500; font-size: 12px; box-shadow: 0px 0px 1px rgba(0,0,0,1); border-radius: 0px; display: inline-block; transition: 0.3s background linear; } .grsTemplate2 .grsNavD .grsNavC > .grsNavLoadMore:hover { background: rgba(222,222,222,1); } .grsTemplate2 .grsNavD .grsNavC > .grsNavLoadMore:focus { outline: none; } /*Back button*/ .grsTemplate2 .grsBackC { margin: 0 auto 10px auto; text-align: center; } .grsTemplate2 .grsBackC > .grsBack { text-decoration: none; outline: none; background: rgba(255,255,255,1); padding: 0 10px; border: 1px none rgba(0,0,0,1); color: rgba(68,68,68,1); font-family: sans-serif; font-style: normal; font-weight: 500; font-size: 12px; box-shadow: 0px 0px 1px rgba(0,0,0,1); border-radius: 0px; display: inline-block; transition: 0.3s background linear; } .grsTemplate2 .grsBackC > .grsBack:hover { background: rgba(222,222,222,1); }