body{
	background-color: #272727;
}

.portfolio-head-cats__list{
	background-color: #272727;
}

.marquee-title__overlay{
	background-color: #272727;
}

.quote__cover{
	background-color: #272727;
}

.btn-rect span{
	background-color: #272727;
}

.iti--separate-dial-code .iti__selected-flag{
	background-color: transparent;
}

.iti__country{
	background-color: #272727;
}

.home .preloader, .single-portfolio .preloader{
	background-color: #272727;
}

body.show .hero__slider__item > div img{
	opacity: 0.6;
}

.vacancies-item__title .title{
	background-color: #272727;
}

.section.portfolio-cont-section .container{
	max-width: unset;
    padding: 0;
}

.portfolio-cont-section .portfolio-card__title{
        position: absolute;
        z-index: 10;
        bottom: 60px;
}

.portfolio-cont-section  .portfolio-card__list{
		position: absolute;
        z-index: 10;
        bottom: 30px;
}

.portfolio-cont-section  .portfolio-card__arrow{
	position: absolute;
    bottom: 10px;
    z-index: 10;
}

.portfolio-card__img{
	margin-bottom: 0;
}

.portfolio-cont__list + .btn{
	margin-top: 2rem
}

.portfolio-cont-section .portfolio-card__arrow{
	left: 0;
}

.portfolio-card{
	margin-bottom: 0;
}

.portfolio-card__list {
	max-width: calc(100% - 2rem);
}

.portfolio-card__list.square-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.portfolio-card__list.square-list li {
	margin-right: 1.4rem;
	-webkit-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}

.header__nav__lang ul li:first-child a{
	padding-right: 7px;
}

@media only screen and (min-width: 1280px){
	.portfolio-card {
        margin-bottom: 0;
	}
}

@media only screen and (min-width: 768px){
	.portfolio-card {
        width: calc(33.33% - 0rem);
	}
    
    .portfolio-card__inner .square-list li {
        font-size: 1rem;
        line-height: 2.5;
	}
    
    .portfolio-card {
        margin-bottom: 0;
	}
    
    .portfolio-card__inner .portfolio-card__title,
    .portfolio-card__inner .portfolio-card__list.square-list,
    .portfolio-card__inner .portfolio-card__arrow{
        opacity: 0
    }

    .portfolio-card__inner:hover .portfolio-card__title,
    .portfolio-card__inner:hover .portfolio-card__list.square-list,
    .portfolio-card__inner:hover .portfolio-card__arrow{
        opacity: 1;
    }

    .portfolio-card .portfolio-card__img::after{
        opacity: 0;
    }

    .portfolio-card:hover .portfolio-card__img::after{
        opacity: 1;
    }
}

@media only screen and (max-width: 1280px){
	.portfolio-card__inner .portfolio-card__title{
    	font-size: 2rem;
        line-height: 2.2rem;
    }
    
    .portfolio-card__inner .square-list li{
    	padding-left: 0.9rem;
        margin-right: 1rem;
        line-height: 1.4;
    }
    
    .portfolio-card__inner .square-list li::before {
        top: 0.5rem;
	}

    .portfolio-card__inner .portfolio-card__title, 
    .portfolio-card__inner .portfolio-card__list.square-list, 
    .portfolio-card__inner .portfolio-card__arrow {
        padding-left: 1.8rem;
	}
    
    .header::after{
    	height: 7rem;
    }
}

@media only screen and (max-width: 768px){
    .portfolio-card__inner .portfolio-card__title, 
    .portfolio-card__inner .portfolio-card__list.square-list,
    .portfolio-card__inner .portfolio-card__arrow {
            padding-left: 0.8rem;
    }
    
    .portfolio-card__inner .square-list li::before {
        top: 0.4rem;
	}
    
    .portfolio-card__inner .portfolio-card__list.square-list li{
    	font-size: 1rem;
        line-height: 1.2;
    }
    
    .portfolio-card {
        width: calc(100% - 0rem);
        margin-bottom: 15px;
	}
    
    .portfolio-card__img::after{
		background: rgba(0,0,0,0.2);
	}
    
}