/* для кастомных стилей */



html {
  scrollbar-color: #6D6D73 #0A0A12;
}


body {

	--font-family-base: "Lato", Arial, sans-serif;
	font-weight: 100;
	color: rgb(255, 255, 255, .7);
}


.cases__tab {
	
	color: rgb(255, 255, 255, .7);
	
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .text-price, .nav-link:focus {
	
	color: #fff;
}

.banner__copy {

    position: fixed;
    bottom: 37px;
    left: 82px;
    z-index: 5;
}


.banner__social-icon span {

	left: 180%;
	top: 25%;
}


.modal {
	
	--bs-modal-border-radius: 30px;
}	


.about-design-modal__media {
	
	border-radius: 10px;
}	


.banner__pdf {
	
    bottom: 30px;
}	


/* .banner::before  { */
	
	/* background: url(../img/intro-bg.gif) no-repeat 50% 0 / 100% auto; */
/* }	 */



.contacts__text  {
	
    color: #B7B7BA;
}	


.about-design-modal__media  {

	padding-top: 30px;

}	


.case-modal__footer {

	justify-content: space-between;

}	


.service:last-child  {

	border-bottom: 0px;

}

 .service:first-child .service__num span  { 

	 letter-spacing: 14px; 
	
} 


.about-design-modal__content {

	max-height: none;

} 

.banner__copy {cursor:default}
.banner__copy-text {display: none; cursor:default; font-size: 16px; padding-left: 10px;}
.banner__copy:hover .banner__copy-text {display: none;}
.banner__copy:hover .banner__copy-text {display: block;}
.banner__copy:hover .banner__copy-text {display: inline;}



 .about-design-modal__footer div, .service__content-text .d-flex div, .service__content-media img, .case-modal__btn{ 

	display: none; 

} 


.banner::before {
    background: linear-gradient(rgba(14, 14, 24, 0) 0%, rgba(14, 14, 24, 0) 90%, rgb(14, 14, 24) 100%);
}


.header__burger, .header__social {
	
	top: 50px;
	
}




#cookie_note {
    display: none;
    z-index: 99;
    position: fixed;
    bottom: 60px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 20px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_note p {
    margin: 0;
    font-size: 15px;
    text-align: left;
    color: black;
    padding-right: 40px;
}

.cookie_accept {
    width: 30%;
    padding: 10px 30px;
    font-size: 15px;
}


@media (min-width: 576px){
	#cookie_note.show{
     		display: flex;
    	}


}

@media (max-width: 575px){
   	 #cookie_note.show{
        	display: block;
        	text-align: left;}

	.banner::before{
		background: linear-gradient(180deg, rgba(14, 14, 24, 0) 0%, rgba(14, 14, 24, 0) 10%, rgba(14, 14, 24, 1) 100%), 
				url(../img/intro-bg3k.gif) no-repeat 85% -10% / 220% auto;}


}



/* animation pdf */

	.banner__pdf a::before {
		animation-play-state: running;}

	.banner__pdf a:hover::before{
		animation-play-state: paused;}




/* video-background */


	.video-background, .video-background video {
 		position: absolute;
 		top: 0;
  		left: 0;
  	  	width: 100%;
 	   	height: 100%;}


	.video-background video {
		object-fit: cover}


@media (max-width: 575px) {
	
	.video-background {
		left: -155%;
    		top: -20%;
    		width: auto;
    		right: 0;}
}






/* adaptive */


@media (max-width: 575px) {
    
	.header__logo {
  	     	margin-top: 30px;}

	.banner__pdf {
	        margin-top: 40px;}

	.banner__social-icon span {
	   	top: 100%;}

	.slice__inner {
  		padding-top: 140px;}

   	.footer__pdf {
        	margin-bottom: 20px;}

	.footer__copy {
	        margin-top: 40px;}

	.break {
		display: block;}

	.header {
		background: linear-gradient(180deg, #0E0E18 60%, rgba(14, 14, 24, 0) 100.18%);

	.services{
		margin-bottom: 60px;}

	.cases {
		margin-bottom: 120px;}

}