:root {
    --color-active: #FC0E39;
    --color-active2: #f1002e;
    --color-stand: #333;
    --color-black: #1D1D1F;
    --color-grey: #828282;
}

@font-face {
    font-family: Shapiro; 
    src: url(../fonts/Shapiro-55-cyr-Mac.ttf); 
}

/****    TAGS    ****/

body {
    font-family: Open Sans;
    font-family: Shapiro;
    margin: 0;
    padding: 0;
    font-size: 23px;
    letter-spacing: .17ch;
    line-height: .8em;
    color: #000;
}

body::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background-color: var(--color-active);
  border-radius: 5px;
}

body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

input {
    font: inherit;
    border: 1px solid #ddd;
    padding: .4em .6em;
    width: 100%;
}

input:focus {
    outline: none;
}

table { font: inherit; color: inherit; }

table tr { border-top: 2px solid #ddd; }

table tr:nth-child(odd) { background-color: rgba(195,195,195,.2); }

table td, table th { padding: 1.2em; }

a, a:visited { color: var(--color-stand); }

h1 {
    font-size: 2.4em;
}

h2 {
    font-size: 3.6em;
    margin: .4em 0 .2em;
}

h2.marginFull {
    margin-bottom: 50px !important;
    margin-top: 50px !important;
}

h3 small { color: inherit; }

h4 {
    font-size: 1.2em;
    opacity: .8;
    text-align: center;
    margin: 0 0 .8em;
}

b, .bold { font-weight: 400; }

/******************/
/****  COMMON *****/

.topLeft { top: 0; left: 0; right: auto; }
.topRight { top: 0; right: 0; left: auto; }
.bottomLeft { bottom: 0; left: 0; right: 0; }
.bottomRight { bottom: 0; right: 0; left: 0; }

.headerFont, h1, h2, h3, h4, .h1, .h2, .h3, .h4 { text-align: left; line-height: .8em;/*font-family: 'Montserrat', sans-serif;*/ }

.rareLines {
	line-height: 1.2em;
}

.incluse30 { margin-left: -30px; margin-right: -30px; }

.marginBottom15 { margin-bottom: 15px; }

.noMarginTop { margin-top: 0 !important; }

.nomarginBottom { margin-bottom: 0 !important; }

.noMarginRight { margin-right: 0 !important; }

.nopaddingLeft { padding-left: 0 !important; }

.paddingleft30 { padding-left: 30px; }

.nopaddingRight { padding-right: 0 !important; }

.nopaddingBottom { padding-bottom: 0 !important; }

.autoWidth { width: auto !important; }

.noborder { border: none !important; }

.hPadding10 { padding-left: 10px; padding-right: 10px; }

.index10 { z-index: 10; }

.container { max-width: 100%; }

.normalWrap {
    white-space: normal !important;
}

.goldBack {
    background-color: gold;
    padding: 0px 3px;
    display: inline-block;
    border-radius: 2px;
    font-size: .92em;
    color: #333;
}

.shadow { background-color: #000; opacity: .6; }

.shadow.strict { opacity: .9; }

.flatBtn {
    padding: .2em 1.2em;
    font-size: 1.1em;
    line-height: 1.4em;
    display: inline-block;
    background-color: var(--color-active);
    color: #fff;
    border-radius: 2.5px;
    cursor: pointer;
    border: 1px solid var(--color-active);
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,.3);
}

.flatBtn a:hover, a.flatBtn:hover, a.flatBtn:visited { color: #fff !important; text-decoration: none !important; }

.transparentBack {
    background-color: transparent !important;
}

.black { color: var(--color-black); }

.blackBack { background-color: var(--color-black) !important; color: #fff; }

.blue { color: #17326f; }

.blueBack { background-color: #17326f !important; }

.white, .white a { color: #fff; }

.whiteBack { background-color: #fff; }

.backFixed { background-attachment: fixed; }

.backTop { background-position: top center; }

.lightBorder { border: 1px solid #ddd; }

.twoLines {
    line-height: 1em;
    height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 3ch);
}

.threeLines {
    line-height: .8em;
    height: 2.4em;
}

.lgreyBack {
    background-color: #f8f8f8 !important;
}

.grey { color: var(--color-grey); }

.greyBack {
    background-color: #eee !important;
}

.whiteBack {
    background-color: #fff !important;
}

.redBack {
    background-color: var(--color-active) !important;
}

.redBack2 {
    background-color: var(--color-active2) !important;
}

.red { color: var(--color-active); }
.red2 { color: var(--color-active2); }

.block {
    padding: 50px;
    background-color: #fff;
}

.active-color, .activeColor {
    color: var(--color-active) !important;
}

.cornersWrap {
    padding: 4vw 0;
    overflow: hidden;
    z-index: 7;
    position: relative;
    margin-bottom: -200px;
    top: -200px;
}

.cornersWrap.absolute {
    position: absolute;
}

.cornersWrap + .block {
    padding-top: calc(4vw + 50px);
}

.block.preCorner {
    padding-bottom: calc(4vw + 50px);
}

.corners {
    position: relative;
    padding: 200px 0 100px;
    border: 1px solid var(--color-black);
}

.corners:before {
    content: "";
    position: absolute;
    top: -3.95vw;
    left: 0;
    width: 100%;
    border-bottom: none;
    border-left: 100vw solid var(--color-active);
    border-top: 4vw solid transparent;
    border-right: none;
    z-index: 2;
}

.corners:after {
    content: "";
    position: absolute;
    bottom: -3.95vw;
    left: 0;
    width: 100%;
    border-top: none;
    border-left: 100vw solid var(--color-active);
    border-bottom: 4vw solid transparent;
    border-right: none;
    z-index: 2;
}

.corners.reverse:before {
    border-right: 100vw solid var(--color-black);
    border-left: none;
}

.corners.reverse:after {
    border-right: 100vw solid var(--color-black);
    border-left: none;
}

.overflowAuto { overflow: auto; }

/******************/
/**** MODALWIN ****/

.fog {
    z-index: 1000;
    background-color: rgba(255,255,255,.7);
}

.modal-open {
    padding-right: 17px;
    overflow-y: hidden;
}

.modal-open.modal-ios {
    padding-right: 0px;
}

.modalWin {
    padding: 30px 50px;
    background-color: #fff;
    width: 500px;
    margin: 0px auto;
    margin-top: 0;
    opacity: 1;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    transition: margin, opacity .4s ease-out;
    max-width: 100%;
}

.modalWin.fade {
    opacity: .3;
    margin-top: -15px;
    transition: .4s ease-out;
}

.modalWin.contentModal {
    height: 70vh;
    width: 1200px;
    padding: 30px;
    overflow: hidden;
}

.modalWin.contentModal .inner {
    height: 100%;
    overflow: auto;
}

.modalWin .contentOutput {
    height: calc(100% - 7.8em);
}

.modalTitle {
    font-size: 1.8em;
}

.closeModal .fa {
    -webkit-text-stroke: .1em #fff;
    padding: 5px 10px;
}

.inputContainer {
    padding-top: 10px;
}

.inputLabel {
    top: 15px;
    left: 15px;
    transition: .3s ease-out;
    font-weight: 600;
    opacity: .9;
}

.contactInput.error {
    border: 2px solid var( --color-active );
    background-color: #ccc;
}

.contactInput.animated {
    transition: .3s ease-out;
}

.contactInput.animated:focus + .inputLabel, .contactInput.animated:hover + .inputLabel {
    left: 15px;
    opacity: 1;
}

.contactInput.animated:focus, .contactInput.animated:hover, .contactInput.animated.filled {
    width: calc(100% - 19ch);
    margin-left: 19ch;
}

.modalWin .flatBtn {
    min-width: 13ch;
}

/******************/
/****  HEADER  ****/

#languageToggleRow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    z-index: 100;
}

.languageLink {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    margin-left: 10px;
}

a.languageLink.active, .white a.languageLink.active {
    color: #c91133;
}

#headerRow {
    padding: 15px;
    height: 90px;
  	width: 100%;
  	position: fixed;
    z-index: 100;
  	top: 20;
  	left: 0;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,.2);
}

#headerRow a, a:visited { color: #fff; }

#headerRow .flatBtn { padding: .2em .6em; }

.headerPhone {
    letter-spacing: .3ch;
    font-size: 1.1em;
    margin-right: 1.5em;
}

.headerPhone .fa {
    text-shadow: 0px 0px 1em var(--color-active);
    font-size: .8em;
    margin-right: .5em;
  	width: 1.1em;
}

.logoTop {
    height: 26px;
    margin: 17px 0;
}

.swiper-pagination-bullet-active { background: var(--color-active) !important; }

/******************/
/**** MAIN SCR ****/

#vakancyFirst {
	background-image: url('../images/vak_back.jpg');
	padding: 50px;
	color: #fff;
}

#firstScreen {
	margin-top: 110px;
    height: 600px;
}

#fullScreenVideo {
    overflow: hidden;
    width: 100%;
    height: 100%;
    filter: /*grayscale(1)*/ brightness(.4);
}

#fullScreenVideo video {
    min-width: 100%;
    min-height: 100%;
}

