/*����и� д�� ����овид��и�*/

.xxx2{
margin-top: -42px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.xxx2:hover{
margin-top: 0px!important;
}
.xxx1{
margin-top: 40px;
}
.xxx1:hover ~ .xxx2{
margin-top: 10px!important;
}
.x2:hover{
margin-top: 0px!important;
}


/* *** */
#CecutientWrapper{
	position:absolute;
	width:1200px;
	background:#fff;
	display:block;
	height:0px;
	z-index:100;
	box-shadow: 0px 0px 5px #000;
	/*overflow: hidden;*/
}

#CecutientBlock{
	position:absolute;
	width:980px;
	left:50%;
	margin-left:-490px;
	font-size: 18px;
	line-height: 35px;
}

/* *** */
a#CecutientBtn{
	position:absolute;
	left:50%; 
	margin-left:150px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	box-shadow: 0px -10px #fff, 0px 0px 5px #000;
	padding: 10px 0px;
	background: #fff;
	cursor:pointer;
	display: inline-block;
	width: 45px;
	height: 23px;
	z-index: 1000;
}

#CecutientBtn img{
	width: 45px;
}
#CecutientOn, #CecutientOff, #ImageOn, #ImageOff{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
	padding: 0px;
	height: 20px;
	width: 50px;
	text-align: center;
	line-height: 18px;
	text-decoration: none;
	margin-top: -2px;
	border: 1px solid #000;
	color:#000;
	cursor: pointer;
}
#CecutientOn, #ImageOff{
	display:inline-block;
}
#CecutientOff, #ImageOn{
	display:none;
}
#SmallFonts, #MediumFonts, #BigFonts, #WhiteStyle, #BlackStyle, #BlueStyle, #GreenStyle{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display:inline-block;
	vertical-align: middle;
	padding: 0px;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 18px;
	text-decoration: none;
	margin-top: -2px;
	cursor: pointer;
}
#SmallFonts, #MediumFonts, #BigFonts{
	border: 1px solid #000;
	color:#000;
}
#SmallFonts{
	font-size:14px;
}
#MediumFonts{
	font-size:19px;
}
#BigFonts{
	font-size:24px;
}
#WhiteStyle, #BlackStyle, #BlueStyle, #GreenStyle{
	font-size:18px;
}
#WhiteStyle{
	border: 1px solid #000;
	color:#000;
}
#BlackStyle{
	border: 1px solid #000;
	color:#fff;
	background-color:#000;
}
#BlueStyle{
	border: 1px solid #063462;
	color:#063462;
	background-color:#9DD1FF;
}
#GreenStyle{
	border: 1px solid #A9E44D;
	color:#A9E44D;
	background-color:#3B2716;
}
#CecutientTop, .CecutientTopMenu{
	display:none
}
#CecutientTop{
	position:relative;
	width:980px;
	left:50%;
	margin-left:-490px;
	font-size:18px;
}
.SmallFonts{
	font-size:16px !important;
}
.MediumFonts{
	font-size:20px !important;
}
.BigFonts{
	font-size:24px !important;
}

#cookie_notification{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 900px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 25px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_notification p{
  margin: 0;
  font-size:14px /*0.7rem*/;
  text-align: left;
  /*color: $color_text;*/
  color:#000;
}


@media (min-width: 576px){
  #cookie_notification.show{
    display: flex;
  }
  .cookie_accept{
    margin: 0 0 0 25px;
  }
}

@media (max-width: 575px){
  #cookie_notification.show{
    display: block;
    text-align: left;
  }
  .cookie_accept{
    margin: 10px 0 0 0;
  }
}