@font-face {
    font-family: "esbe bold";
    font-style: normal;
    font-weight: normal;
	src: url("fonts/esbe-eurostile-bold-webfont.eot");
    src: url("fonts/esbe-eurostile-bold-webfont.eot?#iefix") format("embedded-opentype"), 
	url("fonts/esbe-eurostile-bold-webfont.woff2") format("woff2"), 
	url("fonts/esbe-eurostile-bold-webfont.woff") format("woff"),
	url("fonts/esbe-eurostile-bold-webfont.ttf") format("truetype"),
	url("fonts/esbe-eurostile-bold-webfont.svg#esbe_eurostilebold") format("svg");
}
@font-face {
    font-family: "esbe regular";
	 font-style: normal;
    font-weight: normal;
    src: url("fonts/esbe-eurostile-regular-webfont.eot?#iefix") format("embedded-opentype"), 
	url("fonts/esbe-eurostile-regular-webfont.woff2") format("woff2"),
	url("fonts/esbe-eurostile-regular-webfont.woff") format("woff"), 
	url("fonts/esbe-eurostile-regular-webfont.ttf") format("truetype"),
	url("fonts/esbe-eurostile-regular-webfont.svg#esbe_eurostileregular") format("svg");
}



/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ul {
    list-style: none;
}
ol {
	list-style: decimal inside none;
}
ol ol {
	list-style: lower-latin inside none;
	padding-left: 20px;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* koniec css reset */

/* html basic */
body {
    
    text-align: left;
    font-weight: normal;
	overflow-y:scroll;
	overflow-x:hidden;
 
}
body *{

box-sizing: border-box;
}
a {
   
    text-decoration: none;
    color: inherit;
}
a:hover {
    text-decoration: underline;
    color: inherit;
}
div {
    margin: 0 auto;
    border: 0px;
}

p, span, h1, h2, h3, h4, li, td, th {
	cursor: default;
}
form input[type="submit"], a > * {
	cursor: pointer;
}
#container {
	width: 100%;
	float: left;
	background: #FFFFFF;
   min-width: 1200px;
   
}
.wrap {
	width: 1200px;
	 margin: 0 auto;
}
#logo{
float: left;
left: 50%;
position: relative;
transform: translate(-50%);
width: 2000px;
}

#logo img{
position: absolute;
left:0;
top:20px;
}
#banner{
background: url(images/banner.jpg) center top;
height: 590px;
width: 100%;


}
#caption{


color: black;
width:550px;
float:left;
margin-top: 146px;
margin-left: 15px;

}
#caption span{
display: block;
}

#caption span:first-child{
/* font-family: 'esbe regular', sans-serif; */
font-family: 'Play', sans-serif; font-weight:400;
font-size:48px;

}
#caption span:last-child{
/* font-family: 'esbe bold', sans-serif; */
font-family: 'Play', sans-serif; font-weight:700;
font-size:43px;
margin-top:11px;
font-weight:700;
text-transform: uppercase;

}
#box{
float:right; 
width: 400px;
height:400px;
background: rgba(255,255,255, 0.9);
margin-top:153px;
padding: 40px 36px 34px 37px;
}
#box h2{
font-size:24px;
/*  
font-family: 'esbe bold', sans-serif; */
 font-family: 'Play', sans-serif; font-weight:700;
 line-height: 28px;
}
input, select {
    border: 2px solid #C0D2DE;
    font-size: 14px;
    height: 40px;
    margin-bottom: 5px;
    padding-left: 24px;
    vertical-align: middle;
    width: 100%;
font-size: 14px;
font-family: 'Lato', sans-serif;
color: #000;
 
}
#select-button{
 border: 2px solid #C0D2DE;
    font-size: 14px;
    height: 40px;
    margin-bottom: 5px;
    padding-left: 24px;
    vertical-align: middle;
    width: 100%;
font-size: 14px;
font-family: 'Lato', sans-serif;
color: #000;
border-radius: 0;


}
.ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    font-weight: normal;
    line-height: 1.4;
    overflow: hidden;
    padding: 7px 0 0 0;
    text-align: left;
	cursor: pointer;
    text-overflow: ellipsis;

    white-space: nowrap;
}
.ui-state-default .ui-icon {
    background-image: url("images/select.png");
	background-position: 0 0;
	height: 6px;
    width: 12px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background: white;


}
#select-button:hover{

