/* cmsms stylesheet: KeyK2022 modified: wtorek, 2 czerwca 2026 10:35:07 */
body, html{
 margin:0;
 padding:0;
 font-family: 'Work Sans', sans-serif;
 color:#004278;
}

body{
 background-size: contain;
}
.content-with-bg{
 background: no-repeat center bottom url('https://www.keykproject.pl//media2022/images/baners/baner-home-bkg-gradient.jpg');
}


a{
 color:#000000;
}

#logo{
 background: no-repeat center top url('https://www.keykproject.pl//media2022/images/logo.png');
 width:154px;
 height:128px;
 display:block;
 margin:10px;
 background-size:cover;
 position:relative;
 z-index:4;
}
#header .center{
 text-align:center;
 position:relative;
 overflow:visible;
 margin:0 auto;
 padding:0;
 }
#header{
 position:fixed;
 width:100%;
 z-index:1000;
 top:0;
}
#header.activated{
 background-color: rgba(255, 255, 255, 0.95);
 border-bottom:rgba(200, 200, 200, 0.3) 1px solid
}
#header.activated #logo{
 height:64px;
 width:77px;
 top:0;
}
#header.activated .social{

 top:30px;
}
#header.activated .menu{
 top:30px;
}
.center{
 max-width:1400px;
 margin:0 auto;
 overflow:hidden;
}
#header .menu{
 position:absolute;
 top:60px;
 margin:0;
 width:100%;
 text-align:center;
 list-style-type:none;
 display:flex;
 justify-content: center;
 color:#004278;
 font-size:calc(0.8vw + 7px);
 line-height:calc(0.8vw + 10px);


}
.menu li a, .menu li span{
 color:#004278;
 text-decoration:none;
}
.menu li a:hover, .menu li a:active{
 text-decoration:underline;
}
.menu li{
 display: list-item;
 padding:5px 0 0 15px;
 color:#004278;
 text-align:right;
 position:relative;
}
.menu li .currentpage{
 font-weight:600;
} 

ul.menu li:not(:first-child):before { 
  content: "/";
 color:#004278;
 padding-right:15px;
}
.social{
 right:0;
 position:absolute;
 top:60px;
 display:inline-block;
}
.social a{
 margin:0 7px;
}
.content{
 overflow:hidden;
}


#header ul.menu li ul{
 position:absolute;
 top:25px;
 left:0px;
 padding:10px;
 z-index:1001;
 background-color: rgba(249, 249, 249, 0.9);
 width:auto;
 text-align:left;
 display:none;
}
#header ul.menu > li:active ul, #header ul.menu > li:hover ul{
 display:block;

}
#header > ul.menu > li:active, #header > ul.menu > li:hover{
 padding-bottom:30px;
}
#header ul.menu li ul li:before{
   content: none;
}
ul.menu li ul li{
 display:block;
 clear:both;
 float:none;
  white-space: nowrap;
 text-align:left;
 width:100%;
 font-size:calc(0.6vw + 5px);
 line-height:calc(0.6vw + 10px);
}

:not(.content ~ .content).content {
 padding-top:110px;
}
.bg-content{
 overflow:hidden;
}
.bg-content img{
 max-width:100%;
 margin:0 auto;
 display:block;
}



.table-row{
 display: flex;
 align-items: stretch;
 overflow:hidden;
}
.table-column{
flex-grow: 1;     /* do not grow   - initial value: 0 */
flex-shrink: 1;   /* do not shrink - initial value: 1 */
 margin-bottom:50px;
 position:relative;
flex-basis: 0%
}



.table-column h2:before{ 
  content: "|";
 color:#ffffff;
 font-size:6vw;
 font-weight:300;
 float:left;
 text-shadow: 1px 0 0 #9d9d9d;
 padding-right:60px;
 margin-left:21px;
 padding-bottom:200px;
 margin-top:40px;
 transform: rotate(10deg);
 position:absolute;
 left:0px;
}
.left-padding{
 padding-left:140px;
}
.table-column h2 strong{
 font-size:calc(1.7vw + 10px);
 line-height:calc(1.7vw + 12px);
 display:block;
 font-weight:600;
 font-style: oblique;
}
.table-column h2{
 font-size:calc(1vw + 10px);
 line-height:calc(1vw + 12px);
 display:block;
 font-weight:300;
 font-style: oblique;
}
.table-column p{
 margin-bottom:10px;
 color:#000000;
 font-size:calc(0.3vw + 8px);
 line-height:calc(0.3vw + 12px);
}

