@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')


* {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.container {
  flex: 1;
}

.com-content-article__body * {background-color: transparent!important}

#eu_cookies .inner1 {max-width:800px!important}


header {z-index: 2;position:relative;}

.navbar-nav {flex-direction: column; align-items: flex-start;}

.nav-item {width: 100%;padding-bottom:10px}
.nav-item a {text-decoration: none; color: #2f2f2f;font-size:14px;font-weight:400}
.nav-item a:before {color:dodgerblue;content: '\2022';font-weight:900;margin-right:5px;position: relative;vertical-align:top;}
.nav-item a:hover,.nav-item.current a {font-weight:600;}
.nav-item a:hover:before,.nav-item.current a:before {color:#2f2f2f;}
.oi-header-top .mod-custom {padding:20px;height:90px;}
.oi-header-top .mod-custom p {width: 100%; display: flex;}
.oi-header-top.leftlogo .mod-custom p {justify-content:flex-start;}
.oi-header-top.centerlogo .mod-custom p {justify-content: space-between;}
.oi-header-top.rightlogo .mod-custom p {justify-content: flex-end;}
.oi-header-top img {height: 50px;width:auto}
.oi-header-bg {width: 100%;height:300px;display: flex;flex-direction: column;position:relative;overflow:hidden}
img#oi-header-bg-img {width: 100%!important;height:300px;object-fit:cover;}
.oi-header-title {position:absolute;margin-left:0;top:50%;transform:translateY(-50%);background:linear-gradient(to right, rgba(255,255,255,0.9) , transparent 95%);width:100%;max-width:1000px;padding:20px;padding-bottom:10px;}
.oi-header-title.rightitle {background:linear-gradient(to left, rgba(255,255,255,0.9) , transparent 95%);margin-right:0;margin-left:auto;right:0;}
.oi-header-title.rightitle * {text-align:right!important}
.oi-maintitle {color: rgb(0, 49, 112)}
.oi-maintitle,.oi-subtitle {font-weight:600}
.oi-header-title.rightitle .oi-maintitle,.oi-header-title.rightitle .oi-subtitle {text-align:right}
aside {width: 30%; max-width: 370px;vertical-align: top;display: inline-block;padding:25px 50px 25px 120px;}
main {display: inline-block;width: 69%;min-height:400px;padding:35px 50px 25px 90px ;}
.container {width: 100%;max-width:100%;background:white;padding:0;}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {padding:0;}

#oi-footer {text-align:center; width: 100%; padding-top:15px;padding-bottom:5px; background-color: #132956;color: white}
.oi-footer-inner {margin:auto;text-align:center; padding-left: 20px;padding-right:20px}
.oi-footer-inner p {padding-top: 20px;padding-bottom:10px;}

@media only screen and (max-width: 1280px) {

aside {width: 30%; max-width: 370px;vertical-align: top;padding:25px 40px 25px 80px;}
main {display: inline-block;width: 69%;min-height:400px;padding:35px 40px 25px 70px ;}

}

@media only screen and (max-width: 1080px) {

aside {width: 30%; max-width: 370px;vertical-align: top;padding:25px 30px 25px 60px;}
main {display: inline-block;width: 69%;min-height:400px;padding:35px 30px 25px 50px ;}

}

@media only screen and (max-width: 991px) {

aside,main {display:block; width:100%;max-width:100%;padding:20px}
aside nav {text-align: right; margin-top: -20px;}
aside nav button {margin-left:auto;}
aside nav ul {margin-top:10px;}
main {margin-top: -10px;}
.nav-item a:before {display: none}
.oi-header-bg {height: 200px;}
img#oi-header-bg-img {height:200px;}
.oi-logo {margin-right: 10px;}
button.navbar-toggler {margin-right:-20px;margin-top: 15px;}
.oi-maintitle * {padding:0px!important}
.oi-subtitle * {padding:0px!important}
.oi-maintitle * {font-size:28px!important}
.oi-subtitle * {font-size:16px!important}

}


@media only screen and (max-width: 667px) {

.oi-maintitle * {font-size:20px!important}
.oi-subtitle * {font-size:12px!important}
.oi-header-top p {margin-bottom:0;margin-top:0}
.oi-header-top img {height: 30px;}
.oi-header-top .mod-custom {height: auto;}
.oi-footer-inner * {font-size:12px!important}
.com-content-article img {max-width:100%;height:auto;}

}


@media only screen and (max-width: 480px) {
	
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

}


@media only screen and (max-width: 360px) {

.oi-header-top img {
    height: 30px;
  }

}