@charset "UTF-8";

/* Reset */

@import "reset.css";

/* Ustawienia globalne
---------------------------------------------------------------------------------------------------- */

body {
    background: #fff;
    font: 400 16px/20px "Titillium Web",sans-serif;
    width: 100%;
    height: 100%;

}

body a {
    text-decoration: none;
}

* {
   outline: 0px;
}

.last {margin-right: 0 !important;}
/*.clear {clear: both;}*/
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }

.clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both; } .clearfix {*zoom: 1;}
.clear { zoom: 1; }
.strong { font-weight: 700;}
.nopaddingtop {padding-top: 0 !important;}
.nopaddingbottom {padding-bottom: 0 !important;}
.floatleft {float: left !important;}
.nomargintop {margin-top: 0px !important;}
.pnomarginright {margin-right: 0px !important;}
.nomarginbottom {margin-bottom: 0px !important;}
.nopaddingright {padding-right: 0 !important;}
.justify {text-align: justify;}
.hide {display: none;}


.content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* Header
---------------------------------------------------------------------------------------------------- */
header {
    width: 100%;
    height: 147px;
    background: #fff;
    min-width: 1200px;
}

header .logo {
    display: block;
    float: left;
    width: 314px;
    height: 64px;
    margin: 36px 0 0 0;
}

header .logo img {
    width: 314px;
    height: 64px;
}

#header-right {
    float: right;
    width: 777px;
    height: 147px;

}

#header-right .header-top {
    width: 777px;
    height: 39px;
    display: block;
    margin: 0 0 0 0;
    background: #f4f2f0;
}

#header-right .header-top .translate {
    padding: 6px 19px 0 19px;
    display: inline-block;
    height: 33px;
    border-right: 1px solid #dcdbd8;
    vertical-align: top;
}

#header-right .header-top .h-tel {
    padding: 10px 20px 0 35px;
    display: inline-block;
    height: 29px;
    position: relative;
    border-right: 1px solid #dcdbd8;
    margin: 0 0 0 0;
    vertical-align: top;
}

#header-right .header-top .h-tel a {
    color: #797979;
    font: 400 16px/16px "Titillium Web", sans-serif;
}

#header-right .header-top .h-tel:before {
    content: '';
    width: 13px;
    height: 15px;
    position: absolute;
    top: 12px;
    left: 10px;
    background: url('../grafika/h-tel-ico.png') no-repeat;
    
}

#header-right .header-top .h-mail {
    padding: 10px 20px 0 35px;
    display: inline-block;
    height: 29px;
    color: #797979;
    position: relative;
    font: 400 16px/16px "Titillium Web", sans-serif;
    border-right: 1px solid #dcdbd8;
    margin: 0 0 0 0;
    vertical-align: top;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#header-right .header-top .h-mail:hover {
    color: #2a3f5f;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#header-right .header-top .h-mail:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 12px;
    left: 10px;
    background: url('../grafika/h-mail-ico.png') no-repeat;
    
}

#header-right .header-top .h-fb {
    padding: 9px 0px 0 17px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    border-right: 1px solid #dcdbd8;
    
}

#header-right .header-top .h-fb .h-fb-ico {
    width: 11px;
    display: block;
    height: 22px;
    background: url('../grafika/h-fb.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#header-right .header-top .h-fb:hover .h-fb-ico {
    background-position: 0 -26px;
}

#header-right .header-top .h-yt {
    padding: 8px 2px 0 14px;
    height: 31px;
    display: inline-block;
    vertical-align: top;
    width: 34px;
    border-right: 1px solid #dcdbd8;
    
}

#header-right .header-top .h-yt .h-yt-ico {
    width: 18px;
    display: block;
    height: 23px;
    background: url('../grafika/h-yt.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#header-right .header-top .h-yt:hover .h-yt-ico {
    background-position: 0 -27px;
}

#header-right .header-top .h-twitter {
    padding: 12px 1px 0 11px;
    height: 27px;
    display: inline-block;
    vertical-align: top;
    width: 32px;
    border-right: 1px solid #dcdbd8;
}

#header-right .header-top .h-twitter .h-twitter-ico {
    width: 19px;
    display: block;
    height: 16px;
    background: url('../grafika/h-twitter.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#header-right .header-top .h-twitter:hover .h-twitter-ico {
    background-position: 0 -20px;
}

#header-right .header-top .h-google {
    padding: 10px 2px 0 11px;
    height: 29px;
    display: inline-block;
    vertical-align: top;
    width: 32px;
    border-right: 1px solid #dcdbd8;
}

#header-right .header-top .h-google .h-google-ico {
    width: 22px;
    display: block;
    height: 22px;
    background: url('../grafika/h-google.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#header-right .header-top .h-google:hover .h-google-ico {
    background-position: 0 -24px;
}

#header-right .header-top .h-allegro {
    padding: 10px 2px 0 11px;
    height: 29px;
    display: inline-block;
    vertical-align: top;
    width: 32px;
    border-right: 1px solid #dcdbd8;
}

#header-right .header-top .h-allegro .h-allegro-ico {
    width: 22px;
    display: block;
    height: 22px;
    background: url('../grafika/ico-allegro.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#header-right .header-top .h-allegro:hover .h-allegro-ico {
    background-position: 0 -24px;
}

/* Header - Menu Top - Search  */

.sb-search {
	position: absolute;
        top: 0;
        right: 0;
	margin-top: 0px;
	width: 0%;
	min-width: 45px;
	height: 39px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.6s;
	transition: width 0.6s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
        padding-left: 10px;
	position: absolute;
	top: 0;
	right: 5px;
        right: 0px;
	border: none;
	outline: none;
	width: 237px;
	height: 35px;
	z-index: 10;
	font-family: 'Titillium Web';
	font-size: 0.9em;
	color: #2c3e50;
        border-top: 1px solid #dcdbd8;
        border-bottom: 1px solid #dcdbd8;
        border-left:1px solid #dcdbd8;   
        -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.sb-search-input::-webkit-input-placeholder {
	color: #3a3a3a;
}

.sb-search-input:-moz-placeholder {
	color: #3a3a3a;
}

.sb-search-input::-moz-placeholder {
	color: #3a3a3a;
}

.sb-search-input:-ms-input-placeholder {
	color: #3a3a3a;
}

.sb-icon-search,
.sb-search-submit  {
	width: 33px;
	height: 33px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
        
}

.sb-search-submit {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
        background: url(../grafika/search.png) 0 0 no-repeat; 
	z-index: 90;
        margin-right: 0px;
        padding: 0px 0 0 0;
        width: 45px;
        height: 39px;
	font-size: 22px;
	font-family: 'Lato';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
        -webkit-transition: width 0.5s;
	-moz-transition: width 0.6s;
	transition: width 0.6s;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search, .sb-icon-search:hover  {
	color: #fff;
        background: url(../grafika/search.png) 0 -43px no-repeat transparent; 
        width: 45px;
        height: 39px;
	z-index: 11;
        -webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
         -webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
}


/* Nav
---------------------------------------------------------------------------------------------------- */

nav {
    display: block;
    margin: 45px 0 0 0px;
}

nav ul li {
    position: relative;
    display: block;
    float: left;
}

nav a {
    text-transform: uppercase;
    float: left;
    display: block;
    color: #3f3f3f;
    padding: 0px 35px 50px 35px;
    position: relative;
    font: 400 20px/20px "Titillium Web", sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

nav a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #4168a0;
}

nav > ul > li > a.active {
    color: #4168a0;
    position: relative;
}


nav > ul > li > a.active:after {
    content: '';
    width: 43px;
    height: 24px;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    bottom: 7px;
    background: url('../grafika/nav-active.png') 0 0 no-repeat;
}

nav > ul > li > ul > li a.active {
    background: #355583;
    color: #fff !important;
    position: relative;
}

/* Strona Główna - Top - Menu rozwijane
---------------------------------------------------------------------------------------------------- */

nav ul li ul {
    overflow: hidden;
    position: absolute;
    border-top: 6px solid #c4c8ce;
    margin-top: 50px;
    z-index: 9999;
    margin-right: 0px;
    opacity: 0;
    height: 0;
    padding-top: 0px;
    margin-left: -115px;
    left: 50%;
    background: #e2e5e9;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


nav ul li:hover ul {
    opacity: 1;
    height: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

nav ul li ul li {
    float: none;
    position: relative;
}

nav ul li ul li a {
    padding: 15px 25px 15px 25px !important;
    width: 184px;
    font: 600 16px/16px "Titillium Web", sans-serif;
    color: #3f3f3f !important;
    text-align: left;
    text-decoration: none;
    outline: none;
    border: none;
    float: none;
    border-bottom: 1px solid #c4c8ce;
}

nav ul li ul li.yellow a {
    color: #3f3f3f !important;
    background: #ffd013;
}

nav ul li ul li a:hover {
    color: #fff !important;
    background: #355583;
}


/* Slider
---------------------------------------------------------------------------------------------------- */


#wrapper {
    width: 100%;
    min-width: 1200px;
    height: 421px;
    position: relative;
    overflow: hidden;
}


#wrapper .back_pic {
    height: 421px;
    float: left;
}

#wrapper_content {
    position: relative;
    height: 421px;
    width: 100%;
    float: left;
    left: 0 !important;
    overflow: hidden;
}

#wrapper_content .back_pic  {
	float: left;
	display: block;
        position: relative;
	z-index: 1;
}

#wrapper_content .slider-info {
    margin: 40px 0 0 0;
    display: block;
    width: 428px;
    height: 260px;
    text-align: left;
    position: relative;
    padding: 35px 30px 45px 44px;
    background: #ffffff;
}

#wrapper_content .slider-info .slider-more {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('../grafika/slider-more.png') center no-repeat #ffd013;
    width: 73px;
    height: 56px;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#wrapper_content .slider-info .slider-more:hover {
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url('../grafika/slider-more.png') center no-repeat #4d6a95;
}

#wrapper_content .slider-info .slider-nag {
    color: #1a3167;
    position: relative;
    font: 400 48px/48px "Titillium Web", sans-serif;
    margin: 0 0 24px 0;
    display: block;
}

#wrapper_content .slider-info .slider-nag span {
    color: #ffc20e;
    font: 700 56px/52px "Titillium Web", sans-serif;
}

#wrapper_content .slider-info .slider-nag:before {
    content: '';
    top: 12px;
    left: -27px;
    width: 9px;
    height: 29px;
    position: absolute;
    background: url('../grafika/nag-addon.png') no-repeat;
}

#wrapper_content .slider-info p {
   font: 400 16px/20px "Titillium Web", sans-serif;
   color: #5d5d5d;
   margin: 0 0 10px 0;
}

a#b-prev {
    width: 13px;
    height: 23px;
    top: 335px;
    left: 40px;
    position: absolute;
    z-index: 1;
    background: url('../grafika/pag-lewo.png') no-repeat;
    overflow:hidden;
    text-indent:-9999px;
    outline: 0px;
    display: block !important;
    background-position: 0px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

a#b-prev:before {
    content: '';
    width: 13px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    background: url('../grafika/pag-lewo.png') no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

a#b-prev:after {
    content: '';
    width: 13px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: url('../grafika/pag-lewo.png') 0px -27px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

a#b-prev:hover:before {
    opacity: 0;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

a#b-prev:hover:after {
    opacity: 1;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#b-next {
    width: 13px;
    height: 23px;
    top: 335px;
    left: 88px;
    position: absolute;
    z-index: 1;
    background: url('../grafika/pag-prawo.png') no-repeat;
    overflow:hidden;
    text-indent:-9999px;
    outline: 0px;
    display: block !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#b-next:before {
    content: '';
    width: 13px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    background: url('../grafika/pag-prawo.png') no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#b-next:after {
    content: '';
    width: 13px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: url('../grafika/pag-prawo.png') 0px -27px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

a#b-next:hover:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

a#b-next:hover:after {
    opacity: 1;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* Main oferta
---------------------------------------------------------------------------------------------------- */
#navy-blue {
    width: 100%;
    min-width: 1200px; 
    height: 71px;
    background: #253b5c;
}

#tabs-container {
    margin: -71px 0 0 0;
    width: 100%;
    min-width: 1200px;
}

.tabs-menu {
    height: 71px;
    list-style: none;
    display: block;
}

