@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes rotatey {
   from {transform: rotateY(0deg);}
   to {transform: rotateY(360deg);}
}
@keyframes scale {
  0% {transform: scale(1);}
  50% {transform: scale(1.2);}
  100% {transform: scale(1);}
}

body{font-family: 'Lato';}

.fs-1125{font-size: 1.125rem;}
.fs-125{font-size: 1.25rem;}
.fs-1375{font-size: 1.375rem;}
.fs-15{font-size: 1.5rem;}
.fs-1625{font-size: 1.625rem;}
.fs-175{font-size: 1.75rem;}
.center{text-align: center;}
.uppercase{text-transform: uppercase;}
.upper{text-transform: uppercase;}
.right{text-align: right;}
.float-l{float: left;}
.hide{display: none;}

.csright{text-align: right;}
.csleft{text-align: left;}

.container{max-width: 78.4375rem; width: calc(100%);}

.container-full-header{background: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0px 6px 6px 2px rgba(0, 0, 0, 0.25);}

.header{padding-bottom: 1rem;}
.header h1{margin: 0; padding: 0; text-align: center; margin-top: .5rem;}
.header h1 a{text-decoration: none; color: #000;}
.header h1 span{display: block; font-weight: 900; font-size: 1.125rem;}

.header .topbar{float: right; margin-top: .5rem;}
.header .topbar{color: #595858;}
.header .topbar .eu{font-size: .75rem; text-transform: uppercase; height: 2.25rem; font-weight: 500; float: left; margin-right: 1rem;}
.header .topbar .eu span{display: inline-block; vertical-align: bottom; text-align: right;}
.header .topbar .eu .flag-icon{width: 3rem; height: 2.25rem;}

.header .flags{float: left;}
.header .flags ul{list-style: none; padding: 0; margin: 0;}
.header .flags ul li{float: left; border-right: 1px solid #bfbfbf;}
.header .flags ul li a{display: block; width: 3rem; height: 2.25rem; background: #e4e4e4; text-align: center; line-height: 2.25rem;}

.header .flags .lang-toggle{display: none;}

.header .search-container{float: left; background: #e4e4e4;}
.header .search-form{display: inline-block;}
.header .search-form input{display: inline-block; width: auto; margin-bottom: 0; height: 2.25rem; line-height: 2.25rem; border: none; background: #e4e4e4; padding-left: 1rem; font-size: .875rem; box-sizing: border-box;}
.header .search-form button{border: none; background: #b1b1b1; width: 3rem; height: 2.25rem; text-align: center; line-height: 2.25rem; color: #fff;}

.nav{margin-top: 1.5rem;}
.nav ul{list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-around;}
.nav ul li{display: inline-block; flex-grow: 1; border-bottom: 2px solid #ebebeb}
.nav ul li a{display: block; text-decoration: none; color: #434343; text-transform: uppercase; font-weight: 900; font-size: .875rem; text-align: center; position: relative; outline: none;}
.nav ul li a::before{content: ''; position: absolute; left: 50%; bottom: -2px; width: 0px; height: 2px; background: #ce2026; transition: all linear .5s;}
.nav ul li a::after{content: ''; position: absolute; left: 50%; bottom: -2px; width: 0px; height: 2px; background: #ce2026; transition: all linear .5s;}
.nav ul li a.active::before, .nav ul li a:hover::before{left: 0; width: 50%;}
.nav ul li a.active::after, .nav ul li a:hover::after{width: 50%;}
.nav ul li ul{display: none;}

.menu-btn-container{display: none; text-align: right; margin-right: 1rem;}
.menu-btn{text-decoration: none; color: #000; width: 2rem; height: 1.5rem; display: inline-block; position: relative; transform: rotate(0deg); transition: .5s ease-in-out;}
.menu-btn span{display: block; position: absolute; height: 2px; width: 100%; background: #7c7c7c; border-radius: 2px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out;}
.menu-btn span:nth-child(1){top: 0;}
.menu-btn span:nth-child(2){top: 10px;}
.menu-btn span:nth-child(3){top: 20px;}
.menu-btn.open span:nth-child(1){top: 11px; transform: rotate(135deg);}
.menu-btn.open span:nth-child(2){opacity: 0;}
.menu-btn.open span:nth-child(3){top: 11px; transform: rotate(-135deg);}

.tabs>ul{border: none;}
.tabs [tabIndex="0"], .tabs>ul {
    display: flex; justify-content: center; align-items: center;
}
.tabs>ul>li{float: none; display: inline-block; flex-grow: 1; text-transform: uppercase; font-weight: 300; color: #000; margin-bottom: 0;}
.tabs>ul>li a{color: #000; margin-right: 0; border: none; border-bottom: 1px solid #dcdcdc;}
.tabs>ul>li a:hover{background: none; color: #e30613; border-color: #e30613;}
.tabs>ul>li>[aria-selected=true], .tabs>ul>li>[aria-selected=true]:hover{border: none; color: #e30613; border-bottom: 1px solid #e30613; outline: 0;}

.main-video{padding-bottom: 33.35%;}

.container-nrwd{margin-top: 1rem;}
.container-nrwd section{outline: 0; padding: 1rem 0;}
.container-nrwd section ul{list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-around; align-items:  stretch;}
.container-nrwd section ul li{display: inline-block; flex-grow: 1; margin: 1rem 1.5rem; text-align: center;}
.container-nrwd section ul li a{display: inline-block; text-align: center; text-decoration: none; color: #000; transition: all linear .25s; position: relative;}
.container-nrwd section ul li a::before{content:"\2192"; position: absolute; left: -1rem; top: 50%; color: #fff; transition: all linear .5s; transform: translateY(-50%);}
.container-nrwd section ul li a span{display: block;}
.container-nrwd section ul li a .image img{transition: all linear .25s;}
.container-nrwd section ul li a .name{margin-top: 1rem; transition: all linear .25s;}
.container-nrwd section ul li a:hover {color: #e30613;}
.container-nrwd section ul li a:hover::before{color: #e30613;}


.container-full-slider{background: #e4e4e4;}
.main-slider{position: relative;}
.main-slider img{background: url('../img/slider.jpg') center no-repeat; background-size: contain;}
.main-slider h2{padding: 0; margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #e9e9e9; font-size: 3.625rem; font-weight: 900; line-height: 1.2; text-align: center; text-transform: uppercase; width: 100%; 
               text-shadow: 0px 6px 6px rgba(0, 0, 0, 0.35); overflow: hidden;
}
.main-slider h2 span{display: block; position: relative; animation: fadeIn linear 3s 1 alternate;}


.container-main-new{margin: .625rem auto .75rem auto; background: #ce2026; color: #fff;}
.container-main-new p{text-transform: uppercase; text-align: center; margin: 0; padding: .875rem;}
.container-main-new p:nth-child(1){font-size: 1.875rem; font-weight: 900; position: relative;}
.container-main-new p:nth-child(1) span{display: inline-block; animation: scale linear 3s infinite; transform-origin: center; transform-style: preserve-3D;}
.container-main-new .col-s-9 p{font-size: 1.5rem; font-weight: 900; padding: 1rem;}

.mboxs{display: flex; flex-wrap: wrap; justify-content: space-between; align-content: stretch;}
.mboxs .mbox{display: inline-block; flex-grow: 1; width: 38.75rem; max-width: 38.75rem; height: 20.4375rem; margin-bottom: 1rem;}
.mboxs .mbox:nth-of-type(1){background: url('../img/mboxs/plyty-warstwowe-pir-styropian-welna.jpg') center no-repeat;}
.mboxs .mbox:nth-of-type(2){background: url('../img/mboxs/projekty-konstrukcje-stalowe.jpg') center no-repeat;}
.mboxs .mbox:nth-of-type(3){background: url('../img/mboxs/chlodnictwo-plyty-warstwowe.jpg') center no-repeat;}
.mboxs .mbox:nth-of-type(4){background: url('../img/mboxs/plyty-warstwowe-agro-baas-panel.jpg') center no-repeat;}

.mboxs .mbox h3{text-align: center; margin-top: 2rem; text-transform: uppercase; color: #fff; font-size: 2.25rem; font-weight: 900; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}
.mboxs .mbox ul{list-style: none; padding: 0; margin: .5rem 0 0 4rem; display: inline-block;}
.mboxs .mbox ul li{margin-bottom: .125rem;}
.mboxs .mbox ul a{display: block; text-decoration: none; color: #fff; font-weight: 900; font-size: 1.25rem; text-transform: uppercase; position: relative; padding: .125rem .5rem; padding-left: 2rem; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}
.mboxs .mbox ul a::before{content: '\f054'; font-family: 'FontAwesome'; position: absolute; left: .25rem; top: 50%; transform: translateY(-50%); color: #ce2026; transition: all linear .5s;}
.mboxs .mbox ul a:hover{background: #545658;}

.container-full-main-promo{margin-bottom: 1rem;}
.container-promo{border: 2px solid #d0d0d0; border-radius: 2px; padding: 1rem;}
.container-promo a{text-decoration: none; color: #fff; text-transform: uppercase; display: inline-block; height: 3.375rem; line-height: 3.375rem; padding: 0 2rem; background: #ce2026; font-weight: 900; font-family: 'Lato'; transition: all linear .5s;}
.container-promo a:hover{background: #545658;}
.main-promo{text-align: center;}
.main-promo span{display: inline-block; height: 3.375rem; line-height: 3.375rem; padding: 0 2rem; font-weight: 900; font-size: 1.5rem;}

.container-full-mboxs2{}

.mboxs2{display: flex; flex-wrap: wrap; justify-content: space-between; align-content: stretch; padding-bottom: 3rem;}
.mboxs2 .mbox2{display: inline-block; flex-grow: 1; width: 25.5625rem; max-width: 25.5625rem; height: 17.4375rem; margin-bottom: 2rem; position: relative; color: #fff;}
.mboxs2 .mbox2 .image{position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.mboxs2 .mbox2 .image span{display: block; width: 100%; height: 100%; transition: all linear .5s;}
.mboxs2 .mbox2:hover .image span{transform: scale(1.1);}
.mboxs2 .mbox2:nth-of-type(1) .image span{background: url('../img/mboxs2/panele-garazowe-bramowe-kontenery.jpg') center no-repeat;}
.mboxs2 .mbox2:nth-of-type(2) .image span{background: url('../img/mboxs2/swietliki-hale-stalowe.jpg') center no-repeat;}
.mboxs2 .mbox2:nth-of-type(3) .image span{background: url('../img/mboxs2/drzwi-gazoszczelne.jpg') center no-repeat;}
.mboxs2 .mbox2 .text{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; z-index: 5;}
.mboxs2 .mbox2 .text ul{text-align: left; display: inline-block; margin-left: auto; margin-right: auto; min-width: 75%; padding: 0; margin: 0; list-style: none; font-size: 1.125rem;}
.mboxs2 .mbox2 .text ul li{padding-left: .875rem; position: relative;}
.mboxs2 .mbox2 .text ul li::before{content: '\f105'; font-family: 'FontAwesome'; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.mboxs2 .mbox2 h3{text-align: center; font-weight: 900; font-size: 1.5rem; text-transform: uppercase;  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); padding-bottom: 0; margin-bottom: 1rem;}
.mboxs2 .mbox2 a{display: inline-block; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,50%); text-decoration: none; color: #fff; background: #ce2026; padding: 1rem 2rem; text-transform: uppercase; font-weight: 700; transition: all linear .5s;}
.mboxs2 .mbox2 a:hover{background: #545658;}


.container-full-main-contact{background: #e7e7e7;}
.container-main-contact{padding: 2rem 0; max-width: 66.25rem;}
.container-main-contact .cmc-content{background: #fff; color: #7a7878; padding: 1rem 1.5rem; height: 100%;}
.container-main-contact .cmc-content p.title{margin-top: 0; padding-top: 0; font-weight: 900; font-size: 1.5rem; color: #0f3188;}
.container-main-contact input, .container-main-contact .like-input {height: 3rem; line-height: 3rem; padding: 0 1rem; border: 1px solid #d0d0d0; margin-bottom: 1rem;}
.container-main-contact .like-input span{display: inline-block; margin-right: 1rem;}
.container-main-contact a{text-decoration: none; color: #7a7878;}
.container-main-contact button{border-color: #ce2026; background: #ce2026; color: #fff; text-transform: uppercase; padding: .5rem 1rem;}

.container-full-mboxs3{}
.container-mboxs3{padding: 3rem 0;}
.container-mboxs3 .mbox3{padding: .5rem 1rem; font-size: 1.125rem;}
.container-mboxs3 .mbox3 h3{font-weight: 900; font-size: 1.375rem; text-transform: uppercase; border-bottom: 1px solid #a0a0a0; padding: 1rem 0; margin: 1rem 0;}
.container-mboxs3 .mbox3 a{display: inline-block; text-decoration: none; color: #fff; font-size: .875rem; background: #d0272d; padding: .5rem 2rem; transition: all linear .5s;}
.container-mboxs3 .mbox3 a:hover{background: #545658;}


.container-full-footer{background: #b2b2b2;}
.footer{padding: 2rem 0; color: #fff;}
.footer div p:nth-of-type(1){font-weight: 700; text-transform: uppercase;}
.footer ul{padding: 0; margin: 0; list-style: none; margin-top: 1rem;}
.footer ul li a{text-decoration: none; color: #fff; transition: all linear .2s;}
.footer ul li a:hover{color: #d0272d}

.footer ul li .social{background: #ededed; padding: .25rem; text-align: center; margin-top: .5rem;}
.footer ul li .social a{color: #b2b2b2; font-size: 1.5rem; display: inline-block; margin: 0 .25rem;}
.footer ul li .social a:hover{color: #d0272d;}


.container-full-article-header{background: #e4e4e4;}
.article .container{max-width: 78.375rem; width: calc(100%);}
.article h1{text-align: center; font-weight: 900; text-transform: uppercase; border-bottom: 1px solid #a0a0a0; font-size: 1.75rem;}
.article .content-container{padding: 1rem 0 2rem 0; font-size: 1.125rem; overflow-x: auto;}
.article .content-container a{text-decoration: none; color: #ce2026;}
.article .content-container a:hover{text-decoration: underline;}

.article hr{height: 0; background: #fff; border: none; border-top: 1px dashed #a8a8a8; margin: 2rem 0;}
.article .acontent p img{display: inline-block; margin: .5rem;}
.article .acontent .fleft{float: left; margin: 0 1rem 1rem 0;}
.article .acontent .fright{float: right; margin: 0 0 1rem 1rem;}

.article .acontent .rowmiddle.equal-height>[class*=col-]{vertical-align: middle;}

.article .acontent table{border-collapse: collapse; border: 1px solid #6b6b6b; width: auto;}
.article .acontent table th{border: 1px solid #6b6b6b; padding: .5rem 1rem;}
.article .acontent table tr td:first-child{border-right: 1px solid #6b6b6b;}
.article .acontent table tr td{padding: .25rem 1rem;}

/* drzwi chłodnicze */
.article_16 .acontent h3{background: #cf2027; color: #fff; padding: .5rem 1rem;}

/* drzwi gazoszczelne */
.article_17 .ral{margin: 1rem 0;}
.article_17 .ral .row{margin-bottom: .625rem;}
.article_17 .ral .row img{margin-right: 1rem;}


/* techniczne plyty styropian*/
.article_27 .acontent table{margin-left: auto; margin-right: auto;}
.article_27 .acontent table caption{font-size: 1.25rem; font-weight: bold; text-align: center; padding-bottom: 1rem;}
.article_27 .acontent table th{text-align: center; vertical-align: middle;}
.article_27 .acontent table tr td{border: 1px solid #6b6b6b; text-align: center; vertical-align: middle;}
.article_27 .acontent h3{text-align: center; font-size: 1.5rem;}

.frac{display: inline-block; vertical-align: middle;}
.frac-top{display: block;}
.frac-bottom{display: block; border-top: 1px solid #000;}


.aimages ul{list-style: none; padding: 0; margin: 0; text-align: center;}
.aimages ul li{display: inline-block; margin: .5rem;}
.aimages ul li a{display: inline-block;}

.zform fieldset{border: 1px solid #ccc; padding: .5rem; padding-top: 1rem; margin: 1.5rem 0; background: #eaeaea;}
.zform fieldset legend{width: auto; display: inline-block; margin-left: auto; margin-right: auto; background: #000; color: #fff; padding: .5rem 1.5rem; font-weight: 700;}
.zform label{text-align: right; margin-bottom: 0; line-height: 2rem;}
.zform label::after{content: ':';}
.zform button{border: none; background: #0f3188; color: #fff; font-weight: 700; font-size: 1.25rem; padding: .5rem 1rem;}

.zform input[type=radio]{display: inline-block; margin-bottom: 0;}

.imgborder img{border: 1px solid #cacaca;}

.container-main-logos{padding-bottom: 1rem;}
.container-main-logos ul{list-style: none; padding: 0; margin: 0; text-align: center;}
.container-main-logos ul li{display: inline-block; margin: .5rem;}

.ral option[value="RAL 9002"]{background-color: #E7EBDA;}
.ral option[value="RAL 9010"]{background-color: #FFFFFF;}
.ral option[value="RAL 9006"]{background-color: #A5A5A5;}
.ral option[value="RAL 1002"]{background-color: #D2B773;}
.ral option[value="RAL 1015"]{background-color: #EADEBD;}
.ral option[value="RAL 3011"]{background-color: #7E292C; color: #fff;}
.ral option[value="RAL 5010"]{background-color: #13447C; color: #fff;}
.ral option[value="RAL 6020"]{background-color: #354733; color: #fff;}
.ral option[value="RAL 6011"]{background-color: #68825B; color: #fff;}
.ral option[value="RAL 6029"]{background-color: #007243; color: #fff;}
.ral option[value="RAL 8017"]{background-color: #44322D; color: #fff;}

.container-ral{padding: 2rem 0;}
.container-ral h3{text-align: center; font-size: 1.5rem;}
.container-ral ul{list-style: none; padding: 0; margin: 0; text-align: center;}
.container-ral ul li{display: inline-block; margin: .5rem; max-width: 10rem;}
.container-ral ul li span{display: block;}
.container-ral ul li span:nth-of-type(1){width: 10rem; height: 10rem;}
.container-ral ul li span:nth-of-type(2){text-align: center; padding: .5rem;}

.container-ral ul li span.RAL9002{background-color: #E7EBDA;}
.container-ral ul li span.RAL9010{background-color: #FFFFFF;}
.container-ral ul li span.RAL9006{background-color: #A5A5A5;}
.container-ral ul li span.RAL1002{background-color: #D2B773;}
.container-ral ul li span.RAL1015{background-color: #EADEBD;}
.container-ral ul li span.RAL3011{background-color: #7E292C;}
.container-ral ul li span.RAL5010{background-color: #13447C;}
.container-ral ul li span.RAL6020{background-color: #354733;}
.container-ral ul li span.RAL6011{background-color: #68825B;}
.container-ral ul li span.RAL6029{background-color: #007243;}
.container-ral ul li span.RAL8017{background-color: #44322D;}

.tab-border td{border: 1px solid #000;}
.tab-center th, .tab-center td{text-align: center; vertical-align: middle;}


.obrobki-tech th{text-align: center;}
.obrobki-tech td{border: 1px solid #000; vertical-align: middle; text-align: center;}
.obrobki-tech tr td:nth-child{text-align: left;}


.news-list .news-item:nth-child(even){background: #f4f4f4;}
.news-item{padding: 1rem 1rem 0.5rem 1rem; margin-bottom: 2rem;}
.news-item .news-thumbnail{float: left; width: 16.25rem; margin-right: 2rem; margin-top: 1.5rem;}
.news-item .news-description{overflow: hidden;}
.news-item .news-description .date{display: block; color: #373737; font-size: 1rem; font-weight: 400;}
.news-item .news-description .title{font-size: 1.375rem; font-weight: 400; padding-top: 0; margin-top: 0;}

.news-description a.more{display: inline-block; text-decoration: none; color: #fff; background: #ce2026; padding: 0.25rem 0.5rem; font-weight: 400; transition: all ease 0.5s;}
.news-description a.more:hover{background: transparent; color: #ce2026; text-decoration: none;}

.news-images{list-style: none; padding: 0; margin: 2rem 0; list-style: none; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center;  justify-content: center;
         -webkit-flex-flow: row wrap;  flex-flow: row wrap; -webkit-align-items: center; align-items: center;}
.news-images li{display: inline-block; flex-grow: 1; margin: 0.5rem; text-align: center; max-width: 16.25rem;}
.news-images li a{display: block;}

.pager{margin: 1rem 0; text-align: center;}
.pager ul{ display: inline-block; list-style: none; padding: 0; margin: 0; text-align: center;}
.pager ul li{display: inline-block; margin: 0.25rem 0;}
.pager ul li a{display: block; text-decoration: none; color: #fff; background: #9bd005; padding: 0.25rem 0.5rem; font-weight: 400; transition: all ease 0.5s;}
.pager ul li a.active, .article-page .pager ul li a:hover{background: transparent; color: #9bd005;}


.pp-form {font-size:small;}
.pp-form a {color:#ce2026;}

@media screen and (max-width: 78.375rem){
  .article .acontent{padding-left: 1rem; padding-right: 1rem;}
  .footer{padding-left: 1rem; padding-right: 1rem;}
  .mboxs{justify-content: center;}
  .mboxs2{justify-content: space-around;}
}

@media screen and (max-width: 66.25rem){
  .header{max-height: 100%;}
  .header .menu-btn-container{display: block; margin-top: 1rem;}
  .header .nav{margin-top: 0; display: none;}
  .header .nav ul.level-1{display: block; text-align: left; margin-top: 1rem;}
  .header .nav ul.level-1 li{display: block; border-bottom: 1px solid #dcdcdc;}
  .header .nav ul.level-1 li a{position: relative; text-align: left; padding: .5rem;}
  .header .nav ul.level-1 li a::before{display: none;}
  .header .nav ul.level-1 li a::after{background: none; left: auto; width: 0; height: 0; bottom: 0; transition: all linear 0s;}
  .header .nav ul.level-1 li a.has_submenu::after, .header .nav ul li a.has_submenu2::after {position: absolute; left: auto; bottom: auto; background: none; width: auto; height: auto; right: .5rem; top: .25rem; content:"\f078"; font-family: 'FontAwesome';}
  .header .nav ul.level-1 li a.has_submenu.open::after, .header .nav ul li a.has_submenu2.open::after{transform: rotate(180deg);}

  .header .nav ul.level-1 li ul{display: none; padding-left: 1rem;}
  .header .nav ul.level-1 li ul li{border-bottom: none;}
  .header .nav ul.level-1 li ul li a{text-transform: initial;}
  
  .header .topbar{margin-top: 1rem;}
}

@media screen and (max-width: 61.25rem){
  .header .search-form input{width: 10rem;}
  .main-slider h2{font-size: 2.5rem;}
  .main-promo span{padding: 0 1rem;}
}
@media screen and (max-width: 47.9375rem){
  .csright{text-align: center;}
  .csleft{text-align: center;}
  .main-promo span:nth-of-type(3){display: none;}
}
@media screen and (max-width: 40rem){
  .main-slider img{min-height: 15rem; background-size: cover;}
  .main-slider h2{font-size: 2rem;}
  .mboxs .mbox ul{margin-left: 1rem;}
  .mboxs .mbox h3{font-size: 1.75rem;}
}
@media screen and (max-width: 37.5rem){
  .zform label{text-align: left;}
  
  .header .topbar .eu{margin-right: .25rem;}
  
  .header .flags{position: relative;}
  .header .flags .lang-toggle{display: block; float: left; text-decoration: none; color: #878a8d;}
  .header .flags .lang-toggle .arrow{display: block; float: left; width: 1.5rem; height: 2.25rem; line-height: 2.25rem; border: 1px solid #e4e4e4; text-align: center;}
  .header .flags .lang-toggle .ficon{display: block; float: left; width: 3rem; height: 2.25rem; background: #e4e4e4; text-align: center; line-height: 2.25rem; margin-right: .25rem;}
  
  .header .flags .languages{display: none; position: absolute; top: 2.25rem; right: .25rem;}
  .header .flags .languages li{float: right; border-right: none;}
  
  .main-promo span:nth-of-type(2){display: none;}
}

@media screen and (max-width: 30rem){
  .header .search-form input{width: 28vw;}
  table{font-size: .875rem;}
}
@media screen and (max-width: 23.75rem){
  .main-promo span{font-size: 1.25rem; padding: 0 .5rem;}
  .container-promo a{padding: 0 1rem;}
}
@media screen and (max-width: 22.5rem){
  .header .search-form input{width: 20vw;}
}