.more{
 float:right;
 text-decoration:none;
 color:#004278;
 margin-right:20px;
}
.more:hover, .more:active{
 text-decoration:underline;
}
.more:before, .more:after{ 
 content: " / ";
 color:#004278;
}

.center-text{
 text-align:center;
}
.italic-text{
 font-style: oblique;
}
.text-blue{
 color:#004278;
}

.text-light{
 font-weight:300;
}

.hr-left-right{
 color:#595959;
 font-weight:300;
 display: flex;
 flex-direction: row;
 padding:0;
  position:relative;
}

.hr-left-right:before,
.hr-left-right:after {
  background-color: #000;
  content: "";
  flex: 1 1;
  border-bottom: 1px solid;
  margin: auto;
}

.hr-left-right:before {
 padding-right:30px;
 margin-right:30px;

}

.hr-left-right:after {
 padding-left:30px;
 margin-left:30px;
}

h1{
 font-size:calc(1.1vw + 18px);
 line-height:calc(1.1vw + 22px);
}

h3{
 font-size:calc(0.8vw + 8px);
 line-height:calc(0.8vw + 16px);
 margin:30px 0 40px 0;
}
p{
 color:#000000;
}
.button-big {
 color:#004278;
 text-decoration:none;
 text-transform:uppercase;
 border:#004278 2px solid;
 padding:10px 20px;
 font-weight:500;
 font-size:calc(0.8vw + 11px);
 line-height:calc(0.8vw + 16px);
 margin:5px 0 30px 0;
 display:inline-block;
}

.spiral .spiral-one{
 overflow:hidden;
 display:flex;
 padding:0;
 margin:0;
 position:relative;
}
.spiral .spiral-one img{
 margin:0;
 padding:0;
 width:100%;
}
.spiral .spiral-one h4, 
.spiral .spiral-one p {
 display:block;
 position:absolute;
}
.spiral .spiral-one h4{
 color:#7f7f7f;
 font-size:calc(0.8vw + 13px);
 line-height:calc(0.8vw + 18px);
 text-transform:uppercase;
 font-weight:500;
 font-style: oblique;
 top:0;
 position:absolute;
 left:14.5%;
  margin-top:15px;
}
.spiral .spiral-one p{
 color:#000000;
 font-size:calc(0.8vw + 5px);
 line-height:calc(0.8vw + 8px);
 font-weight:500;
 top:calc(1.1vw + 20px);
 position:absolute;
 left:25%;
 width:18vw;
 min-width:250px;
 
}
.spiral .spiral-one h4 .text-blue{
 font-size:calc(0.6vw + 10px);
 line-height:calc(0.6vw + 14px);
 font-weight:400;
 clear:both;
 display:block;
 padding-left:60px;
 text-transform:initial;
}

.spiral-one:nth-child(1){
}

.spiral-one:nth-child(2) h4,
.spiral-one:nth-child(4) h4,
.spiral-one:nth-child(6) h4
{
left:59%;
}

.spiral-one:nth-child(2) p,
.spiral-one:nth-child(4) p,
.spiral-one:nth-child(6) p
{
left:68%;
}

.spiral-one:nth-child(2) p,
.spiral-one:nth-child(3) p,
.spiral-one:nth-child(4) p,
.spiral-one:nth-child(5) p,
.spiral-one:nth-child(6) p,
.spiral-one:nth-child(7) p
{
 top:calc(2.1vw + 30px);

}

.for-slash{
  content: "|";
  color: #ffffff;
  font-size: 4vw;
  font-weight: 300;
  text-shadow: 1px 0 0 #9d9d9d;
  padding-right: 60px;
  padding-left: 30px;
  transform: rotate(10deg);
  left: 0px;
}

.content-grey{
 background-color:#f8f8f8;
 position:relative;
}