.tabs-menu li {
    height: 71px;
    float: left;
    margin-right: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs-menu li.current {
    position: relative;
    z-index: 5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs-menu li.current a {
    background: #ffd013;
    color: #3f3f3f;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs-menu li a {
    padding: 23px 62px 0 26px;
    height: 48px;
    display: block;
    outline: none;
    background: #355583;
    position: relative;
    text-decoration: none; 
    font: 400 20px/22px "Titillium Web", sans-serif;
    color: #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs-menu li a:before {
    content: '';
    width: 25px;
    height: 26px;
    position: absolute;
    top: 22px;
    right: 22px;
    background: url('../grafika/tab-arrow.png') 0 0 no-repeat;
    opacity: 1;
}

.tabs-menu li a:after {
    content: '';
    width: 25px;
    height: 26px;
    position: absolute;
    top: 22px;
    right: 22px;
    background: url('../grafika/tab-arrow.png') 0 -30px no-repeat;
    opacity: 0;
}

.tabs-menu li a:hover:before {
    opacity: 0;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs-menu li.current a:before {
    opacity: 0;
}

.tabs-menu li a:hover:after, .tabs-menu li.current a:after  {
    opacity: 1;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs-menu li a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #1f324e;
    color: #fff;
}

.tabs-menu .current a {
    color: #2e7da3;
}

.tab {
    background-color: #fff;
    margin-bottom: 20px;
    width: auto;
}

.tab-content {
    width: 100%;
    padding: 24px 0px;
    display: none;
}

#tab-1 {
 display: block;   
}

#products-container, #products-container2, #products-container3, #products-container4 {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

#products-container .product-item, #products-container2 .product-item, #products-container3 .product-item, #products-container4 .product-item  {
    display: inline-block;
    width: 378px;
    height: 488px;
    border: 1px solid #efedeb;
    margin: 0 9px 0 9px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    vertical-align: top;
    position: relative;
}

.product-item .trojkat_zolty,
.product-item .trojkat_zolty,
.product-item .trojkat_zolty,
.product-item .trojkat_zolty {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 0;
    height: 0;
    border-top: 125px solid #f4bc16;
    border-right: 125px solid transparent;
    display: block;
    z-index: 2;
}

.product-item .trojkat_szary,
.product-item .trojkat_szary,
.product-item .trojkat_szary,
.product-item .trojkat_szary {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 0;
    height: 0;
    border-top: 146px solid #f0f0f0;
    border-right: 125px solid transparent;
    display: block;
    z-index: 1;
}

.product-item .promocja_procent,
.product-item .promocja_procent,
.product-item .promocja_procent,
.product-item .promocja_procent {
    position: absolute;
    left: -10px;
    top: 25px;
    display: block;
    color: #fff;
    font: 600 36px/36px "Titillium Web", sans-serif;
    transform: rotate(-45deg);
    z-index: 3;
    width: 100px;
    text-align: center;
}

#products-container .product-item img, #products-container2 .product-item img, #products-container3 .product-item img, #products-container4 .product-item img {
    width: 378px;
    display: block;
    height: 378px;
    border-bottom: 1px solid #efedeb;
}

#products-container .product-item:hover, #products-container2 .product-item:hover, #products-container3 .product-item:hover, #products-container4 .product-item:hover {
    border: 1px solid #253b5c;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#products-container .product-item .product-name, #products-container2 .product-item .product-name, #products-container3 .product-item .product-name, #products-container4 .product-item .product-name {
    float: left;
    display: block;
    background: #f2f3f3;
    padding: 18px 20px 15px 20px;
    height: 76px;
    color: #1a3167;
    font: 600 20px/24px "Titillium Web", sans-serif;
    text-transform: uppercase;
    width: 198px;
    overflow: hidden;
}

#products-container .product-item .product-name p, #products-container2 .product-item .product-name p, #products-container3 .product-item .product-name p, #products-container4 .product-item .product-name p {
    overflow: hidden;
    height: 75px;
    display: block;
    margin: 0 0 0 0;
}

#products-container .product-item .product-price,
#products-container2 .product-item .product-price,
#products-container3 .product-item .product-price,
#products-container4 .product-item .product-price {
    float: right;
    display: block;
    background: #fff;
    width: 116px;
    padding: 18px 12px 15px 12px;
    height: 76px;
}

#products-container .product-item .product-price-promo,
#products-container2 .product-item .product-price-promo,
#products-container3 .product-item .product-price-promo,
#products-container4 .product-item .product-price-promo {
    float: right;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #f4bc16;
    box-sizing: border-box;
    width: 140px;
    padding: 15px;
    height: 109px;
}

#products-container .product-item .product-price-promo .promo-nag,
#products-container2 .product-item .product-price-promo .promo-nag,
#products-container3 .product-item .product-price-promo .promo-nag,
#products-container4 .product-item .product-price-promo .promo-nag {
    color: #ffffff;
    font: 600 14px/14px "Titillium Web", sans-serif;
    margin: 0 0 8px 0;
}

#products-container .product-item .product-price-promo .promo-price-new,
#products-container2 .product-item .product-price-promo .promo-price-new,
#products-container3 .product-item .product-price-promo .promo-price-new,
#products-container4 .product-item .product-price-promo .promo-price-new {
    color: #1a3167;
    font: 600 24px/24px "Titillium Web", sans-serif;
    margin: 0 0 8px 0;
}

#products-container .product-item .product-price-promo .promo-price-new span,
#products-container2 .product-item .product-price-promo .promo-price-new span,
#products-container3 .product-item .product-price-promo .promo-price-new span,
#products-container4 .product-item .product-price-promo .promo-price-new span {
    font: 600 18px/18px "Titillium Web", sans-serif;
}

#products-container .product-item .product-price-promo .promo-price-old,
#products-container2 .product-item .product-price-promo .promo-price-old,
#products-container3 .product-item .product-price-promo .promo-price-old,
#products-container4 .product-item .product-price-promo .promo-price-old {
    color: #ffffff;
    font: 600 14px/14px "Titillium Web", sans-serif;
    margin: 0;
    text-decoration: line-through;
}

#products-container .product-item .product-price .price-nag,
#products-container2 .product-item .product-price .price-nag,
#products-container3 .product-item .product-price .price-nag,
#products-container4 .product-item .product-price .price-nag {
    font: 600 14px/16px "Titillium Web", sans-serif;
    margin: 0 0 8px 0;
    display: block;
    color: #1a3167;
}

#products-container .product-item .product-price .price-value,
#products-container2 .product-item .product-price .price-value,
#products-container3 .product-item .product-price .price-value,
#products-container4 .product-item .product-price .price-value {
    font: 600 26px/28px "Titillium Web", sans-serif;
    margin: 0 0 0 0;
    display: block;
    color: #355583;
}

#products-container .product-item .product-price .price-value span,
#products-container2 .product-item .product-price .price-value span,
#products-container3 .product-item .product-price .price-value span,
#products-container4 .product-item .product-price .price-value span  {
    font: 600 18px/20px "Titillium Web", sans-serif;
}

#products-container .product-item .product-price .product-arrow,
#products-container2 .product-item .product-price .product-arrow,
#products-container3 .product-item .product-price .product-arrow,
#products-container4 .product-item .product-price .product-arrow {
    position: relative;
    display: block;
    float: right;
    width: 22px;
    height: 15px;
    margin: 12px 0 0 0;
}

#products-container .product-item .product-price-promo .product-arrow,
#products-container2 .product-item .product-price-promo .product-arrow,
#products-container3 .product-item .product-price-promo .product-arrow,
#products-container4 .product-item .product-price-promo .product-arrow {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: block;
    width: 22px;
    height: 15px;
    margin: 0;
}

#products-container .product-item .product-price .product-arrow:before,
#products-container2 .product-item .product-price .product-arrow:before,
#products-container3 .product-item .product-price .product-arrow:before,
#products-container4 .product-item .product-price .product-arrow:before {
    content: '';
    width: 22px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    background: url('../grafika/product-arrow.png') 0 0px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#products-container .product-item .product-price-promo .product-arrow:before,
#products-container2 .product-item .product-price-promo .product-arrow:before,
#products-container3 .product-item .product-price-promo .product-arrow:before,
#products-container4 .product-item .product-price-promo .product-arrow:before {
    content: '';
    width: 22px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    background: url('../grafika/product-promo-arrow.png') 0 0px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#products-container .product-item .product-price .product-arrow:after,
#products-container2 .product-item .product-price .product-arrow:after,
#products-container3 .product-item .product-price .product-arrow:after,
#products-container4 .product-item .product-price .product-arrow:after {
    content: '';
    width: 22px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: url('../grafika/product-arrow.png') 0 -17px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#products-container .product-item .product-price-promo .product-arrow:after,
#products-container2 .product-item .product-price-promo .product-arrow:after,
#products-container3 .product-item .product-price-promo .product-arrow:after,
#products-container4 .product-item .product-price-promo .product-arrow:after {
    content: '';
    width: 22px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: url('../grafika/product-promo-arrow.png') 0 -17px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#products-container .product-item:hover .product-price .product-arrow:after,
#products-container2 .product-item:hover .product-price .product-arrow:after,
#products-container3 .product-item:hover .product-price .product-arrow:after,
#products-container4 .product-item:hover .product-price .product-arrow:after,
#products-container .product-item:hover .product-price-promo .product-arrow:after,
#products-container2 .product-item:hover .product-price-promo .product-arrow:after,
#products-container3 .product-item:hover .product-price-promo .product-arrow:after,
#products-container4 .product-item:hover .product-price-promo .product-arrow:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#products-container .product-item:hover .product-price .product-arrow:before,
#products-container2 .product-item:hover .product-price .product-arrow:before,
#products-container3 .product-item:hover .product-price .product-arrow:before,
#products-container4 .product-item:hover .product-price .product-arrow:before,
#products-container .product-item:hover .product-price-promo .product-arrow:before,
#products-container2 .product-item:hover .product-price-promo .product-arrow:before,
#products-container3 .product-item:hover .product-price-promo .product-arrow:before,
#products-container4 .product-item:hover .product-price-promo .product-arrow:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#b-prev2, #b-prev3, #b-prev4, #b-prev5 {
    width: 41px;
    height: 41px;
    top: 260px;
    left: 0;
    position: absolute;
    z-index: 4;
    background: url('../grafika/l-white-arrow.png') no-repeat #1f324e;
    overflow:hidden;
    text-indent:-9999px;
    outline: 0;
    display:block !important;
    background-position: 0 0;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#b-prev2:hover, #b-prev3:hover, #b-prev4:hover, #b-prev5:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url('../grafika/l-white-arrow.png') no-repeat #ffd013;
}

#b-next2, #b-next3, #b-next4, #b-next5 {
    width: 41px;
    height: 41px;
    top: 260px;
    right: 0px;
    position: absolute;
    z-index: 1;
    background: url('../grafika/r-white-arrow.png') no-repeat #1f324e;
    overflow:hidden;
    text-indent:-9999px;
    outline: 0px;
    display:block !important;
    background-position: 0px 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#b-next2:hover, #b-next3:hover, #b-next4:hover, #b-next5:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
     background: url('../grafika/r-white-arrow.png') no-repeat #ffd013;
}

/* Gray Section
---------------------------------------------------------------------------------------------------- */

#grey-section {
    min-width: 1200px;
    position: relative;
    width: 100%;
    padding: 0 0 0px 0;
    background: #f4f2f0;
}

#grey-section .blue-nag {
    display: inline-block;
    padding: 15px 22px 15px;
    background: #253b5c;
    font: 300 18px/20px "Titillium Web", sans-serif;
    color: #ffffff;
    margin: 0 0 0 0;
}

#main-news {
    width: 574px;
    float: left;
    padding: 0 25px 0 0;
        clear: both;
}

#main-news .news-item {
    display: block;
    margin: 0 0 38px 0;
    width: 574px;
    text-decoration: none;

}

#main-news .news-item img {
    width: 220px;
    height: 220px;
    float: left;
}

#main-news .news-right {
    float: right;
    width: 322px;
    display: block;
}

#main-news .news-right .news-more {
    float: right;
    width: 48px;
    height: 36px;
    position: relative;
    display: block;
    margin: 20px 0 0 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-news .news-right .news-more:before {
    content: '';
    width: 48px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    background: url('../grafika/news-more.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-news .news-right .news-more:after {
    content: '';
    width: 48px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: url('../grafika/news-more.png') 0 -40px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-news .news-item:hover .news-right .news-more:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-news .news-item:hover .news-right .news-more:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-news .overflow-content {
    overflow: hidden;
    height: 166px;
    margin: 0 0 0 0;
}

#main-news .overflow-content .news-nag {
    color: #1a3167;
    font: 600 20px/22px "Titillium Web", sans-serif;
    margin: 0 0 16px 0;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-news .news-item:hover .overflow-content .news-nag {
    color: #3874ac;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-news .overflow-content .news-text {
    color: #5d5d5d;
    font: 400 16px/20px "Titillium Web", sans-serif;
    margin: 0 0 0 0;
    display: block;
}

#main-news .all-news-btn {
    background: #ffd013;
    position: relative;
    display: inline-block;
    padding: 10px 56px 10px 16px;
    color: #3f3f3f;
    font: 400 16px/16px "Titillium Web", sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-news .all-news-btn:hover {
    background: #355583;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-news .all-news-btn:after {
    content: '';
    width: 22px;
    height: 15px;
    position: absolute;
    right: 16px;
    top: 11px; 
    background: url('../grafika/white-arrow-2.png') no-repeat;
}

#main-recommended {
    float: right;
    width: 601px;
    padding: 0 0 0 0;
}

#main-recommended .lightblue-box {
    display: block;
    width: 343px;
    height: 160px;
    text-decoration: none;
    position: relative;
    background: #355583;
    padding: 32px 70px 0 188px;
    margin: 0 0 0 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-recommended .darkblue-box {
    display: block;
    width: 343px;
    height: 160px;
    text-decoration: none;
    position: relative;
    background: #253b5c;
    padding: 32px 70px 0 188px;
    margin: 0 0 0 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#main-recommended .lightblue-box:hover, #main-recommended .darkblue-box:hover {
    background: #1f324e;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#main-recommended .lightblue-box .box-more, #main-recommended .darkblue-box .box-more {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 48px;
    height: 36px;
    background: url('../grafika/box-arrow.png') no-repeat; 
}

#main-recommended .katalog:before {
    content: '';
    position: absolute;
    width: 85px;
    height: 97px;
    top: 46px;
    left: 56px;
    background: url('../grafika/ico_powietrze.png') no-repeat;
}

