@charset "UTF-8";
/*----------------------- 
改樣式步驟
1. 先註解上面的 @import
2. 打開下面的 @import
3. 打開 watching scss
4. 開始編輯樣式 完成後
5. 關掉 watching scss
6. 先註解下面的 @import
7. 打開上面的 @import
8. 複製編譯出來的 layoutStyle.css 到 Web和Web_develop css資料夾改掉檔名(改成style)取代掉style.css
-----------------------*/
/*主色調(包含套件顏色)*/
/*按鈕顏色*/
/*字體顏色*/
/*sidebar遮罩顏色*/
/*社群媒體按鈕顏色*/
/*nav顏色*/
/*表單顏色*/
/*table顏色*/
#header {
  /* -webkit-box-shadow: 2px 1px 14px 4px rgba(193, 193, 193, 0.439) !important; */
          /* box-shadow: 2px 1px 14px 4px rgba(193, 193, 193, 0.439) !important; */
  height: 4rem !important;
  position: relative;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out;
  border-bottom: 0.25rem solid transparent;
}

#header .img-fluid {
  width: auto;
  height: 100%;
}

.header-scrolled {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

/*平板*/
@media (max-width: 1025px) {
  header {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

/*手機*/
@media (max-width: 575.98px) {
  header {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

#footer {
  width: 100%;
  clear: both;
  /*清除浮動*/
  color: #a6a09f;
  background: none !important;
}

#footer a:hover{
  color: rgb(205, 145, 80);
}

#footer a{
  color: whitesmoke;
}

#footer button {
  border: 1px solid #f8f9fa !important;
}

#footer .footer-copyright {
  font-size: 0.5rem;
}

#footer .back-to-top {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3px;
  left: calc( 50% - ( 2.5rem / 2 ));
  bottom: 6rem;
  color: #a6a09f;
  -webkit-transition: display 0.5s ease-in-out;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

#footer .back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

#footer .back-to-top:hover {
  color: white;
  background: #3d5265;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.navigation li {
  display: inline-block;
  list-style-type: none !important;
  position: relative;
  text-align: left;
}

.navigation li a:not(.submenu-button) {
  padding-right: 20px;
}

.navigation li .submenu-button {
  position: absolute;
  top: 0px;
  right: 0px;
}

.navigation li ul.navigation-list li {
  display: block;
  list-style-type: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.502);
}

.navigation li ul.navigation-list li:last-child {
  border: none;
}

.navigation-list li a {
  display: block !important;
  list-style-type: none !important;
  padding: 10px;
  outline: 0;
  font-weight: 400;
}

.navigation-list li:last-child > a {
  border-bottom: none;
}

.navigation-child {
  display: none;
  position: relative;
}

.navigation-list .submenu-button {
  display: block;
  padding: 10px;
  position: absolute;
}

#nav {
  /*sub*/
  position: relative;
}

#nav .navigation .navigation-list {
  color: white;
  background: rgba(52, 52, 52, 0.91);
}

#nav .navigation .navigation-list li:hover {
  background: none;
  color: white;
}

#nav .navigation .navigation-list li:hover li:hover {
  background: #4c677e;
}

#nav .navigation .navigation-list li:hover li:hover a {
  color: white !important;
}

#nav .navigation li {
  color: white;
}

#nav .navigation li > a {
  height: 100% !important;
  display: inline-block;
  padding: 10px;
  outline: 0;
}

#nav .navigation li a {
  color: white;
}

#nav .navigation > ul > li > ul.navigation-list {
  position: absolute;
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 203px;
  max-height: 50vh;
  overflow-y: auto;
  padding: 0;
  left: 0;
  text-align: left;
}

#nav .navigation-child {
  color: #343434;
  background: #f8f9fa;
}

#nav .navigation-child li a {
  color: #343434 !important;
}

.navbar-scrolled {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

@media (max-width:569px) {
  #nav{
    position: absolute;
  }
}