.opinion{
  position: relative;
  font-family: sans-serif;
  font-size: 18px;
  line-height: 24px;
  width: 300px;
  background: #fff;
  padding:20px 64px 30px 64px;
  text-align: center;
  color: #000;
  display:block;
  width:20vw;
  margin:50px;
  border:#888888 1px solid;
 float:left;
 margin-bottom:60px;
 text-align:left;
 font-size:calc(0.3vw + 8px);
 line-height:calc(0.4vw + 12px);
flex-grow: 1;

}
.opinion p{
 padding:0 0 40px 0;
}

.opinion .italic-text{
	position:relative;
	bottom:50px;
 float:left;
 padding:30px 0 0 20px;
}
.opinion img{
	position:relative;
	bottom:40px;
	right:60px;
 padding: 20px 0 0 60px;
 margin-right:-20px;
 float:left;
 width:160px;
}
.opinion:before,
.opinion:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
}

.opinion:before {
	right: 37px;
	bottom: -42px;
	border: 21px solid;
	border-color: #888888 #888888 transparent transparent;
}

.opinion:after {
	right: 38px;
	bottom: -40px;
	border: 22px solid;
	border-color: #fff #fff transparent transparent;
}

.prev, .next{
 color:#044579;
 position:absolute;
 top:45%;
 left:0;
 font-size:calc(1.3vw + 38px);
 line-height:calc(1.4vw + 22px);
 font-weight:300;
 width:7vw;
 text-align:center;
 display:block;
 cursor:pointer;
 transform: scale(1.7, 3);
 z-index:6;
}
body .next{
 right:0;
 left:auto;
}

.slicker{
 padding-bottom:40px;
}
.slick-track{
 display: flex !important; /* Standard syntax */
 flex-wrap: wrap;
}
.magic-box h2:before{ 
  content: "|";
 color:#ffffff;
 font-size:5vw;
 font-weight:300;
 float:left;
 text-shadow: 1px 0 0 #9d9d9d;
 padding-right:60px;
 margin-left:21px;
 padding-bottom:200px;
 margin-top:30px;
 transform: rotate(10deg);
 position:absolute;
 left:0px;
}
.magic-box{
 padding-left:25vw;
 position:relative;
 min-height:200px;
 margin-bottom:80px;
}
.magic-box h2 strong{
 font-size:calc(1.7vw + 10px);
 line-height:calc(1.7vw + 12px);
 display:block;
 font-weight:600;
 font-style: oblique;
 padding-top:10px;

}
.magic-box h2{
 font-size:calc(1vw + 12px);
 line-height:calc(1vw + 15px);
 display:block;
 font-weight:300;
 font-style: oblique;
 padding-top:10px;
 position:absolute;
 left:5vw;
 padding-left:110px;
}

.columns{
	display:flex;
  flex-wrap: wrap;
}
.columns-one strong{
 clear:both;
 display:block;
  font-style: normal;
 font-weight:600;
 margin-top:4px;
}
.columns1to3 .columns-one{
  flex: 1 0 26%; /* explanation below */
}
.columns-one{
  flex: 1 0 35%; /* explanation below */
 color:#000000;
 padding:10px 20px;
 margin:20px 20px;
 overflow: hidden;
 font-style: oblique;
 font-size:calc(0.5vw + 8px);
 line-height:calc(0.5vw + 14px);
}
body .columns-one p{
 margin:5px 0;
 padding:0;
}
.columns h5{
 color:#7f7f7f;
 font-size:calc(0.8vw + 13px);
 line-height:calc(0.8vw + 18px);
 font-weight:500;
 font-style: oblique;
 margin:15px 0;
}

.magic-box .more{
 float:left;
}

.magic-box hr{
 width:70%;
 background:#838383;
 color:transparent;
 float:left;
 margin:10px 40px 0 50px;
}
 
.magic-box p{
 padding:50px 30px;
 margin:20px 20px;
 font-size:calc(0.6vw + 8px);
 line-height:calc(0.6vw + 15px);
 font-weight:300;
}
.columns-one img{
 max-width:100%;
 width:100%;
	
}
.columns-one > .more{
	float:right;
	margin-top:30px;
}

.content-with-bg{
	background:url('https://www.keykproject.pl//media2022/images/bg-no-graphs.jpg') center top no-repeat;
}

.footy{
 border-top:#004278 1px solid;
}

