/*
     
      Theme Name: Triangle
     
      Theme Uri: http://www.themeum.com
     
      Author: Themeum
     
      Author Uri: http://www.themeum.com
     
      Description: Creative Site Template
     
      Version: 1.0
     
      */
     
     

     
     
      body {

        font-family: 'Lato', 微軟正黑體;
     
        font-weight: 400;
     
        font-size: 14px;
     
        line-height: 22px;
     
        color: #000;

        background: url(./../../images/all-bg.png);
     
      }
     
     
      html {
     
        height: 100%;
     
      }
     
     
     
      a{
     
        color:#a5732a;
     
      }
     
     
      a:hover {
     
        outline: none;
     
        text-decoration:none;
     
        color:#982124;
     
      }
     
     
      a:focus {
     
        outline:none;
     
        outline-offset: 0;
     
      }
     
     
      a {
     
        -webkit-transition: 300ms;
     
        -moz-transition: 300ms;
     
        -o-transition: 300ms;
     
        transition: 300ms;
     
      }
     
     
     
      ul {
     
        list-style: none;
     
      }
     
     
      h1, h2, h3, h4, h5, h6 {     
        font-weight: 400;
     
      }
     
     
      h1{
     
        color: #686868;
     
      }
     
     
      h2{
     
        font-size: 24px;
     
        color: #686868;
     
      }
     
     
      h3{
     
        font-size: 18px;
     
      }
     
     
      .overflow{
     
        overflow: hidden;
     
      }
     
     
      .uppercase{
     
        text-transform: uppercase;
     
      }
     
     
      .btn-common {
     
        font-size: 14px;
     
        color: #797979;
     
        border: 1px solid #dbb075;
     
        font-family: 'Open Sans', sans-serif;
     
        font-weight: 400;
     
        padding: 10px 25px;
     
      }
     
     
      #action .col-sm-5{
     
        position: absolute;
     
     
        top: 0;
     
        height: 100%;
     
        right: 0;
     
      }
     

     
     
      .align-right{
     
        text-align: right;
     
      }
     
     
      .inline{
     
        display: inline-block;
     
      }
     
     
      .padding{
     
        padding: 65px 0;
     
      }
     
     
      .padding-bottom{
     
        padding-bottom: 65px;
     
      }
     
     
      .padding-top{
     
        padding-top: 90px;
     
      }
     
     
      .padding-right{
     
        padding-right: 80px;
     
      }
     
     
      .padding-left{
     
        padding-left: 80px;
     
      }
     
     
      .margin-bottom{
     
        margin-bottom: 35px;
     
      }
     
     
      .carousel-indicators.visible-xs {
     
        height: 20px;
     
        margin: 0;
     
        padding: 0;
     
        position: absolute;
     
        top: -35px;
     
        width: 100%;
     
        left: 0;
     
      }
     
     
      .carousel-indicators.visible-xs li {
     
        border-color: #D29948;
     
        border-width: 2px;
     
        height: 12px;
     
        margin: 0 5px 0 0;
     
        width: 12px;
     
      }
     
     
      .carousel-indicators.visible-xs li.active {
     
        background: rgba(210, 153, 72, 0.7);
     
      }
     
     
     
     
     
    /*************************
     
    *******Header******
     
    **************************/
     
     
     
    #header{
     
      margin-bottom: 0;
     
      padding: 0px 0 0px 0;
     
    }
     
     
    #header .navbar-inverse .container{
     
      position: relative;
     
    }
          

     
    #header .navbar {
     
      background: none;
     
      border: 0;
     
      margin-bottom: 0;
     
    }
     
     
    #header .navbar-toggle{
     
      margin-top: 20px;
     
    }
     
     
    #header .navbar-brand{
     
      padding: 0;
      margin-left: 0;
      color: #FFFFFF;
      margin-top: 25px;
     
    }
     
     
    #header .navbar-brand h1{
     
      padding: 0;
     
      margin: 0;
     
    }
     
     
    #header .navbar-nav.navbar-right >li:last-child{
     
      /*margin-right: 0px;*/
     
    }
     
     
    #header .navbar-nav.navbar-right >li a {
     
      color: #000;
     
      font-size: 15px;
     
      text-transform: uppercase;
     
      font-weight: 400;
      
      cursor: pointer;
     
    }
     
    #header .navbar-inverse .navbar-nav  li.active > a,  
     
    #header .navbar-inverse .navbar-nav  li.active > a:focus, 
     
    #header .navbar-nav.navbar-right li > a:hover,
     
    .navbar-inverse .navbar-nav > .open > a {
     
      background-color: inherit;
     
      border: 0;
     
      color: #c61818;
     
    }
     
     

     
     
    /*Dropdown menu*/
     
     
 ul.sub-menu {
 
  display: none;
 
  list-style: none;
 
  padding: 0;
 
  margin: 0;
 
}
 
 
#header .navbar-nav li ul.sub-menu li a {
 
  color: #818285;
 
  padding: 5px 0;
 
  font-size: 13px;
 
  display: block;
 
  text-transform: capitalize;
 
}
 
 
#header .navbar-nav li ul.sub-menu li .active{
 
  background: #fef7ee;
 
  color: #d29948;
 
  position: relative;
 
}
     
     
    #header .navbar-nav li ul.sub-menu li .active i{
     
      position: absolute;
     
      font-size: 56px;
     
      top: -13px;
     
      color: #dab074;
     
    }
     
     
    #header .navbar-nav li ul.sub-menu li .active .fa-angle-right{
     
      left: -3px;
     
    }
     
     
    #header .navbar-nav li ul.sub-menu li .active .fa-angle-left{
     
      right: -3px;
     
    }
     
     
     
    #header .navbar-nav li ul.sub-menu li a:hover,
     
    #header .navbar-nav li ul.sub-menu li a:focus{
     
      background: #e7e4d0;
     
      color: #e22020;
     
    }


     
    .fa-angle-down{
     
      padding-left: 5px; 
     
    }
     
     
    .scaleIn {
     
      -webkit-animation-name: scaleIn;
     
      animation-name: scaleIn;
     
    }
     
     
    @-webkit-keyframes scaleIn {
     
      0% {
     
        opacity: 0;
     
        -webkit-transform: scale(0);
     
        transform: scale(0);
     
      }
     
     
      100% {
     
        opacity: 1;
     
        -webkit-transform: scale(1);
     
        transform: scale(1);
     
      }
     
    }
     
     
    @keyframes scaleIn {
     
      0% {
     
        opacity: 0;
     
        -webkit-transform: scale(0);
     
        -ms-transform: scale(0);
     
        transform: scale(0);
     
      }
     
     
      100% {
     
        opacity: 1;
     
        -webkit-transform: scale(1);
     
        -ms-transform: scale(1);
     
        transform: scale(1);
     
      }
     
    }
     
     
     
    /*************************
     
    *******Footer******
     
    **************************/
     
     
    #footer {
     
      padding-bottom: 75px;
     
      background-repeat: repeat-x;
     
      background-position: bottom;
     
      background-size: contain;
     
    }
     
     
    #footer h1{
     
      margin-bottom: 65px;
     
      margin-top: 36px;
     
    }
     
     
    #footer .bottom-separator {
     
      margin-bottom: 60px;
     
    }
     
     
    #message {
     
      height: 110px;
     
      resize: none;
     
    }
     
     
    .bottom > h2 {
     
      margin-top: 0;
     
      margin-bottom: 26px;
     
    }
     
     
    .bottom .media-body h3 {
     
      margin-top: 0;
     
      padding-left: 25px;
     
    }
     
     
    .bottom .media-body h3 a{
     
      color: #d99c4e;
     
    }
     
     
    .testimonial .media{
     
      margin-top: 0;
     
      margin-bottom: 25px;
     
    }
     
     
    .testimonial .media>.pull-left{
     
      margin-right: 25px;
     
    }
     
     
    .testimonial .media>.pull-left img{
     
      margin-top: 6px;
     
    }
     
     
    .testimonial .media .media-body blockquote{
     
      padding-left: 25px;
     
      padding-right: 30px;
     
      position: relative;
     
      border-left: 0;
     
      margin-bottom: 0;
     
    }
     
     
    .testimonial .media .media-body blockquote:before{
     
      position: absolute;
     
      left: 5px;
     
      top: 8px;
     
      content: '"';
     
      font-size: 40px;
     
      color: #d99c4e;
     
      font-family: 'Noto Sans', sans-serif;
     
      transform:rotate(180deg);
     
      -ms-transform:rotate(180deg); /* IE 9 */
     
      -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */
     
      line-height: 0;
     
    }
     
     
    .testimonial .media .media-body blockquote:after{
     
      position: absolute;
     
      right: 30px;
     
      bottom: 14px;
     
      content: '"';
     
      font-size: 40px;
     
      color: #d99c4e;
     
      font-family: 'Noto Sans', sans-serif;
     
      line-height: 0;
     
    }
     
     
    .bottom > address {
     
      line-height: 22px;
     
      margin-bottom: 40px;
     
    }
     
     
    .form-control {
     
      border: 1px solid #d99c4e;
     
      font-weight: 400;
     
      outline: none;
     
      box-shadow: none;
     
      height: 40px;
     
    }
     
     
    .form-control:hover, 
     
    .form-control:focus{
     
      border-color: #d29948;
     
      outline: none;
     
      box-shadow: none;
     
    }
     
     
    .btn-submit {
     
      width: 100%;
     
      background-color: #d89b4e;
     
      color: #fff;
     
      font-size: 14px;
     
      font-weight: 400;
     
      letter-spacing: 5px;
     
      text-transform: uppercase;
     
      border-radius: 3px;
     
      margin-top: 5px;
     
      border-bottom: 3px solid #a56617;
     
      box-shadow: none;
     
      padding: 10px;
     
    }
     
     
    .btn-submit:hover, 
     
    .btn-submit:focus{
     
      color: #fff;
     
      outline: none;
     
      box-shadow: none;
     
      opacity: .8;
     
    }
     
     
    .copyright-text{
     /*background:#f0f0e3;*/
     padding:10px;
     
      margin-top: 70px;
     
    }
     
     
    /*************************
     
    *******Home Page******
     
    **************************/
     
     
    #home-slider {
     
      background: url(../images/home/slider-bg.png) 0 100% repeat-x;
     
      position: relative;
     
    }
     
     
    #home-slider .main-slider {
     
      position: relative;
     
      height: 450px;
     
    }
     
     
    #home-slider .slide-text{
     
      position: absolute;
     
      top: 50px;
     
      left: 0;
     
      width: 450px;
     
    }
     
     
    .animate-in .slide-text {
     
      -webkit-animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
     
      animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
     
    }
     
     
    #home-slider .slider-house {
     
      position: absolute;
     
      right: 0;
     
      bottom: 0;
     
    }
     
     
    .animate-in .slider-house {
     
      -webkit-animation: fadeInDown 700ms ease-in-out 200ms both;
     
      animation: fadeInDown 700ms ease-in-out 200ms both;
     
    }
     
     
    #home-slider .slider-circle1 {
     
      position: absolute;
     
      right: 430px;
     
      bottom: 210px;
     
    }
     
     
    .animate-in .slider-circle1 {
     
      -webkit-animation: bounceIn 500ms ease-in-out 900ms both;
     
      animation: bounceIn 500ms ease-in-out 900ms both;
     
    }
     
     
    #home-slider .slider-circle2 {
     
      position: absolute;
     
      right: 420px;
     
      bottom: 245px;
     
    }
     
     
    .animate-in .slider-circle2 {
     
      -webkit-animation: bounceIn 500ms ease-in-out 1100ms both;
     
      animation: bounceIn 500ms ease-in-out 1100ms both;
     
    }
     
     
    #home-slider .slider-cloud1 {
     
      position: absolute;
     
      right: 290px;
     
      bottom: 250px;
     
    }
     
     
    .animate-in .slider-cloud1 {
     
      -webkit-animation: bounceIn 500ms ease-in-out 1300ms both;
     
      animation: bounceIn 500ms ease-in-out 1300ms both;
     
    }
     
     
    #home-slider .slider-cloud2 {
     
      position: absolute;
     
      right: 375px;
     
      bottom: 330px;
     
    }
     
     
    .animate-in .slider-cloud2 {
     
      -webkit-animation: bounceIn 500ms ease-in-out 1500ms both;
     
      animation: bounceIn 500ms ease-in-out 1500ms both;
     
    }
     
     
    #home-slider .slider-cloud3 {
     
      position: absolute;
     
      right: 75px;
     
      bottom: 300px;
     
    }
     
     
    .animate-in .slider-cloud3 {
     
      -webkit-animation: bounceIn 500ms ease-in-out 1700ms both;
     
      animation: bounceIn 500ms ease-in-out 1700ms both;
     
    }
     
     
    #home-slider .slider-sun {
     
      position: absolute;
     
      right: 190px;
     
      bottom: 300px;
     
    }
     
     
    .animate-in .slider-sun {
     
      -webkit-animation: bounceIn 800ms ease-in-out 1900ms both;
     
      animation: bounceIn 800ms ease-in-out 1900ms both;
     
    }
     
     
    #home-slider .slider-cycle {
     
      position: absolute;
     
      right: 500px;
     
      bottom: 0;
     
    }
     
     
    .animate-in .slider-cycle {
     
      -webkit-animation: slideInLeft 4000ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
     
      animation: slideInLeft 4000ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
     
    }
     
     
    #home-slider h1{
     
      margin-top: 70px;
     
      margin-bottom: 25px;
     
    }
     
     
    #home-slider .btn-common {
     
      margin-top: 20px;
     
    }
     
     
    #home-slider .preloader {
     
      position: absolute;
     
      left: 0;
     
      top: 0;
     
      bottom: 0;
     
      right: 0;
     
      background: #fafafa;
     
      text-align: center;
     
    }
     
     
    #home-slider .preloader > i {
     
      font-size: 48px;
     
      height: 48px;
     
      line-height: 48px;
     
      color: #dbb075;
     
      position: absolute;
     
      left: 50%;
     
      margin-left: -24px;
     
      top: 50%;
     
      margin-top: -24px;
     
    }
     
     
     
    #action, 
     
    #page-breadcrumb {
     
      background-image: url(../images/home/tour-bg.png);
     
      background-color: #fbfafa;
     
      background-repeat: repeat-x;
     
      height: 155px;
     
      background-position: center;
     
      display: table;
     
      position: static;
     
      width: 100%;
     
    }
     
     
    .vertical-center{
     
      display: table-cell;
     
      vertical-align: middle;
     
      width: 100%;
     
      position: statice;
     
    }
     
     
    .sun{
     
      background-image: url(../images/home/tour-icon1.png);
     
      background-repeat: no-repeat;
     
      background-position: 100% bottom;
     
    }
     
     
     
    .single-service{
     
      overflow: hidden;
     
      display: block;
     
    }
     
     
    .single-service img {
     
      margin-bottom: 35px;
     
    }
     
     
    .single-service .fold {
     
      margin-bottom: 35px;
     
    }
     
     
    .single-service h2 {
     
      margin-top: 0;
     
      margin-bottom: 15px;
     
    }
     
     
    .single-service p {
     
      padding: 0 48px;
     
    }
     
     
    .action h1{
     
      margin-top: 0;
     
    }
     
     
    .action p{
     
      font-size: 18px;
     
      margin-bottom: 0;
     
      font-weight: 400;
     
    }
     
     
    .action .btn-common{
     
      margin-top: 55px;
     
      float: left;
     
    }
     
     
    .title {
     
      color: #404040;
     
      font-weight: 400;
     
    }
     
     
    .single-features {
     
      overflow: hidden;
     
      padding-top: 65px;
     
      padding-bottom: 40px;
     
    }
     
     
    .single-features:last-child {
     
      padding-bottom: 95px;
     
    }
     
     
    .single-features h2{
     
      margin-bottom: 15px;
     
    }
     
     
    #clients{
     
      padding-bottom: 45px;
     
    }
     
     
    .clients {
     
      margin-bottom: 45px;
     
    }
     
     
    .clients img {
     
      display: inline-block;
     
    }
     
     
    .clients-logo {
     
      overflow: hidden;
     
      margin-bottom: 10px;
     
    }