/*
	Theme Name: Community
	Theme URI:
	Author: Expertel
	Author URL:
	Description: Theme for community
	Version: 1.0
	License: GNU General Public License V2 or later
	License: URI:
	Tags: Community Template
*/

:root {
  --mainBackgroud: #000;
  --maxWidthContainer: 1440px;
  --heroNew: 'Hero New Regular';
  --mainColorText: #fff;
}

body{
	background: var(--mainBackgroud);
	font-family:var(--heroNew);
	font-weight:normal;
	color: var(--mainColorText);
}

/*plugin Simple Job*/

.sjb-page .sjb-detail .list-data .v1 h3, 
.sjb-page .sjb-detail .list-data .v2 h3, 
.sjb-page .sjb-detail .list-data ul li::before, 
.sjb-page .sjb-detail .list-data .v1 .job-detail h3, 
.sjb-page .sjb-detail .list-data .v2 .job-detail h3, 
.sjb-page .sjb-archive-page 
.job-title{
	color: var(--mainColorText) !important;
}

.sjb-page,
.sjb-page .list-data .v2{
	background: none !important;
}

.sjb-page,
.sjb-page .list-data .v2 .job-description p{
	color: var(--mainColorText);
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file div{
	background-color: #e9ecef;
	color: #495057
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file:hover div {
    background: #e9ecef;
}

.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file,
.sjb-page .sjb-detail .list-data .v2 .jobpost-form .file:hover,
.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control,
.sjb-page .sjb-detail .list-data .v2 .jobpost-form .form-control:hover {
    font-size: 16px;
    height: 40px;
    border-radius: 0;
    border: 1px solid var(--mainBackgroud);
}

.sjb-page .list-data .sjb-job-type-location-date{
	border-top: none !important;
	overflow: unset !important;
	padding: 0px;
}
.sjb-page .list-data .v2 {
    border: none;
    float: none;
    width: 100%;
    padding-bottom: 15px;
}


.paginationWork{
	padding-left:30px;
}
.paginationWork a.pagination-link{
	color: var(--mainColorText);
}
.paginationPost div{
	display: inline-block;
	padding: 10px;
}

.visibilityElement{
	opacity: 0;
}

.holderVideoHome{
	padding-left: 35px;
}
.holderVideoHome a{
	color: var(--mainColorText);
}
.holderVideoHome .filePlayVideo{
	padding-top: 25px;

}


.holderVideoHome #bgndVideo {
    position: relative;
    overflow: hidden;
    width: 100%;
    /*padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    padding-top: 50.25%;

}

            /* Then style the iframe to fit in the container div with full height and width */
.holderVideoHome #wrapperVideo #bgndVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.paddinglr0w1440 {
	padding-left: 0px !important;
	padding-right: 0px !important;
	max-width: var(--maxWidthContainer);
	
}

#mainContainer{
	max-width: var(--maxWidthContainer);
	margin: 0 auto;
	/*background: yellow;*/
	
	padding-left: 0px;
	padding-right: 15px;
	
}

#mainContainer .container{
	padding-left: 0px !important;
	padding-right: 0px !important
}

#holderLogo{
	position: fixed;
	z-index: 2000;
	background: var(--mainBackgroud);

    padding-left: 4px;

}
#holderLogo #logo{
	padding: 25px 31.5px 25px 31.5px;
	max-width: 210px;
	height: auto;
}

#navbarTop{
    top: 15px;
    margin-right: 65px;
    background: none !important;
}
#navbarTop ul li{
	/*
	padding-left: 14px;
    padding-right: 14px;
    */
}
#navbarTop ul li a{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 8px;
    margin-right: 8px;
    color: var(--mainColorText);
    padding-bottom: 5px;
    text-decoration: none;
}

#navbarNav ul li.current-menu-item  a{
	border-bottom: solid 1px var(--mainColorText); 
}
@media(max-width: 992px)
{
	#navbarNav ul li.current-menu-item  a{
		border-bottom: none; 
	}
}


#btnOpenMenu, #btnOpenMenu:focus{
	border: none !important;
	outline: none !important;
}

#navbarTop .navbar-toggler{
	border-color: none; /*var(--mainColorText) !important;*/
	background: none; /*var(--mainColorText) !important;*/
}
/*
#navbarTop .navbar-toggler .navbar-toggler-icon{
	color: var(--mainColorText) !important;
	
}
*/
#navbarNav.show{
	position: relative;
	z-index: 100;
	font-size: 20px;
	/*text-align: center;*/
}

/**/

/*home*/
.holderFigureSlide{
    margin-top: 135px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 32px;
    
    /*width: 1440px*/
}

.holderFigureSlide .figureCollections table{
	padding: 0px !important;
}

.holderFigureSlide .figureCollections .itemFigure{
	display: inline-block;
}

.holderFigureSlide .figureCollections table td:nth-child(1) .itemFigure{
	padding-right: 70px;
}
.holderFigureSlide .figureCollections table td:nth-child(3) .itemFigure{
	padding-right: 25px;
}

.holderFigureSlide .figureCollections table td:nth-child(5) .itemFigure{
	padding-right: 90px;
}

.holderFigureSlide .figureCollections table td:nth-child(9) .itemFigure{
	padding-left: 120px;
}

.holderFigureSlide .figureCollections .itemFigure .holderfigureContent{
	padding-left: 154px;
	padding-right: 271px; 
	position: relative;
	max-height: 472px;
}
.holderFigureSlide .figureCollections .itemFigure .holderfigureContent #figureContent
{
	width: 472px !important;
	max-width: 100%;
	font-size: 27px;
	white-space: normal;


}

.holderFigureSlide .figureCollections  .holderfigureContent .holderArrowdownFigures{
	padding-top: 32px;
}

/*titles sizes*/
.normalTitle{
	font-size: 48px;
}

.smallTitle{
	font-size: 27px;
}

.v2 .bigTitle,
.bigTitle{
	font-size: 161px;
}

#holderNormalTitleHome{
	max-width: 746px;
	margin: 0 auto;
    padding-top: 292px;
    padding-bottom: 295px;
}

#holderNormalTitleHome .normalTitle{
	
    /*background: red;*/
    padding-left: 300px;
    line-height: 1.2;
    letter-spacing: 1px;

}
.holderServices{

    padding-left: 190px;
    padding-top: 160px;
}    

/*buttons*/
.btn-action-comm, .btn-action-comm:hover{
	border: solid 1px #fff;
	color: #fff !important;
	text-decoration: none;
	font-size: 19px;
	padding-top: 10px;
    padding-left: 29px;
    padding-right: 29px;
    padding-bottom: 7px;
}

