body{
	margin: 0;
	position: relative;
}
.cookies-alert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

.cookies-alert-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cookies-alert  button {
    padding: 5px 10px;
    background-color: rgba(255,0,0,0.9);
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
margin-right: 20px;
}

.cookies-alert  button:hover {
    background-color: red;
}

.header{
	width: 100%;
	position: relative;
}
	.bg{
		width: 100%;
	}
	.menu{
		position: absolute;
		top: 3vw;
		padding: 0 2%;
		height: 3vw;
		width: 96%;
		z-index: 2;
		vertical-align: bottom;
		font-family: "GOST_AU";
	}
		.menu .item{
			text-decoration: none;
			margin: 0 1vw;
			font-size: 1.3vw;
			font-family: "GOST_AU";
			color: black;
			cursor: pointer;
		}
			.menu .item:hover,
			.menu .active{
				border-bottom: 1px solid black;
			}
			.menu #freelance_link{
				color: red;
			}
			.menu .logo{
				float: right;
				height: 5vw;
				position: relative;
				top: -2vw;
			}
				.menu .logo p{
					float: left;
					height: 3vw;
					font-size: 1.3vw;
					position: relative;
					top: 2vw;
					margin: 0;
					margin-right: 1vw;
					font-family: "GOTHICI";
				}			
				.menu .logo img{
					float: left;
					height: 100%;
				}
			.main_bg_slider{
				width: 100%;
				padding-top: 7vw;
			}
				.main_bg_slider .owl-item{
					width: 100%
				}
					.main_bg_slider .owl-item img{
						width: 100%;
					}
.hotengine-shop-select-language-box { display:inline-block; width:6vw; height: 2vw; overflow:hidden; border:1px solid #D3D3D3; background:#fff; line-height:2vw; position:absolute; top: -0.3vw; z-index:1000; }
  .hotengine-shop-select-language { display:inline-block; width:6vw; text-align:center;  }
  .hotengine-shop-select-language-values { display:inline-block; width:6vw; vertical-align: top; position:absolute; background:rgba(255, 255, 255, 0.80); left:2px; }
  .hotengine-shop-select-language-box:hover{ overflow:visible;}
  .hotengine-shop-select-language-values:hover .hotengine-shop-select-language-val{ position:relative; }
  .hotengine-shop-select-language-val { 
	  width:5vw; 
	  display:block; 
	  margin:0px; 
	  padding: 0vw 0.5vw; 
	  vertical-align:top; 
	  font-size: 0.9vw;
	  color: black;
	  text-decoration: none;
	  cursor:pointer; 
	  margin-left:-3px; 
	  text-align:center; 
	  }
  .hotengine-shop-select-language-val:hover {background:#e8e8e8;}					
#freelance{
	position: absolute;
	top: 7vw;
	right: 30%;
	width: 40%;
	height: 0;
	z-index: 9;
	transition-duration: 1s;
	overflow: hidden;	
	font-family: "GOST_AU";
	/*border-right: 1px solid red;
	border-left: 1px solid red;*/	
}
	/*.freelance_active{
		border-bottom: 1px solid red;		
	}*/
	#freelance_content{
		padding: 1vw;
		background-color: white;	
	}
	#freelance .closebtn {
		  position: absolute;
		  top: 1vw;
		  right: 1vw;
		  font-size: 3vw;
		  height: 1vw;
		  line-height: 1vw;
	    text-decoration: none;
		color: red;
		}
	#freelance h1{
		font-size: 1.3vw;
		margin: 0vw;
	}
	#freelance #freelance_content div{
		font-size: 1.3vw;
	}
		#freelance #freelance_content div p{
			margin: 0.5vw 0;;
		}
	#freelance	hr{
		border-color: red;
	}

					
					
/*кнопка звонка*/

.callback-bt {
       /* background:#38a3fd;
        border:2px solid #38a3fd;
        box-shadow:0 8px 10px rgba(56,163,253,0.3);	*/
        background:red;
        border:2px solid red;
        box-shadow:0 8px 10px rgba(255,0,0,0.3);			
        border-radius:50%;
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        right: 3%;
        bottom: 5%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:red;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: "GOST_AU";
}

