.social-side {
    position: fixed;
    height: auto;
    right: 0;
    top: 160px;
    z-index: 1502;
}
.fab {
    color: #FFFFFF !important;
    font-size: 2em !important;
}
.facebook-side {
    background: rgb(59, 89, 152);
    text-align: center;
    padding: 7px;
    margin: 0px;
}
.twitter-side {
    background: rgb(29, 161, 242);
    text-align: center;
    padding: 7px;
    margin: 0px;
}
.ig-side {
    background: rgb(119, 9, 219);
    text-align: center;
    padding: 7px;
    margin: 0px;
}
.fbme-side {
    background: rgb(20, 25, 219);
    text-align: center;
    padding: 7px;
    margin: 0px;
}
.googleplus-side {
    /* background: rgb(221, 75, 57); */
    background-image: url(../images/social/bg-ig.png);
    background-size: cover;
    text-align: center;
    padding: 7px;
    margin: 0px;
}
.line-side {
    background: rgb(0, 185, 0);
    text-align: center;
    padding: 7px;
    margin: 0px;
}
.youtube-side {
    background: rgb(248, 0, 0);
    text-align: center;
    padding: 7px;
    margin: 0px;
}
.tiktok-side {
    background: rgb(0, 0, 0);
    text-align: center;
    padding: 7px;
    margin: 0px;
}

.text-grad {
    
    font-weight: 800;
	text-transform: uppercase;
	background: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);


	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font: {
		size: 20vw;
		family: $font;
	};
}

.bg_trainee{
    background: url(../images/hr/b2.jpg) center top;
    background-size: cover;
}

.overlay1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .7;
    background-color: #f7ac1a;
/*    background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);*/
    z-index: 999;
}
.overlay2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .7;
background-color: #e15987;
/*background-image: linear-gradient(90deg, #FAD961 0%, #F76B1C 100%);*/
    z-index: 999;
}
/* background color */

/*===================== team section ================*/
.team {
    padding: 20px;
    position: relative;
}

.our-team .team-row {
/*
    margin-left: -40px;
    margin-right: -40px;
*/
}

.our-team .team-wrap {
    padding: 0 0px;
}

.our-team .container-fluid {
    padding: 0 50px;
}

.team-img img {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow: hidden;
    width: 100%;
}

.team-member,
.team-img {
    position: relative;
    overflow: hidden;
}

.team-title {
    margin: 30px 0 7px;
    font-size: 20px;
    font-weight: 700;
    color: inherit;
    text-transform: uppercase;
}

.team-member span {
    font-size: 16px;
    color: #444444;
    font-weight: 400;
    text-transform: capitalize;
}