.alignRight{
    margin-right: 34px;
    text-align: right;
}


/*services*/
.wrapperServices{
	margin-top: 10px;
   	overflow: hidden;
    white-space: nowrap;
}

.wrapperServices .itemService{
	display: inline-block;
	
	font-size: 145px; /*161px;*/
	padding-top: 50px;
	padding-bottom: 190px;
	padding-right: 60px;
	/*margin-left: -15px;*/
	position: relative;
	
}
.wrapperServices .itemService a{
	color: var(--mainColorText);
}
.wrapperServices .itemService a:hover{
	text-decoration: none;
}
.wrapperServices .itemService .infoService{
	display: none;
	font-size: 16px;
	position: absolute;
	max-width: 292px;
	white-space: normal;
	padding-left: 20px;
	z-index: 1000;
}

.wrapperServices .itemService:hover .infoService{
	display: block;
}

img.arrowAnimated {
 
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
}


img.arrowAnimated {
 -webkit-transform: rotate(-130deg);
 -moz-transform: rotate(-130deg);
 -ms-transform: rotate(-130deg);
 transform: rotate(-130deg);
 position: absolute;
 top: 0px;
 right: 60px;
 opacity:0;

}

.wrapperServices .itemService:hover img.arrowAnimated{
	display: block;
	 -webkit-transform: rotate(-90deg);
	 -moz-transform: rotate(-90deg);
	 -ms-transform: rotate(-90deg);
	 transform: rotate(-90deg);
	 opacity:1;
}

.wrapperServices img.arrowAnimated:hover{
	cursor: pointer;
}

.holderFeatures{
	margin-top: 100px;
	padding-left: 190px;
    padding-bottom: 58px;

}

/*features*/
.holderChildItemFeatureOne{
	float:right; 
	width: 100%; 
	clear:both
}
.holderChildItemFeatureTwo{
	float:left; 
	width: 45%;
	/*background: red;*/
}
.holderChildItemFeatureThree{
	float:left; 
	width: 55%;
}
.holderChildItemFeatureFour{
	float:left; 
	width: 100%; 
	clear:both;
	
}
.holderChildItemFeatureFive{
	float:left; 
	width: 55%;
	
}
.holderChildItemFeatureSix{
	float:left; 
	width: 45%;
}

.childItemFeatureOne{
	padding-left: 190px;
	padding-right: 20px;
}

.childItemFeatureTwo{
    padding-left: 35px;
}
.childItemFeatureThree{
	padding-left: 10px;
}
.childItemFeatureFour{
    padding-left: 35px;
    padding-right: 175px;
}

.childItemFeatureFive{
    padding-left: 35px;
    padding-right: 0px;
}
.childItemFeatureSix{
    padding-left: 23px;
    padding-right: 20px;
}

.itemFeature{
	padding-bottom: 80px;
}
.itemFeature  img{
	margin-bottom: 20px;
	max-width: 100%;

}


.titleItemFeature{
	padding-left: 30px !important;
}
.tagsItemFeature{
	text-align: right;
    padding-right: 30px;
    color: #595959;
    font-size: 17px;
    letter-spacing: 0.2px;
    line-height: 2.3;
}

.holderBtnViewAllWork{
	padding-left: 190px;
    padding-top: 10px;
    padding-bottom: 190px;

    clear: both;
}

.holderBtnViewAllWork .btn-action-comm{
    padding-left: 35px;
    padding-right: 35px;
}

.holderContentBigTitle{
	padding-left: 190px;
    padding-right: 55px;
}

.holderContentBigTitle .bigTitle{
	line-height: 1.1;
	margin-bottom: 90px;
}

.holderContentBigTitle .btn-action-comm{
    padding-left: 35px;
    padding-right: 35px;
}

.holderParnets{
    padding-left: 190px;
    padding-top: 130px;
}
.holderBtnsNavsTitle{
	margin-bottom: 82px; 
	position: relative;
}

.holderParnets .smallTitle{
	width: 368px;
	display: inline-block;
}
.holderLeftRightArrow{
	display: inline-block;
	position: absolute;
}
.arrowleft{
	padding-right: 9px;
	cursor: pointer;
}
.arrowright{
	padding-left: 11px;
	cursor: pointer;
}

.holderLeftRightArrow .owl-prev, .holderLeftRightArrow .owl-next{
	background: none;
	border: none;
	padding: 0px;
	outline:none;
}


    
.owl-carousel .item h4{
	font-size: 19px !important;
	margin-top: 40px;
	margin-bottom: 40px;
}  

/*====================*/
/*Services page*/
/*====================*/
.holderContentService{
	padding-left: 190px;
    padding-top: 160px;
    padding-bottom: 120px;

}

.holderContentService .bigTitle{
	line-height: 1;
}

.holderContentService .arrowServices{
	float: left;
}

.holderContentService .contentService{
	padding-left: /*45px;*/ 75px;
	letter-spacing: 0.6px;
    line-height: 1.5;
}
.wrapService{

    padding-top: 72px;


}
.holderAnimationServices .animationRow{
	clear: both;
	position: relative;
	
}
.holderAnimationServices .animationRow .dividerAnimation{
	margin-bottom: 50px;
	clear: both;
}
.holderAnimationServices .holderAnimationRow{
	padding-left: 270px;
	/*background: green;*/
	overflow: hidden;

}
.holderAnimationServices .animationRow .animationLeft{
	width: 47%;/*46%;*/ /*57*/
	/*background: red;*/
	display: inline-block;
	/*float:left;*/
	position: relative;
	text-align: right;
	padding-right: 10px
	padding-right: 10px
	/*padding-left: 260px;*/
	
}

.holderAnimationServices .animationRow .animationRight{
	width: 47%; /* 46%; /*42*/
	/*background: blue;*/
	display: inline-block;
	/*float: right;*/
	text-align: right;
    /*padding-right: 32px;*/
    position: relative;

}

.holderAnimationServices .animationRow .img-main{
	max-width: 100%;
	display: block;
}

.holderAnimationServices .contentAnimationRow{
	/*
	position: absolute;
	top: 0px;
	width: 100%;
	display: block;
	*/
	position: relative;
	top: 0px;
	width: 100%;
	height: auto;
	display: block;
	visibility: hidden;

	min-height: 529px; height: 100%;
}
.holderAnimationServices .animationContentPositionCenter .contentAnimationRow{
	
	/*
	padding-left: 22.4rem;
	padding-right: 22rem;	
	padding-top: 10rem;
	*/
	padding-left: 30%;
	padding-right: 30%;	
	padding-top: 10%;
}

