/*
	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: ubuntu, arial, sans-serif; font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; color: #1f2e32; background: #e8eff5; }
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; }
a:hover { text-decoration: none; }

.txt_s1,
.g--link { color: #8f999b; border-bottom: 1px solid #a7def2; display: inline-block; }
.txt_s1:hover,
.g--link:hover { color: #31a6cb; }

.txt_s3 { color: #3f3f3f; border-bottom: 1px solid #27b9e9; }
.txt_s3:hover { color: #27b9e9; }
/* end of anchors */

/*
 *	@btn
 */
.tx_button,
.btn_cta,
.btn { display: inline-block; padding: .5rem .75rem; line-height: 1; color: #fff; font-family: inherit; border: 1px solid #274e13; border-radius: 4px; font-weight: 500; cursor: pointer; text-shadow: 0 -1px 0 #38741D; box-shadow: -1px -1px 0 rgba(255,255,255,.3) inset, 1px 1px 0 rgba(255,255,255,.3) inset; background: #2F6118; background-image: linear-gradient(to bottom, #479625, #2F6118); /*white-space: nowrap;*/ }

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

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

.btn--add_to_cart { font-size: 1.25rem; padding: 1.25rem; }
.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 { border: 1px solid #1f2e32; background: #3c555b; background-image: linear-gradient(to bottom, #3C555B, #1F2E32); text-shadow: 0 -1px 1px #1f2e32; box-shadow: -1px -1px 0 rgba(255,255,255,.3) inset, 1px 1px 0 rgba(255,255,255,.3) inset; }
.btn--style-a:hover { background: #3c555b; }

.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; }
.header__branding { display: table-cell; vertical-align: middle; padding: 1.5rem 2rem; text-align: center; }
.header__branding__logo { display: inline-block; }
.header__branding__logo__img { display: block; }
.header__branding__logo:active { position: relative; top: 1px; }

.header__branding__mobile-friendly { display: none; }

.header__cart { display: none; }
.header__cart__anchor { margin-left: 1rem; }
.header__cart__anchor span { display: inline-block; line-height: 1.45; color: #8f999b; border-bottom: 1px solid #a7def2; }
.header__cart__anchor:hover span { color: #31a6cb; }
.header__cart__info { display: none; }

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

@media (min-width: 768px) {
	.header__branding { padding: 2rem; text-align: left;
		/* FIXME: logo width with paddings to prevent webkit logo scalling when smaller */
		width: 200px;
	}
	.header__branding__logo { display: block; float: left; }

	.header__cart { display: table-cell; vertical-align: middle; padding: 2rem; text-align: right; color: #8f999b; }
	.header__cart__content__number { color: #526880; font-weight: 500; }
	.btn--go-to-cart { margin-left: .5rem; }

	.header__cart__search { width: 464px; float: right; }

	.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__content { display: inline; margin: 0 0 0 .5rem; }
}
@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 { margin-top: .5rem; border: 1px solid #e8eff5; border-radius: 4px;
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%;
}
.search input { margin: 2px; padding: .5rem .75rem; border: none; -webkit-border-radius: 0; -webkit-appearance: none;
	-webkit-flex: 1; -ms-flex: 1; flex: 1;
}
.search button { width: 81px; margin: 2px; padding: .5rem .75rem; line-height: 1; font-family: inherit; font-weight: 500; cursor: pointer; border: 1px solid #1f2e32; border-radius: 4px; color: #fff; background: #3c555b; background-image: linear-gradient(to bottom, #3C555B, #1F2E32); text-shadow: 0 -1px 1px #1f2e32; box-shadow: -1px -1px 0 rgba(255,255,255,.3) inset, 1px 1px 0 rgba(255,255,255,.3) inset; font-size: 1rem;
	-webkit-flex: none; -ms-flex: none; flex: none;
}
.search button:hover { background: #3c555b; }

.submenu_i_search .search { background: #fff; margin: 0 .5rem; }
.submenu_i_search .search input { padding: .5rem; }
/* end of search */

/*
 * @nav
 */
.nav { display: table; table-layout: fixed; width: 100%; background: #3c555b; background-image: linear-gradient(to bottom, #3C555B, #1F2E32); }
.nav li { display: none; }
.nav .nav_mobile { display: table-cell; }
.nav a { display: block; padding: 1rem 0; text-align: center; color: #fff; font-weight: 500; border-left: 1px solid #1f2e32; text-shadow: 0 -1px 1px #1f2e32; transition: background 200ms ease-in; }
.nav .first { border-left: 0; }
.nav .last {}
.nav a:hover { background-color: #3c555b; }
.nav a.nav_submenu.on { background-color: #31a6cb; 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 { color: #31a6cb; }
@media (min-width: 768px) {
	.nav { table-layout: auto; }
	.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 0; background: #f7f9fb; border-bottom: 1px solid #e8eff5; display: none; }
.submenu h2 { margin-bottom: 1rem; }
.submenu h2 a { color: #febf00; }
.submenu ul { float: left; margin: 0 1rem; }
.submenu li { margin: 1rem 0; }
.submenu a:hover { text-decoration: underline; }
.submenu i { font-style: normal; color: #31a6cb; 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 2rem; padding: 1rem 0; border-top: 1px solid #e8eff5; }
@media (min-width: 768px) {
	.submenu ul { margin: 0 2rem; }
}
/* end of submenu */

/*
 *	@breadcrumb
 */
.breadcrumb { width: 100%; overflow: hidden; padding: 1rem 1rem .5rem; background: #fafafa; }
.breadcrumb li { margin-bottom: .5rem; float: left; color: #8f999b; line-height: 1.45; }
.breadcrumb b { margin: 0 .5rem; font-weight: normal; }

@media (min-width: 768px) {
	.breadcrumb { padding: 1rem 2rem .5rem; }
}
/* end of breadcrumb */

/*
 * @product_box_header
 */
.product_box_header { width: 100%; padding: 0 0 1rem; background: #fafafa; }
.product_box_header h2 { margin: 0 0 .5rem 0; padding: 0 1rem; font-size: 2.5rem; font-weight: 400; }
.filter_and_sorter { padding: 0 2rem 0 1rem; }

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

.nav_filters { margin: 0 0 .5rem 0; }

.product_sorter p { margin: 0; }

.clear_filters { display: inline-block; margin-left: 8px; line-height: 24px; padding: 0 10px; background: #FFFDAB; color: #000; border: 1px solid #FFFDAB; 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 { background: #fafafa; padding: 15px 1rem 1rem; width: 100%; overflow: hidden; position: relative; }
.filters form { overflow: hidden; background: #fff; border: 1px solid #e8eff5; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.filters h5 { margin: 1.5rem 2rem; font-size: 1.5rem; font-weight: normal; color: #31a6cb;  }
.filters h6 { margin: 0 0 1rem; font-size: 1rem; font-weight: 500; }
.filters p { margin: .5rem 0; }

.filters fieldset { float: left; margin: 0 0 2rem 2rem; padding: 0; border: 0; }
.filters .fieldset_cta { float: none; text-align: center; background: #f6fafc; width: 100%; margin: 0; padding: 10px 0; border-top: 1px solid #e8eff5; box-shadow: 0 1px 0 #fff inset; }
.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 1rem 0 2rem; }
	.filter_and_sorter { display: table-cell; vertical-align: middle; }

	.filters { padding: 15px 2rem 1rem; }

	.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 #e8eff5; }
	.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: 1rem; line-height: 1.45; font-weight: 400; color: #2A3A3F; }
.products_list li .price { display: inline-block; font-size: 1.25rem; font-weight: 500; }
.products_list li .price del { text-decoration: line-through; display: block; }
.products_list .promo_price { font-style: normal; color: #d6183a; }
.products_no_products { color: #fff; margin: 0 26px 15px; }

@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 2rem; }
	.products_list li .price del { display: inline; padding-right: .25rem; }
	.products_list .promo_price { padding-left: .25rem; }
}
@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 #e8eff5; }

.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-bottom: 1px solid #e8eff5; }
.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: #31a6cb; }

.product__data { padding: 0 1rem; }
.product__data__name { margin: 0 0 .75rem; font-size: 2rem; line-height: 1.25; font-weight: 400; }
.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 #e8eff5; }

/*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: 1.5rem; line-height: 1; }
.buy_section_price .buy_section_data span { font-weight: 500; }
.buy_section_price .buy_section_data span.val { font-size: 1rem; }
.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 { width: 40px; font-family: inherit; font-size: inherit; text-align: center; }

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

.buyit_free_shipping { color: #356108; display: block; margin-top: 1rem; }

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

.product__desc { width: 100%; overflow: hidden; padding: 1rem; border-bottom: 1px solid #eaebeb; }
.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: 1.15rem; 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; }

	.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 2rem; }

	.product__desc__profile { width: 40%; float: left; }
	.product__desc__content { width: 60%; padding: 0 0 0 2.5rem; float: right; border-left: 1px solid #eaebeb; }
}
/* end of product */

/*
 * @badge
 */
.badge { display: inline-block; padding: .25rem .5rem; border-radius: 4px; }
.badge--new { color: #31a6cb; border: 1px solid #31a6cb; }
.badge--promo { color: #fb7327; border: 1px solid #fb7327; }
	/* badge on products list */
.badge--list { margin-top: .75rem; font-size: 0.75rem; }
	/* badge on product page */
.badge--product { margin-right: .75rem; }
/* end of badge */

/*
 * @similar_box
 */
.similar_box { overflow: hidden; }
.similar_box h2 { margin: 0; padding: 1rem; background: #fafafa; font-weight: 500; font-size: 1rem; line-height: 1.25; }
@media (min-width: 768px) {
	.similar_box h2 { padding: 1rem 2.5rem; }
}
/* 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 { float: left; overflow: hidden; -webkit-transform-style: preserve-3d; -webkit-transform: translate3d(0,0,0); }
.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; }
.product_reviews fieldset { border: 0; margin: 0; padding: 0; }
.product_reviews p { font-size: 14px; line-height: 1.625; }
.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 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; }
/* 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: .75rem 0; background: #e8eff5; text-align: center; }
.cart__steps__item { display: inline-block; margin: .625rem 0; color: #696969; font-size: .75rem; }
.cart__steps__item--active { color: #31a6cb; }
.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; }*/

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: #ffc; }
.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: 2rem .5rem 1rem; font-size: 1.125rem; line-height: 1; font-weight: normal; }

#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 1rem 1rem; }
}

@media (min-width: 1024px) {
	#cartRegister,
	.cart__login { width: 68%; float: right; margin: 0 2% 0 0; }
	.fields-heading { padding: 2rem 0 1rem; }
	.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; }
.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; }

.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; width: 90%; }
.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: 295px; }
	.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 4rem; background: #fafafa; border-top: 1px solid #E8EFF5; text-align: center; }
.NaviInfiniteScrollButton a { display: inline-block; padding: 1rem 1.5rem; color: #fff; font-family: inherit; font-weight: 500; font-size: 1.5rem; border-radius: 4px; text-shadow: 0 -1px 0 #2c96b8; border: 1px solid #268dae; box-shadow: 0 1px 0 #38cfff inset; cursor: pointer; background-color: #31a6cb; background-image: linear-gradient(to bottom, #31a6cb, #2c96b8); }
.NaviInfiniteScrollButton a:hover { background: #31a6cb; }
.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 { width: 100%; max-width: 76.25em; overflow: hidden; margin: 0 auto; background: #fff; }
@media (min-width: 1024px) {
	.wrapper { width: 98%; margin: 1% auto; }
}
/* end of wrapper */

/* @g--tabs */
.section_tabs { overflow: hidden; padding-top: 5px; }
.section_tabs--index { background: #f3f3f3; }

.tab { width: 100%; overflow: hidden; border-top: 1px solid #e8eff5; }
.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: block; float: left; height: 37px; line-height: 37px; margin: 0 1px 0 0; }
	.tabs_nav--index li:first-child { margin-left: 1rem; }
.tabs_nav li a { font-weight: 500; display: block; color: #696969; padding: 0 .5rem; height: 38px; line-height: 38px; border: 1px solid #E6EBED; border-top-left-radius: 4px; border-top-right-radius: 4px; background: #fafafa; }
.tabs_nav li a:hover { background: #fff; }
.tabs_nav li a.current { color: #1F2E32; background: #fff; border-bottom-color: #fff; height: 43px; line-height: 43px; margin-top: -5px; }

.tab__load-more { margin: 0; padding: 2.5rem 1rem; text-align: center; background: #fafafa; border-top: 1px solid #e8eff5; }
@media (min-width: 768px) {
	.tabs_nav li a { padding: 0 1rem; }
	.tabs_nav--index li:first-child { margin-left: 2rem; }
}
/* end of g--tabs */

/* newsletter */
.newsletter { padding: 2.5rem 1rem; background: #3c555b; background-image: linear-gradient(to bottom, #3C555B, #1F2E32); }
.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 form { border-radius: 4px; background: #fff;
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%;
}
.newsletter input { margin: 2px; padding: .75rem; font-size: 1rem; font-family: inherit; border: 0; -webkit-appearance: none;
	-webkit-flex: 1; -ms-flex: 1; flex: 1;
}
.newsletter button {
	/* same as .btn */
	padding: .75rem; font-family: inherit; font-weight: 500; cursor: pointer; border: 1px solid #268dae; border-radius: 4px; color: #fff; background: #31a6cb; background-image: linear-gradient(to bottom, #31a6cb, #2c96b8); box-shadow: -1px -1px 0 rgba(255,255,255,.4) inset, 1px 1px 0 rgba(255,255,255,.4) inset; text-shadow: 0 -1px 0 #2eabd3;
	/* additional */
	margin: 2px; font-size: 1rem; -webkit-flex: none; -ms-flex: none; flex: none;
}
.newsletter button:hover { background: #31a6cb; }

@media (min-width: 768px) {
	.newsletter { padding: 2.5rem 2rem; }
}

@media (min-width: 1024px) {
	.newsletter { overflow: hidden; }
	.newsletter p { width: 60%; float: left; margin: 0; padding-right: 2rem; }
	.newsletter form { width: 40%; float: right; }
}
/* 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: #fffbe6 url(../../images/layout/ico_info.png) 16px 16px no-repeat; color: #1f1f20; border-radius: 8px; box-shadow: 0 0 5px #ffeb80 inset; font-family: ptsr, arial, sans-serif; }
.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 { border-bottom: 1px solid #e7e7e7; display: block; font-size: 18px; line-height: 1.2; padding: 16px 16px 16px 76px; background: #fffbe6 url(../../images/layout/ico_info.png) 26px 50% no-repeat; color: #11b8ce;  }

.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 .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; }

.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_blocks { overflow: hidden; margin: 2.5rem 1rem; line-height: 1.45; }
.footer_block h3 { margin: 0 0 1.5rem; font-weight: 400; font-size: 1.5rem; line-height: 1; }

.footer_block .phone,
.footer_block .phone a { display: block; font-size: 1.5rem; color: #31a6cb; 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 { border-bottom: 1px solid #a7def2; display: inline-block; }
.footer_block a:hover { color: #31a6cb; }
.footer_block p strong { color: #31a6cb; font-weight: 500; }

.footer_bottom { width: 100%; overflow: hidden; padding: 2.5rem 1rem 2rem; text-align: center; line-height: 1.45; background: #e8eff5; }
.footer_bottom > p { color: #696969; margin: 0 0 .5rem; font-size: .875rem; }
.footer_bottom > p > a { display: inline-block; border-bottom: 1px solid #d3cfcc; 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: #696969; }

@media (min-width: 768px) {
	.footer_bottom span { display: inline; }
	.footer_blocks { margin: 2.5rem 2rem 0; }
}
@media (min-width: 1024px) {
	.footer_block { float: left; }
	.footer-block--links { width: 30%; }
	.footer-block--payment { width: 45%; padding-right: 2rem; }
	.footer-block--phone { width: 25%; }
}
/* 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: #34c1ee; }
.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; }
}
/* end of customer page */

/* will be symlinked from /public/stylesheets/modules/ */