@font-face {
    font-family: "ProximaNova-Bold";
    src: url("../fonts/ProximaNova-Bold.otf");
}

@font-face {
    font-family: "ProximaNova-Black";
    src: url("../fonts/ProximaNova-Black.ttf");
}

@font-face {
    font-family: "ProximaNova-Reg";
    src: url("../fonts/ProximaNova-Reg.otf");
}

@font-face {
    font-family: "ProximaNova-Extrabld";
    src: url("../fonts/ProximaNova-Extrabld.ttf");
}

body {
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

html {
	font-size: 18px;
}

.hide {
	display: none;
}

.hide-site-on {
	display: none;
}

.no-pb {
	padding-bottom: 0!important;
}

.people-link {
font-family: "ProximaNova-Reg";
color: #000;
border-bottom: 1px solid;
border-color: rgba(69,105,144, .3);
}

.people-link:hover{
color: rgba(2, 169, 234, 1);
text-decoration: none;
color: rgb(244,91,105);
border-color: rgb(244,91,105);
}

.link-big {
    margin-left: 8px;
    display: none;
}

#nichiporchuk {
	min-height: 900px;
	background-image: url(../img/bg-nichi.png);
	background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #4ecdc4;
}

#novicov {
	min-height: 900px;
	background-image: url(../img/bg-novi.png);
	background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #e32727;	
}

#obyedkin {
	min-height: 900px;
	background-image: url(../img/bg-obyed.png);
	background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #fdd889;
}

#udin {
	min-height: 900px;
	background-image: url(../img/bg-udin.png);
	background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #14c514;	
}


#mahmutov {
	min-height: 900px;
	background-image: url(../img/bg-mahm.png);
	background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #00f260;
}

#kosarcov {
	min-height: 900px;
	background-image: url(../img/bg-kosar.png);
	background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #71b280;
}

#pihtulov {
	min-height: 900px;
	background-image: url(../img/bg-piht.png);
	background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #41a74b;	
}

#linnik {
	min-height: 900px;
	background-image: url(../img/bg-linn.png);
	background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #5bcb10;	
}

#tarasuk {
	min-height: 900px;
	background-image: url(../img/bg-taras.png);
	background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #ff9966;
}

#chirkin {
	min-height: 900px;
	background-image: url(../img/bg-chir.png);
	background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #fc6767;	
}

#dennikov {
	min-height: 900px;
	background-image: url(../img/bg-denn.png);
	background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #ff00cc;	
}

.slide {
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


#embodiment {
background-image: url(../img/bg-first.png);
height: 100vh!important;
padding-left: 50px;
padding-right: 75px;
padding-top: 60px;
padding-bottom: 50px;
position: relative;
}

#embodiment .our-name {
color: #fff;
font-family: "ProximaNova-Black";
font-size: 150px;
line-height: 1;
}

#embodiment .tank {
    position: absolute;
    bottom: 50px;
    right: 75px;
}

#embodiment .boss-mail {
    width: 425px;
    position: absolute;
    bottom: 50px;
    right: 67px;   
}

#embodiment .boss-mail .top-line {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 5px;
}

#embodiment .boss-mail .arrow-to-top{
display: none;
z-index: 50;
padding-right: 15px;
}

#embodiment .boss-mail .top-line a {
    font-size: 2.666rem;
    color: #fff;
    font-family: "ProximaNova-Bold";
    line-height: 1.1;

}
#embodiment .boss-mail .top-line a:hover {
text-decoration: none;
    color: #f45b69;
}

.sticky-wrapper.is-sticky .sctop {
    right: 16px;
    width: 100px!important;
}

.sticky-wrapper.is-sticky .sctop .arrow-to-top{
    width: 50px;
}

.sticky-wrapper.is-sticky .sctop .boxmail{
    width: 50px;
}

.sticky-wrapper.is-sticky .sctop img{
    opacity: 0.35;
}

.sticky-wrapper.is-sticky .sctop:hover{
    display: flex;
    cursor: pointer;
    margin-right: 50px;
    align-items: center;
}

.sticky-wrapper.is-sticky .sctop:hover img{
    opacity: 1;
}

.sticky-wrapper.is-sticky .sctop:hover .arrow-to-top{
    display: inline-flex!important;
}

@media screen and (max-width: 990px) { 
#embodiment {
    height: 900px!important;
    }
}


#secret .secret-block {
	margin-top: 0!important;
}


#team {
min-height: 900px;
position: relative;
background-image: url(../img/bg-team.png);	
}

#team .team-left {
position: absolute;
bottom: 0;
left: 0;
z-index: 7;
}

#team .team-dennikov {
position: absolute;
bottom: 0;
left: 7vw;
z-index: 6;
}

#team .team-chirkin {
position: absolute;
bottom: 0;
left: 17vw;
z-index: 7;
}

#team .team-kosar {
position: absolute;
bottom: 0;
z-index: 6;
left: 28vw;
}

#team .team-novikov {
position: absolute;
bottom: 0;
left: 39vw;
z-index: 7;
}

#team .team-linnik {
position: absolute;
bottom: 0;
left: 46vw;
z-index: 6;
}

#team .team-obyedkin {
position: absolute;
bottom: 0;
z-index: 7;
left: 57vw;

}

#team .team-maks {
position: absolute;
bottom: 0;
z-index: 8;
left: 75vw;
}

#team .team-right {
position: absolute;
bottom: 0;
right: 0;
z-index: 7;	
}


#team .team-left {
width: calc(235px - 1%);
}

#team .team-dennikov {
width: calc(312px - 1%);
}

#team .team-chirkin {
width: calc(348px - 1%);
}

#team .team-kosar {
width: calc(293px + 0%);
}

#team .team-novikov {
width: calc(289px - 1%);
}

#team .team-linnik {
width: calc(380px + -1%);
}

#team .team-obyedkin {
width: calc(401px + 0%);

}

#team .team-maks {
width: calc(356px - 2%);
}

#team .team-right {
width: calc(268px + 0%);	
}






@media screen and (max-width: 1700px) { 

#team .team-left {
width: calc(235px - 1%);
}

#team .team-dennikov {
width: calc(312px - 2%);
}

#team .team-chirkin {
width: calc(348px - 2%);
}

#team .team-kosar {
width: calc(293px - 2%);
}

#team .team-novikov {
width: calc(289px - 2%);
}

#team .team-linnik {
width: calc(380px - 3%);
}

#team .team-obyedkin {
width: calc(401px - 2%);

}

#team .team-maks {
width: calc(356px - 4%);
left: 74vw;
}

#team .team-right {
width: calc(268px - 1%);	
}


}


@media screen and (max-width: 1510px) { 

#team .team-left {
width: calc(235px - 3%);
}

#team .team-dennikov {
width: calc(312px - 3%);
}

#team .team-chirkin {
width: calc(348px - 3%);
}

#team .team-kosar {
width: calc(293px - 2%);
}

#team .team-novikov {
width: calc(289px - 3%);
}

#team .team-linnik {
width: calc(380px - 4%);
}

#team .team-obyedkin {
width: calc(401px - 3%);

}

#team .team-maks {
width: calc(356px - 5%);
left: 73vw;
}

#team .team-right {
width: calc(268px - 2%);	
}


}


@media screen and (max-width: 1400px) { 

#team .team-left {
width: calc(235px - 3%);
}

#team .team-dennikov {
width: calc(312px - 4%);
}

#team .team-chirkin {
width: calc(348px - 4%);
}

#team .team-kosar {
width: calc(293px - 3%);
}

#team .team-novikov {
width: calc(289px - 4%);
}

#team .team-linnik {
width: calc(380px - 5%);
}

#team .team-obyedkin {
width: calc(401px - 4%);

}

#team .team-maks {
width: calc(356px - 6%);
left: 71vw;
}

#team .team-right {
width: calc(268px - 3%);	
}


}




@media screen and (max-width: 1270px) and (min-width: 1200px) and (min-height: 1000px) { 
#team .principles {

}

}

@media screen and (max-width: 1270px) { 

#team .team-left {
width: calc(235px - 6%);
}

#team .team-dennikov {
width: calc(312px - 8%);
}

#team .team-chirkin {
width: calc(348px - 9%);
}

#team .team-kosar {
width: calc(293px - 6%);
}

#team .team-novikov {
width: calc(289px - 7%);
}

#team .team-linnik {
width: calc(380px - 10%);
}

#team .team-obyedkin {
width: calc(401px - 10%);
left: 56vw;

}

#team .team-maks {
width: calc(356px - 11%);
left: 74vw;
}

#team .team-right {
width: calc(268px - 7%);	
}


}


@media screen and (max-width: 1150px) { 

#team .team-left {
width: calc(235px - 9%);
}

#team .team-dennikov {
width: calc(312px - 11%);
}

#team .team-chirkin {
width: calc(348px - 12%);
}

#team .team-kosar {
width: calc(293px - 9%);
}

#team .team-novikov {
width: calc(289px - 10%);
}

#team .team-linnik {
width: calc(380px - 13%);
}

#team .team-obyedkin {
width: calc(401px - 12%);
left: 56vw;

}

#team .team-maks {
width: calc(356px - 14%);
left: 73vw;
}

#team .team-right {
width: calc(268px - 9%);	
}


}


@media screen and (max-width: 1000px) { 

#team .team-left {
width: calc(235px - 11%);
}

#team .team-dennikov {
width: calc(312px - 13%);
}

#team .team-chirkin {
width: calc(348px - 15%);
}

#team .team-kosar {
width: calc(293px - 12%);
}

#team .team-novikov {
width: calc(289px - 12%);
}

#team .team-linnik {
width: calc(380px - 16%);
}

#team .team-obyedkin {
width: calc(401px - 16%);
left: 56vw;

}

#team .team-maks {
width: calc(356px - 17%);
left: 72vw;
}

#team .team-right {
width: calc(268px - 11%);	
}

#team .principles {
bottom:50px!important;
}

}


@media screen and (max-width: 930px) { 

#team .team-left {
width: calc(235px - 12%);
}

#team .team-dennikov {
width: calc(312px - 16%);
}

#team .team-chirkin {
width: calc(348px - 18%);
}