#lastBlock .back {
    filter: grayscale();
    background-image: url('../images/train_back.jpg');
}

#vakancyFirst .shadow {
	background-image: linear-gradient(to right, rgba(0,0,0,.8) 50%, rgba(0,0,0,.2));
    background-color: transparent;
    opacity: 1;
}

.firstScreenPadding { margin-top: 110px; }

.mainScreenHeader {
    font-size: 2.5em;
    text-transform: uppercase;
    letter-spacing: .2ch;
    max-width: 42ch;
    line-height: .8em;
}

.mainScreenSlogan {
    text-transform: uppercase;
    font-size: 1.3em;
}

.competItem {
    padding: 15px;
    margin: 15px;
    /*width: 240px;*/
    border: 1px solid var(--color-active);
    border-radius: 2.5px;
    transition: .3s ease-out;
}

.competImg {
    height: 100px;
    margin: auto;
}

.competImg * {
    fill: var(--color-active);
}

.competItem:hover .competImg * {
    fill: #fff;
    transition: .3s ease-out;
}

.competItem:hover {
    color: #fff;
    background-color: var(--color-active2);
}

.competImgHolder {
    height: 165px;
}

.competItemInner2 {
    padding: 15px;
    border: 5px solid rgba(255,255,255,.8);
    margin: 15px auto;
    width: 24vh;
    height: 14vh;
    font-size: 2vh;
    display: flex;
    align-items: center;
}

