/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */


/*
 * Corrects 'block' display not defined in IE 6/7/8/9 and Firefox 3.
 */
article, 
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects 'inline-block' display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
    display: inline-block;
}

.lt-ie8 audio,
.lt-ie8 canvas,
.lt-ie8 video {
    display: inline;
    zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
    display: none;
}


/* ==========================================================================
   Base
   ========================================================================== */


/*
 * 1. Forces vertical window scroll
 * 2. Corrects text resizing oddly in IE 6/7 when body 'font-size' is set using 'em' units.
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom.
 */
html {
	overflow-y: scroll; /* 1 */
    font-size: 81.25%; /* 2 */ /* 13px */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
	line-height: 1.5;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
    margin: 0;
}

/*
 * Forces the html and body minimum height to match the window height (using the min-height fast hack).
 */
html {
	position: relative;
	height: 100%;
}
body {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/*
 * Remove text-shadow in selection highlight.
 * These selection declarations have to be separate.
 */

::-moz-selection {
	text-shadow: none;
}

::selection {
	text-shadow: none;
}

/*
 * A better looking default horizontal rule.
 */
hr {
	clear: both;
    display: block;
    height: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid;
    margin: 13px 0;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
.lt-ie8 hr {
	margin: 5px 0;
}

/*
 * 1. Constrains images to their containers.
 * 2. Scale the height according to the width, otherwise you get stretching.
 * 3. Removes border when inside 'a' element in IE 6/7/8/9 and Firefox 3.
 * 4. Remove the gap between images and the bottom of their containers.
 * 5. Improves image quality when scaled in IE 7.
 */
img {
	max-width: 100%; /* 1 */
	height: auto; /* 2 */
    border: 0; /* 3 */
	vertical-align: bottom; /* 4 */
    -ms-interpolation-mode: bicubic; /* 5 */
}

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
    margin: 0;
}


/* ==========================================================================
   Links
   ========================================================================== */


/*
 * Addresses 'outline' inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}


/* ==========================================================================
   Typography
   ========================================================================== */


/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within 'section' and 'article' in Firefox 4+, Safari 5, and Chrome.
 */
h1, h2, h3, h4, h5, h6 {
	text-rendering: optimizelegibility;
}

h1 {
    font-size: 192.3076%;
    margin: .52em 0;
}

h2 {
    font-size: 146.1538%;
    margin: .6842em 0;
}

h3 {
    font-size: 115.3846%;
    margin: .8666em 0;
}

h4, h5, h6 {
    font-size: 100%;
    margin: 1em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
	cursor: help;
}

/*
 * Addresses style set to 'bolder' in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
    font-weight: 700;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}

/*
 * Addresses margins set differently in IE 6/7.
 */
code,
p,
pre {
    margin: 1em 0;
	word-wrap: break-word;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp,
var {
    font-size: 100%;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre;
    white-space: pre-wrap;
	word-break: break-all;
    word-wrap: break-word;
}

/*
 * Addresses style set to 'bolder' in Firefox 3+, Safari 4/5, and Chrome.
 */
blockquote {
    margin: 1em 30px;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q,
blockquote {
    quotes: none;
}

/*
 * Addresses 'quotes' property not supported in Safari 4.
 */
q:before,
q:after,
blockquote:before,
blockquote:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
    font-size: 92.3076%; /* 12px */
}

/*
 * Prevents 'sub' and 'sup' affecting 'line-height' in all browsers.
 */
sub,
sup {
    font-size: 92.3076%; /* 12px */
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}


/* ==========================================================================
   Lists
   ========================================================================== */


/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 30px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */
ol,
ul {
    padding: 0 0 0 30px;
}

/*
 * Remove lists styling in navigations.
 */
form ul,
form li,
nav ul,
nav ol,
nav li,
nav dl,
nav dt,
nav dd {
	display: block;
	margin: 0;
	padding: 0;
    list-style: none;
    list-style-image: none;
}


/* ==========================================================================
   Tables
   ========================================================================== */


/*
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
 * Remove default table alignment
 */
td,
caption {
	font-weight: 400;
	text-align: left;
	vertical-align: top;
}

th {
	font-weight: 700;
	text-align: left;
	vertical-align: bottom;
}

tbody th {
	vertical-align: top;
}


/* ==========================================================================
   Forms
   ========================================================================== */


/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
    margin: 0;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    padding: 0;
    border: 0;
    margin: 0;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 */
legend {
    border: 0; /* 1 */
    padding: 0;
	white-space: normal; /* 2 */
}

/*
 * Corrects alignment displayed oddly in IE 6/7.
*/
.lt-ie8 legend {
    margin-left: -7px;
}

label {
	cursor: pointer;
}

/*
 * 1. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  margin: 0; /* 1 */
  font-size: 100%; /* 2 */
  vertical-align: middle; /* 3 */
}

select,
input.txt,
input.pass,
input[type="text"],
input[type="password"],
textarea {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 220px;
	padding: 4px 6px;
}

input.txt,
input.pass,
input[type="text"],
input[type="password"] {
	height: 19px;
	line-height: 19px;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 * 3. Allow only vertical resizing of textareas.
 */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
	resize: vertical; /* 3 */
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Improves usability of cursor style.
 */
input.chk,
input.rad,
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
	cursor: pointer; /* 3 */
}

/* 
 * Removes excess padding in IE 7.
 * Known issue: excess padding remains in IE 6.
 */
.lt-ie8 input.chk,
.lt-ie8 input.rad,
.lt-ie8 input[type="checkbox"],
.lt-ie8 input[type="radio"] {
    height: 13px;
    width: 13px;
}

/*
 * 1. Addresses 'appearance' set to 'searchfield' in Safari 5 and Chrome.
 * 2. Addresses '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; /* 2 */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/*
 * Removes 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;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/*
 * Addresses Firefox 3+ setting 'line-height' on 'input' using '!important' in the UA stylesheet.
 */
button,
input {
    line-height: 1.5;
}

/*
 * html input[type="button"] avoids the WebKit bug in Android 4.0.* where (1) destroys native 'audio' and 'video' controls.
 * 1. Removes inner spacing in IE 7 without affecting normal text inputs.
 * 2. Improves usability and consistency of cursor style between image-type 'input' and others.
 * 3. Corrects inability to style clickable 'input' types in iOS.
 */
button,
input.btn,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    overflow: visible; /* 1 */
	position: relative; /* 1 */
	border: 0;
	font-weight: 700;
	white-space: nowrap;
    cursor: pointer; /* 2 */
    -webkit-appearance: button; /* 3 */
}

