/* Start:/local/templates/granit/components/psk/psk.360rotator/arr/style.css?17065988851945*/
.psk_360_wrapper{position:relative;min-height:100px;}
.psk_360_wrapper img{width:100%;display:none;}
.psk_360_loader{position:absolute;top:50%;left:50%;}
@keyframes psk_rotate{
  0%{-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);}
  50%{-webkit-transform: rotate(180deg) scale(0.6);transform: rotate(180deg) scale(0.6);}
  100%{-webkit-transform: rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}
}
.psk_360_loader:after{content:'360\00B0';position:absolute;top:-30px;left:-30px;width:45px;height:45px;border-radius:100%;-webkit-animation:psk_rotate 1.5s 0s ease-in-out infinite reverse;animation:psk_rotate 1.5s 0s ease-in-out infinite reverse;border-style:solid;border-width:2px;border-color:#f00 transparent;text-align:center;padding:10px 0 0;color:#f00;font-size:14px;line-height:18px;}
.psk_360_loader:before{content:'';position:absolute;left:-50px;top:-50px;height:85px;width:85px;border-radius:100%;-webkit-animation:psk_rotate 1s 0s ease-in-out infinite;animation:psk_rotate 1s 0s ease-in-out infinite;border-style:solid;border-width:2px;border-color:#f00 transparent;text-align:center;}
.psk_360_startStop{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:100%;border:2px solid #fff;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cpath%20d%3D%22M25%200%20L200%20100%20L25%20200%20Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;background-size:50%;opacity:0.5;cursor:pointer;}
.psk_360_startStop:hover{opacity:1;}
.psk_360_startStop_play{background:url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20175%20175%22%20%3E%3Cpath%20d%3D%22M0%200%20L175%200%20L175%20175%20L0%20175%20Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;background-size:50%;}

/* End */


/* Start:/local/templates/granit/components/psk/psk.360rotator/popup-arr/style.css?16874532003039*/
.psk_360_wrapper_popup{position:fixed;height:auto;width:auto;top:0;left:0;background:rgba(255, 255, 255, 0.75);z-index:1751;}
.psk_360_wrapper_popup{
top: 10%;
left: 20%;
right: 20%;
bottom: 10%;}
.psk_360_wrapper_popup span{width:100%;display:none;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;}
.psk_360_loader_popup{position:absolute;top:50%;left:50%;}
@keyframes psk_rotate_popup{
  0%{-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);}
  50%{-webkit-transform: rotate(180deg) scale(0.6);transform: rotate(180deg) scale(0.6);}
  100%{-webkit-transform: rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}
}
.psk_360_loader_popup:after{content:'360\00B0';position:absolute;top:-30px;left:-30px;width:45px;height:45px;border-radius:100%;-webkit-animation:psk_rotate_popup 1.5s 0s ease-in-out infinite reverse;animation:psk_rotate_popup 1.5s 0s ease-in-out infinite reverse;border-style:solid;border-width:2px;border-color:#f00 transparent;text-align:center;padding:10px 0 0;color:#f00;font-size:14px;line-height:18px;}
.psk_360_loader_popup:before{content:'';position:absolute;left:-50px;top:-50px;height:85px;width:85px;border-radius:100%;-webkit-animation:psk_rotate_popup 1s 0s ease-in-out infinite;animation:psk_rotate_popup 1s 0s ease-in-out infinite;border-style:solid;border-width:2px;border-color:#f00 transparent;text-align:center;}
.psk_360_startStop_popup{position:absolute;bottom:10px;right:50%;width:30px;height:30px;border-radius:100%;border:5px solid #000;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cpath%20d%3D%22M25%200%20L200%20100%20L25%20200%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;background-size:70%;opacity:0.2;cursor:pointer;margin-left: -15px;}
.psk_360_startStop_popup:hover{opacity:1;}
.psk_360_startStop_play_popup{background:url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20175%20175%22%20%3E%3Cpath%20d%3D%22M0%200%20L175%200%20L175%20175%20L0%20175%20Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;background-size:70%;}
.psk_360_close_popup{position:absolute;top:10px;right:10px;color:#000;display:block;width:30px;height:30px;cursor:pointer;opacity:0.2;}
.psk_360_close_popup:before{position:absolute;top:10px;left:0;background:#000;display:block;width:30px;height:5px;border-radius:3px;transform: rotate(-45deg);content:'';}
.psk_360_close_popup:after{position:absolute;top:10px;left:0;background:#000;display:block;width:30px;height:5px;border-radius:3px;transform: rotate(45deg);content:'';}
.psk_360_close_popup:hover{opacity:1;}
.psk_360_open_popup{position:relative;padding:5px 10px;font-weight:bold;border:3px solid #f00;color:#f00;display:inline-block;font-size:20px;cursor:pointer;}

.psk_open_popup_wrap{padding-top: 20px; display: flex; justify-content: center}

/* End */
/* /local/templates/granit/components/psk/psk.360rotator/arr/style.css?17065988851945 */
/* /local/templates/granit/components/psk/psk.360rotator/popup-arr/style.css?16874532003039 */