.competItemInner { padding: 15px; }

.competImgWrap {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 5px solid rgba(255,255,255,.2);
    margin: 0 auto 15px;
}

.competItems .icon {
    width: 150px;
    height: 150px;
    display: inline-block;
    border-radius: 50%;
    /*background-color: #eee;*/
    margin-bottom: 30px;
}

img.rocket {
    position: absolute;
    bottom: -30px;
    width: 220px;
    z-index: 1;
    left: 50%;
    margin-left: -110px;
}

/******************/
/*** RESPNSBLTS ***/

#middleTopBtnContainer {
    left: 0;
    top: -1.1em;
    z-index: 5;
}

#razorImage {
    position: absolute;
    width: 434px;
    left: 50%;
    margin-left: -217px;
    top: 220px;
    z-index: 5;
}

#techImage1 {
    position: absolute;
    top: 260px;
    left: 50%;
    z-index: 6;
    height: 180px;
    width: 190px;
    margin-left: -210px;
}

#techImage2 {
    position: absolute;
    top: 135px;
    left: 50%;
    z-index: 6;
    height: 130px;
    width: 150px;
    margin-left: -75px;
}

#techImage3 {
    position: absolute;
    top: 300px;
    left: 50%;
    z-index: 6;
    height: 180px;
    width: 180px;
    margin-left: 20;
}

#techCompt1:after {
    position: absolute;
    content: "";
    bottom: 5px;
    border-bottom: 3px solid var(--color-active);
    width: 40%;
    left: -50%;
}

