.bp-element-google-maps {
	&.layout-1 {
		position: relative;
		.content_maps {
			position: absolute;
			top: 50%;
			transform: translate(0, -50%);
			left: 21%;
			@media (max-width: 1440px){
				left: 12%;
			}
			@media (max-width: 1280px){
				left: 6%;
			}
			@media (max-width: 480px){
			    transform: translate(-50%, -50%);
			    left: 50%;

			}
		}

		.map_iframe {
			position: relative;
			height: 600px;
			overflow: hidden;

			iframe {
				border: 0;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		}

		.info-contact {
			background: #fff;
			width: 360px;
			max-width: 100%;
			padding: 46px 40px;
			margin-left: 1%;

			.area_place {
				position: relative;

				.title_place {
					font-weight: 500;
					cursor: pointer;
					font-size: 22px;
					margin-bottom: 30px;
					position: relative;

					i {
						position: absolute;
						right: 0;
					}
				}

				.content_hidden {
					position: absolute;
					width: 100%;
					top: 40px;
					padding: 10px 0;
					z-index: 1;
					background-color: #fff;

					li {
						margin-bottom: 15px;
						cursor: pointer;
						padding-left: 0;
					}
				}
			}

			ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
				display: none;

				&:first-child {
					display: block;
				}

				li {
					font-weight: 300;
					font-size: 16px;
					line-height: 1.5;
					color: #6c6c6c;
					word-break: break-word;
					position: relative;
					padding-left: 45px;
					padding-right: 0;
					margin-bottom: 28px;

					&:last-child {
						margin-bottom: 0;
					}

					a {
						color: inherit;
						transition: all .2s;

						&:hover {
							color: #ff3b47;
						}
					}

					i {
						font-size: 28px;
						line-height: 1;
						color: #ff3b47;
						position: absolute;
						top: 2px;
						left: 0;
						right: auto;
					}

					.name-info {
						font-weight: 400;
						font-size: 14px;
						color: #000;
						display: block;
						margin-bottom: 10px;
					}
				}
			}
		}

		&.style-2 {
			.info-contact {
				.area_place {
					.content_hidden {
						background-color: #f3dd6e;
					}
				}
			}
		}
	}

	&.style-color-2.layout-1 {
		min-height: 543px;
		padding-top: 96px;

		.info-contact {
			background: #f3dd6e;

			ul {
				li {
					color: #000;

					a {
						&:hover {
							color: #3dad7c;
						}
					}

					i {
						color: #000;
					}

					.name-info {
						font-weight: 600;
					}
				}
			}
		}
	}
}