#altasib_floataction_window{
	text-align:left;
	height:435px;
	width:300px;
	z-index:auto;
	margin-left:auto;
	margin-right:auto;
	display:none;
	background-clip:padding-box;
	outline:medium none;
	margin:auto;
	z-index: 10002;
}
#altasib_floataction_window a img{
	text-decoration:none;
	border:none;
}
#altasib_floataction_page_block{
	width:100%;
	height:0;
	z-index: 10001;
}
#altasib_floataction_edit_pan{
	display:inline-block;
	overflow-y:visible;
	background-clip:padding-box;
	outline:medium none;
	margin:auto;
	position:absolute;
	right:50px;
	top:-47px;
	width:280px;
	height:222px;
	opacity:1!important;
}
#altasib_floataction_page_action{
	opacity:1;
	position:absolute;
	display:none;
	top:54px;
	height:auto;
	width:auto;
	z-index:1330!important;
}
#altasib_floataction_page_panel{
	opacity:1;
	position:absolute;
	display:none;
	height:auto;
	width:auto;
	z-index:1538;
}
#altasib_floataction_close_kr{
	position:absolute;
	z-index:1200;
	top:7px;	
	right: 0px;
	top: 24px;
	width: 32px;
	height: 32px;
	opacity: 0.3;
	cursor: pointer;
}
#altasib_floataction_close_kr:hover {
	opacity: 1;
}
#altasib_floataction_close_kr:before, #altasib_floataction_close_kr:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #333;
}
#altasib_floataction_close_kr:before {
	transform: rotate(45deg);
}
#altasib_floataction_close_kr:after {
	transform: rotate(-45deg);
}

#altasib_floataction_page{
    position: absolute;
    z-index: 750!important;
    overflow: hidden;
	bottom: 0px;
   /* width: 100%;*/
}
#altasib_floataction_page img{
	top:0;
	/*width:100%;*/
	opacity:0;
	-webkit-transition:opacity 150ms;
	-moz-transition:opacity 150ms;
	-ms-transition:opacity 150ms;
	transition:opacity 150ms;
}

#altasib_floataction_page a{
	display:block;
	z-index:1;
}
#altasib_floataction_page.altasib_floataction_img_loaded img{
	opacity:1;
}
@keyframes shake {
  0% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(-3deg);
  }
  70% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#altasib_floataction_page img:hover{
  animation: shake 500ms ease-in-out forwards;
}
#altasib_floataction_mark{
	position:absolute;
	background:url("/bitrix/images/altasib.floataction/1.gif") no-repeat scroll;
	display:none;
	top:0;
	width:200px;
	height:250px;
	cursor:pointer;
	z-index:1195!important;
}
#bx-panel .altasib_floataction_icon{
	background:url("/bitrix/images/altasib.floataction/icon.png") no-repeat scroll 0 7px rgba(0,0,0,0)!important;
}
#bx-panel .bx-panel-small-button-text-hover .altasib_floataction_icon, #bx-panel .bx-panel-small-button-arrow-hover .altasib_floataction_icon, #bx-panel .bx-panel-small-button-hover .altasib_floataction_icon{
	background:url("/bitrix/images/altasib.floataction/icon.png") no-repeat scroll 0 -34px rgba(0,0,0,0)!important;
}
.altasib_floataction_back
{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  opacity: 0.7;
  transition: opacity 0.3s ease;	
  z-index: 10000;
}
@media screen and (max-width:420px) {
  #altasib_floataction_window 
  {
	max-width: calc(100% - 20px);

	width:  calc(100% - 20px)!important;
  }
  #altasib_floataction_window img
  {	
	width: 100%;  
  }
  #altasib_floataction_mark
  {
	  display: none;
  }
  
  .altasib_floataction_btn_close
  {
	text-decoration: none;
	z-index: 10002;
	width: 160px;
    position: fixed;
    left: calc(50% - 80px);	  
	text-align: center;
	color: white;
	font-weight: 700;
	user-select: none;
	padding: .5em 2em;
	outline: none;
	border: 2px solid;
	border-radius: 1px;
	transition: 0.2s;	
	bottom: 40px;
  }
  #altasib_floataction_close_kr:before, #altasib_floataction_close_kr:after {
    background-color: #fff;	
  }
  #altasib_floataction_close_kr{
	  opacity: 1;
  }
  #altasib_floataction_close_kr{
	  position: fixed;
    top: 20px;
    left: 20px!important;	  
  }
  #altasib_floataction_page
  {
	  bottom: auto;
  }
}