#techCompt2:after {
    position: absolute;
    content: "";
    bottom: 5px;
    border-bottom: 3px solid var(--color-active);
    width: 20%;
    right: -10%;
}

#techCompt3:after {
    position: absolute;
    content: "";
    bottom: 5px;
    border-bottom: 3px solid var(--color-active);
    width: 10%;
    left: -12%;
}

#responsabilities {
    padding-top: 100px;
    padding-bottom: 100px;
    height: 680px;
}

#responsabilities + .block { height: 150px; }

.techCompetWrap .h4 {
    font-size: 1.3em;
    width: 55%;
}

.techCompetWrap .toRight .h4 {
    margin-left: 45%;
}

/******************/
/**** P_SLIDER ****/

#partnerSlider {
    height: 200px;
}

.partnerIconItem {
    padding: 0 30px;
    width: auto !important;
}

.partnerIconItem img {
    min-height: 40px;
    max-width: 200px;
}


/******************/
/**** P_SLIDER ****/

#certsSlider, #expoSlider {
    height: 590px;
}

.certIconItem {
    padding: 0 30px;
    width: auto !important;
}

.certIconItem img {
    height: 500px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1);
    margin-bottom: 60px;
    transition: .2s ease-out;
}

.certIconItem img:hover {
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,.2);
    transform: translateY(-10px);
}


/* edit 01.12.2021 beg*/
/**** GALLERY ****/
#gallerySlider {
    height: 590px;
}

.gallerySlider {
    height: 530px;
}

.galIconItem, .galPhotoItem {
    padding: 0 30px;
    width: auto;
}

.galIconItem {
	cursor: pointer;
}

.galPhotoItem img {
	cursor: grab; /*all-scroll*/
}

.galIconItem img, .galPhotoItem img {
    height: 500px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1);
    margin-bottom: 10px;
    transition: .2s ease-out;
}

.galIconItem img:hover{
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,.2);
    transform: translateY(-10px);
}

#fullSizePhoto {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(120, 120, 120, .6);
    position: fixed;
	z-index: 110;
	/*cursor: zoom-out;*/
}

#fullSizePhoto img{
	position: absolute;
    border: 5px solid rgba(255, 0, 0, .5);
    border-radius: 7px;
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,.3);
}

div.navFullSize {
	top: 10%;
	background: none;
	position: fixed;
	z-index: 120;
	height: 80%;
	width: 150px;
	cursor: pointer;
	padding: 0;
}

div.navFullSize.hover:hover {
	background: linear-gradient(to top, rgba(0, 0, 0, .0), rgba(255, 0, 0, 0.3), rgba(0, 0, 0, .0));
}

#fullSizePhoto span.closeFullSize {
	top: 0;
	margin: 0 10px;
}

#fullSizePhoto span.closeFullSize i.fa-close {
	color: #FBB;
	display: inline-block;
	/*font-size: 1.5em;*/
	font: normal normal lighter 2.3em FontAwesome;
	-webkit-text-stroke: .1em rgba(100,100,100,0.7);
}

#fullSizePhoto span.closeFullSize:hover i.fa-close {
	color: #FFF;
}

div.navFullSize span.nav {
	/*margin: auto;*/
	position: relative;
	display: block;
	background: url('../images/icons/nextImg_red.svg') center no-repeat;
	background-size: cover;

    width: 40px;
    height: 46px;
    left: 95px;
    top: 50%;
    text-align: center;
}

div.navFullSize:hover span.nav {
	background-image: url('../images/icons/nextImg_wht.svg');
}

div.navFullSize.next span.nav {
	transform: scale(-1, 1);
	left: 15px;
}


.youtube-video-wrapper {

}

.youtube-video-wrapper iframe {
    width: 100%;
    height: 312px;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .youtube-video-wrapper iframe {
        height: 254px;
    }
}

@media (max-width: 768px) and (min-width: 720px) {
    .youtube-video-wrapper iframe {
        height: 384px;
        margin-bottom: 30px;
    }
}

