
.balloonsarrowtop{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 0;
	transform: rotate(45deg);
	position: absolute;
	top: 165px;
	left: 90px;
	background: #fff;
	box-shadow: 1px 1px 5px rgba(112,112,112,0.8)!important
}
.balloons.nologin {
	opacity: 1!important;
	padding: 0!important;
	background: none!important;
}
.balloons.nologin .balloonsmain{
	padding: 24px 18px 16px!important;
	opacity: 1!important;
	background: rgba(255,255,255,1)!important;
	text-align: center!important;
	font-size: 12px;
	color: #555555!important;
	box-shadow: 1px 1px 5px rgba(112,112,112,0.5)!important;
    transform: rotate(0)!important;
    border-radius: 5px;
    position: relative;
    /*top: 120px;*/
}
.balloons.nologin > div{
	left: 0!important;
	transform: rotate(60deg)!important;
}


.balloons.nologin div.balloonsbtn{
	margin-top: 15px;
	font-size: 0;
    transform: rotate(0)!important;
}
.balloonsbtn a{
	display: inline-block;
	width: 182px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	color: #006450;
	border: 1px solid #006450;
	background: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}
.balloonsbtn a:last-child{
	margin-left: 10px;
}
.balloonsbtn a:hover{
	opacity: 0.8;
}
.balloons.nologin p{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #555555;
	line-height: 1;
	display: block;
}
.balloonsclosebtn{
	position: absolute;
	top: 10px;
	right: 6.5px;
	z-index: 9;
	width: 13px;
	height: 13px;
	cursor: pointer;
}
.balloonsclosebtn:hover{
	opacity: 0.8;
}

.balloonsclosebtn{
  display: block;
}
 
.balloonsclosebtn::before, .balloonsclosebtn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 13px;
  background: #CCCCCC;
}
 
.balloonsclosebtn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.balloonsclosebtn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}




.balloons.nologin{
	margin-left: 15px;
}
.balloonsmain:after, .balloonsmain:before {
	bottom: 100%;
	left: 90px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.balloonsmain:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: 0px;
}
.balloonsmain:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	margin-left: -1px;
}
/*
.balloons.nologin.scrolled .balloonsmain{
	top: 170px;
}*/


.balloons.nologin.scrolled .balloonsclosebtn{
	top: 180px;
}

.balloons div{
	top: -12px!important;
	transform: rotate(60deg)!important;
}
.balloons div:last-child{
	top: -9.5px!important;
}


.balloonsarrowtop{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 0;
	transform: rotate(45deg);
	position: absolute;
	top: 165px;
	left: 90px;
	background: #fff;
	box-shadow: 1px 1px 5px rgba(112,112,112,0.8)!important
}
.balloons_top.nologin {
	opacity: 1!important;
	padding: 0!important;
	background: none!important;
}
.balloons_top.nologin .balloons_top_main{
	padding: 24px 18px 16px!important;
	opacity: 1!important;
	background: rgba(255,255,255,1)!important;
	text-align: center!important;
	font-size: 12px;
	color: #555555!important;
	box-shadow: 1px 1px 5px rgba(112,112,112,0.5)!important;
    transform: rotate(0)!important;
    border-radius: 5px;
    position: relative;
    /*top: 120px;*/
}
.balloons_top.nologin > div{
	left: 0!important;
	transform: rotate(0)!important;
}


.balloons_top.nologin div.balloons_top_btn{
	margin-top: 15px;
	font-size: 0;
  transform: rotate(0)!important;
}
.balloons_top_btn a{
	display: inline-block;
	width: 182px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	font-weight: bold;
	color: #006450;
	border: 1px solid #006450;
	background: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}
.balloons_top_btn a:last-child{
	margin-left: 10px;
}
.balloons_top_btn a:hover{
	opacity: 0.8;
}
.balloons_top.nologin p{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #555555;
	line-height: 1;
	display: block;
}
.balloons_top_closebtn{
	position: absolute;
	top: 10px;
	right: 6.5px;
	z-index: 9;
	width: 13px;
	height: 13px;
	cursor: pointer;
}
.balloons_top_closebtn:hover{
	opacity: 0.8;
}

.balloons_top_closebtn{
  display: block;
}
 
.balloons_top_closebtn::before, .balloons_top_closebtn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 13px;
  background: #CCCCCC;
}
 
.balloons_top_closebtn::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.balloons_top_closebtn::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}




.balloons_top_.nologin{
	margin-left: 15px;
}
.balloons_top_main:after, .balloons_top_main:before {
	bottom: 100%;
	left: 90px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.balloons_top_main:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: 0px;
}
.balloons_top_main:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	margin-left: -1px;
}
/*
.balloons_top_.nologin.scrolled .balloons_top_main{
	top: 170px;
}*/


.balloons_top.nologin.scrolled .balloons_top_closebtn{
	top: 180px;
}

.balloons_top div{
	top: -12px!important;
	transform: rotate(0)!important;
}
.balloons_top div:last-child{
	top: -9.5px!important;
}