.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 16px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake_button;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake_button;
        -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(255,0,0,0.3),0 0 0 0 rgba(255,0,0,0.2),0 0 0 0 rgba(255,0,0,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(255,0,0,0.3),0 0 0 15px rgba(255,0,0,0.2),0 0 0 0 rgba(255,0,0,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(255,0,0,0.3),0 0 0 30px rgba(255,0,0,0),0 0 0 26.7px rgba(255,0,0,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(255,0,0,0.3),0 0 0 30px rgba(255,0,0,0),0 0 0 40px rgba(255,0,0,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(255,0,0,0.3),0 0 0 0 rgba(255,0,0,0.2),0 0 0 0 rgba(255,0,0,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(255,0,0,0.3),0 0 0 15px rgba(255,0,0,0.2),0 0 0 0 rgba(255,0,0,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(255,0,0,0.3),0 0 0 30px rgba(255,0,0,0),0 0 0 26.7px rgba(255,0,0,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(255,0,0,0.3),0 0 0 30px rgba(255,0,0,0),0 0 0 40px rgba(255,0,0,0.0)
}
}

/* animations icon */

@keyframes shake_button {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake_button {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
/* конец кнопки звонка */

	#callback_form h1{
		color: red;
		font-size: 2vw;
		margin: 0;
		text-align: center;
		margin-top: 1vw;
		font-family: "GOST_AU";
	}
	#callback_form input{
		font-family: "GOST_AU";
		font-size: 1.2vw;
		width: 13vw;
		margin-left: 5%;
		margin-bottom: 0.5vw;
		margin-top: 0.5vw;
		padding: 0.5vw;
		background-color: white;
		border: 1px solid red;
		outline: none;
	}
	#callback_form #callback_submit{
		width: 40%;
		margin-left: 30%;
		background-color: red;
		color: white;
	}

.project{
	width: 100%;
	margin-top: 3vw;
	z-index: 2;
}	
	.project .top_section{
		width: 100%;
		overflow: auto;
	}
		.project .top_section .left_part{
			box-sizing: border-box;
			width: 40%;
			float: left;
			margin-top: 6vw;
			padding-left: 15vw;
		}
			.project .top_section .left_part img{
				width: 80%;
			}
			.project .top_section .left_part h1{
				font-family: "GOST_AU";
				margin: 0;
				margin-top: 2vw;
				font-weight: normal;
				font-size: 2vw;
			}
			.project .top_section .left_part p{
				font-family: "GOST_AU";
				margin: 0;
				font-size: 1.3vw;
			}	
				.link{
					text-decoration: none;
					margin-top: 2vw;
					display: inline-block;
					width: 2vw;
					background-color: red;
					overflow: hidden;
					transition-duration: 1s;
				}
				.go_about:hover{
					width: 19vw;
					transition-duration: 1s;
				}
				.go_project:hover{
					width: 17vw;
					transition-duration: 1s;					
				}
				.link span{	
					display: block;
					font-family: "GOST_AU";
					width: auto;
					height: 2vw;
					line-height: 2vw;
					color: white;
					font-size: 1.5vw;
					white-space: nowrap;
					padding-left: 0.5vw;
					padding-right: 2.5vw;
				}
				.link img{
					position: relative;
					height: 2vw !important;
					width: auto !important;
					float: right;
					z-index: 10;
				}
		.project .top_section .right_part{
			width: 50%;
			float: left;
		}	
			.project .top_section .right_part a{
				position: relative;
				display: inline;
				float: left;
				width: 30%;
				height: 25vw;
				margin: 0%;
				background-size: cover;
				background-position: center;
			}
				.project .top_section .right_part a .project_info{
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					background-color: rgba(0,0,0,0.5);
					display: block;
					opacity: 1;
				}
					.project .top_section .right_part a .project_info .text{
						position: absolute;
						bottom: 2vw;
						left: 1vw;
						color: white;
						font-family: "GOST_AU";
					}
						.project .top_section .right_part a .project_info .text h1{
							font-weight: normal;
							margin: 0;
							color: rgb(215, 219, 221);
							font-size: 1.5vw;
						}
						.project .top_section .right_part a .project_info .text p{
							margin: 0;
							font-size: 2vw;
						}						
					.project .top_section .right_part a:hover .project_info{
						transition-duration: 1s;
						opacity: 0;
					}
	.project .bot_section{
		width: 100%;
		margin-top: 2%;
		overflow: auto;
	}
		.project .bot_section .left_part{
			box-sizing: border-box;
			width: 38%;
			float: left;
			margin-right: 2%;
		}
			.project .bot_section .left_part img{
				width: 100%;
			}
		.project .bot_section .right_part{
			width: 50%;
			float: left;
		}
			.project .bot_section .right_part h1{
				font-family: "GOST_AU";
				font-size: 2.6vw;
				margin-top: 1vw;
				font-weight: normal;
			}
			.project .bot_section .right_part ul{
				font-family: "GOST_AU";
				padding: 0;
			}
				.project .bot_section .right_part ul li{
					font-size: 1vw;
					line-height: 1.5vw;
					list-style: none;
					margin: 1vw 0;
				}
				.project .bot_section .right_part ul li p{
					font-size: 1.3vw;
					display: inline-block;
					width: 90%;
					margin: 0;
				}
				.project .bot_section .right_part ul li::before{
				   content: '';
				   display: inline-block;
				   height: 1vw;
				   width: 1.4vw;
				   margin: 0.25vw  1vw 0.25vw 0;
				   background-image: url(img/arrow.png);	
				   background-size: cover;		
				   vertical-align: top;				   
				}
.objest_desc{
	width: 60%;
	font-family: "GOST_AU";
}
	.objest_desc h1{
		text-align: center;
		font-size: 2vw;
	}
	.objest_desc img{
		width: 100%;
	}
	.objest_desc p,
	.objest_desc ul li{
		font-size: 1.1vw;
	}
	.objest_desc h2{
		margin-bottom: 0px;
		margin-top: 1vw;
		font-size: 1.3vw;
	}
	.objest_desc iframe{
		width: 100%;
		height: 30vw;
	}	
.about_company{
	width: 100%;
	position: relative;
}	
	.about_company .company_info{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;	
	}
		.about_company .company_info .company_desc{
			width: 45%;
			height: 33%;
			margin-left: 45%;
			padding: 4% 0;
			/* background-color: rgba(255,0,0,0.5); */
		}
			.about_company .company_info .company_desc img{
				height: 3vw;
			}
			.about_company .company_info .company_desc p{
				margin: 1vw 0;
				padding-left: 3vw;
				font-family: "GOST_AU";
				font-size: 1.3vw;
			}
			
		.about_company .company_info .contact{
			/* width: 50%; */
			/* height: 50%; */
			margin-top: 5%;
			padding-left: 15vw;
			/* background-color: rgba(0,255,0,0.5);			 */
		}	
			.about_company .company_info .contact img{
				height: 3vw;
				padding-bottom: 1vw;
			}
			.about_company .company_info .contact h2{
				font-family: "GOST_AU";
				margin: 0;
				padding-top: 2vw;
				font-weight: normal;
				font-size: 1.8vw;
				color: gray;
			}
			.about_company .company_info .contact p{
				font-family: "GOST_AU";
				margin: 0;
				font-size: 1.5vw;
			}
@media (max-width: 800px) {
    .hotengine-shop-select-language-box{
        display: none;
    }
    .hotengine-shop-select-language{
        width: 4vw;
    }
    .hotengine-shop-select-language-values{
        width: 2vw;
    }
    .hotengine-shop-select-language-val{
        width: 2vw;
        padding: 0 0.8vw;
    }
    .hotengine-shop-select-language-val img{
        width: 2.5vw;
    }
    
	.menu{
		background-color: white;
		height: 50px;
		position: fixed;
		top: 0;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		overflow: hidden;
		z-index: 11;
	}
	.menu .item{
		font-size: 25px;
		margin: 0;
		padding: 5px 10px;
		border-bottom: 1px solid red;
		border-top: 1px solid red;
	}
	.menu .item:hover{
		border: none;
		background-color: red;
		color: white;
	}
	#freelance{
		position: relative;
	}
	.mobile_top{
		width: 100%;
		overflow: hidden;
		height: 48px;
		border-bottom: 2px solid red;
	}
	.menu .logo{
		top: 0;
		margin-right: 10px;
	}
	.menu .logo p,
	.menu .logo img{
		height: 40px;
		line-height: 40px;
		font-size: 3.5vw;
		padding: 5px 0;
		top: 0;
	}
	.menu_list{
	        overflow: hidden;
    border-bottom: 1px solid red;
	}
	.menu_list:first-child{
	    border-top: 2px solid red;
	}
    .main_bg_slider{
        padding-top:50px;
    }
    
 .project .top_section .left_part{
	box-sizing: border-box;
    width: 90%;
    float: none;
    margin-top: 6vw;
	margin-left: 5%;
    padding-left: 0;
}	
.project .top_section .left_part h1{
	font-size: 35px;
}
.project .top_section .left_part p{
	font-size: 25px;
}
.project .top_section .left_part img{
    width: 50%;
}
.link{
	width:100%;
	padding: 5px 0;
}
.link:hover{
	width:100%;
}
.link img{
	height: 7vw !important;
}
.link span{
	font-size:25px;
	height: 7vw;
	line-height:7vw;
}
.project .top_section .right_part{
	box-sizing: border-box;
    width: 90%;
    float: none;
    margin-top: 6vw;
	margin-left: 5%;
    padding-left: 0;
}
.project .top_section .right_part a{
	height: 40vw;
}
.project .top_section .right_part a .project_info .text h1{
	font-size: 25px;
}
.project .top_section .right_part a .project_info .text p{
	font-size: 20px;
}
.project .bot_section .left_part{
	display: none;
}
.project .bot_section .right_part{
	box-sizing: border-box;
    width: 90%;
    float: none;
    margin-top: 6vw;
	margin-left: 5%;
    padding-left: 0;	
}
.project .bot_section .right_part h1{
	font-size: 35px;
}
.project .bot_section .right_part ul li{
	line-height: 20px;
	font-size: 20px;
	margin-bottom: 10px;
}
.project .bot_section .right_part ul li p{
	font-size: 20px;
	line-height: 20px;
}
.project .bot_section .right_part ul li::before{
	height: 20px;
    width: 28px;
    margin: 0px 5px 0px 0;
}
.about_company{
	width: 100%;
	/*overflow: hidden;
	padding-bottom:200px;*/
}
.about_company .bg{
	float: none;
	position:relative;
	right: 0%;
	width: 200%;
	display: none;
}
.company_info{
	/*background-image: url(img/about_company_title.png);
	background-size: cover;*/
}
.about_company .company_info .company_desc{
	width: 100%;
	height: auto;
}
.about_company .company_info .company_desc img{
	height: 35px;
}
.about_company .company_info .company_desc p{
	margin: 0;
    padding-left: 0;
    font-size: 20px;
}
.about_company .company_info .company_desc{
	width: 90%;
	height: auto;
	padding: 5%;
	margin: 0;
	background-color: rgb(242,242,242);
}
.about_company .company_info .contact{
	width: 90%;
	height: auto;
	padding: 5%;
	margin: 0;	
}
.about_company .company_info .contact img{
	height: 35px;
}
.about_company .company_info .contact h2{
	font-size: 25px;
}
.about_company .company_info .contact p{
	font-size: 20px;
}   
.objest_desc{
	width: 90%;
	padding:15px !important;
	font-family: "GOST_AU";
}
	.objest_desc h1{
		text-align: center;
		font-size: 30px;
	}
	.objest_desc img{
		width: 100%;
	}
	.objest_desc p,
	.objest_desc ul li{
		font-size:20px;
	}
	.objest_desc h2{
		margin-bottom: 0px;
		margin-top: 10px;
		font-size: 23px;
	}
	.objest_desc iframe{
		width: 100%;
		height: 30vw;
	}    
    #callback_form{
     	width: 90%;
    	padding:15px !important;       
    }   
     #callback_form h1{
         font-size: 30px;
     }
	#callback_form input{
		font-family: "GOST_AU";
		font-size: 20px;
		width: 90%;
		margin-left: 5%;
		margin-bottom: 5px;
		margin-top: 5px;
		padding: 5px;
		background-color: white;
		border: 1px solid red;
		outline: none;
	}
	#callback_form #callback_submit{
		width: 40%;
		margin-left: 30%;
		background-color: red;
		color: white;
	}    
    
}			
			
/*--- fonts ---*/	
@font-face{
	font-family: "GOST_AU";
	src: url("fonts/GOST_AU.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: "GOTHICI";
	src: url("fonts/GOTHICI.TTF") format("truetype");
	font-style: normal;
	font-weight: normal;
}