@font-face {
    font-family: 'ppg_light';
    src: url('../resources/fonts/PPGatwick-Ultralight.otf') format('opentype');
}
@font-face {
    font-family: 'ppg_bold';
    src: url('../resources/fonts/PPGatwick-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'montserrat_light';
    src: url('../resources/fonts/Montserrat-Light.otf') format('opentype');
}
@font-face {
    font-family: 'montserrat_reg';
    src: url('../resources/fonts/Montserrat-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'social';
    src: url('../resources/fonts/SocialType.ttf') format('truetype');
}
h1 {
	font-family: 'ppg_bold', sans-serif; color: #062454
}
body, html {
	margin: 0; width: 100%; height: 100%; font-family: 'ppg_light', sans-serif; line-height: 30px
}
.box_overflow {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
}
.social {
	font-family: 'social', sans-serif; color: #fff
}
a {
	text-decoration: none; color:#062454; font-family: 'ppg_bold', sans-serif;
}
a.menu {
	font-family: 'montserrat_light', sans-serif;
}
.container {
	
}
.mainLoginInput::-webkit-input-placeholder {
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}

.mainLoginInput:-ms-input-placeholder {
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}

.mainLoginInput:-moz-placeholder {
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}

.mainLoginInput::-moz-placeholder {
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}
.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  
  border-left: 20px solid #ffca2b;
  display: inline-block;
  vertical-align: middle;
}
.arrow-right-long {
  width: 0; 
  height: 0; 
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  
  border-left: 40px solid #ffca2b;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px
}
.arrow-right-large {
  width: 0; 
  height: 0; 
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  
  border-left: 20px solid #ffca2b;
  display: inline-block;
  vertical-align: top;
}
.arrow-left-large {
  width: 0; 
  height: 0; 
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  
  border-right: 20px solid #ffca2b;
  display: inline-block;
  vertical-align: top;
}
.bbb {
	float: right; margin-top: 10px; margin-right: 20px; border: 0;
}
.contact_btn {
	float: right; color: #fff; padding: 5px 15px 5px 15px; border-radius: 30px; margin-right: 20px; margin-top: 10px; background: #00736b; border: 2px solid #FFCA2E
}
.img_awards {
	position: absolute; left: 75px; margin-top: 5px
}
.logo_container {
	width: 400px; height: 100%; vertical-align: middle; padding-left: 150px
}
.mobile_menu {
	display: none; text-align: right; padding-right: 20px
}
.menu_txt {
	margin-left: 100px
}
.home_header_container {
	color: #fff; margin-top: clamp(200px, 25vh, 100vh) ; padding-left: 150px
}
.home_bg {
	display: table; width: 100%; height: 100%; background-size: 90% 100%; background-repeat: no-repeat
}
.home_title_bold {
	font-size: 100px; line-height: 130px; font-family: 'ppg_bold', sans-serif;
}
.home_img_container {
	border: 5px solid #ffca2b; height: 75vh; width:75vh; min-height: 500px; min-width: 500px; border-radius: 50%; margin-top: 2%; right: 2%; top: 10%;  position: absolute; background-size: cover; 
}
.services_tbl_img {
	display: table-cell; width: 25%; min-width: 275px
}
.services_tbl_content {
	display: table-cell; vertical-align: top; padding-left: 50px; padding-right: 20%; text-align: left
}
.services_tbl_content2 {
	display: table-cell; vertical-align: top; padding-left: 50px; padding-right: 20%; text-align: left; padding-top: 100px
}
.services_tbl_spacer {
	display: table-cell; width: 50px
}
.services_img_container {
	border: 2px solid #ffca2b; height: 225px; width:225px; border-radius: 50%; background-size: cover; margin-left: 40px
}
.services_header {
	height: 250px; width: 100%; margin-top: 100px; text-align: center; padding: 0px 20px 0px 20px; font-size: 18px; line-height: 30px; 
}
.services_container {
	width: 100%; background-size: 100% 100%; padding-bottom: 25px; padding-top: 25px
}
.services_subhead {
	vertical-align: middle; font-size: 13px; line-height: 30px; color: #00736b; font-family: 'ppg_bold', sans-serif
}
.about_header {width: 100%; text-align: center; top: 100px; padding: 0px 20px 0px 20px}
.about_header_txt {
	margin: auto; max-width: 750px; font-family: 'montserrat_light', sans-serif;
}
.about_tbl_content {
	display: table-cell; vertical-align: top; padding: 100px 100px 0 100px
}
.about_tbl_img {
	display: table-cell; width: 45%; background-size: 100% 100%; background-repeat: no-repeat
}
.about_title {
	font-family: 'montserrat_reg', sans-serif; color: #062454
}
.gallery_txt {
	font-size: 14px; line-height: 18px; color: #00736b; font-family: 'montserrat_reg', sans-serif
}
h1.contact_header {
	color: #00736b; font-size: 60px; line-height: 90px
}
.contact_location_container {
	width: 100%; height: 25%;  overflow: hidden
}
.contact_location_container_inner {
	float: right; margin-right: 175px; width: 300px; text-align: center
}
.contact_bg {
	background-position: center; width: 100%; min-height: 760px; background-size: cover
}
.contact_form_container {
	width: 100%; position: relative; bottom: 0
}
.contact_tbl_form {
	display: table-cell; width: 400px; padding-left: 100px
}
.contact_tbl_links {
	display: table-cell; width: 200px; vertical-align: bottom; font-size: 12px; padding-bottom: 75px
}
.contact_tbl_social {
	display: table-cell; width: 300px; vertical-align: bottom; font-size: 12px; padding-bottom: 75px; padding-left: 0px
}
.contact_tbl_links_left{
	display: table-cell; padding-left: 75px
}
.contact_subhead {
	font-family: 'ppg_bold', sans-serif; color: #ffca2b
}
.login_menu_container {
	display: table-cell; width: 200px; border-right: 1px solid #d2d2d2; text-align: right; padding-right: 20px
}
.login_content_container {
	display: table-cell; padding-left: 20px; padding-right: 20px
}
.login_menu {
	line-height: 50px
}

.retail_header {
	width: 100%; margin-top: 100px; margin-bottom: 50px; text-align: center; padding: 0px 20px 0px 20px; font-size: 18px; line-height: 30px; 
}
.retail_tbl_img {
	display: table-cell; width: 25%; min-width: 275px
}
.retail_img_container {
	border: 2px solid #ffca2b; height: 225px; width:225px; border-radius: 50%; background-size: cover; margin-left: 0px
}

@media (max-width: 1750px) {
	.contact_location_container_inner {
		margin-right: 150px;
	}
}

@media (max-width: 1600px) {
	.contact_location_container_inner {
		margin-right: 100px;
	}
}
@media (max-width: 1300px) {
	.logo_container {
		padding-left: 50px; width: 350px
	}
	.menu_txt {
		margin-left: 50px
	}
	.home_header_container {
		padding-left: 50px
	}
	.home_img_container {
		height: 55vh; width:55vh; min-height: 500px; min-width: 500px; margin-top: 8%; right: 2%;
	}
	.services_tbl_content {
		padding-right: 50px
	}
	.contact_location_container_inner {
		margin-right: 50px
	}
}
@media (max-width: 1024px) {
	.img_awards {
		left: 15px
	}
	.desktop_menu {
		display: none
	}
	.mobile_menu {
		display: block
	}
	.home_header_container {
		margin-top: 50px; z-index: 2; position: absolute; background-color:rgba(0, 0, 0, 0.3); width: 100%; padding: 20px
	}
	.services_tbl_img {
		display: block; width: 100%; text-align: left
	}
	.services_tbl_content {
		display: block; padding-left: 20px; padding-right: 20px
	}
	.services_tbl_content2 {
		display: block; padding-top: 0px
	}
	.services_tbl_spacer {
		display: none
	}
	.services_img_container {
		margin: 0	}
		
	.login_menu_container {
		display: block; width: 100%; border-right: 0px; text-align: left; padding-left: 20px; padding-right: 20px
	}
	.login_content_container {
		display: block; width: 100%; border-right: 0px; text-align: left; padding-left: 20px; padding-right: 20px; padding-top: 20px
	}
	.login_menu {
		line-height: 30px
	}
	
	.retail_tbl_img {
		display: block; width: 100%; text-align: left
	}
	.retail_img_container {
		margin: auto
	}

}
@media (max-width: 900px) {
	.about_tbl_content {
		display: block; padding: 0px 20px 0 20px
	}
	.about_tbl_img {
		display: block; width: 100%; height: 350px
	}
	.about_tbl_content {
		padding: 0px 20px 0 20px
	}
	.contact_bg {
		background-image: none !important
	}
	.contact_location_container {
		background: #ebebeb; padding-top: 50px; padding-bottom: 50px; margin-top: 25px
	}
	.contact_location_container_inner {
		float: none; margin: auto; width: 300px
	}
	.contact_form_container {
		background: #062454; padding-top: 5px; padding-bottom: 50px
	}
	.contact_tbl_form {
		display: block; width: 100%; padding: 0px 20px 0px 20px
	}
	.contact_tbl_links {
		display: block; width: 100%; vertical-align: bottom; font-size: 12px; padding-bottom: 25px
	}
	.contact_tbl_social {
		display: block; width: 100%; vertical-align: bottom; font-size: 12px; padding-bottom: 25px; padding-left: 20px
	}
	.contact_tbl_links_left{
		padding-left: 20px
	}
}
@media (max-width: 640px) {
	.home_title_bold {
		font-size: 75px; line-height: 100px
	}
	.bbb {
		height: 32px
	}
	.contact_btn {
		padding: 0px 10px 0px 10px; border-radius: 30px; float: left
	}
	.contact_btn_hyperlink {
		font-size: 10px
	}
	.contact_btn_arrow {
		display: none
	}
	h1.contact_header {
		font-size: 30px; line-height: 60px
	}
}