/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

#social_network {
position: fixed;
right: 16px;
bottom: 10vh;
z-index: 999;
}

#social_network .content {
display: flex;
flex-direction: column;
}

#social_network .content a {
width: 48px;
height: 48px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: block;
}


#social_network .content .whatsapp {
background: url(../images/whatsapp.png) 0 0 no-repeat transparent;  
border-radius: 50%;
margin: 5px;
}

#header .middle-h-row .basket_wrapp {
	text-align: initial;
}

.custom_phone_list{
	position: relative;
}

.custom_phone_list .custom_phone_text{
	position: absolute;
    left: 0;
}
.custom_phone_list .custom_phone_list_button{
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	display: flex;
	cursor: pointer;
}
.custom_phone_list .custom_phone_list_button .custom_phone_list_button_icon{
	content: "";
	width: 14px;
	height: 8px;
	background: url(../images/vector.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: block;
	margin: auto 10px;
}

.custom_phone_list .custom_phone_list_button:hover,
.custom_phone_list .custom_phone_list_button:active,
.custom_phone_list .custom_phone_list_button:focus{
	color: #00954A;
}

.custom_phone_list .custom_phone_list_button:hover .custom_phone_list_button_icon,
.custom_phone_list .custom_phone_list_button:active .custom_phone_list_button_icon,
.custom_phone_list .custom_phone_list_button:focus .custom_phone_list_button_icon{
	background: url(../images/vector_green.svg);
}


.custom_phone_list .custom_phone_text{
	opacity: 0;
	z-index: -1;
	display: none;
}

.custom_phone_list .custom_phone_text.active{
	opacity: 1;
	z-index: 1;
	display: block;
	background-color: #FFFFFF;
}

.custom_phone_list .custom_phone_text.active .custom_phone_text_item{
	padding: 8px 30px 8px 10px;
	border-bottom: 1px solid #D5D5D5;
	cursor: pointer;
}

@media only screen and (max-width:550px){
	.custom_phone_list .custom_phone_text.active .custom_phone_text_item{
		padding: 8px 5px 8px 10px;
		overflow-x: scroll;
		max-width: 150px;
	}
	
	#footer .custom_phone_list .custom_phone_text.active .custom_phone_text_item{
		max-width: 100%;
	}
}

.custom_phone_list .custom_phone_text.active .custom_phone_text_item:hover{
	background: #EEEEEE;
	cursor: pointer;
}

.custom_phone_list .custom_phone_text.active .custom_phone_text_item a{
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	cursor: pointer;
}

.custom_phone_list .custom_phone_text.active .custom_phone_text_item span{
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	cursor: pointer;
}

@media (max-width: 400px){
.wrapper_inner .phones .order_wrap_btn {
    display: block;
	margin-left: 21px;
}
}


.contacts_map ymaps[id*="ymaps"], .contacts_map iframe {
	width: 100% !important;
}

/**/
@media only screen and (max-width: 650px){
	.middle_phone .phone_wrap .icons{
		display: none;
	}
	.middle_phone .phone_wrap .phone_text {
		padding: 0;
	}
}

#footer .phone_wrap .icons {
	line-height:initial;
}