#main-recommended .allegro:before {
    content: '';
    position: absolute;
    width: 94px;
    height: 114px;
    top: 40px;
    left: 56px;
    background: url('../grafika/ico_porady.png') no-repeat;
}

#main-recommended .raty:before {
    content: '';
    position: absolute;
    width: 85px;
    height: 97px;
    top: 50px;
    left: 60px;
    background: url('../grafika/raty-ico.png') no-repeat;
}

#main-recommended .lightblue-box .big-text, #main-recommended .darkblue-box .big-text {
    margin: 0 0 16px 0;
    color: #fff;
    display: block;
    font: 600 30px/36px "Titillium Web", sans-serif;
}

#main-recommended .lightblue-box .small-text, #main-recommended .darkblue-box .small-text {
    margin: 0 0 0 0;
    color: #fff;
    display: block;
    font: 400 16px/22px "Titillium Web", sans-serif;
}

#white-border {
    width: 100%;
    min-width: 1200px;
    height: 40px;
    background: #fff;
}

/* Main Parallax
---------------------------------------------------------------------------------------------------- */

#main-parallax {
    width: 100%;
    min-width: 1200px;
    background: url('../grafika/parallax-bg.jpg') no-repeat fixed;
    background-size: cover;
    overflow: hidden;
    height: 260px;
    position: relative;
    z-index: 10;
    padding: 0px 0 0 0;
    margin: 0px 0 0 0;
}

#carousel-bg {
    margin: 0 0 0 0;
    height: 195px;
    width: 1200px;
}

#stalkot-logo {
    width: 203px;
    height: 195px;
    background: url('../grafika/parallax-logo.png') no-repeat;
    float: left;
}

#carousel-container {
    float: right;
    width: 997px;
    height: 195px;
    background: #fff;
}

#carousel-container .carousel-item {
    float: left;
    display: block;
    width: 932px;
    padding: 20px 20px 0 45px;
    height: 175px;
}

#carousel-container .carousel-item .big-text {
    margin: 0 0 10px 0;
    display: block;
    font: 600 36px/40px "Titillium Web", sans-serif;
    color: #373737;
}

#carousel-container .carousel-item .small-text {
    margin: 0 0 0 0;
    display: block;
    font: 400 16px/20px "Titillium Web", sans-serif;
    color: #373737;
}

 div#pag {
    overflow: hidden;
    outline: 0px;
    height: 35px;
    position: absolute;
    z-index: 9999;
    left: 244px;
    top: 135px;
}

 div#pag a {
    background: url("../grafika/pag.png") 0px -0px no-repeat transparent;
    display: inline-block;
    height: 15px;
    text-indent: -9999px;
    width: 15px;
    padding: 0 2px;
    outline: medium none;
    margin: 12px 0px 10px 2px;
}

 div#pag a.selected {
    background-position: 0 -17px;
    cursor: default;
    outline: none; 
    
}

/* Main - Buttons
---------------------------------------------------------------------------------------------------- */

#main-buttons {
    background: #f4f2f0;
    width: 100%;
    min-width: 1200px;
    height: 168px;
    text-align: center;
    font-size: 0;
}

#main-buttons .main-button {
    display: inline-block;
    height: 136px;
    width: 300px;
    margin: 0 0 0 0;
    text-align: center;
    padding: 32px 0 0 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    z-index: 999;
}

#main-buttons .main-button:after {
    content: '';
    width: 15px;
    height: 0px;
    left: 50%;
    margin-left: -7px;
    bottom: 0;
    position: absolute;
    background: url("../grafika/mainbuttons-arrow.png") 0px 0px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    z-index: 9999;
}

#main-buttons .main-button:hover:after {
    height: 22px;
    bottom: 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#main-buttons .main-button:hover {
    background: #ffd013;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    height: 158px;
}

#main-buttons .main-button:hover p {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    color: #3f3f3f;
}

#main-buttons .main-button .button-ico {
    margin: 0 auto 15px;
    display: block;
    width: 55px;
    height: 60px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#main-buttons .main-button:hover .button-ico:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
} 

#main-buttons .main-button:hover .button-ico:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
} 

#main-buttons .main-button p {
    color: #5d5d5d;
    font: 400 24px/26px "Titillium Web", sans-serif;
    margin: 0 0 0 0;
}

#main-buttons .main-button .button-ico:before {
    content: '';
    width: 55px;
    height: 60px;    
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#main-buttons .main-button .button-ico:after {
    content: '';
    width: 55px;
    height: 60px;    
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#pytania:before {
    content: '';
    background: url("../grafika/pytania-ico.png") 0px 0px no-repeat;
}

#pytania:after {
    content: '';
    background: url("../grafika/pytania-ico.png") 0px -63px no-repeat;
}

#porady:before {
    content: '';
    background: url("../grafika/porady-ico.png") 0px 0px no-repeat;
}

#porady:after {
    content: '';
    background: url("../grafika/porady-ico.png") 0px -63px no-repeat;
}

#video:before {
    content: '';
    background: url("../grafika/video-ico.png") 0px 0px no-repeat;
}

#video:after {
    content: '';
    background: url("../grafika/video-ico.png") 0px -64px no-repeat;
}

#instrukcje:before {
    content: '';
    background: url("../grafika/instrukcje-ico.png") 0px 0px no-repeat;
}

#instrukcje:after {
    content: '';
    background: url("../grafika/instrukcje-ico.png") 0px -63px no-repeat;
}

/* Galeria - podstrona
---------------------------------------------------------------------------------------------------- */

#galeria {
    display: block;
    clear: both;
    text-align: center;
    padding: 10px 0 35px;
}

#galeria .galeria-item {
    display: inline-block;
    width: 215px;
    height: 215px;
    margin: 0 3px 10px 3px;
    position: relative;
}

#galeria .galeria-item img {
    width: 215px;
    height: 215px;
}

#galeria .galeria-item .overlay {
    width: 215px;
    height: 215px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/overlay.png') no-repeat;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#galeria .galeria-item:hover .overlay {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pliki {
    display: block;
    clear: both;
    padding: 10px 0 0px;
}

/* Aktualnosci lista - podstrona
---------------------------------------------------------------------------------------------------- */

#right-side .news-item {
    display: block;
    width: 840px;
    background: #f2f3f3;
    padding: 30px 30px 30px 30px;
    height: 160px;
    margin: 0 0 20px 0;
}

#right-side .news-item img {
    width: 220px;
    height: 220px;
    float: left;
}

#right-side .news-item .news-content {
    float: left;
    width: 100%;
}

#right-side .news-item .news-content .news-title {
    color: #355583;
    display: block;
    font: 400 22px/30px "Titillium Web",sans-serif;
    text-align: left;
    overflow: hidden;
    margin: 0;
    height: 60px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .news-item .news-content .news-title:hover {
    color: #618dd6;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .news-item .news-content .overflow-div {
    overflow: hidden;
    height: 102px;
}

#right-side .news-item .news-content p {
    font: 400 16px/22px "Titillium Web",sans-serif;
    color: #5d5d5d;
    margin: 0 0 0 0;
}

#right-side .news-item .btn-more {
    position: relative;
    float: right;
    width: 48px;
    height: 36px;
    display: block;
    margin: 25px 0 0 0;
    background: #ffd013;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#right-side .news-item .btn-more:after {
    content: '';
    width: 22px;
    height: 15px;
    position: absolute;
    top: 11px;
    left: 12px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url('../grafika/news-arrow.png') 0 0 no-repeat;
}

#right-side .news-item .btn-more:before {
    content: '';
    width: 22px;
    height: 15px;
    position: absolute;
    top: 11px;
    left: 12px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url('../grafika/news-arrow.png') 0 -17px no-repeat;
}

#right-side .news-item .btn-more:hover:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

#right-side .news-item .btn-more:hover:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

#right-side .strony-pozycja {
    display: block;
    width: 270px;
    margin: 35px auto 25px;
    text-align: center;
}

#right-side .strony-pozycja .poprzednia, #right-side .strony-pozycja .nastepna {
    display: inline-block;
    vertical-align: top;
    width: 48px;
    height: 36px;
    background: #f2f3f3;
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    padding: 0px 0 0 0px;
}

#right-side .strony-pozycja .poprzednia:before {
    content: '';
    position: absolute;
    left: 50%;
    top:10px;
    width: 9px;
    height: 15px;
    margin-left: -5px;
    opacity: 1;
    background: url('../grafika/arrow-prev.png') 0 0px no-repeat;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#right-side .strony-pozycja .poprzednia:after {
    content: '';
    position: absolute;
    left: 50%;
    top:10px;
    width: 9px;
    height: 15px;
    margin-left: -5px;
    opacity: 0;
    background: url('../grafika/arrow-prev.png') 0 -19px no-repeat;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#right-side .strony-pozycja .nastepna:before {
    content: '';
    position: absolute;
    left: 50%;
    top:10px;
    width: 9px;
    height: 15px;
    margin-left: -4px;
    opacity: 1;
    background: url('../grafika/arrow-next.png') 0 0px no-repeat;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#right-side .strony-pozycja .nastepna:after {
    content: '';
    position: absolute;
    left: 50%;
    top:10px;
    width: 9px;
    height: 15px;
    margin-left: -4px;
    opacity: 0;
    background: url('../grafika/arrow-next.png') 0 -17px no-repeat;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#right-side .strony-pozycja .poprzednia:hover:before, #right-side .strony-pozycja .nastepna:hover:before {
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#right-side .strony-pozycja .poprzednia:hover:after, #right-side .strony-pozycja .nastepna:hover:after {
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#right-side .strony-pozycja .poprzednia:hover, #right-side .strony-pozycja .nastepna:hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    background: #355583;
}

#right-side .strony-pozycja .poprzednia, #right-side .strony-pozycja .poprzednia {
    margin-right: 20px;
   
}

#right-side .strony-pozycja .nastepna, #right-side .strony-pozycja .nastepna {
    margin-left: 20px;
}

#right-side .strony-pozycja .strona-input, #right-side .strony-pozycja .strona-input {
    display: inline-block;
    vertical-align: top;
    color: #373737;
    font: 300 14px/14px "Titillium Web",sans-serif; 
}

#right-side .strony-pozycja .strona-input input, #right-side .strony-pozycja .strona-input input {
    background: #fff;
    border: 1px solid #dcdbd8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 30px;
    height: 24px;
    margin: 0px 5px 0 5px;
    text-align: center;
    color: #373737;
    font: 400 14px/16px "Titillium Web",sans-serif; 
}

#right-side .strony-pozycja .strona-input input:hover, #right-side .strony-pozycja .strona-input input:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #2c476e
}

#right-side .main-news-pic {
    width: 278px;
    height: 278px;
    float: left;
    display: block;
    margin: 0 20px 30px 0px;
    position: relative;
}

#right-side .main-news-pic img {
    width: 278px;
    height: 278px;
    display: block;
}

#right-side .main-news-pic .overlay {
    width: 278px;
    height: 278px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/overlay.png') no-repeat;
    background-size: 278px 278px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#right-side .main-news-pic:hover .overlay {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* Serwis
---------------------------------------------------------------------------------------------------- */

#serwis-boxes {
    text-align: center;
    margin: 0 0 30px 0;
}

#serwis-boxes .serwis-item {
    display: inline-block;
    position: relative;
    margin: 0 7px 14px 7px;
    padding: 55px 0 0 0;
    width: 280px;
    height: 159px;
    background: #355583;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
}

#serwis-boxes .serwis-item:before {
    content: '';
    width: 15px;
    height: 0px;
    left: 50%;
    margin-left: -7px;
    bottom: 0;
    position: absolute;
    background: url("../grafika/mainbuttons-arrow.png") 0px 0px no-repeat;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; 
    z-index: 9999;
}

#serwis-boxes .serwis-item:hover:before {
    height: 22px;
    bottom: 15px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; 
}

