html, body, div, span, object, iframe, h1, h2, p, a, em, font, img, ol, ul, li {
margin: 0;
padding: 0;
}
html, body {
font-size: 11px;
font-family: 'Open Sans', sans-serif;
}
p {
font-size: 2.3rem;
line-height: 4rem;
}
p.testim {
font-size: 2.5rem;
}
hr {
width: 70%;
text-align: left;
margin-left:0;
}
#header {
margin-top: 30px;
height: 140px;
background-image: url('https://res.cloudinary.com/redlance/image/upload/v1479422077/root/logo8.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
} 
#menu {
width: 100vw;
max-width: 100%;
text-align: center;
font-size: 3rem;
color: #888888;
font-size: 3rem;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
margin: 20px 0 40px 0;
}
a {
color: inherit;
}
a: visited {
color: inherit;
}
a.topmenu {
margin: 2px 1vw;
display: inline-block;
text-decoration: none;
}
a.topmenu:hover {
text-decoration: underline;
}
a.categ {
text-decoration: none;
}
h1 {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 5.2rem;
font-weight: normal;
}
bl {
color: #444444;
}
.big {
font-size: 1.1em;
font-weight: bold;
}
.copy {
width: 100%;
font-size: 1.4rem;
text-align: center;
}
.copy2 {
display: inline-block;
height: 30px;
width: 230px;
background-image: url('https://res.cloudinary.com/redlance/image/upload/v1592225286/root/copy20.png');
background-repeat: no-repeat;
background-position: center;
}
li.whiteli {
font-size: 2.3rem;
}
.headline {
position: relative;
display: inline-block;
width: 17vw;
height: 9.2vw;
min-width: 160px;
min-height: 86px;
max-width: 340px;
max-height: 182px;
margin: 10px;
}
.headline .after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
color: #FFF;
font-size: 2.3rem;
}
.headline:hover .after {
display: block;
background: rgba(0, 0, 0, .6);
}
img.fp {
max-width:100%;
height:auto;
}
img.banner {
width: 29vw; height: auto;
max-width: 800px;
}
img.category {
width: 28vw;
height: auto;
max-width: 400px;
min-width: 240px;
float:left;
margin: 8px 24px 0px 0px;
}
.newspic {
width: 28vw;
height: auto;
max-width: 400px;
min-width: 240px;
margin: 8px;
}
.newscol {
display: inline-block;
text-align: center;
}
.box {
white-space: nowrap;
width: 100vw;
max-width: 100%;
}
.row {
position: relative;
display: block;
}
.rowcent {
position: relative;
display: block;
text-align: center;
}
.rowcol {
position: relative;
display: block;
}
.generic {
white-space: normal;
vertical-align: top;
position: relative;
display: table-cell;
text-align: center;
}
.inner {
text-align: left;
display: inline-block;
padding: 2vw;
}
.left {
text-align: left
}
.dark {
background-color: #7f7f7f;
color: #ffffff;
}
.light {
background-color: #f2f2f2;
color: #0d0d0d;
}
.semi {
background-color: #bfbfbf;
color: #0d0d0d;
}
.red {
background-color: #a40000;
color: #ffffff;
}
.blue {
background-color: #8496b0;
color: #ffffff;
}
.quarter {
width: 29vw;
}
.quarter2 {
width: 25vw;
}
.threequart {
width: 67vw;
padding: 1vw 2vw;
}
.half {
width: 44vw;
}
.half2 {
width: 50vw;
padding: 3vw 0;
}
.full {
width: 100vw;
max-width: 100%;
text-align: center;
white-space: normal;
padding: 2vw 0;
}
.bordered {
border-top: 1px solid #dadada; border-bottom: 1px solid #dfdfdf;
}
.padded {
max-width: 1300px;
}
.padded2 {
max-width: 1000px;
}
.column {
display: table-cell;
white-space: normal;
text-align: center;
vertical-align: top;
}
.column2 {
display: table-cell;
white-space: normal;
text-align: center;
vertical-align: top;
}
.expertise {
display: block;
margin: 10px 5px 0px 5px;
text-align: center;
color: #ffffff;
font-size: 2.3rem;
}
.expertise:hover {
opacity: 0.8;
}
.lat {
width:360px;
}
.ingust {
width:175px;
}
.mare {
height: 155px;
line-height: 145px;
}
.mediu {
height: 80px;
line-height: 80px;
}
.mic {
height: 45px;
line-height: 45px;
}
.round {
display: inline-block;
height: 50px;
border-radius: 25px;
font-size: 3rem;
line-height: 50px;
}
.oval {
width: 180px;
}
.cat {
display: inline-block;
font-family: 'Open Sans Condensed', sans-serif;
margin: 0 2vw;
}
.cat2 {
border-bottom: 3px solid #a40000;
}
.underline {
border-bottom: 3px solid #dadada;
}
.underline:hover {
border-bottom: 3px solid #bfbfbf;
}
.button {
width: 200px; height: 45px; display: inline-block;
}
.button:hover {
opacity: 0.8;
}
.EU {
background-color: #365f91;
}
.advertising {
background-color: #c00000;
}
.IT {
background-color: #ff981d;
}
.automotive {
background-color: #17365d;
height: 55px;
line-height: 55px;
}
.medical {
background-color: #00aaaa;
height: 100px;
line-height: 100px;
}
.subtitles {
background-color: #948a54;
}
.tourism {
background-color: #6ba5e7;
}
.legal {
background-color: #c27d4f;
line-height: 20px;
}
.machinery {
background-color: #808080;
height: 90px;
line-height: 90px;
}
.localization {
background-color:#943634;
}
.electronics {
background-color: #6b497a;
height: 65px;
line-height: 65px;
}
@media screen and (max-width: 1800px) {
html, body {
font-size: 10px;
}
}
@media screen and (max-width: 1280px) {
html, body {
font-size: 9px;
}
.expertise {
font-size: 2rem;
}
.lat {
width:260px;
}
.ingust {
width:125px;
}
.headline .after {
font-size: 2rem;
}
}
@media screen and (max-width: 1040px) {
html, body {
font-size: 8px;
}
.generic {
display: block;
text-align: left;
}
.quarter {
width: 98vw;
}
.half {
width: 98vw;
}
.half2 {
width: 98vw;
}
.threequart {
width: 94vw;
}
.full {
padding: 0;
}
h1 br {
display: none;
}
li br {
display: none;
}
.expertise {
font-size: 1.7rem;
}
.lat {
width:180px;
}
.ingust {
width:85px;
}
}
@media screen and (max-width: 700px) {
.column2 {
display: block;
}
.rowcol {
display: table-cell;
vertical-align: top;
}
.oval {
width: 150px;
}
}
@media screen and (max-width: 580px) {
#header {
background-image: url('https://res.cloudinary.com/redlance/image/upload/v1478252205/root/logo7small.png');
}
.expertise {
font-size: 1.4rem;
margin: 6px 2px 0px 2px;
}
.lat {
width:140px;
}
.ingust {
width:65px;
}
.cat {
font-size: 2.4rem;
margin: 0 1vw;
}
.newscol {
display: block;
}
}