@media (max-width: 719px) {
    .youtube-video-wrapper iframe {
        height: 193px;
        margin-bottom: 30px;
    }
}

/*
@media (min-width: 1200px) {
.container {
    width: 1170px;
}
}
@media (min-width: 992px) {
.container {
    width: 970px;
}
}
@media (min-width: 768px) {
.container {
    width: 750px;
}
}*/

/* edit 01.12.2021 beg*/


/******************/
/**** NAVIGATE ****/

#mainNav .logo {
    height: 40px;
    margin: 15px 0;
}

#mainNav {
    z-index: 50;
    padding: 0px 15px;
    background-color: #fff;
    height: 70px;
    box-shadow: 2px 0px 5px 0px rgba(0,0,0,.1);
}

.navItem {
    height: 70px;
    display: inline-block;
    color: var(--color-stand);
    cursor: pointer;
    min-width: 8ch;
    text-align: center;
    transition: .2s ease-out;
    font-size: .9em;
}

.navItem:hover {
    background-color: var(--color-active);
    color: #fff;
}

.navItemInner {
    line-height: 70px;
    padding: 0 15px;
    font-weight: 600;
}

.bigItem {
    height: 400px;
}

/******************/
/**** PRODUCT ****/

#newsSlider {
  	height: 485px;
}

.newsItem {
    height: 16vw;
    width: 100%;
    border: 3px solid rgba(255,255,255,.2);
    padding: 20px;
    border: 1px solid #ddd;
    transition: .2s ease-out;
}

.newsItem.fourthToHalf {
    height: 14vw;
    height: 10vw;
}

.newsItem:not(.infoGraphs):hover, .topProductItem:hover {
    position: relative;
    box-shadow: 0 0 15px 0px rgba(0,0,0,.2) ;
    z-index: 2;
}

.newsItem.bgContain {
    background-size: 70%;
    background-position: 50% 25%;
}

.newsItem.infoGraphs { border: none; }

.newsItem.flex { display: flex !important; }

.newsItem.row-12 { height: 100%; }

.newsItem h4 { margin-bottom: 1em; }

.newsItem h4.twoLines {
    line-height: 1.2em;
    height: 2.4em;
    white-space: normal;
    width: auto;
    margin: 0 0 10px;
}

.infoGraphs h3 { font-size: 4em; margin: .2em 0;}

.infoMove {
    letter-spacing: .25ch;
}

.topProductThumb {
    height: 14vw;
}

.topProductThumb img {
    height: 14vw;
    width: 14vw;
    bottom: -.7vw;
    left: 50%;
    margin-left: -7vw;
}

.topProductItem {
    height: 17.6vw;
    transition: .2s ease-out;
}

.topProductItem h3 {
    height: 2.7em;
    padding: .5em;
    font-size: 1.1em;
}

.productImage {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

.productItemRow {
    min-height: 90vh;
    padding: 50px 0;
}

#vakancies .galleryBigImg {
    height: 350px;
    width: 100%;
    background-size: 22vw;
}

#vakancies .productItemRow {
    min-height: auto;
}

#vakancies .galleryContainer, #vakancies .productItemText {
	min-height: 500px;
}

.summaryItem a.brick {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4em;
}

.productItemRow h3 {     
    font-size: 2.3em;
    margin: 0 0 .3em;
    color: var(--color-active); 
}

.productItemRow .smautoHeight {
	height: auto;
}

/*#vakancies .productItemRow .smautoHeight.row-8 { height: 66.667%; }*/

.row-12.productItemText {
	min-height: 100%;
  	height: auto;
}

#newsBlock .back {
    top: 0;
    left: 0;
    background-image: url('../images/logoRock_r.png');
    background-repeat: no-repeat;
    background-size: 49%;
    background-position: 148% 4vw;
    opacity: 1;
    z-index: 0;
}

#newsBlock h2 {
    line-height: .4em;
    margin-bottom: .4em;
}

#bottomLineImg {
    display: none;
    position: relative;
    width: 40%;
    margin-left: 30%;
    margin-top: -25px;
    margin-bottom: -25px;
}

/*****************/
/**** GALLERY ****/

