@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'logo'; 
	src: url(../style/fonts/Kino-Regular.ttf); 
}

@font-face {
	font-family: 'text'; 
	src: url(../style/fonts/Ramona-Light.ttf); 
}

body{
	/* font-family: 'text'; */
}



.logoDesc{}

.logoText {
	font-family: "logo";
	text-align: center;
	color: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	letter-spacing: 1px;
	line-height:2;
}

.logoText span {
	background-image: url(../images/logoAnimate.gif);
	background-position: center center ;
	background-size: cover;
	color: transparent;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 90px;
	line-height: 90px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.logoText span::before {
	content: "✦ ";
}
.logoText span::after {
	content: " ✦";
}

@media only screen and (max-width: 1200px)  {
	.logoText span::before {
		content: "";
	}
	.logoText span::after {
		content: "";
	}
  }

@media only screen and (max-width: 991px)  {
	.logoText span {
		font-size: 60px;
		line-height: 60px;
		margin-top: 80px;

	}
  }














/* @media (max-width: 600px)
{

	.logoText span {
		font-size: 60px;
		line-height: 60px;
	}

} */



.logo_box{
	background: rgb(255,209,0);
	background: radial-gradient(circle, rgba(255,209,0,0.1) 0%, rgba(255,255,255,0.4) 50%, rgba(215,215,215,0.25) 100%);
	}



.production_box{
/*	background: url("../images/production_box.webp") center center;*/
	background-size: cover;
/*	background: url("../images/production_box.webp");*/
}


.body_box{
	background: url("../images/production_box.webp") top center;
	background-repeat: no-repeat;
	/* background-size: cover; */
	/* background-size: contain; */
	background-attachment: fixed;
/* background: linear-gradient(180deg, #f5f5f5 0%, #b5befe 100%) */
}

.product_box{
	background: url("../images/production_box.webp") top center;
	/* background-size: cover; */
	/* background-size: contain; */
/* background: linear-gradient(180deg, #f5f5f5 0%, #b5befe 100%) */
}

.howWeWork_box {

}

.delivery_box{
	background: url("../images/delivery_box.webp") center bottom;
	background-size: cover;
}

.delivery_manipulator {
	filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.2));
  }

.map_box{
	background: url("../images/map.webp") center center;
	background-size:auto;
	background-repeat: no-repeat;
}


.contacts_box{
	background: url("../images/contacts_box.webp") center center;
	background-size: cover;
}

.about_box{
	background: url("../images/about_box.webp") center center;
	background-size: auto;
}


/* .center_box{
	background: url("../images/center.webp") center center;
	background-size: cover;	
} */

.center_box{
	background: url("../images/centerTP.webp") center center;
	background-size: cover;	
}

.action_box{
	background: url("../images/action.webp") center center;
	background-size: cover;	
}


.title_box {
	font-weight: bold;
}

.bg_header{
	/* background: url("../images/bg_header.webp") center center; */
	background-size: cover;
}

.bg-myColor {
	background:rgba(255,255,255,0.95)
}

.modal-header {
background: rgb(165,212,255);
background: linear-gradient(90deg, rgba(165,212,255,1) 35%, rgba(77,117,209,1) 100%);
}

.dashed{
	border-bottom: 1px dashed rgba(0,0,0,0.25);
	height: 1px;
}


/* Подняться наверх - 0 */
.scrollToTopBtn {
	border: 1px;
	border-radius: 4px;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	opacity: 0;
	transform: translateY(100px);
	transition: all 0.5s ease;
  }
  .showBtn {
	opacity: 1;
	transform: translateY(0);
  }
/* Подняться наверх - 1 */



.btn-Viber {
    background-color: #665cac;
}

.btn-Telegram {
    background-color: #1c8adb;
}

.btn-Telegram:hover {
	background-color: #1c8adb;
	color: aliceblue;
}

.btn-Viber:hover {
	background-color: #665cac;
	color: aliceblue;
}

.btn-WhatsApp, .btn-Viber, .btn-Telegram, .btn-video {
    width: 85%;
    color: aliceblue;
    font-weight: bold;
}

.grower {
	animation-name: grow;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	filter: drop-shadow(12px 12px 7px rgba(255, 255, 255, 0.05));
  }
  
  @keyframes grow {
	0% {
	  transform: scale(1);
	}
	50% {
	  transform: scale(0.95);
	}
  }
  
  /* .grower:hover {
	animation-play-state: paused;
	cursor: wait;
  } */




  /* стилизация элементов скроллбара */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
   }
   
   ::-webkit-scrollbar-thumb {
	background: linear-gradient(to bottom right, #ffbb00 0%, #ffe600 100%);
	/* border-radius: 5px; */
   }
   
   ::-webkit-scrollbar-track {
	background-color: #ddd;
	border: 1px solid #ccc;
   }

.titleText {
	/* color: #FFFFFF; */
	text-shadow: 
	0 1px 0 #CCCCCC, 
	0 2px 0 #c9c9c9, 
	0 3px 0 #bbb, 
	0 4px 0 #b9b9b9, 
	0 5px 0 #aaa, 
	0 6px 1px rgba(0,0,0,.1), 
	0 0 5px rgba(0,0,0,.1), 
	0 1px 3px rgba(0,0,0,.3);
}