/*
 * Sliding doors buttons.
 */
button span {
	display: inline-block;
	position: relative;
	white-space: nowrap;
}

.placeholder_on {
	color: #aaaaaa;
}


/* ==========================================================================
   Fluid layout system
   ========================================================================== */


/*
 * Center the layout.
 */
body {
	text-align: center;
}

/*
 * 1. Sets the minimum width to 994px - best for 1024x768 and the maximum width to 1200px.
 * 2. Resets text alignament.
 * 3. Centers the container.
 */
.lay-0 {
	max-width: 90.3076em; /* 1 */
	min-width: 76.4615em;
	text-align: left; /* 2 */
	margin: 0 auto; /* 3 */
}

.lt-ie7 .lay-0 {
	width: 76.4615em;
}

.lay-1 {
	text-align: left;
}

.l120-f,
.l160-f,
.l180-f,
.l200-f,
.l220-f,
.l240-f,
.l260-f,
.l280-f,
.l300-f {
	float: left;
	position: relative;
}

.r120-f,
.r160-f,
.r180-f,
.r200-f,
.r220-f,
.r240-f,
.r260-f,
.r280-f,
.r300-f {
	float: right;
	position: relative;
}

.l120-m,
.l160-m,
.l180-m,
.l200-m,
.l220-m,
.l240-m,
.l260-m,
.l280-m,
.l300-m {
	float: right;
	width: 100%;
}

.r120-m,
.r160-m,
.r180-m,
.r200-m,
.r220-m,
.r240-m,
.r260-m,
.r280-m,
.r300-m {
	float: left;
	width: 100%;
}

/*
 * 120px columns.
 */
.l120-f {
	width: 9.2307em;
}
.l120-m {
	margin-left: -10.2307em;
}
.l120-i {
	margin-left: 10.2307em;
}
.r120-f {
	width: 9.2307em;
}
.r120-m {
	margin-right: -10.2307em;
}
.r120-i {
	margin-right: 10.2307em;
}

/*
 * 160px columns.
 */
.l160-f {
	width: 12.3076em;
}
.l160-m {
	margin-left: -13.3076em;
}
.l160-i {
	margin-left: 13.3076em;
}
.r160-f {
	width: 12.3076em;
}
.r160-m {
	margin-right: -13.3076em;
}
.r160-i {
	margin-right: 13.3076em;
}

/*
 * 180px columns.
 */
.l180-f {
	width: 13.8461em;
}
.l180-m {
	margin-left: -14.8461em;
}
.l180-i {
	margin-left: 14.8461em;
}
.r180-f {
	width: 13.8461em;
}
.r180-m {
	margin-right: -14.8461em;
}
.r180-i {
	margin-right: 14.8461em;
}

