
/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 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 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

button, input[type="submit"] { -webkit-font-smoothing: antialiased; font-size: 13px; line-height: 1em; }

.icheck:checked + .icheckbox:before, .icheck[disabled]:checked > .icheckbox:before, .icheck:checked + .iradio:before, .icheck[disabled]:checked + .iradio:before, .Header-infoLink--checkout:after, .Header-phoneNumber:before, .Header-searchButton:before, .Header-contLink:before, .Header-contLink:after, .Header-contWindowTrigger:before, .Header-cosWindowTrigger:before, .Header-cosLink:before, .Header-cosLink.is-withProducts:before, .Header-cosLink:after, .MainMenu-trigger.is-parent:after, .MainMenu-trigger:after, .ProduseMenu-trigger:after, .MainMenu-submenuTrigger:after, .ProduseMenu-promovate-titlu:before, .ProduseMenu-subcategorii-trigger:before, .MobileMenu-trigger--meniu:before, .MobileMenu-trigger--cauta:before, .MobileMenu-trigger--cont:before, .MobileMenu-trigger--cos:before, .Produs-rating:before, .Produs-rating--big.Produs-rating:before, .Produs-rating:after, .Produs-rating--big.Produs-rating:after, .Produs-ratingForm, .Produs-ratingForm i, .Produs-gift:after, .Filtru-trigger.is-active:before, .Button-linkIcon:before, .Button-group .Button-rezerva:before, .Button-adaugaInCos:before, .Button-adaugaInCos--red:before, .Pagination-prev:after, .Pagination-next:after, .ViewSettings-label:after, .Sidebar-trigger:before, .Status-stoc:before, .Status--outOfStock .Status-stoc:before, .Produs.is-outOfStock .Status-stoc:before, .Status--laPrecomanda .Status-stoc:before, .Produs.is-laPrecomanda .Status-stoc:before, .Pachete-produs:after, .testSprite { display: inline-block; background-image: url("http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/sprite/sprite.svg"); background-size: 395px 344px; }
.no-svg .icheck:checked + .icheckbox:before, .no-svg .icheck[disabled]:checked > .icheckbox:before, .no-svg .icheck:checked + .iradio:before, .no-svg .Header-infoLink--checkout:after, .no-svg .Header-phoneNumber:before, .no-svg .Header-searchButton:before, .no-svg .Header-contLink:before, .no-svg .Header-contLink:after, .no-svg .Header-contWindowTrigger:before, .no-svg .Header-cosWindowTrigger:before, .no-svg .Header-cosLink:before, .no-svg .Header-cosLink:after, .no-svg .MainMenu-trigger:after, .no-svg .ProduseMenu-trigger:after, .no-svg .MainMenu-submenuTrigger:after, .no-svg .ProduseMenu-promovate-titlu:before, .no-svg .ProduseMenu-subcategorii-trigger:before, .no-svg .MobileMenu-trigger--meniu:before, .no-svg .MobileMenu-trigger--cauta:before, .no-svg .MobileMenu-trigger--cont:before, .no-svg .MobileMenu-trigger--cos:before, .no-svg .Produs-rating:before, .no-svg .Produs-rating:after, .no-svg .Produs-ratingForm, .no-svg .Produs-ratingForm i, .Produs-ratingForm .no-svg i, .no-svg .Produs-gift:after, .no-svg .Filtru-trigger.is-active:before, .no-svg .Button-linkIcon:before, .no-svg .Button-group .Button-rezerva:before, .Button-group .no-svg .Button-rezerva:before, .no-svg .Button-adaugaInCos:before, .no-svg .Button-adaugaInCos--red:before, .no-svg .Pagination-prev:after, .no-svg .Pagination-next:after, .no-svg .ViewSettings-label:after, .no-svg .Sidebar-trigger:before, .no-svg .Status-stoc:before, .no-svg .Produs.is-outOfStock .Status-stoc:before, .Produs.is-outOfStock .no-svg .Status-stoc:before, .no-svg .Produs.is-laPrecomanda .Status-stoc:before, .Produs.is-laPrecomanda .no-svg .Status-stoc:before, .no-svg .Pachete-produs:after, .no-svg .testSprite { background-image: url("http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/sprite/sprite.png"); }





hr { border-bottom: 1px solid #DDD; border-left: none; border-right: none; border-top: none; margin: 18px 0; }

img { margin: 0; max-width: 100%; }

abbr, acronym { border-bottom: 1px dotted #DDD; cursor: help; }

address { display: block; margin: 0 0 9px; }

hgroup { margin-bottom: 9px; }

del { color: #817872; }

blockquote { border-left: 2px solid #DDD; color: #817872; margin: 18px 0; padding-left: 9px; }

cite { color: #99918c; font-style: italic; }
cite:before { content: '\2014 \00A0'; }

fieldset { border: 1px solid #244196; margin: 0; padding: 20px; }
@media only screen and (min-width: 1001px) { fieldset { border-radius: 5px; margin: 0 0 9px 0; } }

input, label, select {     display: block; font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

label { 
font-weight: normal;
margin-bottom: 5px;
font-size: 13px;
 }
label.required:after { content: "*"; color: #E41D34; margin-left: 5px; }
label abbr { display: none; }

.form-tip { background-color: #E41D34; border-radius: 5px; color: #fff; font-size: 12px; padding: 2px 6px; }

textarea, select, input[type="email"], input[type="number"], input[type="password"], input[type="search"],
input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"],
input[type="month"], input[type="time"], input[type="week"] {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color;
	-moz-transition: border-color; transition: border-color;
	background-color: white;
	border-radius: 5px;
background-color: white;
    border-radius: 5px;
    border: 1px solid #b7b7b7 !important;
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 6%) !important;
    font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: 13px; line-height: 18px; margin-bottom: 9px; padding: 7px; width: 100%;
}
select{
	border-radius: 5px !important;
}
textarea:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, select[multiple=multiple]:hover { border-color: #1584C1; }
textarea:hover, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus { border: 1px solid #6ecbfc !important; }
textarea.error, input[type="email"].error, input[type="number"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="text"].error, input[type="url"].error, input[type="color"].error, input[type="date"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="month"].error, input[type="time"].error, input[type="week"].error, select[multiple=multiple].error { border-color: #E41D34; border-radius: 5px 5px 0 0; }
textarea + .form-tip, input[type="email"] + .form-tip, input[type="number"] + .form-tip, input[type="password"] + .form-tip, input[type="search"] + .form-tip, input[type="tel"] + .form-tip, input[type="text"] + .form-tip, input[type="url"] + .form-tip, input[type="color"] + .form-tip, input[type="date"] + .form-tip, input[type="datetime"] + .form-tip, input[type="datetime-local"] + .form-tip, input[type="month"] + .form-tip, input[type="time"] + .form-tip, input[type="week"] + .form-tip, select[multiple=multiple] + .form-tip { margin-top: -9px; border-radius: 0 0 5px 5px; margin-bottom: 9px; }
textarea[disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="text"][disabled], input[type="url"][disabled], input[type="color"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="time"][disabled], input[type="week"][disabled], select[multiple=multiple][disabled] { opacity: 0.5 !important; cursor: default; }

textarea { resize: vertical; }

input[type="search"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

input[type="checkbox"], input[type="radio"] { display: inline; margin-right: 4.5px; }

input[type="file"] { width: 100%; }

select { width: auto; max-width: 100%; margin-bottom: 9px; }
@media only screen and (max-width: 520px) { select { font-size: 16px; } }

button, input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; cursor: pointer; user-select: none; vertical-align: middle; white-space: nowrap; }



/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider { position: relative; direction: ltr; }



@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
/* 	Owl Carousel - Auto Height Plugin */


/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-bottom: 0.6rem; }

.chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.chosen-container.chosen-with-drop .chosen-drop { left: 0; }

.chosen-container a { cursor: pointer; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 32px; border: 1px solid #C2B9B3; border-radius: 5px; background-color: #fff; background-clip: padding-box; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); color: #444; text-decoration: none; white-space: nowrap; line-height: 31px; }
.error + .chosen-container-single .chosen-single { border-color: #E41D34; border-radius: 5px 5px 0 0; }

.chosen-container-single .chosen-default { color: #999; }

.chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }

.chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url("http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; }

.chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; }

.chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url("http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/chosen-sprite.png") no-repeat 0px 6px; }

.chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; }

.chosen-container-single .chosen-search input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: white url("http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/chosen-sprite.png") no-repeat 100% -20px; background: url("http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/chosen-sprite.png") no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; }

.chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; -webkit-touch-callout: none; }

.chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; }

.chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; }

.chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; }

.chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4; }

.chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; }

.chosen-container .chosen-results li.group-option { padding-left: 15px; }

.chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; }

.chosen-container-multi .chosen-choices li { float: left; list-style: none; }

.chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 5px; height: 15px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #666; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-field .default { color: #999; }

.chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; border: 1px solid #aaa; border-radius: 3px; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; }

.chosen-container-multi .chosen-results { margin: 0; padding: 0; }

.chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; box-shadow: 0 1px 0 #fff inset; }

.chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 6px; }

.chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #111 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled { opacity: 0.5 !important; cursor: default; }

.chosen-disabled .chosen-single { cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl { text-align: right; }

.chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; }

.chosen-rtl .chosen-single div { right: auto; left: 3px; }

.chosen-rtl .chosen-single abbr { right: auto; left: 26px; }

.chosen-rtl .chosen-choices li { float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; }

.chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url("http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/chosen-sprite.png") no-repeat -30px -20px; background: url("http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/chosen-sprite.png") no-repeat -30px -20px; direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dppx) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/chosen-sprite@2x.png") !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } }
/* @end */
/* iCheck plugin Square skin, red
----------------------------------- */
.icheckbox:before, .iradio:before { content: ""; display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; border: 1px solid #C2B9B3; cursor: pointer; margin-bottom: 2px; }

input[type="checkbox"].icheck, input[type="radio"].icheck { display: inline-block; opacity: 0; width: 0; margin: 0; height: 0; }

.icheck-label { cursor: pointer; line-height: 22px; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.icheck-label.Tabs-trigger { margin-bottom: 0; }

.icheckbox:before { margin-right: 5px; }

.icheckbox:hover:before { border: 2px solid #E41D34; }

.icheck:checked + .icheckbox:before { border: none; background-color: #E41D34; width: 22px; height: 22px; background-position: -64px -276px; }

.icheck[disabled] + .icheckbox:before { border: 1px solid #d9d3cf; cursor: default; }

.icheck[disabled]:checked > .icheckbox:before { border: none; background-color: #C2B9B3; width: 22px; height: 22px; background-position: -64px -276px; }

.iradio:before { border-radius: 22px; margin-right: 5px; }

.iradio:hover:before { border: 2px solid #E41D34; }

.icheck:checked + .iradio:before { border: none; background-color: #E41D34; width: 22px; height: 22px; background-position: -64px -276px; }

.icheck[disabled] + .iradio:before { border: 1px solid #d9d3cf; cursor: default; }

.icheck[disabled]:checked + .iradio:before { border: none; background-color: #C2B9B3; width: 22px; height: 22px; background-position: -64px -276px; }

/*!
 * # Semantic UI 1.11.4 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributorss
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/******************************* Transitions
*******************************/
.transition { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/******************************* States
*******************************/
/* Animating */
.animating.transition { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: visible !important; }

/* Loading */
.loading.transition { position: absolute; top: -99999px; left: -99999px; }

/* Hidden */
.hidden.transition { display: none; visibility: hidden; }

/* Visible */
.visible.transition { display: block !important; visibility: visible !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); }

/* Disabled */
.disabled.transition { -webkit-animation-play-state: paused; animation-play-state: paused; }

/******************************* Variations
*******************************/
.looping.transition { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

/******************************* Transitions
*******************************/
/* Some transitions adapted from Animate CSS https://github.com/daneden/animate.css
 Additional transitions adapted from Glide by Nick Pettit - https://github.com/nickpettit/glide
*/
/*-------------- Browse
---------------*/
.transition.browse { -webkit-animation-duration: 500ms; animation-duration: 500ms; }

.transition.browse.in { -webkit-animation-name: browseIn; animation-name: browseIn; }

.transition.browse.out, .transition.browse.left.out { -webkit-animation-name: browseOutLeft; animation-name: browseOutLeft; }

.transition.browse.right.out { -webkit-animation-name: browseOutRight; animation-name: browseOutRight; }

/* In */
@-webkit-keyframes browseIn { 0% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; }
  10% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; opacity: 0.7; }
  80% { -webkit-transform: scale(1.05) translateZ(0px); transform: scale(1.05) translateZ(0px); opacity: 1; z-index: 999; }
  100% { -webkit-transform: scale(1) translateZ(0px); transform: scale(1) translateZ(0px); z-index: 999; } }
@keyframes browseIn { 0% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; }
  10% { -webkit-transform: scale(0.8) translateZ(0px); transform: scale(0.8) translateZ(0px); z-index: -1; opacity: 0.7; }
  80% { -webkit-transform: scale(1.05) translateZ(0px); transform: scale(1.05) translateZ(0px); opacity: 1; z-index: 999; }
  100% { -webkit-transform: scale(1) translateZ(0px); transform: scale(1) translateZ(0px); z-index: 999; } }
/* Out */
@-webkit-keyframes browseOutLeft { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: -1; -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: -1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } }
@keyframes browseOutLeft { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: -1; -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: -1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } }
@-webkit-keyframes browseOutRight { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: 1; -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: 1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } }
@keyframes browseOutRight { 0% { z-index: 999; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg); transform: translateX(0%) rotateY(0deg) rotateX(0deg); }
  50% { z-index: 1; -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px); }
  80% { opacity: 1; }
  100% { z-index: 1; -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px); opacity: 0; } }
/*-------------- Drop
---------------*/
.drop.transition { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1); }

.drop.transition.in { -webkit-animation-name: dropIn; animation-name: dropIn; }

.drop.transition.out { -webkit-animation-name: dropOut; animation-name: dropOut; }

/* Drop */
@-webkit-keyframes dropIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes dropIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes dropOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } }
@keyframes dropOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } }
/*-------------- Fade
---------------*/
.transition.fade.in { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.transition[class*="fade up"].in { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

.transition[class*="fade down"].in { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

.transition[class*="fade left"].in { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

.transition[class*="fade right"].in { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

.transition.fade.out { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

.transition[class*="fade up"].out { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

.transition[class*="fade down"].out { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

.transition[class*="fade left"].out { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

.transition[class*="fade right"].out { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

/* In */
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); }
  100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); }
  100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); }
  100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); }
  100% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }
@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); }
  100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); }
  100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); }
  100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); }
  100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } }
/* Out */
@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); } }
@keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); } }
@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { opacity: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); } }
@keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { opacity: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); } }
@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } }
@keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { opacity: 0; -webkit-transform: translateX(10%); transform: translateX(10%); } }
@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); } }
@keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); }
  100% { opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); } }
/*-------------- Flips
---------------*/
.flip.transition.in, .flip.transition.out { -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-perspective: 2000px; perspective: 2000px; }

.horizontal.flip.transition.in { -webkit-animation-name: horizontalFlipIn; animation-name: horizontalFlipIn; }

.horizontal.flip.transition.out { -webkit-animation-name: horizontalFlipOut; animation-name: horizontalFlipOut; }

.vertical.flip.transition.in { -webkit-animation-name: verticalFlipIn; animation-name: verticalFlipIn; }

.vertical.flip.transition.out { -webkit-animation-name: verticalFlipOut; animation-name: verticalFlipOut; }

/* In */
@-webkit-keyframes horizontalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; } }
@keyframes horizontalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; } }
@-webkit-keyframes verticalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; } }
@keyframes verticalFlipIn { 0% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; }
  100% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; } }
