.tgr-box-wrapper * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.tgr-box-wrapper h1, .tgr-box-wrapper h2, .tgr-box-wrapper h3, .tgr-box-wrapper h4, .tgr-box-wrapper h5 {
margin: 0; }
.tgr-box-wrapper img {
max-width: 100%; }
.tgr-box-wrapper ul, .tgr-box-wrapper li {
list-style: none;
margin: 0;
padding: 0; }
.tgr-box-wrapper a {
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
.tgr-disable-page-scroll {
overflow: hidden !important;
margin: 0;
padding: 0; }
.tgr-hide {
display: none !important; }
.tgr-displayer .tgr-member-content .tgr-member-image {
display: none !important; } .tgr-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -15px; }
.tgr-grid * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.tgr-grid .tgr-grid-item {
width: 20%;
margin: 0;
padding: 15px 15px 0 15px; }
.tgr-grid-1-col .tgr-grid-item {
width: 100%; }
.tgr-grid-2-col .tgr-grid-item {
width: 50%; }
.tgr-grid-3-col .tgr-grid-item {
width: 33.333%; }
.tgr-grid-4-col .tgr-grid-item {
width: 25%; }
.tgr-grid-5-col .tgr-grid-item {
width: 20%; }
.tgr-grid-6-col .tgr-grid-item {
width: 16.666%; }
@media (max-width: 1560px) {
.tgr-grid-6-col .tgr-grid-item {
width: 20%; } }
@media (max-width: 1280px) {
.tgr-grid-5-col .tgr-grid-item,
.tgr-grid-6-col .tgr-grid-item {
width: 25%; } }
@media (max-width: 1024px) {
.tgr-grid-4-col .tgr-grid-item,
.tgr-grid-5-col .tgr-grid-item,
.tgr-grid-6-col .tgr-grid-item {
width: 33.333%; } }
@media (max-width: 834px) {
.tgr-grid .tgr-grid-item {
width: 50%; } }
@media (max-width: 768px) {
.tgr-grid .tgr-grid-item {
width: 100%; }
.tgr-grid.tgr-mobile-2-columns .tgr-grid-item {
width: 50%; } } .tgr-transition-zoom-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.tgr-transition-zoom-in:hover, .tgr-transition-zoom-in:focus, .tgr-transition-zoom-in:active {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.tgr-transition-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s; }
.tgr-transition-bounce-in:hover, .tgr-transition-bounce-in:focus, .tgr-transition-bounce-in:active {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
.tgr-transition-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; }
.tgr-transition-float:hover, .tgr-transition-float:focus, .tgr-transition-float:active {
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px); }
.tgr-animation-float {
display: inline-block;
vertical-align: middle; }
.tgr-animation-float:hover, .tgr-animation-float:focus, .tgr-animation-float:active {
-webkit-animation-name: tgr-animation-float;
animation-name: tgr-animation-float;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: none;
animation-fill-mode: none; }
@-webkit-keyframes tgr-animation-float {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px); } }
@keyframes tgr-animation-float {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px); } }
@-webkit-keyframes tgr-animation-float-reverse {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px); } }
@keyframes tgr-animation-float-reverse {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px); }
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px); } }
.tgr-animation-wobble-vertical {
display: inline-block;
vertical-align: middle; }
.tgr-animation-wobble-vertical:hover, .tgr-animation-wobble-vertical:focus, .tgr-animation-wobble-vertical:active {
-webkit-animation-name: tgr-animation-wobble-vertical;
animation-name: tgr-animation-wobble-vertical;
-webkit-animation-duration: 0.9s;
animation-duration: 0.9s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: none;
animation-fill-mode: none; }
@-webkit-keyframes tgr-animation-wobble-vertical {
0%, 33.3%, 66.6%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
16.65% {
-webkit-transform: translateY(-9px);
transform: translateY(-9px); }
49.95% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px); }
83.25% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px); } }
@keyframes tgr-animation-wobble-vertical {
0%, 33.3%, 66.6%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0); }
16.65% {
-webkit-transform: translateY(-9px);
transform: translateY(-9px); }
49.95% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px); }
83.25% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px); } }
.tgr-animation-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0);
box-shadow: 0 0 0px rgba(0, 0, 0, 0); }
.tgr-animation-bounce-in:hover, .tgr-animation-bounce-in:focus, .tgr-animation-bounce-in:active {
-webkit-animation-name: tgr-animation-bounce-in;
animation-name: tgr-animation-bounce-in;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: none;
animation-fill-mode: none; }
@-webkit-keyframes tgr-animation-bounce-in {
0%, 100% {
-webkit-transform: scale(1);
transform: scale(1); }
25% {
-webkit-transform: scale(0.84);
transform: scale(0.84); }
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
75% {
-webkit-transform: scale(0.92);
transform: scale(0.92); } }
@keyframes tgr-animation-bounce-in {
0%, 100% {
-webkit-transform: scale(1);
transform: scale(1); }
25% {
-webkit-transform: scale(0.84);
transform: scale(0.84); }
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
75% {
-webkit-transform: scale(0.92);
transform: scale(0.92); } } .tgr-displayer .nano > .nano-content {
outline: none !important;
padding-right: 15px; }
.tgr-displayer .nano > .nano-pane {
width: 6px;
background: rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.2); }
.tgr-displayer .nano > .nano-pane .nano-slider {
width: 6px;
left: -1px;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
margin: 0; } .tgr-arrow-default {
width: 48px;
height: 40px;
margin-top: -20px;
-webkit-transition: -webkit-transform .1s;
transition: -webkit-transform .1s;
-o-transition: transform .1s;
transition: transform .1s;
transition: transform .1s, -webkit-transform .1s;
opacity: 0.6; }
.tgr-arrow-default:hover {
opacity: 1 !important; }
.tgr-arrow-default:active {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9); }
.tgr-arrow-default-top, .tgr-arrow-default-bottom {
background-color: #666666;
height: 3px;
right: 30%;
position: absolute;
top: 50%;
width: 60%; }
.tgr-arrow-default-top:after, .tgr-arrow-default-bottom:after {
background-color: #fff;
content: '';
height: 100%;
position: absolute;
top: 0;
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s; }
.tgr-arrow-default-top {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right; }
.tgr-arrow-default-top:after {
left: 100%;
right: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s; }
.tgr-arrow-default-bottom {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right; }
.tgr-arrow-default-bottom:after {
left: 0;
right: 100%;
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s; }
.tgr-arrow-default:hover .tgr-arrow-default-top:after {
left: 0;
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s; }
.tgr-arrow-default:hover .tgr-arrow-default-bottom:after {
right: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s; }
.tgr-arrow-default.tgr-arrow-prev .tgr-arrow-default-top {
left: 30%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left; }
.tgr-arrow-default.tgr-arrow-prev .tgr-arrow-default-top:after {
right: 100%;
left: 0; }
.tgr-arrow-default.tgr-arrow-prev .tgr-arrow-default-bottom {
left: 30%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left; }
.tgr-arrow-default.tgr-arrow-prev .tgr-arrow-default-bottom:after {
top: auto;
bottom: 0;
left: 100%;
right: 0; }
.tgr-arrow-default.tgr-arrow-prev:hover .tgr-arrow-default-top:after {
right: 0;
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s; }
.tgr-arrow-default.tgr-arrow-prev:hover .tgr-arrow-default-bottom:after {
left: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s; }
.tgr-close-default {
cursor: pointer;
overflow: hidden;
position: relative;
width: 25px;
height: 25px;
-webkit-transition: -webkit-transform .1s;
transition: -webkit-transform .1s;
-o-transition: transform .1s;
transition: transform .1s;
transition: transform .1s, -webkit-transform .1s;
opacity: 0.6; }
.tgr-close-default:hover {
opacity: 1 !important; }
.tgr-close-default.tgr-arrow-next:active {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9); }
.tgr-close-default-one, .tgr-close-default-two {
background-color: #666666;
height: 3px;
left: 1px;
position: absolute;
top: 0px;
width: 140%; }
.tgr-close-default-one:after, .tgr-close-default-two:after {
background-color: #fff;
content: '';
height: 100%;
position: absolute;
top: 0;
-webkit-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s; }
.tgr-close-default-one {
-webkit-transform: rotate(42deg);
-ms-transform: rotate(42deg);
transform: rotate(42deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left; }
.tgr-close-default-one:after {
left: 100%;
right: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s; }
.tgr-close-default-two {
-webkit-transform: rotate(-42deg);
-ms-transform: rotate(-42deg);
transform: rotate(-42deg);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
top: auto;
bottom: 0px; }
.tgr-close-default-two:after {
left: 0;
right: 100%;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s; }
.tgr-close-default:hover .tgr-close-default-one:after {
left: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s; }
.tgr-close-default:hover .tgr-close-default-two:after {
right: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s; } .tgr-box-wrapper {
position: relative;
padding: 10px 0px 0px;
min-height: 440px;
font-family: Roboto, Arial, sans-serif;
overflow: hidden;
background: transparent; }
.tgr-box-wrapper .tgr-box {
opacity: 0; }
.tgr-box-wrapper .tgr-box-inner {
line-height: 0; }
.tgr-box-wrapper .tgr-item-inner {
position: relative;
overflow: hidden;
text-align: center;
float: left; width: 100%; cursor: pointer; }
.tgr-displayer-none .tgr-item-inner {
cursor: default; }
.tgr-box-wrapper .tgr-figure {
margin: 0; }
.tgr-box-wrapper img.tgr-img {
display: block; width: 100%;
height: auto;
margin: 0 auto; }
.tgr-flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.tgr-flexbox .tgr-left {
width: 50%; }
.tgr-flexbox .tgr-right {
width: 50%; }
@media (max-width: 834px) {
.tgr-flexbox {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.tgr-flexbox .tgr-left, .tgr-flexbox .tgr-right {
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important; } }
.tgr-filter-wrap {
text-align: center;
vertical-align: middle;
padding: 20px 0; }
.tgr-filter {
display: inline-block;
margin: 0;
padding: 0px;
text-align: center;
font-size: 16px;
background: transparent;
color: #444444;
border: 0px solid black;
border-radius: 0px;
vertical-align: middle; }
.tgr-filter .tgr-filter-item {
position: relative;
display: inline-block;
font-size: inherit;
font-weight: bold;
cursor: pointer;
margin: 0px 5px;
padding: 10px 24px;
line-height: 1.4;
color: inherit;
border: 0px solid black;
border-radius: 0px; }
.tgr-filter .tgr-filter-item:first-child {
margin-left: 0 !important; }
.tgr-filter .tgr-filter-item:last-child {
margin-right: 0 !important; }
.tgr-filter.tgr-separate-filters .tgr-filter-item {
margin-bottom: 3px;
overflow: hidden;
vertical-align: middle; }
.tgr-filter-border-bottom-only .tgr-filter-item:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0%;
height: 0px;
opacity: 0;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out; }
.tgr-filter .tgr-filter-item:hover {
color: black; }
.tgr-filter .tgr-filter-item:hover:after {
left: 0;
width: 100%;
height: 2px;
opacity: 1;
background: black; }
.tgr-filter .tgr-filter-item:hover .tgr-filter-checkbox {
border-color: black; }
.tgr-filter .tgr-filter-checkbox {
width: 16px;
height: 15px;
font-size: 10px;
line-height: 13px;
padding: 0px;
text-align: center;
font-weight: 400;
margin-left: 10px;
vertical-align: middle;
display: inline-block;
color: inherit;
margin-top: -2px;
border: 1px solid #444444;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.tgr-filter .tgr-filter-checkbox i {
opacity: 0.4;
font-size: inherit;
color: inherit; }
.tgr-filter .tgr-filter-count {
display: inline-block;
margin-left: 10px; }
.tgr-filter .tgr-active-filter {
color: black; }
.tgr-filter .tgr-active-filter:after {
left: 0;
width: 100%;
height: 2px;
opacity: 1;
background: black; }
.tgr-filter .tgr-active-filter .tgr-filter-checkbox {
border-color: black; }
.tgr-filter .tgr-active-filter .tgr-filter-checkbox i {
opacity: 1; }
.tgr-filter-dropdown {
position: relative;
width: 280px;
padding: 0;
text-align: left; }
.tgr-filter-dropdown .tgr-item-dropdown {
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 5px;
cursor: pointer;
color: #000;
font-size: 16px;
line-height: 40px;
margin-bottom: 5px;
padding: 0 20px; }
.tgr-filter-dropdown .tgr-item-dropdown i {
float: right;
margin-top: 12px;
font-size: 18px; }
.tgr-filter-dropdown .tgr-filter {
display: none;
position: absolute;
z-index: 999;
width: 100%; }
.tgr-filter-dropdown .tgr-filter .tgr-filter-item {
display: block;
margin-left: 0px !important;
margin-right: 0px !important; }
.tgr-anim-zoom-images .tgr-img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.5s ease-out;
transition: -webkit-transform 0.5s ease-out;
-o-transition: transform 0.5s ease-out;
transition: transform 0.5s ease-out;
transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }
.tgr-anim-zoom-images .tgr-item-inner:hover .tgr-img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); }
.tgr-hide-image:not(.tgr-displayer-inline) .tgr-displayer .tgr-flexbox .tgr-left {
display: none; }
.tgr-hide-image:not(.tgr-displayer-inline) .tgr-displayer .tgr-flexbox .tgr-right {
width: 100%;
padding-left: 0;
padding-top: 0; }
.tgr-flip-card-container {
perspective: 1800px;
-webkit-perspective: 1800px;
-moz-perspective: 1800px;
-o-perspective: 1800px;
-ms-perspective: 1800px; }
.tgr-flip-card {
transition: 0.5s ease-out;
-webkit-transition: 0.5s ease-out;
-moz-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
-ms-transition: 0.5s ease-out;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d; backface-visibility: visible;
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-o-backface-visibility: visible;
-ms-backface-visibility: visible; }
.tgr-flip-card.tgr-apply-flip {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg); }
.tgr-flip-card .tgr-flip-front {
position: relative; }
.tgr-flip-card .tgr-flip-back {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.tgr-flip-card .tgr-flip-front, .tgr-flip-card .tgr-flip-back { backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: visible; }
.tgr-flip-card .tgr-flip-front, .tgr-flip-card.tgr-apply-flip .tgr-flip-front {
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg); }
.tgr-flip-card .tgr-flip-back, .tgr-flip-card.tgr-apply-flip .tgr-flip-back {
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg); }
.tgr-flip-card .tgr-flip-front, .tgr-flip-card.tgr-apply-flip .tgr-flip-back { animation: tgr-anim-stay-visible 0.5s both;
-webkit-animation: tgr-anim-stay-visible 0.5s both;
-moz-animation: tgr-anim-stay-visible 0.5s both;
-o-animation: tgr-anim-stay-visible 0.5s both;
-ms-animation: tgr-anim-donothing 0.5s;
-ms-transition: visibility 0s linear 0.17s;
visibility: visible; }
.tgr-flip-card.tgr-apply-flip .tgr-flip-front, .tgr-flip-card .tgr-flip-back { animation: tgr-anim-stay-visible 0.5s both;
-webkit-animation: tgr-anim-stay-visible 0.5s both;
-moz-animation: tgr-anim-stay-visible 0.5s both;
-o-animation: tgr-anim-stay-visible 0.5s both;
-ms-animation: tgr-anim-donothing 0.5s;
-ms-transition: visibility 0s linear 0.17s;
visibility: hidden; }
@keyframes tgr-anim-stay-visible {
from {
visibility: visible; }
to {
visibility: visible; } }
@-webkit-keyframes tgr-anim-stay-visible {
from {
visibility: visible; }
to {
visibility: visible; } }
@-moz-keyframes tgr-anim-stay-visible {
from {
visibility: visible; }
to {
visibility: visible; } }
@-o-keyframes tgr-anim-stay-visible {
from {
visibility: visible; }
to {
visibility: visible; } }
@-ms-keyframes tgr-anim-donothing {}.tgr-box-wrapper .tgr-figure {
font-size: 1em; }
.tgr-box-wrapper .tgr-figure * {
margin: 0;
line-height: 1.5; }
.tgr-box-wrapper .tgr-item-image {
position: relative;
overflow: hidden;
color: white; }
.tgr-box-wrapper .tgr-item-image .tgr-item-header {
display: none; }
.tgr-box-wrapper .tgr-figcaption {
margin: 0;
padding: 15px;
padding-bottom: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
color: #000;
-webkit-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
transition: color 0.2s ease-out; }
.tgr-box-wrapper .tgr-figcaption :first-child {
margin-top: 0; }
.tgr-box-wrapper .tgr-item-image .tgr-item-social,
.tgr-box-wrapper .tgr-item-image .tgr-item-desc,
.tgr-box-wrapper .tgr-figcaption .tgr-item-social,
.tgr-box-wrapper .tgr-figcaption .tgr-item-desc {
display: none; }
.tgr-box-wrapper .tgr-item-header,
.tgr-box-wrapper .tgr-item-title,
.tgr-box-wrapper .tgr-item-subtitle,
.tgr-box-wrapper .tgr-item-desc,
.tgr-box-wrapper .tgr-item-social {
position: relative;
z-index: 30; }
.tgr-box-wrapper .tgr-item-title {
font-size: 1.5em;
margin-top: 5px; }
.tgr-box-wrapper .tgr-item-title * {
font-family: inherit !important;
font-size: inherit !important;
color: inherit !important; }
.tgr-box-wrapper .tgr-item-subtitle {
font-size: 1.1em;
margin-top: 5px; }
.tgr-box-wrapper .tgr-item-subtitle * {
font-family: inherit !important;
font-size: inherit !important;
color: inherit !important; }
.tgr-box-wrapper .tgr-item-desc {
width: 100%;
font-size: inherit;
margin-top: 15px; }
.tgr-box-wrapper .tgr-item-desc * {
font-family: inherit;
font-size: inherit;
color: inherit;
width: 100%; }
.tgr-box-wrapper .tgr-item-social {
list-style: none;
position: relative;
margin-top: 15px; }
.tgr-box-wrapper .tgr-item-social li {
display: inline-block !important;
text-align: center;
margin: 0 5px !important;
padding: 0 !important; }
.tgr-box-wrapper .tgr-item-social li:first-child {
margin-left: 0; }
.tgr-box-wrapper .tgr-item-social li:last-child {
margin-right: 0; }
.tgr-box-wrapper .tgr-item-social li:before {
display: none; }
.tgr-box-wrapper .tgr-item-social li a {
margin: 0px;
line-height: 1.2em;
font-size: 1.1em;
display: inline-block !important;
text-align: center;
border-radius: 5px;
padding: 0 5px;
font-family: inherit !important;
color: inherit !important;
border: none;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
.tgr-box-wrapper .tgr-item-social li a:focus, .tgr-box-wrapper .tgr-item-social li a:active {
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
.tgr-box-wrapper .tgr-item-inner.tgr-animate-social-icons:hover .tgr-item-social li {
-webkit-animation: tgr-animation-float 0.4s linear;
animation: tgr-animation-float 0.4s linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-fill-mode: none;
animation-fill-mode: none; }
.tgr-box-wrapper .tgr-item-inner.tgr-animate-social-icons:hover .tgr-item-social li:nth-child(1) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s; }
.tgr-box-wrapper .tgr-item-inner.tgr-animate-social-icons:hover .tgr-item-social li:nth-child(2) {
-webkit-animation-delay: 0.23s;
animation-delay: 0.23s; }
.tgr-box-wrapper .tgr-item-inner.tgr-animate-social-icons:hover .tgr-item-social li:nth-child(3) {
-webkit-animation-delay: 0.31s;
animation-delay: 0.31s; }
.tgr-box-wrapper .tgr-item-inner.tgr-animate-social-icons:hover .tgr-item-social li:nth-child(4) {
-webkit-animation-delay: 0.39s;
animation-delay: 0.39s; }
.tgr-box-wrapper .tgr-item-inner.tgr-animate-social-icons:hover .tgr-item-social li:nth-child(5) {
-webkit-animation-delay: 0.47s;
animation-delay: 0.47s; }
.tgr-box-wrapper .tgr-item-inner.tgr-animate-social-icons:hover .tgr-item-social li:nth-child(6) {
-webkit-animation-delay: 0.55s;
animation-delay: 0.55s; }
.tgr-box-wrapper .tgr-item-inner.tgr-animate-social-icons:hover .tgr-item-social li:nth-child(7) {
-webkit-animation-delay: 0.63s;
animation-delay: 0.63s; }
.tgr-box-wrapper .tgr-item-inner.tgr-animate-social-icons:hover .tgr-item-social li:nth-child(7) {
-webkit-animation-delay: 0.71s;
animation-delay: 0.71s; }
.tgr-displayer-inline .tgr-grid {
display: block; }
.tgr-displayer-inline .tgr-grid-item {
display: inline-block;
vertical-align: top; }
.tgr-displayer-inline .tgr-item-inner:after {
display: none !important;
z-index: 20;
content: " ";
position: absolute;
bottom: -1px;
left: 50%;
margin-left: -10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom-color: white;
opacity: 0;
-webkit-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s; }
.tgr-displayer-inline .tgr-grid-item.tgr-active .tgr-item-inner:after {
opacity: 1; }
.tgr-displayer-inline .tgr-displayer {
position: relative;
display: none;
float: left;
padding: 36px 40px;
line-height: 1.5;
width: 100%;
width: calc(100% - 15px);
margin-top: 20px;
margin-left: 7.5px;
margin-bottom: 0px;
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.3); }
.tgr-displayer-inline .tgr-displayer .tgr-flexbox {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.tgr-displayer-inline .tgr-displayer .tgr-left {
width: 100%; }
.tgr-displayer-inline .tgr-displayer .tgr-right {
width: 360px;
min-width: 360px;
max-width: 360px;
padding-left: 30px;
padding-top: 0px; }
.tgr-displayer-inline .tgr-displayer .tgr-scroll.nano {
max-height: 360px; }
@media (max-width: 834px) {
.tgr-displayer-inline .tgr-displayer {
padding: 36px 30px; }
.tgr-displayer-inline .tgr-displayer .tgr-scroll.nano {
max-height: 280px; }
.tgr-displayer-inline .tgr-displayer .tgr-right {
padding-left: 0px;
min-width: auto;
max-width: none; } }
.tgr-displayer-inline .tgr-triangle-inline,
.tgr-displayer-inline .tgr-close-inline {
position: absolute; }
.tgr-displayer-inline .tgr-triangle-inline {
z-index: 31;
top: -24px;
left: 100px;
width: 0;
height: 0;
border: 12px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.6); }
.tgr-displayer-inline .tgr-close-inline {
cursor: pointer;
top: 10px;
right: 15px;
width: 32px;
height: 32px;
opacity: 0.6;
z-index: 40; }
.tgr-displayer-inline .tgr-close-inline:hover {
opacity: 1; }
.tgr-displayer-inline .tgr-close-inline:before, .tgr-displayer-inline .tgr-close-inline:after {
position: absolute;
top: 50%;
width: 100%;
height: 2px;
content: ' ';
background: #666666;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.tgr-displayer-inline .tgr-close-inline:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
@media (max-width: 834px) {
.tgr-team .tgr-box-wrapper.tgr-displayer-inline .tgr-close-inline {
right: 15px; } }
.tgr-displayer-popup * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.tgr-displayer-popup .tgr-displayer .tgr-left {
width: 30%; }
.tgr-displayer-popup .tgr-displayer .tgr-right {
width: 70%;
padding-left: 30px; }
.tgr-displayer-popup .tgr-displayer .tgr-member-item {
position: absolute;
top: 40px;
bottom: 40px;
left: 40px;
right: 40px; }
.tgr-displayer-popup .tgr-overlay {
cursor: pointer;
display: none;
position: fixed !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
min-width: 100%;
min-height: 100%;
z-index: 1000000; }
.tgr-displayer-popup .tgr-overlay.tgr-overlay-close-popup {
cursor: pointer; }
.tgr-displayer-popup .tgr-overlay .tgr-overlay-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 1, 5, 0.8);
opacity: 1; }
.tgr-displayer-popup .tgr-popup {
display: none;
position: fixed;
z-index: 1000001;
left: 50%;
top: 50%;
width: 880px;
height: 520px;
margin: 0;
padding: 0;
max-width: 96%;
max-height: 100%;
background: transparent;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
-webkit-transition: height 0.4s ease-out, top 0.4s ease-out;
-moz-transition: height 0.4s ease-out, top 0.4s ease-out;
-ms-transition: height 0.4s ease-out, top 0.4s ease-out;
-o-transition: height 0.4s ease-out, top 0.4s ease-out;
transition: height 0.4s ease-out, top 0.4s ease-out; }
.tgr-displayer-popup .tgr-popup .tgr-popup-content {
position: relative;
width: 100%;
height: 100%;
margin: 0;
background-color: #FFF;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden; }
.tgr-displayer-popup .tgr-popup.tgr-position-full-screen {
width: 100% !important;
height: 100% !important;
left: 0 !important;
top: 0 !important; }
.tgr-displayer-popup .tgr-popup.tgr-position-middle-center {
top: 50%;
left: 50%;
right: auto;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
@media (max-width: 834px) {
.tgr-displayer-popup .tgr-displayer .tgr-right {
padding-left: 0px;
padding-top: 30px; }
.tgr-displayer-popup .tgr-displayer .tgr-member-item {
top: 20px;
bottom: 20px;
left: 20px;
right: 0; }
.tgr-displayer-popup .tgr-popup .tgr-scroll-inside {
padding-right: 20px; } }
.tgr-displayer-popup .tgr-arrow {
opacity: 0;
cursor: pointer;
position: absolute;
top: 50%;
width: 40px;
height: 40px;
margin-top: -20px; }
.tgr-displayer-popup .tgr-arrow .tgr-arrow-default-top,
.tgr-displayer-popup .tgr-arrow .tgr-arrow-default-bottom {
background-color: #aaaaaa; }
.tgr-displayer-popup .tgr-arrow.tgr-arrow-prev {
left: -60px; }
.tgr-displayer-popup .tgr-arrow.tgr-arrow-next {
right: -60px; }
.tgr-displayer-popup .tgr-arrow.tgr-arrow-default {
width: 48px;
height: 40px;
margin-top: -20px; }
@media (max-width: 1024px) {
.tgr-displayer-popup .tgr-arrow {
width: 28px;
height: 28px;
top: -36px;
margin: 0 !important; }
.tgr-displayer-popup .tgr-arrow.tgr-arrow-default {
width: 33.6px;
height: 28px;
top: -36px; }
.tgr-displayer-popup .tgr-arrow.tgr-arrow-prev {
left: -9px; }
.tgr-displayer-popup .tgr-arrow.tgr-arrow-next {
left: 33px; } }
.tgr-displayer-popup .tgr-close {
opacity: 0;
position: absolute;
top: -40px;
right: 0; }
@media (max-width: 1024px) {
.tgr-displayer-popup .tgr-close {
top: -32px; } }
.tgr-displayer-popup .tgr-close .tgr-close-default-one,
.tgr-displayer-popup .tgr-close .tgr-close-default-two {
background-color: #aaaaaa; }
.tgr-displayer-slide-in * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.tgr-displayer-slide-in .tgr-displayer .tgr-flexbox {
width: 100%;
padding-right: 40px;
padding-top: 20px; }
.tgr-displayer-slide-in .tgr-displayer .tgr-scroll-inside {
padding-right: 0 !important; }
.tgr-displayer-slide-in .tgr-displayer .tgr-left {
width: 100%; }
.tgr-displayer-slide-in .tgr-displayer .tgr-right {
width: 100%;
padding-left: 0px;
padding-top: 30px; }
.tgr-displayer-slide-in .tgr-displayer .tgr-member-item {
position: absolute;
top: 44px;
bottom: 40px;
left: 40px;
right: 0; }
.tgr-displayer-slide-in .tgr-scroll {
max-height: 80%; }
.tgr-displayer-slide-in .tgr-popup {
width: 100%;
max-width: 460px;
height: 100%; }
.tgr-displayer-slide-in .tgr-popup .tgr-popup-content:before {
position: absolute;
top: 43px;
content: '';
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.15); }
.tgr-displayer-slide-in .tgr-popup.tgr-position-middle-left {
top: 0px;
left: 0px;
right: auto; }
.tgr-displayer-slide-in .tgr-popup.tgr-position-middle-right {
top: 0px;
right: 0px;
left: auto; }
@media (max-width: 834px) {
.tgr-displayer-slide-in .tgr-displayer .tgr-flexbox {
padding-right: 20px; }
.tgr-displayer-slide-in .tgr-displayer .tgr-right {
padding-left: 0px; }
.tgr-displayer-slide-in .tgr-displayer .tgr-member-item {
bottom: 20px;
left: 20px; } }
.tgr-displayer-slide-in .tgr-arrow {
width: 25px;
height: 25px;
top: 8px;
margin: 0 !important; }
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-prev {
left: 40px; }
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-next {
left: 80px; }
@media (max-width: 834px) {
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-prev {
left: 20px; }
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-next {
left: 60px; } }
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-default {
width: 30px;
height: 25px;
top: 8px; }
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-default .tgr-arrow-default-top,
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-default .tgr-arrow-default-bottom {
background-color: #666666; }
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-default .tgr-arrow-default-top:after,
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-default .tgr-arrow-default-bottom:after {
background-color: #000; }
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-default.tgr-arrow-prev {
left: 34px; }
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-default.tgr-arrow-next {
left: 74px; }
@media (max-width: 834px) {
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-default.tgr-arrow-prev {
left: 14px; }
.tgr-displayer-slide-in .tgr-arrow.tgr-arrow-default.tgr-arrow-next {
left: 54px; } }
.tgr-displayer-slide-in .tgr-close {
opacity: 0;
position: absolute;
top: 11px;
right: 40px; }
.tgr-displayer-slide-in .tgr-close.tgr-close-default {
width: 20px;
height: 20px; }
.tgr-displayer-slide-in .tgr-close.tgr-close-default .tgr-close-default-one,
.tgr-displayer-slide-in .tgr-close.tgr-close-default .tgr-close-default-two {
background-color: #666666; }
.tgr-displayer-slide-in .tgr-close.tgr-close-default .tgr-close-default-one:after,
.tgr-displayer-slide-in .tgr-close.tgr-close-default .tgr-close-default-two:after {
background-color: #000; }
@media (max-width: 834px) {
.tgr-displayer-slide-in .tgr-close {
right: 20px; } } .tgr-layout-1.tgr-description-visible-hover .tgr-item-image .tgr-item-desc {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center; }
.tgr-layout-1 .tgr-figure {
background: white;
border: 0px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-1 .tgr-item-image {
color: white; }
.tgr-layout-1 .tgr-item-desc {
z-index: 10;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
background: rgba(0, 0, 0, 0.7);
padding: 20px 15px;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;
opacity: 0; }
.tgr-layout-1 .tgr-item-social {
text-align: center;
padding: 15px 5px 10px !important;
margin-top: 0 !important; }
.tgr-layout-1 .tgr-figcaption {
position: relative;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: white;
font-size: 1em; }
.tgr-layout-1 .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-1 .tgr-item-inner:hover .tgr-item-image .tgr-item-desc,
.tgr-layout-1 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-item-image .tgr-item-desc {
opacity: 1; }
.tgr-layout-2 .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-2.tgr-description-visible-hover .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-2 .tgr-item-inner:before {
content: " ";
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: 15px solid rgba(0, 0, 0, 0.8);
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
display: none; }
.tgr-layout-2 .tgr-grid-item.tgr-active .tgr-item-inner:before {
opacity: 1; }
.tgr-layout-2 .tgr-figure {
position: relative;
overflow: hidden;
border: 0px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-2 .tgr-figcaption {
position: absolute;
z-index: 20;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
opacity: 0;
-webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
-o-transition: opacity 0.4s ease-out, transform 0.4s ease-out;
transition: opacity 0.4s ease-out, transform 0.4s ease-out;
transition: opacity 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
color: white;
font-size: 1em;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
background: rgba(0, 0, 0, 0.7); }
.tgr-layout-2 .tgr-item-inner:hover .tgr-figcaption,
.tgr-layout-2 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-figcaption {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.tgr-layout-2.tgr-social-icons-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-social,
.tgr-layout-2.tgr-social-icons-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-2.tgr-description-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-desc,
.tgr-layout-2.tgr-description-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-3 .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-3.tgr-description-visible-hover .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-3 .tgr-figure {
position: relative;
overflow: hidden;
border: 0px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-3 .tgr-figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.4s ease-out;
transition: opacity 0.5s ease-out, -webkit-transform 0.4s ease-out;
-o-transition: opacity 0.5s ease-out, transform 0.4s ease-out;
transition: opacity 0.5s ease-out, transform 0.4s ease-out;
transition: opacity 0.5s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: white;
font-size: 1em;
-webkit-transform: translateY(101%);
-ms-transform: translateY(101%);
transform: translateY(101%);
background: rgba(0, 0, 0, 0.7); }
.tgr-layout-3 .tgr-item-inner:hover .tgr-figcaption,
.tgr-layout-3 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-figcaption {
opacity: 1;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%); }
.tgr-layout-3.tgr-social-icons-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-social,
.tgr-layout-3.tgr-social-icons-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-3.tgr-description-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-desc,
.tgr-layout-3.tgr-description-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-4 .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-4.tgr-description-visible-hover .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-4 .tgr-figure {
position: relative;
overflow: hidden;
border: 0px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-4 .tgr-figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.4s ease-out;
transition: opacity 0.5s ease-out, -webkit-transform 0.4s ease-out;
-o-transition: opacity 0.5s ease-out, transform 0.4s ease-out;
transition: opacity 0.5s ease-out, transform 0.4s ease-out;
transition: opacity 0.5s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
-webkit-transform: translateY(-101%);
-ms-transform: translateY(-101%);
transform: translateY(-101%);
color: white;
font-size: 1em;
background: rgba(0, 0, 0, 0.7); }
.tgr-layout-4 .tgr-item-inner:hover .tgr-figcaption,
.tgr-layout-4 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-figcaption {
opacity: 1;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%); }
.tgr-layout-4.tgr-social-icons-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-social,
.tgr-layout-4.tgr-social-icons-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-4.tgr-description-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-desc,
.tgr-layout-4.tgr-description-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-5 .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-5.tgr-description-visible-hover .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-5 .tgr-figure {
position: relative;
overflow: hidden;
border: 0px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-5 .tgr-figcaption {
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: white;
font-size: 1em;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translateY(100%) translateY(-100px);
-ms-transform: translateY(100%) translateY(-100px);
transform: translateY(100%) translateY(-100px);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), black);
background: -o-linear-gradient(rgba(0, 0, 0, 0), black);
background: linear-gradient(rgba(0, 0, 0, 0), black); }
.tgr-layout-5 .tgr-item-inner:hover .tgr-figcaption,
.tgr-layout-5 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-figcaption {
-webkit-transform: translateY(0%) !important;
-ms-transform: translateY(0%) !important;
transform: translateY(0%) !important; }
.tgr-layout-6 .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-6.tgr-description-visible-hover .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-6 .tgr-item-inner {
overflow: visible; }
.tgr-layout-6 .tgr-figure {
position: relative;
overflow: hidden;
border: 0px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-6 .tgr-figcaption {
position: absolute;
left: 15px;
bottom: 0px;
right: 15px;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: white;
font-size: 1em;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translateY(100%) translateY(-100px);
-ms-transform: translateY(100%) translateY(-100px);
transform: translateY(100%) translateY(-100px);
background: rgba(0, 0, 0, 0.8); }
.tgr-layout-6 .tgr-item-inner:hover .tgr-figcaption,
.tgr-layout-6 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-figcaption {
-webkit-transform: translateY(0%) !important;
-ms-transform: translateY(0%) !important;
transform: translateY(0%) !important; }
.tgr-layout-7.tgr-social-icons-visible .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-7 .tgr-figure {
position: relative;
overflow: hidden;
padding-bottom: 100px;
border: 0px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-7 .tgr-figcaption {
position: absolute;
bottom: 0;
width: 100%;
color: #000;
font-size: 1em; }
.tgr-layout-7 .tgr-figcaption:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: black;
-webkit-transform: translateY(100%) translateY(0px);
-ms-transform: translateY(100%) translateY(0px);
transform: translateY(100%) translateY(0px);
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
.tgr-layout-7 .tgr-item-inner:hover .tgr-figcaption,
.tgr-layout-7 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-figcaption {
color: white; }
.tgr-layout-7 .tgr-item-inner:hover .tgr-figcaption:before,
.tgr-layout-7 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-figcaption:before {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px); }
.tgr-layout-7.tgr-social-icons-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-social,
.tgr-layout-7.tgr-social-icons-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-7.tgr-description-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-desc,
.tgr-layout-7.tgr-description-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-8 .tgr-item-image .tgr-item-social {
display: block; }
.tgr-layout-8.tgr-social-icons-visible .tgr-item-image .tgr-item-social {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.tgr-layout-8.tgr-description-visible .tgr-item-image .tgr-item-desc, .tgr-layout-8.tgr-description-visible-hover .tgr-item-image .tgr-item-desc {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center; }
.tgr-layout-8.tgr-description-visible .tgr-item-image .tgr-item-desc {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1; }
.tgr-layout-8 .tgr-figure {
border: 0px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-8 .tgr-item-image {
color: white; }
.tgr-layout-8 .tgr-item-desc {
z-index: 10;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
background: rgba(0, 0, 0, 0.7);
padding: 20px 15px;
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: -webkit-transform 0.4s ease-out;
-o-transition: transform 0.4s ease-out;
transition: transform 0.4s ease-out;
transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
-webkit-transform: translateY(-101%);
-ms-transform: translateY(-101%);
transform: translateY(-101%); }
.tgr-layout-8 .tgr-item-social {
z-index: 20;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
background: rgba(0, 0, 0, 0.7);
padding: 15px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
.tgr-layout-8 .tgr-figcaption {
position: relative;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: white;
font-size: 1em;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
background: black; }
.tgr-layout-8 .tgr-item-inner:hover .tgr-item-image .tgr-item-social,
.tgr-layout-8 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-item-image .tgr-item-social {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.tgr-layout-8 .tgr-item-inner:hover .tgr-item-image .tgr-item-desc,
.tgr-layout-8 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-item-image .tgr-item-desc {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.tgr-layout-9.tgr-social-icons-visible .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-9 .tgr-item-inner {
overflow: visible;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 10px; }
.tgr-layout-9 .tgr-figure {
overflow: hidden;
position: relative;
padding-bottom: 100px; }
.tgr-layout-9 .tgr-figcaption {
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
opacity: 1;
color: #000;
font-size: 1em;
height: 100px;
-webkit-transition: height 0.4s, -webkit-transform 0.3s ease-out;
transition: height 0.4s, -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out, height 0.4s;
transition: transform 0.3s ease-out, height 0.4s;
transition: transform 0.3s ease-out, height 0.4s, -webkit-transform 0.3s ease-out;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(white));
background: -webkit-linear-gradient(rgba(255, 255, 255, 0.6), white);
background: -o-linear-gradient(rgba(255, 255, 255, 0.6), white);
background: linear-gradient(rgba(255, 255, 255, 0.6), white); }
.tgr-layout-9 .tgr-item-inner:hover .tgr-figcaption,
.tgr-layout-9 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-figcaption {
height: 100% !important;
-webkit-transform: translateY(0%) !important;
-ms-transform: translateY(0%) !important;
transform: translateY(0%) !important; }
.tgr-layout-9.tgr-social-icons-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-social,
.tgr-layout-9.tgr-social-icons-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-9.tgr-description-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-desc,
.tgr-layout-9.tgr-description-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-10.tgr-social-icons-visible .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-10.tgr-social-icons-hide .tgr-item-image .tgr-item-social {
display: block; }
.tgr-layout-10.tgr-description-visible .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-10.tgr-description-hide:not(.tgr-description-visible-hover) .tgr-item-inner.tgr-flip-card-container .tgr-flip-back .tgr-item-desc {
display: none; }
.tgr-layout-10 .tgr-item-inner {
overflow: visible; }
.tgr-layout-10 .tgr-item-inner:after {
border: 12px solid transparent;
border-top-color: rgba(0, 0, 0, 0.5);
top: auto;
bottom: auto; }
.tgr-layout-10 .tgr-item-inner.tgr-flip-card-container {
-webkit-perspective: none;
perspective: none;
overflow: visible; }
.tgr-layout-10 .tgr-item-inner.tgr-flip-card-container .tgr-flip-back {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.tgr-layout-10 .tgr-item-inner.tgr-flip-card-container .tgr-flip-back .tgr-img {
display: none;
width: 25%;
height: auto;
border-radius: 100%;
margin-bottom: 10px; }
.tgr-layout-10 .tgr-item-inner.tgr-flip-card-container .tgr-flip-back .tgr-item-desc {
display: block; }
.tgr-layout-10 .tgr-item-inner.tgr-flip-card-container .tgr-flip-back .tgr-item-social {
display: block; }
.tgr-layout-10 .tgr-figure {
overflow: visible;
position: relative;
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-10 .tgr-item-image .tgr-item-social {
z-index: 20;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
background: white;
padding: 15px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: -webkit-transform 0.4s ease-out;
-o-transition: transform 0.4s ease-out;
transition: transform 0.4s ease-out;
transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }
.tgr-layout-10 .tgr-figcaption {
width: 100%;
color: #000;
font-size: 1em; }
.tgr-layout-10.tgr-social-icons-hide .tgr-item-inner:not(.tgr-flip-card-container):hover .tgr-item-image .tgr-item-social,
.tgr-layout-10.tgr-social-icons-hide .tgr-grid-item.tgr-active .tgr-item-inner:not(.tgr-flip-card-container) .tgr-item-image .tgr-item-social {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.tgr-layout-11.tgr-social-icons-visible .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-11 .tgr-item-inner {
overflow: visible;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 10px; }
.tgr-layout-11 .tgr-item-inner:after {
border: 12px solid transparent;
border-top-color: rgba(0, 0, 0, 0.5);
top: auto;
bottom: -24px; }
.tgr-layout-11 .tgr-figure {
overflow: hidden;
position: relative;
padding-top: 40px;
padding-bottom: 120px; }
.tgr-layout-11 .tgr-item-image {
overflow: visible; }
.tgr-layout-11 img.tgr-img {
width: 80%;
max-width: 240px;
border-radius: 50%; }
.tgr-layout-11 .tgr-figcaption {
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
opacity: 1;
color: #000;
font-size: 1em;
height: 100px;
-webkit-transition: height 0.4s, -webkit-transform 0.4s ease-out;
transition: height 0.4s, -webkit-transform 0.4s ease-out;
-o-transition: transform 0.4s ease-out, height 0.4s;
transition: transform 0.4s ease-out, height 0.4s;
transition: transform 0.4s ease-out, height 0.4s, -webkit-transform 0.4s ease-out;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(white));
background: -webkit-linear-gradient(rgba(255, 255, 255, 0.6), white);
background: -o-linear-gradient(rgba(255, 255, 255, 0.6), white);
background: linear-gradient(rgba(255, 255, 255, 0.6), white); }
.tgr-layout-11 .tgr-item-inner:hover .tgr-figcaption,
.tgr-layout-11 .tgr-grid-item.tgr-active .tgr-item-inner .tgr-figcaption {
height: 100% !important;
-webkit-transform: translateY(0%) !important;
-ms-transform: translateY(0%) !important;
transform: translateY(0%) !important; }
.tgr-layout-11.tgr-social-icons-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-social,
.tgr-layout-11.tgr-social-icons-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-11.tgr-description-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-desc,
.tgr-layout-11.tgr-description-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-12.tgr-social-icons-visible .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-12.tgr-social-icons-hide .tgr-item-image .tgr-item-social {
display: block; }
.tgr-layout-12.tgr-description-visible .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-12.tgr-description-hide:not(.tgr-description-visible-hover) .tgr-item-inner.tgr-flip-card-container .tgr-flip-back .tgr-item-desc {
display: none; }
.tgr-layout-12 .tgr-item-inner {
overflow: visible; }
.tgr-layout-12 .tgr-item-inner:after {
border: 12px solid transparent;
border-top-color: rgba(0, 0, 0, 0.5);
top: auto;
bottom: auto; }
.tgr-layout-12 .tgr-item-inner.tgr-flip-card-container {
-webkit-perspective: none;
perspective: none;
overflow: visible; }
.tgr-layout-12 .tgr-item-inner.tgr-flip-card-container .tgr-flip-back {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.tgr-layout-12 .tgr-item-inner.tgr-flip-card-container .tgr-flip-back .tgr-img {
display: none;
width: 25%;
height: auto;
border-radius: 100%;
margin-bottom: 10px; }
.tgr-layout-12 .tgr-item-inner.tgr-flip-card-container .tgr-flip-back .tgr-item-desc {
display: block; }
.tgr-layout-12 .tgr-item-inner.tgr-flip-card-container .tgr-flip-back .tgr-item-social {
display: block; }
.tgr-layout-12 .tgr-figure {
overflow: visible;
position: relative;
padding: 40px 10px;
border: 1px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-12 .tgr-item-image {
width: 80%;
max-width: 240px;
margin: 10px auto 0;
overflow: hidden;
border-radius: 50%; }
.tgr-layout-12 .tgr-item-image .tgr-item-social {
z-index: 20;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
background: rgba(0, 0, 0, 0.7);
padding: 15px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: -webkit-transform 0.4s ease-out;
-o-transition: transform 0.4s ease-out;
transition: transform 0.4s ease-out;
transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }
.tgr-layout-12 .tgr-figcaption {
width: 100%;
color: #000;
font-size: 1em; }
.tgr-layout-12.tgr-social-icons-hide .tgr-item-inner:not(.tgr-flip-card-container):hover .tgr-item-image .tgr-item-social,
.tgr-layout-12.tgr-social-icons-hide .tgr-grid-item.tgr-active .tgr-item-inner:not(.tgr-flip-card-container) .tgr-item-image .tgr-item-social {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.tgr-layout-13.tgr-description-visible-hover .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-13 .tgr-item-inner {
overflow: visible; }
.tgr-layout-13 .tgr-item-inner:after {
border: 12px solid transparent;
border-top-color: rgba(0, 0, 0, 0.5);
top: auto;
bottom: auto; }
.tgr-layout-13 .tgr-flip-card-container {
-webkit-perspective: none;
perspective: none;
overflow: visible; }
.tgr-layout-13 .tgr-flip-card-container .tgr-flip-front .tgr-figcaption {
display: none; }
.tgr-layout-13 .tgr-flip-card-container .tgr-flip-back {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.3); }
.tgr-layout-13 .tgr-flip-card-container .tgr-flip-back .tgr-figcaption {
padding-left: 20px;
padding-right: 20px; }
.tgr-layout-13 .tgr-flip-card-container .tgr-flip-back .tgr-img {
display: none;
width: 25%;
height: auto;
border-radius: 100%;
margin-bottom: 10px; }
.tgr-layout-13 .tgr-flip-card-container .tgr-flip-back .tgr-item-desc {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.tgr-layout-13 .tgr-flip-card-container .tgr-flip-back .tgr-item-social {
display: block;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.tgr-layout-13 .tgr-figure {
overflow: visible;
position: relative; }
.tgr-layout-13 .tgr-item-image {
overflow: hidden;
border-radius: 50%;
border: 0px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-13 .tgr-item-image .tgr-item-social {
z-index: 20;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
background: rgba(0, 0, 0, 0.7);
padding: 15px;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: -webkit-transform 0.4s ease-out;
-o-transition: transform 0.4s ease-out;
transition: transform 0.4s ease-out;
transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }
.tgr-layout-13 .tgr-figcaption {
width: 100%;
color: #000;
font-size: 1em; }
.tgr-layout-14.tgr-headings-hide .tgr-item-image .tgr-item-header {
display: none; }
.tgr-layout-14 .tgr-item-inner:before {
border-radius: 50%;
content: " ";
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 12px solid rgba(0, 0, 0, 0.5);
-webkit-transition: opacity 0.3s, border 0.5s;
-o-transition: opacity 0.3s, border 0.5s;
transition: opacity 0.3s, border 0.5s; }
.tgr-layout-14 .tgr-figure {
overflow: hidden;
border-radius: 50%; }
.tgr-layout-14 .tgr-item-image .tgr-item-header {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
padding-bottom: 25px;
background: rgba(0, 0, 0, 0.5);
opacity: 1;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s; }
.tgr-layout-14 .tgr-figcaption {
width: auto;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
position: absolute;
z-index: 20;
top: 12px;
left: 12px;
bottom: 12px;
right: 12px;
opacity: 0;
-webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
transition: opacity 0.4s ease-out, -webkit-transform 0.4s ease-out;
-o-transition: opacity 0.4s ease-out, transform 0.4s ease-out;
transition: opacity 0.4s ease-out, transform 0.4s ease-out;
transition: opacity 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
color: white;
font-size: 1em;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
background: rgba(0, 0, 0, 0.5); }
.tgr-layout-14 .tgr-figcaption .tgr-item-desc {
padding-left: 10px;
padding-right: 10px; }
.tgr-layout-14 .tgr-figcaption .tgr-item-social {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.tgr-layout-14 .tgr-item-inner:hover .tgr-figcaption {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.tgr-layout-14 .tgr-item-inner:hover .tgr-item-image .tgr-item-header {
opacity: 0; }
.tgr-layout-14 .tgr-item-inner:hover:before {
border-width: 0; }
.tgr-layout-14.tgr-social-icons-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-social,
.tgr-layout-14.tgr-social-icons-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-14.tgr-description-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-desc,
.tgr-layout-14.tgr-description-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-15.tgr-headings-hide .tgr-item-image .tgr-item-header {
display: none; }
.tgr-layout-15 .tgr-grid-item.tgr-active .tgr-item-inner:before {
opacity: 1; }
.tgr-layout-15 .tgr-figure {
overflow: hidden;
border-radius: 50%; }
.tgr-layout-15 .tgr-item-image {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
-o-transition: opacity 0.6s ease-out, transform 0.6s ease-out;
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
transition: opacity 0.6s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
color: #000;
border-radius: 50%;
border: 0px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-15 .tgr-item-image .tgr-item-header {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
padding-bottom: 25px;
background: rgba(255, 255, 255, 0.9);
opacity: 1; }
.tgr-layout-15 .tgr-figcaption {
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
position: absolute;
z-index: 20;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.4s ease-out;
transition: opacity 0.2s ease-out, -webkit-transform 0.4s ease-out;
-o-transition: opacity 0.2s ease-out, transform 0.4s ease-out;
transition: opacity 0.2s ease-out, transform 0.4s ease-out;
transition: opacity 0.2s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
color: #000;
font-size: 1em;
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(0, 0, 0, 0.2); }
.tgr-layout-15 .tgr-figcaption .tgr-item-desc {
padding-left: 10px;
padding-right: 10px; }
.tgr-layout-15 .tgr-figcaption .tgr-item-social {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.tgr-layout-15 .tgr-item-inner:hover .tgr-figcaption {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.tgr-layout-15 .tgr-item-inner:hover .tgr-item-image .tgr-item-header {
opacity: 0; }
.tgr-layout-15 .tgr-item-inner:hover .tgr-item-image {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0); }
.tgr-layout-15.tgr-social-icons-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-social,
.tgr-layout-15.tgr-social-icons-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-social {
display: block; }
.tgr-layout-15.tgr-description-visible-hover .tgr-item-inner:hover .tgr-figcaption .tgr-item-desc,
.tgr-layout-15.tgr-description-visible-hover .tgr-grid-item.tgr-active .tgr-figcaption .tgr-item-desc {
display: block; }
.tgr-layout-16 .tgr-item-inner {
cursor: default; }
.tgr-layout-16 .tgr-item {
display: block;
width: 100%;
overflow: hidden;
padding: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
@media (max-width: 834px) {
.tgr-layout-16 .tgr-item {
padding: 20px; } }
.tgr-layout-16 .tgr-member-image {
margin-bottom: 20px; }
.tgr-layout-16 .tgr-member-image img {
max-width: 100%;
display: block; }
.tgr-layout-16 .tgr-item .tgr-flexbox .tgr-left {
width: 320px;
margin-right: 30px; }
.tgr-layout-16 .tgr-item .tgr-flexbox .tgr-right {
width: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0; }
.tgr-layout-16.tgr-list-right .tgr-item .tgr-flexbox .tgr-left {
margin-right: 0px;
margin-left: 30px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.tgr-layout-17 .tgr-box-inner {
overflow-x: auto; }
.tgr-layout-17 .tgr-table {
display: table;
text-align: left;
width: 100%;
vertical-align: middle;
font-size: 16px;
border-collapse: collapse;
border-spacing: 0; }
.tgr-layout-17 .tgr-table * {
line-height: 1.5;
font-size: inherit;
color: inherit; }
.tgr-layout-17 .tgr-table .tgr-tr {
display: table-row; }
.tgr-layout-17 .tgr-table .tgr-th {
font-weight: bold; }
.tgr-layout-17 .tgr-table .tgr-th, .tgr-layout-17 .tgr-table .tgr-td {
padding: 10px;
text-align: left;
border-width: 1px 0;
border-style: solid;
border-color: rgba(0, 0, 0, 0.3);
display: table-cell;
vertical-align: middle; }
.tgr-layout-17 .tgr-table .tgr-th:first-child, .tgr-layout-17 .tgr-table .tgr-td:first-child {
padding-left: 20px; }
.tgr-layout-17 .tgr-table .tgr-th:last-child, .tgr-layout-17 .tgr-table .tgr-td:last-child {
padding-right: 20px; }
.tgr-layout-17 .tgr-table.tgr-table-bordered .tgr-th, .tgr-layout-17 .tgr-table.tgr-table-bordered .tgr-td {
border-width: 1px; }
.tgr-layout-17 .tgr-table.tgr-table-striped .tgr-th, .tgr-layout-17 .tgr-table.tgr-table-striped .tgr-tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.03); }
.tgr-layout-17 .tgr-table.tgr-table-hover .tgr-tr.tgr-item-inner {
-webkit-transition: background 0.2s ease-out;
-o-transition: background 0.2s ease-out;
transition: background 0.2s ease-out; }
.tgr-layout-17 .tgr-table.tgr-table-hover .tgr-tr.tgr-item-inner:hover {
background: rgba(0, 0, 0, 0.04); }
.tgr-box-wrapper .tgr-layout-17 .tgr-item-title, .tgr-box-wrapper .tgr-layout-17 .tgr-item-subtitle {
font-size: inherit !important; }
.tgr-box-wrapper .tgr-layout-17 .tgr-item-inner .tgr-member-fields {
font-size: inherit !important; }
.tgr-layout-17 .tgr-item-inner {
float: none;
width: auto;
max-width: 400px; }
.tgr-layout-17.tgr-displayer-inline .tgr-item-inner {
cursor: default; }
.tgr-layout-17 .tgr-item-image {
margin-right: 20px;
max-width: 80px; }
.tgr-layout-17 .tgr-item-image .tgr-img {
margin: 0; }
.tgr-layout-17 .tgr-item-desc * {
margin: 0; }
.tgr-layout-17 .tgr-item-social {
margin: 0; }
.tgr-layout-17 .tgr-item-social li:first-child {
margin-left: 5px; }
@media (max-width: 834px) {
.tgr-layout-17 .tgr-table .tgr-thead {
display: none !important; }
.tgr-layout-17 .tgr-table, .tgr-layout-17 .tgr-tr, .tgr-layout-17 .tgr-th, .tgr-layout-17 .tgr-td {
display: block !important; }
.tgr-layout-17 .tgr-table .tgr-tr {
margin-bottom: 15px; }
.tgr-layout-17 .tgr-table .tgr-tr .tgr-td {
padding: 5px 10px; }
.tgr-layout-17 .tgr-table .tgr-tr .tgr-td:first-child {
border-bottom: none !important;
padding-top: 15px; }
.tgr-layout-17 .tgr-table .tgr-tr .tgr-td:last-child {
padding-bottom: 15px; }
.tgr-layout-17 .tgr-table .tgr-tr .tgr-td:not(:first-child) {
border: none !important; }
.tgr-layout-17 .tgr-table-bordered .tgr-tr .tgr-td {
border: none !important; }
.tgr-layout-17 .tgr-table-bordered .tgr-tr.tgr-item {
border: 1px solid rgba(0, 0, 0, 0.3); } } .tgr-member {
text-align: left; }
.tgr-member * {
margin: 0;
line-height: 1.5; }
.tgr-member p {
margin-bottom: 20px; }
.tgr-box-wrapper .tgr-member a {
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
.tgr-member .tgr-member-image {
line-height: 0; }
.tgr-member .tgr-member-title {
margin-bottom: 2px;
font-size: 2.2em; }
.tgr-member .tgr-member-title * {
font-family: inherit;
font-size: inherit;
color: inherit; }
.tgr-member .tgr-member-role {
margin-bottom: 2px;
font-size: 1em; }
.tgr-member .tgr-member-role * {
font-family: inherit;
font-size: inherit;
color: inherit; }
.tgr-member .tgr-member-content {
margin: 1em 0; }
.tgr-member .tgr-member-content * {
font-family: inherit;
font-size: inherit;
color: inherit; }
.tgr-member .tgr-member-content h1, .tgr-member .tgr-member-content h2, .tgr-member .tgr-member-content h3, .tgr-member .tgr-member-content h4 {
padding: 0;
font-weight: bold;
line-height: 1.4;
margin: 20px 0 10px; }
.tgr-member .tgr-right > div:first-child {
padding-top: 0; }
.tgr-member-social {
padding-top: 15px;
padding-bottom: 15px; }
.tgr-left .tgr-member-social {
text-align: center; }
.tgr-box-wrapper .tgr-member-social h2, .tgr-box-wrapper .tgr-member-social h3, .tgr-box-wrapper .tgr-member-social h4, .tgr-box-wrapper .tgr-member-social h5 {
margin: 0 0 10px 0; }
.tgr-box-wrapper .tgr-table .tgr-member-social h2, .tgr-box-wrapper .tgr-table .tgr-member-social h3, .tgr-box-wrapper .tgr-table .tgr-member-social h4, .tgr-box-wrapper .tgr-table .tgr-member-social h5 {
display: none; }
.tgr-member-social ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important; }
.tgr-member-social ul li {
display: inline-block;
text-align: center;
margin: 0 5px 5px;
padding: 0; }
.tgr-member-social ul li:first-child {
margin-left: 0; }
.tgr-member-social ul li:last-child {
margin-right: 0; }
.tgr-member-social ul li:before {
display: none; }
.tgr-member-social ul li a {
margin: 0px;
display: inline-block;
text-align: center;
font-size: 16px;
width: 40px;
height: 40px;
line-height: 39px;
border: 1px solid #000;
border-radius: 100%;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
.tgr-member-social ul li a:focus, .tgr-member-social ul li a:active {
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
.tgr-member-social ul li a i {
margin: 0;
padding: 0; }
.tgr-member-fields {
padding-top: 15px;
padding-bottom: 15px; }
.tgr-table .tgr-member-fields {
padding-top: 0;
padding-bottom: 0; }
.tgr-box-wrapper .tgr-member-fields h2, .tgr-box-wrapper .tgr-member-fields h3, .tgr-box-wrapper .tgr-member-fields h4, .tgr-box-wrapper .tgr-member-fields h5 {
margin: 0 0 10px 0; }
.tgr-box-wrapper .tgr-table .tgr-member-fields h2, .tgr-box-wrapper .tgr-table .tgr-member-fields h3, .tgr-box-wrapper .tgr-table .tgr-member-fields h4, .tgr-box-wrapper .tgr-table .tgr-member-fields h5 {
display: none; }
.tgr-member-fields p {
padding: 0;
margin: 0 0 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
line-height: 25px;
padding-bottom: 10px;
font-family: inherit;
font-size: inherit;
color: inherit; }
.tgr-member-fields p:last-child {
margin-bottom: 0; }
.tgr-table .tgr-member-fields p:last-child {
border-bottom: none;
padding-bottom: 0; }
.tgr-member-fields p a {
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
.tgr-member-fields p i {
display: inline-block;
font-weight: bold; }
.tgr-member-fields p i + span {
margin-left: 6px; }
.tgr-member-fields p span {
display: inline-block;
font-weight: bold; }
.tgr-member-skills {
padding-top: 15px;
padding-bottom: 15px; }
.tgr-table .tgr-member-skills {
padding-top: 0;
padding-bottom: 0; }
.tgr-box-wrapper .tgr-member-skills h2, .tgr-box-wrapper .tgr-member-skills h3, .tgr-box-wrapper .tgr-member-skills h4, .tgr-box-wrapper .tgr-member-skills h5 {
margin: 0 0 10px 0; }
.tgr-box-wrapper .tgr-table .tgr-member-skills h2, .tgr-box-wrapper .tgr-table .tgr-member-skills h3, .tgr-box-wrapper .tgr-table .tgr-member-skills h4, .tgr-box-wrapper .tgr-table .tgr-member-skills h5 {
display: none; }
.tgr-member-skills .tgr-member-skill {
margin-bottom: 15px; }
.tgr-member-skills .tgr-member-skill:last-child {
margin-bottom: 0; }
.tgr-table .tgr-member-skills .tgr-member-skill:last-child {
margin-bottom: 7px; }
.tgr-member-skills .tgr-skill-bg {
position: relative;
display: block;
width: 100%;
background: rgba(0, 0, 0, 0.2);
height: 7px;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0; }
.tgr-member-skills .tgr-skill-percent {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
width: 80%;
height: 100%; }
.tgr-member-skills .tgr-skill-percent:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: 40px 40px;
-webkit-animation: tgr-animate-stripes 2s linear infinite;
animation: tgr-animate-stripes 2s linear infinite;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
@-webkit-keyframes tgr-animate-stripes {
0% {
background-position: 0 0; }
100% {
background-position: 80px 0; } }
@keyframes tgr-animate-stripes {
0% {
background-position: 0 0; }
100% {
background-position: 80px 0; } }  .teamgrid-shortcode .tgr-member-image {
max-width: 400px; }
.teamgrid-shortcode .teamgrid-member .tgr-member-image {
float: left;
margin: 0 30px 20px 0; }
.teamgrid-shortcode .teamgrid-member .tgr-member-header {
display: inline-block; }