body{
	margin:0;
	padding:0;	
	font-family: 'Roboto', Arial, sans-serif;
}

.page-block{
	display: flex;
    justify-content: center;
    align-items: center;
}

.container{
	display: flex;   
	justify-content: space-between;
    flex-direction: row;
    width: 90%;	
	align-items: center;
}

.page-block.blockMenu{
	background-color: #000;
	width: 100%;
    height: 6vw;
}

#menuList{
	margin:0;
	padding:0;
	display:flex;
	align-content: center;
    align-items: center;
}

#menuList li{
	margin-right:2.5vw;
	list-style: none;
}

#menuList li a, #menuList li a:visited{
	color:#fff;
	text-decoration:none;
	font-weight: 600;
	font-size: 1.3vw;
}

.page-block.blockSlider{
	background-color:#2a2929;
	/*background: url('../../images/bg.jpg') no-repeat;
	background-size:cover;*/
	height:36vw;
	width:100%;	
}

.myPhoto{
	background: url('../../images/avatar.jpg') no-repeat;
	background-size: cover;
	width: 28vw;
    height: 28vw;
	border-radius: 50%;
}

.myPhoto2{
	background: url('../../images/225.png') no-repeat;
	background-size: cover;
	width:37vw;
	height:45vw;	
}

.mainInfo{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.blockSlider .blockLeft{
	width: 50%;
   
}

.blockSlider .blockRight{
	width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mainInfo h1{
	color:#13b1bf;
	line-height: 5vw;
    font-size: 3.4vw;
	margin:0;
}

.mainInfo .fio{
	color:#ccc;
	font-size:1.6vw;
}

.mainInfo .description{
	color:#fff;
	width:100%;
	margin:2.5vw 0;
	line-height: 2.4vw;
	font-size:1.6vw;
}
.sendButton{
	margin-top:2vw;
}

.sendButton a, .sendButton a:visited{
	color: #ffffff;
    font-size: 1.4vw;
    font-family: 'Arial', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 600;
    border-width: 1px;
    border-radius: 3vw;
    background-color: #0c95a7;
    background-position: center center;
    border-color: transparent;
    border-style: solid;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	text-decoration:none;
	padding:1.7vw 4.5vw;
	
}

.page-block.blockAbout{
	background-color:#000;
	padding:3vw;
	color:#fff;
	font-size: 1.6vw;
	min-height:40vw;
}

.page-block.blockMarketplace{
	background-color:#343e47;
	width:100%;	
	color:#fff;
	font-size: 1.6vw;	
	display:flex;
	padding:3vw 0vw;
}

.page-block.blockMarketplace a{
	display:block;	
	width:100%;
	background: url('../../images/APPfromMarketplaceBlock.png') no-repeat center;
	min-height:38vw;
	background-size: contain;
}

.aboutItems{
	font-size: 1.6vw;
}

.page-block.blockAbout div.blockLeft, 
.page-block.blockAbout div.blockRight{
	width:50%;
}

.page-block.blockAbout div.blockRight div{
	margin:1vw;
}

.page-block.blockAbout div.blockRight ul li{
	margin:0.5vw;
	line-height:2.2vw;
}

.page-block.blockAbout div.blockRight .description{
	line-height:2vw;
}

.page-block.blockAbout .blockTitle{
	font-size: 2.4vw;
    line-height: 2.4vw;
	font-weight:600;
}



.page-block.blockCopyright{
	height:6vw;
	background-color:#000;
	width:100%;
}


.page-block.blockWriteMe{
	background-color:#0c95a7;
	color:#fff;
	padding:4vw 0;
	min-height:28vw;
}

.containerWriteMe{
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 42vw;
}

.writeMeInner{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:stretch;
}

.blockTitleWriteMe{
	font-size: 2.4vw;
	line-height: 2.4vw;
	font-weight:600;
	text-align:center;
	margin-bottom:1.5vw;
}

.writeMeIntro{
	font-size:1.3vw;
	text-align:center;
	color:#fff;
	margin:0 0 2.5vw;
	line-height:1.6;
}

#contactForm{
	display:flex;
	flex-direction:column;
	gap:1.2vw;
	width:100%;
}

#contactForm .formRow{
	display:flex;
	flex-direction:column;
	gap:0.4vw;
}