/* Out */
@-webkit-keyframes horizontalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } }
@keyframes horizontalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateY(0deg); transform: perspective(2000px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } }
@-webkit-keyframes verticalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } }
@keyframes verticalFlipOut { 0% { -webkit-transform: perspective(2000px) rotateX(0deg); transform: perspective(2000px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } }
/*-------------- Scale
---------------*/
.scale.transition.in { -webkit-animation-name: scaleIn; animation-name: scaleIn; }

.scale.transition.out { -webkit-animation-name: scaleOut; animation-name: scaleOut; }

/* In */
@-webkit-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
/* Out */
@-webkit-keyframes scaleOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } }
@keyframes scaleOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
  100% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); } }
/*-------------- Fly
---------------*/
/* Inward */
.transition.fly { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.transition.fly.in { -webkit-animation-name: flyIn; animation-name: flyIn; }

.transition[class*="fly up"].in { -webkit-animation-name: flyInUp; animation-name: flyInUp; }

.transition[class*="fly down"].in { -webkit-animation-name: flyInDown; animation-name: flyInDown; }

.transition[class*="fly left"].in { -webkit-animation-name: flyInLeft; animation-name: flyInLeft; }

.transition[class*="fly right"].in { -webkit-animation-name: flyInRight; animation-name: flyInRight; }

/* Outward */
.transition.fly.out { -webkit-animation-name: flyOut; animation-name: flyOut; }

.transition[class*="fly up"].out { -webkit-animation-name: flyOutUp; animation-name: flyOutUp; }

.transition[class*="fly down"].out { -webkit-animation-name: flyOutDown; animation-name: flyOutDown; }

.transition[class*="fly left"].out { -webkit-animation-name: flyOutLeft; animation-name: flyOutLeft; }

.transition[class*="fly right"].out { -webkit-animation-name: flyOutRight; animation-name: flyOutRight; }

/* In */
@-webkit-keyframes flyIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes flyIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@-webkit-keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@keyframes flyInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 1500px, 0); transform: translate3d(0, 1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
@-webkit-keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -1500px, 0); transform: translate3d(0, -1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes flyInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -1500px, 0); transform: translate3d(0, -1500px, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  100% { -webkit-transform: none; transform: none; } }
@-webkit-keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translate3d(1500px, 0, 0); transform: translate3d(1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes flyInLeft { 0% { opacity: 0; -webkit-transform: translate3d(1500px, 0, 0); transform: translate3d(1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@-webkit-keyframes flyInRight { 0% { opacity: 0; -webkit-transform: translate3d(-1500px, 0, 0); transform: translate3d(-1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
@keyframes flyInRight { 0% { opacity: 0; -webkit-transform: translate3d(-1500px, 0, 0); transform: translate3d(-1500px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; } }
/* Out */
@-webkit-keyframes flyOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes flyOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); }
  50%,
  55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } }
@-webkit-keyframes flyOutUp { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@keyframes flyOutUp { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } }
@-webkit-keyframes flyOutDown { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@keyframes flyOutDown { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  40%,
  45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } }
@-webkit-keyframes flyOutRight { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@keyframes flyOutRight { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } }
@-webkit-keyframes flyOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
@keyframes flyOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } }
/*-------------- Slide
---------------*/
.transition.slide.in, .transition[class*="slide down"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="slide up"].in { -webkit-animation-name: slideInY; animation-name: slideInY; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="slide left"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="slide right"].in { -webkit-animation-name: slideInX; animation-name: slideInX; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

.transition.slide.out, .transition[class*="slide down"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="slide up"].out { -webkit-animation-name: slideOutY; animation-name: slideOutY; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="slide left"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="slide right"].out { -webkit-animation-name: slideOutX; animation-name: slideOutX; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

/* In */
@-webkit-keyframes slideInY { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); }
  100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } }
@keyframes slideInY { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); }
  100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } }
@-webkit-keyframes slideInX { 0% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); }
  100% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } }
@keyframes slideInX { 0% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); }
  100% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } }
/* Out */
@-webkit-keyframes slideOutY { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); }
  100% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } }
@keyframes slideOutY { 0% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); }
  100% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } }
@-webkit-keyframes slideOutX { 0% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); }
  100% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } }
@keyframes slideOutX { 0% { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); }
  100% { opacity: 0; -webkit-transform: scaleX(0); transform: scaleX(0); } }
/*-------------- Swing
---------------*/
.transition.swing { -webkit-animation-duration: 800ms; animation-duration: 800ms; }

.transition[class*="swing down"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="swing up"].in { -webkit-animation-name: swingInX; animation-name: swingInX; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="swing left"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="swing right"].in { -webkit-animation-name: swingInY; animation-name: swingInY; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

.transition.swing.out, .transition[class*="swing down"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; }

.transition[class*="swing up"].out { -webkit-animation-name: swingOutX; animation-name: swingOutX; -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; }

.transition[class*="swing left"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; }

.transition[class*="swing right"].out { -webkit-animation-name: swingOutY; animation-name: swingOutY; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; }

/* In */
@-webkit-keyframes swingInX { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateX(15deg); transform: perspective(1000px) rotateX(15deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } }
@keyframes swingInX { 0% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateX(15deg); transform: perspective(1000px) rotateX(15deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); } }
@-webkit-keyframes swingInY { 0% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateY(-17.5deg); transform: perspective(1000px) rotateY(-17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } }
@keyframes swingInY { 0% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; }
  40% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  60% { -webkit-transform: perspective(1000px) rotateY(-17.5deg); transform: perspective(1000px) rotateY(-17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  100% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); } }
/* Out */
@-webkit-keyframes swingOutX { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateX(17.5deg); transform: perspective(1000px) rotateX(17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } }
@keyframes swingOutX { 0% { -webkit-transform: perspective(1000px) rotateX(0deg); transform: perspective(1000px) rotateX(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateX(-7.5deg); transform: perspective(1000px) rotateX(-7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateX(17.5deg); transform: perspective(1000px) rotateX(17.5deg); }
  80% { -webkit-transform: perspective(1000px) rotateX(-30deg); transform: perspective(1000px) rotateX(-30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateX(90deg); transform: perspective(1000px) rotateX(90deg); opacity: 0; } }
@-webkit-keyframes swingOutY { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateY(-10deg); transform: perspective(1000px) rotateY(-10deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } }
@keyframes swingOutY { 0% { -webkit-transform: perspective(1000px) rotateY(0deg); transform: perspective(1000px) rotateY(0deg); }
  40% { -webkit-transform: perspective(1000px) rotateY(7.5deg); transform: perspective(1000px) rotateY(7.5deg); }
  60% { -webkit-transform: perspective(1000px) rotateY(-10deg); transform: perspective(1000px) rotateY(-10deg); }
  80% { -webkit-transform: perspective(1000px) rotateY(30deg); transform: perspective(1000px) rotateY(30deg); opacity: 1; }
  100% { -webkit-transform: perspective(1000px) rotateY(-90deg); transform: perspective(1000px) rotateY(-90deg); opacity: 0; } }
/******************************* Static Animations
*******************************/
/*-------------- Emphasis
---------------*/
.flash.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: flash; animation-name: flash; }

.shake.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: shake; animation-name: shake; }

.bounce.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: bounce; animation-name: bounce; }

.tada.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: tada; animation-name: tada; }

.pulse.transition { -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-name: pulse; animation-name: pulse; }

.jiggle.transition { -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-name: jiggle; animation-name: jiggle; }

/* Flash */
@-webkit-keyframes flash { 0%,
  50%,
  100% { opacity: 1; }
  25%,
  75% { opacity: 0; } }
@keyframes flash { 0%,
  50%,
  100% { opacity: 1; }
  25%,
  75% { opacity: 0; } }
/* Shake */
@-webkit-keyframes shake { 0%,
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
@keyframes shake { 0%,
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%,
  30%,
  50%,
  70%,
  90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%,
  40%,
  60%,
  80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
/* Bounce */
@-webkit-keyframes bounce { 0%,
  20%,
  50%,
  80%,
  100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes bounce { 0%,
  20%,
  50%,
  80%,
  100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
/* Tada */
@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); }
  10%,
  20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
@keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); }
  10%,
  20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }
/* Pulse */
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
@keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
/* Rubberband */
@-webkit-keyframes jiggle { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes jiggle { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); }
  40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); }
  50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); }
  65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); }
  75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); }
  100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
/******************************* Site Overrides
*******************************/
/*!
 * # Semantic UI 1.11.4 - Dimmer
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/******************************* Dimmer
*******************************/
.dimmable { position: relative; }

.ui.dimmer { display: none; position: absolute; top: 0em !important; left: 0em !important; width: 100%; height: 100%; text-align: center; vertical-align: middle; background: rgba(0, 0, 0, 0.75); opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition: background-color 0.5s linear; transition: background-color 0.5s linear; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; will-change: opacity; z-index: 1000; }

.ui.dimmer.dimmer--context { z-index: 100; }

