/*
Plugin CSS
Author: wpdream
*/

:root{
    --brcolor:#14b1bb; /* Brand color */
    --brhovercolor:#0a257a; /* Brand Hover color */
	--brrgb: 20,177,187; /* Brand rgb color */
	--bropacity:rgba(0,0,0,0.64); /* Brand opacity color */
    --black:#000000; /* black color */
	--white:#ffffff; /* white color */
    --bdcolor:#dddddd; /* border color */
    --bdhcolor:#14b1bb; /* border hover color */
    --linkcolor:#000000; /* link  color */	
    --titlecolor:#0e0e0e; /* title color */
    --pracolor:#74787c; /* pragrap/body color */	
    --bshadow:rgba(0,0,0,0.09); /* opacity color box shadow */   
	scroll-behavior: unset;
}
/*
var(--titlecolor)
var(--bdhcolor)
var(--brcolor)
var(--brhovercolor)
var(--brrgb)
var(--bropacity)
var(--black)
var(--white)
var(--bdcolor)
var(--bshadow)
var(--linkcolor)
var(--pracolor)
*/
img, svg {
    vertical-align: middle;
}
.text-center {
    text-align: center;
}
.txcwhite {
    color: var(--white);
}
.text-start {
    text-align: left!important;
}
.txbdboxwhitetext .iconalltf i, .txbdboxwhitetext .txstcolor, .txbdboxwhitetext p, .txbdboxwhitetext ul li, .txbdboxwhitetext ul li a, .txbdboxwhitetext span, .txbdboxwhitetext a {
    color: var(--white);
    border-color: var(--white);
}
.txbdbbg {
    background: var(--brcolor);
}

/* opacity and transform style */
 .opacity0{
     opacity:0;
}
 .opacity1{
     opacity:1;
}
 .txbdsva:hover .opacityh0{
     opacity:0;
}
 .txbdsva:hover .opacityh1{
     opacity:1;
}
 .opacitybf0::before, .opacityaf0::after {
     opacity:0;
}
 .opacitybf1::before, .opacityaf1::after {
     opacity:1;
}
 .opacitybfh0:hover ::before, .opacityafh0:hover ::after {
     opacity:0;
}
 .opacitybfh1:hover ::before, .opacityafh1:hover ::after {
     opacity:1;
}
 .transformsc0{
     transform:scale(0);
}
 .transformsc1{
     transform:scale(1);
}
 .transformsch0:hover{
     transform:scale(0);
}
 .transformsch1:hover{
     transform:scale(1);
}

