/* === SKIN /_skins/website */

/*
Fontawesome
=========================== */

/* CORE CSS */

@font-face {
    font-family: 'sinkin_sans200_x_light';
    src: url('/__pfile/web/20-06fa9cf7fad0923630afab830db134e128b049ab5f7c206b3f6278cc80d961cc/sinkinsans-200xlight-webfont.eot');
    src: url('/__pfile/web/20-06fa9cf7fad0923630afab830db134e128b049ab5f7c206b3f6278cc80d961cc/sinkinsans-200xlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/__pfile/web/23-f219f66a5912bdd2bacfd4fd56eb0c099d1599da043e49601abdb76dec8dcbb4/sinkinsans-200xlight-webfont.woff') format('woff'),
         url('/__pfile/web/22-bff1b8fd15574e1c17b54705963b8f1fd4c71f1502d1a483b695489427bf9fb6/sinkinsans-200xlight-webfont.ttf') format('truetype'),
         url('/__pfile/web/21-4e795596906d41700610dc356e9c0bb1f3d901fab937cf1da0a0095318342371/sinkinsans-200xlight-webfont.svg#sinkin_sans200_x_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans300_light';
    src: url('/__pfile/web/24-9793ef1938a5138d06879feb4a3d38cef23d9cb3c9f3b32ed70f7fef7eb8d49c/sinkinsans-300light-webfont.eot');
    src: url('/__pfile/web/24-9793ef1938a5138d06879feb4a3d38cef23d9cb3c9f3b32ed70f7fef7eb8d49c/sinkinsans-300light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/__pfile/web/27-b099c1d675f9593048832c066f07d29c19358d386e01b921c2454d0acd2fba14/sinkinsans-300light-webfont.woff') format('woff'),
         url('/__pfile/web/26-d955b6218a8ec2c96632a35a21988f40b0cf105fefa9f17997eeb90c7d4cb695/sinkinsans-300light-webfont.ttf') format('truetype'),
         url('/__pfile/web/25-32a5f9fdf45781d5d86fe5b0fb8d3a3f76f75b68a2c6b95c560862c05cc940d8/sinkinsans-300light-webfont.svg#sinkin_sans300_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans400_regular';
    src: url('/__pfile/web/28-de61da7c1e1fa6fb9875b86ed982b3112ce0aa35138f4ffab6e5240f4f1d607e/sinkinsans-400regular-webfont.eot');
    src: url('/__pfile/web/28-de61da7c1e1fa6fb9875b86ed982b3112ce0aa35138f4ffab6e5240f4f1d607e/sinkinsans-400regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/__pfile/web/31-7a11c27193aba0b0cf7bfe16156c30c00c88908171aed067ebdc3ee66477b7b5/sinkinsans-400regular-webfont.woff') format('woff'),
         url('/__pfile/web/30-118e729dc5fbbbfdcc5338078092ac6e6e510afa20b85f5af2b00e08c10977e0/sinkinsans-400regular-webfont.ttf') format('truetype'),
         url('/__pfile/web/29-2eab7f52c94034b2585864c9cb10ca1f0b4d7fe074a547d2c1e09a52aa597454/sinkinsans-400regular-webfont.svg#sinkin_sans400_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans600_semibold';
    src: url('/__pfile/web/32-e27f3a6b13215b39ea5e946b44887f9a4e4f8e3ec6c6b2ece4f361bd76271545/sinkinsans-600semibold-webfont.eot');
    src: url('/__pfile/web/32-e27f3a6b13215b39ea5e946b44887f9a4e4f8e3ec6c6b2ece4f361bd76271545/sinkinsans-600semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/__pfile/web/35-67661b07a289fd044e86884e938dc050aefe073cd51711d3c5ab0f5eb18c20dc/sinkinsans-600semibold-webfont.woff') format('woff'),
         url('/__pfile/web/34-67cf0eeda55464f6c25174896bd2e5ad10d17b773d12e392321272af5056cedc/sinkinsans-600semibold-webfont.ttf') format('truetype'),
         url('/__pfile/web/33-5cf78686acfdddc8d301d09e1b9f221a3cf8caa8194d2b742cdabb13e618159a/sinkinsans-600semibold-webfont.svg#sinkin_sans600_semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans700_bold';
    src: url('/__pfile/web/36-a9f05ff0285cf2134e2543c8f1c9585cac33cd11c39b96d5e679d94d924994c3/sinkinsans-700bold-webfont.eot');
    src: url('/__pfile/web/36-a9f05ff0285cf2134e2543c8f1c9585cac33cd11c39b96d5e679d94d924994c3/sinkinsans-700bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/__pfile/web/39-3d7203fcbd85dd1ffc762fe9864ea895b836d9e31f9ae649eeeaebc52d6f5e70/sinkinsans-700bold-webfont.woff') format('woff'),
         url('/__pfile/web/38-198f9de24b5be9ab107702d9a3eaf2fed34d8f33b0041598481c918d8ca94fd7/sinkinsans-700bold-webfont.ttf') format('truetype'),
         url('/__pfile/web/37-8ceb60a9198de9f439acd1462f89e93b79b95a89d058fc61d8270111e468c7e0/sinkinsans-700bold-webfont.svg#sinkin_sans700_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*
Global style
=========================== */

*{padding:0;margin:0;}
html{}
img{border:none;} 
.cleaner{clear:both;height:1px;}
.f-left{float:left;} 
.f-right{float:right;}
.opacity{opacity: 1; filter:alpha (opacity=100);}
.opacity:hover{opacity: 0.8; filter:alpha (opacity=80);}
.a-center{width:100%;text-align:center;}
.a-right{width:100%;text-align:right;}    
a{color:#1d1d1b;}
a:hover{text-decoration:none;}
.hidden{display:none;}
table{border-collapse: collapse;border-spacing: 0;}


/*
Layout style
=========================== */
html{
  width: 100%;
  height: 100%;
  font-size: 100%;
}

body{
  margin:0;
  padding:0;
  background:#fff;
  font-family: 'Open Sans', sans-serif;
  font-size:15px;
  color:#000;
	min-height: 100%;
	position: relative;
  padding-bottom: 90px;
}

.container{
  position:relative;
  width:990px;
  margin:0 auto;
} 


/*
Typography
=========================== */
h1,h2,h3,h4,h5 {
  color:#ff9f02;
}
h1{font-size:44px; font-weight:100; line-height:44px; margin-top:20px;}
h2{font-size:34px; font-weight:800; line-height:44px; margin-top:15px;} 
h3{font-size:28px; font-weight:100; line-height:44px; margin-top:15px;}  
h4{font-size:24px; font-weight:100; line-height:44px; margin-top:15px;}
h5{font-size:20px; font-weight:100; line-height:44px; margin-top:10px;}  
p{line-height:24px;} 


/*
Grid
=========================== */
.grid-0{width:100%;}
.grid-1{width:50%;float:left;position:relative;}
.grid-2{width:800px;margin:0 auto;padding:45px 0 25px 0;}
.grid-3{width:30%;}
.grid-4{width:30%;margin:0 5%;}
.row-0{height:533px;}
.row-1{height:365px;}



/*
Header
=========================== */
header{
  height:47px;
  background:url("/__imgthumb/web/404-326/3840-3840/7780-header-line.png") no-repeat 50% 100%;
}

header ul{
  width:100%;
  list-style:none;
}

header ul li{
  float:left;
  display:inline-block;
  margin:0 1.3%;
  text-align:center;
}

header ul li a{
  display:inline-block;
  height:46px;
  line-height:46px;
  font-size:13px;
  font-weight:400;
  text-decoration:none;
  color:#808285;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header ul li a:hover{
  color:#f99f1c;
}

.logo-lontainer{
  width:100%;
  position:absolute;
  z-index:99;
}

.logo-lontainer .logo{
  display:inline-block;
  margin:30px auto 0 auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.logo-lontainer .logo:hover{
  opacity: 0.8; filter:alpha (opacity=80);
}


/*
Serices block
=========================== */
.service{
  z-index:9;
  margin-top:70px;
}

.service-1, .service-2, .service-3, .service-4{
  display:block;
  font-size:22px;
  font-weight:800;
  color:#fff;
  text-decoration:none;
  position:relative;
}

.service-1:hover, .service-2:hover{
  color:#f99f1c;
}

.service-3:hover, .service-4:hover{
  color:#ffd421;
}

.service-1{
  background:url("/__imgthumb/web/438-410/3840-3840/32d8-banner-1.jpeg") no-repeat 100% 0;
}

.service-1:hover{
  background:url("/__imgthumb/web/438-410/3840-3840/32d8-banner-1.jpeg") no-repeat 100% -533px;
}

.service-2{
  background:url("/__imgthumb/web/437-406/3840-3840/19b3-banner-2.jpeg") no-repeat 0 0;
}

.service-2:hover{
  background:url("/__imgthumb/web/437-406/3840-3840/19b3-banner-2.jpeg") no-repeat 0 -533px;
}

.service-3{
  background:url("/__imgthumb/web/442-426/3840-3840/a114-banner-3.jpeg") no-repeat 100% 0;
}

.service-3:hover{
  background:url("/__imgthumb/web/442-426/3840-3840/a114-banner-3.jpeg") no-repeat 100% -365px;
}

.service-4{
  background:url("/__imgthumb/web/443-430/3840-3840/8abf-banner-4.jpeg") no-repeat 0 0;
}

.service-4:hover{
  background:url("/__imgthumb/web/443-430/3840-3840/8abf-banner-4.jpeg") no-repeat 0 -365px;
}

.service-1 span{
  display:inline-block;
  position:absolute;
  right:85px;
  bottom:25px;
}

.service-2 span{
  display:inline-block;
  position:absolute;
  left:85px;
  bottom:25px;
}

.service-3 span{
  display:inline-block;
  position:absolute;
  right:85px;
  top:25px;
}

.service-4 span{
  display:inline-block;
  position:absolute;
  left:85px;
  top:25px;
}


/*
Links
=========================== */
.links{
  width:100%;
  background:#ff9f02;
}

.links ul{
  list-style:none;
}

.links a{
  font-family:arial;
  font-size:12px;
  text-decoration:none;
  line-height:18px;
  color:#fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.links a:hover{
  text-decoration:underline;
}


/*
Footer
=========================== */
footer {
  height: 110px;
}

footer{
  width:100%;
  //background:#ff9f02;
  background: rgb(249, 159, 28);
  position:absolute;
  bottom: 0;  
}

footer p{
  //color:#808285;
  font-size:10px;
  padding:20px 0;
  line-height:18px;
}

/* custom */
.no-show {
  display: none;
}

#content {
  margin: 180px auto 30px;
  width: 990px;
  padding-left: 70px;
}

.homepage-content {
  margin-top: -110px;
  height: 100%;
}

.links {
  font-family: arial;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
}

.content-all {
  min-height: 100px;
}

.not-hp footer {
  height: 290px;
}

.not-hp footer .kruh {
  background: #fff url('/__imgthumb/web/492-442/3840-3840/addf-kruh-dolni.png');
  height: 170px;
}

.not-hp #content {
  padding-top: 100px;
  padding-bottom: 170px;
}

.not-hp .kruh-top {
  background: #fff url('/__imgthumb/web/493-438/3840-3840/7b6a-kruh-horni.png');
  height: 170px;
  width: 100%;
  position: absolute;
  top: 124px;
}

.motto-left, .motto-right {
  font-size: 25px;
  position: absolute;
  top: 80px;
  z-index: 99;
  color: #808285;
  display: none;
}

.motto-left {
  text-align: left;
  left: 460px;
}

.motto-right {
  text-align: right;
  right: 450px;
}

li {
  margin-left: 25px;
}

ul {
  margin-bottom: 1em;
}


/** popup */
.popup {
  display: none;
  position: fixed;
  top: 80px;
  right: 20px;
  width: 35%;
  min-width: 400px;
  min-height: 200px;
  background: #ffffff;
  border: 4px solid #FFD000;
  z-index: 100;
  padding: 30px;
}

.popup-close {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
/* === */