/* WWW.RAPIDSMART.CZ, MEDIA SCREEN */
@font-face
{
font-family: BlenderProBold;
src: url('../fonts/2026/BlenderPro-Bold.eot');
src: url('../fonts/2026/BlenderPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/2026/BlenderPro-Bold.woff') format('woff'), url('../fonts/2026/BlenderPro-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: BlenderProMedium;
src: url('../fonts/2026/BlenderPro-Medium.eot');
src: url('../fonts/2026/BlenderPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/2026/BlenderPro-Medium.woff') format('woff'), url('../fonts/2026/BlenderPro-Medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family: BlenderProRegular;
src: url('../fonts/2026/BlenderPro-Book.eot');
src: url('../fonts/2026/BlenderPro-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/2026/BlenderPro-Book.woff') format('woff'), url('../fonts/2026/BlenderPro-Book.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {

font-family: BlenderProThin;
src: url('../fonts/2026/BlenderPro-Thin.eot');
src: url('../fonts/2026/BlenderPro-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/2026/BlenderPro-Thin.woff') format('woff'), url('../fonts/2026/BlenderPro-Thin.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
{
display: block;
}

audio, canvas, video
{
display: inline-block;
*display: inline;
*zoom: 1;
}

audio:not([controls])
{
display: none;
}

[hidden]
{
display: none;
}

::-moz-selection
{
background: rgb(78,199,236);
color: rgb(255,255,255);
text-shadow: none;
}

::selection
{
background: rgb(78,199,236);
color: rgb(255,255,255);
text-shadow: none;
}

iframe {border: 0;}

html
{
/* background: rgb(238,238,238); */
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body
{
color: rgb(34,34,34);
font: normal normal normal 1em/normal sans-serif;
margin: 0;
padding: 0;
}

a img
{
border: none;
}

abbr
{
cursor: help;
}

a:focus
{
outline: thin dotted;
}

blockquote, q
{
quotes: none;
margin: 0 40px 0 40px;
}

dl, form, h1, h2, h3, h4, h5, h6, ol, p, ul
{
margin: 0;
padding: 0;
}

form label
{
cursor: pointer;
}

form button[type='button'], form button[type='submit'], form input[type='button'], form input[type='submit']
{
cursor: pointer;
margin: 0;
padding: 0;
-webkit-appearance: button;
}

form button[disabled], form input[disabled]
{
cursor: default;
}

form button[type='button']::-moz-focus-inner, form button[type='submit']::-moz-focus-inner, form input[type='button']::-moz-focus-inner, form input[type='submit']::-moz-focus-inner
{
border: 0;
padding: 0;
}

form input[type='text'], form input[type='password'], form select
{
margin: 0;
}

form input[type='radio'] + label, form input[type='checkbox'] + label
{
float: none !important;
}

form textarea
{
margin: 0;
overflow: auto;
resize: none;
}

hr
{
border: none;
margin: 0;
}

img
{
display: inline-block;
-ms-interpolation-mode: bicubic;
}

ins
{
text-decoration: none;
}

ol li
{
list-style-type: decimal;
}

ul li
{
list-style-type: square;
}

sup
{
position: relative;
top: -0.5em;
vertical-align: baseline;
}

sub
{
bottom: -0.25em;
position: relative;
vertical-align: baseline;
}

table
{
border-collapse: collapse;
margin: 0;
}

div.wrapper
{
clear: both;
}

div.spacer
{
clear: both;
}

span.ico
{
overflow: hidden !important;
position: absolute;
}

a span.ico
{
cursor: pointer;
}

/* page */
/* header: logo, main menu  */
div[class*='page'] > header
{
background: rgb(255,255,255);
min-width: 63.125em;
position: relative;
width: 100%;
z-index: 2;
}

/* div[class*='page'] > header.fixed
{
position: fixed;
top: 0;
left: 0;
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
background: rgba(255, 255, 255, 0.9);
} */

div[class*='page'] > header div.container
{
margin: 0 auto 0 auto;
width: 960px;
/* width: 56.25em; */
}

/* logo */
header div.logo
{
float: left;
margin: 40px 0;
}

header.fixed div.logo {
    margin: 20px 0;
}


header div.logo p, header div.logo h1
{
color: rgb(0,0,0);
font: 0.8125em/30px BlenderProBold, sans-serif;
height: 50px;
overflow: hidden;
position: relative;
text-align: center;
width: 149px;
}

header div.logo a
{
color: rgb(0,0,0);
display: block;
height: 50px;
overflow: hidden;
position: relative;
text-decoration: none;
width: 149px;
}

header div.logo a:hover
{
text-decoration: underline;
}

header div.logo span.ico
{
background: url('../img/svg/logotype.svg') center center no-repeat;
bottom: 0;
height: 50px;
left: 0;
width: 149px;
}

/* main menu */
header nav.mainmenu
{
float: right;
margin: 60px 0 0 0;
}
header.fixed nav.mainmenu {margin: 30px 0 0 0;}

header nav.mainmenu li
{
float: left;
font: 1em/12px BlenderProRegular, sans-serif;
list-style: none;
margin: 0 0 0 40px;
position: relative;
text-transform: uppercase;
}

header nav.mainmenu a
{
color: rgb(0,0,0);
display: inline-block;
margin-bottom: 4px;
padding: 0 0 15px 0;
position: relative;
text-decoration: none;
}

header nav.mainmenu a.active, header nav.mainmenu a:hover, header nav.mainmenu li:hover a
{
color: rgb(0,128,200);
}

header nav.mainmenu div.sub
{
display: none;
max-width: 13.8em;
position: absolute;
width: 13.8em;
}

header nav.mainmenu li:last-child div.sub
{
right: 0;
}

header nav.mainmenu div.sub span.shadow.l
{
background: url('../img/mainmenu-sub-shadow-l.png') left bottom no-repeat;
bottom: 0;
height: 100%;
left: -3px;
overflow: hidden;
position: absolute;
width: 3px;
}

header nav.mainmenu div.sub span.shadow.b
{
background: url('../img/mainmenu-sub-shadow-b.png') left bottom no-repeat;
bottom: -5px;
height: 5px;
left: 0;
overflow: hidden;
position: absolute;
width: 100%;
}

header nav.mainmenu ul
{
background: rgb(254,254,254);
border-radius: 0 0 1px 1px;
overflow: hidden;
padding: 0 1em 7px 1em;
}

header nav.mainmenu li:last-child ul
{
right: 0;
}

header nav.mainmenu ul li
{
float: none;
font: 0.85em/16px BlenderProThin, sans-serif;
margin: 9px 0 10px 0;
}

header nav.mainmenu ul a
{
background: none !important;
color: rgb(139,138,138) !important;
margin: 0;
padding: 0;
}

header nav.mainmenu ul a:hover
{
background: none !important;
color: rgb(0,128,200) !important;
}

header nav.mainmenu ul a.active {
    color: rgb(0,128,200) !important;
}

header nav.mainmenu li:hover div.sub
{
/* display: block; */
}

header nav.mainmenu ol li.search a span {
display: block;
top: -1px;
width: 15px;
height: 15px;
background: url('../img/svg/ico_search.svg') center center no-repeat;
}

header nav.mainmenu ol li.search a:hover span {
background-image: url('../img/svg/ico_search_hover.svg');
}

/* content */
div.content:not(.fancybox)
{
min-width: 63.125em;
width: 100%;
}

div.content[role='main']
{
/* background: url('../img/content-main.png') center bottom no-repeat; */
padding: 0 0 45px 0;
}

div.content:not([role='main']):not(.fancybox)
{
background: rgb(250, 250, 250);
padding: 45px 0 45px 0;
}

div.content.fancybox
{
background: rgb(250, 250, 250);
border-radius: 2px;
padding: 32px 35px 35px 35px;
}

div.content div.container
{
margin: 0 auto 0 auto;
width: 60em;
}

div.content[role='main'] > div.container
{
padding: 0 0 0 0;
}

div.homepage div.content[role='main'] > div.container
{
    display: none;
/*
    background: url('../img/homepage-container.png') center top no-repeat;
    overflow: hidden;
    padding: 41px 0 0 0;
    */
}

div.content a
{
color: rgb(0,128,200);
}

div.content a:hover
{
text-decoration: none;
}

div.content address
{
font: 0.8125em/17px sans-serif;
margin: 0 0 16px 0;
}

div.content blockquote
{
margin: 0 2.5em 0 2.5em;
}

div.content code
{
font: 1.25em/17px monospace;
}

div.content dl, div.content dd
{
font: 0.8125em/17px sans-serif;
margin: 0 0 16px 0;
}

div.content form fieldset
{
border: none;
margin: 0;
padding: 0;
}

div.content form label
{
display: inline-block;
font: 1em/1 BlenderProThin, sans-serif;
padding: 0 0 10px 0;
}

div.content form input[type='text'], div.content form input[type='password']
{
background: rgb(255,255,255);
border: 1px solid rgb(204,204,204);
border-radius: 2px;
color: rgb(124,124,124);
font: 1em/normal BlenderProThin, sans-serif;
padding: 8px 0.625em 7px 0.625em;
}

div.content form input[type='submit'], div.content form button[type='submit'], div.content form input[type='button'], div.content form button[type='button']
{
background: rgb(172,172,172);
border: none;
border-radius: 2px;
color: rgb(255,255,255);
font: 0.875em/16px BlenderProRegular, sans-serif;
padding: 10px 13px 9px 13px;
position: relative;
}

div.content form input[type='submit']:hover, div.content form button[type='submit']:hover, div.content form input[type='button']:hover, div.content form button[type='button']:hover
{
background: rgb(134,134,134);
}

div.content form textarea
{
background: rgb(255,255,255);
border: 1px solid rgb(201,201,201);
border-radius: 3px;
color: rgb(124,124,124);
font: 1em/normal BlenderProThin, sans-serif;
padding: 8px 0.625em 7px 0.625em;
}

div.content form select
{
background: rgb(255,255,255);
border: 1px solid rgb(201,201,201);
border-radius: 3px;
color: rgb(124,124,124);
font: 1em/normal BlenderProThin, sans-serif;
padding: 8px 0.625em 7px 0.625em;
}

div.content form div.newListSelected
{
background: rgb(255,255,255);
border: 1px solid rgb(201,201,201);
border-radius: 3px;
color: rgb(124,124,124);
display: inline-block;
font: 1em/normal BlenderProThin, sans-serif;
position: relative !important;
}

div.content form div.newListSelected:hover
{
cursor: pointer;
}

div.content form div.newListSelected div.selectedTxt
{
margin-right: 32px;
padding: 8px 0.625em 7px 0.625em;
}

div.content form div.newListSelected div.SSContainerDivWrapper
{
background: rgb(255,255,255);
border-bottom: 1px solid rgb(201,201,201);
border-left: 1px solid rgb(201,201,201);
border-right: 1px solid rgb(201,201,201);
border-radius: 2px;
height: auto !important;
left: -1px !important;
position: absolute;
top: 2.375em !important;
z-index: 2 !important;
width: 100%;
}

div.content form div.newListSelected ul.newList
{
height: auto !important;
margin: 5px 0 5px 0;
}

div.content form div.newListSelected ul.newList li
{
background: none;
font: 1em/22px BlenderProThin, sans-serif;
padding: 5px 0;
}

div.content form div.newListSelected ul.newList li a
{
color: rgb(124,124,124);
display: block;
padding: 0 0.625em 0 0.625em;
text-decoration: none;
}

div.content form div.newListSelected ul.newList li a:hover
{
color: rgb(0,128,200);
}

div.content form div.newListSelected div.dropdown
{
height: 100%;
min-height: 32px;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 32px;
}

div.content form div.newListSelected div.dropdown span.beak
{
background: url('../img/svg/select-dropdown.svg') center center no-repeat;
height: 100%;
overflow: hidden;
position: absolute;
right: 7px;
top: 0;
width: 13px;
}

div.content form div.newListSelected:hover div.dropdown span.beak
{
background-image: url('../img/svg/select-dropdown_hover.svg');
}

div.content form span.ui-checkbox + label, div.content form span.ui-radio + label
{
float: none !important;
padding: 0;
width: auto !important;
}

div.content form p.message
{
border-radius: 2px;
clear: both;
float: none !important;
font: 0.9em/16px BlenderProThin, sans-serif;
margin: 0 0 10px 0 !important;
padding: 8px 10px 8px 36px !important;
position: relative;
}

div.content form p.message strong {
    font-family: BlenderProRegular;
    font-weight: normal;
}

div.content form p.message.success
{
background: rgb(238,238,238);
color: rgb(124,124,124);
}

div.content form p.message.error
{
color: rgb(255, 0, 0);
}

div.content form p.message.note
{
color: rgb(124,124,124);
padding: 8px 10px 8px 0 !important
}

div.content form p.message.success span.ico
{
background: url('../img/svg/form-success.svg') center center no-repeat;
height: 100%;
left: 9px;
top: 0;
width: 14px;
}

div.content form p.message.error span.ico
{
background: url('../img/svg/form-fault.svg') center center no-repeat;
height: 100%;
left: 8px;
top: 0;
width: 14px;
}

div.content form p.required mark
{
background: none;
color: rgb(0,128,200);
font: 1em/1 BlenderProThin, sans-serif;
margin-left: 1px;
position: relative;
top: 3px;
}

div.content form p.note mark
{
background: none;
color: rgb(0,128,200);
font: 1em/normal BlenderProThin, sans-serif;
margin-left: 1px;
position: relative;
top: 2px;
}

div.content div.form p.fault, div.content div.form p.fault *
{
color: rgb(255, 0, 0) !important;
}

div.content h1
{
color: rgb(0,128,200);
font: 3.000em/normal BlenderProThin, sans-serif;
padding: 0 0 28px 0;
margin: 0 0 5px 0;
text-align: center;
}

div.content h2
{
color: rgb(0,128,200);
font: 1.5em/normal BlenderProMedium, sans-serif;
margin: 0 0 5px 0;
}

div.content h3
{
color: rgb(31,31,31);
font: 1.25em/normal BlenderProMedium, sans-serif;
margin: 0 0 1px 0;
}

div.content h4
{
color: rgb(83,83,82);
font: 0.875em/normal BlenderProThin, sans-serif;
margin: 0 0 6px 0;
}

div.content h5
{
color: rgb(44,46,48);
font: 0.8125em/normal BlenderProThin, sans-serif;
margin: 0 0 6px 0;
}

div.content h6
{
color: rgb(44,46,48);
font: 0.8125em/normal BlenderProThin, sans-serif;
}

div.content hr
{
clear: both;
height: 1px;
}

div.content.fancybox hr
{
margin-bottom: 20px;
}

div.content ol
{
counter-reset: list;
margin: 0 10px 16px 19px;
}

div.content ul
{
margin: 0 10px 16px 0;
}

div.content li ol, div.content li ul
{
margin: 0 0 -2px 0;
}

div.content ol li
{
font: 1.25em/29px BlenderProRegular;
list-style: none;
padding: 0;
}

div.content ol li:before
{
color: rgb(0,128,200);
content: counter(list) '.';
counter-increment: list 1;
margin-right: 5px;
}

div.content ul li
{
background: url('../img/ul-li.svg') 16px 10px no-repeat;
background-size: 5px;
font: 1.25em/29px BlenderProRegular, sans-serif;
list-style: none;
padding: 0 0 10px 31px;
}

div.content ul li strong
{
font-family: BlenderProMedium, sans-serif;
font-weight: normal;
}

div.content li ol
{
margin-left: 20px;
}

div.content li ol li
{
font: 1em/24px sans-serif;
}

div.content li ol li:before
{
color: rgb(104,102,102);
}

div.content li ul li
{
background: url('../img/li-ul-li.png') 5px 10px no-repeat;
font: 1em/24px sans-serif;
padding: 0 0 0 16px;
}

div.content p
{
font: 1.25em/29px BlenderProRegular;
/* font: 0.8125em/17px sans-serif; */
padding: 0 0 16px 0;
color: rgb(34,34,34);
}

div.content p strong {
    font-family: BlenderProMedium;
    font-weight: normal;
}

div.content p a.not-important {
    color: rgb(124, 124, 124);
    text-decoration-line: underline;
    text-decoration-style: dotted;
    -webkit-text-decoration-line: underline;
    -webkit-text-decoration-style: dotted;
}

div.content table
{
border: 1px solid rgb(222,223,223);
border-collapse: separate;
border-radius: 2px;
border-spacing: 0;
margin: 0 0 16px 0;
}

div.content table caption
{
background: rgb(124,124,124);
border-radius: 2px 2px 0 0;
color: rgb(242,240,240);
font: 0.8125em/16px BlenderProThin, sans-serif;
padding: 5px 9px 5px 9px;
}

div.content table thead th
{
background: rgb(124,124,124);
color: rgb(242,240,240);
font: 0.8125em/16px BlenderProThin, sans-serif;
padding: 5px 9px 5px 9px;
text-align: left;
}

div.content table thead th:first-child
{
border-radius: 2px 0 0 0;
}

div.content table thead th:last-child
{
border-radius: 0 2px 0 0;
}

div.content table thead th a
{
color: rgb(255,255,255);
}

div.content table tbody th
{
background: rgb(255,255,255);
border-bottom: 1px solid rgb(222,223,223);
color: rgb(124,124,124);
font: 0.8125em/17px BlenderProThin, sans-serif;
padding: 5px 9px 5px 9px;
text-align: left;
}

div.content table td
{
background: rgb(255,255,255);
border-bottom: 1px solid rgb(222,223,223);
color: rgb(124,124,124);
font: 0.8125em/17px BlenderProThin, sans-serif;
padding: 5px 9px 5px 9px;
vertical-align: top;
}

div.content table thead th:not(:last-child), div.content table tbody th:not(:last-child), div.content table td:not(:last-child)
{
border-right: 1px solid rgb(222,223,223);
}

div.content table tr:last-child td
{
border-bottom: none;
}

div.content table tr:last-child td:first-child
{
border-radius: 0 0 0 4px;
}

div.content table tr:last-child td:last-child
{
border-radius: 0 0 4px 0;
}

div.content time
{
font: 1em/16px BlenderProThin, sans-serif;
}

/* breadcumb */
div.content div.path
{
display: none;
}

/* pager */
div.content div.pagination
{
margin: 0 0 -24px 0;
}

div.content div.partners + div.pagination
{
margin-top: -47px;
}

div.content div.pagination ul
{
margin: 0;
text-align: right;
}

div.content div.pagination li
{
background: none;
display: inline;
font: 0.9375em/1 BlenderProThin, sans-serif;
list-style: none;
margin: 0 0 0 10px;
padding: 0;
text-align: center;
}

div.content div.pagination li.more-pages
{
padding: 7px 0 7px 0;
}

div.content div.pagination a
{
background: rgb(254,254,254);
border: 1px solid rgb(139,138,138);
border-radius: 2px;
color: rgb(139,138,138);
display: inline-block;
min-width: 14px;
padding: 4px 5px 5px 5px;
text-decoration: none;
}

div.content div.pagination a:hover
{
border: 1px solid rgb(0,128,200);
}

div.content div.pagination a.active
{
border: 1px solid rgb(0,128,200);
color: rgb(0,128,200);
}

/* pagemenu */
div.content nav.pagemenu
{
background: #eee;
padding: 24px 0 24px 0;
margin: 0 auto 36px auto;
}

div.content nav.pagemenu ul
{
margin: 0 auto 0 auto;
width: 60em;
}

div.content nav.pagemenu li
{
background: none;
float: left;
font: 1em/24px BlenderProMedium, sans-serif;
list-style: none;
margin: 0 12px 0 0;
padding: 0;
}

div.content nav.pagemenu li:first-child
{
margin: 0;
}

div.content nav.pagemenu a
{
border-left: 1px solid rgb(180,180,180);
color: rgb(31,31,31);
display: block;
padding: 3px 0 3px 12px;
position: relative;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
}

div.content nav.pagemenu a:hover
{
background: none;
color: rgb(0, 128, 200);
}

div.content nav.pagemenu a.active
{
color: rgb(0,128,200);
background: none;
}

div.content nav.pagemenu li:first-child a {
border-left: 0;
padding-right: 12px; 
}

/* vysledky vyhledavani */

div.content div.search-results
{
background: rgb(255,255,255);
display: inline-block;
margin: 20px 0 30px 0;
}

div.content div.search-results p
{
font: 1em/normal BlenderProRegular, sans-serif;
padding: 7px 10px 7px 10px;
}

div.content div.search-results mark
{
background: none;
font: 1em/normal BlenderProBold, sans-serif;
}

div.content div.search-results samp
{
font: 1em/normal BlenderProRegular, sans-serif;
}

/* site map */
div.content ul.sitemap
{
margin-top: 20px;
}

div.content ul.sitemap li
{
background-position: left 10px;
padding-left: 12px;
}

/* slider */
div.content div.slider div.bx-wrapper
{
position: relative;
}

div.content div.slider div.item img
{
float: left;
display: block;
}

div.content div.slider div.bx-controls
{
position: absolute;
width: 100%;
z-index: 51;
}

div.content div.slider div.bx-controls div.bx-pager
{
margin: 0 auto 0 auto;
position: relative;
text-align: center;
width: 960px;
}

div.content div.slider div.bx-controls div.bx-pager a
{
color: rgb(139, 138, 138);
display: inline;
font: 35px sans-serif;
margin: 0 4px 0 5px;
text-decoration: none;
}

div.content div.slider div.bx-controls div.bx-pager a.active
{
    color: rgb(0, 128, 200);
}

div.content div.slider div.bx-controls div.bx-pager a:hover
{
opacity: 0.7;
}

/* article detail, gallery */
div.content div.gallery
{
margin-bottom: 21px;
}

div.content div.slider.gallery div.bx-controls
{
top: 126px;
}

div.content div.gallery ul.pagination
{
float: right;
margin: 0;
}

div.content div.gallery ul.pagination li
{
background: none;
height: 100px;
margin: 0 0 18px 0;
padding: 0;
width: 221px;
}

div.content div.gallery ul.pagination li:last-child
{
margin-bottom: 0;
}

div.content div.gallery ul.pagination a
{
background: rgb(0,0,0);
display: block;
position: relative;
}

div.content div.gallery ul.pagination img
{
display: block;
}

div.content div.gallery ul.pagination a.active img, div.content div.gallery ul.pagination a:hover img
{
opacity: 0.5;
}

div.content div.gallery ul.pagination a span.ico
{
background: rgb(238,238,238) url('../img/icons-h.png') -772px center no-repeat;
border: 8px solid rgb(238,238,238);
border-radius: 2px;
display: none;
height: 17px;
left: 94px;
padding: 1px 0 0 0;
top: 34px;
width: 17px;
}

div.content div.gallery ul.pagination a:hover span.ico
{
display: block;
}

div.content div.gallery div.items
{
float: left;
height: 336px;
width: 716px;
}

/* article detail, attachments */
div.content div.attachments
{
margin: 0 0 25px 0;
}

div.content div.attachments a.item
{
color: rgb(124,124,124);
float: left;
margin: 15px 0 15px 0;
min-height: 65px;
padding: 0 1em 0 63px;
position: relative;
text-decoration: none;
width: 7em;
}

div.content div.attachments a.item:hover
{
color: rgb(0,128,200);
}

div.content div.attachments a.item span.ico
{
background: url('../img/icons-h.png') -594px center no-repeat;
height: 65px;
left: 0;
padding: 1px 0 0 0;
top: 0;
width: 53px;
}

div.content div.attachments a.item:hover span.ico
{
background: url('../img/icons-h.png') -647px center no-repeat;
}

div.content div.attachments a.item span.ico span
{
margin: 0 9px 0 9px;
overflow: hidden;
position: absolute;
top: 17px;
width: 34px;
}

div.content div.attachments a.item.plaintext span.ico span
{
background: url('../img/icons-v.png') center -144px no-repeat;
height: 20px;
margin-top: 7px;
}

div.content div.attachments a.item.document span.ico span
{
background: url('../img/icons-v.png') center 0 no-repeat;
height: 20px;
margin-top: 7px;
}

div.content div.attachments a.item.spreadsheet span.ico span
{
background: url('../img/icons-v.png') center -69px no-repeat;
height: 20px;
margin-top: 7px;
}

div.content div.attachments a.item.presentation span.ico span
{
background: url('../img/icons-v.png') center -45px no-repeat;
height: 24px;
margin-top: 5px;
}

div.content div.attachments a.item.image span.ico span
{
background: url('../img/icons-v.png') center -116px no-repeat;
height: 28px;
margin-top: 3px;
}

div.content div.attachments a.item.archive span.ico span
{
background: url('../img/icons-v.png') center -89px no-repeat;
height: 27px;
}

div.content div.attachments a.item.pdf span.ico span
{
background: url('../img/icons-v.png') center -20px no-repeat;
height: 25px;
margin-top: 4px;
}

div.content div.attachments a.item p:first-child
{
font: 0.75em/15px BlenderProMedium, sans-serif;
margin: 0 0 6px 0;
padding: 0;
}

div.content div.attachments p.type
{
font: 0.75em/15px BlenderProThin, sans-serif;
}

/* article detail, share */
div.content div.social-sites
{
margin: 20px 0 30px 0;
}

div.content div.social-sites p
{
color: rgb(124, 124, 124);
float: left;
font: 1em/1 BlenderProThin, sans-serif;
margin: 2px 10px 0 0;
padding: 0;
}

div.content div.social-sites div.item
{
float: left;
padding: 0 10px 0 0;
}


/* article detail, form */
div.content div.form.contact-form
{
padding: 0;
}

div.content div.form.contact-form h2
{
display: none;
color: rgb(103,103,103);
font: 1.0625em/1 BlenderProThin, sans-serif;
margin: 0 0 3px 0;
}

div.content div.form.contact-form fieldset:not(.submit)
{
margin: 0;
}

div.content div.form.contact-form fieldset p
{
padding: 0 0 17px 0;
}

div.content div.form.contact-form fieldset:not(.notice) p
{
float: left;
width: 50%;
}

div.content div.form.contact-form fieldset:not(.notice) p:nth-child(even) {
    float: right;
    width: calc(50% - 20px);
    margin: 0 0 0 20px;
}

div.content div.form.contact-form label
{
color: rgb(103,103,103);
}

div.content div.form.contact-form label.fault {
    color: rgb(255, 0, 0);
}

div.content div.form.contact-form fieldset.submit
{
text-align: right;
}

div.content div.form.contact-form input[size='50']
{
width: 437px;
/* width: 31.9em; */
}

div.content div.form.contact-form select
{
width: 437px;
/* width: 31.9em; */
}

div.content div.form.contact-form div.newListSelected
{
width: 457px;
/* width: 33.2em; */
}

div.content div.form.contact-form textarea
{
width: 938px;
}

div.content div.form.contact-form p.note
{
color: rgb(124,124,124);
display: inline-block;
float: none !important;
font: 0.75em/16px BlenderProThin, sans-serif;
margin: 0 18px 0 0;
padding: 0;
width: auto;
}

/* article list, actualities */
div.content[role='main'] div.articles
{
margin: 0 -2.0625em -46px -2.0625em;
overflow: hidden;
}

div.content[role='main'] div.articles article
{
float: left;
margin: 0 2.0625em 65px 2.0625em;
position: relative;
width: 17.25em;
}

div.content[role='main'] div.articles article:nth-child

div.content[role='main'] div.articles article span.shadow
{
background: url('../img/article-shadow.png') center top no-repeat;
bottom: -3px;
height: 3px;
left: 0;
overflow: hidden;
position: absolute;
width: 100%;
}

div.content[role='main'] div.articles.news article
{
width: 27.9375em;
}

div.content[role='main'] div.articles.news article span.shadow
{
background: url('../img/shadow.png') center top no-repeat;
bottom: -3px;
height: 3px;
left: 0;
overflow: hidden;
position: absolute;
width: 100%;
}

div.content[role='main'] div.articles figure
{
margin: 0;
text-align: center;
}

div.content[role='main'] div.articles figure > img:first-child
{
height: 138px;
width: 276px;
}

div.content[role='main'] div.articles figure figcaption
{
background: rgb(254,254,254) url('../img/figcaption.png') center bottom no-repeat;
color: rgb(124,124,124);
display: none;
font: 1.2em/138px BlenderProThin, sans-serif;
text-align: center;
overflow: hidden;
padding: 0 10px 0 10px;
position: relative;
}

div.content[role='main'] div.articles figure figcaption a
{
color: rgb(124,124,124);
display: block;
height: 138px;
text-decoration: none;
width: 100%;
}

div.content[role='main'] div.articles figure figcaption span.ico
{
display: none;
height: 69px;
padding: 1px 0 0 0;
right: 0;
top: 0;
width: 69px;
background-position: center center;
background-repeat: no-repeat;
}

div.content[role='main'] div.articles article.web span.ico
{
background-image: url('../img/svg/corner-web.svg');
}

div.content[role='main'] div.articles article.e-shop span.ico
{
background-image: url('../img/svg/corner-shop.svg');
}

div.content[role='main'] div.articles article.graphics span.ico
{
background-image: url('../img/svg/corner-graphic.svg');
}

div.content[role='main'] div.articles article.layout span.ico
{
background-image: url('../img/svg/corner-layout.svg');
}

div.content[role='main'] div.articles article.catalog span.ico
{
background-image: url('../img/svg/corner-catalog.svg');
}

div.content[role='main'] div.articles article.server span.ico
{
background-image: url('../img/svg/corner-server.svg');
}

div.content[role='main'] div.articles figure:hover span.ico
{
display: block;
}

div.content[role='main'] div.articles figure:hover > img:first-child
{
display: none;
}

div.content[role='main'] div.articles figure:hover figcaption
{
display: block;
}

div.content:not([role='main']) div.articles figure
{
float: left;
margin: 0;
}

div.content[role='main'] div.articles figure img
{
display: block;
}

div.content:not([role='main']) div.articles figure img
{
margin: 0 0 -2px 0;
}

div.content[role='main'] div.articles.news figure a
{
background: rgb(0,0,0);
display: block;
position: relative;
}

div.content[role='main'] div.articles.news figure a:hover img
{
opacity: 0.5;
}

div.content[role='main'] div.articles.news figure span.ico
{
background: rgb(238,238,238) url('../img/icons-h.png') -789px center no-repeat;
border: 14px solid rgb(238,238,238);
border-radius: 3px;
display: none;
height: 31px;
left: 194px;
padding: 1px 0 0 0;
top: 70px;
width: 31px;
}

div.content[role='main'] div.articles.news figure a:hover span.ico
{
display: block;
}

div.content[role='main'] div.articles article > a:first-child
{
background: rgb(255,255,255);
color: rgb(124,124,124);
display: block;
font: 1em/138px BlenderProRegular, sans-serif;
text-align: center;
text-decoration: none;
}

div.content[role='main'] div.articles div.data
{
background: rgb(254,254,254);
padding: 12px 1.25em 14px 1.25em;
min-height: 65px; /* 2017-02-09 */
}

div.content:not([role='main']) div.articles div.data
{
float: right;
min-height: 87px;
padding: 7px 1.25em 17px 1.25em;
width: 20.625em;
}

div.content:not([role='main']) div.articles div.data.without-image {
    width: auto;
}

div.content div.articles div.data h2, div.content div.articles div.data h3
{
margin: 0 0 5px 0;
}

div.content div.articles div.data h2 a, div.content div.articles div.data h3 a
{
color: rgb(124,124,124);
text-decoration: none;
}

div.content div.articles div.data h2 a:hover, div.content div.articles div.data h3 a:hover
{
text-decoration: underline;
}

div.content:not([role='main']) div.articles div.data h2
{
font: 1.25em/18px BlenderProMedium, sans-serif;
margin: 0 0 7px 0;
}

div.content:not([role='main']) div.articles div.data h2 a, div.content:not([role='main']) div.articles div.data p a
{
color: rgb(124,124,124);
text-decoration: underline;
}

div.content:not([role='main']) div.articles div.data h2 a:hover, div.content:not([role='main']) div.articles div.data p a:hover {
    text-decoration: none;
}

div.content:not([role='main']) div.articles div.data p
{
    font: 1em/22px BlenderProRegular, sans-serif;
}

div.content div.articles p
{
font: 0.75em/16px sans-serif;
padding: 0;
}

div.content div.articles h2 + p
{
padding-bottom: 5px;
}

/* partners */
div.content div.partners
{
margin: 0 -2.0625em -26px -2.0625em;
overflow: hidden;
}

div.content div.partners h2
{
margin-bottom: 10px;
}

div.content div.partners article
{
float: left;
margin: 0 2.0625em 66px 2.0625em;
position: relative;
width: 17.25em;
}

div.content div.partners article span.shadow
{
background: url('../img/shadow.png') center top no-repeat;
bottom: -3px;
height: 3px;
left: 0;
overflow: hidden;
position: absolute;
width: 100%;
}

div.content div.partners figure
{
margin: 0;
text-align: center;
}

div.content div.partners figure img
{
margin: 0 0 -4px 0;
}

div.content div.partners div.data
{
background: rgb(254,254,254);
padding: 11px 1.25em 9px 1.25em;
}

div.content div.partners div.data h3, div.content div.partners div.data h4
{
margin: 0 0 3px 0;
}

div.content div.partners div.data h4
{
font: 0.8125em/12px BlenderProThin, sans-serif;
margin-top: 7px;
margin-bottom: 10px;
}

div.content div.partners div.data h4 a
{
color: rgb(124,124,124);
}

div.content div.partners p
{
font: 0.75em/16px sans-serif;
padding: 0;
}

/* modals */
div.content.fancybox > p:first-child
{
/* background: url('../img/fancybox-p-first-child.png') left bottom no-repeat; */
color: rgb(0, 128, 200);
font: 1.250em/16px BlenderProThin, sans-serif;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
}

div#searchform.content.fancybox div.form.modal label
{
padding-bottom: 18px;
}

div.content.fancybox div.form.modal input[size='30'], div.content.fancybox div.form.modal textarea
{
width: 19.4em;
}

div.content.fancybox div.form.modal input[size='20']
{
width: 12.6em;
}

div.content div.form.modal input#callback-id2
{
background: rgb(255,255,255) url('../img/svg/datepicker.svg') no-repeat 193px center;
cursor: pointer;
margin-right: 10px;
}

div.content div.form.modal input#callback-id2:hover
{
background-image: url('../img/svg/datepicker_hover.svg');
}

div.ui-datepicker a.ui-datepicker-prev, div.ui-datepicker a.ui-datepicker-next
{
cursor: pointer;
font: 0.6em/18px BlenderProThin, sans-serif;
height: 19px;
position: absolute;
text-align: center;
top: 5px;
width: 19px;
}

div.ui-datepicker a.ui-datepicker-prev.ui-state-disabled
{
display: none;
}

div.ui-datepicker a.ui-datepicker-prev
{
left: 5px;
}

div.ui-datepicker a.ui-datepicker-next
{
right: 5px;
}

div.ui-datepicker a.ui-datepicker-prev span.ui-icon, div.ui-datepicker a.ui-datepicker-next span.ui-icon
{
height: 19px;
left: 0;
overflow: hidden;
padding: 1px 0 0 0;
position: absolute;
top: 0;
width: 19px;
}

div.ui-datepicker a.ui-datepicker-prev span.ui-icon
{
background: url('../img/icons-h.png') -1128px center no-repeat;
}

div.ui-datepicker a.ui-datepicker-prev:hover span.ui-icon
{
background: url('../img/icons-h.png') -1147px center no-repeat;
}

div.ui-datepicker a.ui-datepicker-next span.ui-icon
{
background: url('../img/icons-h.png') -1166px center no-repeat;
}

div.ui-datepicker a.ui-datepicker-next:hover span.ui-icon
{
background: url('../img/icons-h.png') -1185px center no-repeat;
}

div.ui-datepicker div.ui-datepicker-title
{
width: 225px;
background: rgb(238,238,238);
border-left: 1px solid rgb(221,221,221);
border-right: 1px solid rgb(221,221,221);
border-radius: 3px 3px 0 0;
border-top: 1px solid rgb(221,221,221);
color: rgb(102,102,102);
font: 0.875em/normal BlenderProThin, sans-serif;
padding: 5px 0 4px 0;
text-align: center;
}

div.ui-datepicker table.ui-datepicker-calendar
{
width: 227px;
border-collapse: collapse;
}

div.ui-datepicker table.ui-datepicker-calendar th, div.ui-datepicker table.ui-datepicker-calendar td
{
border: 1px solid rgb(221,221,221);
font: 0.875em/normal BlenderProThin, sans-serif;
min-width: 18px;
padding: 4px 5px 3px 5px;
text-align: center;
}

div.ui-datepicker table.ui-datepicker-calendar th
{
background: rgb(255,255,255);
color: rgb(102,102,102);
}

div.ui-datepicker table.ui-datepicker-calendar td
{
background: rgb(238,238,238);
color: rgb(153,153,153);
}

div.ui-datepicker table.ui-datepicker-calendar td a
{
color: rgb(51,51,51);
text-decoration: none;
}

div.ui-datepicker table.ui-datepicker-calendar td a:hover
{
text-decoration: underline;
}

div.content.fancybox div.form.modal fieldset.submit
{
overflow: hidden;
}

div.content.fancybox div.form.modal fieldset.submit p.note
{
float: left;
font: 0.75em/16px BlenderProThin, sans-serif;
padding: 10px 0 0 0;
}

div.content.fancybox div.form.modal fieldset.submit
{
padding-top: 9px;
}

div.content.fancybox div.form.modal fieldset.submit button[type='submit']
{
float: right;
}

div#searchform.content.fancybox div.form.modal legend
{
left: -10000px;
position: absolute;
}

/* main slider */
div.homepage div.content div.slider
{
/* background: rgb(0,128,200) url('../img/slider.png') center bottom no-repeat; */
min-width: 960px;
padding: 0 0 1px 0;
width: 100%;
}

div.content div.slider div.item h2
{
color: rgb(255,255,255);
font: 2.5em/50px BlenderProBold;
margin: -206px auto 0 auto;
padding: 0 200px 0 200px;
text-align: center;
/* text-shadow: 0 0 15px rgba(0,0,0,0.25); */
text-transform: uppercase;
width: 560px;
}

div.homepage div.content div.slider div.bx-wrapper
{
margin: 0 auto 0 auto;
overflow: hidden;
width: 1600px;
}

div.homepage div.content div.slider:not(.gallery) div.bx-controls
{
bottom: -9px;
}

/* branches (boxes) */
div.homepage div.content div.branches
{
background: rgb(255,255,255);
min-width: 60em;
padding: 30px 0 0 0;
width: 100%;
}

div.homepage div.content div.branches div.container
{
margin: 0 auto 0 auto;
overflow: hidden;
text-align: center;
width: 62.50em;
}



div.homepage div.content div.branches div.container div.noitems div
{
    display: block;
    width: 50%;
    padding: 30px 0 30px 0;
    border-bottom: 1px solid rgb(238, 238, 238);
    float: left;
}
div.homepage div.content div.branches div.container div.noitems div:nth-child(5), div.homepage div.content div.branches div.container div.noitems div:nth-child(6) {
    border-bottom: none;
}
div.homepage div.content div.branches div.container div.noitems div span.new {
    width: 80px;
    height: 80px;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJWcnN0dmFfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCI+PGcgaWQ9IlZyc3R2YV8xLTIiPjxjaXJjbGUgY3g9IjQwIiBjeT0iNDAiIHI9IjQwIiBzdHlsZT0iZmlsbDojMDA5ZGUwOyIvPjxwYXRoIGQ9Im0yNC41Niw1Mi44MmgtMS45NWwtOC42NC0yMC40OGgtLjEyYy4xMiwxLjQyLjE5LDIuNzguMTksNC4wOXYxNi4zOWgtMS41di0yMi44NGgxLjk4bDguNTgsMjAuMjVoLjA5Yy0uMDgtMS43MS0uMTItMy4xMy0uMTItNC4yOHYtMTUuOTdoMS41djIyLjg0WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtNDEuODUsNDEuMzdjMCwzLjc4LS41Nyw2LjY5LTEuNyw4LjcyLTEuMTMsMi4wMy0yLjc2LDMuMDUtNC45LDMuMDVzLTMuNzktMS4wMi00LjkxLTMuMDdjLTEuMTItMi4wNS0xLjY3LTQuOTYtMS42Ny04Ljczcy41NS02Ljg3LDEuNjYtOC44YzEuMS0xLjkzLDIuNzYtMi44OSw0Ljk3LTIuODlzMy43NSwxLjAxLDQuODcsMy4wNGMxLjEyLDIuMDMsMS42OCw0LjkyLDEuNjgsOC42OFptLTExLjU4LDBjMCwzLjQuNDIsNS45NiwxLjI3LDcuNy44NSwxLjczLDIuMDksMi42LDMuNzEsMi42czIuODgtLjg2LDMuNzMtMi41OGMuODUtMS43MiwxLjI3LTQuMjksMS4yNy03Ljcycy0uNDItNS45NC0xLjI1LTcuNjZjLS44My0xLjcyLTIuMDctMi41OS0zLjctMi41OXMtMi45NC44Ny0zLjc3LDIuNjJjLS44NCwxLjc0LTEuMjYsNC4yOS0xLjI2LDcuNjNaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjxwYXRoIGQ9Im01NC40NSwyOS45OGgxLjU4bC01LjQxLDIyLjg0aC0xLjdsLTUuMzgtMjIuODRoMS41OWwzLjcyLDE2LjA2Yy4yOSwxLjIzLjQ4LDIuMTMuNTgsMi43MXMuMTksMS4zLjI4LDIuMThjLjA4LS42LjE3LTEuMi4yNy0xLjc4cy4xOC0xLjA4LjI3LTEuNDhjLjA5LS40LDEuNDktNi4zLDQuMi0xNy43WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJtNjcuMTksNTIuODJoLTguMjh2LTIyLjg0aDguMjh2MS40N2gtNi43NXY4LjY3aDYuMzd2MS40N2gtNi4zN3Y5Ljc3aDYuNzV2MS40N1ptLTUuNzItMjQuNjd2LS4zM2MxLjMyLTEuNzMsMi4zMi0zLjMzLDIuOTgtNC44aDEuOTV2LjI3Yy0uNDEuNzMtMS4wMiwxLjU3LTEuODUsMi41MnMtMS42MSwxLjczLTIuMzUsMi4zNGgtLjczWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48L2c+PC9zdmc+') center center no-repeat;
    position: absolute;
    margin: 0 0 0 370px;
    z-index: 999;
    display: block;
}

div.homepage div.content div.branches div.container div.noitems div:nth-child(1) span.new, div.homepage div.content div.branches div.container div.noitems div:nth-child(2) span.new, div.homepage div.content div.branches div.container div.noitems div:nth-child(3) span.new {
    display: none;
}   

div.homepage div.content div.branches div h2
{
    width: 100%;
font: 1.25em/14px BlenderProRegular, sans-serif;
margin: 0 0 10px 0;
padding: 0;
text-align: center;
}

div.homepage div.content div.branches a
{
font-family: BlenderProMedium, sans-serif;
color: rgb(0,128,200);
position: relative;
text-decoration: none;
text-transform: uppercase;
}

div.homepage div.content div.branches p {
    font: 1em/24px BlenderProRegular;
}

div.homepage div.content div.branches span.ico
{
display: inline-block;
margin-bottom: 15px;
overflow: hidden;
position: relative;
}

div.homepage div.content div.branches a:hover
{
color: rgb(24,24,24);
}

div.homepage div.content div.branches a:hover span.ico svg path {
fill: rgb(0,128,200);
}

div.homepage div.content div.branches a.more-services {
    display: block;
    font-family: BlenderProRegular;
    font-size: 0.825em;
    width: 180px;
    border: 1px solid rgb(124, 124, 124);
    color: rgb(124, 124, 124);
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 2px;
    margin: 0 auto;
    clear: both;
}

div.homepage div.content div.branches a.more-services:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(124, 124, 124);
}

/* bottom */
div.content:not([role='main']) div.articles.news
{
float: left;
width: 35em;
}

div.content:not([role='main']) div.contact-social-sites
{
float: right;
width: 20em;
}

div.content:not([role='main']) div.contact-social-sites div.contact
{
float: left;
margin: -8px 0 0 0;
}

div.content:not([role='main']) div.contact-social-sites div.contact p
{
color: rgb(31,31,31);
font: 1em/20px BlenderProRegular;
padding: 0 0 11px 0;
}

div.content:not([role='main']) div.contact-social-sites div.contact p strong {
    /* color: rgb(0, 128, 200); */
    color: rgb(83, 83, 82);
    font-family: BlenderProRegular;
    font-weight: normal;
}

div.content:not([role='main']) div.contact-social-sites div.contact p:last-child
{
padding: 0;
}

div.content:not([role='main']) div.contact-social-sites div.contact a
{
color: rgb(31,31,31);
text-decoration: none;
}

div.content:not([role='main']) div.contact-social-sites div.contact a:hover
{
text-decoration: underline;
}

div.content:not([role='main']) div.contact-social-sites div.contact h2
{
font: 1.25em/24px BlenderProMedium, sans-serif;
}

div.content:not([role='main']) div.contact-social-sites ul.social-sites
{
float: right;
margin: 10px 0 0 0;
}

div.content:not([role='main']) div.contact-social-sites ul.social-sites li
{
background: none;
font: 1em/25px sans-serif;
margin: 0 0 4px 0;
padding: 0;
}

div.content:not([role='main']) div.contact-social-sites ul.social-sites a
{
font-family: BlenderProThin;
color: rgb(31,31,31);
display: block;
padding: 0 0 0 30px;
position: relative;
text-decoration: none;
}

div.content:not([role='main']) div.contact-social-sites ul.social-sites li.mail a {
color: rgb(0,128,200);
}

div.content:not([role='main']) div.contact-social-sites ul.social-sites a span.ico
{
height: 20px;
left: 0;
padding: 0;
top: 2px;
width: 20px;
background-position: center center;
background-repeat: no-repeat;
}

div.content:not([role='main']) div.contact-social-sites ul.social-sites li.facebook span.ico
{
background-image: url('../img/svg/ico-facebook.svg');
}

div.content:not([role='main']) div.contact-social-sites ul.social-sites li.google span.ico
{
background-image: url('../img/svg/ico-google-plus.svg');
}

div.content:not([role='main']) div.contact-social-sites ul.social-sites li.twitter span.ico
{
background-image: url('../img/svg/ico-twitter.svg');
}
div.content:not([role='main']) div.contact-social-sites ul.social-sites li.mail span.ico
{
background-image: url('../img/svg/ico-send-mail.svg');
}

div.content:not([role='main']) div.contact-social-sites ul.social-sites li.facebook a:hover span.ico
{
background-image: url('../img/svg/ico-facebook_hover.svg');
}

div.content:not([role='main']) div.contact-social-sites ul.social-sites li.google a:hover span.ico
{
background-image: url('../img/svg/ico-google-plus_hover.svg');
}

div.content:not([role='main']) div.contact-social-sites ul.social-sites li.twitter a:hover span.ico
{
background-image: url('../img/svg/ico-twitter_hover.svg');
}
div.content:not([role='main']) div.contact-social-sites ul.social-sites li.mail a:hover span.ico
{
background-image: url('../img/svg/ico-send-mail_hover.svg');
}

/* footer  */
div[class*='page'] > footer
{
/* background: url('../img/footer.png') center top no-repeat; */
margin: 0 auto 43px auto;
width: 100%;
}

div[class*='page'] > footer div.container
{
margin: 0 auto 0 auto;
width: 60em;
}

footer div.credits
{
float: left;
margin: 28px 0 29px 30px;
}

footer p.site-owner
{
color: rgb(31,31,31);
font: 1em/normal BlenderProRegular, sans-serif;
position: relative;
}

footer p.site-owner a
{
color: rgb(31,31,31);
}

footer p.site-owner a:hover
{
text-decoration: none;
}

/* quick contact */
div[class*='page'] div.quick-contact
{
background: rgb(255,255,255);
border-top: 1px solid rgb(222,223,223);
bottom: 0;
position: fixed;
width: 100%;
z-index: 100;
}

div[class*='page'] div.quick-contact div.container
{
margin: 0 auto 0 auto;
text-align: center;
width: 60em;
}

div[class*='page'] div.quick-contact p
{
display: inline-block;
font: 0.875em/30px BlenderProThin, sans-serif;
margin: 0 22px 0 22px;
}

div[class*='page'] div.quick-contact p:first-child
{
margin-right: 30px;
}

div[class*='page'] div.quick-contact p.write-us a
{
padding: 7px 0 8px 36px;
position: relative;
}

div[class*='page'] div.quick-contact p.free-call a
{
padding: 7px 0 8px 25px;
position: relative;
}

div[class*='page'] div.quick-contact p.call-us
{
color: rgb(138,139,139);
padding: 7px 0 8px 29px;
position: relative;
}

div[class*='page'] div.quick-contact p.write-us span.ico
{
background: url('../img/svg/write-us.svg') center center no-repeat;
height: 100%;
left: 0;
padding: 1px 0 0 0;
top: 0;
width: 26px;
}

div[class*='page'] div.quick-contact p.write-us a:hover span.ico
{
background-image: url('../img/svg/write-us_hover.svg');
}

div[class*='page'] div.quick-contact p.free-call span.ico
{
background: url('../img/svg/free-call.svg') center center no-repeat;
height: 100%;
left: 0;
top: 0;
width: 16px;
}

div[class*='page'] div.quick-contact p.free-call a:hover span.ico
{
background-image: url('../img/svg/free-call_hover.svg');
}

div[class*='page'] div.quick-contact p.call-us span.ico
{
background: url('../img/svg/call-us.svg') center center no-repeat;
height: 100%;
left: 0;
top: 0;
width: 24px;
}

div[class*='page'] div.quick-contact p.call-us samp
{
color: rgb(0,128,200);
font: 1em BlenderProRegular, sans-serif;
}

div[class*='page'] div.quick-contact p.call-us b
{
font: 1em BlenderProMedium, sans-serif;
}

div[class*='page'] div.quick-contact a
{
color: rgb(138,139,139);
}

div[class*='page'] div.quick-contact a:hover
{
color: rgb(0,128,200);
}

div[class*='page'] div.quick-contact p.call-us a {text-decoration: none;}

/* helpfull */
.hidden
{
display: none !important;
visibility: hidden;
}

.visuallyhidden
{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus
{
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}

.invisible
{
visibility: hidden;
}

.clearfix:before, .clearfix:after
{
content: "";
display: table;
}

.clearfix:after
{
clear: both;
}

.clearfix
{
*zoom: 1;
}

div.fancybox-items
{
display: none;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 * Examples and documentation at: http://fancybox.net
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../img/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	background-color: rgb(0, 0, 0) !important;
    opacity: 0.95 !important;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background: rgba(0, 0, 0, 0.85) !important;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
    border-width: 0px !important;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
    position: absolute;
    background: url('../img/svg/fancybox_close.svg') center center no-repeat;
    cursor: pointer;
    display: none;
    width: 30px;
    height: 30px;
    padding: 0;
    top: -50px;
    right: 0px;
    z-index: 1103;
}

#fancybox-close:hover {
    background-image: url('../img/svg/fancybox_close_hover.svg');
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 18px;
	cursor: pointer;
	outline: none;
	background: transparent url('../img/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: -40px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: calc(50% - 50px);
	right: 0px;
	width: 18px;
	height: 30px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
    background: url('../img/svg/fancybox_left.svg') center center no-repeat;
}
#fancybox-left-ico:hover {
    background-image: url('../img/svg/fancybox_left_hover.svg');
}

#fancybox-right-ico {
    background: url('../img/svg/fancybox_right.svg') center center no-repeat;
}
#fancybox-right-ico:hover {
    background-image: url('../img/svg/fancybox_right_hover.svg');
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	position: relative;
    margin: 20px 0 0 0 !important;
    width: 100% !important;
    color: rgb(255, 255, 255);
    font: 1.500em/100% BlenderProThin, sans-serif !important;
}

.fancybox-title-inside samp {
    display: none;   
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../img/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../img/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../img/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../img/fancybox.png') -55px -90px no-repeat;
}

#fancybox-outer {
    background: none !important;
}

div.fancybox-bg {
    display: none;
}

body>header .top .menu-switcher {display: none;}

.eu-cookies {position: fixed; left: 0; bottom: 0; width: calc(100% - 10px); color: rgb(124, 124, 124); background: rgba(255, 255, 255, 0.9) ; z-index: 1000; padding: 5px; font: 0.75em/normal BlenderProRegular, sans-serif; text-align: center;}
.eu-cookies button {background: rgb(124, 124, 124); color: rgb(255, 255, 255); font: 0.875em/normal BlenderProRegular, sans-serif; border: 0; padding: 5px 10px; margin: 5px 0 5px 15px; border-radius: 2px; cursor: pointer;}
.eu-cookies button:hover {background-color: rgb(0,128,200);}

/* responsive */
@media only screen and (max-width: 850px) {
    div.content div.container {width: 100%;}
    header nav.mainmenu {display: none;}
    div.content:not(.fancybox) {min-width: auto;}
    div[class*='page'] > header {min-width: auto;}
    div[class*='page'] > header div.container {width: 100%;}
    div.homepage div.content div.slider {min-width: auto;}
    div.homepage div.content div.slider div.bx-controls div.bx-pager {display: none;}
    
    div.content[role='main'] {padding: 0;}
    
    div.homepage div.content div.branches {min-width: auto; padding: 0;}
    div.homepage div.content div.branches div.container {min-width: auto; width: 100%;}
    div.homepage div.content div.branches div.container div.noitems div {width: 100%; float: none;}
    div.homepage div.content div.branches div.container div.noitems div span.new {margin: 0 0 0 70%;}
    div.homepage div.content div.branches h2 {width: 100%; display: block; padding: 30px 0;}
    div.homepage div.content div.branches h2:first-child {padding-top: 0;}
    div.homepage div.content div.branches h2:last-child {padding-bottom: 0; border-bottom: 0;}
    div.homepage div.content div.branches div.container div.noitems div h2 img {width: 90% !important; margin: 0 5%;}
    div.homepage div.content div.branches div.container div.noitems div p {font: 0.8125em/20px BlenderProThin; margin: 0 5%; padding: 0;}
    
    div.homepage div.content div.branches a.more-services {width: 160px; font-size: 80%; margin-bottom: 40px;}
    
    div.content[role='main'] div.articles {margin: 0 auto -46px auto;}
    div.content:not([role='main']) div.articles.news, div.content:not([role='main']) div.contact-social-sites {float: none; width: 100%;}
    div.content:not([role='main']) div.articles.news article {text-align: center; padding-bottom: 10px; border-bottom: 5px solid #fff;}
    
    div.content:not([role='main']) div.contact-social-sites {padding-top: 25px;}
    /* div.content:not([role='main']) div.contact-social-sites div.contact {float: none; padding: 0 20px; text-align: center;}
    div.content:not([role='main']) div.contact-social-sites ul.social-sites {float: none; display: block; margin: 20px 0 0 0; padding: 0 20px; width: calc(100% - 40px);} */
    div.content:not([role='main']) div.contact-social-sites div.contact {float: right; width: 60%; }
    div.content:not([role='main']) div.contact-social-sites ul.social-sites {float: left; width: calc(30% - 20px); padding: 20px 0 0 20px; text-align: center;} 
    
    div.content:not([role='main']):not(.fancybox) {padding: 20px 0 20px 0;}
    
    div[class*='page'] > footer div.container {width: 100%;}
    div[class*='page'] div.quick-contact div.container {width: 100%;}
    
    header div.logo {margin: 0; padding: 40px 0 40px 30px; float: none;}
    header.fixed div.logo {margin: 0; padding: 20px 0 20px 30px;}
    
    div.homepage div.content div.slider div.item img {width: 200% !important;}
    div.content div.slider div.item div.data {padding: 0 20px !important; width: calc(100% - 40px) !important; bottom: 10px !important;}
    div.content div.slider div.item div.data h2, div.content div.slider div.item div.data h2 a {font-size: 1.500em !important; line-height: 32px !important;}
    div.content div.slider div.item div.data p {font-size: 0.875em !important;}
    
    /* div.content:not([role='main']) div.contact-social-sites ul.social-sites li {float: left; width: 30%; margin: 0;}
    div.content:not([role='main']) div.contact-social-sites ul.social-sites a {text-indent: -10000px; padding: 0;}
    div.content:not([role='main']) div.contact-social-sites ul.social-sites a span.ico {left: auto; display: block; width: 100%;}
    div.content:not([role='main']) div.contact-social-sites ul.social-sites li:nth-child(1) {width: 40%;}
    div.content:not([role='main']) div.contact-social-sites ul.social-sites li:nth-child(4) {display: none;} */
    
    div.content:not([role='main']) div.contact-social-sites ul.social-sites li {margin: 0 50% 4px 50% !important;}
    div.content:not([role='main']) div.contact-social-sites ul.social-sites li:nth-child(4) {display: none;}
    div.content:not([role='main']) div.contact-social-sites ul.social-sites a {text-indent: -10000px; padding: 0;}
    
    div[class*='page'] div.quick-contact p {width: calc(100% / 2); float: left; margin: 0; padding: 0 !important;}
    div[class*='page'] div.quick-contact p.free-call {display: none;}
    div[class*='page'] div.quick-contact p:first-child {margin: 0;}
    div[class*='page'] div.quick-contact p a {display: block; text-indent: -100000px; padding: 7px 0 8px 0 !important;}
    div[class*='page'] div.quick-contact p span.ico {display: block; left: auto !important; width: 100% !important;}
    
    footer p.site-owner {font-size: 0.750em;}
    
    .eu-cookies {width: calc(100% - 40px); padding: 10px 20px;}
    .eu-cookies button {display: block; margin: 10px auto;}
    
    /* menu-switcher */
    body>div header .container .menu-switcher {position: absolute; float: right; display: block; position: absolute; width: 24px; height: 24px; top: 53px; right: 20px; cursor: pointer;}
    body>div header .container .menu-switcher span {position: absolute; width: 24px; height: 2px; display: block; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: rgb(124, 124, 124);}
    body>div header .container .menu-switcher span:nth-child(1) {top: 3px; -moz-transform-origin: left center; -ms-transform-origin: left center; -webkit-transform-origin: left center; transform-origin: left center;}
    body>div header .container .menu-switcher span:nth-child(2) {top: 11px; opacity: 1;}
    body>div header .container .menu-switcher span:nth-child(3) {bottom: 3px; -moz-transform-origin: left center; -ms-transform-origin: left center; -webkit-transform-origin: left center; transform-origin: left center}
    body>div header .container .menu-switcher:hover span:nth-child(1) {top: 3px}
    body>div header .container .menu-switcher:hover span:nth-child(3) {bottom: 3px;}
    
    body>div header.show-menu .menu-switcher span:nth-child(1) {width: 23px; top: 3px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: rgb(0,128,200);}
    body>div header.show-menu .menu-switcher span:nth-child(2) {opacity: 0}
    body>div header.show-menu .menu-switcher span:nth-child(3) {width: 23px; bottom: 3px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: rgb(0,128,200);}
    body>div header.fixed .container .menu-switcher {top: 26px;}
    
    header nav.mainmenu li.search {display: none;}
        
    div[class*='page'] div.quick-contact.dont-show {display: none;}
        
    body>div header.show-menu .container nav.mainmenu {display: block; margin: 0; width: 100%; height: 100vh; }
    header nav.mainmenu li {float: none; font-size: 1.250em; line-height: 18px; margin: 0 0 0 30px;}
    header nav.mainmenu a {padding: 0 0 15px 0;}
    header nav.mainmenu li.has-subitems a {padding: 0;}
    header nav.mainmenu div.sub {display: block; position: relative; max-width: none; width: auto; margin: 0 0 10px 30px;}
    header nav.mainmenu ul {background: none; border-radius: 0; overflow: auto; padding: 0;}
    header nav.mainmenu ul li {font-family: BlenderProRegular;}
    header nav.mainmenu div.sub span.shadow {display: none;}
    
    div.content nav.pagemenu {display: none;}
    div.content[role='main'] > div.container {padding: 28px 20px 0 20px; width: calc(100% - 40px);}
    div.homepage div.content[role='main'] > div.container {display: none;}
    
    div.content h1 {font-size: 2.000em;}
    
    /* articles */
    div.content div.social-sites {}
    div.content div.social-sites p {display: none;}
    div.content div.social-sites div.item {padding: 0 5px 0 0;}
    
    div.content div.gallery.one div.items {width: 100% !important; height: auto !important;}
    div.content div.slider div.item img {width: 100% !important; margin-left: 0;}
    div.container div.slider.gallery.one div.items div.item a span.gradient {width: 100% !important; height: 100% !important;}
    div.container div.slider.gallery.one div.items div.item a span.gradient {display: none !important;}
    div.fill.article.references p {margin: 0 20px !important;}
    div.fill.article h2 {margin: 15px 20px 10px 20px !important;}
    div.fill.article.references p {font: 0.875em/175% BlenderProThin, sans-serif !important;}
    div.fill.article.references p.img.left {margin: 0 0 0 0 !important;}
    div.fill.article.references p.img.left img {width: 50%; height: auto; margin-left: -20px !important; margin-right: 20px !important;}
    div.fill.article.references p.img.right {margin: 0 20px 0 20px !important;}
    div.fill.article.references p.img.right img {width: 50%; height: auto; margin-right: -40px !important; margin-left: 20px !important;}
    
    div.fill.article.references ul.icons {margin: 0 0 10px 0 !important;}
    div.fill.article.references ul.icons li {float: none !important; width: 100% !important; margin-bottom: 20px !important;}
    div.fill.article.references ul.icons li p {margin: 5px 0 0 0 !important;}
    
    div.fill.article h3 {margin: 15px 20px 5px 20px !important;}
    
    div.fill.article.references blockquote {margin: 20px 40px 40px 40px !important;}
    div.fill.article.references blockquote p {margin: 0 !important;}
    
    div.fill.jobs ul.jobs li {width: 280px !important; margin: 0 0 10px 0 !important;}
    div.fill.jobs ul.jobs li:last-child {margin: 0 !important;}
    
    div.content div.partners {margin: 0;}
    div.content div.partners article {margin: 0 0 20px 0;}
    
    div.fill.contact iframe {width: 280px !important;}
    
    div.content[role='main'] div.articles article {float: none; margin: 0 auto 30px auto;}
        
    div.fill.contact p.contact.address {width: calc(100% - 30px) !important; margin: 0 0 20px 0 !important;}
    div.fill.contact p.contact.vat_no {width: calc(50% - 42px) !important; margin: 0 20px 20px 0 !important;}
    div.fill.contact p.contact.tax_no {width: calc(50% - 42px) !important; margin: 0 0 20px 0 !important;}
    div.fill.contact p.contact.register {width: calc(100% - 30px) !important; margin-bottom: 30px !important;} 
    
    div.fill.contact div.left p.contact {width: calc(100% - 30px) !important; margin: 0 0 20px 0 !important}
    div.fill.contact div.left {width: calc(100% - 30px) !important; float: none !important;}
    div.fill.contact div.left p.contact {width: 100% !important;}
    div.fill.contact div.right {width: 100% !important;}
    div.fill.contact iframe {width: 100% !important;}
    
    div.content div.form.contact-form fieldset:not(.notice) p {width: 100% !important; float: none;}
    div.content div.form.contact-form input[size='50'] {width: calc(100% - 20px); -webkit-appearance: none;}
    div.content div.form.contact-form select {width: calc(100% - 20px);}
    div.content div.form.contact-form div.newListSelected {width: 100%;}
    div.content div.form.contact-form textarea {width: calc(100% - 20px); -webkit-appearance: none;}
    div.content div.form.contact-form fieldset.submit {text-align: center;}
    div.content div.form.contact-form fieldset:not(.notice) p.note {width: 100% !important; margin: 0;}
    div.content form input[type='submit'], div.content form button[type='submit'], div.content form input[type='button'], div.content form button[type='button'] {margin: 20px 0;}
}

@media only screen and (min-width: 600px) and (max-width: 850px) {
    
    div.content[role='main'] div.articles article {
        float: left;
    }
    div.homepage div.content hr {
        clear: none;
        height: auto;
    }
    div.content[role='main'] div.articles {
        width: 600px;
    }
    div.content[role='main'] div.articles article {
        margin: 0 0 2.0625em 0;
    }
    div.content[role='main'] div.articles article:nth-child(odd) {
        margin-right: 2.0625em;
    }
}

@media only screen and (min-width: 400px) and (max-width: 850px) {
    
}