/*
 * 200px columns.
 */
.l200-f {
	width: 15.3846em;
}
.l200-m {
	margin-left: -16.3846em;
}
.l200-i {
	margin-left: 16.3846em;
}
.r200-f {
	width: 15.3846em;
}
.r200-m {
	margin-right: -16.3846em;
}
.r200-i {
	margin-right: 16.3846em;
}

/*
 * 220px columns.
 */
.l220-f {
	width: 16.9230em;
}
.l220-m {
	margin-left: -17.9230em;
}
.l220-i {
	margin-left: 17.9230em;
}
.r220-f {
	width: 16.9230em;
}
.r220-m {
	margin-right: -17.9230em;
}
.r220-i {
	margin-right: 17.9230em;
}

/*
 * 240px columns.
 */
.l240-f {
	width: 18.4615em;
}
.l240-m {
	margin-left: -19.4615em;
}
.l240-i {
	margin-left: 19.4615em;
}
.r240-f {
	width: 18.4615em;
}
.r240-m {
	margin-right: -19.4615em;
}
.r240-i {
	margin-right: 19.4615em;
}

/*
 * 260px columns.
 */
.l260-f {
	width: 20em;
}
.l260-m {
	margin-left: -21em;
}
.l260-i {
	margin-left: 21em;
}
.r260-f {
	width: 20em;
}
.r260-m {
	margin-right: -21em;
}
.r260-i {
	margin-right: 21em;
}

/*
 * 280px columns.
 */
.l280-f {
	width: 21.5385em;
}
.l280-m {
	margin-left: -22.5385em;
}
.l280-i {
	margin-left: 22.5385em;
}
.r280-f {
	width: 21.5385em;
}
.r280-m {
	margin-right: -22.5385em;
}
.r280-i {
	margin-right: 22.5385em;
}

/*
 * 300px columns.
 */
.l300-f {
	width: 23.0769em;
}
.l300-m {
	margin-left: -24.0769em;
}
.l300-i {
	margin-left: 24.0769em;
}
.r300-f {
	width: 23.0769em;
}
.r300-m {
	margin-right: -24.0769em;
}
.r300-i {
	margin-right: 24.0769em;
}

.c2p {width: 50%; padding-right: 1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.c2 {width: 50%;} .c22 {width: 100%;} 
.c3 {width: 33.33%;} .c32 {width: 66.66%;}  .c33 {width: 100%;} 
.c4 {width: 25%;} .c42 {width: 50%;} .c43 {width: 75%;} .c44 {width: 100%;}
.c5 {width: 20%;} .c52 {width: 40%;} .c53 {width: 60%;} .c54 {width: 80%;} .c55 {width: 100%;}
.c6 {width: 16.66%;} .c7 {width: 14.29%;} .c8 {width: 12.5%;} .c9 {width: 11.11%;} .c10 {width: 10%;} 
.c2p, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10 {float: left;}
.ie6 .c2, .ie6 .c3, .ie6 .c4, .ie6 .c5, .ie6 .c6, .ie6 .c7, .ie6 .c8, .ie6 .c9, .ie6 .c10, .ie7 .c2, .ie7 .c3, .ie7 .c4, .ie7 .c5, .ie7 .c6, .ie7 .c7, .ie7 .c8, .ie7 .c9, .ie7 .c10 {margin-right: -1px;}

.border-box {-moz-box-sizing: border-box!important; -webkit-box-sizing: border-box!important; box-sizing: border-box!important;}

.layout-container {
  text-align: center; }

.layout-480-1620 {
  max-width: 1620px;
  min-width: 480px;
  text-align: left;
  margin: 0 auto; }

.layout-480-1300 {
  max-width: 1300px;
  min-width: 480px;
  text-align: left;
  margin: 0 auto; }

.layout-994-1620 {
  max-width: 1620px;
  min-width: 994px;
  text-align: left;
  margin: 0 auto; }

.layout-994 {
  width: 994px;
  text-align: left;
  margin: 0 auto; }

.l120-f, .l180-f, .l240-f, .l300-f {
  float: left;
  position: relative; }

.r120-f, .r180-f, .r240-f, .r300-f {
  float: right;
  position: relative; }

.l120-m, .l180-m, .l240-m, .l300-m {
  float: right;
  width: 100%; }

.r120-m, .r180-m, .r240-m, .r300-m {
  float: left;
  width: 100%; }

.l120-f {
  width: 120px; }

.l120-m {
  margin-left: -130px; }

.l120-i {
  margin-left: 130px; }

.r120-f {
  width: 120px; }

.r120-m {
  margin-right: -130px; }

.r120-i {
  margin-right: 130px; }

.l120-i.ns {
  margin-left: 120px; }

.r120-i.ns {
  margin-right: 120px; }

.l180-f {
  width: 180px; }

.l180-m {
  margin-left: -190px; }

.l180-i {
  margin-left: 190px; }

.r180-f {
  width: 180px; }

.r180-m {
  margin-right: -190px; }

.r180-i {
  margin-right: 190px; }

.l180-i.ns {
  margin-left: 180px; }

.r180-i.ns {
  margin-right: 180px; }

.l240-f {
  width: 240px; }

.l240-m {
  margin-left: -250px; }

.l240-i {
  margin-left: 250px; }

.r240-f {
  width: 240px; }

.r240-m {
  margin-right: -250px; }

.r240-i {
  margin-right: 250px; }

.l240-i.ns {
  margin-left: 240px; }

.r240-i.ns {
  margin-right: 240px; }

.l300-f {
  width: 300px; }

.l300-m {
  margin-left: -310px; }

.l300-i {
  margin-left: 310px; }

.r300-f {
  width: 300px; }

.r300-m {
  margin-right: -310px; }

.r300-i {
  margin-right: 310px; }

.l300-i.ns {
  margin-left: 300px; }

.r300-i.ns {
  margin-right: 300px; }

.collapse-container {
  position: relative;
  overflow: hidden; }

.strech-lg, .strech-lg > * {
  float: none;
  width: auto;
  margin-left: 0;
  margin-right: 0; }

.collapse-lg-block {
  float: none;
  position: static;
  width: auto; }

.collapse-lg-side {
  position: absolute;
  top: 0;
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0); }