#serwis-boxes .serwis-item:after {
    content: '';
    width: 15px;
    height: 0px;
    left: 50%;
    margin-left: -7px;
    top: 0;
    position: absolute;
    background: url("../grafika/mainbuttons-arrow2.png") 0px 0px no-repeat;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; 
    z-index: 9999;
}

#serwis-boxes .serwis-item:hover:after {
    height: 22px;
    top: 15px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s; 
}

#serwis-boxes .serwis-item:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    background: #ffd013;
}

#serwis-boxes .serwis-item img {
    width: 60px;
    height: 66px;
    margin: 0 auto 10px;
    display: block;
}

#serwis-boxes .serwis-item .podpis {
    text-align: center;
    color: #fff;
    display: block;
    font: 400 24px/28px "Titillium Web",sans-serif; 
}

ul#expand_wrapper {
    display: block;
    list-style: none !important;
    margin: 10px 0 30px 0px !important;
}

ul#expand_wrapper > li {
    padding: 10px 0px 0px 0px;
    width: 895px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    cursor: pointer;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%;
}


ul#expand_wrapper li .move:after {
    content: '';
    width: 35px;
    height: 35px;
    background: url('../grafika/mainbuttons-arrow2.png') center no-repeat #ffd013;
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul#expand_wrapper li .move.active:after {
    background: url('../grafika/mainbuttons-arrow2.png') center no-repeat #355583;
    transform: rotate(180deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}

ul#expand_wrapper li .move:hover:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url('../grafika/mainbuttons-arrow2.png') center no-repeat #355583;
}

ul#expand_wrapper li .move:hover {
    color: #3f3f3f;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul#expand_wrapper span.move {
    width: 785px;
    padding: 10px 0 0 65px;
    text-decoration:none;
    font: 400 24px/28px "Titillium Web",sans-serif;
    color: #3e5679;
    display: block;
    position: relative;
    margin: 0 0 35px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul#expand_wrapper span.move:hover {
    cursor: pointer;

}

ul#expand_wrapper span.active {
    background: none;
}

ul#expand_wrapper .toggle_container {
    clear: both;
    margin: 0;
    overflow: hidden;
    width: 100%;
    background: none;
    position: relative;
    display: none;
}

/* Kontakt - podstrona
---------------------------------------------------------------------------------------------------- */

#right-side .contact-item {
    display: block; 
    margin: 0px 0 30px 0;
    padding: 0 0 35px 0;
    border-bottom: 1px solid #f2f3f3;
}

#right-side .contact-left {
    float: left;
    width: 390px;
}

#right-side .contact-map {
    float: right;
    width: 460px;
    height: 215px;
    margin: 20px 0 0 0;
}

.f-adres {
    position: relative;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
    color: #373737;
    font: 400 16px/16px "Titillium Web",sans-serif;
}

.f-adres:before {
    content: '';
    width: 12px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 0;
    background: url('../grafika/f-adres-ico.png') no-repeat;
}

.f-tel, .f-fax, .f-czynne {
    display: block;
    position: relative;
    padding: 0 0 0 22px;
    color: #373737;
    font: 400 16px/16px "Titillium Web",sans-serif;
    margin: 0 0 20px 0;
}

.f-czynne {
    margin-bottom: 0;
}

.f-tel:before {
    content: '';
    width: 13px;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    background: url('../grafika/f-tel-ico.png') no-repeat;
}

.f-fax:before {
    content: '';
    width: 12px;
    height: 14px;
    position: absolute;
    top: 2px;
    left: 0;
    background: url('../grafika/f-fax-ico.png') no-repeat;
}

.f-czynne:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    background: url('../grafika/f-czynne-ico.png') no-repeat;
}

#left-side .kontakt-box .kontakt-box-content .f-czynne:before {
	top: 0px !important;
}

.f-mail {
    position: relative;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 0 23px;
    color: #1a3167;
    font: 400 16px/16px "Titillium Web",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.f-mail a {
    display: inline-block;
    margin: 0 0 0 0;
    color: #1a3167;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.f-mail a:hover, .f-mail:hover {
    color: #3874ac;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.f-mail:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    background: url('../grafika/f-mail-ico.png') no-repeat;
}

#right-side .kod-qr {
    float: left;
    display: block;
    margin: 0 0 0 0;
    
}

#right-side .kod-qr img {
    width: 101px;
    height: 101px;
    display: inline-block;
    margin: 0 18px 0 0;
    border: 5px solid #f2f3f3;
}

#right-side .kod-qr p {
    display: inline-block;
    font: 400 22px/22px "Titillium Web",sans-serif;
    color: #3f3f3f;
}

#right-side .form-btn {
    float: left;
    margin: 0 0 0 142px;
    background: #f2f3f3;
    position: relative;
    display: block;
    width: 137px;
    height: 82px;
    color: #355583;
    font: 600 20px/24px "Titillium Web",sans-serif;
    padding: 28px 0 0 100px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .form-btn:hover {
    color: #fff;
    background: #355583;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .form-btn:before {
    content: '';
    width: 49px;
    height: 46px;
    position: absolute;
    background: url('../grafika/form-ico.png') 0 0 no-repeat;
    left: 30px;
    top: 30px;
    opacity: 1;
}

#right-side .form-btn:hover:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .form-btn:hover:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .form-btn:after {
    content: '';
    width: 49px;
    height: 46px;
    position: absolute;
    background: url('../grafika/form-ico.png') 0 -49px no-repeat;
    left: 30px;
    top: 30px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .contact-table, #right-side .contact-table2 {
    float: left;
    display: block; 
    margin: 0 0px 0 0;
}

#right-side .contact-table2 {
    margin: 0 0 0 259px;
}

/* kontakt toggle
---------------------------------------------------------------------------------------------------- */

.expand_wrapper {
    float: left;
    display: block;
    width: 446px;
    margin: 0px 0 20px 0px !important;
    border-bottom: 1px solid #ebebeb;
}

.expand_wrapper > div {
    padding: 0px 0px 0px 0px;
    position: relative;
    cursor: pointer;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    height: auto;
}

.expand_wrapper > div .move:after {
    content: '';
    width: 35px;
    height: 35px;
    background: url('../grafika/mainbuttons-arrow2.png') center no-repeat #ffd013;
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.expand_wrapper > div .move.active:after {
    background: url('../grafika/mainbuttons-arrow2.png') center no-repeat #355583;
    transform: rotate(180deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}

.expand_wrapper > div .move:hover:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url('../grafika/mainbuttons-arrow2.png') center no-repeat #355583;
}

.expand_wrapper > div .move:hover {
    color: #3f3f3f;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.expand_wrapper span.move {
    width: auto;
    padding: 10px 0 0 65px;
    text-decoration:none;
    font: 400 24px/28px "Titillium Web",sans-serif;
    color: #3e5679;
    display: block;
    position: relative;
    margin: 0 0 35px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.expand_wrapper span.move:hover {
    cursor: pointer;

}

.expand_wrapper span.active {
    background: none;
}

.expand_wrapper .toggle_container {
    clear: both;
    margin: 0;
    padding: 0 20px 20px 65px;
    overflow: hidden;
    width: 100%;
    background: none;
    position: relative;
    display: none;
}
.expand_wrapper .toggle_container span {
    display: block;
    line-height: 1.5;
}
.expand_wrapper .toggle_container .telefon {

}
.expand_wrapper .toggle_container .email {

}
.expand_wrapper .toggle_container .godz_otw {

}

/* Menu Boczne
---------------------------------------------------------------------------------------------------- */

#menu-boczne {
    width: 270px;
    position: relative;
    margin: 0 0 40px 0;
}

#menu-boczne ul {
    list-style: none;
}


#menu-boczne ul li a {
    position: relative;
    text-transform: uppercase;
    background: #355583;
    color: #fff;
    display: block;
    padding: 20px 20px 20px 23px;
    font: 600 16px/20px "Titillium Web",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/*#menu-boczne ul li.prod a:before {
    content: '';
    position: absolute;
    height: 11px;
    width: 28px;
    left: 22px;
    bottom: -11px;
    opacity: 1;
    z-index: 9999;
    background: url('../grafika/menu-arrow.png') 0 -13px no-repeat;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}*/

#menu-boczne ul li.prod a:after {
    content: '';
    position: absolute;
    height: 11px;
    width: 28px;
    left: 22px;
    bottom: -11px;
    opacity: 0;
    z-index: 999;
    background: url('../grafika/menu-arrow.png') 0 0px no-repeat;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

#menu-boczne ul li.prod a:hover:before, #menu-boczne ul li a.active:before {
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
} 

#menu-boczne ul li.prod a:hover:after, #menu-boczne ul li.prod a.active:after {
    opacity: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
} 

#menu-boczne ul li a:hover,
#menu-boczne ul li a.active,
#menu-boczne ul li.yellow a.active,
#menu-boczne ul li.yellow a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #ffd013;
    color: #3f3f3f;
}

#menu-boczne ul li.yellow a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #253b5c;
    color: #fff;
}

#menu-boczne ul li > ul {
    padding: 15px 0;
    background: #253b5c;
}

#menu-boczne ul li > ul li a {
    background: #253b5c;
    text-transform: none;
    padding: 10px 20px 10px 23px;
    font: 300 14px/18px "Titillium Web",sans-serif;
}

#menu-boczne ul li > ul li a:before {
    display: none;
}

#menu-boczne ul li > ul li a:after {
    display: none;
}

#menu-boczne ul li > ul li a:hover, #menu-boczne ul li > ul li a.active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #18273d;
    color: #fff;
}

/* Kat boxy
---------------------------------------------------------------------------------------------------- */

#kat-boxes {
    text-align: center;
}

#kat-boxes .kat-box {
    display: inline-block;
    width: 300px;
    height: 300px;
    position: relative;
    margin: 0 15px 38px 15px;
}

#kat-boxes .kat-box img {
    width: 300px;
    height: 300px;
    position: relative;
    z-index: 1;
}

#kat-boxes .kat-box .apla {
    width: 300px;
    position: absolute;
    height: 190px;
    left: 0;
    bottom: 0;
    z-index: 5;
    opacity: 0.9;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #253b5c;
}

#kat-boxes .kat-box .apla:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 22px;
    bottom: 11px;
    left: 50%;
    background: url('../grafika/mainbuttons-arrow.png') 0 0px no-repeat;
    margin-left: -7px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#kat-boxes .kat-box:hover .apla:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    bottom: 31px;
}

#kat-boxes .kat-box .apla:after {
    content: '';
    position: absolute;
    width: 52px;
    height: 31px;
    top: 0;
    left: 50%;
    background: url('../grafika/katbox-addon.png') 0 0px no-repeat;
    margin-left: -26px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#kat-boxes .kat-box:hover .apla {
    background: #ffd013;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#kat-boxes .kat-box .signature {
    text-transform: uppercase;
    width: 260px;
    padding: 0 20px;
    position: absolute;
    color: #ffffff;
    font: 600 24px/28px "Titillium Web",sans-serif;
    z-index: 12;
    left: 0;
    bottom: 80px;
}

#kat-boxes .kat-box:hover .signature {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #253b5c;
}

#kat-boxes .product-item {
    display: inline-block;
    width: 278px;
    height: 527px;
    text-align: left;
    position: relative;
    border: 1px solid #efedeb;
    margin: 0 7px 20px 7px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    vertical-align: top;
}

#kat-boxes .product-item img {
    width: 278px;
    display: block;
    height: 278px;
    border-bottom: 1px solid #efedeb;
}

#kat-boxes .product-item:hover {
    border: 1px solid #f4bc16;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#kat-boxes .product-item .product-name {
    display: block;
    padding: 12px 19px 12px 19px;
    height: 36px;
    color: #1a3167;
    font: 600 18px/22px "Titillium Web", sans-serif;
    text-transform: uppercase;
    
    overflow: hidden;
    text-align: left;
}

#kat-boxes .product-item .parameters {
    width: 240px;
    padding: 12px 19px 12px 19px;
    height: 92px;
    display: block;
    background: #f2f3f3;
    margin: 8px 0 0 0;
    text-align: left;
}

#kat-boxes .product-item .parameters div {
    display: block;
    margin: 0 0 10px 0;
}

#kat-boxes .product-item .parameters .criterion {
    float: left;
    color: #1a3167;
    font: 600 14px/17px "Titillium Web", sans-serif;
    width: 105px;
    padding: 0 15px 0 0;
}

#kat-boxes .product-item .parameters .description {
    float: right;
    width: 120px;
    font: 400 14px/17px "Titillium Web", sans-serif;
    color: #3f3f3f;
}

#kat-boxes .product-item .price-sig {
    color: #1a3167;
    font: 600 14px/14px "Titillium Web", sans-serif;
    display: block;
    margin: 0 0 0 0;
}

#kat-boxes .product-item .price-value {
    display: block;
    margin: 0 0 0 0;
}