/* 新加的效果*/
#nav{
  min-height: 4rem !important;
  background-color: black;
}
/* 在header的btn內*/
#header .navbar-toggler {
  font-size: 80%;
  padding: 0.75rem;
  color: rgb(251, 253, 252);
  border: 3px solid rgba(51, 53, 51, 0.8);
  background-color: whitesmoke;
}
#header .navbar-toggler:focus {
  outline: none;
}
 #mainNav .navbar-brand {
   color: #fff;
   font-weight: 700;
   padding: 0.9rem 0;
 }
#nav ul li a{
    transition: none;
    padding: 2rem 1.5rem;
    color: rgb(255, 255, 255);
  }
#nav ul li:hover
 {
  color: rgb(160, 160, 160);
  outline: none;
  background-color: transparent;
}
#nav ul li:active:active, #nav ul li:focus {
  outline: none;
  background-color: transparent;
}
/* #nav .navbar-shrink {
  background-color: rgba(0, 0, 0, 0.7);
} */
@media (min-width: 992px) {
  #nav {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    background-color: transparent;
    transition: background-color 0.2s ease-in-out;
  }
 #mainNav .navbar-brand {
    padding: 0.5rem 0;
    color: rgba(255, 255, 255, 0.5);
    font-size:xx-large;
   }
  #nav ul li a {
    transition: none;
    padding: 2rem 1.5rem;
    color: rgba(255, 255, 255, 1);
  }
  #nav ul li a:hover {
    color: rgba(255, 255, 255, 0.75);
  }
  #nav ul li a:active {
    color: #5d6161;
  }
  /* #nav .navbar-shrink {
    background-color: rgba(0, 0, 0, 0.7);
  } */
  #nav .navbar-shrink .navbar-brand {
    color: #cfdad9;
  }
  #nav .navbar-shrink ul li a {
    color: #cfdad9;
    padding: 1.5rem 1.5rem 1.25rem;
    border-bottom: 0.25rem solid transparent;
  }
  #nav .navbar-shrink ul li a:hover {
    color: rgb(235, 190, 40);
    outline: none;
    border-bottom: 0.25rem solid rgb(205, 145, 80);
  }
  #nav .navbar-shrink ul li a:active {
    color: rgb(160, 160, 160);
  }
  #nav .navbar-shrink ul li a.active {
    color: rgb(235, 190, 40);
    outline: none;
    border-bottom: 0.25rem solid rgb(205, 145, 80);
  }
} 

@media (max-width:991px) {
  #nav{
    display: none!important;
  }
}

#sidebar-wrapper {
  position: fixed;
  height: calc(100% - 4rem);
  right: 0%;
  padding: 0;
  overflow: auto;
  margin-right: -30rem;
  z-index: 300;
  border-left: solid 1px rgba(0, 0, 0, 0.1) !important;
  -webkit-transition: margin 0.4s;
  transition: margin 0.4s;
  margin-top: 64px;
  /*大項目*/
  /*大項目 ---> 中項目*/
  /*大項目 ---> 中項目 ---> 小項目*/
}

#sidebar-wrapper.toggled {
  margin-right: 0%;
}

#sidebar-wrapper .navigation li {
  width: 100%;
  display: inline-block;
  list-style-type: none;
  position: relative;
  text-align: center;
}

#sidebar-wrapper .navigation li:last-child {
  border: none;
}

#sidebar-wrapper .navigation li a:not(.submenu-button) {
  display: inline-block;
  padding: 10px;
  outline: 0;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1) !important;
}

#sidebar-wrapper .navigation li > a {
  color: #d6d3d3;
}

#sidebar-wrapper .navigation li > a:hover{
  color: rgb(235, 190, 40);
  border-bottom: 1px solid rgb(205, 145, 80);
}

#sidebar-wrapper .submenu-button {
  position: absolute;
  padding: 10px;
  outline: 0;
  font-weight: 400;
  float: right;
}

#sidebar-wrapper .navigation-list {
  display: none;
  background: #343434;
}

