*{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 22px; margin: 0; padding: 0;}
	body
	.clear{ line-height:0; height:0px; opacity:0; border:none; clear:both;}
	#logo{text-align: right; height: 6px; position:relative;}
	#logo img{width: 230px; height: auto; position: absolute; right: 90px; bottom: 0; z-index: 4;}
	#wrapper{width: 870px; margin: 23px auto 0 auto;}
	#line{  height: 10px; width: 100%; left: 0px; top: 10px; background: #073c5f; position: absolute; z-index: -1;}
	#line2{position: absolute; width: 218px; height: 10px; background: white; right: 110px; bottom: 0; z-index: 2; opacity: 0.7;
	-moz-transform: scale(5) skewX(-30deg); -webkit-transform: skewX(-30deg); -o-transform: skewX(-30deg); -ms-transform: skewX(-30deg); transform: skewX(-30deg);}
	#slider{width: 100%;}
	#slider img{width: 100%; height: auto;}
	.cont{margin: 10px 0; background: rgb(13 36 85 / 10%); padding: 30px; cursor: pointer;}
	.inner{display: none;}
	#teas{font-size: 40px; text-align: center; color: white; background: #ffffff; font-weight: 300; line-height: 40px; margin-top: -5px; margin-bottom: 50px; padding: 15px 0;}

	.plus{position: absolute; right: 0; top: -5px; opacity: 0.5;
	-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.plus.open{-moz-transform: rotate(405deg); -webkit-transform: rotate(405deg); -o-transform: rotate(405deg); -ms-transform: rotate(405deg); transform: rotate(405deg);}

	hr{border: 2px solid #073c5f; margin: 35px 0;}
	h1{font-size: 30px; color: #073c5f; line-height: 32px; margin: 35px 0; font-weight: 600;}
	h2{font-size: 20px; color: rgb(100,100,100); margin: 0; margin-bottom: 10px; margin-bottom: 0; padding-right: 40px;  position: relative;  font-weight: 600;}
	h3{font-weight: normal; color: #073c5f; margin: 15px 0; font-weight: 400;}
	h4{margin-top: 15px; margin-bottom: 5px; font-weight: 600;}
	p{color: rgb(100,100,100); margin: 0; margin-bottom: 8px; width: 100%;}
	ul{padding-left: 30px; list-style: none;}
	ul li:before{content: "- "; color: #073c5f;}
	
	.tleft, .tright{ float:left;}
	.tleft{ margin-right: 60px; margin-bottom:20px;}
	.tleft h4{ margin-top:0;}

	#footer{background: #073c5f; padding: 30px; text-align: center;}
	#footer p{color: white; font-size: 12px; line-height: 12px; margin: 0; line-height: 18px;}
	#footer p a{color: white; text-decoration: none; font-size: 12px;  line-height: 12px;}

	#map-canvas{height: 350px; margin-bottom: 35px;}
	.swiper-slide img{line-height: 0;}

	.tright a {color: #073c5f; text-decoration: none; }

	@media only screen and (max-width: 870px), only screen and (max-device-width: 870px){
		body{background: none;}
		#wrapper{width: 100%;}
		h1{padding: 0 20px;}
		.cont{padding: 20px;}
		#teas{font-size: 30px;}
		#logo img{right: 20px;}
		#line2{right: 40px;}
		h1{font-size: 22px;}
		h2{font-size: 16px;}
		#footer{padding: 20px; font-size: 14px;}
		#map-canvas{height: 220px;}
	}