.holderAnimationServices .animationContentPositionLeft .contentAnimationRow,
.holderAnimationServices .animationContentPositionExpanded .contentAnimationRow{
	
	/*background: green;*/
	/*
	padding-left: 9rem;
    padding-right: 36rem;	
	padding-top: 10rem;
	*/
	padding-left: 10%;
    padding-right: 50%;
    padding-top: 10%;
	
}

.holderAnimationServices .animationContentPositionCenter .contentAnimationRow h3,
.holderAnimationServices .animationContentPositionLeft .contentAnimationRow h3,
.holderAnimationServices .animationContentPositionExpanded .contentAnimationRow h3{
	font-size: 27px;
}

.holderAnimationServices .contentAnimationRow .holderBtnLearnMore{
	padding-top: 3.5rem;
}

.holderAnimationServices .infoAnimationRow{
	
	/*background: purple;*/
}

/*=================================*/
/*About*/
/*=================================*/
#holderAbout .wrapService{
	margin-top: 25px;
}

/*=================================*/
/*Carrers*/
/*=================================*/
.holderCarrer .itemServiceCollection:nth-child(2){
	/*background: red;*/
    padding-top: 190px;
    padding-left: 10px;


}
.holderCarrer .bigTitle{
	padding-left: 10px;
}

.holderContentServiceCollection .itemServiceCollection .contentItemCarrers{
	padding-bottom: 105px;
}

.holderContentServiceCollection .itemServiceCollection:last-child .contentItemCarrers{

	padding-bottom: 0px;
}

/*=================================*/
/*Service collection*/
/*=================================*/
.holderContentServiceCollection{
	padding-left: 175px;
    /*padding-top: 160px;*/
    padding-bottom: 30px;

    padding-top: 75px;
}

.holderContentServiceCollection .mainContentServiceCollection{
	margin-bottom: 194px; 
}

.holderContentServiceCollection .bigTitle{
	line-height: 1;
}

.holderContentServiceCollection .arrowServices{
	float: left;
}

.holderContentServiceCollection .contentService,
.holderContentServiceCollection .contentServicePage{
	padding-left: 45px;
	letter-spacing: 0.6px;
    line-height: 1.5;
}



.holderContentServiceCollection .wrapService{
    padding-top: 150px;
}

/*
.holderContentServiceCollection .contentMainServiceCollection{

    padding-top: 50px;

}
*/
.holderContentPostCarrer .custom-jobspost .smallTitle{
	padding-left: 80px;
	padding-top: 75px;
    padding-bottom: 50px;
}
.holderContentServiceCollection  .smallTitle{

    padding-top: 75px;
    padding-left: 90px;
    padding-bottom: 50px;
}

.holderContentServiceCollection  .bigTitle.result{
    padding-bottom: 35px;
}


.itemServiceCollection .bigTitle{
	padding-top: 64px;
	padding-bottom: 20px;
	/*padding-bottom: 64px;*/
}

.itemServiceCollection .bigTitle a,
.itemServiceCollection .bigTitle a span{
	color: var(--mainColorText);
}
.itemServiceCollection .bigTitle a:hover{
	text-decoration: none;
	opacity: 0.7;
}

.holderContentServiceCollection .itemServiceCollection .contentItemSC{
	padding-top: 104px;
	padding-bottom: 104px;
	max-width: 446px;
	display: block;
	
}

.holderContentServiceCollection .itemServiceCollection:last-child p{
  padding-bottom: 0px;
}

.holderContentServiceCollection .itemServiceCollection img{
	vertical-align: top;
	padding-top: 30px;
}

/*=============================
Service Page
===============================*/
.holderContentServiceCollection .mainContentServicePage{
	margin-bottom: 100px; 
}
.holderContentServiceCollection .contentServicePage p{
	margin-bottom: 2rem;
}

.holderContentServiceCollection .contentServicePage{
	padding-right: 4em;
}

.holderContentServiceCollection .pt-contentServicePage{
	padding-top: 100px;
	padding-left: 90px;
}

.mainContentServiceCollectionServicePage .contentServicePage .holderItemProSP{
	/*background: blue;*/
	max-width: 1024px;
	padding-top: 18px;
}

.mainContentServiceCollectionServicePage .contentServicePage .proccess-sp-left{
	width: 50%;
	/*background: red;*/
	display: inline-block;
}

.mainContentServiceCollectionServicePage .contentServicePage .proccess-sp-right{
	width: 49%;
	/*background: green;*/
	display: inline-block;
}

.holderContentServiceCollection .mainContentServiceCollectionServicePage{
	/*margin-bottom: 194px; */
}

.holderContentServiceCollection .contentServicePageNextTopics{
	padding-left: 75px;
	letter-spacing: 0.6px;
    line-height: 1.5;
}

.mainContentServiceCollection .contentServicePage .proccess-sp-left .normalTitle,
.mainContentServiceCollection .contentServicePage .proccess-sp-right .normalTitle{
	font-weight: 800;
	padding-bottom: 40px;
}



.holderContentServiceCollection .contentServicePageRight{
	padding-left: 2em;
}

.holderContentServiceCollection .holderItemProSP .contentProsLeft{
	padding-left: 20px;
	padding-right: 60px;

    padding-bottom: 42px;

}

.holderContentServiceCollection .holderItemProSP .contentProsRight{
	padding-left: 40px;
	padding-right: 20px;

    padding-bottom: 42px;

}

.holderContentServiceCollection .smallTitleServicePage{
	font-size: 17px;
	padding-left: 90px;
	padding-top: 52px;
	padding-bottom: 52px;
}

.holderContentServiceCollection .smallTitleServicePageResult{
	font-size: 17px;
	padding-left: 90px;
	padding-bottom: 52px;
	padding-top: 20px;
}


.holderContentServiceCollection .holderArrowServices{
	padding-left: 15px;
}
.boxLMS {
    display: flex;
    flex-direction: row;
}
.boxLMS :nth-child(1) { order: 1; }
.boxLMS :nth-child(2) { order: 2; }

.boxLMS > div
{
   	width: 50%;
}


.childBoxLMS {
    display: flex;
    flex-direction: row;
}

/*====================*/
/*Contact page*/
/*====================*/
.holderContentContact{
	padding-left: 190px;
    padding-top: 184px;
    padding-bottom: 0px;
    position: relative;

}
.holderContentContact .blockInquiries{

    padding-bottom: 80px;
}

.holderContentContact .blockInquiries .hccTitle{

}

.holderContentContact .blockInquiries .hccInfo{
	font-size: 48px;
    padding-top: 14px;
}