#sidebar-wrapper .navigation-list li {
  border-bottom: none !important;
}

#sidebar-wrapper .navigation-list li:hover {
  background: none;
  color: white;
}

#sidebar-wrapper .navigation-list li > a {
  color: #f8f9fa;
}

#sidebar-wrapper .navigation-child li {
  background: #e0e0e0;
}

#sidebar-wrapper .navigation-child li:hover {
  background: #4c677e;
  color: white;
}

#sidebar-wrapper .navigation-child li:hover > a {
  color: white;
}

#sidebar-wrapper .navigation-child li > a {
  color: #343434;
}

#sidebar-wrapper-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 250;
  background: rgba(0, 0, 0, 0.616);
  display: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

#sidebar-wrapper-bg.toggled {
  display: block;
}

.theme_United {
  /*----------------------------------
   CSS INDEX (選取以下 Ctrl + D 直達)
  ===================
  標題設定css
  聯絡資訊配地圖設定css
  基本設定css
  內容基本設定css
  表單元素css
  各種顏色class設定
  icon設定css
  連結顏色設定css
  浮動社群連結設定css
  breadcrumb設定css
  輪播圖設定css
  slick套件輪播圖設定css
  圖片視差滾動設定css
  介紹設定css
  訂閱我們 newsletter
  聯絡我們 contact
  上傳檔案css
  media 特殊尺寸設定css
----------------------------------*/
  /*  特殊設定css
  /*--------------------------------*/
  /*  聯絡資訊配地圖設定css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  基本設定css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  內容基本設定css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  3.  表單元素css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  各種顏色class設定
  /*--------------------------------*/
  /* 背景顏色 */
  /* 按鈕顏色 */
  /* 文字顏色 */
  /*--------------------------------*/
  /*  icon設定css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  連結顏色設定css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  浮動社群連結設定css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  breadcrumb設定css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  輪播圖設定css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  slick套件輪播圖設定css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  圖片視差滾動設定css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  介紹設定css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  訂閱我們 newsletter
  /*--------------------------------*/
  /*--------------------------------*/
  /*  聯絡我們 contact
  /*--------------------------------*/
  /*--------------------------------*/
  /*  上傳檔案css
  /*--------------------------------*/
  /*--------------------------------*/
  /*  media 特殊尺寸設定css
  /*--------------------------------*/
  /* 平板以上 */
  /* 平板 */
  /* 平板以下 */
  /* 平板以下 */
  /* 平板以下 */
  /* 手機以下 */
}

.theme_United a[href="javascript:;"] {
  cursor: auto;
}

.theme_United * {
  font-family: Microsoft JhengHei !important;
  font-weight: normal;
  outline: none;
}

.theme_United .section-title:before,
.theme_United .section-title:after {
  content: "";
  width: 50px;
  height: 2px;
  margin: 8px 10px;
  background: #1b5faa;
  display: inline-block;
}

.theme_United .list-style-none {
  list-style: none;
  padding: 0;
}

.theme_United .iframeSize iframe {
  height: 100%;
  width: 100%;
}

.theme_United .infoForm {
  border-top: 3px solid #3d5265;
  border-bottom: 3px solid #3d5265;
  padding: 30px;
  background: #fff;
  width: 100%;
  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}

.theme_United .infoForm h4 {
  padding: 0 0 0 60px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #3d5265;
}

.theme_United .infoForm span {
  font-size: 20px;
  color: #3d5265;
  float: left;
  width: 44px;
  height: 44px;
  background: #f1f3f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.theme_United .infoForm p {
  padding: 0 0 10px 60px;
  margin-bottom: 20px;
  font-size: 14px;
}

.theme_United .infoForm .email span:hover,
.theme_United .infoForm .address span:hover,
.theme_United .infoForm .phone span:hover {
  background: #3d5265;
  color: white;
}

.theme_United p {
  color: #8a8a8a;
  word-break: break-all;
}

.theme_United .article p {
  text-align: center;
}