#team .team-kosar {
width: calc(293px - 14%);
}

#team .team-novikov {
width: calc(289px - 14%);
}

#team .team-linnik {
width: calc(380px - 19%);
}

#team .team-obyedkin {
width: calc(401px - 19%);
left: 55vw;

}

#team .team-maks {
width: calc(356px - 19%);
left: 71vw;
}

#team .team-right {
width: calc(268px - 13%);	
}


}

@media screen and (max-width: 860px) { 

#team .team-left {
width: calc(235px - 14%);
}

#team .team-dennikov {
width: calc(312px - 19%);
}

#team .team-chirkin {
width: calc(348px - 20%);
}

#team .team-kosar {
width: calc(293px - 16%);
}

#team .team-novikov {
width: calc(289px - 16%);
}

#team .team-linnik {
width: calc(380px - 22%);
}

#team .team-obyedkin {
width: calc(401px - 22%);
left: 55vw;

}

#team .team-maks {
width: calc(356px - 22%);
left: 71vw;
}

#team .team-right {
width: calc(268px - 15%);	
}


}

@media screen and (max-width: 804px) { 

#team .team-left {
width: calc(235px - 17%);
}

#team .team-dennikov {
width: calc(312px - 22%);
}

#team .team-chirkin {
width: calc(348px - 24%);
}

#team .team-kosar {
width: calc(293px - 20%);
}

#team .team-novikov {
width: calc(289px - 20%);
}

#team .team-linnik {
width: calc(380px - 26%);
}

#team .team-obyedkin {
width: calc(401px - 26%);
left: 55vw;

}

#team .team-maks {
width: calc(356px - 26%);
left: 71vw;
}

#team .team-right {
width: calc(268px - 17%);	
}


}

@media screen and (max-width: 750px) { 

#team .team-left {
    width: calc(235px - 16%);
}

#team .team-dennikov {
    width: calc(312px - 20%);
    left: 9vw;
}

#team .team-chirkin {
    width: calc(348px - 22%);
    left: 22vw;
}

#team .team-kosar {
width: calc(293px - 23%);
display: none;
}

#team .team-novikov {
width: calc(289px - 18%);
left: 36vw;
}

#team .team-linnik {
width: calc(380px - 30%);
display: none;
}

#team .team-obyedkin {
    width: calc(401px - 23%);
    left: 46vw;

}

#team .team-maks {
    width: calc(356px - 24%);
    left: 65vw;
}

#team .team-right {
width: calc(268px - 15%);	
}


}

@media screen and (max-width: 750px) { 

#team .team-left {
    width: calc(235px - 16%);
}

#team .team-dennikov {
    width: calc(312px - 20%);
    left: 11vw;
}

#team .team-chirkin {
    display: none;
}


#team .team-novikov {
width: calc(289px - 19%);
left: 26vw;
}


#team .team-obyedkin {
    width: calc(401px - 26%);
    left: 40vw;

}

#team .team-maks {
    width: calc(356px - 26%);
    left: 63vw;
}

#team .team-right {
width: calc(268px - 17%);	
}


}

@media screen and (max-width: 660px) { 

#team .team-left {
    width: calc(235px - 16%);
}

#team .team-dennikov {
    width: calc(312px - 20%);
    left: 11vw;
}

#team .team-chirkin {
    display: none;
}


#team .team-novikov {
width: calc(289px - 19%);
left: 26vw;
}


#team .team-obyedkin {
    width: calc(401px - 26%);
    left: 36vw;

}

#team .team-maks {
    width: calc(356px - 26%);
    left: 58vw;
}

#team .team-right {
width: calc(268px - 17%);	
}


}

@media screen and (max-width: 620px) { 

#team .team-left {
    width: calc(235px - 19%);
}

#team .team-dennikov {
    width: calc(312px - 24%);
    left: 6vw;
}


#team .team-novikov {
width: calc(289px - 22%);
left: 21vw;
}


#team .team-obyedkin {
    width: calc(401px - 29%);
    left: unset;
    right: 26vw;

}

#team .team-maks {
    width: calc(356px - 30%);
    left: unset;
    right: 12vw;
}

#team .team-right {
width: calc(268px - 20%);	
}

}


@media screen and (max-width: 540px) { 

#team .team-left {
    width: calc(235px - 23%);
}

#team .team-dennikov {
    width: calc(312px - 29%);
    left: 6vw;
}


#team .team-novikov {
width: calc(289px - 27%);
left: 21vw;
}


#team .team-obyedkin {
    width: calc(401px - 36%);
    right: 26vw;

}

#team .team-maks {
    width: calc(356px - 37%);
    right: 16vw;
}

#team .team-right {
width: calc(268px - 24%);	
}

}

@media screen and (max-width: 500px) { 

#team .team-left {
    width: calc(235px - 23%);
}

#team .team-dennikov {
display: none;
}


#team .team-novikov {
width: calc(289px - 27%);
left: 10vw;
}


#team .team-obyedkin {
    width: calc(401px - 36%);
	right: 30vw;

}

#team .team-maks {
    width: calc(356px - 37%);
    right: 13vw;
}

#team .team-right {
width: calc(268px - 24%);	
}

}


@media screen and (max-width: 450px) { 

#team .team-left {
    width: calc(235px - 28%);
}


#team .team-novikov {
width: calc(289px - 33%);
left: 10vw;
}


#team .team-obyedkin {
    width: calc(401px - 45%);
	right: 30vw;

}

#team .team-maks {
    width: calc(356px - 45%);
    right: 13vw;
}

#team .team-right {
width: calc(268px - 31%);	
}

}


@media screen and (max-width: 400px) { 

#team .team-left {
    width: calc(235px - 33%);
}


#team .team-novikov {
width: calc(289px - 40%);
left: 8vw;
}


#team .team-obyedkin {
    width: calc(401px - 52%);
	right: 30vw;

}

#team .team-maks {
    width: calc(356px - 52%);
    right: 16vw;
}

#team .team-right {
width: calc(268px - 36%);	
}

}


@media screen and (max-width: 370px) { 

#team .team-left {
    width: calc(235px - 37%);
}


#team .team-novikov {
width: calc(289px - 44%);
left: 8vw;
}


#team .team-obyedkin {
    width: calc(401px - 59%);
	right: 30vw;

}

#team .team-maks {
    width: calc(356px - 59%);
    right: 16vw;
}

#team .team-right {
width: calc(268px - 40%);	
}

}

#team .title {
margin-left: 4vw;
color: #000;
font-family: "ProximaNova-Black";
font-size: 100px;	
}

#team .head-title .subtitle {
color: #000;
font-family: "ProximaNova-Reg";
font-size: 18px;	
margin-top: 60px;
margin-right: 9vw;
}

#team .desc {
width: 400px;
    margin-top: 500px;
    margin-bottom: 110px;
}

#team .list-item {
	line-height: 1.2;
	padding-bottom: 8px;

}

.whiteline{
min-width: 100%;
min-height: 9px;
background-color: #fff;
}

#team .principles {
	width: 400px;
	position: absolute;
    bottom: 125px;
    right: 67px;
    z-index: 10;
}

@media screen and (max-width: 1370px) { 


}

#team .principles .title{
color: #fff;
font-family: "ProximaNova-Bold";
font-size: 18px;
margin-left: 0;
}

#team .principles .list{
margin-left: 18px;
color: #fff;
font-family: "ProximaNova-Reg";
font-size: 18px;	
}

#stand-alone {
min-height: 900px;
background-image: url(../img/bg-standalone.png);
padding-left: 4vw;
padding-right: 6vw;
background-repeat: no-repeat;
background-position: bottom left;
background-color: #faffd1;
padding-bottom: 50px;
background-size: cover;

}

#stand-alone .content .rightside {
	position: relative;
}

#stand-alone .head-title {
    color: #fff;
    font-family: "ProximaNova-Black";
    font-size: 100px;
    line-height: 0.8;
    padding-top: 20px;
}

#stand-alone .head-title .title{
margin-top: 15px;
}

#stand-alone .opttext {
line-height: 1;
color: #fff;
font-family: "ProximaNova-Bold";
font-size: 24px;		
}

#stand-alone .content {
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}



#stand-alone .content .opt{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

#stand-alone .content .opticon{
width: 60px;
}

#stand-alone .content .opt:nth-child(2),#stand-alone .content .opt:nth-child(6){
margin-top: 30px;
}

#stand-alone .content .opt:nth-last-child(1){
	margin-bottom: 0;
}

#stand-alone .content .opt-bottom .opttext{
margin-top: 15px;
}

#stand-alone .content .opt-bottom {
    position: absolute;
    bottom: 0;
}

#stand-alone .content .opt .opttext{
	margin-left: 10px;
}

#stand-alone .content .leftside {
	margin-left: 11.5vw;
	position: relative;
} 


#fullstack {
min-height: 900px;
background-image: url(../img/bg-fullstack.png);
padding-left: 4vw;
padding-right: 6vw;
background-repeat: no-repeat;
background-position: bottom left;
background-color: #faffd1;
padding-bottom: 50px;

}


#fullstack .head-title {
color: #000;
font-family: "ProximaNova-Black";
font-size: 100px;
line-height: 1.2;
padding-top: 20px;	
}

#fullstack .content {
display: flex;
justify-content: space-between;
line-height: 1;
color: #000;
font-family: "ProximaNova-Reg";
font-size: 18px;	
}

.blackline{
min-width: 100%;
min-height: 9px;
background-color: #000;
margin-bottom: 5px;
}

#fullstack .desc {
	width: 425px;
}

#fullstack .desc .title {
font-family: "ProximaNova-Extrabld";
padding-bottom: 5px;
}

#fullstack .desc .subtitle {
font-family: "ProximaNova-Bold";
margin-left: 9px;
padding-bottom: 10px;
}

#fullstack .desc .subtitle-extra-text {
	margin-left: 9px;
	margin-top: -10px;
}

#fullstack .list{
margin-left: 18px;
}

#fullstack .list-item{
padding-bottom: 10px;
}

#public .right .putin img {
	width: 80%;
}