#contactForm .hpField{
	position:absolute !important;
	left:-10000px !important;
	top:auto !important;
	width:1px !important;
	height:1px !important;
	overflow:hidden !important;
	opacity:0 !important;
	pointer-events:none !important;
}

#contactForm label{
	font-size:1.1vw;
	font-weight:600;
	color:#fff;
}

#contactForm input{
	font-size:1.2vw;
	padding:0.9vw 1.1vw;
	border-radius:0.5vw;
	border:1px solid #1e5a62;
	background-color:#0f7280;
	color:#fff;
	font-family: inherit;
	box-sizing:border-box;
	width:100%;
}

#contactForm input:focus,
#contactForm textarea:focus{
	outline:none;
	border-color:#0f7280;
}

#contactForm textarea{
	font-size:1.2vw;
	padding:0.9vw 1.1vw;
	border-radius:0.5vw;
	border:1px solid #1e5a62;
	background-color:#0f7280;
	color:#fff;
	font-family: inherit;
	box-sizing:border-box;
	width:100%;
	min-height:8vw;
	resize: vertical;
	line-height:1.45;
}

#contactForm input::placeholder,
#contactForm textarea::placeholder{
	color:#1c8d9d;
}

.writeMeSubmit{
	margin-top:0.8vw;
	align-self:flex-start;
	color:#fff;
	font-size:1.2vw;
	font-weight:600;
	border:none;
	border-radius:3vw;
	background-color:#0a7d8d;
	padding:1.2vw 3.5vw;
	cursor:pointer;
	font-family: inherit;
	transition: background-color 0.2s ease-in-out;
}

.writeMeSubmit:hover{
	background-color:#0a7d8dc4;
}

.writeMeSubmit:disabled{
	opacity:0.6;
	cursor:not-allowed;
}

.contactFormMessage{
	margin-top:1vw;
	font-size:1.1vw;
	min-height:1.5em;
}

.contactFormMessage.success{
	color:#6fdc8c;
}

.contactFormMessage.error{
	color:#ff8a80;
}

.page-block.blockFooter{
	
	background-color:#2a2929;
	color:#fff;
	
}

.containerFooter{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 6.5vw;
}

.listContacts{
	margin:3.5vw;
}

.listContacts div{
	padding:0.5vw;
	text-align:center;
	font-size: 1.8vw;
}

.page-block.blockFooter .titleContacts{
	color:#fff;
	font-size: 3vw;
	text-align:center;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 600;
	
}

.page-block.blockProjects{
	
	background-color:#d1d1d1;
	min-height:60vw;
	align-items: flex-start;
	padding-top:4.5vw;
	/*background: url('../../images/bg.jpg') no-repeat;
	background-size:cover;*/
}

.page-block.blockProjects .titleProjects{
	color:#333;
	font-size: 3vw;
	text-align:center;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 600;
	margin-bottom:2vw;
}

.page-block.blockCopyright{
	
	color:#fff;
	font-size:1.2vw;
}

.contactsIcons{
	display: flex;
    justify-content: center;
}

.owl-carousel.owl-theme div.owl-item{
	min-height:45vw;
	display: flex;
    align-items: center;
}

.owl-carousel.owl-theme div.owl-item div{
	width:100%;
	min-height:42vw;
}

.owl-carousel.owl-theme .slide1{
	background:url('../../images/slide1.png.webp') no-repeat;
	background-size:contain;
	background-position:center center;
}

.owl-carousel.owl-theme .slide2{
	background:url('../../images/slide2.png.webp') no-repeat;
	background-size:contain;
	background-position:center center;
}

.owl-carousel.owl-theme .slide3{
	background:url('../../images/slide3.png.webp') no-repeat;
	background-size:contain;
	background-position:center center;
}