.theme_United a {
  color: #8a8a8a;
  text-decoration: none !important;
}

.theme_United a:hover {
  color: #1b5faa;
}

.theme_United h1,
.theme_United h2,
.theme_United h3,
.theme_United h4,
.theme_United h5,
.theme_United h6,
.theme_United .h1,
.theme_United .h2,
.theme_United .h3,
.theme_United .h4,
.theme_United .h5,
.theme_United .h6 {
  line-height: 1.5 !important;
  color: #3d5265;
  font-weight: bold;
}

.theme_United .iframeDiv iframe {
  height: 450px !important;
  width: 100% !important;
}

.theme_United .fa-1_5x {
  font-size: 1.5rem;
}

.theme_United .fa-0_7x {
  font-size: 0.7em;
}

.theme_United .h7 {
  font-size: 0.8rem;
}

.theme_United .clear {
  clear: both;
}

.theme_United ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.theme_United hr {
  margin-top: 0 !important;
}

.theme_United hr.botm-line {
  height: 3px;
  width: 75px;
  background: #1b5faa;
  position: relative;
  border: 0;
}

.theme_United .botm-line-m {
  margin: 20px 0 20px 0;
}

.theme_United .z-index-top {
  z-index: 100;
}

.theme_United .z-index-mid {
  z-index: 30;
}

.theme_United .z-index-bot {
  z-index: 15;
}

.theme_United .top-100 {
  top: 100%;
}

.theme_United .h-fit {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.theme_United.body-origin {
  position: relative;
  width: 100%;
  margin: 0;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 1px;
  overflow: hidden !important;
  scroll-behavior: smooth !important;
}

.theme_United main {
  position: relative;
  bottom: 0;
  left: 0;
  height: calc(100% - 4rem);
  /* 扣掉header nav高度 */
  width: 100%;
  background: white;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.theme_United .box-shadow-bottom {
  -webkit-box-shadow: 2px -3px 15px 9px rgba(193, 193, 193, 0.369);
          box-shadow: 2px -3px 15px 9px rgba(193, 193, 193, 0.369);
}

.theme_United input {
  border: none;
  border-radius: 0px;
  outline: none !important;
}

.theme_United form input {
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}

.theme_United ::-webkit-input-placeholder {
  color: #8a8a8a;
  opacity: 1;
  /* Firefox */
}

.theme_United :-ms-input-placeholder {
  color: #8a8a8a;
  opacity: 1;
  /* Firefox */
}

.theme_United ::-ms-input-placeholder {
  color: #8a8a8a;
  opacity: 1;
  /* Firefox */
}

.theme_United ::placeholder {
  color: #8a8a8a;
  opacity: 1;
  /* Firefox */
}

.theme_United :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8a8a8a;
}

.theme_United ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #8a8a8a;
}

.theme_United button {
  border: none;
  background: none;
  color: white;
  outline: none !important;
}

.theme_United .img-fluid,
.theme_United .mainbanner {
  width: 100%;
  height: auto;
}

.theme_United img {
  vertical-align: middle;
  border-style: none;
}

.theme_United .Btn {
  height: 2.2rem;
  width: 7.5rem;
  border-radius: 4px;
}

.theme_United .btn-custom {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
 -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
 -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
 box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
 box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.theme_United .btn-custom:hover {
  background: #a98352;
}

.theme_United .padding-custom {
  padding: 1rem 8rem !important;
}

.theme_United .middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.theme_United .middle_vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.theme_United .box-shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.theme_United label.labelTitle::before {
  content: "\f0da";
  color: #3d5265;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  margin-right: 0.3rem;
}

.theme_United .list-form {
  padding: 0px 30px 30px 30px;
  margin: auto;
  max-width: 500px;
}

.theme_United .submit-form {
  margin: 20px 0 10px;
  padding: 7px 25px;
}

.theme_United .form-control-list,
.theme_United .form-control-list:focus {
  border-radius: 0.3rem !important;
  border: 1px solid #ced4da !important;
}

.theme_United .form-control-lg {
  height: calc(2.5rem + 2px) !important;
  font-size: 1rem !important;
}

.theme_United .custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.theme_United .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3d5265 !important;
}