.galleryThumbsContainer {
    overflow: hidden;
}

.galleryThumb {
    width: 200px;
    opacity: 1;
    transition: .2s ease-out;
}

.galleryThumb.active {
    opacity: .8;
}

.galleryPrevBtn:hover .fa, .galleryNextBtn:hover .fa { color: var(--color-active); }

/*****************/
/*****  MAPS *****/
.mapWrapper {
	height: 400px;
	border: 3px solid #fff;
}

.mapLegend {
	opacity: .9;
}

/*****************/
/** EXPO BANNER **/
.kind-a-button {
    padding: 15px 35px;
    border: 1px solid var(--color-active);
    border-radius: 5px;
    background-color: var(--color-active);
}

#temporaryExhibition .kind-a-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .1s ease-out;
}

#temporaryExhibition .kind-a-button:hover {
    top: calc(50% - 2px);
    border-bottom: 4px solid rgba(0,0,0,.6);
}

.modalWin .gallerySlider .swiper-slide { text-align: center; }

/*****************/

/*****************/
/****  FORM   ****/ 

.standAloneForm {
    width: 380px;
    margin: auto;
}

/*****************/
/*** ANIMATION ***/ 

.blink {
  	animation: blink 1.5s ease-in-out alternate infinite;
}

@keyframes blink {
	from {opacity: .5}
	50% {opacity: 1}
	to {opacity: .5}
}

/*****************/
/****  MEDIA  ****/ 

@media (min-width: 1200px) {
	#panorama.block iframe{
		height: 600;
		width: 1140;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {

    .logoTop { height: 20px; margin: 20px 0; }
    
    .techCompetWrap .h4 {
        font-size: 1.15em;
        width: 52%;
    }
    .techCompetWrap .toRight .h4 { margin-left: 48%; }
    
    #techCompt3:after {
        bottom: auto;
        top: 7px;
        width: 20%;
        left: -24%;
    }
    
    #techCompt2:after {
        top: 7px;
        bottom: auto;
    }
    
    .cornersWrap {
        padding: 8vw 0;
        top: -130px;
    }
    
    .corners { padding: 130px 0 60px; }
    
    .corners:before {
        top: -7.95vw;
        border-top: 8vw solid transparent;
    }
    
    .corners:after {
        bottom: -7.95vw;
        border-bottom: 8vw solid transparent;
    }
    
    .topProductThumb { height: 19vw; }
    
    .topProductItem { height: 25.6vw; }
    
    .topProductThumb img {
        height: 19vw;
        width: 17vw;
        bottom: -1vw;
        margin-left: -8.5vw;
    }
    
  #newsSlider {
    height: 525px;
}
  
    #newsBlock { padding: 30px 30px 90px; }
    
    #newsBlock h2 { margin-bottom: .2em; }
    
    #bottomLineImg {
        
        width: 70%;
        margin-left: 15%;
        margin-top: -30px;
        margin-bottom: -60px;
    }
    
    .productItemRow .row { margin: 0; }
    
    .newsItem { height: 25vw; }

    #newsBlock .back { background-position: 149% 117%; }
    
    #newsBlock a { color: #fff !important; }
    
    .newsItem.fourthToHalf { height: 20vw; }
    
    .block { padding: 30px; }
    
    .infoGraphs h3 { font-size: 3em; }
    
    h4 { font-size: 1.3em; }
    
    #panorama.block iframe{
		height: 550;
		width: 1060;
	}
	
	#temporaryExhibition h2 {
        font-size: 2.5em;
    }
    
    #temporaryExhibition h3 {
        font-size: 1.6em;
    }
    
    #temporaryExhibition .kind-a-button {
        padding: 10px 20px;
    }
}