#tech {
min-height: 900px;
background-image: url(../img/bg-tech.png);
font-size: 18px;
color: #fff;
padding-left: 4vw;
padding-right: 6vw;
background-repeat: no-repeat;
background-position: bottom left;
background-color: #004e92;	
}

#tech .head-title {
color: #fff;
font-family: "ProximaNova-Black";
font-size: 100px;
line-height: 1.2;
padding-top: 20px;	
}

#tech .content {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
	padding-bottom: 100px;
}

#tech .left-side {

}

#tech .right-side {
padding-top: 125px;
}

#tech .tech-laravel {
	    margin-top: 60px;
    padding-left: 49px;
}

#tech .tech-laravel .ldesc {
	width: 600px;
    margin-left: 100px;
    margin-top: 70px;
    display: flex;
}

#tech .tech-laravel .ldesc .line-1 .parent{
display: flex;
position: relative;
}

#tech .tech-laravel .ldesc .line-1 .parent .year{
color: #fff;
font-family: "ProximaNova-Black";
font-size: 7.222rem;
line-height: 0.8;
}

#tech .tech-laravel .ldesc .line-1 .parent .children{
margin-left: 10px;
}

#tech .tech-laravel .ldesc .line-1 .parent .top{
color: #fff;
font-family: "ProximaNova-Black";
font-size: 1.333rem;
line-height: 1.05;

}

#tech .tech-laravel .ldesc .line-1 .bottom {
    margin-top: 30px;
}

#tech .tech-laravel .ldesc .xyz .bottom {
    margin-top: 15px;
}

#tech .tech-laravel .ldesc .xyz {
    margin-left: 70px;
}

#tech .tech-laravel .ldesc .bottom{
color: #fff;
font-family: "ProximaNova-Bold";
font-size: 1rem;
line-height: 1.2;
}

#tech .tech-laravel .ldesc .xyz .parent{
color: #fff;
font-family: "ProximaNova-Black";
font-size: 3.333rem;
line-height: 0.8;
}

#tech .left-side .tech-drupal{
	display: flex;
}

#tech .left-side .tech-drupal .drupal-text {
width: 400px;
padding-top: 20px;
padding-left: 10px;

}

#tech .left-side .tech-drupal .title{
color: #fff;
font-family: "ProximaNova-Black";
font-size: 36px;
}

#tech .left-side .tech-drupal .desc{
	font-family: "ProximaNova-Reg";
	color: #fff;
}

#tech .left-side .tech-symph{
	padding-top: 80px;
	padding-left: 74px;
}

#tech .right-side .block {
	width: 275px;
}

#tech .right-side .block .logoline {
	display: flex;
	align-items: flex-end;
    padding-bottom: 7px;
}

#tech .right-side .block .logoline .tech-pyth {
	margin-left: 15px;
}

#tech .title {
font-family: "ProximaNova-Extrabld";
}


#tech .items {
font-family: "ProximaNova-Reg";
padding-bottom: 15px;
}

.head {
	display: flex;
	margin-left: 14.641288433382138vw;
	margin-right: 5.490483162518302vw;
	padding-top: 30px;
}

.pt {
	margin-left: 14.641288433382138vw;
	margin-right: 5.490483162518302vw;
	padding-top: 30px;

}

.pt .padd {
	margin-left: 155px;
}

.tm-logo {
	width: 91px;
}
.tm-name {
color: #fff;
font-family: "ProximaNova-Black";
font-size: 100px;
line-height: 0.9;
margin-left: 60px;	
}


.about {
	height: 593px;
	display: flex;
    justify-content: space-between;
    margin-left: 14.641288433382138vw;
    margin-right: 5.490483162518302vw;
    margin-top: 25px;
    padding-bottom: 35px;
}

.about-1 {
	margin-top: -5px;
}

#team .about-1 {
	position: absolute;
    top: 68px;
    right: 124px;
    width: 354px;
    z-index: 10;
    font-family: "ProximaNova-Reg";
}

.pt .position {
font-family: "ProximaNova-Extrabld";
line-height: 1.2;
color: #000;
font-size: 18px;
}

.pt .time {
font-family: "ProximaNova-Reg";
line-height: 1.2;
color: #000;
font-size: 18px;	
}

.about .un-logo {
height: 43px;
display: table-cell;
vertical-align: bottom;
}

.about .un-name {
font-family: "ProximaNova-Bold";
line-height: 1.2;
color: #000;
font-size: 18px;
}

.about .un-desc {
font-family: "ProximaNova-Reg";
line-height: 1.2;
color: #000;
font-size: 18px;
}

.about .right-side .un-desc {
	padding-bottom: 10px;
}

.about .title {
font-family: "ProximaNova-Extrabld";
line-height: 1.2;
color: #000;
font-size: 18px;
}

.about .item-list {
font-family: "ProximaNova-Reg";
line-height: 1.2;
color: #000;
font-size: 18px;
margin-left: 15px;
padding-bottom: 9px;	
}

.about .right-side .item-list:nth-last-child(1) {
padding-bottom: 0;
}

.about .subtitle {
font-family: "ProximaNova-Bold";
line-height: 1.2;
color: #000;
font-size: 18px;
padding-bottom: 10px;
}

.about .left-side {
	width: 400px;
	margin-left: 155px;
	position: relative;

}

.about .right-side {
	width: 425px;
	margin-left: 50px;
	margin-top: 50px;
	position: relative;
}


.head .fix-logo {
	    padding-top: 7px;
}

.head .fix-logo-taras {
	    padding-top: 18px;	
}

.line-skills {
	display: flex;
	align-items: flex-end;
	padding-bottom: 10px;
}

.line-skills .skill {
	padding-right: 15px;
}

.line-skills .skill:nth-last-child(1) {
	padding-right: 0;
}


/*.nichi-skills {
	padding-top: 340px;
}

.novikov-skills {
	padding-top: 195px;
}

.obyedkin-skills {
	padding-top: 200px;
}

.udin-skills {
	padding-top: 85px;
}

.mahmutov-skills {
	padding-top: 234px;
}

.kosarcov-skills {
	padding-top: 160px;
}

.pihtulov-skills {
	padding-top: 115px;
}

.linnik-skills {
	padding-top: 120px;
}

.tarasuk-skills {
	padding-top: 160px;
}

.chirkin-skills {
	padding-top: 83px;
}

.dennikov-skills {
	padding-top: 221px;
}

*/


.nichi-skills,
.novikov-skills ,
.obyedkin-skills,
.udin-skills,
.mahmutov-skills,
.kosarcov-skills,
.pihtulov-skills,
.linnik-skills,
.tarasuk-skills,
.chirkin-skills,
.dennikov-skills
 {
	position: absolute;
	bottom: 0;
}

.apache {
	margin-bottom: -10px;
}

.node {
	margin-bottom: 7px;
}

.avocode {
	margin-bottom: -5px;
}

.jira-tarasuk {
	margin-bottom: 5x;
}

.phpstorm-tarasuk {
	margin-bottom: -10px;
}

.bitrix-linnik {
	margin-bottom: 5px;
}

.phpstorm-linnik {
	margin-bottom: -6px;
}

.slim {
	margin-bottom: -5px;
}

.mysql-linnik {
	margin-bottom: 2px;
}

.solr-pihtulov {
	margin-bottom: 5px;
}

.mysql-pihtulov {
    margin-bottom: 2px;
}

.laravel-kosarcov {
	margin-bottom: 5px;
}

.postgre-mahmutov {
	margin-bottom: -10px;
}

.mysql-mahmutov {
	margin-bottom: 3px;
}

.git-udin {
	margin-bottom: -3px;
}

.neo-udin {
	margin-bottom: -4px;
}

.postgre-udin {
	margin-bottom: -10px;
}

.silex-udin {
	margin-bottom: 7px;
}

.c-udin {
	margin-bottom: 12px;
}

.php-udin {
	margin-bottom: -5px;
}

.bitrix-obyed {
	margin-bottom: 2px;
}

.modx-obyed {
	margin-bottom: 5px;
}

.apache-obyed {
	margin-bottom: -5px;
}

.phps-novikov {
	margin-bottom: -10px;
}

.postgre-novikov {
	margin-bottom: -12px;
}

.mysql-novikov {
	margin-bottom: 5px;
}

.php-novikov {
	margin-bottom: -5px;
}

.git-nichi {
	margin-bottom: -3px;
}

.mysql-chir {
	margin-bottom: 2px;
}


#supply {
min-height: 900px;
background-image: url(../img/bg-supply.png);
background-size: cover;
background-repeat: no-repeat;
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 35px;
}

.header-line {
	display: flex;
	justify-content: space-between;
}

#supply .content-line {
	margin-top: 110px;
}
.header-line .left .project-name{
color: #fff;
font-family: "ProximaNova-Black";
font-size: 100px;
line-height: 1;
}

.header-line .left .project-desc{
font-family: "ProximaNova-Reg";
line-height: 1;
color: #fff;
font-size: 18px;
}

.header-line .right {
	width: unset;
}

.tilda {
	display: inline-block;
	    position: relative;
    top: 33px;
    font-family: "ProximaNova-Bold";
}

#own .header-line .left .project-name {
	font-size: 90px;
}

#own .header-line .right .summ {
	font-size: 130px;
}

#own .header-line .right .summ .big-ruble {
    margin-bottom: 27px;
    height: 85px;
}

.header-line .right .summ {
color: #fff;
font-family: "ProximaNova-Black";
font-size: 153.58px;
line-height: 1;
}

.header-line .right .summ .big-ruble {
    margin-bottom: 27px;
}

.header-line .right .measure {
color: #fff;
font-family: "ProximaNova-Black";
font-size: 36px;
line-height: 1;	
margin-left: 251px;
margin-top: -25px;
}


.header-line .right .m-desc-title {
font-family: "ProximaNova-Extrabld";
line-height: 1;
color: #fff;
font-size: 18px;
margin-left: 251px;
margin-top: 10px;
}

.header-line .right .m-desc {
font-family: "ProximaNova-Reg";
line-height: 1;
color: #fff;
font-size: 18px;
margin-left: 251px;	
margin-top: 3px;
}