@media (max-width: 1167px) {
  .strech-md, .strech-md > * {
    float: none;
    width: auto;
    margin-left: 0;
    margin-right: 0; }
  .collapse-md-block {
    float: none;
    position: static;
    width: auto; }
  .collapse-md-side {
    position: absolute;
    top: 0;
    -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
            transform: translate(-100%, 0); } }

@media (max-width: 991px) {
  .strech-sm, .strech-sm > * {
    float: none;
    width: auto;
    margin-left: 0;
    margin-right: 0; }
  .collapse-sm-block {
    float: none;
    position: static;
    width: auto; }
  .collapse-sm-side {
    position: absolute;
    top: 0;
    -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
            transform: translate(-100%, 0); } }

@media (max-width: 767px) {
  .strech-xs, .strech-xs > * {
    float: none;
    width: auto;
    margin-left: 0;
    margin-right: 0; }
  .collapse-xs-block {
    float: none;
    position: static;
    width: auto; }
  .collapse-xs-side {
    position: absolute;
    top: 0;
    -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
            transform: translate(-100%, 0); } }

.collapse-side-open {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }

.grid:before, .grid:after {
  content: ' ';
  display: table; }

.grid:after {
  clear: both; }

.grid {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none; }

.grid > * {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  margin: 0; }

.grid > [class^='col-lg-'], .grid > [class*=' col-lg-'] {
  margin-left: 0; }

.grid > [class^='col-lg-']:not(:last-child), .grid > [class*=' col-lg-']:not(:last-child) {
  margin-right: 1%; }

.grid > [class^='col-lg-'].last-lg, .grid > [class*=' col-lg-'].last-lg {
  margin-right: 0; }

.grid > .col-lg-1 {
  width: 7.4167%; }

.grid > .col-lg-2 {
  width: 15.8333%; }

.grid > .col-lg-3 {
  width: 24.25%; }

.grid > .col-lg-4 {
  width: 32.6667%; }

.grid > .col-lg-5 {
  width: 41.0833%; }

.grid > .col-lg-6 {
  width: 49.5%; }

.grid > .col-lg-7 {
  width: 57.9167%; }

.grid > .col-lg-8 {
  width: 66.3333%; }

.grid > .col-lg-9 {
  width: 74.75%; }

.grid > .col-lg-10 {
  width: 83.1667%; }

.grid > .col-lg-11 {
  width: 91.5833%; }

.grid > .col-lg-12 {
  width: 100%; }

.grid > .col-lg-2-4 {
  width: 19.2%; }

.grid > .push-lg-1 {
  margin-left: 8.4167%; }

.grid > .push-lg-2 {
  margin-left: 16.8333%; }

.grid > .push-lg-3 {
  margin-left: 25.25%; }

.grid > .push-lg-4 {
  margin-left: 33.6667%; }

.grid > .push-lg-5 {
  margin-left: 42.0833%; }

.grid > .push-lg-6 {
  margin-left: 50.5%; }