@media (min-width: 700px) and (max-width: 991px) {

    #temporaryExhibition h2 {
        font-size: 2.5em;
    }
    
    #temporaryExhibition h3 {
        font-size: 1.6em;
    }
    
    #temporaryExhibition .kind-a-button {
        padding: 10px 20px;
        margin-top: 15px;
    }

    .newsImage {
        height: 40%;
    }
    
    .newsImage + .col-sm-12 {
        height: 60% /*calc(70% - 60px);*/
    }
    
    .modalWin.contentModal { height: 100vh; }

    body { overflow-x: hidden; }
    
    .smnopadding { padding: 0; }
    
    .smautoHeight { height: auto !important; }
    
    #responsabilities {
        padding-top: 30px;
        padding-bottom: 100px;
        height: 600px;
    }
    
    #techComptsSlider { height: 225px; z-index: 12; }
    
    #techComptsSlider .h4 {
        font-size: 1.4em;
        width: 80%;
    }
    
    #techComptsSlider .h4 br { display: none; }
    
    .techCompetWrap { height: auto; }
    
    #razorImage {
        width: 360px;
        margin-left: -180px;
        top: 240px;
    }
    
    .techImage {
        position: absolute;
        left: 50%;
        z-index: 5;
        top: 60;
        height: 150px;
        width: 155px;
        margin-left: -77px;
    }
    
    #tImage3 {
        top: 75px;
        margin-left: -57px;
    }
    
    .topProductThumb img {
        height: 16vh;
        width: 16vh;
        bottom: -1vh;
        left: 50%;
        margin-left: -8vh;
    }
    
    .topProductItem { height: 24vh; margin: 0 -8px; }
    
    .topProductItem h3 {
        height: 8vh;
        font-size: 2.4vh;
    }
    
    .topProductThumb { height: 16vh; }
    
    .competItemImage img.fullWidth {
        width: 40%;
        margin: 0 0 10px;
    }
    
    .certIconItem img { height: 300px; }
    
    #certsSlider { height: 390px; }
    
    #newsBlock h2 { font-size: 2.2em; }

    .newsItem { height: 25vw; }
    
    #firstScreen, #fullScreenVideo {
        height: 800px;
    }
    
    #firstScreen .container { overflow: hidden; }
    
    #fullScreenVideo video {
        height: 100%;
        width: 140vh;
        margin-left: -15vh;
    }
    
    .logoTop { height: 20px; margin: 20px 0; }
    
    .competItemInner {
        padding: 15px 75px;
    }
    
    #newsBlock .back { background-position: 132% 117%; }
    
    #newsBlock a { color: #fff !important; }
    
    .newsItem.fourthToHalf { height: 33vw; }
    
    .bigItem { height: 330px; }
    
    .block { padding: 30px; }
    
    .infoGraphs h3 { font-size: 3.6em; }
    
    .smHideOverflow { overflow: hidden; } 
    
    h4 { font-size: 1.3em; }
    
    .productItemRow { min-height: auto; padding: 30px 0; }
    .productItemRow .container.row-12 { height: auto; }
    
    .productImageWrapper, .galleryContainer { height: 40vh; }
    
    .galleryThumb { width: 100px; }

    .competItems .h4 { font-size: 16px; }
    
    .competItems .threeLines { height: 5.6em; }
    
    #panorama.block iframe{
		height: 400;
		width: 780;
	}
}