.content-line {
	display: flex;
	justify-content: space-between;
}

.about-2 {
font-size: 18px;
font-family: "ProximaNova-Reg";
}

.content-line .left-content .cypher-big {
color: #fff;
font-family: "ProximaNova-Black";
font-size: 150px;
line-height: 1;	
}

.content-line .left-content .cypher-medium {
color: #fff;
font-family: "ProximaNova-Black";
font-size: 48px;
line-height: 1;	
}

.content-line .left-content .subtitle {
font-family: "ProximaNova-Extrabld";
line-height: 1.2;
color: #fff;
font-size: 18px;
}

.content-line  .subdesc{
font-family: "ProximaNova-Reg";
line-height: 1.2;
color: #fff;
font-size: 18px;
}

.content-line .right-content {
width: 425px;
margin-top: 21px;
}

.content-line .right-content .ftitle {
color: #fff;
font-family: "ProximaNova-Black";
font-size: 36px;
line-height: 1;	
}

.content-line .right-content .stitle {
color: #fff;
font-family: "ProximaNova-Black";
font-size: 30px;
line-height: 1;	
}

.valek-site .v-underline {
min-height: 1px;
max-height: 1px;
width: 133px;
background-color: rgba(2, 169, 234, 0.5);
}

.valek-site{
	width: 150px;
    position: absolute;
    right: 5.490483162518302vw;
    margin-top: 58px;
}

.icon-link {
	margin-left: 5px;
	margin-bottom: 2px;
}

.valek-site:hover a{
color: rgba(2, 169, 234, 1);
}

.valek-site:hover .v-underline{
background-color: rgba(2, 169, 234, 1);
}

.valek-site a{
font-family: "ProximaNova-Reg";
line-height: 1.2;
color: #fff;
font-size: 18px;
}

.valek-site a:hover{
color: rgba(2, 169, 234, 1);
text-decoration: none;
}


.resume .v-underline {
min-height: 1px;
max-height: 1px;
width: 133px;
background-color: rgba(2, 169, 234, 0.5);
}

.resume{
	width: 150px;
    margin-top: -10px;
    margin-bottom: 10px;
}

.resume:hover a{
color: rgba(2, 169, 234, 1);
}

.resume:hover .v-underline{
background-color: rgba(2, 169, 234, 1);
}

.resume a{
font-family: "ProximaNova-Reg";
line-height: 1.2;
color: #fff;
font-size: 18px;
}

.resume a:hover{
color: rgba(2, 169, 234, 1);
text-decoration: none;
}


.header-line .right .summ .big-ruble {
	height: unset;
}
.extra-padding {
	margin-top: 90px;
}
	

#supply .content-line .right-content .first .ftitle  {
	margin-top: 20px;
}

#supply .content-line .right-content .first .subdesc {
	margin-top: 15px;
}

#supply .content-line .right-content .second {
	margin-top: 100px;
}

#supply .content-line .right-content .second .subdesc {
	margin-top: 3px;
}

#supply .content-line .right-content .third {
	margin-top: 40px;
}

#supply .content-line .left-content .subsystem .subtitle {
	margin-top: -10px;
}


#supply .content-line .left-content .user {
	margin-top: 81px;
}

#supply .content-line .left-content .regist {
	margin-top: 45px;
}

#supply .left-content .whiteline {
	display: none;
}



#service {
min-height: 900px;
background-image: url(../img/service.png);
background-size: cover;
background-repeat: no-repeat;
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 50px;
}


#service .content-line .right-content .first .ftitle  {
	margin-top: 20px;
}

#service .header-line .right .summ{
font-size: 142.99px;
}

#service .header-line .right .measure, #service .header-line .right .m-desc-title, #service .header-line .right .m-desc {
margin-left: 170px;
}

#service .content-line {
	margin-top: 120px;
}

#service .left-content .subsystem .subtitle{
font-family: "ProximaNova-Extrabld";
line-height: 1;
font-size: 30px;
margin-top: -10px;
}

#service .left-content .user {
margin-top: 60px;
}

#service .left-content .whiteline {
	display: none;
}

#service .left-content .cypher-medium {
font-family: "ProximaNova-Black";
font-size: 24px;
line-height: 1;
padding-bottom: 5px;	
}

#service .left-content .subdesc-p {
font-family: "ProximaNova-Reg";
line-height: 1.4;
color: #fff;
font-size: 18px;
padding-left: 15px;
}

#service .left-content .subdesc-p .bold {
font-family: "ProximaNova-Extrabld";
}

#service .left-content .regist {
margin-top: 35px;
}

#service .left-content .regist .subdesc-p{
padding-left: 0;
}

#service .right-content .first .ftitle {
color: #fff;
font-family: "ProximaNova-Black";
font-size: 30px;
line-height: 1;	
}

#service .right-content .first .subdesc {
margin-top: 15px;
}

#service .right-content .second {
	margin-top: 115px;
	display: flex;
	justify-content: space-between;
}

#service .right-content .second .whiteline {
	display: none;
	min-height: 5px;
}

#service .right-content .stitle {
	    font-size: 24px;
	    padding-bottom: 5px;
}

#service .right-content .third {
	margin-top: 35px;
}

#service .right-content .stitle {

}


#own {
min-height: 900px;
background-image: url(../img/bg-own.png);
background-size: cover;
background-repeat: no-repeat;
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 50px;
}

#own .header-line .right .measure, #own .header-line .right .m-desc-title, #own .header-line .right .m-desc {
margin-left: 154px;
}

#own .content-line {
	margin-top: 110px;
}

#own .content-line .left-content .keep .subtitle {
font-family: "ProximaNova-Black";
font-size: 30px;
line-height: 1;
padding-bottom: 10px;
}

#own .content-line .left-content {
	width: 495px;
}

#own .content-line .left-content .line-2 {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

#own .content-line .left-content .line-2 .subtitle {
font-family: "ProximaNova-Extrabld";
font-size: 24px;
line-height: 1;
}


#own .content-line .left-content .line-2 .leftline .subdesc {
	padding-left: 15px;

}

#own .content-line .left-content .line-2 .subdesc {
	padding-bottom: 10px;
}

#own .content-line .left-content .line-2 .subdesc:nth-last-child(1) {
	padding-bottom: 0;
}

#own .content-line .left-content .line-2 .rightline, #own .content-line .left-content .line-3 .rightline {
	width: 195px;
}

#own .content-line .left-content .line-3 {
margin-top: 30px;
display: flex;
justify-content: space-between;
}

#own .content-line .left-content .line-3 .subtitle {
font-family: "ProximaNova-Extrabld";
font-size: 24px;
line-height: 1;
}

#own .content-line .right-content {
	margin-top: 0;
}

#own .content-line .right-content .second .whiteline {
	min-height: 5px;
	display: none;
}

#own .content-line .left-content .whiteline {
	min-height: 5px;
	display: none;
}

#own .content-line .right-content .first .ftitle  {
	margin-top: 20px;
	font-size: 60px;
	line-height: 0.8;
}

#own .content-line .right-content .first .subdesc  {
margin-top: 30px;
}

#own .content-line .right-content .second {
margin-top: 135px;
}

#own .content-line .right-content .second .stitle {
font-family: "ProximaNova-Extrabld";
font-size: 24px;
line-height: 1;
}


#secret {
background-image: url(../img/bg-secret.png);
background-size: cover;
background-repeat: no-repeat;
padding-left: 50px;
padding-right: 50px;
padding-top: 40px;
padding-bottom: 50px;
min-height: 100vh
}

#secret .header-line .left .project-name {
	font-size:5.3rem;
	line-height: 1;
}

#secret .gossecret {
	    padding-top: 5px;
    padding-bottom: 5px;
    border: 2px dashed;
    border-color: #fe3f3f;
    margin-left: 12px;
    color: #fff;
    font-size: 1rem;
    font-family: "ProximaNova-Bold";

}

#secret .header-line .left .project-desc {
	display: flex;
    align-items: center;
    margin-left: 12px;
    margin-top: 18px;
}


#secret .header-line .left {

}

#secret .text {
	font-family: "ProximaNova-Reg";
	font-size: 1rem;
	color: #fff;	
}
#secret .content-line {
	display: block;
}

#secret .content-line .secret-udp {
	display: flex;
	align-items: center;
	margin-top: 24vh;
}


#secret .content-line .group {
	margin-top: 28vh;
	display: flex;
	margin-left: 151px;
}

#secret .content-line .mo {
	display: flex;
	align-items: center;
}

#secret .content-line .mvd {
	display: flex;
	align-items: center;
	margin-left: 40px;
}

#secret .content-line .group .desc-mo{
	font-family: "ProximaNova-Bold";
	font-size: 1.333rem;
	color: #fff;
	margin-left: 15px;
}

#secret .s1{
	font-family: "ProximaNova-Extrabld";
	font-size: 1.667rem;
	color: #fff;
	margin-left: 30px;
	line-height: 1;
}

#secret .s2{
	font-family: "ProximaNova-Reg";
	font-size: 1rem;
	color: #fff;
	margin-left: 30px;
}

#secret .secret-block {
	display: none;
}

#order {
background-image: url(../img/bg-order.png);
background-size: cover;
background-repeat: no-repeat;
padding-left: 50px;
padding-right: 50px;
padding-top: 40px;
padding-bottom: 50px;
}

#order .header-line .right .measure, #order .header-line .right .m-desc-title, #order .header-line .right .m-desc {
margin-left: 160px;
}


#order .content-line {
	margin-top: 125px;
}


#order .content-line .left-content .reg .subtitle{
font-family: "ProximaNova-Extrabld";
font-size: 30px;
line-height: 1;
padding-bottom: 10px;
}

#order .content-line .right-content {
	margin-top: 0;
}


#order .content-line .left-content .reg .subdesc, #order .content-line .left-content .plan .subdesc{
padding-left: 15px;
padding-bottom: 20px;
}

#order .content-line .left-content .reg .subdesc:nth-last-child(1), #order .content-line .left-content .plan .subdesc:nth-last-child(1) {
	padding-bottom: 0;
}

#order .content-line .left-content {
	width: 495px;
}