cursor: pointer;

}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: white none repeat scroll 0 0;
    border: medium none;
    color: black;
    font-weight: normal;
}
.ui-menu .ui-menu-item {
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    
    margin: 0;
    min-height: 0;
    padding: 10px 0 10px 25px;
    position: relative;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0;
}
.ui-selectmenu-button span.ui-icon {
    margin-top: -3px;
	 cursor: pointer;
    position: absolute;
    right: 14px;
    top: 50%;
}
::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
   color: #000;  
   opacity:  1;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
   opacity:  1;
}

:-ms-input-placeholder {  
   color: #000;  
}
form{
font-family: 'Lato', sans-serif;
margin-top:24px;
text-align:center;

}
#submit{
vertical-align: middle;
width:200px;
height:45px;
margin: 0 auto;
background: #009FE3;
/* font-family: 'esbe regular', sans-serif; */
font-family: 'Play', sans-serif; font-weight:400;
color: white;
font-size:15px;
padding-left:0;
padding-right:0;
margin-top:8px;
 border: none;
}
 

#content{
padding-top:37px;
width:100%;
padding-left: 30px;
float:left;

box-sizing: border-box;
}
#content .wrap{

background:rgba(0, 0, 0, 0) url("images/background.jpg") no-repeat scroll right 37px top 18px;


}
.title{
/* font-family: 'esbe bold', sans-serif; */
font-family: 'Play', sans-serif; font-weight:700;
text-transform:uppercase;
color: #009fe4;
font-size:35px;
margin-bottom: 25px;
}
.description{
font-family: 'Lato', sans-serif;
margin-bottom: 17px;
 
padding: 17px 674px 165px 2px;
 
 }
.description ul{
margin-top:7px;
padding-left:37px;
font-size: 16px;
line-height: 20px;
}
.description ul li{
margin-bottom: 18px;
position: relative;


}
.last{margin-bottom:24px;}
.description ul li:before{
content:"";
width: 5px;
height: 5px;
border-radius: 50%;
background: #009fe4;
display:block;
left: -18px;
position: absolute;
top: 7px;

}
#description-form{
margin-top: 11px;
margin-bottom: 10px;
padding-left:25px;
text-align: left;
width:100%;
float:left;
}
#description-form span{
display:block;

}
#footer{
position: relative;
width:100%;
float:left;
height:70px;
text-align:center;
font-size:13px;
color: #8e8e8e;
font-family: 'Lato', sans-serif;
padding-top:27px;
padding-left:3px;
margin-top: 17px;
box-sizing: border-box;
}
#footer:before{
width:1200px;
height:1px;
background: url(images/footer-top.jpg);
position: absolute;
top:0;
left:0;
content:"";
display:block;


}
.title-bold{
font-size:18px;
font-weight:bold;

margin-bottom: 3px;

}
.title-light{
font-size:14px;
line-height: 24px;
}
form a:hover{
text-decoration: none;

}
.lightbox .lb-image {
    border-radius: 0;
    display: block;
    height: 580px !important;
    width: 800px !important;
}
.lb-container {
    padding: 0;
}
.lb-data .lb-close {
    background: rgba(0, 0, 0, 0) no-repeat scroll right top;
    display: block;
    float: right;
    height: 50px;
    opacity: 0.7;
    outline: medium none;
    position: absolute;
    right: 0;
    text-align: right;
    top: 5px;
    width: 50px;
    z-index: 2147483647;
}
.lb-dataContainer {
 
    position: relative;
    top: 0;
     
}
.ui-selectmenu-menu .ui-menu {
    border: 2px solid #c0d2de;
    border-radius: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 1px;
}
/*intro page*/
/* #box, #content, #footer {
	display: none;
}
#caption span:last-child {
  font-size: 46px;
}
html, body , #container{
	height: 100%;
}
#banner {
	height: 100%;
	background: url(images/banner2.jpg) no-repeat center top;
} */