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; } }