#order .content-line .left-content .plan {
	display: flex;
	justify-content: space-between;
	margin-top: 95px;
}


#order .content-line .left-content .plan .subtitle{
font-family: "ProximaNova-Extrabld";
font-size: 24px;
line-height: 1;
padding-bottom: 5px;
}

#order .content-line .right-content .first .ftitle {
	margin-top: 20px;
	font-family: "ProximaNova-Black";
font-size: 60px;
line-height: 1;
}

#order .content-line .right-content .second {
	margin-top: 126px;
}
#order .content-line .right-content .second .whiteline{
	min-height: 5px;
	display: none;
}

#order .content-line .right-content .second .subdesc{
	margin-top: 15px;
}

#order .content-line .left-content .whiteline{
	min-height: 5px;
	display: none;
}

#order .content-line .right-content .third {
	margin-top: 73px;
	display: flex;
	justify-content: space-between;
}


#order .content-line .right-content .third .subtitle {
font-family: "ProximaNova-Extrabld";
color: #fff;
font-size: 24px;
line-height: 1;
padding-bottom: 5px;	
}


#public {
min-height: 900px;
background-image: url(../img/bg-public.png);
background-size: cover;
background-repeat: no-repeat;
padding-left: 50px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 50px;
}

#public .right {
	width: 340px;

}

#public .right .text {
	display: inline-block;
	margin-right: 5px;
}

#public .udp {
font-family: "ProximaNova-Extrabld";
color: #01124f;
font-size: 72px;
line-height: 1;
}


#public .header-line .link-underline {
    width: 266px;
}

#public .link-underline {
	min-height: 1px;
	background-color: #01124f;
	margin-top: 5px; 
}


#public .link-line {
display: flex;
margin-left: 74px;
margin-top: 170px;
}

#public .line-2 {
	margin-left: 125px;
}

#public .line-1 {
	margin-top: 7px;
}

#public .line-1 .link:nth-child(2){
	margin-top: 5px;
}

#public .link {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
}

#public .link .logo {
	margin-right: 10px;
	width: 65px;
}


#public .link a {
color: #01124f;
font-size: 60px;
line-height: 1;
}

#public a:hover {
text-decoration: none;
color: #96eedd;
}

#public a:hover > .link-big {
	display: inline-block;
}

#public .text:hover + .link-big {
	display: inline-block;
}

#public .logo:hover ~ .link-big {
	display: inline-block;
}

#public .logo:hover + .text a {
	color: #96eedd;
}

#public .putin:hover + .text a {
	color: #96eedd;
}

#public .putin:hover ~ .link-big {
display: inline-block;	
}


#public .link-line .line-1 {
	width: 450px;
}

#public .text:hover a {
color: #96eedd;
}

#public .text:hover .link-underline {
background-color: #96eedd;	
}

#public .putin:hover + .text a {
	color: #96eedd;
}

#public .putin:hover + .text .link-underline {
	background-color: #96eedd;
}

#public .right .link-big {
    margin-top: -31px;
    margin-left: -5px;
}

#mail {
position: relative;
min-height: 900px;
background-image: url(../img/bg-mail.png);
background-size: 100% 100%;
background-repeat: no-repeat;
padding-left: 50px;
padding-right: 75px;
padding-top: 30px;
padding-bottom: 50px;
}

#mail .email{
margin-top: 196px;
}

#mail .email a {
font-family: "ProximaNova-Black";
font-size: 72px;
line-height: 1;
color: #fff;
}

#mail .email a:hover {
text-decoration: none;
color: #f45b69;

}

#mail .desc {
	width: 375px;
    position: absolute;
    bottom: 12vh;
    right: 75px;
}

#mail .desc .text {
 font-family: "ProximaNova-Bold";
 color: #fff;
 font-size: 24px;	
}

.tm-logo-2 {
	display: none;
}

.small {
	display: none;
}

.small .width-50 {
	width: 50%;
}

.small .width-40 {
	width: 40%;
}

@media screen and (max-width: 1302px) {
#public .link-line {
	flex-direction: column;

}

#public .link-line .line-2 {
	margin-left: 0;
}
#public .link-line {
	margin-left: 0;
}
}

@media screen and (max-width: 1020px) {
#public .header-line {
	flex-direction: column;
}


}

@media screen and (max-width: 1178px) { 

#secret .header-line .left .project-desc {
	display: none;
}

#mail {
	background-size: cover;
}

#tech .tech-laravel .ldesc {
    flex-direction: column;
    width: unset;
}

#tech .tech-laravel .ldesc .xyz {
    margin-left: 0;
    margin-top: 40px;
}

#stand-alone {
	background-position-x:-100px;
}
#stand-alone .content {
	flex-direction: column;
	width: 50vw;
}

#stand-alone .content .opt-bottom {
	bottom: unset;
	position: relative;
	margin-top: 100px;
}

#stand-alone .content .leftside{
	margin-left: 0;
}

#stand-alone .content .rightside{
	margin-top: 40px;
}

#stand-alone .content .opt .opttext,#stand-alone .content .opt-bottom .opttext {
	font-size: 1.4rem;
}

#service .header-line .right .summ .big-ruble {
    height: 90px;
    margin-bottom: 25px;
}
#secret .secret-block {
	margin-top: 40px;
	display: block;

}

#secret .secret-block .s3{
font-family: "ProximaNova-Reg";
 color: #fff;
 font-size: 1rem;
}
#secret .secret-block .s4{
	display: flex;
}
#secret .secret-block .s5{
 font-family: "ProximaNova-Bold";
 color: #fff;
 font-size: 1rem;
 border: 2px dashed;
    border-color: #fe3f3f;
}
#secret .secret-block .s6{
	margin-left: 9px;
 font-family: "ProximaNova-Reg";
 color: #fff;
 font-size: 1rem;
}

#secret .content-line .secret-udp {
	margin-top: 50px;
	flex-direction: column;
    align-items: flex-start;
}
#secret .sec-desc {
	margin-top: 15px;
	width: 50vw;
}
#secret .s1, #secret .s2 {
	margin-left: 0;
}

#secret .content-line .group {
	margin-top: 50px;
	margin-left: 0;
		flex-direction: column;
    align-items: flex-start;
}

#secret .content-line .mo, #secret .content-line .mvd {
	flex-direction: column;
	align-items: flex-start;
	margin-left: 0;
}

#secret .content-line .mvd {
	margin-top: 25px;
}

#secret .content-line .group .desc-mo {
	margin-left: 0;
}

.about .right-side {
	margin-top: -20px;
}

.small {
	display: block;
	margin-left: -113px;
}

.about .right-side .blackline {
	margin-left: -113px;
}

.small img {
	width: 70%;
}

.tm-logo {

	display: none;
}

.tm-logo-2 {
	display: inline-block;
	margin-right: 15px;
}

.tm-logo-2 img{
height: 40px;
width: 46px;
}

.extra-logo {
	display: flex;
}

.about .un-logo img {
	width: 90%
}

.about .un-name, .about .un-desc {
	margin-left: 63px;
}

#embodiment .our-name {
font-size: 120px;
}
.header-line .right {
margin-top: 50px;
}

#own .header-line, 
#supply .header-line, 
#service .header-line,
#order .header-line {
        flex-direction: column;
        width: 750px;
        
    }


#own .content-line, 
#supply .content-line, 
#service .content-line,
#order .content-line {
        flex-direction: column-reverse;
        width: 750px;
    }

#supply .content-line .left-content {
padding-top: 50px;
}


#own .content-line .left-content, #order .content-line .left-content {
    margin-left: 70px;
    margin-top: 50px;
}


#public .link-line .line-2{
	margin-left: 0;
}

#mail .email a {
	font-size: 60px;
}

#nichiporchuk,
#novicov,
#obyedkin,
#udin,
#mahmutov,
#kosarcov,
#pihtulov,
#linnik,
#tarasuk,
#chirkin,
#dennikov {
background-image: none;
}






.about {
	flex-direction: column;
}

.about .right-side {
    margin-left: 156px;
}

.about {
height: unset;
}

.nichi-skills,
.novikov-skills ,
.obyedkin-skills,
.udin-skills,
.mahmutov-skills,
.kosarcov-skills,
.pihtulov-skills,
.linnik-skills,
.tarasuk-skills,
.chirkin-skills,
.dennikov-skills
 {
	padding-top: 30px;
	position: unset;
	bottom: unset;
}



.left-side .nichi-skills,
.left-side .novikov-skills ,
.left-side .obyedkin-skills,
.left-side .udin-skills,
.left-side .mahmutov-skills,
.left-side .kosarcov-skills,
.left-side .pihtulov-skills,
.left-side .linnik-skills,
.left-side .tarasuk-skills,
.left-side .chirkin-skills,
.left-side .dennikov-skills
 {
	display: none;
}

.content-line .right-content .cypher-medium {
	    color: #fff;
    font-family: "ProximaNova-Black";
}
.right-side .hide {
	display: block;
}

#order .content-line .right-content .second .whiteline{
	display: block;
}

#order .content-line .right-content .second {
	margin-top: 50px;
}

#order .content-line .left-content .whiteline{
	display: block;
}

#order .content-line .right-content {
width: 750px;
}

#order .content-line .left-content {
margin-left: 0;
width: 750px;
}

#order .content-line .right-content .third {
	justify-content: unset;
}

#order .content-line .right-content .third .leftline {
	width: 210px;
}

#order .content-line .right-content .third .rightline {
	margin-left: 100px;
}

#order .content-line .left-content .plan {
	margin-top: 50px;
	justify-content: unset;
}

#order .content-line .left-content .plan .leftline {
	width: 210px;
} 

#order .content-line .left-content .plan .rightline {
	margin-left: 100px;
}

#order .content-line {
	margin-top: 70px;
}

#own .content-line {
	margin-top: 70px;
}


#order .content-line .right-content .third {
	margin-top: 40px;
}

#own .content-line .right-content .second {
	margin-top: 30px;
}

#own .content-line .right-content .second .whiteline {
	display: block;
}

#own .content-line .left-content .whiteline {
	display: block;
	margin-bottom: 10px;
}

#own .content-line .right-content {
	width: 750px;
}