.grid > .push-lg-7 {
  margin-left: 58.9167%; }

.grid > .push-lg-8 {
  margin-left: 67.3333%; }

.grid > .push-lg-9 {
  margin-left: 75.75%; }

.grid > .push-lg-10 {
  margin-left: 84.1667%; }

.grid > .push-lg-11 {
  margin-left: 92.5833%; }

.grid > .push-lg-2-4 {
  margin-left: 20.2%; }

@media (max-width: 1167px) {
  .grid > [class^='col-md-'], .grid > [class*=' col-md-'] {
    margin-left: 0; }
  .grid > [class^='col-md-']:not(:last-child), .grid > [class*=' col-md-']:not(:last-child) {
    margin-right: 1%; }
  .grid > [class^='col-md-'].last-md, .grid > [class*=' col-md-'].last-md {
    margin-right: 0; }
  .grid > .col-md-1 {
    width: 7.4167%; }
  .grid > .col-md-2 {
    width: 15.8333%; }
  .grid > .col-md-3 {
    width: 24.25%; }
  .grid > .col-md-4 {
    width: 32.6667%; }
  .grid > .col-md-5 {
    width: 41.0833%; }
  .grid > .col-md-6 {
    width: 49.5%; }
  .grid > .col-md-7 {
    width: 57.9167%; }
  .grid > .col-md-8 {
    width: 66.3333%; }
  .grid > .col-md-9 {
    width: 74.75%; }
  .grid > .col-md-10 {
    width: 83.1667%; }
  .grid > .col-md-11 {
    width: 91.5833%; }
  .grid > .col-md-12 {
    width: 100%; }
  .grid > .col-md-2-4 {
    width: 19.2%; }
  .grid > .push-md-1 {
    margin-left: 8.4167%; }
  .grid > .push-md-2 {
    margin-left: 16.8333%; }
  .grid > .push-md-3 {
    margin-left: 25.25%; }
  .grid > .push-md-4 {
    margin-left: 33.6667%; }
  .grid > .push-md-5 {
    margin-left: 42.0833%; }
  .grid > .push-md-6 {
    margin-left: 50.5%; }
  .grid > .push-md-7 {
    margin-left: 58.9167%; }
  .grid > .push-md-8 {
    margin-left: 67.3333%; }
  .grid > .push-md-9 {
    margin-left: 75.75%; }
  .grid > .push-md-10 {
    margin-left: 84.1667%; }
  .grid > .push-md-11 {
    margin-left: 92.5833%; }
  .grid > .push-md-2-4 {
    margin-left: 20.2%; } }

@media (max-width: 991px) {
  .grid > [class^='col-sm-'], .grid > [class*=' col-sm-'] {
    margin-left: 0; }
  .grid > [class^='col-sm-']:not(:last-child), .grid > [class*=' col-sm-']:not(:last-child) {
    margin-right: 1%; }
  .grid > [class^='col-sm-'].last-sm, .grid > [class*=' col-sm-'].last-sm {
    margin-right: 0; }
  .grid > .col-sm-1 {
    width: 7.4167%; }
  .grid > .col-sm-2 {
    width: 15.8333%; }
  .grid > .col-sm-3 {
    width: 24.25%; }
  .grid > .col-sm-4 {
    width: 32.6667%; }
  .grid > .col-sm-5 {
    width: 41.0833%; }
  .grid > .col-sm-6 {
    width: 49.5%; }
  .grid > .col-sm-7 {
    width: 57.9167%; }
  .grid > .col-sm-8 {
    width: 66.3333%; }
  .grid > .col-sm-9 {
    width: 74.75%; }
  .grid > .col-sm-10 {
    width: 83.1667%; }
  .grid > .col-sm-11 {
    width: 91.5833%; }
  .grid > .col-sm-12 {
    width: 100%; }
  .grid > .col-sm-2-4 {
    width: 19.2%; }
  .grid > .push-sm-1 {
    margin-left: 8.4167%; }
  .grid > .push-sm-2 {
    margin-left: 16.8333%; }
  .grid > .push-sm-3 {
    margin-left: 25.25%; }
  .grid > .push-sm-4 {
    margin-left: 33.6667%; }
  .grid > .push-sm-5 {
    margin-left: 42.0833%; }
  .grid > .push-sm-6 {
    margin-left: 50.5%; }
  .grid > .push-sm-7 {
    margin-left: 58.9167%; }
  .grid > .push-sm-8 {
    margin-left: 67.3333%; }
  .grid > .push-sm-9 {
    margin-left: 75.75%; }
  .grid > .push-sm-10 {
    margin-left: 84.1667%; }
  .grid > .push-sm-11 {
    margin-left: 92.5833%; }
  .grid > .push-sm-2-4 {
    margin-left: 20.2%; } }

