@import "compass";
@import "theme_variables";
.shop-contact
{
	float:right;
	@media (max-width: $screen-xs-max) 
    {
		display:none;
	}
}
.shop-phone {
	display:inline-block;
	padding:0 18px 0 0;
	line-height:18px;color:$light-text-color;
	
	&:before{font-family:$font-icon;content: "\f095";}
	&:after{content: "|";height:10px;line-height:10px;padding-left:15px;}
	@media (max-width: $screen-xs-max) 
    {
		float:none;display:inline-block;padding-right:0;
		
	}

	
	strong {
		
		font-weight:400;
	}
	&.is_logged {
		@media (max-width: $screen-sm-max) {
			display: none;
		}
	}
}
.shop-mail{
	display:inline-block;
	&:before
	{font-family:$font-icon;content:"\f0e0";}
	@media (min-width: $screen-sm) and (max-width:$screen-md-max) 
	{
		display:none;
		&:before{display:none;}
	}
 }
#contact-link {
	float: right;
	
	@media (max-width: $screen-xs-max) 
    {
		float:none;display:inline-block;margin-left:15px;
	}
	a {
		display: block;
		cursor: pointer;
		line-height:18px;color:$base-text-color;font-size:12px;
		@media (max-width: $screen-xs - 1) {
			
			padding-left: 5px;
			padding-right: 5px;
		}
		&:hover, &.active {
		color:$link-hover-color;
		}
	}
	&.is_logged {
		@media (max-width: $screen-xs-max) {
			display: none;
		}
	}
}
#contact_block {
	@media (max-width: $screen-xs-max) { // max 767px
		margin-bottom: 20px;
	}
	.label {
		display: none
	}
	.block_content {
		color: #888888;
	}
	p {
		margin-bottom: 4px;
	}
	p.tel {
		font: 400 17px/21px $font-family;
		color: $base-text-color;
		margin-bottom: 6px;
		i {
			font-size: 25px;
			vertical-align: -2px;
			padding-right: 10px;
		}
	}
}