#cena_moc {
    color: #355583;
    font: 600 26px/26px "Titillium Web", sans-serif !important;
}
#doplata-con, #doplata-con .doplata2 {
    color: #1a3167;
    font: 400 13px/13px "Titillium Web", sans-serif !important;
}

.sugerowana-cena {
	color: #979797;
    font: 300 11px/11px "Titillium Web", sans-serif !important;
	display: block;
	margin-top: 5px;
}

#kat-boxes .product-item .price-value span {
    font: 600 18px/18px "Titillium Web", sans-serif;
}

#kat-boxes .product-item .price {
    width: 240px;
    padding: 12px 19px 12px 19px;
    display: block;
}

#kat-boxes .product-item .price-promo {
    width: 238px;
    height: 54px;
    padding: 5px 20px;
    display: block;
    background: #f4bc16;
}

#kat-boxes .product-item .price-promo > span {
    color: #fff;
    font: 600 14px/14px "Titillium Web", sans-serif;
    display: inline-block;
}

#kat-boxes .product-item .price-promo .price-promo-old {
    margin: 0 0 0 15px;
    text-decoration: line-through;
}

#kat-boxes .product-item .price-promo .price-promo-new {
    margin: 0 ;
    color: #1a3167;
    font: 600 24px/24px "Titillium Web", sans-serif;
}

#kat-boxes .product-item .price-promo .price-promo-new span {
    font: 600 18px/24px "Titillium Web", sans-serif;
}

#kat-boxes .product-item .next {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 48px;
    height: 36px;
    display: block;
    background: url('../grafika/white-arrow-2.png') center center no-repeat #ffd013;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#kat-boxes .product-item:hover .next {
    background: url('../grafika/yellow-arrow.png') center center no-repeat transparent;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#kat-boxes .product-item:hover .next.promo {
    background: url('../grafika/white-arrow-2.png') center center no-repeat #1a3167;
}

/* Footer
---------------------------------------------------------------------------------------------------- */

footer {
    width: 100%;
    min-width: 1200px;
    position: relative;
}


footer .footer-info {
    width: 100%;
    min-width: 1200px;
    padding: 56px 0px 0 0px;
    background: #fff;
}

#slowniczek {
    float: left;
    display: block;
    border-left: 1px solid #efedeb;
    border-right: 1px solid #efedeb;
    width: 252px;
    height: 485px;
    padding: 15px 22px 0px 22px;
}

#slowniczek .signature, #dane-kontaktowe .signature, #f-form .signature, #f-opinia .signature {
     position: relative;
     display: block;
     font: 400 18px/20px "Titillium Web",sans-serif;
     color: #373737;
     margin: 0 0 40px 0;
}

#slowniczek .signature:before, #dane-kontaktowe .signature:before, #f-form .signature:before, #f-opinia .signature:before {
    content: '';
    width: 1px;
    height: 55px;
    background: #ffd013;
    position: absolute;
    left: -23px;
    top: -14px;
}

#slowniczek ul {
    list-style: none;
}

#slowniczek ul li a {
    margin: 0 0 16px 0;
    display: block;
    font: 400 14px/18px "Titillium Web",sans-serif;
    color: #2c476e;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#slowniczek ul li a:hover {
    color: #3874ac;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#dane-kontaktowe {
    float: left;
    display: block;
    border-right: 1px solid #efedeb;
    width: 252px;
    height: 485px;
    padding: 15px 22px 0px 22px;
}

#dane-kontaktowe .signature2 {
    margin: 0 0 20px 0;
    display: block;
    font: 600 22px/24px "Titillium Web",sans-serif;
    color: #373737;
}

#dane-kontaktowe .f-adres {
    position: relative;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 0 23px;
}

#dane-kontaktowe .f-adres:before {
    content: '';
    width: 12px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../grafika/f-adres-ico.png') no-repeat;
}

#dane-kontaktowe .f-adres p {
    color: #373737;
    font: 400 16px/16px "Titillium Web",sans-serif;
    display: block;
    margin: 0 0 5px 0;
}

#dane-kontaktowe .f-tel {
    display: block;
    position: relative;
    padding: 0 0 0 22px;
    color: #373737;
    font: 400 16px/16px "Titillium Web",sans-serif;
    margin: 0 0 20px 0;
}

#dane-kontaktowe .f-tel a {
    color: #373737;
    font: 400 16px/16px "Titillium Web",sans-serif;
}

#dane-kontaktowe .f-tel:before {
    content: '';
    width: 13px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
    background: url('../grafika/f-tel-ico.png') no-repeat;
}

#dane-kontaktowe .f-mail {
    position: relative;
    display: block;
    margin: 0 0 25px 0;
    padding: 0 0 0 23px;
    color: #373737;
    font: 400 16px/16px "Titillium Web",sans-serif;
}

#dane-kontaktowe .f-mail a {
    display: block;
    margin: 0 0 5px 0;
    color: #1a3167;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#dane-kontaktowe .f-mail a:hover {
    color: #3874ac;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#dane-kontaktowe .f-mail:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
    background: url('../grafika/f-mail-ico.png') no-repeat;
}

#f-social {
    display: block;
    margin: 0 0 0 0;
}

#f-social .social-item {
    width: 54px;
    height: 54px;
    display: inline-block;
    margin: 0 0 0 0;
    border: 1px solid #dcdbd8;
    margin: 0 2px 0 2px;
    position: relative;
}

#f-social .social-item:before {
    content: '';
    position: absolute;
    opacity: 1;
    left: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#f-social .social-item:hover:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#f-social .social-item:after {
    content: '';
    position: absolute;
    opacity: 0;
    left: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#f-social .social-item:hover:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#f-fb:before {
   content: '';
   width: 13px;
   height: 27px;
   margin-left: -6px;
   top: 13px;
   background: url('../grafika/f-fb.png') 0 0 no-repeat;
}

#f-fb:after {
   content: '';
   width: 13px;
   height: 27px;
   margin-left: -6px;
   top: 13px;
   background: url('../grafika/f-fb.png') 0 -31px no-repeat;
}

#f-yt:before {
   content: '';
   width: 23px;
   height: 27px;
   margin-left: -11px;
   top: 13px;
   background: url('../grafika/f-yt.png') 0 0 no-repeat;
}

#f-yt:after {
   content: '';
   width: 23px;
   height: 27px;
   margin-left: -11px;
   top: 13px;
   background: url('../grafika/f-yt.png') 0 -31px no-repeat;
}

#f-twitter:before {
   content: '';
   width: 24px;
   height: 20px;
   margin-left: -12px;
   top: 18px;
   background: url('../grafika/f-twitter.png') 0 0 no-repeat;
}

#f-twitter:after {
   content: '';
   width: 24px;
   height: 20px;
   margin-left: -12px;
   top: 18px;
   background: url('../grafika/f-twitter.png') 0 -24px no-repeat;
}

#f-g:before {
   content: '';
   width: 27px;
   height: 27px;
   margin-left: -12px;
   top: 15px;
   background: url('../grafika/f-g.png') 0 0 no-repeat;
}

#f-g:after {
   content: '';
   width: 27px;
   height: 27px;
   margin-left: -12px;
   top: 15px;
   background: url('../grafika/f-g.png') 0 -31px no-repeat;
}

#f-form, #f-opinia {
    float: left;
    display: block;
    border-right: 1px solid #efedeb;
    width: 558px;
    height: auto; 
    padding: 15px 22px 15px 22px;
}

/*  KONTAKT - FORMULARZ */
#f-form .formularz_kontaktowy, #f-opinia {
    width: 100%;
    margin: auto;
    padding-top: 0px;
}

#form_lewy {
    float: left;
    width: 260px;
}

#form_prawy {
    float: right;
    width: 200px;
}
.f_kolumna_1 {
    width: 258px;
    float: left;
    margin-bottom: 10px;
}
.f_kolumna_2 {
    width: 258px;
    float: right;
    margin-bottom: 10px;
}
.f_tekst {
    width: 557px;
    float: left;
    clear: both;
    margin-bottom: 15px;
}
.f_button {
    text-align: center;
    float: right;
    clear: both;
}
.f_token {
    float: left;
    clear: both;
}
.f_info {
    margin-bottom: 10px;
    float: left;
    clear: both;
    font: 400 14px/14px "Titillium Web", sans-serif;
    color: #373737;
}
.f_info span {
    color: #ffd013;
}
.f_token_input {
    float: left;
    width: 150px;
    height: 50px;
}
.f_token_img {
    float: left;
    width: 100px;
    height: 50px;
}
.f_input {
    background: #fff;
    font: 400 14px/20px "Titillium Web", sans-serif;
    color: #787878;
    border: 1px solid #dcdbd8;
    padding: 5px 5px 5px 5px;
    width: 245px;
    height: 23px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.f_input:hover, .f_input:focus {
    background: #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #2c476e;
}
.f_input_token {
    background: #fff;
    font: 300 14px/20px "Titillium Web", sans-serif;
    color: #000;
    border: 1px solid #dcdbd8;
    padding: 5px;
    width: 70px;
    height: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.f_input_token:hover, .f_input_token:focus {
    border: 1px solid #2c476e;
    background: #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.f_textarea {
    font: 300 14px/20px "Titillium Web", sans-serif;
    color: #000;
    background: #fff;
    border: 1px solid #dcdbd8;
    padding: 5px 5px 5px 5px;
    width: 544px;
    height: 135px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.f_textarea:hover, .f_textarea:focus {
    background: #ffffff;
    border: 1px solid #2c476e;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.f_input_button {
    width: 254px;
    height: 54px;
    border: 0px;
    padding: 0 0 0 38px;
    margin: 0px 0 0 0px;
    text-align: left;
    font: 400 20px/20px "Titillium Web", sans-serif;
    color: #3f3f3f;
    background: #ffd013;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.f_input_button:before {
    content: '';
    width: 34px;
    height: 23px;
    position: absolute;
    right: 15px;
    top: 16px;
    background: url('../grafika/slider-more.png') 0 0px no-repeat;
}

.f_input_button:hover {
    display: inline;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #355583;
    color: #fff;
}
.f_brak {
    background-color: #eeeeed;
}

#footer-bottom {
    width: 100%;
    min-width: 1200px;
    background: #2c476e;
    height: 48px;
}

footer .copyright {
    float: left;
    color: #fff;
    font: 400 13px/13px "Titillium Web",sans-serif;
    margin: 18px 0 0 0;
}

footer .euforia {
    float: right;
    color: #fff;
    font: 400 13px/13px "Titillium Web",sans-serif;
    margin: 18px 0 0 0;
}

footer .euforia a {
    text-decoration: none;
    color: #fff;
    font: 400 13px/13px "Titillium Web",sans-serif;
}

footer .euforia a:hover {
    text-decoration: underline;
}


/* Breadcrumbs
---------------------------------------------------------------------------------------------------- */
#breadcrumbs {
    width: 100%;
    min-width: 1200px;
    height: 44px;
    padding: 28px 0 0 0;
    background: url('../grafika/breadcrumbs-bg.jpg') no-repeat fixed 50% 0; 
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
}

#breadcrumbs .bread-home {
    display: inline-block;
    margin: 0 0 0 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    width: 20px;
    height: 18px;
    vertical-align: top;
}

#breadcrumbs .bread-home:before {
    content: '';
    width: 20px;
    height: 18px;
    position: absolute;
    top: 0px;
    left: 0;
    opacity: 1;
    background: url('../grafika/bread-home-ico.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#breadcrumbs .bread-home:hover:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

#breadcrumbs .bread-home:hover:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

#breadcrumbs .bread-home:after {
    content: '';
    width: 20px;
    height: 18px;
    position: absolute;
    top: 0px;
    left: 0;
    opacity: 0;
    background: url('../grafika/bread-home-ico.png') 0 -20px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#breadcrumbs a {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
    font: 400 14px/18px "Titillium Web",sans-serif;
}

#breadcrumbs a:hover {
    color: #bac5e2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#breadcrumbs p {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 0;
    color: #bac5e2;
    font: 400 14px/18px "Titillium Web",sans-serif;
}

#breadcrumbs .bread-arrow {
    width: 10px;
    height: 9px;
    display: inline-block;
    margin: 0 12px 0 12px;
    background: url('../grafika/bread-arrow.png') no-repeat;
}

/* Main Container
---------------------------------------------------------------------------------------------------- */

#main-container {
    min-width: 1200px;
    width: 100%;
    position: relative;
}

/* Left Side
---------------------------------------------------------------------------------------------------- */

#left-side {
    float: left;
    width: 270px;
    padding: 38px 0 0 0;
}

#left-side .kontakt-box {
    display: block;
    margin: 0 0 40px 0;
}

#left-side .kontakt-box .signature {
    background: #f2f3f3;
    color: #344764;
    display: inline-block;
    font: 300 18px/20px "Titillium Web",sans-serif;
    margin: 0;
    padding: 15px 22px;
}

