/*header*/

header{
	padding: 15px 60px;
	background-color: #fff;
	border-bottom: 2px solid #efefef;
}

header .logo{
	float: left;
	color: #222;
	text-decoration: none;
}
header .logo .part-1{
	font-size: 48px;
	font-weight: 500;
	line-height: 1;
}
header .logo .part-2{
	font-size: 20px;
	line-height: 1;
}

header .right-part{
	float: right;
	display: table;
	margin: 4px 0;
}
header .right-part .block{
	display: table-cell;
	vertical-align: middle;
	padding-left: 60px;
}
header .social{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
header .social > *{
	vertical-align: middle;
}
header .social img{
	width: 25px;
	padding-right: 5px;
}
header .social:last-child{
	margin-right: 0;
}

header .time .part-1{
	font-size: 18px;
	
}	
header .time .part-2{
	font-size: 15px;
}
header .account-button{
	display: block;
}
header .account-button img{
	width: 32px;
	vertical-align: middle;
	margin-right: 5px;
}
header .account-button span{
	vertical-align: middle;
}

header .email a{
	font-size: 30px;
	text-decoration: none;
	color: #222;
}
header .second-phone{
	display: none;
}

header .phone .phone-button{
	font-size: 30px;
	text-decoration: none;
	color: #222;
}


header .phone a span{
	font-weight: 500;
}
header .phone .part-2{
	padding-left: 4px;
}
header .callback-button{
	text-transform: uppercase;
	font-size: 24px;
	border-radius: 3px;
	padding: 10px;
	background-color: #c50000;
	color: #fff;
	text-align: center;
	transition: background-color 0.2s;
}
header .callback-button:hover{
	background-color: #8e0000;
	text-decoration: none;
}
header .callback-button.second{
	display: none;
}
header .time2{
	display: none;
}


header .mobile-menu{
    padding: 5px;
    background-color: #3e2b2b;
    margin: 15px -15px -15px -15px;
	display: none;
}

header .mobile-menu .menu-button{
	float: right;
	width: 32px;
	height: 32px;
	background-image: url(/app/images/hamburger.svg);
	background-size: 100%;
}

header .mobile-menu-items{
	display: none;
}



@media(min-width: 1920px){
	header .right-part .block{
		padding-left: 60px;
	}
}
@media(max-width: 1900px){
	header .right-part .block{
		padding-left: 25px;
	}
}
@media(max-width: 1650px){
	header .time{
		display: none!important;
	}
	header .time2{
		display: block;
		padding: 4px 0px;
	}
	header .social img{
		width: 25px;
	}
	header .email a{
		font-size: 28px;
	}
	header .phone .phone-button{
		font-size: 28px;
	}
	header .callback-button{
		font-size: 20px;
	}
	header .logo .part-1{
		font-size: 34px;
	}
	header .logo .part-2{
		font-size: 15px;
	}
	header .logo{
		padding: 8px 0;
	}
}
@media(max-width: 1350px){
	header .logo .part-1{
		font-size: 25px;
	}
	header .logo .part-2{
		font-size: 11px;
	}
	header .email a {
		font-size: 19px;
		font-weight: 500;
	}
	header .time2{
		font-size: 12px;
	}
	header .phone .phone-button{
		font-size: 19px;
	}
	header .social img{
		width: 24px;
	}
	header .social{
		font-size: 12px;
	}
	header .callback-button{
		font-size: 13px;
	}
	header .account-button img{
		width: 16px;
	}
	header .account-button{
		font-size: 14px;
	}
	header{
		padding: 15px;
	}
	header .right-part .block{
		padding-left: 60px;
	}

}




@media(max-width: 1150px){
	header .right-part .block{
		padding-left: 30px;
	}
}

@media(max-width: 968px){
	header .callback{
		display: none!important;
	}
	header .callback-button.second{
		display: inline-block;
		padding: 5px;
		margin-top: 5px;
	}
	header .right-part .block{
		padding-left: 15px;
	}
	header .mobile-menu{
		display: block;
	}


	header .mobile-menu-items{
		position: absolute;
		z-index: 100;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}
	header .mobile-menu-items .cabinet-sidebar{
		display: block;
	}
	header .mobile-menu-items .close-menu{
		text-align: center;
		background-color: #343434;
		padding: 10px;
		color: #fff;
		text-transform: uppercase;
		border: 1px solid #a1a1a1;
	}

}
@media (max-width: 768px){
	header .second-phone{
		display: block;
		font-size: 17px;
		font-weight: 500;
	}
	header .email.block{
		display: none;
	}
	header .time.block{
		display: table-cell!important;
	}
	header .time .part-2{
		font-size: 12px;
	}
	header .time .part-1{
		font-size: 15px;
	}
}
@media (max-width: 650px){
	header .time.block{
		display: none!important;
	}
	header .right-part{
		width: 100%;
	}
	header .account-button{
		display: block;
	}
	header .account{
		text-align: right;
	}
	header .right-part .block {
		padding-top: 15px;
		padding-left: 0;
	}
	header .logo{
		width: 100%;
		text-align: center;
		float: none;
	}
}
@media (max-width: 360px){
	header .right-part{
		display: block;
	}
	header .right-part .block{
		display: block;
		text-align: center;
	}
	header .second-phone{
		display: none;
	}

}
/*header*/