.theme_United select,
.theme_United select:focus {
  outline: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0 !important;
}

.theme_United select {
  background: #f8f9fa !important;
  color: #8a8a8a !important;
}

.theme_United .list-select {
  background: white !important;
  color: #343434 !important;
}

.theme_United .form-group > label {
  color: #343434 !important;
}

.theme_United .bg-nav-color {
  background-color: #3d5265;
}

.theme_United .bg-major-color {
  background-color: #3d5265;
}

.theme_United .bg-minor-color {
  background: #f8f9fa;
}

.theme_United .bg-minor-other-color {
  background: #1b5faa;
}

.theme_United .bg-title-color {
  background: #343434;
}

.theme_United .bg-minor-else-color {
  background: #cd9852;
}

.theme_United .bg-else-color {
  background: #343434;
}

.theme_United .bg-white {
  background: white;
}

.theme_United .bg-minor-another-color {
  background: rgba(239, 239, 239, 0.8);
}

.theme_United .bg-table-color {
  background: #343434;
}

.theme_United .btn-minor-color {
  background: #343434;
}

.theme_United .color-white {
  color: white;
}

.theme_United .color-minor-other-color {
  color: #1b5faa;
}

.theme_United .color-minor-another-color {
  color: rgba(239, 239, 239, 0.8);
}

.theme_United .color-btn-media {
  color: #a6a09f;
}

.theme_United .color-major-color {
  color: #3d5265;
}

.theme_United .color-title-color {
  color: #343434;
}

.theme_United .color-subtitle-color {
  color: #395775;
}

.theme_United .color-article-color {
  color: #8a8a8a;
}

.theme_United .Icon-lg {
  height: 2.5rem;
  width: 2.5rem;
}

.theme_United .Icon {
  height: 2rem;
  width: 2rem;
}

.theme_United .Icon-md {
  height: 1.3rem;
  width: 1.3rem;
}

.theme_United .Icon-sm {
  height: 0.8rem;
  width: 0.8rem;
}

.theme_United .select-styled {
  width: 30%;
  height: 50%;
  font-size: 0.6rem;
  border: none;
}

.theme_United .share,
.theme_United .twitter:hover,
.theme_United .messenger:hover,
.theme_United .facebook:hover,
.theme_United .instagram:hover,
.theme_United .youtube:hover,
.theme_United .lineapp:hover,
.theme_United .map:hover {
  color: #a6a09f;
}

.theme_United .lineapp {
  color: #00b300;
}

.theme_United .twitter {
  color: #1da1f2;
}

.theme_United .messenger {
  color: #2e89ff;
}

.theme_United .facebook {
  color: #3b5998;
}

.theme_United .instagram {
  color: #c52c7a;
}

.theme_United .youtube {
  color: #fe0000;
}

.theme_United .map {
  color: #dd4b3e;
}

.theme_United .medialink {
  color: #f8f9fa !important;
}

.theme_United .link > a {
  color: #3d5265 !important;
}

.theme_United .contactLink:hover {
  color: #1b5faa !important;
}

.theme_United #social-media-container {
  position: fixed;
  bottom: 2px;
  right: 25px;
  list-style-type: none;
  z-index: 290;
  padding: 0;
  margin: 0;
}

.theme_United .social-media {
  padding: 5px;
  display: none;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  background-color: white;
}

.theme_United .social-media > .fa-line,
.theme_United .social-media > .fa-facebook-messenger {
  font-size: 2rem;
}

.theme_United .social-media > .fa-weixin {
  font-size: 1.55rem;
}

.theme_United .social-media:hover {
  background-color: #3d5265;
  color: white !important;
}

.theme_United #social-media-container li {
  color: #3d5265;
}