.footy strong{
 margin-bottom:10px;
 display:block;
 color:#555555;
}
.footy{
	margin:0 auto 50px auto;
 padding:50px 0 50px; 
 
}
.footy p{
 font-size:calc(0.3vw + 8px);
 line-height:calc(0.3vw + 14px);
 color:#444444;
}
.footy p a{
 text-decoration:none;
 color:#004278;
}
.footy p a:hover, .footy p a:active{
 text-decoration:underline;
}

.contact{
	display:flex;
  flex-wrap: wrap;
}

.contact > div {
  flex: 1 0 35%; /* explanation below */
}

.contact-info{
	padding-left:12vw;
	margin-top:100px;
}

.formbuilderform{
 position:relative;
}
.formbuilderform > div{
 width:50%;
}
.formbuilderform > div.captcha{
 width:100%;
 font-size:calc(0.2vw + 8px);
 line-height:calc(0.2vw + 11px);
 overflow:hidden;
}
.formbuilderform > div.captcha img{
 display:block;
 float:left;
 width:40%;
 margin:5px 20px;
}
.formbuilderform > div.captcha input{
 display:block;
 float:left;
 width:30%;
}
form input, form textarea{
 background-color:#f6f6f6;
 border:#acacac 1px solid;
 padding:10px 20px;
 color:#111111;
 font-family: 'Work Sans', sans-serif;
 margin:10px;
 width:80%;

}
form textarea{
 height:130px;
}
.form-message{
 position:absolute;
 top:0;
 right:0;
 float:left;
}

.zgoda_tekst{
 color:#565656;
 font-size:calc(0.2vw + 6px);
 line-height:calc(0.2vw + 8px);
 width:99% !important;
 text-align:justify;
}
.zgoda input{
 width:15px;
 height:15px;
 margin:0px;
}
.zgoda {
  display: block;
  clear: left;
  float: left;
  width: 12px !important;
  margin: 1px 10px;
  position: relative;
  z-index: 3;
  padding:0 5px 100px 5px;
  overflow:hidden;
}
form .submit{
 width:99% !important;
}
form .cms_submit {
 color:#004278;
 text-decoration:none;
 text-transform:uppercase;
 border:#004278 2px solid;
 padding:5px 20px;
 font-weight:500;
 font-size:calc(0.5vw + 9px);
 line-height:calc(0.5vw + 12px);
 margin:15px 0 30px 0;
 display:inline-block;
 float:right;
 display:inline-block;
 width:auto;
 background-color:transparent;
 cursor:pointer;
}

.contact-form form{
 margin-top:calc(1vw + 110px);
}
.contact-info h2{
 font-size:calc(0.9vw + 15px);
 line-height:calc(0.9vw + 19px);
 font-style: oblique;
 font-weight:400;
 text-transform:uppercase; 
 margin:30px 0;
}

.contact-info p{
 font-size:calc(0.5vw + 13px);
 line-height:calc(0.5vw + 19px);
 color:#666666;
 font-weight:300;
}
.contact-info p span{

}
.contact-info p strong{
 font-weight:500;
 margin:9px 0;
 display:block;
 color:#000000;
}

form .italic-text{
 color:#666666;
}
.contentInBaner{
 padding-top:30px;
 padding-left:300px;
 padding-bottom:20px;
}

.contentInBaner h1{
 font-style: oblique;
 margin: 20px 0 10px 20px;
 font-size:calc(0.8vw + 19px);
 line-height:calc(0.8vw + 22px);
font-weight:300;
 color:#444444;
 letter-spacing: 4px;
 text-transform:uppercase;
}
.contentInBaner span{
 letter-spacing: 0px;
display:block;
 margin: 10px 0 0 80px;
 font-style: normal;
}

.icons{
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: repeat(3, 1fr);
 margin:10px 5vw;
}
.icon img{
 display:block;
 margin:20px auto;
 max-width:100%;
 clear:both;
}
.icon{
 margin:10px 2vw;
 text-align:center;
 color:#000000;
}

.content > h5, .content > .center > h5{
 font-size:calc(0.4vw + 10px);
 line-height:calc(0.4vw + 16px);
 color: #004278;
 margin:30px 8%;
 font-weight:normal;
}
.content > h4, .content > .center > h4{
 font-size:calc(0.4vw + 14px);
 line-height:calc(0.4vw + 19px);
 color: #004278;
 margin:30px 8%;
 font-weight:normal;
}