#own .content-line .left-content {
	margin-left: 0;
	width: 750px;
}

#own .content-line .left-content .line-2 {
	justify-content: unset;
}

#own .content-line .left-content .line-2 .leftline, #own .content-line .left-content .line-3 .leftline {
width: 210px;
}

#own .content-line .left-content .line-2 .rightline {
margin-left: 100px;
}

#own .content-line .left-content .line-3 {
	justify-content: unset;
}

#own .content-line .left-content .line-3 .rightline {
	margin-left: 100px;
}

#service .content-line {
	margin-top: 50px;
}

#service .right-content .second .whiteline {
	display: block;
}

#service .right-content .second {
	margin-top: 40px;
}

#service .content-line .right-content {
	width: 750px;
}

#service .left-content .whiteline {
	display: block;
	min-height: 5px;
}

#service .right-content .second {
justify-content: unset;
}

#service .right-content .second .subright {
margin-left: 100px;
}

#service .right-content .second .subleft {
width: 195.66px;	
}

#service .left-content {
	margin-top: 50px;
}

#supply .content-line {
	margin-top: 50px;
}

#supply .content-line .right-content .second {
margin-top: 40px;
}

#supply .left-content .whiteline {
	display: block;
	min-height: 5px;
}

#supply .content-line .left-content .user {
	display: inline-block;
	margin-top: 30px;
}

#supply .content-line .left-content .regist {
	display: inline-block;
	margin-left: 100px;
    margin-top: 30px;
}

#supply .content-line .right-content {
	width: 750px;
}

#service .left-content .user {
	display: inline-block;
}

#service .left-content .regist {
display: inline-block;
margin-left: 100px;
}


#nichiporchuk, 
#novicov, 
#obyedkin,
#udin,
#mahmutov,
#kosarcov,
#pihtulov,
#linnik,
#tarasuk,
#chirkin,
#dennikov {
min-height: 1000px;
}

#fullstack {
min-height: 1000px;
}

#tech {
min-height: 1000px;
}

#supply,
#service,
#own,
#order {
min-height: 1000px;
}

.hide-site-off {
	display: none;
}

.hide-site-on {
	display: block;
	    margin-left: 61px;
}

.pdtop {
	margin-top: 10px;
}

.head, .pt {
	margin-left: 50px;
}

.pt .padd {
	margin-left: 65px;
}

.about .left-side, .about .right-side {
	margin-left: 0;
}

.about {
	margin-left: 113px;
}

.logo-novi-fix {
	    margin-top: -6px;
}


}





@media screen and (min-width: 1200px) and (min-height: 920px){ 

.section {
	height: 100vh!important;
}

.about {
	height: calc(100vh - 325px);
}

#mail {
	min-height: 100vh!important;
}

#mail .desc {
    bottom: 25vh;
}

#team .desc {
	margin-top: 666px;
}

}



@media screen and (max-width: 953px){ 

#team .title {
	margin-left: 40px;
}

#team .about-1 {
	left: 44px;
	top: 130px;
	font-family: "ProximaNova-Reg";
	font-size: 18px;
	width: unset;
}
#embodiment .our-name {
	font-size: 100px;
}

#fullstack .content {
	flex-direction: column;
}

#fullstack .desc {
	margin-top: 20px;
}

#tech .content {
	flex-direction: column;
}

#tech .left-side .tech-symph {
	padding-top: 0;
}

#tech .left-side .tech-laravel {
	margin-top: 30px;
}

#tech .left-side .tech-laravel .ldesc{
	margin-top: 50px;
}

#tech .right-side {
	padding-top: 0;
}

#tech .content .right-side {
	margin-top: 50px;
    padding-left: 150px;
}

.head, .pt {
	margin-left: 50px;
}

.pt .padd {
	margin-left: 65px;
}

.about .left-side, .about .right-side {
	margin-left: 0;
}


#public .header-line {
	flex-direction: column;
}

#public .link-line {
	margin-left: 0;
	margin-top: 50px;
}



#own .header-line, #supply .header-line, #service .header-line, #order .header-line {
    width: 80vw;
}

#own .content-line, #supply .content-line, #service .content-line, #order .content-line {
        width: 80vw

}

#own .content-line .right-content, #supply .content-line .right-content, #service .content-line .right-content, #order .content-line .right-content {
	width: 80vw;
}

#own .content-line .left-content, #supply .content-line .left-content, #service .content-line .left-content, #order .content-line .left-content {
	width: 80vw;
}

.header-line .right {
	width: 80vw;
}

#mail {
	padding-left: 40px;
}


html {
	font-size: 18px;
}



}


@media screen and (max-width: 933px){


#supply .content-line .right-content .first .ftitle

#service .header-line .right .summ .big-ruble {

	    height: 89px;
    margin-bottom: 20px;	
}

#stand-alone .content {
	margin-top: 50px;
}

#service .header-line .right .measure, #service .header-line .right .m-desc-title, #service .header-line .right .m-desc {
	margin-left: 165px;
}


.small .width-50 {
	width: 40%;
}

.small .width-40 {
	width:30%;
}
.about {
margin-left: 113px;
}

.about .right-side {
	width: 60vw;
}

.about .left-side {
	width: 60vw;
}

#embodiment .our-name, 
#team .title,
#fullstack .head-title,
#tech .title,
.header-line .left .project-name,
#secret .header-line .left .project-name,
#own .header-line .left .project-name
{
    font-size: 5.556rem;
}

#stand-alone .head-title {
	font-size: 4.4rem;
}

#team .about-1,
#team .principles .title,
#team .principles .list,
.about-2,
#fullstack .desc .title,
#fullstack .list-item,
#fullstack .desc .subtitle,
.subtitle-extra-text,
#tech .head-title,
#tech .left-side .tech-drupal .desc,
#tech .items,
.resume a,
.pt .position,
.pt .time,
.about .un-name,
.about .un-desc,
.about .title,
.about .item-list,
.about .subtitle,
.header-line .left .project-desc,
.header-line .right .m-desc-title,
.header-line .right .m-desc,
.content-line .subdesc,
.content-line .left-content .subtitle,
.content-line .subdesc,
.subdesc-p,
#tech .block .title,
#service .left-content .subdesc-p,
.ldesc
 {
	font-size: 1rem;
}


#tech .left-side .tech-drupal .title,
.header-line .right .measure,
.content-line .right-content .ftitle,

 {
	font-size: 2rem;
}

.content-line .right-content .stitle,
#service .right-content .first .ftitle,
#service .left-content .subsystem .subtitle,
#own .content-line .left-content .keep .subtitle,
#order .content-line .left-content .reg .subtitle,
.tm-name,
#own .content-line .left-content .keep .subtitle,
#service .right-content .first .ftitle,

 {
	font-size: 1.667rem;
}

.content-line .left-content .cypher-medium,
#service .right-content .third .stitle,
.content-line .right-content .cypher-medium

{
	font-size: 2.667rem;
}


.header-line .right .summ {
	font-size: 8.5rem;
}

#service .header-line .right .summ, #own .header-line .right .summ, .header-line .right .summ {
	font-size: 8.5rem;
}

.content-line .left-content .cypher-big {
	font-size: 8.333rem;
}

#service .right-content .stitle,
#service .left-content .cypher-medium,
#own .content-line .right-content .second .stitle,
#own .content-line .left-content .line-2 .subtitle,
#own .content-line .left-content .line-3 .subtitle,
#order .content-line .right-content .third .subtitle,
#order .content-line .left-content .plan .subtitle {
	font-size: 1.333rem;
}

#own .content-line .right-content .first .ftitle,
#order .content-line .right-content .first .ftitle {
	font-size: 3.333rem;
}

#public .link a {
	font-size: 3.333rem;
}

#mail .email a {
	font-size: 3.333rem;
}

#mail .desc .text {
	font-size: 1.333rem;
}



}

@media screen and (max-width: 822px){

html {
font-size: 16px;
}

#supply .content-line .left-content .user,#supply .content-line .left-content .regist {
	margin-top: 20px;
}

#order .header-line .right .summ .big-ruble {
height: 90px;
}
#supply .header-line .right .summ .big-ruble {
	height: 92px;
    margin-bottom: 24px;
}

.header-line .right .measure {
	font-size: 2rem;
}
.header-line .right .m-desc-title {
	margin-top: 0;
}
.header-line .right .measure, .header-line .right .m-desc-title, .header-line .right .m-desc {
margin-left: 220px;
}

#service .header-line .right .summ .big-ruble {
    height: 83px;
    margin-bottom: 20px;
}

#service .header-line .right .measure, #service .header-line .right .m-desc-title, #service .header-line .right .m-desc {
	margin-left: 148px;
}

#order .header-line .right .measure, #order .header-line .right .m-desc-title, #order .header-line .right .m-desc {
	margin-left: 142px;
}

.header-line .right {
	margin-top: 20px;
}


#supply .content-line .right-content .third, #supply .content-line .right-content .second {
	margin-top: 20px;
}

#service .content-line, #supply .content-line {
	margin-top: 10px;
}

#own .content-line, #order .content-line {
	margin-top: 30px;
}



}


@media screen and (max-width: 795px){

html {
font-size: 16px;
}

#stand-alone {
	background-position-x:-200px;
}

#tech .tech-laravel .ldesc .line-1 .bottom {
    margin-top: 27px;
}

#public .link-line .link-big {
    height: 21px;
    margin-bottom: 4px;
}

#own .content-line .left-content .line-2 .rightline, #own .content-line .left-content .line-3 .rightline {
margin-left: 50px;
}

#own .content-line .left-content .line-2 .leftline, #own .content-line .left-content .line-3 .leftline {
	width: 210px;
}
.content-line .left-content .cypher-medium {
	font-size: 2.666rem;
}

#supply .header-line .right .summ .big-ruble {
	    height: 63px;
    margin-bottom: 22px;
}

.header-line .right .measure, .header-line .right .m-desc-title, .header-line .right .m-desc {
margin-left: 155px;	
}

#service .header-line .right .summ .big-ruble {

	    height: 63px;
    margin-bottom: 23px;	
}

