@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100&display=swap');

body {
	margin: 0; padding: 0; background: #5e848d; font-family: 'Alegreya Sans', sans-serif; color: #fff; height: 100%;
}
p {
	font-size: 22px; line-height: 35px
}
h2 {
	font-size: 25px; line-height: 45px
}
footer {
	width: 100%; border-top: 1px solid #74a2ad; padding-top: 50px; padding-bottom: 50px
}
.footer_tbl_cell_left {
	display: table-cell; width: 33%; vertical-align: top; text-align: left
}
.footer_tbl_cell_center {
	display: table-cell; width: 33%; vertical-align: top; text-align: center
}
.footer_tbl_cell_right {
	display: table-cell; width: 33%; vertical-align: top; text-align: right
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

option {
	background: #5e848d
}

.frm_col1 {
	width: 50%; display: table-cell; padding: 0 20px 0 0
}
.frm_col2 {
	width: 50%; display: table-cell; padding: 0 0 0 20px
}

.box_overflow {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.bg_texture {
	background-image:
repeating-linear-gradient(120deg, rgba(111, 111, 111, 0.15), rgba(111, 111, 111, 0.15) 1px, transparent 1px, transparent 60px),
repeating-linear-gradient(60deg, rgba(111, 111, 111, 0.15), rgba(111, 111, 111, 0.15) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
background-size: 70px 120px;
}

ul {
	/*list-style-image: url('/img/checkbox.png');*/
}

ul li {
	padding-left: 10px
}


.menu_container {
	position: fixed; top:0; font-size: 35px; right: 0; padding: 60px 120px 20px 20px; background: #5e848d; border-bottom: 1px solid #74a2ad; border-left: 1px solid #74a2ad; border-style: outset; border-top: 0
}
.menu_container1 {
	position: fixed; top:0; font-size: 30px; right: 0; width: 400px; background: #5e848d; display: none; padding: 0px 120px 0px 60px; border-bottom: 1px solid #74a2ad; border-left: 1px solid #74a2ad; border-style: outset; border-top: 0
}
.menu_items {
	margin-bottom: 20px; letter-spacing: 2px
}
.menu_items_close {
	font-size: 20px; margin-bottom: 0; border-top: 1px solid #74a2ad; padding-top: 10px
}
.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #944c12;
  margin: 20px auto 0 auto
}
a {
	text-decoration: none; color: #fff;
}

.subhead_container {
	width: 100%; height: 150px; padding: 40px 40px 40px 120px
}
.sub_logo {
	 height: 75px
}
.intro_container {
	width: 750px; margin: auto; padding-top: 75px; padding-bottom: 75px
}
.hp_logo_container {
	width: 400px; margin: auto; text-align: center
}
.logo_img {
	width:400px; height: 158px
}

.main_subtitle {
	font-size: 30px
}
.sub_subtitle {
	font-size: 20px
}
.direction_container {
	position: fixed; width: 100%; padding: 20px; bottom: 0; font-size: 30px
}

.prev_container {
	text-align: center; width: 100%; margin-top: 100px
}

.service_left {
	display: table-cell; width: 200px; text-align: right; padding-right: 20px; font-size: 28px; color: #045d5d
}

.service_right {
	display: table-cell; border-left: 1px solid #045d5d; padding-left: 20px; text-align: left; color: #000
}

.product_container {
	display: inline-block; padding: 20px
}
.product_table_cell_left {
	display: table-cell
}
.product_table_cell_right {
	display: table-cell; vertical-align: top; padding-left: 40px
}

/*.price_cell {
	display: inline-block; width: 46%; margin: 0 10px 0 10px; vertical-align: top; text-align: left; box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 4px; background: rgb(0,0,0); background: linear-gradient(270deg, rgba(182,215,168,0.25) 40%, rgba(94,132,141,1) 100%);
}*/

.price_cell {
	display: inline-block; width: 30%; margin: 0 10px 0 10px; vertical-align: top; text-align: left; box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 4px; background: #192841
}

.price_cell_center {
	display: inline-block; width: 33%; border-top: 4px solid #74a2ad; margin: 0 10px 0 10px; vertical-align: top; padding: 15px 15px 150px 15px; text-align: left; box-shadow: rgba(0, 0, 0, 0.15) 4px 4px 4px; background: #000
}

.app_container {
	width: 100%; height: 400px; background: #333c45; border-top: 4px solid #FFFDD0; border-bottom: 1px solid #fff
}
.app_tbl {
	margin: auto; max-width: 1200px; height: 400px; display: table; border-right: 1px solid #fff; background: #2b323a;
}
.app_cell_left {
	display: table-cell; width: 400px
}
.app_cell_right {
	display: table-cell; padding: 20px; 
}
.app_sel {
	/*width: 100%; font-size: 20px; background: #333c45; border: 0; color: #FFFDD0; padding: 10px*/
	width: 100%; font-size: 20px; border: 0; border-bottom: 3px solid #333c45; color: #FFFDD0; padding: 10px; background: #2b323a
}
.app_desc_container {
	width: 100%; height: 300px; margin-top: 10px; color: #fff; overflow-y: auto; text-align: left; padding: 0px 10px 0px 10px
}

@media (max-width: 800px) {
	.app_cell_left {
		display: none
	}
	.hp_logo_container {
		width: 100%; text-align: center
	}
	.frm_col1 {
		width: 100%; display: block; padding: 0 0 0 0
	}
	.frm_col2 {
		width: 100%; display: block; padding: 0 0 0 0; margin-top: 40px
	}
	.menu_container {
		font-size: 30px; padding: 20px 20px 20px 20px
	}
	.menu_container1 {
		font-size: 25px; right: 0; width: 100%; padding: 60px 60px 60px 60px; text-align: right
	}
	.menu_items {
		margin-bottom: 20px; letter-spacing: 2px
	}
	.logo_img {
		width:200px; height: 79px
	}
	.main_subtitle {
		font-size: 25px
	}
	.sub_subtitle {
		font-size: 15px
	}
	.direction_container {
		font-size: 25px
	}
	.subhead_container {
		width: 100%; height: 150px; padding: 20px 40px 40px 20px
	}
	.sub_logo {
		 height: 60px
	}
	.intro_container {
		width: 100%;
	}

	.service_left {
		display: block; width: 100%; text-align: left; padding: 0; font-size: 30px; font-weight: bold
	}

	.service_right {
		display: block; border-left: 0px; padding: 0
	}
	
	.product_container {
		display: block; width: 100%
	}
	.product_table_cell_left {
		display: none
	}
	.product_table_cell_right {
		padding-left: 0px
	}
	.price_cell {
		display: block; width: 100%; margin: 0 0 40px 0;
	}
	.price_cell_center {
		display: block; width: 100%; margin: 0 0 40px 0;
	}
	
	.footer_tbl_cell_left {
		display: block; width: 100%; text-align: center; margin-top: 20px;
	}
	.footer_tbl_cell_center {
		display: table-header-group !important; width: 100%; text-align: center; margin-top: 50px;
	}
	.footer_tbl_cell_right {
		display: block; width: 100%; text-align: center; margin-top: 8px
	}
}