/**
* @subsection   Animate.css
*
* @description  A bunch of cool, fun, and cross-browser animations
*               for you to use.
*
* @author       Daniel Eden
* @link         http://daneden.me/animate
* @license      MIT license - http://opensource.org/licenses/MIT
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

html:not(.lt-ie10) .not-animated {
  opacity: 0; }

.delay, #tmhtmlcontent_topColumn > ul > li + li {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.delay1, #tmhtmlcontent_topColumn > ul > li + li + li {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.delay2, #tmhtmlcontent_topColumn > ul > li + li + li + li {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s; }

.delay04, #tmhtmlcontent_topColumn > ul > li {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.delay3 {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s; }

.delay01 {
  -webkit-animation-duration: 0.2s;
  animation-delay: 0.2s; }

.delay02 {
  -webkit-animation-duration: 0.4s;
  animation-delay: 0.4s; }

.delay03, #tmhtmlcontent_home .item-html ul li.item-1, #tmhtmlcontent_home .item-html ul li.item-2, #tmhtmlcontent_home .item-html ul li.item-3 {
  -webkit-animation-duration: 0.6s;
  animation-delay: 0.6s; }

.dur {
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

/**
* FadeInDown Keyframes Animation
*/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

/**
* FadeInLeft Keyframes Animation
*/
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft, #tmhtmlcontent_home .item-html ul li.item-1 {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

/**
* FadeInRight Keyframes Animation
*/
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight, #tmhtmlcontent_home .item-html ul li.item-3 {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

/**
* FadeInRightBig Keyframes Animation
*/
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp, #tmhtmlcontent_home .item-html ul li.item-2 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

/**
* FadeInUpBig Keyframes Animation
*/
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

/**
* SlideInLeft Keyframes Animation
*/
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
#tmhtmlcontent_topColumn {
  margin: 40px 0 0; }
  @media (min-width: 992px) {
    #tmhtmlcontent_topColumn {
      margin-top: -430px; } }
  @media (max-width: 767px) {
    #tmhtmlcontent_topColumn > ul > li {
      width: 50%;
      float: left;
      padding-bottom: 30px; } }
    @media (max-width: 767px) and (max-width: 479px) {
      #tmhtmlcontent_topColumn > ul > li {
        width: 100%;
        float: none; } }
  #tmhtmlcontent_topColumn > ul > li a {
    display: block;
    position: relative;
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    height: 100%; }
    #tmhtmlcontent_topColumn > ul > li a:before {
      font-family: "fl-chapps";
      content: "\e014";
      display: inline-block;
      font-weight: normal;
      font-size: 60px;
      color: #fff;
      position: absolute;
      display: block;
      left: 50%;
      top: 50%;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      margin: -30px 0 0 -30px;
      z-index: 2;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      -moz-transition: 0.5s all ease;
      -o-transition: 0.5s all ease;
      -webkit-transition: 0.5s all ease;
      transition: 0.5s all ease;
      line-height: 60px;
      -moz-transform: scale(0.5, 0.5);
      -ms-transform: scale(0.5, 0.5);
      -o-transform: scale(0.5, 0.5);
      -webkit-transform: scale(0.5, 0.5);
      transform: scale(0.5, 0.5); }
    #tmhtmlcontent_topColumn > ul > li a:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: -1px;
      bottom: -1px;
      background: #ea917d;
      opacity: 0;
      -webkit-transform: scale3d(0.7, 1, 1);
      -ms-transform: scale3d(0.7, 1, 1);
      transform: scale3d(0.7, 1, 1);
      -webkit-transition: transform 0.5s, opacity 0.3s;
      transition: transform 0.5s, opacity 0.3s;
      transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
      z-index: 1; }
    #tmhtmlcontent_topColumn > ul > li a:hover:before {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
      -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }
    #tmhtmlcontent_topColumn > ul > li a:hover:after {
      opacity: 0.7;
      -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
      -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
  #tmhtmlcontent_topColumn > ul > li img {
    max-width: 100%;
    height: auto; }

#tmhtmlcontent_home {
  padding-bottom: 89px; }
  @media (max-width: 991px) {
    #tmhtmlcontent_home {
      padding-bottom: 30px; } }
  #tmhtmlcontent_home .item-html {
    text-align: center;
    max-width: 1770px;
    margin: 0 auto;
    overflow: hidden; }
    @media (max-width: 1199px) {
      #tmhtmlcontent_home .item-html .container {
        padding: 0; } }
    #tmhtmlcontent_home .item-html ul {
      padding-top: 33px;
      margin: 0; }
      #tmhtmlcontent_home .item-html ul li {
        padding: 0 70px; }
        @media (max-width: 1300px) {
          #tmhtmlcontent_home .item-html ul li {
            padding: 0 15px; } }
        @media (max-width: 767px) {
          #tmhtmlcontent_home .item-html ul li {
            margin-bottom: 15px; } }
    #tmhtmlcontent_home .item-html h3 {
      font: 300 40px/46px "Syncopate", sans-serif;
      text-transform: uppercase;
      margin: 0 0 23px;
      padding-bottom: 25px;
      position: relative;
      color: #2f2c2f;
      letter-spacing: 1px;
      text-align: center;
      margin-bottom: 21px; }
      @media (max-width: 767px) {
        #tmhtmlcontent_home .item-html h3 {
          font-size: 30px;
          line-height: 46px; } }
      #tmhtmlcontent_home .item-html h3:after {
        height: 2px;
        background: #cbaa95;
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 120px; }
      #tmhtmlcontent_home .item-html h3:after {
        left: 50%;
        margin-left: -60px; }
    #tmhtmlcontent_home .item-html i {
      display: block;
      font-size: 45px;
      line-height: 1em;
      color: #ea917d;
      margin-bottom: 37px; }
      @media (max-width: 767px) {
        #tmhtmlcontent_home .item-html i {
          margin-bottom: 15px; } }
    #tmhtmlcontent_home .item-html h4 {
      font: 300 24px/1em "Syncopate", sans-serif;
      color: #2f2c2f;
      margin: 0 0 20px; }

#tmhtmlcontent_footer .item-html {
  padding: 189px 8% 175px 50%; }
  @media (max-width: 1300px) {
    #tmhtmlcontent_footer .item-html {
      padding: 100px 8% 100px 10%; } }
  @media (max-width: 767px) {
    #tmhtmlcontent_footer .item-html {
      padding: 100px 3%; } }
  #tmhtmlcontent_footer .item-html h3 {
    font: 300 50px/56px "Syncopate", sans-serif;
    text-transform: uppercase;
    margin: 0 0 23px;
    padding-bottom: 25px;
    position: relative;
    color: #2f2c2f;
    letter-spacing: 1px;
    line-height: 62px;
    padding-bottom: 20px;
    color: white; }
    @media (max-width: 767px) {
      #tmhtmlcontent_footer .item-html h3 {
        font-size: 30px;
        line-height: 46px; } }
    #tmhtmlcontent_footer .item-html h3:after {
      height: 2px;
      background: #cbaa95;
      position: absolute;
      bottom: 0;
      left: 0;
      content: "";
      width: 120px; }
  #tmhtmlcontent_footer .item-html p {
    font-size: 16px;
    line-height: 30px;
    color: white; }