@media (max-width: 767px) {
  .grid > [class^='col-xs-'], .grid > [class*=' col-xs-'] {
    margin-left: 0; }
  .grid > [class^='col-xs-']:not(:last-child), .grid > [class*=' col-xs-']:not(:last-child) {
    margin-right: 3%; }
  .grid > [class^='col-xs-'].last-xs, .grid > [class*=' col-xs-'].last-xs {
    margin-right: 0; }
  .grid > .col-xs-1 {
    width: 5.5833%; }
  .grid > .col-xs-2 {
    width: 14.1667%; }
  .grid > .col-xs-3 {
    width: 22.75%; }
  .grid > .col-xs-4 {
    width: 31.3333%; }
  .grid > .col-xs-5 {
    width: 39.9167%; }
  .grid > .col-xs-6 {
    width: 48.5%; }
  .grid > .col-xs-7 {
    width: 57.0833%; }
  .grid > .col-xs-8 {
    width: 65.6667%; }
  .grid > .col-xs-9 {
    width: 74.25%; }
  .grid > .col-xs-10 {
    width: 82.8333%; }
  .grid > .col-xs-11 {
    width: 91.4167%; }
  .grid > .col-xs-12 {
    width: 100%; }
  .grid > .col-xs-2-4 {
    width: 17.6%; }
  .grid > .push-xs-1 {
    margin-left: 8.5833%; }
  .grid > .push-xs-2 {
    margin-left: 17.1667%; }
  .grid > .push-xs-3 {
    margin-left: 25.75%; }
  .grid > .push-xs-4 {
    margin-left: 34.3333%; }
  .grid > .push-xs-5 {
    margin-left: 42.9167%; }
  .grid > .push-xs-6 {
    margin-left: 51.5%; }
  .grid > .push-xs-7 {
    margin-left: 60.0833%; }
  .grid > .push-xs-8 {
    margin-left: 68.6667%; }
  .grid > .push-xs-9 {
    margin-left: 77.25%; }
  .grid > .push-xs-10 {
    margin-left: 85.8333%; }
  .grid > .push-xs-11 {
    margin-left: 94.4167%; }
  .grid > .push-xs-2-4 {
    margin-left: 20.6%; } }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Micro clearfix reloaded: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the 'contenteditable' attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements that receive the 'cfix' class.
 * 2. The use of 'table' rather than 'block' is only necessary if using ':before' to contain the top-margins of child elements.
 */
