File: /home1/yqegzjte/thdinfinity.com/wp-content/plugins/tlp-team/assets/css/tlp-el-team.css
/**
* Frontend specific CSS. These are compiles CSS.
* Please don't write custom CSS here.
*/
/* ===========================
Global Team CSS
==============================*/
:root {
--rttm-primary-color: #007acc;
}
.rt-elementor-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.rt-elementor-container *::before,
.rt-elementor-container *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.rt-elementor-container figure {
width: 100%;
overflow: hidden;
}
.rt-elementor-container img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.rt-elementor-container .round-img img {
border-radius: 50%;
}
.rt-elementor-container .img-responsive {
display: block;
max-width: 100%;
margin: 0 auto;
height: auto;
}
.rt-elementor-container .img-responsive.swiper-lazy:not(.swiper-lazy-loaded) {
visibility: hidden;
opacity: 0;
}
.rt-elementor-container .swiper-lazy-preloader {
width: 30px;
height: 30px;
margin-left: -15px;
margin-top: -15px;
border-width: 2px;
border-color: var(--rttm-primary-color);
border-top-color: transparent;
}
.rt-elementor-container .img-rounded {
border-radius: 6px;
}
.rt-elementor-container .img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.rt-elementor-container .img-circle {
border-radius: 50%;
}
.rt-elementor-container .table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
.rt-row::before,
.rt-row::after,
.rt-container-fluid::before,
.rt-container-fluid::after,
.rt-container::before,
.rt-container::after {
content: " ";
display: table;
}
.rt-elementor-container .button-group button,
.rt-elementor-container .contact-info i,
.rt-elementor-container .social-icons a .fa,
.rt-elementor-container .social-icons a .fas,
.rt-elementor-container .social-icons a .fab,
.rt-elementor-container .social-icons a .far,
.rt-elementor-container .short-bio,
.rt-elementor-container .tlp-department,
.rt-elementor-container .tlp-position,
.rt-elementor-container h3,
.rt-elementor-container a {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rt-elementor-container > .rt-row > .rt-el-special-wrapper,
.rt-row.special-items-wrapper,
.rt-elementor-container[data-layout*=layout] .rt-row.ttp-even,
.rt-d-flex,
.rt-elementor-container .layout2 .single-team-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rt-elementor-container > .rt-row > .rt-el-special-wrapper,
.rt-row.special-items-wrapper,
.rt-elementor-container[data-layout*=layout] .rt-row.ttp-even,
.rt-flex-wrap,
.rt-elementor-container .layout2 .single-team-area {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rt-justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.rt-align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rt-pos-s {
position: static !important;
}
.rt-pos-r,
.rt-row,
.rt-elementor-container .pagination > li > span,
.rt-elementor-container .pagination > li > a,
.rt-elementor-container .single-team,
.rt-elementor-container .ttp-pre-loader,
.rt-ball-clip-rotate > div,
.rt-ball-clip-rotate,
.rt-elementor-container figure {
position: relative;
}
.rt-default-gutter,
.rt-elementor-container .equal-height,
.rt-elementor-container .even-grid-item {
margin-bottom: 30px;
}
.rt-gutter-half,
.rt-elementor-container .short-bio {
margin-top: 15px;
margin-bottom: 15px;
}
.rt-primary-color,
.rt-elementor-container .carousel-el-1 .tlp-overlay1 h3,
.rt-elementor-container .carousel-el-1 .tlp-overlay1 .tlp-position,
.rt-elementor-container .layout3 .tlp-content h3,
.rt-elementor-container .layout3 .tlp-content .tlp-position,
.rt-elementor-container .layout2 .rttm-content-area h3,
.rt-elementor-container .layout2 .rttm-content-area .tlp-position,
.rt-elementor-container .pagination > li > span,
.rt-elementor-container .contact-info i,
.rt-elementor-container .contact-info ul li:hover a,
.rt-elementor-container .contact-info ul li:hover i,
.isotope-free .single-team-area .social-icons a,
.rt-elementor-container .social-icons a,
.rt-elementor-container .short-bio a:hover,
.rt-elementor-container .rt-loading {
color: var(--rttm-primary-color);
}
.rt-primary-color-bg,
.rt-elementor-container .isotope-free .tlp-content,
.rt-elementor-container .layout1 .tlp-content,
.rt-elementor-container .pagination > .active > span:focus,
.rt-elementor-container .pagination > .active > span:hover,
.rt-elementor-container .pagination > .active > span,
.rt-elementor-container .pagination > .active > a:focus,
.rt-elementor-container .pagination > .active > a:hover,
.rt-elementor-container .pagination > .active > a,
.rt-elementor-container .pagination > li > span:focus,
.rt-elementor-container .pagination > li > span:hover,
.rt-elementor-container .pagination > li > a:focus,
.rt-elementor-container .pagination > li > a:hover,
.rt-elementor-container .button-group .selected,
.rt-elementor-container .button-group button:hover,
.rt-elementor-container .tlp-content {
background-color: var(--rttm-primary-color);
}
.rt-white-color,
.rt-elementor-container .isotope-free .tlp-content,
.rt-elementor-container .isotope-free h3,
.rt-elementor-container .isotope-free .tlp-position,
.rt-elementor-container .layout1 .tlp-content,
.rt-elementor-container .layout1 h3,
.rt-elementor-container .layout1 .tlp-position,
.rt-carousel-holder .swiper-arrow,
.rt-elementor-container .pagination > .active > span:focus,
.rt-elementor-container .pagination > .active > span:hover,
.rt-elementor-container .pagination > .active > span,
.rt-elementor-container .pagination > .active > a:focus,
.rt-elementor-container .pagination > .active > a:hover,
.rt-elementor-container .pagination > .active > a,
.rt-elementor-container .pagination > li > span:focus,
.rt-elementor-container .pagination > li > span:hover,
.rt-elementor-container .pagination > li > a:focus,
.rt-elementor-container .pagination > li > a:hover,
.rt-elementor-container .button-group button,
.md-el-modal .rt-elementor-container .contact-info ul li,
.md-el-modal .rt-elementor-container .contact-info ul li a,
.rt-elementor-container .social-icons a:hover .fa-facebook-f,
.rt-elementor-container .social-icons a:hover .fa-twitter,
.rt-elementor-container .social-icons a:hover .fa-xing,
.rt-elementor-container .social-icons a:hover .fa-google-plus,
.rt-elementor-container .social-icons a:hover .fa-envelope,
.rt-elementor-container .social-icons a:hover .fa-youtube,
.rt-elementor-container .social-icons a:hover .fa-vimeo,
.rt-elementor-container .social-icons a:hover .fa-instagram,
.rt-elementor-container .social-icons a:hover .fa-soundcloud,
.rt-elementor-container .social-icons a:hover .fa-skype,
.rt-elementor-container .social-icons a:hover .fa-telegram,
.rt-elementor-container .social-icons a:hover .fa-whatsapp,
.rt-elementor-container .social-icons a:hover .fa-linkedin,
.rt-ball-clip-rotate {
color: #fff;
}
.rt-white-color-bg,
.rt-elementor-container .pagination > .disabled > a:focus,
.rt-elementor-container .pagination > .disabled > a:hover,
.rt-elementor-container .pagination > .disabled > a,
.rt-elementor-container .pagination > .disabled > span:focus,
.rt-elementor-container .pagination > .disabled > span:hover,
.rt-elementor-container .pagination > .disabled > span,
.rt-elementor-container .pagination > li > span,
.rt-elementor-container .pagination > li > a {
background-color: #fff;
}
.rt-elementor-container .carousel-el-1 .tlp-overlay1 {
text-align: center;
}
.rt-mb-0,
.rt-elementor-container .short-bio p:last-child,
.rt-elementor-container figure {
margin-bottom: 0;
}
.rt-elementor-container .rt-col-xs-12,
.rt-elementor-container .rt-col-sm-12,
.rt-elementor-container .rt-col-md-12,
.rt-elementor-container .rt-col-lg-12,
.rt-elementor-container .rt-col-xs-11,
.rt-elementor-container .rt-col-sm-11,
.rt-elementor-container .rt-col-md-11,
.rt-elementor-container .rt-col-lg-11,
.rt-elementor-container .rt-col-xs-10,
.rt-elementor-container .rt-col-sm-10,
.rt-elementor-container .rt-col-md-10,
.rt-elementor-container .rt-col-lg-10,
.rt-elementor-container .rt-col-xs-9,
.rt-elementor-container .rt-col-sm-9,
.rt-elementor-container .rt-col-md-9,
.rt-elementor-container .rt-col-lg-9,
.rt-elementor-container .rt-col-xs-8,
.rt-elementor-container .rt-col-sm-8,
.rt-elementor-container .rt-col-md-8,
.rt-elementor-container .rt-col-lg-8,
.rt-elementor-container .rt-col-xs-7,
.rt-elementor-container .rt-col-sm-7,
.rt-elementor-container .rt-col-md-7,
.rt-elementor-container .rt-col-lg-7,
.rt-elementor-container .rt-col-xs-6,
.rt-elementor-container .rt-col-sm-6,
.rt-elementor-container .rt-col-md-6,
.rt-elementor-container .rt-col-lg-6,
.rt-elementor-container .rt-col-xs-5,
.rt-elementor-container .rt-col-sm-5,
.rt-elementor-container .rt-col-md-5,
.rt-elementor-container .rt-col-lg-5,
.rt-elementor-container .rt-col-xs-4,
.rt-elementor-container .rt-col-sm-4,
.rt-elementor-container .rt-col-md-4,
.rt-elementor-container .rt-col-lg-4,
.rt-elementor-container .rt-col-xs-3,
.rt-elementor-container .rt-col-sm-3,
.rt-elementor-container .rt-col-md-3,
.rt-elementor-container .rt-col-lg-3,
.rt-elementor-container .rt-col-xs-2,
.rt-elementor-container .rt-col-sm-2,
.rt-elementor-container .rt-col-md-2,
.rt-elementor-container .rt-col-lg-2,
.rt-elementor-container .rt-col-xs-1,
.rt-elementor-container .rt-col-sm-1,
.rt-elementor-container .rt-col-md-1,
.rt-elementor-container .rt-col-lg-1 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
/*
This file is used to contain all component imports.
Files inside this folder should contain all styles relating
to a reusable component.
*/
/* ===========================
Grid System
==============================*/
.rt-elementor-container .rt-col-xs-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.rt-elementor-container .rt-col-xs-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.rt-elementor-container .rt-col-xs-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.rt-elementor-container .rt-col-xs-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.rt-elementor-container .rt-col-xs-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.rt-elementor-container .rt-col-xs-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.rt-elementor-container .rt-col-xs-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.rt-elementor-container .rt-col-xs-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.rt-elementor-container .rt-col-xs-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.rt-elementor-container .rt-col-xs-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.rt-elementor-container .rt-col-xs-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.rt-elementor-container .rt-col-xs-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
/* ===========================
Animations
==============================*/
.rt-ball-clip-rotate {
width: 32px;
height: 32px;
display: block;
font-size: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.rt-ball-clip-rotate > div {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
width: 32px;
height: 32px;
background: transparent;
border-width: 2px;
border-bottom-color: transparent;
border-radius: 100%;
-webkit-animation: ball-clip-rotate 0.75s linear infinite;
animation: ball-clip-rotate 0.75s linear infinite;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/* ===========================
Preloader
==============================*/
.rt-elementor-container .ttp-pre-loader {
overflow: hidden;
}
.rt-elementor-container .ttp-pre-loader .rt-loading-overlay {
opacity: 0.85;
visibility: visible;
}
.rt-elementor-container .ttp-pre-loader .rt-loading-overlay + .rt-loading {
opacity: 0.85;
visibility: visible;
}
.rt-elementor-container .ttp-pre-loader .rt-loading-overlay.full-op {
opacity: 1;
}
.rt-elementor-container .ttp-pre-loader .rt-loading-overlay.full-op + .rt-loading {
opacity: 1;
}
.rt-elementor-container .ttp-pre-loader.element-loading .rt-loading-overlay,
.rt-elementor-container .ttp-pre-loader.element-loading .rt-loading {
opacity: 1;
}
.rt-elementor-container .rt-loading-overlay {
opacity: 0;
visibility: hidden;
position: absolute;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 49;
background-color: #fff;
}
.rt-elementor-container .rt-loading {
position: absolute;
top: 60px;
left: 50%;
margin-left: -16px;
z-index: 50;
opacity: 0;
visibility: hidden;
}
.rt-elementor-container[data-layout*=carousel] .rt-loading {
z-index: 100;
}
.rt-elementor-container[data-layout*=carousel] .rt-loading-overlay {
z-index: 99;
}
.rt-elementor-container[data-layout*=carousel] .ttp-pre-loader .rt-loading-overlay {
opacity: 1;
}
.rt-elementor-container .carousel10 .ttp-pre-loader .rt-loading-overlay {
opacity: 1;
}
.rt-elementor-container .carousel10 .ttp-pre-loader .rt-loading-overlay + .rt-loading {
opacity: 1;
}
.rt-elementor-container .ttp-pre-loader.rt-lm-loading .rt-loading-overlay {
display: none;
}
.rt-elementor-container .ttp-pre-loader.rt-lm-loading .rt-loading-overlay + .rt-loading {
display: none;
}
/* ===========================
Gutter
==============================*/
.rt-elementor-container .margin-bottom {
margin-bottom: 30px;
}
.rt-elementor-container .paddingl0 {
padding-left: 0px;
}
.rt-elementor-container .paddingr0 {
padding-right: 0;
}
.rt-elementor-container .no-margin {
margin: 0 !important;
padding: 0 !important;
}
.tlp-equal-height .paddingl0 {
padding-left: 0px;
}
.tlp-equal-height .paddingr0 {
padding-right: 0px;
}
.single-team-content-area {
margin-top: 50px;
}
/* ===========================
Title
==============================*/
.rt-elementor-container h3 {
line-height: 1.3;
font-weight: 500;
padding: 0;
margin: 0 0 10px 0;
font-size: 22px;
}
.rt-elementor-container h3 a,
.rt-elementor-container .tlp-department a:hover,
.rt-elementor-container .tlp-position a:hover,
.rt-elementor-container h3 a:hover,
.rt-elementor-container .short-bio a:hover {
text-decoration: none !important;
outline: none;
}
.rt-elementor-container .tlp-department,
.rt-elementor-container .tlp-position {
font-weight: 400;
line-height: 1.3;
}
.rt-elementor-container a {
display: block;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
}
.rt-elementor-container-item-count {
display: none;
}
.rt-elementor-container .tlp-content {
padding: 15px;
}
.rt-elementor-container .tlp-content h3 a,
.rt-elementor-container .tlp-content .tlp-department a,
.rt-elementor-container .tlp-content .tlp-position a {
color: inherit;
-webkit-transition: none;
-o-transition: none;
transition: none;
outline: none;
}
/* ===========================
Body
==============================*/
.rt-elementor-container .short-bio a {
color: inherit;
outline: none;
}
.rt-elementor-container .single-team {
overflow: hidden;
}
/* ===========================
Social Icons
==============================*/
.rt-elementor-container .social-icons {
margin: 10px 0px 0px;
padding: 0px;
display: block;
}
.rt-elementor-container .social-icons a {
text-align: center;
text-decoration: none;
display: inline-block;
margin-right: 4px;
margin-bottom: 3px;
font-size: 20px;
padding: 0px;
text-decoration: none !important;
width: 30px;
height: 30px;
}
.rt-elementor-container .social-icons a:before {
content: none;
}
.rt-elementor-container .social-icons a i {
display: block;
}
.rt-elementor-container .social-icons a .fa,
.rt-elementor-container .social-icons a .fas,
.rt-elementor-container .social-icons a .fab,
.rt-elementor-container .social-icons a .far {
width: 30px;
height: 30px;
line-height: 30px;
}
.rt-elementor-container .social-icons a:hover .fa-facebook-f {
background: #3b5999;
}
.rt-elementor-container .social-icons a:hover .fa-twitter {
background: #3aa9e0;
}
.rt-elementor-container .social-icons a:hover .fa-linkedin {
background: #0080b1;
}
.rt-elementor-container .social-icons a:hover .fa-xing {
background: #1c5d5b;
}
.rt-elementor-container .social-icons a:hover .fa-google-plus,
.rt-elementor-container .social-icons a:hover .fa-envelope {
background: #d04333;
}
.rt-elementor-container .social-icons a:hover .fa-youtube {
background: #cd322d;
}
.rt-elementor-container .social-icons a:hover .fa-soundcloud {
background: #ff5500;
}
.rt-elementor-container .social-icons a:hover .fa-vimeo {
background: #44bbff;
}
.rt-elementor-container .social-icons a:hover .fa-instagram {
background: #44bbff;
}
.rt-elementor-container .social-icons a:hover .fa-skype {
background: #06bcff;
}
.rt-elementor-container .social-icons a:hover .fa-whatsapp {
background: #25D366;
}
.rt-elementor-container .social-icons a:hover .fa-telegram {
background: #29b6f6;
}
.rt-elementor-container .tlp-detail .social-icons a {
background-color: #00afd1;
}
.isotope-free .single-team-area .social-icons a {
font-size: 16px;
background: transparent;
}
/* ===========================
Contact Info
==============================*/
.rt-elementor-container .contact-info {
margin: 0px;
padding: 0px 0px 10px 0px;
}
.rt-elementor-container .contact-info ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.rt-elementor-container .contact-info ul li {
margin: 0px;
padding: 0px;
line-height: 22px;
list-style: none !important;
border: none;
background: no-repeat;
}
.rt-elementor-container .contact-info ul li a {
color: inherit;
display: inline-block;
}
.rt-elementor-container .contact-info ul li + li {
margin-top: 10px;
}
.rt-elementor-container .contact-info i {
width: 20px;
margin-right: 4px;
text-align: center;
}
/* ===========================
Image
==============================*/
.rt-elementor-container .single-team-area img {
max-width: 100%;
-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
transition: opacity 0.6s, -webkit-transform 0.6s;
-o-transition: opacity 0.6s, transform 0.6s;
transition: opacity 0.6s, transform 0.6s;
transition: opacity 0.6s, transform 0.6s, -webkit-transform 0.6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.rt-elementor-container .single-team-area:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.rt-carousel-holder .default-img {
width: 100%;
}
/* ===========================
Button
==============================*/
.rt-elementor-container .button-group {
text-align: center;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
}
.rt-elementor-container .button-group button {
background: #000000;
border: none;
text-transform: none;
font-weight: 400;
margin: 5px;
padding: 10px 15px;
outline: 0px;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
/* ===========================
Pagination
==============================*/
.rt-elementor-container .tlp-pagination {
text-align: center;
}
.rt-elementor-container .pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin: 20px 0;
}
.rt-elementor-container .pagination > li {
display: inline;
margin-left: 3px;
margin-right: 3px;
}
.rt-elementor-container .pagination > li > a {
float: left;
padding: 6px 12px;
line-height: 1.4;
text-decoration: none;
border: 0;
margin-left: -1px;
outline: none;
color: inherit;
border-radius: 0;
}
.rt-elementor-container .pagination > li > a:hover {
z-index: 2;
}
.rt-elementor-container .pagination > li > a:focus {
z-index: 2;
}
.rt-elementor-container .pagination > li > span {
float: left;
padding: 6px 12px;
line-height: 1.4;
text-decoration: none;
border: 0;
margin-left: -1px;
}
.rt-elementor-container .pagination > li > span:hover {
z-index: 2;
}
.rt-elementor-container .pagination > li > span:focus {
z-index: 2;
}
.rt-elementor-container .pagination > li:first-child > a {
margin-left: 0;
}
.rt-elementor-container .pagination > li:first-child > span {
margin-left: 0;
}
.rt-elementor-container .pagination > li:last-child > a {
margin-left: 0;
border-radius: 0;
}
.rt-elementor-container .pagination > li:last-child > span {
margin-left: 0;
}
.rt-elementor-container .pagination > .active > a {
z-index: 3;
cursor: default;
}
.rt-elementor-container .pagination > .active > a:hover {
z-index: 3;
cursor: default;
}
.rt-elementor-container .pagination > .active > a:focus {
z-index: 3;
cursor: default;
}
.rt-elementor-container .pagination > .active > span {
z-index: 3;
cursor: default;
}
.rt-elementor-container .pagination > .active > span:hover {
z-index: 3;
cursor: default;
}
.rt-elementor-container .pagination > .active > span:focus {
z-index: 3;
cursor: default;
}
.rt-elementor-container .pagination > .disabled > span {
color: #777777;
border-color: #dddddd;
cursor: not-allowed;
}
.rt-elementor-container .pagination > .disabled > span:hover {
color: #777777;
border-color: #dddddd;
cursor: not-allowed;
}
.rt-elementor-container .pagination > .disabled > span:focus {
color: #777777;
border-color: #dddddd;
cursor: not-allowed;
}
.rt-elementor-container .pagination > .disabled > a {
color: #777777;
border-color: #dddddd;
cursor: not-allowed;
}
.rt-elementor-container .pagination > .disabled > a:hover {
color: #777777;
border-color: #dddddd;
cursor: not-allowed;
}
.rt-elementor-container .pagination > .disabled > a:focus {
color: #777777;
border-color: #dddddd;
cursor: not-allowed;
}
/* ===========================
Slider
==============================*/
.rt-carousel-holder .carousel-item {
display: block;
}
.rt-carousel-holder .default-img + .swiper-lazy-preloader {
display: none;
}
.rt-carousel-holder.slider-loading {
opacity: 0;
visibility: hidden;
}
.rt-elementor-container .img-responsive.swiper-lazy:not(.swiper-lazy-loaded) {
visibility: hidden;
opacity: 0;
}
.rt-elementor-container .swiper-lazy-preloader::after {
background: none;
}
/* ===========================
Slider Nav
==============================*/
.rt-carousel-holder .swiper-arrow {
width: 30px;
height: 30px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background-image: none;
background: #000;
}
.rt-carousel-holder .swiper-arrow::after {
content: none !important;
}
.rt-carousel-holder .swiper-arrow:hover {
background: #333;
}
.rt-carousel-holder .swiper-arrow i {
color: inherit;
}
.rt-carousel-holder.top-nav .swiper-nav {
position: absolute;
right: -15px;
top: -30px;
}
.rt-carousel-holder.top-nav .swiper-button-next {
right: 15px;
}
.rt-carousel-holder.top-nav .swiper-button-prev {
left: -85px;
}
.rt-carousel-holder.top-nav.swiper-rtl .swiper-nav {
right: auto;
left: 85px;
}
.rt-carousel-holder.top-nav.swiper-rtl .swiper-button-prev {
right: 15px;
left: auto;
}
.rt-carousel-holder.top-nav.swiper-rtl .swiper-button-next {
left: -85px;
right: auto;
}
.rt-carousel-holder.standard-nav .swiper-nav {
position: absolute;
top: 50%;
margin-top: -30px;
width: 100%;
}
.rt-carousel-holder.standard-nav .swiper-nav .swiper-arrow {
top: 7.5px;
}
.rt-carousel-holder.standard-nav .swiper-nav .swiper-button-next {
right: -15px;
}
.rt-carousel-holder.standard-nav .swiper-nav .swiper-button-prev {
left: -15px;
}
.rt-carousel-holder.bottom-nav .swiper-nav {
position: absolute;
bottom: 0;
left: 50%;
bottom: 50px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.rt-carousel-holder.bottom-nav .swiper-nav .swiper-button-next {
right: auto;
left: 5px;
}
.rt-carousel-holder.bottom-nav .swiper-nav .swiper-button-prev {
left: auto;
right: 5px;
}
.rt-carousel-holder.bottom-nav.no-dots {
margin-bottom: 40px;
}
.rt-carousel-holder.bottom-nav.no-dots .swiper-nav {
bottom: 20px;
}
.rt-carousel-holder.bottom-nav.no-dots.no-nav {
margin-bottom: 0;
}
.rt-carousel-holder.swiper-rtl .swiper-button-prev i {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.rt-carousel-holder.swiper-rtl .swiper-button-next i {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.rt-elementor-container .rt-carousel-holder.bottom-nav .swiper-nav + .swiper-pagination {
margin-top: 40px;
}
/* ===========================
Slider Dots
==============================*/
.rt-elementor-container .rt-carousel-holder.swiper .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 10px 5px 5px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.rt-elementor-container .rt-carousel-holder .swiper-pagination {
bottom: -20px;
height: 30px;
}
.rt-elementor-container .rt-carousel-holder .swiper-pagination-bullet:hover {
background: #000;
opacity: 0.75;
}
.rt-elementor-container .rt-carousel-holder .swiper-pagination-bullet-active {
opacity: 0.75;
background: #000;
}
.rt-elementor-container .rt-carousel-holder.swiper-autoheight .swiper-pagination {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.rt-elementor-container .swiper-pagination-bullets-dynamic {
margin-left: auto;
margin-right: auto;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
/* ===========================
Filter
==============================*/
/*
This file is used to contain all layout imports.
Files inside this folder should contain all styles relating
to a reusable layout.
*/
/* ===========================
Container
==============================*/
.rt-container,
.rt-container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.clearfix::after,
.rt-container::after,
.rt-container-fluid::after,
.rt-row::after {
clear: both;
}
.rt-row {
margin-left: -15px;
margin-right: -15px;
}
.rt-clear:after {
clear: both;
content: "";
display: block;
}
/* ===========================
Layout 1
==============================*/
/* ===========================
Layout 2
==============================*/
.rt-elementor-container .layout2 .single-team-area .img-area {
padding: 0 0 15px 0;
}
.rt-elementor-container .layout2 .rttm-content-area h3 a,
.rt-elementor-container .layout2 .rttm-content-area .tlp-position a {
color: inherit;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.rt-elementor-container .layout2 .rttm-content-area .tlp-position {
font-weight: 500;
}
.rt-elementor-container .layout2 .rttm-content-area .tlp-position a {
font-size: inherit;
font-weight: inherit;
}
/* ===========================
Layout 3
==============================*/
.rt-elementor-container .layout3 {
text-align: center;
}
.rt-elementor-container .layout3 .tlp-content {
padding: 0;
background: none;
}
.rt-elementor-container .layout3 .tlp-content h3 {
margin-top: 0;
}
.rt-elementor-container .layout3 .tlp-content h3 a,
.rt-elementor-container .layout3 .tlp-content .tlp-position a {
color: inherit;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.rt-elementor-container .layout3 figure + .tlp-content {
padding-top: 15px;
}
/* ===========================
Layout 16
==============================*/
.rt-elementor-container .layout16 .single-team-area {
padding: 30px;
background-color: #fff;
-webkit-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
.rt-elementor-container .layout16 .single-team-area .default-img {
width: 100%;
}
.rt-elementor-container .layout16 .single-team-area:before {
content: "";
width: 70px;
height: 70px;
background-color: #e1e1e1;
border: none;
border-radius: 6px;
position: absolute;
bottom: 22px;
right: -40px;
z-index: 11;
-webkit-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transform: rotate(50deg);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rt-elementor-container .layout16 .single-team-area:after {
content: "";
width: 70px;
height: 70px;
border: 2px solid #e1e1e1;
border-radius: 6px;
position: absolute;
right: -45px;
bottom: -12px;
z-index: 10;
-webkit-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transform: rotate(50deg);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rt-elementor-container .layout16 .single-team-area:hover:before {
background-color: var(--rttm-primary-color);
}
.rt-elementor-container .layout16 .single-team-area:hover:after {
border-color: var(--rttm-primary-color);
}
.rt-elementor-container .layout16 .single-team-area:hover .social-icons {
visibility: visible;
opacity: 1;
bottom: 0;
}
.rt-elementor-container .layout16 .single-team-area .social-icons {
z-index: 5;
position: absolute;
bottom: -20%;
left: 0;
right: 0;
visibility: hidden;
opacity: 0;
width: 100%;
padding: 15px 0;
background-color: var(--rttm-primary-color);
margin-top: 0;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rt-elementor-container .layout16 .single-team-area .social-icons a {
color: #fff;
}
.rt-elementor-container .layout16 .single-team-area .social-icons a:hover i {
background-color: transparent;
opacity: 0.8;
}
.rt-elementor-container .layout16 .single-team-area .short-bio {
margin-bottom: 15px;
}
.rt-elementor-container .layout16 .single-team-area .tlp-content {
background-color: transparent;
padding-left: 0;
padding-right: 0;
}
.rt-elementor-container .tlp-position {
color: initial;
}
.rt-elementor-container .tlp-position a {
text-decoration: none;
color: initial;
}
/* ===========================
Carousel 1
==============================*/
.rt-elementor-container .carousel-el-1 .tlp-overlay1 {
padding: 0;
}
.rt-elementor-container .carousel-el-1 .tlp-overlay1 h3 {
margin-top: 15px;
margin-bottom: 6px;
}
.rt-elementor-container .carousel-el-1 .tlp-overlay1 h3 a,
.rt-elementor-container .carousel-el-1 .tlp-overlay1 .tlp-position a {
color: inherit;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.rt-elementor-container [class*=carousel] .rt-grid-item {
margin-bottom: 30px;
padding: 0;
}
/* ===========================
Isotope Free
==============================*/
@media only screen and (min-width: 768px) {
.margin-bottom15 {
margin-bottom: 5px !important;
}
.rt-elementor-container .rt-col-sm-24 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.rt-elementor-container .rt-col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.rt-elementor-container .rt-col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.rt-elementor-container .rt-col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.rt-elementor-container .rt-col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.rt-elementor-container .rt-col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.rt-elementor-container .rt-col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.rt-elementor-container .rt-col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.rt-elementor-container .rt-col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.rt-elementor-container .rt-col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.rt-elementor-container .rt-col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.rt-elementor-container .rt-col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.rt-elementor-container .rt-col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.rt-container {
width: 750px;
}
}
@media only screen and (min-width: 992px) {
.margin-bottom15 {
margin-bottom: 15px;
}
.rt-elementor-container .rt-col-md-24 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.rt-elementor-container .rt-col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.rt-elementor-container .rt-col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.rt-elementor-container .rt-col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.rt-elementor-container .rt-col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.rt-elementor-container .rt-col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.rt-elementor-container .rt-col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.rt-elementor-container .rt-col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.rt-elementor-container .rt-col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.rt-elementor-container .rt-col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.rt-elementor-container .rt-col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.rt-elementor-container .rt-col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.rt-elementor-container .rt-col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.rt-container {
width: 970px;
}
}
@media only screen and (min-width: 1200px) {
.rt-elementor-container .rt-col-lg-24 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.rt-elementor-container .rt-col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.rt-elementor-container .rt-col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.rt-elementor-container .rt-col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.rt-elementor-container .rt-col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.rt-elementor-container .rt-col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.rt-elementor-container .rt-col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.rt-elementor-container .rt-col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.rt-elementor-container .rt-col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.rt-elementor-container .rt-col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.rt-elementor-container .rt-col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.rt-elementor-container .rt-col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.rt-elementor-container .rt-col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.rt-container {
width: 1170px;
}
}
@media only screen and (max-width: 1199px) {
.rt-carousel-holder.standard-nav .swiper-nav .swiper-button-next {
right: 15px;
}
.rt-carousel-holder.standard-nav .swiper-nav .swiper-button-prev {
left: 15px;
}
}
@media only screen and (max-width: 991px) {
.rt-elementor-container .layout2 .single-team-area img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.hidden-xs {
display: none !important;
}
.rt-elementor-container .margin-bottom15 {
margin-bottom: 5px !important;
}
.tlp-member-feature-img,
.tlp-member-description-container {
float: none;
width: 100%;
}
}
@media (max-width: 767px) {
.rt-elementor-container .layout16 .single-team-area {
padding: 20px;
}
}
@media only screen and (max-width: 576px) {
.rt-elementor-container .rt-carousel-holder:not(#team-member-profile-gallery):not(.bottom-nav):not(.rttm-carousel-main) {
margin-top: 50px;
}
.rt-carousel-holder.standard-nav .swiper-nav .swiper-arrow {
top: auto;
}
.rt-carousel-holder.standard-nav .swiper-nav,
.rt-carousel-holder.top-nav .swiper-nav {
top: 25px;
right: auto;
left: 50%;
margin-top: 0;
width: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.rt-carousel-holder.standard-nav .swiper-nav .swiper-button-next,
.rt-carousel-holder .swiper-nav .swiper-button-next {
right: -35px;
}
.rt-carousel-holder.standard-nav .swiper-nav .swiper-button-prev,
.rt-carousel-holder .swiper-nav .swiper-button-prev {
left: -35px;
}
.rt-elementor-container .rt-carousel-holder .swiper-pagination {
margin-top: -10px;
margin-left: auto;
margin-right: auto;
}
}
@-webkit-keyframes rt_spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rt_spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes ball-scale-multiple {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
5% {
opacity: 0.75;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-scale-multiple {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
5% {
opacity: 0.75;
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes ball-clip-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes ball-clip-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes fire-diamonds {
0% {
-webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
}
50% {
-webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
}
100% {
-webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
}
}
@keyframes fire-diamonds {
0% {
-webkit-transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
transform: translateY(75%) translateX(-50%) rotate(45deg) scale(0);
}
50% {
-webkit-transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
transform: translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);
}
100% {
-webkit-transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
transform: translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}