@media (max-width: 699px) {

    .modalWin.contentModal { height: 100vh; }
    
    .modalWin .contentOutput { height: calc(100% - 3em); }

    .newsText {
        height: auto;
    }

    .newsImage {
        height: 40%;
    }
    
    .newsImage + .col-xs-12 {
        height: 60%; /*calc(70% - 60px);*/
        padding-left: 0px;
    }

    body { overflow-x: hidden; }
    
    .modalWin {
        height: 100%;
        width: 100%;
        padding: 50px 15px;
    }
    
    .nopaddingxs/*, .container */{ padding: 0 !important; }
    
    .block:not(.nopadding) .container { padding: 0; }
    
    #headerRow { height: 70px; }

    #headerRow .flatBtn.marginTop15 { margin-top: 0; font-size: 1em; }
    
    #firstScreen, #fullScreenVideo { height: calc(80vh - 70px); }
    
    #vakancyFirst { padding: 15px; }

    .mainScreenHeader, h2 { font-size: 2em; }
    
    .xsnopadding { padding: 0; }
    
    .xsautoHeight { height: auto !important; }
    
    .xspadding15 { padding-left: 15px !important; padding-right: 15px !important; }
    
    #responsabilities {
        padding-top: 30px;
        padding-bottom: 100px;
        height: 630px;
    }
    
    #responsabilities + .block { height: 50px; }
    
    #responsabilities .row { margin: 0; }
    
    #techComptsSlider { height: 315px; z-index: 12; }
    
    #techComptsSlider .h4 {
        font-size: 1.4em;
        width: 80%;
    }
    
    #techComptsSlider .h4 br { display: none; }
    
    .techCompetWrap { height: auto; }
    
    #razorImage {
        width: 310px;
        margin-left: -150px;
        top: 275px;
    }
    
    .techImage {
        position: absolute;
        left: 50%;
        z-index: 5;
        top: 115;
        height: 150px;
        width: 155px;
        margin-left: -77px;
    }
    
    #tImage3 {
        top: 130px;
        margin-left: -57px;
    }
    
    #firstScreen .fullHeightXs.row-4 { height: 70%; }

    #fullScreenVideo video {
        height: 100%;
        width: 125vh;
        margin-left: -35vh;
    }
    
    .logoTop {
        width: 80%;
        margin: auto;
        height: auto;
    }
    
    .headerPhone {
        font-size:1.1em;
        letter-spacing: inherit;
        margin: .2em 0;
    }

    .block { padding: 15px; }
    
    .newsItem.fourthToHalf { height: 40vw; padding: 0 15px; }

    .bigItem { height: 380px; }
  
    #newsSlider {
        height: 840px;
    }

    .infoGraphs h3 { font-size: 3.6em; }
    
    .smHideOverflow { overflow: hidden; } 
    
    h4 { font-size: 1.3em; }
    
    .productItemRow { min-height: auto; padding: 30px 0; }
    
    .productItemRow .container.row-12 { height: auto; }
    
    .productImageWrapper, .galleryContainer { height: 70vh; }
    
    .galleryThumb { width: 100px; }
    
    .xsMarginTop { margin-top: 15px !important; }
    
    .productImage { margin: auto; }
    
    .topProductItem {
        height: 42vh;
        margin: 15px auto;
        width: 34vh;
    }
    
    .topProductThumb img {
        height: 32vh;
        width: 32vh;
        bottom: -2vh;
        left: 50%;
        margin-left: -16vh;
    }
    
    .topProductItem h3 {
        height: 10vh;
        font-size: 4vh;
    }
    
    .topProductThumb {
        height: 32vh;
    }
    
    .competItemImage img.fullWidth {
        width: 40%;
        margin: 20px auto 10px;
        display: block;
    }
    
    .certIconItem img { width: 80vw; height: auto; }
    
    #newsBlock h2.noMarginTop {
        margin-top: .5em !important;
    }
    
    #newsBlock .back { background-position: 148% 102%; }
    
    #bottomLineImg {
        width: 80%;
        margin-left: 10%;
        margin-top: -110%;
    }
    
    h1 { font-size: 2.2em; }
    
    #panorama.block iframe{
		height: 300;
		width: 590;
	}
	
	#temporaryExhibition .kind-a-button {
        padding: 10px 20px;
        margin: 35px auto 15px;
        position: static;
        display: block;
        transform: none;
        width: 80%;
        text-align: center;
    }
    
    #temporaryExhibition .kind-a-button:before {
        content:"";
        clear: both;
    }

    #temporaryExhibition h2 {
        font-size: 2.5em;
    }
    
    #temporaryExhibition h3 {
        font-size: 1.4em;
        margin: 0;
    }
    
    #temporaryExhibition h2.text-right, 
    #temporaryExhibition h3.text-right,
    #temporaryExhibition h2, 
    #temporaryExhibition h3 {
        text-align: center;
    }
}

@media only screen {
    .backFixed { background-attachment: initial; }
    
    .corners.redBack {
        border: 1px solid var(--color-active);
    }
}


/*************************************************************/

#lastBlock, .callForm {
    display: none !important;
}