.holderContentContact .blockInquiries .hccInfo p{
	margin: 0px;
	letter-spacing: 0.6px;
}

.holderContentContact .blockInquiries .hccInfo p a,
.holderContentContact .blockInquiries .hccInfo p a:hover{
	color: var(--mainColorText) !important;
	text-decoration: none;
}

.holderContentContact .blockInquiries .hccInfo img.arrow{
	margin-top: -20px;

}

.holderContentContact .hccImages{
	padding-right: 20px;
}

.holderContentContact .hccImages .hccImagesInfo {
	padding-top: 60px;
}

.holderContentContact .hccImages .hccImagesInfo .hccImagesTitle img.arrow{
	margin-top: -15px;
}

.holderContentContact .hccImages .hccImagesInfo .hccImagesContent{

    margin-top: 35px;
    margin-bottom: 35px;
}


.holderContentContact .hccImages .hccImagesInfo .hccImagesContent p{

    margin-bottom: 0px;

}

/*====================*/
/*Post Carrer page*/
/*====================*/
.holderContentPostCarrer{
	padding-left: 190px;
    padding-top: 160px;
    padding-bottom: 120px;
    position: relative;

}

.holderContentPostCarrer .custom-jobspost .contentServicePage{
	padding-right: 4em;  padding-left: 45px; letter-spacing: 0.6px; line-height: 1.5;
}

.holderContentPostCarrer .bigTitle{
	line-height: 1.1;
    color: var(--mainColorText);
}

.holderContentPostCarrer .contentItemCarrers {
    	padding-bottom: 40px;
    	padding-top: 40px;
}

.holderContentPostCarrer .bodyContent{
	padding-top: 188px;
	max-width: 670px;
}


.holderContentPostCarrer .bodyContent .carrer_description{
	font-size: 27px;
	line-height: 1.4;
	padding-bottom: 40px;
}

.holderContentPostCarrer .holderBtnApply{
	padding-top: 110px;
}

.holderContentPostCarrer .modalAJHeader #btnCloseModalFormJob{
	cursor: pointer;
}

.holderContentPostCarrer .modalApplyJob{
	max-width: 656px;
	background: #fff;
	position: absolute;
	right: 0px;
	bottom: -150px;
	display: none;
}

.holderContentPostCarrer .modalApplyJob{
	color: #000;
} 

.holderContentPostCarrer .modalApplyJob .modalAJHeader{
	padding: 20px 20px 34px 20px;
}

.holderContentPostCarrer .modalApplyJob .modalAJBody{
	padding-left: 100px; /*120px;*/
	padding-right: 87px; /*107px;*/
	padding-bottom: 67px;
	position: relative;
}

.holderContentPostCarrer .modalApplyJob .smallTitle{
	font-size: 17px;
	padding-bottom: 15px;
}

.holderContentPostCarrer .modalApplyJob .modalAJBody .form-row .form-group{
	margin-bottom: 10px;
}

.holderContentPostCarrer .modalApplyJob .modalAJBody .form-row .form-group label{
	margin-bottom: 0px;
	font-size: 15px;
}

.holderContentPostCarrer .modalApplyJob .modalAJBody .btnSubmitFormJob, 
.holderContentPostCarrer .modalApplyJob .modalAJBody .form-row input,
.holderContentPostCarrer .modalApplyJob .modalAJBody .form-group input.custom-file-input, 
.holderContentPostCarrer .modalApplyJob .modalAJBody .form-group .custom-file label, 
.holderContentPostCarrer .modalApplyJob .modalAJBody .form-row textarea{
	border-radius: 0px !important;
	border: solid 1px #000 !important;
}

.holderContentPostCarrer .modalApplyJob .modalAJBody .form-row textarea{
	min-height: 105px;
}

.holderContentPostCarrer .modalApplyJob .modalAJBody .btnSubmitFormJob{
	background: #fff;
	padding: 10px 33px 5px 33px;
}

/* =======================================
About page
==========================================
*/
.holderChildItemAboutOne,
.holderChildItemAboutTwo{
	width: 44.5%;
	display: inline-block;
	margin-bottom: 15px;
}

.holderChildItemAboutThree{
	width: 100%;
	padding-left: 155px;
	margin-bottom: 15px;
	padding-right: 20px;
}

.holderChildItemAboutFull{

	margin-bottom: 15px;

}

.holderChildItemAboutOne .img-fluid,
.holderChildItemAboutTwo .img-fluid{
	width: 100%;
}

.holderChildItemAboutThree .img-fluid{
	width: 100%;
}

.holderContainerGridImagesAbout{
	padding-left: 35px;
}

.contentAbout{
	padding-left: 190px;
	padding-top: 200px;
}

.contentAbout .normalTitle{
	padding-right: 170px;
	font-weight: bold;
	padding-bottom: 108px;
}

.contentAbout .slideAbout{
	margin-top: -50px;
	overflow: hidden;
	white-space: nowrap;
}

.contentAbout .slideAbout ul{
	margin: 0px;
	padding: 70px 0px 0px 0px;
}

.contentAbout .slideAbout ul li{
	display: inline-block !important;
	font-size: 161px;
	padding-right: 110px;
	position: relative;			
}

.contentAbout .slideAbout ul li img.imgPerson-about{
					
}

.contentAbout .slideAbout ul li .nameAbout{
	font-size: 17px;
	display: block;
	width: 100%;
	position: relative;
    padding-bottom: 15px;
}

.contentAbout .slideAbout ul li .positionAbout{
	font-size: 20px;
	display: block;
	width: 100%;
}

.contentAbout .holderSlideAbout{
	margin-bottom: 160px;
	position: relative;
}

.contentAbout .holderBlockScroll{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0,0.1);
    display: block;
    z-index: 1000;
    top: 0px;
    left: 0px;
    display: none;
}

.contentAbout .holderSlideAbout .slideAboutInfo{
	padding-top: 45px;
	position: relative;
}

.contentAbout .holderSlideAbout .slideAboutInfo .row{

}

.contentAbout .holderSlideAbout .slideAboutInfo .arrowright-about{
	position: absolute; 
	right: 20%;
	z-index: 2;
	
}

.contentAbout .holderSlideAbout .slideAboutInfo .arrowright-about:not(.arrowStopNext){
	cursor: pointer;
}

.holderImagesHover{
	position: relative;
}

.holderImagesHover .imgMask-about{
	position: absolute;
	left: 0px;
	top:0px;
}

.contentAbout .imgPerson-about{
	visibility: hidden;
}

.holderSlideAbout .arrowright-about{
	display: none;
}

.contentAbout .wrappSlideAbout:not(.isOpenModalInfo):hover .imgMask-about{
   	display: none;
}