.content > h3, .content > .center > h3{
 margin:30px 8%;
}

.content > h2, .content > .center > h2{
 margin:30px 8%;
}

.content > p, .content > .center > p,
.content > ul, .content > .center > ul,
.content > h5, .content > .center > h5
{
 margin-left:8%;
 margin-right:8%;
 margin-bottom:0;
}

.content ul{
  list-style: none;
 padding-left: 0px;
 left:60px;
 position:relative;
 max-width:80%;
}
.content ul li{
 color:#000000;
 padding:5px 60px;
 font-size:calc(0.4vw + 10px);
 line-height:calc(0.4vw + 16px);
 text-indent:-10px;
}
.content li:before {
  content: "›";
  left: -30px;
 color: #004278;
 font-size:40px;
 line-height:calc(0.4vw + 6px);
 top:6px;
 position:relative;
 font-weight:300;
}
.not-to-next-line{
 display:inline !important;
 top:20px !important;
 left:0 !important;
 margin:0 !important;
 padding:0 !important;
 position:relative;
}

.dowody{
 display: flex;
 align-items: stretch;
 overflow:hidden;
 width:70%;
 margin:0 auto;
}
.dowod{
flex-grow: 1;     /* do not grow   - initial value: 0 */
flex-shrink: 1;   /* do not shrink - initial value: 1 */
 margin-bottom:0;
 position:relative;
flex-basis: 0%
 text-align:center;
}
.columns13{
 display: flex;
 align-items: stretch;
 overflow:hidden;
}
.columns13 .column{
flex-grow: 1;     /* do not grow   - initial value: 0 */
flex-shrink: 0;   /* do not shrink - initial value: 1 */
 margin-bottom:0;
 position:relative;
flex-basis: 0%
 text-align:center;
 width:30%;
}
.columns13 .column h3{
 margin:0 60px;
}

.dowod *{
 text-align:center;
}
.dowod h6{
 color:#666666;
 font-size:calc(0.4vw + 14px);
 line-height:calc(0.4vw + 19px);
 font-weight:500;
 margin:0;
}
.dowod p{
 font-size:calc(0.4vw + 10px);
 line-height:calc(0.4vw + 16px);
}

.gallery-clean a{
 display:block;
 width:33.33%;
 margin:0;
 padding:0;
 float:left;
}
.gallery-clean a img{
 margin:10px 3%;
 width:94%;
}


.body-class-dubaj .contentInBaner h1{
 position:relative;
 top:0;
 left:0;
 width:400px;
 padding-right:400px;
 padding-bottom:10px;
 font-size:38px;
 line-height:40px;
}
.body-class-dubaj .contentInBaner h1 span{
 text-indent:-50px;
 top:72px;
 left:260px;
 position:absolute;
 width:260px;
 font-size:30px;
 line-height:36px;
}

.us{
 margin:10px auto;
 padding:0 10vw;
 clear:both;
 margin-bottom:0;
 position:relative;
 text-align:center;
 overflow:hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 text-align:left;
}
.us > div{
 width:50% !important;
 margin:0;
 padding:0;
 float:left;
 min-height:200px;
 width:50%;
 position:relative;

}
.us .os{
 padding-left:120px;
 padding-bottom:20px;
 padding-top:40px;
 background: no-repeat left top url('https://www.keykproject.pl//media2022/images/us-one.jpg');
 display:block;
 color:#666666;
 font-size:30px;
 overflow:hidden;
}
.NewsSummary{
 width:99%;
}
.NewsSummary p{
 text-decoration:none;

}
.NewsSummary a{
 text-decoration:none;
}
.NewsSummary .img_news{
 padding-top:30px;
 overflow:hidden;
 clear:both;
 display:block;
 color:#004278;
 font-size:calc(0.6vw + 14px);
 line-height:calc(0.6vw + 19px);
 font-style: oblique;
 font-weight:600;
 text-decoration:none;
 margin:10px 0;
}
.NewsSummary .img_news img{
 display:block;
 clear:both;
 margin:10px 0;
 width:100%;
}
.NewsSummary hr{
 width:85%;
 background:#838383;
 color:transparent;
 float:left;
 margin:10px -20px 0 0;
}