.overlay-team {
    background-color: rgba(20, 20, 20, .7);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.team-details {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 5%;
    overflow: hidden;
    width: 100%;
    z-index: 2;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.team-img:hover .team-details {
    opacity: 1;
    margin-top: -80px;
}

.team-img:hover .overlay-team {
    opacity: 1;
}

.team-member:hover h6 {
    color: #002147;
    font-weight: bold;
}

.socials a {
    display: inline-block;
    margin-top: 40px;
    margin-right: 5px;
}

.socials a i {
    color: #fff;
    font-size: 18px;
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    line-height: 44px;
    text-align: center;
    transition: all .3s ease 0s;
    background: rgba(255, 255, 255, 0.5);
}

.team-details .socials i {
    color: #fff;
}

.socials a:hover i {
    color: #fff;
    background: #fec722;
}


.bg_1 {
/*    background: #cfbeb7 url(../images/cases/bgCase.png);*/
/*    background-image: linear-gradient(to bottom, #cfbeb7, #d8c9c9, #ded5d8, #e5e2e5, #eeeeee);*/

    
/*    background: url(../images/cases/bgCase.png);*/
    background: #cfbeb7;

}
.bg_2 {
    background: #212121;
}
.bg_one {
    
    background: #cfbeb7 url(../images/cases/bgCase.png);
    background-position: right;
}

.bg_two {
/*
  background: #f7941e; 
    background: rgb(247,148,30);
background: linear-gradient(153deg, rgba(247,148,30,1) 0%, rgba(236,20,155,1) 100%);
*/
    
/*
background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
*/

/*
    background-color: #FBDA61;
    background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
*/
    
/*    background-image: linear-gradient(to bottom, #f7941e, #e48719, #d27a14, #bf6e0f, #ad620a);*/
    
    background: #7e706c url(../images/cases/bgCase.png);
    background-repeat: no-repeat;
    background-position: left center;

}

/* Font Color */
.f-white{
    color: #FFFFFF;
}

.xxxx{
    font-size: 300px;
    font-weight: 900;
}
.listx {
    list-style:circle;
    list-style-position: inside;
}
.btn-discover{
    font-size: 14px;
    color: #7e706c;
    background: transparent;
    padding: 5px 10px;
    border-bottom: 2px solid #EEEEEE;
/*    border-radius: 50px;*/
    font-weight: 500;
/*    border: 2px solid #7e706c;*/
    
}
.btn-discover:hover{

    color: #7e706c;
    border-bottom: 2px solid #7e706c;
/*    background: #7e706c;*/

}

.btn-discover-orange{
    font-size: 14px;
    color: #f7941e;
    background: transparent;
    padding: 5px 15px;
    border-radius: 50px;
    font-weight: 500;
    border: 2px solid #f7941e;
    
}
.btn-discover-orange:hover{

    color: #FFF;
    background: #f7941e;

}
.bg-w{
    background: #efe6e4;
}
.bg-e0d{
    background: #e0dddc;
}
.color-w{
    color: #FFFFFF;
}

.hr-service{
    
    position: relative;
}

.hr-career{
    background: #000;

}
.search-hr{
    display: block;
    width: 100%;
/*
    font-size: 0.875rem;
    line-height: 1.5;
*/
    color: #3c2313;
    background-color: #fff;
    background-image: none;
    border: 1px solid #7e706c;
    height: calc(3rem + 2px) !important;
    border-radius:0;
}
/* -----------------
 news 
-------------------- */
.b-0 {
    bottom: 0;
}
.bg-shadow {
    background: rgba(76, 76, 76, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
    background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
.top-indicator {
    right: 0;
    top: 1rem;
    bottom: inherit;
    left: inherit;
    margin-right: 1rem;
}
.overflow {
    position: relative;
    overflow: hidden;
}
.zoom img {
    transition: all 0.2s linear;
}
.zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*
.h5 {
    font-size: 16px;
}
*/
.w-t{
    color: #dddad4;
    line-height: 25px;
}
/* search  */

.search-sec{
    padding: 2rem;
}
.search-slt{
    display: block;
    width: 100%;
/*
    font-size: 0.875rem;
    line-height: 1.5;
*/
    color: #3c2313;
    background-color: #fff;
    background-image: none;
    border: 1px solid #fff;
    height: calc(3rem + 2px) !important;
    border-radius:0;
}
.wrn-btn{
    width: 100%;
    text-transform: capitalize;
    height: calc(3rem + 2px) !important;
    border-radius:0;
    border: 1px solid #7e706c;
}
@media (min-width: 992px){
    .search-sec{
        position: relative;
        top: -90px;    
        background: rgba(60, 35, 19, 0.51);
        
    }
}

@media (max-width: 992px){
    .search-sec{
        top: -90px;
        margin-bottom: 20px;
    }
    
        
}

.mheight{
    height: 260px;
}
.text-no {
    font-size: 80px;
    font-weight: 800;
	text-transform: uppercase;
	background: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);


	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font: {
		size: 20vw;
		family: $font;
	};
}


.block_clients{
    color: #FFFFFF;
    font-size: 16px;

}
.block_clients a:link a:active{
    color: #FFFFFF;
    font-size: 16px;

}
.block_clients a:hover{
    color: #f7941e;


}
.block_clients h4{
    color: #f7941e;
    font-size: 18px;

}

.block_clients ul li{
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #7f684a;
}


/*--------------
Facebook chat 
--------------*/
#icon--fbchat {
    box-sizing: content-box;
    border: 1px solid #e3e3e3;
    border-right: 0;
    border-bottom: 0;
    position: fixed;
    bottom: 0;
    right: 5px;
    z-index: 9989;
    border-radius: 0px !important;
    border: none !important;
    padding: 5px 0px 3px 5px !important;
}



#video-bg {
position: relative;
width: auto;
min-width: 100%;
height: auto;
background-size: cover;
   -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
   
}
video {
    display: block;
}

.video-container {
    width: 100%;
    max-height: 600px;
    overflow: hidden;
    position: relative;
    top: 0;
    right: 0;
    z-index: -100;
}
.element_content {
    
    color: #f5f5f5;
    font-width: bold;
    text-align: left;
    position: absolute;
    top: -400px;
    z-index:9;
}
.element_content h1{
    text-transform: uppercase;
    font-size: 40px;
}

/* for edit News index 21/10/2020 */
.btn_readall{
	border: 1px solid #f79420;
    padding: 5px 20px;
    border-radius: 30px;
    margin-top: -40px;
	position: absolute;
    right: 10px;
}
.btn_readall a{
	color: #f79420;
}
.position-date{
	position: absolute;
    right: 10px;
    bottom: 10px;
}
.date-news{
	/*background-color: #f7941d;*/
    color: #000;
    padding: 11px 10px 0px 0px;
    font-weight: 600;
	text-align: center;
}
.font-date-news{
	font-size: 35px;
}
.font-month-news{
	font-size: 13px;
	/*padding: 0px 10px;*/
}
.cate-news{
	/*background-color: #7e706c;*/
	color:#FFF;
    text-align: -webkit-center;
	font-size: 12px;
    padding: 1px 10px;
    border-radius: 50px;
}
.height1{
	height: 1px;
}
.height-pic-news{
	height: 270px;
}
.height-txt-news{
	height: 175px;
}
.single-blog-content h4 a {
	font-size: 16px;
    line-height: 25px;
}

.single-blog-content{
    height: 250px;
}

@media (min-width:100px) and (max-width: 767px){
	.height-pic-news{
		height: auto;
	}
	.single-blog h4{
		border-bottom: 0px !important;
	}
	.height-txt-news{
		height: auto;
	}
	.font-date-news{
		font-size: 35px;
	}
	.font-month-news{
		font-size: 13px;
	}
	.cate-news{
		font-size: 14px;
	}
	.element_content{
		padding-top: 84px;
		top: -150px;
		padding: 0px 10px;
	}
	.element_content h1{
		font-size: 20px;
	}
	.fullscreen-bg{
		margin-top: 84px;
	}
	
}
@media (min-width:768px) and (max-width: 991px){
	.height-pic-news{
		height: 158px;
	}
	.single-blog h4{
		border-bottom: 0px !important;
	}
	.height-txt-news{
		height: 260px;
	}
	.font-date-news{
		font-size: 25px;
	}
	.font-month-news{
		font-size: 10px;
	}
	.cate-news{
		font-size: 12px;
	}
	.position-date{
		position: initial;
	}
	.element_content{
		top: -250px;
		padding: 0px 10px;
	}
	.fullscreen-bg{
		margin-top: 84px;
	}
}