@charset "utf-8";
/* CSS Document */

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900|Playfair+Display:400,700');
@import url(https://fonts.googleapis.com/css2?family=Philosopher&display=swap); 
/*********************************
2. Body and some general stuff
*********************************/
p:last-of-type
{
	margin-bottom: 0;
}
.contact-block {
	margin-bottom:100px;
}
.flexproperties {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
	}
.contact__title {
	position:relative;
	margin: 0;
	padding-bottom:15px;
	margin-bottom:35px;
	font-family: 'Montserrat',Arial, Verdana;
	font-size:26px;	
	font-weight:600;
	line-height:50px;
	}
.contact__title:before {
	content:"";
	position:absolute;
	bottom:0;
	width:90px;
	height:3px;
	background: #ffc300;
	left:.5%;
	}
.gismap {width:60%;}
.blockinfo1{width:38%;}
.infoblock {
	border:1px solid #cfcfcf;
	border-radius:4px;
	display:flex;
	padding:20px 30px;
	align-items:center;
	justify-content:space-between;
	margin-bottom:20px;}
.contsvg {
	width:19%;
	border-right:1px solid #cfcfcf;
	text-align:center;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	}	
.continfo p {
	font-weight:500;
	font-size:16px;
	line-height:20px;
	color:#868686;
	padding-bottom:5px;
	}
.continfo{width:75%;}
.infoblock a{
	display:block;
	font-weight:500;
	font-size:16px;
	line-height:20px;
	color:#212529;}
.infoblock:last-child{margin-bottom:0;}
.infoblock a:hover {
    color: #df9c00;
    font-weight: 500;
}
@media (max-width: 1025px) {
	.contact__title {
		font-size:32px;
		line-height:1.2;}
}
@media (max-width: 850px) {
	.blockinfo1 { margin-top: 0px; }
	.blockinfo1,.infoblock{width:100%;}
	.gismap{width:100%;margin-bottom:40px;}

}
@media (max-width: 480px) {
	.contact__title {
		font-size: 24px;
		margin-bottom: 20px;
		text-align:center;
		}
	.contact__title:before {
	display: none;
	}
    .flexproperties {
		display: block;
		}
	.flexdir {
		flex-direction: column-reverse;
		}
	.gismap {
		display: none;
		}
}