.theme_United .omnichat-icon-wrapper {
  width: 2rem;
  height: 2rem;
  margin-top: 0.3rem;
  padding: 5px;
  position: relative;
  background: #3d5265;
  border-radius: 50px 50px 0px 50px;
  border: 0;
}

.theme_United .omnichat-icon-eyes {
  width: 4px;
  height: 4px;
  margin: 1.5px;
  border-radius: 10px;
  background: white;
}

.theme_United #breadcrumb {
  position: relative;
  border: none !important;
  border-radius: 0 !important;
  z-index: 10;
  padding: 0rem 1rem !important;
  height: 2.5rem;
  max-height: 2.5rem !important;
  background-color: #f8f9fa !important;
  -webkit-box-shadow: 0px 3px 16px 0px rgba(193, 193, 193, 0.439);
          box-shadow: 0px 3px 16px 0px rgba(193, 193, 193, 0.439);
}

.theme_United .breadcrumb-list a {
  color: #8a8a8a;
}

.theme_United .breadcrumb-list a:hover {
  color: #3d5265;
}

.theme_United .breadcrumb-list.active {
  color: #1b5faa !important;
  cursor: pointer;
}

.theme_United .carousel-border {
  border-bottom: solid 5px #3d5265 !important;
}

.theme_United .carousel-indicators > li {
  width: 10px !important;
  height: 10px !important;
  border-radius: 10px !important;
  margin-right: 8px !important;
  margin-left: 8px !important;
  background-color: #343434 !important;
}

.theme_United .carousel-indicators .active {
  background: #1b5faa !important;
}

.theme_United .media_a {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 400ms ease-out;
  transition: -webkit-transform 400ms ease-out;
  transition: transform 400ms ease-out;
  transition: transform 400ms ease-out, -webkit-transform 400ms ease-out;
}

.theme_United .media_a:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}

.theme_United .card {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.theme_United .card:hover {
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.theme_United .slick-next {
  right: 0 !important;
}

.theme_United .slick-prev {
  left: 0 !important;
}

.theme_United .slick-next,
.theme_United .slick-prev {
  color: #3d5265 !important;
}

.theme_United .container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.theme_United #carouselExampleIndicators-sm > .card-slider {
  border-bottom: solid 5px #3d5265;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.theme_United .box {
  height: 35vh !important;
  width: 100%;
  padding: 1rem;
  background-size: cover;
  display: table;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.theme_United .bg-hide-white {
  background: rgba(255, 255, 255, 0.259);
}

.theme_United .box p {
  text-align: left;
  font-size: 1rem;
}

.theme_United .box_img1 h2,
.theme_United .box_img1 p {
  color: #8a8a8a;
}

.theme_United .box_ourteam > li {
  color: #8a8a8a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.5rem !important;
}

.theme_United .box_ourteam > li:before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 0.3rem;
  display: inline-block;
  padding: 3px 10px;
  color: #3d5265;
}

.theme_United .newsletter {
  padding: 50px 0;
  background: #f8f9fa;
  text-align: center;
  font-size: 15px;
}

.theme_United .newsletter h4 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  color: #4e4039;
}

.theme_United .newsletter input {
  margin-top: 30px;
  background: white;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  text-align: left;
}

.theme_United .newsletter button[type="submit"] {
  background: #1b5faa;
  border: 0;
  padding: 10px 24px;
  color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 4px;
}

.theme_United .newsletter button[type="submit"]:hover {
  background: #3d5265;
}

