::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A0AEB4 !important; 
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A0AEB4 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #A0AEB4 !important;
}
body{
	background-color: #F1F3F4;
	/*font-family: Segoe UI;*/
	font-family: Roboto;
}
#header{
	width: 100%;
	height: 600px;
	background-image: url('../images/bg.jpg');
	background-repeat:no-repeat;
    background-size:cover;
	background-position: center; 
	
}
#header > .top{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding-top: 50px;
	position: relative;
}
.top > .menu{
	position: absolute;
	right: 0;
	top: 60px;
	color: #fff;
		text-shadow: 0px 2px 20px rgba(0,0,0,0.4);
}
.menu > .item{
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 700;
}
.menu > .item:hover{
	text-decoration: underline;
	
}
.menu > .sep{
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 500;
	font-size: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

.sector{
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}
h1{
	display: inline-block;
	font-weight: 600;
	font-size: 30px;
	text-transform: uppercase;
	border-bottom: 4px solid #FD4B04;
	margin-top: 50px;
	margin-bottom: 50px;
}

#map {
	margin-top: 50px;
        height: 600px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
		border: 3px solid #002C3F;
}
.form-control{
	margin-bottom: 20px;
}


.gallery{
	position: relative;
}
.arr{
	position: absolute;
	top: 110px;
	cursor: pointer;
}
#right_arrow{
	right: 0;
}


#gallery{
	display: none;
}

.bottom{
	color: #999;
    font-family: Verdana;
    font-size: 10px;
	text-align: center;
    margin-bottom: 20px;
    margin-top: 50px;
}

.phot {
  display: flex;
  /*
  min-width: 100%;
  min-height: 200px;
  */
  min-width: 250px;
  min-height: 250px;
  overflow-x: auto;
}
.phot::-webkit-scrollbar {
  display: none; 
}
.card--content {
  background-color: #e74c3c;
  min-width: 250px;
  margin: 25px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.phone{
	background-image: url("../images/phone.svg");
    background-size: 17px;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 0px 3px;
}


.card--content:hover{
	/*border: 3px solid blue;*/
}

.card--content img {
  width: 250px;
  /*height: 100%;*/
}
.holder{
width: calc(100% - 100px);
margin: 0 auto;
}
/*----------- MEDIA ------------ */
@media only screen and (max-width: 1640px) {
	#header > .top{
		padding-left: 20px;
		padding-right: 20px;
	}
	.top > .menu{
		right: 20px;
	}
}
@media only screen and (max-width: 920px) {
	.logo{
		display: block;
		margin: 0 auto;
	}
	.top > .menu{
		position: static;
		margin-top: 30px;
		text-align: center;
	}
	.phone{
		display: none;
	}
	
}
	

@media only screen and (max-width: 600px) {
	.menu > .sep{
		display: none;
	}
	.menu > .item{
		display: block;
		width: 100%;
	}
	#header{
		height: 250px;
	}
	#map{
		height: 400px;
	}

}