/*
	TODO -- for each new implementation:
	1. strong is set to font-weight: 500. Change it accordingly to your design.
	2. delete section: .header__branding__mobile-friendly

	INFO -- code conventions:
	1. each block started wiht @ sign is a separate object therefore should have media queries within.

	colors of i-sklep3 demo
	-----------------------
	#1f2e32 - body copy, default text color
	#31a6cb - blue
	#31a6cb - new blue
	#696969 - grey
	#e8eff5 - body bgr
*/

/* 
 * @normalize 
 */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-family: Roboto, arial, sans-serif; font-size: 13px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; color: #555557; }
ol, ul { list-style: none; margin: 0; padding: 0; } 
img { max-width: 100%; height: auto; 
	/*Remove border when inside `a` element in IE 8/9.*/
	border: 0; 
}
strong, th, b { font-weight: 500; }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }
input[type="submit"] { cursor: pointer; 
	/*Correct inability to style clickable `input` types in iOS.*/
	-webkit-appearance: button; 
}
input[placeholder] { text-overflow: ellipsis; color: #696969; }

/* 
	1. Remove excess padding in IE 8/9/10. 
	2. Add margin right (isklep3)
*/
input[type="checkbox"],
input[type="radio"] { padding: 0; margin-right: .5rem; }

textarea { 
	/* Remove default vertical scrollbar in IE 8/9. */
	overflow: auto; 
	/* Improve readability and alignment in all browsers. */
	vertical-align: top;
}

table { border-collapse: collapse; width: 100%; }
/* end of normalize */

/* 
 *	@anchors
 */
a { color: inherit; text-decoration: none; outline: 0; -webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
a:hover { text-decoration: none; }

.txt_s1,
.g--link { border-bottom: 1px solid #E9E9EA; display: inline-block; }
.txt_s1:hover,
.g--link:hover { color: #DB4E35; border-color: #DB4E35; }

.txt_s3 {  border-bottom: 1px solid #E9E9EA; }
.txt_s3:hover { color: #DB4E35; border-color: #DB4E35; }
/* end of anchors */ 

/* 
 *	@btn 
 */
.tx_button,
.btn_cta,
.btn { display: inline-block; color: #fff; font-family: inherit; padding: 10px 30px; border-radius: 4px; border: 0; font-weight: 500; cursor: pointer; background: #D94B39; text-transform: uppercase; -webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
-ms-transition: background 200ms ease-in-out;
-o-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out;  }

.tx_button:hover,
.btn_cta:hover,
.btn:hover { background: #FF8100; text-decoration: none; }

.tx_button:active,
.btn_cta:active,
.btn:active { position: relative; top: 1px; }

.btn--add_to_cart { font-size: 13px; padding: 13px 26px; margin-top: 13px; }
.ask_for_product { text-decoration: underline; }
.tx_button.zagiel { padding: 10px; display: inline-block; margin: 14px 0; }

.btn_cta.add_review { box-shadow: 0 1px 0 0 #7aa1a8 inset; background: #50727a; background-image: linear-gradient(to bottom, #618F98, #50727A);
}
.btn_cta.add_review:hover { background: #618F98; }

.btn--big { font-size: 1.2rem; padding: 1rem; }

.btn--style-a { background: #D94B39; color: #FFF; padding: 5px 10px; }
.btn--style-a:hover { background: #FF8100; }

.btn--arrow-a:after { content: ""; display: inline-block; background: url(../../images/layout/arrow_white_down.png) 0 0 no-repeat; width: 9px; height: 7px; margin-left: 8px; }
/* end of btn */

/* 
 * @header 
 */
.header { width: 100%; display: table; color: #FFF; }
.header__branding { display: table-cell; vertical-align: middle; padding: 1.5rem 0rem; text-align: center; }
.header__branding__logo { display: inline-block; }
.header__branding__logo__img { display: block; height: 56px; }
.header__branding__logo:active { position: relative; top: 1px; }

.header__branding__mobile-friendly { display: none; }

.header__cart { display: none;  }
.header__cart__anchor { text-transform: uppercase; border-bottom: 1px solid #E9E9EA;  }
.header__cart__anchor span { display: inline-block; line-height: 1.45; }
.header__cart__anchor:hover { color: #D94B39; border-color: #D94B39; }
.header__cart__spacer { display: inline-block; width: 1px; height: 2em; background: #555557; margin: 0 26px; vertical-align: middle; }
.header__cart__info { display: none; }

.svg-icon { vertical-align: middle; margin-right: .25rem; }
.svg-icon-path { fill: #526880; }

.cookies { width: 100%; color: #FFF; clear: both; background: #000; padding: 8px 1rem; font-size: 12px; display: none; } 
.cookies h2 { font-size: 18px; margin: 0; padding: 0; font-weight: normal; }
.cookies a { font-size: 14px; color: #FFF; font-weight: bold; text-decoration: underline; margin-left: 8px; border-bottom: 0; }
.cookies a:hover { color: #FF2F2A; border-bottom: 0; }
.cookies a.policy {font-size: 13px; }
.cookies p { max-width: 1100px; width: 98%; margin: 0 auto; }

.header__cart__search { display: none; }
.header__cart__search__rwd { display: none; width: 100%; clear: both; padding-bottom: 26px; }

@media (min-width: 768px) {
	.header__branding { padding: 1.5rem 0; text-align: left; 
		/* FIXME: logo width with paddings to prevent webkit logo scalling when smaller */
		width: 252px;
	}
	.header__branding__logo { display: block; float: left; }
	
	.header__cart { display: table-cell; vertical-align: middle; padding: 2rem; padding-right: 0; text-align: right; color: #8f999b; width: 66.66%; }
	.header__cart__content__number { }
	.btn--go-to-cart { margin-left: 26px; }

	.header__cart__search__rwd { display: block; }
	.search input { background: transparent; border: 0; font-size: 13px; width: 90%; }

	.header__cart__info { display: block; margin: 0; text-align: right; font-size: .875rem; }
	.header__cart__info__phone { display: block; margin-bottom: .25rem; font-size: 1.25rem; color: #31a6cb; }
}
@media (min-width: 1024px) {
	.header__cart { border-left: 1px solid #545557; }
	.header__cart__content { display: inline; margin: 0 0 0 0; }
	.header__cart__content .header__cart__anchor { }
	.header__cart__search { display: inline-block; width: 35%; float: left; text-align: left; margin-top: 10px; }

	.search input { width: auto; }

	.header__cart__search__rwd { display: none; }
}
@media (min-width: 1220px) {
	.header__branding__mobile-friendly { display: block; clear: left; color: #31a6cb; line-height: 1.45; white-space: nowrap; }
}
/* end of header */ 

/* 
 * @search 
 */
.search { border-bottom: 1px solid #E9E9EA;
}
.search input { background: transparent; border: 0; font-size: 13px; 
}
.search ::-webkit-input-placeholder { color:#2A2B2D; }
.search ::-moz-placeholder { color:#2A2B2D; } /* firefox 19+ */
.search :-ms-input-placeholder { color:#2A2B2D; } /* ie */
.search input:-moz-placeholder { color:#fff; }
.search button { float: right; background: transparent; border: 0; text-indent: -99999px; width: 26px; height: 26px; margin-top: -5px; margin-bottom: 5px; background: url(../../images/layout/gasnicedomowe/ico_search.png) 50% 0% no-repeat;
}
.search button:hover { cursor: pointer; }

.submenu_i_search .search { background: #fff; margin: 0 .5rem; }
.submenu_i_search .search input { padding: .5rem; color: #2A2B2D; }
.submenu_i_search  .search ::-webkit-input-placeholder { color:#2A2B2D; }
.submenu_i_search  .search ::-moz-placeholder { color:#2A2B2D; } /* firefox 19+ */
.submenu_i_search  .search :-ms-input-placeholder { color:#2A2B2D; } /* ie */
.submenu_i_search .search input:-moz-placeholder { color:#2A2B2D; }
.submenu_i_search .search button {  }

/* end of search */

/* 
 * @nav 
 */
.nav { display: table; table-layout: fixed; width: 100%; background: #F5F5F5; }
.nav li { display: none; }
.nav .nav_mobile { display: table-cell; }
.nav a { display: block; padding: 1.2rem 1rem; text-align: center; color: #555557; font-weight: 500; font-size: 30px; font-weight: lighter; border-left: 1px solid #e9e9ea; }
.nav a:hover { color: #D94B39; }
#nav_0 { background: url(../../images/layout/gasnicedomowe/ico_nav_0.png) 4% 50% no-repeat; }
#nav_1 { background: url(../../images/layout/gasnicedomowe/ico_nav_1.png) 4% 50% no-repeat; background-color: #F9f9f9; }
#nav_2 { background: url(../../images/layout/gasnicedomowe/ico_nav_2.png) 4% 50% no-repeat; }
.nav .first { border-left: 0; }
.nav .last {}
.nav a:hover { }
.nav a.nav_submenu.on { background-color: #E9E9EA; text-shadow: none; }
/*.nav .nav_desktop a:after { content: ""; display: inline-block; background: url(../../images/layout/arrow_white_down.png) 0 0 no-repeat; width: 9px; height: 7px; margin-left: 8px; }*/
.nav img { vertical-align: middle; }
.nav_mobile_quantity { font-size: 14px; font-weight: normal; }
@media (min-width: 768px) {
	.nav { table-layout: auto; }
	.nav a { padding-left: 56px; text-align: left; }
	a#nav_1:after, a#nav_0:after { content: ""; float: right; display: inline-block; width: 10px; height: 40px; background: url(../../images/layout/gasnicedomowe/arrow_down.png) 50% 50% no-repeat;  }
	.nav li { display: table-cell; }
	.nav .nav_mobile { display: none; }
}
@media (min-width: 1024px) {
	.nav { table-layout: fixed; }
}
/* end of nav */

/* 
 *	@submenu 
 */
.submenu { width: 100%; overflow: hidden; padding: 1rem 1rem; border-top: 1px solid #E9E9EA; display: none; background: #FFF; border-bottom: 1px solid #E9E9EA; }
.submenu strong { font-weight: bold; }
.submenu h2 { margin-bottom: 1rem; }
.submenu h2 a { color: #febf00; }
.submenu ul { float: left; margin: 0 0rem; }
.submenu li { margin: 1rem 0; }
.submenu a { border-bottom: 1px solid #E9E9EA; }
.submenu a:hover { border-bottom-color: #D94B39; color: #D94B39; }
.submenu i { font-style: normal; color: #D94B39; font-weight: 500; padding: 0 .5rem 0 0; }
.submenu h2 i { color: #404040; font-weight: normal; font-size: 12px; }
.submenu .see_all { width: 100%; margin: 0; }
.submenu .see_all li { margin: 0 0rem; padding: 1rem 0; border-top: 0; }
.submenu .see_all:first-child li { border-top: 0; }
@media (min-width: 768px) {
	.submenu ul { margin: 0 0rem; padding: 1rem 0; }
}
/* end of submenu */

.banner-bg { background: #E5EAFA !important; }
.wide-banner { margin: 0 auto; width: 100%; max-width: 1500px; overflow: hidden; margin-bottom: 48px; }

/* 
 *	@breadcrumb 
 */
.breadcrumb-wrapper { background: #FFF !important; }
.breadcrumb .wrapper { padding: 0; background: #FFF; }
.breadcrumb { width: 100%; overflow: hidden; padding: 26px 0; font-weight: 5p00; font-size: 16px; background: #FFF;  }
.breadcrumb li { float: left; }
.breadcrumb b { margin: 0 19px; font-weight: bold; text-decoration: none; color: #AAAAAA; }
.breadcrumb a { border-bottom: 0; color: inherit; text-decoration: none; }
.breadcrumb a:hover { color: #D94B39; }
.breadcrumb .last { text-decoration: underline; }

@media (min-width: 768px) {
	.breadcrumb { padding: 26px 0; font-size: 13px; }
}
/* end of breadcrumb */

/* 
 * @product_box_header 
 */ 
.product_box_header { width: 100%; padding: 0px 0 26px; background: #fff; }
.product_box_header h2 { margin: 0 0 .5rem 0; padding: 0 0rem; font-size: 26px; font-weight: 300; }
.filter_and_sorter { padding: 0; }

.sorter_wrapper { margin-bottom: 1rem; }
.sorter_wrapper label { display: inline-block; margin-bottom: .25rem; padding-right: .25rem; }

.nav_filters { margin: 0 0 .5rem 0; vertical-align: top; }

.product_sorter p { margin: 0; overflow: hidden; white-space: nowrap; display: inline-block; border-right: 1px solid #E9E9EA; }
.product_sorter select {-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; text-indent: 5px; text-overflow: ""; margin: 0; border: 1px solid #E9E9EA; padding: 3px 5px; background: #FFF url(../../images/layout/gasnicedomowe/arrow_down_select.png) 80% 50% no-repeat; padding-right: 24px; margin-right: -24px; }

.clear_filters { display: inline-block; margin-left: 8px; line-height: 24px; padding: 3px 10px; background: #E9E9EA; color: #000; border-radius: 4px; }
.clear_filters:hover { background-color: #FFFC78; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset; }

.head_filters { width: 100%; overflow: hidden; text-align: left; }
.filters.hidden { display: none; } 

.filters { width: 100%; overflow: hidden; position: relative; border-top: 1px solid #E9E9EA; }
.filters form { overflow: hidden; background: #fff; }

.filters h5 { margin: 1.5rem 0rem; font-size: 26px; font-weight: 300;  }
.filters h6 { margin: 0 0 1rem; font-size: 1rem; font-weight: 500; }
.filters p { margin: .5rem 0; }

.filters fieldset { float: left; margin: 0 13px 2rem 0rem; padding: 0; border: 0; }
.filters .fieldset_cta { float: none; text-align: center; width: 100%; margin: 0; padding: 10px 0; border-top: 1px solid #E9E9EA; } 
.filters label { margin-left: .25rem; color: #2A3A3F; }

@media (min-width: 768px) {
	
	.product_box_header { display: table; }
	.product_box_header h2 { display: table-cell; vertical-align: middle; margin: 0; padding: 0 0rem 0 0rem; }
	.filter_and_sorter { display: table-cell; vertical-align: middle; }

	.filters {  }

	.filter_and_sorter { text-align: right; }

	.sorter_wrapper { display: inline-block; margin: 0; }
	.sorter_wrapper label { margin: 0; }

	.nav_filters { display: inline-block; margin: 0 0 0 1rem; }
}
/* end of product_box_header */

/* 
 * @index_cats 
 */
.index_cats { overflow: hidden; padding-bottom: 2rem; background: #f3f3f3; }
.index_cats li { display: block; }
.index_cats a { display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #e2e8e9; background: #fff; }
.index_cats span { display: table-cell; width: 80px; }
.index_cats img { display: block; }
.index_cats h2 { display: table-cell; padding-left: 1rem; vertical-align: middle; text-align: left; font-size: 1rem; font-weight: 500; }
.index_cats a:hover h2 { color: #31a6cb; }
@media (min-width: 768px) {
	.index_cats { width: 101%; padding: 0 0 2rem 1%; }
	.index_cats li { width: 32%; float: left; margin: 1% 0 0 1%; }
	.index_cats li:nth-of-type(3n+1) { margin-left: 0; }
	.index_cats span { width: 100px; }
}
@media (min-width: 1024px) {
	.index_cats { width: 100%; }
	.index_cats li { width: 24%; }
	.index_cats li:nth-of-type(3n+1) { margin-left: 1%; }
	.index_cats li:nth-of-type(4n+1) { margin-left: 0; }
}
/* end of index_cats */

/* 
 *	@products_list 
 */
.products_list { overflow: hidden; }
.products_list li { display: block; float: left; width: 50%; }
.products_list li:nth-of-type(2n+1) { clear: both; }
.products_list a { display: block; padding: 0 1rem; border-top: 1px solid #E9E9EA; }
	.section_tabs--index .products_list a { border: 0; }
.elevator { margin: -1px 0 0 0; padding: 2.5rem 1rem; font-size: 1rem; line-height: 1.5; border-top: 1px solid #f8f7f7; background: #f6f5f5; }
.img_wrapper { padding: 2rem 0 1.5rem; }
.name_and_price_wrapper { padding-bottom: 2rem; }
.products_list img { display: block; margin: auto; }
.products_list h3 { margin: 0 0 .5rem 0; font-size: 18px; font-weight: 500; color: #555557; padding-bottom: 13px; border-bottom: 1px solid #cccccd; position: relative; }
.products_list h3:after { content: ""; display: block; width: 32px; height: 1px; position: absolute; bottom: -1px; left: 0px; background: #FF8100; }
.products_list li .price { display: inline-block; font-size: 18px; color: #000; font-weight: 500; }
.products_list li .price span { font-size: .875rem; }
.products_list li .price del { text-decoration: line-through; display: block; }
.products_list .promo_price { font-style: normal; color: #D94B39; }
.products_no_products { color: #fff; margin: 0 26px 15px; }
.product-desc { color: #797979; font-size: 13px; font-weight: 500; }

@media (min-width: 768px) {
	.products_list li { width: 33.333%; }
	.products_list li:nth-of-type(2n+1) { clear: none; }
	.products_list li:nth-of-type(3n+1) { clear: both; }
	.products_list a { padding: 0 1rem; }
	.products_list li .price del { display: inline; padding-right: .25rem; }
	.products_list .promo_price { padding-left: .25rem; }
	.products_list h3 { white-space: nowrap;  }
}
@media (min-width: 1024px) {
	.products_list li { width: 25%; }
	.products_list li:nth-of-type(3n+1) { clear: none; }
	.products_list li:nth-of-type(4n+1) { clear: both; }
}
/* end of products list */

/* 
 * @product 
 */
.product { overflow: hidden; border-top: 1px solid #E9E9EA; }

.product__images { margin-bottom: 2.5rem; }
.product__images__big { background: #fff; margin-bottom: 1rem; }
.product__images__big img { display: block; margin: 0 auto; }

.product__images__thumbs { width: 100%; padding: .5rem 1rem; overflow: hidden; }
.product__images__thumbs a { display: block; float: left; margin-right: .25rem; border: 1px solid #fff; width: 24%; }
.product__images__thumbs img { display: block; 
	/* orignal thumb's size is 75px but we set it smaller for smartphone */ 
	width: 54px; 
}
.product__images__thumbs .on { border-color: #CB5042; }

.product__data { padding: 0 1rem; }
.product__data__name { margin: 0 0 13px; font-size: 32px; font-weight: 500; }
.product__data__badges-and-producer { margin: 1rem 0; }
.product__data__producer { color: #8f999b; }
.product__data__props { padding: 2.5rem 0 1.25rem; border-top: 1px solid #E9E9EA; border-bottom: 1px solid #E9E9EA; position: relative; }
.product__data__props:after { content: ""; display: block; width: 48px; height: 1px; position: absolute; top: -1px; left: 0px; background: #FF8100; }
.product__data__props:before { content: ""; display: block; width: 48px; height: 1px; position: absolute; bottom: -1px; left: 0px; background: #FF8100; }

.tabs_nav.product_tabs li a { font-size: 21px; margin-top: 26px;  }
.tabs_nav.product_tabs .tabs_nav--spacer { margin: 0 13px; font-size: 21px; }

/*l*/
.buy_section { margin-bottom: 1rem; }
.buy_section_label { color: #696969; margin-bottom: .5rem; }

.buy_section_price { margin-bottom: 20px; }
.buy_section_price .buy_section_data { font-size: 30px; color: #000; line-height: 1; font-weight: bold; }
.buy_section_price .buy_section_data span { font-weight: 500; }
.buy_section_price .buy_section_data span.val { font-size: 2rem; }
.buy_section_price .buy_section_data del { text-decoration: line-through; }
.buy_section_price .buy_section_data .promo_price { color: #d6183a; font-style: normal; }

.buy_section_quan input { display: inline-block; padding: 6px 0px; width: 60px; border-radius: 4px; border: 1px solid #8A8C91; font-family: inherit; font-size: inherit; text-align: center; -web-appearance: texfield; -moz-appearance: textfield; appearance: textfield; }

.pricesButton { padding: .25rem 0 0; }

.buyit_free_shipping { color: #CB5042; font-weight: bold; display: block; margin-top: 1rem; }

.show_size_chart_wrapper { display: inline-block; margin-left: .75rem; font-size: .75rem; white-space: nowrap; }
/*l*/

.match_product { margin-top: 42px; padding: 10px 30px; display: inline-block; text-transform: uppercase; font-style: 18px; border: 1px solid #8A8C91; border-radius: 4px; clear: both; }
.match_product:hover { text-decoration: underline; }

.product__desc { width: 100%; overflow: hidden; padding: 1rem 0; border-bottom: 1px solid #eaebeb; font-size: 13px; }
.product__desc__profile { margin-bottom: 2.5rem; }
.product__desc__profile__table { font-size: 1.15rem; line-height: 1.8; width: auto; }
.product__desc__profile__table th { padding-right: 2rem; vertical-align: top; text-align: left; font-weight: normal; color: #696969; }
.product__desc__profile__table td { vertical-align: top; font-weight: 500; }
.product__desc__profile__table th.headProf { font-weight: 400; padding-top: 20px; color: #17bfee; }
.product__desc__content p { font-size: 1rem; font-weight: 500; line-height: 1.45; margin: 0 0 1.15rem; }

/* TODO to jest product__desc__profile__table co powyzej */
.product_description_table { width: auto; }
.product_description_table th { font-weight: normal; padding: .25rem 1rem .25rem 0; vertical-align: top; text-align: left; color: #696969; }
.product_description_table td { padding: .25rem 0; vertical-align: top; }
.product_description_table th.headProf { padding-top: 1rem; color: #31a6cb; }

@media (min-width: 768px) {
	.product__images__big img { 
		/* TODO: set the widht according to the design */
		max-width: 65%; 
	}
	.product__data { padding: 0 2.5rem; }
	.product__data__name { font-size: 2.5rem; }
	.product__desc { padding: 2rem 0; }

	.product__images__thumbs { padding: 1rem 2rem; }
	.product__images__thumbs img { 
		/* back to auto after set 54px for smartphone */
		width: auto; 
	}

	.buyit_label { float: left; width: 120px; padding: 4px 10px 4px 0; text-align: right; }
	.price .buyit_label { padding-bottom: 10px; }
	.pricesButton > .buyit_label { display: block; }

	.buy_section { display: table; table-layout: fixed; width: 100%; }
	.buy_section_label { display: table-cell; vertical-align: baseline; width: 25%; }
	.buy_section_data { display: table-cell; padding-left: 1rem; }
}
@media (min-width: 1024px) {
	.product { background: #fff; 
		/* TODO: set it according to style of the images */
		padding-top: 2rem;
	}
	.product__images { width: 50%; float: left; margin-bottom: 0; }
	.product__images__big img { 
		/* TODO: set the widht according to the design */
		max-width: 340px; 
	}
	.product__data { width: 50%; float: right; padding: 0 2.5rem; } 
	.product__desc { padding: 2.5rem 0rem; }

	.product__desc__profile { width: 100%; float: left; }
	.product__desc__content { width: 100%; padding: 0 0 0 0rem; }
}
/* end of product */

/* 
 * @badge 
 */
.badge { display: block;}
.badge--wrapper { min-height: 27px; }
.badge--new { color: #FF7800; }
.badge--promo { color: #D94B39; }
	/* badge on products list */
	/* badge on product page */
.badge--product { margin-right: .75rem; }
@media (min-width: 480px) {
	.badge--wrapper { margin-bottom: 8px; height: 27px; }
	.badge { display: inline-block; }
	.badge--list { margin-top: .75rem;}
}
@media (min-width: 768px) {
	.badge { margin-right: 10px; }
}
/* end of badge */

/* 
 * @similar_box 
 */
.similar_box { overflow: hidden; }
.similar_box h2 { margin: 0; padding: 26px 0; font-weight: 300; font-size: 24px; color:  #CB5042; line-height: 1.25; }
@media (min-width: 768px) {
	.similar_box h2 { padding: 1rem 0rem; }
}
/* end of similar_box */

/* 
 * @slider 
 */
.slider { overflow: hidden; width: 100%; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); -webkit-transform-style: preserve-3d; }
.slider__list { list-style: none; margin: 0; padding: 0;
	transform: translate3d(0%,0,0) scale3d(1,1,1);
    -o-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.slider__list__item { overflow: hidden; -webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0,0,0); float: left; }
.js--transition { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
/* end of slider */

/*
 *	@product_reviews
 */
.product_reviews { margin: 26px 0; color: #526880; border: 1px solid #E8EFF5; max-height: 500px; overflow: scroll; }
.product_reviews fieldset { border: 0; margin: 0; padding: 0; }
.product_reviews p { font-size: 1rem; line-height: 1.625; margin: 0.5rem 0 0.5rem; }
.product_reviews .new label { display: block; margin: 16px 0 4px; }
.product_reviews .new textarea { border: 1px solid #e7e7e7; width: 100%; height: 100px; margin-bottom: 8px; }

.product_reviews .review-header { font-size: 1.2rem; border-bottom: 1px solid #8CB3DB; padding-bottom: 0.5rem; }
.product_reviews li { padding: 1rem; border: 1px solid #E9E9EA; }
.product_reviews li:nth-child(odd) { }
.product_reviews .info { font-size: 0.8rem; }
.product_reviews ul.list li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #f3f7f8; }
.product_reviews ul.list li .info { margin: 0 0 5px; }
.product_reviews ul.list li .info strong { font-size: 13px; font-weight: normal; }
.product_reviews ul.list li .info .at { font-size: 10px; margin: 0 0 0 10px; }
.reviews-header .svg-icon { margin: 0 0 6px; }
.reviews-header { font-size: 1.2rem; display: table; margin: 0 auto; }
.stars-range { color: #DB4E36; }
.star { width: 24px; height: 24px; display: inline-block; background: url(../../images/layout/gasnicedomowe/star.png) no-repeat;vertical-align: bottom; }
.star--checked { background: url(../../images/layout/gasnicedomowe/star_checked.png) no-repeat; }
.js--show-reviews-form { clear: both; display: table; margin: 0 auto; padding: 1rem 2rem; }

.review-header .svg-icon { margin: 0 0 6px; }

.reviews-h2, .review-h3 { font-size: 18px; font-weight: 500; margin: 1rem 0 1rem; }
.review-ul li { clear: both; display: table; margin: 0 0 14px; }
.review-ul span { float: left; width: 125px; padding: 0 0 5px; }
 .js--review-form { display: none; margin-top: 1rem; }
 #new .form { margin: 0 0 2rem; }
/* end of product_reviews */

/* 
 * @last_viewed 
 */
.last_viewed { width: 100%; overflow: hidden; padding: 0 1rem 2rem; background: #f3f3f3; }
.last_viewed h2 { display: block; margin: 0 0 1rem; font-weight: 400; font-size: .875rem; color: #696969; }
.last_viewed li { float: left; margin: .5rem .5rem 0 0; width: 40px; height: 41px; display: block; }
.last_viewed li a { display: block; width: 40px; height: 40px; background: #fff; border: 1px solid #fff; }
.last_viewed li a:hover { border-color: #31a6cb; }
@media (min-width: 768px) {
	.last_viewed h2 { float: left; padding: 0 1rem 0 0; margin: 0 1rem 0 0; height: 41px; line-height: 41px; }
	.last_viewed li { margin: 0 .5rem 0 0; }
}
/* end of last_viewed */ 

/* @cart */
.cart { overflow: hidden; }
/* end of cart */

/* @cart__steps */
.cart__steps { padding: 26px 0; text-align: center; }
.cart__steps__item { display: inline-block; margin: .625rem 0; font-size: 13px; }
.cart__steps__item--active { color: #FC3939; }
.cart__steps__item--arrow { margin: .625rem .25rem; }

@media (min-width: 768px) {
	.cart__steps__item { font-size: 1rem; }
	.cart__steps__item--arrow { margin: .625rem 1rem; }
}
/* end of cart__steps */

/*table.items td.picture { width: 60px; padding: 0; background: #fff; }*/

.cart__form { border: 1px solid #E9E9EA; }

table.summary { border: none; margin: 0 0 20px 0 ; font-size: 12px; }
table.summary th { padding: 2px 5px; padding-right: 15px; border-bottom: 1px solid #ccc; color: #cb960f; }
table.summary td { padding: 2px 5px; border-bottom: 1px solid #ccc; background: #F7F7F7; }

/* @cart__items */
.cart__items th { padding: 1rem .5rem; border-bottom: 1px solid #e8eff5; font-weight: normal; white-space: nowrap; background: #fafafa; }
th.cart__items__name { text-align: left; }
th.cart__items__price { text-align: right; }
.cart__items__price--discounted { font-size: 0.75rem; line-height: 1em; }

.cart__items td { padding: 1rem .5rem; vertical-align: middle; border-bottom: 1px solid #e8eff5; }
td.cart__items__img img { max-width: none; width: 75px; }
td.cart__items__price { text-align: right; }
td.cart__items__quan { text-align: right; }
td.cart__items__quan input { width: 40px; text-align: center; padding: 5px 0; border: 1px solid #e8eff5; }

.cart__items__product__title { font-weight: 500; }
.cart__items__quan__recalc { margin: 4px 0 0 0; font-size: .875rem; }

.tx_cart_item_option { margin-top: .25rem; font-size: .875rem; color: #4b4845; white-space: nowrap; }
.tx_cart_item_actions { display: block; margin-top: .5rem; }

.cart__items--totals { text-align: right; }
.cart__items__discount { color: #68a946; }

@media (min-width: 768px) {
	.cart__items th,
	.cart__items td { padding: 1rem; }
	.cart__items__quan__recalc { margin: 0 0 0 4px; }
	td.cart__items__img img { width: auto; }	
	td.cart__items__quan { text-align: center; }
}
@media (min-width: 1024px) {
	td.cart__items__img { padding-left: 2rem; }
	th.cart__items__price,
	td.cart__items__price { padding-right: 2rem; }
	.cart__items--totals td { padding: 1rem 2rem; }
}
/* end of cart__items */

/* 
 *	@cart__shipping 
 */
.cart__shipping { width:100%; clear: both; }
.cart__shipping th { padding: 1rem; text-align: left; background: #FAFAFA; }
.cart__shipping td { padding: .5rem 1rem; }
.cart__shipping label { cursor: pointer; display: block; float: left; width: 85%; }
.cart__shipping input { display: block; float: left; }
.cart__shipping tr:nth-of-type(2) td { padding-top: 1rem; }
.cart__shipping tr:nth-last-of-type(1) td { padding-bottom: 1.5rem; }
.cart__shipping__cost { font-weight: 500; color: #51707a; display: block; }
@media (min-width: 768px) {
	.cart__shipping td { padding: .3rem 1rem; }
	.cart__shipping label { width: auto; }
	.cart__shipping__cost { display: inline; }
}
@media (min-width: 1024px) {
	.cart__shipping th,
	.cart__shipping td { padding-left: 2rem; }
}
/* end of cart__shipping */

/* 
 * @cart__summary 
 */
.cart__summary { width: 100%; }
.cart__summary td { padding: 1rem; text-align: right; border-top: 1px solid #e8eff5; border-bottom: 1px solid #e8eff5; background: #f6ffef; }
.cart__summary strong { font-size: 1.2rem; }
@media (min-width: 1024px) {
	.cart__summary td { padding-right: 2rem; }
}
/* end of cart__summary */

/* 
 * @cart__buttons - cart and second_step
 */
.cart__buttons { overflow: hidden; padding: 1.5rem 0 3rem; text-align: center; }
.cart__buttons .txt_s1 { white-space: nowrap; line-height: 1.5; }
.btn--go-to-order { font-size: 1.2rem; padding: 1rem; margin: 0 1rem; }
.btn--place-order { font-size: 1.2rem; padding: 1rem; margin: 0 1rem; }
@media (min-width: 768px) {
	.cart__buttons p { float: right; margin: 0 2rem 0 0; line-height: 62px; }
	.btn--go-to-order { float: right; margin: 0 1rem 0 0; }
}
@media (min-width: 1024px) {
	.btn--go-to-order { margin-right: 2rem; }
}
/* end of cart__buttons */

/* @cart__mini */
.cart__mini { margin: 2% 1% 20px; font-size: .875rem; line-height: 1.25; text-align: right; border: 1px solid #f6f5f5; border-bottom: 0; }
.cart__mini table { width:100%; }
.cart__mini th { padding: .75rem 1rem; border-bottom: 1px solid #f6f5f5; background: #f6f5f5; text-align: left; font-weight: 500; }
.cart__mini td { padding: .75rem 1rem; border-bottom: 1px solid #f6f5f5; }
.cart__mini td:nth-of-type(1) { width: 55%; text-align: left; }
.cart__mini .txt_s1 { float: right; font-weight: 400; font-size: .75rem; }
.cart__mini__img { float: left; width: 30%; max-width: 100px; padding-right: 1rem; }
.cart__mini__item { float: right; width: 70%; }
.cart__mini__item a { display: inline-block; margin-bottom: .25rem; font-weight: 500; }
.cart__mini__item li { font-size: .75rem; color: #4b4845; }
.cart__mini__transport { display: block; margin-top: .25rem; font-size: .75rem; color: #4b4845; }
.cart__mini__total td { font-weight: 500; background: #f6f5f5; }
@media (min-width: 1024px) {
	.cart__mini { width: 26%; float: left; margin: 4.125rem 0 0 2%; }
}
/* end of cart__mini */

/* 
 * @order form
 */
#cartRegister,
.cart__login { margin: 2% 1% 0; }
#cartRegister #invoice_data { margin-bottom: 25px; }
.fields-heading { margin: 0; padding: 26px 0; font-size: 24px; line-height: 1; font-weight: 300; border-top: 1px solid #E9E9EA }

#cartRegister .content,
.fields { border: 1px solid #f3f3f3; background: #f6f5f5; padding: 2rem 0 1rem; position: relative; overflow: hidden; }

/* TODO unite */ 
p.cart__error { padding: 1rem 1rem 0; background: #f3dbe1; }
.errors_for_field { margin-bottom: 1rem; color: #e41b00; padding: 1rem; background: #f3dbe1; }
/* end of TODO */

.cart__fields_mustbe { color: #7f7f7f; font-size: .875rem; }
.cart__fields_mustbe em { color: #e41b00; }

.marker--required { font-size: 1rem; color: #e41b00; font-weight: 500; font-style: normal; }

.register_completed li { margin: 1rem 0; }
.register_completed a { border-bottom: 1px solid #D3CFCC; color: #696969; font-weight: 300; }
.register_completed a:hover { border-color: #696969; }

#cartRegister .buttons { text-align: center; margin: 20px 0 60px; }
#cartRegister .buttons input { border: 0; font-size: 14px; color: #fff; height: 33px; padding: 0 15px 0 10px; text-transform: uppercase; background: #68a946 url(../../images/layout/cartnextstep.png) no-repeat right top; cursor: pointer; } /*?*/

#cartRegister .content input:focus,
#cartRegister .content textarea:focus,
.cart__login .content input:focus,
.cart__login .content textarea:focus,
.cart__items td.quan input:focus { background: #f7f6d0; }

#invoice_data { border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; margin-bottom: 25px; }

.fieldset_off { display: none; }

@media (min-width: 768px) {
	.fields-heading { padding: 2rem 0rem 2rem; }
}

@media (min-width: 1024px) {
	#cartRegister,
	.cart__login { width: 68%; float: right; margin: 0 2% 0 0; }
	.fields-heading { padding: 2rem 0 2rem; }
	.fields-heading--first { padding: 1rem 0; }
	.marker--required { padding-left: .5rem; }
}
/* end of order form */

/* 
 * @forms 
 * default form elements settings.
 * common for cart, register, login and contact form
 */
.form { margin: 0 2rem 2rem; }
.tell_a_friend { margin: 0; }
.form__heading { margin: 2rem 0 1rem; font-weight: 400; font-size: 1.5rem; line-height: 1; }

.label { font-weight: 500; display: block; padding: 5px .75rem 5px 0; cursor: pointer; } 
.label--empty { display: none; }
.label--inline { display: inline-block; }
.label--average { text-align: center; width: 100%; display: block; font-size: 2rem; margin-top: 0.5rem; }
.label--average strong { color: #DB4E36; }

.input, input[type=password] { width: 100%; float: left; border: 1px solid #696969; background: #fff; padding: 5px; }
.input--inline { border: 1px solid #696969; background: #fff; padding: 5px; }

.input-description { display: block; width: 100%; overflow: hidden; font-size: .875rem; padding-top: .25rem; color: #7f7f7f; line-height: 1.45; }
.textarea { border: 1px solid #696969; background: #fff; padding: 5px; }

.tx_label_section { display: inline-block; vertical-align: top; max-width: 400px; }
.tx_label_info { display: block; margin-top: .25rem; color: #7f7f7f; font-size: .875rem; line-height: 1.45; }

@media (min-width: 768px) {
	.input, input[type=password] { width: 210px; }
	.input-description { padding-left: 200px; }
	.tx_label_section { width: auto; }
}
@media (min-width: 1024px) {
	.label { float: left; width: 200px; text-align: right; cursor: default; }
	.label--empty { display: block; }
	.errors_for_field li { margin-left: 200px; }
}
/* end of forms */

/* 
 * @fieldset
 */
.fieldset { margin: 0; padding: 0; border: 0; }
.fieldset p { overflow: hidden; margin: 0 0 1rem; padding: 0 .5rem; }
.fieldset p.has_error { margin-bottom: 0; padding-top: 10px; background: #f3dbe1; }
@media (min-width: 768px) {
	.fieldset p { padding: 0 1rem; }
}
/* end of fieldset */

/* 
 *	@account_option
 */
.account_option { margin-bottom: 20px; font-size: .875rem; }
.account_option p { margin-bottom: 10px; }
/* end of account_option */


/* @cart__completed */
.cart__completed__header { padding: 2.5rem; background: #f6f5f5; }
.cart__completed__header__heading { margin: 0; font-size: 1.5rem; font-weight: 500; }
.cart__completed__header__body { margin: 0; }
.cart__completed__header__body__anchor { margin-top: .5rem; }

.cart__completed__section { width: 100%; overflow: hidden; padding: 2.5rem 0; }
.cart__completed__section p { margin: 0 2.5rem 1rem; }

.cart__completed__heading { margin: 0; padding: 1rem 2.5rem; background: #d8ffcc; font-size: 1rem; font-weight: 500; }

.cart__completed th,
.cart__completed td { padding: 1rem 2.5rem; border-bottom: 1px solid #f3f3f3; }
.cart__completed th { font-weight: 400; text-align: left; color: #696969; }
.cart__completed td { font-weight: 500; }

th.cart__completed__customer-data__heading { font-weight: 500; background: #fafafa; }

.cart__completed__action { display: inline-block; padding: 1.25rem 2.5rem; background: #f6f5f5; }

@media (min-width: 1024px) {
	.cart__completed__customer-data { float: left; width: 50%; }
}
/* end of cart__completed */

#tx_delivery_country_choice { width:  100%; margin: 16px 0 -8px; }
#tx_delivery_country_choice label { font-size: 14px; margin: 0 5px 0 0; }

/* infinite pagination --- */
.NaviInfiniteScrollButton { width: 100%; padding: 2rem 0 2rem; border-top: 1px solid #E9E9EA; text-align: center; }
.NaviInfiniteScrollButton a { display: inline-block; padding: 1rem 2.5rem; background: #D44A38; color: #fff; font-family: inherit; font-weight: 500; font-size: 1.5rem; border-radius: 4px; cursor: pointer; }
.NaviInfiniteScrollButton a:hover { background: #FF8100; }
.NaviInfiniteScrollButton a:active { position: relative; top: 1px; }	
.NaviInfiniteScrollButton a:after { content: "..."; }
.NaviInfiniteScrollPages, 
.NaviInfiniteScrollInNextRequest, 
.NaviInfiniteScrollPerPage, 
.NaviInfiniteScrollCurrentPage { display: none; }
.NaviInfiniteScrollButton .loading { display: inline-block; color: #514a1c; padding: 14px 28px 14px 45px; font-weight: bold; font-size: 18px; background: url(../../images/layout/pagination_loader.gif) 0 50% no-repeat; display: none; }
.NaviInfiniteScrollButton .loading.on { display: inline-block; }
/* --- infinite pagination */

/* @wrapper */
#wrapper { }
.wrapper { width: 100%; max-width: 1120px; overflow: hidden; margin: 0 auto; background: transparent; padding: 0 2%;  }
.header-wrapper { width: 100%; background: #F9f9f9; }
@media (min-width: 1024px) {
	.wrapper { width: 98%; margin: 0 auto; padding: 0; }
}
/* end of wrapper */

/* @g--tabs */
.section_tabs { overflow: hidden; }
.section_tabs--index {  }

.tab { width: 100%; overflow: hidden; }
.tab--index { padding: 1rem 0 0; background: #fff; }
.tab--product { padding: 2rem 0; }
.tab--hide { display: none; }

.tabs_nav { width: 100%; }
.tabs_nav li { display: inline-block; float: left; padding: 0; }
.tabs_nav li a { font-weight: 300; display: inline-block; color: #555557; font-size: 16px; font-weight: normal; padding-bottom: 10px; margin-right: 10px; }
.tabs_nav li a:hover { color: #D94B39; }
.tabs_nav li a.current { position: relative; color: #D94B39; border-bottom: 1px solid #cccccd; }
.tabs_nav li a.current:after { content: ""; display: block; width: 34px; height: 17px; position: absolute; bottom: -17px; left: 50%; margin-left: -17px; background: url(../../images/layout/gasnicedomowe/tabs_nav_triangle.png) no-repeat; }
.tabs_nav--spacer { display: none; }

.tab__load-more { margin: 0; text-align: center; padding: 32px 0; margin-bottom: 32px; font-weight: bold;  }
.tab__load-more a { display: inline-block; background: #FFF; padding: 10px 0; width: 200px; text-align: center; border: 1px solid #BFBFBF; text-transform: uppercase; border-radius: 3px; color: #000; }
.tab__load-more a:hover { background: #D94B39; border-color: #D94B39; color: #FFF; }
@media (min-width: 768px) {
	.tabs_nav li a { font-size: 30px; padding-bottom: 20px; margin-right: 0; }
	.tabs_nav--index li:first-child { margin-left: 2rem; }
	.tabs_nav--spacer { font-size: 30px; color: #555557; font-weight: 300; margin: 0 26px; display: inline-block; }
}
/* end of g--tabs */

/* newsletter */
.newsletter--wrapper { border-top: 1px solid #cccccd; }
.newsletter { padding: 42px 0rem; }
.newsletter h1 { font-weight: 300; font-size: 30px; margin: 0; padding: 13px 0 26px; display: block; text-align: center; }
.newsletter p { margin: 0 0 1.25rem 0; color: #fff; }
.newsletter p strong { display: block; margin-bottom: .25rem; font-size: 1.5rem; font-weight: 400; }
.newsletter input { background: #F5F5F5; border-radius: 3px; border: 1px solid #BFBFBF; padding: 10px 20px; width: 100%; color: #000; }

.newsletter button { display: table; margin: 13px auto 0; padding: 10px 0; width: 24%; text-align: center; border-radius: 3px; border: 1px solid #D94B39;  text-transform: uppercase; color: #D94B39; background: #FFF; -webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out; }
.newsletter button:hover { background: #D94B39; color: #FFF; cursor: pointer; }

@media (min-width: 768px) {
	.newsletter { padding: 42px 0rem; }
	.newsletter button { display: inline-block; margin: 0 0 0 0; }
	.newsletter { width: 100%; }
	.newsletter input { width: 75%; }
}

@media (min-width: 1024px) {
	.newsletter { overflow: hidden; }
	.newsletter p { width: 60%; float: left; margin: 0; padding-right: 2rem; }
	.newsletter input { width: 500px; }
	.newsletter h1 { float: left; margin-right: 160px; display: inline; padding: 0; }
	.newsletter button { margin-left: 13px; width: 17%; }
	
}
/* end of newsletter */

/* forms and system messages --- */
.add_to_cart_response { display: none; }
.add_to_cart_response_content { display: block; font-size: 15px; line-height: 1.4; padding: 16px 16px 16px 64px; background: #fff url(../../images/layout/ico_info.png) 16px 16px no-repeat; border: 1px solid #E9E9EA; border-radius: 8px; }
.add_to_cart_response_content li,
.add_to_cart_response_content p { margin-bottom: 10px; }
.add_to_cart_response_content p strong { font-family: ptsb, arial, sans-serif; font-weight: normal; }
.ajax_load { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-left: 16px; background: url(../../images/layout/btn_loader.gif) 50% 50% no-repeat; }

.response { margin: 0; padding: 15px 20px 15px 68px; font-size: 1.125rem; }
.response.ok { background: #EAF3DB url(../../images/layout/bullet_accept.png) 18px 50% no-repeat; border: 1px solid #BCDA8E; }

.response.error { background: #f3dbe1 url(../../images/layout/bullet_error.png) 18px 50% no-repeat; border: 1px solid #e1928b; color: #e41b00; }
.response--error { background: #f3dbe1 url(../../images/layout/bullet_error.png) 18px 50% no-repeat; border: 1px solid #e1928b; color: #e41b00; }
.response--cart { margin-top: 4.125rem; }

.response.error span { display: block; margin-top: .25rem; font-size: .875rem; color: #1F2D32; }
.response--error span { display: block; margin-top: .25rem; font-size: .875rem; color: #1F2D32; }

.response.error span em { color: #e41b00; font-style: normal; font-weight: 500; }
.g--star { color: #e41b00; }

.response.ok span { display: block; margin: 10px 0; }
.response.ok span em { font-style: normal; font-size: 11px; }

.cartMessages,
.messages { display: block; font-size: 18px; line-height: 1.2; padding: 16px 16px 16px 76px; background: #E9E9EA url(../../images/layout/ico_info.png) 26px 50% no-repeat;  }

.dao_errors { padding: 1.25rem 1.25rem 1.25rem 5.5rem; background: #f3dbe1 url(../../images/layout/bullet_error.png) 18px 50% no-repeat; border: 1px solid #e1928b; color: #e41b00; }
.dao_errors li { list-style: circle; }
/* --- forms and system messages */

/* content_box --- */
.content_box h1 { font-size: 1.125rem; font-weight: normal; padding: 2rem 1.8rem 0; }
.content_box .content em { color: #e41b00; font-weight: bold; font-style: normal; padding-left: 5px; }

.content_box input:focus,
.content_box textarea:focus { background: #f7f6d0; }

.content_box .tx_button,
.content_box .btn_cta { margin: 10px 0 15px; font-size: 18px; }

.content_box .page { padding: 20px; }
.content_box h1 { font-size: 32px; font-weight: lighter; }
.content_box .page h2 { margin: 16px 0; }
.content_box .page h3 { font-size: 19px; margin-bottom: 16px; }

.content_box .page p,
.content_box .page ul,
.content_box .page ol { font-size: 14px; line-height: 1.625; text-align: left !important; /* overwrite clients justify */ }

.content_box .page p { margin-bottom: 16px; }

.content_box .page ul,
.content_box .page ol { margin: 0 20px 16px; }

.content_box .page ul li { list-style: circle; }
.content_box .page ol li { list-style: decimal; }

.content_box .items th { line-height: 18px; padding: 10px 0; border-bottom: 1px solid #e7e7e7; font-size: 12px; color: #968748; font-weight: normal; }
.content_box .items td { border-bottom: 1px solid #e7e7e7; padding: 20px 0; text-align: center; }

.notify { padding-bottom: 32px; }
.notify h1 { font-size: 24px; margin: 0; padding: 0; }
.notify .page { padding: 0; }
.notify input { border: 1px solid #DADADA; border-radius: 3px; padding: 6px 12px; }
.notify .btn { margin-left: 16px; }

.page + .tx { margin-top: -40px; }
/* --- content_box */

.productVariantDetails { display: none; }

/* 
 * @is3_zoom 
 */
.zoom_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); /*background: #fff;*/ display: none; z-index: 999; }
.zoom_overlay.on { display: block; }
.zoom_container { position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; z-index: 1000; display: none; text-align: center; }
.zoom_img_container { position: relative; background: #fff; min-height: 240px; width: 100%; margin: 0 auto; }
.zoom_img_container.loading { background: #fff url(../../images/layout/btn_loader.gif) 50% 50% no-repeat; }
.zoom_img_container img { margin: 0 auto; display: block; }

.zoom_img_container__controls { position: absolute; top: 2rem; right: 2rem; z-index: 1001; }

.zoom_control { border: 1px solid #8f999b; color: #646464; background: rgba(255,255,255,0.5); height: 48px; line-height: 48px; }
.zoom_control--close { display: block; margin-bottom: 1px; }
.zoom_control--arrow { display: block; float: left; width: 48px; height: 48px; font-size: 28px; line-height: 48px }
.zoom_control:last-child { margin-left: 1px; }
.zoom_control:hover { color: #646464; border-color: #646464; }
/* end of is3_zoom */

/*
 *	@cart__coupon
 */
.cart__coupon { text-align: left; }
.cart__coupon [type="checkbox"] { margin-right: .25rem; }
.cart__coupon [type="text"] { margin-right: .25rem; }
/*.cart__coupon label { margin: 0 0 10px; display: inline-block; float:left; }*/
.cart__coupon button { margin: 0; }
/* end of cart__coupon */

/* 
 * @footer 
 */
.footer--wrapper { background: #2A2B2D; color: #FFF; border-bottom: 1px solid #4F5054; }
.footer_blocks { overflow: hidden; margin: 0rem 0rem; line-height: 1.45; display: table; height: 100%; }
.footer_block { padding: 32px 0 32px 13px; }
 

.footer_block h3 { margin: 0 0 1.5rem; font-weight: 300; font-size: 30px; line-height: 1; }

.footer_block .phone,
.footer_block .phone a { display: block; font-size: 1.5rem; color: #F5F5F5; border-bottom: none; font-weight: 500; line-height: 1; padding-bottom: .25rem; }
.footer_block .phone a:hover { border-bottom-color: #696969; }

.footer_block li { margin-bottom: .5rem; }
.footer_block a { color: #FFF; display: inline-block; font-weight: 300; }
.footer_block a:hover { color: #D94B39; }
.footer_block p { font-weight: 300; color: #F5F5F5; }
.footer_block p strong { color: #D3D3D3; font-weight: 500; }

.footer_bottom--wrapper { background: #2A2B2D; color: #FFF; }
.footer_bottom { width: 100%; text-align: center; overflow: hidden; padding: 2.5rem 0rem 2rem;  }
.footer_bottom img { height: 33px; }
.footer_bottom > p { color: #696969; margin: 0 0 .5rem; font-size: .875rem; }
.footer_bottom > p > a { display: inline-block; color: #696969; }
.footer_bottom > p > a:hover { border-bottom-color: #696969; }
.footer_bottom span { display: block; }

.footer_block p,
.footer_block ul { margin-bottom: 2.5rem; color: #878787; }

@media (min-width: 768px) {
	.footer_bottom span { display: inline; }
	.footer_bottom img { float: left;  }
	.footer_bottom > p { float: left; width: 320px; margin-left: 32px; }
	.footer_blocks { margin: 0; }
	.footer_block { display: table-cell; height: 100%; border-left: 1px solid #4F5054;  }
	.footer_block:first-child { padding-left: 0; border: 0; }
	.footer-block--links { width: 20%; }
	.footer-block--payment { width: 45%; }
	.footer-block--phone { width: 18%; }	
}
@media (min-width: 1024px) {
	.footer_block {  }
	}
/* end of footer */


/* 
 *	@is3_modal 
 */
.modal-overlay { display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.modal-block { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 86%; height: 86%; overflow-y: scroll; z-index: 101; background: #fff; box-shadow: 0 0 10px #000; -webkit-overflow-scrolling: touch; }
.modal-close { background: #f3f3f3; padding: 1rem 2rem; text-align: right; }
/* end of is3_modal */

/* 
 *	@global table container 
 */
.g--table-container { width: 100%; overflow-x: auto; 
	/* ios momentum scrolling is disabled unless you also add: */
	/*-webkit-overflow-scrolling: touch;*/ 
}
/* add scrollbars to iOS */
.g--table-container::-webkit-scrollbar { height: 12px; }
.g--table-container::-webkit-scrollbar-track { background: #f0f0f0; }
.g--table-container::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid #f0f0f0; background: #ccc; }
/* end of global table container */

/* 
 *	@g--table--default 
 */
.g--table--default th,
.g--table--default td { text-align: left; padding: 1rem; border: 1px solid #E8EFF5; }
/* end of g--table--default */

/* 
 *	@clearfix 
 */
.clearfix:before, 
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* end of clearfix */

/* @js--section--customer-login */
.js--section--customer-login { display: none; }
/* end of js--section--customer-login */

/* 
 *	@visual helpers 
 */
.g--visible--large { display: none !important; }
.g--visible--medium { display: none !important; }
.g--visible--small { display: inherit !important; }
@media (min-width: 768px) {
	.g--visible--small { display: none !important; }
	.g--visible--medium { display: inherit !important; }
}
@media (min-width: 1024px) {
	.g--visible--medium { display: none !important; }
	.g--visible--large { display: inherit !important; }
}
/* end of visual helpers */

/* 
 *	@arrow 
 */
.arrow_border { border-color: transparent transparent #E8EFF5 transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -5px; right: 4rem; }
.arrow { border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -3px; right: 4rem; }
/* end of arrow */


/* 
 * @customer page 
 */
@font-face { font-family: 'fontello'; src: url(../../font/fontello.eot?94127457); src: url(../../font/fontello.eot?94127457#iefix) format("embedded-opentype"), url(../../font/fontello.woff?94127457) format("woff"), url(../../font/fontello.ttf?94127457) format("truetype"), url(../../font/fontello.svg?94127457#fontello) format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
.icon-spin5:before { content: '\e804'; } /* '' */
.icon-th-list:before { content: '\e805'; } /* '' */
.icon-users:before { content: '\e813'; } /* '' */
.icon-link-1:before { content: '\e80c'; } /* '' */
.icon-award:before { content: '\e812'; } /* '' */
.icon-list-1:before { content: '\e816'; } /* '' */
.icon-list-alt:before { content: '\e815'; } /* '' */
.icon-gift:before { content: '\e80b'; } /* '' */
.icon-chart-bar:before { content: '\e814'; } /* '' */
.icon-facebook-squared:before { content: '\e80d'; } /* '' */
.icon-gplus-squared:before { content: '\e80f'; } /* '' */
.icon-instagramm:before { content: '\e811'; } /* '' */
.icon-star-empty:before { content: '\e817'; } /* '' */
.icon-youtube-squared:before { content: '\e810'; } /* '' */
.icon-search:before { content: '\e803'; } /* '' */
.icon-user:before { content: '\e801'; } /* '' */
.icon-home:before { content: '\e80a'; } /* '' */
.icon-vcard:before { content: '\e808'; } /* '' */
.icon-basket:before { content: '\e800'; } /* '' */
.icon-logout:before { content: '\e806'; } /* '' */
.icon-key:before { content: '\e807'; } /* '' */
.icon-box:before { content: '\e809'; } /* '' */
.icon-list:before { content: '\e802'; } /* '' */
.icon-twitter-squared:before { content: '\e80e'; } /* '' */
.animate-spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; }
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@-webkit-keyframes show-img { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }
@-moz-keyframes show-img { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }
@-o-keyframes show-img { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }
@keyframes show-img { 0% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  100% { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } }

.customer_content { position: relative; overflow: hidden; *zoom: 1; }
.customer_content .customer_content__loader { text-align: center; font-size: 4em; line-height: 3em; }
.customer_content__nav { float: left; width: 10%; border-right: 1px solid #CBD6D8; box-shadow: inset -1px 0 #fff; margin-top: 4em; }
.customer_content__nav li { display: block; border-top: 1px solid #CBD6D8; box-shadow: inset 0 1px #fff; }
.customer_content__nav li:first-child { border-top: 0;box-shadow: none;}
.customer_content__nav li a { display: block; padding: 1em 0; text-align: center; position: relative; }
.customer_content__nav li a .customer_content__nav__icon { display: inline-block; }
.customer_content__nav li a .customer_content__nav__txt { display: none; max-width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.customer_content__nav li.customer_content__nav__item--selected a, .customer_content__nav li:hover a { color: #DB4D37; }
.customer_content__tab { float: right; width: 88%; }

@media (min-width: 768px) { 
  .customer_content__nav { width: 20%; }  .customer_content__nav li a { text-align: left; padding: 1em 0 1em 0.8em; }
  .customer_content__nav li a .customer_content__nav__icon { display: none; }
  .customer_content__nav li a .customer_content__nav__txt { display: inline-block; }  
  .customer_content__tab { width: 78%; }  
}

@media (min-width: 980px) { 
	.customer_content__nav li a .customer_content__nav__icon { display: inline-block; margin-right: 0.8em; }  
}

@media (max-width: 1024px) {
    .input-description { padding-left: 0px; }
}
/* end of customer page */
/* move to /public/stylesheets/modules/ */

#content p
{
	margin-bottom: 5px;
}

.content.completed
{
	padding-top: 10px;
}

table.summary 
{
	margin: 0 auto;
}

.pay_order table.summary 
{
	margin: 10px 0 20px 0;
}


.buttons
{
	text-align: center;
	padding: 30px 0 10px;
}


table th.price 
{
	text-align: center;
}

table td
{
	background: #fff !important;
}


table td.price 
{
	text-align: right;
	padding-right: 7px;
}

table th.number, table .discount 
{
	text-align: center;
}

table td.number 
{
	text-align: right;
	padding-right: 3px;
}

#order table tr.summaryRow td 
{
	text-align: right;
	font-weight: bold;
}

#order table tr.orderSummaryRow td.first 
{
	border-left-width: 0;
	border-bottom-width: 0;
	text-align: right;
	padding-right: 7px;
}

/* TODO update css below */

#orderComment 
{
	padding: 0 0 10px 15px;
}

#orderComment h2 
{
	color: #205b92;
	font-size: 15px;
	margin-bottom: 5px;
}

#orderComment textarea 
{
	width: 750px;
	margin: 4px 0 0 0;
	border: 1px #50B6D2 solid;
}

#orderComment input 
{
	display: block;
	padding-left: 60px;
	width: 168px;
	height: 32px;
	cursor: pointer;
	background: url('gfx/addToListLink.png') no-repeat -1px 0;
	font: bold 12px "Trebuchet MS", sans-serif;
	color: #205b92;
	text-decoration: none;
	border-width: 0;
	text-align: left;
}

#orderConfirm 
{
	padding: 0 0 15px 15px;
	width: 751px;
}

#orderConfirm p 
{
	font-size: 12px;
	margin-left: 0;
	padding-left: 0 !important;
	color: #666;
}

#orderConfirm table 
{
	border-collapse: collapse;
	margin: 20px 0 20px 0;
}

#orderConfirm table caption 
{
	text-align: left;
	font: bold 14px "Trebuchet MS", sans-serif;
	color: #205b92;
	padding: 5px 0 10px 0;
}

#orderConfirm td 
{
	padding: 3px 1px 3px 1px;
	font-size: 12px;
	color: #666;
	border-top: 1px black solid;
	font-weight: bold;
}

#orderConfirm th 
{
	padding: 3px 25px 3px 1px;
	font-size: 12px;
	color: #666;
	border-top: 1px black solid;
	text-align: left;
	font-weight: normal;
}

#orderConfirm table.normal td 
{
	font-weight: normal;
}

#orderConfirm table.normal th 
{
	font-weight: bold;
}

#orderConfirm a.payNow 
{
	font: bold 12px "Trebuchet MS", sans-serif;
	color: #205b92;
}

#orderConfirm tr.first td,#orderConfirm tr.first th 
{
	border-width: 0;
}

#orderConfirm h2 
{
	color: #205b92;
	font-size: 15px;
	margin-bottom: 5px;
}

#orderList table 
{
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}

#orderList th 
{
	text-align: left;
}

#orderList td 
{
	text-align: left;
	border-top: 1px black solid;
	padding: 4px 2px;
}

#orderList tr .c 
{
	text-align: center;
}

p.completed 
{
	padding: 0 0 5px 0;
}

.rightFloat
{
    float: right;
    margin: 10px;
}

.rightFloat .item
{
    display: none;
}

.clear
{
    clear: both;
}