.owl-carousel.owl-theme .slide4{
	background:url('../../images/slide4.jpg.webp') no-repeat;
	background-size:contain;
	background-position:center center;
}

.owl-theme .owl-dots .owl-dot span{
	border:1px solid #666;
}

.page-block.blockPresentation{
	
	min-height:20vw;	
	background: url('../../images/bg.jpg') no-repeat;
	background-size:cover;
	
}

.page-block.blockPresentation p{
	text-align:center;
	font-size:1.5vw;
}

.page-block.blockPresentation{
	
	color:#fff;
}

a.pdfFileButton{
	display:block;
	width:20vw;
	padding:1vw;
	color:#fff;
	background-color:#38bb27;	
	text-align:center;
	border-radius:1.6vw;
	margin:1vw;
	text-decoration:none;
	font-size:1.5vw;
	margin-bottom:4vw;
}

a.linkToPresent{
	font-size:2vw;
	font-weight:600;
	text-decoration:none;
	color:#fff;
	margin-top:4vw;
}

.page-block.blockServices{
	color:#fff;
	width:100%;
	min-height:40vw;	
	background: url('../../images/bg.jpg') no-repeat;
	background-size:cover;
	align-items: flex-start;
	padding-top:4vw;
}

.titleServices{
	font-size:2.5vw;
	margin-bottom:6vw;
}

.page-block.blockServices .servicesItems{
	display:flex;
	
	display:flex;
}

.page-block.blockServices .servicesItems .serviceItem{

    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: center;
    justify-content: center;
}

.page-block.blockServices .servicesItems .serviceItem .serviceIco{
	display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom:3vw;
}

.page-block.blockServices .servicesItems .serviceItem .serviceName{
	font-size:1.6vw;
	font-weight:600;	
    text-align: center;
    min-height: 3.5vw;
}

.page-block.blockServices .servicesItems .serviceItem .serviceText{
	padding:2vw;
	text-align:center;
	font-size: 1.2vw;
}

.menuBurger{
	display:none;
}

.t-menuburger {
    position: relative;
    flex-shrink: 0;
    width: 28px;
    height: 20px;
    padding: 0;
    border: none;
    background-color: transparent;
    outline: none;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: transform .5s ease-in-out;
    cursor: pointer;
    z-index: 999;
}

.t-menuburger span {
    display: block;
    position: absolute;
    width: 100%;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    height: 3px;
    background-color: #000;
}

.t-menuburger span:nth-child(1) {
    top: 0px;
}

#menuListMobileBlock{
	display:none;
}

#menuListMobile{
	margin:0;
	padding:0;
	width:100%;
	background-color:#000;
	color:#fff;		
	border:1px solid #333;
	list-style:none;
}

#menuListMobile li{
	display:block;
	width:100%;
	padding:0;
	border-bottom:1px solid #666666;
	font-size:2vw;
}

#menuListMobile li a, #menuListMobile li a:visited{
	color:#fff;	
	text-decoration:none;
	display:block;
	width:100%;
	padding:2vw 0vw 2vw 5vw;
}

@media screen and (max-width: 980px) {
	
	#menuList{
		display:none;
	}
	
	.menuBurger{
		display:block;
	}
	
	.page-block.blockMenu {
		height: 8vw;
	}

	.containerWriteMe{
		max-width:90%;
	}

	.blockTitleWriteMe{
		font-size:5vw;
		line-height:1.2;
	}

	.writeMeIntro{
		font-size:3vw;
	}

	#contactForm label{
		font-size:2.8vw;
	}

	#contactForm input,
	#contactForm textarea{
		font-size:3.2vw;
		padding:2.5vw 3vw;
	}

	#contactForm textarea{
		min-height:28vw;
	}

	.writeMeSubmit{
		font-size:3.2vw;
		padding:3vw 8vw;
		width:100%;
		align-self:stretch;
	}

	.contactFormMessage{
		font-size:3vw;
	}
	
	
	
}