#left-side .kontakt-box .kontakt-box-content {
    margin: 0 0 0 0;
    padding: 16px 0 16px 22px;
    display: block;
    border: 1px solid #efedeb;
    width: 246px;
    height: auto;
}

#left-side .kontakt-box .kontakt-box-content .signature2 {
    margin: 0 0 20px 0;
    display: block;
    font: 600 22px/24px "Titillium Web",sans-serif;
    color: #373737;
}

#left-side .kontakt-box .kontakt-box-content .f-adres {
    position: relative;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 0 23px;
}

#left-side .kontakt-box .kontakt-box-content .f-adres:before {
    content: '';
    width: 12px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../grafika/f-adres-ico.png') no-repeat;
}

#left-side .kontakt-box .kontakt-box-content .f-adres p {
    color: #373737;
    font: 400 16px/16px "Titillium Web",sans-serif;
    display: block;
    margin: 0 0 5px 0;
}

#left-side .kontakt-box .kontakt-box-content .f-tel {
    display: block;
    position: relative;
    padding: 0 0 0 22px;
    color: #373737;
    font: 400 16px/16px "Titillium Web",sans-serif;
    margin: 0 0 20px 0;
}
#left-side .kontakt-box .kontakt-box-content .f-tel a {
    color: #373737;
    font: 400 16px/16px "Titillium Web",sans-serif;
}

#left-side .kontakt-box .kontakt-box-content .f-tel:before {
    content: '';
    width: 13px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
    background: url('../grafika/f-tel-ico.png') no-repeat;
}

#left-side .kontakt-box .kontakt-box-content .f-mail {
    position: relative;
    display: block;
    margin: 0 0 25px 0;
    padding: 0 0 0 23px;
    color: #373737;
    font: 400 16px/16px "Titillium Web",sans-serif;
}

#left-side .kontakt-box .kontakt-box-content .f-mail a {
    display: block;
    margin: 0 0 5px 0;
    color: #1a3167;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .kontakt-box .kontakt-box-content .f-mail a:hover {
    color: #3874ac;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .kontakt-box .kontakt-box-content .f-mail:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0;
    background: url('../grafika/f-mail-ico.png') no-repeat;
}

#left-side .nowosci-btn {
    width: 247px;
    height: 108px;
    position: relative;
    display: block;
    padding: 36px 0 0 23px;
    margin: 0 0 40px 0;
    background: #f2f3f3;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .nowosci-btn:hover {
    background: #355583;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .nowosci-btn .small-text {
    display: block;
    color: #253b5c;
    margin: 0 0 5px 0;
    font: 400 22px/24px "Titillium Web",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .nowosci-btn:hover .small-text {
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .nowosci-btn:hover .big-text {
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .nowosci-btn .big-text {
    display: block;
    color: #253b5c;
    margin: 0 0 0 0;
    font: 600 39px/42px "Titillium Web",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .nowosci-btn:before {
    content: '';
    width: 92px;
    height: 140px;
    position: absolute;
    top: 0;
    right: 0;
    background: url('../grafika/nowosci-btn-addon.png') no-repeat;
}

#left-side .nowosci-btn .arrow {
    width: 26px;
    height: 18px;
    position: relative;
    display: block;
    float: right;
    margin: 6px 34px 0 0;
}

#left-side .nowosci-btn .arrow:before {
    content: '';
    width: 26px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    background: url('../grafika/nowosci-arrow.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .nowosci-btn .arrow:after {
    content: '';
    width: 26px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: url('../grafika/nowosci-arrow.png') 0 -20px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .nowosci-btn:hover .arrow:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

#left-side .nowosci-btn:hover .arrow:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

#left-side .side-news {
    width: 270px;
    display: block;
    margin: 0 0 40px 0;
}

#left-side .side-news .signature {
    background: #253b5c;
    color: #fff;
    display: inline-block;
    font: 300 18px/20px "Titillium Web",sans-serif;
    margin: 0;
    padding: 15px 22px;
}

#left-side .side-news .news-content {
    background: #f2f3f3;
    width: 226px;
    padding: 24px 22px 24px 22px;
    text-decoration: none;
    display: block;
    
}

#left-side .side-news .news-content .overflow-content {
    overflow: hidden;
    height: 200px;
    margin: 0 0 0 0;
}

#left-side .side-news .news-content .overflow-content .news-nag {
    color: #1a3167;
    font: 600 20px/22px "Titillium Web", sans-serif;
    margin: 0 0 16px 0;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .side-news .news-content:hover .overflow-content .news-nag {
    color: #3874ac;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .side-news .news-content .overflow-content .news-text {
    color: #5d5d5d;
    font: 400 16px/20px "Titillium Web", sans-serif;
    margin: 0 0 0 0;
    text-align: justify;
    display: block;
}

#left-side .side-news .news-content .news-more {
    float: right;
    width: 48px;
    height: 36px;
    position: relative;
    display: block;
    margin: 20px 0 0 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .side-news .news-content .news-more:before {
    content: '';
    width: 48px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    background: url('../grafika/news-more.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .side-news .news-content .news-more:after {
    content: '';
    width: 48px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: url('../grafika/news-more.png') 0 -40px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .side-news .news-content:hover .news-more:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .side-news .news-content:hover .news-more:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .side-recommended {
    width: 270px;
    display: block;
    margin: 0 0 40px 0;
}

#left-side .side-recommended .signature {
    background: #f2f3f3;
    color: #344764;
    display: inline-block;
    font: 300 18px/20px "Titillium Web",sans-serif;
    margin: 0;
    padding: 15px 22px;
}

#left-side .side-recommended .side-raty {
    width: 230px; 
    height: 318px;
    display: block;
    padding: 30px 20px 0 20px;
    margin: 0 0 0 0;
    background: #253b5c;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .side-recommended .side-raty img {
    width: 85px;
    height: 97px;
    margin: 0 auto 20px;
    display: block;
}

#left-side .side-recommended .side-raty .big-text, #left-side .side-recommended .side-katalog .big-text {
    color: #fff;
    display: block;
    font: 600 30px/35px "Titillium Web",sans-serif;
    margin: 0 0 15px 0;
}

#left-side .side-recommended .side-raty p, #left-side .side-recommended .side-katalog p {
    color: #fff;
    display: block;
    font: 400 16px/20px "Titillium Web",sans-serif;
    margin: 0 0 0 0;
}

#left-side .side-recommended .side-raty p strong {
    font-weight: 600;
}

#left-side .side-recommended .side-raty .box-more, #left-side .side-recommended .side-katalog .box-more {
    display: block;
    float: right;
    margin: 20px 0 0 0;
    width: 48px;
    height: 36px;
    background: url('../grafika/box-arrow.png') no-repeat;  

}

#left-side .side-recommended .side-raty:hover, #left-side .side-recommended .side-katalog:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #1f324e;
}

#left-side .side-recommended .side-katalog {
    width: 230px; 
    height: 285px;
    display: block;
    padding: 30px 20px 0 20px;
    margin: 0 0 0 0;
    background: #355583;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#left-side .side-recommended .side-katalog img {
    width: 87px;
    height: 82px;
    margin: 0 auto 20px;
    display: block;
}

/* Right side
---------------------------------------------------------------------------------------------------- */

#right-side {
    float: right;
    width: 895px;
    padding: 38px 0 0 0;
}

#right-side .back-btn {
    background: #ffd013;
    position: relative;
    display: inline-block;
    padding: 10px 16px 10px 50px;
    color: #3f3f3f;
    font: 400 16px/16px "Titillium Web", sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .back-btn:hover {
    background: #355583;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .back-btn:after {
    content: '';
    width: 22px;
    transform: rotate(180deg);
    height: 15px;
    position: absolute;
    left: 16px;
    top: 11px; 
    background: url('../grafika/white-arrow-2.png') no-repeat;
}

#right-side h1 {
    display: block;
    margin: 0 0 35px 0;
    font: 400 40px/52px "Titillium Web", sans-serif;
    position: relative;
    padding: 0 0 0 22px;
    color: #3f3f3f;
    border-left: 10px solid #ffd013;
}

#right-side h2 {
    display: block;
    margin: 0 0 30px 0;
    font: 400 30px/38px "Titillium Web", sans-serif;
    position: relative;
    padding: 0 0 0 0;
    color: #3f3f3f;
}

#right-side h3 {
    display: block;
    margin: 0 0 30px 0;
    font: 400 22px/30px "Titillium Web", sans-serif;
    position: relative;
    padding: 0 0 0 0;
    color: #3f3f3f;
}

#right-side hr {
    display: block;
    margin: 25px 0 25px 0;
    border-top: none;
    border-bottom: 1px solid #f2f3f3;
}

#right-side p {
    color: #3f3f3f;
    display: block;
    margin: 0 0 20px 0;
    font: 300 16px/24px "Titillium Web", sans-serif;
}

#right-side a {
    color: #506e9a;
    font: 300 16px/24px "Titillium Web", Arial;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side a:hover {
    color: #f4bc16;
}

#right-side ul {
    margin: 0 0 30px 35px;
    list-style-image: url("../grafika/ul-content.png");
}

#right-side ol {
    margin: 0 0 30px 35px;
}

#right-side ul li, #right-side ol li {
    color: #3f3f3f;
    margin: 0 0 10px 0;
    font: 300 16px/24px "Titillium Web", sans-serif;
}

#right-side table {
    width: 100%;
    margin: 0 0 30px 0;
}

#right-side table th {
    background: #a5bed7;
    color: #fff;
    font: 600 16px/22px "Titillium Web", Arial;
    text-align: center;
    vertical-align: middle;
    padding: 16px 10px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

#right-side table th:last-child {
    border-right: none;
}

#right-side table td {
    background: #f1f2f2;
    color: #3f3f3f;
    font: 400 16px/20px "Titillium Web", Arial;
    text-align: center;
    vertical-align: middle;
    padding: 16px 10px;
    border-right: 1px solid #f6f5f3;
}

#right-side table tr:nth-child(2n) td {
    background: #fdfdfd;
}

#right-side .download-item {
    display: block;
    color: #506e9a;
    font: 600 16px/20px "Titillium Web", Arial;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0 0 0 30px;
    margin: 0 0 20px 0;
    position: relative;
}

#right-side .download-item:hover {
    color: #f4bc16;
}

#right-side .download-item:before {
    content: '';
    width: 17px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 1px;
    opacity: 1;
    background: url('../grafika/download-ico.png') 0 0 no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .download-item:after {
    content: '';
    width: 17px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 1px;
    opacity: 0;
    background: url('../grafika/download-ico.png') 0 -23px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .download-item:hover:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-side .download-item:hover:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* Formularz zakupowy
---------------------------------------------------------------------------------------------------- */

#right-side .product-name2 {
    background: #3f3f3f;
    color: #fff;
    text-transform: uppercase;
    font: 400 30px/34px "Titillium Web", Arial;
    display: inline-block;
    padding: 12px 48px 12px 24px;
}

#product-parameters {
    display: block;
    width: 895px;
}

#product-parameters .left-column {
    float: left;
    width: 460px;
}

#product-parameters .right-column {
    float: right;
    width: 410px;
}

#product-parameters .right-column img {
    width: 410px;
    height: 410px;
}

#product-parameters .grey-label, #item-parameters .stove-specifications .grey-label  {
    width: 450px;
    position: relative;
    background: #f2f3f3;
    height: auto;
    padding: 10px 0 10px 10px;
}

#product-parameters .grey-label:after, #item-parameters .grey-label:after {
    content: '';
    width: 26px;
    height: 10px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    bottom: -10px;
    background: url('../grafika/grey-arrow.png') 0 0 no-repeat;
}

#product-parameters .grey-label .stove-power, #item-parameters .stove-specifications .grey-label .stove-power {
    background: #fff;
    position: relative;
    display: inline-block;
    width: 190px;
    height: 75px;
    padding: 0 0 0 17px;
	margin-right: 30px;
}

#select-power {
    font: 600 16px/20px "Titillium Web", Arial;
    color: #979797;
    display: block;
    margin: 5px 0 5px 0;
}

#product-parameters .grey-label .stove-power:after, #item-parameters .stove-specifications .grey-label .stove-power:after {
    content: '';
    width: 14px;
    height: 39px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: -14px;
    background: url('../grafika/white-triangle.png') 0 0 no-repeat;
}

.select-style-power {
    padding: 0;
    margin: 0;
    border: 1px solid #cccac9;
    width: 173px;
    cursor: pointer;
    border-radius: 3px;
    overflow: hidden;
    background: url('../grafika/select-arrow.png') no-repeat 94% 50% #fff;
    font: 400 14px/16px "Titillium Web", Arial;
    color: #5d5d5d;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.select-style-power:hover {
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #506e9a;
}

.select-style-power select {
    padding: 8px 8px;
    width: 110%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style-power select:focus {
    outline: none;
}


#product-parameters .stove-price,
#item-parameters .stove-specifications .grey-label .stove-price {
    display: inline-block;
    margin: 0 0 0 10px;
    position: relative;
    top: 0;
}

