/*
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 */   
}
img, svg {
    vertical-align: middle;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.wpd_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wpd_batn {
    flex-shrink: 0;
}
/*=========================================================================================== 
#START TO TITLE CSS
 =============================================================================================*/
 .tts{
     position:relative;
}
 .ttin{
     position:relative;
     z-index:1;
}
 .ttbt{
     position:absolute;
     top:0;
     bottom:0;
     right:0;
     left:0;
}
 .title_in .ttbt {
     z-index: -1;
}
 .ttbt h5{
     font-size:80px;
     -webkit-text-stroke: 1px #888888;
     -webkit-text-fill-color: transparent;
     line-height:1;
}
 .ttin .txbdstitle{
     margin: auto;
     font-size:35px;
}
 .ttin .txbdstitle.tsmall{
     font-size:18px;
}
 .text-right .ttin .txbdstitle{
     margin-right: 0px;
}
 .text-left .ttin .txbdstitle{
     margin-left: 0px;
}
 .ttin .stone{
     display: inline-block;
}
.ttin p {
    margin-top: 10px;
}
.hlight span,
.ttin p span{
     color:var(--brcolor);
}
 .text-center .ttin p{
     width:74%;
     margin-right:auto;
     margin-left:auto;
}
 .text-left .ttin p{
     width:74%;
     margin-right:auto;
     margin-left:0px;
}
 .text-right .ttin p{
     width:74%;
     margin-right:0px;
     margin-left:auto;
}
 .ttit {
     margin-top: 0px;
     margin-bottom: 10px;
}
/* bar color title */
 .ttbr {
     margin: 10px 0;
}
 .ttbi{
     height: 5px;
     width: 90px;
     margin: 0px auto;
     position: relative;
     border-radius: 30px;
}
 .text-left .ttbi{
     margin-left:0px;
}
 .text-right .ttbi{
     margin-right:0px;
}
/* title extrat style */
 .title_in_area {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .title_in{
     position: relative;
     width:100%;
}
 .title_in:before {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     width: 2px;
     content: "";
}
 .title_in:after {
     position: absolute;
     right: -5px;
     top: 0;
     height: 100%;
     width: 2px;
     content: "";
}
 .txbdbg,.afterbg::after,.beforebg::before{
     background:var(--brcolor);
}
 .txbdbcolor{
     color:var(--brcolor);
}
 .txbdbhcolor:hover{
     color:var(--brcolor);
}
 .title_tx h4, .title_tx h2{
     margin:0;
}
 .title_p {
     text-align: left;
     width: 100%;
     padding-left:30px;
}
 .title_ptx p {
     margin: 0;
}
/* circale Bar css */
 .ttbic{
     position:relative;
}
 .ttbic:before{
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     -webkit-transform:translateY(-50%);
     transform:translateY(-50%);
     border-radius: 50%;
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-name: move_title_bg1;
     animation-name: move_title_bg1;
}
 .ttbic:after{
     content: '';
     position: absolute;
     right: 0;
     top: 50%;
     -webkit-transform:translateY(-50%);
     transform:translateY(-50%);
     border-radius: 50%;
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-name: move_title_bg2;
     animation-name: move_title_bg2;
}
 .ttbic:before, .ttbic:after {
     border: 6px solid var(--brcolor);
}
 @-webkit-keyframes move_title_bg1 {
     from {
         left:0;
    }
     to {
         left:100%;
    }
}
 @keyframes move_title_bg1 {
     from {
         left:0;
    }
     to {
         left:100%;
    }
}
 @-webkit-keyframes move_title_bg2 {
     from {
         right:0;
    }
     to {
         right:100%;
    }
}
 @keyframes move_title_bg2 {
     from {
         right:0;
    }
     to {
         right:100%;
    }
}
.btnall {
    border: 1px solid var(--bdcolor);
    display: inline-block;
    border-radius: 5px;
    padding: 7px 25px;
}
.txbdbrbt, .btnallbt, .iconallbt i {
    border: 1px solid var(--brcolor);
    color: var(--brcolor);
}
.btnall:hover{
    background: var(--brcolor);
    border-color: var(--brcolor);
    color: var(--white);
}
/*=====================================================================================
								Responsive CSS
=====================================================================================*/
 @media (min-width: 992px) and (max-width: 1365px) {}
 
@media (min-width: 768px) and (max-width: 991px) {
    /* title */
     .ttin .txbdstitle {
         font-size: 30px;
    }
     .ttssb .text-left p {
         width: 97%;
    }
     .ttitlebtn {
         padding-top: 15px;
    }
}
@media (max-width: 767px){
    /* title css */
     .ttin .txbdstitle {
         font-size: 25px;
    }
     .tts .text-left, .tts .text-right, .tts .text-left .ttbi, .tts .text-right .ttbi, .tts .text-left p, .tts .text-right p{
         text-align: center !important;
         margin: auto;
    }
     .text-left .ttin p,.text-center .ttin p,.text-right .ttin p{
         width:98%;
    }
     .title_in_area, .wpd_flex {
         display: inherit;
         text-align: center;
    }
     .title_p {
         text-align: center;
         width: 98%;
         padding-left: 0;
    }
     .title_in::after,.title_in::before {
         display:none;
    }
     .tts .btnallt{
         margin-top:10px;
    }
}