#service .header-line .right .measure, #service .header-line .right .m-desc-title, #service .header-line .right .m-desc {
	margin-left: 146px;
}

#order .header-line .right .summ .big-ruble {
	height: 89px;
}

#order .header-line .right .measure, #order .header-line .right .m-desc-title, #order .header-line .right .m-desc {
	margin-left: 139px;
}

#supply .content-line .right-content .first .subdesc,#own .content-line .right-content .first .subdesc {
	width: 58vw;
}

.header-line .right .measure {
	font-size: 2rem;
}

.header-line .right .m-desc-title {
	margin-top: 0;
}

#public a:hover .link-big {
    height: 20px;
    margin-bottom: 4px;
}

#public .link-line .line-1 {
	width: unset;
}


.resume .v-underline {
	width: 120px;
}

.tm-name {
	font-size: 4rem;
}


.header-line .right .summ .big-ruble {
	    margin-top: 7px;
    height: 63px;
}

.header-line .right .measure, .header-line .right .m-desc-title, .header-line .right .m-desc {
	margin-left: 190px;
}

#service .header-line .right .measure, #service .header-line .right .m-desc-title, #service .header-line .right .m-desc {
	margin-left: 203px;
}

#own .header-line .right .measure, #own .header-line .right .m-desc-title, #own .header-line .right .m-desc {
    margin-left: 146px;
}

#order .header-line .right .measure, #order .header-line .right .m-desc-title, #order .header-line .right .m-desc {
    margin-left: 131px;
}

#tarasuk .about {
	margin-top: -20px;
}

}


@media screen and (max-width: 795px){

#mail {
	min-height: 100vh;
}

.tilda {
	top:23px;
}

#supply .content-line .right-content .third, #supply .content-line .right-content .second,#service .right-content .second, #service .right-content .third,#own .content-line .right-content .second,#order .content-line .right-content .third,#order .content-line .left-content .plan,#own .content-line .left-content .line-2,#own .content-line .left-content .line-3,#service .left-content .user,#supply .content-line .left-content .user {
	margin-top: 30px!important
}

#own .content-line .left-content, #supply .content-line .left-content, #service .content-line .left-content, #order .content-line .left-content {
	padding: 0!important;
	margin-top: 50px!important;
}

#supply .content-line .right-content .first .ftitle,#service .content-line .right-content .first .ftitle,#serice .content-line .left-content .cypher-big,#own .content-line .right-content .first .ftitle,#order .content-line .right-content .first .ftitle, #order .content-line .right-content .stitle,#order .content-line .left-content .reg .subtitle,.content-line .left-content .keep .subtitle {
	margin-top: 10px!important;
	line-height: 0.85!important;
}

#order .content-line .left-content .reg .subdesc, #order .content-line .left-content .plan .subdesc{
	padding-bottom: 10px!important
}

#order .content-line .left-content .reg .subtitle,#order .content-line .left-content .plan .subtitle {
	padding-bottom: 0;
}

.content-line .subdesc{

}

#order .content-line .right-content .third .subtitle {
	padding-bottom: 0;
}

#service .left-content .regist,#supply .content-line .left-content .regist {
	margin-top: 0;
}
.header-line .right .measure, .header-line .right .m-desc-title, .header-line .right .m-desc {
margin-left: 155px;
}
#service .header-line .right .measure, #service .header-line .right .m-desc-title, #service .header-line .right .m-desc{
	margin-left: 112px;
}
#own .header-line .right .measure, #own .header-line .right .m-desc-title, #own .header-line .right .m-desc {
	margin-left: 113px;
}
#order .header-line .right .measure, #order .header-line .right .m-desc-title, #order .header-line .right .m-desc {
	margin-left: 99px;
}
#order .header-line .right .summ .big-ruble {
    height: 65px;
    margin-bottom: 25px;
}

#service .right-content .first .subdesc,#supply .content-line .right-content .first .subdesc,#own .content-line .right-content .first .subdesc,#order .content-line .right-content .second .subdesc {
	margin-top: 5px;
}

#service .right-content .second,#service .right-content .third {
	margin-top: 25px;
}

#team .about-1 {
	top: 100px;
}

#embodiment .our-name, #team .title, #fullstack .head-title, .header-line .left .project-name, #own .header-line .left .project-name {
	font-size: 5rem;
}

.header-line .right .summ,#own .header-line .right .summ {
	font-size: 6rem;
}

#service .header-line .right .summ {
	font-size: 6rem;
}

#supply .content-line .left-content .cypher-big {
	font-size: 6rem;
	margin-top: 10px!important;
}

.content-line .left-content .cypher-big {
	font-size: 6rem;
	margin-top: 10px;
}

#own .header-line .right .summ .big-ruble {
    margin-bottom: 27px;
    height: 65px;
}

#own .content-line .right-content .first .ftitle,
#order .content-line .right-content .first .ftitle,
#own .content-line .left-content .keep .subtitle,
#service .right-content .first .ftitle,
 {
	font-size: 2rem;
}

.content-line .right-content .ftitle,
.content-line .right-content .stitle,
#service .content-line .right-content .first .ftitle,
#service .left-content .subsystem .subtitle,
#order .content-line .left-content .reg .subtitle {
	font-size: 2.4rem;
}

#public .link a {
	font-size: 2rem;
}


.nichi-skills img,
.novikov-skills img,
.obyedkin-skills img,
.udin-skills img,
.mahmutov-skills img,
.kosarcov-skills img,
.pihtulov-skills img,
.linnik-skills img,
.tarasuk-skills img,
.chirkin-skills img,
.dennikov-skills img
 {
width: 80%;
height: 100%;
}
.line-skills .skill {
	padding-right: 5px;
}


.git-nichi {
    margin-bottom: -3px;
    margin-left: -30px;
}

.obyed-mysql {
	padding-bottom: 3px;
}

.c-udin {
	margin-bottom: 8px;
}

.silex-udin {
	margin-bottom: 6px;
}

.mysql-mahmutov {
	margin-bottom: 0;
}

.node {
	margin-bottom: 4px;
}

.apache {
	margin-bottom: -7px;
}

}


@media screen and (max-width: 795px){ 

	#tech .tech-laravel .ldesc {
		width: unset
	}

#secret {
	background-position-x: -153px;
}
.about .right-side {
	width: 60vw;
}

.about .left-side {
	width: 60vw;
}

#mail .desc {
	right: unset;
	width: 80vw;
}


#fullstack .desc, {
	width: 80vw;
}

.blackline {
	min-height: 6px;
}

.whiteline {
	min-height: 6px;
}

#service .left-content .whiteline,
#own .content-line .left-content .whiteline,
#order .content-line .right-content .second .whiteline,
#order .content-line .left-content .whiteline {
	min-height: 3px;
}

#public .udp {
	font-size: 4.5rem;
}

#public .header-line .link-underline {
    margin-left: 0;
    width: unset;
}

.jira-tarasuk {
	margin-left: -10px;
}

.elastic-linnik {
	margin-left: -10px;
}

.solr-pihtulov {
	margin-left: -10px;
	margin-bottom: 4px;
}

.mysql-mahmutov {
	margin-left: -10px;
}


}

@media screen and (max-width: 643px){
#embodiment .our-name, #team .title, #fullstack .head-title, .header-line .left .project-name, #own .header-line .left .project-name {
    font-size: 4rem;
}

#stand-alone .head-title {
	font-size: 3.5rem;
}

#stand-alone .content .opt-bottom {

	margin-top: 50px;
}

#stand-alone .content {
	width: 80vw;
	margin-top: 25px;
}

#stand-alone .content .opt:nth-child(2), #stand-alone .content .opt:nth-child(6) {
	margin-top: 20px;
}

#stand-alone .content .opt {
	margin-bottom: 25px;
}

#stand-alone .content .rightside {
	margin-top: 25px;
}


#stand-alone .content .opticon{
	width: 45px;
}

#stand-alone .content img{
	width: 70%;
}

#stand-alone .content .opt .opttext {
	margin-left: 0;
}

 }


@media screen and (max-width: 580px){ 
#supply .content-line .left-content .regist {
	display: block;
	margin-left: 0;
}
#service .left-content .regist {
	display: block;
	margin-left: 0;
}

#service .left-content .regist {
	margin-top: 30px!important;
}

#supply .content-line .left-content .regist {
	margin-top: 30px;
}

#embodiment .boss-mail {
    right: unset;
    width: 80vw;
}

.sticky-wrapper.is-sticky .sctop {
    right: 15px;
    width: unset!important;
}
.sticky-wrapper.is-sticky .sctop:hover {
    margin-right: 0;
}

}


@media screen and (max-width: 610px){  

#order .content-line .right-content .third .leftline, #order .content-line .left-content .plan .leftline {
width: 210px;
}

#order .content-line .right-content .third .rightline, #order .content-line .left-content .plan .rightline{
	margin-left: 50px;
}

}



@media screen and (max-width: 530px){ 

html {
	font-size: 12px;
}

#embodiment .boss-mail .boxmail {
    width: 50px;
}

#stand-alone {
	min-height: unset;
}

#tech .content .right-side {
    padding-left: 59px;
}

#tech .tech-laravel .ldesc .line-1 .bottom {
    margin-top: 20px;
}

#tech .left-side .tech-drupal img{
	width: 150px;
}

#tech .left-side .tech-symph {
	padding-left: 26px;
    margin-top: 14px;
}

#tech .left-side .tech-symph img {
	width: 115px;
}

#tech .left-side .tech-laravel {
	padding-left: 8px;
}

#tech .left-side .tech-laravel img {
	width: 115px;
}

#tech .left-side .tech-laravel .ldesc {
	margin-left: 49px;
}

#team .about-1,
#team .principles .title,
#team .principles .list,
.about-2,
#fullstack .desc .title,
#fullstack .list-item,
#fullstack .desc .subtitle,
.subtitle-extra-text,
#tech .head-title,
#tech .left-side .tech-drupal .desc,
#tech .items,
.resume a,
.pt .position,
.pt .time,
.about .un-name,
.about .un-desc,
.about .title,
.about .item-list,
.about .subtitle,
.header-line .left .project-desc,
.header-line .right .m-desc-title,
.header-line .right .m-desc,
.content-line .subdesc,
.content-line .subdesc,
.subdesc-p,
#tech .block .title,
#service .left-content .subdesc-p,
.ldesc
 {
	font-size: 1.2rem;
}

