.travelinfo{
	letter-spacing: 0.02em;
	.top{
		background: url($img_dir + 'travelinfo-bg.jpg') no-repeat center bottom;
		background-size: cover;
		@include br3{
			background-position: 70% top;
		}
		header{
			background: transparent;
			padding-bottom: 3.5rem;
			@include br1{
				padding-bottom: 10rem;
			}
			.info-img{
				margin-top: 20rem;
				font: 42px/1 $HB;
				color: #ffffff;
				display: flex;
				align-items: center;
				@include br1{
					margin-top: 10rem;
				}
				@include br3{
					justify-content: center;
					margin-top: 5rem;
					text-align: center;
					font-size: 35px;
				}
				img{
					margin-right: 10px;
				}
			}
		}
	}
	.fly{
		@extend %fly;
	}
	.web{
		padding-bottom: 5rem;
		.web-items{
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			.web-item{
				width: calc(100%/3 - 16px);
				position: relative;
				margin: 0 8px 17px;
				min-width: 305px;
				overflow: hidden;
				.img{
					transition: .5s ease;
				}
				&:hover{
					.img{
						transform: scale(1.1);
					}
				}
				.text{
					font-size: 24px;
					font-family: $HB;
					color: #ffffff;
					width: 100%;
					height: 100%;
					position: absolute;
					left: 0;
					top: 0;
					display: flex;
					justify-content: center;
					align-items: center;
					text-align: center;
					padding: 0 2rem;
					&:hover{
						text-decoration: none;
					}
				}
			}
		}
	}
	.faq{
		.blue-head{
			margin-bottom: 2rem;
		}
		.faq-block{
			border: 1px solid rgba(24, 24, 24, .3);
			margin-bottom: 3rem;
			padding: 3rem 3rem 0;
			@include br3{
				padding: 2rem 1.5rem 0;
			}
			.que{
				background: transparent;
				display: flex;
				align-items: center;
				text-align: left;
				color: #41a0b2;
				line-height: 30px;
				font-size: 17px;
				cursor: pointer;
				outline: none;
				margin-bottom: 3rem;
				@include br1{
					align-items: flex-start;
				}
				@include br3{
					font-size: 16px;
					margin-bottom: 2rem;
				}
				.big{
					margin-right: 2.5rem;
					font-size: 42px;
					line-height: 45px;
					text-transform: uppercase;
					color: #41a0b2;
					@include br3{
						font-size: 38px;
						margin-right: 2rem;
					}
				}
			}
			.ans{
				&>div{
					display: flex;
margin-bottom: 3rem;
				}
				text-align: left;
				font-size: 17px;
				line-height: 30px;
				font-family: $HL;
				font-style: italic;
				color: #363636;
				@include br3{
					font-size: 16px;
				}
				.big{
					margin-right: 2.5rem;
					font-size: 42px;
					line-height: 45px;
					text-transform: uppercase;
					color: #44545b;
					font-style: normal;
					@include br3{
						font-size: 38px;
						margin-right: 2rem;
					}
				}
			}
		}
	}
}