/*
==================================================================
 (c) 2019 Prizma 66 OOD
==================================================================
*/
body, html {width:100%;}
body {font-family: "Roboto", sans-serif; font-size: 1rem; font-weight: 300; line-height: 140%; margin:0px; padding:0px; border: none; box-sizing: border-box;}
img {border: none;}
article {padding: 0; margin: 0 0 0 0;}
article+article{margin-top: 30px;}
h3, h4, h5, h6 {font-weight:400;}
h1, h2 {font-weight:300;}
h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0px;}
h2 {font-size:190%; margin-bottom:1.3rem; line-height: 100%;}
body > main, body > article, body > section {width: 100%; padding: 0; }
body > main {margin-top:100px;}
b {font-weight:500;}
p+p {margin-top:0.5rem;}
header {position:fixed; top:0px; left:0px; right:0px; z-index:1000;}
.page_el_margin, .fixedDivSection {margin-top:30px; position: relative;}
footer {font-size: 90%; width: 100%; background-color: #020033; color: #AAAAAA; padding: 10px 0 20px 0; text-align: center;}

@-webkit-keyframes procImg {0% {background-position: center left; background-size:300px;}}
@keyframes procImg {0% {background-position: center left; background-size:300px;}}
@-webkit-keyframes workImg {0% {background-position: center left;}}
@keyframes workImg {0% {background-position: center left;}}

.whitePage {background-color: white; color: #020033;}
.bluePage {background-color: #020033; color: white;}
.whitePage header {background-color: rgba(255, 255, 255, 0.9);}
.bluePage header {background-color: rgba(2, 0, 51, 0.8);}
.homePageArt {background-image: url("images/home-b-l.svg"); background-repeat:no-repeat; background-position:center center; background-size: cover;}
.homePage header {background-color: rgba(2, 0, 51, 0.15);}
.homePage {min-height: 100vh;}
.homePage article {position: relative;}
.homePage main {margin:0;}
.page_el_main, .page_el_main_full {display: block; width: auto; margin-left: auto; margin-right: auto;}
.page_el_main {max-width: 1200px; padding: 0 20px;}
.top_el {padding-top: 20px;}
.topWrapper {display: flex; align-items: center;}
.logoImg {width: 200px; height: auto; margin-top:5px;}
.logoContainer {}
/*.homePage .logoContainer a {visibility: hidden;}*/
.menuContainer {flex-grow:1; padding: 0 0 0 40px; display: flex; flex-direction: row; justify-content: flex-end; align-items:center;}
ul a {cursor: pointer;}
.menuButtonRow {display:none; text-align: center;}

.menuButton, .menuCloseW {color: #FFFFFF; padding: 0; cursor:pointer; transition: background-color 0.5s linear; -webkit-tap-highlight-color: rgba(255,255,255,0);}
.menuButton {display: inline-block;}
.menuCloseW {position:fixed; top:20px; right:20px; display:none;}
.menuButtonSVG, .closeButtonSVG {width: 2.6rem; height: 2.6rem; display:inline-block; vertical-align: middle;}
.bluePage .menuButton, .menuCloseW {background-color:#020033;}
.bluePage .menuButton:hover, .whitePage .menuButton:hover, .menuCloseW:hover {background-color: #B7BDD8;}
.bluePage .menuButtonSVG rect {stroke: white; fill:white;}
.whitePage .menuButton {background-color:white;}
.whitePage .menuButtonSVG rect {stroke: #020033; fill:#020033;}
.closeButtonSVG rect {stroke: white; fill:white;}
.menuNav {z-index: 10000; font-size:110%; -webkit-transform: translate3d(0,0,0); transition: left 0.3s ease-in-out;}
.mNhidden {}
.mNvisible {}
.menuNav a {color: inherit; text-decoration: none;}
.menuLogo {display:none;}
.m_u0, .m_u1, .m_u2 {list-style-type: none; padding:0; margin: 0; }
.m_u0 {text-align: center;}
.m_l0 {display: inline-block; padding: 15px 0;}
.m_l0 + .m_l0, .m_l1 + .m_l1 {margin-left: 1rem;}
.m_u1, .m_u2 {text-align: left;}
.m_u1 {position: absolute; left: 0px; top: 110%; display: flex; justify-content: space-between; width: 100%; visibility: hidden; opacity: 0; transition: opacity 0.6s linear, top 0.3s linear, visibility 0.6s linear, height 0.6s linear; box-shadow: 0px 0px 5px rgba(0,0,0,0.20); padding: 20px;}
.m_u1:before, .m_u1:after {content:''; display:block;}
.m_a1 {font-weight: 400;}
.m_a0, .m_a1, .m_a2, .m_a0_a, .groupAllText a, .prodHeader a, .prodInfoSec a {position: relative;}
.m_a0:after, .m_a2:after, .groupAllText a:after, .prodHeader a:after, .prodInfoSec a:after, .article a:after, .eBt_descr a:after, .m_a0_a:after {content:''; display: block; width: 0%; height:1px; background-color:#FFA400; position: absolute; left:0px; top:100%; transition: width 0.3s ease-in-out;}
.m_a0:hover:after, .m_a2:hover:after, .groupAllText a:hover:after, .prodHeader a:hover:after, .prodInfoSec a:hover:after, .article a:hover:after, .eBt_descr a:hover:after, .m_a0_a:after { width: 50%;}
.menuLine, .menuLineActive {}
.homePageCnt {position: relative; display: flex; justify-content:center; align-items: center; min-height:100vh; flex-direction:column;}
/*.homePageCntW {position: relative; display: flex; justify-content:center; align-items: center; margin:90px auto 50px auto; flex-direction:column;}*/
.homePageCntW {position: relative; display: flex; justify-content:center; align-items: center; flex-direction:column; height:60vh;}
.homePageCntTop {width:100%; height:50%;}
.homePageCntBottom {width:100%; height:50%; display:flex; align-items:flex-end;}
.homePageCntW h1 {text-align: left; font-size:250%; font-weight:300; line-height:100%;}
.homePageCntW h2 {text-align:center; font-size:300%; font-weight:300; line-height:100%;}
.homePageLinks {display:none;  text-align:center;}
.homePageLinks a, .svcPageLinks a {color:inherit; text-decoration: none; font-size:105%; display:inline-block; padding:0.5rem 1rem; border:1px solid #76749E; margin-top:1rem;min-width:75px;}
/*
.homePageImgW {position: relative; white-space:nowrap; width:60%; text-align: center;}
.homePageImgW img {height: auto; width: 45%; vertical-align: top;}
.homePageTxtW {max-width:25%;}
.homePageTxtW h1 {font-size:300%; font-weight:300; line-height:100%; padding-left:4rem; text-indent:-2.5rem; text-align: left;}
*/
.homeImpr {position: absolute; bottom:20px; left:0px; width:100%; text-align: center; color:#AAAAAA; font-size: 90%;}
.procFooter {padding-bottom:40px; text-align: center; color:#AAAAAA; font-size: 90%;}
.homeImpr a, footer a, .procFooter a {color:#AAAAAA; text-decoration: none;}
.langCnt {display: inline-block; margin-left: 1rem;}
.procCnt, .procCntS, .procCntP {margin:0; padding:0; position: relative; background:linear-gradient(#BABABA, #BABABA) no-repeat 21%/3px 100%;}
.procCntS {height: 150px;}
.procIntro {padding-bottom:50px;}
.procCntP {height: 50px;}
.procCnt {display:flex;}
.procCnt h1, .philCnt h1, .workCnt h1 {margin-bottom:2rem; font-size:230%; display:block;}
.contBox h1 {margin-bottom:1rem; padding-bottom:1.5rem; border-bottom: 1px solid #FFA400; font-size:200%;}
.procCnt h2 {}
.procN {width:36%; display: flex; justify-content: center; align-items: center; font-size:400%; font-weight:400; line-height:120%;}
.procN div {color: #BABABA; background-color: #020033; margin-left:17%;}
.procTB {display:table; border-collapse: collapse;}
.procTB {width:60%;}
.procTC {display: table-row;}
.procT {padding:3rem; vertical-align:top; color:#020033; background-color:white;}
.procT, .procICell {display: table-cell; }
.procICell {vertical-align:middle; width:200px; background-color: #FFFFFF; }
.procIC, .philIC {background-size:cover; width:200px; height:200px;  }
.procIC img {width:100%; height:100%;}
.procICa {position:relative; width:196px; height:196px; margin:2px; background-size:300px; background-position: center; background-repeat: no-repeat; -webkit-animation: procImg 3s 1; animation: procImg 3s 1;}
.procIDt {display:inline; position:absolute; top:-2px; left:-2px; width:200px; height:200px;}
.procIMob {display:none;}
.phil_elem {padding-top: 40px; padding-bottom: 20px;}
.philCnt {justify-content: center;}
.philTB, .contH {width:80%; margin:auto;}
.philTC {position:relative;}
.philICell {position:absolute; top:-150px; width:180px;}
.philT {background-color:white; color: #020033; margin-left: 80px; margin-top:150px; padding:85px 40px 60px 70px;}
.contC {}
.contBox {box-sizing: border-box; background-color:white; color: #020033; text-align: center; padding:2rem; width:380px; margin:auto; max-width:90%;}
.contR {margin-bottom:1rem;}
.contR a {color: inherit; text-decoration: none;}
.contH {text-align: center; font-size:200%; line-height:100%; padding:3rem 0 2.5rem 0;}
.imprH {text-align: center; font-size:150%; line-height:100%; padding:0 0 2rem 0;}
.imprH h1 {font-weight: 300;}
.imprBox {box-sizing: border-box; background-color:white; color: #020033; text-align: left; padding:2rem; margin:auto; width:90%;}
.imprBox h2 {font-size:120%; font-weight: 400; margin-bottom:0.5rem;}
.workWrp, .workEW {box-sizing:border-box;}
.workWrp {display: flex; flex-flow: row wrap; width:90%; margin: auto;}
.workEW {padding: 1rem;}
.workEl {background-color: white; color: #020033; padding: 3rem; height: calc(100% - 6rem);}
.work1col {width:100%;}
.work2col {width:50%;}
.workICa {width:100%; height:360px; background-size:1200px auto; background-position: center; background-repeat: norepeat; -webkit-animation: workImg 3s 1; animation: workImg 3s 1;}
.svcHead {padding:1rem;}
.svcPageLinks {text-align:center;}
.svcEl {padding:0.5rem;}
.svcElRef {background-color: white; color: #020033; display:flex; justify-content:space-between; flex-wrap:wrap;}
.svcElRef img {width:100px; height:32px; vertical-align:bottom;}
.svcElFall img {width:100px; height:40px; vertical-align:bottom;}
.svcElIC {position: relative;}
.svcElBkImg {width: 100px; height: 100px; position: absolute; bottom:1rem; right:1rem;}
.noSelect {-webkit-touch-callout: none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

@media only screen and (max-width: 1200px) {
	.homePageCntW h1 {font-size:215%;}
	.homePageCntW h2 {font-size:265%;}
}

@media only screen and (max-width: 1000px) {
	.logoImg {width: 180px;}
	body > main {margin-top:90px;}
	.homePageTxtW h1 {font-size:270%; padding-left:2.5rem; text-indent:-1.5rem;}
	.procCntS {height: 140px;}
	.procCnt, .procCntS, .procCntP {background:linear-gradient(#BABABA, #BABABA) no-repeat 12.5%/3px 100%;}
	.procN {width:25%;}
	.procTB {width:70%;}
	.procN div {margin-left:0%;}
	.homePageCntW h1 {font-size:180%;}
	.homePageCntW h2 {font-size:220%;}
	.svcElBkImg {width: 80px; height: 80px; bottom:1rem; right:1rem;}
}

@media only screen and (max-width: 800px) {
	.logoImg {width: 160px;}
	body > main {margin-top:80px;}
	.homePageTxtW h1 {font-size:200%; padding-left:2.5rem; text-indent:-1.5rem;}
	.procCntS {height: 120px;}
	.procTB {display:block;}
	.procTC {display:block; position: relative;}
	.procT, .procICell {display:block;}
	.procIC {width:180px; height:180px;}
	.procICa {width:176px; height:176px;}
	.procICell {position:absolute; top:-130px; width:180px;}
	.procIDt {display:none;}
	.procIMob {display:inline; width:180px; height:180px; position:absolute; top:-2px; left:-2px;}
	.procT {margin-left: 10%; margin-top:130px; padding-top:75px;}
	.philT {margin-left: 60px; padding:60px 20px 20px 20px;}
	.contH {font-size:180%;}
	.procCnt h1, .philCnt h1 {margin-bottom:1.5rem;}
	.work1col, .work2col {width:100%;}
	.workICa {height:240px; background-size:800px auto;}
	.svcElBkImg {width: 100px; height: 100px; bottom:1rem; right:1rem;}
}

@media only screen and (max-width: 600px) {
	body > main {margin-top:75px;}
	.procCntS {height: 100px;}
	.menuContainer {padding:0;}
	.menuButtonRow, .homePageLinks {display:block;}
	.menuNav {position:fixed; top:0px; background-color: #020033; display:flex; justify-content:center; align-items: flex-start; font-size:200%; width:100vw; height:100vh; color:#FFFFFF; overflow:auto; }
	.mNhidden {left:100%;}
	.mNvisible {left:0%;}
	.menuCloseW {display:block;}
	.menuLogo {display:block; margin-bottom: 30px; width:100%; text-align: center;}
	.menuLogo img {width: 100px;}
	.m_u0 {text-align: left;}
	.m_l0 {padding: 18px 0;}
	.menuNav ul {display:flex; flex-direction:column; margin-bottom:30px; margin-top:100px;}
	.m_l0 + .m_l0, .m_l1 + .m_l1 {margin-left: 0;}
	.homePageCntW {flex-direction:column;}
	.homePageImgW {width: 80%;}
	.homePageTxtW {margin-top:30px; max-width:90%;}
	.homePageTxtW h1 {padding-left:0; text-indent:0; text-align: center; font-size:250%;}
	.logoImg {width: 160px;}
	.langCnt {display: block; margin: 0; position: fixed; bottom:20px; right:20px;}
	.procCnt h1, .philCnt h1 {display:block;}
	.procIC {width:175px; height:175px;}
	.procICa {width:171px; height:171px;}
	.procIMob {width:175px; height:175px;}
	.procICell {top:-125px; width:175px;}
	.procT {margin-top:125px; padding:75px 1.5rem 1.5rem 1.5rem;}
	.workEl {padding: 2rem; height: calc(100% - 4rem);}
	.philTB, .contH {width:90%;}
	.philT {margin-left: 50px;}
	.imprBox {padding:1.5rem;}
	.workWrp {width:auto;}
}
@media only screen and (max-width: 600px) and (orientation: landscape) {
	.menuNav ul {margin-top:100px;}
	body > main {margin-top:80px;}
}

@media only screen and (orientation: portrait) {
	.homePageArt {background-image: url("images/home-b-p.svg");}
	.homePageCntW {padding: 0 0; margin-top:8%;}
	.homePageCntW h2 {text-align:right;}
}

@media only screen and (max-height: 500px) {
	.homePageCntW {margin-top:8%;}
}

@media only screen and (max-width: 450px) {
	.procCnt, .procCntS, .procCntP {background:linear-gradient(#BABABA, #BABABA) no-repeat 8.4%/3px 100%;}
	.procN {width:18%;}
	.procTB {width:90%;}
	.procIC {width:150px; height:150px;}
	.procICa {width:146px; height:146px;}
	.procIMob {width:150px; height:150px;}
	.procICell {top:-100px; width:150px;}
	.procT {margin-top:100px; padding-top:70px;}
	.procCnt h2 {margin-bottom:0.8rem;}
	.philICell {top:-140px; width:150px;}
	.philTB, .contH {width:95%;}
	.philT {margin-left: 40px; margin-top:140px; padding:40px 20px 20px 20px;}
	.workEW {padding: 0.5rem;}
	.workICa {height:200px; background-size:670px auto;}
	.homePageCntW h1 {font-size:160%;}
	.homePageCntW h2 {font-size:200%;}
	.svcElBkImg {width: 80px; height: 80px; bottom:1rem; right:1rem;}
}

@media only screen and (max-width: 400px) {
	.logoImg {width: 140px;}
	.homePageImgW {width: 90%;}
	.contH {width:90%; font-size:170%;}
	.contBox, .imprBox {width:95%;}
	.workEl {padding: 1.5rem; height: calc(100% - 3rem);}
}

@media only screen and (max-width: 350px) {
	.philT {margin-left: 30px; margin-top:140px; padding:40px 20px 20px 20px;}
	.procT {padding:68px 1rem 1rem 1rem;}
	.workEW {padding: 0.5rem 0;}
	body {font-size: 0.9rem;}
	.svcElBkImg {width: 70px; height: 70px; bottom:1rem; right:1rem;}
}

@media only screen and (max-width: 300px) {
	.logoImg {width: 120px;}
	.contH {font-size:150%;}
	.procCnt h1, .philCnt h1 {font-size:200%;}
}