.pagination{
 font-size:calc(0.6vw + 14px);
 line-height:calc(0.6vw + 19px);
 text-align:center;
 margin:40px 0;
 width:60%;
}

.CGNews{
 margin:0;
 padding:0;
 float:left;
 width:60%;
}
.news_right{
 margin:0;
 padding:0;
 float:left;
 width:40%;
}
.img_news img{
 max-width:100%;
}


body ul.tags_ul{
 list-style: none !important;
 display:block !important;
 clear:both !important;
 color:#005aa3  !important;
}
body ul.tags_ul *{
 color:#005aa3  !important;
}
body .news_right ul{ 
 display:block !important;
 clear:both !important;
 width:auto !important;
}
.tags_ul li{
 display:block;
 float:left;
 margin:3px 5px;
}
body .news_right{
 width:300px;
 float:left;
 overflow:hidden;
 margin-left:40px;
}
.news_right li:before, .tags_ul li:before{
 display:none !important;
 content: none !important;
}
body .news_right ul{
 clear:both;
 overflow:hidden;
 left:20px;
}
body .news_right li{
 padding:2px 0 !important;
 float:left;
 text-indent:0  !important;
 font-size:calc(0.4vw + 10px);
 line-height:calc(0.4vw + 19px) !important;
 display:inline;
 float:none;
 margin:0px 5px 0 5px;
}

body .tags_ul li{
 padding:5px 0 !important;
 float:left;
 text-indent:0  !important;
 font-size:calc(0.4vw + 10px);
 line-height:calc(0.4vw + 22px) !important;
 display:inline;
 float:none;
 margin:5px;
}

.content .CGNews ul{
 clear:both !important;
 width:auto !important;
 display:block !important;
 max-width:100% !important;
 float:none !important;
}
.news_clear{
 height:60px;
 display:none;
 float:none;
 clear:both;
}
.tags_1{
 font-size:90%;
 font-size:calc(0.4vw + 6px);
}

.tags_2{
 font-size:105%;
 font-size:calc(0.4vw + 8px);
}

.tags_3{
 font-size:115%;
 font-size:calc(0.4vw + 10px);
}

.tags_4{
 font-size:125%;
 font-size:calc(0.4vw + 12px);
}
.tags_5{
 font-size:135%;
 font-size:calc(0.4vw + 14px);
}
.tags_6{
 font-size:145%;
 font-size:calc(0.4vw + 16px);
}
.tags_7{
 font-size:155%;
 font-size:calc(0.4vw + 18px);
}
.tags_7{
 font-size:165%;
 font-size:calc(0.4vw + 20px);
}

.news_right > ul:first-of-type li{
 clear:both;
 display: block;
 font-size:calc(0.4vw + 12px);
 line-height:calc(0.4vw + 18px) !important;
}

.prevblogarticle{
 float:left;
}
.nextblogarticle{
 float:right;
}

.mm-sticky, .mh-head{
 display:none;
}

.us_one > *{
 margin-right:30px;
}
.show_random_articles {
 padding-top:30px;
}
.show_random_articles h2{
 text-align:center;
 font-weight:normal;
 font-size:calc(0.7vw + 12px);
 line-height:calc(0.7vw + 18px) !important;
}

.CGBlog_Random{
 padding:0;
 margin:0;
 width:50%;
 float:left;
}

.CGBlog_Random > a{
 padding-right:30px;
 display:block;
}
.CGBlog_Random a{
 text-decoration:none;
}
.CGBlog_Random a p{
 font-size:calc(0.4vw + 4px);
 line-height:calc(0.5vw + 6px) !important;
}

.CGBlog_Random .img_news img{
 border-left:#004278 8px solid;
}

.news_right .pagination{
 font-size:calc(0.4vw + 10px);
 line-height:calc(0.4vw + 12px);
 text-align:center;
 margin:20px auto;
 width:90%;
}

body .cgblog-archive-list{
 margin-top:0;
}

body .news_right .cgblog-archive-list li{
 display:block;
 float:left;
 font-size:calc(0.4vw + 12px);
 line-height:calc(0.4vw + 15px);
 margin-bottom:22px;
}
body .news_right .cgblog-archive-list li .date{
 display:block;
 float:right;
 clear:both;
 color:#222222;
 font-size:calc(0.3vw + 8px);
 line-height:calc(0.4vw + 21px);
}