.contentAbout .wrappSlideAbout.isOpenModalInfo .imgMask-about{
   	display: none;
}

.contentAbout .wrappSlideAbout.isOpenModalInfo .imgPerson-about{
   	visibility: visible;
}

.contentAbout .wrappSlideAbout:hover .imgPerson-about{
   	visibility: visible;
}

.contentAbout .wrappSlideAbout:not(.isOpenModalInfo):hover .arrowright-about{
   	display: block;
}

.contentAbout .wrappSlideAbout.isOpenModalInfo .arrowright-about{
   				
   	display: block;
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	transform: rotate(-50deg);
	opacity:1;
}

.contentAbout .openModalInfoAbout{
   cursor: pointer;
}

.holderGridAboutTwo{
   	padding-top: 25px;
   	padding-left: 35px;
	padding-right: 15px;
}

.gridPartnesrAbout{
   	padding-right: 170px;
   	padding-top: 80px;
}

.gridPartnesrAbout .containerAbout {
	display: flex;
}

.gridPartnesrAbout .itemAb {
	flex-grow: 1;
	white-space: normal;
	width: 33.33%;
}


.flex-row-container {

	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
.flex-row-container > .flex-row-item {
		    
	position: relative;
	width: 33.33%;
	text-align: center;
	padding-top: 41px;
	padding-bottom: 41px;
}

.flex-row-container > .flex-row-item .contentAboutPartners{
	text-align: left;
	padding: 15px;
}

.flex-row-container > .flex-row-item .contentAboutPartners .companyNameAboutParners{
	padding-top: 35px;
	padding-bottom: 42px;
	display: block;
}

.flex-row-item {
				  /*
				  background-color: #fff4e6;
				  border: 1px solid #f76707;
				  */
}

.contentAbout .holderContactUs{
	padding-top: 112px;
}

				
@media(max-width: 1024px){
	.contentAbout{
		padding-left: 15px;
		padding-top: 80px;

	}

	.gridPartnesrAbout{
		padding-right: 0px;
	}

	.flex-row-container > .flex-row-item {
		flex: 1 1 50%; /*grow | shrink | basis */
					    
	}
}

@media(max-width: 768px){
	.contentAbout{
		padding-top: 40px !important;
	}
	.contentAbout .normalTitle{
		padding-right: 0px;
		font-size: 25px;
	}
	.imgPerson-about,
	.imgMask-about{
		max-width: 350px;
	}

	.imgMask-about{
		display: none;
	}

	.contentAbout .imgPerson-about 
	{
		visibility: visible;
	}
					
	.contentAbout{
		padding-left: 0px;
		padding-top: 80px;
	}

	.gridPartnesrAbout{
		padding-right: 0px;
	}
	.flex-row-container > .flex-row-item {
		flex: 1 1 100%; /*grow | shrink | basis */
					    
	}

	.holderContainerGridImagesAbout{
		padding-left: 0px;
	}
	.holderChildItemAboutFull,
	.holderChildItemAboutOne,
	.holderChildItemAboutTwo,
	.holderChildItemAboutThree{
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	.ulItemsSlideAbout{
		height: auto;
	}
}

/*Modal in about page*/
.modalAboutPeople{
	background: #fff;
	width: 59.5%;
	right: 0px;
	position: absolute;
	z-index: 2001;
	top: 0px;
	display: none;
}	

.modalAboutPeople .btnCloseModalAboutPeople{
	cursor: pointer;
}

.modalAboutPeople .modalABoutHeader{
	padding: 35px 50px 50px 50px;
}

.modalAboutPeople .modalAboutBody{
	padding: 18px 70px 50px 88px;
	color: #000;
}

.modalAboutPeople .modalAboutBody .smallTitle{
	color:#000;

}
.modalAboutPeople .modalAboutBody .holderPosition{
	padding-top: 30px;
}
.modalAboutPeople .modalAboutBody .position{
	font-size: 20px;
}

.modalAboutPeople .modalAboutBody .classInfo{
	max-height: 337px;
	overflow-y: scroll; 

    margin-top: 42px;

}

/* Works on Firefox */
.modalAboutPeople * {
  scrollbar-width: thin;
  scrollbar-color: #000 white;
}

/* Works on Chrome, Edge, and Safari */
.modalAboutPeople *::-webkit-scrollbar {
  width: 12px;
}

.modalAboutPeople *::-webkit-scrollbar-track {
  background: white;
}

.modalAboutPeople *::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 20px;
  border: 3px solid white;
}

@media(max-width: 968px){
	.modalAboutPeople{
		width: 100%;
	}

	.modalAboutPeople .modalABoutHeader{
		padding: 35px 50px 20px 29px;
	}

	.modalAboutPeople .modalAboutBody {
	    padding: 18px 20px 29px 20px;
	    color: #000;
	}
}
/*end*/


/*
=================================================
work page
=================================================
*/
.holderWork{
	padding-top: 160px;
	padding-left: 35px;
	padding-right: 35px;
}

.holderWork .workSearch{
	display: flex;
}

.holderWork .workSearch span#labelSearch{
	width: 155px; 
	display: flex;
	align-items: center;
	justify-content: left;
}

.holderWork .workSections{
	padding-top: 12px;
   	padding-bottom: 20px;

}

.holderWork .workSections,
.holderWork .workItemsSelected{
	padding-left: 155px;
}

.holderWork .workItemsSelected{
	margin-top: 100px;	
}
    
.holderWork .workSections ul{
	margin: 0px;
	padding: 0px;
}

.holderWork .workSections ul li{
	display: inline-block;
	padding-right: 3.4rem;
	padding-left: 20px;
}

.holderWork .workSections ul li a{
	font-size: 19px;
	color: #707070;   			
}

