@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@import url('https://fonts.googleapis.com/css?family=Hind|Karla|Lato|Merriweather+Sans|Open+Sans|Oxygen|Poppins|Roboto');
/*-----------------------
Reset css start
-----------------------*/
.ttp-team-content-outer-wrap .ttp-grid-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-filter-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-list-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-carousal-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-flipster-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-thumbnail-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-table-layout-popup.ttp-popup-content-right
{
padding: 37px 0px;
height:100%;
background-color: white;
content: '';
box-shadow: 0 0 2px #bbb;
left: 82.5%;
position: fixed;
top: 0%;
text-align: center;
width: 35%;
transform: translateX(-50%);
z-index:9999;
}
.ttp-team-content-outer-wrap .ttp-grid-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-filter-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-list-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-carousal-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-flipster-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-thumbnail-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-table-layout-popup.ttp-popup-content-left
{
padding: 35px 0px 15px 15px;
height:100%;
background-color: white;
content: '';
box-shadow: 0 0 2px #bbb;
left: 15%;
position: fixed;
top: 0%;
text-align: center;
width: 35%;
transform: translateX(-50%);
z-index:9999;
}
.ttp-team-content-outer-wrap .ttp-grid-layout-popup.ttp-popup-content-center,
.ttp-team-content-outer-wrap .ttp-filter-layout-popup.ttp-popup-content-center,
.ttp-team-content-outer-wrap .ttp-list-layout-popup.ttp-popup-content-center,
.ttp-team-content-outer-wrap .ttp-carousal-layout-popup.ttp-popup-content-center,
.ttp-team-content-outer-wrap .ttp-flipster-layout-popup.ttp-popup-content-center,
.ttp-team-content-outer-wrap .ttp-thumbnail-layout-popup.ttp-popup-content-center,
.ttp-team-content-outer-wrap .ttp-table-layout-popup.ttp-popup-content-center
{
padding: 35px 0px 15px 15px;
height: 75%;
background-color: white;
content: '';
box-shadow: 0 0 2px #bbb;
left: 50%;
position: fixed;
top: 15%;
text-align: center;
width: 60%;
transform: translateX(-50%);
z-index: 9999;
}
.ttp-popup-content-overlay {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.7;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: block;
z-index: 9995;
cursor: pointer;
}
img{
display: block;
}
/*grid template 19 style starts*/
.ttp-grid-layout #ttp-template-19 .ttp-grid-thumb-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-19 .ttp-grid-image{
float: left;
width: 35%;
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 980px){
.ttp-grid-layout #ttp-template-19 .ttp-inner-whole-wrapper{
width: 100%;
}
.ttp-grid-layout #ttp-template-19 #ttp-column-2 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 100% !important;
clear: left;
}
.ttp-grid-layout #template-19 .grid-row-wrapper .grid-row-wrapper-inner{
display: block !important;
}
}
@media only screen and (max-width: 720px){
.ttp-grid-layout #ttp-template-19 #ttp-column-1 .ttp-secondary-content{
max-height: 100px !important;
}
}
.ttp-grid-layout #ttp-template-19 .ttp-image-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-19 .grid-row-wrapper .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-19 .ttp-grid-image .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-19 .ttp-grid-image .ttp-expand-popup-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
background-color: rgba(0,0,0,.3);
visibility: hidden;
opacity: 0;
}
.ttp-grid-layout #ttp-template-19 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-19 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-popup-click{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-19 .ttp-grid-image .ttp-expand-slide-out-click .fa,
.ttp-grid-layout #ttp-template-19 .ttp-grid-image .ttp-expand-popup-click .fa{
color: #FFF;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
}
.ttp-grid-layout #ttp-template-19 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click .fa,
.ttp-grid-layout #ttp-template-19 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-popup-click .fa{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-19 .ttp-grid-image .ttp-thumb-social-link{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: fit-content;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-19 .ttp-grid-thumb-wrapper:hover .ttp-grid-image .ttp-thumb-social-link{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-19 .content-wrapper{
display: flex;
}
.ttp-grid-layout #ttp-template-19 .ttp-secondary-content-outer-wrap{
float: left;
width: 65%;
padding: 30px;
background-color: #36afe0;
}
.ttp-grid-layout #ttp-template-19 .ttp-secondary-content{
height: 130px;
overflow: auto;
width: 100%;
}
.ttp-grid-layout #ttp-template-19 .ttp-team-inner-hidden .ttp-secondary-content{
height: unset;
}
.ttp-grid-layout #ttp-template-19 #ttp-column-1 .ttp-secondary-content{
max-height: 200px;
height: auto;
}
.ttp-grid-layout #ttp-template-19 .ttp-secondary-content-wrapper{
padding: 20px;
background-color: #f3f3f3;
}
.ttp-grid-layout #ttp-template-19 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-19 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-19 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #4c4c4c;
margin-top: 5px !important;
}
.ttp-grid-layout #ttp-template-19 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-19 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-19 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #4c4c4c;
text-align: center;
}
.ttp-grid-layout #ttp-template-19 .ttp-thumb-social-link{
height: 25px;
overflow: auto;
margin-top: 20px;
}
.ttp-grid-layout #ttp-template-19 .ttp-social-link-list-default .fa{
color: #FFF;
margin: 0 20px 0 0;
font-size: 17px;
}
.ttp-grid-layout #ttp-template-19 .team-info-block .ttp-social-link-list-default .fa,
.ttp-grid-layout #ttp-template-19 .ttp-team-inner-hidden .ttp-social-link-list-default .fa{
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-19 .ttp-social-link-list-default .fa:hover{
color: #000;
}
.ttp-grid-layout #ttp-template-19 #ttp-column-1 .ttp-social-link-list-default .fa{
margin: 0 5px;
}
.ttp-grid-layout #ttp-template-19 .ttp-content-header{
display: block;
font-size: 18px !important;
color: #FFF;
font-weight: 700;
}
.ttp-grid-layout #ttp-template-19 .team-info-block .ttp-content-header,
.ttp-grid-layout #ttp-template-19 .ttp-team-inner-hidden .ttp-content-header{
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-19 .ttp-thumb-position{
display: block;
font-size: 14px !important;
color: #FFF;
}
.ttp-grid-layout #ttp-template-19 .team-info-block .ttp-thumb-position,
.ttp-grid-layout #ttp-template-19 .ttp-team-inner-hidden .ttp-thumb-position{
color: #4c4c4c;
}
/*grid template 19 skill starts*/
.ttp-grid-layout #ttp-template-19 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 10px 0;
}
.ttp-grid-layout #ttp-template-19 #ttp-column-2 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
margin: 0;
}
.ttp-grid-layout #ttp-template-19 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #4c4c4c !important;
}
.ttp-grid-layout #ttp-template-19 #ttp-column-2 .ttp-content-skill-list-top{
margin: 6px 0 0 0;
}
.ttp-grid-layout #ttp-template-19 #ttp-column-2 .ttp-content-skill-list:first-child .ttp-content-skill-list-top{
margin: 0;
}
.ttp-grid-layout #ttp-template-19 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-19 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-19 .ttp-content-skill-list-top .ttp-skill-value{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #4e4e4e;
}
.ttp-grid-layout #ttp-template-19 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
font-family: 'Oxygen', sans-serif;
font-size: 13px;
color: #4e4e4e;
}
/*grid template 19 skill ends*/
/*grid template 19 style starts*/
/*grid template 28 style starts*/
.ttp-grid-layout #ttp-template-28 #ttp-column-3 .grid-row-wrapper .ttp-inner-whole-wrapper,
.ttp-grid-layout #ttp-template-28 #ttp-column-4 .grid-row-wrapper .ttp-inner-whole-wrapper,
.ttp-grid-layout #ttp-template-19 #ttp-column-3 .grid-row-wrapper .ttp-inner-whole-wrapper,
.ttp-grid-layout #ttp-template-19 #ttp-column-4 .grid-row-wrapper .ttp-inner-whole-wrapper,
.ttp-grid-layout #ttp-template-24 #ttp-column-3 .grid-row-wrapper .ttp-inner-whole-wrapper,
.ttp-grid-layout #ttp-template-24 #ttp-column-4 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 50% !important;
}
.ttp-grid-layout #ttp-template-28 #ttp-column-3 .ttp-inner-whole-wrapper:nth-child(2n+1),
.ttp-grid-layout #ttp-template-28 #ttp-column-4 .ttp-inner-whole-wrapper:nth-child(2n+1),
.ttp-grid-layout #ttp-template-19 #ttp-column-3 .ttp-inner-whole-wrapper:nth-child(2n+1),
.ttp-grid-layout #ttp-template-19 #ttp-column-4 .ttp-inner-whole-wrapper:nth-child(2n+1),
.ttp-grid-layout #ttp-template-24 #ttp-column-3 .ttp-inner-whole-wrapper:nth-child(2n+1),
.ttp-grid-layout #ttp-template-24 #ttp-column-4 .ttp-inner-whole-wrapper:nth-child(2n+1){
clear: right;
}
.ttp-grid-layout #ttp-template-28 .grid-row-wrapper .grid-row-wrapper-inner,
.ttp-grid-layout #ttp-template-19 .grid-row-wrapper .grid-row-wrapper-inner,
.ttp-grid-layout #ttp-template-24 .grid-row-wrapper .grid-row-wrapper-inner{
display: block;
}
.ttp-grid-layout #ttp-template-28 .ttp-grid-thumb-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-28 .ttp-grid-thumb-wrapper .content-wrapper{
display: flex;
}
.ttp-grid-layout #ttp-template-28 .ttp-grid-image{
float: left;
width: 35%;
position: relative;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: -2;
}
.ttp-grid-layout #ttp-template-28 .ttp-grid-image img{
height: 180px;
overflow: hidden;
max-width: unset;
width: 100%;
}
@media only screen and (max-width: 980px){
.ttp-grid-layout #ttp-template-28 .ttp-inner-whole-wrapper{
width: 100%;
}
.ttp-grid-layout #ttp-template-28 #ttp-column-2 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 100% !important;
clear: left;
}
.ttp-grid-layout #ttp-template-28 .grid-row-wrapper .grid-row-wrapper-inner{
display: block !important;
}
}
@media only screen and (max-width: 720px){
.ttp-grid-layout #ttp-template-28 #ttp-column-1 .ttp-secondary-content{
max-height: 100px !important;
}
}
@media only screen and (max-width: 480px){
.ttp-grid-layout #ttp-template-28 .ttp-grid-thumb-wrapper .content-wrapper{
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ttp-grid-layout #ttp-template-28 .ttp-grid-image{
width: 100% !important;
}
.ttp-grid-layout #ttp-template-28 .ttp-grid-image img{
height: unset !important;
}
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content-outer-wrap{
width: 100% !important;
}
.ttp-grid-layout #ttp-template-28 #ttp-column-1 .ttp-secondary-content{
max-height: unset !important;
}
}
.ttp-grid-layout #ttp-template-28 .ttp-image-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-28 .grid-row-wrapper .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-28 .ttp-grid-image .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-28 .ttp-grid-image .ttp-expand-popup-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
color: transparent;
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-28 .ttp-grid-thumb-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-28 .ttp-grid-thumb-wrapper:hover .ttp-grid-image .ttp-expand-popup-click{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-28 .ttp-grid-image .ttp-thumb-social-link{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: fit-content;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-28 .ttp-grid-thumb-wrapper:hover .ttp-grid-image .ttp-thumb-social-link{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content-outer-wrap{
float: left;
width: 65%;
padding: 10px;
background-color: #FFD000;
position: relative;
}
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content-outer-wrap:after{
content: "";
border-top: 220px solid transparent;
border-right: 50px solid #ffd000;
position: absolute;
left: -50px;
top: 0;
}
.ttp-grid-layout #ttp-template-28 #ttp-column-2 .ttp-secondary-content-outer-wrap{
padding: 10px;
}
@media only screen and (max-width: 900px){
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content-outer-wrap{
padding: 10px;
}
}
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content{
overflow: auto;
width: 100%;
margin-top: 10px;
}
.ttp-grid-layout #ttp-template-28 #ttp-column-1 .ttp-secondary-content{
max-height: 200px;
height: auto;
}
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #4c4c4c;
border: 1px solid #4c4c4c;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
line-height: 30px;
}
.ttp-grid-layout #ttp-template-28 .ttp-thumb-social-link{
height: 25px;
overflow: auto;
}
.ttp-grid-layout #ttp-template-28 .ttp-social-link-list-default .fa{
color: #FFF;
margin: 0 4px;
font-size: 18px;
}
.ttp-grid-layout #ttp-template-28 #ttp-column-1 .ttp-social-link-list-default .fa{
font-size: 18px;
margin: 0 5px;
}
.ttp-grid-layout #ttp-template-28 .ttp-content-header{
display: block;
font-size: 18px !important;
}
.ttp-grid-layout #ttp-template-28 .ttp-thumb-position{
display: block;
font-size: 14px !important;
}
@media only screen and (max-width: 780px){
.page-content, .entry-content, .entry-summary{
margin: 1.5em 0 0;
margin: 0 !important;
}
.ttp-grid-layout #ttp-template-29 .ttp-primary-content .ttp-details-wrapper{
padding: 10px 0 !important;
}
}
/*grid template 28 skill starts*/
.ttp-grid-layout #ttp-template-28 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 10px 0;
}
.ttp-grid-layout #ttp-template-28 #ttp-column-2 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
margin: 0;
}
.ttp-grid-layout #ttp-template-28 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #4c4c4c !important;
}
.ttp-grid-layout #ttp-template-28 #ttp-column-2 .ttp-content-skill-list-top{
margin: 0 0 6px 0;
}
.ttp-grid-layout #ttp-template-28 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-28 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-28 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #4e4e4e;
}
.ttp-grid-layout #ttp-template-28 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
/*grid template 28 skill ends*/
/*grid template 28 style starts*/
/*grid template 24 style starts*/
.ttp-grid-layout #ttp-template-24 .ttp-grid-thumb-wrapper{
border: 1px solid #ccc;
padding: 20px;
}
.ttp-grid-layout #ttp-template-24 .ttp-grid-thumb-wrapper{
padding: 30px;
}
.ttp-grid-layout #ttp-template-24 .ttp-grid-image{
float: left;
width: 25%;
position: relative;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ttp-grid-layout #ttp-template-24 .ttp-grid-image img{
z-index: 1;
padding: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ttp-grid-layout #ttp-template-24 .ttp-image-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-24 .ttp-image-wrapper:before{
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
-webkit-border-radius: 50%;
border-radius: 50%;
content: "";
background: rgb(97,112,162);
background: -moz-linear-gradient(top, rgba(97,112,162,1) 1%, rgba(249,3,125,1) 100%);
background: -webkit-linear-gradient(top, rgba(97,112,162,1) 1%,rgba(249,3,125,1) 100%);
background: linear-gradient(to bottom, rgba(97,112,162,1) 1%,rgba(249,3,125,1) 100%);
z-index: -1;
}
.ttp-grid-layout #ttp-template-24 .ttp-grid-thumb-wrapper .ttp-grid-image:hover{
/*padding: 7px;*/
}
.ttp-grid-layout #ttp-template-24 .ttp-grid-thumb-wrapper .ttp-grid-image:hover img{
padding: 0;
/*-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);*/
z-index: -1;
}
.ttp-grid-layout #ttp-template-24 .grid-row-wrapper .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-24 .ttp-grid-image .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-24 .ttp-grid-image .ttp-expand-popup-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(rgba(97, 112, 162, 0.5), rgba(249, 4, 126, 0.5));
background: -moz-linear-gradient(rgba(97, 112, 162, 0.5), rgba(249, 4, 126, 0.5));
background: linear-gradient(rgba(97, 112, 162, 0.5), rgba(249, 4, 126, 0.5));
color: transparent;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-24 .ttp-grid-thumb-wrapper .ttp-grid-image:hover .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-24 .ttp-grid-thumb-wrapper .ttp-grid-image:hover .ttp-expand-popup-click{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-24 .ttp-grid-image .ttp-thumb-social-link{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: fit-content;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-24 .ttp-secondary-content-outer-wrap{
float: left;
width: 75%;
padding-left: 20px;
}
@media only screen and (max-width: 500px){
.ttp-grid-layout #ttp-template-24 .ttp-grid-image{
float: none;
width: 80%;
margin: 0 auto;
}
.ttp-grid-layout #ttp-template-24 .ttp-secondary-content-outer-wrap{
float: none;
width: 100%;
padding-left: 0 !important;
margin-top: 40px;
}
}
.ttp-grid-layout #ttp-template-24 #ttp-column-1 .ttp-secondary-content-outer-wrap{
padding-left: 30px;
}
.ttp-grid-layout #ttp-template-24 .ttp-secondary-content{
height: 110px;
overflow: auto;
width: 100%;
margin: 10px 0;
}
.ttp-grid-layout #ttp-template-24 #ttp-column-1 .ttp-secondary-content{
max-height: 200px;
height: auto;
}
.ttp-grid-layout #ttp-template-24 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-24 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-24 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-24 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-24 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-24 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #4c4c4c;
border: 1px solid #4c4c4c;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
line-height: 30px;
}
.ttp-grid-layout #ttp-template-24 .ttp-thumb-social-link{
height: 25px;
overflow: auto;
}
.ttp-grid-layout #ttp-template-24 .ttp-social-link-list-default .fa{
color: #000;
margin: 0 5px;
font-size: 18px;
}
.ttp-grid-layout #ttp-template-24 .ttp-social-link-list-default .fa:hover{
color: #727171;
}
.ttp-grid-layout #ttp-template-24 .ttp-content-header{
display: block;
font-size: 18px !important;
}
.ttp-grid-layout #ttp-template-24 .ttp-team-member-content .ttp-content-header{
font-size: 22px !important;
}
.ttp-grid-layout #ttp-template-24 .ttp-thumb-position{
display: block;
font-size: 14px !important;
}
.ttp-grid-layout #ttp-column-1 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 100%;
}
/*grid template24 skill starts*/
.ttp-grid-layout #ttp-template-24 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 10px 0;
}
.ttp-grid-layout #ttp-template-24 #ttp-column-2 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
margin: 0;
}
.ttp-grid-layout #ttp-template-24 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #4c4c4c !important;
}
.ttp-grid-layout #ttp-template-24 #ttp-column-2 .ttp-content-skill-list-top{
margin: 0 0 6px 0;
}
.ttp-grid-layout #ttp-template-24 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-24 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-24 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-24 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #4e4e4e;
}
.ttp-grid-layout #ttp-template-24 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
/*grid template24 skill ends*/
/*grid template 24 style starts*/
/*grid template font style starts here*/
.ttp-grid-layout #ttp-template-1{
font-family: 'Roboto', sans-serif;
}
.ttp-grid-layout #ttp-template-2{
font-family: 'Roboto Condensed', sans-serif;
}
.ttp-grid-layout #ttp-template-3{
font-family: 'Lato', sans-serif;
}
.ttp-grid-layout #ttp-template-4,
.ttp-grid-layout #ttp-template-5{
font-family: 'Open Sans', sans-serif;
}
.ttp-grid-layout #ttp-template-13,
.ttp-grid-layout #ttp-template-21,
.ttp-grid-layout #ttp-template-23{
font-family: 'Open Sans', sans-serif;
}
.ttp-grid-layout #ttp-template-14,
.ttp-grid-layout #ttp-template-27{
font-family: 'Montserrat', sans-serif;
}
.ttp-grid-layout #ttp-template-15{
font-family: 'Montserrat', sans-serif;
}
.ttp-grid-layout #ttp-template-17,
.ttp-grid-layout #ttp-template-18,
.ttp-grid-layout #ttp-template-19{
font-family: 'Roboto', sans-serif;
}
.ttp-grid-layout #ttp-template-20,
.ttp-grid-layout #ttp-template-22{
font-family: 'Roboto Condensed', sans-serif;
}
/*grid template font style ends here*/
/*grid style starts here*/
@media only screen and (max-width: 935px) {
.ttp-grid-layout .grid-row-wrapper .grid-row-wrapper-inner{
display: block;
}
}
@media only screen and (min-width: 780px) {
.ttp-grid-layout .grid-row-wrapper .grid-row-wrapper-inner{
display: table;
table-layout: fixed;
}
}
.ttp-expand-popup-click-action.ttp-content-header,
.ttp-expand-slide-out-click-action.ttp-content-header{
cursor: pointer;
}
/*grid template 1 style start*/
.ttp-grid-layout #ttp-template-1 .ttp-grid-thumb-wrapper .ttp-grid-image{
border-top: 5px solid #ff2e63;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-1 .ttp-grid-image img{
max-width: 100%;
overflow: hidden;
text-align: center;
display: block;
-webkit-transition: .8s;
-moz-transition: .8s;
-ms-transition: .8s;
-o-transition: .8s;
transition: .8s;
}
.ttp-grid-layout #ttp-template-1 .ttp-primary-content .ttp-thumb-position{
color: #9e9e9e;
display: block;
}
.ttp-grid-layout #ttp-template-1 .ttp-primary-content .ttp-content-header{
text-decoration: none;
color: #000;
display: block;
}
.ttp-grid-layout #ttp-template-1 .ttp-primary-content .ttp-thumb-social-link{
margin-top: 15px;
}
.ttp-grid-layout #ttp-template-1 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-1 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-1 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #000;
text-align: left;
}
.ttp-grid-layout #ttp-template-1 .ttp-primary-content .ttp-thumb-position,
.ttp-grid-layout #ttp-template-2 .ttp-primary-content .ttp-thumb-position{
font-size: 18px;
}
.ttp-grid-layout #ttp-template-1 #ttp-column-2 .ttp-primary-content .ttp-thumb-position,
.ttp-grid-layout #ttp-template-2 #ttp-column-2 .ttp-primary-content .ttp-thumb-position{
font-size: 16px;
}
.ttp-grid-layout #ttp-template-1 #ttp-column-4 .ttp-primary-content .ttp-thumb-position,
.ttp-grid-layout #ttp-template-2 #ttp-column-4 .ttp-primary-content .ttp-thumb-position,
.ttp-grid-layout #ttp-template-1 #ttp-column-3 .ttp-primary-content .ttp-thumb-position,
.ttp-grid-layout #ttp-template-2 #ttp-column-3 .ttp-primary-content .ttp-thumb-position{
font-size: 14px;
}
.ttp-grid-layout #ttp-template-1 .ttp-primary-content {
color: #343434;
font-size: 24px;
display: block;
/*text-transform: uppercase;*/
}
.ttp-grid-layout #ttp-template-1 .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-1 .ttp-grid-image span{
position: relative;
cursor: pointer;
}
.ttp-grid-layout #ttp-template-1 .ttp-expand-popup-click{
width: 100%;
}
.ttp-grid-layout #ttp-template-1 .ttp-expand-slide-out-click .fa,
.ttp-grid-layout #ttp-template-1 .ttp-expand-popup-click .fa{
height: 54px;
width: 54px;
background: #ff2e64;
color: #fff;
text-align: center;
padding-top: 15px;
position: absolute;
bottom: 0px;
right: 0px;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
}
.ttp-grid-layout #ttp-template-1 .ttp-grid-thumb-wrapper:hover .ttp-expand-slide-out-click .fa,
.ttp-grid-layout #ttp-template-1 .ttp-grid-thumb-wrapper:hover .ttp-expand-popup-click .fa{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-1 .ttp-grid-thumb-wrapper:hover .ttp-grid-image img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ttp-grid-layout #ttp-template-1 .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-1 .ttp-expand-slide-out-click{
display: block;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa{
width: 30px;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 18px;
text-align: center;
margin: 0 10px 10px 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: left;
}
.ttp-grid-layout #ttp-template-2 .ttp-social-link-list-default .fa{
color: #000;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-2 .ttp-team-inner-hidden .ttp-social-link-list-default .fa{
padding-right: 20px;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-twitter,
.ttp-grid-layout #ttp-template-5 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
border: 1px solid #0084b4;
background: #fff;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-facebook,
.ttp-grid-layout #ttp-template-5 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
border: 1px solid #3d5998;
background: #fff;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-google-plus,
.ttp-grid-layout #ttp-template-5 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
border: 1px solid #d34836;
background: #fff;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-linkedin,
.ttp-grid-layout #ttp-template-5 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
border: 1px solid #0077B5;
background: #fff;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-skype,
.ttp-grid-layout #ttp-template-5 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
border: 1px solid #00aff0;
background: #fff;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-instagram,
.ttp-grid-layout #ttp-template-5 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
border: 1px solid #9b6954;
background: #fff;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-youtube,
.ttp-grid-layout #ttp-template-5 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
background: #fff;
border: 1px solid #ff0000;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-wordpress,
.ttp-grid-layout #ttp-template-5 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
border: 1px solid #21759b;
background: #fff;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-digg,
.ttp-grid-layout #ttp-template-5 .ttp-social-link-list-default .fa-digg{
border: 1px solid transparent;
background: #000;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
border: 1px solid #000;
background: #fff;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-reddit,
.ttp-grid-layout #ttp-template-5 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
background: #fff;
border: 1px solid rgb(255, 69, 0);
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-pinterest,
.ttp-grid-layout #ttp-template-5 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-1 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
border: 1px solid #C92228;
background: #fff;
}
.ttp-grid-layout .ttp-thumb-address,
.ttp-grid-layout .ttp-thumb-telephone,
.ttp-grid-layout .ttp-thumb-emailaddress{
display: block;
}
.ttp-grid-layout .ttp-secondary-content{
font-size: .7em;
line-height: 15px;
}
.ttp-grid-layout #ttp-template-1 .ttp-primary-content .ttp-thumb-position{
margin-top: 10px;
}
.ttp-social-link-list-default{
display: inline-block;
}
/*grid template1 skill starts*/
.ttp-grid-layout #ttp-template-1 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 12px 0 18px 0;
}
.ttp-grid-layout #ttp-template-1 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #ff2e63 !important;
}
.ttp-grid-layout .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
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);
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);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
animation: progress-bar 2s linear infinite;
}
@keyframes progress-bar{
0% {background-position: 40px 0;}
100% {background-position: 0 0;}
}
.ttp-grid-layout #ttp-template-1 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-1 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-1 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-1 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #4e4e4e;
}
.ttp-grid-layout #ttp-template-1 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-1 .ttp-thumb-address,
.ttp-grid-layout #ttp-template-1 .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-1 .ttp-thumb-emailaddress{
height: 30px;
padding-left: 40px;
margin-top: 18px;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-1 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
}
@media only screen and (max-width: 780px){
.ttp-grid-layout #ttp-template-1 .ttp-grid-thumb-wrapper .ttp-secondary-content{
}
}
.ttp-grid-layout #ttp-template-1 .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-1 .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-1 .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #ff2e63;
color: #fff;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
}
/*grid template1 skill ends*/
/*grid template 1 style ends*/
/*grid template-2 style starts*/
.ttp-grid-layout #ttp-template-2 .ttp-primary-content{
margin-bottom: 15px;
}
.ttp-grid-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-grid-thumb-wrapper{
padding: 25px;
border: 1px solid transparent;
position: relative;
}
.ttp-grid-layout #ttp-template-2 #ttp-column-4 .ttp-inner-whole-wrapper .ttp-grid-thumb-wrapper{
padding: 15px;
}
.ttp-grid-layout #ttp-template-2 .ttp-grid-thumb-wrapper:hover{
border: 1px solid #dedede;
-webkit-box-shadow: 0px 25px 25px -10px rgba(0,0,0,0.25);
box-shadow: 0px 25px 25px -10px rgba(0,0,0,0.25);
}
.ttp-grid-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-thumb-social-link{
margin-top: 15px;
height: 25px;
overflow: auto;
}
.ttp-grid-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-thumb-social-link .ttp-social-link-list-default{
float: left;
padding: 0px 15px 0 0;
}
.ttp-grid-layout #ttp-template-2 .ttp-primary-content .ttp-content-header{
display: block;
font-size: 30px;
color: #1c1c1c;
padding-top: 12px;
}
.ttp-grid-layout #ttp-template-2 #ttp-column-2 .ttp-primary-content .ttp-content-header{
font-size: 25px;
}
.ttp-grid-layout #ttp-template-2 #ttp-column-3 .ttp-primary-content .ttp-content-header{
font-size: 20px;
}
.ttp-grid-layout #ttp-template-2 #ttp-column-4 .ttp-primary-content .ttp-content-header{
font-size: 18px;
width: fit-content;
}
.ttp-grid-layout #ttp-template-2 .ttp-primary-content .ttp-thumb-position{
display: block;
color: #7c7c7c;
font-weight: 400;
}
.ttp-grid-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-grid-image{
position: relative;
}
.ttp-grid-layout #ttp-template-2 .ttp-primary-content .ttp-grid-image img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
max-width: 100%;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.ttp-grid-layout #ttp-template-2 .ttp-inner-whole-wrapper:hover .ttp-grid-image img{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.ttp-grid-layout #ttp-template-2 .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-2 .ttp-expand-popup-click{
position: absolute;
top: 0;
left: 56px;
width: 54px;
height: 36px;
background: #d04984;
color: #fff;
text-align: center;
padding-top: 5px;
border-radius: 3px;
visibility: hidden;
opacity: 0;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
cursor: pointer;
}
.ttp-grid-layout #ttp-template-2 .ttp-inner-whole-wrapper:hover .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-2 .ttp-inner-whole-wrapper:hover .ttp-expand-popup-click{
visibility: visible;
opacity: 1;
color: #fff;
left: 0;
top: 0;
}
.ttp-grid-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-thumb-social-link .fa:hover{
color: #d04984;
}
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-content-skill-list-top{
text-transform: uppercase;
}
/*grid template2 skill style starts*/
.ttp-grid-layout #ttp-template-2 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 2px !important;
margin: 16px 0 26px 0;
}
.ttp-grid-layout #ttp-template-2 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #d24684 !important;
}
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #d24684;
}
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #000;
}
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-content-quote{
line-height: 22px;
font-size: 14px;
font-weight: 600;
position: relative;
}
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-content-quote:before{
position: absolute;
top: -30px;
left: 0;
content: '\f10d';
font-family: FontAwesome;
color: #d24684;
font-size: 30px;
}
/*grid template2 skill style ends*/
/*grid template-2 style ends*/
/*grid template-3 style starts*/
.ttp-grid-layout #ttp-template-3 .ttp-grid-thumb-wrapper{
margin-bottom: 30px;
}
.ttp-grid-layout #ttp-template-3 .ttp-primary-content{
text-align: center;
position: relative;
margin-bottom: 20px;
}
.ttp-grid-layout #ttp-template-3 .ttp-primary-content .ttp-grid-image{
position: relative;
}
.ttp-grid-layout #ttp-template-3 .ttp-primary-content .ttp-content-header{
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: bold;
display: block;
background: #f2f2f2;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
padding: 20px 0 5px 0;
}
.ttp-grid-layout #ttp-template-3 .ttp-primary-content .ttp-thumb-position{
font-family: 'Lato', sans-serif;
font-size: 13px;
display: block;
background: #f2f2f2;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
padding-bottom: 20px;
}
.ttp-grid-layout #ttp-template-3 .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-3 .ttp-expand-popup-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
color: transparent;
}
.ttp-grid-layout #ttp-template-3 .ttp-primary-content .ttp-thumb-social-link{
background: rgba(0, 0, 0, 0.6);
position: absolute;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
width: 100%;
}
.ttp-grid-layout #ttp-template-3 .ttp-primary-content .ttp-social-link-list-default{
display: inline-block;
padding: 0 10px;
}
.ttp-grid-layout #ttp-template-3 .ttp-team-inner-hidden .ttp-social-link-list-default .fa,
.ttp-grid-layout #ttp-template-3 .ttp-primary-content .ttp-social-link-list-default .fa{
color: #b8ab81;
line-height: 45px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-size: 18px;
}
.ttp-grid-layout #ttp-template-3 .ttp-team-inner-hidden .ttp-social-link-list-default .fa{
padding: 10px;
}
.ttp-grid-layout #ttp-template-3 .ttp-primary-content .ttp-social-link-list-default .fa:hover{
color: #fff;
}
.ttp-grid-layout #ttp-template-3 .ttp-grid-thumb-wrapper:hover .ttp-content-header,
.ttp-grid-layout #ttp-template-3 .ttp-grid-thumb-wrapper:hover .ttp-thumb-position{
background: #b8ab81;
color: #fff;
}
.ttp-grid-layout #ttp-template-3 .ttp-grid-thumb-wrapper:hover .ttp-thumb-social-link{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-3 .ttp-grid-thumb-wrapper .ttp-social-link-custom{
padding-left: 20px;
display: inline-block;
}
/*grid template3 skill style starts*/
.ttp-grid-layout #ttp-template-3 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 5px !important;
margin: 16px 0 26px 0;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.ttp-grid-layout #ttp-template-3 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #b8ab81 !important;
}
.ttp-grid-layout #ttp-template-3 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar:before{
content: '';
height: 12px;
width: 12px;
background: #b8ab81;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
right: -3px;
top: -4px;
}
.ttp-grid-layout #ttp-template-3 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar:after{
content: '';
height: 6px;
width: 6px;
background: #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
right: 0px;
top: -1px;
}
.ttp-grid-layout #ttp-template-3 .ttp-content-skill-list-top .ttp-skill-value{
padding: 2px;
border: 1px solid #d2d2d2;
position: relative;
}
.ttp-grid-layout #ttp-template-3 .ttp-content-skill-list-top .ttp-skill-value:before{
content: '';
border-top: 6px solid #d2d2d2;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
position: absolute;
left: 50%;
bottom: -6px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ttp-grid-layout #ttp-template-3 .ttp-content-skill-list-top .ttp-skill-value:after{
content: '';
border-top: 6px solid #fff;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
position: absolute;
left: 50%;
bottom: -5px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ttp-grid-layout #ttp-template-3 .ttp-content-skill-list-top{
font-size: 13px;
font-weight: 700;
font-family: 'Lato', sans-serif;
}
.ttp-grid-layout #ttp-template-3 .ttp-content-quote{
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.ttp-grid-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-emailaddress{
background: #f0f0f0;
margin-top: 8px;
padding-left: 60px;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
}
.ttp-grid-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #fff;
background: #b8ab81;
height: 40px;
width: 40px;
text-align: center;
left: 2px;
}
/*grid template3 skill style ends*/
/*grid templat-3 style ends*/
/*grid tmplate-4 style starts*/
.ttp-grid-layout #ttp-template-4 .ttp-primary-content,
.ttp-grid-layout #ttp-template-5 .ttp-primary-content{
position: relative;
margin-bottom: 10px;
}
.ttp-grid-layout #ttp-template-4 .ttp-primary-content .ttp-content-header{
color: #fff;
position: absolute;
bottom: 37px;
left: 10%;
max-width: 80%;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 600;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-4 .ttp-primary-content .ttp-thumb-position{
position: absolute;
bottom: 20px;
left: 10%;
max-width: 80%;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-4 .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-4 .ttp-expand-popup-click{
opacity: 1;
visibility: visible;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
color: transparent;
background: rgba(66,66,66,0);
background: -moz-linear-gradient(top, rgba(66,66,66,0) 0%, rgba(0,0,0,0) 0%, rgba(77,77,77,0) 0%, rgba(61,61,61,0.09) 9%, rgba(89,89,89,0.25) 25%, rgba(38,38,38,0.32) 32%, rgba(15,15,15,0.6) 60%, rgba(38,38,38,0.76) 76%, rgba(26,26,26,0.91) 91%, rgba(15,15,15,1) 100%);
background: -webkit-linear-gradient(top, rgba(66,66,66,0) 0%, rgba(0,0,0,0) 0%, rgba(77,77,77,0) 0%, rgba(61,61,61,0.09) 9%, rgba(89,89,89,0.25) 25%, rgba(38,38,38,0.32) 32%, rgba(15,15,15,0.6) 60%, rgba(38,38,38,0.76) 76%, rgba(26,26,26,0.91) 91%, rgba(15,15,15,1) 100%);
background: -o-linear-gradient(top, rgba(66,66,66,0) 0%, rgba(0,0,0,0) 0%, rgba(77,77,77,0) 0%, rgba(61,61,61,0.09) 9%, rgba(89,89,89,0.25) 25%, rgba(38,38,38,0.32) 32%, rgba(15,15,15,0.6) 60%, rgba(38,38,38,0.76) 76%, rgba(26,26,26,0.91) 91%, rgba(15,15,15,1) 100%);
background: -ms-linear-gradient(top, rgba(66,66,66,0) 0%, rgba(0,0,0,0) 0%, rgba(77,77,77,0) 0%, rgba(61,61,61,0.09) 9%, rgba(89,89,89,0.25) 25%, rgba(38,38,38,0.32) 32%, rgba(15,15,15,0.6) 60%, rgba(38,38,38,0.76) 76%, rgba(26,26,26,0.91) 91%, rgba(15,15,15,1) 100%);
}
.ttp-grid-layout #ttp-template-4 .ttp-social-link-list-default{
float: left;
}
.ttp-grid-layout #ttp-template-4 .ttp-thumb-social-link{
position: absolute;
visibility: hidden;
opacity: 0;
bottom: 10%;
left: 10%;
max-width: 80%;
height: 30px;
overflow: auto;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-4 #ttp-column-4 .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-thumb-social-link{
height: 30px;
overflow: auto;
}
.ttp-grid-layout #ttp-template-4 #ttp-column-3 .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-5 #ttp-column-3 .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-6 #ttp-column-3 .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-6 #ttp-column-4 .ttp-thumb-social-link{
height: 30px;
overflow: auto;
}
.ttp-grid-layout #ttp-template-4 .ttp-thumb-social-link .ttp-social-link-list-default{
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f59331;
margin: 0 10px 0 0;
border-radius: 50%;
font-size: 15px;
overflow: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-4 .ttp-thumb-social-link .ttp-social-link-list-default .fa{
color: #fff;
}
.ttp-grid-layout #ttp-template-4 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-content-header{
top: 20px;
bottom: unset;
}
.ttp-grid-layout #ttp-template-4 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-thumb-position{
top: 50px;
bottom: unset;
}
.ttp-grid-layout #ttp-template-4 .ttp-grid-thumb-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-4 .ttp-grid-thumb-wrapper .ttp-secondary-content{
opacity: 0;
visibility: hidden;
color: #fff;
position: absolute;
top: 50%;
left: 0%;
-webkit-transform: translate(-0%,-50%);
-moz-transform: translate(-0%,-50%);
-ms-transform: translate(-0%,-50%);
-o-transform: translate(-0%,-50%);
transform: translate(-0%,-50%);
max-width: 80%;
height: 150px;
margin: 0 10%;
overflow: auto;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-4 #ttp-column-3 .ttp-grid-thumb-wrapper .ttp-secondary-content,
.ttp-grid-layout #ttp-template-4 #ttp-column-4 .ttp-grid-thumb-wrapper .ttp-secondary-content{
height: 100px;
max-width: 80%;
width: unset;
}
@media only screen and (max-width: 935px){
.ttp-grid-layout #ttp-template-4 #ttp-column-3 .ttp-grid-thumb-wrapper .ttp-secondary-content{
height: 100px;
}
}
@media only screen and (max-width: 680px){
.ttp-grid-layout #ttp-template-4 #ttp-column-2 .ttp-grid-thumb-wrapper .ttp-secondary-content{
height: 100px;
}
}
.ttp-grid-layout .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
max-height: 200px;
overflow: auto;
}
.ttp-grid-layout #ttp-template-25 .ttp-grid-thumb-wrapper .ttp-secondary-content,
.ttp-grid-layout #ttp-template-2 .ttp-grid-thumb-wrapper .ttp-secondary-content{
max-height: unset;
}
.ttp-grid-layout #ttp-template-5 .ttp-grid-thumb-wrapper .ttp-secondary-content{
max-height: 60%;
padding-top: 20px;
}
.ttp-grid-layout #ttp-template-5 .ttp-grid-thumb-wrapper .ttp-secondary-content > span:first-child{
padding-top: 10px;
}
.ttp-grid-layout #ttp-template-5 .ttp-grid-thumb-wrapper .ttp-secondary-content > span:last-child{
margin-bottom: 0;
}
.ttp-grid-layout #ttp-template-5 #ttp-column-3 .ttp-grid-thumb-wrapper .ttp-secondary-content{
max-height: 55%;
}
.ttp-grid-layout #ttp-template-13 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
}
.ttp-grid-layout #ttp-template-2 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
min-height: 150px;
}
.ttp-grid-layout #ttp-template-7 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: unset;
}
.ttp-grid-layout #ttp-template-3 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
}
.ttp-grid-layout #ttp-template-4 #ttp-column-2 .ttp-grid-thumb-wrapper .ttp-secondary-content{
bottom: 40px;
}
.ttp-grid-layout #ttp-template-4 .ttp-grid-thumb-wrapper:hover .ttp-secondary-content,
.ttp-grid-layout #ttp-template-4 .ttp-grid-thumb-wrapper:hover .ttp-thumb-social-link{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-4 .ttp-grid-thumb-wrapper:hover .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-4 .ttp-grid-thumb-wrapper:hover .ttp-expand-popup-click{
opacity: 1;
visibility: visible;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
right: 0;
color: transparent;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
/*template4 skill style starts*/
.ttp-grid-layout #ttp-template-4 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 14px !important;
width: 100%;
margin: 8px 0 10px 0;
}
.ttp-content-skill-list-wrap .ttp-content-skill-list:first-child .ttp-content-skill-list-top{
margin-top: 0;
}
.ttp-content-skill-list:last-child .ttp-bar-skill-title{
margin-bottom: 0;
}
.ttp-grid-layout #ttp-template-4 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #f7951e !important;
height: 10px !important;
line-height: 10px !important;
top: 50%;
left: 1%;
transform: translate(-1%, -50%);
}
.ttp-grid-layout #ttp-template-4 .ttp-secondary-content .ttp-content-quote{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.ttp-grid-layout #ttp-template-4 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
/*template4 skill style ends*/
/*grid template-4 style ends*/
/*grid template-5 style starts*/
.ttp-grid-layout #ttp-template-5 .ttp-grid-image{
text-align: center;
}
.ttp-grid-layout #ttp-template-5 .ttp-head-pos-temp-5-wrapper{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.ttp-grid-layout #ttp-template-5 .ttp-primary-content .ttp-content-header{
font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 20px;
width: max-content;
color: #fff;
-webkit-transition: .7s;
-moz-transition: .7s;
-ms-transition: .7s;
-o-transition: .7s;
transition: .7s;
display: block;
margin: 0 auto;
}
.ttp-grid-layout #ttp-template-5 .ttp-primary-content .ttp-thumb-position{
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 14px;
color: #fff;
-webkit-transition: .7s;
-moz-transition: .7s;
-ms-transition: .7s;
-o-transition: .7s;
transition: .7s;
display: block;
margin: 0 auto;
}
.ttp-grid-layout #ttp-template-5 .ttp-primary-content .ttp-thumb-social-link{
position: absolute;
visibility: hidden;
opacity: 0;
bottom: 20%;
left: 50%;
width: -webkit-fit-content;
-webkit-transform: translateY(-20%);
-moz-transform: translateY(-20%);
-ms-transform: translateY(-20%);
-o-transform: translateY(-20%);
transform: translateY(-20%);
-webkit-transform: translateX(-50%); /* WebKit */
-moz-transform: translateX(-50%); /* Mozilla */
-o-transform: translateX(-50%);/* Opera */
-ms-transform: translateX(-50%); /* Internet Explorer */
transform: translateX(-50%); /* CSS3 */
-webkit-transition: .7s;
-moz-transition: .7s;
-ms-transition: .7s;
-o-transition: .7s;
transition: .7s;
}
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-primary-content .ttp-thumb-social-link{
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
@media only screen and (max-width: 900px){
.ttp-grid-layout #ttp-template-5 #ttp-column-3 .ttp-primary-content .ttp-thumb-social-link{
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@media only screen and (max-width: 620px){
.ttp-grid-layout #ttp-template-5 #ttp-column-2 .ttp-primary-content .ttp-thumb-social-link{
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
.ttp-grid-layout #ttp-template-5 .ttp-primary-content .ttp-thumb-social-link .ttp-social-link-list-default{
float: left;
text-align: center;
}
.ttp-grid-layout #ttp-template-5 .ttp-team-inner-hidden .ttp-thumb-social-link .ttp-social-link-list-default .fa,
.ttp-grid-layout #ttp-template-5 .ttp-primary-content .ttp-thumb-social-link .ttp-social-link-list-default .fa{
width: 30px;
height: 30px;
line-height: 28px;
border-radius: 50%;
color: #fff;
text-align: center;
margin: 0 6px;
}
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-primary-content .ttp-thumb-social-link .ttp-social-link-list-default .fa{
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
color: #fff;
font-size: 12px;
}
.ttp-grid-layout #ttp-template-5 .ttp-primary-content{
position: relative;
}
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content{
position: absolute;
top: 36%;
left: 50%;
-webkit-transform: translate(-50%,-50%); /* WebKit */
-moz-transform: translate(-50%,-50%); /* Mozilla */
-o-transform: translate(-50%,-50%);/* Opera */
-ms-transform: translate(-50%,-50%); /* Internet Explorer */
transform: translate(-50%,-50%); /* CSS3 */
color: #fff;
visibility: hidden;
opacity: 0;
-webkit-transition: .7s;
-moz-transition: .7s;
-ms-transition: .7s;
-o-transition: .7s;
transition: .7s;
padding-right: 20px;
padding-left: 20px;
}
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-content-quote{
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 20px;
}
.ttp-grid-layout #ttp-template-5 .ttp-primary-content .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-5 .ttp-primary-content .ttp-expand-popup-click{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
visibility: visible;
opacity: .3;
color: transparent;
cursor: pointer;
-webkit-transition: .7s;
-moz-transition: .7s;
-ms-transition: .7s;
-o-transition: .7s;
transition: .7s;
}
.ttp-grid-layout #ttp-template-5 .ttp-grid-thumb-wrapper{
position: relative;
margin-bottom: 50px;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-5 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-content-header,
.ttp-grid-layout #ttp-template-5 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-thumb-position{
visibility: hidden;
opacity: 0;
}
.ttp-grid-layout #ttp-template-5 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-5 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-expand-popup-click{
visibility: visible;
opacity: .8;
background: #34A4D8;
}
.ttp-grid-layout #ttp-template-5 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-5 #ttp-column-1 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-5 #ttp-column-2 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-5 .ttp-grid-thumb-wrapper:hover .ttp-secondary-content,
.ttp-grid-layout #ttp-template-5 #ttp-column-2 .ttp-grid-thumb-wrapper:hover .ttp-secondary-content{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-content-skill-list-top{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-5 #ttp-column-3 .ttp-secondary-content .ttp-content-skill-list-top,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-content-skill-list-top{
margin-bottom: -4px;
}
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-content-inner-link-list a{
color: #FFF;
text-align: center;
}
/*template5 skill style starts*/
.ttp-grid-layout #ttp-template-5 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 14px !important;
width: 100%;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color: transparent !important;
border: 1px solid #fff;
position: relative;
margin: 10px 0 8px 0;
}
.ttp-grid-layout #ttp-template-5 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
height: 4px !important;
background-color: #045071;
position: absolute;
left: 1%;
top: 50%;
-webkit-transform: translate(-1%,-50%);
-moz-transform: translate(-1%,-50%);
-ms-transform: translate(-1%,-50%);
-o-transform: translate(-1%,-50%);
transform: translate(-1%,-50%);
}
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-emailaddress{
text-align: center;
padding-left: 0;
margin-bottom: 12px;
}
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-emailaddress{
text-align: center;
padding-left: 0;
margin-bottom: 4px;
}
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-emailaddress:before{
top: -18px !important;
}
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-emailaddress:before{
position: static;
display: block;
}
/*template5 skill style ends*/
/*grid template-5 style ends*/
/*grid template-6 style starts*/
.ttp-grid-layout #ttp-template-6 .ttp-primary-content{
position: relative;
-webkit-perspective: 150px; /* Safari 4-8 */
perspective: 150px;
}
.ttp-grid-layout #ttp-template-6 .ttp-primary-content .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-6 .ttp-primary-content .ttp-expand-popup-click{
position: absolute;
top: -50%;
left: 0;
width: 100%;
height: 100%;
background: #34a4d8;
visibility: hidden;
opacity: 0;
color: transparent;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transform: rotateX(-45deg); /* Safari 3-8 */
transform: rotateX(-45deg);
}
.ttp-grid-layout #ttp-template-6 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-6 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-expand-popup-click{
visibility: visible;
opacity: .8;
-webkit-transform: rotateX(0deg); /* Safari 3-8 */
transform: rotateX(0deg);
top: 0%;
}
.ttp-grid-layout #ttp-template-6 .ttp-grid-image{
overflow: hidden;
text-align: center;
}
.ttp-grid-layout #ttp-template-6 .ttp-grid-image img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-6 .ttp-grid-thumb-wrapper:hover .ttp-grid-image img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ttp-grid-layout #ttp-template-6 .ttp-primary-content .ttp-thumb-social-link{
position: absolute;
visibility: hidden;
opacity: 0;
top: 50%;
left: 50%;
width: -webkit-fit-content;
-webkit-transform: translate(-50%,-50%); /* WebKit */
-moz-transform: translate(-50%,-50%); /* Mozilla */
-o-transform: translate(-50%,-50%);/* Opera */
-ms-transform: translate(-50%,-50%); /* Internet Explorer */
transform: translate(-50%,-50%); /* CSS3 */
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-6 #ttp-column-4 .ttp-primary-content .ttp-thumb-social-link{
height: 35px;
}
.ttp-grid-layout #ttp-template-6 #ttp-column-3 .ttp-thumb-social-link{
height: 38px;
}
.ttp-grid-layout #ttp-template-6 .ttp-primary-content .ttp-thumb-social-link .ttp-social-link-list-default{
float: left;
text-align: center;
margin: 0 5px;
}
.ttp-grid-layout #ttp-template-6 .ttp-primary-content .ttp-thumb-social-link .ttp-social-link-list-default .fa{
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #000;
background: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-6 .ttp-primary-content .ttp-thumb-social-link .ttp-social-link-list-default .fa:hover{
color: #FFF;
background: #000;
}
.ttp-grid-layout #ttp-template-6 #ttp-column-3 .ttp-primary-content .ttp-thumb-social-link .ttp-social-link-list-default .fa,
.ttp-grid-layout #ttp-template-6 #ttp-column-4 .ttp-primary-content .ttp-thumb-social-link .ttp-social-link-list-default .fa{
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
}
.ttp-grid-layout #ttp-template-6 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-thumb-social-link{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-6 .ttp-primary-content .ttp-content-header{
font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 20px;
position: absolute;
bottom: -47px;
left: 0;
color: #000;
}
.ttp-grid-layout #ttp-template-6 #ttp-column-4 .ttp-primary-content .ttp-content-header{
font-size: 16px;
}
.ttp-grid-layout #ttp-template-6 .ttp-primary-content .ttp-thumb-position{
font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 14px;
position: absolute;
bottom: -70px;
left: 0;
color: #26a3dd;
}
.ttp-grid-layout #ttp-template-6 #ttp-column-4 .ttp-primary-content .ttp-thumb-position{
font-size: 12px;
}
.ttp-grid-layout #ttp-template-6 .ttp-grid-thumb-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content{
margin-top: 77px;
border-top: 1px solid #eaeaea;
padding-top: 20px;
}
/*template6 skill style starts*/
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-bar-skill-title{
height: 2px !important;
}
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-bar-skill-title .sb_bar{
height: 200% !important;
top: 50%;
left: 0;
transform: translate(0,-50%);
background-color: #1dbaf4 !important;
}
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-content-quote{
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #848484;
}
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #848484;
}
.ttp-grid-layout #ttp-template-6 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: -webkit-paged-y;
}
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-emailaddress{
font-family: 'Raleway', sans-serif;
}
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-content-skill-list-top{
padding: 10px 0 8px 0;
text-transform: uppercase;
font-weight: 600;
}
.ttp-grid-layout #ttp-column-1{
clear: left;
}
.ttp-content-inner-link-list{
display: block;
}
.ttp-table-layout .ttp-content-inner-link-list a,
.ttp-list-layout .ttp-content-inner-link-list a,
.ttp-grid-layout .ttp-content-inner-link-list a{
color: #666;
font-size: 12px;
padding-top: 5px;
display: inline-block;
}
.ttp-table-layout .ttp-content-inner-link-list:first-child a,
.ttp-list-layout .ttp-content-inner-link-list:first-child a,
.ttp-grid-layout .ttp-content-inner-link-list:first-child a{
padding-top: 0;
}
.ttp-table-layout .ttp-content-inner-link-list a:hover,
.ttp-grid-layout .ttp-content-inner-link-list a:hover,
.ttp-grid-layout .ttp-content-inner-link-list a:hover{
color: #000;
}
.ttp-grid-layout #ttp-template-4 .ttp-content-inner-link-list a,
.ttp-grid-layout #ttp-template-5 .ttp-content-inner-link-list a{
color: #FFF;
}
.ttp-grid-layout #ttp-template-4 .ttp-team-inner-hidden .ttp-content-inner-link-list a,
.ttp-grid-layout #ttp-template-5 .ttp-team-inner-hidden .ttp-content-inner-link-list a{
color: #4c4c4c;
}
/*template6 skill style ends*/
/*grid template-6 style ends*/
/*grid template-7 style starts*/
.ttp-grid-layout #ttp-template-7 .ttp-primary-content .ttp-grid-image{
border-bottom: 3px solid #ffb820;
position: relative;
}
.ttp-grid-layout #ttp-template-7 .ttp-primary-content .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-7 .ttp-primary-content .ttp-expand-popup-click{
position: absolute;
top: 0;
left: 0;
color: #fff;
visibility: hidden;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
}
.ttp-grid-layout #ttp-template-7 .ttp-primary-content:hover .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-7 .ttp-primary-content:hover .ttp-expand-popup-click{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-7 .ttp-primary-content .ttp-expand-slide-out-click .fa,
.ttp-grid-layout #ttp-template-7 .ttp-primary-content .ttp-expand-popup-click .fa{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 20px;
}
.ttp-grid-layout #ttp-template-7 .ttp-primary-content .ttp-inner-overlay{
background: #ffb820;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-7 .ttp-primary-content:hover .ttp-inner-overlay{
opacity: 0.5;
visibility: visible;
}
.ttp-grid-layout #ttp-template-7 .ttp-primary-content .ttp-content-header{
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-size: 20px;
color: #000;
display: block;
margin: 20px 0 0 30px;
}
.ttp-grid-layout #ttp-template-7 #ttp-column-3 .ttp-primary-content .ttp-content-header,
.ttp-grid-layout #ttp-template-7 #ttp-column-4 .ttp-primary-content .ttp-content-header{
margin: 10% 5%;
}
.ttp-grid-layout #ttp-template-7 #ttp-column-3 .ttp-secondary-content,
.ttp-grid-layout #ttp-template-7 #ttp-column-4 .ttp-secondary-content{
margin: 10% 5%;
}
.ttp-grid-layout #ttp-template-7 .ttp-primary-content .ttp-thumb-position{
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 14px;
background: #ffb820;
color: #fff;
height: 30px;
line-height: 30px;
/*text-transform: uppercase;*/
display: inline-block;
padding: 0 15px;
margin-left: 30px;
position: absolute;
bottom: -13px;
left: 0;
}
.ttp-grid-layout #ttp-template-7 #ttp-column-3 .ttp-primary-content .ttp-thumb-position,
.ttp-grid-layout #ttp-template-7 #ttp-column-4 .ttp-primary-content .ttp-thumb-position{
margin-left: 0;
left: 5%;
}
.ttp-grid-layout #ttp-template-7 .ttp-thumb-social-link{
position: relative;
background: #e9e8e8;
padding-left: 20px;
}
.ttp-grid-layout #ttp-template-7 .ttp-thumb-social-link:before{
content: '';
position: absolute;
left: 50px;
top: -15px;
border-top: 20px solid transparent;
border-right: 40px solid #e9e8e8;
}
.ttp-grid-layout #ttp-template-7 .ttp-thumb-social-link:after{
content: '';
position: absolute;
left: 90px;
top: -15px;
width: 100%;
height: 20px;
background: #e9e8e8;
}
.ttp-grid-layout #ttp-template-7 .ttp-thumb-social-link .ttp-social-link-list-default{
display: inline-block;
text-align: center;
margin: 0 20px 15px 0;
}
.ttp-grid-layout #ttp-template-7 .ttp-thumb-social-link .ttp-social-link-list-default .fa{
color: #999;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin-top: 10px;
font-size: 18px;
}
.ttp-grid-layout #ttp-template-7 .ttp-thumb-social-link .ttp-social-link-list-default:first-child .fa{
margin-left: 80px;
}
.ttp-grid-layout #ttp-template-7 .ttp-thumb-social-link .ttp-social-link-list-default .fa:hover{
color: #000;
}
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content{
margin: 20px 30px 40px 30px;
}
.ttp-grid-layout #ttp-template-7 .ttp-grid-thumb-wrapper{
overflow: hidden;
border: 1px solid #e1e1e1;
}
/*template7 style skill starts*/
.ttp-grid-layout #ttp-template-7 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 12px 0 18px 0;
}
.ttp-grid-layout #ttp-template-7 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #ffb900 !important;
}
.ttp-grid-layout #ttp-template-7 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: uppercase;
font-weight: 600;
}
.ttp-grid-layout #ttp-template-7 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-7 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #4e4e4e;
}
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-7 .ttp-content-skill-list-top .ttp-skill-value{
padding: 2px;
border: 1px solid #000;
position: relative;
color: #FFF;
background: #000;
}
.ttp-grid-layout #ttp-template-7 .ttp-content-skill-list-top .ttp-skill-value:before{
content: '';
border-top: 6px solid #000;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
position: absolute;
left: 50%;
bottom: -6px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content .ttp-thumb-emailaddress{
overflow: hidden;
color: inherit;
}
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content .ttp-thumb-emailaddress:before{
background: #ffb900;
color: #fff;
text-align: center;
}
/*template7 style skill ends*/
/*grid template-7 style ends*/
/*grid template-8 style starts*/
.ttp-grid-layout #ttp-template-8 .ttp-grid-image{
position: relative;
}
.ttp-grid-layout #ttp-template-8 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-8 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
top: 0;
left: 0;
cursor: pointer;
color: transparent;
opacity: 0;
visibility: hidden;
-webkit-transition: .8s;
-moz-transition: .8s;
-ms-transition: .8s;
-o-transition: .8s;
transition: .8s;
}
.ttp-grid-layout #ttp-template-8 .grid-row-wrapper .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-8 .grid-row-wrapper .ttp-inner-whole-wrapper .ttp-grid-thumb-wrapper{
background: #FFF;
border-top: 2px solid #443384;
border-bottom: 3px solid #443384;
}
.ttp-grid-layout #ttp-template-8 .grid-row-wrapper .ttp-inner-whole-wrapper .ttp-primary-content:hover .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-8 .grid-row-wrapper .ttp-inner-whole-wrapper .ttp-primary-content:hover .ttp-expand-slide-out-click{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-8 .ttp-primary-content{
text-align: center;
}
.ttp-grid-layout #ttp-template-8 .ttp-content-header{
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
color: #443384;
margin: 24px 0 0 0;
letter-spacing: 1px;
}
.ttp-grid-layout #ttp-template-8 .ttp-team-inner-hidden .ttp-content-header{
font-size: 22px;
margin: 0;
}
.ttp-grid-layout #ttp-template-8 .ttp-thumb-position{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 700;
color: #443384;
display: inline-block;
background: #fff;
height: 24px;
line-height: 24px;
padding: 0 20px;
letter-spacing: 1px;
-webkit-border-radius: 12px;
border-radius: 12px;
position: absolute;
bottom: 40px;
left: 50%;
transform: translate(-50%, 0);
width: fit-content;
}
.ttp-grid-layout #ttp-template-8 .ttp-team-inner-hidden .ttp-thumb-position{
position: relative;
left: 0;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
bottom: unset;
padding: 0;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default{
display: inline-block;
}
/*template-8 skill bar progress style starts*/
.ttp-grid-layout .ttp-content-skill-list-top .ttp-skill-label{
float: left;
padding-left: 5px;
}
.ttp-grid-layout #ttp-template-8 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: uppercase;
}
.ttp-grid-layout .ttp-content-skill-list-top .ttp-skill-value{
float: right;
padding-right: 5px;
}
.ttp-grid-layout #ttp-template-8 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
text-align: center;
padding: 20px 10px 20px;
font-family: 'Open Sans', sans-serif;
}
.ttp-grid-layout #ttp-template-8 .ttp-grid-thumb-wrapper .ttp-secondary-content .ttp-content-skill-list-wrap{
display: inline-block;
width: 100%;
}
.ttp-grid-layout #ttp-template-8 .ttp-content-skill-list-wrap .ttp-content-skill-list{
margin-bottom: 5px;
}
.ttp-grid-layout #ttp-template-8 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-content-skill-list-top{
margin-bottom: 5px;
color: #443384;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
.ttp-grid-layout #ttp-template-8 #ttp-column-3 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-content-skill-list-top,
.ttp-grid-layout #ttp-template-8 #ttp-column-4 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-content-skill-list-top{
font-size: 13px;
margin-bottom: 2px;
}
.ttp-grid-layout #ttp-template-8 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 8px !important;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 16px;
}
.ttp-grid-layout #ttp-template-8 #ttp-column-3 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title,
.ttp-grid-layout #ttp-template-8 #ttp-column-4 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
margin-bottom: 8px;
}
.ttp-grid-layout #ttp-template-8 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
-webkit-border-radius: 5px;
border-radius: 5px;
position: absolute;
height: 25% !important;
top: 50%;
left: 0%;
transform: translate(1%,-50%);
-webkit-transform: translate(1%,-50%);
-moz-transform: translate(1%,-50%);
-ms-transform: translate(1%,-50%);
-o-transform: translate(1%,-50%);
transform: translate(1%,-50%);
background-color: #443384 !important;
}
.ttp-grid-layout #ttp-template-8 .ttp-primary-content{
position: relative;
margin-bottom: 10px;
}
.ttp-grid-layout #ttp-template-8 .ttp-thumb-social-link{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
-webkit-transition: .8s;
-moz-transition: .8s;
-ms-transition: .8s;
-o-transition: .8s;
transition: .8s;
overflow: auto;
height: 60px;
}
.ttp-grid-layout #ttp-template-8 .grid-row-wrapper .ttp-inner-whole-wrapper .ttp-primary-content:hover .ttp-thumb-social-link{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa{
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 5px;
border: 1px solid rgba(255, 255, 255, .4);
font-size: 16px;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
background: #fff;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
background: #FFF;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
background: #FFF;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
background: #FFF;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
background: #FFF;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
background: #FFF;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
background: #FFF;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
background: #FFF;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-digg{
background: #000;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
background: #FFF;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
background: #FFF;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
}
.ttp-grid-layout #ttp-template-8 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
background: #FFF;
}
.ttp-grid-layout #ttp-template-8 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-8 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-8 .ttp-secondary-content .ttp-thumb-emailaddress{
text-align: left;
color: #443086;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin-bottom: 5px;
}
.ttp-grid-layout #ttp-template-8 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-8 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-8 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #666;
}
.ttp-grid-layout #ttp-template-8 .ttp-content-inner-link-list a:hover{
color: #443086;
}
.ttp-grid-layout #ttp-template-8 .ttp-thumb-description{
font-size: 11px;
line-height: 16px
}
.ttp-grid-layout #ttp-template-8 .ttp-content-quote{
font-size: 13px;
line-height: 18px;
letter-spacing: 1px;
display: block;
position: relative;
padding-top: 10px;
}
.ttp-grid-layout #ttp-template-8 .ttp-content-quote:before{
width: 30px;
height: 30px;
background: #443086;
content: "";
position: absolute;
left: 50%;
top: -30px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ttp-grid-layout #ttp-template-8 .ttp-content-quote:after{
color: #FFF;
content: "\f10d";
position: absolute;
font-family: FontAwesome;
left: 50%;
top: -23px;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ttp-grid-layout #ttp-template-8 .ttp-content-inner-link-list a{
padding: 0px 0px 5px;
}
.ttp-grid-layout #ttp-template-8 .ttp-grid-thumb-wrapper .ttp-secondary-content{
overflow: visible;
}
/*template8 skill bar progress style ends*/
/*grid template-8 style ends*/
/*grid template 9 starts here*/
.ttp-grid-layout #ttp-template-9 .ttp-primary-content,
.ttp-grid-layout #ttp-template-10 .ttp-primary-content,
.ttp-grid-layout #ttp-template-11 .ttp-primary-content{
text-align: center;
}
.ttp-grid-layout #ttp-template-9 .ttp-content-header,
.ttp-grid-layout #ttp-template-10 .ttp-content-header,
.ttp-grid-layout #ttp-template-11 .ttp-content-header{
display: block;
}
.ttp-grid-layout #ttp-template-9 .ttp-thumb-position,
.ttp-grid-layout #ttp-template-10 .ttp-thumb-position,
.ttp-grid-layout #ttp-template-11 .ttp-thumb-position{
display: block;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper .ttp-secondary-content,
.ttp-grid-layout #ttp-template-10 .ttp-grid-thumb-wrapper .ttp-secondary-content,
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
text-align: center;
padding: 5% 0;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper .ttp-secondary-content{
padding: 0;
margin: 10px 0;
}
.ttp-grid-layout #ttp-template-9 .ttp-social-link-list-default,
.ttp-grid-layout #ttp-template-10 .ttp-social-link-list-default,
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default{
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
margin: 5px;
}
.ttp-grid-layout #ttp-template-9 .ttp-social-link-list-default{
margin: 0;
}
.ttp-grid-layout #ttp-template-9 .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-9 .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-9 .ttp-thumb-social-link{
margin-top: 5%;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper,
.ttp-grid-layout #ttp-template-10 .ttp-grid-thumb-wrapper,
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper{
margin: 25px 0;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-image,
.ttp-grid-layout #ttp-template-10 .ttp-grid-image,
.ttp-grid-layout #ttp-template-11 .ttp-grid-image{
position: relative;
margin-bottom: 5%;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-image img,
.ttp-grid-layout #ttp-template-10 .ttp-grid-image img,
.ttp-grid-layout #ttp-template-11 .ttp-grid-image img{
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-image img{
width: 210px;
height: 210px;
border: 10px solid #f5f5f5;
display: inline-block;
}
.ttp-grid-layout #ttp-template-9 .ttp-social-link-list-default .fa{
color: #5C5C5C;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
width: 30px;
height: 30px;
line-height: 30px;
}
.ttp-grid-layout #ttp-template-9 .ttp-content-header{
font-family: 'Merriweather', serif;
color: #383838;
/*text-transform: uppercase;*/
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-9 .ttp-thumb-position{
font-family: 'Roboto', sans-serif;
color: #383838;
/*text-transform: capitalize;*/
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper{
border: 1px solid #c6c6c6;
padding: 5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-9 .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-9 .ttp-expand-slide-out-click{
width: 210px;
height: 210px;
cursor: pointer;
background-color: transparent;
color: transparent;
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ttp-grid-layout #ttp-template-9 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-9 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-9 .ttp-secondary-content .ttp-thumb-emailaddress{
position: relative;
padding-left: 0 !important;
margin-top: 15px !important;
}
.ttp-grid-layout #ttp-template-9 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-9 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-9 .ttp-secondary-content .ttp-thumb-emailaddress:before{
position: absolute;
left: 50%;
top: -18px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
.ttp-grid-layout #ttp-template-9 .ttp-content-skill-list-top{
text-transform: uppercase;
}
.ttp-grid-layout #ttp-template-9 .ttp-bar-skill-title{
height: 20px !important;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #EBEBEB !important;
}
.ttp-grid-layout #ttp-template-9 #ttp-column-3 .ttp-bar-skill-title,
.ttp-grid-layout #ttp-template-9 #ttp-column-4 .ttp-bar-skill-title{
height: 10px !important;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.ttp-grid-layout #ttp-template-9 .ttp-bar-skill-title .sb_bar{
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #D46E6E !important;
}
.ttp-grid-layout #ttp-template-9 #ttp-column-3 .ttp-bar-skill-title .sb_bar,
.ttp-grid-layout #ttp-template-9 #ttp-column-4 .ttp-bar-skill-title .sb_bar{
-webkit-border-radius: 5px;
border-radius: 5px;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper:hover{
background-color: #F99393;
border: 1px solid #F99393;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper:hover{
color: #FFF;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper:hover .ttp-content-header,
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper:hover .ttp-thumb-position{
color: #FFF;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper:hover .ttp-grid-image img{
border: 10px solid #f9b0b0;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper:hover .ttp-social-link-list-default .fa{
color: #8e1114;
}
/*grid template 9 starts here*/
/*grid template 10 starts here*/
.ttp-grid-layout #ttp-template-10 .ttp-content-header{
font-family: 'Open Sans', sans-serif;
color: #545450;
/*text-transform: capitalize;*/
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-10 .ttp-thumb-position{
font-family: 'Open Sans', sans-serif;
color: #19a499;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-weight: 600;
letter-spacing: 1px;
}
.ttp-grid-layout #ttp-template-10 .ttp-social-link-list-default .fa{
color: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
height: 30px;
line-height: 30px;
}
.ttp-grid-layout #ttp-template-10 .ttp-social-link-list-default{
-webkit-border-radius: 50%;
border-radius: 50%;
background: #aaa;
text-align: center;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-10 .ttp-social-link-list-default:hover{
background: #7fc9b7;
}
.ttp-grid-layout #ttp-template-10 .ttp-social-link-list-default a{
display: block;
}
.ttp-grid-layout #ttp-template-10 .ttp-thumb-social-link{
margin-top: 5%;
}
.ttp-grid-layout #ttp-template-10 .ttp-grid-thumb-wrapper .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-10 .ttp-grid-thumb-wrapper .ttp-expand-slide-out-click{
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-10 .ttp-grid-thumb-wrapper .content-wrapper{
text-align: center;
}
.ttp-grid-layout #ttp-template-10 .ttp-grid-thumb-wrapper .ttp-grid-image,
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-grid-image{
overflow: hidden;
/*height: 290px;*/
max-width: 290px;
width: 100%;
display: inline-block;
position: relative;
}
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.3);
-webkit-border-radius: 50%;
border-radius: 50%;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
cursor: pointer;
}
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-grid-image .ttp-expand-popup-click .fa,
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-grid-image .ttp-expand-slide-out-click .fa{
color: #FFF;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
visibility: visible;
}
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-grid-image:hover .ttp-expand-popup-click .fa,
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-grid-image:hover .ttp-expand-slide-out-click .fa,
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-grid-image:hover .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-grid-image:hover .ttp-expand-slide-out-click{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-10 .ttp-grid-thumb-wrapper .ttp-grid-image .fa-search{
color: #FFF;
position: absolute;
top: 70%;
left: 50%;
-webkit-transform: translate(-50%, -70%);
-moz-transform: translate(-50%, -70%);
-ms-transform: translate(-50%, -70%);
-o-transform: translate(-50%, -70%);
transform: translate(-50%, -70%);
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
visibility: hidden;
opacity: 0;
}
.ttp-grid-layout #ttp-template-10 #ttp-column-3 .ttp-grid-thumb-wrapper .ttp-grid-image,
.ttp-grid-layout #ttp-template-10 #ttp-column-4 .ttp-grid-thumb-wrapper .ttp-grid-image,
.ttp-grid-layout #ttp-template-11 #ttp-column-3 .ttp-grid-thumb-wrapper .ttp-grid-image,
.ttp-grid-layout #ttp-template-11 #ttp-column-4 .ttp-grid-thumb-wrapper .ttp-grid-image{
width: 160px;
height: 160px;
}
.ttp-grid-layout #ttp-template-10 .ttp-grid-thumb-wrapper:hover .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-10 .ttp-grid-thumb-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click{
background-color: rgba(114, 183, 164, 0.7);
cursor: pointer;
}
.ttp-grid-layout #ttp-template-10 .ttp-grid-thumb-wrapper:hover .ttp-grid-image .fa-search{
visibility: visible;
opacity: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ttp-grid-layout #ttp-template-10 #ttp-column-3 .ttp-social-link-list-default .fa,
.ttp-grid-layout #ttp-template-10 #ttp-column-4 .ttp-social-link-list-default .fa,
.ttp-grid-layout #ttp-template-9 #ttp-column-3 .ttp-social-link-list-default .fa,
.ttp-grid-layout #ttp-template-9 #ttp-column-4 .ttp-social-link-list-default .fa{
font-size: 16px;
}
.ttp-grid-layout #ttp-template-11 #ttp-column-3 .ttp-social-link-list-default .fa,
.ttp-grid-layout #ttp-template-11 #ttp-column-4 .ttp-social-link-list-default .fa{
font-size: 18px;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper:hover .ttp-social-link-list-default .fa:hover{
color: #FFF;
}
.ttp-grid-layout #ttp-template-10 .ttp-content-skill-list-top{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.ttp-grid-layout #ttp-template-10 .ttp-bar-skill-title{
height: 10px !important;
background: #eee !important;
position: relative;
}
.ttp-grid-layout #ttp-template-10 .ttp-bar-skill-title .sb_bar{
background-color: #72b7a4 !important;
height: 20% !important;
position: absolute;
top: 50%;
left: 1px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-thumb-emailaddress{
display: block;
line-height: 30px;
padding-left: 0 !important;
width: 100%;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-10 #ttp-column-1 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-10 #ttp-column-1 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-10 #ttp-column-1 .ttp-secondary-content .ttp-thumb-emailaddress{
line-height: 40px;
}
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #7fc9b7;
text-align: center;
left: unset;
padding-left: 0;
position: relative;
padding-right: 10px;
}
.ttp-grid-layout #ttp-template-10 .ttp-grid-thumb-wrapper .ttp-secondary-content{
padding: 5%;
}
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-secondary-content{
text-align: left;
padding: 0 5%;
}
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-thumb-description,
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-content-quote,
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-content-external-link-list{
color: #5d5d5d;
font-family: 'Open Sans', sans-serif;
text-align: center;
display: block;
}
/*grid template 10 ends here*/
/*grid template 11 starts here*/
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa{
color: #333;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-11 .ttp-thumb-social-link{
margin-top: 20px;
}
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-11 .ttp-primary-content{
border: 1px solid #e1e2e4;
padding: 10% 5%;
min-height: 380px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #FFF;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
z-index: 1;
}
.ttp-grid-layout #ttp-template-11 .ttp-content-header{
font-weight: 700;
padding: 5%;
}
.ttp-grid-layout #ttp-template-11 .ttp-team-inner-hidden .ttp-content-header{
padding: 0;
}
.ttp-grid-layout #ttp-template-11 .ttp-thumb-position{
font-weight: 500;
color: #737373;
margin-bottom: 10px;
}
.ttp-grid-layout #ttp-template-11 #ttp-column-3 .ttp-social-link-list-default,
.ttp-grid-layout #ttp-template-11 #ttp-column-4 .ttp-social-link-list-default{
margin: 5px 2px;
}
.ttp-grid-layout #ttp-template-11 .ttp-secondary-content-outer-wrap{
background: #e1e2e3;
text-align: center;
min-height: 380px;
padding: 50px 0;
}
.ttp-grid-layout #ttp-template-11 .ttp-secondary-content-outer-wrap .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-11 .ttp-secondary-content-outer-wrap .ttp-expand-slide-out-click{
height: 50px;
line-height: 50px;
display: inline-block;
padding: 0 20px;
cursor: pointer;
padding-top: 20px;
}
.ttp-grid-layout #ttp-template-11 .ttp-secondary-content-outer-wrap .ttp-content-header{
padding-top: 10px;
}
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-grid-image{
overflow: visible;
}
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper .ttp-secondary-content{
padding: 0 5%;
}
.ttp-grid-layout #ttp-template-11 #ttp-column-2 .ttp-primary-content,
.ttp-grid-layout #ttp-template-11 #ttp-column-2 .ttp-secondary-content-outer-wrap{
min-height: 580px;
}
.ttp-grid-layout #ttp-template-11 #ttp-column-1 .ttp-primary-content,
.ttp-grid-layout #ttp-template-11 #ttp-column-1 .ttp-secondary-content-outer-wrap{
min-height: 680px;
}
.ttp-grid-layout #ttp-template-11 #ttp-column-1 .ttp-primary-content .ttp-content-header{
padding: 5%;
}
.ttp-grid-layout #ttp-template-11 #ttp-column-1 .ttp-primary-content{
padding: 5%;
}
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper:hover .ttp-primary-content{
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
border-right-color: transparent;
z-index: 9;
}
.ttp-grid-layout #ttp-template-11 .ttp-inner-whole-wrapper:first-child .ttp-grid-thumb-wrapper:hover .ttp-primary-content{
-webkit-transform-origin: 100% 0% 0;
-moz-transform-origin: 100% 0% 0;
-ms-transform-origin: 100% 0% 0;
-o-transform-origin: 100% 0% 0;
transform-origin: 100% 0% 0;
border-left-color: transparent;
}
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper:hover .ttp-primary-content >.ttp-content-header,
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper:hover .ttp-primary-content >.ttp-thumb-position,
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper:hover .ttp-primary-content >.ttp-thumb-social-link{
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ttp-grid-layout #ttp-template-11 .ttp-grid-thumb-wrapper{
overflow: visible;
}
.ttp-grid-layout #ttp-template-11 .ttp-bar-skill-title{
height: 10px !important;
background: #fff !important;
}
.ttp-grid-layout #ttp-template-11 .ttp-bar-skill-title .sb_bar{
background-color: #5b5b5b !important;
}
.ttp-grid-layout #ttp-template-11 .ttp-content-skill-list-top{
font-weight: bold;
text-transform: uppercase;
}
.ttp-grid-layout #ttp-template-11 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-11 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-11 .ttp-secondary-content .ttp-thumb-emailaddress:before{
background-color: #5b5b5b;
color: #fff;
text-align: center;
}
.ttp-grid-layout #ttp-template-11 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-11 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-11 .ttp-secondary-content .ttp-thumb-emailaddress{
background: #f1f1f1;
color: #000000;
font-weight: 600;
}
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
}
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
}
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
}
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
}
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
}
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
}
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
}
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
}
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
}
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
}
.ttp-grid-layout #ttp-template-11 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
}
/*grid template 11 ends here*/
/*grid template-12 style starts*/
.ttp-grid-layout #ttp-template-12 .ttp-grid-thumb-wrapper{
overflow: hidden;
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-12 .ttp-primary-content{
position: relative;
margin-bottom: 15px;
}
.ttp-grid-layout #ttp-template-12 .ttp-primary-content .ttp-grid-image img{
width: 100%;
}
.ttp-grid-layout #ttp-template-12 .ttp-primary-content .ttp-content-header{
position: absolute;
left: 50%;
top: 10%;
-webkit-transform: translate(-50%,-10%);
-moz-transform: translate(-50%,-10%);
-ms-transform: translate(-50%,-10%);
-o-transform: translate(-50%,-10%);
transform: translate(-50%,-10%);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
color: #FFF;
visibility: hidden;
opacity: 0;
font-size: 20px;
width: fit-content;
}
.ttp-grid-layout #ttp-template-12 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-content-header{
left: 50%;
top: 72%;
-webkit-transform: translate(-50%,-70%);
-moz-transform: translate(-50%,-70%);
-ms-transform: translate(-50%,-70%);
-o-transform: translate(-50%,-70%);
transform: translate(-50%,-70%);
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-12 #ttp-column-3 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-content-header,
.ttp-grid-layout #ttp-template-12 #ttp-column-4 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-content-header{
left: 50%;
top: 75%;
-webkit-transform: translate(-50%,-72%);
-moz-transform: translate(-50%,-72%);
-ms-transform: translate(-50%,-72%);
-o-transform: translate(-50%,-72%);
transform: translate(-50%,-72%);
visibility: visible;
opacity: 1;
font-size: 20px;
}
.ttp-grid-layout #ttp-template-12 .ttp-primary-content .ttp-thumb-position{
position: absolute;
left: 50%;
top: 10%;
-webkit-transform: translate(-50%,-10%);
-moz-transform: translate(-50%,-10%);
-ms-transform: translate(-50%,-10%);
-o-transform: translate(-50%,-10%);
transform: translate(-50%,-10%);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
color: #FFF;
visibility: hidden;
opacity: 0;
font-size: 13px;
}
.ttp-grid-layout #ttp-template-12 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-thumb-position{
left: 50%;
top: 62%;
-webkit-transform: translate(-50%,-65%);
-moz-transform: translate(-50%,-65%);
-ms-transform: translate(-50%,-65%);
-o-transform: translate(-50%,-65%);
transform: translate(-50%,-65%);
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-12 #ttp-column-3 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-thumb-position,
.ttp-grid-layout #ttp-template-12 #ttp-column-4 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-thumb-position{
left: 50%;
top: 65%;
-webkit-transform: translate(-50%,-65%);
-moz-transform: translate(-50%,-65%);
-ms-transform: translate(-50%,-65%);
-o-transform: translate(-50%,-65%);
transform: translate(-50%,-65%);
visibility: visible;
opacity: 1;
font-size: 14px;
}
.ttp-grid-layout #ttp-template-12 .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-12 .ttp-expand-popup-click{
position: absolute;
left: 0px;
top: -100%;
color: transparent;
cursor: pointer;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Safari 5.1-6.0 */
background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Opera 11.1-12.0 */
background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Firefox 3.6-15 */
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
border-bottom: 3px solid #ff8217;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.ttp-grid-layout #ttp-template-12 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-12 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-expand-popup-click{
top: 0%;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
}
.ttp-grid-layout #ttp-template-12 .ttp-thumb-social-link{
position: absolute;
left: 50%;
bottom: 0px;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
z-index: 1;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
visibility: hidden;
opacity: 0;
height: 40px;
overflow: auto;
}
.ttp-grid-layout #ttp-template-12 .ttp-grid-thumb-wrapper:hover .ttp-thumb-social-link{
position: absolute;
left: 50%;
bottom: 5%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default{
float: left;
text-align: center;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa{
color: #fff;
height: 30px;
line-height: 29px;
width: 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
border: 1px solid transparent;
margin: 0 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa:hover{
background: #fff;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
border: 1px solid #0084b4;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
border: 1px solid #3d5998;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
border: 1px solid #d34836;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
border: 1px solid #0077B5;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
border: 1px solid #00aff0;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
border: 1px solid #9b6954;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
border: 1px solid #ff0000;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
border: 1px solid #21759b;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-digg{
background: #000;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
border: 1px solid #000;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
border: 1px solid rgb(255, 69, 0);
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
}
.ttp-grid-layout #ttp-template-12 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
border: 1px solid #C92228;
}
/*template12 skill style starts*/
.ttp-grid-layout #ttp-template-12 .ttp-bar-skill-title{
height: 10px !important;
background: #FFF !important;
position: relative;
}
.ttp-grid-layout #ttp-template-12 #ttp-column-3 .ttp-bar-skill-title,
.ttp-grid-layout #ttp-template-12 #ttp-column-4 .ttp-bar-skill-title{
height: 4px !important;
margin-bottom: 8px;
}
.ttp-grid-layout #ttp-template-12 #ttp-column-3 .ttp-content-skill-list:last-child .ttp-bar-skill-title,
.ttp-grid-layout #ttp-template-12 #ttp-column-4 .ttp-content-skill-list:last-child .ttp-bar-skill-title{
margin-bottom: 0px;
}
.ttp-grid-layout #ttp-template-12 #ttp-column-1 .ttp-bar-skill-title,
.ttp-grid-layout #ttp-template-12 #ttp-column-2 .ttp-bar-skill-title{
margin-bottom: 20px;
}
.ttp-grid-layout #ttp-template-12 .ttp-bar-skill-title .sb_bar{
background-color: #ff8217 !important;
position: absolute;
bottom: 50%;
}
.ttp-grid-layout #ttp-template-12 .ttp-content-skill-list-top{
color: #FFF;
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-12 #ttp-column-3 .ttp-content-skill-list-top,
.ttp-grid-layout #ttp-template-12 #ttp-column-4 .ttp-content-skill-list-top{
margin-bottom: 2px;
}
.ttp-grid-layout #ttp-template-12 #ttp-column-1 .ttp-content-skill-list-top,
.ttp-grid-layout #ttp-template-12 #ttp-column-2 .ttp-content-skill-list-top{
margin-bottom: 8px;
}
@media only screen and (max-width: 1202px) and (min-width: 780px) {
.ttp-grid-layout #ttp-template-12 #ttp-column-3 .ttp-social-link-list-default .fa,
.ttp-grid-layout #ttp-template-12 #ttp-column-4 .ttp-social-link-list-default .fa{
height: 30px;
width: 30px;
line-height: 26px;
}
.ttp-grid-layout #ttp-template-12 #ttp-column-3 .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-12 #ttp-column-4 .ttp-thumb-social-link{
height: 30px;
}
}
.ttp-grid-layout #ttp-template-12 .ttp-grid-thumb-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-12 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
padding: 0 10%;
position: absolute;
top: 10%;
left: 0%
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-12 .ttp-grid-thumb-wrapper:hover .ttp-secondary-content{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-12 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-12 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-12 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #FFF;
font-weight: 700;
font-family: 'Raleway', sans-serif;
}
.ttp-grid-layout #ttp-template-12 .ttp-team-inner-hidden .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-12 .ttp-team-inner-hidden .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-12 .ttp-team-inner-hidden .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-12 .team-info-block .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-12 .team-info-block .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-12 .team-info-block .ttp-secondary-content .ttp-thumb-emailaddress{
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-12 .ttp-secondary-content > *:last-child{
margin-bottom: 0px;
}
@media only screen and (max-width: 1125px) and (min-width: 780px) {
.ttp-grid-layout #ttp-template-12 #ttp-column-3 .ttp-content-quote{
font-size: 10px;
}
}
@media only screen and (max-width: 1125px) and (min-width: 935px) {
.ttp-grid-layout #ttp-template-12 #ttp-column-4 .ttp-secondary-content,
.ttp-grid-layout #ttp-template-12 #ttp-column-3 .ttp-secondary-content{
padding: 0 5%;
}
}
.ttp-grid-layout #ttp-template-12 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-12 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-12 .ttp-secondary-content .ttp-thumb-emailaddress:before{
background: #ff8217;
text-align: center;
}
.ttp-grid-layout #ttp-template-12 .ttp-content-quote{
color: #FFF;
font-weight: 400;
font-family: 'Raleway', sans-serif;
}
.ttp-grid-layout #ttp-template-12 .ttp-team-inner-hidden .ttp-content-quote,
.ttp-grid-layout #ttp-template-12 .team-info-block .ttp-content-quote{
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-12 .ttp-grid-thumb-wrapper .ttp-content-inner-link-list a{
opacity: 0;
visibility: hidden;
color: #FFF;
}
.ttp-grid-layout #ttp-template-12 .ttp-grid-thumb-wrapper:hover .ttp-content-inner-link-list a{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-12 .ttp-thumb-description{
color: #FFF;
}
/*template12 skill style ends*/
/*grid template-12 style ends*/
/*grid template-13 style starts*/
.ttp-grid-layout #ttp-template-13 .ttp-social-link-list-default .fa{
color: #352e36;
font-size: 18px;
text-align: center;
padding-top: 5px;
margin: 5px;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: left;
}
.ttp-grid-layout #ttp-template-13 .ttp-social-link-list-default:hover .fa{
color: #14ABF4;
}
.ttp-grid-layout #ttp-template-13 .ttp-content-header{
display: block;
/*font-size: 20px;*/
font-weight: 700;
position: relative;
z-index: 1;
padding: 0 20px;
}
.ttp-grid-layout #ttp-template-13 .ttp-thumb-position{
display: block;
/*text-transform: uppercase;*/
/*font-size: 12px;*/
margin-top: 10px;
position: relative;
z-index: 1;
padding: 0 20px;
}
.ttp-grid-layout #ttp-template-13 .ttp-grid-thumb-wrapper{
overflow: hidden;
margin-bottom: 50px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-13 .ttp-grid-thumb-wrapper:hover{
box-shadow: rgba(51, 51, 51, 0.17) 5px 5px 10px 2px;
}
.ttp-grid-layout #ttp-template-13 .content-wrapper:before{
content: "";
}
.ttp-grid-layout #ttp-template-13 .ttp-primary-content{
position: relative;
}
.ttp-grid-layout #ttp-template-13 .ttp-secondary-content{
z-index: 1;
position: relative;
margin: 20px 0 40px 0;
padding: 0 20px;
}
.ttp-grid-layout #ttp-template-13 .ttp-primary-content:before{
content:'';
width: 101%;
height: 130px;
position: absolute;
left: 0;
bottom: -20px;
background: #fff;
opacity: .5;
-ms-transform: skewY(6deg); /* IE 9 */
-webkit-transform: skewY(6deg); /* Safari */
transform: skewY(6deg); /* Standard syntax */
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
z-index: 0;
}
.ttp-grid-layout #ttp-template-13 .ttp-primary-content:after{
content:'';
width: 101%;
height: 160px;
position: absolute;
left: 0;
bottom: -30px;
background: #fff;
-ms-transform: skewY(6deg); /* IE 9 */
-webkit-transform: skewY(6deg); /* Safari */
transform: skewY(6deg); /* Standard syntax */
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
z-index: 0;
}
.ttp-grid-layout #ttp-template-13 #ttp-column-1 .ttp-primary-content:before{
height: 180px;
-ms-transform: skewY(3deg); /* IE 9 */
-webkit-transform: skewY(3deg); /* Safari */
transform: skewY(3deg); /* Standard syntax */
}
.ttp-grid-layout #ttp-template-13 #ttp-column-1 .ttp-primary-content:after{
height: 160px;
-ms-transform: skewY(3deg); /* IE 9 */
-webkit-transform: skewY(3deg); /* Safari */
transform: skewY(3deg); /* Standard syntax */
}
.ttp-grid-layout #ttp-template-13 .ttp-grid-thumb-wrapper .ttp-primary-content:before{
-ms-transform: skewY(10deg); /* IE 9 */
-webkit-transform: skewY(10deg); /* Safari */
transform: skewY(10deg); /* Standard syntax */
bottom: 20px;
}
.ttp-grid-layout #ttp-template-13 .ttp-grid-thumb-wrapper .ttp-primary-content:after{
-ms-transform: skewY(10deg); /* IE 9 */
-webkit-transform: skewY(10deg); /* Safari */
transform: skewY(10deg); /* Standard syntax */
bottom: -30px;
}
.ttp-grid-layout #ttp-template-13 .ttp-grid-thumb-wrapper .ttp-thumb-social-link{
bottom: 80px;
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-13 #ttp-column-1 .ttp-grid-thumb-wrapper .ttp-thumb-social-link{
bottom: 130px;
}
.ttp-grid-layout #ttp-template-13 #ttp-column-4 .ttp-grid-thumb-wrapper .ttp-thumb-social-link{
bottom: 85px;
}
.ttp-grid-layout #ttp-template-13 .ttp-thumb-social-link{
position: absolute;
left: 20px;
bottom: 0px;
z-index: 1;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
visibility: hidden;
height: 33px;
overflow: auto;
}
.ttp-grid-layout #ttp-template-13 .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-13 .ttp-expand-popup-click{
position: absolute;
left: 0px;
top: 0px;
cursor: pointer;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.3);
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-13 .ttp-expand-slide-out-click .fa,
.ttp-grid-layout #ttp-template-13 .ttp-expand-popup-click .fa{
color: #FFF;
position: absolute;
left: 50%;
top: 40%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ttp-grid-layout #ttp-template-13 .ttp-grid-thumb-wrapper:hover .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-13 .ttp-grid-thumb-wrapper:hover .ttp-expand-popup-click{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-13 .ttp-social-link-list-default{
float: left;
}
.ttp-grid-layout #ttp-template-13 .ttp-bar-skill-title{
height: 10px !important;
margin: 10px 0 20px 0;
}
.ttp-grid-layout #ttp-template-13 #ttp-column-3 .ttp-bar-skill-title,
.ttp-grid-layout #ttp-template-13 #ttp-column-4 .ttp-bar-skill-title{
height: 6px !important;
margin: 6px 0 12px 0;
}
.ttp-grid-layout #ttp-template-13 .ttp-bar-skill-title .sb_bar{
background-color: #352e36 !important;
position: relative;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-13 .ttp-bar-skill-title .sb_bar:after{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
height: 150%;
width: 1px;
background: #000;
content: "";
}
.ttp-grid-layout #ttp-template-13 .ttp-grid-thumb-wrapper .ttp-secondary-content{
overflow: visible;
}
.ttp-grid-layout #ttp-template-13 .ttp-content-skill-list-top{
font-weight: 700;
text-transform: uppercase;
}
.ttp-grid-layout #ttp-template-13 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-13 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-13 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #352e36;
/*font-family: 'Open Sans', sans-serif;*/
}
.ttp-grid-layout #ttp-template-13 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-13 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-13 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #352e36;
}
.ttp-grid-layout #ttp-template-13 .ttp-content-quote{
color: #979797;
}
.ttp-grid-layout #ttp-template-13 .ttp-thumb-description{
color: #979797;
}
/*grid template-13 style ends*/
/*grid template 14 style starts*/
.ttp-grid-layout #ttp-template-14 .ttp-thumb-social-link{
text-align: center;
height: 10%;
}
.ttp-grid-layout #ttp-template-14 .team-info-block .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-14 .ttp-team-inner-hidden .ttp-thumb-social-link{
text-align: left;
}
.ttp-grid-layout #ttp-template-14 .ttp-social-link-list-default{
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
color: #fff;
text-align: center;
margin: 5px;
}
.ttp-grid-layout #ttp-template-14 #ttp-column-3 .ttp-social-link-list-default,
.ttp-grid-layout #ttp-template-14 #ttp-column-4 .ttp-social-link-list-default{
width: 20px;
height: 20px;
line-height: 20px;
font-size: 14px;
margin: 0 4px;
}
.ttp-grid-layout #ttp-template-14 .ttp-social-link-list-default .fa{
color: #FFF;
font-size: 16px;
}
.ttp-grid-layout #ttp-template-14 .team-info-block .ttp-social-link-list-default .fa,
.ttp-grid-layout #ttp-template-14 .ttp-team-inner-hidden .ttp-social-link-list-default .fa{
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-14 .ttp-grid-image {
position: relative;
text-align: center;
}
.ttp-grid-layout #ttp-template-14 .ttp-grid-image img{
display: inline-block;
}
.ttp-grid-layout #ttp-template-14 .ttp-inner-image-whole-wrapper{
position: relative;
text-align: center;
color: #FFF;
padding: 5% 0;
position: absolute;
left: 0;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: rgba(254, 179, 18, 0.8);
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-14 .ttp-grid-thumb-wrapper:hover .ttp-inner-image-whole-wrapper{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-14 .ttp-inner-image-whole-wrapper .ttp-content-header{
display: block;
font-size: 30px;
height: 20%;
line-height: 35px;
width: 100%;
padding: 0 10%;
}
.ttp-grid-layout #ttp-template-14 .ttp-inner-image-whole-wrapper .ttp-thumb-position{
display: block;
font-size: 14px;
height: 10%;
padding: 0 10%;
}
.ttp-grid-layout #ttp-template-14 .ttp-inner-image-whole-wrapper .ttp-secondary-content {
padding: 5% 10%;
width: 100%;
}
.ttp-grid-layout #ttp-template-14 .ttp-content-inner-link-list a{
color: #FFF;
letter-spacing: 1px;
}
.ttp-grid-layout #ttp-template-14 .team-info-block .ttp-content-inner-link-list a,
.ttp-grid-layout #ttp-template-14 .ttp-team-inner-hidden.ttp-team-inner-hidden .ttp-content-inner-link-list a{
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-14 .ttp-inner-image-whole-wrapper .ttp-content-skill-list{
margin-bottom: 10px;
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-14 .ttp-inner-image-whole-wrapper .ttp-bar-skill-title{
height: 16px !important;
background: #FFF !important;
position: relative;
}
.ttp-grid-layout #ttp-template-14 #ttp-column-3 .ttp-inner-image-whole-wrapper .ttp-bar-skill-title,
.ttp-grid-layout #ttp-template-14 #ttp-column-4 .ttp-inner-image-whole-wrapper .ttp-bar-skill-title{
height: 8px !important;
}
.ttp-grid-layout #ttp-template-14 .ttp-inner-image-whole-wrapper .ttp-bar-skill-title .sb_bar{
height: 50% !important;
position: absolute;
left: 4px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #feb312 !important;
}
.ttp-grid-layout #ttp-template-14 .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-14 .ttp-expand-slide-out-click{
position: absolute;
cursor: pointer;
width: 100%;
height: 75%;
left: 0;
top: 0;
color: transparent;
}
.ttp-grid-layout #ttp-template-14 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-14 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-14 .ttp-secondary-content .ttp-thumb-emailaddress{
text-align: left;
color: #FFF;
}
.ttp-grid-layout #ttp-template-14 .team-info-block .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-14 .team-info-block .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-14 .team-info-block .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-14 .ttp-team-inner-hidden .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-14 .ttp-team-inner-hidden .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-14 .ttp-team-inner-hidden .ttp-secondary-content .ttp-thumb-emailaddress{
color: #feb312;
}
.ttp-grid-layout #ttp-template-16 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-16 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-16 .ttp-secondary-content .ttp-thumb-emailaddress{
font-family: 'Open Sans', sans-serif;
color: #FFF;
}
.ttp-grid-layout #ttp-template-14 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-14 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-14 .ttp-secondary-content .ttp-thumb-emailaddress:before{
text-align: center;
background: #FFF;
color: #feb312;
}
.ttp-grid-layout #ttp-template-14 .grid-row-wrapper .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
/*grid template 14 style ends*/
/*grid template 15, 17, 18, 20 style starts*/
.ttp-grid-layout #ttp-template-15 .ttp-grid-image,
.ttp-grid-layout #ttp-template-17 .ttp-grid-image,
.ttp-grid-layout #ttp-template-18 .ttp-grid-image,
.ttp-grid-layout #ttp-template-20 .ttp-grid-image,
.ttp-grid-layout #ttp-template-21 .ttp-grid-image,
.ttp-grid-layout #ttp-template-26 .ttp-grid-image{
position: relative;
text-align: center;
}
.ttp-grid-layout #ttp-template-15 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-17 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-18 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-20 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-21 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-26 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-15 .ttp-grid-image .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-17 .ttp-grid-image .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-18 .ttp-grid-image .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-20 .ttp-grid-image .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-21 .ttp-grid-image .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-26 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: transparent;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
/*grid template 15 style starts*/
.ttp-grid-layout #ttp-template-15 .ttp-secondary-content{
height: 0px;
background: #FFF;
margin-top: 20px;
}
.ttp-grid-layout #ttp-template-15 .ttp-content-header{
color: #4a4a4a;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-15 .ttp-inner-whole-wrapper:hover .ttp-content-header{
color: #51a1c1;
}
.ttp-grid-layout #ttp-template-15 .ttp-primary-content{
position: relative;
}
.ttp-grid-layout #ttp-template-15 .content-wrapper{
margin-bottom: 150px;
}
.ttp-grid-layout #ttp-template-15 .ttp-details-wrapper{
width: 100%;
padding: 20px 10%;
text-align: center;
height: 150px;
position: absolute;
left: 0;
bottom: -150px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-15 .ttp-inner-whole-wrapper:hover .ttp-secondary-content{
height: 150px;
overflow: auto;
}
.ttp-grid-layout #ttp-template-15 .ttp-inner-whole-wrapper:hover .ttp-details-wrapper{
height: 300px;
background: #FFF;
border-top: 1px solid #ccc;
}
.ttp-grid-layout #ttp-template-15 .ttp-thumb-social-link .fa{
color: #4c4c4c;
padding: 0 8px;
font-size: 18px;
}
.ttp-grid-layout #ttp-template-15 .ttp-thumb-social-link{
width: 100%;
padding: 10px 0 0;
}
/*grid template 15 skill starts*/
.ttp-grid-layout #ttp-template-15 .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-15 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 0 0 8px 0;
}
.ttp-grid-layout #ttp-template-15 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #4a4a4a !important;
}
.ttp-grid-layout #ttp-template-15 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-15 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-15 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-15 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.ttp-grid-layout #ttp-template-15 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-15 .ttp-thumb-address,
.ttp-grid-layout #ttp-template-15 .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-15 .ttp-thumb-emailaddress{
height: 30px;
padding-left: 40px;
margin-top: 18px;
overflow: hidden;
color: #261e4c;
}
.ttp-grid-layout #ttp-template-15 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
}
.ttp-grid-layout #ttp-template-15 .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-15 .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-15 .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #261e4c !important;
color: #e1e1e6;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
/*grid template 15 skill ends*/
.ttp-grid-layout #ttp-template-15 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
}
.ttp-grid-layout #ttp-template-15 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
}
.ttp-grid-layout #ttp-template-15 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
}
.ttp-grid-layout #ttp-template-15 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
}
.ttp-grid-layout #ttp-template-15 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
}
.ttp-grid-layout #ttp-template-15 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
}
.ttp-grid-layout #ttp-template-15 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
}
.ttp-grid-layout #ttp-template-15 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
}
.ttp-grid-layout #ttp-template-15 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
}
.ttp-grid-layout #ttp-template-15 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
}
.ttp-grid-layout #ttp-template-15 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
}
/*grid template 15 style ends*/
/*grid template 17 style starts*/
.ttp-grid-layout #ttp-template-17 .ttp-inner-whole-wrapper{
padding: 10%;
background-color: #FFF;
padding-bottom: 100px;
-webkit-box-shadow: 0px 6px 20px rgba(0,0,0,.2);
box-shadow: 0px 6px 20px rgba(0,0,0,.2);
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-17 .ttp-primary-content{
position: relative;
}
.ttp-grid-layout #ttp-template-17 .ttp-grid-image{
position: relative;
overflow: hidden;
padding-top: 20px;
}
.ttp-grid-layout #ttp-template-17 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-17 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: transparent;
cursor: pointer;
}
.ttp-grid-layout #ttp-template-17 .ttp-grid-image .ttp-expand-popup-click .fa,
.ttp-grid-layout #ttp-template-17 .ttp-grid-image .ttp-expand-slide-out-click .fa{
color: transparent;
}
.ttp-grid-layout #ttp-template-17 .ttp-content-header{
font-weight: 900;
font-size: 18px;
padding-top: 20px;
}
.ttp-grid-layout #ttp-template-17 .ttp-thumb-position{
font-size: 13px;
padding-top: 10px;
color: #8FA1A9;
}
.ttp-grid-layout #ttp-template-17 .ttp-thumb-social-link{
height: 50px;
overflow: auto;
position: absolute;
bottom: 0;
left: 0;
padding-left: 10%;
width: 100%;
background-color: #FFF;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-17 .ttp-details-wrapper{
height: 300px;
position: absolute;
left: 0;
bottom: -150px;
width: 100%;
padding: 0 10%;
background-color: #FFF;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
border-top: 2px solid #4c4c4c;
}
.ttp-grid-layout #ttp-template-17 .ttp-grid-thumb-wrapper .ttp-secondary-content{
height: 50%;
opacity: 0;
visibility: hidden;
margin-top: 20px;
}
.ttp-grid-layout #ttp-template-17 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-17 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-17 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #fff;
}
.ttp-grid-layout #ttp-template-17 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-17 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-17 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #000;
}
.ttp-grid-layout #ttp-template-17 .ttp-inner-whole-wrapper:hover .ttp-details-wrapper{
bottom: 0px;
}
.ttp-grid-layout #ttp-template-17 .ttp-inner-whole-wrapper:hover{
z-index: 1;
}
.ttp-grid-layout #ttp-template-17 .ttp-inner-whole-wrapper:hover .ttp-thumb-social-link{
bottom: 0;
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-17 .ttp-inner-whole-wrapper:hover .ttp-secondary-content{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-17 .team-info-block{
margin-bottom: 40px;
border: 1px solid #ccc;
padding: 20px;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa{
width: 30px;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 18px;
text-align: center;
margin: 0 10px 10px 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: left;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
border: 1px solid #0084b4;
background: #fff;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
border: 1px solid #3d5998;
background: #fff;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
border: 1px solid #d34836;
background: #fff;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
border: 1px solid #0077B5;
background: #fff;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
border: 1px solid #00aff0;
background: #fff;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
border: 1px solid #9b6954;
background: #fff;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
background: #fff;
border: 1px solid #ff0000;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
border: 1px solid #21759b;
background: #fff;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-digg{
border: 1px solid transparent;
background: #000;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
border: 1px solid #000;
background: #fff;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
background: #fff;
border: 1px solid rgb(255, 69, 0);
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-17 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
border: 1px solid #C92228;
background: #fff;
}
/*grid template 17 skill starts*/
.ttp-grid-layout #ttp-template-17{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-17 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 12px 0 18px 0;
}
.ttp-grid-layout #ttp-template-17 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #261e4c !important;
}
.ttp-grid-layout #ttp-template-17 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-17 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-17 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-17 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.ttp-grid-layout #ttp-template-17 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-17 .ttp-thumb-address,
.ttp-grid-layout #ttp-template-17 .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-17 .ttp-thumb-emailaddress{
padding-left: 40px;
margin-top: 5px;
overflow: hidden;
color: #261e4c;
}
.ttp-grid-layout #ttp-template-17 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
}
.ttp-grid-layout #ttp-template-17 .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-17 .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-17 .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #261e4c !important;
color: #e1e1e6;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
/*grid template 17 skill ends*/
/*grid template 17 style ends*/
/*grid template 18 style starts*/
.ttp-grid-layout #ttp-template-18 .ttp-secondary-content{
max-height: 0px;
background: #FFF;
}
.ttp-grid-layout #ttp-template-18 .ttp-content-header{
color: #0081FF;
}
.ttp-grid-layout #ttp-template-18 .ttp-primary-content{
position: relative;
}
.ttp-grid-layout #ttp-template-18 .content-wrapper{
margin-bottom: 150px;
}
.ttp-grid-layout #ttp-template-18 .ttp-details-wrapper{
width: 100%;
padding: 20px 10%;
text-align: center;
max-height: 127px;
position: absolute;
left: 0;
bottom: -127px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-18 .ttp-inner-whole-wrapper:hover .ttp-secondary-content{
max-height: 150px;
overflow: auto;
margin-top: 20px;
}
.ttp-grid-layout #ttp-template-18 .ttp-inner-whole-wrapper:hover .ttp-details-wrapper{
max-height: 300px;
background: #FFF;
-moz-box-shadow: 0px 3px 35px rgba(100,100,100, .5);
-webkit-box-shadow: 0px 3px 35px rgba(100,100,100, .5);
box-shadow: 0px 3px 35px rgba(100,100,100, .5);
}
.ttp-grid-layout #ttp-template-18 .ttp-grid-thumb-wrapper{
overflow: visible;
}
.ttp-grid-layout #ttp-template-18 .ttp-thumb-social-link .fa{
color: #A3B1B9;
padding: 0 8px;
font-size: 18px;
}
.ttp-grid-layout #ttp-template-18 .ttp-thumb-social-link .fa:hover{
color: #0081FF;
}
.ttp-grid-layout #ttp-template-18 .ttp-thumb-social-link{
width: 100%;
padding: 10px 0 0;
}
/*grid template 18 skill starts*/
.ttp-grid-layout #ttp-template-18 .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-18 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 12px 0 18px 0;
}
.ttp-grid-layout #ttp-template-18 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #0081ff !important;
}
.ttp-grid-layout #ttp-template-18 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-18 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-18 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-18 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.ttp-grid-layout #ttp-template-18 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-18 .ttp-thumb-address,
.ttp-grid-layout #ttp-template-18 .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-18 .ttp-thumb-emailaddress{
padding-left: 40px;
overflow: hidden;
color: #261e4c;
}
.ttp-grid-layout #ttp-template-18 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
}
.ttp-grid-layout #ttp-template-18 .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-18 .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-18 .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #261e4c !important;
color: #e1e1e6;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
/*grid template 18 skill ends*/
/*grid template 18 style ends*/
/*grid template 20 style starts*/
.ttp-grid-layout #ttp-template-20 .ttp-secondary-content{
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-20 .ttp-content-header{
color: #fff;
}
.ttp-grid-layout #ttp-template-20 .ttp-thumb-position{
color: #FFF;
}
.ttp-grid-layout #ttp-template-20 .ttp-primary-content{
position: relative;
}
.ttp-grid-layout #ttp-template-20 .content-wrapper{
margin-bottom: 150px;
}
.ttp-grid-layout #ttp-template-20 .ttp-details-wrapper{
width: 100%;
padding: 20px 10%;
text-align: center;
max-height: 150px;
position: absolute;
left: 0;
bottom: -150px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
background: #f7a4af;
}
.ttp-grid-layout #ttp-template-20 .ttp-inner-whole-wrapper:hover .ttp-secondary-content{
max-height: 150px;
overflow: auto;
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-20 .ttp-inner-whole-wrapper:hover .ttp-details-wrapper{
max-height: 300px;
}
.ttp-grid-layout #ttp-template-20 .ttp-thumb-social-link{
width: 100%;
padding: 10px 0 0;
position: absolute;
left: 50%;
bottom: 20px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.ttp-grid-layout #ttp-template-20 .team-info-block .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-20 .ttp-team-inner-hidden .ttp-thumb-social-link{
position: static;
left: unset;
bottom: unset;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
.ttp-grid-layout #ttp-template-20 .ttp-content-inner-link-list a{
color: #FFF;
}
.ttp-grid-layout #ttp-template-20 .ttp-inner-whole-wrapper:hover .ttp-thumb-social-link{
position: static;
left: unset;
bottom: unset;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.ttp-grid-layout #ttp-template-20 .ttp-thumb-social-link .fa{
color: #fff;
padding: 0 8px;
font-size: 18px;
}
.ttp-grid-layout #ttp-template-20 .team-info-block .ttp-thumb-social-link .fa,
.ttp-grid-layout #ttp-template-20 .ttp-team-inner-hidden .ttp-thumb-social-link .fa{
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-20 .ttp-thumb-social-link .fa:hover{
color: #c65151;
}
/*grid template 20 skill starts*/
.ttp-grid-layout #ttp-template-20 .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-20 .ttp-content-quote,
.ttp-grid-layout #ttp-template-20 .ttp-content-skill-list-wrap{
color: #FFF;
}
.ttp-grid-layout #ttp-template-20 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 12px 0 18px 0;
}
.ttp-grid-layout #ttp-template-20 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #f25d7f !important;
}
.ttp-grid-layout #ttp-template-20 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-20 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-20 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-20 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.ttp-grid-layout #ttp-template-20 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-20 .ttp-thumb-address,
.ttp-grid-layout #ttp-template-20 .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-20 .ttp-thumb-emailaddress{
padding-left: 40px;
margin-top: 8px;
overflow: hidden;
color: #fff;
text-align: left;
}
.ttp-grid-layout #ttp-template-20 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
margin-top: 20px;
}
.ttp-grid-layout #ttp-template-20 .ttp-thumb-description{
color: #FFF;
}
.ttp-grid-layout #ttp-template-20 .ttp-team-inner-hidden .ttp-content-inner-link-list a,
.ttp-grid-layout #ttp-template-20 .ttp-team-inner-hidden .ttp-thumb-description,
.ttp-grid-layout #ttp-template-20 .ttp-team-inner-hidden .ttp-content-quote,
.ttp-grid-layout #ttp-template-20 .ttp-team-inner-hidden .ttp-content-skill-list-wrap{
color: #000;
}
.ttp-grid-layout #ttp-template-20 .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-20 .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-20 .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #fff !important;
color: #f7a4af;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
/*grid template 20 skill ends*/
/*grid template 20 style ends*/
/*grid template 15, 17, 18, 20 style ends*/
/*grid template 16 style starts*/
.ttp-grid-layout #ttp-template-16 .grid-row-wrapper .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-16 .ttp-grid-thumb-wrapper{
overflow: visible;
}
.ttp-grid-layout #ttp-template-16 .content-wrapper{
-webkit-box-shadow: 0px 4px 10px rgb(230, 230, 230);
-moz-box-shadow: 0px 4px 10px rgb(230, 230, 230);
box-shadow: 0px 4px 10px rgb(230, 230, 230);
position: relative;
}
.ttp-grid-layout #ttp-template-16 .ttp-grid-thumb-wrapper .ttp-grid-image{
position: relative;
text-align: center;
}
.ttp-grid-layout #ttp-template-16 .ttp-grid-image-immer{
overflow: hidden;
}
.ttp-grid-layout #ttp-template-16 .ttp-grid-thumb-wrapper .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-16 .ttp-grid-thumb-wrapper .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
cursor: pointer;
color: transparent;
background-color: rgba(100,188,143,0.6);
height: 100%;
width: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-16 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-16 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-16 .ttp-inner-whole-wrapper .ttp-grid-image img{
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-16 .ttp-inner-whole-wrapper:hover .ttp-grid-image img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ttp-grid-layout #ttp-template-16 .ttp-grid-thumb-wrapper .ttp-grid-image .ttp-secondary-content{
position: absolute;
width: 100%;
top: 10%;
max-height: 80%;
height: auto;
padding:0 20px;
text-align: left;
color: #FFF;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-16 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-secondary-content{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-16 .ttp-content-inner-link-list a{
color: #FFF;
}
.ttp-grid-layout #ttp-template-16 .ttp-grid-thumb-wrapper .ttp-details-wrapper{
height: 100px;
padding: 40px 0 20px;
text-align: center;
}
.ttp-grid-layout #ttp-template-16 #ttp-column-2 .ttp-grid-thumb-wrapper .ttp-details-wrapper,
.ttp-grid-layout #ttp-template-16 #ttp-column-3 .ttp-grid-thumb-wrapper .ttp-details-wrapper{
height: 130px;
}
.ttp-grid-layout #ttp-template-16 .ttp-thumb-social-link{
height: 44px;
width: 44px;
background: #fff;
-webkit-border-radius: 40px;
border-radius: 40px;
position: absolute;
left: 50%;
bottom: 82px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: 0px 4px 10px rgb(230, 230, 230);
-moz-box-shadow: 0px 4px 10px rgb(230, 230, 230);
box-shadow: 0px 4px 10px rgb(230, 230, 230);
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
text-align: center;
}
@media only screen and (max-width: 500px){
.ttp-grid-layout #ttp-template-16 .ttp-grid-thumb-wrapper .ttp-details-wrapper{
height: 150px;
}
.ttp-grid-layout #ttp-template-16 .ttp-thumb-social-link{
bottom: 130px;
}
}
.ttp-grid-layout #ttp-template-16 #ttp-column-2 .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-16 #ttp-column-3 .ttp-thumb-social-link{
bottom: -22px;
}
.ttp-grid-layout #ttp-template-16 .ttp-thumb-social-link:before{
font-size: 18px;
content: '\f1e0';
color: #64bc8f;
font-family: fontAwesome;
display: block;
text-align: center;
line-height: 44px;
}
.ttp-grid-layout #ttp-template-16 .ttp-thumb-social-link .fa{
opacity: 0;
visibility: hidden;
color: #444;
font-size: 18px;
padding: 0 12px;
line-height: 44px;
}
.ttp-grid-layout #ttp-template-16 .ttp-inner-whole-wrapper .ttp-grid-image:hover .ttp-thumb-social-link{
width: auto;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-16 .ttp-inner-whole-wrapper .ttp-grid-image:hover .ttp-thumb-social-link:before{
display: none;
}
.ttp-grid-layout #ttp-template-16 .ttp-inner-whole-wrapper .ttp-grid-image:hover .ttp-thumb-social-link .fa{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-16 .ttp-inner-whole-wrapper .ttp-grid-image:hover .ttp-thumb-social-link .fa:hover{
color: #67bb90;
}
/*.ttp-grid-layout #ttp-template-16 .ttp-thumb-social-link:hover{
width: auto;
}*/
.ttp-grid-layout #ttp-template-16 .ttp-thumb-social-link:hover:before{
display: none;
}
.ttp-grid-layout #ttp-template-16 .ttp-thumb-social-link:hover .fa{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-16 .ttp-content-header{
font-family: 'Roboto Slab', serif;
display: block;
}
.ttp-grid-layout #ttp-template-16 .ttp-thumb-position{
font-family: 'Roboto', sans-serif;
display: block;
}
.ttp-grid-layout #ttp-template-19 .ttp-team-inner-hidden .ttp-thumb-position,
.ttp-grid-layout #ttp-template-20 .ttp-team-inner-hidden .ttp-thumb-position,
.ttp-grid-layout #ttp-template-21 .ttp-team-inner-hidden .ttp-thumb-position{
color: #000;
}
.ttp-grid-layout #ttp-template-19 .ttp-team-inner-hidden .ttp-content-header,
.ttp-grid-layout #ttp-template-20 .ttp-team-inner-hidden .ttp-content-header,
.ttp-grid-layout #ttp-template-21 .ttp-team-inner-hidden .ttp-content-header{
color: #000;
}
.ttp-grid-layout #ttp-template-16 .ttp-secondary-content .ttp-content-quote{
line-height: 22px;
font-size: 16px;
font-family: 'Lato', sans-serif;
font-weight: 400;
display: block;
padding-top: 60px;
position: relative;
}
.ttp-grid-layout #ttp-template-16 .ttp-secondary-content .ttp-content-quote:before{
position: absolute;
top: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
content: '\f10d';
font-family: FontAwesome;
color: #67bb90;
font-size: 30px;
}
/*grid template 16 skill starts*/
.ttp-grid-layout #ttp-template-16{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-16 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 12px 0 18px 0;
}
.ttp-grid-layout #ttp-template-16 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #67bb90 !important;
}
.ttp-grid-layout #ttp-template-16 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-16 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-16 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-16 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #fff;
}
.ttp-grid-layout #ttp-template-16 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-16 .ttp-thumb-address,
.ttp-grid-layout #ttp-template-16 .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-16 .ttp-thumb-emailaddress{
height: 30px;
padding-left: 40px;
margin-top: 18px;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-16 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
}
.ttp-grid-layout #ttp-template-16 .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-16 .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-16 .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #67bb90;
color: #fff;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ttp-grid-layout #ttp-template-16 .ttp-content-skill-list:last-child .ttp-bar-skill-title{
margin-bottom: 0;
}
.ttp-grid-layout #ttp-template-16 .team-infos-block .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-16 .team-infos-block .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-16 .team-infos-block .ttp-secondary-content .ttp-thumb-emailaddress{
color: #67bb90 !important;
}
/*grid template 16 skill ends*/
/*grid template 16 style ends*/
/*grid template 21 style starts*/
.ttp-grid-layout #ttp-template-21 .ttp-secondary-content{
opacity: 0;
visibility: hidden;
}
.ttp-grid-layout #ttp-template-21 .ttp-content-header{
color: #fff;
}
.ttp-grid-layout #ttp-template-21 .ttp-thumb-position{
color: #FFF;
}
.ttp-grid-layout #ttp-template-21 .ttp-primary-content{
position: relative;
}
.ttp-grid-layout #ttp-template-21 .ttp-grid-thumb-wrapper{
overflow: visible;
}
.ttp-grid-layout #ttp-template-21 .ttp-details-wrapper{
width: 100%;
padding: 20px 10%;
text-align: center;
height: 100px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
background: #59b031;
}
.ttp-grid-layout #ttp-template-21 .ttp-inner-whole-wrapper .ttp-secondary-content{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
text-align: left;
padding: 0 5%;
}
.ttp-grid-layout #ttp-template-21 .ttp-inner-whole-wrapper:hover .ttp-secondary-content{
max-height: 150px;
overflow: auto;
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-21 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-21 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click{
background: rgba(0,0,0,.3);
}
.ttp-grid-layout #ttp-template-21 .ttp-thumb-social-link .fa{
color: #fff;
text-align: center;
margin: 0 4px;
background: #59b031;
height: 30px;
line-height: 30px;
width: 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ttp-grid-layout #ttp-template-21 .ttp-thumb-social-link .fa:hover{
color: #59b031;
background: #fff;
}
.ttp-grid-layout #ttp-template-21 .ttp-thumb-social-link{
width: fill-content;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 20px;
height: 30px;
overflow: auto;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-21 .team-info-block{
margin-bottom: 40px;
border: 1px solid #59b031;
padding: 20px;
}
.ttp-grid-layout #ttp-template-21 .ttp-inner-whole-wrapper:hover .ttp-thumb-social-link{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-21 .ttp-content-inner-link-list a{
color: #FFF;
}
/*grid template 21 skill starts*/
.ttp-grid-layout #ttp-template-21 .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-21 .ttp-content-quote,
.ttp-grid-layout #ttp-template-21 .ttp-content-skill-list-wrap{
color: #FFF;
}
.ttp-grid-layout #ttp-template-21 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin-bottom: 10px;
}
.ttp-grid-layout #ttp-template-21 .ttp-content-skill-list-wrap .ttp-content-skill-list:last-child .ttp-bar-skill-title{
margin-bottom: 0;
}
.ttp-grid-layout #ttp-template-21 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #59b031 !important;
}
.ttp-grid-layout #ttp-template-21 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-21 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-21 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-21 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.ttp-grid-layout #ttp-template-21 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-21 .team-info-block .ttp-thumb-address,
.ttp-grid-layout #ttp-template-21 .team-info-block .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-21 .team-info-block .ttp-thumb-emailaddress{
padding-left: 40px;
margin-top: 18px;
overflow: hidden;
color: #59b031;
}
.ttp-grid-layout #ttp-template-21 .ttp-thumb-address,
.ttp-grid-layout #ttp-template-21 .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-21 .ttp-thumb-emailaddress{
padding-left: 40px;
overflow: hidden;
color: #fff;
}
.ttp-grid-layout #ttp-template-21 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
}
.ttp-grid-layout #ttp-template-21 .ttp-thumb-description{
color: #FFF;
}
.ttp-grid-layout #ttp-template-21 .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-21 .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-21 .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #59b031 !important;
color: #fff;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
/*grid template 21 skill ends*/
/*grid template 21 style ends*/
/*grid template 22 starts here*/
.ttp-grid-layout #ttp-template-22 .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-22 .ttp-social-link-list-default .fa{
color: #777;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-size: 14px;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
border: 1px solid #ccc;
margin: 0 4px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ttp-grid-layout #ttp-template-22 .ttp-social-link-list-default .fa:hover{
color: #000;
border: 1px solid #000;
}
.ttp-grid-layout #ttp-template-22 .ttp-thumb-social-link{
margin-top: 20px;
height: 30px;
overflow: auto;
}
.ttp-grid-layout #ttp-template-22 .ttp-grid-thumb-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-22 .ttp-primary-content{
border: 1px solid #e1e2e4;
padding: 10%;
min-height: 380px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #FFF;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
z-index: 1;
}
.ttp-grid-layout #ttp-template-22 .ttp-content-header{
font-weight: 700;
display: block;
font-family: 'Playfair Display', serif;
}
.ttp-grid-layout #ttp-template-22 .ttp-thumb-position{
font-weight: 400;
color: #bba466;
display: block;
font-family: 'Playfair Display', serif;
margin-top: 10px;
}
.ttp-grid-layout #ttp-template-22 .ttp-secondary-content-outer-wrap{
background: #f4f3f1;
text-align: left;
padding: 40px;
min-height: 380px;
}
.ttp-grid-layout #ttp-template-22 .ttp-grid-image{
position: relative;
}
.ttp-grid-layout #ttp-template-22 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-22 .ttp-grid-image .ttp-expand-slide-out-click{
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
color: transparent;
}
.ttp-grid-layout #ttp-template-22 .ttp-secondary-content-outer-wrap .ttp-content-header{
padding-top: 10px;
}
.ttp-grid-layout #ttp-template-22 .ttp-grid-thumb-wrapper .ttp-grid-image{
overflow: visible;
}
.ttp-grid-layout #ttp-template-22 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
max-height: 159px;
margin: 20px 0;
}
.ttp-grid-layout #ttp-template-22 #ttp-column-2 .ttp-primary-content,
.ttp-grid-layout #ttp-template-22 #ttp-column-2 .ttp-secondary-content-outer-wrap{
min-height: 580px;
}
.ttp-grid-layout #ttp-template-22 #ttp-column-1 .ttp-primary-content,
.ttp-grid-layout #ttp-template-22 #ttp-column-1 .ttp-secondary-content-outer-wrap{
min-height: 680px;
}
.ttp-grid-layout #ttp-template-22 #ttp-column-1 .ttp-primary-content .ttp-content-header{
padding: 5%;
}
.ttp-grid-layout #ttp-template-22 #ttp-column-1 .ttp-primary-content{
padding: 5%;
}
.ttp-grid-layout #ttp-template-22 .ttp-grid-thumb-wrapper:hover .ttp-primary-content{
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
border-left-color: transparent;
z-index: 9;
}
.ttp-grid-layout #ttp-template-22 .ttp-inner-whole-wrapper:first-child .ttp-grid-thumb-wrapper:hover .ttp-primary-content{
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
border-right-color: transparent;
}
.ttp-grid-layout #ttp-template-22 .ttp-grid-thumb-wrapper:hover .ttp-primary-content >.ttp-content-header,
.ttp-grid-layout #ttp-template-22 .ttp-grid-thumb-wrapper:hover .ttp-primary-content >.ttp-thumb-position,
.ttp-grid-layout #ttp-template-22 .ttp-grid-thumb-wrapper:hover .ttp-primary-content >.ttp-thumb-social-link{
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg);
}
.ttp-grid-layout #ttp-template-22 .ttp-grid-thumb-wrapper{
overflow: visible;
}
.ttp-grid-layout #ttp-template-22 .ttp-bar-skill-title{
height: 10px !important;
background: #fff !important;
}
.ttp-grid-layout #ttp-template-22 .ttp-bar-skill-title .sb_bar{
background-color: #777 !important;
}
.ttp-grid-layout #ttp-template-22 .ttp-content-skill-list-top{
font-weight: bold;
text-transform: uppercase;
color: #777;
}
.ttp-grid-layout #ttp-template-22 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-22 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-22 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #4c4c4c;
text-align: center;
}
.ttp-grid-layout #ttp-template-22 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-22 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-22 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #777;
}
.ttp-grid-layout #ttp-template-22 .ttp-content-inner-link-list a,
.ttp-grid-layout #ttp-template-22 .ttp-content-quote,
.ttp-grid-layout #ttp-template-22 .ttp-thumb-description{
color: #777;
}
@media only screen and (max-width: 785px){
.ttp-grid-layout #ttp-template-22 #ttp-column-1 .ttp-primary-content,
.ttp-grid-layout #ttp-template-22 #ttp-column-1 .ttp-secondary-content-outer-wrap,
.ttp-grid-layout #ttp-template-22 #ttp-column-2 .ttp-primary-content,
.ttp-grid-layout #ttp-template-22 #ttp-column-2 .ttp-secondary-content-outer-wrap{
min-height: 380px;
}
}
/*grid template 22 ends here*/
/*grid template 23 style starts*/
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper{
position: relative;
margin-bottom: 50px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper:hover{
-webkit-box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.25);
box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.25);
}
.ttp-grid-layout #ttp-template-23 .ttp-grid-thumb-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper .ttp-primary-content{
position: absolute;
top: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
.ttp-grid-layout #ttp-template-23 .ttp-grid-image{
overflow: hidden;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 25%;
z-index: 1;
border: 5px solid #fff;
}
.ttp-grid-layout #ttp-template-23 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-23 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
margin: 0 25%;
cursor: pointer;
-webkit-border-radius: 50%;
border-radius: 50%;
color: transparent;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-23 .ttp-item-details{
text-align: center;
background-color: #e1e1e6;
width: 100%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
min-height: 450px;
margin-top: 25%;
}
.ttp-grid-layout #ttp-template-23 #ttp-column-3 .grid-row-wrapper .ttp-inner-whole-wrapper,
.ttp-grid-layout #ttp-template-23 #ttp-column-3 .grid-row-wrapper .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-23 #ttp-column-3 .ttp-item-details{
min-height: 350px;
}
.ttp-grid-layout #ttp-template-23 #ttp-column-4 .ttp-item-details{
min-height: 300px;
}
.ttp-grid-layout #ttp-template-23 .ttp-grid-thumb-wrapper .ttp-secondary-content{
min-height: 150px;
padding:0 5%;
margin: 5% 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
width: 100%;
}
.ttp-grid-layout #ttp-template-23 #ttp-column-3 .ttp-grid-thumb-wrapper .ttp-secondary-content{
min-height: 120px;
}
.ttp-grid-layout #ttp-template-23 #ttp-column-4 .ttp-grid-thumb-wrapper .ttp-secondary-content{
min-height: 100px;
}
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper:hover .ttp-item-details{
background-color: #f0a700;
-webkit-box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.25);
box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.25);
}
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper:hover .ttp-item-details{
color: #FFF;
}
.ttp-grid-layout #ttp-template-23 .ttp-content-header{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 18px;
padding-top: 30%;
}
.ttp-grid-layout #ttp-template-23 .ttp-thumb-social-link{
height: 40px;
overflow: auto;
margin-top: 30px;
}
.ttp-grid-layout #ttp-template-23 #ttp-column-3 .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-23 #ttp-column-4 .ttp-thumb-social-link{
margin-top: 10px;
}
.ttp-grid-layout #ttp-template-23 .ttp-thumb-social-link .fa{
color: #000;
margin: 0 15px;
font-size: 18px;
}
/*grid template 23 skill starts*/
.ttp-grid-layout #ttp-template-23{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-23 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 12px 0 18px 0;
}
.ttp-grid-layout #ttp-template-23 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #261e4c !important;
}
.ttp-grid-layout .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
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);
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);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
animation: progress-bar 2s linear infinite;
}
.ttp-grid-layout #ttp-template-23 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-23 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-23 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-23 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.ttp-grid-layout #ttp-template-23 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-23 .ttp-thumb-address,
.ttp-grid-layout #ttp-template-23 .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-23 .ttp-thumb-emailaddress{
padding-left: 40px;
overflow: hidden;
color: #261e4c;
}
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper:hover .ttp-thumb-address,
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper:hover .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper:hover .ttp-thumb-emailaddress{
color: #fff;
}
.ttp-grid-layout #ttp-template-23 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
}
.ttp-grid-layout #ttp-template-23 .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-23 .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-23 .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #261e4c !important;
color: #e1e1e6;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper:hover .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper:hover .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper:hover .ttp-thumb-emailaddress:before{
color: #f0a700 !important;
background: #FFF !important;
}
.ttp-grid-layout #ttp-template-23 .ttp-inner-whole-wrapper:hover .ttp-thumb-social-link .fa{
color: #FFF;
}
/*grid template 23 skill ends*/
@media only screen and (max-width: 820px){
.ttp-grid-layout #ttp-template-23 .ttp-grid-image{
border: 5px solid #fff;
}
.ttp-grid-layout #ttp-template-23 .ttp-content-header{
padding-top: 30%;
}
}
/*grid template 23 style ends*/
/*grid template 25 style starts*/
.ttp-grid-layout #ttp-template-25 .ttp-inner-whole-wrapper{
position: relative;
margin-bottom: 50px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-25 .ttp-grid-thumb-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-25 .ttp-grid-background{
height: 180px;
overflow: hidden;
width: 100%;
position: relative;
}
.ttp-grid-layout #ttp-template-25 #ttp-column-3 .ttp-grid-background{
height: 150px;
}
.ttp-grid-layout #ttp-template-25 #ttp-column-4 .ttp-grid-background{
height: 120px;
}
.ttp-grid-layout #ttp-template-25 .ttp-grid-background .ttp-grid-image-overlay{
background: rgba(255,0,0,.2);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.ttp-grid-layout #ttp-template-25 .ttp-inner-whole-wrapper .ttp-primary-content{
position: absolute;
top: 0px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
.ttp-grid-layout #ttp-template-25 .ttp-grid-image{
overflow: hidden;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 25%;
z-index: 1;
border: 8px solid #fff;
background-color: #FFF;
}
.ttp-grid-layout #ttp-template-25 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-25 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 50%;
margin: 0 25%;
height: 100%;
cursor: pointer;
-webkit-border-radius: 50%;
border-radius: 50%;
color: transparent;
}
.ttp-grid-layout #ttp-template-25 .ttp-item-details{
text-align: center;
background-color: #e1e1e6;
width: 100%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
min-height: 470px;
position: relative;
}
.ttp-grid-layout #ttp-template-25 #ttp-column-3 .grid-row-wrapper .ttp-inner-whole-wrapper,
.ttp-grid-layout #ttp-template-25 #ttp-column-3 .grid-row-wrapper .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-25 #ttp-column-3 .ttp-item-details{
min-height: 370px;
}
.ttp-grid-layout #ttp-template-25 #ttp-column-4 .ttp-item-details{
min-height: 300px;
}
.ttp-grid-layout #ttp-template-25 .ttp-grid-thumb-wrapper .ttp-secondary-content{
min-height: 150px;
padding:0 5%;
margin: 4% 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
text-align: center;
}
.ttp-grid-layout #ttp-template-25 #ttp-column-3 .ttp-grid-thumb-wrapper .ttp-secondary-content{
min-height: 140px;
}
.ttp-grid-layout #ttp-template-25 #ttp-column-4 .ttp-grid-thumb-wrapper .ttp-secondary-content{
min-height: 100px;
}
.ttp-grid-layout #ttp-template-25 .ttp-content-header{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 18px;
}
.ttp-grid-layout #ttp-template-25 .ttp-thumb-position{
display: block;
padding-top: 28%;
}
.ttp-grid-layout #ttp-template-25 .ttp-team-inner-hidden .ttp-thumb-position{
padding-top: 0;
font-weight: 400;
}
.ttp-grid-layout #ttp-template-23 .ttp-team-inner-hidden .ttp-content-header{
padding-top: 0;
font-size: 22px;
}
.ttp-grid-layout #ttp-template-25 .ttp-thumb-social-link{
padding-bottom: 30px;
}
.ttp-grid-layout #ttp-template-25 #ttp-column-3 .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-25 #ttp-column-4 .ttp-thumb-social-link{
margin-top: 10px;
}
.ttp-grid-layout #ttp-template-25 .ttp-thumb-social-link .fa{
color: #000;
margin: 0 10px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
.ttp-grid-layout #ttp-template-25 .ttp-thumb-social-link .fa:hover{
color: #727171;
}
/*grid template 25 skill starts*/
.ttp-grid-layout #ttp-template-25{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-25 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 12px 0 18px 0;
}
.ttp-grid-layout #ttp-template-25 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #4c4c4c !important;
}
.ttp-grid-layout .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
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);
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);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
animation: progress-bar 2s linear infinite;
}
.ttp-grid-layout #ttp-template-25 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-25 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-25 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-25 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.ttp-grid-layout #ttp-template-25 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-25 .ttp-thumb-address,
.ttp-grid-layout #ttp-template-25 .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-25 .ttp-thumb-emailaddress{
padding-left: 40px;
overflow: hidden;
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-25 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
}
.ttp-grid-layout #ttp-template-25 .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-25 .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-25 .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #4c4c4c;
color: #e1e1e6;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
}
/*grid template 25 skill ends*/
@media only screen and (max-width: 1010px){
.ttp-grid-layout #ttp-template-25 .ttp-grid-background{
height: 120px;
}
.ttp-grid-layout #ttp-template-25 #ttp-column-3 .ttp-grid-background{
height: 100px;
}
.ttp-grid-layout #ttp-template-25 #ttp-column-4 .ttp-grid-background{
height: 100px;
}
}
@media only screen and (max-width: 900px){
.ttp-grid-layout #ttp-template-25 #ttp-column-3 .ttp-grid-background{
height: 60px;
}
}
@media only screen and (max-width: 830px){
.ttp-grid-layout #ttp-template-25 .ttp-grid-background{
height: 100px;
}
}
@media only screen and (max-width: 820px){
.ttp-grid-layout #ttp-template-25 .ttp-grid-image{
border: 5px solid #fff;
}
}
@media only screen and (max-width: 780px){
.ttp-grid-layout #ttp-template-25 .ttp-grid-background{
height: 150px;
}
}
@media only screen and (max-width: 720px){
.ttp-grid-layout #ttp-template-25 .ttp-item-details{
min-height: 350px;
}
.no-sidebar-wide #primary, .woocommerce-page #primary{
padding: 0 !important;
}
}
@media only screen and (max-width: 500px){
.ttp-grid-layout #ttp-template-25 .ttp-item-details{
height: unset;
}
.ttp-grid-layout #ttp-template-25 .ttp-thumb-position{
padding-top: 35%;
}
}
/*grid template 25 style ends*/
/*grid template 26 style starts*/
.ttp-grid-layout #ttp-template-26 .ttp-secondary-content{
max-height: 250px;
}
.ttp-grid-layout #ttp-template-26 .ttp-content-header{
color: #666186;
}
.ttp-grid-layout #ttp-template-26 .ttp-thumb-position{
color: #196cd8;
display: block;
padding-bottom: 20px;
}
.ttp-grid-layout #ttp-template-26 .ttp-primary-content{
position: relative;
}
.ttp-grid-layout #ttp-template-26 .ttp-primary-content .ttp-grid-image{
max-height: 330px;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-26 .ttp-details-wrapper{
width: 100%;
padding: 20px 0;
text-align: center;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
border: 1px solid #ccc;
}
.ttp-grid-layout #ttp-template-26 .ttp-thumb-social-link .fa,
.ttp-grid-layout #ttp-template-26 .team-info-block .ttp-social-link-list-default .fa,
.ttp-grid-layout #ttp-template-26 .ttp-team-inner-hidden .ttp-social-link-list-default .fa{
color: #4c4c4c;
padding: 0 8px;
}
.ttp-grid-layout #ttp-template-26 .ttp-thumb-social-link{
width: 100%;
padding: 10px 10% 0;
}
.ttp-grid-layout #ttp-template-26 .ttp-grid-image .ttp-expand-popup-click:hover,
.ttp-grid-layout #ttp-template-26 .ttp-grid-image .ttp-expand-slide-out-click:hover{
background-color: rgba(0,0,0,.3);
}
.ttp-grid-layout #ttp-template-26 .ttp-grid-image .ttp-expand-popup-click:hover .fa,
.ttp-grid-layout #ttp-template-26 .ttp-grid-image .ttp-expand-slide-out-click:hover .fa{
color: #FFF;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 24px;
}
/*grid template 26 skill starts*/
.ttp-grid-layout #ttp-template-26 .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-26 .ttp-content-quote,
.ttp-grid-layout #ttp-template-26 .ttp-content-skill-list-wrap{
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-26 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 12px 0 18px 0;
}
.ttp-grid-layout #ttp-template-26 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #4c4c4c !important;
}
.ttp-grid-layout #ttp-template-26 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-26 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-26 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-26 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.ttp-grid-layout #ttp-template-26 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-26 .ttp-thumb-address,
.ttp-grid-layout #ttp-template-26 .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-26 .ttp-thumb-emailaddress{
padding-left: 40px;
overflow: hidden;
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-26 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 10%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.ttp-grid-layout #ttp-template-26 .ttp-thumb-description{
color: #4c4c4c;
}
.ttp-grid-layout #ttp-template-26 .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-26 .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-26 .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #4c4c4c !important;
color: #fff;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
/*grid template 26 skill ends*/
/*grid template 26 style ends*/
/*grid template 27 style starts*/
.ttp-grid-layout #ttp-template-27 .ttp-primary-content{
position: relative;
height: 340px;
}
.ttp-grid-layout #ttp-template-27 .ttp-grid-thumb-wrapper{
height: 360px;
}
.ttp-grid-layout #ttp-template-27 .ttp-inner-whole-wrapper{
background-color: #FFF;
padding-bottom: 100px;
text-align: center;
-webkit-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-27 .ttp-grid-image{
position: relative;
overflow: hidden;
/*border: 1px solid #ebebeb;*/
height: 339px;
}
.ttp-grid-layout #ttp-template-27 .ttp-grid-thumb-wrapper .ttp-secondary-content{
position: absolute;
left: 50%;
top: 20%;
-webkit-transform: translate(-50%, -10%);
-moz-transform: translate(-50%, -10%);
-ms-transform: translate(-50%, -10%);
-o-transform: translate(-50%, -10%);
transform: translate(-50%, -10%);
height: 50%;
opacity: 0;
visibility: hidden;
color: #FFF;
}
.ttp-grid-layout #ttp-template-27 .ttp-content-inner-link-list a{
color: #FFF;
}
.ttp-grid-layout #ttp-template-27 #ttp-column-3 .ttp-content-inner-link-list a,
.ttp-grid-layout #ttp-template-27 #ttp-column-3 .ttp-content-inner-link-list a,
.ttp-grid-layout #ttp-template-27 #ttp-column-4 .ttp-content-inner-link-list a,
.ttp-grid-layout #ttp-template-27 #ttp-column-4 .ttp-content-inner-link-list a{
font-size: 14px;
}
.ttp-grid-layout #ttp-template-27 .ttp-inner-whole-wrapper:hover .ttp-grid-thumb-wrapper .ttp-secondary-content{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-27 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-27 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-27 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #FFF;
text-align: left;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-16 #team-infos-block .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-16 #team-infos-block .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-16 #team-infos-block .ttp-secondary-content .ttp-thumb-emailaddress{
color: #67bb90 !important;
}
.ttp-grid-layout #ttp-template-27 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-27 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-27 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #FFF;
}
.ttp-grid-layout #ttp-template-27 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-27 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: transparent;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-27 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-27 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click{
background-color: rgba(38, 30, 76, .8);
}
.ttp-grid-layout #ttp-template-27 .ttp-content-header{
font-weight: 700;
font-size: 18px;
padding-top: 20px;
color: #fff;
}
.ttp-grid-layout #ttp-template-27 .team-info-block .ttp-content-header,
.ttp-grid-layout #ttp-template-27 .ttp-team-inner-hidden .ttp-content-header{
color: #4c4c4c;
padding-top: 0;
}
.ttp-grid-layout #ttp-template-27 .ttp-thumb-position{
font-size: 13px;
padding-top: 10px;
color: #eeb313;
}
.ttp-grid-layout #ttp-template-27 .ttp-thumb-social-link{
height: 40px;
overflow: auto;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #FFF;
visibility: hidden;
opacity: 0;
background-color: #261e4c;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-27 .ttp-details-wrapper{
height: 100px;
position: absolute;
left: 0;
bottom: 1px;
width: 100%;
background-color: #FFF;
background-color: #261e4c;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-27 .ttp-inner-whole-wrapper:hover .ttp-details-wrapper{
bottom: 37px;
background-color: #eeb313;
}
.ttp-grid-layout #ttp-template-27 .ttp-inner-whole-wrapper:hover .ttp-thumb-social-link{
bottom: 0px;
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-27 .ttp-inner-whole-wrapper:hover .ttp-content-header{
color: #221b3f;
}
.ttp-grid-layout #ttp-template-27 .ttp-inner-whole-wrapper:hover .ttp-thumb-position{
color: #fff;
}
.ttp-grid-layout #ttp-template-27 .ttp-thumb-social-link .fa {
color: #fff;
padding:0 14px;
height: 40px;
line-height: 40px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-27 .ttp-thumb-social-link .fa:hover {
color: #eeb313;
}
/*grid template 27 skill starts*/
.ttp-grid-layout #ttp-template-27{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-27 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 12px 0 18px 0;
}
.ttp-grid-layout #ttp-template-27 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #261e4c !important;
}
.ttp-grid-layout #ttp-template-27 .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
}
.ttp-grid-layout #ttp-template-27 .ttp-content-skill-list-top .ttp-skill-label,
.ttp-grid-layout #ttp-template-27 .ttp-content-skill-list-top .ttp-skill-value,
.ttp-grid-layout #ttp-template-27 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #fff;
}
.ttp-grid-layout #ttp-template-27 .ttp-secondary-content .ttp-thumb-description{
line-height: 22px;
}
.ttp-grid-layout #ttp-template-27 .ttp-thumb-address,
.ttp-grid-layout #ttp-template-27 .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-27 .ttp-thumb-emailaddress{
padding-left: 40px;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-27 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
overflow: auto;
padding: 0 10px;
}
.ttp-grid-layout #ttp-template-27 .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-27 .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-27 .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #eeb313;
color: #fff;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
}
/*grid template 27 skill ends*/
/*grid template 27 style ends*/
/*grid template 29 style starts*/
.ttp-grid-layout #ttp-template-29 .ttp-primary-content{
position: relative;
margin-bottom: 10px;
}
.ttp-grid-layout #ttp-template-29 .ttp-primary-content .ttp-grid-image{
background: #000;
}
.ttp-grid-layout #ttp-template-29 .ttp-primary-content .ttp-details-wrapper{
width: 100%;
position: absolute;
left: 0;
bottom: 0;
padding: 20px 0;
background: #FFF;
height: 100px;
text-align: center;
}
.ttp-grid-layout #ttp-template-29 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-29 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-29 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #FFF;
}
.ttp-grid-layout #ttp-template-29 .team-info-block .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-29 .team-info-block .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-29 .team-info-block .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-29 .ttp-team-inner-hidden .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-29 .ttp-team-inner-hidden .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-29 .ttp-team-inner-hidden .ttp-secondary-content .ttp-thumb-emailaddress{
color: #4c4c4c;
}
@media only screen and (max-width: 950px) and (min-width: 780px){
.ttp-grid-layout #ttp-template-29 .ttp-primary-content .ttp-details-wrapper{
padding: 10px 0;
}
}
@media only screen and (max-width: 900px) and (min-width: 780px){
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-column-4 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-column-4 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-column-4 .ttp-secondary-content .ttp-thumb-emailaddress{
padding-left: 25px;
}
.ttp-grid-layout #ttp-template-29 .ttp-grid-thumb-wrapper .ttp-secondary-content{
padding: 0 5%;
top: 60px;
}
.ttp-grid-layout #ttp-template-29 .ttp-thumb-social-link{
bottom: 3%;
}
}
.ttp-grid-layout #ttp-template-29 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-details-wrapper{
top: 0px;
bottom: unset;
background: transparent;
}
.ttp-grid-layout #ttp-template-29 .ttp-primary-content .ttp-content-header{
color: #4c4c4c;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 600;
display: block;
}
.ttp-grid-layout #ttp-template-29 .ttp-primary-content .ttp-thumb-position{
width: 100%;
color: #edb415;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
display: block;
}
.ttp-grid-layout #ttp-template-29 .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-29 .ttp-expand-popup-click{
position: absolute;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
bottom: 100px;
right: 0;
background: #feb801;
color: #fff;
}
.ttp-grid-layout #ttp-template-29 .ttp-thumb-social-link{
position: absolute;
visibility: hidden;
opacity: 0;
bottom: 10%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: -webkit-fit-content;
height: 32px;
overflow: auto;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-29 .team-info-block .ttp-thumb-social-link,
.ttp-grid-layout #ttp-template-29 .ttp-team-inner-hidden .ttp-thumb-social-link{
position: relative;
left: unset;
bottom: unset;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default{
float: left;
height: 30px;
overflow: hidden;
}
.ttp-grid-layout #ttp-template-29 .ttp-thumb-social-link .ttp-social-link-list-default .fa{
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 15px;
overflow: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
color: #FFF;
}
.ttp-grid-layout #ttp-template-29 .ttp-grid-thumb-wrapper:hover .ttp-primary-content .ttp-content-header{
color: #FFF;
}
.ttp-grid-layout #ttp-template-29 .ttp-grid-thumb-wrapper{
position: relative;
}
.ttp-grid-layout #ttp-template-29 .ttp-grid-thumb-wrapper .ttp-secondary-content{
opacity: 0;
visibility: hidden;
color: #fff;
position: absolute;
top: 100%;
left: 0%;
width: 100%;
max-height: 150px;
padding: 0 10%;
overflow: auto;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-grid-layout #ttp-template-29 .ttp-grid-thumb-wrapper:hover .ttp-secondary-content{
opacity: 1;
visibility: visibility;
top: 50%;
left: 0%;
-webkit-transform: translate(-0%,-50%);
-moz-transform: translate(-0%,-50%);
-ms-transform: translate(-0%,-50%);
-o-transform: translate(-0%,-50%);
transform: translate(-0%,-50%);
}
.ttp-grid-layout #ttp-template-29 #ttp-column-4 .ttp-grid-thumb-wrapper .ttp-secondary-content{
height: 100px;
}
.ttp-grid-layout #ttp-template-29 #ttp-column-2 .ttp-grid-thumb-wrapper .ttp-secondary-content{
bottom: 40px;
}
.ttp-grid-layout #ttp-template-29 .ttp-grid-thumb-wrapper:hover .ttp-secondary-content,
.ttp-grid-layout #ttp-template-29 .ttp-grid-thumb-wrapper:hover .ttp-thumb-social-link{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-29 .ttp-grid-thumb-wrapper:hover .ttp-expand-slide-out-click,
.ttp-grid-layout #ttp-template-29 .ttp-grid-thumb-wrapper:hover .ttp-expand-popup-click{
background: rgba(0, 0, 0, 1);
width: 100%;
height: 100%;
color: transparent;
top: 0;
left: 0;
color: transparent;
cursor: pointer;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
border: 1px solid #0084b4;
background: #fff;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
border: 1px solid #3d5998;
background: #fff;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
border: 1px solid #d34836;
background: #fff;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
border: 1px solid #0077B5;
background: #fff;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
border: 1px solid #00aff0;
background: #fff;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
border: 1px solid #9b6954;
background: #fff;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
background: #fff;
border: 1px solid #ff0000;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
border: 1px solid #21759b;
background: #fff;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-digg{
border: 1px solid transparent;
background: #000;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
border: 1px solid #000;
background: #fff;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
background: #fff;
border: 1px solid rgb(255, 69, 0);
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
border: 1px solid transparent;
}
.ttp-grid-layout #ttp-template-29 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
border: 1px solid #C92228;
background: #fff;
}
/*template 29 skill style starts*/
.ttp-grid-layout #ttp-template-29 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 14px !important;
width: 100%;
margin: 8px 0 10px 0;
}
.ttp-grid-layout #ttp-template-29 .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #f7951e !important;
height: 10px !important;
line-height: 10px !important;
top: 50%;
left: 1%;
transform: translate(-1%, -50%);
}
.ttp-grid-layout #ttp-template-29 .ttp-secondary-content .ttp-content-quote{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}
.ttp-grid-layout #ttp-template-29 .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
/*template 29 skill style ends*/
@media only screen and (max-width: 935px){
.ttp-grid-layout #ttp-template-29 #ttp-column-3 .ttp-grid-thumb-wrapper .ttp-secondary-content{
height: 100px;
}
}
@media only screen and (max-width: 680px){
.ttp-grid-layout #ttp-template-29 #ttp-column-2 .ttp-grid-thumb-wrapper .ttp-secondary-content{
height: 100px;
}
}
/*grid template 29 style ends*/
/*grid template 30 starts here*/
.ttp-grid-layout #ttp-template-30 .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout #ttp-template-30 .ttp-social-link-list-default .fa{
color: #1e2532;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-size: 18px;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
}
.ttp-grid-layout #ttp-template-30 .ttp-social-link-list-default .fa:hover{
color: #d84c5d;
}
.ttp-grid-layout #ttp-template-30 .ttp-thumb-social-link{
margin-top: 20px;
height: 30px;
overflow: auto;
}
.ttp-grid-layout #ttp-template-30 .ttp-grid-thumb-wrapper{
position: relative;
box-shadow: 0 0 20px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.6);
-o-box-shadow: 0 0 20px rgba(0,0,0,0.6);
-webkit-border-radius: 10px;
border-radius: 10px;
}
.ttp-grid-layout #ttp-template-30 .ttp-primary-content{
/*min-height: 380px;*/
background: #FFF;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
z-index: 1;
float: left;
width: 50%;
}
.ttp-grid-layout #ttp-template-30 #ttp-column-1 .ttp-primary-content{
float: left;
width: 50%;
min-height: 380px;
}
@media only screen and (max-width: 780px){
.ttp-grid-layout #ttp-template-30 #ttp-column-1 .ttp-primary-content,
.ttp-grid-layout #ttp-template-30 #ttp-column-2 .ttp-primary-content{
float: none;
width: unset;
}
}
.ttp-grid-layout #ttp-template-30 .ttp-content-header{
font-weight: 700;
display: block;
font-family: 'Roboto Condensed', sans-serif;
color: #283347;
}
.ttp-grid-layout #ttp-template-30 .ttp-thumb-position{
font-weight: 400;
color: #d84c5d;
display: block;
font-family: 'Roboto Condensed', sans-serif;
margin-top: 10px;
}
.ttp-grid-layout #ttp-template-30 .ttp-secondary-content-outer-wrap{
background: #fff;
text-align: left;
padding: 20px;
border-left: 1px solid #ccc;
float: left;
width: 50%;
}
.ttp-grid-layout #ttp-template-30 #ttp-column-1 .ttp-secondary-content-outer-wrap{
width: 50%;
float: left;
min-height: 380px;
}
.ttp-grid-layout #ttp-template-30 #ttp-column-3 .ttp-secondary-content-outer-wrap,
.ttp-grid-layout #ttp-template-30 #ttp-column-4 .ttp-secondary-content-outer-wrap{
border-left: none;
}
.ttp-grid-layout #ttp-template-30 #ttp-column-3 .ttp-primary-content,
.ttp-grid-layout #ttp-template-30 #ttp-column-4 .ttp-primary-content{
border: none;
}
@media only screen and (max-width: 780px){
.ttp-grid-layout #ttp-template-30 #ttp-column-1 .ttp-secondary-content-outer-wrap,
.ttp-grid-layout #ttp-template-30 #ttp-column-2 .ttp-secondary-content-outer-wrap{
width: unset;
float: none;
}
.ttp-grid-layout #ttp-template-30 .ttp-primary-content{
border: none;
}
.ttp-grid-layout #ttp-template-30 #ttp-column-2 .ttp-secondary-content-outer-wrap{
border-left: none;
}
}
.ttp-grid-layout #ttp-template-30 #ttp-column-1 .ttp-content-header,
.ttp-grid-layout #ttp-template-30 #ttp-column-2 .ttp-content-header{
font-size: 20px;
}
.ttp-grid-layout #ttp-template-30 .ttp-grid-image{
position: relative;
}
.ttp-grid-layout #ttp-template-30 .ttp-grid-image .ttp-expand-popup-click,
.ttp-grid-layout #ttp-template-30 .ttp-grid-image .ttp-expand-slide-out-click{
height: 100%;
width: 100%;
position: absolute;
left: 0%;
top: 0%;
cursor: pointer;
}
.ttp-grid-layout #ttp-template-30 .ttp-grid-image .ttp-expand-popup-click .fa,
.ttp-grid-layout #ttp-template-30 .ttp-grid-image .ttp-expand-slide-out-click .fa{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #FFF;
visibility: hidden;
opacity: 0;
}
.ttp-grid-layout #ttp-template-30 .ttp-grid-image:hover .ttp-expand-popup-click .fa,
.ttp-grid-layout #ttp-template-30 .ttp-grid-image:hover .ttp-expand-slide-out-click .fa{
visibility: visible;
opacity: 1;
}
.ttp-grid-layout #ttp-template-30 .ttp-grid-image .ttp-expand-popup-click:after,
.ttp-grid-layout #ttp-template-30 .ttp-grid-image .ttp-expand-slide-out-click:after{
height: 90%;
width: 90%;
position: absolute;
left: 5%;
top: 5%;
border: 1px solid #ccc;
content: "";
opacity: 0;
visibility: hidden;
}
.ttp-grid-layout #ttp-template-30 .ttp-grid-image:hover .ttp-expand-popup-click:after,
.ttp-grid-layout #ttp-template-30 .ttp-grid-image:hover .ttp-expand-slide-out-click:after{
opacity: 1;
visibility: visible;
}
.ttp-grid-layout #ttp-template-30 .ttp-primary-content:hover .ttp-grid-image .ttp-expand-popup-click:hover,
.ttp-grid-layout #ttp-template-30 .ttp-primary-content:hover .ttp-grid-image .ttp-expand-slide-out-click:hover{
background-color: #283347;
opacity: .5;
}
.ttp-grid-layout #ttp-template-30 .grid-row-wrapper .grid-row-wrapper-inner{
display: block;
}
.ttp-grid-layout #ttp-template-30 .ttp-secondary-content-outer-wrap .ttp-content-header{
padding-top: 10px;
position: relative;
}
.ttp-grid-layout #ttp-template-30 .ttp-secondary-content-outer-wrap .ttp-content-header:after{
width: 38px;
height: 2px;
background-color: #d84c5d;
position: absolute;
content: "";
left: 0;
top: 0;
}
.ttp-grid-layout #ttp-template-30 .ttp-grid-thumb-wrapper .ttp-grid-image{
overflow: visible;
}
.ttp-grid-layout #ttp-template-30 .ttp-grid-thumb-wrapper .ttp-secondary-content{
width: 100%;
max-height: 159px;
margin: 20px 0;
}
.ttp-grid-layout #ttp-template-30 #ttp-column-1 .ttp-primary-content .ttp-content-header{
padding: 5%;
}
.ttp-grid-layout #ttp-template-30 .ttp-bar-skill-title{
height: 10px !important;
background: #fff !important;
}
.ttp-grid-layout #ttp-template-30 .ttp-bar-skill-title .sb_bar{
background-color: #d84c5d !important;
}
.ttp-grid-layout #ttp-template-30 .ttp-content-skill-list-top{
font-weight: bold;
text-transform: uppercase;
color: #797979;
}
.ttp-grid-layout #ttp-template-30 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-30 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-30 .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #4c4c4c;
text-align: center;
}
.ttp-grid-layout #ttp-template-30 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-30 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-30 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #797979;
}
.ttp-grid-layout #ttp-template-30 .ttp-content-inner-link-list a,
.ttp-grid-layout #ttp-template-30 .ttp-content-quote,
.ttp-grid-layout #ttp-template-30 .ttp-thumb-description{
color: #797979;
}
@media only screen and (max-width: 785px){
.ttp-grid-layout #ttp-template-30 #ttp-column-1 .ttp-primary-content,
.ttp-grid-layout #ttp-template-30 #ttp-column-1 .ttp-secondary-content-outer-wrap{
min-height: 380px;
}
/*.ttp-grid-layout #ttp-template-30 #ttp-column-2 .ttp-primary-content,
.ttp-grid-layout #ttp-template-30 #ttp-column-2 .ttp-secondary-content-outer-wrap{
}*/
}
/*grid template 30 ends here*/
/*grid global general style starts*/
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-4 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-4 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-4 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-8 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-8 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-8 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-13 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-13 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-13 .ttp-secondary-content .ttp-thumb-emailaddress{
padding-left: 30px !important;
}
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-address:before{content: '\f2b9';}
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-telephone:before{content: '\f095';}
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-emailaddress:before{content: '\f0e0';}
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-emailaddress{
font-size: 16px;
padding: 10px 0 10px 60px;
padding-left: 60px;
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
}
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content a:last-child span{
padding-bottom: 0px;
}
.ttp-grid-layout #ttp-column-2 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-column-2 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-column-2 .ttp-secondary-content .ttp-thumb-emailaddress{
font-size: 14px;
padding-left: 40px;
}
/*phone and email css starts here*/
.ttp-grid-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-7 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-9 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-9 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-9 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-10 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #404040;
}
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper:hover .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper:hover .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-9 .ttp-grid-thumb-wrapper:hover .ttp-secondary-content .ttp-thumb-emailaddress{
color: #FFF;
}
.ttp-grid-layout #ttp-template-4 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-4 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-4 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #fff;
}
/*phone and email css ends here*/
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-column-4 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-column-4 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-column-4 .ttp-secondary-content .ttp-thumb-emailaddress{
font-size: 14px;
padding-left: 40px;
}
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-emailaddress:before{
font-family: FontAwesome;
position: absolute;
left: 0px;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
text-align: left;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 500px){
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-emailaddress{
font-size: 14px;
padding-left: 40px;
}
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout .ttp-secondary-content .ttp-thumb-emailaddress:before{
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
}
}
.ttp-grid-layout #ttp-column-2 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-column-2 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-column-2 .ttp-secondary-content .ttp-thumb-emailaddress:before{
width: 30px;
height: 30px;
line-height: 30px;
font-size: 12px;
}
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-emailaddress:before{
font-size: 14px;
}
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-column-3 .ttp-secondary-content .ttp-thumb-emailaddress:before,
.ttp-grid-layout #ttp-column-4 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-column-4 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-column-4 .ttp-secondary-content .ttp-thumb-emailaddress:before{
width: 30px;
height: 30px;
line-height: 30px;
}
/*grid global general style ends*/
/*grid global general template 5 starts*/
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-emailaddress:before{
left: 50%;
position: absolute;
top: -20px;
transform: translateX(-50%);
text-align: center;
}
.ttp-grid-layout #ttp-template-5 #ttp-column-3 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-5 #ttp-column-3 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-5 #ttp-column-3 .ttp-secondary-content .ttp-thumb-emailaddress:before,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-emailaddress:before{
top: -15px;
}
.ttp-grid-layout #ttp-template-5 .ttp-grid-thumb-wrapper .ttp-secondary-content .ttp-thumb-address{
margin-top: 20px;
}
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-5 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-5 #ttp-column-2 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-5 #ttp-column-2 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-5 #ttp-column-2 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-5 #ttp-column-3 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-5 #ttp-column-3 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-5 #ttp-column-3 .ttp-secondary-content .ttp-thumb-emailaddress,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-address,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-grid-layout #ttp-template-5 #ttp-column-4 .ttp-secondary-content .ttp-thumb-emailaddress{
overflow: visible;
padding-left: 0px;
}
/*grid global general template 5 ends*/
/*grid layout global starts*/
.ttp-grid-layout .ttp-grid-thumb-wrapper{
overflow: hidden;
}
.ttp-grid-layout #ttp-column-4 .grid-row-wrapper{
width: 100%;
}
.ttp-grid-layout #ttp-column-2 .ttp-inner-whole-wrapper:nth-child(2n+1),
.ttp-grid-layout #ttp-column-3 .ttp-inner-whole-wrapper:nth-child(3n+1),
.ttp-grid-layout #ttp-column-4 .ttp-inner-whole-wrapper:nth-child(4n+1){
clear: left;
}
@media only screen and (max-width: 780px){
.ttp-grid-layout #ttp-column-2 .ttp-inner-whole-wrapper:nth-child(2n+1),
.ttp-grid-layout #ttp-column-3 .ttp-inner-whole-wrapper:nth-child(3n+1),
.ttp-grid-layout #ttp-column-4 .ttp-inner-whole-wrapper:nth-child(4n+1){
clear: none;
}
}
.ttp-grid-layout .grid-row-wrapper .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
.ttp-grid-layout .grid-row-wrapper{
clear: right;
}
.ttp-grid-layout #ttp-column-2 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 50%;
float: left;
padding: 0 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media only screen and (max-width: 780px){
.ttp-grid-layout #ttp-template-19 .grid-row-wrapper .ttp-inner-whole-wrapper,
.ttp-grid-layout #ttp-template-24 .grid-row-wrapper .ttp-inner-whole-wrapper,
.ttp-grid-layout #ttp-template-28 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 100%;
}
}
.ttp-grid-layout #ttp-column-3 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 33.33%;
float: left;
padding: 0 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ttp-grid-layout #ttp-template-30 #ttp-column-3 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 100%;
}
.ttp-grid-layout #ttp-column-4 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 25%;
float: left;
padding: 0 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.ttp-grid-layout #ttp-column-1 .ttp-grid-image > img{
max-width: unset;
width: 100%;
}
.ttp-grid-layout #ttp-template-9 #ttp-column-1 .ttp-grid-image > img{
width: unset;
}
/*grid layout global ends*/
/*grid global skills starts*/
.ttp-grid-layout .ttp-content-skill-list-top{
font-size: 14px;
margin: 10px 0;
}
.ttp-grid-layout #ttp-column-3 .ttp-content-skill-list-top,
.ttp-grid-layout #ttp-column-4 .ttp-content-skill-list-top{
font-size: 11px;
margin: 5px 0;
}
/*grid global skills ends*/
/*grid global links starts*/
.ttp-grid-layout .ttp-content-inner-link-list a{
font-size: 14px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
line-height: 25px;
}
.ttp-grid-layout .ttp-content-inner-link-list a:hover{
font-size: 15px;
}
/*grid global links ends*/
/*grid global quote starts*/
.ttp-grid-layout .ttp-content-quote{
font-size: 15px;
line-height: 25px;
}
.ttp-grid-layout #ttp-column-3 .ttp-content-quote,
.ttp-grid-layout #ttp-column-4 .ttp-content-quote{
font-size: 15px;
line-height: 25px;
}
/*grid global quote ends*/
/*grid global description starts*/
.ttp-grid-layout .ttp-thumb-description{
font-size: 14px;
line-height: 22px;
}
.ttp-grid-layout #ttp-column-3 .ttp-thumb-description,
.ttp-grid-layout #ttp-column-4 .ttp-thumb-description{
font-size: 14px;
line-height: 22px;
}
/*grid global description ends*/
/*grid global heading and position font size starts here*/
.ttp-grid-layout #ttp-column-1 .ttp-content-header,
.ttp-grid-layout #ttp-column-2 .ttp-content-header{
font-size: 30px;
}
@media only screen and (max-width: 780px){
.ttp-grid-layout #ttp-column-1 .ttp-content-header,
.ttp-grid-layout #ttp-column-2 .ttp-content-header{
font-size: 22px;
}
}
.ttp-grid-layout #ttp-column-3 .ttp-content-header,
.ttp-grid-layout #ttp-column-4 .ttp-content-header{
font-size: 20px;
}
.ttp-grid-layout .ttp-thumb-position{
font-size: 16px;
}
.ttp-grid-layout #ttp-column-3 .ttp-thumb-position,
.ttp-grid-layout #ttp-column-4 .ttp-thumb-position{
font-size: 14px;
}
@media only screen and (max-width: 720px){
.ttp-grid-layout #ttp-column-2 .ttp-content-header,
.ttp-grid-layout #ttp-column-3 .ttp-content-header,
.ttp-grid-layout #ttp-column-4 .ttp-content-header{
font-size: 18px;
}
.ttp-grid-layout #ttp-column-2 .ttp-thumb-position,
.ttp-grid-layout #ttp-column-3 .ttp-thumb-position,
.ttp-grid-layout #ttp-column-4 .ttp-thumb-position{
font-size: 14px;
}
}
@media only screen and (max-width: 400px){
.ttp-grid-layout #ttp-column-1 .ttp-content-header{
font-size: 18px;
}
.ttp-grid-layout #ttp-column-1 .ttp-thumb-position{
font-size: 14px;
}
}
/*grid global heading and position font size starts here*/
/*grid layout problem solving css stats here*/
.ttp-grid-layout .grid-row-wrapper .grid-row-wrapper-inner{
display: flex;
}
@media only screen and (max-width: 935px) {
.ttp-grid-layout .grid-row-wrapper .grid-row-wrapper-inner{
display: block;
}
}
/*grid layout problem solving css ends here*/
/*grid style ends here*/
/*list style starts*/
.clearfix:after{
content: "";
clear: both;
display: block;
}
.ttp-list-layout #ttp-template-1,
.ttp-list-layout #ttp-template-2,
.ttp-list-layout #ttp-template-3,
.ttp-list-layout #ttp-template-4,
.ttp-list-layout #ttp-template-5,
.ttp-list-layout #ttp-template-7{
border-bottom: 4px solid #DD748A;
}
/*list style template 1 2 and 4 starts here*/
.ttp-list-layout .grid-row-wrapper .ttp-inner-whole-wrapper{
display: flex;
margin-bottom: 50px;
}
.ttp-list-layout .ttp-primary-content-left,
.ttp-list-layout .ttp-primary-content-right{
float: left;
}
.ttp-list-layout .ttp-primary-content-right{
margin-left: 45px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.ttp-list-layout .ttp-secondary-content .ttp-thumb-address,
.ttp-list-layout .ttp-secondary-content .ttp-thumb-telephone,
.ttp-list-layout .ttp-secondary-content .ttp-thumb-emailaddress{
position: relative;
display: block;
padding-left: 30px;
font-weight: 400;
color: #848484;
}
.ttp-list-layout #ttp-template-1,
.ttp-list-layout #ttp-template-6{
font-family: 'Open Sans', sans-serif;
}
.ttp-list-layout #ttp-template-2{
font-family: 'Roboto Slab', serif;
}
.ttp-list-layout #ttp-template-3{
font-family: 'PT Sans', sans-serif;
}
.ttp-list-layout #ttp-template-4{
font-family: 'Poppins', sans-serif;
}
.ttp-list-layout #ttp-template-5{
font-family: 'Lato', sans-serif;
}
.ttp-list-layout #ttp-template-7{
font-family: 'Lato', sans-serif;
}
.ttp-list-layout .ttp-secondary-content .ttp-thumb-address:before,
.ttp-list-layout .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-list-layout .ttp-secondary-content .ttp-thumb-emailaddress:before{
position: absolute;
font-family: FontAwesome;
left: 0;
}
.ttp-list-layout .ttp-secondary-content .ttp-thumb-address:before{content: '\f2b9';}
.ttp-list-layout .ttp-secondary-content .ttp-thumb-telephone:before{content: '\f095';}
.ttp-list-layout .ttp-secondary-content .ttp-thumb-emailaddress:before{content: '\f0e0';}
.ttp-list-layout .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
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);
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);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
animation: progress-bar 2s linear infinite;
}
.ttp-list-layout .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-skill-label{
float: left;
padding-left: 5px;
}
.ttp-list-layout .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-skill-value{
float: right;
padding-right: 5px;
}
.ttp-list-layout .ttp-content-skill-list-wrap .ttp-content-skill-list{
margin-top: 20px;
}
.ttp-list-layout .ttp-thumb-description{
width: 120px;
overflow: auto;
}
/*list style template 1 2 and 4 ends here*/
/*list style template 1 css starts here*/
.ttp-list-layout #ttp-template-1 .ttp-primary-content-left{
-webkit-border-top-left-radius: 10px;
border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
max-height: 380px;
}
.ttp-list-layout #ttp-template-1 .ttp-primary-content-right{
max-height: 380px;
overflow: auto;
}
.ttp-list-layout #ttp-template-1 .ttp-list-title-pos-wrap{
margin-bottom: 20px;
}
.ttp-list-layout #ttp-template-1 .ttp-primary-content-right .ttp-content-header{
font-family: 'Open Sans', sans-serif;
color: #2197ca;
font-size: 20px;
font-weight: 600;
/*text-transform: capitalize;*/
}
.ttp-list-layout #ttp-template-1 .ttp-primary-content-right .ttp-thumb-position{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 15px;
color: #555;
/*text-transform: capitalize;*/
}
.ttp-list-layout #ttp-template-1 .ttp-primary-content-left .ttp-grid-image{
max-width: 280px;
overflow: hidden;
background-color: #eee;
}
.ttp-list-layout #ttp-template-1 .ttp-primary-content-left .ttp-grid-image img{
max-width: 100%;
}
.ttp-list-layout #ttp-template-1 .ttp-secondary-content{
margin-top: 20px;
}
.ttp-list-layout #ttp-template-1 .content-wrapper{
position: relative;
}
.ttp-list-layout #ttp-template-1 .ttp-team-member-social-link{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
width: fit-content;
}
.ttp-list-layout #ttp-template-1 .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-1 .ttp-expand-slide-out-click{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
color: transparent;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
cursor: pointer;
}
.ttp-list-layout #ttp-template-1 .ttp-expand-popup-click:before,
.ttp-list-layout #ttp-template-1 .ttp-expand-slide-out-click:before{
content: "";
height: 85%;
width: 85%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
border: 1px solid #eee;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default{
display: inline-block;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default a .fa{
height: 35px;
line-height: 35px;
width: 35px;
color: #FFF;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 3px;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default .fa-twitter,
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default .fa-facebook,
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default .fa-google-plus,
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default .fa-linkedin,
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default .fa-skype,
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default .fa-instagram,
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default .fa-youtube,
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default .fa-wordpress,
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default .fa-digg,
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default .fa-digg{
background: #000;
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default .fa-reddit,
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
}
.ttp-list-layout #ttp-template-1 .ttp-social-link-list-default .fa-pinterest,
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
}
.ttp-list-layout #ttp-template-1 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-team-member-social-link{
opacity: 1;
visibility: visible;
}
.ttp-list-layout #ttp-template-1 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-1 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-expand-slide-out-click{
opacity: 1;
visibility: visible;
}
.ttp-list-layout #ttp-template-1 .ttp-inner-whole-wrapper .ttp-grid-image img{
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-list-layout #ttp-template-1 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-grid-image img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ttp-list-layout #ttp-template-1 .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #797979;
overflow: auto;
display: inline-block;
width: 100%;
}
.ttp-list-layout #ttp-template-1 .ttp-content-quote,
.ttp-list-layout #ttp-template-1 .ttp-content-external-link-list{
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #797979;
}
.ttp-list-layout #ttp-template-1 .ttp-content-external-link-list .ttp-content-inner-link-list a{
font-size: 16px;
}
.ttp-list-layout #ttp-template-1 .ttp-bar-skill-title{
height: 18px !important;
background-color: #e7e7e7 !important;
-webkit-border-radius: 9px;
border-radius: 9px;
}
.ttp-list-layout #ttp-template-1 .ttp-bar-skill-title .sb_bar{
height: 40% !important;
position: absolute;
top: 50%;
left: 5px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #2197CA !important;
}
.ttp-list-layout #ttp-template-1 .ttp-content-skill-list-wrap{
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-transform: uppercase;
}
@media only screen and (max-width: 680px) {
.ttp-list-layout #ttp-template-1 .ttp-inner-whole-wrapper{
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
align-items: center;
}
.ttp-list-layout #ttp-template-1 .ttp-primary-content-right{
width: 100%;
margin-left: 0;
}
.ttp-list-layout #ttp-template-1 .ttp-primary-content-right{
max-height: 480px;
height: auto;
}
.ttp-list-layout #ttp-template-1 .ttp-list-title-pos-wrap{
margin-top: 15px;
}
.ttp-list-layout #ttp-template-1 .ttp-list-title-pos-wrap{
margin-bottom: 10px;
}
}
@media only screen and (max-width: 350px) {
.ttp-list-layout #ttp-template-1 .ttp-primary-content-left{
width: 100%;
}
}
/*list style template 1 css ends here*/
/*list style template 2 css starts here*/
.ttp-list-layout #ttp-template-2{
/*background-color: #f6f4f8;*/
}
.ttp-list-layout #ttp-template-2 .content-wrapper{
position: relative;
background-color: #F6F4F8;
}
.ttp-list-layout #ttp-template-2 .ttp-team-member-social-link{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
width: fit-content;
}
.ttp-list-layout #ttp-template-2 .ttp-social-link-list-default a .fa{
height: 35px;
line-height: 35px;
width: 35px;
color: #FFF;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 2px;
}
.ttp-list-layout #ttp-template-2 .ttp-primary-content-left{
width: 270px;
height: 270px;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.ttp-list-layout #ttp-template-2 .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-2 .ttp-expand-slide-out-click{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
background: rgba(174,157,193,.5);
color: transparent;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
cursor: pointer;
/*-webkit-border-radius: 50%;
border-radius: 50%;*/
overflow: hidden;
}
.ttp-list-layout #ttp-template-2 .ttp-list-title-pos-wrap{
margin-bottom: 15px;
}
.ttp-list-layout #ttp-template-2 .ttp-primary-content-right .ttp-content-header{
font-family: 'Roboto Slab', serif;
color: #341e4c;
font-size: 22px;
}
.ttp-list-layout #ttp-template-2 .ttp-primary-content-right .ttp-thumb-position{
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #341e4c;
}
.ttp-list-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-team-member-social-link{
opacity: 1;
visibility: visible;
}
.ttp-list-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-expand-slide-out-click{
opacity: 1;
visibility: visible;
}
.ttp-list-layout #ttp-template-2 .ttp-bar-skill-title{
height: 18px !important;
background-color: #e7e7e7 !important;
-webkit-border-radius: 9px;
border-radius: 9px;
}
.ttp-list-layout #ttp-template-2 .ttp-bar-skill-title .sb_bar{
height: 40% !important;
position: absolute;
top: 50%;
left: 5px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #ae9dc1 !important;
}
.ttp-list-layout #ttp-template-2 .ttp-content-skill-list-wrap{
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.ttp-list-layout #ttp-template-2 .ttp-secondary-content{
margin-top: 20px;
max-height: 170px;
overflow: auto;
}
.ttp-list-layout #ttp-template-2 .ttp-content-skill-list:first-child{
margin-top: 0;
}
.ttp-list-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-address,
.ttp-list-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-list-layout #ttp-template-2 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #696969;
text-align: left;
}
.ttp-list-layout #ttp-template-2 .ttp-content-inner-link-list a{
font-size: 16px;
}
@media only screen and (max-width: 720px) {
.ttp-list-layout #ttp-template-2 .ttp-inner-whole-wrapper{
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
align-items: center;
}
.ttp-list-layout #ttp-template-2 .ttp-primary-content-right{
width: 100%;
margin-left: 0;
}
.ttp-list-layout #ttp-template-2 .ttp-primary-content{
display: inline-block;
}
.ttp-list-layout #ttp-template-2 .ttp-primary-content-right{
max-height: 480px;
height: auto;
}
.ttp-list-layout #ttp-template-2 .ttp-list-title-pos-wrap{
margin: 10px 0 5px 0;
}
}
@media only screen and (max-width: 500px){
.ttp-list-layout #ttp-template-2 .ttp-primary-content-right{
max-height: unset;
}
}
@media only screen and (max-width: 480px) {
.ttp-list-layout #ttp-template-2{
padding: 0;
}
}
@media only screen and (max-width: 325px) {
.ttp-list-layout #ttp-template-2 .ttp-primary-content-left{
width: 100%;
height: auto;
}
}
/*list style template 2 css ends here*/
/*list style template 3 css starts here*/
.ttp-list-layout #ttp-template-3 .ttp-primary-content-left{
height: 335px;
width: 270px;
overflow: hidden;
}
.ttp-list-layout #ttp-template-3 .ttp-primary-content-left .ttp-grid-image{
height: 265px;
width: 270px;
overflow: hidden;
background: #4c4c4c;
position: relative;
}
.ttp-list-layout #ttp-template-3 .ttp-primary-content-left .ttp-grid-image img{
-webkit-transition: .6s;
-moz-transition: .6s;
-ms-transition: .6s;
-o-transition: .6s;
transition: .6s;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ttp-list-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-grid-image img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ttp-list-layout #ttp-template-3 .content-wrapper{
position: relative;
cursor: pointer;
}
.ttp-list-layout #ttp-template-3 .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-3 .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: transparent;
background-color: rgba(0,0,0,.3);
visibility: hidden;
opacity: 0;
}
.ttp-list-layout #ttp-template-3 .ttp-expand-popup-click .fa,
.ttp-list-layout #ttp-template-3 .ttp-expand-slide-out-click .fa{
color: #FFF;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ttp-list-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-expand-slide-out-click{
visibility: visible;
opacity: 1;
}
.ttp-list-layout #ttp-template-3 .ttp-list-title-pos-wrap{
background-color: #ff9da6;
height: 70px;
}
.ttp-list-layout #ttp-template-3 .ttp-list-title-pos-wrap{
text-align: center;
padding: 10px 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-list-layout #ttp-template-3 .ttp-list-title-pos-wrap .ttp-content-header{
font-size: 18px;
}
.ttp-list-layout #ttp-template-3 .ttp-list-title-pos-wrap .ttp-thumb-position{
font-size: 13px;
}
.ttp-list-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-list-title-pos-wrap{
color: #FFF;
}
.ttp-list-layout #ttp-template-3 .ttp-team-member-social-link{
margin: 20px 0 0 0;
}
.ttp-list-layout #ttp-template-3 .ttp-social-link-list-default .fa{
width: 40px;
height: 45px;
line-height: 45px;
text-align: center;
border: 1px solid #000;
color: #000;
margin: 2px 15px 2px 0;
}
.ttp-list-layout #ttp-template-3 .ttp-social-link-list-default .fa:hover{
color: #FFF;
background-color: #ff9da6;
border: 1px solid #ff9da6;
}
.ttp-list-layout #ttp-template-3 .ttp-primary-content-right{
overflow: auto;
height: 335px;
}
.ttp-list-layout #ttp-template-3 .ttp-content-quote,
.ttp-list-layout #ttp-template-3 .ttp-thumb-description{
font-family: 'Roboto Slab', serif;
font-size: 16px;
color: #686868;
}
.ttp-list-layout #ttp-template-3 .ttp-content-quote{
font-size: 20px;
}
.ttp-list-layout #ttp-template-3 .ttp-content-inner-link-list a{
font-size: 16px;
}
.ttp-list-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-address,
.ttp-list-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-list-layout #ttp-template-3 .ttp-secondary-content .ttp-thumb-emailaddress{
color: #686868;
}
.ttp-list-layout #ttp-template-3 .ttp-bar-skill-title{
height: 18px !important;
}
.ttp-list-layout #ttp-template-3 .ttp-bar-skill-title .sb_bar{
background-color: #ff9da6 !important;
}
.ttp-list-layout #ttp-template-3 .ttp-secondary-content{
overflow: auto;
margin-top: 20px;
}
.ttp-list-layout #ttp-template-3 .ttp-thumb-description{
overflow: auto;
width: 100%;
display: block;
}
@media only screen and (max-width: 768px) {
.ttp-list-layout #ttp-template-3 .ttp-inner-whole-wrapper{
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ttp-list-layout #ttp-template-3 .ttp-primary-content-right{
width: 100%;
margin-left: 0;
}
.ttp-list-layout #ttp-template-3 .ttp-secondary-content{
position: static;
height: auto;
}
.ttp-list-layout #ttp-template-3 .ttp-primary-content-left{
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.ttp-list-layout #ttp-template-3 .ttp-primary-content{
display: inline-block;
}
.ttp-list-layout #ttp-template-3 .ttp-primary-content-right{
max-height: 480px;
height: auto;
}
}
@media only screen and (max-width: 500px){
.ttp-list-layout #ttp-template-3 .ttp-thumb-description{
height: unset;
}
.ttp-list-layout #ttp-template-3 .ttp-primary-content-right{
max-height: unset;
}
}
/*list style template 3 css ends hee*/
/*list style template 4 css starts here*/
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper{
border: 1px solid #e8e8e8;
display: flex;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-left{
border-right: 1px solid #e8e8e8;
width: 230px;
height: 310px;
overflow: hidden;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-right{
padding: 30px 40px;
margin-left: 0;
height: 310px;
overflow: auto;
}
.ttp-list-layout #ttp-template-4 .ttp-primary-content-left .ttp-grid-image img{
height: 268px !important;
max-width: unset;
-webkit-transition: .6s;
-moz-transition: .6s;
-ms-transition: .6s;
-o-transition: .6s;
transition: .6s;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-grid-image img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ttp-list-layout #ttp-template-4 .ttp-primary-content-right .ttp-content-header{
font-family: 'Poppins', sans-serif;
color: #2d2d53;
font-size: 22px;
}
.ttp-list-layout #ttp-template-4 .ttp-primary-content-right .ttp-thumb-position{
font-family: 'Poppins', sans-serif;
font-size: 15px;
color: #2b6fd0;
}
.ttp-list-layout #ttp-template-4 .ttp-content-inner-link-list a{
font-size: 16px;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .content-wrapper{
position: relative;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .content-wrapper .ttp-grid-image{
overflow: hidden;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-expand-slide-out-click{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
color: transparent;
background-color: rgba(0,0,0,.3);
visibility: hidden;
opacity: 0;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-expand-slide-out-click{
visibility: visible;
opacity: 1;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-expand-popup-click .fa,
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-expand-slide-out-click .fa{
color: #FFF;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-expand-popup-click .fa,
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-expand-slide-out-click .fa{
visibility: visible;
opacity: 1;
}
.ttp-list-layout #ttp-template-4 .ttp-team-member-social-link{
line-height: 40px;
padding: 0 10px;
position: absolute;
bottom: -42px;
left: 0;
background: #FFF;
width: 100%;
text-align: center;
}
.ttp-list-layout #ttp-template-4 .ttp-team-member-social-link .fa{
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-size: 18px;
}
.ttp-list-layout #ttp-template-4 .ttp-team-member-social-link .fa:hover{
color: #2b6fd0;
}
.ttp-list-layout #ttp-template-4 .ttp-social-link-list-default a{
color: #4c4c4c;
padding: 0 10px;
}
.ttp-list-layout #ttp-template-4 .ttp-secondary-content{
margin: 15px 0 0 0;
max-height: 170px;
overflow: auto;
}
.ttp-list-layout #ttp-template-4 .ttp-thumb-description{
font-size: 14px;
font-family: 'Poppins', sans-serif;
color: #5f5f6f;
height: 100px;
display: block;
width: 100%;
overflow: auto;
}
.ttp-list-layout #ttp-template-4 .ttp-bar-skill-title{
height: 10px !important;
}
@media only screen and (max-width: 720px) {
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper{
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ttp-list-layout #ttp-template-4 .ttp-primary-content-right{
width: 100%;
}
.ttp-list-layout #ttp-template-4 .ttp-secondary-content{
position: static;
max-height: 170px;
height: auto;
}
.ttp-list-layout #ttp-template-4 .ttp-primary-content-left{
width: 100% !important;
text-align: center;
}
.ttp-list-layout #ttp-template-4 .ttp-primary-content{
display: inline-block;
}
.ttp-list-layout #ttp-template-4 .ttp-primary-content-right{
max-height: 480px;
height: auto;
}
.ttp-list-layout #ttp-template-4 .ttp-team-member-social-link{
border: 1px solid #eee;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-right{
height: unset;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-left{
border-right: none;
height: unset;
padding-top: 30px;
}
.ttp-list-layout #ttp-template-4 .ttp-thumb-description{
height: unset;
}
}
@media only screen and (max-width: 480px) {
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-right{
padding: 20px;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-left{
padding-top: 20px;
}
}
@media only screen and (max-width: 350px) {
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-right{
padding: 10px;
}
.ttp-list-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-primary-content-left{
padding-top: 10px;
}
}
/*list style template 4 css ends here */
/*list style template 5 css starts here*/
.ttp-list-layout #ttp-template-5 .ttp-primary-content-left .ttp-grid-image{
height: 395px;
width: 395px;
overflow: hidden;
background: #4c4c4c;
position: relative;
}
.ttp-list-layout #ttp-template-5 .ttp-primary-content-left .ttp-grid-image img{
-webkit-transition: .6s;
-moz-transition: .6s;
-ms-transition: .6s;
-o-transition: .6s;
transition: .6s;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ttp-list-layout #ttp-template-5 .ttp-inner-whole-wrapper .ttp-primary-content-left:hover .ttp-grid-image img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ttp-list-layout #ttp-template-5 .content-wrapper{
position: relative;
}
.ttp-list-layout #ttp-template-5 .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-5 .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
visibility: hidden;
opacity: 0;
background-color: rgba(0,0,0,.3);
}
.ttp-list-layout #ttp-template-5 .ttp-primary-content-left:hover .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-5 .ttp-primary-content-left:hover .ttp-expand-slide-out-click{
visibility: visible;
opacity: 1;
}
.ttp-list-layout #ttp-template-5 .ttp-expand-popup-click .fa,
.ttp-list-layout #ttp-template-5 .ttp-expand-slide-out-click .fa{
color: #FFF;
position: absolute;
left: 50%;
top: 40%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ttp-list-layout #ttp-template-5 .ttp-team-member-social-link{
text-align: center;
padding: 10px 0;
position: absolute;
left: 0;
bottom: 0;
background: #FFF;
width: 100%;
}
.ttp-list-layout #ttp-template-5 .ttp-list-title-pos-wrap{
text-align: center;
padding: 10px 75px 0;
position: absolute;
left: 0;
bottom: 50px;
background: #FFF;
width: 100%;
}
.ttp-list-layout #ttp-template-5 .ttp-list-title-pos-wrap .ttp-content-header{
font-family: 'Lato', sans-serif;
font-size: 22px;
font-weight: 700;
color: #565656;
}
.ttp-list-layout #ttp-template-5 .ttp-list-title-pos-wrap .ttp-thumb-position{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #888888;
}
.ttp-list-layout #ttp-template-5 .ttp-team-inner-hidden .ttp-social-link-list-default .fa,
.ttp-list-layout #ttp-template-5 .ttp-team-member-social-link .ttp-social-link-list-default .fa{
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #4c4c4c;
font-size: 18px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-list-layout #ttp-template-5 .ttp-team-inner-hidden .ttp-social-link-list-default .fa:hover,
.ttp-list-layout #ttp-template-5 .ttp-team-member-social-link .ttp-social-link-list-default .fa:hover{
color: darkgrey;
}
.ttp-list-layout #ttp-template-5 .ttp-primary-content-right{
margin-left: 0;
position: relative;
border: 1px solid #e1e1e1;
border-left: none;
background-color: #f4f4f6;
padding: 30px;
}
.ttp-list-layout #ttp-template-5 .ttp-primary-content-left{
border: 1px solid #e1e1e1;
}
.ttp-list-layout #ttp-template-5 .ttp-secondary-content{
width: 100%;
padding-top: 30px;
overflow: auto;
}
.ttp-list-layout #ttp-template-5 .ttp-bar-skill-title{
height: 15px !important;
}
.ttp-list-layout #ttp-template-5 .ttp-bar-skill-title .sb_bar{
background-color: #48c7ec !important;
}
.ttp-list-layout #ttp-template-5 .ttp-content-skill-list-top{
font-size: 16px;
color: #000;
}
.ttp-list-layout #ttp-template-5 .ttp-secondary-content {
font-size: 16px;
color: #848484;
}
.ttp-list-layout #ttp-template-5 .ttp-thumb-description {
font-size: 16px;
color: #848484;
}
.ttp-list-layout #ttp-template-5 .ttp-content-inner-link-list a{
font-size: 16px;
}
.ttp-list-layout #ttp-template-5 .ttp-content-quote{
font-size: 18px;
padding-left: 35px;
position: relative;
display: block;
}
.ttp-list-layout #ttp-template-5 .ttp-content-quote:before{
color: #48c7ec;
font-family: FontAwesome;
content: "\f10d";
position: absolute;
font-size: 22px;
left: 0;
top: -5px;
}
@media only screen and (max-width: 800px) {
.ttp-list-layout #ttp-template-5 .ttp-inner-whole-wrapper{
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ttp-list-layout #ttp-template-5 .ttp-primary-content-right{
width: 100%;
}
.ttp-list-layout #ttp-template-5 .ttp-secondary-content{
position: static;
max-height: 395px;
height: auto;
}
.ttp-list-layout #ttp-template-5 .ttp-primary-content-left{
width: 100%;
text-align: center;
padding: 10px;
}
.ttp-list-layout #ttp-template-5 .ttp-primary-content{
display: inline-block;
}
.ttp-list-layout #ttp-template-5 .ttp-primary-content-right{
max-height: 480px;
height: auto;
}
.ttp-list-layout #ttp-template-5 .ttp-primary-content-right{
border-left: 1px solid #e1e1e1;
border-top: none;
}
}
@media only screen and (max-width: 500px){
.ttp-list-layout #ttp-template-5 .ttp-primary-content-right{
max-height: unset;
}
.ttp-list-layout #ttp-template-5 .ttp-list-title-pos-wrap{
padding: 0;
}
}
@media only screen and (max-width: 480px) {
.ttp-list-layout #ttp-template-5 .ttp-secondary-content{
padding: 10px;
}
.ttp-list-layout #ttp-template-5 .ttp-primary-content-left .ttp-grid-image{
width: 100%;
height: auto;
}
}
/*list style template 5 css ends here*/
/*list style template 6 css starts here*/
.ttp-list-layout #ttp-template-6 .ttp-inner-whole-wrapper{
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
align-items: center;
width: 90%;
background-color: #fff;
margin: 100px 0 0;
margin-left: 5%;
-webkit-box-shadow: 0px 5px 40px #000;
box-shadow: 0px 5px 40px #000;
}
.ttp-list-layout #ttp-template-6 .ttp-primary-content-top{
margin-top: -50px;
}
.ttp-list-layout #ttp-template-6 .content-wrapper{
height: 120px;
width: 120px;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
color: transparent;
cursor: pointer;
position: relative;
}
.ttp-list-layout #ttp-template-6 .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-6 .ttp-expand-slide-out-click{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: rgba(0,0,0,.3);
opacity: 0;
visibility: hidden;
}
.ttp-list-layout #ttp-template-6 .content-wrapper:hover .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-6 .content-wrapper:hover .ttp-expand-slide-out-click{
visibility: visible;
opacity: 1;
}
.ttp-list-layout #ttp-template-6 .ttp-expand-popup-click .fa,
.ttp-list-layout #ttp-template-6 .ttp-expand-slide-out-click .fa{
color: #FFF;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
}
.ttp-list-layout #ttp-template-6 .content-wrapper:hover .ttp-expand-popup-click .fa,
.ttp-list-layout #ttp-template-6 .content-wrapper:hover .ttp-expand-slide-out-click .fa{
opacity: 1;
visibility: visible;
}
.ttp-list-layout #ttp-template-6 .ttp-content-header{
color: #0180ff;
font-weight: 700;
font-size: 20px;
}
.ttp-list-layout #ttp-template-6 .ttp-thumb-position {
color: #8699a2;
font-size: 16px;
display: block;
margin-bottom: 20px;
}
.ttp-list-layout #ttp-template-6 .ttp-primary-content-bottom{
text-align: center;
width: 100%;
margin-top: 20px;
padding: 0 10%;
}
.ttp-list-layout #ttp-template-6 .ttp-secondary-content{
padding: 0 10%;
margin: 40px 0 20px 0;
max-height: 200px;
overflow: auto;
text-align: center;
}
.ttp-list-layout #ttp-template-6 .ttp-social-link-list-default .fa{
color: #8699a2;
height: 30px;
width: 30px;
line-height: 30px;
font-size: 18px;
}
.ttp-list-layout #ttp-template-6 .ttp-social-link-list-default .fa:hover{
color: #0180ff;
}
.ttp-list-layout #ttp-template-6 .ttp-team-member-social-link{
padding: 20px 0;
}
.ttp-list-layout #ttp-template-6 .ttp-bar-skill-title{
height: 10px !important;
}
.ttp-list-layout #ttp-template-6 .ttp-bar-skill-title .sb_bar{
background-color: #0080ff !important;
}
.ttp-list-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-address,
.ttp-list-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-telephone,
.ttp-list-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-emailaddress{
margin-top: 20px;
padding-left: 0;
}
.ttp-list-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-address:before,
.ttp-list-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-list-layout #ttp-template-6 .ttp-secondary-content .ttp-thumb-emailaddress:before{
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: -20px;
}
.ttp-list-layout #ttp-template-6 .ttp-content-inner-link-list a{
font-size: 16px;
}
/*list style template 6 css ends here*/
/*list style template 7 css starts here*/
.ttp-list-layout #ttp-template-7 .ttp-content-skill-list:first-child{
margin-top: 0;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content-right{ /* only name is right but the contents are left align for this templaate i.e. 7 */
background-color: #f4f3f3;
padding: 50px 70px 0 70px;
height: 440px;
overflow: auto;
}
.ttp-list-layout #ttp-template-7 .ttp-inner-whole-wrapper{
-webkit-align-items: flex-end;
align-items: flex-end;
background-color: #f4f3f3;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content-right .ttp-content-header{
font-weight: 700;
font-size: 26px;
color: #565656;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content-right .ttp-thumb-position{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #888;
margin-top: 10px;
display: block;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content-right .ttp-secondary-content{
color: #7A7A7A;
font-size: 16px;
margin: 10px 0;
max-height: 200px;
overflow: auto;
}
.ttp-list-layout #ttp-template-7 .ttp-thumb-description{
display: block;
width: 100%;
margin-top: 10px;
}
.ttp-list-layout #ttp-template-7 .ttp-content-skill-list-wrap .ttp-content-skill-list{
margin-top: 15px;
}
.ttp-list-layout #ttp-template-7 .ttp-content-inner-link-list a{
font-size: 16px;
}
.ttp-list-layout #ttp-template-7 .ttp-bar-skill-title{
height: 10px !important;
}
.ttp-list-layout #ttp-template-7 .ttp-bar-skill-title .sb_bar{
background-color: #888 !important;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content-left{ /* only name is left but the contents are right align for this template 1.e. 7 */
max-height: 440px;
width: 400px;
max-width: 100%;
overflow: hidden;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content{
width: 400px;
width: 100%;
overflow: hidden;
text-align: center;
}
.ttp-list-layout #ttp-template-7 .content-wrapper{
position: relative;
cursor: pointer;
}
.ttp-list-layout #ttp-template-7 .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-7 .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content-left:hover .ttp-expand-popup-click,
.ttp-list-layout #ttp-template-7 .ttp-primary-content-left:hover .ttp-expand-slide-out-click{
visibility: visible;
opacity: 1;
}
.ttp-list-layout #ttp-template-7 .ttp-expand-popup-click .fa,
.ttp-list-layout #ttp-template-7 .ttp-expand-slide-out-click .fa{
color: #FFF;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s; }
.ttp-list-layout #ttp-template-7 .ttp-primary-content-left:hover .ttp-expand-popup-click .fa,
.ttp-list-layout #ttp-template-7 .ttp-primary-content-left:hover .ttp-expand-slide-out-click .fa{
visibility: visible;
opacity: 1;
}
.ttp-list-layout #ttp-template-7 .ttp-team-member-social-link .ttp-social-link-list-default .fa{
height: 45px;
width: 45px;
border: 1px solid #d6d6d6;
color: #868686;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 45px;
text-align: center;
margin: 5px 9px 5px 0;
font-size: 18px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-list-layout #ttp-template-7 .ttp-team-member-social-link .ttp-social-link-list-default .fa:hover{
color: #000;
border: 1px solid #000;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content-right{
margin-left: 0;
}
@media only screen and (max-width: 800px) {
.ttp-list-layout #ttp-template-7 .ttp-inner-whole-wrapper{
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-align-items: center;
align-items: center;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content-right{
width: 100%;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content-left{
width: 50%;
text-align: center;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content{
max-height: 570px;
height: auto;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content-right{
max-height: 480px;
height: auto;
}
}
@media only screen and (max-width: 500px) {
.ttp-list-layout #ttp-template-7 .ttp-primary-content-right{
max-height: unset;
}
}
@media only screen and (max-width: 480px) {
.ttp-list-layout .ttp-primary-content{
width: 100%;
}
.ttp-list-layout .ttp-primary-content-right{
padding: 10px;
}
.ttp-list-layout #ttp-template-7 .ttp-primary-content-right{
padding: 20px;
}
}
@media only screen and (max-width: 350px) {
.ttp-list-layout #ttp-template-7 .ttp-primary-content-right{
padding: 10px;
}
}
/*list style template 7 css ends here*/
/*list style ends*/
/*table style starts*/
.ttp-table-layout .ttp-inner-whole-wrapper{
display: flex;
-webkit-align-items: center;
align-items: center;
width: 100%;
overflow: hidden;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-grid-image,
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-content-header,
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-thumb-position,
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-team-member-table-social-link{
width: 15%;
text-align: center;
}
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-grid-image{
width: 10%;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-grid-image img{
width: 100%;
height: 100%;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-secondary-content{
width: 40%;
text-align: center;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-content-header .ttp-content-header{
display: inline-block;
width: 100%;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-content-header{
position: relative;
}
.ttp-table-layout .ttp-bar-skill-title{
height: 10px !important;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-skill-label{
float: left;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-skill-value{
float: right;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-address,
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-telephone,
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-emailaddress{
display: block;
text-align: left;
color: #404040;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-grid-image{
position: relative;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-grid-image .ttp-expand-popup-click,
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
background-color: rgba(0,0,0,.5);
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-table-layout .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-popup-click,
.ttp-table-layout .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click{
opacity: 1;
visibility: visible;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-grid-image .ttp-expand-popup-click .fa,
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-grid-image .ttp-expand-slide-out-click .fa{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-table-layout .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-popup-click .fa,
.ttp-table-layout .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click .fa{
opacity: 1;
visibility: visible;
}
/*table layout template1 starts*/
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper{
border-bottom: 2px solid #fff;
height: 130px;
}
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper:nth-child(even){
background-color: #cfad84;
}
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper:nth-child(odd){
background-color: #fee7ca;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa{
color: #000;
height: 30px;
line-height: 30px;
width: 30px;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa:hover{
background: #fff;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
}
.ttp-table-layout #ttp-template-1 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
}
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper .ttp-content-header:before{
content: "";
position: absolute;
border-top: 158px solid transparent;
border-right: 30px solid red;
top: -54px;
left: -30px;
}
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper:nth-child(even) .ttp-content-header:before{
border-right: 30px solid #cfad84;
}
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper:nth-child(odd) .ttp-content-header:before{
border-right: 30px solid #fee7ca;
}
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper .ttp-secondary-content,
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper .ttp-thumb-position,
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper .ttp-content-header{
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: 600;
}
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper .ttp-secondary-content{
height: 65px;
overflow: auto;
padding:0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ttp-table-layout .ttp-content-inner-link-list a{
font-size: 14px;
font-family: 'Raleway', sans-serif;
}
.ttp-table-layout #ttp-template-1 .ttp-content-inner-link-list a{
color: #000;
}
@media only screen and (max-width: 768px){
.ttp-table-layout .ttp-inner-whole-wrapper{
height: unset;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper{
height: unset;
}
.ttp-table-layout .ttp-inner-whole-wrapper > div{
padding: 10px 0;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-grid-image{
width: 40%;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-content-header,
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-thumb-position,
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-secondary-content,
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-team-member-table-social-link{
width: 100%;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-content-header:before{
visibility: hidden;
}
.ttp-table-layout #ttp-template-1 .ttp-inner-whole-wrapper .ttp-secondary-content{
height: unset;
max-height: 300px;
overflow: auto;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-grid-image img{
height: unset;
width: unset;
}
}
/*table layout template1 ends*/
/*table layout template2 starts*/
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper{
padding: 20px 0;
height: 120px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #d9d9d9;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper:first-child{
border-top: 1px solid #d9d9d9;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-grid-image{
height: 100%;
width: 10%;
overflow: hidden;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-grid-image img{
width: unset;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-team-member-table-social-link{
width: 20%;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-secondary-content{
height: 100%;
overflow: auto;
}
.ttp-table-layout #ttp-template-2 .ttp-social-link-list-default .fa{
color: #111;
padding: 9px;
}
.ttp-table-layout #ttp-template-2 .ttp-social-link-list-default .fa:hover{
color: #aaa;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-secondary-content,
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-thumb-position,
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-content-header{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
color: #6B6B6B;
display: block;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-secondary-content{
margin: 0 50px;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-address,
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-telephone,
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-emailaddress{
padding: 0 50px;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-grid-image .ttp-expand-popup-click,
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-grid-image .ttp-expand-slide-out-click{
padding-top: 35%;
}
@media only screen and (max-width: 768px){
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper{
height: unset;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-grid-image{
width: 50%;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-team-member-table-social-link{
width: 100%;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-secondary-content{
margin: 0;
}
.ttp-table-layout .ttp-secondary-content{
max-height: 300px;
overflow: auto;
}
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-grid-image .ttp-expand-popup-click,
.ttp-table-layout #ttp-template-2 .ttp-inner-whole-wrapper .ttp-grid-image .ttp-expand-slide-out-click{
padding-top: 50%;
}
}
/*table layout template2 ends*/
/*table layout template3 starts*/
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper{
border-right: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
height: 120px;
padding: 20px 0;
}
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper:nth-child(odd){
background-color: #f2f2f2;
border: 1px solid #e4e4e4;
}
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper:last-child{
border-bottom: 1px solid #e4e4e4;
}
.ttp-table-layout #ttp-template-3 .ttp-social-link-list-default .fa{
color: #111;
height: 30px;
width: 30px;
line-height: 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid transparent;
text-align: center;
}
.ttp-table-layout #ttp-template-3 .ttp-social-link-list-default .fa:hover{
border: 1px solid #111;
}
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-secondary-content,
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-thumb-position,
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-content-header{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
}
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-grid-image{
height: 100%;
text-align: left;
overflow: hidden;
}
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-content-skill-list-wrap{
height: 80px;
overflow: auto;
}
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-grid-image img{
width: 100%;
height: auto;
}
.ttp-table-layout #ttp-template-3 .ttp-expand-popup-click .fa{
color: #fff;
}
@media only screen and (max-width: 768px){
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper{
height: unset;
padding: 20px;
}
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-grid-image{
text-align: center;
padding-left: 0;
}
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-content-skill-list-wrap{
max-height: 300px;
height: unset;
}
.ttp-table-layout #ttp-template-3 .ttp-inner-whole-wrapper .ttp-grid-image img{
height: unset;
}
}
/*table layput template3 ends*/
/*table layout template4 starts*/
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper{
height: 120px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #d9d9d9;
margin-top: 6px;
}
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper:first-child{
margin-top: 0;
}
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-grid-image{
height: 100%;
width: 15%;
text-align: left;
}
.ttp-table-layout .ttp-inner-whole-wrapper .ttp-grid-image img{
width: 100%;
height: auto;
}
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-team-member-table-social-link{
width: 20%;
}
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-secondary-content{
height: 65px;
overflow: auto;
}
.ttp-table-layout #ttp-template-4 .ttp-social-link-list-default .fa{
color: #111;
border: 1px solid transparent;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.ttp-table-layout #ttp-template-4 .ttp-social-link-list-default .fa:hover{
border: 1px solid #111;
}
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-secondary-content{
width: 35%;
}
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-secondary-content,
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-thumb-position,
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-content-header{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
color: #6B6B6B;
display: block;
}
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-secondary-content{
margin: 0 50px;
}
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-address,
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-telephone,
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-emailaddress{
padding: 0 50px;
}
.ttp-table-layout #ttp-template-4 .ttp-expand-popup-click .fa{
color: #fff;
}
@media only screen and (max-width: 768px){
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper{
height: unset;
}
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-grid-image{
width: 30%;
}
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-team-member-table-social-link{
width: 100%;
}
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-secondary-content{
margin: 0;
width: 100%;
max-height: 300px;
height: unset;
overflow: auto;
padding: 0 10px;
}
.ttp-table-layout .ttp-secondary-content{
max-height: 300px;
overflow: auto;
}
}
@media only screen and (max-width: 480px){
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-address,
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-telephone,
.ttp-table-layout #ttp-template-4 .ttp-inner-whole-wrapper .ttp-secondary-content .ttp-thumb-emailaddress{
padding: 0 10px;
}
}
/*table layout template4 ends*/
/*table style ends*/
/*thumbnails style starts*/
.ttp-thumbnail-layout #ttp-column-8 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 12.5%;
float: left;
}
.ttp-thumbnail-layout #ttp-column-7 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 14.285%;
float: left;
}
.ttp-thumbnail-layout #ttp-column-6 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 16.666%;
float: left;
}
.ttp-thumbnail-layout #ttp-column-5 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 20%;
float: left;
}
.ttp-thumbnail-layout #ttp-column-4 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 25%;
float: left;
}
.ttp-thumbnail-layout #ttp-column-3 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 33.333%;
float: left;
}
.ttp-thumbnail-layout #ttp-column-2 .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 50%;
float: left;
}
.widget_totalteam_widget .ttp-thumbnail-layout .grid-row-wrapper .ttp-inner-whole-wrapper{
width: 100% !important;
}
.ttp-thumbnail-layout #ttp-column-4 .grid-row-wrapper .ttp-inner-whole-wrapper:nth-child(5){
clear: left;
}
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-thumb-image{
overflow: hidden;
position: relative;
max-width: 150px;
max-height: 150px;
margin: auto;
margin-top: 20px;
}
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-thumb-image .ttp-expand-popup-click,
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-thumb-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
cursor: pointer;
}
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-thumb-image .ttp-expand-popup-click .fa,
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-thumb-image .ttp-expand-slide-out-click .fa{
color: #FFF;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-content-header{
font-family: 'Oxygen', sans-serif;
font-size: 16px;
display: block;
position: absolute;
left: 0;
top: 35%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
color: #FFF;
text-align: center;
line-height: 15px;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-thumb-position{
font-family: 'Oxygen', sans-serif;
font-size: 12px;
display: block;
position: absolute;
top: 60%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
color: #FFF;
text-align: center;
opacity: 0;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-thumb-image:hover .ttp-content-header,
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-thumb-image:hover .ttp-thumb-position,
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-thumb-image:hover .ttp-expand-popup-click,
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-thumb-image:hover .ttp-expand-slide-out-click{
opacity: 1;
visibility: visible;
}
.ttp-thumbnail-layout .grid-row-wrapper{
margin-bottom: 20px;
clear: left;
}
.ttp-thumbnail-layout .grid-row-wrapper:last-child{
margin-bottom: 0;
}
.ttp-thumbnail-layout .ttp-secondary-content .ttp-thumb-address,
.ttp-thumbnail-layout .ttp-secondary-content .ttp-thumb-telephone,
.ttp-thumbnail-layout .ttp-secondary-content .ttp-thumb-emailaddress{
color: #4c4c4c;
margin-top: 5px !important;
display: block;
}
.ttp-thumbnail-layout .ttp-secondary-content .ttp-thumb-address:before,
.ttp-thumbnail-layout .ttp-secondary-content .ttp-thumb-telephone:before,
.ttp-thumbnail-layout .ttp-secondary-content .ttp-thumb-emailaddress:before{
color: #4c4c4c;
text-align: center;
padding-right: 10px;
}
.ttp-thumbnail-layout .ttp-secondary-content .ttp-thumb-address:before{content: '\f2b9';font-family: FontAwesome;}
.ttp-thumbnail-layout .ttp-secondary-content .ttp-thumb-telephone:before{content: '\f095';font-family: FontAwesome;}
.ttp-thumbnail-layout .ttp-secondary-content .ttp-thumb-emailaddress:before{content: '\f0e0';font-family: FontAwesome;}
.ttp-thumbnail-layout .ttp-thumb-position{
font-size: 16px;
}
.ttp-thumbnail-layout .ttp-content-header{
font-size: 22px;
}
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-no-thumb-expand-icon .ttp-thumb-image .ttp-expand-popup-click .fa,
.ttp-thumbnail-layout .ttp-inner-whole-wrapper .ttp-no-thumb-expand-icon .ttp-thumb-image .ttp-expand-slide-out-click .fa{
color: transparent;
}
/*thumbnails style ends*/
/*popup and slideout style starts*/
.mCSB_container .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 0px 0 18px 0;
}
.mCSB_container .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #4c4c4c !important;
}
.mCSB_container .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
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);
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);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
animation: progress-bar 2s linear infinite;
}
.mCSB_container .ttp-content-skill-list-top .ttp-skill-label,
.mCSB_container .ttp-content-skill-list-top .ttp-skill-value,
.mCSB_container .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #4e4e4e;
}
.mCSB_container .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
float: left;
}
.mCSB_container .ttp-content-skill-list-top .ttp-skill-value{
float: right;
}
.mCSB_container .ttp-content-external-link-list{
color: #4c4c4c;
}
.mCSB_container .ttp-content-external-link-list a{
color: #4c4c4c;
}
.mCSB_container .ttp-secondary-content{
margin: 20px 0;
}
.mCSB_container .ttp-content-quote{
margin: 10px 0;
display: block;
}
.mCSB_container .ttp-content-open-header{
font-size: 22px;
font-weight: 700;
display: block;
}
.mCSB_container .ttp-content-open-subheader{
font-size: 16px;
font-weight: 600;
display: block;
}
.mCSB_container .ttp-content-quote{
font-size: 14px;
}
.mCSB_container .ttp-team-member-content p{
margin: 0 0 20px;
font-size: 15px;
}
.mCSB_container .ttp-content-header{
font-weight: 700;
font-size: 22px;
margin-top: 10px;
}
#ttp-template-24 .mCSB_container .ttp-content-header{
font-size: 22px;
}
.mCSB_container .ttp-thumb-position{
font-weight: 600;
font-size: 16px;
}
iframe{
margin-top: 10px;
}
.mCustomScrollBox{
margin-right: 0 !important;
}
/*popup and slideout style ends*/
/*single page total team style starts*/
.single-totalteam
.single-totalteam .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title{
height: 13px !important;
margin: 0px 0 18px 0;
}
.single-totalteam .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
background-color: #4c4c4c !important;
}
.single-totalteam .ttp-content-skill-list-wrap .ttp-content-skill-list .ttp-bar-skill-title .sb_bar{
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);
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);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
animation: progress-bar 2s linear infinite;
}
.single-totalteam .ttp-content-skill-list-top .ttp-skill-label,
.single-totalteam .ttp-content-skill-list-top .ttp-skill-value,
.single-totalteam .ttp-secondary-content .ttp-thumb-description{
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #4e4e4e;
}
.single-totalteam .ttp-content-skill-list-top .ttp-skill-label{
text-transform: capitalize;
float: left;
}
.single-totalteam .ttp-content-skill-list-top .ttp-skill-value{
float: right;
}
.single-totalteam .ttp-content-external-link-list{
color: #4c4c4c;
}
.single-totalteam .ttp-secondary-content{
margin: 20px 0;
}
.single-totalteam .ttp-content-quote{
margin: 10px 0;
display: block;
}
.single-totalteam .ttp-content-open-header{
font-size: 22px;
font-weight: 700;
display: block;
}
.single-totalteam .ttp-content-open-subheader{
font-size: 16px;
font-weight: 600;
display: block;
}
.single-totalteam .ttp-content-quote{
font-size: 14px;
}
.single-totalteam .ttp-team-member-content p{
margin: 20px 0;
font-size: 15px;
}
.single-totalteam .ttp-content-header{
font-weight: 700;
font-size: 22px;
}
.single-totalteam .ttp-thumb-position{
font-weight: 600;
font-size: 16px;
}
.single-totalteam .ttp-thumb-address,
.single-totalteam .ttp-thumb-telephone,
.single-totalteam .ttp-thumb-emailaddress{
height: 30px;
padding-left: 40px;
margin-top: 18px;
overflow: hidden;
display: block;
position: relative;
}
.single-totalteam .ttp-thumb-address:before,
.single-totalteam .ttp-thumb-telephone:before,
.single-totalteam .ttp-thumb-emailaddress:before{
height: 30px;
line-height: 30px;
width: 30px;
background: #4c4c4c;
color: #fff;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
position: absolute;
left: 0;
top: 0;
font-size: 14px;
}
.single-totalteam .ttp-thumb-address:before{content: '\f2b9';font-family: FontAwesome;}
.single-totalteam .ttp-thumb-telephone:before{content: '\f095';font-family: FontAwesome;}
.single-totalteam .ttp-thumb-emailaddress:before{content: '\f0e0';font-family: FontAwesome;}
.single-totalteam .ttp-content-skill-list{
margin-bottom: 15px;
}
.single-totalteam .ttp-content-external-link-list a{
color: #4c4c4c;
}
/*single page total team style ends*/
/*carousel style starts*/
/*carousal template 1 style starts*/
.ttp-carousal-layout #ttp-template-1 .ttp-grid-thumb-wrapper{
overflow: hidden;
margin-bottom: 50px;
}
.ttp-carousal-layout #ttp-template-1 .ttp-primary-content{
position: relative;
margin-bottom: 15px;
}
.ttp-carousal-layout #ttp-template-1 .ttp-primary-content .ttp-content-header{
position: absolute;
left: 50%;
top: 10%;
-webkit-transform: translate(-50%,-10%);
-moz-transform: translate(-50%,-10%);
-ms-transform: translate(-50%,-10%);
-o-transform: translate(-50%,-10%);
transform: translate(-50%,-10%);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
color: #FFF;
visibility: hidden;
opacity: 0;
font-size: 20px;
width: fit-content;
}
.ttp-carousal-layout #ttp-template-1 .ttp-carousal-inner:hover .ttp-primary-content .ttp-content-header{
left: 50%;
top: 70%;
-webkit-transform: translate(-50%,-70%);
-moz-transform: translate(-50%,-70%);
-ms-transform: translate(-50%,-70%);
-o-transform: translate(-50%,-70%);
transform: translate(-50%,-70%);
visibility: visible;
opacity: 1;
}
.ttp-carousal-layout #ttp-template-1 #ttp-column-3 .ttp-carousal-inner:hover .ttp-primary-content .ttp-content-header,
.ttp-carousal-layout #ttp-template-1 #ttp-column-4 .ttp-carousal-inner:hover .ttp-primary-content .ttp-content-header{
left: 50%;
top: 72%;
-webkit-transform: translate(-50%,-72%);
-moz-transform: translate(-50%,-72%);
-ms-transform: translate(-50%,-72%);
-o-transform: translate(-50%,-72%);
transform: translate(-50%,-72%);
visibility: visible;
opacity: 1;
font-size: smaller;
}
.ttp-carousal-layout #ttp-template-1 .ttp-primary-content .ttp-thumb-position{
position: absolute;
left: 50%;
top: 10%;
-webkit-transform: translate(-50%,-10%);
-moz-transform: translate(-50%,-10%);
-ms-transform: translate(-50%,-10%);
-o-transform: translate(-50%,-10%);
transform: translate(-50%,-10%);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
color: #FFF;
visibility: hidden;
opacity: 0;
font-size: 13px;
}
.ttp-carousal-layout #ttp-template-1 .ttp-carousal-inner:hover .ttp-primary-content .ttp-thumb-position{
left: 50%;
top: 60%;
-webkit-transform: translate(-50%,-60%);
-moz-transform: translate(-50%,-60%);
-ms-transform: translate(-50%,-60%);
-o-transform: translate(-50%,-60%);
transform: translate(-50%,-60%);
visibility: visible;
opacity: 1;
}
.ttp-carousal-layout #ttp-template-1 #ttp-column-3 .ttp-carousal-inner:hover .ttp-primary-content .ttp-thumb-position,
.ttp-carousal-layout #ttp-template-1 #ttp-column-4 .ttp-carousal-inner:hover .ttp-primary-content .ttp-thumb-position{
left: 50%;
top: 60%;
-webkit-transform: translate(-50%,-60%);
-moz-transform: translate(-50%,-60%);
-ms-transform: translate(-50%,-60%);
-o-transform: translate(-50%,-60%);
transform: translate(-50%,-60%);
visibility: visible;
opacity: 1;
font-size: x-small;
}
.ttp-carousal-layout #ttp-template-1 .ttp-expand-slide-out-click,
.ttp-carousal-layout #ttp-template-1 .ttp-expand-popup-click{
position: absolute;
left: 0px;
top: -100%;
color: transparent;
cursor: pointer;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Safari 5.1-6.0 */
background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Opera 11.1-12.0 */
background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Firefox 3.6-15 */
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
border-bottom: 3px solid #ff8217;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.ttp-carousal-layout #ttp-template-1 .ttp-carousal-inner:hover .ttp-primary-content .ttp-expand-slide-out-click,
.ttp-carousal-layout #ttp-template-1 .ttp-carousal-inner:hover .ttp-primary-content .ttp-expand-popup-click{
top: 0%;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
}
.ttp-carousal-layout #ttp-template-1 .ttp-thumb-social-link{
position: absolute;
left: 50%;
top: 0px;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
z-index: 1;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
visibility: hidden;
opacity: 0;
height: 40px;
overflow: auto;
width: fit-content;
}
.ttp-carousal-layout #ttp-template-1 .ttp-carousal-inner:hover .ttp-thumb-social-link{
position: absolute;
left: 50%;
top: 90%;
-webkit-transform: translate(-50%,-90%);
-moz-transform: translate(-50%,-90%);
-ms-transform: translate(-50%,-90%);
-o-transform: translate(-50%,-90%);
transform: translate(-50%,-90%);
visibility: visible;
opacity: 1;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default{
float: left;
text-align: center;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa{
color: #fff;
height: 30px;
line-height: 30px;
width: 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
border: 1px solid transparent;
margin: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa:hover{
background: #fff;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
border: 1px solid #0084b4;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
border: 1px solid #3d5998;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
border: 1px solid #d34836;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
border: 1px solid #0077B5;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
border: 1px solid #00aff0;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
border: 1px solid #9b6954;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
border: 1px solid #ff0000;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
border: 1px solid #21759b;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-digg{
background: #000;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
border: 1px solid #000;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
border: 1px solid rgb(255, 69, 0);
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
}
.ttp-carousal-layout #ttp-template-1 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
border: 1px solid #C92228;
}
@media only screen and (max-width: 1202px) and (min-width: 780px) {
.ttp-carousal-layout #ttp-template-1 #ttp-column-3 .ttp-carousal-inner:hover .ttp-primary-content .ttp-thumb-position,
.ttp-carousal-layout #ttp-template-1 #ttp-column-4 .ttp-carousal-inner:hover .ttp-primary-content .ttp-thumb-position{
font-size: xx-small;
}
.ttp-carousal-layout #ttp-template-1 #ttp-column-3 .ttp-carousal-inner:hover .ttp-primary-content .ttp-content-header,
.ttp-carousal-layout #ttp-template-1 #ttp-column-4 .ttp-carousal-inner:hover .ttp-primary-content .ttp-content-header{
font-size: x-small;
}
.ttp-carousal-layout #ttp-template-1 #ttp-column-3 .ttp-social-link-list-default .fa,
.ttp-carousal-layout #ttp-template-1 #ttp-column-4 .ttp-social-link-list-default .fa{
height: 25px;
width: 25px;
line-height: 25px;
}
.ttp-carousal-layout #ttp-template-1 #ttp-column-3 .ttp-thumb-social-link,
.ttp-carousal-layout #ttp-template-1 #ttp-column-4 .ttp-thumb-social-link{
height: 35px;
}
}
.ttp-carousal-layout #ttp-template-1 .ttp-carousal-inner{
position: relative;
}
/*carousal template 1 style ends*/
/*carousal template 2 style starts*/
.ttp-carousal-layout #ttp-template-2 .ttp-grid-image{
position: relative;
}
.ttp-carousal-layout #ttp-template-2 .ttp-grid-image img{
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-carousal-layout #ttp-template-2 .ttp-expand-popup-click,
.ttp-carousal-layout #ttp-template-2 .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
background-color: rgba(0,0,0,0.5);
color: transparent;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
visibility: hidden;
opacity: 0;
}
.ttp-carousal-layout #ttp-template-2 .ttp-content-header{
position: absolute;
left: 50%;
top: 35%;
-webkit-transform: translate(-50%, -35%);
-moz-transform: translate(-50%, -35%);
-ms-transform: translate(-50%, -35%);
-o-transform: translate(-50%, -35%);
transform: translate(-50%, -35%);
color: #FFF;
font-family: 'Roboto Slab', serif;
font-size: 18px;
opacity: 0;
visibility: hidden;
width: fit-content;
}
.ttp-carousal-layout #ttp-template-2 .ttp-thumb-position{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #FFF;
font-family: 'Roboto', sans-serif;
font-size: 13px;
opacity: 0;
visibility: hidden;
}
.ttp-carousal-layout #ttp-template-2 .ttp-thumb-social-link{
position: absolute;
left: 50%;
top: 70%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 40px;
overflow: auto;
opacity: 0;
visibility: hidden;
}
.ttp-carousal-layout #ttp-template-2 .ttp-thumb-social-link .ttp-social-link-list-default .fa{
color: #FFF;
height: 36px;
line-height: 33px;
width: 36px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #fff;
text-align: center;
margin: 0 2px 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ttp-carousal-layout #ttp-template-2 .ttp-inner-whole-wrapper:hover .ttp-grid-image img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.ttp-carousal-layout #ttp-template-2 .ttp-inner-whole-wrapper:hover .ttp-expand-popup-click,
.ttp-carousal-layout #ttp-template-2 .ttp-inner-whole-wrapper:hover .ttp-expand-slide-out-click{
-webkit-transform: scale(1.1 );
-moz-transform: scale(1.1 );
-ms-transform: scale(1.1 );
-o-transform: scale(1.1 );
transform: scale(1.1 );
opacity: 1;
visibility: visible;
}
.ttp-carousal-layout #ttp-template-2 .ttp-inner-whole-wrapper:hover .ttp-thumb-social-link,
.ttp-carousal-layout #ttp-template-2 .ttp-inner-whole-wrapper:hover .ttp-content-header,
.ttp-carousal-layout #ttp-template-2 .ttp-inner-whole-wrapper:hover .ttp-thumb-position{
opacity: 1;
visibility: visible;
}
.ttp-carousal-layout #ttp-template-2 .owl-carousel .owl-item{
margin: 20px 0;
}
.ttp-carousal-layout #ttp-template-2 .owl-carousel .owl-item:hover{
z-index: 1;
}
/*carousal template 2 style ends*/
/*carousal template 3 style starts*/
.ttp-carousal-layout #ttp-template-3 .ttp-carousal-inner{
background: #FFF;
padding: 10%;
margin: 5%;
-webkit-border-radius: 8px;
border-radius: 8px;
overflow: visible;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
min-height: 300px;
}
.ttp-carousal-layout #ttp-template-3 .ttp-carousal-inner:hover{
-webkit-box-shadow: 0px 12px 20px #ddd;
box-shadow: 0px 12px 20px #ddd;
}
.ttp-carousal-layout #ttp-template-3 .ttp-grid-image{
position: relative;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
margin: 10% 20%;
margin-top: 0;
text-align: center;
}
.ttp-carousal-layout #ttp-template-3 .ttp-grid-image .ttp-expand-popup-click,
.ttp-carousal-layout #ttp-template-3 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
color: transparent;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ttp-carousal-layout #ttp-template-3 .ttp-primary-content{
text-align: center;
}
.ttp-carousal-layout #ttp-template-3 .ttp-thumb-social-link{
text-align: center;
height: 26px;
overflow: auto;
margin-top: 40px;
margin-bottom: 20px;
}
.ttp-carousal-layout #ttp-template-3 .ttp-thumb-social-link .ttp-social-link-list-default .fa{
color: #a4b2b9;
padding: 0 8px;
}
.ttp-carousal-layout #ttp-template-3 .ttp-content-header{
font-weight: 900;
color: #0080ff;
font-size: 20px;
}
.ttp-carousal-layout #ttp-template-3 .ttp-thumb-position{
color: #8d9fa7;
font-size: 16px;
}
.ttp-carousal-layout #ttp-template-3 .owl-theme .owl-dots .owl-dot span {
width: 20px !important;
height: 6px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
}
/*carousal template 3 style ends*/
/*carousal template 4 style starts*/
.ttp-carousal-layout #ttp-template-4 .ttp-inner-whole-wrapper{
position: relative;
}
.ttp-carousal-layout #ttp-template-4 .ttp-grid-image{
overflow: hidden;
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
margin: 0 25% 60%;
z-index: 1;
border: 8px solid #fff;
}
.ttp-carousal-layout #ttp-template-4 .ttp-grid-image .ttp-expand-popup-click,
.ttp-carousal-layout #ttp-template-4 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-border-radius: 50%;
border-radius: 50%;
color: transparent;
}
.ttp-carousal-layout #ttp-template-4 .ttp-item-details{
text-align: center;
background-color: #e1e1e6;
position: absolute;
left: 0;
top: 60%;
width: 100%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-carousal-layout #ttp-template-4 .ttp-item-details:hover{
background-color: #f0a700;
-webkit-box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.25);
box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.25);
}
.ttp-carousal-layout #ttp-template-4 .ttp-content-header{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 18px;
padding-top: 25%;
}
.ttp-carousal-layout #ttp-template-4 .ttp-thumb-social-link{
height: 40px;
overflow: auto;
margin: 20px 0;
}
.ttp-carousal-layout #ttp-template-4 .ttp-thumb-social-link .fa{
color: #000;
margin: 0 15px;
height: 40px;
line-height: 40px;
}
.ttp-carousal-layout #ttp-template-4 .owl-theme .owl-nav [class*=owl-]{
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-carousal-layout #ttp-template-4 .owl-theme .owl-nav [class*=owl-]:hover,
.ttp-carousal-layout #ttp-template-4 .owl-theme .owl-dots .owl-dot.active span,
.ttp-carousal-layout #ttp-template-4 .owl-theme .owl-dots .owl-dot:hover span{
background-color: #f0a700;
}
@media only screen and (max-width: 820px){
.ttp-carousal-layout #ttp-template-4 .ttp-grid-image{
margin: 0 20% 60%;
border: 5px solid #fff;
}
.ttp-carousal-layout #ttp-template-4 .ttp-content-header{
padding-top: 30%;
}
}
/*carousal template 4 style ends*/
/*carousal template 5 style start*/
.ttp-carousal-layout #ttp-template-5 .ttp-grid-image{
border-top: 5px solid #ff2e63;
overflow: hidden;
}
.ttp-carousal-layout #ttp-template-5 .ttp-grid-image img{
max-width: 100%;
overflow: hidden;
text-align: center;
display: block;
-webkit-transition: .8s;
-moz-transition: .8s;
-ms-transition: .8s;
-o-transition: .8s;
transition: .8s;
}
.ttp-carousal-layout #ttp-template-5 .ttp-primary-content .ttp-thumb-position{
color: #9e9e9e;
display: block;
/*text-transform: uppercase;*/
font-size: 18px;
}
.ttp-carousal-layout #ttp-template-5 #ttp-column-2 .ttp-primary-content .ttp-thumb-position{
font-size: 16px;
}
.ttp-carousal-layout #ttp-template-5 #ttp-column-3 .ttp-primary-content .ttp-thumb-position{
font-size: 14px;
}
.ttp-carousal-layout #ttp-template-5 #ttp-column-4 .ttp-primary-content .ttp-thumb-position{
font-size: 12px;
}
.ttp-carousal-layout #ttp-template-5 .ttp-primary-content {
color: #343434;
font-size: 24px;
display: block;
/*text-transform: uppercase;*/
}
.ttp-carousal-layout #ttp-template-5 .ttp-expand-popup-click, .ttp-carousal-layout #ttp-template-5 .ttp-grid-image span{
position: relative;
cursor: pointer;
}
.ttp-carousal-layout #ttp-template-5 .ttp-expand-popup-click{
width: 100%;
}
.ttp-carousal-layout #ttp-template-5 .ttp-expand-slide-out-click .fa,
.ttp-carousal-layout #ttp-template-5 .ttp-expand-popup-click .fa{
height: 54px;
width: 54px;
background: #ff2e64;
color: #fff;
text-align: center;
padding-top: 15px;
position: absolute;
bottom: 0px;
right: 0px;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
}
.ttp-carousal-layout #ttp-template-5 .ttp-carousal-inner:hover .ttp-expand-slide-out-click .fa,
.ttp-carousal-layout #ttp-template-5 .ttp-carousal-inner:hover .ttp-expand-popup-click .fa{
visibility: visible;
opacity: 1;
}
.ttp-carousal-layout #ttp-template-5 .ttp-carousal-inner:hover .ttp-grid-image img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ttp-carousal-layout #ttp-template-5 .ttp-expand-popup-click,
.ttp-carousal-layout #ttp-template-5 .ttp-expand-slide-out-click{
display: block;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa{
width: 26px;
height: 26px;
color: #fff;
font-size: 18px;
text-align: center;
padding-top: 5px;
margin: 0 10px 10px 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: left;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
border: 1px solid transparent;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
border: 1px solid #0084b4;
background: #fff;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
border: 1px solid transparent;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
border: 1px solid #3d5998;
background: #fff;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
border: 1px solid transparent;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
border: 1px solid #d34836;
background: #fff;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
border: 1px solid transparent;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
border: 1px solid #0077B5;
background: #fff;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
border: 1px solid transparent;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
border: 1px solid #00aff0;
background: #fff;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
border: 1px solid transparent;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
border: 1px solid #9b6954;
background: #fff;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
border: 1px solid transparent;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
background: #fff;
border: 1px solid #ff0000;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
border: 1px solid transparent;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
border: 1px solid #21759b;
background: #fff;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-digg{
border: 1px solid transparent;
background: #000;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
border: 1px solid #000;
background: #fff;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
border: 1px solid transparent;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
background: #fff;
border: 1px solid rgb(255, 69, 0);
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
border: 1px solid transparent;
}
.ttp-carousal-layout #ttp-template-5 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
border: 1px solid #C92228;
background: #fff;
}
.ttp-carousal-layout #ttp-template-5 .ttp-primary-content .ttp-thumb-position{
margin-top: 10px;
}
.ttp-social-link-list-default{
display: inline-block;
}
/*carousal template 5 style ends*/
/*carousal template 6 style starts*/
.ttp-carousal-layout #ttp-template-6 .ttp-grid-thumb-wrapper{
margin-bottom: 30px;
}
.ttp-carousal-layout #ttp-template-6 .ttp-grid-image{
position: relative;
}
.ttp-carousal-layout #ttp-template-6 .ttp-primary-content{
text-align: center;
position: relative;
margin-bottom: 40px;
}
.ttp-carousal-layout #ttp-template-6 .ttp-primary-content .ttp-content-header{
font-family: 'Raleway', sans-serif;
font-size: 16px;
font-weight: bold;
display: block;
background: #f2f2f2;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
padding: 20px 0 5px 0;
}
.ttp-carousal-layout #ttp-template-6 .ttp-primary-content .ttp-thumb-position{
font-family: 'Raleway', sans-serif;
font-size: 13px;
display: block;
background: #f2f2f2;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
padding-bottom: 20px;
}
.ttp-carousal-layout #ttp-template-6 .ttp-expand-slide-out-click,
.ttp-carousal-layout #ttp-template-6 .ttp-expand-popup-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
color: transparent;
}
.ttp-carousal-layout #ttp-template-6 .ttp-primary-content .ttp-thumb-social-link{
background: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0px;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
width: 100%;
}
.ttp-carousal-layout #ttp-template-6 .ttp-primary-content .ttp-social-link-list-default{
display: inline-block;
padding-right: 20px;
}
.ttp-carousal-layout #ttp-template-6 .ttp-primary-content .ttp-social-link-list-default .fa{
color: #b8ab81;
line-height: 45px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-size: 18px;
}
.ttp-carousal-layout #ttp-template-6 .ttp-primary-content .ttp-social-link-list-default .fa:hover{
color: #fff;
}
.ttp-carousal-layout #ttp-template-6 .ttp-carousal-inner:hover .ttp-content-header,
.ttp-carousal-layout #ttp-template-6 .ttp-carousal-inner:hover .ttp-thumb-position{
background: #b8ab81;
color: #fff;
}
.ttp-carousal-layout #ttp-template-6 .ttp-carousal-inner:hover .ttp-thumb-social-link{
visibility: visible;
opacity: 1;
}
/*carousal template 6 style ends*/
/*carousal template 7 style starts*/
.ttp-carousal-layout #ttp-template-7 .owl-stage-outer{
padding: 20px 0;
cursor: -webkit-grab;
}
.ttp-carousal-layout #ttp-template-7 .ttp-inner-whole-wrapper{
background-color: #FFF;
text-align: center;
-webkit-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.ttp-carousal-layout #ttp-template-7 .ttp-grid-image{
position: relative;
overflow: hidden;
}
.ttp-carousal-layout #ttp-template-7 .ttp-grid-image .ttp-expand-popup-click,
.ttp-carousal-layout #ttp-template-7 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: transparent;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-carousal-layout #ttp-template-7 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-popup-click,
.ttp-carousal-layout #ttp-template-7 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click{
background-color: rgba(38, 30, 76, .8);
}
.ttp-carousal-layout #ttp-template-7 .ttp-content-header{
font-weight: 700;
font-size: 18px;
padding-top: 20px;
color: #fff;
}
.ttp-carousal-layout #ttp-template-7 .team-info-block .ttp-content-header,
.ttp-carousal-layout #ttp-template-7 .ttp-team-inner-hidden .ttp-content-header{
color: #4c4c4c;
padding-top: 0;
}
.ttp-carousal-layout #ttp-template-7 .ttp-thumb-position{
font-size: 13px;
padding-top: 10px;
color: #eeb313;
}
.ttp-carousal-layout #ttp-template-7 .ttp-thumb-social-link{
height: 40px;
overflow: auto;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #FFF;
visibility: hidden;
opacity: 0;
background-color: #261e4c;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-carousal-layout #ttp-template-7 .ttp-details-wrapper{
height: 100px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: #FFF;
background-color: #261e4c;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-carousal-layout #ttp-template-7 .ttp-inner-whole-wrapper:hover .ttp-details-wrapper{
bottom: 40px;
background-color: #eeb313;
}
.ttp-carousal-layout #ttp-template-7 .ttp-inner-whole-wrapper:hover .ttp-thumb-social-link{
bottom: 0%;
visibility: visible;
opacity: 1;
}
.ttp-carousal-layout #ttp-template-7 .ttp-inner-whole-wrapper:hover .ttp-content-header{
color: #221b3f;
}
.ttp-carousal-layout #ttp-template-7 .ttp-inner-whole-wrapper:hover .ttp-thumb-position{
color: #fff;
}
.ttp-carousal-layout #ttp-template-7 .ttp-thumb-social-link .fa {
color: #fff;
padding:0 14px;
height: 40px;
line-height: 40px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-size: 18px;
}
.ttp-carousal-layout #ttp-template-7 .ttp-thumb-social-link .fa:hover {
color: #eeb313;
}
.ttp-carousal-layout #ttp-template-7 .owl-theme .owl-dots .owl-dot{
margin: 20px 0;
}
.ttp-carousal-layout #ttp-template-7 .owl-theme .owl-dots .owl-dot span{
height: 6px !important;
width: 20px !important;
background-color: #261e4c;
}
.ttp-carousal-layout #ttp-template-7 .owl-theme .owl-dots .owl-dot.active span,
.ttp-carousal-layout #ttp-template-7 .owl-theme .owl-dots .owl-dot:hover span{
background-color: #eeb313;
}
.ttp-carousal-layout #ttp-template-7 .owl-theme .owl-nav{
display: none;
}
/*carousal template 7 style ends*/
/*carousal template 8 style starts*/
.ttp-carousal-layout #ttp-template-8 .ttp-introduction-details{
background-color: #fb7f2c;
color: #fff;
text-align: center;
padding: 0px 40px 10px;
cursor: -webkit-grab;
}
.ttp-carousal-layout #ttp-template-8 .ttp-content-header{
font-family: 'PT Sans', sans-serif;
font-weight: 700;
font-size: 18px;
padding-top: 20px;
}
.ttp-carousal-layout #ttp-template-8 .ttp-thumb-position{
font-family: 'PT Sans', sans-serif;
font-weight: 400;
font-size: 15px;
border-bottom: 1px solid transparent;
width: 80%;
display: inline-block;
}
.ttp-carousal-layout #ttp-template-8 .ttp-primary-content:hover .ttp-thumb-position{
border-bottom: 1px solid #fdb585;
}
.ttp-carousal-layout #ttp-template-8 .ttp-thumb-social-link{
height: 46px;
text-align: center;
}
.ttp-carousal-layout #ttp-template-8 .ttp-social-link-list-default .fa{
color: transparent;
}
.ttp-carousal-layout #ttp-template-8 .team-info-block .ttp-social-link-list-default .fa,
.ttp-carousal-layout #ttp-template-8 .ttp-team-inner-hidden .ttp-social-link-list-default .fa{
color: #fb7f2c;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
border: 1px solid transparent;
}
.ttp-carousal-layout #ttp-template-8 .team-info-block .ttp-social-link-list-default .fa:hover,
.ttp-carousal-layout #ttp-template-8 .ttp-team-inner-hidden .ttp-social-link-list-default .fa:hover{
border: 1px solid #fb7f2c;
color: #fb7f2c;
}
.ttp-carousal-layout #ttp-template-8 .ttp-primary-content:hover .ttp-social-link-list-default .fa{
color: #fff;
font-size: 18px;
height: 30px;
width: 30px;
line-height: 30px;
}
.ttp-carousal-layout #ttp-template-8 .ttp-primary-content:hover .ttp-social-link-list-default .fa:hover{
border: 1px solid #fff;
}
.ttp-carousal-layout #ttp-template-8 .ttp-social-link-list-default .fa:hover{
color: #672b03;
}
.ttp-carousal-layout #ttp-template-8 .ttp-primary-content:hover .ttp-thumb-social-link{
opacity: 1;
visibility: visible;
height: 46px;
line-height: 44px;
background-color: #fb7f2c;
cursor: -webkit-grab;
}
.ttp-carousal-layout #ttp-template-8 .ttp-carousal-inner .ttp-grid-image{
position: relative;
}
.ttp-carousal-layout #ttp-template-8 .ttp-expand-popup-click,
.ttp-carousal-layout #ttp-template-8 .ttp-expand-slide-out-click{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
color: transparent;
}
.ttp-carousal-layout #ttp-template-8 .owl-theme .owl-dots .owl-dot span{
height: 12px !important;
width: 12px !important;
color: #d0d0d0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
.ttp-carousal-layout #ttp-template-8 .owl-theme .owl-nav [class*=owl-]:hover,
.ttp-carousal-layout #ttp-template-8 .owl-theme .owl-dots .owl-dot.active span,
.ttp-carousal-layout #ttp-template-8 .owl-theme .owl-dots .owl-dot:hover span{
background-color: #fb7f2c !important;
}
@media only screen and (min-width: 1240px){
.ttp-carousal-layout #ttp-template-8 .owl-theme .owl-nav .owl-prev[class*=owl-]{
position: absolute;
left: -50px;
top: 40%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.ttp-carousal-layout #ttp-template-8 .owl-theme .owl-nav .owl-next[class*=owl-]{
position: absolute;
right: -50px;
top: 40%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
}
/*carousal template 8 style ends*/
/*carousal template 9 style starts*/
.ttp-carousal-layout #ttp-template-9 .owl-stage-outer{
padding: 20px 0;
cursor: -webkit-grab;
}
.ttp-carousal-layout #ttp-template-9 .ttp-inner-whole-wrapper{
padding: 10%;
background-color: #FFF;
padding-bottom: 100px;
-webkit-box-shadow: 0px 6px 20px rgba(0,0,0,.2);
box-shadow: 0px 6px 20px rgba(0,0,0,.2);
}
.ttp-carousal-layout #ttp-template-9 .ttp-grid-image{
position: relative;
overflow: hidden;
}
.ttp-carousal-layout #ttp-template-9 .ttp-grid-image .ttp-expand-popup-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: transparent;
cursor: pointer;
}
.ttp-carousal-layout #ttp-template-9 .ttp-content-header{
font-weight: 900;
font-size: 18px;
padding-top: 20px;
}
@media only screen and (max-width: 800px) and (min-width: 500px){
.ttp-carousal-layout #ttp-template-9 .ttp-content-header{
font-size: 16px;
}
}
.ttp-carousal-layout #ttp-template-9 .ttp-thumb-position{
font-size: 13px;
padding-top: 10px;
color: #8FA1A9;
}
.ttp-carousal-layout #ttp-template-9 .ttp-thumb-social-link{
height: 30px;
overflow: auto;
position: absolute;
bottom: 0;
left: 0%;
padding-left: 10%;
margin-bottom: 10px;
width: 100%;
background-color: #FFF;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-carousal-layout #ttp-template-9 .ttp-details-wrapper{
height: 100px;
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
padding-left: 10%;
background-color: #FFF;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-carousal-layout #ttp-template-9 .ttp-inner-whole-wrapper:hover .ttp-details-wrapper{
bottom: 30px;
}
.ttp-carousal-layout #ttp-template-9 .ttp-inner-whole-wrapper:hover .ttp-thumb-social-link{
bottom: 0;
visibility: visible;
opacity: 1;
}
.ttp-carousal-layout #ttp-template-9 .ttp-thumb-social-link .fa {
color: #8FA1A9;
/*padding-right: 14px;*/
height: 30px;
line-height: 30px;
width: 30px;
font-size: 18px;
text-align: center;
}
.ttp-carousal-layout #ttp-template-9 .ttp-thumb-social-link .fa:hover{
color: #4c4c4c;
}
.ttp-carousal-layout #ttp-template-9 .owl-theme .owl-dots .owl-dot{
margin: 20px 0;
}
.ttp-carousal-layout #ttp-template-9 .owl-theme .owl-dots .owl-dot span{
height: 6px !important;
width: 20px !important;
}
.ttp-carousal-layout #ttp-template-9 .owl-theme .owl-nav{
display: none;
}
/*carousal template 9 style ends*/
/*carousal template 10 style starts*/
.ttp-carousal-layout #ttp-template-10 .ttp-inner-whole-wrapper{
text-align: center;
padding-bottom: 10%;
background: #FFF;
-webkit-transition: .6s;
-moz-transition: .6s;
-ms-transition: .6s;
-o-transition: .6s;
transition: .6s;
}
.ttp-carousal-layout #ttp-template-10 .ttp-inner-whole-wrapper:hover{
-webkit-box-shadow: rgba(51, 51, 51, 0.17) 5px 5px 10px 2px;
box-shadow: rgba(51, 51, 51, 0.17) 5px 5px 10px 2px;
}
.ttp-carousal-layout #ttp-template-10 .ttp-member-name-divider{
width: 20px;
height: 2px;
background: #7b5a9e;
display: inline-block;
}
.ttp-carousal-layout #ttp-template-10 .owl-stage-outer{
padding: 50px 0;
}
.ttp-carousal-layout #ttp-template-10 .ttp-grid-image{
position: relative;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.ttp-carousal-layout #ttp-template-10 .ttp-grid-image .ttp-expand-popup-click,
.ttp-carousal-layout #ttp-template-10 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(123, 90, 158, .3);
color: transparent;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
visibility: hidden;
opacity: 0;
-webkit-transition: .6s;
-moz-transition: .6s;
-ms-transition: .6s;
-o-transition: .6s;
transition: .6s;
}
.ttp-carousal-layout #ttp-template-10 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-popup-click,
.ttp-carousal-layout #ttp-template-10 .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click{
visibility: visible;
opacity: 1;
}
.ttp-carousal-layout #ttp-template-10 .content-wrapper{
padding: 10% 20% 0%;
}
.ttp-carousal-layout #ttp-template-10 .ttp-content-header{
font-size: 18px;
margin-top: 5%;
font-family: 'Montserrat', sans-serif;
color: #341c4d;
}
.ttp-carousal-layout #ttp-template-10 .ttp-thumb-position{
font-size: 13px;
font-family: 'Montserrat', sans-serif;
color: #341c4d;
}
.ttp-carousal-layout #ttp-template-10 .ttp-thumb-social-link{
height: 40px;
overflow: auto;
width: 80%;
margin-left: 10%;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa{
color: #fff;
height: 30px;
line-height: 29px;
width: 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
border: 1px solid transparent;
margin: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa:hover{
background: #fff;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
border: 1px solid #0084b4;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
border: 1px solid #3d5998;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
border: 1px solid #d34836;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
border: 1px solid #0077B5;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
border: 1px solid #00aff0;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
border: 1px solid #9b6954;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
border: 1px solid #ff0000;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
border: 1px solid #21759b;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-digg{
background: #000;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
border: 1px solid #000;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
border: 1px solid rgb(255, 69, 0);
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
}
.ttp-carousal-layout #ttp-template-10 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
border: 1px solid #C92228;
}
/*carousal template 10 style ends*/
/*carousal style ends*/
/*flipster style starts*/
/*flipster template 1 style starts*/
.ttp-flipster-layout #ttp-template-1 .ttp-grid-thumb-wrapper{
overflow: hidden;
margin-bottom: 50px;
}
.ttp-flipster-layout #ttp-template-1 .ttp-primary-content{
position: relative;
margin-bottom: 15px;
}
.ttp-flipster-layout #ttp-template-1 .ttp-primary-content .ttp-content-header{
position: absolute;
left: 50%;
top: 10%;
-webkit-transform: translate(-50%,-10%);
-moz-transform: translate(-50%,-10%);
-ms-transform: translate(-50%,-10%);
-o-transform: translate(-50%,-10%);
transform: translate(-50%,-10%);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
color: #FFF;
visibility: hidden;
opacity: 0;
font-size: 20px;
width: fit-content;
}
.ttp-flipster-layout #ttp-template-1 .flipster__item--current .ttp-carousal-inner:hover .ttp-primary-content .ttp-content-header{
left: 50%;
top: 70%;
-webkit-transform: translate(-50%,-70%);
-moz-transform: translate(-50%,-70%);
-ms-transform: translate(-50%,-70%);
-o-transform: translate(-50%,-70%);
transform: translate(-50%,-70%);
visibility: visible;
opacity: 1;
}
.ttp-flipster-layout #ttp-template-1 #ttp-column-3 .flipster__item--current .ttp-carousal-inner:hover .ttp-primary-content .ttp-content-header,
.ttp-flipster-layout #ttp-template-1 #ttp-column-4 .flipster__item--current .ttp-carousal-inner:hover .ttp-primary-content .ttp-content-header{
left: 50%;
top: 72%;
-webkit-transform: translate(-50%,-72%);
-moz-transform: translate(-50%,-72%);
-ms-transform: translate(-50%,-72%);
-o-transform: translate(-50%,-72%);
transform: translate(-50%,-72%);
visibility: visible;
opacity: 1;
font-size: smaller;
}
.ttp-flipster-layout #ttp-template-1 .ttp-primary-content .ttp-thumb-position{
position: absolute;
left: 50%;
top: 10%;
-webkit-transform: translate(-50%,-10%);
-moz-transform: translate(-50%,-10%);
-ms-transform: translate(-50%,-10%);
-o-transform: translate(-50%,-10%);
transform: translate(-50%,-10%);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
color: #FFF;
visibility: hidden;
opacity: 0;
font-size: 13px;
}
.ttp-flipster-layout #ttp-template-1 .flipster__item--current .ttp-carousal-inner:hover .ttp-primary-content .ttp-thumb-position{
left: 50%;
top: 60%;
-webkit-transform: translate(-50%,-60%);
-moz-transform: translate(-50%,-60%);
-ms-transform: translate(-50%,-60%);
-o-transform: translate(-50%,-60%);
transform: translate(-50%,-60%);
visibility: visible;
opacity: 1;
}
.ttp-flipster-layout #ttp-template-1 #ttp-column-3 .flipster__item--current .ttp-carousal-inner:hover .ttp-primary-content .ttp-thumb-position,
.ttp-flipster-layout #ttp-template-1 #ttp-column-4 .flipster__item--current .ttp-carousal-inner:hover .ttp-primary-content .ttp-thumb-position{
left: 50%;
top: 60%;
-webkit-transform: translate(-50%,-60%);
-moz-transform: translate(-50%,-60%);
-ms-transform: translate(-50%,-60%);
-o-transform: translate(-50%,-60%);
transform: translate(-50%,-60%);
visibility: visible;
opacity: 1;
font-size: x-small;
}
.ttp-flipster-layout #ttp-template-1 .ttp-expand-slide-out-click,
.ttp-flipster-layout #ttp-template-1 .ttp-expand-popup-click{
position: absolute;
left: 0px;
top: -100%;
color: transparent;
cursor: pointer;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Safari 5.1-6.0 */
background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Opera 11.1-12.0 */
background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); /* Firefox 3.6-15 */
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
border-bottom: 3px solid #ff8217;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
opacity: 0;
visibility: hidden;
}
.ttp-flipster-layout #ttp-template-1 .flipster__item--current .ttp-carousal-inner:hover .ttp-primary-content .ttp-expand-slide-out-click,
.ttp-flipster-layout #ttp-template-1 .flipster__item--current .ttp-carousal-inner:hover .ttp-primary-content .ttp-expand-popup-click{
top: 0%;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
opacity: 1;
visibility: visible;
}
.ttp-flipster-layout #ttp-template-1 .ttp-thumb-social-link{
position: absolute;
left: 50%;
top: 0px;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
z-index: 1;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
visibility: hidden;
opacity: 0;
height: 40px;
overflow: auto;
}
.ttp-flipster-layout #ttp-template-1 .flipster__item--current .ttp-carousal-inner:hover .ttp-thumb-social-link{
position: absolute;
left: 50%;
top: 90%;
-webkit-transform: translate(-50%,-90%);
-moz-transform: translate(-50%,-90%);
-ms-transform: translate(-50%,-90%);
-o-transform: translate(-50%,-90%);
transform: translate(-50%,-90%);
visibility: visible;
opacity: 1;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default{
float: left;
text-align: center;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa{
color: #fff;
height: 30px;
line-height: 30px;
width: 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
border: 1px solid transparent;
margin: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa:hover{
background: #fff;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
border: 1px solid #0084b4;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
border: 1px solid #3d5998;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
border: 1px solid #d34836;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
border: 1px solid #0077B5;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
border: 1px solid #00aff0;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
border: 1px solid #9b6954;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
border: 1px solid #ff0000;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
border: 1px solid #21759b;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-digg{
background: #000;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
border: 1px solid #000;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
border: 1px solid rgb(255, 69, 0);
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
}
.ttp-flipster-layout #ttp-template-1 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
border: 1px solid #C92228;
}
@media only screen and (max-width: 1202px) and (min-width: 780px) {
.ttp-flipster-layout #ttp-template-1 #ttp-column-3 .ttp-social-link-list-default .fa,
.ttp-flipster-layout #ttp-template-1 #ttp-column-4 .ttp-social-link-list-default .fa{
height: 25px;
width: 25px;
line-height: 25px;
}
.ttp-flipster-layout #ttp-template-1 #ttp-column-3 .ttp-thumb-social-link,
.ttp-flipster-layout #ttp-template-1 #ttp-column-4 .ttp-thumb-social-link{
height: 35px;
}
}
.ttp-flipster-layout #ttp-template-1 .ttp-carousal-inner{
position: relative;
}
/*flipster template 1 style ends*/
/*flipster template 2 style starts*/
.ttp-flipster-layout #ttp-template-2 .ttp-grid-image{
position: relative;
}
.ttp-flipster-layout #ttp-template-2 .ttp-grid-image img{
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-flipster-layout #ttp-template-2 .ttp-expand-popup-click,
.ttp-flipster-layout #ttp-template-2 .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
background-color: rgba(0,0,0,0.5);
color: transparent;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
visibility: hidden;
opacity: 0;
}
.ttp-flipster-layout #ttp-template-2 .ttp-content-header{
position: absolute;
left: 50%;
top: 35%;
-webkit-transform: translate(-50%, -35%);
-moz-transform: translate(-50%, -35%);
-ms-transform: translate(-50%, -35%);
-o-transform: translate(-50%, -35%);
transform: translate(-50%, -35%);
color: #FFF;
font-family: 'Roboto Slab', serif;
font-size: 18px;
opacity: 0;
visibility: hidden;
width: fit-content;
}
.ttp-flipster-layout #ttp-template-2 .ttp-thumb-position{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color: #FFF;
font-family: 'Roboto', sans-serif;
font-size: 13px;
opacity: 0;
visibility: hidden;
}
.ttp-flipster-layout #ttp-template-2 .ttp-thumb-social-link{
position: absolute;
left: 50%;
top: 70%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 40px;
overflow: auto;
opacity: 0;
visibility: hidden;
}
.ttp-flipster-layout #ttp-template-2 .ttp-thumb-social-link .ttp-social-link-list-default .fa{
color: #FFF;
height: 36px;
line-height: 33px;
width: 36px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #fff;
text-align: center;
margin: 0 2px 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ttp-flipster-layout #ttp-template-2 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-grid-image img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.ttp-flipster-layout #ttp-template-2 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-expand-popup-click,
.ttp-flipster-layout #ttp-template-2 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-expand-slide-out-click{
-webkit-transform: scale(1.1 );
-moz-transform: scale(1.1 );
-ms-transform: scale(1.1 );
-o-transform: scale(1.1 );
transform: scale(1.1 );
opacity: 1;
visibility: visible;
}
.ttp-flipster-layout #ttp-template-2 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-thumb-social-link,
.ttp-flipster-layout #ttp-template-2 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-content-header,
.ttp-flipster-layout #ttp-template-2 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-thumb-position{
opacity: 1;
visibility: visible;
}
/*flipster template 2 style ends*/
/*flipster template 3 style starts*/
.ttp-flipster-layout #ttp-template-3 .ttp-carousal-inner{
background: #FFF;
padding: 10%;
-webkit-border-radius: 8px;
border-radius: 8px;
overflow: visible;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
min-height: 300px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 6px 40px rgba(0,0,0,.2);
box-shadow: 0px 6px 40px rgba(0,0,0,.2);
}
.ttp-flipster-layout #ttp-template-3 .ttp-grid-image{
position: relative;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
margin: 10%;
margin-top: 0;
text-align: center;
}
.ttp-flipster-layout #ttp-template-3 .ttp-grid-image .ttp-expand-popup-click,
.ttp-flipster-layout #ttp-template-3 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
color: transparent;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.ttp-flipster-layout #ttp-template-3 .ttp-primary-content{
text-align: center;
}
.ttp-flipster-layout #ttp-template-3 .ttp-thumb-social-link{
text-align: center;
height: 26px;
overflow: auto;
margin-top: 20px;
}
.ttp-flipster-layout #ttp-template-3 .ttp-popup-content-fix-wrap .ttp-thumb-social-link{
text-align: unset;
}
.ttp-flipster-layout #ttp-template-3 .ttp-thumb-social-link .ttp-social-link-list-default .fa{
color: #a4b2b9;
padding: 0 8px;
}
.ttp-flipster-layout #ttp-template-3 .ttp-content-header{
font-weight: 900;
color: #0080ff;
font-size: 20px;
}
.ttp-flipster-layout #ttp-template-3 .ttp-thumb-position{
color: #8d9fa7;
font-size: 16px;
}
/*flipster template 3 style ends*/
/*flipster template 4 style starts*/
.ttp-flipster-layout #ttp-template-4 .ttp-inner-whole-wrapper{
position: relative;
}
.ttp-flipster-layout #ttp-template-4 .ttp-grid-image{
overflow: hidden;
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
margin: 0 25% 60%;
z-index: 1;
border: 8px solid #fff;
}
.ttp-flipster-layout #ttp-template-4 .ttp-grid-image .ttp-expand-popup-click,
.ttp-flipster-layout #ttp-template-4 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-border-radius: 50%;
border-radius: 50%;
color: transparent;
}
.ttp-flipster-layout #ttp-template-4 .ttp-item-details{
text-align: center;
background-color: #e1e1e6;
position: absolute;
left: 0;
top: 60%;
width: 100%;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
padding-top: 25%;
}
.ttp-flipster-layout #ttp-template-4 .flipster__item--current .ttp-item-details:hover{
background-color: #f0a700;
-webkit-box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.25);
box-shadow: 0px 15px 10px -10px rgba(0,0,0,0.25);
}
.ttp-flipster-layout #ttp-template-4 .ttp-content-header{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 18px;
display: inline-block;
}
.ttp-flipster-layout #ttp-template-4 .ttp-thumb-social-link{
height: 40px;
overflow: auto;
margin: 30px 0;
}
.ttp-flipster-layout #ttp-template-4 .ttp-thumb-social-link .fa{
color: #000;
margin: 0 15px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
.ttp-flipster-layout #ttp-template-4 .ttp-popup-content-fix-wrap .ttp-thumb-social-link .fa{
margin: 0 20px 0 0;
}
@media only screen and (max-width: 820px){
.ttp-flipster-layout #ttp-template-4 .ttp-grid-image{
margin: 0 20% 60%;
border: 5px solid #fff;
}
.ttp-flipster-layout #ttp-template-4 .ttp-content-header{
padding-top: 30%;
}
}
/*flipster template 4 style ends*/
/*flipster template 5 style start*/
.ttp-flipster-layout #ttp-template-5 .ttp-grid-image{
border-top: 5px solid #ff2e63;
overflow: hidden;
}
.ttp-flipster-layout #ttp-template-5 .ttp-grid-image img{
max-width: 100%;
overflow: hidden;
text-align: center;
display: block;
-webkit-transition: .8s;
-moz-transition: .8s;
-ms-transition: .8s;
-o-transition: .8s;
transition: .8s;
}
.ttp-flipster-layout #ttp-template-5 .ttp-primary-content .ttp-content-header{
background: #FFF;
}
.ttp-flipster-layout #ttp-template-5 .ttp-primary-content .ttp-thumb-position{
color: #9e9e9e;
display: block;
font-size: 18px;
background: #FFF;
}
.ttp-flipster-layout #ttp-template-5 #ttp-column-2 .ttp-primary-content .ttp-thumb-position{
font-size: 16px;
}
.ttp-flipster-layout #ttp-template-5 #ttp-column-3 .ttp-primary-content .ttp-thumb-position{
font-size: 14px;
}
.ttp-flipster-layout #ttp-template-5 #ttp-column-4 .ttp-primary-content .ttp-thumb-position{
font-size: 12px;
}
.ttp-flipster-layout #ttp-template-5 .ttp-primary-content {
color: #343434;
font-size: 24px;
display: block;
}
.ttp-flipster-layout #ttp-template-5 .ttp-expand-popup-click,
.ttp-flipster-layout #ttp-template-5 .ttp-grid-image span{
position: relative;
cursor: pointer;
}
.ttp-flipster-layout #ttp-template-5 .ttp-expand-popup-click{
width: 100%;
}
.ttp-flipster-layout #ttp-template-5 .ttp-expand-slide-out-click .fa,
.ttp-flipster-layout #ttp-template-5 .ttp-expand-popup-click .fa{
height: 54px;
width: 54px;
background: #ff2e64;
color: #fff;
text-align: center;
padding-top: 15px;
position: absolute;
bottom: 0px;
right: 0px;
visibility: hidden;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
}
.ttp-flipster-layout #ttp-template-5 .ttp-carousal-inner:hover .ttp-expand-slide-out-click .fa,
.ttp-flipster-layout #ttp-template-5 .ttp-carousal-inner:hover .ttp-expand-popup-click .fa{
visibility: visible;
opacity: 1;
}
.ttp-flipster-layout #ttp-template-5 .ttp-carousal-inner:hover .ttp-grid-image img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.ttp-flipster-layout #ttp-template-5 .flipster__item--past .ttp-carousal-inner:hover .ttp-grid-image img,
.ttp-flipster-layout #ttp-template-5 .flipster__item--future .ttp-carousal-inner:hover .ttp-grid-image img{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.ttp-flipster-layout #ttp-template-5 .flipster__item--past .ttp-carousal-inner:hover .ttp-expand-slide-out-click .fa,
.ttp-flipster-layout #ttp-template-5 .flipster__item--future .ttp-carousal-inner:hover .ttp-expand-popup-click .fa{
visibility: hidden;
opacity: 0;
}
.ttp-flipster-layout #ttp-template-5 .ttp-expand-popup-click,
.ttp-flipster-layout #ttp-template-5 .ttp-expand-slide-out-click{
display: block;
}
.ttp-flipster-layout #ttp-template-5 .ttp-thumb-social-link{
background: #FFF;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa{
width: 26px;
height: 26px;
color: #fff;
font-size: 18px;
text-align: center;
padding-top: 5px;
margin: 0 10px 10px 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: left;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
border: 1px solid transparent;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
border: 1px solid #0084b4;
background: #fff;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
border: 1px solid transparent;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
border: 1px solid #3d5998;
background: #fff;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
border: 1px solid transparent;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
border: 1px solid #d34836;
background: #fff;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
border: 1px solid transparent;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
border: 1px solid #0077B5;
background: #fff;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
border: 1px solid transparent;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
border: 1px solid #00aff0;
background: #fff;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
border: 1px solid transparent;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
border: 1px solid #9b6954;
background: #fff;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
border: 1px solid transparent;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
background: #fff;
border: 1px solid #ff0000;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
border: 1px solid transparent;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
border: 1px solid #21759b;
background: #fff;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-digg{
border: 1px solid transparent;
background: #000;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-digg:hover{
color: #000;
border: 1px solid #000;
background: #fff;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
border: 1px solid transparent;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
background: #fff;
border: 1px solid rgb(255, 69, 0);
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
border: 1px solid transparent;
}
.ttp-flipster-layout #ttp-template-5 .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
border: 1px solid #C92228;
background: #fff;
}
.ttp-flipster-layout #ttp-template-5 .ttp-primary-content .ttp-thumb-position{
padding-top: 10px;
}
.ttp-social-link-list-default{
display: inline-block;
}
/*flipster template 5 style ends*/
/*flipster template 6 style starts*/
.ttp-flipster-layout #ttp-template-6 .ttp-grid-thumb-wrapper{
margin-bottom: 30px;
}
.ttp-flipster-layout #ttp-template-6 .ttp-primary-content{
text-align: center;
position: relative;
margin-bottom: 40px;
}
.ttp-flipster-layout #ttp-template-6 .ttp-grid-image{
position: relative;
}
.ttp-flipster-layout #ttp-template-6 .ttp-primary-content .ttp-content-header{
font-family: 'Raleway', sans-serif;
font-size: 16px;
font-weight: bold;
display: block;
background: #f2f2f2;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
padding: 20px 0 5px 0;
}
.ttp-flipster-layout #ttp-template-6 .ttp-primary-content .ttp-thumb-position{
font-family: 'Raleway', sans-serif;
font-size: 13px;
display: block;
background: #f2f2f2;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
padding-bottom: 20px;
}
.ttp-flipster-layout #ttp-template-6 .ttp-expand-slide-out-click,
.ttp-flipster-layout #ttp-template-6 .ttp-expand-popup-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
color: transparent;
}
.ttp-flipster-layout #ttp-template-6 .ttp-primary-content .ttp-thumb-social-link{
background: rgba(0, 0, 0, 0.6);
position: absolute;
bottom: 0px;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
width: 100%;
}
.ttp-flipster-layout #ttp-template-6 .ttp-primary-content .ttp-social-link-list-default{
display: inline-block;
padding-right: 20px;
}
.ttp-flipster-layout #ttp-template-6 .ttp-primary-content .ttp-social-link-list-default .fa{
color: #b8ab81;
line-height: 45px;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.ttp-flipster-layout #ttp-template-6 .ttp-team-inner-hidden .ttp-social-link-list-default .fa{
color: #b8ab81;
padding-right: 20px;
}
.ttp-flipster-layout #ttp-template-6 .ttp-team-inner-hidden .ttp-social-link-list-default .fa:hover{
color: #4c4c4c;
}
.ttp-flipster-layout #ttp-template-6 .flipster__item--current .ttp-primary-content .ttp-social-link-list-default .fa:hover{
color: #fff;
}
.ttp-flipster-layout #ttp-template-6 .flipster__item--current .ttp-carousal-inner:hover .ttp-content-header,
.ttp-flipster-layout #ttp-template-6 .flipster__item--current .ttp-carousal-inner:hover .ttp-thumb-position{
background: #b8ab81;
color: #fff;
}
.ttp-flipster-layout #ttp-template-6 .flipster__item--current .ttp-carousal-inner:hover .ttp-thumb-social-link{
visibility: visible;
opacity: 1;
}
/*flipster template 6 style ends*/
/*flipster template 7 style starts*/
.ttp-flipster-layout #ttp-template-7 .owl-stage-outer{
padding: 20px 0;
cursor: -webkit-grab;
}
.ttp-flipster-layout #ttp-template-7 .ttp-inner-whole-wrapper{
background-color: #FFF;
padding-bottom: 100px;
text-align: center;
-webkit-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.ttp-flipster-layout #ttp-template-7 .ttp-grid-image{
position: relative;
overflow: hidden;
border: 1px solid #ebebeb;
}
.ttp-flipster-layout #ttp-template-7 .ttp-grid-image .ttp-expand-popup-click,
.ttp-flipster-layout #ttp-template-7 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: transparent;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-flipster-layout #ttp-template-7 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-popup-click,
.ttp-flipster-layout #ttp-template-7 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click{
background-color: rgba(38, 30, 76, .8);
}
.ttp-flipster-layout #ttp-template-7 .ttp-content-header{
font-weight: 700;
font-size: 18px;
padding-top: 20px;
color: #fff;
}
.ttp-flipster-layout #ttp-template-7 .ttp-team-inner-hidden .ttp-content-header{
padding-top: 0;
}
.ttp-flipster-layout #ttp-template-7 .ttp-team-inner-hidden .ttp-thumb-social-link .fa,
.ttp-flipster-layout #ttp-template-7 .ttp-team-inner-hidden .ttp-content-header{
color: #4c4c4c;
}
.ttp-flipster-layout #ttp-template-7 .ttp-thumb-position{
font-size: 13px;
padding-top: 10px;
color: #eeb313;
}
.ttp-flipster-layout #ttp-template-7 .ttp-thumb-social-link{
height: 40px;
overflow: auto;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #FFF;
visibility: hidden;
opacity: 0;
background-color: #261e4c;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-flipster-layout #ttp-template-7 .ttp-details-wrapper{
height: 100px;
position: absolute;
left: 0;
bottom: 20px;
width: 100%;
background-color: #FFF;
background-color: #261e4c;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-flipster-layout #ttp-template-7 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-details-wrapper{
bottom: 12%;
background-color: #eeb313;
}
.ttp-flipster-layout #ttp-template-7 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-thumb-social-link{
bottom: 4%;
visibility: visible;
opacity: 1;
}
.ttp-flipster-layout #ttp-template-7 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-content-header{
color: #221b3f;
}
.ttp-flipster-layout #ttp-template-7 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-thumb-position{
color: #fff;
}
.ttp-flipster-layout #ttp-template-7 .ttp-thumb-social-link .fa {
color: #fff;
padding:0 14px;
height: 40px;
line-height: 40px;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-flipster-layout #ttp-template-7 .flipster__item--current .ttp-thumb-social-link .fa:hover {
color: #eeb313;
}
/*flipster template 7 style ends*/
/*flipster template 8 style starts*/
.ttp-flipster-layout #ttp-template-8 .ttp-introduction-details{
background-color: #fb7f2c;
color: #fff;
text-align: center;
}
.ttp-flipster-layout #ttp-template-8 .ttp-introduction-details{
padding: 0px 40px 10px;
}
.ttp-flipster-layout #ttp-template-8 .ttp-grid-image{
position: relative;
}
.ttp-flipster-layout #ttp-template-8 .ttp-content-header{
font-family: 'PT Sans', sans-serif;
font-weight: 700;
font-size: 18px;
padding-top: 20px;
}
.ttp-flipster-layout #ttp-template-8 .ttp-thumb-position{
font-family: 'PT Sans', sans-serif;
font-weight: 400;
font-size: 15px;
border-bottom: 1px solid transparent;
width: 80%;
display: inline-block;
}
.ttp-flipster-layout #ttp-template-8 .flipster__item--current .ttp-primary-content:hover .ttp-thumb-position{
border-bottom: 1px solid #fdb585;
}
.ttp-flipster-layout #ttp-template-8 .ttp-thumb-social-link{
height: 46px;
text-align: center;
}
.ttp-flipster-layout #ttp-template-8 .ttp-social-link-list-default .fa{
color: transparent;
}
.ttp-flipster-layout #ttp-template-8 .flipster__item--current .ttp-primary-content:hover .ttp-social-link-list-default .fa{
color: #fff;
padding: 0 15px;
}
.ttp-flipster-layout #ttp-template-8 .flipster__item--current .ttp-social-link-list-default .fa:hover{
color: #672b03;
}
.ttp-flipster-layout #ttp-template-8 .flipster__item--current .ttp-primary-content:hover .ttp-thumb-social-link{
opacity: 1;
visibility: visible;
height: 46px;
line-height: 44px;
background-color: #fb7f2c;
}
.ttp-flipster-layout #ttp-template-8 .ttp-expand-popup-click,
.ttp-flipster-layout #ttp-template-8 .ttp-expand-slide-out-click{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
color: transparent;
}
/*flipster template 8 style ends*/
/*flipster template 9 style starts*/
.ttp-flipster-layout #ttp-template-9 .owl-stage-outer{
/*background-color: #F3F4F6;*/
padding: 20px 0;
cursor: -webkit-grab;
}
.ttp-flipster-layout #ttp-template-9 .ttp-inner-whole-wrapper{
padding: 10%;
background-color: #FFF;
padding-bottom: 100px;
-webkit-box-shadow: 0px 6px 40px 0px rgba(0,0,0,.2);
box-shadow: 0px 6px 40px 0px rgba(0,0,0,.2);
}
.ttp-flipster-layout #ttp-template-9 .ttp-grid-image{
position: relative;
overflow: hidden;
}
.ttp-flipster-layout #ttp-template-9 .ttp-grid-image .ttp-expand-popup-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: transparent;
cursor: pointer;
}
.ttp-flipster-layout #ttp-template-9 .ttp-content-header{
font-weight: 900;
font-size: 18px;
padding-top: 20px;
}
.ttp-flipster-layout #ttp-template-9 .ttp-thumb-position{
font-size: 13px;
padding-top: 10px;
color: #8FA1A9;
}
.ttp-flipster-layout #ttp-template-9 .ttp-thumb-social-link{
height: 30px;
overflow: auto;
position: absolute;
bottom: 0;
left: 10%;
width: 90%;
background-color: #FFF;
visibility: hidden;
opacity: 0;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-flipster-layout #ttp-template-9 .ttp-details-wrapper{
height: 100px;
position: absolute;
left: 0;
bottom: 20px;
width: 100%;
padding-left: 10%;
background-color: #FFF;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.ttp-flipster-layout #ttp-template-9 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-details-wrapper{
bottom: 15%;
}
.ttp-flipster-layout #ttp-template-9 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-thumb-social-link{
bottom: 10%;
visibility: visible;
opacity: 1;
}
.ttp-flipster-layout #ttp-template-9 .ttp-thumb-social-link .fa {
color: #8FA1A9;
padding-right: 14px;
height: 30px;
line-height: 30px;
}
/*flipster template 9 style ends*/
/*flipster template 10 style starts*/
.ttp-flipster-layout #ttp-template-10 .ttp-inner-whole-wrapper{
text-align: center;
padding-bottom: 10%;
background: #FFF;
-webkit-transition: .6s;
-moz-transition: .6s;
-ms-transition: .6s;
-o-transition: .6s;
transition: .6s;
-webkit-box-shadow: 0px 6px 40px 0px rgba(0,0,0,.2);
box-shadow: 0px 6px 40px 0px rgba(0,0,0,.2);
}
.ttp-flipster-layout #ttp-template-10 .ttp-member-name-divider{
width: 20px;
height: 2px;
background: #7b5a9e;
display: inline-block;
}
.ttp-flipster-layout #ttp-template-10 .owl-stage-outer{
/*background: #f6f4f8;*/
padding: 50px 0;
}
.ttp-flipster-layout #ttp-template-10 .ttp-grid-image{
position: relative;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.ttp-flipster-layout #ttp-template-10 .ttp-grid-image .ttp-expand-popup-click,
.ttp-flipster-layout #ttp-template-10 .ttp-grid-image .ttp-expand-slide-out-click{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(123, 90, 158, .3);
color: transparent;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
visibility: hidden;
opacity: 0;
-webkit-transition: .6s;
-moz-transition: .6s;
-ms-transition: .6s;
-o-transition: .6s;
transition: .6s;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-popup-click,
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-inner-whole-wrapper:hover .ttp-grid-image .ttp-expand-slide-out-click{
visibility: visible;
opacity: 1;
}
.ttp-flipster-layout #ttp-template-10 .content-wrapper{
padding: 10% 20% 0%;
}
.ttp-flipster-layout #ttp-template-10 .ttp-content-header{
font-size: 18px;
margin-top: 5%;
font-family: 'Montserrat', sans-serif;
color: #341c4d;
}
.ttp-flipster-layout #ttp-template-10 .ttp-thumb-position{
font-size: 13px;
font-family: 'Montserrat', sans-serif;
color: #341c4d;
}
.ttp-flipster-layout #ttp-template-10 .ttp-thumb-social-link{
height: 40px;
overflow: auto;
width: 80%;
margin-left: 10%;
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa{
color: #fff;
height: 30px;
line-height: 30px;
width: 30px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: .6s;
-moz-transition: .6s;
-o-transition: .6s;
transition: .6s;
border: 1px solid transparent;
margin: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa:hover{
background: #fff;
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa-twitter{
background: #0084b4;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa-twitter:hover{
color: #0084b4;
border: 1px solid #0084b4;
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa-facebook{
background: #3d5998;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa-facebook:hover{
color: #3d5998;
border: 1px solid #3d5998;
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa-google-plus{
background: #d34836;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa-google-plus:hover{
color: #d34836;
border: 1px solid #d34836;
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa-linkedin{
background: #0077B5;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa-linkedin:hover{
color: #0077B5;
border: 1px solid #0077B5;
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa-skype{
background: #00aff0;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa-skype:hover{
color: #00aff0;
border: 1px solid #00aff0;
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa-instagram{
background: #9b6954;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa-instagram:hover{
color: #9b6954;
border: 1px solid #9b6954;
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa-youtube{
background: #ff0000;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa-youtube:hover{
color: #ff0000;
border: 1px solid #ff0000;
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa-wordpress{
background: #21759b;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa-wordpress:hover{
color: #21759b;
border: 1px solid #21759b;
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa-digg{
background: #000;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa-digg:hover{
color: #000;
border: 1px solid #000;
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa-reddit{
background: rgb(255, 69, 0);
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa-reddit:hover{
color: rgb(255, 69, 0);
border: 1px solid rgb(255, 69, 0);
}
.ttp-flipster-layout #ttp-template-10 .ttp-social-link-list-default .fa-pinterest{
background: #C92228;
}
.ttp-flipster-layout #ttp-template-10 .flipster__item--current .ttp-social-link-list-default .fa-pinterest:hover{
color: #C92228;
border: 1px solid #C92228;
}
/*flipster template 10 style ends*/
/*flipster design starts*/
.flipster__nav__link{
color: #7f8c8d !important;
background-color: #2c3e50;
border-bottom: 10px solid #34495e;
}
.flipster__nav__item{
margin: .04em !important;
}
.flipster__nav__item:first-child{
overflow: hidden;
border-bottom-left-radius: .15em;
border-top-left-radius: .15em;
}
.flipster__nav__item:last-child{
overflow: hidden;
border-bottom-right-radius: .15em;
border-top-right-radius: .15em;
}
.flipster__nav__item--current>.flipster__nav__link{
color: #2ecc71 !important;
border-bottom: 10px solid #2ecc71;
}
.ttp-flipster-layout #ttp-template-1 .flipster__nav__item--current>.flipster__nav__link{
color: #ff8217 !important;
border-bottom: 10px solid #ff8217;
}
.ttp-flipster-layout #ttp-template-3 .flipster__nav__item--current>.flipster__nav__link{
color: #1f8fff !important;
border-bottom: 10px solid #1f8fff;
}
.ttp-flipster-layout #ttp-template-4 .flipster__nav__item--current>.flipster__nav__link{
color: #f0a700 !important;
border-bottom: 10px solid #f0a700;
}
.ttp-flipster-layout #ttp-template-5 .flipster__nav__item--current>.flipster__nav__link{
color: #ff2e64 !important;
border-bottom: 10px solid #ff2e64;
}
.ttp-flipster-layout #ttp-template-6 .flipster__nav__item--current>.flipster__nav__link{
color: #b8ab81 !important;
border-bottom: 10px solid #b8ab81;
}
.ttp-flipster-layout #ttp-template-7 .flipster__nav__item--current>.flipster__nav__link{
color: #eeb313 !important;
border-bottom: 10px solid #eeb313;
}
.ttp-flipster-layout #ttp-template-8 .flipster__nav__item--current>.flipster__nav__link{
color: #fb7f2c !important;
border-bottom: 10px solid #fb7f2c;
}
.ttp-flipster-layout #ttp-template-10 .flipster__nav__item--current>.flipster__nav__link{
color: #af9bc5 !important;
border-bottom: 10px solid #af9bc5;
}
.ttp-flipster-layout #ttp-template-5 .flipster__item--past .ttp-content-header,
.ttp-flipster-layout #ttp-template-5 .flipster__item--future .ttp-content-header,
.ttp-flipster-layout #ttp-template-5 .flipster__item--past .ttp-content-header,
.ttp-flipster-layout #ttp-template-5 .flipster__item--future .ttp-content-header,
.ttp-flipster-layout #ttp-template-5 .flipster__item--past .ttp-thumb-position,
.ttp-flipster-layout #ttp-template-5 .flipster__item--future .ttp-thumb-position,
.ttp-flipster-layout #ttp-template-5 .flipster__item--past .ttp-thumb-position,
.ttp-flipster-layout #ttp-template-5 .flipster__item--future .ttp-thumb-position,
.ttp-flipster-layout #ttp-template-5 .flipster__item--past .ttp-thumb-social-link,
.ttp-flipster-layout #ttp-template-5 .flipster__item--future .ttp-thumb-social-link,
.ttp-flipster-layout #ttp-template-5 .flipster__item--past .ttp-thumb-social-link,
.ttp-flipster-layout #ttp-template-5 .flipster__item--future .ttp-thumb-social-link{
opacity: 0;
visibility: hidden;
}
.flipster__container{
padding: 20px 0 !important;
height: unset !important;
}
.flipster__button{
outline: none;
}
.flipster__button svg{
stroke: rgba(0,0,0,.5) !important;
display: none;
}
.flipster__button{
height: 30px;
width: 30px;
background-color: #2c3e50 !important;
}
.flipster__button .flipster__button--prev{
position: relative;
}
.flipster__button.flipster__button--prev:before{
content: "";
border-right: 8px solid #fff;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
position: absolute;
left: 10px;
top: 7px;
}
.flipster__button.flipster__button--prev:after{
content: "";
border-right: 8px solid #2c3e50;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
position: absolute;
left: 13px;
top: 7px;
}
.flipster__button .flipster__button--next{
position: relative;
}
.flipster__button.flipster__button--next:before{
content: "";
border-left: 8px solid #fff;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
position: absolute;
left: 13px;
top: 7px;
}
.flipster__button.flipster__button--next:after{
content: "";
border-left: 8px solid #2c3e50;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
position: absolute;
left: 10px;
top: 7px;
}
.flipster__button.flipster__button--prev:hover:before{
border-right: 8px solid #8FA1A9;
}
.flipster__button.flipster__button--next:hover:before{
border-left: 8px solid #8FA1A9;
}
#ttp-template-1 .flipster__button.flipster__button--prev:hover:before{
border-right: 8px solid #ff8217;
}
#ttp-template-1 .flipster__button.flipster__button--next:hover:before{
border-left: 8px solid #ff8217;
}
#ttp-template-2 .flipster__button.flipster__button--prev:hover:before{
border-right: 8px solid #2ecc71;
}
#ttp-template-2 .flipster__button.flipster__button--next:hover:before{
border-left: 8px solid #2ecc71;
}
#ttp-template-3 .flipster__button.flipster__button--prev:hover:before{
border-right: 8px solid #1f8fff;
}
#ttp-template-3 .flipster__button.flipster__button--next:hover:before{
border-left: 8px solid #1f8fff;
}
#ttp-template-4 .flipster__button.flipster__button--prev:hover:before{
border-right: 8px solid #f0a700;
}
#ttp-template-4 .flipster__button.flipster__button--next:hover:before{
border-left: 8px solid #f0a700;
}
#ttp-template-5 .flipster__button.flipster__button--prev:hover:before{
border-right: 8px solid #ff2e63;
}
#ttp-template-5 .flipster__button.flipster__button--next:hover:before{
border-left: 8px solid #ff2e63;
}
#ttp-template-6 .flipster__button.flipster__button--prev:hover:before{
border-right: 8px solid #b8ab81;
}
#ttp-template-6 .flipster__button.flipster__button--next:hover:before{
border-left: 8px solid #b8ab81;
}
#ttp-template-7 .flipster__button.flipster__button--prev:hover:before{
border-right: 8px solid #eeb313;
}
#ttp-template-7 .flipster__button.flipster__button--next:hover:before{
border-left: 8px solid #eeb313;
}
#ttp-template-8 .flipster__button.flipster__button--prev:hover:before{
border-right: 8px solid #fb7f2c;
}
#ttp-template-8 .flipster__button.flipster__button--next:hover:before{
border-left: 8px solid #fb7f2c;
}
#ttp-template-9 .flipster__button.flipster__button--prev:hover:before{
border-right: 8px solid #8FA1A9;
}
#ttp-template-9 .flipster__button.flipster__button--next:hover:before{
border-left: 8px solid #8FA1A9;
}
#ttp-template-10 .flipster__button.flipster__button--prev:hover:before{
border-right: 8px solid #ab95c9;
}
#ttp-template-10 .flipster__button.flipster__button--next:hover:before{
border-left: 8px solid #ab95c9;
}
.ttp-flipster-layout .ttp-primary-content .ttp-social-link-list-default .fa{
font-size: 18px;
}
/*flipster design ends*/
/*flipster style ends*/
/*team plugin popup style css starts*/
/*team popup right style starts*/
.ttp-popup-content-fix-wrap{
margin-bottom: 20px;
/*padding-top: 17px;*/
}
.ttp-popup-content-fix-wrap .ttp-thumb-position{
display: block;
}
.ttp-popup-content-fix-wrap .ttp-content-header{
margin-bottom: 20px;
}
.ttp-popup-content-fix-wrap .ttp-thumb-social-link{
margin-top: 0 !important;
}
.ttp-flipster-layout #ttp-template-3 .ttp-popup-content-fix-wrap .ttp-social-link-list-default .fa{
padding: 0 16px 0 0;
}
.mCSB_container{
padding: 0 20px;
}
.ttp-team-content-outer-wrap .ttp-grid-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-filter-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-list-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-carousal-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-flipster-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-thumbnail-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-table-layout-popup.ttp-popup-content-right{
text-align: left;
}
.ttp-team-inner-hidden .ttp-additional-detail-close{
position: fixed;
cursor: pointer;
float: right;
font-size: 26px;
}
.ttp-team-inner-hidden .ttp-additional-detail-close:before{
content: "\f335";
font-family: dashicons;
position: fixed;
right: 0px;
top: -1px;
}
.ttp-popup-content-fix-wrap{
text-align: left;
/*margin-top: 20px;*/
overflow: hidden;
}
@media only screen and (max-width: 720px){
.ttp-team-content-outer-wrap .ttp-grid-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-filter-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-list-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-carousal-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-flipster-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-thumbnail-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-table-layout-popup.ttp-popup-content-right{
width: 50%;
left: 75.5%;
}
.mCSB_container{
padding-left: 10px;
}
}
@media only screen and (max-width: 480px){
.ttp-team-content-outer-wrap .ttp-grid-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-filter-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-list-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-carousal-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-flipster-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-thumbnail-layout-popup.ttp-popup-content-right,
.ttp-team-content-outer-wrap .ttp-table-layout-popup.ttp-popup-content-right{
width: 100%;
left: 50%;
}
}
/*team popup right style ends*/
/*team popup left style start*/
.ttp-popup-content-left .mCSB_container{
padding-left: 50px;
}
.ttp-team-member-content{
text-align: left;
}
@media only screen and (max-width: 1000px){
.ttp-popup-content-left .mCSB_container{
padding-left: 30px;
}
}
@media only screen and (max-width: 720px){
.ttp-team-content-outer-wrap .ttp-grid-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-filter-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-list-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-carousal-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-flipster-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-thumbnail-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-table-layout-popup.ttp-popup-content-left{
width: 50%;
left: 25%;
}
.ttp-popup-content-left .mCSB_container{
padding-left: 20px;
}
}
@media only screen and (max-width: 480px){
.ttp-team-content-outer-wrap .ttp-grid-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-filter-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-list-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-carousal-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-flipster-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-thumbnail-layout-popup.ttp-popup-content-left,
.ttp-team-content-outer-wrap .ttp-table-layout-popup.ttp-popup-content-left{
width: 100%;
left: 50%;
}
}
/*team popup left style ends*/
/*team popup center style starts*/
.ttp-popup-content-center .ttp-popup-content-fix-wrap{
float: left;
width: 40%;
padding-right: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.ttp-popup-content-center .ttp-team-member-content{
float: left;
width: 60%;
}
.ttp-popup-content-center .ttp-thumb-position{
font-size: 14px;
font-family: 'Open Sans', sans-serif;
}
.ttp-popup-content-center .ttp-thumb-social-link{
margin-top: 20px;
}
.ttp-popup-content-center .ttp-content-header{
font-size: 20px;
margin-top: 10px;
}
@media only screen and (max-width: 890px){
.ttp-popup-content-center{
width: 75% !important;
}
}
@media only screen and (max-width: 720px){
.ttp-popup-content-center{
width: 85% !important;
}
}
@media only screen and (max-width: 480px){
.ttp-popup-content-center .ttp-team-member-content,
.ttp-popup-content-center .ttp-popup-content-fix-wrap{
width: 100%;
}
}
/*team popup center style ends*/
/*team plugin popup style css ends*/
/*team plugin slide style css starts*/
.ttp-team-member-slide-content-right .ttp-team-member-social-link{
margin: 40px 0 0;
height: 30px;
line-height: 30px;
}
.team-info-block{
margin: 40px 0;
padding: 20px;
border: 1px solid #ccc;
}
.team-info-block .ttp-team-member-slide-content-left{
width: 60%;
float: left;
}
.team-info-block .ttp-team-member-slide-content-right{
width: 35%;
float: left;
padding-left: 10px;
}
.team-info-block .ttp-additional-detail-close{
float: right;
}
@media only screen and (max-width: 700px){
.team-info-block .ttp-team-member-slide-content-left{
width: 95%;
float: none;
display: block;
}
.team-info-block .ttp-team-member-slide-content-right{
width: 95%;
float: none;
display: block;
margin-top: 20px;
}
}
/*team plugin slide style css ends*/
/*filter style starts here*/
.ttp-filter-header{
float: left;
max-width: 100%;
}
.ttp-row{
float: right;
}
.ttp-row .small-3{
float: left;
}
.ttp-row .small-3 .button{
display: block;
}
.ttp-row .small-9{
float: right;
}
.ttp-row .small-9 input[type="text"]{
height: 37px;
padding: 3px 10px;
}
.ttp-row .small-3 .button,
.ttp-filter-header .button{
background: transparent;
color: #000 !important;
margin-right: 15px;
text-transform: uppercase;
border: none;
outline: none;
margin-bottom: 10px;
}
.ttp-filter-header .button:last-child{
margin-right: 0;
}
@media only screen and (max-width: 480px){
.ttp-row .small-3 .button{
margin-right: 5px;
margin-bottom: 0px;
}
.ttp-filter-header .button{
margin-right: 5px;
}
}
.ttp-row .small-3 .button{
font-size: 14px;
line-height: 15px;
min-height: 33px;
padding: 10px 15px;
font-weight: 400;
}
.ttp-row .small-3 .button:hover,
.ttp-filter-header .button.active,
.ttp-filter-header .button.is-checked,
.ttp-filter-header .button:hover{
background-color: #8cc63e;
color: #fff !important;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"]{
outline: none;
}
.ttp-filter-layout-wrap #ttp-column-4 .ttp-inner-whole-wrapper{
width: 25%;
}
.ttp-filter-layout-wrap #ttp-column-3 .ttp-inner-whole-wrapper{
width: 33.33%;
}
.ttp-filter-layout-wrap #ttp-column-2 .ttp-inner-whole-wrapper{
width: 50%;
}
.ttp-filter-layout-wrap .ttp-inner-whole-wrapper{
margin-bottom: 50px;
}
@media only screen and (max-width: 720px){
.ttp-filter-layout-wrap #ttp-column-3 .ttp-inner-whole-wrapper,
.ttp-filter-layout-wrap #ttp-column-4 .ttp-inner-whole-wrapper{
width: 50%;
}
.ttp-grid-layout #ttp-column-3 .ttp-inner-whole-wrapper:nth-child(3n+1){
clear: none;
}
}
@media only screen and (max-width: 480px){
.ttp-filter-layout-wrap #ttp-column-2 .ttp-inner-whole-wrapper,
.ttp-filter-layout-wrap #ttp-column-3 .ttp-inner-whole-wrapper,
.ttp-filter-layout-wrap #ttp-column-4 .ttp-inner-whole-wrapper{
width: 100%;
}
}
/*filter style ends here*/
/*filter menubar custom color css starts here*/
.ttp-filter-layout-wrap .ttp-row .small-3 .button{
color: #FFF !important;
border: 1px solid transparent;
}
.ttp-filter-layout-wrap #ttp-template-1 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-1 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-1 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-1 .ttp-filter-header .button.is-checked{
background-color: #ff2e64;
}
.ttp-filter-layout-wrap #ttp-template-1 .ttp-row .small-3 .button:hover{
background-color: #FFF;
color: #ff2e64 !important;
border: 1px solid #ff2e64;
}
.ttp-filter-layout-wrap #ttp-template-2 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-2 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-2 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-2 .ttp-filter-header .button.is-checked{
background-color: #d04984;
}
.ttp-filter-layout-wrap #ttp-template-2 .ttp-row .small-3 .button:hover{
color: #d04984 !important;
background-color: #FFF;
border: 1px solid #d04984;
}
.ttp-filter-layout-wrap #ttp-template-3 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-3 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-3 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-3 .ttp-filter-header .button.is-checked{
background-color: #b8ab81;
}
.ttp-filter-layout-wrap #ttp-template-3 .ttp-row .small-3 .button:hover{
color: #b8ab81 !important;
background-color: #FFF;
border: 1px solid #b8ab81;
}
.ttp-filter-layout-wrap #ttp-template-4 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-4 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-4 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-4 .ttp-filter-header .button.is-checked{
background-color: #f59331;
}
.ttp-filter-layout-wrap #ttp-template-4 .ttp-row .small-3 .button:hover{
color: #f59331 !important;
background-color: #fff;
border: 1px solid #f59331;
}
.ttp-filter-layout-wrap #ttp-template-5 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-5 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-5 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-5 .ttp-filter-header .button.is-checked{
background-color: #045071;
}
.ttp-filter-layout-wrap #ttp-template-5 .ttp-row .small-3 .button:hover{
color: #045071 !important;
background: #FFF;
border: 1px solid #045071;
}
.ttp-filter-layout-wrap #ttp-template-6 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-6 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-6 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-6 .ttp-filter-header .button.is-checked{
background-color: #1dbaf4;
}
.ttp-filter-layout-wrap #ttp-template-6 .ttp-row .small-3 .button:hover{
color: #1dbaf4 !important;
background: #FFF;
border: 1px solid #1dbaf4;
}
.ttp-filter-layout-wrap #ttp-template-7 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-7 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-7 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-7 .ttp-filter-header .button.is-checked{
background-color: #ffb900;
}
.ttp-filter-layout-wrap #ttp-template-7 .ttp-row .small-3 .button:hover{
color: #ffb900 !important;
background: #FFF;
border: 1px solid #ffb900;
}
.ttp-filter-layout-wrap #ttp-template-8 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-8 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-8 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-8 .ttp-filter-header .button.is-checked{
background-color: #443384;
}
.ttp-filter-layout-wrap #ttp-template-8 .ttp-row .small-3 .button:hover{
color: #443384 !important;
background-color: #fff;
border: 1px solid #443384;
}
.ttp-filter-layout-wrap #ttp-template-9 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-9 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-9 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-9 .ttp-filter-header .button.is-checked{
background-color: #F99393;
}
.ttp-filter-layout-wrap #ttp-template-9 .ttp-row .small-3 .button:hover{
color: #F99393 !important;
background-color: #fff;
border: 1px solid #F99393;
}
.ttp-filter-layout-wrap #ttp-template-10 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-10 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-10 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-10 .ttp-filter-header .button.is-checked{
background-color: #72b7a4;
}
.ttp-filter-layout-wrap #ttp-template-10 .ttp-row .small-3 .button:hover{
color: #72b7a4 !important;
background-color: #fff;
border: 1px solid #72b7a4;
}
.ttp-filter-layout-wrap #ttp-template-11 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-11 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-11 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-11 .ttp-filter-header .button.is-checked{
background-color: #5b5b5b;
}
.ttp-filter-layout-wrap #ttp-template-11 .ttp-row .small-3 .button:hover{
color: #5b5b5b !important;
background-color: #fff;
border: 1px solid #5b5b5b;
}
.ttp-filter-layout-wrap #ttp-template-12 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-12 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-12 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-12 .ttp-filter-header .button.is-checked{
background-color: #ff8217;
}
.ttp-filter-layout-wrap #ttp-template-12 .ttp-row .small-3 .button:hover{
color: #ff8217 !important;
background-color: #fff;
border: 1px solid #ff8217;
}
.ttp-filter-layout-wrap #ttp-template-13 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-13 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-13 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-13 .ttp-filter-header .button.is-checked{
background-color: #352e36;
}
.ttp-filter-layout-wrap #ttp-template-13 .ttp-row .small-3 .button:hover{
color: #352e36 !important;
background-color: #fff;
border: 1px solid #352e36;
}
.ttp-filter-layout-wrap #ttp-template-14 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-14 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-14 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-14 .ttp-filter-header .button.is-checked{
background-color: #feb312;
}
.ttp-filter-layout-wrap #ttp-template-14 .ttp-row .small-3 .button:hover{
color: #feb312 !important;
background-color: #fff;
border: 1px solid #feb312;
}
.ttp-filter-layout-wrap #ttp-template-15 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-15 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-15 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-15 .ttp-filter-header .button.is-checked{
background-color: #4a4a4a;
}
.ttp-filter-layout-wrap #ttp-template-15 .ttp-row .small-3 .button:hover{
color: #4a4a4a !important;
background-color: #fff;
border: 1px solid #4a4a4a;
}
.ttp-filter-layout-wrap #ttp-template-16 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-16 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-16 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-16 .ttp-filter-header .button.is-checked{
background-color: #67bb90;
}
.ttp-filter-layout-wrap #ttp-template-16 .ttp-row .small-3 .button:hover{
color: #67bb90 !important;
background-color: #fff;
border: 1px solid #67bb90;
}
.ttp-filter-layout-wrap #ttp-template-17 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-17 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-17 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-17 .ttp-filter-header .button.is-checked{
background-color: #261e4c;
}
.ttp-filter-layout-wrap #ttp-template-17 .ttp-row .small-3 .button:hover{
color: #261e4c !important;
background-color: #fff;
border: 1px solid #261e4c;
}
.ttp-filter-layout-wrap #ttp-template-18 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-18 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-18 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-18 .ttp-filter-header .button.is-checked{
background-color: #0081ff;
}
.ttp-filter-layout-wrap #ttp-template-18 .ttp-row .small-3 .button:hover{
color: #0081ff !important;
background-color: #fff;
border: 1px solid #0081ff;
}
.ttp-filter-layout-wrap #ttp-template-19 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-19 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-19 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-19 .ttp-filter-header .button.is-checked{
background-color: #36afe0;
}
.ttp-filter-layout-wrap #ttp-template-19 .ttp-row .small-3 .button:hover{
color: #36afe0 !important;
background-color: #fff;
border: 1px solid #36afe0;
}
.ttp-filter-layout-wrap #ttp-template-20 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-20 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-20 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-20 .ttp-filter-header .button.is-checked{
background-color: #f7a4af;
}
.ttp-filter-layout-wrap #ttp-template-20 .ttp-row .small-3 .button:hover{
color: #f7a4af !important;
background-color: #fff;
border: 1px solid #f7a4af;
}
.ttp-filter-layout-wrap #ttp-template-21 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-21 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-21 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-21 .ttp-filter-header .button.is-checked{
background-color: #59b031;
}
.ttp-filter-layout-wrap #ttp-template-21 .ttp-row .small-3 .button:hover{
color: #59b031 !important;
background-color: #fff;
border: 1px solid #59b031;
}
.ttp-filter-layout-wrap #ttp-template-22 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-22 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-22 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-22 .ttp-filter-header .button.is-checked{
background-color: #bba466;
}
.ttp-filter-layout-wrap #ttp-template-22 .ttp-row .small-3 .button:hover{
color: #bba466 !important;
background-color: #fff;
border: 1px solid #bba466;
}
.ttp-filter-layout-wrap #ttp-template-23 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-23 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-23 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-23 .ttp-filter-header .button.is-checked{
background-color: #f0a700;
}
.ttp-filter-layout-wrap #ttp-template-23 .ttp-row .small-3 .button:hover{
color: #f0a700 !important;
background-color: #fff;
border: 1px solid #f0a700;
}
.ttp-filter-layout-wrap #ttp-template-24 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-24 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-24 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-24 .ttp-filter-header .button.is-checked{
background-color: #4c4c4c;
}
.ttp-filter-layout-wrap #ttp-template-24 .ttp-row .small-3 .button:hover{
color: #4c4c4c !important;
background-color: #fff;
border: 1px solid #4c4c4c;
}
.ttp-filter-layout-wrap #ttp-template-25 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-25 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-25 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-25 .ttp-filter-header .button.is-checked{
background-color: #4c4c4c;
}
.ttp-filter-layout-wrap #ttp-template-25 .ttp-row .small-3 .button:hover{
color: #4c4c4c !important;
background-color: #fff;
border: 1px solid #4c4c4c;
}
.ttp-filter-layout-wrap #ttp-template-26 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-26 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-26 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-26 .ttp-filter-header .button.is-checked{
background-color: #666186;
}
.ttp-filter-layout-wrap #ttp-template-26 .ttp-row .small-3 .button:hover{
color: #666186 !important;
background-color: #fff;
border: 1px solid #666186;
}
.ttp-filter-layout-wrap #ttp-template-27 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-27 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-27 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-27 .ttp-filter-header .button.is-checked{
background-color: #261e4c;
}
.ttp-filter-layout-wrap #ttp-template-27 .ttp-row .small-3 .button:hover{
color: #261e4c !important;
background-color: #fff;
border: 1px solid #261e4c;
}
.ttp-filter-layout-wrap #ttp-template-28 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-28 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-28 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-28 .ttp-filter-header .button.is-checked{
background-color: #fecf17;
}
.ttp-filter-layout-wrap #ttp-template-28 .ttp-row .small-3 .button:hover{
color: #fecf17 !important;
background-color: #fff;
border: 1px solid #fecf17;
}
.ttp-filter-layout-wrap #ttp-template-29 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-29 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-29 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-29 .ttp-filter-header .button.is-checked{
background-color: #f7951e;
}
.ttp-filter-layout-wrap #ttp-template-29 .ttp-row .small-3 .button:hover{
color: #f7951e !important;
background-color: #fff;
border: 1px solid #f7951e;
}
.ttp-filter-layout-wrap #ttp-template-30 .ttp-row .small-3 .button,
.ttp-filter-layout-wrap #ttp-template-30 .ttp-filter-header .button:hover,
.ttp-filter-layout-wrap #ttp-template-30 .ttp-filter-header .button.active,
.ttp-filter-layout-wrap #ttp-template-30 .ttp-filter-header .button.is-checked{
background-color: #d84c5d;
}
.ttp-filter-layout-wrap #ttp-template-30 .ttp-row .small-3 .button:hover{
color: #d84c5d !important;
background-color: #fff;
border: 1px solid #d84c5d;
}
/*filter menubar custom color css ends here*/
/*ttp thumbnail popup style starts*/
.ttp-thumbnail-layout-popup .ttp-thumb-social-link .ttp-social-link-list-default .fa{
padding: 0 15px 0 0;
}
/*ttp thumbnail popup style ends*/
/*thickbox-loading style starts here*/
#TB_ajaxWindowTitle{
text-align: center !important;
}
/*thickbox-loading style ends here*/
/*flipster button background remove*/
.flipster button.flipster__button{
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/*flipster button background remove*/
.ttp-grid-layout #ttp-template-6 .ttp-team-inner-hidden .ttp-thumb-social-link,
.ttp-thumbnail-layout .ttp-team-inner-hidden .ttp-thumb-social-link,
.ttp-thumbnail-layout .team-info-block .ttp-team-member-social-link{
border-top: 1px solid #4c4c4c;
border-bottom: 1px solid #4c4c4c;
}
.ttp-grid-layout #ttp-template-6 .ttp-team-inner-hidden .ttp-thumb-social-link,
.ttp-thumbnail-layout .ttp-team-inner-hidden .ttp-thumb-social-link{
height: 30px;
line-height: 30px;
}
.ttp-grid-layout #ttp-template-6 .ttp-team-inner-hidden .ttp-social-link-list-default .fa,
.ttp-thumbnail-layout .ttp-team-inner-hidden .ttp-social-link-list-default .fa,
.ttp-thumbnail-layout .team-info-block .ttp-social-link-list-default .fa{
margin: 0 10px;
color: #4c4c4c;
}
/*jquery flipster overwrite css starts here*/
.flipster--flat .flipster__item--past, .flipster--flat .flipster__item--future{
opacity: 1 !important;
}
.flipster__nav__link::after{
display: none !important;
}
/*jquery flipster overwrite css ends here*/
/*link underline css starts*/
.ttp-content-external-link-list a{
text-decoration: underline;
}
/*link underline css ends here*/
/*close icon fixed on slideout css starts here*/
#team-infos-block{
position: relative;
}
#team-infos-block .ttp-additional-detail-close{
position: absolute;
right: 0;
top: 0;
}
#team-infos-block .ttp-additional-detail-close:before{
position: absolute;
right: 0px;
top: 0px;
content: "\f335";
font-family: dashicons;
}
/*close icon fixed on slideout css ends here*/