@font-face {
    font-family: 'font_light'; //1
    src: url('fonts/titillium-thin-webfont.eot');
    src: url('fonts/titillium-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-thin-webfont.woff') format('woff'),
         url('fonts/titillium-thin-webfont.ttf') format('truetype'),
         url('fonts/titillium-thin-webfont.svg#font_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font'; //250
    src: url('fonts/titillium-light-webfont.eot');
    src: url('fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-light-webfont.woff') format('woff'),
         url('fonts/titillium-light-webfont.ttf') format('truetype'),
         url('fonts/titillium-light-webfont.svg#font') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font_book'; //400
    src: url('fonts/titillium-regular-webfont.eot');
    src: url('fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-regular-webfont.woff') format('woff'),
         url('fonts/titillium-regular-webfont.ttf') format('truetype'),
         url('fonts/titillium-regular-webfont.svg#font_book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font_semibold'; //600
    src: url('fonts/titillium-semibold-webfont.eot');
    src: url('fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-semibold-webfont.woff') format('woff'),
         url('fonts/titillium-semibold-webfont.ttf') format('truetype'),
         url('fonts/titillium-semibold-webfont.svg#font_semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font_bold'; //800
    src: url('fonts/titillium-semibold-webfont.eot');
    src: url('fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-semibold-webfont.woff') format('woff'),
         url('fonts/titillium-semibold-webfont.ttf') format('truetype'),
         url('fonts/titillium-semibold-webfont.svg#font_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font_black'; //999
    src: url('fonts/titillium-bold-webfont.eot');
    src: url('fonts/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-bold-webfont.woff') format('woff'),
         url('fonts/titillium-bold-webfont.ttf') format('truetype'),
         url('fonts/titillium-bold-webfont.svg#font_black') format('svg');
    font-weight: normal;
    font-style: normal;
}







body,html {margin:0px; padding:0px; position:relative;color:#565656;font-family: 'font';font-size:15px;width:100%; line-height: 1em;height:100% !important;letter-spacing: -0.6px;}

a {color:#40aad0; text-decoration:none;cursor:pointer;}
a:hover {text-decoration:underline;}
b,strong {font-family: 'font_bold';font-weight:normal;}

.wide {position:relative;float:left;width:100%;min-width:1200px;}
.wide.mobile, .mobile .wide {min-width:400px;}
.short {position:relative;margin: 0 auto !important; width:1200px;}
.short_txt {width:710px; padding: 40px 0;}
.wide.mobile .short {width:90%; }
h1 {font-family: 'font_black';font-weight: normal;font-size:3.4em;margin:20px 0;padding:0;color:#565656; line-height:0.9em;letter-spacing: -2px;}
h2 {font-family: 'font_light';font-weight: normal;font-size:2em;margin:20px 0;padding:0;color:#565656;line-height:0.9em;letter-spacing: -1px;}
h3 {font-family: 'font';font-weight: normal;font-size:1.2em;color:#565656;}
h4 {font-family: 'font';font-weight: normal;font-size:1.2em;color:#565656;display:inline-block; padding:0;margin:0; }
h5 {font-family: 'font';font-weight: normal;font-size:0.8em;color:#565656;}

.fl {position:relative;float:left;}
.fr {position:relative;float:right;}
.width50proc { width:50%;}
.clear {clear:both;}
.clear16 {clear:both;height:16px;}
.clear8 {clear:both;height:8px;}
.clear_big {clear:both;height:30px;}
.text_center {text-align:center;}
.text_right {text-align:right;}
.text_upper {text-transform: uppercase;}

ul {
  margin: 0px; padding: 0px 5px 4px 15px;
  list-style-position: outside; list-style-type: disc;
}
ol { margin: 0px; padding: 0px 0px 4px 25px; }
li { margin: 0px; padding:0px 0px 8px 0px; }

.txt_white {color:#fff;}
.txt_green {color:#0db975;}
.txt_blue {color:#20c4ed;}

.bg_white {background-color:#fff;}
.bg_green {background-color:#0db975;}
.bg_blue {background-color:#20c4ed;}
.bg_pink {background-color:#ec4464;}

.bg_white_hover:hover {background-color:#fff;}
.bg_green_hover:hover {background-color:#0db975;}
.bg_blue_hover:hover {background-color:#20c4ed;}
.bg_pink_hover:hover {background-color:#ec4464;}

.button {display:inline-block; position:relative; margin: 10px auto !important; padding: 20px 60px; font-size:1.2em; font-family: 'font_book'; border:none; cursor:pointer; 
transition:background-color 0.5s ease;
-webkit-transition:background-color 0.5s ease;
-moz-transition:background-color 0.5s ease;
-o-transition:background-color 0.5s ease;
-ms-transition:background-color 0.5s ease;
}
.button span {display:inline-block;}
a.button:hover {text-decoration:none;}  
.bg_alpha {background-color:rgba(255,255,255,0); border:1px solid white; }
.bg_alpha:hover {background-color:rgba(255,255,255,1); color:#343434; border:1px solid white; }

#nitrocms_page {position:relative;overflow-x:hidden;height:100% !important;background:#fff; z-index:999;}
@media (max-width: 1200px) {
    #nitrocms_page {overflow-x:visible;}
}




#rotator {}


.logo {background:url(/images/page/logo_white.png) no-repeat left top; width:154px;height:69px; left:  9%; top: 10px; display:block;}
#top_menu.mini .logo, .bg_white .logo { background:url(/images/page/logo_w_b.png) no-repeat left bottom; width:111px;height:50px;top: 4px; } 

.overlay:before {
    content: "";
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
}
.overlay { width:100%;height:100%;background-color:rgba(62,62,62,0.9);position:fixed;top:0px;left:0px;right:0px;bottom:0px;top:0px;z-index:10002;

    display: block;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: fadeInFromNone;

    -moz-animation-duration: 0.5s;
    -moz-animation-name: fadeInFromNone;
}

.overlay .close {
  background: url(/images/page/close.png) no-repeat left top;
  cursor: pointer;
  height: 41px;
  position: absolute;
  right: 25%;

  top: 0;
  width: 41px;
  z-index:905;
}
@media (max-width: 1200px) {
    .overlay .close {right:20px;}
}
.overlay .close:hover {background-position: left bottom;}

.overlay #next {
  background: url(/images/page/next_prev.png) no-repeat right top;
  cursor: pointer;
  height: 63px;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 33px;
  margin-top:-32px;
  z-index:905;
}
.overlay #next:hover {background-position: right bottom;}
.overlay #prev {
  background: url(/images/page/next_prev.png) no-repeat left top;
  cursor: pointer;
  height: 63px;
  position: absolute;
  left: 20px;
  top: 50%;
  width: 33px;
  margin-top:-32px;
  z-index:905;
}
.overlay #prev:hover {background-position: left bottom;}

.text_onblur {  
    margin: 0 auto;
    vertical-align: middle;
    white-space: normal;
    width: 850px; 
    padding-right:50px; 
	position:relative;
    background: rgba(0,0,0,0);
    z-index:901;
    height: 100%;
    box-sizing: border-box;
    overflow-y:auto;

}

.text_onblur * {color:#fff;}

#footer {color:#e2e2e2; font-size:1em;}
#footer a {color:#e2e2e2;}
#footer a:hover {color:#0db975;}

#f_logosy {padding:40px 0; background:#fff; border-top: 1px solid #F1F1F1;}
    #f_logosy .flogo {display:inline-block;margin: 10px 3%; background-position:center top;background-repeat:no-repeat; background-size:100% auto; vertical-align:middle; }
    #f_logosy .flogo:hover {background-position:center bottom;}
#f_links {padding:28px 0 14px 0; background:#322f36; }
    #f_links a {line-height:1.3em;}
    #f_links .sekcja.fl {margin-right:80px;}
    #f_links .sekcja .sek_icons {height:58px; margin-bottom:8px;}
        #f_links .sekcja .sek_icons div {width:30px;height:30px;margin-right:20px;background:url(/images/page/call.png) no-repeat left top; }        
        #f_links .sekcja .sek_icons a.ikona {width:58px;height:58px;margin-right:20px;background:url(/images/page/fb.png) no-repeat left top; opacity:0.7; color: rgba(0,0,0,0);}
        #f_links .sekcja .sek_icons a.ikona#sek_yt {background-image:url(/images/page/yt.png);}
        #f_links .sekcja .sek_icons a.ikona#sek_fb {background-image:url(/images/page/fb.png);}
        #f_links .sekcja .sek_icons a.ikona#sek_in {background-image:url(/images/page/insta.png);}
        #f_links .sekcja .sek_icons a.ikona#sek_pi {background-image:url(/images/page/pin.png);}
        #f_links .sekcja .sek_icons a.ikona:hover {opacity:1;}
          #f_links .sekcja .sek_icons a {display:inline-block;}
        #f_links .sekcja .sek_icons a div {background:url(/images/page/yt.png) no-repeat left bottom;}
        #f_links .sekcja .sek_icons a:hover div {background-position:left top;} 
    #f_links .sekcja h3 {margin-top: 0;font-family: 'font_semibold'; font-size:1em;color:#fff;}
    #f_links .sekcja h4 {margin-top: 6px;font-family: 'font_light'; font-size:1em;color:#fff; line-height:1.1em;}
#f_copy {padding:24px 0; background:#322f36;}
    #f_copy span {display:inline-block; padding: 0 2%; border-left: 1px solid #e2e2e2; font-size:0.9em;}
    #f_copy span:first-child {padding-left:0;border:none;}
    #f_copy span.fr {padding-right:0;} 
    #f_copy img {display:inline-block;margin:-14px 5px;}

@media (max-width: 1700px) { 
#f_logosy .flogo {margin: 10px 2.5%;}      
}

@media (max-width: 1350px) { 
#f_logosy .flogo {margin: 10px 1.5%;}      
}



.cke_combo_text {color:#565656 !important;}

.product_add_to_basket {position:absolute;right:12px;}
.product_add_to_basket h3 {margin-top:0;font-size:1.1em;color:#575757;font-family: 'font_book';margin-bottom: 5px;}
.basket_action.basket_minus {width:40px;height:40px;display:inline-block;cursor:pointer;background:url('/images/page/plusminus.jpg') no-repeat left top;}
.basket_action.basket_minus:hover {background-position: left bottom;}
.basket_action.basket_plus {width:40px;height:40px;display:inline-block;cursor:pointer;background:url('/images/page/plusminus.jpg') no-repeat right top;}
.basket_action.basket_plus:hover {background-position: right bottom;}
.basket_action.basket_change {height:38px;width:67px;background:#fff;border-top: 1px solid #b2b2b2;border-bottom: 1px solid #b2b2b2;
    border-left: none;border-right: none; padding: 0!important; text-align:center; color:#575757;}
    
#pageuser {min-height: 400px; background:url(/images/page/beton.jpg) no-repeat center center; background-size: cover;}