.holderWork .workSections ul li.sectionSelected{
	background-image: url(images/point.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

.holderWork .workSections ul li.sectionSelected a{
	color: #fff;
}

.holderWork .wrapperWork{
	margin-top: 10px;
	overflow: hidden;
	white-space: nowrap;
	width: calc(100% - 160px);
	display: inline-block;

    padding-top: 13px;
    padding-bottom: 13px;
    cursor: move;
}

.holderWork .wrapperWork .itemService{
	padding-right: 42px;
}

.holderWork .wrapperWork .itemService,
.holderWork .wrapperWork .itemService a{
	display: inline-block;
	font-size: 42px;
	position: relative;
	color: #707070;
	text-decoration: none;
}

.holderWork .wrapperWork .itemService a:hover{
	color: #fff;
}


.holderWork .wrapperWork .itemService a.filteredSectionWork,
.holderWork .wrapperWork .itemService a.filteredSectionWork:hover{
	cursor: text !important;
	color: #fff;
}

.holderWork .wrapperWork .itemService sup{
	font-size: 22px;
}

.holderWork  .workItemsSelected {
	font-size: 15px;
}

.holderWork  .workItemsSelected span{
	display: inline-block;
	width: auto;
	margin-right: 68px;
	cursor: pointer;
}

.holderWorkContianerFeatures .contianerFeatures{
	padding-top: 30px;
}

.holderFeatures .itemFeature a,
.holderWorkContianerFeatures .itemFeature a{
	text-decoration: none;
}

.contianerFeatures .itemFeature a .titleItemFeature,
.holderWorkContianerFeatures .itemFeature a .titleItemFeature{
	color: #fff;
}

.contianerFeatures .itemFeature a:hover{
	text-decoration: none;
}


@media(max-width: 768px){
	.holderWork {
		padding-top: 100px;
		padding-left: 0px;
		padding-right: 0px;
	}

					
	.holderWork .workSections, .holderWork .workItemsSelected{
		padding-left: 0px;
	}

	.holderWork .workItemsSelected{
		margin-top: 10px;
	}

	.holderWork .workSearch span#labelSearch {
		width: 110px;
	}

	.holderWork .wrapperWork {
		width: calc(100% - 130px);
	}
}

/* end */

/*=======================================
//Work detail page
//=======================================
*/

.holderWork .anchorCategory{
	padding-left: 3rem;
}

.holderWork .anchorCategory span{
	color: #707070;
}

.holderWork .anchorCategory span a{
	color: #707070;
	text-decoration: none;
}

.holderWork .anchorSelected a{
	color: #fff;
}

.holderWork .anchorCategory span a:hover{
	color: #fff;
}

.holderWork .workSections span.anchorSelected{
	background-image: url(images/point.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 15px;
	color: #fff;
}

.holderWork.holderHeader{
	padding-top: 136px;
}

.holderWork .mainTitle{
	padding-bottom: 50px;
}

.holderFullContentWork .workAlignRight{
	padding-left: 190px;
}

.holderFullContentWork .workAlignCenter{
	padding-left: 268px;
	padding-right: 160px;	    
}

.holderFullContentWork .workAlignFull{
	padding-left: 35px;
}

.holderFullContentWork .workAlignCenterFull{
	padding-left: 35px;
	padding-right: 35px;
}

	    		/*
	    		.holderFullContentWork .workAlignRight,
	    		.holderFullContentWork .workAlignCenter,
	    		*/
.holderFullContentWork .workAlignLeft
{
	padding-left: 35px;
	padding-right: 155px;
}

.FCWBlock
{
	padding-bottom: 69px;
	padding-top: 93px;
}


.holderFullContentWork .FCWLeft{
	width: 46%;
	float: left;
	padding-right: 100px;
}

.holderFullContentWork .FCWRight{
	width: 50%;
	float: left;
}

.holderFullContentWork .FCWMain::after{
	content: '';
	display: block;
	clear: both;
}

.holderFullContentWork .workAlignCenter .smallTitle{
	padding-bottom: 94px;
}

.holderFullContentWork .workAlignLeft{
	/*padding: 200px;*/
}

.holderFullContentWork .imgCol1,
.holderFullContentWork .imgCol2
{
	width: 50%;
	float: left;
}

.holderFullContentWork .bottomSpace{
	margin-bottom: 20px;
}

.holderFullContentWork .percent h1{
	font-size: 161px;
	padding-bottom: 70px;
}

.holderFullContentWork .percent p{
	font-size: 27px;
}

.holderFullContentWork .FCWOneCol{
	font-size: 48px;
	padding-bottom: 26px;
}

.holderFullContentWork .FCWFooter{
	width: 50%;
	display: block;
	padding-top: 26px;
}

.holderFullContentWork .workMainContent hr{
	width: 100%;

	height: 1px;
	color: #ffffff;
	background: #fff;
	margin-bottom: 26px;
	margin-top: 26px;
}

.holderFullContentWork .FCWNext{
	padding-left: 190px;
	padding-top: 153px;
}

.holderFullContentWork .FCWNext .holderNext::after{
	content: '';
	display: block;
	clear: both;
}

.holderFullContentWork .FCWNext .normalTitle{
	max-width: 750px;
	/*display: inline-block;*/
	padding-top: 21px;
	float: left;
}

.holderFullContentWork .FCWNext .normalTitle a{
	text-decoration: none;
	color: #fff;
}

.holderFullContentWork .FCWNext img.FCWImgNext{
	float: left;
	padding-top: 30px;
	margin-left: 35px;
}

.holderFullContentWork .wrapperMarqueeWD {
	margin-top: 10px;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	cursor: move;
}

.holderFullContentWork .wrapperMarqueeWD .containerMarqueeWD{
	align-items: baseline;
	display: flex;
}

.holderFullContentWork .wrapperMarqueeWD .containerMarqueeWD img{
	margin-right: 10px;
}

.holderFullContentWork .holderTitleMarqueeWD{				
	padding-right: 120px;
	float: left;
}

.holderFullContentWork .holderArrowsMarqueeWD{
	float: left;
}

.holderFullContentWork .wrapperTitleMarqueeWD::after{
	content: '';
	display: block;
	clear: both;
	margin-bottom: 68px;
}

@media(max-width: 1300px){
	.holderFullContentWork .workAlignCenter {
	    padding-left: 168px;
	    padding-right: 60px;
	}

	.holderFullContentWork .percent h1 {
    	font-size: 130px;
  
	}
}


@media(max-width: 1024px){
	.holderFullContentWork .workAlignCenter {
		padding-left: 60px;
		padding-right: 60px;
	}
}

@media(max-width: 768px){
	.holderFullContentWork .workAlignCenter,
	.holderFullContentWork .workAlignCenterFull {
		padding-left: 0px;
		padding-right: 0px;
	}

	.holderFullContentWork .FCWNext {
		padding-left: 0px;
		padding-top: 60px;
	}

	.FCWBlock {
		padding-bottom: 35px;
		padding-top: 45px;
	}


	.holderFullContentWork .workAlignFull,
	.holderFullContentWork .workAlignCenter,
	.holderFullContentWork .workAlignLeft,
	.holderFullContentWork .workAlignRight {
		padding-left: 0px;
		padding-right: 0px;
	}

	.holderFullContentWork .FCWLeft,
	.holderFullContentWork .FCWRight {
		width: 100%;
		padding-bottom: 20px;
		padding-right: 0px; 
	}

	.holderFullContentWork .workAlignCenter .smallTitle {
		padding-bottom: 45px;
	}

	.holderFullContentWork .percent p,	
	.holderFullContentWork .percent h1{
	    text-align: center;
	}

	.holderFullContentWork .percent h1{
		font-size: 105px;
	}

	.holderFullContentWork .wrapperMarqueeWD .containerMarqueeWD img{
		/*width: 400px;*/
	}

	.holderWork  .anchorCategory{
		padding-top: 3rem;
		padding-left: 15px;
		padding-right: 15px;
	}

	.holderFullContentWork .bottomSpace{
		margin-bottom: 0px;
	}

	.holderFullContentWork .bottomSpace img{
		margin-bottom: 20px;
	}

	.holderFullContentWork .imgCol1, .holderFullContentWork .imgCol2 {
    	width: 100%;
    	/*float: left;*/
	}
}



footer{
	margin-top: 137px;
	padding-bottom: 26px;
	padding-top: 26px;
	padding-left: 190px;
    padding-right: 40px;
} 

/*
footer .
*/
/*
.row{
	margin-left: 0px !important;
	margin-right: 0px !important;
	display: none;
}
*/

footer nav.footer-nav > ul{
	float: right;
}
footer nav.footer-nav > ul li{
	list-style: none;
	display: inline-block;
	padding: 3px;
}

footer nav.footer-nav > ul li a{
	color: var(--mainColorText);
}



@media screen and (max-width: 1200px) {


	.bigTitle{
	  	font-size: 130px !important;
	}

	/*Services collections*/
	.holderAnimationServices .animationContentPositionCenter .contentAnimationRow{
		padding-left: 15%;
		padding-right: 25%;	
		padding-top: 6%;
	}

	.holderAnimationServices .animationContentPositionLeft .contentAnimationRow,
	.holderAnimationServices .animationContentPositionExpanded .contentAnimationRow{
		padding-left: 10%;
	    padding-right: 35%;
	    padding-top: 6%;
		
	}

	.holderAnimationServices .contentAnimationRow{

		min-height: 400px; height: 100%;
	}

	.holderContentServiceCollection{
		padding-left: 0px;
	}

	.holderContentServiceCollection .mainContentServiceCollection{
		margin-bottom: 20px;

	}

	.holderContentServiceCollection .itemServiceCollection p {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    /*max-width: 446px;
	    display: block;*/
	}

	.holderContentServiceCollection .itemServiceCollection{
		padding-left: 15px;
	}



}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 1024px) {
	#mainContainer{
		/*padding-left: 15px; padding-right: 15px;*/
		/*background: green*/
	}

  .holderFigureSlide .figureCollections .itemFigure .holderfigureContent{
		padding-left: 30px;
		padding-right: 30px; 
	}

	.bigTitle{
	  	font-size: 57px !important;
	}

	/*Menu nav*/
	#navbarTop{
		margin-right: 0px;
	}

	#holderNormalTitleHome .normalTitle {
		padding-left: 100px;
	}


	/*service collection*/
	.holderAnimationServices .holderAnimationRow {
		padding-left: 15px;
	}


	.holderContentPostCarrer .bodyContent {
	    padding-top: 80px;
	}

	.holderContentPostCarrer {
	    padding-bottom: 120px;
	}

	/*contact*/
	.holderContentContact .blockInquiries .hccInfo{
		font-size: 25px;
	}

	.holderContentContact .hccImages .hccImagesInfo .hccImagesContent{

	    margin-top: 10px;
	    margin-bottom: 35px;
	}

	.holderContentContact .hccImages .hccImagesInfo {
    	padding-top: 20px;
	}

}