/* box text position */
 .zindex-1{
     z-index:-1;
}
 .zindex999{
     z-index:9999;
}
 .zindex99{
     z-index:999;
}
/* box position */
 .posibg, .txbdbfltrb::before{
     background: var(--bropacity);
}
 .txbdbfoverlay:hover::before{
     background: var(--bropacity);
}
 .boxposiltrb{
     left:0;
     top:0;
     right:0;
     bottom:0;
}
 .boxtextpost {
     top: -100%;
}
 .boxtextposl {
     top: 0;
     left:-100%;
}
 .boxtextposr {
     top: 0;
     right:-100%;
}
 .boxtextposi {
     content: "";
     position: absolute;
     transition: .5s;
     text-align: center;
     height: 100%;
     width: 100%;
}
 .boxtextposbl {
     bottom: 0;
     left: -100%;
     right: 0;
     height: auto;
     z-index: 99999;
}
 .boxtextposb {
     bottom: -100%;
}
 .boxtextposineer {
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .allposihv:hover .boxtextpost,
 .txbdsva:hover .boxtextpost
  {
     top:0;
}
 .txbdsva:hover .boxtextposbl{
     left: 15px;
     bottom: 15px;
}
 .txbdallph:hover .boxtextposl, .txbdsva:hover .boxtextposl {
     left:0;
}
 .txbdsva:hover .boxtextposr {
     right:0;
}
 .txbdsva:hover .boxtextposb {
     bottom:0;
}
/* box shadow */
 .boxsh{
     box-shadow: 0px 0px 20px 0px var(--bshadow);
}
 .tteam {
     overflow: hidden;
     box-shadow: 0px 0px 10px 0px var(--bshadow);
}
.boxtextposire {
    position: relative;
    overflow: hidden;
}

 .txbdbfall{
     z-index:1;
}
 .txbdbfltrb::before {
     top: 0;
     left: 0;
     right:0;
     bottom:0;	 
}
.txbdbfall::before {
    background: var(--brcolor);
    content: "";
    position: absolute;
    transition: .5s;
    z-index: -1;
}
.txbdbfltrb::before {
    background: var(--bropacity);
}
.txbdbfallz::before, .txbdbfallz::after {
    z-index: 999;
}
.tteam:hover .opacitybf0::before, .tteam:hover .opacityaf0::after {
     opacity:1;
}
/* icon overlay css */
 .wblogicon {
     position: absolute;
     left: 50%;
     top: 50%;
     text-align: center;
     z-index: 999;
     opacity: 0;
     transition: .5s;
     transform: translateX(-50%) translateY(-50%);
}
 .wblogicon a {
     border-radius: 50%;
     background: var(--brcolor);
     color: var(--white);
     display: inline-block;
     height: 45px;
     line-height: 45px;
     width: 45px;
}
 .wblogpart:hover .wblogicon{
     opacity:1;
}
 .tteamcon {
     padding: 18px 10px 23px;
}
.teamtit {
    margin-bottom: 0px;
    margin-top: 0;
    font-size: 25px;
}
 .tteamcon p{
}
 .tteamsocial {
     margin-top: 10px;
}
 .tteamsocial a {
     color: #ababab;
     border:1px solid #ababab;
     display: inline-block;
     width: 35px;
     height: 35px;
     border-radius: 5px;
     line-height: 33px;
     text-align: center;
     margin: 0 3px;
}
 .tteam:hover .wblogicon{
     opacity: 1;
}
/* 2 */
.txbdimageinner {
    position: relative;
    overflow: hidden;
}
 .txbdtitleposi {
     position: absolute;
     left: 0;
     bottom: 0;
     right: 0;
     z-index:999;
     transition:.5s;
}
.txbdsva:hover .txbdtitleposi{
     bottom: -100%;
}
.txbdwbg {
    background: var(--white);
}
 .tteam2 .txbdtitleposi .tteamsocial {
     padding: 21px 10px;
     margin:0;
}
 .tteam2 .boxtextposi .tteamcon2 .tteamsocial a {
     color:var(--white);
     border-color:var(--white);
}
 .tteam2 .boxtextposi .tteamcon2 .tteamsocial a:hover {
     border-color:var(--brcolor);
}
 .tteam8 .tteamcon2 .tteamsocial a {
     border-color:var(--white);
     color:var(--white);
}
/* 3 */
 .tteam3:hover .boxposiltrb {
     top:-100%;
}
 .tteam3 .txbdtitleposi {
     bottom: -100%;
}
 .tteam3:hover .txbdtitleposi {
     bottom: 0;
}
/* 4 */
.txbdbg, .afterbg::after, .beforebg::before {
    background: var(--brcolor);
}
 .tteam4 .txbdimageinner {
     z-index:2;
     transition:.5s;
}
 .tteam4 .boxtextposi {
     z-index:1;
}
 .tteam4:hover .txbdimageinner {
     -webkit-transform: scale(0);
     transform: scale(0);
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
/* 6 */
 .tteam6:hover .boxtextposbl{
     left:15px;
     bottom:15px;
}
 .tteam6 .tteamcon2 span {
     padding: 5px 30px;
}
/* 9 */
 .ttiocn9p {
     left:auto;
     top:auto;
     right: 20px;
     bottom: 25px;
     opacity:1;
     transform:none;
}
 .ttiocn9 {
	right: -100%;     
}
 .tteam9:hover .ttiocn9 {
    right: 70px;     
}
 .ttiocn9 a {
     border:none;
     color:var(--white);
     margin-bottom: 3px;
}
/* 10 */
 .tteam10{
     padding-bottom:23px;
}
 .tteam10 .txbdbfltrb::before {
     left: 100%;
}
 .tteam10:hover .txbdbfltrb::before{
     left: 0;
}
 .ttiocn10 {
     bottom:100%;
}
 .ttiocn10 {
     right: 40px;
}
 .tteam10:hover .ttiocn10 {
     bottom:58px;
	 right: 40px;
}
 .ttiocn10 a{
    display:block;
}
 .ttiocn10p {
     right: 40px;
     bottom: 135px;
}
 .ttiocn10p a{
     border: 5px solid #e6ebf8;
     line-height: 35px;
     background:var(--white);
     color:var(--brcolor);
}
 .ttiocn10p a:hover{
     color:var(--white);
     background:var(--brcolor);
}
 .tteam10:hover .ttiocn10p {
     bottom: 42px;
}
 .tteamcon10 {
     position: relative;
     border-radius: 5px;
     padding: 15px 30px 13px;
     margin: 0 20px;
     box-shadow: 0px 0px 30px 0 rgba(42,67,113,.15);
     margin-top: -58px;
     text-align: left;
     background: var(--white);
     z-index: 1;
}
 .txbdboxallhover:hover .iconalltf i, .txbdboxallhover:hover .txstcolor,.txbdboxallhover:hover .teamtit, .txbdboxallhover:hover p, .txbdboxallhover:hover ul li, .txbdboxallhover:hover ul li a, .txbdboxallhover:hover span, .txbdboxallhover:hover a {
     color:var(--white);
     border-color:var(--white);
}
 .txbdboxallhover:hover .iconall i, .txbdboxallhover:hover .btnall{
     background:var(--white);
     border-color:var(--white);
     color:var(--brcolor);
}
/* 11 */
 .tteamp11 {
     left: 0;
     background: var(--white);
     width: 90%;
     margin: auto;
     bottom: -60px;
}
 .tteam11:hover .tteamp11 {
     bottom: 0;
     background:var(--brcolor);
}
 .tteam11:hover .tteamsocial a{
     background: var(--white);
     border-color: var(--white);
     color:var(--brcolor);
}
 .tteam11 .ticonp11 a:hover{
     background: var(--brcolor);
     border-color: var(--brcolor);
     color:var(--white);
}
/* 12 */
 .tteam12 .boxtextposi {
     height: 90%;
     width: 90%;
     margin:auto;
}
 .tteam12:hover .opacity0{
     opacity:1;
} 
.txbdbft::before {
    height: 3px;
    top: 0;
    left: 0;
    width: 0%;
}
.txbdafb::after {
    height: 3px;
    bottom: 0;
    right: 0;
    width: 0%;
}
.txbdonlypo::before, .txbdonlypo::after {
    content: "";
    position: absolute;
    transition: .5s;
}
 .txbdbft:hover::before, .txbdaft:hover::after, .txbdbfb:hover::before, .txbdafb:hover::after {
     width: 100%;
}
.txbdbfallbg::before, .txbdbfallbg::after {
    background: var(--brcolor);
} 
/* 13 */
.wpd_flex {
    display: flex;
    align-items: center;
}
.tteam13 .tteamcon {
    width: 100%;
    padding-left: 20px;
}
 
/*=====================================================================================
								Responsive CSS
=====================================================================================*/
 @media (min-width: 992px) and (max-width: 1365px) {

 }	
 @media (min-width: 768px) and (max-width: 991px) {

	
 }  
/* --- Small Mobile : 320 ---*/
 @media (max-width: 767px) {
.wpd_flex {
    display: inherit;
}
.teamtit {
    font-size: 20px;
}

    
 }



