button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }






@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #007bff !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important; }

.text-secondary {
  color: #6c757d !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important; }

.text-success {
  color: #28a745 !important; }

a.text-success:hover, a.text-success:focus {
  color: #19692c !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important; }

.text-warning {
  color: #ffc107 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important; }

.text-danger {
  color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important; }

.text-body {
  color: #212529 !important; }

.text-muted {
  color: #6c757d !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-decoration-none {
  text-decoration: none !important; }

.text-reset {
  color: inherit !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  a:not(.btn) {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 992px !important; }
  .container {
    min-width: 992px !important; }
  .badge {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important; }
  .table-dark {
    color: inherit; }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
      border-color: #dee2e6; }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6; } }

.container {
  max-width: 1250px; }

.text-primary {
  color: #ad7e46 !important; }




/*============grids===============*/

.grid-large, .grid-middle, .grid-small, .grid-max, .grid-min, .grid { width: 88%; margin: 0 auto; position: relative; }
.grid-large, .grid-middle, .grid-small, .grid-max, .grid-min{ margin-bottom:100px;}
.grid-max { max-width: 1640px; }
.grid-large { max-width: 1440px;}
.grid-middle { max-width: 1280px;}
.grid-small { max-width: 1000px;}
.grid-min { max-width: 750px; }
.grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-3-8, .grid-5-8, .grid-content { float: left; display: block; position: relative; }
.grid-1-12 { width: 8.3%; }
.grid-2-12 { width: 16.6%; }
.grid-3-12 { width: 25%; }
.grid-4-12 { width: 33.3%; }
.grid-5-12 { width: 41.6%; }
.grid-6-12 { width: 50%; }
.grid-7-12 { width: 58.3%; }
.grid-8-12 { width: 66.6%; }
.grid-9-12 { width: 75%; }
.grid-10-12 { width: 83.3%; }
.grid-11-12 { width: 91.6%; }
.grid-3-8 { width: 38%; }
.grid-5-8 { width: 62%; }
.grid-content { width: 47.5%; }
.grid-margin{ margin-right: 5%;}


/*============style===============*/


p{ font-size: 1em; line-height: 1.875em; letter-spacing:0.05em; color: #333;}

a { color: #000; }
a:hover { color: #718cc8;}
strong,.bold { font-weight: bold; }
.bold2 { font-weight: 400; }
em, i { font-style: normal; }
big { font-size: 1.125em; }
small { font-size: 0.875em; }
h1 { font-size: 2.5em; line-height: 1.2em; }
h2 { font-size: 1.875em; line-height: 1.3em;}
h3 { font-size: 1.125em; line-height: 1.6em; }
h4, h5, h6 { font-size: 1em; }
.text01 { font-size: 16px; line-height: 1.85em; margin-top:10px;}
.title_big{ font-size: 36px; font-weight: 110; color:#7aa3d9; line-height: 1em; letter-spacing: -0.05em;}
.title_big_02{ font-size: 48px; font-weight: 110; color:#005059; line-height: 1em; letter-spacing: -0.05em;}
.link1{ color: #718cc7;}
.link1:hover{ text-decoration: none;}



/*============button===============*/

.button-tel i, .button-email i{ display:block; font-size:22px;line-height: 50px;}
.button-tel:hover, .button-email:hover{color: #fff;}
.button-tel{ display: none;}
.is-mobile .button-tel{ display: block;}
.is-mobile .button-email{right: 80px;}

/*==============form==================*/

form { position: relative; display: block; width:100%; margin-top: 35px;}
form .input-column,form .input-row, 

.input-box { position: relative; display: block; line-height:0; margin:0 0 8px 0; width:100%; color:#333; border: solid 1px #dddddd; background-color: #ebedee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

form .input-column,form .input-row{ min-height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
form .input-column{float:left; width:48%;}
.input-box p{ text-align: justify; padding: 25px;}

.input-text{color:#333; display: inline-block; min-height: 20px; line-height: 24px; margin:0 0 8px 20px; padding: 13px 0;}
form label { position: absolute; width: 100px; height: 50px; line-height: 50px; display: block; text-align:right;/*++*/font-size:16px;/*++*/}
form input[type="text"], form input[type="password"], form select, form textarea,.input-group{ line-height: 20px; padding-top: 16px; padding-bottom: 14px; height: 50px; width: 100%; padding-left: 120px; *padding:16px 0 14px 30%; *height: 20px; *width: 70%; background-color:transparent; border: solid 1px transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.input-group{padding-top: 0; padding-bottom: 0; height: auto; min-height: 50px;}
.check-box{position: relative; display: inline-block;width: auto; padding-right: 10px;}
.check-box.active{ color:#89a500;font-weight: bold;}
form textarea { height: 80px; line-height: 24px; padding-top: 14px; padding-right: 10px;}
form select { line-height: 50px; padding:0; padding-left:120px;}
form small { font-size: 20px;color:#d97227; font-weight:bold; }
.message_form{margin-top: 35px;}
.message_form{margin-top: 35px;}

/*============== button ==================*/

.newbutton {width:100%; height: 50px; 
            display: inline-block; 
            text-align: center; 
            cursor: pointer;
            background-color:#980114;
            letter-spacing: 0.6em; 
            color:#fff;
            -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.newbutton { background-color:#000;
            }
.newbutton:hover{ background-color:#980114;}

.newbutton { position: relative;
            display: block;
}
.newbutton { float: right; width:100%;}


/*============== TEL ==================*/

.newbutton_tel {width:100%; height: 36px; 
           padding-top:16px;
            text-align: center; 
            cursor: pointer;
            background-color:#718cc7;
            letter-spacing: 0.1em; 
            color:#fff;
    line-height: 20px;
            -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.newbutton_tel { background-color:#5985b4;
    
            }
.newbutton_tel:hover{ background-color:#00827c; color:azure;}

.newbutton_tel  { position: relative;
                   display: block;
}
.newbutton_tel { float: right; width:100%;}


/*============== button02 ==================*/

.newbutton02 {width:100%; height: 50px; 
            display: inline-block; 
            text-align: center; 
            cursor: pointer;
            background-color:#718cc7;
            letter-spacing: 0.6em; 
            color:#fff;
            -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.newbutton02 { background-color:#576f47;
            }
.newbutton02:hover{ background-color:#00827c;}

.newbutton02 { position: relative;
            display: block;
}
.newbutton02 { float: right; width:100%;}




/*============== TEL02 ==================*/

.newbutton02_tel {width:100%; height: 36px; 
           padding-top:16px;
            text-align: center; 
            cursor: pointer;
            background-color:#718cc7;
            letter-spacing: 0.1em; 
            color:#fff;
    line-height: 20px;
            -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.newbutton02_tel { background-color:#576f47;
            }
.newbutton02_tel:hover{ background-color:#00827c; color:azure;}

.newbutton02_tel  { position: relative;
                   display: block;
}
.newbutton02_tel { float: right; width:100%;}
    

.input-box p {color:#000;padding: 15px;}  

.hot-box {
  background: #059eb4;
    margin: 5em 0 5em 0;
    align-content: center;
}


.fit {
	display: block;
	margin: 0 0 0 0;
	width: 100%;
		}


   /* Image */

	.image {
		border-radius: 4px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 4px;
			display: block;
            max-width: 400px;
            
		}

.text_01 {
    
   
    padding: 20px;
    
}
/*============button===============*/
    
.head-bar-mobile.scrollDown #header.sticky, .sticky.scrollDown .img-bg{margin-top:0;}
.head-bar-mobile.active #header{margin-top:0;}
.head-bar-mobile .head-bar{ position:fixed;}
.head-bar-mobile.scrollDown .head-bar{ position:relative;}
.head-bar-mobile.content-page.scrollDown .content{ padding-top: 140px;}
.head-bar-mobile.content-page .content{ padding-top: 210px;}