/*Navbar menu*/
@media screen and (max-width: 992px) {
	
}

@media (max-width: 992px){
	#navbarNav{
    	top: 100px;
	}
	#navbarNav ul.nav{
	    /*background: purple;*/
	}

	#navbarNav ul.nav li a{
		font-size: 54px;
	}
}

@media screen and (max-width: 768px) {
	#holderLogo #logo{

	    padding-left: 14px;
	    padding-right: 17px;
	    padding-bottom: 9px;
	    padding-top: 15px;
	    max-width: 120px;

	}
	#mainContainer{
		/*background: red;*/
		padding-left: 15px;
	}

	

	.holderFigureSlide .figureCollections .itemFigure .holderfigureContent #figureContent {
	    width: 350px !important;
	    max-width: 100%;
	    font-size: 19px;
	    white-space: normal;
	    padding-left: 0px;
	    padding-right: 20px;
	}

	.holderFigureSlide .figureCollections .itemFigure img.iconSlideHomeLast{
		max-height: 289px;
		width: auto;
	}


	.holderFigureSlide .figureCollections .itemFigure img.iconHomeAnimation{
		/*
		max-width: 289px;
		height: auto;
		*/
		height: 289px;
		width: auto;
	}
	

	.figureCollections table tr, .figureCollections table td{
		height: auto;
	}

	.holderFigureSlide .figureCollections .itemFigure .holderfigureContent #figureContent br  {
    	content: ' '
	}
	.holderFigureSlide .figureCollections .itemFigure .holderfigureContent #figureContent br:after {
	    content: ' '
	}

	#holderNormalTitleHome .normalTitle {
		padding-left: 47px;
		font-size: 35px;
		line-height: 1.1;
	}

	
	#holderNormalTitleHome {
	    padding-top: 120px;
	    padding-bottom: 89px;
	    font-size: 35px;
	}
	
	.holderParnets .smallTitle {
	    width: auto;
	    padding-right: 10px;
	    display: inline-block;
	}

	/*Home - services */
	.holderServices {
	    padding-top: 70px !important;
	}

	.holderServices .alignRight {
	    margin-right: 0px;
	}
	.wrapperServices .itemService {
	    font-size: 121px;
	}

	/*Home - feature works */
	.itemFeature {
	    padding-bottom: 50px;
	}
	.titleItemFeature{
		font-size: 15px;
		padding-left: 15px !important;
	}

	.tagsItemFeature {
	    text-align: left;
	    padding-right: 0px;
	}

	/*display text hidden*/
	.wrapperServices .itemService .infoService{
		display: block;
	}

	.wrapperServices .itemService img.arrowAnimated{
		display: block;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity:1;
	}


	/*remove all padding*/
	.childItemFeatureOne,
	.childItemFeatureFive,
	.childItemFeatureSix,
	.childItemFeatureFour,
	.childItemFeatureTwo,
	.childItemFeatureThree{
	    padding-left: 0px;
	    padding-right: 0px;
	}

	/*width 100*/
	.holderChildItemFeatureOne,
	.holderChildItemFeatureTwo,
	.holderChildItemFeatureThree,
	.holderChildItemFeatureFour,
	.holderChildItemFeatureFive,
	.holderChildItemFeatureSix
	{
		width: 100%;
		display: block;
		clear: both;

	}

	.holderChildItemFeatureOne img,
	.holderChildItemFeatureTwo img,
	.holderChildItemFeatureThree img,
	.holderChildItemFeatureFour img,
	.holderChildItemFeatureFive img,
	.holderChildItemFeatureSix img{
		width: 100%;
	}

	.holderVideoHome,
	.holderParnets,
	.holderContentBigTitle,
	.holderBtnViewAllWork,
	.holderServices,
	.holderFeatures,
	.holderContentPostCarrer,
	footer{
		padding-left: 0px;
	}

	footer{
    	margin-top: 75px;
	}

	footer nav.footer-nav > ul {
		float: left;
    	padding-left: 0px;
	}
	.holderBtnsNavsTitle {
	    margin-bottom: 57px;
	}

	.holderFeatures .smallTitle{
		font-size: 25px;
	}

	footer ul.menuSocialNetwork{
		float: left;
		padding-left: 0px;
		padding-top:40px; 
	}

	/*=================================*/
	/*Service Collection*/
	/*=================================*/
	.holderContentService .wrapService{
		padding-top: 39px;
	}
	.holderContentService{
		padding-left: 0px;
	    /*
	    padding-top: 160px;
	    padding-bottom: 120px;
	    */
	}

	.holderContentService .contentService{
		padding-left: 0px;
	}
	.holderContentService .arrowServices{
		padding-top: 42px;
	}

	.boxCCustom {
		display: flex;
		flex-wrap: wrap; /*Make a column*/
        flex-direction: row;
	}

	.boxCCustom :nth-child(1) { order: 2;    }
	.boxCCustom :nth-child(2) { order: 1; display: block; width: 100%; }

	/*Service collections - Animations */
	.holderAnimationServices .holderAnimationRow{
		padding-left: 0px;
		/*background: green;*/
		overflow: hidden;

	}

	/*Services collections*/
	.holderAnimationServices .animationContentPositionCenter .contentAnimationRow{
		padding-top: 0%;
		padding-left: 20%;
		padding-right: 20%;
	}

	.holderAnimationServices .animationContentPositionLeft .contentAnimationRow,
	.holderAnimationServices .animationContentPositionExpanded .contentAnimationRow{
	    padding-top: 0%;
	    padding-left: 20%;
		padding-right: 20%;
		
	}

	/*content info*/
	.holderAnimationServices .contentAnimationRow{
		position: relative;
		top: 0px;
		width: 100%;
		display: block;
		visibility: hidden;

	}

	/*service page*/
	.mainContentServiceCollectionServicePage .contentServicePage .proccess-sp-left,
	.mainContentServiceCollectionServicePage .contentServicePage  .proccess-sp-right{
		width: 100%;
	}

	.holderContentServiceCollection .holderItemProSP .contentProsLeft,
	.holderContentServiceCollection .holderItemProSP .contentProsRight{
		padding-left: 0px;
		padding-right: 0px;
	}

	.holderContentServiceCollection .contentServicePage {
	    padding-right: 0px;
	}
	.holderContentServiceCollection .contentService, .holderContentServiceCollection .contentServicePage {
	    padding-left: 0px;
	}

	.mainContentServiceCollectionServicePage .smallTitleServicePage,
	.mainContentServiceCollectionServicePage .smallTitleServicePageResult{

    	padding-left: 0px;
    	padding-bottom: 20px;
    	padding-top: 20px;

	}
	#mainContainer .holderParnets{
		padding-top: 40px;
	}


	.childBoxLMS {
		display: flex;
		flex-wrap: wrap; /*Make a column*/
        flex-direction: row;
	}

	.childBoxLMS :nth-child(1) { order: 2;    }
	.childBoxLMS :nth-child(2) { order: 1; display: block; width: 100%; }


	.boxLMS {
		display: flex;
		flex-wrap: wrap; /*Make a column*/
        flex-direction: row;
	}

	.boxLMS > div
   	{
   		width: 100%;
   	}

   	.holderContentServiceCollection .boxLMS .smallTitle{
   		padding-left: 0px;
   	}

   	.holderContentServiceCollection .itemServiceCollection .contentItemCarrers {
    	padding-bottom: 40px;
	}

	.holderCarrer .itemServiceCollection:nth-child(2) {
	    padding-top: 10px;
	}

	.holderContentPostCarrer .bodyContent {
	    padding-top: 40px;
	}


	/*contact page*/
	.holderContentContact {
		padding-left: 0px;
	}
	.holderContentContact .blockInquiries .hccInfo{
		font-size: 25px;
	}

	.holderContentContact .hccImages {
    	padding-right: 0px;
	}

	.holderContentContact .hccImages img.img-fluid{
    	width: 100%;
	}

	.holderContentContact .hccImages .hccImagesInfo .hccImagesContent{
	    margin-bottom: 50px;
	}

	.holderArrowServices .arrowServices{
		display: none;
	}

	.holderContentPostCarrer .custom-jobspost .smallTitle{
		padding-left: 0px;
		margin-left: 0px;
		text-align: center;
	}

	.holderContentPostCarrer .custom-jobspost .contentServicePage{
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.holderFullContentWork .FCWOneCol {
	    font-size: 26px;
	   
	}
	.holderFullContentWork .FCWFooter {
	    width: 100%;
	}

	.holderContentServiceCollection .smallTitleServicePageResult,
	.holderContentServiceCollection .contentServicePageNextTopics{
		padding-left: 0px;
	}

	.itemServiceCollection .bigTitle {
	    padding-top: 18px;
	}

	.holderContentServiceCollection .itemServiceCollection .contentItemSC{
		padding-top: 50px;
		padding-bottom: 50px;
		
	}

	.holderGridAboutTwo{
		padding: 0px;
	}

	.holderContentContact .blockInquiries .hccInfo{
		font-size: 20px;
	}

	.holderContentPostCarrer{
		padding-top: 100px;
	}

	.holderContentPostCarrer .modalApplyJob .modalAJBody{
		padding-left: 18px;
		padding-right: 18px; 
	}


	.holderWork .wrapperWork .itemService a {
		font-size: 25px;
	}

	.holderWork .wrapperWork .itemService {
	    padding-right: 25px;
	}


}


/*smaller*/
@media screen and (max-width: 476px) {
	.holderServices .alignRight a {
	    padding-right: 4px;
	    padding-left: 4px;
	    font-size: 14px;
	}
}