#product-parameters .stove-price .price-sig,
#item-parameters .stove-specifications .grey-label .stove-price .price-sig {
    font: 600 18px/20px "Titillium Web", Arial;
    color: #979797;
    display: block;
    margin: 0 0 0 0;
}

#product-parameters .stove-price .price-value,
#item-parameters .stove-specifications .grey-label .stove-price .price-value {
    font: 600 32px/34px "Titillium Web", Arial;
    color: #3f3f3f;
    display: block;
    margin: 0 0 0 0;
    line-height: 15px;
}

#product-parameters .stove-price .price-value span,
#item-parameters .stove-specifications .grey-label .stove-price .price-value span {
  font: 600 22px/24px "Titillium Web", Arial;  
}

.grey-label .kod_ean,
.grey-label .kod_producenta {
    display: inline-block;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px;
    width: 200px;
    font: 400 14px/18px "Titillium Web",Arial;
    color: #979797;
}

.grey-label .kod_ean span,
.grey-label .kod_producenta span {
    display: block;
    color: #3f3f3f;
    font: 600 16px/20px "Titillium Web",Arial;
}

.grey-label .kod_producenta {
    margin-left: 42px;
}



#item-parameters .stove-specifications .stove-promo,
#product-parameters .stove-promo {
    float: right;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 210px;
    height: 70px;
    box-sizing: border-box;
}

#item-parameters .stove-specifications .stove-promo .tytul,
#product-parameters .stove-promo .tytul {
    color: #ff5f53;
    font: 600 18px/30px 'Titillium Web', sans-serif;
    display: block;
}

#item-parameters .stove-specifications .stove-promo .text,
#product-parameters .stove-promo .text{
    color: #355583;
    font: 600 32px/30px 'Titillium Web', sans-serif;
    display: block;
}

#item-parameters .stove-specifications .stove-price-old,
#product-parameters .stove-price-old {
    display: inline-block;
    color: #355583;
    margin: 10px 0 0 18px;
}

#item-parameters .stove-specifications .stove-price-old .price-old,
#product-parameters .stove-price-old .price-old {
    font: 600 14px/22px 'Titillium Web', sans-serif;
    color: #355583;
    margin: 13px 0 0;
}

#item-parameters .stove-specifications .stove-price-old .price-value,
#product-parameters .stove-price-old .price-value {
    margin: 0;
    text-decoration: line-through;
    color: #355583;
    font: 600 18px/22px 'Titillium Web', sans-serif !important;
}

#item-parameters .stove-specifications .stove-price-old .price-value #cena_moc ,
#product-parameters .stove-price-old .price-value #cena_moc {
    font: 600 18px/22px 'Titillium Web', sans-serif !important;
}

#item-parameters .stove-specifications .stove-price-new,
#product-parameters .stove-price-new {
    box-sizing: border-box;
    width: 303px;
    height: 70px;
    padding: 5px 15px;
    background-color: #f4bc16;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    float: right;
    margin: 10px 0 0;
}

#item-parameters .stove-specifications .stove-price-new .price-new-tytul,
#product-parameters .stove-price-new .price-new-tytul {
    width: 50px;
    text-align: center;
    color: #fff;
    font: 600 16px/18px 'Titillium Web', sans-serif;
    margin: 0 27px 0 0;
    text-transform: uppercase;
}

#item-parameters .stove-specifications .stove-price-new .price-new-box,
#product-parameters .stove-price-new .price-new-box {
    display: flex;
    flex-direction: column;
}

#cena_moc_new {
    color: #fff;
    font: 600 34px/34px 'Titillium Web', sans-serif;
    display: inline-block;
}

#item-parameters .stove-specifications .stove-price-new .price-new-box .waluta,
#product-parameters .stove-price-new .price-new-box .waluta {
    font: 600 24px/34px 'Titillium Web', sans-serif;
    display: inline-block;
    color: #fff;
}

#item-parameters .stove-specifications .stove-price-new .sugerowana-cena {
    color: #fff;
    font: 400 11px/11px "Titillium Web", sans-serif !important;
    margin: 0;
    display: inline-block;
}

#product-parameters .stove-availability,
#item-parameters .stove-availability {
    display: inline-block;
    margin: 10px 0 0;
    position: relative;
    width: 207px;
    height: 50px;
}

#product-parameters .stove-availability .ico, #item-parameters .stove-availability .ico {
    position: absolute;
    left: 10px;
    top: 5px;
    width: 40px;
    height: 40px;
    background: url('../grafika/ico_stan_magazynowy.png') no-repeat;
    background-size: 40px 40px;
}
#product-parameters .stove-availability .txt, #item-parameters .stove-availability .txt {
    position: absolute;
    left: 60px;
    top: 10px;
    width: 100px;
    height: 30px;
    color: #979797;
    font: 400 14px/16px "Titillium Web",Arial;
}
#product-parameters .stove-availability .val, #item-parameters .stove-availability .val {
    position: absolute;
    left: 150px;
    top: 25px;
    width: 57px;
    color: #3f3f3f;
    font: 600 16px/18px "Titillium Web",Arial;
}

#product-parameters .stove-execution-time, #item-parameters .stove-execution-time {
    display: inline-block;
    margin: 10px 0 0 33px;
    position: relative;
    width: 205px;
    height: 50px;
}

#product-parameters .stove-execution-time .ico, #item-parameters .stove-execution-time .ico {
    position: absolute;
    left: 10px;
    top: 5px;
    width: 40px;
    height: 40px;
    background: url('../grafika/ico_czas_realizacji.png');
    background-size: 40px 40px;
}
#product-parameters .stove-execution-time .txt, #item-parameters .stove-execution-time .txt {
    position: absolute;
    left: 60px;
    top: 10px;
    width: 80px;
    height: 30px;
    color: #979797;
    font: 400 14px/16px "Titillium Web",Arial;
}
#product-parameters .stove-execution-time .val, #item-parameters .stove-execution-time .val {
    position: absolute;
    left: 125px;
    top: 25px;
    width: 57px;
    color: #3f3f3f;
    font: 600 16px/18px "Titillium Web",Arial;
}

#product-parameters .select-left {
    float: left;
    width: 460px;
    display: block;
    margin: 30px 0 0 0;
}

/*#product-parameters .select-right {
    float: right;
    width: 219px;
    display: block;
    margin: 30px 0 0 0;
}*/

#product-parameters .select-left .select-wiersz, #product-parameters .select-right .select-wiersz {
    position: relative;
    display: inline-block;
    width: 219px;
    margin: 0 10px 16px 0;
    float: left;
}

.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #cccac9;
    width: 195px;
    cursor: pointer;
    display: inline-block;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: url('../grafika/select-arrow.png') no-repeat 94% 50% #fff;
    font: 400 14px/16px "Titillium Web", Arial;
    color: #5d5d5d;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.select-style:hover {
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #506e9a;
}

.select-style select {
    padding: 8px 34px 8px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style select:focus {
    outline: none;
}

#product-parameters label {
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 0 3px;
    padding: 0px 0 0;
    position: relative;
    text-align: center;
    width: 15px; 
    height: 36px;
    background: #506e9a;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#product-parameters label:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #253b5c;
}

.tooltip {
	display: inline;
	position: absolute;
	z-index: 999;
        top: 0px;
        width: 15px; 
        color: #fff !important;
        font: 600 18px/18px "Titillium Web", Arial;
        height: 25px;
        padding: 8px 0 0 0;
        right: 0;
}

/* Gap filler */

.tooltip::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip:hover::after {
	pointer-events: auto;
}

/* Tooltip */

.tooltip-content {
	position: absolute;
	z-index: 9999;
	padding: 20px 16px 20px;
	left: 50%;
	bottom: 110%;
        width: 150px;
	text-align: center;
	font-weight: 300;
	color: #3f3f3f;
	opacity: 0;
	margin: 0 0 10px -90px;
	cursor: default;
        background: #e5e6e6;
	pointer-events: none;
	font: 400 14px/18px "Titillium Web", Arial;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: opacity 0.2s 0.2s;
	transition: opacity 0.2s 0.2s;
}

.tooltip-content:before {
    content: '';
    width: 29px;
    height: 22px;
    bottom: -22px;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    background: url('../grafika/tooltip-arrow.png') no-repeat;
}

.tooltip:hover .tooltip-content {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.tooltip-content span {
	display: block;
}

.tooltip-text {	
	overflow: hidden;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
	-webkit-transition: -webkit-transform 0.2s 0.2s;
	transition: transform 0.2s 0.2s;
}

.tooltip-text .link {
    cursor: pointer;
	color: #506e9a;
}

.tooltip:hover .tooltip-text {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

#right-side span.radio {
    display: inline-block;
    margin: 0 30px 0 0;
}

#right-side span label {
    color: #3f3f3f;
    display: block;
    font: 300 16px/18px "Titillium Web", Arial;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#radioboxes {
    display: block;
    margin: 0 0 40px 0;
}

#radioboxes span > input {
    float: left;
    height: 16px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 16px;
}

#radioboxes span > input[type=radio] + label {
    background: url(../grafika/radio-off.png) 0 0px no-repeat;
    height: 19px;
    padding: 0 0 0 29px;
}

#radioboxes span > input[type=radio]:checked + label {
    background: url(../grafika/radio-check.png) 0 0px no-repeat;
}


#radioboxes span > input[type=radio]:hover + label,
#radioboxes span > input[type=radio] + label:hover { 
    color: #3e5679;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#dane-of, #dane-firma {
    display: block;
    margin: 0 0 0 0;
}

#raty {
    display: none;
}

#dane-of .f_kolumna, #dane-firma .f_kolumna, #dane_adresowe2 .f_kolumna, #platnosc-dostawa .f_kolumna {
    display: inline-block;
    margin: 0px 17px 20px 17px; 
    width: 410px;
}

#dane-of .f_kolumna .f_input, #dane-firma .f_kolumna .f_input, #dane_adresowe2 .f_kolumna .f_input {
    width: 398px;
}

#dane-of .f_kolumna .f_info, #dane-firma .f_kolumna .f_info, #dane_adresowe2 .f_kolumna .f_info {
    display: block;
    color: #373737;
    font: 400 14px/14px "Titillium Web",sans-serif;
    margin-bottom: 10px;
}

#right-side .f_wiersz2 {
    display: block;
    height: 21px;
}

#right-side .f_wiersz2 span.checkbox {
    display: block; 
}

#right-side .f_wiersz2 span.checkbox > input {
    height: 16px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 16px;
}

#right-side .f_wiersz2 span.checkbox > input + label {
    background: rgba(0, 0, 0, 0) url("../grafika/check-off.png") no-repeat scroll 0 0;
    height: 19px;
    padding: 3px 0 0 29px;
}

#right-side .f_wiersz2 span.checkbox > input[type=checkbox]:checked + label {
    background: url(../grafika/check-check.png) 0 0px no-repeat;
}

#right-side .f_wiersz2 span.checkbox label {
    color: #3f3f3f;
    display: block;
    font: 400 16px/16px "Titillium Web",sans-serif;
    transition: all 0.3s ease 0s;
    width: 335px;
}

#dane_adresowe2 {
    margin: 20px 0 0 0;
    outline: none;
    border: none;
}

#platnosc-dostawa {
    margin: 40px 0 0 0;
    display: block;
}

#platnosc-dostawa .select-style {
    width: 408px; 
    background-position: 96% 50%;
}

#platnosc-dostawa .textarea-style {
    width: 857px; 
}

#platnosc-dostawa .textarea-style textarea {
    width: 845px;
}

#submit-section {
    display: block;
    width: 874px;
    height: auto;
    background: #f2f3f3;
    padding: 25px 21px;
    margin: 20px 0 10px 0;
}

#submit-section .token {
    display: block;
    float: left;
    margin: 0 0 0 0;
}

#submit-section .token p {
    margin: 0 0 15px 0;
    display: block;
    color: #5d5d5d;
    font: 400 16px/16px "Titillium Web",sans-serif;
}

#submit-section .token .f_input_token  {
    margin-left: 15px;
    height: 30px;
}

