/*
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;
}
/* 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{
     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, .iconallactive i:hover, .txbdsva:hover .iconallactive i {
     background: var(--brhovercolor);
     border-color: var(--brhovercolor);
     color: var(--white);
}
/*===========================================================================================
 #START TO CLASSIC BUTTON CSS =============================================================================================*/
 .witr_classic_button_area {
     text-align: left;
}
 .btn_none{
     display:none;
}
 .btn_block{
     display:block;
}
 .btn_sh_area{
     margin-top:25px;
}
 .btn_sh_area p {
     font-size: 17px;
     font-weight: 700;
}
 .btn_sh_area i {
     font-size: 21px;
     margin: 0px 5px;
     cursor: pointer;
}
.a_active i {
     color: var(--brcolor);
}
.btnallactive .a_active i,
.btnall:hover .a_active i {
     color: var(--white);
}

/* 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;
}

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


}
@media (max-width: 767px) {
.btnall {
    margin-bottom: 10px;
}
.btn_sh_area {
    margin-top: 10px;
}
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	
}