.cfix:before,
.cfix:after,
.fr-fieldset:before,
.fr-fieldset:after,
.fr:before,
.fr:after{
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cfix:after,
.fr-fieldset:after,
.fr:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.lt-ie8 .cfix,
.lt-ie8 .fr-fieldset,
.lt-ie8 .fr {
    zoom: 1;
}

/*
 * Spacing between form widgets.
 */
.fr {
    margin: 1em 0;
}

.fr-brd {
	padding-bottom: 1em;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 0;
}

.form-horizontal .control-label {
	float: left;
	width: 160px;
	text-align: right;
}
.form-horizontal .controls {
	padding-left: 1em;
	margin-left: 160px;
}

.form-horizontal-wide .control-label {
	float: left;
	width: 220px;
	text-align: right;
}
.form-horizontal-wide .controls {
	padding-left: 1em;
	margin-left: 220px;
}

.fr-vertical .control-label {
	float: none;
	width: auto;
	text-align: left;
}

.fr-vertical .controls {
	padding-left: 0;
	margin-left: 0;
}

.form .actions,
form .actions {
	padding: 1em 0;
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
}

.form .btm-actions,
form .btm-actions {
	width: 100%;
	padding: 1em;
	margin-right: -1em;
	margin-left: -1em;
	z-index: 130;
}

.form .s1,
form .s1 {
  width: 60px;
}
.form .s-date,
form .s-date {
  width: 65px;
}
.form .s-icon,
form .s-icon {
  width: 194px!important;
}
.form .s2-icon,
form .s2-icon {
  width: 168px!important;
}
form .s15 {
  width: 100px;
}
form .s2 {
  width: 140px;
}
form .s3 {
  width: 220px;
}
form .s4 {
  width: 300px;
}
form .s5 {
  width: 380px;
}
form .s6 {
  width: 460px;
}
form .s7 {
  width: 540px;
}
form .s8 {
  width: 620px;
}
form .s9 {
  width: 700px;
}
form .s10 {
  width: 780px;
}
form .s11 {
  width: 860px;
}
form .s12 {
  width: 940px;
}
.s100 {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*
 * Force next row in listings.
 */
.spacer {
	clear: both!important;
	display: block!important;
	float: none!important;
	overflow: hidden!important;
	width: auto!important;
	height: 0!important;
	margin: 0!important;
	padding: 0!important;
	font-size: 0!important;
	line-height: 0!important;
}

/*
 * Float and clear helpers.
 */
.f-none {
	float: none!important;
}
.f-left {
	float: left!important;
}
.f-right {
	float: right!important;
}

/*
 * Addresses IE6 double margin bug.
 */
.lt-ie7 .f-left,
.lt-ie7 .f-right {
	display: inline;
}

.clear {
	clear: both!important;
}
.c-left {
	clear: left!important;
}
.c-right {
	clear: right!important;
}

/*
 * Align helpers.
 */
.a-left {
	text-align: left!important;
}
.a-center {
	text-align: center!important;
}
.a-center-table td {
	text-align: center!important;
}
.a-right {
	text-align: right!important;
}
.a-middle {
	vertical-align: middle!important;
}
.a-top, .a-top:before {
	vertical-align: top!important;
}

.v-out {display: table;}
.v-mid {display: table-cell; vertical-align: middle;}
.v-in {display: block;}

.lt-ie8 .v-out {position: relative;}
.lt-ie8 .v-mid {position: absolute; top: 50%;}
.lt-ie8 .v-in {position: relative; top: -50%}

/*
 * Margin and padding helpers.
 */
.m-0 {
	margin: 0!important;
}
.m-05 {
	margin: .5em!important;
}
.mt-05 {
	margin-top: .5em!important;
}
.mr-05 {
	margin-right: .5em!important;
}
.mb-05 {
	margin-bottom: .5em!important;
}
.ml-05 {
	margin-left: .5em!important;
}
.m-1 {
	margin: 1em!important;
}
.mt-1 {
	margin-top: 1em!important;
}
.mr-1 {
	margin-right: 1em!important;
}
.mb-0 {
	margin-bottom: 0!important;
}
.mb-1 {
	margin-bottom: 1em!important;
}
.ml-1 {
	margin-left: 1em!important;
}

.p-0 {
	padding: 0!important;
}
.p-05 {
	padding: .5em!important;
}
.pt-05 {
	padding-top: .5em!important;
}
.pr-05 {
	padding-right: .5em!important;
}
.pb-05 {
	padding-bottom: .5em!important;
}
.pl-05 {
	padding-left: .5em!important;
}
.p-1 {
	padding: 1em!important;
}
.pt-1 {
	padding-top: 1em!important;
}
.pr-1 {
	padding-right: 1em!important;
}
.pb-1 {
	padding-bottom: 1em!important;
}
.pl-1 {
	padding-left: 1em!important;
}

/*
 * Font size helpers.
 */
.smallest {font-size: 75%!important;} /*9px*/
.smaller {
	font-size: 84.6153%!important; /*11px*/
}
.small .small {
	font-size: 91.6666%!important; /*11px*/
}
.small {
	font-size: 92.3076%!important; /*12px*/
}
.small .big {
	font-size: 108.3333%!important; /*13px*/
}
.big .small {
	font-size: 92.8571%!important; /*13px*/
}
.big {
	font-size: 107.6923%!important; /*14px*/
}
.big .big {
	font-size: 107.1428%!important; /*15px*/
}
.bigger {
	font-size: 115.3846%!important; /*15px*/
}
.f20 {
	font-size: 153.8462%!important; /*15px*/
}

/*
 * Link undeline helpers.
 */
a.all-on,
a.all-on:hover,
a.all-on:active,
a.on-off,
a.off-on:hover,
a.off-on:active {
	text-decoration: underline!important;
}
a.all-off,
a.all-off:hover,
a.all-off:active,
a.off-on,
a.on-off:hover,
a.on-off:active {
	text-decoration: none!important;
}

/*
 * Visibility helpers.
 */
.none {
	display: none;
}
.hide {
	display: none!important;
}
.hidden {
	visibility: hidden!important;
}
.invisible {
	position: absolute!important;
	top: -1000em;
	left: -1000em;
}
.stealth {
	position: relative!important;
	left: -1000em;
}

/*
 * Misc helpers.
 */
.bold,
.bold-links a,
.bold-links a:hover,
.bold-links a:active {
	font-weight: 700!important;
}
.normal {
	font-weight: 400!important;
}
.italic {
	font-style: italic!important;
}
.underline {
	text-decoration: underline!important;
}
.strike {
	text-decoration: line-through!important;
}
.upper {
	text-transform: uppercase!important;
}

.ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.block {
	display: block!important;
}
.in-bl {
	display: inline-block!important;
}
.lt-ie8 .in-bl {
    display: inline;
    zoom: 1;
}
.inline,
.inline li {
	display: inline!important;
}

.p-rel {
	position: relative!important;
}
.o-hidden {
	overflow: hidden!important;
}
.nowrap {
	white-space: nowrap!important;
}
.break-word {
	-ms-word-break: break-all;
	word-break: break-all;

	/* Non standard for webkit */
	word-break: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.pointer {
	cursor: pointer!important;
}
.move {
	cursor: move!important;
}
.zoom-in {
	cursor: pointer!important;
	cursor: zoom-in!important;
	cursor: -webkit-zoom-in!important;
	cursor: -moz-zoom-in!important;
}
.zoom-out {
	cursor: pointer!important;
	cursor: zoom-out!important;
	cursor: -webkit-zoom-out!important;
	cursor: -moz-zoom-out!important;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/* ==========================================================================
   Normalize
   ========================================================================== */
   

/*
 * Default link colors (google style).
 */
a,
a:hover,
a:active {
	color: #1122cc;
}
a:visited {
	color: #660099;
}

/*
 * Addresses 'font-family' inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	color: #222222;
}

select,
textarea,
input.txt,
input.pass,
input[type="text"],
input[type="password"] {
  border: 1px solid #cccccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #ffffff;
}

select:focus,
textarea:focus,
input.txt:focus,
input.pass:focus,
input[type="text"]:focus,
input[type="password"]:focus {
  border-color: #99ccff;
  outline: 0;
}

/*
 * These selection declarations have to be separate.
 */
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

input::-ms-clear {
	display: none;
}
input::-ms-reveal {
	display: none;
}

/*
 * These selection declarations have to be separate.
 */

::-moz-selection {
	background: #323268;
	color: #ffffff;
}

::selection {
	background: #323268;
	color: #ffffff;
}

/*
 * A better looking default horizontal rule.
 */
hr {
    border-top-color: #cccccc;
	border-bottom: 1px solid #ffffff;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
    background: #ffff00;
    color: #000000;
}

.mark-active, .mark-on, .mark-open {color: #008000;font-weight: bold;}
.mark-inactive, .mark-off, .mark-closed {color: #ff0000;font-weight: bold;}
.mark-refunded {color: #00ffde;font-weight: bold;}  
.mark-shipped {color: #7208a3;font-weight: bold;}  
.mark-rejected {color: #a90c0c;font-weight: bold;}     
.mark-pending{color: #b7b1b1;font-weight: bold;}       
.mark-not_completed{color: #cdb0b0;font-weight: bold;} 

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp,
var {
    font-family: 'Courier New', Courier, monospace;
}

.dark,
a.dark,
a.dark:hover,
a.dark:active,
.dark-links a,
.dark-links a:hover,
.dark-links a:active {
	color: #444444!important;
}
.gray,
.gray:before,
.gray:after,
a.gray,
a.gray:hover,
a.gray:active,
.gray-links a,
.gray-links a:hover,
.gray-links a:active {
	color: #AAAAAA!important;
}
.light,
.light:before,
.light:after,
a.light,
a.light:hover,
a.light:active {
	color: #dddddd!important;
}

.hint,
.red-hint {
	font-size: 92.3076%!important;
	font-weight: 400;
	color: #AAAAAA;
}
.red-hint {
	color: #ce0000;
}

.jform-err-parse .error_block {
	display: none;
}

/* LAYOUT */
#loading_layer,
#loading_page_layer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11000;
	width: 100%;
	min-height: 100%;
	height: auto!important;
	height: 100%;
	/*background-image: url(../img/img_main/white030.png);
	background-repeat: repeat;
	background-position: 0 0;*/
}

#loading_layer_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=30);
}

.lt_ie7 #loading_layer,
.lt_ie7 #loading_page_layer {
	position: absolute;
}

.js #loading_layer,
.js #loading_page_layer {
	display: block;
}
	#loading_layer_msg {
		position: absolute;
		top: 0;
		left: 210px;
		width: 24px;
		padding: 18px 0 0 0;
	}

	#loading_layer_msg_center {
		position: absolute;
		top: 5px;
		left: 50%;
		width: 120px;
		padding: .5em 0;
		margin-left: -60px;
	}

@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from { transform: rotate(0); }
	to { transform: rotate(360deg); }
}
.spinner {
	-webkit-animation: spin 1.5s infinite linear;
	animation: 1.5s linear infinite spin;
}
/* Disable Google Chrome Yellow Field Background */
input:-webkit-autofill { -webkit-box-shadow:0 0 0 500px white inset; }