#submit-section .f_input_button2 {
    border: none;
    outline: none;
    position: relative;
    background: #ffd013;
    display: block;
    text-align: left;
    float: right;
    width: 194px;
    height: 60px;
    margin: 15px 0 0 0;
    padding: 0 0 0 19px;
    font: 600 20px/22px "Titillium Web",sans-serif;
    color: #303030;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#submit-section .f_input_button2:hover:after {
    background: url('../grafika/koszyk-ico.png') center no-repeat #ffd013;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#submit-section .f_input_button2:after {
    content: '';
    height: 60px;
    width: 60px;
    background: url('../grafika/koszyk-ico.png') center no-repeat #f4bc16;;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#submit-section .f_input_button_raty {
    border: none;
    outline: none;
    position: relative;
    background: #FF5F53;
    display: block;
    text-align: left;
    float: right;
    width: 194px;
    height: 60px;
    margin: 15px 0 0 0;
    padding: 0 0 0 19px;
    font: 600 20px/22px "Titillium Web",sans-serif;
    color: #303030;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#submit-section .f_input_button_raty:hover:after {
    background: url('../grafika/koszyk-ico.png') center no-repeat #FF5F53;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#submit-section .f_input_button_raty:after {
    content: '';
    height: 60px;
    width: 60px;
    background: url('../grafika/koszyk-ico.png') center no-repeat #eb4949;;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#submit-section .f_input_button_raty_wniosek {
    border: none;
    outline: none;
    position: relative;
    background: #FF5F53;
    display: block;
    text-align: left;
    width: 320px;
    float: right;
    height: 60px;
    margin: 15px 21px 0 0;
    padding: 0 0 0 19px;
    font: 600 20px/22px "Titillium Web",sans-serif;
    color: #303030;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#submit-section .f_input_button_raty_wniosek:hover:after {
    background: url('../grafika/koszyk-ico.png') center no-repeat #FF5F53;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#submit-section .f_input_button_raty_wniosek:after {
    content: '';
    height: 60px;
    width: 60px;
    background: url('../grafika/koszyk-ico.png') center no-repeat #eb4949;;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#submit-section .podsumowanie {
    float: left;
    margin: 10px 0 0 200px;
    line-height: 1.5;
}
#submit-section .podsumowanie .kwota {
    
}
#submit-section .podsumowanie .koszt_dostawy {
    
}
#submit-section .podsumowanie .koszt {
    
}

/* Produkt - taby
---------------------------------------------------------------------------------------------------- */
#tabs {
    display: block;
    margin: 40px 0 0 0;
}

#tabs ul.tabs {
    height: 100%;
    padding: 0;
    overflow: hidden;
    list-style: none;
}


#tabs ul.tabs_prod {
    padding: 0 0 0 0px;
    margin: 0 0 10px 0;
}

#tabs ul.tabs_prod li {
    float: left;
    margin: 0 4px 5px 0;
    display: block;
}

#tabs ul.tabs_prod li a {
    position: relative;
    display: block;
    text-align: center;
    font: 400 18px/20px "Titillium Web",sans-serif;
    color: #3e5679;
}


#tabs ul.tabs li a:hover {
    text-decoration: none;
}

#tabs .ui-state-active {
/*    border-bottom: 2px solid #f6f5f3 !important;*/
}

#tabs ul.tabs li a.selected {
    color: #fff;
    background: #fff !important;
    font-size: 12px;
}

#tabs div.tab-content {
    width: 895px;
    padding: 30px 0 0 0;
    margin: 0 0 45px 0;
    border-top: 1px solid #f2f3f3;
}

#tabs div.tab-content a.tab_item {
    width: 308px;
    height: 16px;
    float: left;
    padding: 20px 0 22px 0px;
    display: block;
    vertical-align: middle;
    color: #454545;
    font-family: 'Titillium Web';
    font-weight: 400;
    font-size: 1em;
    position: relative;
    padding-left: 78px;
    line-height: 1.5em;
    border-left: 1px solid #dad9d9;
}

#tabs div.tab-content a.first {
    border-left: none;
    padding-left: 38px;
    position: relative;
}

#tabs div.tab-content a.first:before {
    left: 0 !important;
}

#tabs div.tab-content a.tab_item:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 21px;
    background: url("../grafika/ibs_ico.png") no-repeat transparent;
    left: 40px;
}

#tabs div.tab-content a.tab_item:hover {
    color: #3bc0f2;
}

#item-parameters {
    width: 895px;
    display: block;
    margin: 0 0 30px 0;
}

#item-parameters .item-pic {
    width: 410px;
    height: 410px;
    position: relative;
    float: left;
    display: block;
    margin: 0 0 0 0;
}

#item-parameters .item-pic img {
    width: 410px;
    height: 410px; 
}

#item-parameters .item-pic .overlay {
    width: 410px;
    height: 410px; 
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/overlay-big.png') no-repeat;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#item-parameters .item-pic:hover .overlay {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#item-parameters .stove-specifications {
    float: right;
    width: 460px;
}

#item-parameters .stove-specifications .btn-buy {
    border: none;
    outline: none;
    position: relative;
    background: #ffd013;
    display: block;
    text-align: left;
    float: left;
    width: 194px;
    height: 43px;
    margin: 15px 0px 0 0;
    padding: 17px 0 0 19px;
    font: 600 20px/22px "Titillium Web",sans-serif;
    color: #303030;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#item-parameters .stove-specifications .btn-buy:after {
    content: '';
    height: 60px;
    width: 60px;
    background: url('../grafika/koszyk-ico.png') center no-repeat #f4bc16;;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#item-parameters .stove-specifications .btn-buy:hover:after {
    background: url('../grafika/koszyk-ico.png') center no-repeat #ffd013;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#item-parameters .stove-specifications .raty-buy {
    border: none;
    outline: none;
    position: relative;
    background: #ff5f53;
    display: block;
    text-align: left;
    float: right;
    width: 194px;
    height: 43px;
    margin: 15px 0px 0 0;
    padding: 17px 0 0 19px;
    font: 600 20px/22px "Titillium Web",sans-serif;
    color: #303030;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#item-parameters .stove-specifications .raty-buy:after {
    content: '';
    height: 60px;
    width: 60px;
    background: url('../grafika/koszyk-ico.png') center no-repeat #eb4949;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#item-parameters .stove-specifications .raty-buy:hover:after {
    background: url('../grafika/koszyk-ico.png') center no-repeat #ff5f53;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#item-parameters .stove-specifications .sprawdz-jak-btn {
    border: none;
    outline: none;
    position: relative;
    background: #355583;
    display: block;
    text-align: left;
    width: 388px;
    height: 43px;
    margin: 15px 0px 0 0;
    padding: 17px 0 0 72px;
    font: 600 20px/22px "Titillium Web",sans-serif;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#item-parameters .stove-specifications .sprawdz-jak-btn:after {
    content: '';
    height: 60px;
    width: 60px;
    background: url('../grafika/question-ico.png') center no-repeat #253b5c;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#item-parameters .stove-specifications .sprawdz-jak-btn:hover:after {
    background: url('../grafika/question-ico.png') center no-repeat #355583;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#tooltip-ico {
    display: block;
    position: relative;
    width: 460px;
    text-align: center;
}

#tooltip-ico .tooltip {
	display: inline-block;
	position: relative;
	z-index: 999;
        margin: 0 14px 0 14px;
        width: 60px; 
        color: #fff;
        font: 600 18px/18px "Titillium Web", Arial;
        height: 60px;
        padding: 8px 0 0 0;

}

#tooltip-ico .tooltip img {
    width: 60px; 
    height: 60px;
}

/* Mobile
---------------------------------------------------------------------------------------------------- */


#mobile-menu {
    background: #253B5C none repeat scroll 0 0;
    display: none;
    height: 68px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 62px;
    z-index: 9999;
    width: 68px;
}

#mobilenav-btn2::before {
    background: transparent url("../grafika/hamburger.png") no-repeat scroll 0 0;
    content: "";
    height: 25px;
    left: 50%;
    margin-left: -14px;
    position: absolute;
    top: 8px;
    width: 28px;
}

#mobilenav-btn2 {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    display: block;
    font: 600 15px/15px "Titillium Web",sans-serif;
    height: 68px;
    margin: 0;
    outline: medium none;
    padding: 32px 0 0;
    position: relative;
    text-transform: uppercase;
    width: 68px;
    opacity: 0.7;
}

#nav-expander3 {
    background: #253B5C none repeat scroll 0 0;
    display: none;
    height: auto;
    list-style: none;
    list-style: outside none none;
    position: absolute;
    right: 0;
    width: 225px;
    z-index: 99999;
}


#nav-expander3 li a {
    color: #fff;
    display: block;
    font: 600 16px/22px "Titillium Web",sans-serif;
    padding: 18px 0 18px 18px;
    text-transform: uppercase;
}

#nav-expander3 li ul.nav-expander2 {
    list-style: none;
    background: #1f324e;
    padding: 10px 0;
    height: auto;
    display: none;
    position: relative;
}

#nav-expander3 li ul li a {
    text-transform: none;
    font: 400 16px/22px "Titillium Web",sans-serif;
    color: #fff;
    padding: 3px 0 3px 18px;
}

/* Zgłoś problem
---------------------------------------------------------------------------------------------------- */

#right-side .zglos-problem {
    width: 100%;
    margin: 0 auto 40px;
    padding-top: 0px;
}

#right-side .zglos-problem .f_kolumna {
    display: inline-block;
    margin: 0px 17px 20px 17px; 
    width: 410px;   
    vertical-align: top;
}

#right-side .zglos-problem .f_kolumna .f_input {
    width: 398px;
}

#right-side .zglos-problem .f_kolumna .f_info {
    display: block;
    color: #373737;
    font: 400 14px/14px "Titillium Web",sans-serif;
    margin-bottom: 10px;
}

#right-side .zglos-problem .f_kolumna .f_textarea {
    width: 398px;
}

#right-side .zglos-problem .f_kolumna .f_button {
    clear: none;
    margin-top: 5px;
}

#right-side .zglos-problem .f_kolumna .f_input_button {
    width: 162px;
}

#right-side .zglos-problem .f_kolumna .f_token {
    margin-top: 3px;
}

#right-side .zglos-problem .f_kolumna .f_token_input {
    width: 96px;
}

/* Komunikaty
---------------------------------------------------------------------------------------------------- */

.komunikat_ok:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-ok.png');
    width: 64px;
    height: 64px;
}
.komunikat_ok {
    position: relative;
    background-color: #99cc00;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}

.komunikat_uwaga:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-uwaga.png');
    width: 64px;
    height: 64px;
}

.komunikat_uwaga {
    position: relative;
    background-color: #ED6F00;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}

.komunikat_blad:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-blad.png');
    width: 64px;
    height: 64px;
}

.komunikat_blad {
    position: relative;
    background-color: #ff0000;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}

.komunikat_info:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-info.png');
    width: 64px;
    height: 64px;
}

.komunikat_info {
    position: relative;
    background-color: #00A4FF;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}

/* toTop
---------------------------------------------------------------------------------------------------- */

#toTop {
    width: 61px;
    height: 63px;
    padding:0px;
    position:fixed;
    bottom: 60px;
    right: 20px;
    cursor:pointer;
    text-decoration:none;
    z-index: 999;
    float: right;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

#toTop:before {
    content: '';
    width: 61px;
    height: 63px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    background: url('../grafika/totop.png') 0 0 no-repeat;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#toTop:after {
    content: '';
    width: 61px;
    height: 63px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: url('../grafika/totop.png') 0 -64px no-repeat;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#toTop:hover:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

#toTop:hover:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}


/* =============================================================================
   Cookies
   ========================================================================== */

#ciasteczka {
    color: #434648;
    font: 12px/18px Tahoma;
    line-height: 1.5;
    max-width: 300px;
    height: 80px;
    background: #fff;
    *background: #00aeef;
    padding: 0 10px;
    position: fixed;
    bottom: 9px;
    left:0;
    z-index: 9999;
    opacity: 0.9;
    -webkit-border-radius: 0 40px 40px 0;
    border-radius: 0 40px 40px 0;
    border: 1px solid #E0E0E0;
    overflow: hidden;
}

#ciasteczka .zawartosc {
    max-width: 300px; /* do zmiany */ 
}

#ciasteczka p.info {
    margin: 4px 0 0 0;
    font: 400 10px/12px "Fira Sans", sans-serif;
    text-align: justify;
}

#ciasteczka p strong {
    font: 500 11px/12px "Fira Sans", sans-serif;
}

#ciasteczka a.zamknij {
    float: right;
    width: 34px;
    height: 35px;
    background: url('../grafika/ico-ok.png') no-repeat;
    display: block;
    overflow: hidden;
    margin: 15px 0 15px 9px;
    cursor: pointer;
}

#ciasteczka a.zamknij:hover {
    background-position: 0 -36px;
}

/* =============================================================================
   Nowe style 13.01.2017 r.
   ========================================================================== */
   
   #tabs div.tab-content .cecha-item {
display: inline-block;
vertical-align: top;
margin: 0 15px 15px 15px;
width: 265px;
}

#tabs div.tab-content .cecha-item img { 
display: block;
width: 158px; 
height: 158px;
margin: 0 auto 15px;

}

#tabs div.tab-content .cecha-tytul {
	text-align: center;
	display: block;
	margin: 0 0 20px 0;
	color: #04133a;
	font: 600 20px/28px "Titillium Web",sans-serif;
	text-transform: uppercase;
}

#tabs div.tab-content .cecha-opis {
	text-align: center;
}

.rwdIframe {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.rwdIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}