@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

body {
	background-color: #F3F3F3;
	color: #444;
	font-family:'Open Sans', sans-serif;
	font-size: 10pt;
}
a:link, #offCont a:visited, a:hover, a:active {
	color: #444;
}
#offCont {
	overflow: hidden;
	margin: 15px auto 0;
	text-align: left;
	max-width:690px;
	background-color:#fff;
	width:100%;
	padding-bottom:30px;
}
#bg1 { 
	padding: 20px; 
}
#top {
    text-align: center;
    margin: 0;
    line-height: 0;
    padding: 0;
}
#jobTitle { 
	font-size: 16pt; 
	color: #ef383a; 
	text-align: left; 
	font-weight: bold; 
	line-height: normal; 
	text-transform: uppercase;
}
#info { 
	text-align: left; 
	margin: 5px 0 0; 
	font-size: 16pt; 
	color: #2b479b; 
	line-height: normal;
	font-weight:bold; 
	text-transform: uppercase;
}
.info2 { 
	color: #2b479b; 
	font-size: 16pt; 
	font-weight:bold; 
	text-transform: uppercase; 
}
#logo { 
	text-align:center; 
	margin: 0; 
	line-height: 0; 
}
#logo2 { 
	text-align:center; 
	margin: 0 0 20px; 
	line-height: 0; 
	padding:0;  
	border-bottom: 0 solid #ef383a; 
}
#offCont #sOW2 {
	padding: 18px 20px 40px 20px; 
}
#CompanyDescription { 
	margin: 0 -20px 0; 
	text-align: left; 
	border-top: 10px solid #2b479b; 
	padding: 18px 20px 20px; 
	background: #fafafa; 
}

div.t1 { 
	margin: 0 -20px 0; 
	text-align: left; 
	border-top: 10px solid #2b479b; 
	padding: 18px 20px 20px; 
	background: #fafafa; 
}
div.t2 { 
	margin: 0 -20px 0; 
	text-align: left; 
	border-top: 10px solid #2b479b; 
	padding: 18px 250px 20px 20px; 
	background:url(_res/bg-wro2021.png) no-repeat center right 80px #fdfdfd; 
	min-height: 110px; 
}
div.t3 { 
	margin: 0 -20px 20px; 
	text-align: left;
	border-top: 10px solid #2b479b;
	border-bottom: 10px solid #2b479b; 
	padding: 18px 20px 20px; 
	background: #fff;
    overflow: hidden;
}
#sOW2 h2 { 
	font-size: 16pt; 
	color: #fff; 
	text-align: left; 
	font-weight: bold; 
	line-height: normal; 
	margin:-20px 0 0 -20px; 
	background: #2b479b; 
	border-radius: 0 0 10px 0; 
	padding: 17px 40px 10px 20px; 
	display: inline-block; 
	text-transform: uppercase;
}
 ul {
	list-style-type: disc;
	padding-left: 20px;
	list-style-position: outside;
}
ul li {
	font-family:neo-sans, 'Open Sans', sans-serif;
	font-size: 14px;
	line-height:20px;
	margin-left: 10px;
}
.icons4 {
    display: inline-block;
    flex-direction: inherit;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px 0 0 0px;
    padding: 0;
    width:50%;
    float: left;
}
.icons5 {
    display: inline-block;
    flex-direction: inherit;
    justify-content: center;
    flex-wrap: wrap;
    margin: 20px 0 0 0px;
    padding: 0;
    width:50%;
    float: right;
}
.icons5 .ikonka {
    padding: 0 0 0 80px;
    min-height: 60px;
    position: relative;
    margin: 0 0 10px 0;
    list-style-type: none;
    list-style-image: 
}
.icons4 .ikonka {
    padding: 0 0 0 80px;
    min-height: 60px;
    position: relative;
    margin: 0 0 10px 0;
    list-style-type: none;
    list-style-image: 
}
.icont {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    line-height: 15px;
    font-size: 10pt;
    font-weight: normal;
}
.ikonka1 {
    background: url(_res/ikon2-e.svg) no-repeat center left;
}
.ikonka2 {
    background: url(_res/ikon20-e.svg) no-repeat center left;
}
.ikonka3 {
    background: url(_res/ikon4-e.svg) no-repeat center left;
}
.ikonka4 {
    background: url(_res/ikon18-e.svg) no-repeat center left;
}
.ikonka5 {
    background: url(_res/ikon19-e.svg) no-repeat center left;
}
.ikonka6 {
    background: url(_res/ikon6-e.svg) no-repeat center left;
}
.ikonka7 {
    background: url(_res/ikon7-e.svg) no-repeat center left;
}
.ikonka8 {
    background: url(_res/ikon8-e.svg) no-repeat center left;
}
.ikonka9 {
    background: url(_res/ikon9-e.svg) no-repeat center left;
}
.ikonka10 {
    background: url(_res/ikon14-e.svg) no-repeat center left;
}
.ikonka11 {
    background: url(_res/ikon17-e.svg) no-repeat center left;
}
.ikonka12 {
    background: url(_res/ikon16-e.svg) no-repeat center left;
}
.ikonka13 {
    background: url(_res/ikon13-e.svg) no-repeat center left;
}
.icons4 ul li{
	margin-left:0px !important;

}
#offCont #sOW2 .button {
    background-color:#ef383a;
    font-size:14px;
    display: block;
    height: 36px;
    line-height:36px;
    margin: 30px auto;
    text-align: center;
    text-decoration: none;
    width:160px;
    color: #fff;
    text-transform:uppercase;
	cursor: pointer;
	transition: 0.6s;
	border:none;
	border-radius: 10px;
	font-weight:bold;
}

#Notes { 
	text-align:center; 
	margin-bottom: 10px;
}
#Clause {
	font-size:10px;
	text-align:justify;
}
#bottom { text-align:center;
}
#bottom2 { text-align:center;
}

@media all and (max-width:684px) {
/* tekst */
#offCont #sOW2 {

	padding:0% 20px 0% 20px;
    }
    @media all and (max-width:460px) {

div.t2 { 
	padding:20px; 
	background:none; 
	min-height: auto; 
}
#bg1 {
    margin:0;
}
.icons4 {
    width:100%;
    float: none;
}
.icons5 {
    width:100%;
    float: none;
}
}