#service .right-content .second .subleft {
	width: 141px;
}
#service .right-content .second .subright {
	margin-left: 90px;
}

#public .link-line .link-big {
    height: 15px;
    margin-bottom: 5px;
}

#order .content-line .right-content .third .leftline, #order .content-line .left-content .plan .leftline {
min-width: 140px;
width: 140px;
}

#order .content-line .right-content .third .rightline, #order .content-line .left-content .plan .rightline{
	margin-left: 50px;
}


#service .left-content .user {
	margin-top: 35px;
}

#service .left-content .subsystem .subtitle {
	padding-top: 10px;
}

#service .right-content .stitle, #service .left-content .cypher-medium, #own .content-line .right-content .second .stitle, #own .content-line .left-content .line-2 .subtitle, #own .content-line .left-content .line-3 .subtitle, #order .content-line .right-content .third .subtitle, #order .content-line .left-content .plan .subtitle {
	font-size: 1.5rem;
}

.tilda {
	top:17px;
}

#supply .header-line .right .summ .big-ruble, #service .header-line .right .summ .big-ruble,#own .header-line .right .summ .big-ruble,#order .header-line .right .summ .big-ruble {
    height: 48px;
    margin-bottom: 24px;
}
.header-line .right .measure, .header-line .right .m-desc-title, .header-line .right .m-desc {
    margin-left: 116px;
}
#service .header-line .right .measure, #service .header-line .right .m-desc-title, #service .header-line .right .m-desc {
	margin-left: 83px;
}
#own .header-line .right .measure, #own .header-line .right .m-desc-title, #own .header-line .right .m-desc {
	margin-left: 85px;
}

#order .header-line .right .measure, #order .header-line .right .m-desc-title, #order .header-line .right .m-desc {
	margin-left: 73px;
}

#supply .content-line .left-content {
	padding-top: 30px;
}

#supply .content-line .left-content .subsystem .subtitle {
	margin-top: -5px;
}

#supply .content-line .right-content .first .ftitle {
	margin-top: 10px;
}



#public .udp {
    font-size: 6rem;
}

.photo-orel img, .photo-orel-2 img, .photo-orel-3 img {
width: 80%;
}

#team .about-1 {
	top: 65px;
}

#team {
	min-height: 600px;
}

#team .principles {
	right: unset;
	left: 42px;
	width: 70vw;
}
.hide-site-on {
	margin-left: 45px;
}
.git-nichi {

    margin-left: -10px;
}

#nichiporchuk, #novicov, #obyedkin, #udin, #mahmutov, #kosarcov, #pihtulov, #linnik, #tarasuk, #chirkin, #dennikov {
	min-height: unset;
}
.tm-logo-2 img {
    height: 27px;
    width: 29px;
}

.logo-novi-fix {
    margin-top: -2px;
}

.about .un-logo img {
	width: 60%
}

.about .un-name, .about .un-desc {
    margin-left: 45px;
}

.resume .v-underline {
	width: 90px;
}

.about .right-side, .about .left-side {
	width: 60vw;
}

.tm-logo img {
	height: 60px;
    margin-left: 40px;
}

.head .fix-logo-taras {
	padding-top: 0;
}

.head .fix-logo {
	padding-top: 0;
}


.header-line .right .summ .big-ruble {
	    margin-top: 10px;
    height: 49px;
}


#embodiment {
    height: 500px!important;
}

#fullstack {
    min-height: 600px;
}

#tech {
    min-height: unset;
}

.postgre-novikov {
	margin-bottom: -7px;
}

.postgre-udin {
	margin-bottom: -8px;
}

.postgre-mahmutov {
	margin-bottom: -8px;	
}

}


@media screen and (max-width: 455px){ 

html {
	font-size: 10px;
}

#tech .tech-laravel .ldesc .line-1 .bottom {
    margin-top: 16px;
}

#stand-alone .head-title .title {
	margin-top: unset;
}


#tech .left-side .tech-laravel .ldesc {
    margin-left: 53px;
}

.tilda {
    top: 16px;
}

#tech .content .right-side {
    padding-left: 61px;
}

#public .link-line .link-big {
    height: 11px;
    margin-bottom: 6px;
}

#public .right {
	margin-left: 0;
}
#supply, #service, #own, #order {
	min-height: unset;
}

#public a:hover .link-big {
    height: 13px;
}

.photo-orel img, .photo-orel-2 img, .photo-orel-3 img {
    width: 60%;
}


#supply .header-line .right .summ .big-ruble, #service .header-line .right .summ .big-ruble,#own .header-line .right .summ .big-ruble,#order .header-line .right .summ .big-ruble {
    height: 40px;
    margin-bottom: 24px;
}

.header-line .right .measure, .header-line .right .m-desc-title, .header-line .right .m-desc {
	margin-left: 97px;
}

#service .header-line .right .measure, #service .header-line .right .m-desc-title, #service .header-line .right .m-desc {
	margin-left: 70px;
}
#own .header-line .right .measure, #own .header-line .right .m-desc-title, #own .header-line .right .m-desc {
	margin-left: 70px;
}

#order .header-line .right .measure, #order .header-line .right .m-desc-title, #order .header-line .right .m-desc {
	margin-left: 62px;
}

#secret {
	background-position-x: -217px;
}

.apache {
    margin-bottom: -5px;
}

.postgre-udin {
	margin-bottom: -7px;
}

.postgre-mahmutov {
	margin-bottom: -6px;	
}


#team .about-1 {
	top: 60px;
	left: 42px;
}

.hide-site-on {
    margin-left: 44px;
}

.small {
	margin-left: -54px;
}

.about .un-name, .about .un-desc {
	margin-left: 43px;
}

.about .right-side .blackline {
	margin-left: -54px;
}

.about .right-side {
	margin-top: 0;
}

.tm-name {
	font-size: 4rem;
}

.resume .v-underline {
	width: 76px;
}

#fullstack .desc {
	width: 70vw;
}

.tm-logo img {
	height: 54px;
    margin-left: 0;
}

.tm-name {
	margin-left: 10px;
}

.tm-logo {
	width: unset;
}

.head, .pt {
	margin-left: 50px;
}

.pt .padd {
	margin-left: 0;
}

.about .left-side, .about .right-side {
	margin-left: 0;
}

.about {
	margin-left: 52px;
}

#public .udp {
	font-size: 6.5rem;
}

.putin img {
	width: 220px;
}




.header-line .right .summ .big-ruble {
	    margin-top: 14px;
    height: 39px;
}

.header-line .right {
	margin-top: 10px;
}

#service .content-line, #supply .content-line {
	margin-top: 0;
}

#own .content-line, #order .content-line {
	margin-top: 20px;
}
#public .right {
	width: 300px;
}

.tm-name {
	margin-left: -1px;
}


#order .content-line .right-content .third {
	margin-top: 15px;
}

#order .content-line .left-content .plan {
	margin-top: 20px;
}

#order .content-line .left-content .reg .subdesc, #order .content-line .left-content .plan .subdesc {
	padding-bottom: 10px;
}

#own .content-line .left-content .line-2,#own .content-line .left-content .line-3 {
	margin-top: 20px;
}

#own .content-line .right-content .second {
	margin-top: 10px;
}

#stand-alone .content .opt:nth-child(2), #stand-alone .content .opt:nth-child(6) {
	margin-top: 20px;
}

#stand-alone .content .opt {
	margin-bottom: 15px;
}

#stand-alone .content .rightside {
	margin-top: 20px;
}

}


@media screen and (max-width: 370px){ 
	html {
		font-size: 8px;
		overflow-x: hidden;
	}

	#team .about-1 {
		top: 45px;
	}

	.resume .v-underline {
	width: 61px;
}

#service .right-content .second .subleft {
	width: 141px;
}
#service .right-content .second .subright {
	margin-left: 0;
}
.tilda {
    top: 11px;
}

.header-line .right .measure {
	padding-top: 5px;
}
#order .content-line .right-content .third .rightline, #order .content-line .left-content .plan .rightline {
	margin-left: 0;
}

#supply .header-line .right .summ .big-ruble, #service .header-line .right .summ .big-ruble,#own .header-line .right .summ .big-ruble,#order .header-line .right .summ .big-ruble {
    height: 30px;
    margin-bottom: 23px;
}

.header-line .right .measure, .header-line .right .m-desc-title, .header-line .right .m-desc {
	margin-left: 77px;
}

#service .header-line .right .measure, #service .header-line .right .m-desc-title, #service .header-line .right .m-desc {
	margin-left: 55px;
}
#own .header-line .right .measure, #own .header-line .right .m-desc-title, #own .header-line .right .m-desc {
	margin-left: 55px;
}

#order .header-line .right .measure, #order .header-line .right .m-desc-title, #order .header-line .right .m-desc {
	margin-left: 48px;
}

#public .udp {
	font-size: 8rem;
}

#own .content-line .left-content .line-2 .rightline, #own .content-line .left-content .line-3 .rightline {
margin-left: 50px;
}

#own .content-line .left-content .line-2 .leftline, #own .content-line .left-content .line-3 .leftline {
	width: 150px;
}

#embodiment .boss-mail .boxmail {
    width: 30px;
}
.sticky-wrapper.is-sticky .sctop .arrow-to-top {
    width: 35px;
}

.sticky-wrapper.is-sticky .sctop:hover {
    margin-right: -11px;
}

.sticky-wrapper.is-sticky .sctop {

    margin-right: -11px!important;
}

}


@media screen and (max-width: 359px){ 
	html {
		min-width: 365px;
		overflow-x: visible;
	}



}

@media screen and (max-width: 320px){ 
#own .content-line .left-content .line-2 .rightline, #own .content-line .left-content .line-3 .rightline {
margin-left: 25px;
}

#own .content-line .left-content .line-2 .leftline, #own .content-line .left-content .line-3 .leftline {
	width: 140px;
	min-width: 140px;
}

}