/* Dimmer Content */
.ui.dimmer > .content { width: 100%; height: 100%; display: table; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

.ui.dimmer > .content > div { display: table-cell; vertical-align: middle; color: #ffffff; }

/* Loose Coupling */
.ui.segment > .ui.dimmer { border-radius: inherit !important; }

/******************************* States
*******************************/
.animating.dimmable:not(body), .dimmed.dimmable:not(body) { overflow: hidden; }

.dimmed.dimmable > .ui.animating.dimmer, .dimmed.dimmable > .ui.visible.dimmer, .ui.active.dimmer { display: block; opacity: 1; }

.ui.disabled.dimmer { width: 0 !important; height: 0 !important; }

/******************************* Variations
*******************************/
/*-------------- Page
---------------*/
.ui.page.dimmer { position: fixed; -webkit-transform-style: ''; transform-style: ''; -webkit-perspective: 2000px; perspective: 2000px; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }

body.animating.in.dimmable, body.dimmed.dimmable { overflow: hidden; }

body.dimmable > .dimmer { position: fixed; }

/*
body.dimmable > :not(.dimmer) { filter: @elementStartFilter;
}
body.dimmed.dimmable > :not(.dimmer) { filter: @elementEndFilter; transition: @elementTransition;
}
*/
/*-------------- Aligned
---------------*/
.ui.dimmer > .top.aligned.content > * { vertical-align: top; }

.ui.dimmer > .bottom.aligned.content > * { vertical-align: bottom; }

/*-------------- Inverted
---------------*/
.ui.inverted.dimmer { background: rgba(255, 255, 255, 0.85); }

.ui.inverted.dimmer > .content > * { color: #ffffff; }

/*-------------- Simple
---------------*/
/* Displays without javascript */
.ui.simple.dimmer { display: block; overflow: hidden; opacity: 1; width: 0%; height: 0%; z-index: -100; background-color: transparent; }

.dimmed.dimmable > .ui.simple.dimmer { overflow: visible; opacity: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 1; }

.ui.simple.inverted.dimmer { background: rgba(255, 255, 255, 0); }

.dimmed.dimmable > .ui.simple.inverted.dimmer { background: rgba(255, 255, 255, 0.85); }

/******************************* Theme Overrides
*******************************/
/******************************* User Overrides
*******************************/
/*!
 * # Semantic UI 1.11.4 - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/******************************* Modal
*******************************/
.ui.modal { display: none; position: fixed; z-index: 1001; top: 50%; left: 50%; text-align: left; width: 90%; margin-left: -45%; background: #ffffff; border: none; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3); border-radius: 0.2857rem; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; will-change: top, left, margin, transform, opacity; }

.ui.modal > :first-child:not(.icon), .ui.modal > .icon:first-child + * { border-top-left-radius: 0.2857rem; border-top-right-radius: 0.2857rem; }

.ui.modal > :last-child { border-bottom-left-radius: 0.2857rem; border-bottom-right-radius: 0.2857rem; }

/******************************* Content
*******************************/
/*-------------- Close
---------------*/
.ui.modal .close { cursor: pointer; position: absolute; top: 0; right: 0; z-index: 1; opacity: 0.9; font-size: 16px; line-height: 31px; font-weight: bold; text-align: center; font-style: normal; color: #fff; background-color: #E41D34; width: 30px; height: 30px; border-radius: 0 3px 0 3px; }

.ui.modal > .close:hover { opacity: 1; }

/*-------------- Header
---------------*/
.ui.modal .header { display: block; background-color: #e2e5f6; margin: 0em; padding: 16px 20px; box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05); font-weight: bold; color: rgba(0, 0, 0, 0.85); border-bottom: 1px solid rgba(39, 41, 43, 0.15); }

/*-------------- Content
---------------*/
.ui.modal .content { display: table; table-layout: fixed; width: 100%; padding: 20px; background: #ffffff; }

/* Image */
.ui.modal .content .image { display: table-cell; width: ''; vertical-align: top; }

.ui.modal > .content > .image[class*="top aligned"] { vertical-align: top; }

.ui.modal > .content > .image[class*="middle aligned"] { vertical-align: middle; }

/* Description */
.ui.modal > .content > .description { display: table-cell; vertical-align: top; }

.ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description { min-width: ''; width: 80%; padding-left: 2em; }

/*rtl:ignore*/
.ui.modal > .content > .image > i.icon { font-size: 8rem; margin: 0em; opacity: 1; width: auto; }

/*-------------- Actions
---------------*/
.ui.modal .actions { background-color: #e2e5f6; padding: 16px 20px; border-top: 1px solid rgba(39, 41, 43, 0.15); text-align: right; }


/*------------------- Responsive
--------------------*/
/* Modal Width */
@media only screen and (max-width: 767px) { .ui.modal { width: 95%; margin: 0em 0em 0em -47.5%; } }
@media only screen and (min-width: 768px) { .ui.modal { width: 88%; margin: 0em 0em 0em -44%; } }
@media only screen and (min-width: 992px) { .ui.modal { width: 74%; margin: 0em 0em 0em -37%; } }
@media only screen and (min-width: 1400px) { .ui.modal { width: 56%; margin: 0em 0em 0em -28%; } }
@media only screen and (min-width: 1920px) { .ui.modal { width: 42%; margin: 0em 0em 0em -21%; } }
/* Tablet and Mobile */
@media only screen and (max-width: 992px) { .ui.modal .header { padding-right: 2.25rem; } }
/* Mobile */
@media only screen and (max-width: 767px) { .ui.modal .header { padding: 0.75rem 1rem !important; padding-right: 2.25rem !important; }
  .ui.modal .content { display: block; padding: 1rem !important; }
  /*rtl:ignore*/
  .ui.modal .content > .image { display: block; max-width: 100%; margin: 0em auto !important; text-align: center; padding: 0rem 0rem 1rem !important; }
  .ui.modal > .content > .image > i.icon { font-size: 5rem; text-align: center; }
  /*rtl:ignore*/
  .ui.modal .content > .description { display: block; width: 100% !important; margin: 0em !important; padding: 1rem 0rem !important; box-shadow: none; }
  /* Let Buttons Stack */
  .ui.modal .actions > .buttons, .ui.modal .actions > .button { margin-bottom: 1rem; } }
/******************************* Types
*******************************/
.ui.basic.modal { background-color: transparent; border: none; border-radius: 0em; box-shadow: 0px 0px 0px 0px; color: #ffffff; }

.ui.basic.modal .header, .ui.basic.modal .content, .ui.basic.modal .actions { background-color: transparent; }

.ui.basic.modal .header { color: #ffffff; }

.ui.basic.modal .close { top: 1rem; right: 1.5rem; }

/* Tablet and Mobile */
@media only screen and (max-width: 992px) { .ui.basic.modal > .close { color: #ffffff; } }
/******************************* Variations
*******************************/
/* A modal that cannot fit on the page */
.scrolling.dimmable.dimmed { overflow: hidden; }

.scrolling.dimmable.dimmed > .dimmer { overflow: auto; -webkit-overflow-scrolling: touch; }

.scrolling.dimmable > .dimmer { position: fixed; }

.ui.scrolling.modal { position: static; margin: 3.5rem auto !important; }

@media only screen and (max-width: 992px) { .ui.scrolling.modal { margin-top: 1rem; margin-bottom: 1rem; } }
/******************************* States
*******************************/
.ui.active.modal { display: block; }

/******************************* Variations
*******************************/
/*-------------- Full Screen
---------------*/
.ui.fullscreen.modal { width: 95% !important; left: 2.5% !important; margin: 1em auto; }

.ui.fullscreen.scrolling.modal { left: 0em !important; }

.ui.fullscreen.modal .header { padding-right: 2.25rem; }

.ui.fullscreen.modal .close { top: 0.905rem; right: 1rem; color: rgba(0, 0, 0, 0.8); }

/*-------------- Size
---------------*/
/* Small */
.ui.small.modal .header { font-size: 1.3em; }

/* Small Modal Width */
@media only screen and (max-width: 767px) { .ui.small.modal { width: 95%; margin: 0em 0em 0em -47.5%; } }
@media only screen and (min-width: 768px) { .ui.small.modal { width: 52.8%; margin: 0em 0em 0em -26.4%; } }
@media only screen and (min-width: 992px) { .ui.small.modal { width: 44.4%; margin: 0em 0em 0em -22.2%; } }
@media only screen and (min-width: 1400px) { .ui.small.modal { width: 33.6%; margin: 0em 0em 0em -16.8%; } }
@media only screen and (min-width: 1920px) { .ui.small.modal { width: 25.2%; margin: 0em 0em 0em -12.6%; } }
/* Large Modal Width */
.ui.large.modal > .header { font-size: 1.6em; }

@media only screen and (max-width: 767px) { .ui.large.modal { width: 95%; margin: 0em 0em 0em -47.5%; } }
@media only screen and (min-width: 768px) { .ui.large.modal { width: 88%; margin: 0em 0em 0em -44%; } }
@media only screen and (min-width: 992px) { .ui.large.modal { width: 88.8%; margin: 0em 0em 0em -44.4%; } }
@media only screen and (min-width: 1400px) { .ui.large.modal { width: 67.2%; margin: 0em 0em 0em -33.6%; } }
@media only screen and (min-width: 1920px) { .ui.large.modal { width: 50.4%; margin: 0em 0em 0em -25.2%; } }
/******************************* Theme Overrides
*******************************/
/******************************* Site Overrides
*******************************/
/*!
 * # Semantic UI 1.11.6 - Loader
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2014 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/******************************* Loader
*******************************/
/* Standard Size */
.ui.loader { display: none; position: absolute; top: 50%; left: 50%; margin: 0px; text-align: center; z-index: 1000; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

/* Static Shape */
.ui.loader:before { position: absolute; content: ''; top: 0%; left: 50%; width: 100%; height: 100%; border-radius: 500rem; border: 0.2em solid rgba(0, 0, 0, 0.1); }

/* Active Shape */
.ui.loader:after { position: absolute; content: ''; top: 0%; left: 50%; width: 100%; height: 100%; -webkit-animation: loader 0.6s linear; animation: loader 0.6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #aaaaaa transparent transparent; border-style: solid; border-width: 0.2em; box-shadow: 0px 0px 0px 1px transparent; }

/* Active Animation */
@-webkit-keyframes loader { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes loader { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/* Sizes */
.ui.loader:before, .ui.loader:after { width: 2.2585em; height: 2.2585em; margin: 0em 0em 0em -1.12925em; }

.ui.mini.loader:before, .ui.mini.loader:after { width: 1.2857em; height: 1.2857em; margin: 0em 0em 0em -0.64285em; }

.ui.small.loader:before, .ui.small.loader:after { width: 1.7142em; height: 1.7142em; margin: 0em 0em 0em -0.8571em; }

.ui.large.loader:before, .ui.large.loader:after { width: 4.5714em; height: 4.5714em; margin: 0em 0em 0em -2.2857em; }

/*------------------- Coupling
--------------------*/
/* Show inside active dimmer */
.ui.dimmer .loader { display: block; }

/* Black Dimmer */
.ui.dimmer .ui.loader { color: #ffffff; }

.ui.dimmer .ui.loader:before { border-color: rgba(255, 255, 255, 0.15); }

.ui.dimmer .ui.loader:after { border-color: #E41D34 transparent transparent; }

/* White Dimmer (Inverted) */
.ui.inverted.dimmer .ui.loader { color: rgba(0, 0, 0, 0.8); }

.ui.inverted.dimmer .ui.loader:before { border-color: rgba(0, 0, 0, 0.1); }

.ui.inverted.dimmer .ui.loader:after { border-color: #aaaaaa transparent transparent; }

/******************************* Types
*******************************/
/*------------------- Text
--------------------*/
.ui.text.loader { width: auto !important; height: auto !important; text-align: center; font-style: normal; }

/******************************* States
*******************************/
.ui.indeterminate.loader:after { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-duration: 1.2s; animation-duration: 1.2s; }

.ui.loader.active, .ui.loader.visible { display: block; }

.ui.loader.disabled, .ui.loader.hidden { display: none; }

/******************************* Variations
*******************************/
/*------------------- Sizes
--------------------*/
/* Loader */
.ui.inverted.dimmer .ui.mini.loader, .ui.mini.loader { width: 1.2857em; height: 1.2857em; font-size: 0.7857em; }

.ui.inverted.dimmer .ui.small.loader, .ui.small.loader { width: 1.7142em; height: 1.7142em; font-size: 0.9285em; }

.ui.inverted.dimmer .ui.loader, .ui.loader { width: 2.2585em; height: 2.2585em; font-size: 1em; }

.ui.inverted.dimmer .ui.loader.large, .ui.loader.large { width: 4.5714em; height: 4.5714em; font-size: 14px; }

/* Text Loader */
.ui.mini.text.loader { min-width: 1.2857em; padding-top: 1.9857em; }

.ui.small.text.loader { min-width: 1.7142em; padding-top: 2.4142em; }

.ui.text.loader { min-width: 2.2585em; padding-top: 2.9585em; }

.ui.large.text.loader { min-width: 4.5714em; padding-top: 5.2714em; }

/*------------------- Inverted
--------------------*/
.ui.inverted.loader { color: #ffffff; }

.ui.inverted.loader:before { border-color: rgba(255, 255, 255, 0.15); }

.ui.inverted.loader:after { border-top-color: #ffffff; }

/*------------------- Inline
--------------------*/
.ui.inline.loader { position: relative; vertical-align: middle; margin: 0em; left: 0em; top: 0em; -webkit-transform: none; -ms-transform: none; transform: none; }

.ui.inline.loader.active, .ui.inline.loader.visible { display: inline-block; }

/* Centered Inline */
.ui.centered.inline.loader.active, .ui.centered.inline.loader.visible { display: block; }

/******************************* Theme Overrides
*******************************/
/******************************* Site Overrides
*******************************/
/* ### Range Slider ######################### */
/* Functional styling; These styles are required for noUiSlider to function. You don't need to change these rules to apply your design. */
.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }

.noUi-target { position: relative; direction: ltr; }

.noUi-base { width: 100%; height: 100%; position: relative; }

.noUi-handle { position: relative; z-index: 1; }

.noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; }

.noUi-stacking + .noUi-origin { /* Fix stacking order in IE7, which incorrectly creates a new context for the origins. */ *z-index: -1; }

.noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; }

.noUi-state-drag * { cursor: inherit !important; }

/* Painting and performance; Browsers can paint handles in their own layer. */
.noUi-base { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* Slider size and handle placement; */
.noUi-horizontal { height: 8px; margin-bottom: 15px; margin-top: 10px; }

/* Styling; */
.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; height: 8px; /*margin-bottom: 8px;*/ }

.noUi-background { border-bottom: 1px solid #DFD9D7; }

.noUi-connect { border-bottom: 1px solid #504e4d; -webkit-transition: background 450ms; transition: background 450ms; }

/* Handles and cursors; */
.noUi-dragable { cursor: w-resize; }

.noUi-handle { background: #D71440; border-radius: 17px; height: 17px; width: 17px; cursor: w-resize; }

.noUi-handle-upper { right: 17px; left: auto; }

.noUi-handle-lower { cursor: e-resize; }

.noUi-handle:after { left: 17px; }

/* Disabled state; */
[disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; }

[disabled] .noUi-handle { cursor: not-allowed; }

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.3.2
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #fff; transition: opacity .5s ease; }
#baguetteBox-overlay.visible { opacity: 1; }
#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }
#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }
#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; cursor: default; }
#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif; }
#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; transition: left .4s ease, transform .4s ease; }
#baguetteBox-slider:hover { cursor: -webkit-zoom-out; cursor: -moz-zoom-out; }
#baguetteBox-slider.bounce-from-right { animation: bounceFromRight .4s ease-out; }
#baguetteBox-slider.bounce-from-left { animation: bounceFromLeft .4s ease-out; }

@keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }
@keyframes bounceFromLeft { 0% { margin-left: 0; }
  50% { margin-left: 30px; }
  100% { margin-left: 0; } }
.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; }

.baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: rgba(255, 255, 255, 0.6); color: #000; font: 1.6em sans-serif; transition: background-color .4s ease; }
.baguetteBox-button#next-button { right: 2%; }
.baguetteBox-button#previous-button { left: 2%; }
.baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; }
.baguetteBox-button svg { position: absolute; left: 0; top: 0; }

/* Preloader Borrowed from http://tobiasahlin.com/spinkit/
*/
.spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }

.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; animation: bounce 2.0s infinite ease-in-out; }

.double-bounce2 { animation-delay: -1.0s; }

@keyframes bounce { 0%, 100% { transform: scale(0); }
  50% { transform: scale(1); } }
#tooltip { text-align: center; color: #000; background: #e8e4e2; position: absolute; z-index: 100; padding: 15px; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5); border-radius: 5px; }

#tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #e8e4e2; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; }

#tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #e8e4e2; top: -20px; bottom: auto; }

#tooltip.left:after { left: 10px; margin: 0; }

#tooltip.right:after { right: 10px; left: auto; margin: 0; }

.Header { background-color: #0b0c31; padding-top: 10px; z-index: 100; z-index: 2; position: relative; }
@media only screen and (min-width: 721px) and (max-width: 1000px) { .Header { padding-top: 15px; } }

/*  Header info ========================================================================== */
.Header-info { height: 30px; font-size: 12px; color: #fff; -webkit-font-smoothing: antialiased; float: right; margin-right: 10px; margin-top: 5px; }
@media only screen and (min-width: 721px) and (max-width: 1000px) { .Header-info { margin-top: 15px; } }
@media only screen and (min-width: 1001px) { .Header-info { margin: 0; float: none; } }

.Header-infoList { display: none; }
@media only screen and (min-width: 1001px) { .Header-infoList { display: inline; } }

.Header-infoList li { display: inline; }

.Header-infoLink { color: #fff; text-decoration: none; padding-right: 10px; border-right: 1px dotted #7A7A7F; margin-right: 10px; }
.Header-infoLink:hover { text-decoration: underline; }

.Header-infoLink--checkoutContainer { width: 176px; display: block; min-height: 1px; }

.Header-infoLink--checkout { float: right; padding-right: 0; border-right: none; border-left: 1px dotted #7A7A7F; margin-left: 20px; padding-left: 20px; width: 146px; position: relative; }
.Header-infoLink--checkout:after { content: ''; width: 8px; height: 8px; background-position: -382px -148px; margin-left: 5px; position: absolute; top: 5px; }

.Header-infoLink--hello { border-right: none; padding-right: 0; margin-right: 0; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 108px; }

.Header-phonePre { color: #99908c; margin-right: 2px; display: none; }
@media only screen and (min-width: 521px) { .Header-phonePre { display: inline; } }

.Header-phoneNumber { padding-left: 18px; font-size: 14px; font-weight: 700; position: relative; }
.Header-phoneNumber:before { content: ''; width: 15px; height: 17px; background-position: -252px -276px; position: absolute; left: 0; top: 0; }

/*  Logo ========================================================================== */
.Header-logoImage { overflow: hidden; display: block; background: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/mediagalaxy-logo.png) center center no-repeat; width: 251px; height: 45px; }
.Header-logoImage:before { content: ""; display: block; width: 0; height: 100%; }
@media only screen and (max-width: 720px) { .Header-logoImage { background: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/mediagalaxy-logo-sm.png) center center no-repeat; width: 167px; height: 30px; } }

.Header-logo { margin-right: 15px; float: left; }

.HeaderMain { margin-bottom: 15px; }
.HeaderMain:after { content: ""; display: table; clear: both; }

/*  Search ========================================================================== */
.Header-search { float: left; border-radius: 5px; border: 1px solid #244196; overflow: hidden; display: none; }
@media only screen and (min-width: 1001px) { .Header-search { display: block; } }

input.Header-searchInput[type="text"] { width: 360px; background-color: #0b0c31; color: #fff; height: 43px; padding: 12px 20px 12px 20px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; border: none; border-radius: 0; float: left; -webkit-appearance: none; }
input.Header-searchInput[type="text"]:focus { border: none; outline: 0; color: #fff; }

.Header-searchButton { border: 0; margin: 0; padding: 0; height: 43px; width: 51px; display: block; float: right; cursor: pointer; outline: none; box-shadow: none; background-color: #0b0c31; background-image: -webkit-linear-gradient(#0b0c31 35%, #14165b); background-image: linear-gradient(#0b0c31 35%, #14165b); border-left: 1px solid #244196; }
.Header-searchButton:before { content: ''; width: 14px; height: 15px; background-position: -222px -248px; display: block; margin: 0 auto; margin-top: 14px; }

/*  Cont si cos ========================================================================== */
.Header-session { float: right; border-bottom-right-radius: 0; position: relative; display: none; -webkit-font-smoothing: antialiased; }
@media only screen and (min-width: 1001px) { .Header-session { display: block; } }

.Header-session a { color: #fff; }

.Header-cont { float: left; background-color: #0b0c31; background-image: -webkit-linear-gradient(#0b0c31 35%, #14165b); background-image: linear-gradient(#0b0c31 35%, #14165b); border-radius: 5px 0 0 5px; border: 1px solid #244196; }

.Header-contLink { font-size: 13px; line-height: 43px; font-weight: 700; vertical-align: middle; height: 43px; display: block; background-position: left center; position: relative; z-index: 104; padding-left: 36px; padding-right: 22px; }
.Header-contLink:before { content: ''; position: absolute; width: 18px; height: 15px; background-position: -194px -248px; top: 13px; left: 10px; }
.Header-contLink:after { content: ''; position: absolute; top: 20px; width: 11px; height: 6px; background-position: -342px -290px; right: 6px; }
.Header-contLink .Header-contNume { display: inline-block; }
.Header-contLink .icon-arrow-down { display: inline-block; height: 8px; width: 12px; background-position: center center; }
.Header-contLink .icon-cont { display: inline-block; height: 43px; width: 21px; background-position: left center; float: left; }

.Header-contWindow, .Header-cosWindow { position: absolute; top: 45px; left: 0; z-index: 103; display: none; width: 100%; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.5); border: 1px solid #244196; border-top: 0; border-radius: 0 0 5px 5px; background-color: #14165b; }
.Header-contWindow-loggedOut, .Header-contWindow-without, .Header-cosWindow-loggedOut, .Header-cosWindow-without { padding: 15px 20px 20px 20px; }
.Header-contWindow-without, .Header-cosWindow-without { text-align: center; }
.Header-contWindow input, .Header-cosWindow input { display: block; margin-bottom: 15px; padding: 10px 14px; width: 100%; border: 1px solid #D3CCC9; border-radius: 5px; font-size: 13px; -webkit-appearance: none; }
.Header-contWindow input:focus, .Header-cosWindow input:focus { border: 1px solid #7A7A7F; outline: 0; color: #333; }
.Header-contWindowItem, .Header-cosWindowItem { border-top: 1px dotted #244196; }
.Header-contWindowItem:first-child, .Header-cosWindowItem:first-child { border-top: none; }
.Header-contWindowItem:last-child, .Header-cosWindowItem:last-child { border-radius: 0 0 0 15px; overflow: hidden; }
.Header-contWindowTrigger, .Header-cosWindowTrigger { display: block; padding: 10px 14px; font-size: 12px; }
.Header-contWindowTrigger:hover, .Header-cosWindowTrigger:hover { background-color: #0b0c31; }
.Header-contWindowTrigger:before, .Header-cosWindowTrigger:before { content: ''; width: 8px; height: 8px; background-position: -382px -148px; display: inline-block; margin-right: 3px; }

.Header-cosWindow { width: 285px; right: 0; left: auto; overflow: hidden; }
.Header-cosWindowList { max-height: 210px; overflow-y: auto; color: #fff; }
.Header-mobileCos .Header-cosWindowList { max-height: none; }
.Header-cosWindowItem { position: relative; height: 50px; width: 100%; }
.Header-cosWindowItem:last-child { border-radius: 0; }
.Header-cosWindow-productImage { display: block; position: absolute; left: 0; top: 0; width: 50px; height: 50px; background-color: #fff; }
.Header-cosWindow-productImage > img { height: 50px; width: 50px; }
.Header-cosWindow-productRemove { position: absolute; right: 5px; top: 0; font-weight: bold; padding: 6px 8px; }
.Header-cosWindow-productDetail { padding-left: 60px; margin-right: 47px; font-size: 11px; height: 50px; padding-top: 7px; padding-bottom: 7px; border-right: 1px dotted #244196; padding-right: 2px; }
.Header-cosWindow-productName { line-height: 12px; height: 24px; overflow: hidden; }
.Header-cosWindow-productName a:hover, .Header-cosWindow-productName a:active { color: #E41D34; }
.Header-cosWindow-productQty { line-height: 12px; height: 12px; }

.Header-session .Header-contWindow-button { color: #000; }

.Header-contWindow-buttonPrimary { float: right; }

.Header-contWindow-forget { margin-top: 10px; text-align: center; }
.Header-contWindow-forget a { font-size: 11px; border-left: 1px dotted #7A7A7F; margin: 0; padding: 0 15px; }
.Header-contWindow-forget a:first-child { border-left: none; padding-right: 10px; }
.Header-contWindow-forget a:hover { text-decoration: underline; }

.Header-contWindow-social { font-size: 12px; margin-top: 10px; }

.Header-cont.is-active { background-image: none; border-bottom-left-radius: 0; background-color: #14165b; border-bottom-color: #14165b; }
.Header-cont.is-active .Header-contWindow { display: block; }

.Header-cont.is-cosActive { border-bottom-left-radius: 0; }

.Header-cos { background-color: #0b0c31; background-image: -webkit-linear-gradient(#0b0c31 35%, #14165b); background-image: linear-gradient(#0b0c31 35%, #14165b); border-radius: 0 5px 5px 0; border: 1px solid #244196; float: left; border-left: 0; }

.Header-cos.is-active { background-image: none; background-color: #14165b; }
.Header-cos.is-active .Header-cosWindow { display: block; }

.Header-cosLink { display: block; position: relative; padding-left: 65px; padding-right: 26px; height: 43px; font-size: 13px; line-height: 43px; font-weight: 700; vertical-align: middle; }
.Header-cosLink:before { content: ''; width: 49px; height: 26px; background-position: -225px -206px; position: absolute; left: 8px; top: 11px; }
.Header-cosLink.is-withProducts:before { width: 48px; height: 32px; background-position: -342px -5px; top: 6px; }
.Header-cosLink:after { content: ''; position: absolute; top: 20px; width: 11px; height: 6px; background-position: -342px -290px; right: 6px; }

.Header-cosQty { position: absolute; color: #fff; font-size: 11px; line-height: 11px; height: auto; text-align: center; left: 32px; top: 8px; min-width: 20px; }

.Header-mobileCont, .Header-mobileCos, .Header-mobileSearch { background-color: #F0EDEC; display: none; }
.Header-mobileCont.is-active, .Header-mobileCos.is-active, .Header-mobileSearch.is-active { display: block; }
@media only screen and (min-width: 1001px) { .Header-mobileCont.is-active, .Header-mobileCos.is-active, .Header-mobileSearch.is-active { display: none; } }

.Header-mobileSearch { position: relative; }

.Header-searchMobile { margin-right: 52px; }
.Header-searchMobile input.Header-searchInput[type="text"] { width: 100%; float: none; }
.Header-searchMobile .Header-searchButton { position: absolute; right: 0; top: 0; }

@media only screen and (max-width: 1000px) { .Header > .l-container { margin-left: 10px; } }
@media only screen and (max-width: 720px) { .HeaderMain { margin-bottom: 5px; } }
.l-container { max-width: 980px; margin-left: auto; margin-right: auto; }
.l-container:after { content: ""; display: table; clear: both; }

.MainMenu { background-color: #244196; position: relative; z-index: 101; }
.MainMenu:after { content: ""; display: table; clear: both; }
@media only screen and (min-width: 1001px) { .MainMenu { height: 50px; } }
.MainMenu-container { display: none; background-color: #F0EDEC; }
@media only screen and (min-width: 1001px) { .MainMenu-container { background-color: transparent; display: block; } }
.MainMenu-container.is-active { display: block; }
.MainMenu-item { position: relative; box-shadow: -1px 0 0 #1a2f6d; }
.MainMenu-item.is-active { box-shadow: none; }
.MainMenu-item.is-active + .MainMenu-item { box-shadow: none; }
@media only screen and (min-width: 1001px) { .MainMenu-item { float: left; height: 50px; } }
.MainMenu-trigger { display: block; padding: 11px 20px 10px; border-bottom: 1px dotted #C2B9B3; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #58524E; }
.MainMenu-trigger:hover { color: #000; background-color: #fff; }
.MainMenu-trigger:active { background-color: #fbfafa; }
.MainMenu-trigger.is-parent { padding-right: 30px; position: relative; }
.MainMenu-trigger.is-parent:after { content: ''; width: 10px; height: 6px; background-position: -380px -204px; margin-top: 7px; position: absolute; right: 14px; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-active > .MainMenu-trigger.is-parent:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.MainMenu-trigger:after { content: ''; width: 8px; height: 8px; background-position: -382px -148px; margin-top: 7px; position: absolute; right: 14px; }
@media only screen and (min-width: 1001px) { .MainMenu-trigger { text-transform: none; padding: 12px 27px; height: 50px; font-size: 16px; line-height: 20px; border: 3px solid transparent; color: #fff; }
  .MainMenu-trigger:hover, .MainMenu-trigger:active { background-color: #1a2f6d; color: #fff; }
  .MainMenu-trigger:after { background-image: none; }
  .MainMenu-trigger.is-parent:after { content: ''; background-position: -342px -290px; -webkit-transition-duration: 0; -moz-transition-duration: 0; transition-duration: 0; position: static; margin-left: 5px; margin-bottom: 2px; margin-top: 0; }
  .is-active > .MainMenu-trigger.is-parent:after { background-position: -380px -204px; } }
.MainMenu-trigger--products { margin-left: 0; }
@media only screen and (min-width: 1001px) { .MainMenu-trigger--products { width: 206px; } }

@media only screen and (min-width: 1001px) { .MainMenu-item.is-active .MainMenu-trigger, body.homepage .MainMenu-trigger--products { margin: 5px 0; padding: 7px 27px; padding-right: 30px; position: relative; z-index: 20; border: 3px solid #0b0c31; border-bottom: 0; border-radius: 5px 5px 0 0; background-color: #fff; height: 45px; color: #363534; } }

@media only screen and (min-width: 1001px) { body.homepage .MainMenu-trigger--products.is-parent:after { display: none; } }

.ProduseMenu { background-color: #fbfafa; display: none; position: relative; }
@media only screen and (min-width: 1001px) { .ProduseMenu { background-color: #fff; position: absolute; top: 47px; border: 3px solid #0b0c31; border-radius: 0 0 5px 5px; height: 366px; }
  .ProduseMenu:hover, .ProduseMenu.is-childClicked { background-color: #e2e5f6; }
  body.homepage .ProduseMenu { border-radius: 0 0 0 5px; display: block; } }

.MainMenu-parent { background-color: #fbfafa; position: relative; display: none; }
@media only screen and (min-width: 1001px) { .MainMenu-parent { position: absolute; top: 47px; border: 3px solid #968C87; border-color: #0b0c31; border-radius: 0 0 5px 5px; background-color: #fff; }
  .MainMenu-parent:hover { background-color: #e2e5f6; } }

.ProduseMenu.is-active, .MainMenu-parent.is-active { display: block; }

@media only screen and (min-width: 1001px) { .ProduseMenu.is-childClicked { width: 980px; } }

@media only screen and (min-width: 1001px) { .ProduseMenu.is-childClicked .ProduseMenu-trigger { border-right: 1px solid #C2B9B3; } }

.ProduseMenu-trigger { cursor: pointer; display: block; padding: 11px 20px 10px; border-bottom: 1px dotted #244196; border-bottom: #C2B9B3; background-color: transparent; color: #353433; font-size: 13px; line-height: 20px; position: relative; border-right: 1px solid transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }
.ProduseMenu-trigger:hover { color: #000; background-color: #fff; }
.ProduseMenu-trigger:active { background-color: #fff; }
.ProduseMenu-trigger:after { content: ''; width: 10px; height: 6px; background-position: -380px -204px; margin-top: 7px; position: absolute; right: 14px; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
.is-active > .ProduseMenu-trigger.is-parent:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
@media only screen and (min-width: 1001px) { .ProduseMenu-trigger { border-top: 1px dotted #244196; border-bottom: none; padding: 4px 20px 3px; width: 200px; height: 27px; }
  .ProduseMenu-trigger:after { content: ''; background-position: -381px -185px; width: 4px; height: 7px; margin-top: 0; right: 10px; top: 9px; }
  .ProduseMenu-trigger:hover { background-color: #fff; color: #353433; }
  .ProduseMenu-item:last-child .ProduseMenu-trigger { height: auto; padding-bottom: 10px; } }
@media only screen and (min-width: 1001px) { .ProduseMenu-item.is-active .ProduseMenu-trigger { background-color: #fff; position: relative; margin-bottom: -1px; height: 28px; border: 1px solid #968C87; border-color: #C2B9B3; border-right: none; border-radius: 3px 0 0 3px; padding-left: 25px; z-index: 21; margin-left: -6px; width: 206px; }
  .ProduseMenu-item.is-active .ProduseMenu-trigger:after { right: 11px; } }
.ProduseMenu-item:last-child.is-active .ProduseMenu-trigger { height: auto; padding-bottom: 10px; }

.MainMenu-submenuTrigger { display: block; padding: 11px 20px 10px; border-bottom: 1px dotted #244196; border-color: #C2B9B3; background-color: transparent; color: #353433; font-size: 13px; line-height: 20px; position: relative; width: 100%; }
.MainMenu-submenuTrigger:after { content: ''; width: 8px; height: 8px; background-position: -382px -148px; margin-top: 7px; position: absolute; right: 14px; }
.MainMenu-submenuTrigger:hover { color: #000; background-color: #fff; }
.MainMenu-submenuTrigger:active { background-color: #fff; }
@media only screen and (min-width: 1001px) { .MainMenu-submenuTrigger { min-width: 200px; border-top: 1px dotted #244196; border-bottom: none; padding: 5px 20px 4px; }
  .MainMenu-submenuTrigger:after { content: ''; margin-top: 0; right: 10px; top: 9px; }
  .MainMenu-submenuTrigger:hover { color: #353433; } }

.ProduseMenu-item.is-active .ProduseMenu-content { display: block; }

.ProduseMenu-item:last-child .ProduseMenu-trigger { border-bottom-left-radius: 3px; }

.ProduseMenu-content { background-color: #fff; display: none; overflow: hidden; }
@media only screen and (min-width: 1001px) { .ProduseMenu-content { position: absolute; top: 0; width: 774px; height: 360px; left: 200px; } }

.ProduseMenu-promovate { display: none; }
@media only screen and (min-width: 1001px) { .ProduseMenu-promovate { display: block; width: 380px; float: left; }
  .ProduseMenu-promovate:before { content: 'Cele mai accesate'; text-transform: uppercase; display: block; font-size: 11px; line-height: 21px; height: 21px; color: #353433; text-align: center; background-color: #e2e5f6; border-bottom: 1px dotted #244196; border-left: 1px dotted #244196; }
  .ProduseMenu-content--0acc .ProduseMenu-promovate { display: none; }
  .ProduseMenu-content--1acc .ProduseMenu-promovate { width: 190px; }
  .ProduseMenu-content--3acc .ProduseMenu-promovate { width: 571px; border-right: 1px dotted #244196; } }

.ProduseMenu-promovate-item { float: left; }

.ProduseMenu-promovate-trigger { display: block; width: 190px; height: 113px; padding-top: 15px; border-left: 1px dotted #244196; border-bottom: 1px dotted #244196; text-align: center; color: #58524E; }

.ProduseMenu-promovate-item:nth-child(5) .ProduseMenu-promovate-trigger, .ProduseMenu-promovate-item:nth-child(6) .ProduseMenu-promovate-trigger { border-bottom: none; }
.ProduseMenu-content--3acc .ProduseMenu-promovate-item:nth-child(5) .ProduseMenu-promovate-trigger, .ProduseMenu-content--3acc .ProduseMenu-promovate-item:nth-child(6) .ProduseMenu-promovate-trigger { border-bottom: 1px dotted #244196; }

.ProduseMenu-content--1acc .ProduseMenu-promovate-item:nth-child(3) .ProduseMenu-promovate-trigger { border-bottom: none; }

.ProduseMenu-content--3acc .ProduseMenu-promovate-item:nth-child(7) .ProduseMenu-promovate-trigger, .ProduseMenu-content--3acc .ProduseMenu-promovate-item:nth-child(8) .ProduseMenu-promovate-trigger, .ProduseMenu-content--3acc .ProduseMenu-promovate-item:nth-child(9) .ProduseMenu-promovate-trigger { border-bottom: none; }

.ProduseMenu-promovate-imagine { display: block; overflow: hidden; margin: 0 auto; width: 72px; height: 72px; }

.ProduseMenu-promovate-titlu { text-align: center; font-size: 12px; line-height: 15px; margin-top: 3px; margin-right: 3px; }
.ProduseMenu-promovate-titlu:before { content: ''; width: 8px; height: 8px; background-position: -382px -148px; display: inline-block; margin-right: 3px; }

.ProduseMenu-subcategorii { position: relative; border-bottom: 1px dotted #244196; padding: 20px; }
@media only screen and (min-width: 1001px) { .ProduseMenu-subcategorii { border-bottom: none; padding: 10px 10px 50px 10px; height: 360px; width: 203px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } }

.ProduseMenu-subcategorii-wrapper { position: relative; }
@media only screen and (min-width: 1001px) { .ProduseMenu-subcategorii-wrapper { float: left; } }

.ProduseMenu-subcategorii-trigger { font-size: 12px; color: #353433; display: block; padding: 3px 0; padding-left: 15px; position: relative; }
.ProduseMenu-subcategorii-trigger:before { content: ''; width: 8px; height: 8px; background-position: -382px -148px; position: absolute; left: 0; top: 8px; }
@media only screen and (min-width: 1001px) { .ProduseMenu-subcategorii-trigger { padding: 1px 0; padding-left: 5px; }
  .ProduseMenu-subcategorii-trigger:before { content: none; } }

.ProduseMenu-subcategorii-parent { color: #595857; font-weight: bold; font-size: 14px; margin-top: 15px; margin-bottom: 5px; padding-left: 15px; }
@media only screen and (min-width: 1001px) { .ProduseMenu-subcategorii-parent { padding-left: 5px; } }

.ProduseMenu-subcategorii li:first-child .ProduseMenu-subcategorii-parent { margin-top: 0; }

@media only screen and (max-width: 1000px) { .ProduseMenu-subcategorii-scroll { display: none !important; } }
@media only screen and (min-width: 1001px) { .ProduseMenu-subcategorii-scroll { position: absolute; bottom: 0; display: none; padding: 10px; width: 100%; border-top: 1px dotted #244196; background-color: #fff; color: #E41D34; font-size: 12px; text-align: center; } }

.ProduseMenu-banner { display: none; }
@media only screen and (min-width: 1001px) { .ProduseMenu-banner { display: block; width: 191px; height: 360px; float: right; border-left: 1px dotted #C2B9B3; }
  .ProduseMenu-content--0acc .ProduseMenu-banner { width: 571px; }
  .ProduseMenu-content--1acc .ProduseMenu-banner { width: 381px; }
  .ProduseMenu-content--3acc .ProduseMenu-banner { display: none; } }

.ProduseMenu-banner-imagine { border-bottom-right-radius: 3px; }

.ProduseMenu-promovate-trigger:hover, .ProduseMenu-subcategorii-trigger:hover { text-decoration: underline; }

.ProduseMenu-promovate-trigger:hover span, .ProduseMenu-subcategorii-trigger:hover span { text-decoration: none; }

.MainMenu-trigger.icon-arrow-links, .MainMenu-trigger.icon-submenu-arrow { background-position: -20px -20px; }

.MainMenu-list:after { content: ""; display: table; clear: both; }

@media only screen and (min-width: 1001px) { .MobileMenu { display: none; } }
.MobileMenu-list:after { content: ""; display: table; clear: both; }
.MobileMenu-item { width: 25%; float: left; }
.MobileMenu-trigger { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 45px; padding-top: 5px; height: 50px; color: #fff; display: block; text-align: center; font-weight: 700; width: 100%; border-left: 1px solid #b81629; display: inline-block; vertical-align: middle; }
.MobileMenu-trigger:first-child { border-left: none; }
.MobileMenu-trigger.is-active { padding-top: 0; margin-top: 5px; height: 45px; border-bottom: 1px dotted #244196; border-radius: 5px 5px 0 0; background-color: #F0EDEC; color: #363534; }
@media only screen and (max-width: 520px) { .MobileMenu-trigger { font-size: 14px; display: block; line-height: 20px; } }
.MobileMenu-trigger--meniu:before { width: 15px; height: 15px; background-position: -271px -248px; margin-top: -5px; }
.MobileMenu-trigger--meniu.is-active:before { background-position: -246px -248px; }
.MobileMenu-trigger--cauta:before { width: 14px; height: 15px; background-position: -222px -248px; margin-top: -5px; }
.MobileMenu-trigger--cauta.is-active:before { background-position: -296px -248px; }
.MobileMenu-trigger--cont:before { width: 18px; height: 15px; background-position: -194px -248px; margin-top: -6px; }
.MobileMenu-trigger--cont.is-active:before { background-position: -166px -248px; }
.MobileMenu-trigger--cos:before { width: 28px; height: 15px; background-position: -342px -229px; margin-top: -3px; }
.MobileMenu-trigger--cos.is-active:before { background-position: -342px -204px; }
.MobileMenu-trigger:before { content: ''; vertical-align: middle; display: inline-block; margin-right: 10px; }
@media only screen and (max-width: 520px) { .MobileMenu-trigger:before { margin: -2px auto 1px; margin-right: 5px; } }
.MobileMenu-target .MobileMenu-trigger { font-size: 14px; line-height: 14px; color: #000; height: auto; text-align: left; }
.MobileMenu-target { background-color: #fff; padding: 10px; display: none; }
.MobileMenu-target.is-active { display: block; }

.Titlu-section { font-family: "Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 16px; overflow: hidden; color: #333; margin-bottom: 0; margin-top: 30px; position: relative; z-index: 1; }
@media only screen and (min-width: 1001px) { .Titlu-section { font-size: 18px; line-height: 18px; height: 30px; padding-bottom: 10px; color: #333; } }
@media only screen and (max-width: 1000px) { .Titlu-section { padding: 16px 10px; height: auto; text-align: center; background-color: #E8E4E2; margin-top: 0; } }
.Titlu-meta { color: #928A85; font-size: 12px; font-weight: 700; }

.Footer { background-color: #0b0c31; -webkit-font-smoothing: antialiased; color: #fff; }
.Footer:after { content: ""; display: table; clear: both; }
.Footer .l-container { padding: 30px 0; }
.Footer a { color: #fff; }
.Footer a:hover { text-decoration: underline; }

.Footer-title { font-size: 16px; font-weight: 100; margin-top: 0; margin-bottom: 16px; }

.Footer-col { width: 15%; float: left; padding: 0 20px; border-right: 1px dotted #C2B9B3; min-height: 150px; font-size: 12px; font-weight: 100; }

.Footer-col--double { width: 30%; }

.Footer-col--contact { width: 15%; border-right: 0; padding-right: 0; }

.Footer .Footer-col--altele { width: 23%; text-align: right; border-right: 0; float: right; padding-left: 0; }

.Footer-copyright { font-size: 10px; line-height: 1.2em; display: block; clear: right; }

.Footer-carduriImg { width: 150px; height: 68px; background: url("http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/carduri-credit-icons.png") center center no-repeat; float: right; margin-bottom: 20px; }

@media only screen and (max-width: 1000px) { .Footer-col { width: 20%; }
  .Footer-col--contact { padding: 0 20px; }
  .Footer .Footer-col--altele { float: none; display: block; width: 100%; clear: both; }
  .Footer-copyright { width: 50%; float: right; margin-top: 20px; }
  .Footer-carduriImg { margin-bottom: 0; float: left; margin-top: 20px; margin-left: 10px; } }
@media only screen and (max-width: 720px) { .Footer .l-container { padding: 10px 0; }
  .Footer-col { width: 100%; float: none; min-height: 0; border-bottom: 1px dotted #C2B9B3; padding-bottom: 15px; }
  .Footer-col--altele { border-bottom: 0; }
  .Footer-list li { display: inline; display: inline-block; margin-right: 20px; }
  .Footer-title { margin-top: 15px; margin-bottom: 5px; }
  .Footer-carduriImg { float: none; width: 100%; background-position: left center; margin-left: 20px; }
  .Footer-copyright { float: none; max-width: 320px; text-align: left; margin-left: 20px; } }
.Reducere { background-color: #E41D34; background-image: -webkit-radial-gradient(#ED2E51, #AE0F2D); background-image: radial-gradient(  #ED2E51, #AE0F2D); position: absolute; width: 58px; height: 58px; border-radius: 0 3px 0 3px; color: #fff; display: table; top: 0; left: 10px; display: none; }

.Reducere-content { display: table-cell; vertical-align: middle; text-align: center; }

.Reducere-info { text-transform: uppercase; font-size: 11px; line-height: 14px; }

.Reducere-val { font-family: "Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 25px; line-height: 20px; margin-top: 0px; margin-bottom: 2px; letter-spacing: -1px; }

.Reducere2 { font-weight: 700; letter-spacing: -1px; padding: 5px 6px 5px; font-size: 18px; -webkit-font-smoothing: antialiased; font-family: "Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; line-height: 15px; background-color: #E41D34; top: 8px; right: -10px; text-transform: none; text-align: center; min-width: 70px; position: absolute; z-index: 1; }
.Reducere2:before { content: ""; color: #E41D34; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 10px solid #a11324; position: absolute; top: -10px; left: 0; z-index: 1; }
.Reducere2:after { content: "reducere"; font-size: 11px; font-weight: 700; color: #fff; background-color: #244196; padding: 4px 4px; line-height: 11px; height: 18px; letter-spacing: 0; text-transform: uppercase; position: absolute; top: -18px; right: 0; left: 8px; z-index: 2; width: auto; }
.Produs.is-outOfStock .Reducere2 { color: #fff; background-color: #968C87; }
.Produs.is-outOfStock .Reducere2:before { border-bottom-color: #6F6F6F; }
.Produs.is-outOfStock .Reducere2:after { background-color: #F0EDEC; color: #968C87; }

.Price { font-family: "Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif; min-height: 43px; white-space: nowrap; }
.Price-current { position: relative; display: inline-block; }
.Price-int { font-size: 26px; color: #E41D34; font-weight: 700; }
.Price-dec { top: auto; color: #E41D34; font-size: 16px; font-weight: 700; line-height: 24px; display: inline-block; }
.Price-currency { text-transform: uppercase; color: #E41D34; font-size: 16px; font-weight: 700; }
.Price-old { text-decoration: line-through; color: #000; font-size: 14px; font-weight: normal; line-height: 16px; margin-top: -3px; }

.Price--discount .Price-current { color: #E41D34; }

.Produs.is-outOfStock .Price-current:before { background-position: -225px -276px; }
.Produs.is-outOfStock .Price-current, .Price--discount .Produs.is-outOfStock .Price-discount { color: #968C87; }
.Produs.is-outOfStock .Price-int, .Produs.is-outOfStock .Price-dec, .Produs.is-outOfStock .Price-currency, .Produs.is-outOfStock .Price-old { color: #968C87; }

.Produs-rating { color: #E1DCD9; font-size: 14px; line-height: 14px; }

.Produs-noRating { height: 15px; }

.Produs-ratingNr { font-size: 12px; color: #504F4E; font-weight: 700; }
.Produs-ratingNr:hover { text-decoration: underline; }

.Produs-rating { position: relative; }

.Produs-rating:before { content: ''; width: 70px; height: 13px; background-position: -261px -146px; }

.Produs-rating--big.Produs-rating:before { width: 150px; height: 28px; background-position: -5px -43px; }

.Produs-rating:after { content: ''; width: 70px; height: 13px; background-position: -261px -169px; position: absolute; left: 0; top: 0; overflow: hidden; width: 0; }

.Produs-rating--big.Produs-rating:after { width: 150px; height: 28px; background-position: -5px -5px; width: 0; }

.Produs-rating--05:after { width: 7px; }

.Produs-rating--1:after { width: 14px; }

.Produs-rating--15:after { width: 21px; }

.Produs-rating--2:after { width: 28px; }

.Produs-rating--25:after { width: 35px; }

.Produs-rating--3:after { width: 42px; }

.Produs-rating--35:after { width: 49px; }

.Produs-rating--4:after { width: 56px; }

.Produs-rating--45:after { width: 63px; }

.Produs-rating--5:after { width: 70px; }

.Produs-rating--big.Produs-rating--05:after { width: 15px; }
.Produs-rating--big.Produs-rating--1:after { width: 30px; }
.Produs-rating--big.Produs-rating--15:after { width: 45px; }
.Produs-rating--big.Produs-rating--2:after { width: 60px; }
.Produs-rating--big.Produs-rating--25:after { width: 75px; }
.Produs-rating--big.Produs-rating--3:after { width: 90px; }
.Produs-rating--big.Produs-rating--35:after { width: 105px; }
.Produs-rating--big.Produs-rating--4:after { width: 120px; }
.Produs-rating--big.Produs-rating--45:after { width: 135px; }
.Produs-rating--big.Produs-rating--5:after { width: 150px; }

.Produs-ratingForm { font-size: 0; white-space: nowrap; display: inline-block; overflow: hidden; position: relative; width: 150px; height: 28px; background-position: -5px -43px; }
.Produs-ratingForm i { opacity: 0; position: absolute; left: 0; top: 0; height: 100%; width: 20%; z-index: 1; width: 150px; height: 28px; background-position: -5px -5px; width: 30px; }
.Produs-ratingForm input { -moz-appearance: none; -webkit-appearance: none; opacity: 0; display: inline-block; width: 20%; height: 100%; margin: 0; padding: 0; z-index: 2; position: relative; cursor: pointer; }
.Produs-ratingForm input:hover + i, .Produs-ratingForm input:checked + i { opacity: 1; }
.Produs-ratingForm i ~ i { width: 40%; }
.Produs-ratingForm i ~ i ~ i { width: 60%; }
.Produs-ratingForm i ~ i ~ i ~ i { width: 80%; }
.Produs-ratingForm i ~ i ~ i ~ i ~ i { width: 100%; }

.Produs { position: relative; display: block; }

.Produs-photoWrapper { margin: 0 auto 15px; position: relative; }

.Produs-photo { display: block; margin: 0 auto; max-width: 100%; height: auto; }

.Produs-photoTrigger { position: relative; display: block; }

.Produs-specifications { font-size: 11px; display: none; }
.Produs-specifications dt, .Produs-specifications dd { display: inline-block; margin-top: 0; }
.Produs-specifications dd:after { content: ''; display: block; }

.Produs-nameHeading { font-size: 12px; line-height: 18px; font-weight: 400; margin: 5px 0; }

.Produs-name { display: block; color: #0b0c31; height: 54px; overflow: hidden; }
.Produs-name:hover { text-decoration: underline; }

.Produs-gift { display: block; position: absolute; bottom: 0; left: 0; background-color: #244196; width: 43px; height: 43px; border-radius: 43px; z-index: 1; }
.Produs-gift:after { content: ''; position: absolute; width: 30px; height: 27px; background-position: -342px -131px; top: 8px; left: 7px; }

.Produs-nou { letter-spacing: -1px; font-weight: 700; color: #fff; background-color: #244196; -webkit-font-smoothing: antialiased; font-family: "Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; line-height: 42px; height: 43px; width: 43px; border-radius: 43px; text-align: center; text-transform: uppercase; max-width: 50%; display: block; position: absolute; top: -10px; left: 0; z-index: 1; }

.Produs-mesaje { position: absolute; bottom: 0; right: -10px; font-size: 11px; text-align: right; color: #fff; -webkit-font-smoothing: antialiased; }

.Produs-buyback { display: block; position: absolute; top: -10px; left: -10px; z-index: 1; }
.Produs-buyback > img { width: 80px; height: auto; }

.Produs-mesaj { background-color: #244196; padding: 1px 4px 0; max-width: 108px; margin-top: 1px; display: inline-block; }
.Produs-mesaj, .Produs-mesaj:hover { color: #fff; }

@media only screen and (min-width: 1001px) { .pagina-subcategorie .ProductGrid { float: left; display: block; width: 80%; float: right; }
  .pagina-subcategorie .ProductGrid:last-child { width: 80%; } }

.Filtre-container { float: left; display: block; width: 20%; padding-right: 20px; margin-top: 30px; text-align: left; display: none; }
.Filtre-container:last-child { width: 20%; }
@media only screen and (min-width: 1001px) { .Filtre-container { display: block; } }
@media only screen and (max-width: 1000px) { .Filtre-container.is-active { position: absolute; display: block; z-index: 101; left: 0; top: 0; bottom: 0; background-color: #fff; margin-top: 0; padding-right: 0; padding-left: 10px; padding-top: 10px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); overflow-y: auto; width: 200px; } }

.Filtre { border-right: 1px solid #244196; }

.Filtru { border-bottom: 1px solid #244196; padding-bottom: 10px; margin-top: 10px; padding-right: 10px; }
.Filtru:first-child { margin-top: 0; }
.Filtru:last-child { border-bottom: 0; }
.Filtru-heading { font-size: 14px; font-weight: bold; }
.Filtru-heading + .Filtru-list { margin-top: 5px; }
.Filtru-link { font-size: 12px; line-height: 1.6; display: block; color: #000; padding: 2px 0; }
.Filtru-link:hover { color: #E41D34; }
.Filtru-trigger { font-size: 12px; line-height: 1.6; display: block; color: #000; padding: 5px 0; padding-left: 28px; position: relative; }
.Filtru-trigger:before { content: ""; display: inline-block; width: 22px; height: 22px; border: 1px solid #C2B9B3; vertical-align: middle; position: absolute; left: 0; top: 3px; }
.Filtru-trigger:hover { color: #E41D34; }
.Filtru-trigger:hover:before { border: 2px solid #E41D34; }
.Filtru-trigger.is-active:before { border: none; background-color: #E41D34; width: 22px; height: 22px; background-position: -64px -276px; }

.Filtru-range { height: 8px; margin: 10px 0 15px 0; position: relative; border-bottom: 1px solid #DFD9D7; }
.Filtru-range-span { height: 9px; position: absolute; background: 0 0; border-bottom: 1px solid #504e4d; }
.Filtru-range-from, .Filtru-range-to { height: 17px; width: 17px; position: absolute; }
.Filtru-range-from { background: #E41D34; border-radius: 17px; cursor: e-resize; }
.Filtru-range-to { background: #E41D34; border-radius: 17px; cursor: w-resize; }

.Filtru-range-values { text-align: center; margin-top: 5px; font-size: 12px; }
.Filtru-range-values:after { content: ""; display: table; clear: both; }

.Filtru-range-value-min { float: left; }

.Filtru-range-value-max { float: right; }

/* ProductGrid */
@media only screen and (min-width: 1001px) { .ProductGrid { margin-bottom: 30px; margin-top: 30px; } }

.ProductGrid-list { border-bottom: 1px solid #244196; padding-bottom: 20px; position: relative; }
.ProductGrid-list:after { content: ""; display: table; clear: both; }
.ProductGrid-list .owl-wrapper-outer { border-right: 1px solid #fff; }
.ProductGrid-list.owl-carousel { padding-bottom: 0; }

.ProductGrid-heading + .ProductGrid-list { margin-top: -15px; }

.ProductGrid-item { border-right: 1px dotted #008ED0; }
.owl-item > .ProductGrid-item { float: left; }
.ProductGrid-item:before { content: ""; height: 31px; width: 100%; background-color: #244196; border-bottom: 15px solid #fff; border-top: 15px solid #fff; position: absolute; left: 0; right: 0; }
.ProductGrid-item .Produs { padding: 10px 10px 0; margin: 31px 0 0; }

.ProductGrid-list--oneRow { padding-top: 20px; border-bottom: none; }
.ProductGrid-list--oneRow .ProductGrid-item:before { content: none; }
.ProductGrid-list--oneRow .ProductGrid-item .Produs { margin: 0; }

@media only screen and (min-width: 1001px) { .ProductGrid-5to2 .ProductGrid-item { float: left; display: block; width: 20%; }
  .ProductGrid-5to2 .ProductGrid-item:last-child { width: 20%; }
  .ProductGrid-5to2 .ProductGrid-item:nth-child(5n), .ProductGrid-5to2 .ProductGrid-item:last-child { border-right: 0; }
  .ProductGrid-5to2 .ProductGrid-item:nth-child(5n+1) { clear: left; } }
@media only screen and (min-width: 721px) and (max-width: 1000px) { .ProductGrid-5to2 .ProductGrid-item { float: left; display: block; width: 25%; }
  .ProductGrid-5to2 .ProductGrid-item:last-child { width: 25%; }
  .ProductGrid-5to2 .ProductGrid-item:nth-child(4n), .ProductGrid-5to2 .ProductGrid-item:last-child { border-right: 0; }
  .ProductGrid-5to2 .ProductGrid-item:nth-child(4n+1) { clear: left; } }
@media only screen and (min-width: 521px) and (max-width: 720px) { .ProductGrid-5to2 .ProductGrid-item { float: left; display: block; width: 33.33333%; }
  .ProductGrid-5to2 .ProductGrid-item:last-child { width: 33.33333%; }
  .ProductGrid-5to2 .ProductGrid-item:nth-child(3n), .ProductGrid-5to2 .ProductGrid-item:last-child { border-right: 0; }
  .ProductGrid-5to2 .ProductGrid-item:nth-child(3n+1) { clear: left; } }
@media only screen and (max-width: 520px) { .ProductGrid-5to2 .ProductGrid-item { float: left; display: block; width: 50%; }
  .ProductGrid-5to2 .ProductGrid-item:last-child { width: 50%; }
  .ProductGrid-5to2 .ProductGrid-item:nth-child(2n), .ProductGrid-5to2 .ProductGrid-item:last-child { border-right: 0; }
  .ProductGrid-5to2 .ProductGrid-item:nth-child(2n+1) { clear: left; } }

@media only screen and (max-width: 1000px) { .ProductGrid-5to2--oneRow { width: 100%; overflow-y: visible; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; } }
@media only screen and (min-width: 1001px) { .ProductGrid-5to2--oneRow { display: table; } }

.ProductGrid-5to2--oneRow .ProductGrid-item:nth-child(5n), .ProductGrid-5to2--oneRow .ProductGrid-item:last-child { border-right: 0; }
.ProductGrid-5to2--oneRow .ProductGrid-item:nth-child(5n+1) { clear: left; }
@media only screen and (min-width: 1001px) { .ProductGrid-5to2--oneRow .ProductGrid-item { display: table-cell; width: 20%; } }
@media only screen and (min-width: 721px) and (max-width: 1000px) { .ProductGrid-5to2--oneRow .ProductGrid-item { width: 24%; display: inline-block; } }
@media only screen and (min-width: 521px) and (max-width: 720px) { .ProductGrid-5to2--oneRow .ProductGrid-item { width: 32.33333%; display: inline-block; } }
@media only screen and (max-width: 520px) { .ProductGrid-5to2--oneRow .ProductGrid-item { width: 48%; display: inline-block; } }
.ProductGrid-5to2--oneRow .ProductGrid-item .Produs { white-space: normal; }

@media only screen and (min-width: 1001px) { .ProductGrid-4to2 .ProductGrid-item { float: left; display: block; width: 25%; }
  .ProductGrid-4to2 .ProductGrid-item:last-child { width: 25%; }
  .ProductGrid-4to2 .ProductGrid-item:nth-child(4n), .ProductGrid-4to2 .ProductGrid-item:last-child { border-right: 0; }
  .ProductGrid-4to2 .ProductGrid-item:nth-child(4n+1) { clear: left; } }
@media only screen and (min-width: 721px) and (max-width: 1000px) { .ProductGrid-4to2 .ProductGrid-item { float: left; display: block; width: 25%; }
  .ProductGrid-4to2 .ProductGrid-item:last-child { width: 25%; }
  .ProductGrid-4to2 .ProductGrid-item:nth-child(4n), .ProductGrid-4to2 .ProductGrid-item:last-child { border-right: 0; }
  .ProductGrid-4to2 .ProductGrid-item:nth-child(4n+1) { clear: left; } }
@media only screen and (min-width: 521px) and (max-width: 720px) { .ProductGrid-4to2 .ProductGrid-item { float: left; display: block; width: 33.33333%; }
  .ProductGrid-4to2 .ProductGrid-item:last-child { width: 33.33333%; }
  .ProductGrid-4to2 .ProductGrid-item:nth-child(3n), .ProductGrid-4to2 .ProductGrid-item:last-child { border-right: 0; }
  .ProductGrid-4to2 .ProductGrid-item:nth-child(3n+1) { clear: left; } }
@media only screen and (max-width: 520px) { .ProductGrid-4to2 .ProductGrid-item { float: left; display: block; width: 50%; }
  .ProductGrid-4to2 .ProductGrid-item:last-child { width: 50%; }
  .ProductGrid-4to2 .ProductGrid-item:nth-child(2n), .ProductGrid-4to2 .ProductGrid-item:last-child { border-right: 0; }
  .ProductGrid-4to2 .ProductGrid-item:nth-child(2n+1) { clear: left; } }

.ProductGrid-list--listView .ProductGrid-item { display: block; float: none !important; width: 100% !important; border-right: none; border-top: 1px solid #C2B9B3; margin-top: 10px; }
.ProductGrid-list--listView .ProductGrid-item:before { display: none; }
.ProductGrid-list--listView .ProductGrid-item .Produs { margin: 0; }
.ProductGrid-list--listView .ProductGrid-item .Produs:after { content: ""; display: table; clear: both; }
.ProductGrid-list--listView .ProductGrid-item .Produs-name { height: auto; }

.Produs-listCenterColumn { display: none; }

@media only screen and (min-width: 521px) { .ProductGrid-list--listView .Produs-name { font-size: 15px; }
  .ProductGrid-list--listView .Produs-photoWrapper { border-bottom: 1px dotted #244196; } }
@media only screen and (min-width: 521px) and (min-width: 720px) { .ProductGrid-list--listView .Produs-photoWrapper { width: 18%; float: left; margin-right: 4%; border-bottom: none; } }
@media only screen and (min-width: 521px) { .ProductGrid-list--listView .Produs-listCenterColumn { display: block; float: left; width: 50%; } }
@media only screen and (min-width: 521px) and (max-width: 720px) { .ProductGrid-list--listView .Produs-listCenterColumn { width: 48%; } }
@media only screen and (min-width: 521px) { .ProductGrid-list--listView .Produs-listCenterColumn .Produs-specifications { display: block; }
  .ProductGrid-list--listView .Produs-listRightColumn { width: 26%; float: right; margin-left: 2%; padding-left: 2%; border-left: 1px dotted #244196; } }
@media only screen and (min-width: 521px) and (max-width: 720px) { .ProductGrid-list--listView .Produs-listRightColumn { width: 50%; } }
@media only screen and (min-width: 521px) { .ProductGrid-list--listView .Produs-listRightColumn .Produs-nameHeading, .ProductGrid-list--listView .Produs-listRightColumn .Produs-rating { display: none; } }
.ProductGrid-heading { font-family: "Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif; overflow: hidden; color: #0b0c31; font-size: 18px; line-height: 18px; margin-bottom: 0; margin-top: 30px; position: relative; z-index: 1; }
@media only screen and (min-width: 1001px) { .ProductGrid-heading { font-size: 18px; line-height: 18px; padding-bottom: 10px; } }
@media only screen and (max-width: 1000px) { .ProductGrid-heading { padding: 16px 10px; height: auto; text-align: center; background-color: #E8E4E2; margin-top: 0; } }

.Tabs { margin: 30px 0; border-bottom: 1px solid #244196; }
@media only screen and (max-width: 1000px) { .Tabs { margin: 0; }
  h2 + .Tabs .Tabs-navList { border-top: 1px dotted #244196; } }
.Tabs-navList { box-shadow: inset 0 -1px 0 0 #244196, inset 0 -6px 0 0 #008ED0; }
.Tabs-navList:after { content: ""; display: table; clear: both; }
@media only screen and (max-width: 1000px) { .Tabs-navList { background-color: #E8E4E2; overflow-y: visible; overflow-x: auto; -webkit-overflow-scrolling: touch; } }
.Tabs-trigger { display: block; padding: 16px 0; color: #6F6F6F; font-family: "Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 16px; -webkit-font-smoothing: antialiased; border: 1px solid transparent; transition: color 0.1s ease; }
.Tabs-trigger:hover { color: #333; }
.Tabs-navEntry.is-active .Tabs-trigger { color: #333; background-color: #fff; border-radius: 5px 5px 0 0; border: 1px solid #244196; border-bottom-color: #fff; }
@media only screen and (min-width: 1001px) { .Tabs-trigger { padding-right: 30px; padding-left: 30px; } }
@media only screen and (max-width: 1000px) { .Tabs-trigger { padding: 16px 25px; }
  .Tabs-navEntry.is-active .Tabs-trigger { padding-bottom: 16px; padding-top: 12px; margin-top: 4px; } }
.Tabs-trigger--title { color: #000; }
@media only screen and (min-width: 1001px) { .Tabs-trigger--hasImage { padding-left: 58px; } }
@media only screen and (max-width: 1000px) { .Tabs-trigger--hasImage { padding-left: 53px; } }
.Tabs-triggerImageWrap { position: absolute; width: 36px; height: 36px; left: 10px; top: 7px; border-radius: 2px; overflow: hidden; padding: 3px; background-color: #fff; }
.Tabs-navEntry { border-left: 1px dotted #244196; border-color: #008ED0; position: relative; display: table-cell; white-space: nowrap; }
.Tabs-navEntry:first-child { border-left: 0; }
.Tabs-navEntry.is-active + .Tabs-navEntry, .Tabs-navEntry.is-active { border-left: 1px solid transparent; }
.Tabs-navEntry.is-active:first-child { border-left: 0; }
.Tabs-counter { position: absolute; top: 5px; right: 5px; padding: 4px 3px; font-size: 12px; font-weight: 700; line-height: 12px; border-radius: 20px; background-color: #D71440; color: white; min-width: 20px; height: 20px; text-align: center; }
@media only screen and (max-width: 1000px) { .Tabs-counter { top: 8px; right: 4px; } }
.Tabs-content { overflow: hidden; padding: 20px 20px 0; }
@media only screen and (min-width: 1001px) { .Tabs-content { padding: 20px 0 0; } }
.Tabs-contentEntry { display: none; }
.Tabs-contentEntry.is-active { display: block; }

.Tabs-header { overflow: hidden; height: 0; width: 0; }
.Tabs-header:before { content: ""; display: block; width: 0; height: 100%; }

.Tabs--fieldset .Tabs-trigger { border: none; }

.FormGrid-row:after { content: ""; display: table; clear: both; }

.FormGrid-column { margin-top: 0.3em; }

.FormGrid-2to1 .FormGrid-column { float: left; display: block; width: 50%; }
.FormGrid-2to1 .FormGrid-column:last-child { width: 50%; }
.FormGrid-2to1 .FormGrid-column:nth-child(2n), .FormGrid-2to1 .FormGrid-column:last-child { border-right: 0; }
.FormGrid-2to1 .FormGrid-column:nth-child(2n+1) { clear: left; }
.FormGrid-2to1 .FormGrid-column:nth-child(2n+1) { padding-right: 10px; }
.FormGrid-2to1 .FormGrid-column:nth-child(2n) { padding-left: 10px; }
@media only screen and (max-width: 520px) { .FormGrid-2to1 .FormGrid-column { float: left; display: block; width: 100%; }
  .FormGrid-2to1 .FormGrid-column:last-child { width: 100%; }
  .FormGrid-2to1 .FormGrid-column:nth-child(2n+1) { padding: 0; }
  .FormGrid-2to1 .FormGrid-column:nth-child(2n) { padding: 0; } }

.FormGrid-3to1 .FormGrid-column { float: left; display: block; width: 33.33333%; }
.FormGrid-3to1 .FormGrid-column:last-child { width: 33.33333%; }
.FormGrid-3to1 .FormGrid-column:nth-child(3n), .FormGrid-3to1 .FormGrid-column:last-child { border-right: 0; }
.FormGrid-3to1 .FormGrid-column:nth-child(3n+1) { clear: left; }
.FormGrid-3to1 .FormGrid-column:nth-child(n+1) { padding-right: 10px; }
.FormGrid-3to1 .FormGrid-column:nth-child(2n) { padding-left: 10px; padding-right: 10px; }
@media only screen and (max-width: 520px) { .FormGrid-3to1 .FormGrid-column { float: left; display: block; width: 100%; }
  .FormGrid-3to1 .FormGrid-column:last-child { width: 100%; }
  .FormGrid-3to1 .FormGrid-column:nth-child(n+1) { padding-right: 0; }
  .FormGrid-3to1 .FormGrid-column:nth-child(2n) { padding-left: 0; padding-right: 0; } }

.Servicii { width: 100%; overflow: hidden; border: 1px solid #244196; }
@media only screen and (min-width: 1001px) { .Servicii { margin: 30px 0; border-radius: 5px; } }

.Servicii-content { display: table-cell; vertical-align: middle; height: 72px; font-size: 11px; line-height: 15px; padding: 5px 10px 5px 80px; }

.Servicii-icon { position: absolute; left: 0; top: 0; }

.Servicii-row:after { content: ""; display: table; clear: both; }

.Servicii-item { display: block; height: 72px; text-decoration: none; vertical-align: middle; position: relative; border-right: 1px dotted #008ED0; border-bottom: 1px dotted #008ED0; color: #244196; align-items: center; }
.Servicii-item:hover, .Servicii-item:active, .Servicii-item:focus { background-color: #F0EDEC; color: #000; }

@media only screen and (min-width: 1001px) { .Servicii-item { float: left; display: block; width: 25%; }
  .Servicii-item:last-child { width: 25%; }
  .Servicii-item:nth-child(4n) { margin-right: 0; }
  .Servicii-item:nth-child(4n+1) { clear: left; }
  .Servicii-item-4, .Servicii-item-8 { border-right: none; }
  .Servicii-item-5, .Servicii-item-6, .Servicii-item-7, .Servicii-item-8 { border-bottom: none; }
  .Servicii--vertical .Servicii-item { display: block; width: 100%; float: none; border-right: none; border-bottom: 1px dotted #008ED0; }
  .Servicii--vertical .Servicii-item:last-child { border-bottom: none; } }
@media only screen and (min-width: 721px) and (max-width: 1000px) { .Servicii-item { float: left; display: block; width: 33.33333%; border-right: 1px dotted #008ED0; border-bottom: 1px dotted #008ED0; }
  .Servicii-item:last-child { width: 33.33333%; }
  .Servicii-item-4, .Servicii-item-7 { clear: left; }
  .Servicii-item-7, .Servicii-item-8 { float: left; display: block; width: 50%; }
  .Servicii-item-7:last-child, .Servicii-item-8:last-child { width: 50%; }
  .Servicii-item-3, .Servicii-item-6, .Servicii-item-8 { border-right: none; }
  .Servicii-item-7, .Servicii-item-8 { border-bottom: none; } }
@media only screen and (max-width: 720px) { .Servicii-item { float: left; display: block; width: 50%; border-right: 1px dotted #008ED0; border-bottom: 1px dotted #008ED0; }
  .Servicii-item:last-child { width: 50%; }
  .Servicii-item:nth-child(2n) { border-right: none; }
  .Servicii-item-7, .Servicii-item-8 { border-bottom: none; } }
@media only screen and (max-width: 520px) { .Servicii-content { padding: 3px 5px 3px 70px; } }
.Servicii-item-1 .Servicii-icon { width: 70px; height: 70px; background: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/smg-Transport.png) no-repeat center center; }

.Servicii-item-2 .Servicii-icon { width: 70px; height: 70px; background: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/smg-Livrare.png) no-repeat center center; }

.Servicii-item-3 .Servicii-icon { width: 70px; height: 70px; background: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/smg-Rezerva.png) no-repeat center center; }

.Servicii-item-4 .Servicii-icon { width: 70px; height: 70px; background: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/smg-Retur.png) no-repeat center center; }

.Servicii-item-5 .Servicii-icon { width: 70px; height: 70px; background: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/smg-Diferenta.png) no-repeat center center; }

.Servicii-item-6 .Servicii-icon { width: 70px; height: 70px; background: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/smg-Finantare.png) no-repeat center center; }

.Servicii-item-7 .Servicii-icon { width: 70px; height: 70px; background: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/smg-Garantie.png) no-repeat center center; }

.Servicii-item-8 .Servicii-icon { width: 70px; height: 70px; background: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/smg-Instalare.png) no-repeat center center; }

button { border: none; -webkit-font-smoothing: antialiased; background-color: transparent; display: inline; padding: 0; margin: 0; }
button:disabled, button:disabled:hover { box-shadow: none; opacity: .6; }

.Button, input[type="submit"].Button { border: none; font-size: 13px; line-height: 1em; padding: 12px 18px; margin: 10px 0; display: inline-block; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #000; background-color: #EBEBEB; background-image: -webkit-linear-gradient(bottom, #EBEBEB, #F2F2F2); background-image: linear-gradient(to top,#EBEBEB, #F2F2F2); border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.Button:hover, input[type="submit"].Button:hover { color: #000; background-image: none; background-color: #F2F2F2; }
.Button:active, input[type="submit"].Button:active { outline: none; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); }
.Button:active, .Button:hover, input[type="submit"].Button:active, input[type="submit"].Button:hover { outline: none; }
.Button-primary, input[type="submit"].Button-primary { font-size: 13px; color: #fff; font-weight: bold; -webkit-font-smoothing: antialiased; background-color: #E41D34; background-image: -webkit-linear-gradient(bottom, #E41D34, #b81629); background-image: linear-gradient(to top,#E41D34, #b81629); }
.Button-primary:hover, input[type="submit"].Button-primary:hover { color: #fff; background-image: none; background-color: #E41D34; }
.Button-primary:active, input[type="submit"].Button-primary:active { background-color: #cf192e; }
.Button--block, input[type="submit"].Button--block { display: block; width: 100%; padding: 12px 8px; }
.Button--block.Button-rezerva, input[type="submit"].Button--block.Button-rezerva { padding-top: 5px; padding-bottom: 6px; }
.Button--small, input[type="submit"].Button--small { padding: 8px 12px; font-size: 12px; line-height: 12px; }
.Button--small.Button-rezerva, input[type="submit"].Button--small.Button-rezerva { padding-top: 2px; padding-bottom: 2px; }
.Button--forSelect, input[type="submit"].Button--forSelect { padding: 4px 6px; line-height: 1.3; font-size: 1em; }
.Button--facebook, input[type="submit"].Button--facebook { background-color: #2b4170; background-color: #2b4170; background-image: -webkit-linear-gradient(bottom, #2b4170, #3b5998); background-image: linear-gradient(to top,#2b4170, #3b5998); color: #fff; }
.Button--facebook:hover, input[type="submit"].Button--facebook:hover { background-color: #3b5998; color: #fff; }

.Button-group { margin: 10px 0; }
.Button-group .Button { border-radius: 0; margin: 0 0 1px; line-height: 16px; padding: 9px 8px 7px; }
.Button-group .Button:first-child { border-radius: 5px 5px 0 0; }
.Button-group .Button:last-child { border-radius: 0 0 5px 5px; }
.Button-group--left .Button { text-align: left; }
.Button-group--icons .Button { padding-left: 28px; }

.Button-container { padding: 9px; background-color: #F0EDEC; border-radius: 5px; margin-bottom: 10px; }
.Button-container .Button-group { margin: 0; }
.Button-container > .Button { margin: 0; margin-bottom: 10px; }
.Button-container > .Button:last-child { margin-bottom: 0; }
.Button-container .Button { background-image: none; background-color: #FBFBFB; }
.Button-container .Button:hover { background-color: #F5F5F5; }
.Button-container .Button-primary { background-color: #E41D34; background-image: -webkit-linear-gradient(bottom, #E41D34, #b81629); background-image: linear-gradient(to top,#E41D34, #b81629); }
.Button-container .Button-primary:hover { color: #fff; background-image: none; background-color: #E41D34; }
.Button-container .Button-primary:active { background-color: #b81629; }
.Button-container .Button-rezerva { color: #fff; background-image: none; background-color: #244196; }
.Button-container .Button-rezerva:hover { color: #fff; background-color: #2e53bf; }
.Button-container .Button-rezerva:active { color: #fff; background-color: #1a2f6d; }

.Button-linkIcon { position: relative; }
.Button-linkIcon:before { content: ''; width: 8px; height: 8px; background-position: -382px -148px; position: absolute; left: 10px; bottom: 0; top: 50%; margin-top: -4px; }

.Button-rezerva { position: relative; padding-left: 46px; color: #fff; background-image: none; background-color: #244196; }
.Button-rezerva:hover { color: #fff; background-color: #2e53bf; }
.Button-rezerva:active { color: #fff; background-color: #1a2f6d; }
.Button-rezerva:before { content: ''; background-image: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/images/Rezerva-mg-icon.png); position: absolute; width: 17px; height: 28px; left: 16px; bottom: 0; top: 50%; margin-top: -14px; }
@media only screen and (max-width: 520px) { .Button-rezerva { padding-left: 40px; font-size: 11px; } }
.Button-group .Button-rezerva:before { left: 7px; width: 14px; height: 18px; background-position: -153px -276px; margin-top: -10px; }

.Button-adaugaInCos { position: relative; padding-left: 56px; }
.Button-adaugaInCos:before { content: ''; width: 35px; height: 18px; background-position: -342px -47px; position: absolute; left: 10px; bottom: 0; top: 50%; margin-top: -8px; }

.Button-adaugaInCos--red { overflow: hidden; }
.Button-adaugaInCos--red:before { width: 35px; height: 18px; background-position: -342px -75px; left: 5px; z-index: 1; transform: scale(0.8); }
.Button-adaugaInCos--red:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 46px; border-radius: 5px 0 0 5px; background-color: #244196; }
.Button-adaugaInCos--red:hover:after { background-color: #2e53bf; }
.Button-adaugaInCos--red:active:after { background-color: #1a2f6d; }
.Button-adaugaInCos--red:active:after { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); }

.Specs:after { content: ""; display: table; clear: both; }
.Specs-title { font-weight: bold; font-size: 15px; display: block; }
.Specs-column { width: 48%; float: left; }
.Specs-column:first-child { margin-right: 4%; }
@media only screen and (max-width: 720px) { .Specs-column { float: none; width: 100%; margin: 0; } }
.Specs-table { background-color: #fff; border: 1px solid #a29995; border-radius: 5px; overflow: hidden; color: rgba(0, 0, 0, 0.8); border-collapse: separate; border-spacing: 0; margin-bottom: 30px; }
.Specs-cell { padding: .7em .8em; border: none; border-top: 1px solid #a29995; text-align: left; vertical-align: middle; }
.Specs-cell:first-child { background-color: #F0EDEC; font-weight: 700; color: rgba(0, 0, 0, 0.8); border-right: 1px solid #a29995; width: 40%; }
.Specs-row:first-child .Specs-cell { border-top: none; }
@media only screen and (max-width: 720px) { .Specs-cell { display: block; }
  .Specs-cell:first-child { width: 100%; border-right: 0; }
  .Specs-cell:nth-child(2n) { border-top: 0; } }

.Description { font-size: 14px; line-height: 1.5; }
.Description-row { margin: 20px 0; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: single; -moz-box-lines: single; box-lines: single; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; }
.Description-row:after { content: ""; display: table; clear: both; }
.Description-row:first-child { margin-top: 0; }
.Description-column { -webkit-box-flex: 2; -moz-box-flex: 2; box-flex: 2; -webkit-flex: 2; -moz-flex: 2; -ms-flex: 2; flex: 2; }
.Description-column--media { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
.Description-column:first-child { margin-right: 20px; }
.Description-title { line-height: 1.5; margin: 10px 0; font-size: 18px; color: #000; }
.Description-columnTitle { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; line-height: 1.5; margin: 5px 0; color: #000; }
.Description-block { margin: 20px 0; }
.Description-column .Description-block { max-width: 500px; }
.Description-block ul, .Description-block ol { list-style-type: disc; padding-left: 15px; }

@media only screen and (min-width: 1001px) { .Review-column { width: 75%; } }
.Review-item { display: block; border-radius: 5px; border: 1px solid #a29995; margin-bottom: 20px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.Review-header { padding: 10px 20px 8px; border-bottom: 1px solid #C2B9B3; border-bottom: 1px dotted #244196; }
.Review-header:after { content: ""; display: table; clear: both; }
.Review-headerColumn { width: 50%; float: left; text-align: right; }
.Review-headerColumn:first-child { text-align: left; }
.Review-content { padding: 20px; }
.Review-footer { padding: 0 20px; border-top: 1px dotted #244196; font-style: italic; font-size: 12px; line-height: 40px; vertical-align: middle; }
.Review-footer:after { content: ""; display: table; clear: both; }
.Review-name { font-size: 14px; font-weight: bold; color: rgba(0, 0, 0, 0.9); }
.Review-date { font-style: italic; font-size: 12px; }
.Review-rating { float: right; }
.Review-totalRating { margin-top: 6px; }
.Review-votes { text-align: right; font-style: italic; font-size: 12px; clear: right; }
.Review-button { line-height: 40px; font-size: 12px; color: rgba(0, 0, 0, 0.9); outline: none; }
.Review-button:hover { color: #E41D34; }
.Review-total { padding: 10px 20px; border-radius: 5px; border: 1px solid #a29995; margin: 20px 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.Review-total:after { content: ""; display: table; clear: both; }
.Review-totalButton { float: right; }
@media only screen and (max-width: 520px) { .Review-totalButton { float: none; } }
.Review-totalColumn { width: 50%; float: left; }
@media only screen and (max-width: 520px) { .Review-totalColumn { width: 100%; float: none; } }
.Review-totalScore { text-transform: uppercase; font-size: 13px; letter-spacing: 1px; line-height: 1.5; font-weight: bold; }
.Review-form { padding: 10px 20px; border-radius: 5px; border: 1px solid #a29995; margin: 20px 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.Review-formTitle { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; line-height: 1.5; margin: 5px 0; color: #000; }

.Comment-list { display: none; background-color: #F0EDEC; border-bottom: 1px solid #C2B9B3; }
.Comment-list.is-active { display: block; }
.Comment-item { box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, 0.3); border-top: 1px solid #C2B9B3; }
.Comment-header { padding: 10px 20px 8px; border-bottom: 1px solid #C2B9B3; border-bottom: 1px dotted #244196; }
.Comment-header:after { content: ""; display: table; clear: both; }
.Comment-headerColumn { width: 50%; float: left; text-align: right; }
.Comment-headerColumn:first-child { text-align: left; }
.Comment-content { padding: 10px 20px; }
.Comment-footer { padding: 0 20px; border-top: 1px dotted #244196; font-style: italic; font-size: 12px; line-height: 40px; vertical-align: middle; }
.Comment-footer:after { content: ""; display: table; clear: both; }
.Comment-name { font-size: 14px; font-weight: bold; color: rgba(0, 0, 0, 0.9); display: inline-block; }
.Comment-date { font-style: italic; font-size: 12px; display: inline-block; }
.Comment-form { display: none; padding: 10px 20px; box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, 0.3); }
.Comment-form.is-active { display: block; }
.Comment-formTitle { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; line-height: 1.5; margin: 5px 0; color: #000; }

.Cos { border: 1px solid #244196; margin: 0; padding: 18px; padding-top: 9px; }
@media only screen and (min-width: 1001px) { .Cos { border-radius: 5px; margin: 0 0 9px 0; } }
.Cos-productImage { max-width: 80px; width: 100%; height: auto; }
.Cos-productName { color: #58524E; font-size: 14px; line-height: 1; }
.Cos-productPrices { font-size: 20px; height: 2em; }
.Cos-productPrice { font-family: "Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -1px; }
.Cos-productPrice--decimal { color: #968C87; }
@media only screen and (max-width: 1000px) { .Cos-productPrice { display: inline-block; } }
.Cos-productOldPrice { text-decoration: line-through; color: #968C87; font-size: 13px; text-align: right; }
.Cos input.Cos-productQty { margin-bottom: 0; text-align: center; display: block; margin: 0 auto 5px; font-size: 12px; padding: 3px; }
@media only screen and (max-width: 1000px) { .Cos input.Cos-productQty { display: inline-block; } }
.Cos-thead { border-bottom: 1px solid #244196; }
.Cos-tableHeading { padding: 10px; font-weight: bold; }
.Cos-tableColumn { padding: 10px; }
@media only screen and (max-width: 1000px) { .Cos-tableColumn { display: block; border-bottom: none; } }
.Cos-tr { border-bottom: 1px solid #244196; }
.Cos-tableHeading--tdImage { float: left; display: block; margin-right: 0%; width: 12.5%; }
.Cos-tableHeading--tdImage:last-child { margin-right: 0; }
.Cos-tableHeading--tdName { float: left; display: block; margin-right: 0%; width: 50%; }
.Cos-tableHeading--tdName:last-child { margin-right: 0; }
.Cos-tableHeading--tdQty { text-align: center; float: left; display: block; margin-right: 0%; width: 12.5%; }
.Cos-tableHeading--tdQty:last-child { margin-right: 0; }
.Cos-tableHeading--tdUnitar { text-align: right; float: left; display: block; margin-right: 0%; width: 12.5%; }
.Cos-tableHeading--tdUnitar:last-child { margin-right: 0; }
.Cos-tableHeading--tdSubtotal { text-align: right; float: left; display: block; margin-right: 0%; width: 12.5%; }
.Cos-tableHeading--tdSubtotal:last-child { margin-right: 0; }
@media only screen and (min-width: 1001px) { .Cos-tdImage { vertical-align: middle; text-align: center; float: left; display: block; margin-right: 0%; width: 12.5%; }
  .Cos-tdImage:last-child { margin-right: 0; }
  .Cos-tdName { float: left; display: block; margin-right: 0%; width: 50%; }
  .Cos-tdName:last-child { margin-right: 0; }
  .Cos-tdQty { text-align: center; float: left; display: block; margin-right: 0%; width: 12.5%; }
  .Cos-tdQty:last-child { margin-right: 0; }
  .Cos-tdUnitar { text-align: right; float: left; display: block; margin-right: 0%; width: 12.5%; }
  .Cos-tdUnitar:last-child { margin-right: 0; }
  .Cos-tdSubtotal { text-align: right; float: left; display: block; margin-right: 0%; width: 12.5%; }
  .Cos-tdSubtotal:last-child { margin-right: 0; } }
@media only screen and (max-width: 1000px) { .Cos-tdImage { margin-top: 20px; padding: 0; text-align: center; float: left; display: block; margin-right: 0%; width: 12.5%; }
  .Cos-tdImage:last-child { margin-right: 0; }
  .Cos-tdName { margin-top: 20px; float: left; display: block; margin-right: 0%; width: 87.5%; }
  .Cos-tdName:last-child { margin-right: 0; }
  .Cos-tdQty { text-align: left; display: block; float: left; display: block; margin-right: 0%; width: 87.5%; margin-left: 12.5%; }
  .Cos-tdQty:last-child { margin-right: 0; }
  .Cos-tdQty:before { content: "Cantitate: "; display: block; margin-bottom: 5px; }
  .Cos-tdQty input, .Cos-tdQty .Button { float: left; display: block; margin-right: 0%; width: 27.27273%; vertical-align: middle; margin-top: 0; }
  .Cos-tdQty input:last-child, .Cos-tdQty .Button:last-child { margin-right: 0; }
  .Cos-tdQty .Button { margin-left: 9.09091%; }
  .Cos-tdUnitar { text-align: left; display: inline-block; vertical-align: top; margin-bottom: 20px; float: left; display: block; margin-right: 0%; width: 43.75%; margin-left: 12.5%; }
  .Cos-tdUnitar:last-child { margin-right: 0; }
  .Cos-tdUnitar:before { content: ""; display: block; width: 100%; clear: left; }
  .Cos-tdSubtotal { margin-bottom: 20px; text-align: left; vertical-align: top; float: left; display: block; margin-right: 0%; width: 43.75%; }
  .Cos-tdSubtotal:last-child { margin-right: 0; } }
@media only screen and (max-width: 520px) { .Cos-tdImage { float: none; width: 100%; margin-top: 0; text-align: center; }
  .Cos-tdName { width: 100%; float: none; margin-top: 0; }
  .Cos-tdQty { width: 100%; margin-left: 0; }
  .Cos-tdQty input, .Cos-tdQty .Button { width: 100%; }
  .Cos-tdQty .Button { margin: 5px 0; }
  .Cos-tdUnitar { display: block; margin-right: 0; margin-bottom: 0; margin-left: 0; float: left; display: block; margin-right: 0%; width: 50%; }
  .Cos-tdUnitar:last-child { margin-right: 0; }
  .Cos-tdSubtotal { margin-bottom: 10px; display: block; float: left; display: block; margin-right: 0%; width: 50%; }
  .Cos-tdSubtotal:last-child { margin-right: 0; } }
.Cos-cuponColumn { width: 50%; float: left; }
@media only screen and (max-width: 720px) { .Cos-cuponColumn { width: 100%; float: none; } }
@media only screen and (max-width: 720px) { .Cos-cuponButton { display: block; width: 100%; } }
.Cos-total { text-align: right; color: #E41D34; width: 50%; float: left; }
@media only screen and (max-width: 720px) { .Cos-total { width: 100%; float: none; } }
.Cos-total small { color: #58524E; }
.Cos-total td { border: 0; padding: 7px 10px; vertical-align: top; }
.Cos-totalSubtotalValue, .Cos-totalLivrareValue, .Cos-totalFinalValue { font-family: "Oswald", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; letter-spacing: -1px; }
.Cos-totalFinalValue { font-size: 22px; }
.Cos-totalSubtotal, .Cos-totalLivrare { font-size: 15px; }
.Cos-totalFinal { font-weight: 700; font-size: 20px; }
.Cos-totalInfo { font-weight: 400; font-size: 13px; color: #58524E; }
.Cos-totalInfo strong { color: #E41D34; }
.Cos-cupon input[type="text"] { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.Cos-cuponButton { margin: 23px 0 0; padding: 7px 16px 7px; height: auto; border-radius: 0 5px 5px 0; border: 1px solid #C2B9B3; border-left: none; box-shadow: none; line-height: 18px; }
@media only screen and (max-width: 1000px) { .Cos-thead { display: none; }
  .Cos-tr { border-bottom: 1px solid #C2B9B3; }
  .Cos-productPrices { text-align: left; display: inline-block; }
  .Cos-productPrices:before { display: inline-block; font-size: 13px; }
  .Cos-productUnitar:before { content: "Pret unitar: "; }
  .Cos-productSubtotal:before { content: "Subtotal: "; } }
@media only screen and (max-width: 520px) { .Cos-productUnitar:before { display: block; }
  .Cos-productSubtotal:before { display: block; } }

.Pagination { text-align: right; }
@media only screen and (max-width: 1000px) { .Pagination { text-align: center; } }
.Pagination-listItem { display: inline-block; margin: 0; }
.Pagination-listItem--info { display: none; }
@media only screen and (max-width: 520px) { .Pagination-listItem { display: none; }
  .Pagination-listItem--arrow, .Pagination-listItem--info { display: inline-block; } }
.Pagination-item { vertical-align: middle; border: 1px solid #C2B9B3; border-radius: 5px; display: inline-block; -webkit-user-select: none; padding: 4px 9px 3px 8px; font-size: 1em; line-height: 1.3; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); color: #58524E; }
.Pagination-item:hover { background-color: #F0EDEC; }
.Pagination-item--active, .Pagination-item--active:hover, .Pagination-item:active { color: #fff; background-color: #968C87; border-color: #968C87; }
.Pagination-item.is-disabled { border-color: #C2B9B3; background-color: #F4F4F4; color: #C2B9B3; }
.Pagination-item.is-disabled:hover, .Pagination-item.is-disabled:active { border-color: #C2B9B3; background-color: #F4F4F4; color: #C2B9B3; }
.Pagination-counter { padding: 6px 12px; font-size: 13px; }
.Pagination-prev, .Pagination-next { overflow: hidden; white-space: nowrap; color: transparent; text-indent: 34px; width: 32px; position: relative; }
.Pagination-prev:after { content: ''; width: 8px; height: 7px; background-position: -381px -168px; position: absolute; left: 11px; top: 8px; }
.Pagination-next:after { content: ''; width: 8px; height: 7px; background-position: -382px -131px; position: absolute; right: 11px; top: 8px; }

.ViewSettings { display: inline-block; display: none; }
@media only screen and (min-width: 1001px) { .ViewSettings { display: inline-block; } }
@media only screen and (max-width: 1000px) { .ViewSettings.is-active { position: absolute; display: block; z-index: 101; right: 0; top: 0; bottom: 0; background-color: #fff; margin-top: 0; padding-right: 0; padding-left: 10px; padding-top: 10px; box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5); overflow-y: auto; width: 200px; } }
.ViewSettings-label { font-size: 13px; font-weight: 400; display: inline-block; position: relative; }
.ViewSettings-label:after { width: 10px; height: 6px; background-position: -380px -204px; display: block; position: absolute; right: 0px; top: 7px; pointer-events: none; }
@media only screen and (max-width: 1000px) { .ViewSettings-label:after { bottom: 7px; top: auto; } }
@media only screen and (max-width: 1000px) { .ViewSettings-label { margin-bottom: 20px; display: block; min-width: 180px; } }
.ViewSettings select { display: inline-block; margin-left: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; padding: 0 17px 2px 5px; border-bottom: 1px solid #C2B9B3; border-radius: 0; margin-bottom: 0; cursor: pointer; }
@media only screen and (max-width: 1000px) { .ViewSettings select { display: block; margin-left: 0; padding-left: 0; margin-top: 5px; min-width: 180px; } }
.ViewSettings input[type='radio'] { margin-right: 0; margin-left: 5px; }
.ViewSettings-sort, .ViewSettings-view, .ViewSettings-limit { display: inline-block; margin-right: 20px; }
@media only screen and (max-width: 1000px) { .ViewSettings-limit { display: block; text-align: center; } }

.Sidebar-list { border: 1px solid #C2B9B3; background-color: #F0EDEC; border-radius: 15px; overflow: hidden; }
@media only screen and (min-width: 1001px) { .Sidebar-list { border-radius: 15px 0 0 15px; overflow: visible; } }
.Sidebar-item { border-top: 1px dotted #244196; }
.Sidebar-item:first-child { border-top: none; border-radius: 15px 0 0 0; }
.Sidebar-item:last-child { border-radius: 0 0 0 15px; }
.Sidebar-item:first-child:last-child { border-radius: 15px 0 0 15px; }
.Sidebar-item.is-active { margin-right: -1px; background-color: #fff; }
.Sidebar-trigger { padding: 12px 12px; display: block; line-height: 1.1em; font-weight: 700; position: relative; color: #58524E; }
.Sidebar-trigger:hover { color: #E41D34; }
.is-active > .Sidebar-trigger { color: #E41D34; }
.Sidebar-trigger:before { content: ''; width: 8px; height: 8px; background-position: -382px -148px; margin-right: 8px; }

.Table { border-top: 1px dotted #244196; margin-top: 0; }
.Table-th, .Table-td { padding: 10px; }
.Table-td:before { display: none; }
@media only screen and (max-width: 720px) { .Table-thead { display: none; }
  .Table-td { position: relative; width: 100%; display: block; border-bottom: none; padding: 0; margin-bottom: 3px; }
  .Table-td:first-child { margin-top: 3px; }
  .Table-td:before { display: block; font-weight: bold; padding-right: 10px; color: #968C87; }
  .Table-row { border-top: 1px solid #C2B9B3; }
  .Table-row:last-child { border-bottom: 1px solid #C2B9B3; } }
.Table a { text-decoration: underline; }

.error > .Alert { display: none; }
.Alert-inner { padding: 8px 14px 8px 14px; margin: 10px; display: inline-block; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #8B6A31; background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 5px; }
.Alert--info { background-color: #d9edf7; border-color: #bce8f1; color: #275A73; }
.Alert--error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; }
.Alert--small { margin: 0; padding: 3px 10px 3px 9px; font-weight: bold; }

.messages .error-msg, .messages .warning-msg, .messages .success-msg, .messages .notice-msg, .messages .note-msg { padding: 8px 14px 8px 14px; margin: 10px; display: block; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-radius: 5px; }
.messages .error-msg { background-color: #f2dede; border: 1px solid #eed3d7; color: #b94a48; }
.messages .warning-msg { color: #8B6A31; background-color: #fcf8e3; border: 1px solid #fbeed5; }
.messages .success-msg { background: #f2fae3; color: #466913; border: 1px solid #CCEC9F; }
.messages .notice-msg, .messages .note-msg { background-color: #d9edf7; border: 1px solid #bce8f1; color: #275A73; }

.messages-small .error-msg, .messages-small .warning-msg, .messages-small .success-msg, .messages-small .notice-msg, .messages-small .note-msg { padding: 0 2px; margin: 0; display: inline-block; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-radius: 5px; }

.Alert-validate { max-height: 0; overflow: hidden; margin-top: -9px; transition: max-height .3s; margin-bottom: 9px; }
.Alert-validate.is-active { max-height: 100px; }
.Alert-validate .Alert--error { background-image: url(http://cdn.altex.ro/skin/frontend/redesign/mediagalaxy/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtRJREFUeNqkVc1u00AQHq+dOD+0poIQfkIjalW0SEGqRMuRnHos3DjwAH0ArlyQeANOOSMeAA5VjyBxKBQhgSpVUKKQNGloFdw4cWw2jtfMOna6JOUArDTazXi/b3dm55socPqQhFka++aHBsI8GsopRJERNFlY88FCEk9Yiwf8RhgRyaHFQpPHCDmZG5oX2ui2yilkcTT1AcDsbYC1NMAyOi7zTX2Agx7A9luAl88BauiiQ/cJaZQfIpAlngDcvZZMrl8vFPK5+XktrWlx3/ehZ5r9+t6e+WVnp1pxnNIjgBe4/6dAysQc8dsmHwPcW9C0h3fW1hans1ltwJhy0GxK7XZbUlMp5Ww2eyan6+ft/f2FAqXGK4CvQk5HueFz7D6GOZtIrK+srupdx1GRBBqNBtzc2AiMr7nPplRdKhb1q6q6zjFhrklEFOUutoQ50xcX86ZlqaZpQrfbBdu2R6/G19zX6XSgh6RX5ubyHCM8nqSID6ICrGiZjGYYxojEsiw4PDwMSL5VKsC8Yf4VRYFzMzMaxwjlJSlCyAQ9l0CW44PBADzXhe7xMdi9HtTrdYjFYkDQL0cn4Xdq2/EAE+InCnvADTf2eah4Sx9vExQjkqXT6aAERICMewd/UAp/IeYANM2joxt+q5VI+ieq2i0Wg3l6DNzHwTERPgo1ko7XBXj3vdlsT2F+UuhIhYkp7u7CarkcrFOCtR3H5JiwbAIeImjT/YQKKBtGjRFCU5IUgFRe7fF4cCNVIPMYo3VKqxwjyNAXNepuopyqnld602qVsfRpEkkz+GFL1wPj6ySXBpJtWVa5xlhpcyhBNwpZHmtX8AGgfIExo0ZpzkWVTBGiXCSEaHh62/PoR0p/vHaczxXGnj4bSo+G78lELU80h1uogBwWLf5YlsPmgDEd4M236xjm+8nm4IuE/9u+/PH2JXZfbwz4zw1WbO+SQPpXfwG/BBgAhCNZiSb/pOQAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 3px 2px; padding-left: 25px; border-radius: 0 0 5px 5px; display: block; }



.u-borderSolid { border: 1px solid #244196; }

.u-borderBottomSolid { border-bottom: 1px solid #244196; }

.u-borderTopSolid { border-top: 1px solid #244196; }

.u-borderLeftSolid { border-left: 1px solid #244196; }

.u-borderRightSolid { border-right: 1px solid #244196; }

.u-borderDotted { border: 1px dotted #008ED0; }

.u-borderBottomDotted { border-bottom: 1px dotted #008ED0; }

.u-borderTopDotted { border-top: 1px dotted #008ED0; }

.u-borderLeftDotted { border-left: 1px dotted #008ED0; }

.u-borderRightDotted { border-right: 1px dotted #008ED0; }

.u-borderRadius { border-radius: 5px; }

.u-hide { display: none !important; }

.u-show { display: block !important; }

.u-displayBlock { display: block !important; }

.u-displayInline { display: inline !important; }

.u-displayInlineBlock { display: inline-block !important; }

.u-displayTable { display: table; }

.u-displayTableCell { display: table-cell; }

@media only screen and (min-width: 1001px) { .u-hideDesktop { display: none !important; }
  .u-showDesktop { display: block !important; } }
@media only screen and (max-width: 1000px) { .u-hideUnderDesktop { display: none !important; }
  .u-showUnderDesktop { display: block !important; } }
@media only screen and (max-width: 520px) { .u-hideMobile { display: none; }
  .u-showMobile { display: block; } }
.u-widthHalf { width: 50%; }

.u-widthFull { width: 100%; }

@media only screen and (max-width: 1000px) { .u-hideTablet { display: none; }
  .u-showTablet { display: block; }
  .u-TabletPadding10 { padding-left: 10px; padding-right: 10px; }
  .u-TabletPadding20 { padding-left: 20px; padding-right: 20px; } }
@media only screen and (max-width: 720px) { .u-hideSmallTablet { display: none; }
  .u-showSmallTablet { display: block; }
  .u-SmallTabletPadding10 { padding-left: 10px; padding-right: 10px; }
  .u-SmallTabletPadding20 { padding-left: 20px; padding-right: 20px; } }
@media only screen and (max-width: 520px) { .u-MobilePadding10 { padding-left: 10px; padding-right: 10px; }
  .u-MobilePadding20 { padding-left: 20px; padding-right: 20px; } }
.testSprite { width: 129px; height: 45px; background-position: -5px -81px; }

