.darkBox{
  position: fixed;
  top:0;
  width:100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: flex;
  display:none; 
  align-items: center;
  justify-content: center;
  z-index: 100
}

footer {
    position: relative;
    background: #01a2a6;
    color: white;
    margin-top: 20px; 
    clear: both;
	height: 580px;
}

#footer-first-row{
    background: #a2bfc9;
    height: 50px;
}

#footer-text  {
    text-decoration: underline;
    color: black;
    font-weight: 600;
    line-height: 50px;
}

#footer-first-row .btn{
    vertical-align: middle;
    line-height: 25px;
    width: 115px;
    height: 25px;
    font-size: 14px;
    font-weight: 600;
    background: #01a2a6;
    display: inline-block;
    padding-left: 25px;
    text-align: center;
    margin-left: 21px;
    cursor: pointer;
}

#footer-first-row .btn1{
    background: url(images/footer/like.png) no-repeat 5px 5px; 
	background-color: #64ac71;
}
#footer-first-row .btn2{
	background: url(images/footer/dislike.png) no-repeat 5px;
	background-color: #01a2a6;
}
#footer-first-row .btn3{
	background: url(images/footer/comment.png) no-repeat 5px;
	background-color: #01a2a6;
}
#footer-first-row .btn4{
	background: url(images/footer/add.png) no-repeat 5px;
	background-color: #01a2a6;
}


#footer-menu{
    margin: 30px 0 0 75px;
    float: left;
    display: block;
}

#footer-menu a {
    color: white;
    text-decoration: none;
    font-weight: 600;
    padding: 10px 20px;
    transition-duration: 0.3s;
}

#footer-menu a:hover{
    background: #508699;
}

#footer-phones{
	position: absolute;
	margin-left: 25px;
	left: 0;
	top: 213px;
}

#footer-copyright{
	position: absolute;
	top: 500px;
	left: 0;
	font-size: 14px;
}

#footer-userDataProtection{
	position: absolute;
	right: 0;
	color: inherit;
	top: 500px;
	font-size: 12px;
}

#footer-become-partner{
	width:125px;
	height:30px;
	border:1px solid white;
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.5);
	padding-left: 35px;
	line-height: 30px;
	background: url(images/footer/becomepartner.png) no-repeat 6px 3px;
	position: absolute;
	top: 78px;
	right: 22px;
	font-size: 14px;
	cursor: pointer;
	background-color: #01a2a6;
}

#footer-become-partner:hover { 
}

#footer-questions {
	position: absolute;
	top: 115px;
	left: 274px;
	width: 500px;
}

#footer-question-dialog{
	position: absolute;
	background: #c5c8c9;
	width: 490px;
	height: 158px;
	font-size: 12px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
    overflow: auto;
}

#footer-question-dialog > div{	
	margin: 5px 0 10px 22px;
}

#footer-question-dialog .question{
	color: black;
}
#footer-question-dialog .answer{
	color: #1f5f66;
}

#footer-question-dialog-triangle{
	position: absolute;
	right: -4px;
	bottom: -32px;
	width: 38px;
	height: 23px;
	background: url(images/footer/triangle.png);
}

#footer-ask-question{
	position: absolute;
	left: 10px;
	bottom: -46px;
	font-size: 14px;
	font-weight: 600;
	padding: 4px 11px;
	border: 1px solid white;
	cursor: pointer;
}

#footer-all-questions{
	position: absolute;
	right: 30px;
	bottom: -40px;
	font-size: 14px;
	cursor: pointer;
}

#footer-address{
	/* background: slategray; */
	position: absolute;
	width: 371px;
	height: 282px;
	top: 115px;
	right: 10px;
}

#footer-address div{
	float: right;
	margin-right: 3px;
	font-size: 14px;
	cursor: pointer;
}

#footer-social{
	position: absolute;
	width: 157px;
	height: 71px;
	top: 385px;
	left: 634px;
	
}