www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/022/assets/css/tm_docs.css

    /*-----------------------------------
Template Monster`s Framework Styles
-----------------------------------*/
#advanced span.trigger{display:block;position:absolute; background:url(../img/tm/pro_button.png) 0 0 no-repeat; width:42px; height:42px; right:0; bottom:-42px; cursor:pointer;}
#advanced span.trigger strong{display:block; background: url(../img/tm/plus-minus.png) 0 0 no-repeat; width:11px; height:11px; position:absolute; right:7px; bottom:24px; opacity:0;}
#advanced.closed span.trigger strong{opacity:1;}
#advanced span.trigger em{display:block; background: url(../img/tm/plus-minus.png) -11px 0 no-repeat; width:11px; height:11px; position:absolute; right:7px; bottom:24px;}

/*--------------------------------- Portfolio -----------------------------------*/
.thumb-pad{ padding-bottom:1em;}
.tm_small-image .grid_5 .tm_pad_port .lightbox-image img{ width:270px !important; height:auto;}
.tm_image-grid {width: 940px;}
.tm_image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;}
.tm_image-grid li {
  width:220px;
  margin:0 5px;
  float: left;
  height:260px;
  overflow: hidden;}
.tm_image-grid li img,
.tm_image-grid li strong {display: block;}
.tm_splitter{ position:relative; overflow:hidden; padding:10px 0;}
  .tm_splitter>li{ font-weight:bold; overflow:hidden;}
  .tm_splitter li ul{ overflow:hidden;}
  .tm_splitter li li{ float:left;}
  .tm_splitter li li{ box-shadow:none; border-radius:0;}
  .tm_splitter li li a{ text-decoration:none !important;color: #666;}
  .tm_splitter li li.selected-1,
  .tm_splitter li li.selected-2,
  .tm_splitter li li.selected-0{
   border: 1px solid #AAA;
   border-bottom-color: #CCC;
   border-top-color: #999;
   box-shadow:inset 0 1px 2px #aaa;
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  filter:none;
   background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
   background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
   background:     -ms-linear-gradient(top, #E6E6E6, gainsboro);
   background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
   background:      linear-gradient(top, #E6E6E6, gainsboro);
   -pie-background:      linear-gradient(top, #E6E6E6, gainsboro);}
  .tm_splitter li li.last{ border-radius:0 3px 3px 0;}
  .tm_splitter li li.segment-1{ border-radius:3px 0 0 3px;}

.tm_pad_port .thumbnail{
  margin-bottom: 15px;
}

.nav_portfolio li a{
  display:block; 
  position:relative; 
  overflow: hidden;
}
.nav_portfolio li a span{ 
  display:block; 
  width:35px; 
  height:20px;
  float: left;
  background-position: center  5px;
  background-repeat:no-repeat;
}
  .nav_portfolio li a small{
    display: none;
    padding-top: 3px;
  }
  .tm_portfolio1 a span{ background-image:url(../img/tm/portfolio-1col.png);}
  .tm_portfolio2 a span{ background-image:url(../img/tm/portfolio-2col.png);}
  .tm_portfolio2_capt a span{ background-image:url(../img/tm/portfolio-2col+capt.png);}
  .tm_portfolio3 a span{ background-image:url(../img/tm/portfolio-3col.png);}
  .tm_portfolio3_capt a span{ background-image:url(../img/tm/portfolio-3col+capt.png);}
  .tm_portfolio4 a span{ background-image:url(../img/tm/portfolio-4col.png);}
  .tm_portfolio4_capt a span{ background-image:url(../img/tm/portfolio-4col+capt.png);}

  /* hovers */
.tm_view {width: 100%;height: auto;margin:0  0 15px 0;position: relative;text-align: center;cursor: default;background: #fff;overflow:hidden; font-size:12px; line-height:15px;}
.tm_view .tm_mask, .tm_view .tm_content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0; right: 0; bottom: 0;}
.tm_view img {display: block;position: relative;}
.tm_view h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 17px;padding: 10px;background: rgba(0, 0, 0, 0.8);margin: 10% 0 0 0}
.tm_view p {font-family: Georgia, serif;font-style: italic;font-size: 12px;position: relative;color: #fff;padding: 10px 20px 20px;text-align: center; margin: 0;}
.tm_view a.btn {display: inline-block;text-decoration: none;padding: 7px 14px;background: #000;color: #fff;text-transform: uppercase;box-shadow: 0 0 1px #000; border:none; border-radius:0; text-shadow:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.tm_view a.btn:hover { background:#fff; color:#000;}
/* first hover */
.tm_view_first img {-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.tm_view_first .tm_mask {opacity: 0;background-color: rgba(219,127,8, 0.7);-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.tm_view_first h2 {opacity: 0;
   -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); -o-transform: translateY(-100px);transform: translateY(-100px);
   -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tm_view_first p {opacity: 0;
    -moz-transform: translateY(100px);-webkit-transform: translateY(100px);-o-transform: translateY(100px);transform: translateY(100px);
  -moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.tm_view_first a.btn{opacity: 0;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tm_view_first:hover img {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.tm_view_first:hover .tm_mask {opacity: 1;}
.tm_view_first:hover h2,
.tm_view_first:hover p,
.tm_view_first:hover a.btn {opacity: 1;-moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);transform: translateY(0px);}
.tm_view_first:hover p {-moz-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;}
.tm_view_first:hover a.btn {-moz-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
/* second hover */
.tm_view_second img {-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.tm_view_second .tm_mask {
  background-color: rgba(115,146,184, 0.7);
  width: 200%;
    padding: 60px;
  height: 210%;
  opacity: 0;
  -webkit-transform: translate(265px, 145px) rotate(45deg);-moz-transform: translate(265px, 145px) rotate(45deg);-o-transform: translate(265px, 145px) rotate(45deg);transform: translate(265px, 145px) rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tm_view_second h2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    -webkit-transform: translate(200px, -200px);-moz-transform: translate(200px, -200px);-o-transform: translate(200px, -200px);transform: translate(200px, -200px);
  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tm_view_second p {
  -webkit-transform: translate(-200px, 200px);-moz-transform: translate(-200px, 200px);-o-transform: translate(-200px, 200px);transform: translate(-200px, 200px);
  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tm_view_second a.btn {
    -webkit-transform: translate(0px, 120px);-moz-transform: translate(0px, 120px);-o-transform: translate(0px, 120px);transform: translate(0px, 120px);
  -webkit-transition: all 0.2s 0.1s ease-in-out;-moz-transition: all 0.2s 0.1s ease-in-out;-o-transition: all 0.2s 0.1s ease-in-out;transition: all 0.2s 0.1s ease-in-out;}
.tm_view_second:hover .tm_mask {opacity:1;
  -webkit-transform: translate(-80px, -125px) rotate(45deg);-moz-transform: translate(-80px, -125px) rotate(45deg);-o-transform: translate(-80px, -125px) rotate(45deg);}
.tm_view_second:hover h2 {
  -webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);transform: translate(0px,0px);
  -webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
.tm_view_second:hover p {
    -webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);transform: translate(0px,0px);
  -webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.tm_view_second:hover a.btn {
  -webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);transform: translate(0px,0px);
  -webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;}
/* third hover */
.tm_view_third img {-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.tm_view_third .tm_mask {background-color: rgba(0,0,0,0.6);opacity: 0;
  -webkit-transform: translate(460px, -100px) rotate(180deg);-moz-transform: translate(460px, -100px) rotate(180deg);-o-transform: translate(460px, -100px) rotate(180deg);transform: translate(460px, -100px) rotate(180deg);
  -webkit-transition: all 0.2s 0.4s ease-in-out;-moz-transition: all 0.2s 0.4s ease-in-out;-o-transition: all 0.2s 0.4s ease-in-out;transition: all 0.2s 0.4s ease-in-out;}
.tm_view_third h2{
  -webkit-transform: translateY(-110px);-moz-transform: translateY(-110px);-o-transform: translateY(-110px);transform: translateY(-110px);
  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tm_view_third p {
  -webkit-transform: translateX(300px) rotate(90deg);-moz-transform: translateX(300px) rotate(90deg);-o-transform: translateX(300px) rotate(90deg);transform: translateX(300px) rotate(90deg);
  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tm_view_third a.btn {
  -webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);-o-transform: translateY(-200px);transform: translateY(-200px);
  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tm_view_third:hover .tm_mask {
  opacity:1;
  -webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;
  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);transform: translate(0px, 0px);}
.tm_view_third:hover h2 {
  -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);
  -webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;}
.tm_view_third:hover p {
    -webkit-transform: translateX(0px) rotate(0deg);-moz-transform: translateX(0px) rotate(0deg);-o-transform: translateX(0px) rotate(0deg);transform: translateX(0px) rotate(0deg);
  -webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.tm_view_third:hover a.btn {
  -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);
  -webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
/* fourth hover */
.tm_view_fourth img {   opacity: 1;
  -webkit-transition: all 0.4s ease-in-out 0.2s;-moz-transition: all 0.4s ease-in-out 0.2s;-o-transition: all 0.4s ease-in-out 0.2s;transition: all 0.4s ease-in-out 0.2s;}
.tm_view_fourth .tm_mask {
  background-color: rgba(0,0,0,0.8);
  opacity: 0;
  -webkit-transform: scale(0) rotate(-180deg);-moz-transform: scale(0) rotate(-180deg);-o-transform: scale(0) rotate(-180deg);transform: scale(0) rotate(-180deg);
  -webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in;
    border-radius: 0px;}
.tm_view_fourth h2{
    opacity: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
  -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.tm_view_fourth p {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.tm_view_fourth a.tm_info {opacity: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.tm_view_fourth:hover .tm_mask {opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(0deg);-o-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);
  -webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
.tm_view_fourth:hover img{ opacity: 0;
  -webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);
  -webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.tm_view_fourth:hover h2,
.tm_view_fourth:hover p,
.tm_view_fourth:hover a.tm_info{opacity: 1;-webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;}
/* fifth hover */
.tm_view_fifth img {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.tm_view_fifth .tm_mask {background-color: rgba(146,96,91,0.3);opacity: 1; overflow:hidden;
  -webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);
  -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.tm_view_fifth h2{background: rgba(255, 255, 255, 0.5);color: #000;box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);}
.tm_view_fifth p{opacity: 0;color: #333;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.tm_view_fifth:hover .tm_mask {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}
.tm_view_fifth:hover img {
  -webkit-transform: translateX(100%);-moz-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);
  -webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;
  -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.tm_view_fifth:hover p{opacity: 1;-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
/*sixth hover */
.tm_view_sixth img {-webkit-transition: all 0.4s ease-in-out 0.5s;-moz-transition: all 0.4s ease-in-out 0.5s;-o-transition: all 0.4s ease-in-out 0.5s;transition: all 0.4s ease-in-out 0.5s;}
.tm_view_sixth .tm_mask{background-color: rgba(146,96,91,0.5);opacity:0;
  -webkit-transition: all 0.3s ease-in 0.4s;-moz-transition: all 0.3s ease-in 0.4s;-o-transition: all 0.3s ease-in 0.4s;transition: all 0.3s ease-in 0.4s;}
.tm_view_sixth h2{opacity:0;border-bottom: 1px solid rgba(0, 0, 0, 0.3);background: transparent;margin: 20px 40px 0px 40px;
    -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); transform: scale(10);
    -webkit-transition: all 0.3s ease-in-out 0.1s;-moz-transition: all 0.3s ease-in-out 0.1s;-o-transition: all 0.3s ease-in-out 0.1s;transition: all 0.3s ease-in-out 0.1s;}
.tm_view_sixth p {opacity:0;
    -webkit-transform: scale(10);-moz-transform: scale(10);-o-transform: scale(10);transform: scale(10);
  -webkit-transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s;-o-transition: all 0.3s ease-in-out 0.2s;transition: all 0.3s ease-in-out 0.2s;}
.tm_view_sixth a.btn {opacity:0;
    -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px);
  -webkit-transition: all 0.3s ease-in-out 0.1s;-moz-transition: all 0.3s ease-in-out 0.1s;-o-transition: all 0.3s ease-in-out 0.1s;transition: all 0.3s ease-in-out 0.1s;}
.tm_view_sixth:hover .tm_mask {opacity:1;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.tm_view_sixth:hover img {-webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.tm_view_sixth:hover h2 {opacity: 1;
    -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);
  -webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;transition-delay: 0.1s;}
.tm_view_sixth:hover p {opacity:1;
    -webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);
  -webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
.tm_view_sixth:hover a.btn {opacity:1;
    -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);
  -webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
/* seventh hover */
.tm_view_seventh img{opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.tm_view_seventh .tm_mask {background-color: rgba(77,44,35,0.5);opacity: 0;
  -webkit-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);
  -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  -webkit-transform: translateY(-200px) rotate(180deg);-moz-transform: translateY(-200px) rotate(180deg);-o-transform: translateY(-200px) rotate(180deg);transform: translateY(-200px) rotate(180deg);}
.tm_view_seventh h2{
  -webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);-o-transform: translateY(0px);transform: translateY(-200px);
  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tm_view_seventh p {
  -webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);-o-transform: translateY(0px);transform: translateY(-200px);
  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tm_view_seventh a.btn {
  -webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);-o-transform: translateY(-200px);transform: translateY(0px);
  -webkit-transition:  all 0.2s ease-in-out;-moz-transition:  all 0.2s ease-in-out;-o-transition:  all 0.2s ease-in-out;transition:  all 0.2s ease-in-out;}
.tm_view_seventh:hover img{opacity: 0;
  -webkit-transform: rotate(720deg) scale(0);-moz-transform: rotate(720deg) scale(0);-o-transform: rotate(720deg) scale(0);transform: rotate(720deg) scale(0);}
.tm_view_seventh:hover .tm_mask {opacity: 1;
  -webkit-transform: translateY(0px) rotate(0deg);-moz-transform: translateY(0px) rotate(0deg);-o-transform: translateY(0px) rotate(0deg);transform: translateY(0px) rotate(0deg);
  -webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.tm_view_seventh:hover h2 {
  -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);
  -webkit-transition-delay: 0.7s;-moz-transition-delay: 0.7s;-o-transition-delay: 0.7s;transition-delay: 0.7s;}
.tm_view_seventh:hover p {
  -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);
  -webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;}
.tm_view_seventh:hover a.btn {
  -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);
  -webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;}
/* eighth hover */
.tm_view_eighth .tm_mask {
   background-color: rgba(255, 255, 255, 0.7);
   top: -200px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;}
.tm_view_eighth h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;}
.tm_view_eighth p {
   color: #333;
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;}
.tm_view_eighth a.btn {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;}
.tm_view_eighth:hover .tm_mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;}
.tm_view_eighth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;}
.tm_view_eighth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;}
.tm_view_eighth:hover a.btn {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}}
 /* ninth hover */
.tm_view_ninth .tm_mask-1, .tm_view_ninth .tm_mask-2 {background-color: rgba(0, 0, 0, 0.5);height: 200%;width: 110%;background: rgba(119, 0, 36, 0.5);opacity: 1;
    -webkit-transition: all 0.3s ease-in-out 0.6s;
    -moz-transition: all 0.3s ease-in-out 0.6s;
    -o-transition: all 0.3s ease-in-out 0.6s;
    transition: all 0.3s ease-in-out 0.6s;}
.tm_view_ninth .tm_mask-1 {left: auto;right: 0;
    -webkit-transform: rotate(56.5deg) translateX(-50%);
    -moz-transform: rotate(56.5deg) translateX(-50%);
    -o-transform: rotate(56.5deg) translateX(-50%);
    -ms-transform: rotate(56.5deg) translateX(-50%);
    transform: rotate(56.5deg) translateX(-50%);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;}
.tm_view_ninth .tm_mask-2 {
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(56.5deg) translateX(50%);
    -moz-transform: rotate(56.5deg) translateX(50%);
    -o-transform: rotate(56.5deg) translateX(50%);
    -ms-transform: rotate(56.5deg) translateX(50%);
    transform: rotate(56.5deg) translateX(50%);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;}
.tm_view_ninth .tm_content2 {background: rgba(0, 0, 0, 0.9);height: 0;width: 300px;overflow: hidden; position: absolute;
    opacity: 0.5;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;}
    .tm_view_ninth .tm_content2 p {padding: 10px 20px 10px;}
.tm_view_ninth h2 {background: transparent;margin:0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.tm_view_ninth a.btn {opacity: 0;}
.tm_view_ninth:hover .tm_content2 {height: 150px;width: 300px; top: 20%;left: 10%;
    opacity: 0.9;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);}
.tm_view_ninth:hover .tm_mask-1, .tm_view_ninth:hover .tm_mask-2 {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;}
.tm_view_ninth:hover .tm_mask-1 {
    -webkit-transform: rotate(56.5deg) translateX(0);
    -moz-transform: rotate(56.5deg) translateX(0);
    -o-transform: rotate(56.5deg) translateX(0);
    -ms-transform: rotate(56.5deg) translateX(0);
    transform: rotate(56.5deg) translateX(0);}
.tm_view_ninth:hover .tm_mask-2 {
    -webkit-transform: rotate(56.5deg) translateX(0);
    -moz-transform: rotate(56.5deg) translateX(0);
    -o-transform: rotate(56.5deg) translateX(0);
    -ms-transform: rotate(56.5deg) translateX(0);
    transform: rotate(56.5deg) translateX(0);}
  .tm_view_ninth a.btn {opacity: 1;}
/*---------------------------------
  Social and Media Sharing
-----------------------------------*/
/* Flickr */
#flickr_badge_wrapper {padding:3px 0 29px;}
.flickr_badge_image {margin:0 5px 5px 0px; float:left;}
.flickr_badge_image a {
  display: block;
  padding: 4px;
  line-height: 1;
  border: 1px solid #DDD;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.flickr_badge_image a img{
  border-radius:3px;
  max-width: 100%;
  height: auto;
}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:active{
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
#flickr_badge_wrapper { overflow:hidden;}
#flickr_www,#flickr_badge_source{ display:none;}
/* Twitter */
.tm_tweet .tweet_list{ background:url(../img/tm/twitter_bird_2.png) 0 0 no-repeat; padding:5px 0 0 45px; margin: 0 0 20px 0;}
  .tm_tweet .tweet_list li{ padding:5px; margin-bottom:5px;overflow:hidden; border-radius:3px;
  background:#E0E0E0;
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  filter:none;
  background: -webkit-linear-gradient(top, white, #E0E0E0);
   background:    -moz-linear-gradient(top, white, #E0E0E0);
   background:     -ms-linear-gradient(top, white, #E0E0E0);
   background:      -o-linear-gradient(top, white, #E0E0E0);
   background:      linear-gradient(top, white, #E0E0E0);
   -pie-background:      linear-gradient(top, white, #E0E0E0);
   box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 0 3px #fff;}
  .tm_tweet .tweet_list li a{ font-weight:bold; color:#666;}
.fw_pad-descr{
  padding: 17px 0 0 0;
}
.tm_flash-video{ position:relative; z-index:10;}
.tm_audio-player{ padding:0 0 0 2em;}
.fb-lb-pad{
  padding: 5px 0 33px 0;
}
.fw_video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.fw_video iframe, .fw_video object, .fw_video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {
max-width: 100%;
}
.fw_descr{
    color: #333333;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    padding: 0 3px 2px;
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px 4px 4px 4px;
    font-size: 12.025px;
    line-height: 18px;
    margin: 20px 0 9px;
    padding: 8.5px;
}
.fw_facebook{
  overflow: hidden; 
  border: 1px solid #d5d5d5;
}
/* Icons */
.tm_icons{ position:relative; overflow:hidden; padding:10px 0; list-style-type: none; margin: 0;}
  .tm_icons li{ float:left; margin-right:3px; list-style-type: none;}
  .tm_icons.tm_social li{ width:100px;float:left;}
/* Under Construction page =====*/
.tm_constuction-main{width:100%; position: relative; z-index: 3; padding: 100px 0 0 0;}
#tm_constuction-box{box-shadow:0 0 15px rgba(0,0,0,.6); border-radius:15px;width: 570px;min-height:390px; position: relative; margin: 0 auto;}
  #tm_constuction-box .tm_inside{background:#fff;border-radius:15px;border-color:#fff; float:left; width:100%;}
  #tm_constuction-box .tm_inside .tm_inner{padding:40px 48px 25px;}
  #tm_constuction-box .tm_inside .tm_inner h1{ padding-bottom:10px;font-weight:normal;}
  #tm_constuction-box .tm_inside .tm_inner h5{ padding-bottom:5px;}
.tm_cntSeparator {font-size: 50px;margin: 24px 0px;color: #000; font-family:Georgia, "Times New Roman", Times, serif;}
.tm_counter_desc{ position:relative; overflow:hidden; font-size:16px; font-weight:bold; line-height:1.2em; padding:5px 0 0 0; margin-bottom: 40px;}
.tm_counter_desc div{ width:104px; margin-left:18px; text-align:center;}
.tm_counter_desc div:first-child{ margin-left:0;}
.tm_counter_desc .fleft{ float: left;}
.tm_icons_social2{
  margin: 0;
  list-style-type: none;
}
.tm_icons_social2 li{ 
  width:100px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  float:left;
}
.tm_icons_social2 li.last{width:90px;}
.under-constr-form{
  padding: 30px 0 0;
}
  .under-constr-form input{
    width: 335px;
  }
/* Intro page */
#tm_intro-box{width:100%;position:relative;padding: 100px 0 0 0;}
  #tm_intro-box .tm_inside{
    max-width: 570px;
    position:relative;
    margin: 0 auto 20px;
    border-radius:10px;
    box-shadow:0 0 5px rgba(0,0,0,.6);
  }
    #tm_intro-box .tm_inside2{
      padding:30px 30px 20px;
    }
    #tm_intro-box .alignright{ text-align: right; margin: 10px 0 0 0;}
.tm_intro-video{ position:absolute; top:60px; left:70px; overflow:hidden; height:264px; width:460px;}
.tm_intro-video iframe{height:264px; width:460px; position:relative;}
.tm_likebox_pad{ padding-bottom:20px !important;}
.tm_likebox_pad2{ padding-top:32px !important;}

/* buttons */
.tm_buttons_pad{ padding:15px 0 0 0;}
.tm_buttons_pad2{ padding:15px 0 5px 0;}
  .tm_buttons_pad2 pre{ margin: 6px 0 7px 0;}
/* ------ */
.tm_style_1 {
  display:inline-block;
    background-color:#E0E0E0;
    padding:10px;
    position:relative;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    border: solid 1px #999;
    border-radius: 5px;
    margin-bottom: 15px;
  }
.tm_style_1:active {
    padding-bottom:9px;
    padding-left:10px;
    padding-right:10px;
    padding-top:11px;
    top:1px;}
.tm_style_1::before {
    background-color:#e1e3e6;
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    padding:8px;
    left:-8px;
    top:-8px;
    z-index:-1;
    border-radius: 5px;
    box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;}
.tm_style_1.btn-danger{border: solid 1px #bd362f;background-color:#bd362f;}
.tm_style_1.btn-success{border: solid 1px #51a351;background-color:#51a351;}
.tm_style_1.btn-info{border: solid 1px #2f96b4;background-color:#2f96b4;}
.tm_style_1.btn-warning{border: solid 1px #f89406;background-color:#f89406;}

.tm_style_2{
    padding:10px;
    position:relative;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    box-shadow: inset 0px 1px 0px #fff, 0px 3px 0px #666;
    border-radius: 5px;
    margin-bottom: 15px;
  }
.tm_style_2:active {top:7px; box-shadow: inset 0px 1px 0px #fff, inset 0px -1px 0px #999;}
.tm_style_2::before {
    background-color:#525252;
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:4px;
    left:-2px;
    top:2px;
    z-index:-1;
    border-radius: 6px;
    box-shadow: 0px 1px 0px #fff;}
.tm_style_2:active::before {top:-2px;}
.tm_style_2.btn-success{box-shadow: inset 0px 1px 0px #b2f17f, 0px 3px 0px #3d6f0d;}
.tm_style_2.btn-success::before {background-color:#1a5611;}
.tm_style_2.btn-success:active {top:7px; box-shadow: inset 0px 1px 0px #b2f17f, inset 0px -1px 0px #3d6f0d;}
.tm_style_2.btn-warning{box-shadow: inset 0px 1px 0px #f5b951, 0px 3px 0px #bd6315;}
.tm_style_2.btn-warning::before {background-color:#99581f;}
.tm_style_2.btn-warning:active {top:7px; box-shadow: inset 0px 1px 0px #f5b951, inset 0px -1px 0px #99581f;}
.tm_style_2.btn-danger{box-shadow: inset 0px 1px 0px #ff9f9c, 0px 3px 0px #8f110d;}
.tm_style_2.btn-danger::before {background-color:#590e0c;}
.tm_style_2.btn-danger:active {top:7px; box-shadow: inset 0px 1px 0px #ff9f9c, inset 0px -1px 0px #8f110d;}
.tm_style_2.btn-info{box-shadow: inset 0px 1px 0px #91e7ff, 0px 3px 0px #0d6b85;}
.tm_style_2.btn-info::before {background-color:#034354;}
.tm_style_2.btn-info:active {top:7px; box-shadow: inset 0px 1px 0px #91e7ff, inset 0px -1px 0px #0d6b85;}

.tm_style_3{
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  line-height:15px;
  text-decoration:none;
  color:#666;
  position:relative;
  padding:9px 20px;
  border-left:solid 1px #4d4b4d;
  text-shadow:none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
   margin-left:35px;
    margin-bottom: 15px;
  box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #212121, 0px 10px 5px #999;}
.tm_style_3:hover{ text-decoration:none;box-shadow: inset 0px 1px 0px #fff, 0px 5px 0px 0px #212121, 0px 10px 5px #999;}
.tm_style_3:active {top:3px;box-shadow: inset 0px 1px 0px #fff, 0px 2px 0px 0px #212121, 0px 5px 3px #999;}
.tm_style_3::before {
    content:"1";
  text-align:center;
    width:35px;
    max-height:24px;
    height:100%;
    position:absolute;
    display:block;
    padding-top:11px;
    top:-1px;
    left:-36px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    border-right:solid 1px #4d4b4d;
  background-color:#666;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow:inset 0px 1px 0px #999, 0px 5px 0px 0px #212121, 0px 10px 5px #999 ;}
.tm_style_3:active::before{top:-4px;box-shadow:inset 0px 1px 0px #999, 0px 5px 0px 0px #212121, 1px 1px 0px 0px #454545, 2px 2px 0px 0px #454545, 2px 5px 0px 0px #212121, 6px 4px 2px rgba(0,0,0,.5), 0px 10px 5px #999 ;}
.tm_style_3.btn-info{border-left:solid 1px #2ab7ec;box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;}  
.tm_style_3.btn-info:active {box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;} 
.tm_style_3.btn-info::before {box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
background-color:#07526e;
    border-right:solid 1px #07526e;
    color:#8fd1ea;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzViYzBkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZjk2YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  filter:none;
  background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);}
.tm_style_3.btn-info:active::before{box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a,1px 1px 0px 0px #044a64,2px 2px 0px 0px #044a64,2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;}
.tm_style_3.btn-danger{border-left:solid 1px #2ab7ec;box-shadow: inset 0px 1px 0px #ee5f5b, 0px 5px 0px 0px #570e0b, 0px 10px 5px #999;}  
.tm_style_3.btn-danger:active {box-shadow: inset 0px 1px 0px #ee5f5b, 0px 2px 0px 0px #570e0b, 0px 5px 3px #999; border-top:1px solid #ff7373;}  
.tm_style_3.btn-danger::before {box-shadow:inset 0px 1px 0px #ffa7a6, 0px 5px 0px 0px #570e0b, 0px 10px 5px #999 ;
    border-right:solid 1px #bd362f;
    color:#fac3c3;
  background-color: #DA4F49;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDM2MmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  filter:none;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);}
.tm_style_3.btn-danger:active::before{box-shadow:inset 0px 1px 0px #ffa7a6, 0px 5px 0px 0px #570e0b, 1px 1px 0px 0px #570e0b, 2px 2px 0px 0px #570e0b, 2px 5px 0px 0px #570e0b, 6px 4px 2px rgba(0,0,0,.5), 0px 10px 5px #999 ;}
.tm_style_3.btn-success{border-left:solid 1px #51a351;box-shadow: inset 0px 1px 0px #62c462, 0px 5px 0px 0px #125912, 0px 10px 5px #999;}  
.tm_style_3.btn-success:active {box-shadow: inset 0px 1px 0px #62c462, 0px 2px 0px 0px #125912, 0px 5px 3px #999; border-top:1px solid #62c462;} 
.tm_style_3.btn-success::before {box-shadow:inset 0px 1px 0px #89f589, 0px 5px 0px 0px #125912, 0px 10px 5px #999 ;
    border-right:solid 1px #51a351;
    color:#c7fcc7;
  background-color: #62c462;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyYzQ2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MWEzNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  filter:none;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);}
.tm_style_3.btn-success:active::before{box-shadow:inset 0px 1px 0px #62c462, 0px 5px 0px 0px #125912, 1px 1px 0px 0px #125912,2px 2px 0px 0px #125912,2px 5px 0px 0px #125912,6px 4px 2px rgba(0,0,0,.5),0px 10px 5px #999 ;}
.tm_style_3.btn-warning{border-left:solid 1px #f89406;box-shadow: inset 0px 1px 0px #fbb450, 0px 5px 0px 0px #82510d, 0px 10px 5px #999;}  
.tm_style_3.btn-warning:active {box-shadow: inset 0px 1px 0px #fbb450, 0px 2px 0px 0px #82510d, 0px 5px 3px #999; border-top:1px solid #fbb450;} 
.tm_style_3.btn-warning::before {box-shadow:inset 0px 1px 0px #fbb450, 0px 5px 0px 0px #82510d, 0px 10px 5px #999 ;
    border-right:solid 1px #f89406;
    color:#ffeed6;
  background-color: #FAA732;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjQ1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmODk0MDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  filter:none;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);}
.tm_style_3.btn-warning:active::before{box-shadow:inset 0px 1px 0px #fbb450, 0px 5px 0px 0px #82510d, 1px 1px 0px 0px #82510d,2px 2px 0px 0px #82510d,2px 5px 0px 0px #82510d,6px 4px 2px rgba(0,0,0,.5),0px 10px 5px #999 ;}

#advanced .dropdown-menu li li a {
  display: inline-block\0/;
}
.tm_style_4 {
    background-color:#E0E0E0;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
  text-shadow:none;
    position:relative;
  padding:11px 20px 9px;
    padding-right:50px;
    border-radius: 5px;
  border:none;
    box-shadow: 0px 5px 0px 0px #212121, 0px 10px 5px #999;
  border-top:1px solid #eee;
    margin-bottom: 16px;
}
.tm_style_4:active {
    top:4px;
  padding-right:50px;
    box-shadow:0px 2px 0px 0px #212121, 0px 5px 3px #999;}
.tm_style_4::before {
    background-color:#666;
    background-image:url(../img/tm/right_arrow.png);
    background-repeat:no-repeat;
    background-position:center center;
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;}
.tm_style_4:hover{ text-decoration:none;box-shadow: 0px 5px 0px 0px #212121, 0px 10px 5px #999;}
.tm_style_4:active:hover{box-shadow: 0px 2px 0px 0px #212121, 0px 10px 5px #999;}
.tm_style_4:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow:0px 3px 0px #19120f, 0px 6px 3px #382e29;}
.tm_style_4.btn-info{box-shadow: 0px 5px 0px 0px #1e4b57, 0px 10px 5px #999;}
.tm_style_4.btn-info:active {box-shadow:0px 2px 0px 0px #1e4b57, 0px 5px 3px #999;}
.tm_style_4.btn-info::before{background-color:#14748f;}
.tm_style_4.btn-info:active::before {box-shadow:0px 3px 0px #1e4b57, 0px 6px 3px #382e29;}
.tm_style_4.btn-info:active:hover{box-shadow: 0px 2px 0px 0px #1e4b57;}

.tm_style_4.btn-danger{box-shadow: 0px 5px 0px 0px #701714, 0px 10px 5px #999;}
.tm_style_4.btn-danger:active {box-shadow:0px 2px 0px 0px #701714, 0px 5px 3px #999;}
.tm_style_4.btn-danger::before{background-color:#bd362f;}
.tm_style_4.btn-danger:active:hover{box-shadow: 0px 2px 0px 0px #701714;}
.tm_style_4.btn-danger:active::before {box-shadow:0px 3px 0px #701714, 0px 6px 3px #382e29;}

.tm_style_4.btn-success{box-shadow: 0px 5px 0px 0px #1e661e, 0px 10px 5px #999;}
.tm_style_4.btn-success:active {box-shadow:0px 2px 0px 0px #1e661e, 0px 5px 3px #999;}
.tm_style_4.btn-success::before{background-color:#229422;}
.tm_style_4.btn-success:active:hover{box-shadow: 0px 2px 0px 0px #1e661e;}
.tm_style_4.btn-success:active::before {box-shadow:0px 3px 0px #1e661e, 0px 6px 3px #382e29;}

.tm_style_4.btn-warning{box-shadow: 0px 5px 0px 0px #8a6530, 0px 10px 5px #999;}
.tm_style_4.btn-warning:active {box-shadow:0px 2px 0px 0px #8a6530, 0px 5px 3px #999;}
.tm_style_4.btn-warning::before{background-color:#d18822;}
.tm_style_4.btn-warning:active:hover{box-shadow: 0px 2px 0px 0px #8a6530;}
.tm_style_4.btn-warning:active::before {box-shadow:0px 3px 0px #8a6530, 0px 6px 3px #382e29;}

.tm_style_1.btn-danger,.tm_style_1.btn-success,.tm_style_1.btn-info,.tm_style_1.btn-warning,
.tm_style_2.btn-danger,.tm_style_2.btn-success,.tm_style_2.btn-info,.tm_style_2.btn-warning,
.tm_style_3.btn-danger,.tm_style_3.btn-success,.tm_style_3.btn-info,.tm_style_3.btn-warning,
.tm_style_4.btn-danger,.tm_style_4.btn-success,.tm_style_4.btn-info,.tm_style_4.btn-warning{color:#fff;}
/* shadows */
.tm_text-shadow{ padding:1em; text-align:center; font-size:1.2em; line-height:1.4em; box-shadow:inset 0 0 20px rgba(0,0,0,.1)}
.tm_pad-shadow{ padding:5px 0 20px;}
.tm_pad-shadow div.tm_lifted{ border-radius:5px;}
.tm_lifted {position:relative;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);}
.tm_lifted:before,
.tm_lifted:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:15px;
        left:10px;
        width:50%;
        height:20%;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);}
.tm_lifted:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);}
.tm_curled{position:relative;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);border-radius:0 0 120px 120px / 0 0 6px 6px;}
.tm_curled:before,
.tm_curled:after {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:12px;
    left:10px;
    width:50%;
    height:55%;
    max-width:200px;
    -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
       -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
     -webkit-transform:skew(-8deg) rotate(-3deg);
        -moz-transform:skew(-8deg) rotate(-3deg);
         -ms-transform:skew(-8deg) rotate(-3deg);
          -o-transform:skew(-8deg) rotate(-3deg);
             transform:skew(-8deg) rotate(-3deg);} 
.tm_curled:after {
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);}
.tm_perspective {position:relative;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);}
.tm_perspective:before,
.tm_perspective:after {content:"";position:absolute;z-index:-2;}        
.tm_perspective:before {
    left:80px;
    bottom:5px;
    width:50%;
    height:35%;
    max-width:200px;
    box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
    -webkit-transform:skew(50deg);
       -moz-transform:skew(50deg);
        -ms-transform:skew(50deg);
         -o-transform:skew(50deg);
            transform:skew(50deg);
    -webkit-transform-origin:0 100%;
       -moz-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
         -o-transform-origin:0 100%;
            transform-origin:0 100%;}
.tm_perspective:after {display:none;}
.tm_raised { position:relative; background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.3);}        
.tm_raised:before,
.tm_raised:after {content:"";position:absolute; z-index:-2;}
.tm_curved-vt-2 {position:relative;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);}
.tm_curved-vt-2:before,
.tm_curved-vt-2:after {content:"";position:absolute;z-index:-2;}
.tm_curved-vt-2:before {
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    box-shadow:0 0 8px rgba(0,0,0,0.6);
    border-radius:10px / 100px;}
.tm_curved-hz-2 {position:relative;background:#fff;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);}
.tm_curved-hz-2:before,
.tm_curved-hz-2:after {content:"";position:absolute;z-index:-2;} 
.tm_curved-hz-2:before {
    top:0px;
    bottom:0px;
    left:10px;
    right:10px;
  box-shadow:0 0 7px rgba(0,0,0,0.6);
  border-radius:100px / 10px;}
/* Images */
.tm_image_round{ display:block; border-radius:60px; background: url(../img/stock_images/120x120_1.jpg) 0 0 no-repeat; width:120px; height:120px;}
.tm_image_card{box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);border-radius: 20px;display:block;background: url(../img/stock_images/120x120_2.jpg) 0 0 no-repeat;width:120px; height:120px;}
.tm_image_embossed{box-shadow: inset 0 0 2px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -7px 0 rgba(0,0,0,.6), inset 0 -9px 0 rgba(255,255,255,.3);border-radius: 20px;display:block;background:  url(../img/stock_images/120x120_3.jpg) 0 0 no-repeat;width:120px; height:120px;}
.tm_image_soft-embossed{box-shadow: inset 0 0 4px rgba(0,0,0,1), inset 0 2px 1px rgba(255,255,255,.5), inset 0 -9px 2px rgba(0,0,0,.6), inset 0 -12px 2px rgba(255,255,255,.3);border-radius: 20px;display:block;background:  url(../img/stock_images/120x120_4.jpg) 0 0 no-repeat;width:120px; height:120px;}
.tm_image_cut_out{box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);  border-radius: 20px;display:block;background: url(../img/stock_images/120x120_5.jpg) 0 0 no-repeat;width:120px; height:120px;}
.tm_image_morphing_glowing{display:block;background: url(../img/stock_images/120x120_6.jpg) 0 0 no-repeat;width:120px; height:120px;border-radius: 20px;
  -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.tm_image_morphing_glowing:hover {
  box-shadow: 0 0 10px rgba(0,0,0,.6), inset 0 0 20px rgba(0,0,0,1);
  -webkit-border-radius: 60em;
  -moz-border-radius: 60em;
  border-radius: 60em;}
.tm_image_glossy{box-shadow: inset 0 -1px 0 rgba(0,0,0,.5);border-radius: 20px;display:block;width:120px; height:120px; position:relative;}
.tm_image_glossy span{display:block;background: url(../img/stock_images/120x120_7.jpg) 0 0 no-repeat;width:120px; height:120px;border-radius: 20px;}
.tm_image_glossy:after {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  border-radius: 20px;
  background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,.1)));
  background: linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,.1) 100%);}
.tm_image_reflection{display:block;width:120px; height:120px; position:relative;}
.tm_image_reflection span{display:block;background: url(../img/stock_images/120x120_8.jpg) 0 0 no-repeat;width:120px; height:120px;border-radius: 20px;}
.tm_image_reflection:after {
  position: absolute;
  content: ' ';
  width: 100%;
  height: 30px;
  bottom: -31px;
  left: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,0)));
  background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,0) 100%);
  -pie-background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,0) 100%);}
.tm_pad-image{ padding:0 2px 20px; position:relative; overflow: hidden; float: left;}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

.element {
  width: 170px;
  height: 110px;
  margin:5px 10px 5px 0;
  float: left;
  overflow: hidden;
  position: relative;
  color: #222;
}
 #filters.pagination li a.selected{
    background: #DDDDDD;
    color: #555;
  }

.tm_pad{
  padding-top: 50px;
  padding-bottom: 30px;
}

/* Responsive Docs
-------------------------------------------------- */

@media (max-width: 767px) {  
  .under-constr-form input {
    width: 263px;
    float: left;
    margin-right: 5px;
  }
  .tm_constuction-main{position: relative; top:0; padding-bottom: 20px;}
  #tm_constuction-box{box-shadow:0 0 5px rgba(0,0,0,.6); border-radius:5px;width: 440px;min-height:215px; position: relative; margin: 0 auto;}
  #tm_constuction-box .tm_inside .tm_inner {
    padding: 20px 10px 25px;
  }
  #tm_constuction-box .tm_inside .tm_inner hgroup{
    padding: 5px 10px 0 ;
  }
  #tm_counter, .tm_counter_desc{ display: none;}
  .tm_icons_social2{
    padding: 0 10px;
  }
  .under-constr-form{padding: 0 10px 0;}
  .tm_icons_social2 li {
    width: 90px;
  }
  .tm_icons_social2 li.last {
      width: 75px;
  }
  .tm_icons_social2 li.fb-li{
    width: 51px;
  }
  #tm_intro-box .tm_inside{max-width: 440px;}

  .tm_view{ 
    width: 100%;
  }
  .tm_view h2 {margin: 10px 0 0 0}
  .tm_view p{ display: none;}
  .tm_view .btn{ margin-top: 15px;}
  .tm_view_ninth h2{ margin: 0; padding: 5px;}
  .tm_view_ninth .tm_content2, .tm_view_ninth:hover .tm_content2 {height: 110px;width: 150px; top: 11%;left: 17%;}

  .tm_views .span4{
    float: left;
    width: 31.9149%;
    margin: 0 5px 0 0;
  }

}

@media (min-width: 479px) and (max-width: 767px) {
  .tm_view h2 {margin:0; display: none;}
  .tm_view .btn{ margin-top: 25%;}
  .tm_view_ninth .tm_content2{
    background: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}

@media (max-width: 479px) {
  .under-constr-form input {
    width: 165px;
    float: left;
    margin-right: 0;
    margin-bottom: 5px;
  }
  #tm_constuction-box h1{
    font-size: 30px;
    line-height: 1.2em;
  }
  #tm_constuction-box{box-shadow:0 0 1px rgba(0,0,0,.6); border-radius:5px;width: 258px;height:275px; position: relative; margin: 0 auto;}
  .tm_icons_social2 li {
    width: 80px;
    height: 30px;
  }
  .tm_icons_social2 li.last {
    width: 61px;
  }
  #tm_intro-box .tm_inside{max-width: 258px;}

  .tm_view{ width: 100%;}
  .tm_view h2 {margin: 5% 0 0 0}
  .tm_view p{ display: block; margin: 0;}
  .tm_view .btn{ margin-top: 0;}
  .tm_view_ninth .tm_content2, .tm_view_ninth:hover .tm_content2 {height: 165px;width: 260px; top: 20%;left: 20%;}
  .tm_view_ninth .tm_content2{
    opacity: 0;
  }
  .tm_view_ninth:hover .tm_content2{
    opacity: 1;
  }
    .tm_view{ 
    width: 100%;
  }
  .tm_views .span4{
    float: none;
    width: 100%;
    margin:0;
  }


}

@media (max-width: 360px) {
  .tm_view_ninth .tm_content2, .tm_view_ninth:hover .tm_content2 {top: 7%;left: 7%;}

}


@media (max-width: 768px) {
  .nportf, #options {
    background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #EEEEEE 100%);
    background-repeat: repeat-x;
    border: 1px solid #E5E5E5;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
}
  .nav-tabs.nav_portfolio{
    border: none;
    margin: 0;
  }
  .nav-tabs.nav_portfolio li{
    float: none;
    margin: 0;
  }
  .nav-tabs.nav_portfolio > li > a, .nav-tabs.nav_portfolio > li > a:hover {
    border: none;
    border-top: 1px solid #e5e5e5;
    margin: 0;
    border-radius: 0;
  }
  .nav-tabs.nav_portfolio > li:first-child > a{
    border-top: none;
  }
  .nav-tabs.nav_portfolio > li:first-child > a,
  .nav-tabs.nav_portfolio > li:first-child > a:hover {
      -webkit-border-radius: 4px 4px 0 0;
         -moz-border-radius: 4px 4px 0 0;
              border-radius: 4px 4px 0 0;
  }
  .nav_portfolio li a span{
    margin-right: 10px;
  }
  .nav_portfolio li a small{
    display: inline-block;
  }
  .nav-tabs.nav_portfolio > li.active > a{
    border-radius: 0;
  }
  #filters.pagination{
    height: auto;
    margin:0;
  }
  #filters.pagination li{ 
    display: block;
  }
  #filters.pagination li a{
    display: block;
    float: none;
    border: none;
    border-top: 1px solid #e5e5e5;
  }
  #filters.pagination > li:first-child > a{
    border-top: none;
  }
  #filters.pagination li a.selected{
    background: #fff;
    color: #555555;
  }

}

@media (min-width: 768px) and (max-width: 980px) {
   #advanced span.trigger {
    display: none !important;
    visibility: hidden;
  }
  .tm_view h2 {margin: 10px 0 0 0}
  .tm_view p{ display: none;}
  .tm_view .btn{ margin-top: 15px;}
  .tm_view_ninth h2{ margin: 0; padding: 5px;}
  .tm_view_ninth .tm_content2, .tm_view_ninth:hover .tm_content2 {height: 110px;width: 150px; top: 11%;left: 17%;}
 
  .under-constr-form input{
    width: 335px;
  }

  /* Images */
  .tm_image_round,
  .tm_image_card,
  .tm_image_embossed,
  .tm_image_soft-embossed,
  .tm_image_cut_out,
  .tm_image_morphing_glowing,
  .tm_image_glossy,
  .tm_image_glossy span,
  .tm_image_reflection,
  .tm_image_reflection span{width:78px; height:100px;}

  .tm_pad-image{ padding:0 5px 20px 0;}

  .fw-text1{
    position: relative;
    top: -234px;
    width: 166px;
    height: 1px;
  }

}

@media (max-width: 1205px) and (min-width: 980px) {
  .tm_view h2 {margin: 10px 0 0 0}
  .tm_view_ninth h2{ margin: 0; padding: 5px;}
  .tm_view_ninth:hover .tm_content2 {height: 150px;width: 260px; top: 10%;left: 6%;}

  /* Images */
.tm_image_round,
.tm_image_card,
.tm_image_embossed,
.tm_image_soft-embossed,
.tm_image_cut_out,
.tm_image_morphing_glowing,
.tm_image_glossy,
.tm_image_glossy span,
.tm_image_reflection,
.tm_image_reflection span{width:105px; height:120px;}

.tm_pad-image{ padding:0 5px 20px 0;}

.fw-text1{
  position: relative;
  top: -160px;
  width: 220px;
  height: 1px;
}
}

/* panel */
#advanced{
}
#advanced span.trigger{
  display:block;
  position:absolute; 
  background:url(../img/tm/pro_button.png) 0 0 no-repeat; 
  width:42px; 
  height:42px; 
  right:0; 
  bottom:-42px; 
  cursor:pointer;
}
#advanced span.trigger strong{
  display:block; 
  background: url(../img/tm/plus-minus.png) 0 0 no-repeat; 
  width:11px; 
  height:11px; 
  position:absolute; 
  right:7px; 
  bottom:24px; 
  opacity:0;
}
#advanced.closed span.trigger strong{
  opacity:1;
}
#advanced span.trigger em{
  display:block; 
  background: url(../img/tm/plus-minus.png) -11px 0 no-repeat; 
  width:11px; 
  height:11px; 
  position:absolute; 
  right:7px; 
  bottom:24px;
}
@media (max-width: 767px) {
  #advanced span.trigger{
    display: none;
  }
}

@media (max-width: 979px) {
  #advanced .navbar-inner,
  #advanced .navbar-inner {
    padding:0 5px !important;
  }
}