.theme_United .contact .info {
  border-top: 3px solid #1b5faa;
  border-bottom: 3px solid #1b5faa;
  padding: 30px;
  background: white;
  width: 100%;
  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.theme_United .contact .info .icofont {
  font-size: 20px;
  color: #1b5faa;
  float: left;
  width: 44px;
  height: 44px;
  background: #f8f9fa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.theme_United .contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #7a6960;
}

.theme_United .contact .info p {
  padding: 0 0 10px 60px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #ab9d95;
}

.theme_United .contact .info .icofont:hover {
  background: #1b5faa;
  color: white !important;
}

.theme_United .contact .php-email-form {
  width: 100%;
  border-top: 3px solid #1b5faa;
  border-bottom: 3px solid #1b5faa;
  padding: 30px;
  background: white;
  -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.theme_United .contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.theme_United .contact .php-email-form .loading {
  display: none;
  background: white;
  text-align: center;
  padding: 15px;
}

.theme_United .contact .php-email-form input,
.theme_United .contact .php-email-form textarea {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
}

.theme_United .contact .php-email-form input {
  height: 44px;
}

.theme_United .contact .php-email-form textarea {
  padding: 10px 12px;
}

.theme_United .contact .php-email-form button[type="submit"] {
  background: #1b5faa;
  border: 0;
  padding: 10px 24px;
  color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 4px;
}

.theme_United .contact .php-email-form button[type="submit"]:hover {
  background: #3d5265;
}

.theme_United .photoBox {
  min-height: 28vh !important;
  width: 100%;
  background-size: cover;
  position: relative;
  border: 1px solid #e4e7ea;
  border-radius: 0.25rem;
  overflow: hidden;
}

.theme_United .upload-options {
  height: 3rem;
  width: 100%;
  bottom: 0;
  border-radius: 5px !important;
  background-color: #395775;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  -webkit-transition: background-color ease-in-out 150ms;
  transition: background-color ease-in-out 150ms;
}

.theme_United .upload-options:hover {
  background-color: #525252;
}

.theme_United .upload-options input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.theme_United .upload-options label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

@media (max-width: 1300.98px) {
  .theme_United .padding-custom {
    padding: 1rem 8rem !important;
  }
  .theme_United img.mainbanner {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}

@media (max-width: 1025px) {
  .theme_United .padding-custom {
    padding: 1rem 3rem !important;
  }
  .theme_United img.mainbanner {
    width: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: 323px !important;
  }
  .theme_United #social-media-container {
    right: 5px;
  }
}

@media (max-width: 975.98px) {
  .theme_United main {
    height: calc(100%) !important;
  }
}

@media (max-width: 775.98px) {
  .theme_United main {
    height: calc(100%) !important;
  }
}

@media (max-width: 575.98px) {
  .theme_United .padding-custom {
    padding: 0.5rem 2rem !important;
  }
  .theme_United .breadcrumb {
    padding: 0rem 0.4rem !important;
  }
  .theme_United main {
    height: calc(100%) !important;
  }
  .theme_United img.mainbanner {
    width: 100% !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    height: 230px !important;
  }
  .theme_United #social-media-container {
    right: 0px;
  }
}

@media (max-width: 375.98px) {
  .theme_United #social-media-container {
    right: 0px;
  }
  .theme_United .breadcrumb {
    padding: 0rem 0.4rem !important;
  }
  .theme_United .padding-custom {
    padding: 0.5rem 1rem !important;
  }
}

.theme_United .link-card {
  padding: 1rem;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.theme_United .articleLink_quest a:hover {
  color: #1b5faa !important;
}

.theme_United .card-header,
.theme_United .card-footer {
  background-color: none !important;
}
/*# sourceMappingURL=layoutStyle.css.map */

/* uhaul own css */
/* picarticlelgdarkbg */
.theme_United .piclarge h1{
  font-family: sans-serif;
  font-size: 5rem;
  color: linear-gradient(rgba(253, 253, 253, 0.9), rgba(212, 209, 209, 0.5));;
  z-index: 1;
  top:45%;
  width:50%;
  left: 25%;
  right: 25%;
}
@media (min-width:341px)and(max-width:630px){
  .theme_United .piclarge h1{
    font-size: 3rem;
  }
}
@media (max-width: 340px){
  .theme_United .piclarge h1{
    font-size: 1.5rem;
 }
}
.theme_United .piclarge img{
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 75%, #000 100%);
}
/* new */
.theme_United *{
  font-family: sans-serif!important;
}