/*
Plugin CSS
Author: wpdream
*/
:root{
    --brcolor:#14b1bb; /* Brand color */
    --brhovercolor:#0a257a; /* Brand Hover color */
	--brrgb: 20,177,187; /* Brand rgb color */
	--bropacity:rgba(20,177,187,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 */   
}

/*=========================================================================================== #START TO LIST ELEMENT CSS =============================================================================================*/
.all_list_color{
     transition:.5s;
}
 .wpdlistw ul{
     padding:0;
}
 .wpdlistw ul li{
     list-style:none;
}
 .wpdlistw ul li span, .wpdlistw ul li a {
     display: inline-block;
     padding: 8px 7px;
     margin-bottom: 1px;
}
 .wpdlistw ul li span i, .wpdlistw ul li a i{
     display:inline-block;
     margin-top: 4px;
}
.txbdbcolor{
     color:var(--brcolor);
}
 .txbdbhcolor:hover{
     color:var(--brcolor);
}
 .txcwhite{
     color:var(--white);
}
 .txcwhiteh:hover{
     color: var(--brhovercolor);
}
 .txbdwbg{
     background:var(--white);
}
 .txbdbbg{
     background:var(--brcolor);
}
 .txbdbg,.afterbg::after,.beforebg::before{
     background:var(--brcolor);
}
/* btn tyfo */
 .btnallt {
     font-size: 16px;
     font-weight: 500;
}
/* btn style */
 .btnallt{
     position:relative;
}
 .btnall {
     border: 1px solid var(--bdcolor);
     display: inline-block;
     border-radius: 5px;
     padding: 7px 25px;
}
/* btn icon */
 .btniconleft i {
     margin-left: 5px;
}
 .btniconright i {
     margin-right: 5px;
}
/* btn circle */
 .btncircle{
}
 .btncircle i {
     color: var(--white);
     background: var(--brcolor);
     border: 1px solid var(--brcolor);
     height: 52px;
     width: 52px;
     text-align: center;
     line-height: 50px;
     border-radius: 50%;
     display: inline-block;
     margin: 0 10px;
     transition:.5s;
     animation: wpd-shadow 1s linear infinite;
}
/* icon css */
 .iconall{
     margin-bottom:10px;
}
 .iconalltf i{
     font-size: 22px;
     text-align: center;
     display: inline-block;
     transition:.5s;
}
 .iconall i {
     height: 50px;
     width: 50px;
     border-radius: 50%;
     line-height: 48px;
     border: 1px solid var(--bdcolor);
}
 .icondff i{
     border-radius: 30% 70% 70% 30%/50% 50% 50% 50%;
}
/* border and text brand color */
 .txbdbrbt, .btnallbt, .iconallbt i {
     border: 1px solid var(--brcolor);
     color:var(--brcolor);
}
/* btn hover brand color */
 .txbdbrhv:hover, .btnall:hover, .iconall i:hover, .txbdsva:hover .iconall i, .tteamsocial a:hover, .filter_menu li:hover, .filter_menu li.current_menu_item {
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: var(--white);
}
/* active btn brand color */
 .txbdbrac, .btnallactive, .iconallactive i{
     background: var(--brcolor);
     border-color: var(--brcolor);
     color: var(--white);
}
/* active hover btn, slider social, icon active color brand color */
 .txbdbrac:hover, .btnallactive:hover, .txbdssocial ul li a:hover, .btncircle i:hover, .iconallactive i:hover, .txbdsva:hover .iconallactive i {
     background: var(--brhovercolor);
     border-color: var(--brhovercolor);
     color: var(--white);
}
 .btniconp i {
     position: absolute;
     right: -28px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 1;
     height: 45px;
     width: 45px;
     border-radius: 50%;
     line-height: 43px;
     border: 1px solid var(--brcolor);
     background: var(--brcolor);
     color: var(--white);
     text-align: center;
     transition:.5s;
}
 .btniconp:hover i{
     border: 1px solid var(--white);
     background: var(--white);
     color: var(--brcolor);
}




/* responsive */
 @media (min-width: 992px) and (max-width: 1199px) {


}
 @media (min-width: 768px) and (max-width: 991px) {}
 @media (max-width: 767px) {
	 
 }