/*font-family: 'Poppins', sans-serif;*/

html {overflow-x: hidden; -webkit-text-size-adjust: 100%;}
* { box-sizing: border-box; }
button:focus { outline: none !important; box-shadow: none !important; }
body { font-family: 'Poppins', sans-serif; color: #004f5d; font-weight: 400; font-size: 16px; line-height: 24px; margin: 0; padding: 0; overflow-x: hidden; -webkit-text-size-adjust: 100%;}
img {max-width: 100%;}
p, li {font-size: 16px; color: #004f5d;}
p {margin:0 0 20px 0;}
h1, h2, h3, h4, h5, h6 {margin: 0; line-height: normal;}
h1 {font-size: 80px;}
h2 {font-size: 60px;}
h3 {font-size: 50px;}
h4 {font-size: 36px;}
h5 {font-size: 28px;}
h6 {font-size: 24px;}
a {color: #000; transition: 0.5s; -webkit-transition: 0.5s; text-decoration: none;}
a:hover {color: #fa6900; transition: 0.5s; -webkit-transition: 0.5s;}
.clearfix::before, .clearfix::after {visibility:hidden; display:table;content:" "; clear:both;}

.wrapper { margin: 0 auto; width: 100%; max-width: 1366px;}

.main {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding-left: 340px;}

header {width: 340px; position: fixed; height: 100vh; padding: 2%; left: 0; top: 0;}
.right-content {width: 100%; padding: 0%;}
.logo {margin-bottom: 40px; text-align: center;}
.contact-info-item {margin-bottom: 24px;}
.contact-info-item h4 {font-size: 20px; line-height: 24px; margin-bottom: 6px; color: #29abe2;}
.contact-info-item p {margin-bottom: 0; color: #004f5d;}
.contact-info-item p a {color: #004f5d;}
.contact-info-item p a:hover {color: #fa6900;}
.header-contact-info {position: absolute; top: 58%; width: 76%; left: 12%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.right-content-row {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
.right-content-part {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 50%;}
.gallery-item {width: 65%; position: relative; border: 1px solid #fff; overflow: hidden;}
.gallery-item:nth-child(4n+2),
.gallery-item:nth-child(4n+3) {width: 35%;}
.gallery-item::after {position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.4); content: ""; width: 100%; height: 100%;}
.gallery-item img {width: 100%; height: 15vw; object-fit: cover; display: block; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transition: 0.5s; -webkit-transition: 0.5s;}
.gallery-item:hover img {transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transition: 0.5s; -webkit-transition: 0.5s;}

.text-content {display: block; padding: 2% 6%; width: 100%;}
.text-content h2 {font-size: 60px; text-transform: uppercase; line-height: 60px; font-weight: 800; margin: 40px 0 40px 0; color: #fa6900;}
.text-content h4 {font-size: 26px; line-height: 34px; margin: 0 0 40px 0; display: block; font-weight: 500;}
.text-content ul {display: block; padding: 0 0 0 20px;}
.text-content ul li {margin-bottom: 8px;}
.text-content blockquote {background: #004f5d; margin: 50px 0 20px; padding: 6%; display: block; width: 100%;}
.text-content blockquote p {color: #fff;}
.text-content blockquote h6 {font-size: 18px; color: #fa6900;}
.text-content:first-child h2 {margin-top: 70px;}

.footer-bottom-row { align-items: initial; }
.footer-bottom-row .right-content-part {  }
.footer-bottom-row h2 { margin-top: 0 !important }
.right-content-part iframe { width: 100%; filter: grayscale(100); height: 100%; min-height: 300px; }
form { width: 100% }
input, textarea { border: 1px solid #004f5d; padding: 15px; width: 100%; font-family: 'Poppins', sans-serif; letter-spacing: 0; }
.form-group { margin-bottom: 20px; display: block; width: 100%; }

textarea { min-height: 100px; }

button {padding: 15px; background: #fa6900; color: #ffffff; border: none; min-width: 200px; margin: 0 auto; display: block; cursor: pointer; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all;  font-family: 'Poppins', sans-serif; }
button:hover { background: #004f5d }

.thank--you-block { height: 100vh; margin: 0; padding: 0; width: 100%; display: flex; align-items: center; background: #004f5d; color: #ffffff; padding: 30px; justify-content: center; text-align: center; position: relative; z-index: 1; }
.thank--you-block img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; opacity: 0.1 }
.thank--you-block p { color: #ffffff; margin-bottom: 0; }
.thank--you-block h1 { margin: 0 0 0.5vw 0; padding: 0; line-height: 5vw; font-size: 5vw; text-transform: uppercase; }

button:disabled {opacity: 0.5; cursor: not-allowed; }

/* Responsive */
@media screen and (max-width: 1600px) {
	header {width: 320px;}
	.main {padding-left: 320px;}
	.header-contact-info {top: 60%;}
	.text-content h2 {font-size: 50px; line-height: 50px; margin: 40px 0 30px 0;}
	.text-content h4 {font-size: 22px; line-height: 30px; margin: 0 0 30px 0;}
	body, p, li {font-size: 15px;}
	.text-content blockquote {margin: 40px 0 20px;}
	.gallery-item img {height: 16vw;}
}

@media screen and (max-width: 1440px) {
	header {width: 300px;}
	.main {padding-left: 300px;}
	.logo {padding: 4%;}
	.contact-info-item h4 {font-size: 18px; line-height: 22px;}
	.text-content:first-child h2 {margin-top: 60px;}
	.text-content h2 {font-size: 40px; line-height: 40px;}
	.text-content h4 {font-size: 20px; line-height: 28px;}
	.text-content blockquote h6 {font-size: 16px;}
	.text-content ul li {margin-bottom: 6px;}
}

@media screen and (max-width: 1200px) {
	.text-content:first-child h2 {margin-top: 50px;}
	.gallery-item, .gallery-item:nth-child(4n+2), .gallery-item:nth-child(4n+3) {width: 100%;}
	.header-contact-info {top: 68%;}
	.text-content h2 {font-size: 34px; line-height: 36px; margin: 30px 0 23px 0;}
	.text-content h4 {font-size: 18px; line-height: 26px; margin: 0 0 24px 0;}
	body, p, li {font-size: 14px;}
	.text-content ul li {margin-bottom: 4px;}
	.text-content blockquote {margin: 30px 0 20px;}
	.text-content blockquote h6 {font-size: 14px;}
	.contact-info-item h4 {font-size: 16px;	line-height: 20px; margin-bottom: 4px;}
	.contact-info-item {margin-bottom: 20px;}
}

@media screen and (max-width: 1024px) {
	header {width: 270px; box-shadow: -20px 0 28px rgba(0,0,0,0.5); -webkit-box-shadow: -20px 0 28px rgba(0,0,0,0.5);}
	.main {padding-left: 270px;}
	.right-content-part {width: 100%;}
	.gallery-item img {height: 33vw;}
	.right-content-row .right-content-part:first-child {order: 2; margin-top: 20px;}
}

@media screen and (max-width: 767px) {
	header {width: 230px;}
	.main {padding-left: 230px;}
	.logo {padding: 10%;}
	.header-contact-info {top: 65%; width: 84%; left: 8%;}
	body {line-height: 22px;}
	.text-content:first-child h2 {margin-top: 40px;}
	.text-content h2 {font-size: 30px; line-height: 33px; margin: 30px 0 18px 0;}
	.text-content h4 {font-size: 16px; line-height: 24px; margin: 0 0 20px 0;}

	.footer-bottom-row { margin-top: 30px }
	.footer-bottom-row iframe { margin-top: 30px; }
}

@media screen and (max-width: 640px) {
	.main {padding-left: 0;}
	header {width: 100%; position: relative; height: auto; box-shadow: 0px 0px 0px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.5); padding: 0px 0;}
	.logo {padding: 20px 0 20px 0;border-bottom: 1px solid #f5f5f5;}
	.logo img {max-width: 150px;}
	.contact-info-item h4 {margin-bottom: 8px;}
	.header-contact-info {top: 0; width: 100%; left: 0; position: relative; transform: translate(0,0); -webkit-transform: translate(0,0); display: flex; flex-wrap: wrap; padding: 0 15px;}
	.contact-info-item {width: 50%;}
	.text-content {padding: 0 15px;}
	.text-content h2 {font-size: 26px; line-height: 31px; margin: 30px 0 15px 0;}
	.text-content h4 {font-size: 15px;}
	p {margin: 0 0 15px 0;}
	body, p, li {line-height: 21px; font-size: 13px;}
	.gallery-item img {height: auto;}

	.thank--you-block { height: auto; margin-top: 0; padding: 50px; min-height: calc(100vh - 477px) }
}

@media screen and (max-width: 480px) {
	.logo img {max-width: 120px;}
	.logo {padding: 15px 0 15px 0; margin-bottom: 30px;}
	.contact-info-item {width: 100%;}
}