@import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css?family=Jura:300,400,500,600,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,600i,300i,400i,300,900,800);@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;900&display=swap);@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);@charset "UTF-8";
html {
  font-family: "Jura", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

div:focus,
button:focus {
  outline: none !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

#map {
  width: 100%;
  height: 800px;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type=submit] {
  background-color: transparent;
  border: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

* {
  box-sizing: border-box;
  outline: none;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
  font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

small,
.small {
  font-size: 85%;
}

.x-small {
  font-size: x-small;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}

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

.text-right {
  text-align: right;
}

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

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase,
.initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.42857;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857;
  color: #777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014\A0";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: "\A0\2014";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container:before,
.container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row-eq-height {
  display: flex;
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*=col-] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*=col-],
table th[class*=col-] {
  position: static;
  float: none;
  display: table-cell;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  .table-responsive > .table {
    margin-bottom: 0;
  }

  .table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }

  .table-responsive > .table-bordered {
    border: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }

  .table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type=search] {
  box-sizing: border-box;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
    line-height: 34px;
  }

  input[type=date].input-sm,
.input-group-sm > input[type=date].form-control,
.input-group-sm > input[type=date].input-group-addon,
.input-group-sm > .input-group-btn > input[type=date].btn,
.input-group-sm input[type=date],
input[type=time].input-sm,
.input-group-sm > input[type=time].form-control,
.input-group-sm > input[type=time].input-group-addon,
.input-group-sm > .input-group-btn > input[type=time].btn,
.input-group-sm input[type=time],
input[type=datetime-local].input-sm,
.input-group-sm > input[type=datetime-local].form-control,
.input-group-sm > input[type=datetime-local].input-group-addon,
.input-group-sm > .input-group-btn > input[type=datetime-local].btn,
.input-group-sm input[type=datetime-local],
input[type=month].input-sm,
.input-group-sm > input[type=month].form-control,
.input-group-sm > input[type=month].input-group-addon,
.input-group-sm > .input-group-btn > input[type=month].btn,
.input-group-sm input[type=month] {
    line-height: 30px;
  }

  input[type=date].input-lg,
.input-group-lg > input[type=date].form-control,
.input-group-lg > input[type=date].input-group-addon,
.input-group-lg > .input-group-btn > input[type=date].btn,
.input-group-lg input[type=date],
input[type=time].input-lg,
.input-group-lg > input[type=time].form-control,
.input-group-lg > input[type=time].input-group-addon,
.input-group-lg > .input-group-btn > input[type=time].btn,
.input-group-lg input[type=time],
input[type=datetime-local].input-lg,
.input-group-lg > input[type=datetime-local].form-control,
.input-group-lg > input[type=datetime-local].input-group-addon,
.input-group-lg > .input-group-btn > input[type=datetime-local].btn,
.input-group-lg input[type=datetime-local],
input[type=month].input-lg,
.input-group-lg > input[type=month].form-control,
.input-group-lg > input[type=month].input-group-addon,
.input-group-lg > .input-group-btn > input[type=month].btn,
.input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9 ;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type=radio][disabled],
input[type=radio].disabled,
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg,
.input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

.input-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm,
.input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
.input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

select.input-lg,
.input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
.input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle,
.btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret,
.btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret,
.dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.nav > li.disabled > a {
  color: #777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified,
.nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li,
.nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar:before,
.navbar:after {
  content: " ";
  display: table;
}

.navbar:after {
  clear: both;
}

.navbar-header:before,
.navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm,
.btn-group-sm > .navbar-btn.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs,
.btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #fff;
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  content: "/\A0";
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb > .active {
  color: #777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 1px;
  text-align: center;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #b92a2a;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #d32f2f;
  border-color: #d32f2f;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}

.pager:before,
.pager:after {
  content: " ";
  display: table;
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  background-color: #fff;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #777;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.btn-xs .badge,
.btn-group-xs > .btn .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}

.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.jumbotron > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}

.jumbotron .container {
  max-width: 100%;
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out;
}

.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #333;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent;
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent;
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent;
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eee;
  color: #777;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before,
.panel-body:after {
  content: " ";
  display: table;
}

.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

button.close-error {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  font-size: 24px;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header:before,
.modal-header:after {
  content: " ";
  display: table;
}

.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
@font-face {
  font-family: "SF-UI-Display-Thin";
  src: url("fonts/SF-UI-Display-Thin.eot");
  src: local("\393\FF\2551"), url("fonts/SF-UI-Display-Thin.woff") format("woff"), url("fonts/SF-UI-Display-Thin.ttf") format("truetype"), url("fonts/SF-UI-Display-Thin.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SF-UI-Display-Light";
  src: url("fonts/SF-UI-Display-Light.eot");
  src: local("\393\FF\2551"), url("fonts/SF-UI-Display-Light.woff") format("woff"), url("fonts/SF-UI-Display-Light.ttf") format("truetype"), url("fonts/SF-UI-Display-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SF-UI-Display-Regular";
  src: url("fonts/SF-UI-Display-Regular.eot");
  src: local("\393\FF\2551"), url("fonts/SF-UI-Display-Regular.woff") format("woff"), url("fonts/SF-UI-Display-Regular.ttf") format("truetype"), url("fonts/SF-UI-Display-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SF-UI-Display-Bold";
  src: url("fonts/SF-UI-Display-Bold.eot");
  src: local("\393\FF\2551"), url("fonts/SF-UI-Display-Bold.woff") format("woff"), url("fonts/SF-UI-Display-Bold.ttf") format("truetype"), url("fonts/SF-UI-Display-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
html,
body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.57;
  color: #333;
  font-weight: normal;
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  background: #eee;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.thin-text {
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #282828;
}

h1 {
  font-size: 40px;
  font-family: "Jura", sans-serif;
}

h1.light {
  font-family: "Jura", sans-serif;
  font-weight: 300;
}

h2 {
  font-size: 34px;
  font-family: "Jura", sans-serif;
}

h2.bold {
  font-family: "Jura", sans-serif;
  font-weight: 700;
}

h2.h2big {
  font-size: 40px;
}

h3 {
  font-size: 30px;
  font-family: "Jura", sans-serif;
}

h3.h3big {
  font-size: 32px;
}

h3.thin {
  font-family: "Jura", sans-serif;
  font-weight: 300;
}

h3.bold {
  font-family: "Jura", sans-serif;
  font-weight: 700;
}

h4 {
  font-size: 28px;
  font-family: "Jura", sans-serif;
}

h5 {
  font-size: 24px;
  font-family: "Jura", sans-serif;
}

h5.bold {
  font-family: "Jura", sans-serif;
  font-weight: 700;
}

h5.thin {
  font-family: "Jura", sans-serif;
  font-weight: 300;
}

h6 {
  font-size: 22px;
  font-family: "Jura", sans-serif;
}

h6.light {
  font-family: "Jura", sans-serif;
  font-weight: 300;
}

h6.thin {
  font-family: "Jura", sans-serif;
  font-weight: 300;
}

.bigtitle {
  font-size: 52px;
  font-family: "Jura", sans-serif;
}

.fancyLine:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 100%;
  border-bottom: 1px solid #505050;
  margin-bottom: 10px;
  margin-right: 10px;
}

.fancyLine:after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 100%;
  border-bottom: 1px solid #505050;
  margin-bottom: 10px;
  margin-left: 10px;
}

.fancyLine-bright:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 100%;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 10px;
  margin-right: 10px;
}

.fancyLine-bright:after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 100%;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 10px;
  margin-left: 10px;
}

.fancytitle {
  position: relative;
  font-size: 2.5em;
  font-family: "Jura", sans-serif;
}

.fancytitle span {
  background-color: transparent;
  padding: 10px;
}

.fancytitle:before {
  content: "";
  display: inline-block;
  width: 5%;
  height: 100%;
  border-bottom: 4px solid #D13135;
  margin-bottom: 10px;
  margin-right: 15px;
}

.fancytitle:after {
  content: "";
  display: inline-block;
  width: 5%;
  height: 100%;
  border-bottom: 4px solid #D13135;
  margin-bottom: 10px;
  margin-left: 15px;
}

.fancytitle-left {
  position: relative;
  font-size: 40px;
  font-family: "Jura", sans-serif;
}

.fancytitle-left span {
  background-color: transparent;
  padding-right: 10px;
}

.fancytitle-left:after {
  content: "";
  display: inline-block;
  width: 20%;
  height: 100%;
  margin-right: -100%;
  border-bottom: 4px solid #D13135;
  margin-bottom: 10px;
}

.fancytitle-right {
  position: relative;
  font-size: 40px;
  font-family: "Jura", sans-serif;
}

.fancytitle-right span {
  background-color: transparent;
  padding-left: 10px;
}

.fancytitle-right:before {
  content: "";
  display: inline-block;
  width: 20%;
  height: 100%;
  border-bottom: 4px solid #D13135;
  margin-bottom: 10px;
}

.uppercase {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.building-type .dropdown-menu {
  font-size: 17px;
}

.icon-box-custome {
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 600 !important;
}

footer {
  font-size: 14px;
}

p.bigParagraph {
  font-size: 22px;
}

.thinFont {
  font-weight: 300;
}

.boldFont {
  font-weight: bold;
}

.fancy-font {
  font-family: "Jura", sans-serif;
}

.bright,
.bright h1,
.bright h2,
.bright h3,
.bright h4,
.bright h5,
.bright h6,
.bright p,
.bright a {
  color: #ffffff;
}

.bright-bright {
  color: #fff !important;
}

p.upperCase {
  text-transform: uppercase;
  font-size: 14px;
}

ul.defaultList li {
  font-size: 15px;
}

.readMore {
  font-size: 14px;
}

@media (max-width: 767px) {
  h2 {
    font-size: 28px;
  }

  h2.h2big {
    font-size: 30px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 22px;
  }

  .bigtitle {
    font-size: 32px;
  }

  div.banerText p {
    font-size: 17px;
  }

  .benefits li h6 {
    font-size: 20px;
  }
}
@media (min-width: 1921px) {
  html,
body {
    font-size: 14px;
  }
}
.selectBox {
  display: inline-block;
  position: relative;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0 10px;
}

.selectBox:after {
  content: ".";
  font-size: 0;
  width: 44px;
  top: 0;
  right: 0;
  bottom: 0;
  background: #ccc url("../images/img/selectbox-arrow.png") no-repeat center;
  position: absolute;
  pointer-events: none;
  border-radius: 0 3px 3px 0;
}

.selectBox select {
  padding: 0px;
  font-size: 14px;
  color: #7c7c7c;
  width: 100%;
  color: #414141;
  outline: 0;
  background: transparent;
  border: 0;
  height: 38px;
  line-height: 40px;
}

.findLocal.selectBox {
  width: 180px;
  margin-left: 20px;
  margin-right: 20px;
}

.chBuilding {
  width: 307px;
  max-width: 100%;
}

.chBuilding.selectBox select {
  color: rgba(65, 65, 65, 0.77);
}

.black-arrow .selectBox {
  border: 1px solid #cecac1;
}

.black-arrow .selectBox select {
  border: 0;
}

.small-arrow .selectBox:after {
  background-image: url("../images/img/drop-down-arrow-small.png") !important;
}

ul.getform {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.getform li {
  margin-bottom: 10px;
  position: relative;
}

ul.getform li button {
  width: 100%;
}

ul.getform li input[type=text],
ul.getform li input[type=email],
ul.getform li input[type=url],
ul.getform li textarea {
  width: 100%;
  color: #666;
  font-size: 14px;
  background: #fff;
  border-radius: 3px;
  padding: 8px 15px;
  outline: 0;
  border: 1px solid #cecac1;
}

ul.getform li .captcha-container > span {
  display: none;
}

ul.getform li .selectBox {
  width: 100%;
  border: 1px solid #cecac1;
  height: 38px;
}

ul.getform li .selectBox select {
  color: #666;
  border: 0;
}

ul.getform li .selectBox:after,
.black-arrow .selectBox:after {
  background-image: url("../images/img/drop-down-arrow.png");
  background-color: #fff;
  border-left: 1px solid #ccc;
}

ul.getform li textarea {
  min-height: 120px;
  display: block;
}

ul.getform li .two-fields {
  width: 50%;
}

ul.getform li .two-fields:first-child {
  padding-right: 5px;
  float: left;
}

ul.getform li .two-fields:last-child {
  padding-left: 5px;
  float: right;
}

ul.getform li .three-fields {
  width: 33.3333%;
}

ul.getform li .three-fields:first-child {
  padding-right: 5px;
  float: left;
}

ul.getform li .three-fields:nth-child(2) {
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  margin-bottom: 2px;
}

ul.getform li .three-fields:last-child {
  padding-left: 0px;
  float: right;
}

ul.getform li .four-fields {
  width: 25%;
}

ul.getform li .four-fields:first-child {
  padding-right: 5px;
  float: left;
}

ul.getform li .four-fields:nth-child(2) {
  padding-right: 5px;
  float: left;
  margin-bottom: 2px;
}

ul.getform li .four-fields:nth-child(3) {
  padding-right: 5px;
  padding-left: 5px;
  float: left;
}

ul.getform li .four-fields:last-child {
  padding-left: 0px;
  float: right;
}

ul.getform li input[type=text]::-webkit-input-placeholder {
  color: #666;
}

ul.getform li input[type=text]:-moz-placeholder {
  color: #666;
}

ul.getform li input[type=text]::-moz-placeholder {
  color: #666;
}

ul.getform li input[type=text]:-ms-input-placeholder {
  color: #666;
}

.white-placeholder input[type=text]::-webkit-input-placeholder {
  color: #fff;
}

.white-placeholder input[type=text]:-moz-placeholder {
  color: #fff;
}

.white-placeholder input[type=text]::-moz-placeholder {
  color: #fff;
}

.white-placeholder input[type=text]:-ms-input-placeholder {
  color: #fff;
}

ul.getform li textarea::-webkit-input-placeholder {
  color: #666;
}

ul.getform li textarea:-moz-placeholder {
  color: #666;
}

ul.getform li textarea::-moz-placeholder {
  color: #666;
}

ul.getform li textarea:-ms-input-placeholder {
  color: #666;
}

.error {
  border-color: #ff0000 !important;
}

label.error {
  color: #ff0707;
  font-size: 15px;
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  transform: scale(1.1);
}

.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
  transform: scale(0.9);
}

@-webkit-keyframes hvr-pulse {
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-pulse:hover,
.hvr-pulse:focus,
.hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes hvr-pulse-grow {
  to {
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-pulse-grow:hover,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes hvr-pulse-shrink {
  to {
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-pulse-shrink:hover,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes hvr-push {
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-push:hover,
.hvr-push:focus,
.hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-pop {
  50% {
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-pop:hover,
.hvr-pop:focus,
.hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.5s;
}

.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
  transform: scale(1.2);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.5s;
}

.hvr-bounce-out:hover,
.hvr-bounce-out:focus,
.hvr-bounce-out:active {
  transform: scale(0.8);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
  transform: rotate(4deg);
}

.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow-rotate:hover,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:active {
  transform: scale(1.1) rotate(4deg);
}

.hvr-float {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
  transform: translateY(-8px);
}

.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-sink:hover,
.hvr-sink:focus,
.hvr-sink:active {
  transform: translateY(8px);
}

@-webkit-keyframes hvr-bob {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

@-webkit-keyframes hvr-hang {
  0% {
    transform: translateY(8px);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    transform: translateY(8px);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-hang:hover,
.hvr-hang:focus,
.hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-skew:hover,
.hvr-skew:focus,
.hvr-skew:active {
  transform: skew(-10deg);
}

.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-forward:hover,
.hvr-skew-forward:focus,
.hvr-skew-forward:active {
  transform: skew(-10deg);
}

.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: transform;
  transform-origin: 0 100%;
}

.hvr-skew-backward:hover,
.hvr-skew-backward:focus,
.hvr-skew-backward:active {
  transform: skew(10deg);
}

@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-wobble-vertical:hover,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-wobble-horizontal:hover,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    transform: translate(8px, 8px);
  }
  33.3% {
    transform: translate(-6px, -6px);
  }
  49.95% {
    transform: translate(4px, 4px);
  }
  66.6% {
    transform: translate(-2px, -2px);
  }
  83.25% {
    transform: translate(1px, 1px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    transform: translate(8px, 8px);
  }
  33.3% {
    transform: translate(-6px, -6px);
  }
  49.95% {
    transform: translate(4px, 4px);
  }
  66.6% {
    transform: translate(-2px, -2px);
  }
  83.25% {
    transform: translate(1px, 1px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-wobble-to-bottom-right:hover,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    transform: translate(8px, -8px);
  }
  33.3% {
    transform: translate(-6px, 6px);
  }
  49.95% {
    transform: translate(4px, -4px);
  }
  66.6% {
    transform: translate(-2px, 2px);
  }
  83.25% {
    transform: translate(1px, -1px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-top-right {
  16.65% {
    transform: translate(8px, -8px);
  }
  33.3% {
    transform: translate(-6px, 6px);
  }
  49.95% {
    transform: translate(4px, -4px);
  }
  66.6% {
    transform: translate(-2px, 2px);
  }
  83.25% {
    transform: translate(1px, -1px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-wobble-to-top-right:hover,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-wobble-top {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transform-origin: 0 100%;
}

.hvr-wobble-top:hover,
.hvr-wobble-top:focus,
.hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
@keyframes hvr-wobble-bottom {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transform-origin: 100% 0;
}

.hvr-wobble-bottom:hover,
.hvr-wobble-bottom:focus,
.hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
@keyframes hvr-wobble-skew {
  16.65% {
    transform: skew(-12deg);
  }
  33.3% {
    transform: skew(10deg);
  }
  49.95% {
    transform: skew(-6deg);
  }
  66.6% {
    transform: skew(4deg);
  }
  83.25% {
    transform: skew(-2deg);
  }
  100% {
    transform: skew(0);
  }
}
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-wobble-skew:hover,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-buzz:hover,
.hvr-buzz:focus,
.hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes hvr-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-buzz-out:hover,
.hvr-buzz-out:focus,
.hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  transition-duration: 0.3s;
  transition-property: color, background-color;
}

.hvr-fade:hover,
.hvr-fade:focus,
.hvr-fade:active {
  background-color: #2098D1;
  color: white;
}

@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  transition-duration: 0.5s;
  transition-property: color, background-color;
}

.hvr-back-pulse:hover,
.hvr-back-pulse:focus,
.hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white;
}

.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  transform: scaleX(1);
}

.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
  color: white;
}

.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
  transform: scaleX(1);
}

.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
  color: white;
}

.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
  transform: scaleY(1);
}

.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:active {
  color: white;
}

.hvr-sweep-to-top:hover:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:active:before {
  transform: scaleY(1);
}

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
  color: white;
}

.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-left:hover,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:active {
  color: white;
}

.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:active:before {
  transform: scaleX(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:active {
  color: white;
}

.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-property: color;
  transition-duration: 0.5s;
}

.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-top:hover,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:active {
  color: white;
}

.hvr-bounce-to-top:hover:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:active:before {
  transform: scaleY(1);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
  transform: scale(2);
}

.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  transform: scale(2);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-radial-in:hover,
.hvr-radial-in:focus,
.hvr-radial-in:active {
  color: white;
}

.hvr-radial-in:hover:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:active:before {
  transform: scale(0);
}

.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  transform: scale(1);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:active {
  color: white;
}

.hvr-rectangle-in:hover:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:active:before {
  transform: scale(0);
}

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
  color: white;
}

.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
  transform: scale(1);
}

.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleX(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:active {
  color: white;
}

.hvr-shutter-in-horizontal:hover:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:active:before {
  transform: scaleX(0);
}

.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active {
  color: white;
}

.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before {
  transform: scaleX(1);
}

.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098D1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  transform: scaleY(1);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-vertical:hover,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:active {
  color: white;
}

.hvr-shutter-in-vertical:hover:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:active:before {
  transform: scaleY(0);
}

.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  transition-property: color;
  transition-duration: 0.3s;
}

.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  transform: scaleY(0);
  transform-origin: 50%;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-vertical:hover,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:active {
  color: white;
}

.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
  transform: scaleY(1);
}

.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}

.hvr-border-fade:hover,
.hvr-border-fade:focus,
.hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent;
}

.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
}

.hvr-hollow:hover,
.hvr-hollow:focus,
.hvr-hollow:active {
  background: none;
}

.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-trim:before {
  content: "";
  position: absolute;
  border: #fff solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.hvr-trim:hover:before,
.hvr-trim:focus:before,
.hvr-trim:active:before {
  opacity: 1;
}

@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-ripple-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-ripple-in:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.hvr-ripple-in:hover:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-outline-out:before {
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}

.hvr-outline-out:hover:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-outline-in:before {
  pointer-events: none;
  content: "";
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: top, right, bottom, left;
}

.hvr-outline-in:hover:before,
.hvr-outline-in:focus:before,
.hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: border-radius;
}

.hvr-round-corners:hover,
.hvr-round-corners:focus,
.hvr-round-corners:active {
  border-radius: 1em;
}

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
  right: 0;
}

.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-from-right:hover:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:active:before {
  left: 0;
}

.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-left:hover:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:active:before {
  right: 0;
}

.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left, right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-center:hover:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transition-property: left;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-from-right:hover:before,
.hvr-overline-from-right:focus:before,
.hvr-overline-from-right:active:before {
  left: 0;
}

.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  transition-property: border-width;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}

.hvr-reveal:hover:before,
.hvr-reveal:focus:before,
.hvr-reveal:active:before {
  transform: translateY(0);
  border-width: 4px;
}

.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
  transform: translateY(0);
}

.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  transform: translateY(-4px);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.hvr-overline-reveal:hover:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:active:before {
  transform: translateY(0);
}

.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-glow:hover,
.hvr-glow:focus,
.hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-shadow:hover,
.hvr-shadow:focus,
.hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
}

.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
}

.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow;
}

.hvr-box-shadow-outset:hover,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: 0.3s;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}

.hvr-box-shadow-inset:hover,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}

.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  transition-duration: 0.3s;
  transition-property: transform, opacity;
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
  transform: translateY(-5px);
}

.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
  opacity: 1;
  transform: translateY(5px);
}

.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-shadow-radial:before,
.hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
}

.hvr-shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}

.hvr-shadow-radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}

.hvr-shadow-radial:hover:before,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:active:after {
  opacity: 1;
}

.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}

.hvr-bubble-top:hover:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:active:before {
  transform: translateY(-10px);
}

.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}

.hvr-bubble-right:hover:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:active:before {
  transform: translateX(10px);
}

.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}

.hvr-bubble-bottom:hover:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:active:before {
  transform: translateY(10px);
}

.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}

.hvr-bubble-left:hover:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:active:before {
  transform: translateX(-10px);
}

.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-top:hover,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:active {
  transform: translateY(10px);
}

.hvr-bubble-float-top:hover:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:active:before {
  transform: translateY(-10px);
}

.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: "";
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-right:hover,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:active {
  transform: translateX(-10px);
}

.hvr-bubble-float-right:hover:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:active:before {
  transform: translateX(10px);
}

.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: "";
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-bottom:hover,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:active {
  transform: translateY(-10px);
}

.hvr-bubble-float-bottom:hover:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:active:before {
  transform: translateY(10px);
}

.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-bubble-float-left:hover,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:active {
  transform: translateX(10px);
}

.hvr-bubble-float-left:hover:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:active:before {
  transform: translateX(-10px);
}

.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-left: 2.2em;
  transition-duration: 0.1s;
}

.hvr-icon-back:before {
  content: "\F137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-back:hover:before,
.hvr-icon-back:focus:before,
.hvr-icon-back:active:before {
  transform: translateX(-4px);
}

.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.1s;
}

.hvr-icon-forward:before {
  content: "\F138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.1s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-forward:hover:before,
.hvr-icon-forward:focus:before,
.hvr-icon-forward:active:before {
  transform: translateX(4px);
}

@-webkit-keyframes hvr-icon-down {
  0%, 50%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%, 50%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(6px);
  }
}
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-down:before {
  content: "\F01A";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-down:hover:before,
.hvr-icon-down:focus:before,
.hvr-icon-down:active:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes hvr-icon-up {
  0%, 50%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-up {
  0%, 50%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(-6px);
  }
}
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-up:before {
  content: "\F01B";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-up:hover:before,
.hvr-icon-up:focus:before,
.hvr-icon-up:active:before {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-spin:before {
  content: "\F021";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transition-duration: 1s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover:before,
.hvr-icon-spin:focus:before,
.hvr-icon-spin:active:before {
  transform: rotate(360deg);
}

@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  51%, 100% {
    opacity: 1;
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  51%, 100% {
    opacity: 1;
  }
}
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-drop:before {
  content: "\F041";
  position: absolute;
  right: 1em;
  opacity: 1;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-drop:hover:before,
.hvr-icon-drop:focus:before,
.hvr-icon-drop:active:before {
  opacity: 0;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-fade:before {
  content: "\F00C";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.5s;
  transition-property: color;
}

.hvr-icon-fade:hover:before,
.hvr-icon-fade:focus:before,
.hvr-icon-fade:active:before {
  color: #0F9E5E;
}

@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-1em);
  }
}
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-1em);
  }
}
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-float-away:before,
.hvr-icon-float-away:after {
  content: "\F055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
}

.hvr-icon-float-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hvr-icon-float-away:hover:after,
.hvr-icon-float-away:focus:after,
.hvr-icon-float-away:active:after {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(1em);
  }
}
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(1em);
  }
}
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-sink-away:before,
.hvr-icon-sink-away:after {
  content: "\F056";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-sink-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.hvr-icon-sink-away:hover:after,
.hvr-icon-sink-away:focus:after,
.hvr-icon-sink-away:active:after {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-grow:before {
  content: "\F118";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow:hover:before,
.hvr-icon-grow:focus:before,
.hvr-icon-grow:active:before {
  transform: scale(1.3) translateZ(0);
}

.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-shrink:before {
  content: "\F119";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-shrink:hover:before,
.hvr-icon-shrink:focus:before,
.hvr-icon-shrink:active:before {
  transform: scale(0.8);
}

@-webkit-keyframes hvr-icon-pulse {
  25% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(0.8);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-pulse:before {
  content: "\F015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse:hover:before,
.hvr-icon-pulse:focus:before,
.hvr-icon-pulse:active:before {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    transform: scale(1.3);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    transform: scale(1.3);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-pulse-grow:before {
  content: "\F015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:hover:before,
.hvr-icon-pulse-grow:focus:before,
.hvr-icon-pulse-grow:active:before {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse-shrink {
  to {
    transform: scale(0.8);
  }
}
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}

.hvr-icon-pulse-shrink:before {
  content: "\F015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:hover:before,
.hvr-icon-pulse-shrink:focus:before,
.hvr-icon-pulse-shrink:active:before {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes hvr-icon-push {
  50% {
    transform: scale(0.5);
  }
}
@keyframes hvr-icon-push {
  50% {
    transform: scale(0.5);
  }
}
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-push:before {
  content: "\F006";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-push:hover:before,
.hvr-icon-push:focus:before,
.hvr-icon-push:active:before {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-icon-pop {
  50% {
    transform: scale(1.5);
  }
}
@keyframes hvr-icon-pop {
  50% {
    transform: scale(1.5);
  }
}
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-pop:before {
  content: "\F005";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-pop:hover:before,
.hvr-icon-pop:focus:before,
.hvr-icon-pop:active:before {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-bounce:before {
  content: "\F087";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-bounce:hover:before,
.hvr-icon-bounce:focus:before,
.hvr-icon-bounce:active:before {
  transform: scale(1.5);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-rotate:before {
  content: "\F0C6";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-rotate:hover:before,
.hvr-icon-rotate:focus:before,
.hvr-icon-rotate:active:before {
  transform: rotate(20deg);
}

.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-grow-rotate:before {
  content: "\F095";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:hover:before,
.hvr-icon-grow-rotate:focus:before,
.hvr-icon-grow-rotate:active:before {
  transform: scale(1.5) rotate(12deg);
}

.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-float:before {
  content: "\F01B";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-float:hover:before,
.hvr-icon-float:focus:before,
.hvr-icon-float:active:before {
  transform: translateY(-4px);
}

.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-sink:before {
  content: "\F01A";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}

.hvr-icon-sink:hover:before,
.hvr-icon-sink:focus:before,
.hvr-icon-sink:active:before {
  transform: translateY(4px);
}

@-webkit-keyframes hvr-icon-bob {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob {
  0% {
    transform: translateY(-6px);
  }
  50% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    transform: translateY(-6px);
  }
}
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-bob:before {
  content: "\F077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-bob:hover:before,
.hvr-icon-bob:focus:before,
.hvr-icon-bob:active:before {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

@-webkit-keyframes hvr-icon-hang {
  0% {
    transform: translateY(6px);
  }
  50% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang {
  0% {
    transform: translateY(6px);
  }
  50% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(6px);
  }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    transform: translateY(6px);
  }
}
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-hang:before {
  content: "\F078";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-hang:hover:before,
.hvr-icon-hang:focus:before,
.hvr-icon-hang:active:before {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: 0.3s, 1.5s;
  animation-duration: 0.3s, 1.5s;
  -webkit-animation-delay: 0s, 0.3s;
  animation-delay: 0s, 0.3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    transform: translateX(6px);
  }
  33.3% {
    transform: translateX(-5px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    transform: translateX(6px);
  }
  33.3% {
    transform: translateX(-5px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal:before {
  content: "\F061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover:before,
.hvr-icon-wobble-horizontal:focus:before,
.hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    transform: translateY(6px);
  }
  33.3% {
    transform: translateY(-5px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    transform: translateY(6px);
  }
  33.3% {
    transform: translateY(-5px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-wobble-vertical:before {
  content: "\F062";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-wobble-vertical:hover:before,
.hvr-icon-wobble-vertical:focus:before,
.hvr-icon-wobble-vertical:active:before {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-icon-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-icon-buzz {
  50% {
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-buzz:before {
  content: "\F017";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-buzz:hover:before,
.hvr-icon-buzz:focus:before,
.hvr-icon-buzz:active:before {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-icon-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    transform: translateX(1px) rotate(0);
  }
  100% {
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  transition-duration: 0.3s;
}

.hvr-icon-buzz-out:before {
  content: "\F023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  transform: translateZ(0);
}

.hvr-icon-buzz-out:hover:before,
.hvr-icon-buzz-out:focus:before,
.hvr-icon-buzz-out:active:before {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: #fff;
  background: 135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#ffffff", endColorstr="#000000");
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-top-left:hover:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: #fff;
  background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-top-right:hover:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-bottom-right:hover:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  background: 45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%;
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  transition-property: width, height;
}

.hvr-curl-bottom-left:hover:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}

.btnDefault {
  background: #d32f2f;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  border-radius: 3px;
  padding: 12px 15px;
  border: 0;
  overflow: hidden;
}

.btnDefault .sqrBox {
  background: #d32f2f;
}

.btnDefault:hover,
.btnDefault:active,
.btnDefault:focus {
  /*background: #be2a2a;
  color: #fff*/
  background-color: #ff2020;
  color: #fff;
}

.btnDefault:hover .sqrBox,
.btnDefault:active .sqrBox,
.btnDefault:focus .sqrBox {
  background: #d32f2f;
}

.btnDefault.hvr-sweep-to-right:before {
  background: #d32f2f;
}

.btnPrimary {
  background: #d32f2f;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  border-radius: 3px;
  padding: 12px 15px;
  border: 0;
  overflow: hidden;
}

.btnPrimary .sqrBox {
  background: #be2a2a;
}

.btnPrimary:hover,
.btnPrimary:active,
.btnPrimary:focus {
  background: #be2a2a;
  color: #fff;
}

.btnPrimary:hover .sqrBox,
.btnPrimary:active .sqrBox,
.btnPrimary:focus .sqrBox {
  background: #d32f2f;
}

.btnPrimary.hvr-sweep-to-right:before {
  background: #be2a2a;
}

.btnSecandary {
  background: #ffffff;
  font-size: 17px;
  font-weight: 600;
  color: #000;
  border-radius: 3px;
  padding: 12px 15px;
  border: 0;
  overflow: hidden;
}

.btnSecandary .sqrBox {
  background: #e5e5e5;
}

.btnSecandary:hover,
.btnSecandary:active,
.btnSecandary:focus {
  background: #e6e6e6;
  color: #000;
}

.btnSecandary:hover .sqrBox,
.btnSecandary:active .sqrBox,
.btnSecandary:focus .sqrBox {
  background: #fff;
}

.btnSecandary.hvr-sweep-to-right:before {
  background: #e6e6e6;
}

.btnBlack {
  background: #000;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  border-radius: 3px;
  padding: 12px 15px;
  border: 0;
  overflow: hidden;
}

.btnBlack:hover,
.btnBlack:active,
.btnBlack:focus {
  background: #333;
  color: #fff;
}

.btnBlack.hvr-sweep-to-right:before {
  background: #e5b701;
}

.btnLarge {
  font-size: 20px;
  background: #000;
  color: #fff;
  border-radius: 3px;
  font-weight: 600;
  padding: 15px 22px;
  border: 0;
  overflow: hidden;
}

.btnLarge:hover,
.btnLarge:active,
.btnLarge:focus {
  background: #333;
  color: #fff;
}

.btnLarge.hvr-sweep-to-right:before {
  background: #343434;
}

.btn-small {
  background: #fff;
  font-size: 15px;
  font-weight: 600;
  color: #282828;
  border: 1px solid #d7d7d7;
  border-radius: 2px;
  padding: 7px 10px;
  overflow: hidden;
}

.btn-small:hover,
.btn-small:active,
.btn-small:focus {
  background: #e5e5e5;
  color: #282828;
}

.btn-small.hvr-sweep-to-right:before {
  background: #e5b701;
}

.btn-small .close-icon-small {
  position: relative;
  top: 1px;
  margin-left: 2px;
}

.btn .right-arrow,
.btn .left-arrow {
  position: relative;
  top: 3px;
  margin-left: 3px;
}

.btn .right-arrow-white {
  position: relative;
  top: 3px;
  margin-left: 3px;
}

.btn-mini {
  padding: 6px 10px;
  margin-right: 5px;
}

.btn-coloe-red {
  color: #d32f2f;
}

.btn-coloe-red:hover {
  color: #d32f2f;
}

.btn-coloe-red .right-arrow {
  background-position: -6px -74px;
}

.btn-style-2 {
  text-transform: uppercase;
  font-size: 17px;
  color: #282828;
  font-weight: 600;
}

.btn-style-2:hover {
  color: #000;
}

.btn-style-2 span {
  vertical-align: middle;
  margin: 0 5px;
}

.disable-btn,
.disable-btn:focus,
.disable-btn:hover,
.disable-btn:visited {
  background: #bebebe;
  opacity: 0.5;
  cursor: text;
}

.disable-btn:hover,
.disable-btn:focus:hover,
.disable-btn:hover:hover,
.disable-btn:visited:hover {
  background: #bebebe;
}

.icon-box-custome {
  padding: 0;
}

.table-display {
  display: table;
}

.sqrBox,
.text-btns,
.search-btns {
  display: table-cell;
}

.sqrBox {
  vertical-align: middle;
  text-align: center;
  line-height: 0;
  width: 50px;
}

.text-btns {
  height: 50px;
  vertical-align: middle;
  text-align: center;
  padding: 0 15px;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftWide {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeftWide {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftWide {
  -webkit-animation-name: fadeInLeftWide;
  animation-name: fadeInLeftWide;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightWide {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRightWide {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightWide {
  -webkit-animation-name: fadeInRightWide;
  animation-name: fadeInRightWide;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpWide {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUpWide {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpWide {
  -webkit-animation-name: fadeInUpWide;
  animation-name: fadeInUpWide;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bx-wrapper .bx-viewport {
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  left: -5px;
  background: #fff;
  transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../images/img/loader.gif) center center no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

.bx-wrapper .bx-prev {
  left: 10px;
}

.bx-wrapper .bx-next {
  right: 10px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9 ;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

.mm-menu,
.mm-panels,
.mm-panels > .mm-panel {
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
  box-sizing: border-box;
}

.mm-btn,
.mm-menu {
  box-sizing: border-box;
}

.mm-listview a,
.mm-listview a:hover,
.mm-navbar a,
.mm-navbar a:hover {
  text-decoration: none;
}

.mm-listview .mm-next:before,
.mm-listview > li:not(.mm-divider):after,
.mm-next:after,
.mm-prev:before {
  content: "";
  bottom: 0;
}

.mm-hidden {
  display: none !important;
}

.mm-menu,
.mm-panels > .mm-panel:not(.mm-hidden) {
  display: block;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu {
  padding: 0;
  position: absolute;
  bottom: 0;
}

.mm-panels,
.mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
  position: absolute;
  bottom: 0;
}

.mm-btn,
.mm-panel.mm-highest {
  z-index: 1;
}

.mm-panels {
  overflow: hidden;
}

.mm-panel {
  transition: transform 0.4s ease;
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-panel.mm-opened {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-panel.mm-subopened {
  transform: translate(-30%, 0);
  transform: translate3d(-30%, 0, 0);
}

.mm-panels > .mm-panel {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
}

.mm-listview .mm-divider,
.mm-listview > li > a,
.mm-listview > li > span,
.mm-navbar .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mm-panels > .mm-panel.mm-hasnavbar {
  padding-top: 40px;
}

.mm-panels > .mm-panel:after,
.mm-panels > .mm-panel:before {
  content: "";
  display: block;
  height: 20px;
}

.mm-vertical .mm-panel {
  transform: none !important;
}

.mm-listview .mm-vertical .mm-panel,
.mm-vertical .mm-listview .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after,
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent;
}

.mm-vertical li.mm-opened > .mm-panel,
li.mm-vertical.mm-opened > .mm-panel {
  display: block;
}

.mm-listview > li.mm-vertical > .mm-next,
.mm-vertical .mm-listview > li > .mm-next {
  height: 40px;
  bottom: auto;
}

.mm-listview > li.mm-vertical > .mm-next:after,
.mm-vertical .mm-listview > li > .mm-next:after {
  top: 16px;
  bottom: auto;
}

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after,
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
  transform: rotate(45deg);
  right: 19px;
}

.mm-btn {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
}

.mm-clear:after,
.mm-clear:before,
.mm-close:after,
.mm-close:before {
  content: "";
  border: 2px solid transparent;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  transform: rotate(-45deg);
}

.mm-clear:before,
.mm-close:before {
  border-right: none;
  border-bottom: none;
  right: 18px;
}

.mm-clear:after,
.mm-close:after {
  border-left: none;
  border-top: none;
  right: 25px;
}

.mm-next:after,
.mm-prev:before {
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
}

.mm-prev:before {
  transform: rotate(-45deg);
  left: 23px;
  right: auto;
}

.mm-next:after {
  transform: rotate(135deg);
  right: 23px;
  left: auto;
}

.mm-navbar {
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mm-navbar > * {
  display: block;
  padding: 10px 0;
}

.mm-navbar .mm-btn:first-child {
  left: 0;
}

.mm-navbar .mm-btn:last-child {
  text-align: right;
  right: 0;
}

.mm-panel .mm-navbar {
  display: none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block;
}

.mm-listview,
.mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-listview {
  font: inherit;
  font-size: 14px;
  line-height: 20px;
}

.mm-listview > li {
  position: relative;
}

.mm-listview > li,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before,
.mm-listview > li:after {
  border-color: inherit;
}

.mm-listview > li > a,
.mm-listview > li > span {
  color: inherit;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}

.mm-listview > li:not(.mm-divider):after {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  right: 0;
  left: 20px;
}

.mm-listview .mm-next {
  background: rgba(3, 2, 1, 0);
  width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.mm-listview .mm-next:before {
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
  margin-right: 50px;
}

.mm-listview .mm-next.mm-fullsubopen {
  width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none;
}

.mm-listview .mm-next.mm-fullsubopen + a,
.mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 50px;
  margin-right: 0;
}

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px;
}

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px;
}

.mm-listview .mm-inset {
  list-style: disc inside;
  padding: 0 10px 15px 40px;
  margin: 0;
}

.mm-listview .mm-inset > li {
  padding: 5px 0;
}

.mm-listview .mm-divider {
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
}

.mm-listview .mm-spacer {
  padding-top: 40px;
}

.mm-listview .mm-spacer > .mm-next {
  top: 40px;
}

.mm-listview .mm-spacer.mm-divider {
  padding-top: 25px;
}

.mm-menu {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
}

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0.5);
  tap-highlight-color: rgba(255, 0, 0, 0.5);
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 0, 0, 0.5);
}

.mm-menu .mm-divider,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(255, 0, 0, 0.5);
}

.mm-page {
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  transition: transform 0.4s ease;
  z-index: 1;
}

html.mm-opened {
  overflow-x: hidden;
  position: relative;
}

html.mm-blocking,
html.mm-blocking body {
  overflow: hidden;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-offcanvas {
  z-index: 0;
  display: none;
  position: fixed;
  width: 80%;
  min-width: 140px;
  max-width: 440px;
}

.mm-menu.mm-offcanvas.mm-current {
  display: block;
}

.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-current.mm-opened {
  z-index: 10;
}

html.mm-opening .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    transform: translate(440px, 0);
    transform: translate3d(440px, 0, 0);
  }
}
.mm-menu.mm-offcanvas.mm-autoheight.mm-bottom,
.mm-menu.mm-offcanvas.mm-autoheight.mm-top {
  max-height: 80%;
}

.mm-menu.mm-offcanvas.mm-autoheight.mm-bottom.mm-fullscreen,
.mm-menu.mm-offcanvas.mm-autoheight.mm-top.mm-fullscreen {
  max-height: 100%;
}

.mm-menu.mm-offcanvas.mm-measureheight .mm-panel {
  display: block !important;
}

.mm-menu.mm-offcanvas.mm-measureheight > .mm-panels > .mm-panel {
  bottom: auto !important;
  height: auto !important;
}

em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%;
}

em.mm-counter + a.mm-next {
  width: 90px;
}

em.mm-counter + a.mm-next + a,
em.mm-counter + a.mm-next + span {
  margin-right: 90px;
}

em.mm-counter + a.mm-fullsubopen {
  padding-left: 0;
}

.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a,
.mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span,
em.mm-counter + a.mm-fullsubopen + a,
em.mm-counter + a.mm-fullsubopen + span {
  padding-right: 90px;
}

.mm-vertical > .mm-counter {
  top: 12px;
  margin-top: 0;
}

.mm-vertical.mm-spacer > .mm-counter {
  margin-top: 40px;
}

.mm-nosubresults > .mm-counter {
  display: none;
}

.mm-menu em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-columns {
  transition-property: transform, width, max-width;
}

.mm-menu.mm-columns .mm-panels > .mm-panel {
  width: 100%;
  right: auto;
  display: none;
  transition-property: transform, width;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened {
  border-right: 1px solid;
  border-color: inherit;
  display: block;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened {
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0);
  z-index: 2;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-0 {
  display: block;
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-offcanvas.mm-columns-0 {
  width: 80%;
  min-width: 140px;
  max-width: 0;
}

html.mm-opening.mm-columns-0 .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-0 .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 0px) {
  html.mm-opening.mm-columns-0 .mm-slideout {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
  }
}
html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0);
  }
}
@media all and (min-width: 0px) {
  html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 {
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-1 {
  display: block;
  transform: translate(200%, 0);
  transform: translate3d(200%, 0, 0);
}

.mm-menu.mm-offcanvas.mm-columns-1 {
  width: 80%;
  min-width: 140px;
  max-width: 440px;
}

html.mm-opening.mm-columns-1 .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-1 .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 550px) {
  html.mm-opening.mm-columns-1 .mm-slideout {
    transform: translate(440px, 0);
    transform: translate3d(440px, 0, 0);
  }
}
html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0);
  }
}
@media all and (min-width: 550px) {
  html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
    transform: translate(-440px, 0);
    transform: translate3d(-440px, 0, 0);
  }
}
.mm-menu.mm-columns-1 .mm-panels > .mm-panel {
  width: 100%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2 {
  transform: translate(200%, 0);
  transform: translate3d(200%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-2 {
  display: block;
  transform: translate(300%, 0);
  transform: translate3d(300%, 0, 0);
}

.mm-menu.mm-offcanvas.mm-columns-2 {
  width: 80%;
  min-width: 140px;
  max-width: 880px;
}

html.mm-opening.mm-columns-2 .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-2 .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 1100px) {
  html.mm-opening.mm-columns-2 .mm-slideout {
    transform: translate(880px, 0);
    transform: translate3d(880px, 0, 0);
  }
}
html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0);
  }
}
@media all and (min-width: 1100px) {
  html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
    transform: translate(-880px, 0);
    transform: translate3d(-880px, 0, 0);
  }
}
.mm-menu.mm-columns-2 .mm-panels > .mm-panel {
  width: 50%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3 {
  transform: translate(300%, 0);
  transform: translate3d(300%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-3 {
  display: block;
  transform: translate(400%, 0);
  transform: translate3d(400%, 0, 0);
}

.mm-menu.mm-offcanvas.mm-columns-3 {
  width: 80%;
  min-width: 140px;
  max-width: 1320px;
}

html.mm-opening.mm-columns-3 .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-3 .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 1650px) {
  html.mm-opening.mm-columns-3 .mm-slideout {
    transform: translate(1320px, 0);
    transform: translate3d(1320px, 0, 0);
  }
}
html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0);
  }
}
@media all and (min-width: 1650px) {
  html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
    transform: translate(-1320px, 0);
    transform: translate3d(-1320px, 0, 0);
  }
}
.mm-menu.mm-columns-3 .mm-panels > .mm-panel {
  width: 33.34%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4 {
  transform: translate(400%, 0);
  transform: translate3d(400%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-4 {
  display: block;
  transform: translate(500%, 0);
  transform: translate3d(500%, 0, 0);
}

.mm-menu.mm-offcanvas.mm-columns-4 {
  width: 80%;
  min-width: 140px;
  max-width: 1760px;
}

html.mm-opening.mm-columns-4 .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-4 .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 2200px) {
  html.mm-opening.mm-columns-4 .mm-slideout {
    transform: translate(1760px, 0);
    transform: translate3d(1760px, 0, 0);
  }
}
html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0);
  }
}
@media all and (min-width: 2200px) {
  html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
    transform: translate(-1760px, 0);
    transform: translate3d(-1760px, 0, 0);
  }
}
.mm-menu.mm-columns-4 .mm-panels > .mm-panel {
  width: 25%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5 {
  transform: translate(500%, 0);
  transform: translate3d(500%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-5 {
  display: block;
  transform: translate(600%, 0);
  transform: translate3d(600%, 0, 0);
}

.mm-menu.mm-offcanvas.mm-columns-5 {
  width: 80%;
  min-width: 140px;
  max-width: 2200px;
}

html.mm-opening.mm-columns-5 .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-5 .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 2750px) {
  html.mm-opening.mm-columns-5 .mm-slideout {
    transform: translate(2200px, 0);
    transform: translate3d(2200px, 0, 0);
  }
}
html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0);
  }
}
@media all and (min-width: 2750px) {
  html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
    transform: translate(-2200px, 0);
    transform: translate3d(-2200px, 0, 0);
  }
}
.mm-menu.mm-columns-5 .mm-panels > .mm-panel {
  width: 20%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6 {
  transform: translate(600%, 0);
  transform: translate3d(600%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-6 {
  display: block;
  transform: translate(700%, 0);
  transform: translate3d(700%, 0, 0);
}

.mm-menu.mm-offcanvas.mm-columns-6 {
  width: 80%;
  min-width: 140px;
  max-width: 2640px;
}

html.mm-opening.mm-columns-6 .mm-slideout {
  transform: translate(80%, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-6 .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 3300px) {
  html.mm-opening.mm-columns-6 .mm-slideout {
    transform: translate(2640px, 0);
    transform: translate3d(2640px, 0, 0);
  }
}
html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0);
  }
}
@media all and (min-width: 3300px) {
  html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
    transform: translate(-2640px, 0);
    transform: translate3d(-2640px, 0, 0);
  }
}
.mm-menu.mm-columns-6 .mm-panels > .mm-panel {
  width: 16.67%;
}

.mm-divider > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px;
}

.mm-divider.mm-opened a.mm-next:after {
  transform: rotate(45deg);
}

.mm-collapsed:not(.mm-uncollapsed) {
  display: none;
}

.mm-fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-fixeddivider:after {
  content: none !important;
  display: none !important;
}

.mm-hasdividers .mm-fixeddivider {
  display: block;
}

.mm-menu .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05);
}

html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
  transition-duration: 0s;
}

.mm-menu.mm-dropdown {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%;
}

html.mm-dropdown .mm-slideout {
  transform: none !important;
  z-index: 0;
}

html.mm-dropdown #mm-blocker {
  transition-delay: 0s !important;
  z-index: 1;
}

html.mm-dropdown .mm-menu {
  z-index: 2;
}

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
  display: none;
}

.mm-menu.mm-tip:before {
  content: "";
  background: inherit;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 0;
  transform: rotate(45deg);
}

.mm-menu.mm-tipleft:before {
  left: 22px;
}

.mm-menu.mm-tipright:before {
  right: 22px;
}

.mm-menu.mm-tiptop:before {
  top: -8px;
}

.mm-menu.mm-tipbottom:before {
  bottom: -8px;
}

.mm-iconpanel .mm-panel {
  transition-property: transform, left;
}

.mm-iconpanel .mm-panel.mm-opened {
  border-left: 1px solid;
  border-color: inherit;
}

.mm-iconpanel .mm-panel.mm-subopened {
  overflow-y: hidden;
  left: -40px;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  left: 0;
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  left: 40px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  left: 80px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  left: 120px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  left: 160px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  left: 200px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  left: 240px;
}

.mm-subblocker {
  background: inherit;
  opacity: 0;
  display: block;
  transition: opacity 0.4s ease;
}

.mm-subopened .mm-subblocker {
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -100000px;
  left: 0;
  z-index: 3;
}

.mm-navbar-bottom,
.mm-navbar-top ~ .mm-navbar-top {
  border-bottom: none;
}

.mm-menu > .mm-navbar {
  background: inherit;
  padding: 0;
  z-index: 3;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-navbar-bottom {
  border-top-width: 1px;
  border-top-style: solid;
  top: auto;
  bottom: 0;
}

.mm-navbar-bottom ~ .mm-navbar-bottom {
  border-top: none;
}

.mm-navbar.mm-hasbtns {
  padding: 0 40px;
}

.mm-navbar[class*=mm-navbar-content-] > * {
  box-sizing: border-box;
  display: block;
  float: left;
}

.mm-navbar .mm-breadcrumbs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  text-align: left;
  padding: 0 0 0 17px;
}

.mm-navbar .mm-breadcrumbs > * {
  display: inline-block;
  padding: 10px 3px;
}

.mm-navbar .mm-breadcrumbs > a {
  text-decoration: underline;
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
  margin-left: -40px;
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
  margin-left: 0;
  padding-left: 0;
}

.mm-navbar-top-1 {
  top: 0;
}

.mm-hasnavbar-top-1 .mm-panels,
.mm-navbar-top-2 {
  top: 40px;
}

.mm-hasnavbar-top-2 .mm-panels,
.mm-navbar-top-3 {
  top: 80px;
}

.mm-hasnavbar-top-3 .mm-panels,
.mm-navbar-top-4 {
  top: 120px;
}

.mm-hasnavbar-top-4 .mm-panels {
  top: 160px;
}

.mm-navbar-bottom-1 {
  bottom: 0;
}

.mm-hasnavbar-bottom-1 .mm-panels,
.mm-navbar-bottom-2 {
  bottom: 40px;
}

.mm-hasnavbar-bottom-2 .mm-panels,
.mm-navbar-bottom-3 {
  bottom: 80px;
}

.mm-hasnavbar-bottom-3 .mm-panels,
.mm-navbar-bottom-4 {
  bottom: 120px;
}

.mm-hasnavbar-bottom-4 .mm-panels {
  bottom: 160px;
}

.mm-navbar-size-2 {
  height: 80px;
}

.mm-navbar-size-3 {
  height: 120px;
}

.mm-navbar-size-4 {
  height: 160px;
}

.mm-navbar-content-2 > * {
  width: 50%;
}

.mm-navbar-content-3 > * {
  width: 33.33%;
}

.mm-navbar-content-4 > * {
  width: 25%;
}

.mm-navbar-content-5 > * {
  width: 20%;
}

.mm-navbar-content-6 > * {
  width: 16.67%;
}

.mm-menu.mm-rtl {
  direction: rtl;
}

.mm-menu.mm-rtl.mm-offcanvas {
  right: auto;
}

.mm-menu.mm-rtl .mm-panel:not(.mm-opened) {
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-rtl .mm-panel.mm-subopened {
  transform: translate(30%, 0);
  transform: translate3d(30%, 0, 0);
}

.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child {
  left: auto;
  right: 0;
}

.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child {
  right: auto;
  left: 0;
}

.mm-menu.mm-rtl .mm-navbar .mm-next:after {
  transform: rotate(-45deg);
  left: 23px;
  right: auto;
}

.mm-menu.mm-rtl .mm-navbar .mm-prev:before {
  transform: rotate(135deg);
  right: 23px;
  left: auto;
}

.mm-menu.mm-rtl .mm-listview > li:not(.mm-divider)::after {
  left: 0;
  right: 20px;
}

.mm-menu.mm-rtl .mm-listview > li > a:not(.mm-next),
.mm-menu.mm-rtl .mm-listview > li > span:not(.mm-next) {
  padding-left: 10px;
  padding-right: 20px !important;
  margin-right: 0 !important;
}

.mm-menu.mm-rtl .mm-listview .mm-next {
  right: auto;
  left: 0;
}

.mm-menu.mm-rtl .mm-listview .mm-next:before {
  left: auto;
  right: 0;
}

.mm-menu.mm-rtl .mm-listview .mm-next:after {
  transform: rotate(-45deg);
  left: 23px;
  right: auto;
}

.mm-menu.mm-rtl .mm-listview .mm-next + a,
.mm-menu.mm-rtl .mm-listview .mm-next + span {
  margin-left: 50px;
}

.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + a,
.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + span {
  padding-left: 50px;
}

.mm-menu.mm-rtl em.mm-counter {
  left: 45px;
  right: auto;
}

.mm-menu.mm-rtl em.mm-counter + a.mm-next + a,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + span {
  margin-left: 90px;
}

.mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + a,
.mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + span {
  padding-left: 90px;
}

.mm-menu.mm-rtl label.mm-check,
.mm-menu.mm-rtl label.mm-toggle {
  left: 20px;
  right: auto !important;
}

.mm-menu.mm-rtl label.mm-toggle + a,
.mm-menu.mm-rtl label.mm-toggle + span {
  padding-left: 80px;
}

.mm-menu.mm-rtl label.mm-check + a,
.mm-menu.mm-rtl label.mm-check + span {
  padding-left: 60px;
}

.mm-menu.mm-rtl a.mm-next + label.mm-check,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle {
  left: 60px;
}

.mm-menu.mm-rtl a.mm-next + label.mm-check + a,
.mm-menu.mm-rtl a.mm-next + label.mm-check + span,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle + a,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
  margin-left: 50px;
}

.mm-menu.mm-rtl a.mm-next + label.mm-toggle + a,
.mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
  padding-left: 70px;
}

.mm-menu.mm-rtl a.mm-next + label.mm-check + a,
.mm-menu.mm-rtl a.mm-next + label.mm-check + span {
  padding-left: 50px;
}

.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle {
  left: 100px;
}

.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + a,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + span,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + a,
.mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + span {
  margin-left: 90px;
}

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] {
  left: 0;
}

.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel {
  transition-property: transform, right;
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  right: 0;
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  right: 40px;
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  right: 80px;
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  right: 120px;
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  right: 160px;
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  right: 200px;
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  right: 240px;
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened {
  border-left: none;
  border-right: 1px solid;
  border-color: inherit;
}

.mm-sronly {
  text-indent: 10px;
  overflow: hidden;
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  z-index: -1;
}

.mm-search,
.mm-search input {
  box-sizing: border-box;
}

.mm-search {
  height: 40px;
  padding: 7px 10px 0;
  position: relative;
}

.mm-search input {
  border: none !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 4px;
  font: inherit;
  font-size: 14px;
  line-height: 26px;
  display: block;
  width: 100%;
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  margin: 0;
  padding: 0 10px;
}

.mm-search input::-ms-clear {
  display: none;
}

.mm-search .mm-clear,
.mm-search .mm-next {
  right: 0;
}

.mm-panel > .mm-search {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mm-panel.mm-hassearch {
  padding-top: 40px;
}

.mm-panel.mm-hassearch.mm-hasnavbar {
  padding-top: 80px;
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
  top: 40px;
}

.mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  padding: 40px 0;
}

.mm-noresults .mm-indexer {
  display: none !important;
}

li.mm-nosubresults > a.mm-next {
  display: none;
}

li.mm-nosubresults > a.mm-next + a,
li.mm-nosubresults > a.mm-next + span {
  padding-right: 10px;
}

.mm-panels > .mm-resultspanel:not(.mm-opened) {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.75);
}

.mm-menu .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}

.mm-indexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -100px;
  z-index: 3;
  transition: right 0.4s ease;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-indexer a {
  text-decoration: none;
  display: block;
  height: 3.85%;
}

.mm-indexer ~ .mm-panel.mm-hasindexer {
  padding-right: 40px;
}

.mm-hasindexer .mm-indexer {
  right: 0;
}

.mm-hasindexer .mm-fixeddivider {
  right: 20px;
}

.mm-menu .mm-indexer a {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a,
.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span,
.mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen),
.mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a,
.mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span,
.mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
  transition: background 0.4s ease;
}

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover,
.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(255, 255, 255, 0.5);
}

input.mm-check,
input.mm-toggle {
  position: absolute;
  left: -10000px;
}

label.mm-check,
label.mm-toggle {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  right: 20px;
}

label.mm-check:before,
label.mm-toggle:before {
  content: "";
  display: block;
}

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-top: -15px;
}

label.mm-toggle:before {
  border-radius: 30px;
  width: 28px;
  height: 28px;
  margin: 1px;
}

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right;
}

label.mm-check {
  width: 30px;
  height: 30px;
  margin-top: -15px;
}

label.mm-check:before {
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 40%;
  height: 20%;
  margin: 25% 0 0 20%;
  opacity: 0.1;
  transform: rotate(-45deg);
}

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1;
}

li.mm-vertical label.mm-check,
li.mm-vertical label.mm-toggle {
  bottom: auto;
  margin-top: 0;
  top: 5px;
}

label.mm-toggle + a,
label.mm-toggle + span {
  padding-right: 80px;
}

label.mm-check + a,
label.mm-check + span {
  padding-right: 60px;
}

a.mm-next + label.mm-check,
a.mm-next + label.mm-toggle {
  right: 60px;
}

a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span,
a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
  margin-right: 50px;
}

a.mm-next + label.mm-toggle + a,
a.mm-next + label.mm-toggle + span {
  padding-right: 70px;
}

a.mm-next + label.mm-check + a,
a.mm-next + label.mm-check + span {
  padding-right: 50px;
}

em.mm-counter + a.mm-next + label.mm-check,
em.mm-counter + a.mm-next + label.mm-toggle {
  right: 100px;
}

em.mm-counter + a.mm-next + label.mm-check + a,
em.mm-counter + a.mm-next + label.mm-check + span,
em.mm-counter + a.mm-next + label.mm-toggle + a,
em.mm-counter + a.mm-next + label.mm-toggle + span {
  margin-right: 90px;
}

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu label.mm-toggle:before {
  background: #f3f3f3;
}

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

.mm-menu label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.75);
}

.mm-listview.mm-border-none > li:after,
.mm-menu.mm-border-none .mm-listview > li:after {
  content: none;
}

.mm-listview.mm-border-full > li:after,
.mm-menu.mm-border-full .mm-listview > li:after {
  left: 0 !important;
}

.mm-listview.mm-border-offset > li:after,
.mm-menu.mm-border-offset .mm-listview > li:after {
  right: 20px;
}

.mm-menu.mm-offcanvas.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px;
}

html.mm-opening.mm-fullscreen .mm-slideout {
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
}

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    transform: translate(140px, 0);
    transform: translate3d(140px, 0, 0);
  }
}
@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    transform: translate(10000px, 0);
    transform: translate3d(10000px, 0, 0);
  }
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0);
}

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0);
  }
}
@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    transform: translate(-10000px, 0);
    transform: translate3d(-10000px, 0, 0);
  }
}
.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,
.mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
  height: 100%;
  min-height: 140px;
  max-height: 10000px;
}

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important;
}

.mm-menu.mm-effect-menu-zoom {
  transition: transform 0.4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-zoom {
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform-origin: left center;
}

html.mm-opening .mm-menu.mm-effect-menu-zoom {
  transform: scale(1, 1) translate3d(0, 0, 0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform-origin: right center;
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
  transform: scale(1, 1) translate3d(0, 0, 0);
}

.mm-menu.mm-effect-menu-slide {
  transition: transform 0.4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
  transform: translate(-30%, 0);
  transform: translate3d(-30%, 0, 0);
}

html.mm-opening .mm-menu.mm-effect-menu-slide {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
  transform: translate(30%, 0);
  transform: translate3d(30%, 0, 0);
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-effect-menu-fade {
  opacity: 0;
  transition: opacity 0.4s ease;
}

html.mm-opening .mm-menu.mm-effect-menu-fade {
  opacity: 1;
}

.mm-menu.mm-effect-panels-zoom .mm-panel {
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform-origin: left center;
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
  transform: scale(1, 1) translate3d(0, 0, 0);
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
}

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li {
  transition: none 0.4s ease;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(1) {
  transition-delay: 50ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(2) {
  transition-delay: 0.1s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(3) {
  transition-delay: 150ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(4) {
  transition-delay: 0.2s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(5) {
  transition-delay: 250ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(6) {
  transition-delay: 0.3s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(7) {
  transition-delay: 350ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(8) {
  transition-delay: 0.4s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(9) {
  transition-delay: 450ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(10) {
  transition-delay: 0.5s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(11) {
  transition-delay: 550ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(12) {
  transition-delay: 0.6s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(13) {
  transition-delay: 650ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(14) {
  transition-delay: 0.7s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(15) {
  transition-delay: 750ms;
}

.mm-menu.mm-effect-listitems-slide .mm-listview > li {
  transition-property: transform, opacity;
  transform: translate(50%, 0);
  transform: translate3d(50%, 0, 0);
  opacity: 0;
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.mm-menu.mm-effect-listitems-fade .mm-listview > li {
  transition-property: opacity;
  opacity: 0;
}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li {
  opacity: 1;
}

.mm-menu.mm-effect-listitems-drop .mm-listview > li {
  transition-property: opacity, top;
  opacity: 0;
  top: -25%;
}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li {
  opacity: 1;
  top: 0;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview:after,
.mm-menu .mm-panels > .mm-panel.mm-justified-listview:before,
.mm-menu.mm-justified-listview .mm-panels > .mm-panel:after,
.mm-menu.mm-justified-listview .mm-panels > .mm-panel:before {
  content: none;
  display: none;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview,
.mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider),
.mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) {
  flex: 1 1 0;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next),
.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span,
.mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next),
.mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span {
  box-sizing: border-box;
  height: 100%;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before,
.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span:before,
.mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before,
.mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span:before {
  content: "";
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  width: 0;
}

.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a,
.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span,
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span {
  text-overflow: clip;
  white-space: normal;
}

html.mm-pagedim #mm-blocker,
html.mm-pagedim-black #mm-blocker,
html.mm-pagedim-white #mm-blocker {
  opacity: 0;
}

html.mm-pagedim-black.mm-opening #mm-blocker,
html.mm-pagedim-white.mm-opening #mm-blocker,
html.mm-pagedim.mm-opening #mm-blocker {
  opacity: 0.3;
  transition: opacity 0.4s ease 0.4s;
}

html.mm-pagedim #mm-blocker {
  background: inherit;
}

html.mm-pagedim-white #mm-blocker {
  background: #fff;
}

html.mm-pagedim-black #mm-blocker {
  background: #000;
}

.mm-menu.mm-popup {
  transition: opacity 0.4s ease;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%;
  min-height: 140px;
  max-height: 880px;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  transform: translate(-50%, -50%);
  transform: translate3d(-50%, -50%, 0);
}

html.mm-popup.mm-opening .mm-menu.mm-popup {
  opacity: 1;
}

html.mm-popup .mm-slideout {
  transform: none !important;
  z-index: 0;
}

html.mm-popup #mm-blocker {
  transition-delay: 0s !important;
  z-index: 1;
}

html.mm-popup .mm-menu {
  z-index: 2;
}

.mm-menu.mm-offcanvas.mm-right {
  left: auto;
}

html.mm-right.mm-opening .mm-slideout {
  transform: translate(-80%, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    transform: translate(-140px, 0);
    transform: translate3d(-140px, 0, 0);
  }
}
@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    transform: translate(-440px, 0);
    transform: translate3d(-440px, 0, 0);
  }
}
html.mm-front .mm-slideout {
  transform: none !important;
  z-index: 0;
}

html.mm-front #mm-blocker {
  z-index: 1;
}

html.mm-front .mm-menu.mm-offcanvas {
  z-index: 2;
}

.mm-menu.mm-offcanvas.mm-front,
.mm-menu.mm-offcanvas.mm-next {
  transition: transform 0.4s ease;
  transform: translate(-100%, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-offcanvas.mm-front.mm-right,
.mm-menu.mm-offcanvas.mm-next.mm-right {
  transform: translate(100%, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-offcanvas.mm-top {
  transform: translate(0, -100%);
  transform: translate3d(0, -100%, 0);
}

.mm-menu.mm-offcanvas.mm-bottom {
  transform: translate(0, 100%);
  transform: translate3d(0, 100%, 0);
  top: auto;
}

.mm-menu.mm-offcanvas.mm-bottom,
.mm-menu.mm-offcanvas.mm-top {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 80%;
  min-height: 140px;
  max-height: 880px;
}

html.mm-opening .mm-menu.mm-offcanvas.mm-front,
html.mm-opening .mm-menu.mm-offcanvas.mm-next {
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-shadow-page:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 99;
}

.mm-menu.mm-shadow-page.mm-right:after {
  left: auto;
  right: 100%;
}

.mm-menu.mm-shadow-page.mm-front:after,
.mm-menu.mm-shadow-page.mm-next:after {
  content: none;
  display: none;
}

.mm-menu.mm-shadow-page:after,
.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-dark {
  background: #333;
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark .mm-navbar a,
.mm-menu.mm-theme-dark .mm-navbar > *,
.mm-menu.mm-theme-dark em.mm-counter {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-btn:after,
.mm-menu.mm-theme-dark .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-listview {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  tap-highlight-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-dark .mm-divider,
.mm-menu.mm-theme-dark .mm-fixeddivider span,
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-theme-dark label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-shadow-page.mm-theme-dark:after,
.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.mm-menu.mm-theme-dark .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark .mm-indexer a,
.mm-menu.mm-theme-dark .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-dark label.mm-toggle {
  background: rgba(0, 0, 0, 0.15);
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
  background: #333;
}

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

.mm-menu.mm-theme-white {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white .mm-navbar a,
.mm-menu.mm-theme-white .mm-navbar > *,
.mm-menu.mm-theme-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-btn:after,
.mm-menu.mm-theme-white .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-listview {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  tap-highlight-color: rgba(0, 0, 0, 0.05);
}

.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.05);
}

.mm-menu.mm-theme-white .mm-divider,
.mm-menu.mm-theme-white .mm-fixeddivider span,
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-theme-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-shadow-page.mm-theme-white:after,
.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.mm-menu.mm-theme-white .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white .mm-indexer a,
.mm-menu.mm-theme-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(0, 0, 0, 0.05);
}

.mm-menu.mm-theme-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-white label.mm-toggle:before {
  background: #fff;
}

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

.mm-menu.mm-theme-black {
  background: #000;
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black .mm-navbar a,
.mm-menu.mm-theme-black .mm-navbar > *,
.mm-menu.mm-theme-black em.mm-counter {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-btn:after,
.mm-menu.mm-theme-black .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-listview {
  border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
  tap-highlight-color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-theme-black .mm-divider,
.mm-menu.mm-theme-black .mm-fixeddivider span,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel,
.mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
.mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-shadow-page.mm-theme-black:after {
  content: none;
  display: none;
}

.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
  box-shadow: false;
}

.mm-menu.mm-theme-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black .mm-indexer a,
.mm-menu.mm-theme-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span,
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span,
.mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-theme-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black label.mm-toggle:before {
  background: #000;
}

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

.mm-menu .mm-tileview.mm-listview:after,
.mm-menu.mm-tileview .mm-listview:after {
  content: "";
  display: block;
  clear: both;
}

.mm-menu .mm-tileview.mm-listview > li > .mm-next:after,
.mm-menu .mm-tileview.mm-listview > li > .mm-next:before,
.mm-menu.mm-tileview .mm-listview > li > .mm-next:after,
.mm-menu.mm-tileview .mm-listview > li > .mm-next:before,
.mm-menu.mm-tileview .mm-panel:after {
  content: none;
  display: none;
}

.mm-menu .mm-tileview.mm-listview > li,
.mm-menu.mm-tileview .mm-listview > li {
  width: 50%;
  height: 0;
  padding: 50% 0 0;
  float: left;
  position: relative;
}

.mm-menu .mm-tileview.mm-listview > li:after,
.mm-menu.mm-tileview .mm-listview > li:after {
  left: 0;
  top: 0;
  border-right-width: 1px;
  border-right-style: solid;
  z-index: -1;
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs,
.mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
  width: 12.5%;
  padding-top: 12.5%;
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-s,
.mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
  width: 25%;
  padding-top: 25%;
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-l,
.mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
  width: 75%;
  padding-top: 75%;
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl,
.mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
  width: 100%;
  padding-top: 100%;
}

.mm-menu .mm-tileview.mm-listview > li > a,
.mm-menu .mm-tileview.mm-listview > li > span,
.mm-menu.mm-tileview .mm-listview > li > a,
.mm-menu.mm-tileview .mm-listview > li > span {
  line-height: 1px;
  text-align: center;
  padding: 50% 10px 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 1px;
  left: 0;
}

.mm-menu .mm-tileview.mm-listview > li > .mm-next,
.mm-menu.mm-tileview .mm-listview > li > .mm-next {
  width: auto;
}

.mm-menu.mm-tileview .mm-panel {
  padding-left: 0;
  padding-right: 0;
}

.mm-menu.mm-tileview .mm-listview {
  margin: 0;
}

.mm-slideout {
  z-index: inherit;
}

.mCustomScrollbar {
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: #4e4e4f;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #4e4e4f;
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #4e4e4f;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: #fff;
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.jqvmap-label {
  position: absolute;
  display: none;
  border-radius: 3px;
  background: #292929;
  color: white;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 3px;
}

.jqvmap-zoomin,
.jqvmap-zoomout {
  position: absolute;
  right: 10px;
  border-radius: 100%;
  background: #333333;
  padding: 3px;
  color: white;
  width: 24px;
  height: 24px;
  cursor: pointer;
  line-height: 17px;
  text-align: center;
  font-size: 22px;
}

.jqvmap-zoomin {
  top: 10px;
}

.jqvmap-zoomout {
  top: 40px;
}

.jqvmap-region[fill="#e0201f"] {
  cursor: pointer;
}

.jqvmap-ajax_response {
  width: 100%;
  height: 500px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@font-face {
  font-family: "font-icons";
  src: url("fonts/font-icons.eot");
  src: url("fonts/font-icons.eot") format("embedded-opentype"), url("fonts/font-icons.woff") format("woff"), url("fonts/font-icons.ttf") format("truetype"), url("fonts/font-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "lined-icons";
  src: url("fonts/lined-icons.eot");
  src: url("fonts/lined-icons.eot") format("embedded-opentype"), url("fonts/lined-icons.woff") format("woff"), url("fonts/lined-icons.ttf") format("truetype"), url("fonts/lined-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Simple-Line-Icons";
  src: url("fonts/Simple-Line-Icons.eot");
  src: url("fonts/Simple-Line-Icons.eot?#iefix") format("embedded-opentype"), url("fonts/Simple-Line-Icons.woff") format("woff"), url("fonts/Simple-Line-Icons.ttf") format("truetype"), url("fonts/Simple-Line-Icons.svg#Simple-Line-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-],
[class*=" icon-"],
[class^=icon-line-],
[class*=" icon-line-"],
[class^=icon-line2-],
[class*=" icon-line2-"],
.side-header #primary-menu ul > li.sub-menu > a:after {
  display: inline-block;
  font-family: "font-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-line-],
[class*=" icon-line-"] {
  font-family: "lined-icons";
}

[class^=icon-line2-],
[class*=" icon-line2-"] {
  font-family: "Simple-Line-Icons";
}

.icon-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-fw {
  width: 1.2857142857em;
  text-align: center;
}

.iconlist {
  padding-left: 0;
  margin-left: 1.75em;
  list-style-type: none;
}

.iconlist li {
  position: relative;
}

.iconlist ul {
  list-style-type: none;
  margin: 5px 0 5px 25px;
}

.iconlist > li [class^=icon-]:first-child,
.iconlist > li [class*=" icon-"]:first-child {
  position: absolute;
  left: -1.75em;
  width: 1.75em;
  text-align: center;
  top: 1px;
  width: 14px;
}

.iconlist.iconlist-large {
  font-size: 14px;
}

.iconlist.iconlist-large li {
  margin: 4px 0;
}

.iconlist.iconlist-large > li [class^=icon-],
.iconlist.iconlist-large > li [class*=" icon-"] {
  width: 16px;
  margin-right: 5px;
}

.iconlist-color li i {
  color: #1ABC9C;
}

.icon-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}

.icon.pull-left {
  margin-right: 0.3em;
}

.icon.pull-right {
  margin-left: 0.3em;
}

.icon-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg);
}

.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}

.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg);
}

.icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  transform: scale(-1, 1);
}

.icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  transform: scale(1, -1);
}

.icon-stacked {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.icon-stacked-1x,
.icon-stacked-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.icon-stacked-1x {
  line-height: inherit;
}

.icon-stacked-2x {
  font-size: 2em;
}

.icon-inverse {
  color: #ffffff;
}

.icon-type:before {
  content: "\E600";
}

.icon-box:before {
  content: "\E601";
}

.icon-archive:before {
  content: "\E602";
}

.icon-envelope:before {
  content: "\E603";
}

.icon-email:before {
  content: "\E604";
}

.icon-files:before {
  content: "\E605";
}

.icon-printer2:before {
  content: "\E606";
}

.icon-folder-add:before {
  content: "\E607";
}

.icon-folder-settings:before {
  content: "\E608";
}

.icon-folder-check:before {
  content: "\E609";
}

.icon-wifi-low:before {
  content: "\E60A";
}

.icon-wifi-mid:before {
  content: "\E60B";
}

.icon-wifi-full:before {
  content: "\E60C";
}

.icon-connection-empty:before {
  content: "\E60D";
}

.icon-battery-full:before {
  content: "\E60E";
}

.icon-settings:before {
  content: "\E60F";
}

.icon-arrow-left:before {
  content: "\E610";
}

.icon-arrow-up:before {
  content: "\E611";
}

.icon-arrow-down:before {
  content: "\E612";
}

.icon-arrow-right:before {
  content: "\E613";
}

.icon-reload:before {
  content: "\E614";
}

.icon-download:before {
  content: "\E615";
}

.icon-tag:before {
  content: "\E616";
}

.icon-trashcan:before {
  content: "\E617";
}

.icon-search:before {
  content: "\E618";
}

.icon-zoom-in:before {
  content: "\E619";
}

.icon-zoom-out:before {
  content: "\E61A";
}

.icon-chat:before {
  content: "\E61B";
}

.icon-clock:before {
  content: "\E61C";
}

.icon-printer:before {
  content: "\E61D";
}

.icon-home:before {
  content: "\E61E";
}

.icon-flag:before {
  content: "\E61F";
}

.icon-meter:before {
  content: "\E620";
}

.icon-switch:before {
  content: "\E621";
}

.icon-forbidden:before {
  content: "\E622";
}

.icon-phone-landscape:before {
  content: "\E623";
}

.icon-tablet:before {
  content: "\E624";
}

.icon-tablet-landscape:before {
  content: "\E625";
}

.icon-laptop:before {
  content: "\E626";
}

.icon-camera:before {
  content: "\E627";
}

.icon-microwave-oven:before {
  content: "\E628";
}

.icon-credit-cards:before {
  content: "\E629";
}

.icon-map-marker:before {
  content: "\E62A";
}

.icon-map:before {
  content: "\E62B";
}

.icon-support:before {
  content: "\E62C";
}

.icon-newspaper2:before {
  content: "\E62D";
}

.icon-barbell:before {
  content: "\E62E";
}

.icon-stopwatch:before {
  content: "\E62F";
}

.icon-atom:before {
  content: "\E630";
}

.icon-image:before {
  content: "\E631";
}

.icon-cube:before {
  content: "\E632";
}

.icon-bars:before {
  content: "\E633";
}

.icon-chart:before {
  content: "\E634";
}

.icon-pencil:before {
  content: "\E635";
}

.icon-measure:before {
  content: "\E636";
}

.icon-eyedropper:before {
  content: "\E637";
}

.icon-file-settings:before {
  content: "\E638";
}

.icon-file-add:before {
  content: "\E639";
}

.icon-file:before {
  content: "\E63A";
}

.icon-align-left:before {
  content: "\E63B";
}

.icon-align-right:before {
  content: "\E63C";
}

.icon-align-center:before {
  content: "\E63D";
}

.icon-align-justify:before {
  content: "\E63E";
}

.icon-file-broken:before {
  content: "\E63F";
}

.icon-browser:before {
  content: "\E640";
}

.icon-windows:before {
  content: "\E641";
}

.icon-window:before {
  content: "\E642";
}

.icon-folder:before {
  content: "\E643";
}

.icon-connection-25:before {
  content: "\E644";
}

.icon-connection-50:before {
  content: "\E645";
}

.icon-connection-75:before {
  content: "\E646";
}

.icon-connection-full:before {
  content: "\E647";
}

.icon-list:before {
  content: "\E648";
}

.icon-grid:before {
  content: "\E649";
}

.icon-stack3:before {
  content: "\E64A";
}

.icon-battery-charging:before {
  content: "\E64B";
}

.icon-battery-empty:before {
  content: "\E64C";
}

.icon-battery-25:before {
  content: "\E64D";
}

.icon-battery-50:before {
  content: "\E64E";
}

.icon-battery-75:before {
  content: "\E64F";
}

.icon-refresh:before {
  content: "\E650";
}

.icon-volume:before {
  content: "\E651";
}

.icon-volume-increase:before {
  content: "\E652";
}

.icon-volume-decrease:before {
  content: "\E653";
}

.icon-mute:before {
  content: "\E654";
}

.icon-microphone:before {
  content: "\E655";
}

.icon-microphone-off:before {
  content: "\E656";
}

.icon-book:before {
  content: "\E657";
}

.icon-checkmark:before {
  content: "\E658";
}

.icon-checkbox-checked:before {
  content: "\E659";
}

.icon-checkbox:before {
  content: "\E65A";
}

.icon-paperclip:before {
  content: "\E65B";
}

.icon-chat-1:before {
  content: "\E65C";
}

.icon-chat-2:before {
  content: "\E65D";
}

.icon-chat-3:before {
  content: "\E65E";
}

.icon-comment:before {
  content: "\E65F";
}

.icon-calendar:before {
  content: "\E660";
}

.icon-bookmark:before {
  content: "\E661";
}

.icon-email2:before {
  content: "\E662";
}

.icon-heart:before {
  content: "\E663";
}

.icon-enter:before {
  content: "\E664";
}

.icon-cloud:before {
  content: "\E665";
}

.icon-book2:before {
  content: "\E666";
}

.icon-star:before {
  content: "\E667";
}

.icon-lock:before {
  content: "\E668";
}

.icon-unlocked:before {
  content: "\E669";
}

.icon-unlocked2:before {
  content: "\E66A";
}

.icon-users:before {
  content: "\E66B";
}

.icon-user:before {
  content: "\E66C";
}

.icon-users2:before {
  content: "\E66D";
}

.icon-user2:before {
  content: "\E66E";
}

.icon-bullhorn:before {
  content: "\E66F";
}

.icon-share:before {
  content: "\E670";
}

.icon-screen:before {
  content: "\E671";
}

.icon-phone:before {
  content: "\E672";
}

.icon-phone-portrait:before {
  content: "\E673";
}

.icon-calculator:before {
  content: "\E674";
}

.icon-bag:before {
  content: "\E675";
}

.icon-diamond:before {
  content: "\E676";
}

.icon-drink:before {
  content: "\E677";
}

.icon-shorts:before {
  content: "\E678";
}

.icon-vcard:before {
  content: "\E679";
}

.icon-sun:before {
  content: "\E67A";
}

.icon-bill:before {
  content: "\E67B";
}

.icon-coffee:before {
  content: "\E67C";
}

.icon-tv2:before {
  content: "\E67D";
}

.icon-newspaper:before {
  content: "\E67E";
}

.icon-stack:before {
  content: "\E67F";
}

.icon-syringe:before {
  content: "\E680";
}

.icon-health:before {
  content: "\E681";
}

.icon-bolt:before {
  content: "\E682";
}

.icon-pill:before {
  content: "\E683";
}

.icon-bones:before {
  content: "\E684";
}

.icon-lab:before {
  content: "\E685";
}

.icon-clipboard:before {
  content: "\E686";
}

.icon-mug:before {
  content: "\E687";
}

.icon-bucket:before {
  content: "\E688";
}

.icon-select:before {
  content: "\E689";
}

.icon-graph:before {
  content: "\E68A";
}

.icon-crop:before {
  content: "\E68B";
}

.icon-heart2:before {
  content: "\E68C";
}

.icon-cloud2:before {
  content: "\E68D";
}

.icon-star2:before {
  content: "\E68E";
}

.icon-pen:before {
  content: "\E68F";
}

.icon-diamond2:before {
  content: "\E690";
}

.icon-display:before {
  content: "\E691";
}

.icon-paperplane:before {
  content: "\E692";
}

.icon-params:before {
  content: "\E693";
}

.icon-banknote:before {
  content: "\E694";
}

.icon-vynil:before {
  content: "\E695";
}

.icon-truck:before {
  content: "\E696";
}

.icon-world:before {
  content: "\E697";
}

.icon-tv:before {
  content: "\E698";
}

.icon-sound:before {
  content: "\E699";
}

.icon-video:before {
  content: "\E69A";
}

.icon-trash:before {
  content: "\E69B";
}

.icon-user3:before {
  content: "\E69C";
}

.icon-key:before {
  content: "\E69D";
}

.icon-search2:before {
  content: "\E69E";
}

.icon-settings2:before {
  content: "\E69F";
}

.icon-camera2:before {
  content: "\E6A0";
}

.icon-tag2:before {
  content: "\E6A1";
}

.icon-lock2:before {
  content: "\E6A2";
}

.icon-bulb:before {
  content: "\E6A3";
}

.icon-location:before {
  content: "\E6A4";
}

.icon-eye:before {
  content: "\E6A5";
}

.icon-bubble:before {
  content: "\E6A6";
}

.icon-stack2:before {
  content: "\E6A7";
}

.icon-cup:before {
  content: "\E6A8";
}

.icon-phone2:before {
  content: "\E6A9";
}

.icon-news:before {
  content: "\E6AA";
}

.icon-mail:before {
  content: "\E6AB";
}

.icon-like:before {
  content: "\E6AC";
}

.icon-photo:before {
  content: "\E6AD";
}

.icon-note:before {
  content: "\E6AE";
}

.icon-clock2:before {
  content: "\E6AF";
}

.icon-data:before {
  content: "\E6B0";
}

.icon-music:before {
  content: "\E6B1";
}

.icon-megaphone:before {
  content: "\E6B2";
}

.icon-study:before {
  content: "\E6B3";
}

.icon-lab2:before {
  content: "\E6B4";
}

.icon-food:before {
  content: "\E6B5";
}

.icon-t-shirt:before {
  content: "\E6B6";
}

.icon-fire:before {
  content: "\E6B7";
}

.icon-clip:before {
  content: "\E6B8";
}

.icon-shop:before {
  content: "\E6B9";
}

.icon-calendar2:before {
  content: "\E6BA";
}

.icon-wallet:before {
  content: "\E6BB";
}

.icon-duckduckgo:before {
  content: "\E830";
}

.icon-lkdto:before {
  content: "\E896";
}

.icon-delicious:before {
  content: "\E832";
}

.icon-paypal:before {
  content: "\E833";
}

.icon-flattr:before {
  content: "\E834";
}

.icon-android:before {
  content: "\E835";
}

.icon-eventful:before {
  content: "\E836";
}

.icon-smashmag:before {
  content: "\E837";
}

.icon-gplus:before {
  content: "\E838";
}

.icon-wikipedia:before {
  content: "\E839";
}

.icon-lanyrd:before {
  content: "\E83A";
}

.icon-calendar-1:before {
  content: "\E83B";
}

.icon-stumbleupon:before {
  content: "\E83C";
}

.icon-bitcoin:before {
  content: "\E83F";
}

.icon-w3c:before {
  content: "\E840";
}

.icon-foursquare:before {
  content: "\E841";
}

.icon-html5:before {
  content: "\E842";
}

.icon-ie:before {
  content: "\E843";
}

.icon-call:before {
  content: "\E844";
}

.icon-grooveshark:before {
  content: "\E845";
}

.icon-ninetyninedesigns:before {
  content: "\E846";
}

.icon-forrst:before {
  content: "\E847";
}

.icon-digg:before {
  content: "\E848";
}

.icon-spotify:before {
  content: "\E849";
}

.icon-reddit:before {
  content: "\E84A";
}

.icon-guest:before {
  content: "\E84B";
}

.icon-blogger:before {
  content: "\E84E";
}

.icon-cc:before {
  content: "\E84F";
}

.icon-dribbble:before {
  content: "\E850";
}

.icon-evernote:before {
  content: "\E851";
}

.icon-flickr:before {
  content: "\E852";
}

.icon-google:before {
  content: "\E853";
}

.icon-viadeo:before {
  content: "\E854";
}

.icon-instapaper:before {
  content: "\E855";
}

.icon-weibo:before {
  content: "\E856";
}

.icon-klout:before {
  content: "\E857";
}

.icon-linkedin:before {
  content: "\E858";
}

.icon-meetup:before {
  content: "\E859";
}

.icon-vk:before {
  content: "\E85A";
}

.icon-rss:before {
  content: "\E85D";
}

.icon-skype:before {
  content: "\E85E";
}

.icon-twitter:before {
  content: "\E85F";
}

.icon-youtube:before {
  content: "\E860";
}

.icon-vimeo:before {
  content: "\E861";
}

.icon-windows2:before {
  content: "\E862";
}

.icon-aim:before {
  content: "\E831";
}

.icon-yahoo:before {
  content: "\E864";
}

.icon-chrome:before {
  content: "\E865";
}

.icon-email3:before {
  content: "\E866";
}

.icon-macstore:before {
  content: "\E867";
}

.icon-myspace:before {
  content: "\E868";
}

.icon-podcast:before {
  content: "\E869";
}

.icon-cloudapp:before {
  content: "\E86C";
}

.icon-dropbox:before {
  content: "\E86D";
}

.icon-ebay:before {
  content: "\E86E";
}

.icon-facebook:before {
  content: "\E86F";
}

.icon-github:before {
  content: "\E870";
}

.icon-github-circled:before {
  content: "\E871";
}

.icon-googleplay:before {
  content: "\E872";
}

.icon-itunes:before {
  content: "\E873";
}

.icon-plurk:before {
  content: "\E874";
}

.icon-songkick:before {
  content: "\E875";
}

.icon-lastfm:before {
  content: "\E876";
}

.icon-gmail:before {
  content: "\E877";
}

.icon-pinboard:before {
  content: "\E878";
}

.icon-soundcloud:before {
  content: "\E87B";
}

.icon-tumblr:before {
  content: "\E87C";
}

.icon-eventasaurus:before {
  content: "\E87D";
}

.icon-wordpress:before {
  content: "\E87E";
}

.icon-yelp:before {
  content: "\E87F";
}

.icon-intensedebate:before {
  content: "\E880";
}

.icon-eventbrite:before {
  content: "\E881";
}

.icon-scribd:before {
  content: "\E882";
}

.icon-posterous:before {
  content: "\E883";
}

.icon-stripe:before {
  content: "\E884";
}

.icon-opentable:before {
  content: "\E885";
}

.icon-cart:before {
  content: "\E886";
}

.icon-print:before {
  content: "\E887";
}

.icon-dwolla:before {
  content: "\E88A";
}

.icon-appnet:before {
  content: "\E88B";
}

.icon-statusnet:before {
  content: "\E88C";
}

.icon-acrobat:before {
  content: "\E88D";
}

.icon-drupal:before {
  content: "\E88E";
}

.icon-buffer:before {
  content: "\E88F";
}

.icon-pocket:before {
  content: "\E890";
}

.icon-bitbucket:before {
  content: "\E891";
}

.icon-lego:before {
  content: "\E892";
}

.icon-login:before {
  content: "\E893";
}

.icon-stackoverflow:before {
  content: "\E894";
}

.icon-hackernews:before {
  content: "\E895";
}

.icon-xing:before {
  content: "\E863";
}

.icon-instagram:before {
  content: "\E889";
}

.icon-angellist:before {
  content: "\E888";
}

.icon-quora:before {
  content: "\E87A";
}

.icon-openid:before {
  content: "\E879";
}

.icon-steam:before {
  content: "\E86B";
}

.icon-amazon:before {
  content: "\E86A";
}

.icon-disqus:before {
  content: "\E85C";
}

.icon-plancast:before {
  content: "\E85B";
}

.icon-appstore:before {
  content: "\E84D";
}

.icon-gowalla:before {
  content: "\E84C";
}

.icon-pinterest:before {
  content: "\E83E";
}

.icon-fivehundredpx:before {
  content: "\E83D";
}

.icon-glass:before {
  content: "\E6BC";
}

.icon-music2:before {
  content: "\E6BD";
}

.icon-search3:before {
  content: "\E6BE";
}

.icon-envelope2:before {
  content: "\E6BF";
}

.icon-heart3:before {
  content: "\E6C0";
}

.icon-star3:before {
  content: "\E6C1";
}

.icon-star-empty:before {
  content: "\E6C2";
}

.icon-user4:before {
  content: "\E6C3";
}

.icon-film:before {
  content: "\E6C4";
}

.icon-th-large:before {
  content: "\E6C5";
}

.icon-th:before {
  content: "\E6C6";
}

.icon-th-list:before {
  content: "\E6C7";
}

.icon-ok:before {
  content: "\E6C8";
}

.icon-remove:before {
  content: "\E6C9";
}

.icon-zoom-in2:before {
  content: "\E6CA";
}

.icon-zoom-out2:before {
  content: "\E6CB";
}

.icon-off:before {
  content: "\E6CC";
}

.icon-signal:before {
  content: "\E6CD";
}

.icon-cog:before {
  content: "\E6CE";
}

.icon-trash2:before {
  content: "\E6CF";
}

.icon-home2:before {
  content: "\E6D0";
}

.icon-file2:before {
  content: "\E6D1";
}

.icon-time:before {
  content: "\E6D2";
}

.icon-road:before {
  content: "\E6D3";
}

.icon-download-alt:before {
  content: "\E6D4";
}

.icon-download2:before {
  content: "\E6D5";
}

.icon-upload:before {
  content: "\E6D6";
}

.icon-inbox:before {
  content: "\E6D7";
}

.icon-play-circle:before {
  content: "\E6D8";
}

.icon-repeat:before {
  content: "\E6D9";
}

.icon-refresh2:before {
  content: "\E6DA";
}

.icon-list-alt:before {
  content: "\E6DB";
}

.icon-lock3:before {
  content: "\E6DC";
}

.icon-flag2:before {
  content: "\E6DD";
}

.icon-headphones:before {
  content: "\E6DE";
}

.icon-volume-off:before {
  content: "\E6DF";
}

.icon-volume-down:before {
  content: "\E6E0";
}

.icon-volume-up:before {
  content: "\E6E1";
}

.icon-qrcode:before {
  content: "\E6E2";
}

.icon-barcode:before {
  content: "\E6E3";
}

.icon-tag3:before {
  content: "\E6E4";
}

.icon-tags:before {
  content: "\E6E5";
}

.icon-book3:before {
  content: "\E6E6";
}

.icon-bookmark2:before {
  content: "\E6E7";
}

.icon-print2:before {
  content: "\E6E8";
}

.icon-camera3:before {
  content: "\E6E9";
}

.icon-font:before {
  content: "\E6EA";
}

.icon-bold:before {
  content: "\E6EB";
}

.icon-italic:before {
  content: "\E6EC";
}

.icon-text-height:before {
  content: "\E6ED";
}

.icon-text-width:before {
  content: "\E6EE";
}

.icon-align-left2:before {
  content: "\E6EF";
}

.icon-align-center2:before {
  content: "\E6F0";
}

.icon-align-right2:before {
  content: "\E6F1";
}

.icon-align-justify2:before {
  content: "\E6F2";
}

.icon-list2:before {
  content: "\E6F3";
}

.icon-indent-left:before {
  content: "\E6F4";
}

.icon-indent-right:before {
  content: "\E6F5";
}

.icon-facetime-video:before {
  content: "\E6F6";
}

.icon-picture:before {
  content: "\E6F7";
}

.icon-pencil2:before {
  content: "\E6F8";
}

.icon-map-marker2:before {
  content: "\E6F9";
}

.icon-adjust:before {
  content: "\E6FA";
}

.icon-tint:before {
  content: "\E6FB";
}

.icon-edit:before {
  content: "\E6FC";
}

.icon-share2:before {
  content: "\E6FD";
}

.icon-check:before {
  content: "\E6FE";
}

.icon-move:before {
  content: "\E6FF";
}

.icon-step-backward:before {
  content: "\E700";
}

.icon-fast-backward:before {
  content: "\E701";
}

.icon-backward:before {
  content: "\E702";
}

.icon-play:before {
  content: "\E703";
}

.icon-pause:before {
  content: "\E704";
}

.icon-stop:before {
  content: "\E705";
}

.icon-forward:before {
  content: "\E706";
}

.icon-fast-forward:before {
  content: "\E707";
}

.icon-step-forward:before {
  content: "\E708";
}

.icon-eject:before {
  content: "\E709";
}

.icon-chevron-left:before {
  content: "\E70A";
}

.icon-chevron-right:before {
  content: "\E70B";
}

.icon-plus-sign:before {
  content: "\E70C";
}

.icon-minus-sign:before {
  content: "\E70D";
}

.icon-remove-sign:before {
  content: "\E70E";
}

.icon-ok-sign:before {
  content: "\E70F";
}

.icon-question-sign:before {
  content: "\E710";
}

.icon-info-sign:before {
  content: "\E711";
}

.icon-screenshot:before {
  content: "\E712";
}

.icon-remove-circle:before {
  content: "\E713";
}

.icon-ok-circle:before {
  content: "\E714";
}

.icon-ban-circle:before {
  content: "\E715";
}

.icon-arrow-left2:before {
  content: "\E716";
}

.icon-arrow-right2:before {
  content: "\E717";
}

.icon-arrow-up2:before {
  content: "\E718";
}

.icon-arrow-down2:before {
  content: "\E719";
}

.icon-share-alt:before {
  content: "\E71A";
}

.icon-resize-full:before {
  content: "\E71B";
}

.icon-resize-small:before {
  content: "\E71C";
}

.icon-plus:before {
  content: "\E71D";
}

.icon-minus:before {
  content: "\E71E";
}

.icon-asterisk:before {
  content: "\E71F";
}

.icon-exclamation-sign:before {
  content: "\E720";
}

.icon-gift:before {
  content: "\E721";
}

.icon-leaf:before {
  content: "\E722";
}

.icon-fire2:before {
  content: "\E723";
}

.icon-eye-open:before {
  content: "\E724";
}

.icon-eye-close:before {
  content: "\E725";
}

.icon-warning-sign:before {
  content: "\E726";
}

.icon-plane:before {
  content: "\E727";
}

.icon-calendar3:before {
  content: "\E728";
}

.icon-random:before {
  content: "\E729";
}

.icon-comment2:before {
  content: "\E72A";
}

.icon-magnet:before {
  content: "\E72B";
}

.icon-chevron-up:before {
  content: "\E72C";
}

.icon-chevron-down:before {
  content: "\E72D";
}

.icon-retweet:before {
  content: "\E72E";
}

.icon-shopping-cart:before {
  content: "\E72F";
}

.icon-folder-close:before {
  content: "\E730";
}

.icon-folder-open:before {
  content: "\E731";
}

.icon-resize-vertical:before {
  content: "\E732";
}

.icon-resize-horizontal:before {
  content: "\E733";
}

.icon-bar-chart:before {
  content: "\E734";
}

.icon-twitter-sign:before {
  content: "\E735";
}

.icon-facebook-sign:before {
  content: "\E736";
}

.icon-camera-retro:before {
  content: "\E737";
}

.icon-key2:before {
  content: "\E738";
}

.icon-cogs:before {
  content: "\E739";
}

.icon-comments:before {
  content: "\E73A";
}

.icon-thumbs-up:before {
  content: "\E73B";
}

.icon-thumbs-down:before {
  content: "\E73C";
}

.icon-star-half:before {
  content: "\E73D";
}

.icon-heart-empty:before {
  content: "\E73E";
}

.icon-signout:before {
  content: "\E73F";
}

.icon-linkedin-sign:before {
  content: "\E740";
}

.icon-pushpin:before {
  content: "\E741";
}

.icon-external-link:before {
  content: "\E742";
}

.icon-signin:before {
  content: "\E743";
}

.icon-trophy:before {
  content: "\E744";
}

.icon-github-sign:before {
  content: "\E745";
}

.icon-upload-alt:before {
  content: "\E746";
}

.icon-lemon:before {
  content: "\E747";
}

.icon-phone3:before {
  content: "\E748";
}

.icon-check-empty:before {
  content: "\E749";
}

.icon-bookmark-empty:before {
  content: "\E74A";
}

.icon-phone-sign:before {
  content: "\E74B";
}

.icon-twitter2:before {
  content: "\E74C";
}

.icon-facebook2:before {
  content: "\E74D";
}

.icon-github2:before {
  content: "\E74E";
}

.icon-unlock:before {
  content: "\E74F";
}

.icon-credit:before {
  content: "\E750";
}

.icon-rss2:before {
  content: "\E751";
}

.icon-hdd:before {
  content: "\E752";
}

.icon-bullhorn2:before {
  content: "\E753";
}

.icon-bell:before {
  content: "\E754";
}

.icon-certificate:before {
  content: "\E755";
}

.icon-hand-right:before {
  content: "\E756";
}

.icon-hand-left:before {
  content: "\E757";
}

.icon-hand-up:before {
  content: "\E758";
}

.icon-hand-down:before {
  content: "\E759";
}

.icon-circle-arrow-left:before {
  content: "\E75A";
}

.icon-circle-arrow-right:before {
  content: "\E75B";
}

.icon-circle-arrow-up:before {
  content: "\E75C";
}

.icon-circle-arrow-down:before {
  content: "\E75D";
}

.icon-globe:before {
  content: "\E75E";
}

.icon-wrench:before {
  content: "\E75F";
}

.icon-tasks:before {
  content: "\E760";
}

.icon-filter:before {
  content: "\E761";
}

.icon-briefcase:before {
  content: "\E762";
}

.icon-fullscreen:before {
  content: "\E763";
}

.icon-group:before {
  content: "\E764";
}

.icon-link:before {
  content: "\E765";
}

.icon-cloud3:before {
  content: "\E766";
}

.icon-beaker:before {
  content: "\E767";
}

.icon-cut:before {
  content: "\E768";
}

.icon-copy:before {
  content: "\E769";
}

.icon-paper-clip:before {
  content: "\E76A";
}

.icon-save:before {
  content: "\E76B";
}

.icon-sign-blank:before {
  content: "\E76C";
}

.icon-reorder:before {
  content: "\E76D";
}

.icon-list-ul:before {
  content: "\E76E";
}

.icon-list-ol:before {
  content: "\E76F";
}

.icon-strikethrough:before {
  content: "\E770";
}

.icon-underline:before {
  content: "\E771";
}

.icon-table:before {
  content: "\E772";
}

.icon-magic:before {
  content: "\E773";
}

.icon-truck2:before {
  content: "\E774";
}

.icon-pinterest2:before {
  content: "\E775";
}

.icon-pinterest-sign:before {
  content: "\E776";
}

.icon-google-plus-sign:before {
  content: "\E777";
}

.icon-google-plus:before {
  content: "\E778";
}

.icon-money:before {
  content: "\E779";
}

.icon-caret-down:before {
  content: "\E77A";
}

.icon-caret-up:before {
  content: "\E77B";
}

.icon-caret-left:before {
  content: "\E77C";
}

.icon-caret-right:before {
  content: "\E77D";
}

.icon-columns:before {
  content: "\E77E";
}

.icon-sort:before {
  content: "\E77F";
}

.icon-sort-down:before {
  content: "\E780";
}

.icon-sort-up:before {
  content: "\E781";
}

.icon-envelope-alt:before {
  content: "\E782";
}

.icon-linkedin2:before {
  content: "\E783";
}

.icon-undo:before {
  content: "\E784";
}

.icon-legal:before {
  content: "\E785";
}

.icon-dashboard:before {
  content: "\E786";
}

.icon-comment-alt:before {
  content: "\E787";
}

.icon-comments-alt:before {
  content: "\E788";
}

.icon-bolt2:before {
  content: "\E789";
}

.icon-sitemap:before {
  content: "\E78A";
}

.icon-umbrella:before {
  content: "\E78B";
}

.icon-paste:before {
  content: "\E78C";
}

.icon-lightbulb:before {
  content: "\E78D";
}

.icon-exchange:before {
  content: "\E78E";
}

.icon-cloud-download:before {
  content: "\E78F";
}

.icon-cloud-upload:before {
  content: "\E790";
}

.icon-user-md:before {
  content: "\E791";
}

.icon-stethoscope:before {
  content: "\E792";
}

.icon-suitcase:before {
  content: "\E793";
}

.icon-bell-alt:before {
  content: "\E794";
}

.icon-coffee2:before {
  content: "\E795";
}

.icon-food2:before {
  content: "\E796";
}

.icon-file-alt:before {
  content: "\E797";
}

.icon-building:before {
  content: "\E798";
}

.icon-hospital:before {
  content: "\E799";
}

.icon-ambulance:before {
  content: "\E79A";
}

.icon-medkit:before {
  content: "\E79B";
}

.icon-fighter-jet:before {
  content: "\E79C";
}

.icon-beer:before {
  content: "\E79D";
}

.icon-h-sign:before {
  content: "\E79E";
}

.icon-plus-sign2:before {
  content: "\E79F";
}

.icon-double-angle-left:before {
  content: "\E7A0";
}

.icon-double-angle-right:before {
  content: "\E7A1";
}

.icon-double-angle-up:before {
  content: "\E7A2";
}

.icon-double-angle-down:before {
  content: "\E7A3";
}

.icon-angle-left:before {
  content: "\E7A4";
}

.icon-angle-right:before {
  content: "\E7A5";
}

.icon-angle-up:before {
  content: "\E7A6";
}

.icon-angle-down:before {
  content: "\E7A7";
}

.icon-desktop:before {
  content: "\E7A8";
}

.icon-laptop2:before {
  content: "\E7A9";
}

.icon-tablet2:before {
  content: "\E7AA";
}

.icon-mobile:before {
  content: "\E7AB";
}

.icon-circle-blank:before {
  content: "\E7AC";
}

.icon-quote-left:before {
  content: "\E7AD";
}

.icon-quote-right:before {
  content: "\E7AE";
}

.icon-spinner:before {
  content: "\E7AF";
}

.icon-circle:before {
  content: "\E7B0";
}

.icon-reply:before {
  content: "\E7B1";
}

.icon-github-alt:before {
  content: "\E7B2";
}

.icon-folder-close-alt:before {
  content: "\E7B3";
}

.icon-folder-open-alt:before {
  content: "\E7B4";
}

.icon-expand-alt:before {
  content: "\E7B5";
}

.icon-collapse-alt:before {
  content: "\E7B6";
}

.icon-smile:before {
  content: "\E7B7";
}

.icon-frown:before {
  content: "\E7B8";
}

.icon-meh:before {
  content: "\E7B9";
}

.icon-gamepad:before {
  content: "\E7BA";
}

.icon-keyboard:before {
  content: "\E7BB";
}

.icon-flag-alt:before {
  content: "\E7BC";
}

.icon-flag-checkered:before {
  content: "\E7BD";
}

.icon-terminal:before {
  content: "\E7BE";
}

.icon-code:before {
  content: "\E7BF";
}

.icon-reply-all:before {
  content: "\E7C0";
}

.icon-star-half-full:before {
  content: "\E7C1";
}

.icon-location-arrow:before {
  content: "\E7C2";
}

.icon-crop2:before {
  content: "\E7C3";
}

.icon-code-fork:before {
  content: "\E7C4";
}

.icon-unlink:before {
  content: "\E7C5";
}

.icon-question:before {
  content: "\E7C6";
}

.icon-info:before {
  content: "\E7C7";
}

.icon-exclamation:before {
  content: "\E7C8";
}

.icon-superscript:before {
  content: "\E7C9";
}

.icon-subscript:before {
  content: "\E7CA";
}

.icon-eraser:before {
  content: "\E7CB";
}

.icon-puzzle:before {
  content: "\E7CC";
}

.icon-microphone2:before {
  content: "\E7CD";
}

.icon-microphone-off2:before {
  content: "\E7CE";
}

.icon-shield:before {
  content: "\E7CF";
}

.icon-calendar-empty:before {
  content: "\E7D0";
}

.icon-fire-extinguisher:before {
  content: "\E7D1";
}

.icon-rocket:before {
  content: "\E7D2";
}

.icon-maxcdn:before {
  content: "\E7D3";
}

.icon-chevron-sign-left:before {
  content: "\E7D4";
}

.icon-chevron-sign-right:before {
  content: "\E7D5";
}

.icon-chevron-sign-up:before {
  content: "\E7D6";
}

.icon-chevron-sign-down:before {
  content: "\E7D7";
}

.icon-html52:before {
  content: "\E7D8";
}

.icon-css3:before {
  content: "\E7D9";
}

.icon-anchor:before {
  content: "\E7DA";
}

.icon-unlock-alt:before {
  content: "\E7DB";
}

.icon-bullseye:before {
  content: "\E7DC";
}

.icon-ellipsis-horizontal:before {
  content: "\E7DD";
}

.icon-ellipsis-vertical:before {
  content: "\E7DE";
}

.icon-rss-sign:before {
  content: "\E7DF";
}

.icon-play-sign:before {
  content: "\E7E0";
}

.icon-ticket:before {
  content: "\E7E1";
}

.icon-minus-sign-alt:before {
  content: "\E7E2";
}

.icon-check-minus:before {
  content: "\E7E3";
}

.icon-level-up:before {
  content: "\E7E4";
}

.icon-level-down:before {
  content: "\E7E5";
}

.icon-check-sign:before {
  content: "\E7E6";
}

.icon-edit-sign:before {
  content: "\E7E7";
}

.icon-external-link-sign:before {
  content: "\E7E8";
}

.icon-share-sign:before {
  content: "\E7E9";
}

.icon-compass:before {
  content: "\E7EA";
}

.icon-collapse:before {
  content: "\E7EB";
}

.icon-collapse-top:before {
  content: "\E7EC";
}

.icon-expand:before {
  content: "\E7ED";
}

.icon-euro:before {
  content: "\E7EE";
}

.icon-gbp:before {
  content: "\E7EF";
}

.icon-dollar:before {
  content: "\E7F0";
}

.icon-rupee:before {
  content: "\E7F1";
}

.icon-yen:before {
  content: "\E7F2";
}

.icon-renminbi:before {
  content: "\E7F3";
}

.icon-won:before {
  content: "\E7F4";
}

.icon-bitcoin2:before {
  content: "\E7F5";
}

.icon-file3:before {
  content: "\E7F6";
}

.icon-file-text:before {
  content: "\E7F7";
}

.icon-sort-by-alphabet:before {
  content: "\E7F8";
}

.icon-sort-by-alphabet-alt:before {
  content: "\E7F9";
}

.icon-sort-by-attributes:before {
  content: "\E7FA";
}

.icon-sort-by-attributes-alt:before {
  content: "\E7FB";
}

.icon-sort-by-order:before {
  content: "\E7FC";
}

.icon-sort-by-order-alt:before {
  content: "\E7FD";
}

.icon-thumbs-up2:before {
  content: "\E7FE";
}

.icon-thumbs-down2:before {
  content: "\E7FF";
}

.icon-youtube-sign:before {
  content: "\E800";
}

.icon-youtube2:before {
  content: "\E801";
}

.icon-xing2:before {
  content: "\E802";
}

.icon-xing-sign:before {
  content: "\E803";
}

.icon-youtube-play:before {
  content: "\E804";
}

.icon-dropbox2:before {
  content: "\E805";
}

.icon-stackexchange:before {
  content: "\E806";
}

.icon-instagram2:before {
  content: "\E807";
}

.icon-flickr2:before {
  content: "\E808";
}

.icon-adn:before {
  content: "\E809";
}

.icon-bitbucket2:before {
  content: "\E80A";
}

.icon-bitbucket-sign:before {
  content: "\E80B";
}

.icon-tumblr2:before {
  content: "\E80C";
}

.icon-tumblr-sign:before {
  content: "\E80D";
}

.icon-long-arrow-down:before {
  content: "\E80E";
}

.icon-long-arrow-up:before {
  content: "\E80F";
}

.icon-long-arrow-left:before {
  content: "\E810";
}

.icon-long-arrow-right:before {
  content: "\E811";
}

.icon-apple:before {
  content: "\E812";
}

.icon-windows3:before {
  content: "\E813";
}

.icon-android2:before {
  content: "\E814";
}

.icon-linux:before {
  content: "\E815";
}

.icon-dribbble2:before {
  content: "\E816";
}

.icon-skype2:before {
  content: "\E817";
}

.icon-foursquare2:before {
  content: "\E818";
}

.icon-trello:before {
  content: "\E819";
}

.icon-female:before {
  content: "\E81A";
}

.icon-male:before {
  content: "\E81B";
}

.icon-gittip:before {
  content: "\E81C";
}

.icon-sun2:before {
  content: "\E81D";
}

.icon-moon:before {
  content: "\E81E";
}

.icon-archive2:before {
  content: "\E81F";
}

.icon-bug:before {
  content: "\E820";
}

.icon-renren:before {
  content: "\E821";
}

.icon-weibo2:before {
  content: "\E822";
}

.icon-vk2:before {
  content: "\E823";
}

.icon-line-eye:before {
  content: "\E000";
}

.icon-line-paper-clip:before {
  content: "\E001";
}

.icon-line-mail:before {
  content: "\E002";
}

.icon-line-toggle:before {
  content: "\E003";
}

.icon-line-layout:before {
  content: "\E004";
}

.icon-line-link:before {
  content: "\E005";
}

.icon-line-bell:before {
  content: "\E006";
}

.icon-line-lock:before {
  content: "\E007";
}

.icon-line-unlock:before {
  content: "\E008";
}

.icon-line-ribbon:before {
  content: "\E009";
}

.icon-line-image:before {
  content: "\E010";
}

.icon-line-signal:before {
  content: "\E011";
}

.icon-line-target:before {
  content: "\E012";
}

.icon-line-clipboard:before {
  content: "\E013";
}

.icon-line-clock:before {
  content: "\E014";
}

.icon-line-watch:before {
  content: "\E015";
}

.icon-line-air-play:before {
  content: "\E016";
}

.icon-line-camera:before {
  content: "\E017";
}

.icon-line-video:before {
  content: "\E018";
}

.icon-line-disc:before {
  content: "\E019";
}

.icon-line-printer:before {
  content: "\E020";
}

.icon-line-monitor:before {
  content: "\E021";
}

.icon-line-server:before {
  content: "\E022";
}

.icon-line-cog:before {
  content: "\E023";
}

.icon-line-heart:before {
  content: "\E024";
}

.icon-line-paragraph:before {
  content: "\E025";
}

.icon-line-align-justify:before {
  content: "\E026";
}

.icon-line-align-left:before {
  content: "\E027";
}

.icon-line-align-center:before {
  content: "\E028";
}

.icon-line-align-right:before {
  content: "\E029";
}

.icon-line-book:before {
  content: "\E030";
}

.icon-line-layers:before {
  content: "\E031";
}

.icon-line-stack:before {
  content: "\E032";
}

.icon-line-stack-2:before {
  content: "\E033";
}

.icon-line-paper:before {
  content: "\E034";
}

.icon-line-paper-stack:before {
  content: "\E035";
}

.icon-line-search:before {
  content: "\E036";
}

.icon-line-zoom-in:before {
  content: "\E037";
}

.icon-line-zoom-out:before {
  content: "\E038";
}

.icon-line-reply:before {
  content: "\E039";
}

.icon-line-circle-plus:before {
  content: "\E040";
}

.icon-line-circle-minus:before {
  content: "\E041";
}

.icon-line-circle-check:before {
  content: "\E042";
}

.icon-line-circle-cross:before {
  content: "\E043";
}

.icon-line-square-plus:before {
  content: "\E044";
}

.icon-line-square-minus:before {
  content: "\E045";
}

.icon-line-square-check:before {
  content: "\E046";
}

.icon-line-square-cross:before {
  content: "\E047";
}

.icon-line-microphone:before {
  content: "\E048";
}

.icon-line-record:before {
  content: "\E049";
}

.icon-line-skip-back:before {
  content: "\E050";
}

.icon-line-rewind:before {
  content: "\E051";
}

.icon-line-play:before {
  content: "\E052";
}

.icon-line-pause:before {
  content: "\E053";
}

.icon-line-stop:before {
  content: "\E054";
}

.icon-line-fast-forward:before {
  content: "\E055";
}

.icon-line-skip-forward:before {
  content: "\E056";
}

.icon-line-shuffle:before {
  content: "\E057";
}

.icon-line-repeat:before {
  content: "\E058";
}

.icon-line-folder:before {
  content: "\E059";
}

.icon-line-umbrella:before {
  content: "\E060";
}

.icon-line-moon:before {
  content: "\E061";
}

.icon-line-thermometer:before {
  content: "\E062";
}

.icon-line-drop:before {
  content: "\E063";
}

.icon-line-sun:before {
  content: "\E064";
}

.icon-line-cloud:before {
  content: "\E065";
}

.icon-line-cloud-upload:before {
  content: "\E066";
}

.icon-line-cloud-download:before {
  content: "\E067";
}

.icon-line-upload:before {
  content: "\E068";
}

.icon-line-download:before {
  content: "\E069";
}

.icon-line-location:before {
  content: "\E070";
}

.icon-line-location-2:before {
  content: "\E071";
}

.icon-line-map:before {
  content: "\E072";
}

.icon-line-battery:before {
  content: "\E073";
}

.icon-line-head:before {
  content: "\E074";
}

.icon-line-briefcase:before {
  content: "\E075";
}

.icon-line-speech-bubble:before {
  content: "\E076";
}

.icon-line-anchor:before {
  content: "\E077";
}

.icon-line-globe:before {
  content: "\E078";
}

.icon-line-box:before {
  content: "\E079";
}

.icon-line-reload:before {
  content: "\E080";
}

.icon-line-share:before {
  content: "\E081";
}

.icon-line-marquee:before {
  content: "\E082";
}

.icon-line-marquee-plus:before {
  content: "\E083";
}

.icon-line-marquee-minus:before {
  content: "\E084";
}

.icon-line-tag:before {
  content: "\E085";
}

.icon-line-power:before {
  content: "\E086";
}

.icon-line-command:before {
  content: "\E087";
}

.icon-line-alt:before {
  content: "\E088";
}

.icon-line-esc:before {
  content: "\E089";
}

.icon-line-bar-graph:before {
  content: "\E090";
}

.icon-line-bar-graph-2:before {
  content: "\E091";
}

.icon-line-pie-graph:before {
  content: "\E092";
}

.icon-line-star:before {
  content: "\E093";
}

.icon-line-arrow-left:before {
  content: "\E094";
}

.icon-line-arrow-right:before {
  content: "\E095";
}

.icon-line-arrow-up:before {
  content: "\E096";
}

.icon-line-arrow-down:before {
  content: "\E097";
}

.icon-line-volume:before {
  content: "\E098";
}

.icon-line-mute:before {
  content: "\E099";
}

.icon-line-content-right:before {
  content: "\E100";
}

.icon-line-content-left:before {
  content: "\E101";
}

.icon-line-grid:before {
  content: "\E102";
}

.icon-line-grid-2:before {
  content: "\E103";
}

.icon-line-columns:before {
  content: "\E104";
}

.icon-line-loader:before {
  content: "\E105";
}

.icon-line-bag:before {
  content: "\E106";
}

.icon-line-ban:before {
  content: "\E107";
}

.icon-line-flag:before {
  content: "\E108";
}

.icon-line-trash:before {
  content: "\E109";
}

.icon-line-expand:before {
  content: "\E110";
}

.icon-line-contract:before {
  content: "\E111";
}

.icon-line-maximize:before {
  content: "\E112";
}

.icon-line-minimize:before {
  content: "\E113";
}

.icon-line-plus:before {
  content: "\E114";
}

.icon-line-minus:before {
  content: "\E115";
}

.icon-line-check:before {
  content: "\E116";
}

.icon-line-cross:before {
  content: "\E117";
}

.icon-line-move:before {
  content: "\E118";
}

.icon-line-delete:before {
  content: "\E119";
}

.icon-line-menu:before {
  content: "\E120";
}

.icon-line-archive:before {
  content: "\E121";
}

.icon-line-inbox:before {
  content: "\E122";
}

.icon-line-outbox:before {
  content: "\E123";
}

.icon-line-file:before {
  content: "\E124";
}

.icon-line-file-add:before {
  content: "\E125";
}

.icon-line-file-subtract:before {
  content: "\E126";
}

.icon-line-help:before {
  content: "\E127";
}

.icon-line-open:before {
  content: "\E128";
}

.icon-line-ellipsis:before {
  content: "\E129";
}

.icon-line2-user-female:before {
  content: "\E000";
}

.icon-line2-user-follow:before {
  content: "\E002";
}

.icon-line2-user-following:before {
  content: "\E003";
}

.icon-line2-user-unfollow:before {
  content: "\E004";
}

.icon-line2-trophy:before {
  content: "\E006";
}

.icon-line2-screen-smartphone:before {
  content: "\E010";
}

.icon-line2-screen-desktop:before {
  content: "\E011";
}

.icon-line2-plane:before {
  content: "\E012";
}

.icon-line2-notebook:before {
  content: "\E013";
}

.icon-line2-moustache:before {
  content: "\E014";
}

.icon-line2-mouse:before {
  content: "\E015";
}

.icon-line2-magnet:before {
  content: "\E016";
}

.icon-line2-energy:before {
  content: "\E020";
}

.icon-line2-emoticon-smile:before {
  content: "\E021";
}

.icon-line2-disc:before {
  content: "\E022";
}

.icon-line2-cursor-move:before {
  content: "\E023";
}

.icon-line2-crop:before {
  content: "\E024";
}

.icon-line2-credit-card:before {
  content: "\E025";
}

.icon-line2-chemistry:before {
  content: "\E026";
}

.icon-line2-user:before {
  content: "\E005";
}

.icon-line2-speedometer:before {
  content: "\E007";
}

.icon-line2-social-youtube:before {
  content: "\E008";
}

.icon-line2-social-twitter:before {
  content: "\E009";
}

.icon-line2-social-tumblr:before {
  content: "\E00A";
}

.icon-line2-social-facebook:before {
  content: "\E00B";
}

.icon-line2-social-dropbox:before {
  content: "\E00C";
}

.icon-line2-social-dribbble:before {
  content: "\E00D";
}

.icon-line2-shield:before {
  content: "\E00E";
}

.icon-line2-screen-tablet:before {
  content: "\E00F";
}

.icon-line2-magic-wand:before {
  content: "\E017";
}

.icon-line2-hourglass:before {
  content: "\E018";
}

.icon-line2-graduation:before {
  content: "\E019";
}

.icon-line2-ghost:before {
  content: "\E01A";
}

.icon-line2-game-controller:before {
  content: "\E01B";
}

.icon-line2-fire:before {
  content: "\E01C";
}

.icon-line2-eyeglasses:before {
  content: "\E01D";
}

.icon-line2-envelope-open:before {
  content: "\E01E";
}

.icon-line2-envelope-letter:before {
  content: "\E01F";
}

.icon-line2-bell:before {
  content: "\E027";
}

.icon-line2-badge:before {
  content: "\E028";
}

.icon-line2-anchor:before {
  content: "\E029";
}

.icon-line2-wallet:before {
  content: "\E02A";
}

.icon-line2-vector:before {
  content: "\E02B";
}

.icon-line2-speech:before {
  content: "\E02C";
}

.icon-line2-puzzle:before {
  content: "\E02D";
}

.icon-line2-printer:before {
  content: "\E02E";
}

.icon-line2-present:before {
  content: "\E02F";
}

.icon-line2-playlist:before {
  content: "\E030";
}

.icon-line2-pin:before {
  content: "\E031";
}

.icon-line2-picture:before {
  content: "\E032";
}

.icon-line2-map:before {
  content: "\E033";
}

.icon-line2-layers:before {
  content: "\E034";
}

.icon-line2-handbag:before {
  content: "\E035";
}

.icon-line2-globe-alt:before {
  content: "\E036";
}

.icon-line2-globe:before {
  content: "\E037";
}

.icon-line2-frame:before {
  content: "\E038";
}

.icon-line2-folder-alt:before {
  content: "\E039";
}

.icon-line2-film:before {
  content: "\E03A";
}

.icon-line2-feed:before {
  content: "\E03B";
}

.icon-line2-earphones-alt:before {
  content: "\E03C";
}

.icon-line2-earphones:before {
  content: "\E03D";
}

.icon-line2-drop:before {
  content: "\E03E";
}

.icon-line2-drawer:before {
  content: "\E03F";
}

.icon-line2-docs:before {
  content: "\E040";
}

.icon-line2-directions:before {
  content: "\E041";
}

.icon-line2-direction:before {
  content: "\E042";
}

.icon-line2-diamond:before {
  content: "\E043";
}

.icon-line2-cup:before {
  content: "\E044";
}

.icon-line2-compass:before {
  content: "\E045";
}

.icon-line2-call-out:before {
  content: "\E046";
}

.icon-line2-call-in:before {
  content: "\E047";
}

.icon-line2-call-end:before {
  content: "\E048";
}

.icon-line2-calculator:before {
  content: "\E049";
}

.icon-line2-bubbles:before {
  content: "\E04A";
}

.icon-line2-briefcase:before {
  content: "\E04B";
}

.icon-line2-book-open:before {
  content: "\E04C";
}

.icon-line2-basket-loaded:before {
  content: "\E04D";
}

.icon-line2-basket:before {
  content: "\E04E";
}

.icon-line2-bag:before {
  content: "\E04F";
}

.icon-line2-action-undo:before {
  content: "\E050";
}

.icon-line2-action-redo:before {
  content: "\E051";
}

.icon-line2-wrench:before {
  content: "\E052";
}

.icon-line2-umbrella:before {
  content: "\E053";
}

.icon-line2-trash:before {
  content: "\E054";
}

.icon-line2-tag:before {
  content: "\E055";
}

.icon-line2-support:before {
  content: "\E056";
}

.icon-line2-size-fullscreen:before {
  content: "\E057";
}

.icon-line2-size-actual:before {
  content: "\E058";
}

.icon-line2-shuffle:before {
  content: "\E059";
}

.icon-line2-share-alt:before {
  content: "\E05A";
}

.icon-line2-share:before {
  content: "\E05B";
}

.icon-line2-rocket:before {
  content: "\E05C";
}

.icon-line2-question:before {
  content: "\E05D";
}

.icon-line2-pie-chart:before {
  content: "\E05E";
}

.icon-line2-pencil:before {
  content: "\E05F";
}

.icon-line2-note:before {
  content: "\E060";
}

.icon-line2-music-tone-alt:before {
  content: "\E061";
}

.icon-line2-music-tone:before {
  content: "\E062";
}

.icon-line2-microphone:before {
  content: "\E063";
}

.icon-line2-loop:before {
  content: "\E064";
}

.icon-line2-logout:before {
  content: "\E065";
}

.icon-line2-login:before {
  content: "\E066";
}

.icon-line2-list:before {
  content: "\E067";
}

.icon-line2-like:before {
  content: "\E068";
}

.icon-line2-home:before {
  content: "\E069";
}

.icon-line2-grid:before {
  content: "\E06A";
}

.icon-line2-graph:before {
  content: "\E06B";
}

.icon-line2-equalizer:before {
  content: "\E06C";
}

.icon-line2-dislike:before {
  content: "\E06D";
}

.icon-line2-cursor:before {
  content: "\E06E";
}

.icon-line2-control-start:before {
  content: "\E06F";
}

.icon-line2-control-rewind:before {
  content: "\E070";
}

.icon-line2-control-play:before {
  content: "\E071";
}

.icon-line2-control-pause:before {
  content: "\E072";
}

.icon-line2-control-forward:before {
  content: "\E073";
}

.icon-line2-control-end:before {
  content: "\E074";
}

.icon-line2-calendar:before {
  content: "\E075";
}

.icon-line2-bulb:before {
  content: "\E076";
}

.icon-line2-bar-chart:before {
  content: "\E077";
}

.icon-line2-arrow-up:before {
  content: "\E078";
}

.icon-line2-arrow-right:before {
  content: "\E079";
}

.icon-line2-arrow-left:before {
  content: "\E07A";
}

.icon-line2-arrow-down:before {
  content: "\E07B";
}

.icon-line2-ban:before {
  content: "\E07C";
}

.icon-line2-bubble:before {
  content: "\E07D";
}

.icon-line2-camcorder:before {
  content: "\E07E";
}

.icon-line2-camera:before {
  content: "\E07F";
}

.icon-line2-check:before {
  content: "\E080";
}

.icon-line2-clock:before {
  content: "\E081";
}

.icon-line2-close:before {
  content: "\E082";
}

.icon-line2-cloud-download:before {
  content: "\E083";
}

.icon-line2-cloud-upload:before {
  content: "\E084";
}

.icon-line2-doc:before {
  content: "\E085";
}

.icon-line2-envelope:before {
  content: "\E086";
}

.icon-line2-eye:before {
  content: "\E087";
}

.icon-line2-flag:before {
  content: "\E088";
}

.icon-line2-folder:before {
  content: "\E089";
}

.icon-line2-heart:before {
  content: "\E08A";
}

.icon-line2-info:before {
  content: "\E08B";
}

.icon-line2-key:before {
  content: "\E08C";
}

.icon-line2-link:before {
  content: "\E08D";
}

.icon-line2-lock:before {
  content: "\E08E";
}

.icon-line2-lock-open:before {
  content: "\E08F";
}

.icon-line2-magnifier:before {
  content: "\E090";
}

.icon-line2-magnifier-add:before {
  content: "\E091";
}

.icon-line2-magnifier-remove:before {
  content: "\E092";
}

.icon-line2-paper-clip:before {
  content: "\E093";
}

.icon-line2-paper-plane:before {
  content: "\E094";
}

.icon-line2-plus:before {
  content: "\E095";
}

.icon-line2-pointer:before {
  content: "\E096";
}

.icon-line2-power:before {
  content: "\E097";
}

.icon-line2-refresh:before {
  content: "\E098";
}

.icon-line2-reload:before {
  content: "\E099";
}

.icon-line2-settings:before {
  content: "\E09A";
}

.icon-line2-star:before {
  content: "\E09B";
}

.icon-line2-symbol-female:before {
  content: "\E09C";
}

.icon-line2-symbol-male:before {
  content: "\E09D";
}

.icon-line2-target:before {
  content: "\E09E";
}

.icon-line2-volume-1:before {
  content: "\E09F";
}

.icon-line2-volume-2:before {
  content: "\E0A0";
}

.icon-line2-volume-off:before {
  content: "\E0A1";
}

.icon-line2-users:before {
  content: "\E001";
}

.elasticstack {
  position: relative;
  margin: 40px auto;
  padding: 0;
  width: 456px;
  height: 540px;
  list-style: none;
  -webkit-perspective: 1000px;
  -webkit-perspective-origin: 50% 150%;
  perspective: 1000px;
  perspective-origin: 50% 150%;
}

.no-js .elasticstack {
  max-width: 1090px;
  width: 100%;
  height: auto;
  text-align: center;
}

.elasticstack li {
  position: absolute;
  z-index: 1;
  width: 456px;
  height: 540px;
  border-width: 60px 20px 120px;
  border-style: solid;
  border-color: #fff;
  box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.1);
  opacity: 0;
  cursor: pointer;
  transform: translate3d(0, 0, -180px);
  transform-style: preserve-3d;
}

.no-js .elasticstack li {
  position: relative;
  display: inline-block;
  opacity: 1;
  margin: 10px;
  cursor: default;
  transform: translate3d(0, 0, 0);
}

.elasticstack li img {
  display: block;
}

.elasticstack li h6 {
  margin: 73px 5px 0;
  color: #cc3333;
  height: 60px;
  overflow: hidden;
}

.elasticstack li.animate {
  transition: all 0.3s ease-out;
}

.elasticstack li.move-back {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.47, 1.515);
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .elasticstack,
.elasticstack li {
    width: 370px;
    height: 467px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .elasticstack,
.elasticstack li {
    width: 300px;
    height: 404px;
  }

  .elasticstack li h6 {
    height: 38px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .elasticstack,
.elasticstack li {
    width: 288px;
    height: 395px;
  }

  .elasticstack li h6 {
    height: 36px;
    font-size: 14px;
  }
}
section,
footer {
  display: block;
}

html,
body {
  margin: 0px;
  padding: 0px;
}

body {
  background: #fff;
  color: #333;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.ml-30 {
  margin-left: 30px;
}

.pt20 {
  padding-top: 20px;
}

.clear {
  clear: both;
}

img {
  max-width: 100%;
}

.hideDesktop {
  display: none;
}

.hideDesktop2 {
  display: none;
}

.hideDesktop3 {
  display: none !important;
}

ul.row {
  margin: 0;
}

section {
  padding: 60px 0;
}

.table-display {
  display: table;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}

.semi-bold {
  font-weight: 600;
}

.width-full {
  width: 100%;
}

.no-bullets {
  list-style: none;
  padding: 0;
  margin: 0;
}

label {
  font-weight: normal;
}

.longMaginPara p {
  margin-bottom: 30px;
}

.whiteBg {
  background: #fff !important;
}

.readMore {
  font-size: 14px;
  color: #d32f2f;
  font-weight: 600;
}

.readMore:hover {
  color: #c32121;
}

.inlineBlock {
  display: inline-block;
}

.btn {
  transition: all 0.5s;
}

.sprite-icon {
  transition: all 0.5s;
  background: url("../../images/img/sprite-icons.png") no-repeat 0 0;
  display: inline-block;
  width: 30px;
  height: 30px;
}

.headphone {
  background-position: -2px -198px;
  width: 36px;
  height: 28px;
}

.mobile {
  background-position: -4px -237px;
  width: 20px;
  height: 33px;
}

.right-arrow {
  background-position: -7px -27px;
  width: 18px;
  height: 17px;
}

.right-arrow-white {
  background-position: -6px -3px;
  width: 18px;
  height: 17px;
}

.right-arrow-white-big {
  background-position: -467px -193px;
  width: 28px;
  height: 21px;
}

.left-arrow {
  background-position: -379px -1px;
  width: 18px;
  height: 17px;
}

.btnDefault .right-arrow,
.btnLarge .right-arrow,
.btnBlack .right-arrow {
  background-position: -6px -3px;
  width: 18px;
  height: 17px;
}

.homeicon {
  background-position: -156px -363px;
  width: 27px;
  height: 26px;
}

.building-icon {
  background-position: -2px -161px;
  width: 37px;
  height: 27px;
}

.filter-icon {
  background-position: -471px -1247px;
  width: 13px;
  height: 13px;
}

.building {
  background-position: -75px -310px;
  width: 37px;
  height: 27px;
}

.users {
  background-position: -71px -277px;
  width: 43px;
  height: 24px;
}

.searchicon {
  background-position: -120px -320px;
  width: 20px;
  height: 20px;
}

.health-insurance {
  background-position: -71px -784px;
  width: 64px;
  height: 64px;
}

.infoIc {
  background-position: -46px -291px;
  width: 16px;
  height: 15px;
}

.geo-ic {
  background-position: -73px -242px;
  width: 28px;
  height: 28px;
}

.zoom-icon {
  background-position: -5px -275px;
  width: 16px;
  height: 16px;
}

.zoom-icon-big {
  background-position: -379px -126px;
  width: 18px;
  height: 18px;
}

.zoom-icon-2 {
  background-position: -402px -123px;
  width: 26px;
  height: 26px;
}

.go-top {
  background-position: -475px -348px;
  width: 24px;
  height: 23px;
}

.arrow-down {
  background-position: -396px -469px;
  width: 14px;
  height: 8px;
}

.arrow-white-down {
  background-position: -43px -242px;
  width: 20px;
  height: 11px;
}

.fb {
  background-position: -43px -41px;
  width: 38px;
  height: 38px;
}

.fb:hover {
  background-position: -43px -1px;
}

.pinImage-icon {
  background-position: -2px -1760px;
  width: 36px;
  height: 36px;
}

.pinImage-icon:hover {
  background-position: -2px -1720px;
}

.manufacturing-map-image {
  width: inherit !important;
  display: block;
  margin: 0 auto;
}

.youtube-video-icon {
  background-position: -46px -1760px;
  width: 36px;
  height: 36px;
}

.youtube-video-icon:hover {
  background-position: -46px -1720px;
}

.insta-icons {
  background-position: -92px -1760px;
  width: 36px;
  height: 36px;
}

.insta-icons:hover {
  background-position: -92px -1720px;
  width: 36px;
  height: 36px;
}

.gplus {
  background-position: -93px -41px;
  width: 38px;
  height: 38px;
}

.gplus:hover {
  background-position: -93px -1px;
}

.twitter {
  background-position: -143px -41px;
  width: 38px;
  height: 38px;
}

.twitter:hover {
  background-position: -143px -1px;
}

.user-icon-1 {
  background-position: -304px -1936px;
  width: 32px;
  height: 32px;
  vertical-align: middle;
}

.user-icon-2 {
  background-position: -220px -689px;
  width: 88px;
  height: 88px;
}

.link-icon {
  background-position: -7px -296px;
  width: 15px;
  height: 14px;
}

.view-icon {
  background-position: -3px -52px;
  width: 25px;
  height: 14px;
}

.video-icon {
  background-position: -44px -81px;
  width: 100px;
  height: 100px;
}

.close-icon {
  background-position: -145px -319px;
  width: 22px;
  height: 22px;
}

.close-icon-white {
  background-position: -472px -7px;
  width: 24px;
  height: 24px;
}

.close-icon-big {
  background-position: -417px -1171px;
  width: 63px;
  height: 63px;
}

.close-icon-small {
  background-position: -368px -223px;
  width: 12px;
  height: 13px;
}

.metal-carports {
  background-position: -5px -1371px;
  width: 50px;
  height: 26px;
}

.check-mark {
  background-position: -278px -443px;
  width: 36px;
  height: 36px;
}

.pluse-icon {
  background-position: -331px -149px;
  width: 16px;
  height: 16px;
}

.minus-icon {
  background-position: -331px -176px;
  width: 16px;
  height: 2px;
}

.arrow-go {
  background-position: -376px -150px;
  width: 10px;
  height: 16px;
}

.roof-icon {
  background-position: 0 -1934px;
  width: 53px;
  height: 18px;
}

.trim-icon {
  background-position: -61px -1934px;
  width: 33px;
  height: 30px;
}

.wall-icon {
  background-position: -106px -1935px;
  width: 28px;
  height: 28px;
}

.wainscot-icon {
  background-position: -4px -1998px;
  width: 28px;
  height: 28px;
}

.gate-icon {
  background-position: -39px -1999px;
  width: 28px;
  height: 26px;
}

ul.filters-selection li a:hover .metal-carports,
ul.filters-selection li a.selected .metal-carports {
  background-position: -5px -1403px;
}

.metal-garages {
  background-position: -60px -1371px;
  width: 50px;
  height: 26px;
}

ul.filters-selection li a:hover .metal-garages,
ul.filters-selection li a.selected .metal-garages {
  background-position: -60px -1403px;
}

.metal-rv-covers {
  background-position: -114px -1371px;
  width: 36px;
  height: 26px;
}

ul.filters-selection li a:hover .metal-rv-covers,
ul.filters-selection li a.selected .metal-rv-covers {
  background-position: -114px -1403px;
}

.utility-carports {
  background-position: -341px -1367px;
  width: 59px;
  height: 30px;
}

ul.filters-selection li a:hover .utility-carports,
ul.filters-selection li a.selected .utility-carports {
  background-position: -341px -1399px;
}

.combo-carports-and-buildings {
  background-position: -408px -1368px;
  width: 60px;
  height: 28px;
}

ul.filters-selection li a:hover .combo-carports-and-buildings,
ul.filters-selection li a.selected .combo-carports-and-buildings {
  background-position: -408px -1400px;
}

.seneca-barns {
  background-position: -284px -1370px;
  width: 50px;
  height: 26px;
}

ul.filters-selection li a:hover .seneca-barns,
ul.filters-selection li a.selected .seneca-barns {
  background-position: -284px -1402px;
}

.carolina-barns {
  background-position: -154px -1370px;
  width: 62px;
  height: 26px;
}

ul.filters-selection li a:hover .carolina-barns,
ul.filters-selection li a.selected .carolina-barns {
  background-position: -154px -1402px;
}

.horse-barns {
  background-position: -220px -1370px;
  width: 62px;
  height: 26px;
}

ul.filters-selection li a:hover .horse-barns,
ul.filters-selection li a.selected .horse-barns {
  background-position: -220px -1402px;
}

.clear-span-buildings {
  background-position: -5px -1371px;
  width: 50px;
  height: 26px;
}

ul.filters-selection li a:hover .clear-span-buildings,
ul.filters-selection li a.selected .clear-span-buildings {
  background-position: -5px -1403px;
}

.storage-sheds-and-buildings {
  background-position: -3px -1440px;
  width: 50px;
  height: 26px;
}

ul.filters-selection li a:hover .storage-sheds-and-buildings,
ul.filters-selection li a.selected .storage-sheds-and-buildings {
  background-position: -3px -1468px;
}

.large-metal-buildings {
  background-position: -55px -1442px;
  width: 52px;
  height: 24px;
}

ul.filters-selection li a:hover .large-metal-buildings,
ul.filters-selection li a.selected .large-metal-buildings {
  background-position: -55px -1470px;
}

.workshop-structures {
  background-position: -111px -1442px;
  width: 50px;
  height: 24px;
}

ul.filters-selection li a:hover .woarkshop-structures-structures,
ul.filters-selection li a.selected .woarkshop-structures {
  background-position: -111px -1470px;
}

.service-center-buildings {
  background-position: -5px -1371px;
  width: 50px;
  height: 26px;
}

ul.filters-selection li a:hover .service-center-buildings,
ul.filters-selection li a.selected .service-center-buildings {
  background-position: -5px -1403px;
}

.retail-shops {
  background-position: -5px -1371px;
  width: 50px;
  height: 26px;
}

ul.filters-selection li a:hover .retail-shops,
ul.filters-selection li a.selected .retail-shops {
  background-position: -5px -1403px;
}

.msg-icon {
  background-position: -258px -219px;
  width: 24px;
  height: 17px;
}

.call-icon {
  background-position: -476px -295px;
  width: 22px;
  height: 22px;
}

.strength-icon {
  background-position: -350px -375px;
  width: 60px;
  height: 60px;
}

.program-icon {
  background-position: -264px -294px;
  width: 64px;
  height: 60px;
}

.pre-purchase {
  background-position: -3px -506px;
  width: 88px;
  height: 88px;
}

.shake-hand {
  background-position: -97px -505px;
  width: 102px;
  height: 89px;
}

.post-purchase {
  background-position: -206px -505px;
  width: 88px;
  height: 88px;
}

.order-click {
  background-position: -303px -508px;
  width: 82px;
  height: 88px;
}

.finace-icon {
  background-position: -392px -504px;
  width: 93px;
  height: 88px;
}

.warranty-icon {
  background-position: -4px -404px;
  width: 88px;
  height: 88px;
}

.vision-icon {
  background-position: -344px -301px;
  width: 64px;
  height: 63px;
}

.mission-icon {
  background-position: -198px -379px;
  width: 51px;
  height: 64px;
}

.commit-icon {
  background-position: -212px -9px;
  width: 52px;
  height: 43px;
}

.hand-icon {
  background-position: -277px -3px;
  width: 63px;
  height: 63px;
}

.refresh-icon {
  background-position: -211px -63px;
  width: 44px;
  height: 44px;
}

.thumb-icon {
  background-position: -268px -77px;
  width: 46px;
  height: 44px;
}

.cloud-icon {
  background-position: -323px -85px;
  width: 52px;
  height: 34px;
}

.support-icon {
  background-position: -261px -144px;
  width: 48px;
  height: 48px;
}

.checkmark-icon {
  background-position: -477px -324px;
  width: 20px;
  height: 17px;
}

.cell-icon {
  background-position: -96px -343px;
  width: 18px;
  height: 19px;
}

.email-icon {
  background-position: -95px -366px;
  width: 20px;
  height: 17px;
}

.website-icon {
  background-position: -95px -389px;
  width: 20px;
  height: 17px;
}

.mapPin-icon {
  background-position: -98px -415px;
  width: 14px;
  height: 20px;
}

.people-icon {
  background-position: -5px -369px;
  width: 34px;
  height: 17px;
}

.service-icon {
  background-position: -113px -240px;
  width: 18px;
  height: 27px;
}

.engineer-icon {
  background-position: -118px -275px;
  width: 28px;
  height: 29px;
}

.wheel-icon {
  background-position: -113px -240px;
  width: 20px;
  height: 27px;
}

.smile-icon-1 {
  background-position: -264px -365px;
  width: 64px;
  height: 64px;
}

.quote-icon {
  background-position: -169px -454px;
  width: 24px;
  height: 22px;
}

.training-icon {
  background-position: -2px -605px;
  width: 64px;
  height: 64px;
}

.checkmark-icon {
  background-position: -83px -607px;
  width: 64px;
  height: 64px;
}

.graph-icon {
  background-position: -167px -610px;
  width: 65px;
  height: 64px;
}

.generous-icon {
  background-position: -251px -614px;
  width: 63px;
  height: 63px;
}

.commission-icon {
  background-position: -337px -613px;
  width: 64px;
  height: 64px;
}

.ord-icon {
  background-position: -397px -695px;
  width: 100px;
  height: 100px;
}

.manu-icon {
  background-position: -396px -803px;
  width: 100px;
  height: 100px;
}

.insta-icon {
  background-position: -288px -805px;
  width: 100px;
  height: 100px;
}

.edit-building-icon {
  background-position: -328px -702px;
  width: 64px;
  height: 64px;
}

.bag-icon {
  background-position: -3px -783px;
  width: 64px;
  height: 64px;
}

.crown-icon {
  background-position: -2px -856px;
  width: 64px;
  height: 64px;
}

.medal-icon {
  background-position: -209px -784px;
  width: 65px;
  height: 65px;
}

.saving-icon {
  background-position: -73px -854px;
  width: 65px;
  height: 65px;
}

.learning-icon {
  background-position: -141px -785px;
  width: 64px;
  height: 64px;
}

.watch-icon {
  background-position: -145px -856px;
  width: 64px;
  height: 65px;
}

.vacation-icon {
  background-position: -74px -855px;
  width: 64px;
  height: 64px;
}

.umbrella-icon {
  background-position: -215px -855px;
  width: 64px;
  height: 64px;
}

.utensils-icon {
  background-position: -215px -856px;
  width: 63px;
  height: 63px;
}

.umbrella-icon-2 {
  background-position: -21px -1017px;
  width: 65px;
  height: 65px;
}

.insurance-icon {
  background-position: -104px -971px;
  width: 64px;
  height: 64px;
}

.jobSearch-icon {
  background-position: -7px -935px;
  width: 64px;
  height: 64px;
}

.paternity-icon {
  background-position: -2px -856px;
  width: 64px;
  height: 64px;
}

.gps-icon {
  background-position: -424px -909px;
  width: 44px;
  height: 44px;
}

.reciver-icon {
  background-position: -374px -910px;
  width: 44px;
  height: 44px;
}

.message-icon {
  background-position: -324px -910px;
  width: 44px;
  height: 44px;
}

.gMarker-icon {
  background-position: -479px -922px;
  width: 14px;
  height: 20px;
}

.headPhone-icon {
  background-position: -175px -1037px;
  width: 67px;
  height: 64px;
}

.fb-icon {
  background-position: -173px -964px;
  width: 64px;
  height: 64px;
}

.gplus-icon {
  background-position: -260px -964px;
  width: 64px;
  height: 64px;
}

.twitter-icon {
  background-position: -346px -964px;
  width: 64px;
  height: 64px;
}

.youtube-icon {
  background-position: -433px -964px;
  width: 64px;
  height: 64px;
}

.linkdin-icon {
  background-position: -259px -1035px;
  width: 64px;
  height: 64px;
}

.instagram-icon {
  background-position: -345px -1035px;
  width: 64px;
  height: 64px;
}

.pintrest-icon {
  background-position: -432px -1035px;
  width: 64px;
  height: 64px;
}

.facebook-icon {
  background-position: -5px -1158px;
  width: 25px;
  height: 54px;
}

.googleplus-icon {
  background-position: -52px -1162px;
  width: 60px;
  height: 36px;
}

.tweeter-icon {
  background-position: -122px -1165px;
  width: 48px;
  height: 39px;
}

.youtube-icon-2 {
  background-position: -183px -1160px;
  width: 64px;
  height: 44px;
}

.linkdin-icon-2 {
  background-position: -254px -1157px;
  width: 48px;
  height: 48px;
}

.pintrest-icon-2 {
  background-position: -311px -1159px;
  width: 37px;
  height: 48px;
}

.quick-order {
  background-position: -308px -1606px;
  width: 82px;
  height: 88px;
}

.financing-icon {
  background-position: -400px -1512px;
  width: 93px;
  height: 88px;
}

.waranty-white {
  background-position: -407px -1621px;
  width: 88px;
  height: 88px;
}

.shake-hands-yellow {
  background-position: -166px -1444px;
  width: 44px;
  height: 50px;
}

.arrow-big {
  background-position: -464px -128px;
  width: 28px;
  height: 21px;
}

.consultation-icon {
  background-position: -8px -1505px;
  width: 88px;
  height: 99px;
}

.receipt-icon {
  background-position: -74px -1999px;
  width: 60px;
  height: 60px;
}

.safe-icon {
  background-position: -141px -1999px;
  width: 60px;
  height: 60px;
}

.portal-icon {
  background-position: -208px -1999px;
  width: 60px;
  height: 60px;
}

.autopay-icon {
  background-position: -274px -1999px;
  width: 60px;
  height: 60px;
}

.diamond-icon {
  background-position: -339px -1999px;
  width: 60px;
  height: 60px;
}

.cartfull-icon {
  background-position: -405px -1999px;
  width: 60px;
  height: 60px;
}

.rich-icon {
  background-position: 2px -2064px;
  width: 60px;
  height: 60px;
}

.tag-icon {
  background-position: -58px -2064px;
  width: 60px;
  height: 60px;
}

.loan-icon {
  background-position: -121px -2064px;
  width: 60px;
  height: 60px;
}

.bank-icon {
  background-position: -183px -2064px;
  width: 60px;
  height: 60px;
}

.calc-icon {
  background-position: -242px -2064px;
  width: 60px;
  height: 60px;
}

.check-icon {
  background-position: -299px -2064px;
  width: 60px;
  height: 60px;
}

.fi-icon {
  background-position: -368px -2064px;
  width: 60px;
  height: 60px;
}

.credit-icon {
  background-position: -433px -2064px;
  width: 60px;
  height: 60px;
}

.coins-icon {
  background-position: -6px -2128px;
  width: 60px;
  height: 60px;
}

.bills-icon {
  background-position: -70px -2128px;
  width: 60px;
  height: 60px;
}

.invest-icon {
  background-position: -136px -2128px;
  width: 60px;
  height: 60px;
}

.save-icon {
  background-position: -198px -2128px;
  width: 60px;
  height: 60px;
}

a:hover .consultation-icon,
a.selected .consultation-icon {
  background-position: -8px -1608px;
}

.shake-hand-style2-icon {
  background-position: -108px -1504px;
  width: 88px;
  height: 99px;
}

a:hover .shake-hand-style2-icon,
a.selected .shake-hand-style2-icon {
  background-position: -108px -1607px;
}

.user-style-2-icon {
  background-position: -205px -1504px;
  width: 88px;
  height: 99px;
}

a:hover .user-style-2-icon,
a.selected .user-style-2-icon {
  background-position: -205px -1607px;
}

a {
  color: #cc3333;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #be2a2a;
}

.contentAccordian {
  display: none;
}

.container {
  width: 100%;
  max-width: 1280px;
}

header .logo {
  max-width: 500px;
  display: block;
  margin: 0px 0 0px -20px;
}

.homepageslider {
  padding: 0;
}

.homepageslider .bx-wrapper .bx-viewport {
  left: 0;
}

.homepageslider ul {
  margin: 0;
  padding: 0;
}

.homepageslider ul li img {
  width: 100%;
}

.homepageslider .bx-wrapper .bx-next,
.homepageslider .bx-wrapper .bx-prev,
.homepageslider .bx-wrapper .bx-next:hover,
.homepageslider .bx-wrapper .bx-prev:hover {
  width: 23px;
  height: 48px;
  background: url("../../images/img/sprite-icons.png") -99px -188px no-repeat;
}

.homepageslider .bx-wrapper .bx-controls-direction a.bx-prev,
.homepageslider .bx-wrapper .bx-controls-direction a.bx-prev:hover {
  width: 23px;
  height: 48px;
  background-position: -64px -188px;
}

.homepageslider .banerText {
  bottom: 30px;
  top: auto;
}

.loader-home {
  height: 1200px;
  overflow: hidden;
}

.position-relative {
  position: relative;
}

ul.showHover {
  display: none;
  position: absolute;
  top: 49px;
  left: 10px;
  background: #ffcc00;
  padding: 0;
  margin: 0;
  width: 166px;
  z-index: 3;
}

.topNav li.position-relative:hover ul.showHover {
  display: block;
}

ul.showHover li {
  padding: 0 !important;
  display: block;
  line-height: 17px;
}

ul.showHover li a {
  color: #000;
  font-size: 17px;
  display: block;
  padding: 15px 10px;
  border-bottom: 1px solid #e5b700;
}

ul.showHover li a:hover {
  background-color: #e5b700;
}

header {
  transition: all 0.5s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 6;
  background: rgba(0, 0, 0, 0.6);
}

header .container-fluid {
  max-width: 1366px;
  margin: 0 auto;
  position: relative;
}

.sticky .navigation {
  position: fixed;
  width: 100%;
  top: 0;
  margin-top: 0;
  box-shadow: none;
  -webkit-transition: opacity 1s ease-in 0.25s;
  -moz-transition: opacity 1s ease-in 0.25s;
  -o-transition: opacity 1s ease-in 0.25s;
  opacity: 0.7;
}

#sidebar {
  width: 290px;
}

.sticky-sidebar {
  position: fixed;
  top: 85px;
}

.sticky .megaMenu .homeicon {
  background-position: -156px -363px;
}

.sticky .navigation #menu > ul > li.bird-icon-li > a {
  /*background: rgba(255, 255, 255, 0.21) !important*/
}

.mobile-tab {
  display: none;
}

.notice {
  color: #ffcc00 !important;
}

.rnotice {
  color: #D13135 !important;
}

.wnotice {
  color: #FFFFFF !important;
}

.gnotice {
  color: #cacaca !important;
}

.power li a {
  font-weight: 400 !important;
  font-size: 12px !important;
  padding: 0 !important;
  display: inline-block !important;
  line-height: 24px !important;
  margin-right: 6px !important;
}

.power li::after {
  content: "|";
  float: right;
  color: #fff;
}

.power li:last-child::after {
  display: none;
}

.topNav {
  list-style: none;
  padding: 5px;
  margin: 0;
  opacity: 1;
  transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
}

.topNav li h6 {
  color: #fff;
  display: inline-block;
  margin-left: 15px;
  font-weight: 500;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
}

.topNav li:first-child {
  padding-left: 0;
}

.topNav li {
  font-weight: bold !important;
  font-size: 20px;
  display: inline-block;
  padding-left: 0;
  vertical-align: top;
}

.topNav li:hover {
  opacity: 0.6 !important;
}

.topNav li h6 span {
  display: block;
  font-size: 15px;
  color: #999999;
}

.navigation {
  background: #1d1d1d;
  clear: both;
  width: 100%;
  box-shadow: 0 1px 1px 0 rgba(3, 3, 3, 0.2);
  z-index: 2;
  position: relative;
  opacity: 0.8;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
}

.navigation:hover {
  opacity: 1;
}

.navigation .container {
  position: relative;
}

.navigation ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.navigation ul li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: left;
}

.navigation ul li .homeicon {
  position: relative;
  top: 11px;
}

.navigation ul li.optBuilding .building-icon {
  position: relative;
  top: 6px;
  margin-right: 6px;
}

.navigation ul li a {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 50px;
  display: block;
  padding: 0 15px;
  position: relative;
}

.navigation ul li.optBuilding {
  float: right;
  padding: 0;
}

.navigation ul li.optBuilding a {
  transition: all 0.5s;
  background: #cc3333;
  color: #fff;
  display: inline-block;
  padding: 0 18px;
  line-height: 51px;
}

.navigation ul li.optBuilding a:hover {
  background: #be2a2a;
}

.topnavbar {
  background-color: transparent;
  -webkit-transition: opacity 0.5s ease-in 0.25s;
  -moz-transition: opacity 0.5s ease-in 0.25s;
  -o-transition: opacity 0.5s ease-in 0.25s;
  opacity: 0.8;
}

.topnavbar:hover {
  opacity: 1;
}

.active-blog {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 173px;
  display: none;
}

@media (min-width: 1200px) {
  .menuFadeOverlay {
    opacity: 0.4 !important;
    top: 118px;
  }

  .detail-explain .fact-cci {
    display: block !important;
  }

  .navigation #menu > ul {
    display: table;
    width: 100%;
    position: relative;
  }

  .navigation #menu > ul > li {
    display: table-cell;
    text-align: center;
  }

  .navigation #menu > ul > li.mega-menu {
    position: static;
  }

  .navigation #menu > ul > li.bird-icon-li:after {
    display: none;
  }

  .navigation #menu > ul > li > a {
    position: relative;
    display: block;
    cursor: pointer;
    opacity: 0.6 !important;
    transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
  }

  .navigation #menu > ul > li > a:hover {
    opacity: 1 !important;
  }

  .navigation #menu > ul:before {
    content: ".";
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.51);
    z-index: 1;
    display: none;
    pointer-events: none;
  }

  .navigation #menu > ul > li.bird-icon-li > a {
    cursor: pointer;
  }

  .navigation #menu > ul > li > a:after {
    background: url("../../images/img/sprite-icons.png") no-repeat -357px -457px;
    width: 15px;
    transition: all 0.5s;
    height: 9px;
    content: ".";
    font-size: 0;
    vertical-align: middle;
    display: inline-block;
    margin-left: 6px;
    margin-top: -3px;
  }

  .navigation #menu > ul > li.no-drop-down > a:after {
    display: none;
  }

  .navigation #menu > ul > li.bird-icon-li > a:after {
    display: none;
  }

  .navigation #menu > ul > li:hover > a {
    z-index: 2;
  }

  .navigation #menu > ul > li.bird-icon-li:hover > a {
    background: none;
  }

  .navigation ul li .dropdown {
    box-shadow: 0 1px 1px 0 rgba(3, 3, 3, 0.2);
    transition: all 0.5s;
    display: none;
    position: absolute;
    opacity: 0;
    width: 300px;
    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
    height: auto;
    z-index: 199;
    top: 100%;
    left: 0;
  }

  .navigation ul li + li + li .dropdown {
    left: 150px;
  }

  .navigation ul li + li + li + li .dropdown {
    left: 400px;
  }

  .first-label {
    cursor: pointer;
  }

  .navigation ul li.rightEdge .dropdown {
    left: auto;
    right: 0;
  }

  .img-container {
    padding: 0 0 0 21px;
    width: 461px;
    margin-left: 26px;
  }

  .content-drop p {
    overflow: hidden;
  }

  .navigation .two-col-menu .dropdown {
    left: 342px;
    min-width: inherit !important;
  }

  .navigation ul li .mega-menu.dropdown {
    border-radius: 0;
    width: 600px;
    background-color: #f2f2f2;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.15);
  }

  .navigation ul li .mega-menu.dropdown.height-auto {
    height: auto;
  }

  .sticky .navigation ul li .mega-menu.dropdown {
    padding-top: 0px;
  }

  .navigation ul li .mega-menu.dropdown .level-one {
    float: left;
    margin-right: 45px;
  }

  .navigation ul li .mega-menu.dropdown .level-one:last-child {
    margin-right: 0;
  }

  .navigation ul li .mega-menu.dropdown .level-one li {
    border-bottom: 0;
  }

  .navigation ul li .mega-menu.dropdown .level-one li.head-link a {
    text-transform: uppercase !important;
    color: #000;
    font-size: 15px;
    padding-left: 10px;
  }

  .navigation ul li .mega-menu.dropdown .level-one li.head-link a:before {
    display: none;
  }

  .navigation ul li .level-one li {
    display: block;
    border-bottom: 1px solid #efefef;
    background: #fff;
    padding: 0;
  }

  .navigation ul li .level-one li a {
    position: relative;
    left: 0;
    color: #666;
    padding: 10px 15px;
    display: block;
    line-height: inherit;
    transition: all 0.2s;
    font-weight: normal;
    text-transform: none;
  }

  .navigation ul li .level-one li a:before {
    transition: all 0.5s;
    background: url("../../images/img/sprite-icons.png") no-repeat -20px -317px;
    display: inline-block;
    content: ".";
    font-size: 0;
    vertical-align: middle;
    width: 8px;
    height: 13px;
    margin-right: 10px;
    margin-top: -2px;
  }

  .navigation ul li .level-one li a:hover,
.navigation ul li .level-one li a.selected {
    color: #cc3333 !important;
    left: 5px;
  }

  .navigation ul li .level-one li a:hover:before,
.navigation ul li .level-one li a.selected:before {
    background-position: -5px -317px;
  }

  .dropDown-container {
    text-align: center;
    padding: 0px;
    max-width: 1600px;
    margin: 0 auto;
  }

  .dropDown-container ul {
    width: 100%;
    display: table;
    table-layout: fixed;
  }

  .dropDown-container ul li {
    display: table-cell;
    position: static;
    padding: 30px 0 10px;
  }

  .dropDown-container .thumbBox {
    text-align: center;
    padding: 1px;
  }

  .dropDown-container .thumbBox > a.selected {
    background: #fff;
    color: #cc3333 !important;
  }

  .dropDown-container .thumbBox > a.selected p {
    color: #cc3333 !important;
  }

  .dropDown-container > ul > li.thumbBox {
    background: #f2f2f2;
  }

  .dropDown-container > ul > li.thumbBox:hover {
    background: #f9f9f7;
  }

  .dropDown-container > ul > li.thumbBox:hover > a {
    font-weight: 600;
  }

  .dropDown-container > ul > li.thumbBox > a {
    position: relative;
    padding: 10px;
  }

  .dropDown-container > ul > li.thumbBox > a .dropDown-thumb {
    max-width: 100px;
    margin: 0 auto;
  }

  .dropDown-container > ul > li.thumbBox .levelTwoNav .dropDown-thumb {
    max-width: 100px;
    margin: 0 auto;
  }

  .dropDown-container > ul > li.thumbBox .levelTwoNav a:hover p {
    color: #cc3333 !important;
  }

  .dropDown-container > ul > li.thumbBox > a:after,
.dropDown-container > ul > li.thumbBox > a:before {
    content: ".";
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 12px solid #d2302e;
    bottom: -52px;
    z-index: 1;
    display: none;
    left: 50%;
    margin-left: -12px;
    padding: 20px;
  }

  .dropDown-container > ul > li.thumbBox > a:before {
    border: 0;
    height: 2px;
    width: 100%;
    background: #d2302e;
    left: 0;
    bottom: -30px;
    margin-left: 0;
  }

  .dropDown-container .thumbBox .table-display {
    width: 100%;
  }

  .dropDown-container .thumbBox .table-display p {
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
    color: #999;
    padding-top: 0;
    font-size: 13px;
    font-weight: 600;
    height: 45px;
  }

  .dropDown-container .thumbBox .levelTwoNav .table-display p {
    color: #282828;
  }

  .add-arrow:after {
    content: ".";
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    display: none;
    border: 8px solid transparent;
    border-left: 8px solid #cc3333;
    right: -16px;
    top: 50%;
    margin-top: -9px;
  }

  .levelTwoNav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.15);
    z-index: -1;
  }

  .levelTwoNav ul {
    max-width: 1600px;
    margin: 0 auto;
  }

  .levelTwoNav ul > li {
    padding: 0;
  }

  .levelTwoNav ul > li > a {
    padding: 10px !important;
    height: 110px;
  }

  .dropDown-container > ul > li.next-level-none > a:after,
.dropDown-container > ul > li.next-level-none > a:before {
    display: none !important;
  }
}
section.searchBox {
  padding: 12px 0 5px;
  display: none;
}

section.searchBox .zipForm input[type=text] {
  width: 500px;
}

div#search-box {
  display: none;
  background: rgba(0, 0, 0, 0.71);
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 8;
}

div#search-box .input-text {
  margin-right: 50px;
}

div#search-box input[type=text] {
  width: 100%;
  line-height: 80px;
  font-size: 60px;
  border: 0;
  outline: 0;
  color: #fff;
  padding: 0 5px;
  background: transparent;
}

div#search-box .sprite-icon {
  margin: 14px 0 0 14px;
}

div#search-box .openSearch {
  position: absolute;
  right: 0;
  top: 16px;
}

#search-box > form {
  max-width: 668px;
  position: absolute;
  left: 50%;
  top: 40%;
  margin-left: -330px;
  margin-top: -40px;
  width: 100%;
}

.panelblk img {
  width: 100%;
}

.loader {
  position: relative;
}

.loader:after {
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000 url("../images/img/loader.gif") no-repeat center;
  z-index: 1;
}

.bannerInner.loader:after {
  background-position: center 80%;
}

#listing-product.loader:after {
  opacity: 0.5;
  top: -7px;
}

.loader-remove:after {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: none;
}

section.bannerHome {
  padding: 0;
}

section.bannerInner {
  min-height: 338px;
  position: relative;
  overflow: hidden;
}

section.bannerInner .mobile-img {
  min-width: 700px;
  width: 100%;
}

section.review-baneer {
  min-height: 423px;
}

.dealers1 {
  padding-top: 60px;
  color: #fff;
  background-image: url(/images/become-a-dealer/dealers1.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  min-height: 400px;
  transform: translateZ(-999px) scale(1.1);
}

.bannerInner ul {
  padding: 0;
  margin: 0 !important;
  list-style: none;
}

.bannerInner:after {
  position: absolute;
  left: 0;
  top: 122px;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  content: ".";
  font-size: 0;
}

.bannerHome ul {
  height: 100%;
  margin: 0;
  padding: 0;
}

.bannerHome ul li {
  height: 100%;
  background-size: cover !important;
  background-position: top center !important;
  background-repeat: no-repeat;
}

.background-center {
  background-position: center center !important;
}

.bannerHome .slick-list,
.bannerHome .slick-track {
  z-index: 1;
  height: 100%;
}

.bannerHome .bx-wrapper .bx-viewport {
  left: 0 !important;
  border: 0 !important;
  height: 100% !important;
}

.bannerHome .bx-pager {
  display: none;
}

.bannerHome .bx-wrapper .bx-controls-direction a {
  margin-top: -24px !important;
}

.bannerHome .bx-wrapper .bx-controls-direction a:after {
  display: none;
}

.bannerHome .slick-arrow {
  background: url("../../images/img/sprite-icons.png") no-repeat -99px -188px;
  width: 23px;
  height: 48px;
  z-index: 2;
  right: 10px;
  margin: 0;
}

.bannerHome .slick-arrow.slick-prev {
  background-position: -64px -188px;
  right: auto;
  left: 10px;
  margin: 0;
}

.bannerHome .bx-wrapper .bx-controls-direction a.bx-prev,
.bannerHome .bx-wrapper .bx-controls-direction a.bx-prev:hover {
  background-position: -64px -188px;
  width: 23px;
  height: 48px;
}

.banerText {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  color: #fff;
  z-index: 1;
  margin-top: 200px;
}

.bannerHomeNew .banerText {
  margin-top: 0;
  top: auto;
  bottom: 0px;
  z-index: 3;
}

.banerText .btn {
  box-shadow: none;
}

.banerText .bigtitle,
.banerText .h2big,
.banerText h5 {
  color: #fff;
}

.banerText .bigtitle strong {
  font-family: "SF-UI-Display-Bold";
}

.banerText p {
  max-width: 100%;
  margin: 0 auto 10px;
  line-height: 24px;
}

.bannerHomeNew ul li:before {
  content: ".";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 240px;
  font-size: 0;
  background: linear-gradient(to bottom, transparent 0%, #000 150%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#a6000000", GradientType=0);
  z-index: 2;
}

.geoLocator .col-md-6 {
  min-height: 440px;
  padding: 60px 15px;
}

.geoLocator .col-md-6:nth-child(1) {
  background-image: url("../images/img/expert-dealer-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.geoLocator .col-md-6:nth-child(2) {
  background-image: url("../images/img/top-online-dealer-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.geoLocator .findDealer span.or {
  background: #000 none repeat scroll 0 0;
  border-radius: 100%;
  display: inline-block;
  height: 48px;
  line-height: 47px;
  margin: 0 15px;
  width: 48px;
  padding: 0;
  text-align: center;
}

.geoLocator .dealerOfMonth {
  margin: 0px -15px 0;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.geoLocator .col-md-6:nth-child(2) .btnDefault,
.choose-metal-building .btnDefault {
  background-color: #d32f2f;
  color: #fff;
}

.geoLocator .col-md-6:nth-child(2) .btnDefault:hover,
.geoLocator .col-md-6:nth-child(2) .btnDefault:active,
.geoLocator .col-md-6:nth-child(2) .btnDefault:focus,
.choose-metal-building .btnDefault:hover,
.choose-metal-building .btnDefault:active,
.choose-metal-building .btnDefault:focus {
  background: #ff2020;
  color: #fff;
}

.geoLocator .col-md-6:nth-child(2) .btnDefault .right-arrow,
.choose-metal-building .btnDefault .right-arrow {
  background-position: -6px -27px;
}

.choose-metal-building {
  margin-top: 50px;
}

.choose-metal-building .row {
  margin: 50px 0;
}

.choose-metal-building p {
  margin-bottom: 20px;
}

.all-building p {
  margin-bottom: 0;
}

.all-building .col-md-3 {
  transition: 0.4s;
  cursor: pointer;
}

.all-building li {
  float: left;
}

.choose-metal-buildingNew .bx-wrapper .bx-viewport {
  height: 238px !important;
}

.choose-btn li.searchLi span {
  position: relative;
  top: 8px;
  margin-right: 10px;
}

.choose-btn .btnPrimary {
  margin-top: 0 !important;
}

#dealerStates {
  color: #000 !important;
}

.building-select .pannelWhite {
  min-height: 385px;
}

.bannerInner .banerText {
  margin-top: 40px;
}

.bannerInner .banerText p {
  max-width: 822px;
}

.building-type ul.cat-thumb-list {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.building-type ul.cat-thumb-list li {
  display: inline-block;
  max-width: 230px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 2px 2px 0px #d1ceca;
  margin: 0 10px;
  vertical-align: top;
}

.building-type ul.cat-thumb-list li .cat-thumb {
  height: 150px;
  overflow: hidden;
}

.building-type ul.cat-thumb-list li .cat-thumb img {
  width: 100%;
}

.building-type ul.cat-thumb-list li h6 {
  margin: 15px 0;
  padding: 0 10px;
  height: 50px;
  overflow: hidden;
}

section.building-type {
  background: #fafaf9;
}

section.building-type .nav-tabs {
  border-bottom: 0;
  display: inline-block;
  margin-bottom: 25px;
  position: relative;
  background: #fdfdfc;
  background: linear-gradient(to right, #fdfdfc 0%, #ededed 14%, #ededed 84%, #fdfdfc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfdfc", endColorstr="#fdfdfc", GradientType=1);
}

section.building-type .nav-tabs:after {
  content: ".";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  font-size: 0;
  background: #fdfdfc;
  background: linear-gradient(to right, #fdfdfc 0%, #ddd 15%, #ddd 84%, #fdfdfc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdfdfc", endColorstr="#fdfdfc", GradientType=1);
}

section.building-type .nav-tabs > li > a {
  font-family: "Jura", sans-serif;
  border: 0 !important;
  font-size: 22px;
  color: #666666;
  padding: 0;
  position: relative;
  display: block;
  padding: 15px 20px;
}

section.building-type .nav-tabs > li.dropdown > a {
  color: #d32f2f !important;
}

section.building-type .nav-tabs > li.dropdown > a .caret {
  border-top-color: #d32f2f;
  border-width: 6px;
}

section.building-type .nav-tabs > li.active > a,
section.building-type .nav-tabs > li:hover > a {
  color: #000;
}

section.building-type .nav-tabs > li.active > a:after,
section.building-type .nav-tabs > li:hover > a:after {
  content: ".";
  border: 8px solid transparent;
  border-top: 8px solid #000;
  font-size: 0;
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -4px;
}

section.building-type .tab-pane .btn {
  margin-top: 15px;
}

section.building-select {
  position: relative;
  z-index: 1;
  padding-top: 0;
}

.searchSection {
  position: absolute;
  right: 402px;
  top: 15px;
}

.topNav li .btn {
  box-shadow: none;
  margin-top: 0px;
}

.pannelWhite {
  background: #ffffff;
  border-radius: 4px;
  padding: 20px;
  border-bottom: 2px solid #d6d6d6;
  padding-bottom: 30px;
}

.chooseBuild {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}

.chooseBuild li {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  display: inline-block;
  width: 184px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}

.slider-height-bx .bx-viewport {
  height: 140px !important;
}

.building-select .slider-height-bx .bx-wrapper .bx-pager {
  margin-bottom: 8px;
}

.hover-effect {
  transition: all 0.5s;
}

@media (min-width: 1025px) {
  .chooseBuild li:hover .imgBox img,
a:hover .hover-effect {
    transform: scale(1.6);
    transition: all 0.5s;
  }
}
.chooseBuild li .imgBox {
  height: 88px;
  overflow: hidden;
}

.chooseBuild li .table-display {
  width: 100%;
}

.chooseBuild li .titleImg {
  background: #080c04;
  color: #fff;
  z-index: 1;
  left: 0;
  position: relative;
  right: 0;
  bottom: 0;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 600;
  height: 32px;
  overflow: hidden;
}

.chooseBuild li .titleImg .infoIc {
  position: absolute;
  right: 9px;
  top: 9px;
}

.chooseBuild li .hvrBlk {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.chooseBuild li .hvrBlk:after {
  content: ".";
  font-size: 0;
  background: url("../../images/img/sprite-icons.png") no-repeat -41px -260px;
  width: 26px;
  height: 27px;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  left: 50%;
  margin-left: -13px;
}

.chooseBuild li:hover .hvrBlk {
  display: block;
}

.nav > li.hideDesktop {
  display: none;
}

.keyPoints {
  margin-top: 30px;
}

.whyCci {
  margin-top: 20px;
}

.olDealer {
  background: #fff;
}

.olDealer .bx-wrapper .bx-viewport {
  box-shadow: none;
  border: 0;
  margin: 20px 0 0 0;
}

.olDealer ul li a {
  display: inline-block;
}

.geoLocator {
  color: #fff;
  padding: 0;
}

.geoLocator h2 {
  color: #fff;
  margin-bottom: 0;
}

.geoLocator .or {
  color: #fff;
  font-size: 14px;
  padding: 0 25px;
  vertical-align: middle;
  font-weight: 600;
  margin-top: 13px;
  display: inline-block;
}

.zipForm {
  border-radius: 3px;
  overflow: hidden;
  background: #131313;
}

.zipForm input[type=text] {
  color: #000;
  font-size: 14px;
  border: 1px solid #ccc;
  vertical-align: top;
  padding: 8px 10px;
  outline: 0;
  width: 206px;
  float: left;
  background: #fff;
}

.zipForm input[type=submit] {
  font-size: 14px;
  color: #000;
  background: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 20px;
  border: 0;
}

.findDealer h2 {
  margin-bottom: 28px;
}

.dealerOfMonth {
  background: #d32f2f;
  overflow: hidden;
  margin: 71px -15px 0;
  padding-bottom: 15px;
  padding-top: 3px;
}

.dealerOfMonth-page {
  margin: 0;
  padding: 25px 0;
}

.findDealer {
  transition: all 0.5s;
  padding-top: 10px;
}

.find-expert span.or {
  margin: 9px 16px 0;
  display: inline-block;
  font-weight: 600;
}

.geoLocator .container-fluid .findDealer {
  padding-top: 60px;
  margin-top: 0;
}

.geoLocator .container-fluid .findDealer p {
  margin-bottom: 25px;
}

.shopOlSection {
  position: relative;
  z-index: 1;
  padding-top: 60px;
}

.shopOlSection h2,
.shopOlSection p {
  color: #fff;
}

.shopOlSectionContainer:after {
  content: ".";
  background: rgba(0, 0, 0, 0.34);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  font-size: 0;
  z-index: 0;
}

.shopOlSection p {
  margin-bottom: 25px;
}

.findDealer a.btn,
.findDealer span.or,
.findDealer .zipForm {
  vertical-align: top;
}

.findDealer a.btn {
  line-height: 27px;
  padding: 8px 35px;
}

.findDealer .geo-ic {
  vertical-align: top;
}

.dealMap {
  width: auto;
  height: 307px;
  position: relative;
  overflow: hidden;
  background-color: #e5e3df;
  margin: 0 -15px;
}

.office-map .dealMap {
  height: 325px !important;
}

.building-strucure-tabs {
  background: #fff;
}

.building-strucure-tabs h6 {
  font-size: 19px;
  font-family: "Source Sans Pro", sans-serif;
  color: #333;
  font-weight: 600;
}

#myTab {
  display: inline-block;
  margin-bottom: 22px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background: none;
}

.nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  font-family: "SF-UI-Display-Regular";
  color: #999;
  border: 0;
  margin: 0;
  font-size: 22px;
  line-height: 30px;
  border-bottom: 2px solid #efefef;
  background: none;
  border-radius: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-bottom-color: #d32f2f;
  color: #d32f2f;
  background: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background: #cc3333;
}

.building-type .dropdown-menu {
  padding: 0;
}

.recent-instalation {
  background: #efebe9;
  text-align: center;
}

.recent-instalation h2,
.blogSection h2 {
  margin-bottom: 0;
}

.recent-instalation ul {
  list-style: none;
  padding: 0;
}

body .newGallery ul li {
  margin-bottom: 0;
}

.recent-instalation ul li {
  position: relative;
  margin-bottom: 20px;
  padding: 0 10px;
}

.recent-instalation ul li .hoverBox {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 10px;
  color: #fff;
}

.recent-instalation ul li:hover .hoverBox {
  display: block;
}

.recent-instalation ul li .hoverBox a {
  border: 1px solid #fff;
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
}

.recent-instalation ul li .img-container {
  overflow: hidden;
}

.recent-instalation ul li .img-container img {
  width: 100%;
  transition: all 0.5s;
}

.recent-instalation ul li:hover .img-container img {
  transform: scale(2.02);
}

.recent-instalation ul li .hoverBox p.imgTitle {
  max-width: 150px;
  margin: 47px auto 6px;
  line-height: 22px;
  text-transform: uppercase;
}

.gallery-page ul li .title-h6 {
  border: 1px solid #ded7d2;
  display: table;
  width: 100%;
}

.gallery-page ul li h6 {
  text-align: center;
  height: 72px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  padding: 0 8px;
}

.gallery-page ul li .img-container {
  height: 196px;
  position: relative;
  vertical-align: middle;
  background: rgba(204, 204, 204, 0.24);
}

.gallery-page ul li .hoverBox {
  left: 0;
  right: 0;
}

.gallery-page ul.nav-tabs > li {
  margin: 0;
  padding: 0;
}

.gallery-page ul li .hoverBox a.openBox {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
}

.filterGallery a {
  transition: all 0.5s;
  color: #737373;
  outline: 0;
  padding: 5px 10px;
  border-radius: 3px;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 5px;
}

.filterGallery a:hover,
.filterGallery a.selected {
  color: #fff;
  background: #cc3333;
}

.advisors {
  background: #ffcc00;
  background: linear-gradient(to right, #fc0 0%, #ffcc01 6%, #fbbe04 18%, #f9bb04 18%, #fab708 22%, #f7b306 24%, #f8af0a 26%, #f6ad08 27%, #f6ac0b 28%, #f6aa09 29%, #f6a90d 29%, #f3a20b 33%, #f2a00e 34%, #f19f0b 34%, #f39e0f 35%, #f19a0f 37%, #ef970f 38%, #f19611 38%, #ef9410 40%, #ee8f11 42%, #ed8d14 42%, #eb8614 46%, #ec8617 46%, #eb8614 47%, #eb8018 49%, #e97e16 50%, #e97b19 51%, #e77918 52%, #e8771b 53%, #e4701b 56%, #e66f1d 57%, #e46d1b 57%, #e56e1e 58%, #e3691c 59%, #e36421 62%, #e05e20 64%, #e15f23 64%, #dc5223 71%, #de5126 72%, #dc4f24 73%, #db4b28 75%, #da4a27 76%, #db4729 76%, #d94527 78%, #d8402b 82%, #d63e29 82%, #d73e2c 83%, #d83d2b 84%, #d63a2b 84%, #d73c2a 85%, #d63a2d 85%, #d5372b 87%, #d5372e 88%, #d5332e 90%, #d32f2e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcc00", endColorstr="#d32f2e", GradientType=1);
}

.black-bg {
  background: #111;
}

.recent-proj {
  padding-top: 30px;
}

.advisors {
  padding: 15px 0 10px;
}

.advisor-number {
  display: inline-block;
}

.advisors .advisor-number p {
  color: #fff;
  font-weight: 600;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  margin-left: 5px;
}

.advisors .advisor-number p span.number {
  font-size: 34px;
  font-weight: bold;
  display: block;
  line-height: 30px;
}

.advisors .btnLarge {
  box-shadow: none;
  margin-top: 5px;
  font-weight: 600;
  font-style: italic;
}

.black-bg .btn {
  margin-top: 8px;
}

.blogSection {
  background: #eee;
}

.blogSection ul {
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

.blogSection ul li {
  text-align: left;
}

.blogSection ul li .img-section {
  height: 207px;
  overflow: hidden;
  position: relative;
}

.blogSection ul li .img-section img {
  width: 100%;
}

.blogSection ul li .pannelWhite {
  padding: 20px;
  min-height: 230px;
}

.blogSection ul li h3 {
  margin-top: 0;
}

.blogSection ul li .home-blog {
  position: relative;
}

.blogSection ul li .home-blog .readMore {
  display: inline-block;
  margin-bottom: 10px;
}

.blog-date {
  background: url("../images/img/label-text.png") 0 0;
  position: absolute;
  top: 12px;
  left: -10px;
  font-weight: 600;
  color: #fff;
  font-size: 15px;
  z-index: 1;
  padding: 2px 10px 13px 14px;
}

.clientFeedback {
  background: #d32f2f;
  color: #fff;
}

.clientFeedback h2,
.clientFeedback h5,
.clientFeedback p {
  color: #fff;
}

.clientFeedback p.contentTestimonial {
  padding-top: 10px;
}

.clientFeedback h4 strong {
  font-family: "SF-UI-Display-Bold";
}

.clientFeedback h5 {
  line-height: 30px;
}

.clientFeedback ul {
  padding: 0;
}

.clientFeedback li {
  text-align: left;
}

.clientFeedback .bx-wrapper .bx-viewport {
  border: 0;
  box-shadow: none;
  background: none;
}

.rivewerLogos ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.rivewerLogos ul li {
  display: inline-block;
}

.rivewerLogos ul li a img {
  transition: all 0.5s;
}

.rivewerLogos ul li a:hover img {
  transform: scale(1.1);
  box-shadow: 1px 1px 22px 1px rgba(0, 0, 0, 0.33);
}

.clientFeedback li h5 {
  margin-top: 5px;
  line-height: 30px;
}

.user-info {
  border-top: 1px solid #e06e6e;
  margin-top: 20px;
  padding-top: 20px;
}

.user-thumb {
  width: 82px;
  height: 82px;
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background: #ffcc00;
  color: #000;
}

.user-thumb h4.intials {
  font-weight: bold;
  color: #000;
  line-height: 62px;
}

.user-decreption {
  display: inline-block;
  margin: 3px 0 0 10px;
}

p.name {
  font-size: 22px;
  margin-bottom: 0px;
  line-height: 28px;
}

p.buyerOf {
  font-size: 14px;
  color: #f4d8d8;
  margin-bottom: 6px;
}

.rating {
  background: url("../images/img/star-rattings.png") 0 bottom repeat;
  position: relative;
  height: 17px;
  width: 95px;
}

.clientFeedback .rating {
  width: 76px;
}

.given-ratings {
  background: url("../images/img/star-rattings.png") 0 0 repeat;
  position: absolute;
  height: 17px;
  top: 0;
  left: 0;
}

.clientFeedback .bx-wrapper .bx-pager.bx-default-pager a {
  background: rgba(255, 255, 255, 0.67);
}

.clientFeedback .bx-wrapper .bx-pager.bx-default-pager a:hover,
.clientFeedback .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
}

.clientFeedback h2 {
  margin-bottom: 0;
  margin-top: 0;
}

.clientFeedback .bx-wrapper .bx-pager,
.clientFeedback .bx-wrapper .bx-controls-auto {
  bottom: -60px;
}

.rivewerLogos {
  padding-top: 25px;
}

.rating-new {
  border: none;
  float: left;
  margin-top: 7px;
  margin-left: 9px;
}

.rating-new > input {
  display: none;
}

.rating-new > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\F005";
}

.rating-new > .half:before {
  content: "\F089";
  position: absolute;
}

.rating-new > label {
  color: #ddd;
  float: right;
  font-size: 18px;
}

.rating-new > input:checked ~ label,
.rating-new:not(:checked) > label:hover,
.rating-new:not(:checked) > label:hover ~ label {
  color: #ffa833;
}

.rating-new > input:checked + label:hover,
.rating-new > input:checked ~ label:hover,
.rating-new > label:hover ~ input:checked ~ label,
.rating-new > input:checked ~ label:hover ~ label {
  color: #fcbe6a;
}

.buildingTypeBoxes .panelblk {
  overflow: hidden;
  position: relative;
}

.buildingTypeBoxes .panelblk div.after {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  color: #fff;
  transition: all 0.5s;
}

.buildingTypeBoxes .panelblk div.after p.virw-all-btn {
  position: absolute;
  top: 50%;
  line-height: 23px;
  left: 50%;
  margin-left: -45px;
  margin-top: -30px;
}

.buildingTypeBoxes a:hover .panelblk div.after {
  opacity: 1;
}

.buildingTypeBoxes a:hover div.categoryLabel {
  background: #be2a2a;
}

.buildingTypeBoxes div.categoryLabel {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 0;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  z-index: 2;
  margin: 0;
  font-weight: 600;
  transition: all 0.5s;
}

.buildingTypeBoxes div.categoryLabel .right-arrow-white-big {
  position: relative;
  top: 3px;
  margin-left: 4px;
}

.buildingTypeBoxes .panelblk div.after p.virw-all-btn .zoom-icon-big {
  position: relative;
  top: 2px;
  margin-right: 4px;
}

.watch-cci,
.dealers-feedback {
  background: url("../images/img/watch-cci.jpg") no-repeat center bottom fixed;
  background-size: cover;
  color: #fff;
  position: relative;
  vertical-align: middle;
  display: flex;
  width: 100%;
  min-height: 326px;
}

.success-story-img {
  background-image: url("../images/img/success-story.jpg");
}

.traning-program {
  background-image: url("../images/img/training-program.jpg");
}

.support-desk-banner {
  background-image: url("../images/img/support-desk-banner.jpg");
  background-position: center top;
}

.expert-help {
  background-image: url("../images/banner-images/help-banner.jpg");
  height: 297px;
}

section.bannerFeatures {
  background-size: cover !important;
}

.watch-cci:after,
.dealers-feedback:after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  content: ".";
  font-size: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 0;
}

.watch-cci .container {
  position: relative;
  z-index: 1;
  display: table-cell;
  vertical-align: middle;
}

.watch-cci h2,
.watch-cci h3 {
  color: #fff;
  margin: 15px 0px;
}

.expert-help a.btn {
  margin: 0 5px;
}

.key-points {
  background: #fff;
}

.key-points h2.h2big {
  margin: 5px 0;
}

.key-points ul {
  margin: 20px 0 0;
  list-style: none;
  padding: 0;
}

.key-points ul li p {
  font-weight: 600;
  text-transform: uppercase;
  line-height: 19px;
  margin: 5px auto 0;
}

.bannerHome.bannerFeatures .bx-pager {
  display: block;
  position: static;
}

.bannerFeatures .bx-controls {
  right: 20px;
  position: absolute;
  width: 25px;
  height: 100%;
  top: 50%;
  text-align: center;
}

.bannerFeatures .bx-wrapper .bx-pager .bx-pager-item,
.bannerFeatures .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: block;
}

.bannerFeatures .bx-wrapper .bx-pager.bx-default-pager a {
  background: rgba(255, 255, 255, 0.6);
  margin: 5px 0;
  display: inline-block;
}

.bannerFeatures .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bannerFeatures .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
  width: 13px;
  height: 13px;
  border-radius: 100%;
}

.bannerFeatures .banerText {
  top: 50%;
  margin-top: -80px;
  max-width: 600px;
  right: 186px;
  left: auto;
}

.bannerFeatures .banerText p {
  font-size: 17px;
  max-width: 600px;
}

.bannerFeatures .banerText .uppercase {
  margin: 0;
}

.bannerFeatures .banerText h2.h2big {
  margin-top: 0;
}

section.bannerHome.bannerFeatures .bx-wrapper {
  margin-bottom: 0 !important;
}

section.color-section {
  background: #fff;
  padding: 0;
}

section.color-section .graphic1 {
  background: url("../images/img/know-building-bg.jpg") no-repeat center bottom;
  background-size: 100% auto;
  margin: 0 -15px;
  min-height: 297px;
  border-right: 1px solid #e1e1e1;
  padding: 50px 0 70px;
}

section.color-section .graphic2 {
  background: url("../images/img/pickColor-Bg.jpg") no-repeat center bottom;
  background-size: 100% auto;
  margin: 0 -15px;
  min-height: 297px;
  padding: 31px 0 83px;
}

.block-colors {
  max-width: 390px;
  margin: 0 auto;
}

section.spacial-offer {
  background: #d32f2e;
  background: linear-gradient(to right, #d32f2e 0%, #d4322f 8%, #d6382c 14%, #d73b2e 15%, #d63b29 16%, #d83c2d 16%, #d83c2d 16%, #d63d2b 17%, #d73e2c 18%, #d73f28 18%, #d93e2a 18%, #d74129 20%, #d9432a 22%, #da4726 23%, #db4729 23%, #da4a27 24%, #db4b28 26%, #dc4f24 27%, #de5126 28%, #dd5023 29%, #dd5525 30%, #e15c21 35%, #e36421 38%, #e3671d 39%, #e46820 40%, #e3671d 40%, #e3691c 41%, #e56e1e 43%, #e5711a 44%, #e7751c 46%, #e67519 46%, #e8771b 47%, #e67819 47%, #eb8018 51%, #ea8114 52%, #ec8617 54%, #eb8813 55%, #ee8e15 58%, #ed8f11 58%, #ef9113 59%, #ef9410 60%, #f19611 62%, #ef970f 62%, #f3990f 63%, #f3990f 63%, #f0990e 63%, #f19f0f 66%, #f49f0e 66%, #f3a20b 68%, #f5a60d 69%, #f5a80c 71%, #f6aa09 71%, #f6ac0b 72%, #f5ac08 73%, #f8af0a 74%, #f7b306 77%, #f9b508 78%, #f9b806 79%, #ffcc01 94%, #fc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d32f2e", endColorstr="#ffcc00", GradientType=1);
  padding: 30px 0;
  color: #fff;
}

.spacial-offer h3 {
  margin: 0;
  color: #fff;
}

.spacial-offer .btn {
  position: absolute;
  right: 30px;
  bottom: 19px;
}

.building-type-tabbing .bx-wrapper .bx-viewport {
  background: none;
  box-shadow: none;
  border: 0;
}

.building-type-tabbing .bx-wrapper .bx-viewport ul {
  margin: 0;
  margin-bottom: 30px;
  background: none;
}

.key-points .bx-wrapper ul {
  margin: 0;
}

.key-points .bx-wrapper ul li {
  padding: 0;
}

.key-points .bx-wrapper ul li img {
  display: inline-block;
}

.key-points .bx-wrapper .bx-viewport {
  background: none;
  box-shadow: none;
  border: 0;
  margin: 0 auto;
}

.product-listing {
  background: #f3f3f3;
}

ul.product-row {
  list-style: none;
  padding: 0;
  margin-top: -20px;
}

ul.product-row li .product-thumb {
  overflow: hidden;
  position: relative;
}

ul.product-row li .product-thumb img {
  width: 100%;
}

ul.product-row li {
  padding: 20px 5px;
}

ul.product-row li .product-view {
  border: 1px solid #efebe8;
  text-align: center;
}

ul.product-row li .product-structure {
  color: #ccc;
  padding: 0;
  width: 100%;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 19px;
  margin-bottom: 12px;
}

ul.product-row li .div-hvr .btnPrimary,
ul.product-row li .div-hvr .btnDefault {
  padding: 8px 15px;
}

ul.product-row li .div-hvr {
  background: #333;
  color: #fff;
  padding: 10px 10px 14px;
  border-top: #be2a2a 1px solid;
  transition: all 0.5s;
}

/*ul.product-row li:hover .div-hvr {
    display: block;
    border-color: #ffcc00 !important
}*/
ul.product-row li h6,
ul.product-row li p {
  margin: 0;
}

ul.product-row li h6 {
  font-size: 14px;
  color: #fff;
  height: 52px;
  overflow: hidden;
  display: block;
  vertical-align: middle;
  text-align: center;
}

ul.product-row li p {
  height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.one-line-only {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.product-row li .div-hvr .zoom-me {
  background: #28353d;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 0 0 5px;
  text-align: center;
}

ul.product-row li .div-hvr .zoom-me span.zoom-icon {
  margin-top: 8px;
}

ul.filters-selection {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.filters-selection li {
  display: inline-block;
  padding-right: 15px;
}

ul.filters-selection li a {
  transition: all 0.5s;
  color: #282828;
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
  display: block;
  text-transform: uppercase;
}

ul.filters-selection li a:hover,
ul.filters-selection li a.selected {
  color: #cc3333;
}

ul.filters-selection li span.sprite-icon {
  vertical-align: top;
}

.icons-categories {
  margin-right: 166px;
}

.clik-ac {
  cursor: pointer;
}

.filters-opt {
  position: relative;
}

.filters-opt a.btn {
  position: absolute;
  right: 0;
  top: 0;
}

.filters-opt .slick-arrow,
.filterGallery .slick-arrow {
  transition: all 0.5s;
  right: -68px;
  margin: 0;
  top: 0;
  border: 1px solid #d7d7d7;
  height: 37px;
  background: #fff;
  border-radius: 2px;
  width: 31px;
}

.filters-opt .slick-arrow:hover,
.filterGallery .slick-arrow :hover {
  background: #e5e5e5;
}

.filters-opt .slick-arrow.slick-prev,
.filterGallery .slick-prev {
  left: auto;
  right: -33px;
}

.filters-opt .slick-arrow:after,
.filterGallery .slick-arrow:after {
  content: ".";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  font-size: 0;
  position: absolute;
  top: 50%;
  border-left: 8px solid #000;
  margin-top: -7px;
  left: 50%;
  margin-left: -3px;
}

.filters-opt .slick-arrow.slick-prev:after,
.filterGallery .slick-arrow.slick-prev:after {
  border-left: 6px solid transparent;
  border-right: 8px solid #000;
  left: 50%;
  margin-left: -11px;
}

.filterGallery .slick-arrow {
  bottom: -55px;
  top: auto;
  left: 50%;
  margin-left: 10px;
}

.filterGallery .slick-arrow.slick-prev {
  margin-left: -42px;
  left: 50%;
}

.filterGallery {
  margin-bottom: 55px;
}

#listing-product {
  min-height: 600px;
}

.left-box {
  margin-bottom: 40px;
}

.left-box h5 {
  position: relative;
  color: #111;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.left-box h5:after {
  content: ".";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 73px;
  height: 3px;
  font-size: 0;
  right: 0;
  background: #ca3538;
  background: linear-gradient(to right, #ca3538 0%, #ca3538 51%, #1e1e1e 51%, #1e1e1e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ca3538", endColorstr="#1e1e1e", GradientType=1);
}

.left-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.left-box ul li a {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  background: #333;
  padding: 12px 50px 14px 18px;
  border-radius: 3px;
}

.left-box ul li a:hover {
  background: #444;
}

.left-box ul li {
  margin-bottom: 2px;
  position: relative;
}

.left-box ul li .squareIcbox {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  height: 100%;
  width: 48px;
  border-left: 1px solid #d6d6d6;
  cursor: pointer;
  line-height: 48px;
}

.left-box ul li .squareIcbox .arrow-go {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -5px;
}

section.getQuoteForm {
  background: url("../images/img/blk-graphic.jpg") repeat;
  color: #cccccc;
}

section.business-process {
  color: #f3f3f3;
}

section.getQuoteForm h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 5px;
}

.left-box ul li .sprite-icon {
  transition: none;
}

.left-box ul li.active > a {
  background: #d32f2f;
  color: #fff;
}

.left-box ul li.active .pluse-icon {
  background-position: -331px -168px;
}

.left-box ul li.active .squareIcbox {
  border-color: #bd2a2a;
}

.left-box ul li .contentAccordian li {
  border-bottom: 1px solid #cecece;
  margin-bottom: 0;
}

.left-box ul li .contentAccordian li:last-child {
  border-bottom: 0;
}

.left-box ul li .contentAccordian li a {
  font-size: 17px;
  color: #191919;
  font-weight: 400;
  background: #e5e5e5;
  text-transform: none;
}

.left-box ul li .contentAccordian li a:hover,
.left-box ul li .contentAccordian li a.selected {
  background: #dadada;
}

.left-box ul li .contentAccordian li a.selected {
  font-weight: 600;
}

.dot-icon {
  background-position: -336px -134px;
  width: 4px;
  height: 4px;
}

.left-box ul li .dot-icon {
  vertical-align: middle;
  margin-right: 5px;
}

.anytime-call {
  background: #d94628;
  padding: 30px 0;
  vertical-align: middle;
}

.anytime-call h2,
.anytime-call h4 {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
}

.anytime-call h2 {
  margin: 0 0 0 5px;
  line-height: 28px;
}

.fast-facts .grid-item {
  padding: 5px;
}

.fast-facts {
  background: #fff;
}

.fast-facts .square-box {
  border: 1px solid #ffab00;
}

.fast-facts .square-box img {
  width: 100%;
}

.fast-facts .container-fluid {
  max-width: 1600px;
}

.fast-facts .square-box:after {
  content: ".";
  display: table;
  clear: both;
  font-size: 0;
}

.fast-facts .square-box h2 {
  font-size: 50px;
  padding: 0;
  color: #fff;
  line-height: 28px;
  margin: 0;
}

.fast-facts .square-box h5 strong {
  font-family: "SF-UI-Display-Bold";
}

.fast-facts .square-box h5 span.small-text-note {
  display: block;
  font-size: 14px;
  max-width: 268px;
  margin: 0 auto;
  font-family: "SF-UI-Display-Bold";
}

.fast-facts .square-box .topHead {
  text-align: center;
  background: #ffab00;
  padding: 20px 0 6px;
}

.fast-facts .square-box.blue .topHead {
  background-color: #228ae6;
}

.fast-facts .square-box.blue {
  border-color: #228ae6;
}

.fast-facts .square-box.red .topHead {
  background-color: #f03e3e;
}

.fast-facts .square-box.red {
  border-color: #f03e3e;
}

.fast-facts .square-box.green .topHead {
  background-color: #7cca50;
}

.fast-facts .square-box.green {
  border-color: #7cca50;
}

.fast-facts .square-box.light-green .topHead {
  background-color: #36b9a8;
}

.fast-facts .square-box.light-green {
  border-color: #36b9a8;
}

.fast-facts h4 {
  padding: 0;
}

.fast-facts h4 strong {
  font-family: "SF-UI-Display-Bold";
}

.productNewThumb {
  position: relative;
}

.productNewThumb ul {
  padding: 0;
  list-style: none;
  margin: 0;
  position: absolute;
  top: 20px;
  left: 0;
}

.productNewThumb ul li {
  display: inline-block;
  text-align: center;
  width: 80px;
  padding: 5px 0;
  background: rgba(0, 0, 0, 0.8);
  float: left;
  margin-right: 1px;
}

.productNewThumb ul li a {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  line-height: 22px;
}

.productNewThumb ul li span {
  opacity: 0.4;
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.grid:after {
  content: "";
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 33.3%;
  padding: 10px;
}

.fast-facts .square-box {
  height: 340px;
  overflow: hidden;
}

.fast-facts .grid-item-heighted .square-box {
  height: 690px;
}

.fast-facts .grid-item-heighted .square-box img {
  width: 106%;
  max-width: none;
}

.grid-item {
  float: left;
}

@media (max-width: 1600px) and (min-width: 1366px) {
  .navigation #menu > ul > li > a {
    padding: 0 14px;
  }
}
@media (max-width: 1600px) {
  .fast-facts .container-fluid {
    max-width: 1366px;
  }

  .fast-facts .square-box {
    height: 295px;
    overflow: hidden;
  }

  .fast-facts .grid-item-heighted .square-box {
    height: 600px;
  }
}
@media (max-width: 1365px) {
  .fast-facts .container-fluid {
    max-width: 1024px;
  }

  .fast-facts .square-box {
    height: 260px;
    overflow: hidden;
  }

  .fast-facts .grid-item-heighted .square-box {
    height: 530px;
  }

  .fast-facts .grid-item-heighted .square-box img {
    width: 122%;
  }

  header .logo {
    margin-left: 0;
  }

  .choose-btn {
    margin-right: 0 !important;
  }
}
@media (max-width: 1024px) {
  .buildingTypeBoxes a:hover div.categoryLabel {
    background: #000;
  }

  ul.product-row li .div-hvr .btnPrimary,
ul.product-row li .div-hvr .btnDefault {
    background: #d32f2f !important;
    color: #fff !important;
  }

  /*ul.product-row li:hover .div-hvr {
      border-top: #be2a2a 2px solid !important
  }*/
  .buildingTypeBoxes a:hover .panelblk div.after {
    display: none;
  }

  ul.product-row li .div-hvr {
    background: #111111;
    display: block;
  }

  .fast-facts .container-fluid {
    max-width: 768px;
  }

  .fast-facts .square-box {
    height: 260px;
    overflow: hidden;
  }

  .fast-facts .grid-item-heighted .square-box {
    height: 530px;
  }

  .fast-facts .grid-item-heighted .square-box img {
    width: 122%;
  }

  .fact-cci {
    display: none;
  }

  .detail-explain ul.arrow-listing .clik-ac {
    position: relative;
    font-weight: 600;
    padding: 10px 24px 10px 0;
    margin-bottom: 0;
  }

  .detail-explain ul.arrow-listing .clik-ac:after {
    content: ".";
    position: absolute;
    background: url("../../images/img/sprite-icons.png") no-repeat -441px -215px;
    width: 13px;
    height: 21px;
    font-size: 0;
    right: 0;
    top: 50%;
    margin-top: -10px;
  }

  .detail-explain ul.arrow-listing .clik-ac.active:after {
    background-position: -434px -241px;
    width: 21px;
    height: 13px;
  }
}
@media (max-width: 767px) {
  .fast-facts .container-fluid {
    max-width: 320px;
  }

  .fast-facts .square-box {
    height: 240px;
    overflow: hidden;
  }

  .fast-facts .grid-item-heighted .square-box {
    height: 380px;
  }

  .fast-facts .grid-item-heighted .square-box img {
    width: 100%;
  }

  #search-box > form {
    margin-left: -240px;
    max-width: 480px;
  }

  .manufacturing-plants .col-sm-6 {
    float: none !important;
  }

  .addcustomOffset .row + .row .col-md-6 {
    margin-left: 0 !important;
  }

  .csr-section .bx-pager {
    display: none !important;
  }
}
.dealers-feedback .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  background: #4e4e4e;
}

.getQuoteForm .keyPoints {
  margin-top: 80px;
}

.getQuoteForm .keyPoints aside .thumbIn {
  float: left;
  margin-right: 15px;
  width: 125px;
  text-align: center;
}

.getQuoteForm .keyPoints aside {
  clear: both;
  text-align: left;
  margin-bottom: 50px;
}

.getQuoteForm .keyPoints .key-points-content {
  overflow: hidden;
}

.services-customer {
  padding-bottom: 30px;
  background: #fff;
}

.services-customer ul {
  padding: 0;
  list-style: none;
  margin-top: 60px;
}

.services-customer ul li {
  margin-bottom: 30px;
  padding: 0 35px;
}

.services-customer ul li > div.iconBox {
  float: left;
  margin-right: 20px;
  width: 100px;
  text-align: center;
}

.services-customer ul li .dec {
  overflow: hidden;
}

.services-customer ul li h4 {
  margin-top: 0;
}

.services-customer ul li .btnDefault {
  margin-bottom: 15px;
}

.bx-dealer-locator {
  list-style: none;
  padding: 0;
  margin: 0;
}

.find-expert {
  background: #000;
  color: #fff;
  padding: 30px 0;
}

.btnBox a {
  margin: 20px 8px 0;
}

.find-dealer {
  padding: 0;
  position: relative;
}

.find-expert h5 {
  color: #fff;
}

.find-dealer .dealMap {
  height: 600px;
}

.dealerOfMonth-page,
.dealerOfMonth-page h2 {
  color: #fff;
}

section.dealer-locator-page {
  min-height: 382px;
}

.dealer-locator-page .findDealer {
  margin-top: 20px;
  position: relative;
  top: 0;
}

.dealer-locator-page .zipForm input[type=text] {
  width: 325px;
  background: rgba(0, 0, 0, 0.5);
}

.dealer-locator-page span.or {
  background: #000;
  width: 48px;
  height: 48px;
  display: inline-block;
  border-radius: 100%;
  margin: 0 15px;
  line-height: 47px;
}

.olDealer-page {
  background-image: url("../images/banner-images/dealer-banner.jpg");
  min-height: 546px;
  display: block;
}

.olDealer-page.watch-cci:after {
  background: rgba(0, 0, 0, 0.7);
}

.dealer-sell {
  border-radius: 3px;
  overflow: hidden;
}

.dealer-sell .table-display {
  width: 100%;
}

.dealer-sell .table-display img {
  display: inline-block;
}

.logo-cell {
  display: table-cell;
  vertical-align: middle;
  background: #eee;
  text-align: center;
  height: 100px;
}

.dealer-info-cell {
  background: #fff;
  padding: 20px 10px;
}

.dealer-info-cell ul {
  list-style: none;
  padding: 0;
  text-align: left;
}

.dealer-info-cell ul li .icon-cell {
  width: 54px;
  display: inline-block;
  text-align: center;
  float: left;
  margin-top: 3px;
}

.dealer-info-cell ul li .address-dealer {
  overflow: hidden;
}

.dealer-info-cell ul li {
  color: #333;
  clear: both;
  padding-bottom: 10px;
}

.dealer-info-cell ul li a {
  color: #333;
}

.dealer-info-cell ul li a:hover {
  color: #000;
}

.olDealer-page .bx-wrapper .bx-controls-direction a,
.olDealer-page .bx-wrapper .bx-controls-direction a:hover {
  background: url("../../images/img/sprite-icons.png") no-repeat -464px -87px;
  width: 32px;
  height: 32px;
  margin-top: -16px;
}

.olDealer-page .bx-wrapper .bx-controls-direction a.bx-prev,
.olDealer-page .bx-wrapper .bx-controls-direction a:hover.bx-prev {
  background: url("../../images/img/sprite-icons.png") no-repeat -427px -87px;
  width: 32px;
  height: 32px;
}

.olDealer-page .bx-wrapper .bx-next {
  right: -45px;
}

.olDealer-page .bx-wrapper .bx-prev {
  left: -58px;
}

section.our-network {
  background-image: url("../images/img/people-around-world.jpg");
  max-height: 327px;
}

section.our-network:after {
  background: rgba(0, 0, 0, 0.75);
}

.find-dealer .mCSB_inside > .mCSB_container {
  margin-right: 11px;
}

.olDealer-page .container {
  display: block;
}

.disable-locator {
  overflow-y: hidden;
}

.disable-locator:after {
  content: ".";
  font-size: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1;
}

.disable-locator .dealer-locator-page {
  z-index: 2;
}

.disable-locator header {
  z-index: 3;
}

.disable-locator .findDealer {
  top: 246px;
}

.disable-locator .findDealer:after {
  content: ".";
  font-size: 0;
  position: absolute;
  background: url("../images/img/find-now.png");
  width: 303px;
  height: 86px;
  left: 50%;
  margin-left: -151px;
  top: -110px;
}

section.man-hatton {
  background-image: url("../images/img/man-hatton.jpg");
}

.selectBox.browse-state select {
  background: transparent;
  color: #fff;
}

.selectBox.browse-state:after {
  background-color: #fff;
  background-image: url("../images/img/drop-down-arrow-blk.png");
}

.selectBox.browse-state option {
  color: #333;
}

.dealers-available ul.dealer-found {
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
  background: #fdfcfb;
  width: 307px;
  overflow-y: auto;
}

.dealers-available ul.dealer-found li {
  position: relative;
  padding: 22px 10px 10px 33px;
}

.dealers-available ul.dealer-found li:hover,
.dealers-available ul.dealer-found li.selected {
  background: #f0ecea;
}

.dealers-available ul.dealer-found li.no-dealer-found {
  padding: 0;
  width: 307px;
  text-align: center;
  margin-top: 26px;
}

.dealers-available ul.dealer-found li.no-dealer-found:hover {
  background: none;
}

.dealers-available ul.dealer-found li.no-dealer-found:after {
  display: none;
}

.dealers-available ul.dealer-found li:after {
  content: ".";
  font-size: 0;
  position: absolute;
  left: 13px;
  top: 26px;
  background: url("../../images/img/sprite-icons.png") no-repeat -484px -260px;
  width: 12px;
  height: 25px;
}

.dealers-available ul.dealer-found li p {
  font-size: 14px;
}

.dealers-available ul.dealer-found li p strong.name-info {
  display: block;
  font-weight: 600;
}

.dealers-available ul.dealer-found li a.links,
div.dealer-contacts a.links,
.action-btns a {
  display: inline-block;
  color: #282828;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 3px 8px;
  font-size: 15px;
  font-weight: 600;
  margin: 0 4px 4px 0;
}

.dealers-available ul.dealer-found li a.links {
  padding: 3px 8px 5px;
  background: #d32f2f;
  color: #fff;
  border: 0;
  transition: all 0.5s;
}

.dealers-available ul.dealer-found li a.links:hover {
  background: #be2a2a;
  color: #fff;
}

.action-btns {
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -58px;
}

.action-btns a {
  font-weight: 500 !important;
  background: #fff;
  margin-right: 10px !important;
  font-size: 14px !important;
}

.dealers-available ul.dealer-define {
  padding: 0;
  list-style: none;
  margin: 0;
}

.dealers-available ul.dealer-define p {
  font-size: 20px;
  color: #ccc;
  font-weight: 600;
}

.dealers-available ul.dealer-define p .miles-away {
  display: block;
  font-size: 15px;
  color: #666;
  font-weight: 400;
}

ul.dealer-define .logo-name {
  padding-top: 5px;
}

ul.dealer-define .logo-name img {
  margin-bottom: 10px;
}

.dealers-available ul.dealer-define li {
  max-width: 302px;
  background: transparent;
}

.dealers-available ul.dealer-define li div.logo-name {
  text-align: center;
  padding: 0 0 15px 0;
}

div.dealer-contacts {
  background: transparent !important;
  border-top: 1px solid #333;
  padding: 30px 0;
  margin: 0;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  position: relative;
}

div.dealer-contacts .info-row label {
  padding-right: 10px;
  float: left;
  text-align: right;
  color: #ccc;
  width: 35px;
}

div.dealer-contacts .info-row {
  clear: both;
  padding-bottom: 10px;
}

.geoLocatorHome div.dealer-contacts .info-row {
  display: none;
}

.geoLocatorHome .dealers-available ul.dealer-define {
  min-width: 320px;
}

.geoLocatorHome div.dealer-contacts {
  background: none;
  border: 0;
  padding-top: 10px;
}

div.dealer-contacts .info-row:after {
  content: " ";
  display: table;
  clear: both;
}

div.dealer-contacts .info-row span.value {
  word-wrap: break-word;
}

.gm-style .gm-style-iw {
  left: 0 !important;
  overflow: visible !important;
  width: 300px;
}

.gm-style .gm-style-iw-c {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
  background-color: rgba(40, 40, 40, 0.9);
  border-radius: 2px;
  padding: 12px 0;
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);
}

.gm-style-iw div {
  overflow: hidden !important;
  background: transparent;
}

.gm-style-iw button {
  background: rgba(255, 255, 255, 0.6) !important;
  top: 0px !important;
  right: 0px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 2px;
}

.gm-style-iw img {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}

.gm-iw,
.gm-style-iw {
  padding: 15px;
}

.gm-style .gm-style-iw-t::after {
  background: linear-gradient(45deg, rgba(40, 40, 40, 0.9) 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
  box-shadow: -2px 2px 2px 0 rgba(40, 40, 40, 0.4);
  content: "";
  height: 15px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 15px;
}

.http {
  position: relative;
}

.http:after {
  content: "https://";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
  font-size: 14px;
  color: #999;
  border-right: 1px solid #dad0ca;
  padding: 0 10px;
  line-height: 38px;
}

ul.getform li .http input[type=url] {
  padding-left: 75px;
}

.modal-backdrop.in {
  opacity: 0.8;
}

.modal {
  top: 10%;
}

.modal-dialog {
  width: 926px;
  margin: 30px auto;
  display: inline-block;
}

.modal-dialog a.controls {
  position: absolute;
  right: -52px;
  font-size: 0;
  top: 0;
  height: 100%;
  width: 46px;
}

.modal-dialog a.previous {
  right: auto;
  left: -52px;
}

.modal-dialog a.controls:after {
  background: url("../../images/img/sprite-icons.png") no-repeat -454px -38px;
  width: 44px;
  height: 44px;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -24px;
  font-size: 0;
  content: ".";
}

.modal-dialog a.previous:after {
  background-position: -407px -38px;
  right: auto;
  left: 8px;
}

.modal-dialog button.close {
  /*background: url("../../images/img/sprite-icons.png") no-repeat -472px -7px;*/
  width: 24px;
  height: 24px;
  opacity: 1;
  font-size: 0;
  position: absolute;
  top: -30px;
  right: 0;
}

.modal-body {
  padding: 0 15px;
}

.modal-body img {
  width: 100%;
}

.modal-content {
  border-radius: 0;
  box-shadow: none;
}

.pro-description {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: left;
  color: #555;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 15px;
}

.pro-description .table-cell {
  padding: 0 5px;
}

.pro-description .btn {
  font-size: 20px;
  text-transform: uppercase;
  padding: 18px 16px;
}

.name-product {
  font-weight: 600;
  background: #fff;
  border-radius: 0 4px 4px 0;
  padding: 10px 17px;
  position: absolute;
  z-index: 1;
  text-transform: uppercase;
  left: 0;
  top: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.22);
}

.proImg-preview {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 15px -15px 0 0;
}

.proImg-preview .pro-description {
  background: none;
  padding: 0;
  position: static;
  height: auto;
  overflow: hidden;
  font-size: 18px;
}

.proImg-preview .textDescription {
  width: 100%;
  text-align: left;
  color: #fff;
  padding: 20px;
}

.modal ul.getform {
  margin-top: 30px;
}

#getPrice ul.getform {
  margin-top: 15px;
}

#getPrice h6.form-heading {
  margin-top: 24px;
  text-align: center;
}

.bigbtn {
  text-transform: uppercase;
  font-size: 20px;
  padding: 20px 15px;
  font-weight: 400;
}

.slick-arrow {
  border: 0;
  outline: 0;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: -340px;
  font-size: 0;
  z-index: 1;
}

.slick-arrow.slick-prev {
  right: auto;
  margin-right: 0;
  left: 50%;
  margin-left: -340px;
}

.bx-wrapper .bx-controls-direction a,
.bx-wrapper .bx-controls-direction a:hover,
.slick-arrow {
  background: url("../../images/img/sprite-icons.png") no-repeat -467px -399px;
  width: 31px;
  height: 60px;
  margin-top: -30px;
}

.bx-wrapper .bx-controls-direction a.bx-prev,
.bx-wrapper .bx-controls-direction a:hover.bx-prev,
.slick-arrow.slick-prev {
  background-position: -433px -399px;
}

.bx-wrapper .bx-next {
  right: 15px;
}

.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: 0;
  background: none;
}

.bx-wrapper {
  margin-bottom: 0px !important;
}

.bx-wrapper .bx-pager {
  position: static !important;
}

.building-type .recent-proj .bx-wrapper .bx-viewport {
  min-height: 223px;
}

.building-type .recent-proj .bx-wrapper .bx-viewport li {
  min-width: 220px;
}

.building-type .recent-proj .bx-wrapper .bx-viewport li img {
  width: 100%;
}

.our-leader {
  background: #f6f5f4;
}

.our-leader ul,
.our-team ul,
.our-values ul {
  list-style: none;
  padding: 0;
}

.our-leader li {
  display: inline-block;
  position: relative;
  height: 480px !important;
}

.leader-box {
  transition: all 0.5s;
  position: absolute;
  left: 30px;
  top: 30px;
  right: 30px;
  bottom: 30px;
}

.leader-box * {
  transition: all 0.5s;
}

.leader-box img {
  display: inline-block;
  position: relative;
  height: 100%;
}

.leader-box:hover {
  box-shadow: 0px 0px 66px -10px rgba(0, 0, 0, 0.25);
  background: #fff;
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
}

.leader-box:hover .read-more {
  display: block;
  transition: all 0.5s;
}

.leader-info {
  position: absolute;
  background: #fff;
  bottom: 58px;
  left: 0;
  right: 0;
  padding: 15px 0;
}

.leader-box:hover .leader-info {
  background: rgba(255, 255, 255, 0.88);
}

.leader-info h6,
.leader-info p {
  margin: 0;
}

a.read-more {
  font-size: 15px;
  color: #cc3333;
  display: none;
}

a.read-more:hover {
  color: #be2a2a;
}

.our-team {
  background: #fff;
}

.our-team .filterGallery {
  margin: 40px 0;
}

.info-team p {
  margin: 0;
}

.info-team .m-name {
  font-weight: 600;
}

.our-team ul li {
  height: 254px;
  position: relative;
}

.our-team ul li .team-box {
  transition: all 0.5s;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  left: 15px;
}

.our-team ul li:hover {
  z-index: 1;
}

.our-team ul li .team-box:hover {
  box-shadow: -1px 0px 20px 9px #e2e1e1;
  background: #fff;
  left: -10px;
  right: -10px;
  top: -10px;
  bottom: -41px;
}

.our-team ul li .team-box:hover a.read-more {
  display: block;
}

.our-leader {
  padding-bottom: 20px;
}

.our-vision {
  padding: 0;
  color: #fff;
}

.our-vision h2 {
  color: #fff;
  margin: 0;
  padding: 3px 0 7px;
}

.our-vision .goal-content {
  max-width: 488px;
  display: inline-block;
  margin: 60px 0;
}

.our-vision p {
  font-size: 22px;
  font-style: italic;
}

.blk-bg {
  background: #000;
}

.red-bg {
  background: #cc3333;
}

.our-vision .table-display {
  width: 100%;
}

.our-values {
  background: #f3f3f3;
  padding-bottom: 20px;
}

.our-values ul.checkList li {
  margin-bottom: 40px;
}

.our-values ul.checkList .sprite-icon {
  float: left;
  margin: 6px 8px 0 0;
}

.our-values ul.checkList p {
  overflow: hidden;
}

ul.h6Table-cell li {
  display: table;
  margin-bottom: 17px;
}

ul.h6Table-cell li:nth-child(odd) {
  clear: left;
}

.h6Table-cell .table-cell {
  width: 70px;
  height: 63px;
  line-height: 0;
}

ul.h6Table-cell h6 {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
  font-size: 20px;
}

.spacial-note {
  margin: 30px 0 60px;
}

.quality-icon {
  background-position: -2px -685px;
  width: 88px;
  height: 88px;
}

.certi-icon {
  background-position: -105px -688px;
  width: 82px;
  height: 88px;
}

.training-program-2 {
  background: #eeeeee;
}

.col-exap {
  margin: 0;
  padding: 15px;
  border: 1px solid #d8d8d8;
  position: relative;
  background: #f9f9f9;
  border-bottom: 0;
}

.col-exap:after {
  background: url("../../images/img/sprite-icons.png") no-repeat -330px -147px;
  width: 20px;
  height: 20px;
  content: ".";
  font-size: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}

.col-exap.active {
  background: #cc3333;
  color: #fff;
}

.col-exap.active:after {
  background-position: -330px -167px;
}

.program-box {
  border-bottom: 1px solid #d8d8d8;
}

.col-exap-content {
  padding: 20px;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-bottom: 0;
  display: none;
}

ul.dot-list {
  list-style: none;
  padding: 0;
}

ul.dot-list li {
  position: relative;
  padding: 0 0 20px 20px;
}

ul.dot-list li:last-child {
  padding-bottom: 0;
}

ul.dot-list li:before {
  content: ".";
  background: url("../../images/img/sprite-icons.png") no-repeat -484px -665px;
  width: 9px;
  font-size: 0;
  height: 9px;
  position: absolute;
  left: 0;
  top: 8px;
}

ul.accordian-link {
  list-style: none;
  padding: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: 0;
}

ul.accordian-link li a {
  display: block;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding: 15px;
  background: #fff;
  color: #666;
}

ul.accordian-link li a:after {
  content: ".";
  font-size: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -6px;
  background: url("../../images/img/sprite-icons.png") no-repeat -438px -259px;
  width: 9px;
  height: 13px;
}

ul.accordian-link li a.active {
  background: #282828;
  color: #fff;
}

ul.accordian-link li a.active:after {
  background-position: -422px -259px;
}

ul.accordian-link li {
  border-bottom: 1px solid #ddd;
}

.dark {
  color: #ffffff;
  background: #1d1d1d !important;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p,
.dark small {
  color: #FFFFFF;
}

.light-text h1,
.light-text h2,
.light-text h3,
.light-text h4,
.light-text h5,
.light-text h6,
.light-text p,
.light-text a,
.light-text small {
  color: #FFFFFF;
}

.light {
  color: #1d1d1d;
}

section.light {
  color: #1d1d1d;
  background: #f3f3f3;
}

section.light-small {
  background: #fff;
  border-top: 1px solid #eee;
  padding: 30px;
}

.t-program {
  background: #fff;
}

.t-program-dark {
  background: #1d1d1d;
}

.t-program span.sprite-icon {
  margin-bottom: 10px;
}

.dealers-feedback {
  color: #fff;
  background-image: url("../images/img/dealers-feedback.jpg");
}

.dealers-feedback .container {
  position: relative;
  z-index: 1;
}

.dealers-feedback h2 {
  color: #fff;
}

.dealers-feedback p {
  font-size: 18px;
}

ul.dealer-comments {
  padding: 0;
  list-style: none;
}

ul.dealer-comments li {
  transition: all 0.5s;
  max-width: 380px;
  color: #ccc;
  font-size: 18px;
  font-style: italic;
  background: #000;
  border: 1px solid #ebebeb;
  display: inline-block;
  padding: 35px;
  margin-right: 5px;
  font-weight: 300;
  vertical-align: top;
  height: 415px;
  position: relative;
}

ul.dealer-comments li:hover {
  background: #fff;
  color: #333;
  font-weight: 400;
  border-top: 5px solid #d32f2f;
}

ul.dealer-comments li:hover .company-name {
  color: #d32f2f;
  transition: all 0.5s;
}

ul.dealer-comments li .company-name {
  background: #fff;
  color: #000;
  padding: 15px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  margin: 0;
  border-top: 1px solid #d9d9d9;
}

ul.dealer-comments li .rating-yellow {
  display: inline-block;
  margin-bottom: 5px;
  width: 93px;
}

.rating-yellow {
  background: url("../images/img/star-tating-2.png") 0 bottom;
  height: 20px;
}

.rating-yellow .given-ratings {
  background: url("../images/img/star-tating-2.png") 0 0 repeat;
  position: absolute;
  height: 20px;
  top: 0;
  left: 0;
}

.redBg {
  background: #d32f2f;
}

.redBg h3 {
  color: #fff;
  margin: 10px 0 20px;
}

.joind-dealer {
  background: #eee;
  padding: 0;
}

.white-bg {
  background: #fff;
}

.form-fix-width {
  max-width: 630px;
  margin: 0 auto;
}

.form-fix-width-1 {
  max-width: 500px;
  margin: 0 auto;
}

.joind-dealer .table-display {
  width: 100%;
}

.joind-dealer .col-md-6 {
  float: none;
  vertical-align: top;
  padding: 60px 15px;
}

.benefits {
  list-style: none;
  padding: 0;
}

.benefits li {
  display: table;
  width: 100%;
  margin-bottom: 30px;
}

.benefits li:last-child {
  margin-bottom: 0;
}

.benefits li span.sprite-icon {
  display: table-cell;
  vertical-align: middle;
}

.benefits li h6 {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}

.training-program {
  background: #fff url("../images/banner-images/traning-session-2.jpg") no-repeat 0 0;
  background-size: cover;
  color: #fff;
  padding: 110px 0;
}

.training-program h2 {
  color: #fff;
}

.training-program .max-width-set {
  max-width: 684px;
  margin-left: 30px;
}

section.detail-explain {
  background: #fff;
}

section.detail-explain h4.bodyFont {
  font-family: "Source Sans Pro", sans-serif;
  font-style: italic;
}

ul.arrow-listing {
  list-style: none;
  padding: 0;
}

ul.arrow-listing li {
  position: relative;
  padding: 0 0 0 20px;
}

ul.arrow-listing li:before {
  content: ".";
  position: absolute;
  left: 0;
  top: 5px;
  background: url("../../images/img/sprite-icons.png") no-repeat -440px -192px;
  width: 10px;
  height: 16px;
  font-size: 0;
}

.right-dir {
  background-position: -440px -192px;
  width: 10px;
  height: 16px;
}

ul.bx-leader-comment {
  list-style: none;
  padding: 0;
  background: #000;
  box-shadow: none;
  border: 0;
}

.leader-img {
  max-width: 277px;
  margin: 0 auto;
}

.blk-bg-slider .pannel-black {
  color: #fff;
}

.blk-bg-slider .bx-wrapper .bx-viewport {
  height: auto !important;
  background: #000;
}

.blk-bg-slider .pannel-black .leader-img img {
  width: 100%;
}

.blk-bg-slider .pannel-black .commentBox {
  padding: 0px;
}

p.leader-message {
  font-size: 26px;
  line-height: 34px;
  font-style: italic;
  font-weight: 400;
}

.blk-bg-slider .pannel-black .commentBox p.capitalize {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

p.leader-name {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

p.leader-name span.designation {
  font-weight: 400;
}

.blk-bg-slider .pannel-black .commentBox p.leader-name .designation {
  display: block;
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
}

.blk-bg-slider .bx-wrapper .bx-controls-direction a,
.blk-bg-slider .bx-wrapper .bx-controls-direction a:hover {
  background-position: -466px -158px;
  width: 15px;
  height: 25px;
  position: static;
  display: inline-block;
  margin: 14px 10px 0;
}

.blk-bg-slider .bx-wrapper .bx-controls-direction a.bx-prev,
.blk-bg-slider .bx-wrapper .bx-controls-direction a:hover.bx-prev {
  background-position: -434px -158px;
  width: 15px;
  height: 25px;
}

.blk-bg-slider .bx-has-controls-direction {
  background: rgba(255, 204, 0, 0.5);
  position: absolute;
  bottom: 0;
  height: 50px;
  left: -5px;
  width: 100%;
  text-align: center;
}

.buildings-industry li.col-md-2 {
  padding: 0 10px;
}

.buildings-industry li .readMore {
  font-size: 14px;
}

.buildings-industry li p.industry-name {
  text-transform: uppercase;
  color: #333;
  font-weight: 600;
  margin: 15px auto 5px;
  line-height: 19px;
  height: 36px;
  overflow: hidden;
}

.buildings-industry li .industry-content {
  border-bottom: 2px solid #dadada;
  padding-bottom: 10px;
}

.cci-thumb {
  background: url("../images/img/cci-standards.png") no-repeat 0 0;
  width: 198px;
  height: 156px;
  max-width: 100%;
}

.mprice-icon {
  background-position: -218px 0;
  width: 198px;
  height: 156px;
}

.ind-standard {
  background-position: -436px 0;
  width: 198px;
  height: 156px;
}

.component-tnumb {
  background-position: -654px 0;
}

.points-remeber {
  background-position: -872px 0;
}

.other-building-info {
  background-position: -1090px 0;
}

.business-process h2,
.business-process h6 {
  color: #fff;
}

.buildings-industry {
  list-style: none;
  padding: 0;
}

.white-bg {
  background: #fff;
}

.blog-only ul li .img-section {
  height: 215px;
  float: left;
  width: 100%;
  margin-right: 23px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.blog-only ul li .pannelWhite {
  border-bottom: 0;
  padding-bottom: 0;
  padding-top: 15px;
  min-height: auto;
}

.blog-only ul li .home-blog {
  border-radius: 3px;
  margin-bottom: 30px;
}

.white-bg ul li .home-blog {
  border: 1px solid #eee;
}

.blogSection ul li .home-blog h5 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.blogSettings li .home-blog h5 {
  margin-top: 0;
  font-size: 22px;
}

.blog-only ul {
  margin-bottom: 10px;
}

.blogSection .building-cate {
  text-transform: uppercase;
  color: #666;
  font-size: 15px;
  margin: 0;
  font-weight: 600;
}

.thumbImg {
  display: none !important;
}

.blog-only .thumbImg {
  display: block !important;
}

.blog-only .wideImage {
  display: none;
}

.blogSection .bx-wrapper .bx-viewport {
  min-height: 454px;
}

.hrRuller {
  position: relative;
}

.hrRuller:before {
  content: ".";
  font-size: 0;
  position: absolute;
  height: 1px;
  background: #fff;
  top: 48px;
  width: 800px;
  margin: 0 auto;
  left: 50%;
  margin-left: -400px;
}

.blogSection .btn {
  margin-top: 30px;
}

.blog-only .btn {
  margin-top: 0px !important;
}

.full-width {
  width: 100%;
}

.leader-messages {
  background: #777;
  margin-top: 1px;
}

.poster-cci {
  box-shadow: 0px 3px 24px -3px rgba(0, 0, 0, 0.59);
  padding: 5px;
  position: relative;
}

.poster-cci.toped {
  margin-top: 30px;
}

.poster-cci img {
  width: 100%;
}

.poster-cci .tagLine {
  font-size: 14px;
  font-weight: 600;
  background: #fff;
  position: absolute;
  bottom: 15px;
  width: 100%;
  left: 0;
  padding: 2px 15px;
}

.lifeAtCci {
  list-style: none;
  padding: 0;
}

.lifeAtCci li {
  width: 366px;
  float: left;
  margin: 30px 15px;
}

section.life-cci {
  background: #fdfcfb;
}

section.life-cci .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  background: #fff;
}

section.life-cci .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background: #313131;
  padding: 0;
}

section.life-cci .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  max-width: 1000px;
  margin: 0 auto;
}

section.employee-benefits {
  background: #fff;
}

section.curren-job {
  background: #f3f3f3;
  padding-bottom: 80px;
}

p.job-location {
  font-size: 15px;
  color: #333;
}

.slick-job-location {
  list-style: none;
  padding: 0;
}

.slick-job-location .btn {
  margin: 0 10px;
}

.slick-job-location .jobs {
  opacity: 0.4;
  transition: all 0.5s;
}

.slick-job-location .slick-current .jobs {
  opacity: 1;
}

.slick-job-location li {
  margin: 0 30px;
  outline: 0;
}

.slick-job-location .slick-list {
  padding: 0 !important;
}

@media (min-width: 768px) {
  section.curren-job {
    padding-bottom: 130px;
  }

  .slick-job-location .slick-arrow {
    margin: 0 0 0 -60px !important;
    left: 50% !important;
    bottom: -110px;
    top: auto;
  }

  .slick-job-location .slick-arrow.slick-next {
    right: 50% !important;
    left: auto !important;
    margin: 0 -60px 0 0px !important;
  }

  .slick-job-location .slick-arrow.slick-disabled {
    opacity: 0.2;
    cursor: default;
  }
}
.customers-feedback {
  background: #fff;
}

ul.feedbackCustomer,
ul.pagiation {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.feedbackCustomer {
  margin-left: 10px;
}

ul.feedbackCustomer li {
  padding-bottom: 50px;
  border-left: 2px solid #e5e5e5;
  padding-left: 40px;
  position: relative;
}

ul.feedbackCustomer li.characters:after {
  content: "A";
  position: absolute;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  background: #ff8b4a;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  border-radius: 100%;
  left: -18px;
  top: -6px;
}

ul.feedbackCustomer li.characters.B:after {
  background: #8564d2;
  content: "B";
}

ul.feedbackCustomer li.characters.C:after {
  background: #5fcbb6;
  content: "C";
}

ul.feedbackCustomer li.characters.D:after {
  background: #00bb56;
  content: "D";
}

ul.feedbackCustomer li.characters.E:after {
  background: #0089d2;
  content: "E";
}

ul.feedbackCustomer li.characters.F:after {
  background: #ffa226;
  content: "F";
}

ul.feedbackCustomer li.characters.G:after {
  background: #00bb56;
  content: "G";
}

ul.feedbackCustomer li.characters.H:after {
  background: #ffcc00;
  content: "H";
}

ul.feedbackCustomer li.characters.I:after {
  background: #5fcbb6;
  content: "I";
}

ul.feedbackCustomer li.characters.J:after {
  background: #0089d2;
  content: "J";
}

ul.feedbackCustomer li.characters.K:after {
  background: #8564d2;
  content: "K";
}

ul.feedbackCustomer li.characters.L:after {
  background: #2fd7ed;
  content: "L";
}

ul.feedbackCustomer li.characters.M:after {
  background: #0089d2;
  content: "M";
}

ul.feedbackCustomer li.characters.N:after {
  background: #00bb56;
  content: "N";
}

ul.feedbackCustomer li.characters.O:after {
  background: #da0202;
  content: "O";
}

ul.feedbackCustomer li.characters.P:after {
  background: #00bb56;
  content: "P";
}

ul.feedbackCustomer li.characters.Q:after {
  background: #00bb56;
  content: "Q";
}

ul.feedbackCustomer li.characters.R:after {
  background: #ff8b4a;
  content: "R";
}

ul.feedbackCustomer li.characters.S:after {
  background: #5fcbb6;
  content: "S";
}

ul.feedbackCustomer li.characters.T:after {
  background: #00bb56;
  content: "T";
}

ul.feedbackCustomer li.characters.U:after {
  background: #00bb56;
  content: "U";
}

ul.feedbackCustomer li.characters.V:after {
  background: #00bb56;
  content: "V";
}

ul.feedbackCustomer li.characters.W:after {
  background: #2fd7ed;
  content: "W";
}

ul.feedbackCustomer li.characters.X:after {
  background: #00bb56;
  content: "X";
}

ul.feedbackCustomer li.characters.Y:after {
  background: #8564d2;
  content: "Y";
}

ul.feedbackCustomer li.characters.Z:after {
  background: #ffa226;
  content: "Z";
}

ul.feedbackCustomer li:last-child {
  border-color: #fff;
}

ul.feedbackCustomer li p.customer-name {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

ul.feedbackCustomer li p.customer-name span {
  font-size: 15px;
  color: #999;
}

ul.feedbackCustomer li p.customer-name span.feedback-time {
  display: block;
}

ul.feedbackCustomer .rating-yellow {
  margin-bottom: 10px;
}

section.write-review {
  background: #f3f3f3;
}

.rating-big,
.rating-big .given-ratings {
  background-image: url("../images/img/star-rattings-3.png");
  background-position: 0px -23px;
  height: 25px;
  width: 136px;
}

.rating-big .given-ratings {
  background-position: 0px 1px;
}

ul.pagiation {
  display: inline-block;
}

ul.pagiation li {
  display: inline-block;
}

ul.pagiation li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 100%;
  color: #333;
}

ul.pagiation li a.selected,
ul.pagiation li a:hover {
  background: #eee;
}

ul.pagiation li.controller a:after {
  content: ".";
  font-size: 0;
  background: url("../../images/img/sprite-icons.png") no-repeat -56px -325px;
  width: 8px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 6px;
}

ul.pagiation li.prev a:after {
  background-position: -46px -325px;
  width: 8px;
  height: 12px;
}

.text18 p {
  font-size: 18px;
}

.text18 a {
  color: #fff;
}

.social-box {
  background: #1e1e1e;
  padding: 30px 0;
}

.social-box h4 {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 20px 0 0;
}

.socilaLinks {
  list-style: none;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.socilaLinks li {
  display: inline-block;
  padding: 0 10px;
}

.socilaLinks li a {
  transition: all 0.2s;
  display: block;
  opacity: 0.6;
}

.socilaLinks li a:hover {
  opacity: 1;
}

.gMap-section1 {
  padding: 0;
}

.office-view {
  width: 634px;
  height: 199px;
  max-width: 100%;
  background: url("../images/pages/contact/head-quater.jpg") no-repeat center;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
}

.manufacturing-plants {
  background: #f0f0f0;
}

.manufacturing-plants ul {
  list-style: none;
  padding: 0;
  margin: 0 -15px;
}

.manufacturing-plants .offices {
  margin-bottom: 15px;
  width: 100%;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
  background: #fff;
  display: table;
}

.office-map {
  padding: 10px;
}

.manufacturing-plants .col-md-4:last-child .offices {
  border-right: 0;
}

.manufacturing-plants .row + .row .offices {
  border-bottom: 0;
}

.manufacturing-plants .offices .btn-box {
  position: absolute;
  bottom: 15px;
  left: 225px;
}

.manufacturing-plants .offices h5 {
  margin-bottom: 0;
}

.manufacturing-plants .offices .thumb-office {
  background: url("../images/img/plant-1.jpg") no-repeat center;
  width: 190px;
  height: 190px;
  background-size: cover;
  float: left;
  margin-right: 20px;
}

.manufacturing-plants .offices .thumb-office.missouri {
  background-image: url("../images/img/plant-2.jpg");
}

.manufacturing-plants .offices .thumb-office.georgia {
  background-image: url("../images/img/plant-3.jpg");
}

.manufacturing-plants .offices .thumb-office.pennsylvania {
  background-image: url("../images/img/plant-4.jpg");
}

.manufacturing-plants .offices .thumb-office.mississippi {
  background-image: url("../images/img/plant-5.jpg");
}

.manufacturing-plants .offices .thumb-office.indiana {
  background-image: url("../images/img/plant-6.jpg");
}

.manufacturing-plants a.btn:first-child {
  background: #282828;
}

.manufacturing-plants a.btn:first-child:hover,
.manufacturing-plants a.btn.selected:first-child {
  background: #d32f2f;
}

.manufacturing-plants a.btn:last-child:hover,
.manufacturing-plants a.btn.selected:last-child {
  background: #ffcc00;
  color: #000;
}

.maxWidth1450 {
  max-width: 1600px;
  margin: 0 auto;
}

p.nmbers-info span {
  margin-right: 10px;
}

p.nmbers-info span a {
  color: #333;
}

p.nmbers-info strong.color-theme {
  color: #d32f2f;
}

section.getTouch {
  background: #f3f3f3;
}

.office-information p {
  color: #666;
  margin: 0;
}

section.bannerContactus {
  min-height: 460px !important;
}

.office-information {
  padding: 15px 0 0 30px;
}

.office-information .gMarker-icon {
  margin-left: -18px;
}

.sqrBox-big {
  width: 63px;
}

section.bannerContactus .banerText {
  top: 290px;
}

#blog .container {
  position: relative;
}

.left-blog {
  clear: left;
}

#posts .entry-content {
  margin-top: 30px;
}

.entry.entry-date-section {
  width: 100% !important;
  margin: 0px 0 80px;
  padding: 0;
  border: 0;
  text-align: center;
}

.timeline-border {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 0;
  width: 0;
  border-left: 1px dashed #CCC;
  height: 100%;
}

.entry.entry-date-section span {
  display: inline-block;
  padding: 10px 15px;
  background-color: #FFF;
  border: 2px solid #EEE;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.entry-image,
.entry-image > a,
.entry-image .slide a,
.entry-image img {
  transition: all 0.5s;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

.entry-image img:hover {
  opacity: 0.8;
}

.entry-meta {
  margin: 10px -10px -15px 0;
  list-style: none;
  padding: 0;
}

.single-post .entry-image {
  margin-bottom: 10px !important;
}

.single-post .entry-image img {
  width: auto;
  float: left;
  clear: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.entry-meta li {
  float: left;
  font-size: 13px;
  line-height: 14px;
  margin: 0 10px 15px 0;
  color: #999;
  font-style: italic;
}

.entry-meta li a {
  color: #999;
}

.entry-meta li a:hover {
  color: #c32121;
}

.entry-meta li i {
  position: relative;
  top: 1px;
  font-size: 14px;
  margin-right: 3px;
}

.entry-meta li:first-child:before {
  display: none;
}

.entry-meta li:before {
  content: "/";
  display: inline-block;
  margin-right: 10px;
  opacity: 0.5;
}

.icon-camera-retro:before {
  content: "\E737";
}

.entry-title a {
  color: #333;
}

.entry-title a:hover {
  color: #cc3333;
}

.blog-details {
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.left-blog .blog-details {
  padding-right: 50px;
}

.right-blog .blog-details {
  padding-left: 50px;
}

#load-next-posts {
  position: relative;
  z-index: 1;
}

.blog-details .entry-timeline {
  position: absolute;
  border: 2px solid #CCC;
  background-color: #FFF;
  padding-top: 0;
  text-indent: -9999px;
  top: 80px;
  left: auto;
  right: -6px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  font-size: 26px;
  font-weight: bold;
  color: #000;
  text-align: center;
  line-height: 1;
  transition: all 0.5s;
}

.entry-timeline div.timeline-divider {
  position: absolute;
  top: 4px;
  left: -55px;
  width: 50px;
  height: 0;
  border-top: 1px dashed #CCC;
  transition: all 0.5s;
}

.right-blog .entry-timeline {
  left: -7px;
  right: auto;
  top: 40px;
}

.right-blog div.timeline-divider {
  right: -51px;
  left: auto;
}

.blog-details:hover .entry-timeline,
.blog-details:hover div.timeline-divider {
  border-color: #cc3333 !important;
  color: #cc3333 !important;
}

.newscontent .blog-details .entry-timeline {
  border: 3px solid #000;
  background-color: #FFF;
  padding-top: 10px;
  text-indent: 0;
  top: 20px;
  left: -6px;
  right: auto;
  width: 64px;
  height: 64px;
  font-size: 24px;
}

.newscontent .timeline-border {
  left: 40px;
  margin-left: 0;
}

.newscontent .blog-details {
  padding-left: 90px;
}

.newscontent .entry-timeline span {
  display: block;
  margin-top: 3px;
  font-size: 13px;
  font-weight: normal;
}

.newscontent div.timeline-divider {
  top: 29px;
  left: 64px;
  width: 32px;
}

.entry-image img {
  border-radius: 3px;
}

.newscontent .entry {
  position: relative;
}

.rightbar .widget:first-child {
  padding-top: 0;
  border-top: 0;
  margin-top: 0px;
}

.rightbar .widget {
  padding-top: 50px;
  border-top: 1px solid #EEE;
  margin-top: 50px;
}

.rightbar .widget h6 {
  margin-bottom: 30px;
}

#blog {
  background: #fff;
}

.img-circle {
  border-radius: 50% !important;
}

.spost,
.mpost {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #E5E5E5;
}

.mpost {
  margin-top: 25px;
  padding-top: 25px;
}

.spost:first-child,
.mpost:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.spost .entry-image,
.mpost .entry-image {
  float: left;
  margin: 0 15px 0 0;
  text-align: center;
}

.spost .entry-image,
.spost .entry-image a,
.spost .entry-image img,
.spost .entry-image i {
  width: 48px;
  height: 48px;
}

.spost .entry-image a i,
.mpost .entry-image a i {
  font-size: 28px;
  line-height: 48px;
  color: #666;
  background-color: #EEE;
}

.spost .entry-title h4,
.mpost .entry-title h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.spost .entry-title h4 a,
.mpost .entry-title h4 a {
  color: #333;
}

.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover {
  color: #c32121;
}

.spost .entry-meta {
  margin: 8px -10px 0 0;
}

.spost .entry-meta li,
.mpost .entry-meta li {
  font-size: 13px;
  margin: 0 10px 0 0;
}

.tagcloud {
  margin-bottom: -2px;
  margin-top: 30px;
}

.tagcloud a {
  display: block;
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 3px 6px;
  border: 1px solid #E5E5E5;
  font-size: 13px !important;
  color: #666;
  border-radius: 2px;
}

body:not(.device-touch) .tagcloud a {
  transition: all 0.3s ease-in-out;
}

.tagcloud a:hover {
  border-color: #cc3333 !important;
  color: #cc3333 !important;
}

.widget .nav-tabs > li {
  float: left;
  height: 41px;
  text-align: center;
  border-width: 1px 1px 0px 0px;
  border-style: solid solid;
  border-color: #ddd #ddd;
  -o-border-image: initial;
  border-image: initial;
  border-bottom: 0px;
  border-left: 0px;
}

.widget .nav-tabs > li:first-child {
  border-left: 1px solid #ddd !important;
  margin-left: 15px;
}

.widget .nav-tabs > li > a,
.widget .nav-tabs > li.active > a,
.widget .nav-tabs > li.active > a:hover,
.widget .nav-tabs > li.active > a:focus {
  display: block;
  color: #444;
  height: 40px;
  line-height: 40px;
  background-color: #f2f2f2;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 15px;
}

.tab-content {
  padding-top: 20px;
}

.widget .nav-tabs > li > a:hover {
  border-bottom: 2px solid #efefef;
}

.widget .nav-tabs > li.active > a,
.widget .nav-tabs > li.active > a:hover,
.widget .nav-tabs > li.active > a:focus {
  border-bottom: 0 !important;
}

.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image img,
.mpost .entry-image i {
  width: 170px;
  height: 128px;
}

.entry-c {
  position: relative;
  overflow: hidden;
}

.mpost .entry-title h4 {
  font-size: 17px;
  font-weight: 600;
  margin: 0px;
}

.mpost .entry-content {
  margin-top: 29px;
  clear: both;
  float: left;
  font-size: 14px;
}

.entry blockquote p {
  font-weight: 400;
  font-style: italic;
}

.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {
  display: block;
  float: left;
  margin: 4px 11px 7px 0;
  text-align: center !important;
  font-size: 28px;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  font-style: normal;
}

body:not(.device-touch) .i-rounded,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {
  transition: all 0.3s ease;
}

.i-rounded,
.i-circled,
.i-bordered {
  width: 52px !important;
  height: 52px !important;
  line-height: 52px !important;
  background-color: #444;
  border-radius: 3px;
}

.i-bordered {
  border: 1px solid #555;
  line-height: 50px !important;
  background-color: transparent !important;
  color: #444;
  text-shadow: none;
}

.i-plain {
  width: 36px !important;
  height: 36px !important;
  font-size: 28px;
  line-height: 36px !important;
  color: #444;
  text-shadow: 1px 1px 1px #FFF;
}

.i-plain:hover {
  color: #777;
}

.i-circled {
  border-radius: 50%;
}

.i-light {
  background-color: #F5F5F5;
  color: #444;
  text-shadow: 1px 1px 1px #FFF;
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
}

/*
.i-alt {
  background-image: url("images/icons/iconalt.svg");
  background-position: center center;
  background-size: 100% 100%;
}
*/
.i-rounded:hover,
.i-circled:hover {
  background-color: #1ABC9C;
  color: #FFF;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}

.i-bordered:hover {
  background-color: #444 !important;
  color: #FFF;
  border-color: #444;
}

.social-icon {
  margin: 0 5px 5px 0;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 38px !important;
  color: #555;
  text-shadow: none;
  border: 1px solid #AAA;
  border-radius: 3px;
  overflow: hidden;
}

.si-rounded {
  border-radius: 50%;
}

.si-borderless {
  border-color: transparent !important;
}

.si-dark {
  background-color: #444;
  color: #FFF !important;
  border-color: transparent;
}

.si-light {
  background-color: rgba(0, 0, 0, 0.05);
  color: #666 !important;
  border-color: transparent;
}

.si-colored {
  border-color: transparent !important;
}

.si-colored i {
  color: #FFF;
}

.social-icon.si-large {
  margin: 0 10px 10px 0;
  width: 56px;
  height: 56px;
  font-size: 30px;
  line-height: 54px !important;
}

.social-icon.si-small {
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 30px !important;
}

.social-icon i {
  display: block;
  position: relative;
}

body:not(.device-touch) .social-icon i {
  transition: all 0.3s ease;
}

.social-icon i:last-child {
  color: #FFF !important;
}

.social-icon:hover i:first-child {
  margin-top: -38px;
}

.social-icon.si-large:hover i:first-child {
  margin-top: -54px;
}

.social-icon.si-small:hover i:first-child {
  margin-top: -30px;
}

.social-icon:hover {
  color: #555;
  border-color: transparent;
}

.si-colored.social-icon {
  border-color: transparent;
}

.si-sticky {
  position: fixed;
  top: 50%;
  left: 5px;
  width: 36px;
  z-index: 100;
}

.si-sticky.si-sticky-right {
  left: auto;
  right: 8px;
}

.si-share {
  position: relative;
  padding-left: 5px;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  margin: 25px 0 30px;
  clear: both;
}

.social-listing .si-share {
  clear: none;
  margin: 0;
}

.si-share span {
  line-height: 36px;
  font-weight: bold;
  font-size: 13px;
}

.si-share div {
  float: right;
}

.si-share .social-icon {
  margin: -1px 0;
  border-radius: 0;
  font-size: 15px;
}

.si-facebook:hover,
.si-colored.si-facebook {
  background-color: #3B5998 !important;
}

.si-delicious:hover,
.si-colored.si-delicious {
  background-color: #205CC0 !important;
}

.si-paypal:hover,
.si-colored.si-paypal {
  background-color: #00588B !important;
}

.si-flattr:hover,
.si-colored.si-flattr {
  background-color: #F67C1A !important;
}

.si-android:hover,
.si-colored.si-android {
  background-color: #A4C639 !important;
}

.si-smashmag:hover,
.si-colored.si-smashmag {
  background-color: #E53B2C !important;
}

.si-gplus:hover,
.si-colored.si-gplus {
  background-color: #DD4B39 !important;
}

.si-wikipedia:hover,
.si-colored.si-wikipedia {
  background-color: #333 !important;
}

.si-stumbleupon:hover,
.si-colored.si-stumbleupon {
  background-color: #F74425 !important;
}

.si-foursquare:hover,
.si-colored.si-foursquare {
  background-color: #25A0CA !important;
}

.si-call:hover,
.si-colored.si-call {
  background-color: #444 !important;
}

.si-ninetyninedesigns:hover,
.si-colored.si-ninetyninedesigns {
  background-color: #F26739 !important;
}

.si-forrst:hover,
.si-colored.si-forrst {
  background-color: #5B9A68 !important;
}

.si-digg:hover,
.si-colored.si-digg {
  background-color: #191919 !important;
}

.si-spotify:hover,
.si-colored.si-spotify {
  background-color: #81B71A !important;
}

.si-reddit:hover,
.si-colored.si-reddit {
  background-color: #C6C6C6 !important;
}

.si-blogger:hover,
.si-colored.si-blogger {
  background-color: #FC4F08 !important;
}

.si-cc:hover,
.si-colored.si-cc {
  background-color: #688527 !important;
}

.si-dribbble:hover,
.si-colored.si-dribbble {
  background-color: #EA4C89 !important;
}

.si-evernote:hover,
.si-colored.si-evernote {
  background-color: #5BA525 !important;
}

.si-flickr:hover,
.si-colored.si-flickr {
  background-color: #FF0084 !important;
}

.si-google:hover,
.si-colored.si-google {
  background-color: #DD4B39 !important;
}

.si-instapaper:hover,
.si-colored.si-instapaper {
  background-color: #333 !important;
}

.si-klout:hover,
.si-colored.si-klout {
  background-color: #FF5F52 !important;
}

.si-linkedin:hover,
.si-colored.si-linkedin {
  background-color: #0E76A8 !important;
}

.si-vk:hover,
.si-colored.si-vk {
  background-color: #2B587A !important;
}

.si-rss:hover,
.si-colored.si-rss {
  background-color: #EE802F !important;
}

.si-skype:hover,
.si-colored.si-skype {
  background-color: #00AFF0 !important;
}

.si-twitter:hover,
.si-colored.si-twitter {
  background-color: #00ACEE !important;
}

.si-youtube:hover,
.si-colored.si-youtube {
  background-color: #C4302B !important;
}

.si-vimeo:hover,
.si-colored.si-vimeo {
  background-color: #86C9EF !important;
}

.si-aim:hover,
.si-colored.si-aim {
  background-color: #FCD20B !important;
}

.si-yahoo:hover,
.si-colored.si-yahoo {
  background-color: #720E9E !important;
}

.si-email3:hover,
.si-colored.si-email3 {
  background-color: #6567A5 !important;
}

.si-macstore:hover,
.si-colored.si-macstore {
  background-color: #333333 !important;
}

.si-myspace:hover,
.si-colored.si-myspace {
  background-color: #666666 !important;
}

.si-podcast:hover,
.si-colored.si-podcast {
  background-color: #E4B21B !important;
}

.si-cloudapp:hover,
.si-colored.si-cloudapp {
  background-color: #525557 !important;
}

.si-dropbox:hover,
.si-colored.si-dropbox {
  background-color: #3D9AE8 !important;
}

.si-ebay:hover,
.si-colored.si-ebay {
  background-color: #89C507 !important;
}

.si-github:hover,
.si-colored.si-github {
  background-color: #171515 !important;
}

.si-googleplay:hover,
.si-colored.si-googleplay {
  background-color: #DD4B39 !important;
}

.si-itunes:hover,
.si-colored.si-itunes {
  background-color: #222 !important;
}

.si-plurk:hover,
.si-colored.si-plurk {
  background-color: #CF5A00 !important;
}

.si-pinboard:hover,
.si-colored.si-pinboard {
  background-color: #0000E6 !important;
}

.si-soundcloud:hover,
.si-colored.si-soundcloud {
  background-color: #FF7700 !important;
}

.si-tumblr:hover,
.si-colored.si-tumblr {
  background-color: #34526F !important;
}

.si-wordpress:hover,
.si-colored.si-wordpress {
  background-color: #1E8CBE !important;
}

.si-yelp:hover,
.si-colored.si-yelp {
  background-color: #C41200 !important;
}

.si-intensedebate:hover,
.si-colored.si-intensedebate {
  background-color: #009EE4 !important;
}

.si-eventbrite:hover,
.si-colored.si-eventbrite {
  background-color: #F16924 !important;
}

.si-scribd:hover,
.si-colored.si-scribd {
  background-color: #666666 !important;
}

.si-stripe:hover,
.si-colored.si-stripe {
  background-color: #008CDD !important;
}

.si-print:hover,
.si-colored.si-print {
  background-color: #111 !important;
}

.si-dwolla:hover,
.si-colored.si-dwolla {
  background-color: #FF5C03 !important;
}

.si-statusnet:hover,
.si-colored.si-statusnet {
  background-color: #131A30 !important;
}

.si-acrobat:hover,
.si-colored.si-acrobat {
  background-color: #D3222A !important;
}

.si-drupal:hover,
.si-colored.si-drupal {
  background-color: #27537A !important;
}

.si-buffer:hover,
.si-colored.si-buffer {
  background-color: #333333 !important;
}

.si-pocket:hover,
.si-colored.si-pocket {
  background-color: #EE4056 !important;
}

.si-bitbucket:hover,
.si-colored.si-bitbucket {
  background-color: #0E4984 !important;
}

.si-stackoverflow:hover,
.si-colored.si-stackoverflow {
  background-color: #EF8236 !important;
}

.si-hackernews:hover,
.si-colored.si-hackernews {
  background-color: #FF6600 !important;
}

.si-xing:hover,
.si-colored.si-xing {
  background-color: #126567 !important;
}

.si-instagram:hover,
.si-colored.si-instagram {
  background-color: #3F729B !important;
}

.si-quora:hover,
.si-colored.si-quora {
  background-color: #A82400 !important;
}

.si-openid:hover,
.si-colored.si-openid {
  background-color: #E16309 !important;
}

.si-steam:hover,
.si-colored.si-steam {
  background-color: #111 !important;
}

.si-amazon:hover,
.si-colored.si-amazon {
  background-color: #E47911 !important;
}

.si-disqus:hover,
.si-colored.si-disqus {
  background-color: #E4E7EE !important;
}

.si-plancast:hover,
.si-colored.si-plancast {
  background-color: #222 !important;
}

.si-appstore:hover,
.si-colored.si-appstore {
  background-color: #000 !important;
}

.si-pinterest:hover,
.si-colored.si-pinterest {
  background-color: #C8232C !important;
}

.si-fivehundredpx:hover,
.si-colored.si-fivehundredpx {
  background-color: #111 !important;
}

.si-text-color.si-facebook i {
  color: #3B5998;
}

.si-text-color.si-delicious i {
  color: #205CC0;
}

.si-text-color.si-paypal i {
  color: #00588B;
}

.si-text-color.si-flattr i {
  color: #F67C1A;
}

.si-text-color.si-android i {
  color: #A4C639;
}

.si-text-color.si-smashmag i {
  color: #E53B2C;
}

.si-text-color.si-gplus i {
  color: #DD4B39;
}

.si-text-color.si-wikipedia i {
  color: #333;
}

.si-text-color.si-stumbleupon i {
  color: #F74425;
}

.si-text-color.si-foursquare i {
  color: #25A0CA;
}

.si-text-color.si-call i {
  color: #444;
}

.si-text-color.si-ninetyninedesigns i {
  color: #F26739;
}

.si-text-color.si-forrst i {
  color: #5B9A68;
}

.si-text-color.si-digg i {
  color: #191919;
}

.si-text-color.si-spotify i {
  color: #81B71A;
}

.si-text-color.si-reddit i {
  color: #C6C6C6;
}

.si-text-color.si-blogger i {
  color: #FC4F08;
}

.si-text-color.si-cc i {
  color: #688527;
}

.si-text-color.si-dribbble i {
  color: #EA4C89;
}

.si-text-color.si-evernote i {
  color: #5BA525;
}

.si-text-color.si-flickr i {
  color: #FF0084;
}

.si-text-color.si-google i {
  color: #DD4B39;
}

.si-text-color.si-instapaper i {
  color: #333;
}

.si-text-color.si-klout i {
  color: #FF5F52;
}

.si-text-color.si-linkedin i {
  color: #0E76A8;
}

.si-text-color.si-vk i {
  color: #2B587A;
}

.si-text-color.si-rss i {
  color: #EE802F;
}

.si-text-color.si-skype i {
  color: #00AFF0;
}

.si-text-color.si-twitter i {
  color: #00ACEE;
}

.si-text-color.si-youtube i {
  color: #C4302B;
}

.si-text-color.si-vimeo i {
  color: #86C9EF;
}

.si-text-color.si-aim i {
  color: #FCD20B;
}

.si-text-color.si-yahoo i {
  color: #720E9E;
}

.si-text-color.si-email3 i {
  color: #6567A5;
}

.si-text-color.si-macstore i {
  color: #333333;
}

.si-text-color.si-myspace i {
  color: #666666;
}

.si-text-color.si-podcast i {
  color: #E4B21B;
}

.si-text-color.si-cloudapp i {
  color: #525557;
}

.si-text-color.si-dropbox i {
  color: #3D9AE8;
}

.si-text-color.si-ebay i {
  color: #89C507;
}

.si-text-color.si-github i {
  color: #171515;
}

.si-text-color.si-googleplay i {
  color: #DD4B39;
}

.si-text-color.si-itunes i {
  color: #222;
}

.si-text-color.si-plurk i {
  color: #CF5A00;
}

.si-text-color.si-pinboard i {
  color: #0000E6;
}

.si-text-color.si-soundcloud i {
  color: #FF7700;
}

.si-text-color.si-tumblr i {
  color: #34526F;
}

.si-text-color.si-wordpress i {
  color: #1E8CBE;
}

.si-text-color.si-yelp i {
  color: #C41200;
}

.si-text-color.si-intensedebate i {
  color: #009EE4;
}

.si-text-color.si-eventbrite i {
  color: #F16924;
}

.si-text-color.si-scribd i {
  color: #666666;
}

.si-text-color.si-stripe i {
  color: #008CDD;
}

.si-text-color.si-print i {
  color: #111;
}

.si-text-color.si-dwolla i {
  color: #FF5C03;
}

.si-text-color.si-statusnet i {
  color: #131A30;
}

.si-text-color.si-acrobat i {
  color: #D3222A;
}

.si-text-color.si-drupal i {
  color: #27537A;
}

.si-text-color.si-buffer i {
  color: #333333;
}

.si-text-color.si-pocket i {
  color: #EE4056;
}

.si-text-color.si-bitbucket i {
  color: #0E4984;
}

.si-text-color.si-stackoverflow i {
  color: #EF8236;
}

.si-text-color.si-hackernews i {
  color: #FF6600;
}

.si-text-color.si-xing i {
  color: #126567;
}

.si-text-color.si-instagram i {
  color: #3F729B;
}

.si-text-color.si-quora i {
  color: #A82400;
}

.si-text-color.si-openid i {
  color: #E16309;
}

.si-text-color.si-steam i {
  color: #111;
}

.si-text-color.si-amazon i {
  color: #E47911;
}

.si-text-color.si-disqus i {
  color: #E4E7EE;
}

.si-text-color.si-plancast i {
  color: #222;
}

.si-text-color.si-appstore i {
  color: #000;
}

.si-text-color.si-pinterest i {
  color: #C8232C;
}

.si-text-color.si-fivehundredpx i {
  color: #111;
}

.si-text-color:hover {
  color: #FFF;
}

.faq-container {
  background: #fff;
}

.faq-tabs > li > a:hover {
  color: #cc3333;
}

.faq-tabs > li.active > a {
  cursor: text;
  color: #FFF !important;
  background-color: #cc3333;
}

.portfolio-filter {
  position: relative;
  margin: 0 0 10px 0;
  list-style: none;
  border: 1px solid rgba(0, 0, 0, 0.07);
  float: left;
  border-radius: 4px;
  padding: 0;
}

.portfolio-filter li {
  float: left;
  position: relative;
}

.portfolio-filter li a {
  display: block;
  position: relative;
  padding: 12px 18px;
  line-height: 15px;
  color: #666;
  text-align: center;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}

.portfolio-filter li:first-child a {
  border-left: none;
  border-radius: 4px 0 0 4px;
}

.portfolio-filter li:last-child a {
  border-radius: 0 4px 4px 0;
}

.portfolio-filter li.activeFilter a {
  color: #FFF !important;
  background-color: #1ABC9C;
  margin: -1px 0;
  padding: 13px 18px;
  font-weight: bold;
}

.bothsidebar .portfolio-filter li a {
  padding: 12px 14px;
}

.bothsidebar .portfolio-filter li.activeFilter a {
  padding: 13px 18px;
}

.accordion {
  margin-bottom: 20px;
}

.acctitle {
  display: block;
  position: relative;
  line-height: 24px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #444;
  cursor: pointer;
  border-top: 1px dotted #DDD;
  padding: 10px 0 10px 20px;
}

.faq-container .acctitle,
.faq-container .acctitle i {
  font-size: 17px;
}

.acctitlec {
  cursor: auto;
}

.acctitle:first-child {
  border-top: none;
}

.acctitle i {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  text-align: center;
  font-size: 14px;
  line-height: 44px;
}

.acctitle i.acc-open,
.acctitlec i.acc-closed {
  display: none;
}

.acctitlec i.acc-open {
  display: block;
}

.acc_content {
  position: relative;
  padding: 0 0 15px 20px;
}

.accordion.accordion-border {
  border: 1px solid #DDD;
  margin-top: 20px;
  border-radius: 4px;
}

.accordion.accordion-border .acctitle i {
  left: 14px;
  line-height: 44px;
}

.accordion.accordion-border .acctitle,
.accordion.accordion-border .acctitlec {
  border-color: #CCC;
  line-height: 44px;
  padding: 0 15px 0 36px;
}

.acctitle span.table-cell {
  line-height: 16px;
  height: 44px;
}

.static-pages {
  background: #fff;
}

.static-pages p + h6 {
  margin-top: 30px;
}

.seprateGallery.recent-proj,
.seprateGallery.gallery-page {
  background: none;
  padding: 0;
  margin: 0;
}

.default-listing {
  margin: 0;
  padding: 0;
  list-style: none;
}

.default-listing.col-two {
  max-width: 495px;
  margin: 0 auto;
  text-align: left;
}

.default-listing.col-two li {
  width: 50%;
  float: left;
}

.default-listing li {
  background: url("../images/img/list-style.png") no-repeat 0 8px;
  padding: 0 0 10px 21px;
}

section.mbi-pages {
  background: #eee;
}

.search-container {
  position: relative;
  max-width: 525px;
  margin: 18px auto 30px;
}

.search-container:before {
  content: ".";
  background: url("../../images/img/sprite-icons.png") no-repeat -120px -320px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 10px;
  font-size: 0;
}

.search-container input[type=text] {
  width: 100%;
  border: 1px solid #e1e1e1;
  padding: 7px 7px 7px 38px;
}

#jssor_1 {
  text-align: left;
  width: 100% !important;
}

#jssor_1 div {
  width: 100% !important;
}

#jssor_1 div[data-u=slides] {
  width: 600px !important;
}

.jssora02l,
.jssora02r {
  display: block;
  position: absolute;
  width: 55px;
  height: 55px;
  cursor: pointer;
  background: url("../images/img/a02.png") no-repeat;
  overflow: hidden;
}

.jssora02l {
  background-position: -3px -33px;
}

.jssora02r {
  background-position: -63px -33px;
}

.jssora02l:hover {
  background-position: -123px -33px;
}

.jssora02r:hover {
  background-position: -183px -33px;
}

.jssora02l.jssora02ldn {
  background-position: -3px -33px;
}

.jssora02r.jssora02rdn {
  background-position: -63px -33px;
}

.jssora02l.jssora02lds {
  background-position: -3px -33px;
  opacity: 0.3;
  pointer-events: none;
}

.jssora02r.jssora02rds {
  background-position: -63px -33px;
  opacity: 0.3;
  pointer-events: none;
}

.jssort11 .p {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 69px;
  background: #fff;
}

.jssort11 .tp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.jssort11 .i,
.jssort11 .pav:hover .i {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 60px;
  height: 30px;
  border: white 1px dashed;
}

* html .jssort11 .i {
  width: 62px;
  height: 32px;
}

.jssort11 .pav .i {
  border: white 1px solid;
}

.jssort11 .t,
.jssort11 .pav:hover .t {
  position: absolute;
  top: 3px;
  left: 68px;
  width: 129px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fc9835;
  font-size: 13px;
  font-weight: 700;
}

.jssort11 .pav .t,
.jssort11 .p:hover .t {
  color: #fff;
}

.jssort11 .c,
.jssort11 .pav:hover .c {
  position: absolute;
  top: 38px;
  left: 3px;
  width: 194px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  overflow: hidden;
}

.jssort11 .pav .c,
.jssort11 .p:hover .c {
  color: #fc9835;
}

.jssort11 .t,
.jssort11 .c {
  transition: color 2s;
  -moz-transition: color 2s;
  -webkit-transition: color 2s;
  -o-transition: color 2s;
}

.jssort11 .p:hover .t,
.jssort11 .pav:hover .t,
.jssort11 .p:hover .c,
.jssort11 .pav:hover .c {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

.jssort11 .p:hover,
.jssort11 .pav:hover {
  background: #000;
  color: #fff;
}

.jssort11 .pav,
.jssort11 .p.pdn {
  background: #000000;
  color: #fff;
}

.jssort11 .pav:hover h6,
.jssort11 .p.pdn h6,
.jssort11 .pav h6,
.jssort11 .p.pdn h6,
.jssort11 .pav:hover h6,
.jssort11 .p:hover h6 {
  color: #fff;
}

.jssort11 .p h6 {
  margin-bottom: 0;
}

#jssor_1 div[data-u=slides] {
  width: 600px !important;
}

#jssor_1 div[data-u=thumbnavigator] {
  background: #fff;
}

#jssor_1 div[data-u=thumbnavigator],
#jssor_1 div[data-u=thumbnavigator] div {
  width: 300px !important;
  float: right !important;
}

#jssor_1 div[data-u=thumbnavigator] div[data-u=slides] {
  left: 0 !important;
}

#jssor_1 div[data-u=thumbnavigator] .tp h6,
#jssor_1 div[data-u=thumbnavigator] .tp div {
  padding: 0 10px;
}

.btn-next-prev a.btn {
  margin: 0 5px;
}

.infoblocks .pannelWhite {
  padding: 0 0 30px;
  max-width: 450px;
  margin: 0 auto;
}

.infoblocks .pannelWhite h4 {
  padding: 0 10px;
  max-width: 392px;
  margin: 20px auto 20px;
  line-height: 33px;
}

.mbi-pages .pannelWhite {
  border-radius: 3px;
  border: 1px solid #e4e4e4;
}

.leftAccordian {
  background: #f8f8f8;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  overflow: hidden;
}

.leftAccordian .acctitle,
.leftAccordian a.headTab {
  color: #666666;
  background: #ffffff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 20px;
  position: relative;
  border-top: 1px solid #ddd;
  outline: 0;
  display: block;
}

.leftAccordian .acctitle:first-child,
.leftAccordian a.headTab:first-child {
  border-top: 0;
}

.leftAccordian .acctitle:after,
.leftAccordian a.headTab:after {
  content: ".";
  font-size: 0;
  position: absolute;
  right: 15px;
  background: url("../../images/img/sprite-icons.png") no-repeat -438px -259px;
  width: 8px;
  height: 12px;
  top: 50%;
  margin-top: -6px;
}

.leftAccordian .acctitlec,
.leftAccordian a.headTab.selected {
  color: #fff;
  background: #282828;
}

.leftAccordian .acctitlec:after,
.leftAccordian a.headTab.selected:after {
  margin-top: -4px;
  background-position: -450px -260px;
  width: 12px;
  height: 8px;
}

.leftAccordian .acc_content {
  padding: 10px 20px !important;
  display: none;
}

.leftAccordian .listing-nave {
  border: 0;
  padding: 0;
  margin: 0;
}

.leftAccordian .listing-nave a {
  margin-left: 0;
}

.leftAccordian .listing-nave ul li a {
  position: relative;
  padding: 0 0 0 23px;
  display: block;
}

.leftAccordian .listing-nave ul {
  display: block !important;
}

.leftAccordian .listing-nave ul li a:before {
  position: absolute;
  left: 1px;
  top: 8px;
}

.banner-base {
  background: #00989e;
  height: 594px;
  overflow: hidden;
  display: table;
}

section.super-sale {
  background: #d32f2f;
  padding: 0;
}

.super-sale-form h3,
.super-sale-form h6 {
  color: #fff;
}

section.super-sale .max-width750 {
  max-width: 750px;
}

section.super-sale .max-width750 .spacingForm {
  padding: 50px;
}

.super-sale-img {
  max-width: 750px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.fixWitdth {
  max-width: 392px;
  margin: 0 auto;
}

.coming-soon {
  position: relative;
}

.coming-soon h5 {
  color: #fff;
  position: absolute;
  z-index: 1;
  left: 50%;
  margin-left: -75px;
  top: 50%;
  margin-top: -13px;
}

.coming-soon:after {
  content: ".";
  font-size: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
}

.map-location {
  position: relative;
  height: 503px;
  padding: 0;
}

.wintWhite {
  background: #f9f9f7;
}

.location-info {
  background: #fff;
  padding: 40px;
  max-width: 400px;
  position: absolute;
  top: 50%;
  margin-top: -154px;
  left: 150px;
}

.cci-responsibility {
  display: inline-block;
}

.social-responsibility {
  background: #fff;
}

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

section.cci-life {
  background: #f9f9f8;
}

.fixWrapp {
  max-width: 520px;
  float: right;
  margin: 120px 70px 0 0;
}

.imgCollective .bigImg {
  max-width: 450px;
  box-shadow: 0 7px 27px 2px rgba(51, 51, 51, 0.45);
  margin: 20px 0 20px 20px;
}

.imgCollective .bigImg + .thumb-collection + .thumb-collection + .thumb-collection,
.imgCollective .bigImg + .thumb-collection + .thumb-collection + .thumb-collection + .thumb-collection {
  margin-top: 5px !important;
}

.imgCollective .bigImg + .thumb-collection + .bigImg {
  margin-left: 0;
}

.imgCollective .thumb-pic {
  max-width: 140px;
  box-shadow: 1px 1px 9px 3px rgba(0, 0, 0, 0.41);
  margin: 10px 5px;
}

.imgCollective img {
  width: 100%;
}

.thumb-collection {
  margin: 0 5px;
}

.ourTeam,
.social-hub {
  background: #fff;
}

.social-hub {
  padding: 0;
}

div.social-stuff {
  display: table;
  table-layout: fixed;
  list-style: none;
  padding: 0;
  width: 100%;
  height: 100px;
  margin-bottom: 0;
  position: relative;
  z-index: 0;
}

div.social-stuff a {
  display: table-cell;
  vertical-align: middle;
  background: #3b5998;
}

div.social-stuff a.googleplus-color {
  background: #df4d3c;
}

div.social-stuff a.tweeter-color {
  background: #03a9f4;
}

div.social-stuff a.youtube-color {
  background: #de4624;
}

div.social-stuff a.linkdin-color {
  background: #0288d1;
}

div.social-stuff a.pintrest-color {
  background: #cd1c1f;
}

div.social-stuff a.facebook-color .facebook-icon,
.social-hub-section .facebook-icon {
  background-position: -5px -1226px !important;
}

.social-hub-section .facebook-icon {
  width: 25px;
  height: 54px;
}

div.social-stuff a.googleplus-color .googleplus-icon,
.social-hub-section .googleplus-icon {
  background-position: -52px -1230px;
}

.social-hub-section .googleplus-icon {
  width: 60px;
  height: 36px;
}

div.social-stuff a.tweeter-color .tweeter-icon,
.social-hub-section .tweeter-icon {
  background-position: -122px -1233px;
}

.social-hub-section .tweeter-icon {
  width: 48px;
  height: 39px;
}

.social-hub-section .instagram-icon {
  width: 64px;
  height: 64px;
  background-position: -345px -1035px;
}

div.social-stuff a.youtube-color .youtube-icon-2,
.social-hub-section .youtube-icon-2 {
  background-position: -183px -1228px;
}

.social-hub-section .youtube-icon-2 {
  width: 64px;
  height: 44px;
}

div.social-stuff a.linkdin-color .linkdin-icon-2,
.social-hub-section .linkdin-icon-2 {
  background-position: -254px -1225px;
}

div.social-stuff a.pintrest-color .pintrest-icon-2,
.social-hub-section .pintrest-icon-2 {
  background-position: -311px -1227px;
}

.social-hub-section .pintrest-icon-2 {
  width: 37px;
  height: 48px;
}

.social-hub-section .social-stuff a {
  color: #fff;
  font-weight: 600;
}

.recent-instalation.ourTeam h3 {
  color: #fff;
  margin: 52px 0 0 0;
}

.recent-instalation.ourTeam ul li .hoverBox p {
  font-weight: 600;
}

.recent-instalation.ourTeam ul li .hoverBox,
.recent-instalation.ourTeam ul li .img-container {
  border-radius: 4px;
}

.recent-instalation.ourTeam ul li .joinUsblock {
  background: #cc3333;
  color: #fff;
  transition: all 0.5s;
}

.recent-instalation.ourTeam ul li a:hover .joinUsblock {
  background: #be2a2a;
}

.recent-instalation.ourTeam ul li .joinUsblock h3 {
  color: #fff;
  margin-top: 32px;
}

.recent-instalation.ourTeam ul li .joinUsblock p {
  line-height: 20px;
}

.positionR {
  position: relative;
}

.upLayer {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin-left: -65px;
  margin-top: -24px;
}

section.bannerInner {
  min-height: 397px;
}

.social-hub-section {
  background: #eee;
}

.youtube_channel,
.youtube_channel * {
  max-width: 100%;
  width: 100% !important;
}

div.social-stuff a.insta-color {
  background: #ad3cae;
}

.serve-customers {
  background: #fff;
  padding: 30px 0 0;
}

.pre-purchase-consultation {
  background: #fff;
}

.pre-purchase-consultation .col-sm-6 {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 40px;
  float: none;
  width: 33%;
}

.other-services {
  background-image: url("../images/banner-images/help-banner.jpg");
  padding-bottom: 65px;
}

.other-services h4 {
  color: #fff;
}

.other-services .container {
  display: block;
}

.other-services a.btn {
  margin-top: 10px;
}

ul.purchase-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
}

.center-hr:after {
  content: ".";
  position: absolute;
  font-size: 0;
  left: 102px;
  height: 1px;
  top: 49px;
  background: #ccc;
  right: 99px;
}

ul.purchase-points {
  z-index: 1;
  position: relative;
}

ul.purchase-points li {
  display: table-cell;
  vertical-align: middle;
}

ul.purchase-points li a {
  display: inline-block;
  text-align: center;
  max-width: 122px;
}

ul.purchase-points li a:hover p,
ul.purchase-points li a.selected p {
  color: #333;
}

ul.purchase-points li p {
  color: #666;
  text-transform: uppercase;
  line-height: 20px;
  font-size: 17px;
}

.content-tabing {
  display: none;
}

.searchLoader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  opacity: 0.9;
}

.search-results {
  padding-top: 30px;
  background: #f3f3f3;
  min-height: 500px;
}

.search-results h6 {
  margin-top: 30px;
  margin-bottom: 0;
}

.search-results a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
}

#tipue_search_warning {
  font-size: 20px;
  font-weight: 600;
}

#tipue_search_warning p {
  font-weight: 400;
  margin: 20px 0;
  font-size: 18px;
}

.joinTeamHeight .pannelWhite {
  min-height: 413px;
  overflow: hidden;
}

.help-desk {
  background: #d7d9d8 url("../images/img/customer-care.png") no-repeat 0 0;
  text-align: left;
  padding: 50px 20px 60px 281px;
}

.makeitSmall {
  transform: scale(0.7);
  position: relative;
  left: -15px;
  top: 10px;
}

#help-desk .modal-dialog {
  max-width: 740px;
}

.tabbingContent {
  display: none;
}

.submit-messages {
  text-align: center;
  padding: 10px;
  font-weight: 600;
}

.successfull {
  background: #389b07;
  color: #fff;
}

.opserror {
  background: #ce2700;
  color: #fff;
}

.infoMsg {
  background: #e3c601;
  color: #333;
}

.pageLoad {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.8;
  z-index: 2000;
}

.popup-error-msg {
  color: #fff;
  font-weight: 600;
  position: absolute;
  left: 0;
  right: -1px;
  top: 0;
  background: #ed0027;
  padding: 5px 10px;
  z-index: 1;
}

.popup-error-msg span.right-arrow-white {
  background-position: -6px -3px;
  width: 18px;
  height: 17px;
  margin-right: 5px;
}

.popup-error-msg li {
  margin-left: 28px;
}

.verticalScroll {
  height: 600px;
}

.social-hub-section .verticalScroll {
  background: #fff;
  margin-bottom: 30px;
}

#sb_instagram img {
  width: 100%;
  height: 100%;
  display: block !important;
}

.header-container {
  padding: 10px 0;
}

.choose-btn {
  margin-top: 29px;
  margin-right: -20px;
}

.back-dealer-btn {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  padding: 0 4px;
  position: absolute;
  right: 50px;
  top: 12px;
  z-index: 5;
}

.back-dealer-btn:hover,
.back-dealer-btn:focus,
.back-dealer-btn:active {
  color: #fff;
  background: rgba(0, 0, 0, 0.9);
}

ul.standard-building {
  padding: 0 !important;
}

.mobile_number .openSearch {
  float: right;
}

.mobile_number .searchicon {
  margin: 14px 0 7px 0;
}

.no-padding {
  padding: 0;
}

.cer-s-building .all-listing-product {
  margin-top: 40px;
}

.cer-s-building .listing-nave > ul {
  padding: 5px 10px;
}

.custom-gallery .grid-item,
.custom-gallery .grid-sizer {
  width: 25%;
  padding: 1px;
}

.custom-gallery .overlay-img {
  background: rgba(0, 0, 0, 0.8) !important;
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: all 0.5s;
  z-index: 1;
}

.custom-gallery .grid-item:hover .overlay-img {
  opacity: 1;
}

.custom-gallery .grid-item img {
  transition: all 0.5s;
}

.custom-gallery .grid-item {
  overflow: hidden;
}

.custom-gallery .grid-item:hover img {
  transform: scale(1.2);
}

footer {
  background: #fff;
  border-top: 1px solid rgba(229, 229, 229, 0.65);
}

footer h6 {
  margin-bottom: 20px;
}

footer h6.hide991 {
  position: relative;
  padding-bottom: 10px;
  display: inline-block;
}

footer h6.hide991:after {
  content: ".";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  font-size: 0;
  right: 0;
  background: #ca3538;
  background: linear-gradient(to right, #ca3538 0%, #ca3538 51%, #1e1e1e 51%, #1e1e1e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ca3538", endColorstr="#1e1e1e", GradientType=1);
}

section.footer-inner {
  padding-top: 25px;
  padding-bottom: 0;
  background-color: #fff;
}

.footer-inner .col-md-3 {
  border-right: 2px solid #e9e9e9;
  padding: 0 30px;
}

.footer-inner .col-md-3:last-child {
  border-right: 0;
}

.footer-inner ul,
.listing-nave ul {
  list-style: none;
  padding: 0;
}

.listing-nave {
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 25px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.listing-nave:last-child {
  border-bottom: 0;
}

.listing-nave ul {
  margin-top: 10px;
}

.footer-inner ul li {
  margin-bottom: 7px;
}

.listing-nave ul li {
  margin-bottom: 10px;
}

.footer-inner h5 {
  margin-bottom: 15px;
  margin-top: 20px;
}

.footer-inner ul li a,
.listing-nave ul li a,
.listing-nave ul li label {
  transition: all 0.5s;
  color: #282a2c;
  margin-left: 16px;
  cursor: pointer;
}

.footer-inner ul li a:hover,
.listing-nave ul li a:hover,
.listing-nave ul li a.selected,
.listing-nave ul li label.selected {
  color: #d32f2f;
}

.footer-inner ul li a:before,
.listing-nave ul li a:before,
.listing-nave ul li label:before {
  transition: all 0.5s;
  background: url("../../images/img/sprite-icons.png") no-repeat -20px -317px;
  display: inline-block;
  content: ".";
  font-size: 0;
  vertical-align: middle;
  width: 8px;
  height: 13px;
  margin-right: 10px;
  margin-top: -2px;
}

.footer-inner ul li a:hover:before,
.listing-nave ul li a:hover:before,
.listing-nave ul li a.selected:before {
  background-position: -5px -317px;
  width: 8px;
  height: 13px;
  margin-left: 2px;
}

.footer-bottom a {
  color: #333;
}

.footer-bottom a:hover {
  color: #d32f2f;
}

.filter-category ul li a:before,
.listing-nave ul li label:before {
  background-position: -465px -223px;
  width: 14px;
  height: 14px;
}

.filter-category ul li a:hover:before,
.filter-category ul li a.selected:before,
.listing-nave ul li label.selected:before {
  background-position: -465px -240px;
  width: 14px;
  height: 14px;
  margin-left: 0px;
}

.filter-category ul li input {
  opacity: 0;
  position: absolute;
}

.filter-category h5 {
  position: relative;
}

.filter-category h5:after {
  font-size: 0;
  content: ".";
  right: 10px;
  top: 50%;
  margin-top: -9px;
  position: absolute;
  background: url("../../images/img/sprite-icons.png") no-repeat -387px -218px;
  width: 18px;
  height: 18px;
}

.filter-category h5.active:after {
  background-position: -387px -241px;
  width: 18px;
  height: 18px;
}

ul.social-network {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  margin-top: 3px;
}

ul.social-network li {
  display: inline-block;
  margin: 0 2px;
}

.footer-bottom p {
  margin-top: 10px;
}

.footer-bottom {
  border-top: 2px solid #e5e5e5;
  padding: 10px 0;
  margin-top: 30px;
  background: #e7e7e7;
}

footer .go-top {
  position: fixed;
  bottom: 22px;
  right: 15px;
  display: none;
  cursor: pointer;
  z-index: 5;
}

.sticky .go-top {
  display: block;
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background: #fff;
}

.mCSB_dragger {
  height: 60px !important;
}

.onlineDealer-listing img {
  max-width: 200px;
}

.onlineDealer-listing th {
  background: #000;
  color: #fff;
  border-color: #585858 !important;
}

.onlineDealer-listing td {
  vertical-align: middle !important;
}

.onlineDealer-listing tbody tr:nth-child(even) {
  background: #f1f1f1;
}

.onlineDealer-listing tbody tr:hover {
  background: #e6e6e6;
}

.onlineDealer-listing a {
  color: #333;
}

.online-dealer-list {
  background: #efefef;
}

ul.OnlineDealers {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.OnlineDealers li {
  width: 250px;
  display: inline-block;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  margin: 15px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  vertical-align: top;
  transition: all 0.2s;
}

ul.OnlineDealers li:hover {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
}

ul.OnlineDealers.bx-dealer-locator li {
  margin: 0;
  border: 0;
}

ul.OnlineDealers li p.name-dealer {
  background: #ededed;
  font-weight: 600;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
  color: #000;
  font-size: 17px;
  height: 67px;
  display: table-cell;
  width: 250px;
  vertical-align: middle;
}

ul.OnlineDealers li .detailsDealers {
  padding: 25px 10px;
  text-align: left;
  display: inline-block;
  font-size: 17px;
  line-height: 30px;
  font-weight: 600;
}

ul.OnlineDealers li .detailsDealers a {
  color: #111;
}

ul.OnlineDealers li .detailsDealers a.linkRca {
  color: #cc3333;
}

ul.OnlineDealers li .detailsDealers a .sprite-icon {
  margin-right: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.find-dealer-ic {
  background-position: -3px -1810px;
  width: 120px;
  height: 120px;
}

.ol-dealer-ic {
  background-position: -132px -1809px;
  width: 120px;
  height: 120px;
}

.become-dealer-ic {
  background-position: -262px -1809px;
  width: 120px;
  height: 120px;
}

.dealers-sections {
  padding: 0px 0 75px;
}

.blkDealer-info {
  background: #cc3333;
  color: #fff;
  position: relative;
  padding: 85px 30px 25px;
  margin-top: 75px;
}

.blkDealer-info.blk {
  background: #000;
}

.blkDealer-info .tuckTop {
  position: absolute;
  margin-left: -60px;
  left: 50%;
  top: -60px;
}

.blkDealer-info p {
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 18px;
}

.blkDealer-info h3 {
  color: #fff;
  font-size: 32px;
  margin: 0;
}

.blkDealer-info a {
  padding: 12px 36px;
}

section.find-expert {
  background: url("../images/img/shutter-blk.jpg") repeat 0 0;
  padding: 210px 0 45px 0;
}

section.find-expert h3 {
  color: #fff;
}

section.find-expert form {
  display: inline-block;
}

section.find-expert .selectBox {
  background: #131313;
  width: 210px;
  margin-left: 5px;
}

section.find-expert .small-arrow .selectBox:after {
  background-color: #fff;
}

section.find-expert .selectBox select {
  color: #fff;
}

section.find-expert .selectBox select option {
  color: #000;
}

section.find-expert span.or {
  background: #000;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  margin: 0px 15px;
  line-height: 48px;
}

section.color-planner-banner {
  min-height: 345px;
}

section.color-planner-banner h3.bigtitle {
  margin-top: 34px;
}

.color-planner {
  padding: 0;
  position: relative;
  margin-top: 1px;
}

.color-planner .images-wrapp {
  position: relative;
  margin-right: 320px;
}

.color-planner .images-wrapp img {
  width: 100%;
}

.color-planner .right-pannel {
  width: 320px;
  position: absolute;
  background: #000;
  top: 0;
  bottom: 0;
  right: 0;
}

.buildingOpted {
  background: #fff;
  padding: 20px;
}

.buildingOpted .selectBox {
  width: 100%;
}

.buildingOpted .selectBox:after {
  background-color: #fff;
  border-left: 1px solid #ccc;
}

.buildingOpted p {
  text-transform: uppercase;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.colorOptingBox {
  background: #fff;
  position: absolute;
  top: 215px;
  left: 50px;
  right: 50px;
  bottom: 30px;
  height: auto;
  padding: 0;
}

.colorPlannerTabs .mCSB_inside > .mCSB_container {
  margin-right: 0;
}

.colorPlannerTabs .mCSB_scrollTools {
  right: -3px;
}

.colorOptingBox ul {
  padding: 0;
  list-style: none;
  margin: 10px;
}

.colorOptingBox ul li {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  background: #e7e1d5;
  padding: 10px 5px;
  border-radius: 3px;
  margin-bottom: 4px;
  position: relative;
  cursor: pointer;
  text-transform: capitalize;
}

.colorOptingBox ul li[data-color=vintage-burgundy] {
  background: #4b3033;
}

.colorOptingBox ul li[data-color=true-burgundy] {
  background: #74252d;
}

.colorOptingBox ul li[data-color=tan] {
  background: #b59a78;
}

.colorOptingBox ul li[data-color=sandstone] {
  background: #c3b99e;
}

.colorOptingBox ul li[data-color=blue] {
  background: #4c7184;
}

.colorOptingBox ul li[data-color=king-blue] {
  background: #1482b8;
}

.colorOptingBox ul li[data-color=q-gray] {
  background: #696969;
}

.colorOptingBox ul li[data-color=p-gray] {
  background: #87847f;
}

.colorOptingBox ul li[data-color=p-beige] {
  background: #deceb1;
  color: #000;
}

.colorOptingBox ul li[data-color=e-green] {
  background: #405f51;
}

.colorOptingBox ul li[data-color=e-brown] {
  background: #644b40;
}

.colorOptingBox ul li[data-color=clay] {
  background: #a09484;
}

.colorOptingBox ul li[data-color=cardinal-red] {
  background: #941e1a;
}

.colorOptingBox ul li[data-color=barn-red] {
  background: #8d3c2d;
}

.colorOptingBox ul li[data-color=black] {
  background: #262625;
}

.colorOptingBox ul li[data-color=white] {
  background: #f2f2f2;
  color: #000;
}

.rangBox {
  width: 36px;
  height: 24px;
  background: #eaeaea;
  margin: 5px auto 0;
  border: 1px solid #e4e4e4;
  position: relative;
  cursor: pointer;
}

.colorOptingBox ul li:after {
  content: ".";
  position: absolute;
  font-size: 0;
  right: 10px;
  top: 50%;
  background: url("../../images/img/sprite-icons.png") no-repeat -273px -1935px;
  width: 23px;
  height: 18px;
  margin-top: -9px;
  display: none;
}

.colorPlannerTabs[rel=gate] li[data-color=vintage-burgundy],
.colorPlannerTabs[rel=gate] li[data-color=true-burgundy],
.colorPlannerTabs[rel=gate] li[data-color=tan],
.colorPlannerTabs[rel=gate] li[data-color=sandstone],
.colorPlannerTabs[rel=gate] li[data-color=blue],
.colorPlannerTabs[rel=gate] li[data-color=q-gray],
.colorPlannerTabs[rel=gate] li[data-color=p-beige],
.colorPlannerTabs[rel=gate] li[data-color=clay],
.colorPlannerTabs[rel=gate] li[data-color=cardinal-red],
.colorPlannerTabs[rel=gate] li[data-color=black],
.colorPlannerTabs[rel=gate] li[data-color=king-blue] {
  display: none !important;
}

.setBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  padding: 0 0 0 40px;
  border-radius: 0;
}

.colorPlannerTabs ul.tabSelection {
  list-style: none;
  padding: 0;
  text-align: center;
  display: table;
  width: 100%;
  margin: 15px 0 0;
}

.colorPlannerTabs ul.tabSelection li {
  display: table-cell;
}

.colorPlannerTabs ul.tabSelection li.show-hide {
  display: none;
}

.garage-view .colorPlannerTabs ul.tabSelection li.show-hide,
.barn-view .colorPlannerTabs ul.tabSelection li.show-hide.gate-comp {
  display: table-cell;
}

.colorPlannerTabs ul.tabSelection li a {
  display: block;
  color: #999;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  line-height: 17px;
}

.colorPlannerTabs ul.tabSelection li a:hover,
.colorPlannerTabs ul li a.selected {
  color: #ffcc00;
}

.colorPlannerTabs ul.tabSelection li a:hover .roof-icon,
.colorPlannerTabs ul li a.selected .roof-icon {
  background-position: 0 -1966px;
}

.colorPlannerTabs ul.tabSelection li a:hover .trim-icon,
.colorPlannerTabs ul li a.selected .trim-icon {
  background-position: -61px -1966px;
}

.colorPlannerTabs ul.tabSelection li a:hover .wall-icon,
.colorPlannerTabs ul li a.selected .wall-icon {
  background-position: -106px -1967px;
}

.colorPlannerTabs ul.tabSelection li a:hover .wainscot-icon,
.colorPlannerTabs ul li a.selected .wainscot-icon {
  background-position: -4px -2030px;
}

.colorPlannerTabs ul.tabSelection li a:hover .gate-icon,
.colorPlannerTabs ul li a.selected .gate-icon {
  background-position: -39px -2032px;
}

.colorSelection ul {
  list-style: none;
  padding: 0;
  display: table-cell;
}

.yourSelection {
  position: absolute;
  top: 23px;
  right: 395px;
  width: 240px;
  z-index: 1;
}

.single-img img {
  width: 100%;
}

.single-img {
  margin: 0 -15px;
}

.colored-img {
  position: absolute;
  left: 0;
  top: 0;
}

.buildingType h6 {
  margin-bottom: 8px;
  text-align: center;
}

.buildingType h6 span {
  font-size: 17px;
}

.buildingType ul {
  width: 235px;
  height: 76px;
  display: table;
  table-layout: fixed;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 1px rgba(51, 51, 51, 0.2);
  text-align: center;
}

.buildingType ul li {
  display: table-cell;
  font-size: 15px;
  font-weight: 600;
  vertical-align: middle;
}

.preview-icon {
  background-position: -162px -1934px;
  width: 45px;
  height: 45px;
}

.reset-icon {
  background-position: -211px -1934px;
  width: 45px;
  height: 45px;
}

#view-building .modal-dialog {
  width: 80%;
  max-width: 1600px;
  margin-top: 50px;
}

#view-building.modal {
  top: 0;
}

.action-pannel-planner {
  position: absolute;
  bottom: 42px;
  left: 50vw;
  margin-left: -50px;
}

#price-building .modal-body {
  padding: 0 30px 20px;
}

#price-building .yourSelection {
  position: static;
  margin: 28px auto 0;
}

.colorSelection .buildingType.garage ul {
  padding-right: 0;
  width: 260px;
}

.action-pannel-planner a {
  outline: 0;
}

.disclaimer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fc0;
  padding: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.pickedColor {
  position: absolute;
  background: #000;
  color: #fff;
  border-radius: 3px;
  padding: 5px 11px 7px;
  width: 113px;
  left: -38px;
  top: 30px;
  text-transform: capitalize;
  line-height: 19px;
}

.pickedColor:after {
  content: " ";
  position: absolute;
  border: 6px solid transparent;
  border-bottom: 6px solid #000;
  top: -12px;
  left: 50%;
  margin-left: -6px;
}

.contact-banner {
  background-image: url("../images/csr/cci-view.jpg");
}

.year-filter {
  padding: 0;
  margin: 0 0 40px;
  list-style: none;
  position: relative;
}

.year-filter:after {
  content: " ";
  width: 600px;
  height: 1px;
  margin-left: -300px;
  left: 50%;
  bottom: 0;
  position: absolute;
  background-color: #f6f5f4;
  background-image: linear-gradient(to right, #fdfdfc, #ccc 49%, #fefefd);
}

.year-filter li {
  display: inline-block;
  font-family: "Jura", sans-serif;
  font-size: 24px;
  position: relative;
  padding: 0px 20px 15px;
}

.year-filter li a {
  color: #666;
}

.year-filter li a:hover,
.year-filter li.selected a {
  color: #000;
}

.year-filter li:after {
  border: 8px solid transparent;
  border-top: 8px solid #c33;
  display: none;
  content: " ";
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -10px;
}

.year-filter li.selected:after {
  display: block;
}

.csr-section {
  background: #fdfcfb;
  padding-top: 0;
}

.csr-section .fixWrapp {
  max-width: 560px;
  float: right;
  margin: 60px 30px 0 0;
}

.dir-right {
  float: right;
  width: 800px;
  height: 370px;
}

.dir-left {
  float: left !important;
  margin: 60px 0px 0 30px !important;
}

.csr-section .container-fluid {
  margin-bottom: 30px;
}

.pagination > li {
  display: inline-block;
  margin: 0 2px;
}

.pagination > li > a,
.pagination > li > span {
  font-family: "Jura", sans-serif;
  font-size: 15px;
  text-decoration: none;
  color: #999999;
  background-color: #fff;
  border: 0;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
  line-height: 26px;
  border-radius: 3px;
}

.pagination > li > span {
  background: #d32f2f;
  color: #fff;
}

.pagination > li > a.next,
.pagination > li > a.prev {
  font-size: 0;
  position: relative;
}

.pagination > li > a.next:after,
.pagination > li > a.prev:after {
  content: " ";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-left: 6px solid #d32f2f;
  top: 0;
  left: 50%;
}

.pagination > li > a.prev:after {
  border-left: 6px solid transparent;
  border-right: 6px solid #d32f2f;
  margin-right: 3px;
}

body .csr-section .btn {
  margin-top: 10px !important;
}

#tipue_search_foot_boxes li a {
  font-size: 18px;
  cursor: pointer;
}

.lifeCCI {
  background: #ececec;
}

section.cci-devisions {
  padding: 0;
}

.pb60 {
  padding-bottom: 60px;
}

section.ceo-msg {
  background: #f0f0f0;
}

.slides-container {
  background-color: #fff;
  padding: 5px;
  margin: 10px;
  box-shadow: 0px 0px 17px 3px rgba(0, 0, 0, 0.19);
}

.bgColor {
  background: #f0f0f0;
  padding: 60px 0 0 0;
}

.bgNone {
  background: none;
}

.wheel-slides .slick-vertical .slick-slide {
  outline: 0;
}

.wheel-slides ul {
  margin: 0;
  padding: 0;
}

.wheel-slides .slick-arrow {
  background: url(../../images/img/sprite-icons.png) no-repeat 0 0 !important;
  background-position: -475px -348px !important;
  width: 24px;
  height: 23px;
  top: 0;
  left: 50% !important;
  margin-top: 0 !important;
  margin-left: -12px !important;
}

.wheel-slides .slick-next {
  top: auto;
  bottom: 0;
  margin-top: 0;
  transform: rotate(180deg);
}

.wheel-slides .slick-disabled {
  display: none !important;
}

.slides-csr .bx-wrapper .bx-viewport {
  overflow: visible !important;
}

.arrowsAdd .wheel-slides .slick-arrow {
  background: #ababab !important;
  width: 30px;
  height: 30px;
  bottom: 5px;
  margin-left: -15px !important;
  border-radius: 100%;
}

.arrowsAdd .wheel-slides .slick-arrow:hover {
  background: #cc3333;
}

.arrowsAdd .wheel-slides .slick-arrow:after {
  content: " ";
  background: url(../../images/img/sprite-icons.png) no-repeat -357px -457px;
  width: 15px;
  height: 9px;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: 50%;
  margin-top: -4px;
}

.arrowsAdd .wheel-slides .slick-next {
  transform: rotate(0deg);
}

.arrowsAdd .wheel-slides .slick-prev {
  transform: rotate(-180deg);
  top: 5px;
  bottom: auto;
}

.arrowsAdd .slick-vertical .slick-slide {
  opacity: 0.3;
  transition: all 0.5s;
}

.arrowsAdd .slick-vertical .slick-slide.slick-current {
  opacity: 1;
}

.headQuater {
  padding: 10px;
}

.headQuater .office-view {
  width: 100%;
  height: 241px;
}

.headQuater .office-information {
  padding: 32px 0 0 0px;
}

#getPrice ul.getform li input[type=text],
#getPrice ul.getform li textarea {
  padding: 8px 15px;
}

#getPrice ul.getform li textarea {
  min-height: 100px;
}

.cci-icons {
  background: url(../images/gallery/icons/cci-icons.png) no-repeat 0 0;
  display: inline-block;
  border: 6px solid #fff;
  border-radius: 100%;
  position: absolute;
  bottom: -66px;
  left: 50%;
  margin-left: -65px;
}

.wellness {
  background-position: -3px -6px;
  width: 133px;
  height: 133px;
}

.company-trip {
  background-position: -4px -139px;
  width: 133px;
  height: 133px;
}

.holiday-events {
  background-position: -3px -273px;
  width: 133px;
  height: 133px;
}

.addcustomOffset .row + .row .col-md-6 {
  margin-left: 25%;
}

.rentOwn {
  background: #d32f2f;
  padding: 20px 15px;
  margin-bottom: 30px;
}

.rentOwn h1 {
  color: #fff;
  margin: 0;
}

.advisors-new .advisor-number {
  position: relative;
}

.advisors-new .advisor-number:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 20px solid #d32f2f;
  left: 12px;
  top: -35px;
}

.advisors-new {
  padding-top: 0;
  background: url("../images/img/call-now-bg.jpg") no-repeat;
  background-size: cover;
  padding-bottom: 30px;
}

.bx-culture-slider {
  visibility: hidden;
}

.keyPoints .readMore.active {
  display: none;
}

.nc-certificate {
  border-bottom: 1px solid #d9d9d9;
}

.nc-certificate.border-zero {
  border-bottom: 0;
}

.nc-certificate h3 {
  margin: 0 0 5px;
}

.certification-info {
  margin-top: 30px;
}

.certification-img {
  position: relative;
  transition: all 0.5s;
}

.certification-img .overlay-pdf {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s;
  opacity: 0;
}

.certification-img:hover .overlay-pdf {
  opacity: 1;
}

.certification-info .animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.certification-img .overlay-pdf .btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.highlighted {
  font-weight: 600;
}

.orangeShades .overlay-pdf {
  background: rgba(68, 68, 68, 0.6);
}

.orangeShades h3,
.orangeShades .highlighted {
  color: #ff5722;
}

.greenShades .overlay-pdf {
  background: rgba(111, 193, 160, 0.6);
}

.greenShades h3,
.greenShades .highlighted {
  color: #6fc1a0;
}

.blueShades .overlay-pdf {
  background: rgba(160, 213, 255, 0.6);
}

.blueShades h3,
.blueShades .highlighted {
  color: #a0d5ff;
}

.certification-text strong {
  display: block;
}

.certification-text {
  padding-top: 20px;
}

.brochuer-page {
  background: #f6f6f6;
  position: relative;
  padding: 40px 0;
}

.brochuer-page h3 {
  color: #fff;
}

span.note-small {
  font-size: 13px;
  color: #ccc;
  position: absolute;
  right: 20px;
  top: 10px;
}

.nc-certificate .slick-slide img {
  display: inline-block;
}

.nc-certificate .slick-initialized .slick-slide {
  outline: 0;
}

.mobile-img {
  display: none !important;
}

.overflowHidden {
  overflow: hidden !important;
}

::-webkit-scrollbar {
  display: none;
}

.visibleScroll {
  opacity: 0;
  transition: all 0.5s;
}

.spaceUsed {
  height: 10px;
}

.keyPoints-new {
  text-align: left;
  display: inline-block;
  margin: 30px 0 70px;
}

@media (min-width: 993px) {
  .odd .text-csr {
    float: right !important;
  }

  .odd .text-csr .fixWrapp {
    float: left !important;
  }

  .odd .slides-csr {
    float: left !important;
  }

  .odd .slides-csr .imgCollective .bigImg {
    float: right !important;
  }

  .odd .slides-csr .thumb-collection {
    float: right !important;
  }
}
@media (max-width: 1650px) and (min-width: 1300px) {
  .imgCollective .bigImg {
    max-width: 355px;
  }

  .imgCollective .thumb-pic {
    max-width: 100px;
  }

  .dir-right {
    width: 616px;
    height: 321px;
  }
}
@media (max-width: 1400px) {
  .mtSmallRes {
    margin-top: 30px;
  }

  .upLayer {
    top: 0;
    margin-top: -27px;
    border-top: 1px solid;
  }

  section.super-sale .max-width750 .spacingForm {
    padding: 20px;
  }

  .banner-base {
    height: 534px;
  }

  .hrRuller:before {
    width: 760px;
    margin-left: -380px;
  }

  .slick-job-location .slick-list {
    padding: 0 35px !important;
  }

  .slick-job-location .jobs {
    opacity: 1;
  }

  .slick-arrow {
    margin: 0;
    right: 10px;
  }

  .slick-arrow.slick-prev {
    margin: 0;
    left: 10px;
  }

  .olDealer-page .bx-wrapper .bx-next,
.olDealer-page .bx-wrapper .bx-prev {
    top: auto;
    bottom: -46px;
    left: 50%;
    right: auto;
    margin: 0 0 0 -40px;
  }

  .olDealer-page .bx-wrapper .bx-next {
    left: auto;
    right: 50%;
    margin-right: -30px;
  }

  .olDealer-page {
    padding-bottom: 80px;
  }

  .color-planner .right-pannel {
    width: 250px;
  }

  .yourSelection {
    top: 10px;
    right: 280px;
  }

  .setBottom {
    font-size: 18px;
    padding: 0 0 0 40px;
  }

  .colorOptingBox {
    top: 208px;
    left: 20px;
    right: 20px;
    bottom: 30px;
  }

  .color-planner .images-wrapp {
    margin-right: 248px;
  }
}
@media (min-width: 1300px) {
  .cci-life .bx-controls,
.social-responsibility .bx-controls {
    display: none;
  }
}
@media (min-width: 992px) {
  .footer-inner .hide991-normal {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  .shopOlSection {
    padding-top: 22px;
  }

  .geoLocator .container-fluid .findDealer {
    padding-top: 22px;
  }

  .geoLocator .findDealer span.or {
    display: block;
    max-width: 50px;
    margin: 10px auto;
  }
}
@media (max-width: 1299px) {
  .imgCollective .bigImg {
    margin: 20px;
  }

  .thumb-collection {
    display: none;
  }

  .cci-life .bigImg {
    display: inline-block;
    float: none !important;
  }

  .dir-right {
    width: 486px;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .manufacturing-plants .offices .btn-box {
    left: 156px;
  }

  .manufacturing-plants .offices .thumb-office {
    width: 122px;
  }
}
@media (min-width: 1200px) {
  .manufacturing-plants .offices.rightzero {
    border-right: 0;
  }

  .manufacturing-plants .offices.bottomzero {
    border-bottom: 0;
  }

  .mobileNavigation {
    display: none;
  }

  .show1199 {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .mm-listview li.fullNext > .mm-next {
    width: 100% !important;
  }

  .rentOwn h1 {
    font-size: 28px;
  }

  #menumobile {
    display: none;
  }

  .mm-opened #menumobile.mm-menu {
    display: block;
  }

  .navigation #menu {
    display: none;
  }

  .navigation {
    opacity: 1;
  }

  .mobile-tab {
    transition: all 0.5s;
    background: url("../../images/img/sprite-icons.png") no-repeat -180px -212px;
    width: 36px;
    height: 23px;
    font-size: 0;
    margin: 12px 0;
    display: block;
    float: left;
    position: absolute;
    left: 13px;
  }

  .mm-opening .mobile-tab {
    background-position: -187px -241px;
    width: 21px;
    height: 21px;
  }

  .logo-icon {
    position: absolute;
    left: 17px;
    top: 9px;
    display: none !important;
  }

  .sticky .logo-icon {
    display: block !important;
  }

  .sticky .navigation .logo-icon {
    background-position: -127px -360px;
  }

  .sticky .mobile-tab {
    position: relative;
    left: 0;
  }

  .mm-panel .new-header {
    margin-top: 0 !important;
  }

  .mm-navbar-top {
    display: none;
  }

  .mm-menu {
    background: #111111;
    border-color: rgba(0, 0, 0, 0.1);
    color: #999999;
  }

  .mm-navbar-bottom {
    height: 66px;
    background: #0a0a0a !important;
  }

  .mm-navbar-bottom .topNav {
    display: block;
    float: none !important;
    margin: 0;
  }

  .mm-navbar-bottom .topNav li .btn {
    display: inline-block;
    color: #000;
    text-align: center;
    margin: 10px 0 0 10px;
    float: none !important;
  }

  .mm-hasnavbar-bottom-1 .mm-panels,
.mm-navbar-bottom-2 {
    bottom: 84px;
  }

  .mm-hasnavbar-top-2 .mm-panels,
.mm-navbar-top-3 {
    top: 0px;
  }

  .mm-listview > li > a,
.mm-listview > li > span {
    font-size: 14px;
    text-transform: uppercase;
    color: #999999;
  }

  .mm-listview > li.optBuilding:after {
    border-color: transparent;
  }

  .mm-listview > li.optBuilding > a {
    background: #cc3333;
    color: #fff;
    padding-top: 0;
    margin: 10px 13px;
    text-transform: none;
    font-weight: 600;
    font-size: 17px;
    padding-left: 11px;
    max-width: 230px;
    border-radius: 3px;
  }

  .mm-listview > li.optBuilding .building-icon {
    position: relative;
    top: 6px;
    margin-right: 6px;
  }

  .mm-listview > li,
.mm-listview > li .mm-next,
.mm-listview > li .mm-next:before,
.mm-listview > li:after {
    border-color: rgba(222, 222, 222, 0.05);
  }

  .mm-menu .mm-listview > li .mm-next:after {
    border-color: #fff;
  }

  .mm-panel .mm-navbar {
    display: block !important;
  }

  .mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
    border-color: #fff;
  }

  .mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
    color: #fff;
  }

  .mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: 20px;
  }

  .mega-menu.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-bottom: 0;
    margin-top: 40px;
  }

  .mm-listview > li.head-link > a {
    font-weight: 600;
    padding-left: 20px;
  }

  .mm-listview > li > a {
    padding-left: 10px;
  }

  .topNav .openSearch,
.dropDown-thumb {
    display: none;
  }

  .mm-menu p {
    margin-bottom: 0;
  }

  .dropDown-container {
    margin-top: 20px;
  }

  .mm-panels > .mm-panel > .mm-listview {
    margin: 20px 0;
  }

  .mm-listview > li > a {
    white-space: normal;
  }

  section.find-expert {
    padding: 45px 0;
  }

  #sidebar {
    width: 250px;
  }
}
@media (min-width: 1025px) {
  .certification-img:hover {
    transform: translateY(-20px);
  }

  .show-1024 {
    display: none;
  }

  a[rel=tel] {
    cursor: pointer;
  }

  .show1024 {
    display: none;
  }

  .blog-only ul li .img-section {
    max-width: 200px;
  }

  .manufacturing-plants .offices .img-cell,
.manufacturing-plants .offices .office-name-add {
    display: table-cell;
    vertical-align: middle;
  }

  .manufacturing-plants .offices .img-cell {
    width: 356px;
    padding: 10px;
  }
}
@media (max-width: 1024px) {
  section.life-cci {
    padding-bottom: 0;
  }

  header {
    position: relative;
  }

  section.bannerHome {
    height: auto !important;
    min-height: 0;
  }

  .bannerInner:after {
    top: 0;
  }

  .mobile-img {
    display: block !important;
  }

  .bannerInner .banerText {
    margin: 0 !important;
    position: absolute;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.08);
    height: auto;
    display: flex;
    align-items: center;
  }

  .bannerInner .banerText div {
    width: 100%;
  }

  .bannerHome ul li {
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }

  .certification-img .overlay-pdf {
    display: none !important;
  }

  section.cci-devisions {
    text-align: center;
  }

  section.cci-devisions .mt60 {
    margin-top: 0 !important;
  }

  .buildingType h6 {
    font-size: 18px;
  }

  .colorPlannerTabs ul.tabSelection li a {
    font-size: 13px;
    line-height: 13px;
  }

  .color-planner .right-pannel {
    width: 228px;
  }

  .buildingOpted {
    padding: 5px 10px 10px;
  }

  .colorOptingBox {
    top: 170px;
    bottom: 30px;
  }

  .color-planner .images-wrapp {
    margin-right: 216px;
  }

  .yourSelection {
    top: 3px;
    right: 244px;
  }

  p.nmbers-info span a,
p.nmbers-info span a:hover,
p.nmbers-info span a:focus {
    color: #cc3333;
  }

  .banerText {
    padding: 0 10px;
  }

  .services-customer ul li {
    padding: 0 15px;
  }

  .grid-sizer,
.grid-item {
    width: 50%;
  }

  .social-responsibility .bx-wrapper .bx-pager,
.cci-life .bx-wrapper .bx-pager {
    padding: 0;
  }

  .social-responsibility .btn,
.cci-life .btn {
    margin-top: 0 !important;
  }

  .hide1024 {
    display: none;
  }

  .fixWrapp {
    max-width: none;
    float: none;
    margin-right: 0;
  }

  .mobile_number {
    text-align: center;
  }

  .navigation .mobile_number .mobile {
    background-position: -154px -159px;
    width: 20px;
    height: 33px;
    vertical-align: middle;
    transition: none;
  }

  .mobile_number h6 {
    color: #000;
    display: inline-block;
    font-weight: 600;
    line-height: 31px;
    vertical-align: middle;
    font-size: 19px;
  }

  .hideDesktop3 {
    display: block !important;
  }

  .hide1024 {
    display: none !important;
  }

  .hide1024-new {
    display: none;
  }

  section.building-type .nav-tabs:after {
    display: none;
  }

  section.building-type .nav-tabs > li {
    min-height: 65px;
  }

  section.building-type .nav-tabs > li > a {
    border-bottom: 1px solid #e4dcd6 !important;
    padding: 8px;
    margin-bottom: 10px !important;
    display: table-cell;
    width: 130px;
    height: 58px;
    vertical-align: middle;
    line-height: 18px !important;
  }

  section.building-type .nav-tabs > li.active > a:after {
    bottom: -17px;
  }

  section.building-type #myTabContent {
    margin-top: 15px;
  }

  .recent-proj {
    overflow: hidden;
    margin-top: 20px;
    padding-top: 0;
  }

  .recent-proj .bx-wrapper .bx-viewport li {
    padding: 0;
  }

  .recent-proj .bx-wrapper .bx-pager {
    position: relative !important;
    bottom: 4px;
  }

  .recent-instalation ul.meetTeam-cci li .img-container {
    height: 200px;
  }

  .recent-instalation ul.meetTeam-cci li .hoverBox {
    position: static;
    color: #282828;
    background: none;
    margin-top: 10px;
  }

  .recent-instalation ul.meetTeam-cci li .hoverBox h3 {
    color: #282828;
    margin: 0;
  }

  .recent-instalation ul li .hoverBox {
    left: 0;
    right: 0;
    display: block;
  }

  .manufacturing-plants .offices .thumb-office {
    width: 100%;
    height: 150px;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .manufacturing-plants .offices .btn-box {
    position: static;
  }

  .manufacturing-plants .offices {
    border: 0;
  }

  .blogSection .btn {
    margin-top: 20px;
  }

  section.building-type .nav-tabs > li > a {
    font-size: 19px !important;
  }

  .spacial-offer .btn {
    display: none;
  }

  .spacial-offer img {
    margin-top: 19px;
  }

  .findDealer h2 {
    margin-bottom: 27px;
  }

  .searchSection {
    right: 18px;
    top: 14px;
  }

  .topNav li {
    padding-left: 10px;
  }

  .topNav li h6 {
    margin-left: 8px;
  }

  .topNav li h6 span {
    display: block;
    font-size: 15px;
    color: #999999;
  }

  .findDealer a.btn {
    line-height: 27px;
    padding: 8px 10px;
  }

  .zipForm input[type=text] {
    width: 142px;
  }

  .find-dealer .dealMap {
    height: 436px;
  }

  .blogSection ul li .img-section {
    height: 161px;
    margin-bottom: 20px;
  }

  .blogSection ul li .pannelWhite {
    min-height: 256px;
  }

  .rivewerLogos ul li {
    max-width: 139px;
  }

  .clientFeedback .container {
    max-width: 768px;
  }

  .blog-date {
    padding: 2px 6px 13px 14px;
  }

  .recent-instalation ul li .hoverBox p.imgTitle {
    margin: 15px auto 6px;
  }

  .dealers-feedback .container {
    max-width: 900px;
  }

  .dir-right {
    width: 464px;
  }

  .manufacturing-plants .offices .office-name-add {
    padding: 36px 20px;
  }
}
@media (max-width: 1024px) and (min-width: 992px) {
  .blk-bg-slider .pannel-black .commentBox p.leader-message {
    font-size: 20px;
    line-height: 23px;
  }
}
@media (min-width: 991px) {
  .blockAlways {
    display: block !important;
  }

  .mm-navbar-bottom {
    display: none;
  }

  .deskTopCenter {
    text-align: center;
  }

  .deskTopCenter ul.arrow-listing li:before {
    display: none;
  }

  .maxWidth {
    max-width: 630px;
    margin: 0 auto 20px;
  }

  #getPrice .g-recaptcha iframe {
    transform: scale(0.92);
    margin-left: -12px;
  }

  #getPrice .g-recaptcha > div {
    width: 300px !important;
    height: 72px !important;
    overflow: hidden;
  }

  #getPrice .bigbtn {
    text-transform: uppercase;
    font-size: 20px;
    padding: 18px 15px;
  }
}
@media (min-width: 992px) {
  .show-991 {
    display: none;
  }
}
@media (max-width: 991px) {
  .brochuer-page h3 {
    font-size: 25px;
  }

  .banerText {
    position: relative;
    background: #000;
    height: 120px;
    overflow: hidden;
    display: flex;
    align-items: center;
    animation-duration: 0s;
    -webkit-animation-duration: 0s;
    text-align: center !important;
  }

  .banerText .bigtitle {
    font-size: 32px;
  }

  .banerText p {
    margin: 0 auto !important;
  }

  .banerText div {
    text-align: center;
    width: 100%;
  }

  .nc-certificate .container {
    max-width: 700px;
  }

  .manufacturing-plants .offices .office-name-add {
    min-height: 168px;
  }

  header .logo {
    max-width: 400px;
    margin: 0 auto;
  }

  .advisor-number {
    margin-bottom: 15px;
  }

  .headQuater {
    padding: 0;
  }

  .headQuater .office-view {
    margin: 0;
  }

  .headQuater .office-information {
    padding: 32px 11px 50px !important;
  }

  .deviceSets {
    clear: both;
    float: none !important;
  }

  .arrow-mobile-set .bx-wrapper .bx-prev {
    left: -15px;
    transform: scale(0.6);
  }

  .arrow-mobile-set .bx-wrapper .bx-next {
    right: -15px;
    transform: scale(0.6);
  }

  .mobile-inline {
    display: inline-block;
    vertical-align: top;
  }

  .productFilterUl {
    display: none;
  }

  .getPop-mobile {
    position: fixed;
    top: 87px;
    right: 15px;
    bottom: 70px;
    left: 15px;
    z-index: 50;
    overflow: scroll;
    padding: 0 !important;
  }

  .getPop-mobile:after {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    content: " ";
    background: rgba(0, 0, 0, 0.48);
  }

  .mobileBg {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 10px;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .mobileBg .left-box + .left-box {
    margin-bottom: 0px;
  }

  .warrantyIcon {
    margin-top: -18px;
    width: 150px;
    margin-left: 20px;
  }

  .mobileBg .close-icon {
    position: absolute;
    right: 15px;
    top: 18px;
    z-index: 1;
  }

  #listing-product .open-rel-modal {
    position: absolute;
    right: 24px;
    font-weight: 600;
    top: -20px;
    cursor: pointer;
  }

  #listing-product .open-rel-modal .sprite-icon {
    vertical-align: middle;
  }

  .manufacturing-plants .offices {
    max-width: 604px;
    margin: 0 auto 15px;
  }

  .office-map .dealMap {
    height: 275px !important;
  }

  .yourSelection,
.color-planner .right-pannel {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    clear: both;
  }

  .color-planner .images-wrapp {
    margin-right: 0;
  }

  .buildingType h6 {
    font-size: 22px;
  }

  .yourSelection {
    margin: 20px auto;
  }

  .colorPlannerTabs ul.tabSelection li a {
    font-size: 15px;
    line-height: 17px;
  }

  .buildingOpted {
    padding: 15px 15px 20px;
  }

  .color-planner .right-pannel {
    width: 100%;
    height: 600px;
  }

  .hide-991 {
    display: none;
  }

  .colorOptingBox {
    top: 208px;
    bottom: 30px;
    left: 50px;
    right: 50px;
  }

  .setBottom {
    font-size: 20px;
    padding: 0 0 0 40px;
  }

  .cer-s-building .productFilterUl {
    padding-top: 30px;
  }

  .geoLocator .dealerOfMonth {
    width: auto;
    position: relative;
  }

  .geoLocator .col-md-6 {
    min-height: 0;
  }

  .shopOlSection,
.findDealer {
    padding: 0 !important;
  }

  .find-expert .findDealer {
    padding: 10px 0 0 !important;
  }

  .banerText .findDealer {
    padding: 0 !important;
  }

  #getPrice .proImg-preview {
    overflow: hidden;
  }

  .proImg-preview .textDescription {
    padding: 0;
  }

  .proImg-preview .pro-description {
    height: auto;
    background: #fff;
    padding: 10px;
  }

  .filterGallery {
    margin-bottom: 82px;
  }

  .pre-purchase-consultation .col-sm-6 {
    width: 48%;
  }

  .serve-customers {
    text-align: center;
  }

  .serve-customers h3.mt40 {
    margin-top: 0 !important;
  }

  .serve-customers .purchase-points {
    padding-top: 10px;
  }

  ul.filters-selection li a {
    line-height: 23px;
  }

  ul.bx-cci-responsibility {
    margin-top: 0 !important;
  }

  .location-info {
    left: 20px;
  }

  .fixWrapp {
    margin-top: 0;
    max-width: 520px;
    margin: 0 auto;
  }

  .imgCollective .bigImg + .thumb-collection + .bigImg {
    display: none;
  }

  .super-sale-img,
.banner-base {
    display: block;
    text-align: center;
  }

  .super-sale-img,
section.super-sale .max-width750 {
    max-width: none;
  }

  .banner-base {
    height: auto;
  }

  section.super-sale .max-width750 .spacingForm {
    padding: 30px 0px;
  }

  .infoblocks .col-md-6:first-child .pannelWhite {
    margin-bottom: 30px;
  }

  .rightbar .widget {
    padding-top: 25px;
    margin-top: 25px;
  }

  .rightbar {
    padding-top: 30px;
  }

  .widget-twitter-feed a.btn-default {
    float: left !important;
  }

  .left-blog .blog-details {
    padding-right: 30px;
  }

  .right-blog .blog-details {
    padding-left: 30px;
  }

  .dealers-available ul.dealer-found {
    position: static;
    height: 420px;
    width: auto;
    margin: 0 -15px;
  }

  .fb-icon {
    background-position: -138px -1109px;
    width: 39px;
    height: 38px;
  }

  .gplus-icon {
    background-position: -189px -1109px;
    width: 40px;
    height: 38px;
  }

  .twitter-icon {
    background-position: -241px -1109px;
    width: 40px;
    height: 38px;
  }

  .youtube-icon {
    background-position: -293px -1109px;
    width: 40px;
    height: 38px;
  }

  .linkdin-icon {
    background-position: -345px -1109px;
    width: 40px;
    height: 38px;
  }

  .instagram-icon {
    background-position: -397px -1109px;
    width: 40px;
    height: 38px;
  }

  .pintrest-icon {
    background-position: -449px -1109px;
    width: 39px;
    height: 38px;
  }

  .manufacturing-plants .container.mb40 {
    margin-bottom: 0;
  }

  .social-box {
    background: #1e1e1e;
    padding: 17px 0 13px;
  }

  .socilaLinks {
    display: block;
    margin-top: 10px;
  }

  .office-view {
    margin: 0 -15px;
    width: auto;
    max-width: none;
  }

  .contact-us-form {
    margin: 0px 0 60px;
  }

  .super-sale .contact-us-form {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
  }

  ul.getform li .rating-big {
    margin: 10px auto 8px;
  }

  .lifeAtCci li {
    width: 265px;
  }

  .hrRuller:before {
    width: 500px;
    margin-left: -250px;
  }

  .advisors {
    padding: 30px 0;
  }

  .advisors-new {
    padding-top: 0;
    padding-bottom: 0;
  }

  .space-20 {
    height: 20px;
  }

  .dealers-feedback .container {
    max-width: 600px;
  }

  .block-display-991 {
    display: block;
  }

  .joind-dealer .col-md-6 {
    display: block;
    padding: 60px 15px;
  }

  .training-program {
    padding: 60px 0;
    background-position: 0 bottom;
    text-align: center;
  }

  .training-program .max-width-set {
    margin: 0 auto;
  }

  ul.arrow-listing li {
    padding-left: 0;
  }

  ul.arrow-listing li:before {
    display: none;
  }

  .mobile-typo {
    text-align: center;
  }

  .mobile-typo a.readMore.active {
    font-size: 0;
  }

  .mobile-typo a.readMore.active:after,
a.readMore.active:after {
    content: "Read Less...";
    font-size: 14px;
  }

  .footer-inner .col-md-3 {
    padding: 0 15px;
  }

  footer h6 {
    font-family: "Jura", sans-serif;
    margin-bottom: 10px;
    font-size: 20px;
    position: relative;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 0;
  }

  footer h6:after {
    content: ".";
    font-size: 0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    background: url("../../images/img/sprite-icons.png") no-repeat -438px -259px;
    width: 8px;
    height: 12px;
  }

  footer h6.active:after {
    background-position: -435px -277px;
    width: 12px;
    height: 8px;
  }

  .nav > li.hideDesktop {
    display: inline-block;
  }

  .recent-instalation {
    padding-bottom: 30px;
  }

  .pro-description.table-display {
    position: static;
  }

  .pro-description.table-display,
.pro-description.table-display .table-cell {
    display: block;
    text-align: center;
  }

  .pro-description.table-display .btn {
    width: 100%;
  }

  .myClass-product .modal-dialog .myControls {
    bottom: -135px;
  }

  .pro-description .btn {
    padding: 12px 16px;
  }

  .modal-dialog {
    width: 600px;
  }

  .services-customer {
    text-align: center;
  }

  .services-customer ul li > div.iconBox {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }

  ul.getform li {
    margin-bottom: 2px;
  }

  ul.getform li .two-fields {
    width: 100%;
    padding: 0 !important;
  }

  ul.getform li .two-fields:first-child {
    margin-bottom: 2px;
  }

  ul.getform li .three-fields {
    width: 100%;
    padding: 0 !important;
  }

  ul.getform li .three-fields:first-child {
    margin-bottom: 2px;
  }

  ul.getform li .four-fields {
    width: 100%;
    padding: 0 !important;
  }

  ul.getform li .four-fields:first-child {
    margin-bottom: 2px;
  }

  .getQuoteForm .keyPoints {
    margin-top: 0;
  }

  .hideDesktop {
    display: block;
  }

  .hide991 {
    display: none !important;
  }

  .hide991-normal {
    display: none;
  }

  .topNav {
    display: none;
  }

  .footer-inner .col-md-3 {
    min-height: inherit;
  }

  .mobile-center {
    text-align: center;
  }

  .building-select .pannelWhite {
    border-radius: 0;
    margin: 0 -15px;
    min-height: inherit;
    border-bottom: 0;
  }

  .building-select .pannelWhite h4 {
    font-size: 26px;
  }

  .mobileSettings .bx-viewport {
    height: 140px !important;
  }

  .blogSection ul li .img-section {
    height: 154px;
  }

  .blogSection .bx-wrapper .bx-viewport {
    box-shadow: none;
    border: 0;
    background: none;
  }

  .blogSection ul li .home-blog {
    margin: 0 16px;
  }

  .blogSection .bx-wrapper .bx-pager,
.blogSection .bx-wrapper .bx-controls-auto {
    bottom: -44px;
  }

  .clientFeedback li {
    text-align: center;
  }

  .clientFeedback .bx-wrapper img {
    display: inline-block;
  }

  .nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    font-size: 18px;
  }

  .rivewerLogos {
    margin: 0 -15px;
  }

  .footer-bottom {
    padding: 25px 0;
  }

  .footer-bottom p {
    margin-top: 10px;
    font-size: 18px;
    line-height: 20px;
  }

  .footer-bottom .pull-right,
.footer-bottom .pull-left {
    float: none !important;
    clear: both;
    text-align: center;
  }

  section.building-type .recent-proj {
    margin-bottom: 30px;
  }

  section.bannerHome.bannerFeatures {
    height: 468px !important;
  }

  section.bannerHome.bannerFeatures.bannerFeatures-new {
    background-color: #000 !important;
    height: 468px !important;
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
  }

  .bannerFeatures ul li:after {
    display: none;
  }

  .bannerFeatures .banerText {
    top: 10px;
    margin-top: 0;
    right: 0;
    left: 0;
  }

  section.bannerFeatures ul li {
    background-size: auto 33vh !important;
    background-position: bottom !important;
    background-repeat: no-repeat !important;
  }

  .bannerFeatures .banerText {
    max-width: none;
  }

  .bannerFeatures .banerText p {
    margin: 0 auto !important;
  }

  .product-listing {
    padding-top: 0;
  }

  ul.filters-selection li span.sprite-icon {
    vertical-align: bottom;
  }

  ul.filters-selection li {
    padding-right: 20px;
    vertical-align: bottom;
  }

  .listing-nave ul {
    display: none;
  }

  .listing-nave {
    border: 0;
    padding: 0;
    margin: 0;
  }

  .listing-nave:last-child {
    margin-bottom: 30px;
  }

  .listing-nave .clik-ac,
.listing-nave .toggle-next {
    border-bottom: 1px solid #cdcdcd;
    position: relative;
    padding: 15px 0;
    margin: 0px;
  }

  .listing-nave .clik-ac:after,
.listing-nave .toggle-next:after {
    content: ".";
    background: url("../../images/img/sprite-icons.png") no-repeat -441px -215px;
    width: 13px;
    height: 21px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    font-size: 0;
  }

  .listing-nave .clik-ac.active:after,
.listing-nave .toggle-next.active:after {
    background-position: -434px -241px;
    width: 21px;
    height: 13px;
  }

  .expert-help a.btn {
    display: block;
    max-width: 200px;
    margin: 0 auto 10px;
    font-size: 20px;
  }

  .dir-right {
    width: auto;
    float: none;
    height: auto;
  }

  .csr-section .fixWrapp {
    max-width: 600px;
    margin: 0px auto 30px !important;
    clear: both;
    float: none !important;
  }
}
@media (max-width: 767px) {
  section {
    padding: 20px 0;
  }

  .bannerInner .banerText .bigtitle {
    font-size: 32px;
    font-weight: 400;
    margin-top: 0;
  }

  .bannerInner .banerText p {
    display: none !important;
  }

  .manufacturing-plants .offices .office-name-add {
    min-height: initial;
  }

  .blk-bg-slider .pannel-black .commentBox p.leader-message {
    font-size: 20px;
  }

  .action-pannel-planner {
    bottom: 30px;
  }

  .disclaimer {
    position: static;
  }

  .action-pannel-planner a {
    margin-left: 12px;
  }

  .action-pannel-planner a.reset-building {
    margin-left: -12px;
  }

  .action-pannel-planner .sprite-icon {
    transform: scale(0.7);
  }

  section.color-planner-banner h3.bigtitle {
    max-width: 300px;
    margin: 34px auto 0;
  }

  section.find-expert span.or {
    display: block;
    margin: 0 auto;
  }

  .bannerContactus .banerText p {
    display: block;
  }

  .bannerFeatures-new.bannerFeatures .banerText {
    padding: 0 28px;
  }

  .bannerFeatures-new.bannerFeatures .bx-controls {
    right: 0;
    top: 35%;
  }

  .training-program-2 .col-exap {
    font-size: 20px;
    padding-right: 40px;
  }

  section.dealer-locator-new span.or {
    margin-top: 10px;
  }

  .help-desk {
    background: #d7d9d8;
    text-align: left;
    padding: 5px 10px;
    font-size: 17px;
  }

  .makeitSmall {
    margin: 15px auto 0;
    display: block;
    margin-bottom: 0;
    position: relative;
    top: 7px;
    left: 0;
    transform: scale(1);
  }

  ul.purchase-points li p {
    font-size: 14px;
  }

  .purchase-points span.sprite-icon,
.pre-purchase-consultation span.sprite-icon {
    transform: scale(0.9);
  }

  .center-hr:after {
    display: none;
  }

  .pre-purchase-consultation .mt60 {
    margin-top: 30px !important;
  }

  .other-services .col-sm-4 {
    margin-bottom: 40px;
  }

  .other-services .col-sm-4:last-child {
    margin-bottom: 0;
  }

  .icons-categories {
    margin-right: 0;
  }

  .filters-opt a.btn {
    position: static;
    margin-top: 24px;
  }

  .pre-purchase-consultation .col-sm-6 {
    width: 100%;
    margin-bottom: 20px;
  }

  .filters-opt .slick-arrow {
    top: 53px;
    right: 98px;
  }

  .filters-opt .slick-arrow.slick-prev {
    right: 135px;
  }

  .ourTeam .bx-controls {
    display: none !important;
  }

  div.social-stuff a.facebook-color .facebook-icon {
    background-position: -9px -1305px !important;
    width: 20px;
    height: 44px;
  }

  div.social-stuff a .googleplus-icon {
    background-position: -64px -1308px !important;
    width: 29px;
    height: 38px;
  }

  div.social-stuff a .tweeter-icon {
    background-position: -119px -1311px !important;
    width: 38px;
    height: 32px;
  }

  div.social-stuff a .youtube-icon-2 {
    background-position: -175px -1305px !important;
    width: 46px;
    height: 28px;
  }

  div.social-stuff a .linkdin-icon-2 {
    background-position: -237px -1300px !important;
    width: 38px;
    height: 38px;
  }

  div.social-stuff a .pintrest-icon-2 {
    background-position: -298px -1308px !important;
    width: 34px;
    height: 24px;
  }

  .map-location {
    height: 261px;
  }

  .location-info {
    left: 50%;
    margin-left: -115px;
    margin-top: -70px;
    padding: 20px;
  }

  .location-info p {
    display: none;
  }

  .location-info .btn {
    margin-top: 10px !important;
  }

  .si-share {
    text-align: center;
  }

  .si-share div {
    float: none;
    display: inline-block;
    margin-top: 4px;
  }

  .mpost .entry-image {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }

  .nobottommargin + .nobottommargin .mpost:first-child {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px dashed #E5E5E5;
  }

  .mpost .entry-image a,
.mpost .entry-image a img {
    width: 100%;
  }

  .post-grid .entry .blog-details {
    padding: 0;
  }

  .entry.entry-date-section {
    margin-bottom: 30px;
  }

  .timeline-border {
    display: none;
  }

  .blog-details .entry-timeline {
    display: none;
  }

  section.building-strucure-tabs {
    padding: 10px 0;
  }

  .chooseBuild li .titleImg {
    font-size: 14px;
    line-height: 24px;
  }

  .findDealer h2 {
    margin-bottom: 10px;
  }

  .bannerContactus .bigtitle {
    display: none;
  }

  section.bannerContactus .banerText {
    top: 124px;
  }

  section.bannerContactus .banerText .col-md-4 {
    margin-bottom: 25px;
  }

  .slick-job-location .slick-list {
    padding: 0 !important;
  }

  .slick-job-location li {
    margin: 0;
  }

  .slick-job-location .btn {
    margin-bottom: 10px;
  }

  .slick-arrow {
    right: 50%;
    bottom: -61px;
    top: auto;
    background-position: -472px -464px;
    width: 18px;
    height: 35px;
    margin-right: -28px;
  }

  .mt30-mobile {
    margin-top: 30px !important;
  }

  .slick-arrow.slick-prev {
    background-position: -452px -465px;
    left: 50%;
    margin-left: -28px;
  }

  .hrRuller:before,
.business-process .col-md-4 p {
    display: none;
  }

  .business-process .mb40 {
    margin-bottom: 20px;
  }

  .business-process .col-md-4 + .col-md-4 > .sprite-icon {
    margin-top: 30px;
  }

  .services-maps {
    padding-bottom: 0;
  }

  .dealers-feedback .container {
    max-width: 320px;
  }

  ul.dealer-comments li {
    max-width: 290px;
  }

  .modal-dialog {
    width: 378px;
  }

  .modal-dialog .myControls {
    position: absolute;
    bottom: -52px;
    width: 97px;
    text-align: center;
    margin: 0 auto;
    left: 50%;
    margin-left: -48px;
  }

  .modal-dialog a.controls {
    position: relative;
    height: 44px;
    width: 44px;
    display: block;
    float: right;
    right: 0;
    top: 0;
  }

  .modal-dialog a.previous {
    float: left !important;
    left: 0;
  }

  .modal-dialog a.controls:after {
    background: url("../../images/img/sprite-icons.png") no-repeat -454px -38px;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    font-size: 0;
    content: ".";
  }

  .modal-dialog a.previous:after {
    background-position: -407px -38px;
    left: 0;
  }

  .gallery-page .recent-proj {
    padding-top: 0;
  }

  .banerText {
    padding: 0 10px;
  }

  .bannerHome ul {
    height: 100%;
  }

  .grid-sizer,
.grid-item {
    padding: 10px 0;
  }

  .fast-facts .square-box h2 {
    font-size: 38px;
  }

  .fast-facts .square-box h5 {
    font-size: 20px;
  }

  .fast-facts .square-box h5 span.small-text-note {
    font-size: 14px;
  }

  .grid-sizer,
.grid-item {
    width: 100%;
  }

  .getQuoteForm .keyPoints aside .thumbIn {
    float: none;
    margin-right: 0;
    width: 72px;
    margin: 0 auto;
  }

  .getQuoteForm .keyPoints aside {
    text-align: center;
    margin-bottom: 30px;
  }

  section.getQuoteForm h3 {
    margin-top: 10px;
  }

  .getQuoteForm .keyPoints .key-points-content p {
    display: none;
  }

  .banerText .bigtitle {
    font-size: 18px;
    font-weight: 600;
  }

  div.banerText p {
    font-size: 12px;
    line-height: 17px;
    margin: 5px auto 0 !important;
  }

  .banerText {
    height: 90px;
  }

  .spacial-offer {
    text-align: center;
  }

  .spacial-offer img.hideDesktop2 {
    display: inline-block;
  }

  .hide-mobile-only {
    display: none;
  }

  .building-select .keyPoints p {
    display: none;
  }

  .findDealer a.btn,
.findDealer .zipForm {
    display: block;
    max-width: 290px;
    margin: 0 auto 12px;
  }

  .findDealer .zipForm {
    margin-top: 12px;
  }

  #searchButton {
    padding: 8px 20px !important;
  }

  .geoLocator #googleMap {
    display: none;
  }

  .findDealer .zipForm input[type=text] {
    width: 110px;
  }

  .findDealer .zipForm input[type=submit] {
    float: right;
  }

  .findDealer .zipForm {
    height: 43px;
    overflow: visible;
  }

  .building-strucure-tabs .panel-group {
    margin: 0 -15px;
  }

  .panel {
    border: 0;
  }

  .panel-default > .panel-heading {
    border: 0;
    background: transparent;
    padding: 0;
  }

  .panel-default > .panel-heading a {
    font-size: 20px;
    color: #414141;
    border-bottom: 2px solid #d32f2f;
    display: block;
    padding: 10px;
    text-align: left;
    position: relative;
  }

  .panel-default > .panel-heading a:after {
    content: ".";
    position: absolute;
    background: url("../../images/img/sprite-icons.png") no-repeat -207px -129px;
    width: 25px;
    height: 24px;
    right: 10px;
    top: 9px;
    font-size: 0;
  }

  .panel-default > .panel-heading a.collapsed {
    border-bottom: 2px solid #efefef;
  }

  .panel-default > .panel-heading a.collapsed:after {
    background: url("../../images/img/sprite-icons.png") no-repeat -207px -156px;
    width: 25px;
    height: 24px;
  }

  .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0;
    padding: 10px;
  }

  .panel-default > .panel-heading + .panel-collapse > .panel-body aside {
    text-align: left;
  }

  .bannerHome .bx-controls-direction {
    display: none;
  }

  section.searchBox .zipForm input[type=text] {
    width: 210px;
  }

  .hide-767 {
    display: none !important;
  }

  .employee-benefits ul.h6Table-cell li {
    padding: 0;
  }

  .employee-benefits ul.h6Table-cell h6 {
    font-size: 18px;
  }

  .fancytitle {
    font-size: 24px;
    margin-top: 0;
  }

  .fancytitle:before {
    display: none;
  }

  .fancytitle:after {
    content: "";
    display: block;
    width: 80%;
    height: 100%;
    border-bottom: 1px solid #D13135;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 10px;
  }

  .fancytitle-right {
    font-size: 24px;
  }

  .fancytitle-right::before {
    display: none;
  }

  .fancytitle-right::after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #D13135;
  }

  .fancytitle-left {
    font-size: 24px;
    margin-top: 20px !important;
  }

  .fancytitle-left::after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 2px solid #D13135;
  }

  h1.fancy {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  #search-box > form {
    margin-left: -150px;
    max-width: 300px;
  }

  div#search-box input[type=text] {
    font-size: 31px;
  }

  .mm-navbar-bottom {
    height: 126px;
  }

  .mm-navbar-bottom .topNav li .btn {
    display: block;
    margin: 10px auto 0 auto;
    width: 211px;
  }
}
@media (max-width: 520px) {
  .action-pannel-planner {
    bottom: 50px;
  }
}
@media (min-width: 768px) {
  .keyPoints-new {
    -moz-column-count: 2;
    column-count: 2;
  }

  .olDealer .bx-wrapper .bx-viewport li a p.sptitle {
    display: none;
  }

  .show-767 {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .brochuer-page h3 {
    font-size: 18px;
    line-height: 28px;
  }

  .nc-certificate h3.h3big {
    font-size: 25px;
  }

  .nc-certificate p {
    font-size: 14px;
  }

  .certification-info {
    margin-top: 10px;
  }

  .nc-certificate .slick-initialized .slick-slide {
    padding: 0 5px;
  }

  .mm-panels > .mm-panel {
    padding: 0 5px;
  }

  .btnPrimary.deviceSettings {
    padding: 12px 10px;
    font-size: 15px;
  }

  .btnPrimary.deviceSettings .sprite-icon {
    display: none;
  }

  .warrantyIcon {
    width: 150px;
    margin: -18px auto 0;
    display: block;
  }

  .productPageText.banerText {
    top: 35%;
  }

  .blogSection ul li .img-section {
    height: 140px;
  }

  .modal-dialog {
    width: 95%;
  }

  .blogSection ul li {
    padding: 0;
  }

  .olDealer .bx-wrapper .bx-viewport li a p.sptitle {
    display: none;
  }

  section.detail-explain {
    padding: 30px 0;
  }

  .default-listing.col-two li {
    width: 100%;
  }

  .nmbers-info span {
    display: block;
    margin: 0 !important;
  }

  .socilaLinks li {
    padding: 0 1px;
  }

  .btnBox a {
    margin: 20px auto 0;
    display: block;
    max-width: 200px;
  }

  .bannerInner:after {
    top: 0;
  }

  .mobile-tab {
    transform: scale(0.8);
    margin: 7px 0;
  }

  .logo-icon {
    top: 4px;
  }

  .mobile_number .searchicon {
    margin: 7px 0 3px 0;
  }

  .advisor-number:after {
    left: 50%;
    margin-left: -18px;
  }

  .rentOwn h1 {
    font-size: 20px;
  }

  .advisors .advisor-number p span.number {
    font-size: 26px;
  }

  h1.fancy {
    font-size: 18px !important;
  }
}
@media (max-width: 350px) {
  .navigation .mobile_number .mobile {
    background-position: -96px -343px;
    width: 18px;
    height: 19px;
  }

  .navigation .mobile_number h6 {
    vertical-align: middle;
    font-size: 15px;
    font-weight: 400;
  }

  .custom-gallery .grid-item,
.custom-gallery .grid-sizer {
    width: 100%;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .close-icon-big {
    background-position: -145px -319px;
    height: 22px;
    width: 22px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 1368px) {
  .navigation ul li a {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 990px) and (max-width: 5000px) {
  .deal-map-main .dealMap {
    background-color: #e5e3df;
    float: left;
    margin-left: 15px;
    overflow: hidden;
    position: relative;
    width: 80%;
    left: 20%;
  }
}
@media (max-width: 1365px) and (min-width: 1025px) {
  .navigation ul li a {
    padding: 0 4px;
  }

  .navigation #menu > ul > li > a:after {
    margin-left: 2px;
  }
}
#jobdesc .modal-body.clearfix {
  min-height: 600px;
}

#applyNow .successfull {
  background: #389b07;
  color: #fff;
}

#applyNow .modal-dialog {
  width: 100%;
  max-width: 520px;
}

#filename {
  width: 75%;
}

#fakeBrowse {
  width: 20%;
  margin-left: 5%;
  margin-top: 10px;
}

#applyNow ul.getform li.typefile {
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  #filename {
    width: 65%;
  }

  #fakeBrowse {
    width: 25%;
  }
}
/** Component Vizualizer **/
.planner {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.feature-box {
  background: #5d5d5d;
  padding: 20px 0;
}

.feature-box h4 {
  font-size: 20px;
  font-weight: 300;
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 20px 0 0;
}

.feature-box h4:hover {
  color: #FECB2F;
  font-size: 20px;
  font-weight: 300;
}

.hidefeature {
  display: none;
}

/* Ticker */
.simple-ticker {
  height: 32px !important;
  color: #000000;
  font-size: 20px;
  font-weight: 300;
  position: relative;
  width: 100%;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}

.simple-ticker ul {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simple-ticker ul li {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

.simple-ticker ul li a {
  color: #000000;
  padding-top: 10px;
  line-height: 1px;
  font-weight: 600;
}

@media (max-width: 1024px) {
  #js-ticker-fade2 {
    display: block !important;
  }

  #js-ticker-fade {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  #js-ticker-fade2 {
    display: none !important;
  }

  #js-ticker-fade {
    display: block !important;
  }
}
section {
  position: relative;
  overflow: hidden;
}

.video-container {
  position: absolute;
  margin-top: 0;
  top: 9vh;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.video-container video {
  height: 100%;
  width: 177.77777778vh;
  /* 100 * 16 / 9 */
  min-width: 100%;
  min-height: 56.25vw;
  /* 100 * 9 / 16 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Center the video */
}

.title-hero {
  display: block;
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  top: 0;
  padding: 200px;
}

.title-hero h1 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 76px;
  text-transform: capitalize;
}

.title-hero h2 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  font-variant: small-caps;
}

#bars {
  height: 40px;
  width: 104px;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0 0 0 -20px;
  padding: 0 0 15px 0;
  position: absolute;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.audio {
  color: #ccc;
  font-size: 18px;
  font-weight: 100;
  padding: 5px;
  text-align: center;
  display: inline-block;
  position: relative;
  width: 104px;
  height: 35px;
  background-color: rgba(78, 78, 78, 0.3);
  border-radius: 4px;
}

.bar {
  background: #ccc;
  bottom: 33px;
  height: 3px;
  width: 8px;
  margin-bottom: 5px;
  position: absolute;
  -webkit-animation: sound 0ms -800ms linear infinite alternate;
  animation: sound 0ms -800ms linear infinite alternate;
}

@-webkit-keyframes sound {
  0% {
    opacity: 1;
    height: 3px;
  }
  100% {
    opacity: 0.1;
    height: 30px;
  }
}
@keyframes sound {
  0% {
    opacity: 1;
    height: 3px;
  }
  100% {
    opacity: 0.1;
    height: 30px;
  }
}
.bar:nth-child(1) {
  left: 0px;
  -webkit-animation-duration: 474ms;
  animation-duration: 474ms;
}

.bar:nth-child(2) {
  left: calc(8px*1);
  -webkit-animation-duration: 433ms;
  animation-duration: 433ms;
}

.bar:nth-child(3) {
  left: calc(8px*2);
  -webkit-animation-duration: 407ms;
  animation-duration: 407ms;
}

.bar:nth-child(4) {
  left: calc(8px*3);
  -webkit-animation-duration: 458ms;
  animation-duration: 458ms;
}

.bar:nth-child(5) {
  left: calc(8px*4);
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
}

.bar:nth-child(6) {
  left: calc(8px*5);
  -webkit-animation-duration: 427ms;
  animation-duration: 427ms;
}

.bar:nth-child(7) {
  left: calc(8px*6);
  -webkit-animation-duration: 441ms;
  animation-duration: 441ms;
}

.bar:nth-child(8) {
  left: calc(8px*7);
  -webkit-animation-duration: 419ms;
  animation-duration: 419ms;
}

.bar:nth-child(9) {
  left: calc(8px*8);
  -webkit-animation-duration: 487ms;
  animation-duration: 487ms;
}

.bar:nth-child(10) {
  left: calc(8px*9);
  -webkit-animation-duration: 442ms;
  animation-duration: 442ms;
}

.bar:nth-child(11) {
  left: calc(8px*10);
  -webkit-animation-duration: 413ms;
  animation-duration: 413ms;
}

.bar:nth-child(12) {
  left: calc(8px*11);
  -webkit-animation-duration: 460ms;
  animation-duration: 460ms;
}

.bar:nth-child(13) {
  left: calc(8px*12);
  -webkit-animation-duration: 475ms;
  animation-duration: 475ms;
}

.bar.noAnim {
  -webkit-animation: none;
  -webkit-animation-name: none;
}

.contactList > ul {
  padding-left: 0;
  list-style: none;
}

.contactList > ul > li {
  padding-top: 0;
}

.contactList > ul > li > h5 {
  margin-top: 30px;
}

.rto-logo {
  width: 200px;
}

.rto-blue {
  background: url("/images/pages/rto/textures/blue_texture.png");
}

.rto-white {
  background: url("/images/pages/rto/textures/white_texture.png");
}

.rto-green {
  background: url("/images/pages/rto/textures/green_texture.png");
}

.rto-0 {
  background: url("/images/pages/rto/backgrounds/puppy.jpg");
  background-size: cover;
}

.rto-1 {
  background: url("/images/pages/rto/textures/finance1.png");
  background-size: cover;
}

.default-list > li {
  padding-bottom: 10px;
}

.mobile-number {
  color: #fff;
  font-family: "Jura", sans-serif;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  width: 100%;
  margin-left: -15px;
  padding: 12px 80px;
}

.mobile-number:active {
  color: #fff;
}

.sticky-mobile {
  position: relative;
  top: 35px;
  z-index: 1;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

a:hover.sticky-mobile {
  color: #CCC;
}

.dealer-details {
  width: 350px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  margin-bottom: 30px;
  margin-top: 20px;
  box-shadow: 0px 6px 10px -2px #ccc;
}

.logoDealer {
  margin-bottom: 20px;
  margin-top: 20px;
  box-shadow: 0 14px 14px -7px #ccc;
}

.logoDealer img {
  /* Safari 6.0 - 9.0 */
  filter: saturate(50%) opacity(40%) grayscale(50%);
  /* Safari prior 6.1 */
  transition: all 1.25s;
}

.logoDealer:hover img {
  /* Safari 6.0 - 9.0 */
  filter: saturate(100%) opacity(100%) grayscale(0%);
}

.name-dealer {
  position: relative;
  top: 4px;
  font-size: 18px;
  padding: 10px;
  line-height: 30px;
  font-weight: 900;
}

.detailsDealer {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 10px 0;
  top: -10%;
  position: relative;
  border: none;
  z-index: 1;
}

.detailsDealer:nth-child(2) {
  border-right: 1px solid #ccc;
}

section.info-window {
  height: auto;
}

.info-window.icon {
  position: relative;
  width: 32px;
  height: 32px;
  display: block;
  fill: #ccc;
  margin-right: 20px;
  transition: all 0.2s ease-out;
}

.info-window.icon.active {
  fill: #d32f2f;
}

.info-window.icon.big {
  width: 64px;
  height: 64px;
  fill: #ccc;
}

#wrapper.info-window {
  width: 100%;
  height: 450px;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: left;
  overflow: hidden;
}

#left-side.info-window {
  height: 90%;
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#left-side.info-window ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  line-height: 34px;
  color: #999;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

#left-side.info-window ul li:hover {
  color: #999;
  transition: all 0.2s ease-out;
}

#left-side.info-window ul li:hover > .icon {
  fill: #999;
}

#left-side.info-window ul li.active {
  color: #282828;
}

#left-side.info-window ul li.active:hover > .icon {
  fill: #d32f2f;
}

#border.info-window {
  height: calc(54px * 7 + 35px);
  width: 1px;
  background-color: #ccc;
}

#border.info-window #line.one {
  width: 5px;
  height: 35px;
  background-color: #d32f2f;
  margin-left: -2px;
  margin-top: 21px;
  transition: all 0.4s ease-in-out;
}

#border.info-window #line.two {
  width: 5px;
  height: 35px;
  background-color: #d32f2f;
  margin-left: -2px;
  margin-top: calc(54px * 1 + 21px);
  transition: all 0.4s ease-in-out;
}

#border.info-window #line.three {
  width: 5px;
  height: 35px;
  background-color: #d32f2f;
  margin-left: -2px;
  margin-top: calc(54px * 2 + 21px);
  transition: all 0.4s ease-in-out;
}

#border.info-window #line.four {
  width: 5px;
  height: 35px;
  background-color: #d32f2f;
  margin-left: -2px;
  margin-top: calc(54px * 3 + 21px);
  transition: all 0.4s ease-in-out;
}

#border.info-window #line.five {
  width: 5px;
  height: 35px;
  background-color: #d32f2f;
  margin-left: -2px;
  margin-top: calc(54px * 4 + 21px);
  transition: all 0.4s ease-in-out;
}

#border.info-window #line.six {
  width: 5px;
  height: 35px;
  background-color: #d32f2f;
  margin-left: -2px;
  margin-top: calc(54px * 5 + 21px);
  transition: all 0.4s ease-in-out;
}

#border.info-window #line.seven {
  width: 5px;
  height: 35px;
  background-color: #d32f2f;
  margin-left: -2px;
  margin-top: calc(54px * 6 + 21px);
  transition: all 0.4s ease-in-out;
}

#right-side.info-window {
  height: 90%;
  width: 80%;
  overflow: hidden;
}

#right-side.info-window #first,
#right-side.info-window #second,
#right-side.info-window #third,
#right-side.info-window #fourth,
#right-side.info-window #fifth,
#right-side.info-window #sixth,
#right-side.info-window #seventh {
  position: absolute;
  height: 90%;
  width: 80%;
  transition: all 0.6s ease-in-out;
  margin-top: -350px;
  opacity: 0;
  display: block;
  padding-left: 20px;
}

#right-side.info-window #first h1,
#right-side.info-window #second h1,
#right-side.info-window #third h1,
#right-side.info-window #fourth h1,
#right-side.info-window #fifth h1,
#right-side.info-window #sixth h1,
#right-side.info-window #seventh h1 {
  font-weight: 800;
  color: #282828;
}

#right-side.info-window #first p,
#right-side.info-window #second p,
#right-side.info-window #third p,
#right-side.info-window #fourth p,
#right-side.info-window #fifth p,
#right-side.info-window #sixth p,
#right-side.info-window #seventh p {
  color: #282828;
  font-weight: 500;
  padding-left: 0px;
  padding-right: 0px;
}

#right-side.info-window #first.active,
#right-side.info-window #second.active,
#right-side.info-window #third.active,
#right-side.info-window #fourth.active,
#right-side.info-window #fifth.active,
#right-side.info-window #sixth.active,
#right-side.info-window #seventh.active {
  margin-top: 0px;
  opacity: 1;
  transition: all 0.6s ease-in-out;
}

.align-bottom {
  position: relative;
  min-height: 50px;
}

.align-bottom-content {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width: 991px) {
  .info-window {
    font-size: 12px;
  }

  .info-window h1 {
    font-size: 32px;
  }

  #wrapper.info-window {
    height: 600px;
  }

  #left-side.info-window {
    width: 30%;
  }

  #left-side.info-window ul li {
    line-height: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #right-side.info-window {
    width: 70%;
    height: 600px;
  }

  #right-side.info-window #first,
#right-side.info-window #second,
#right-side.info-window #third,
#right-side.info-window #fourth,
#right-side.info-window #fifth,
#right-side.info-window #sixth,
#right-side.info-window #seventh {
    width: 70%;
    display: inline-block;
    padding-left: 10px;
  }

  #right-side.info-window #first p,
#right-side.info-window #second p,
#right-side.info-window #third p,
#right-side.info-window #fourth p,
#right-side.info-window #fifth p,
#right-side.info-window #sixth p,
#right-side.info-window #seventh p {
    padding-left: 0;
    padding-right: 0;
  }
}
@-webkit-keyframes sonar {
  from {
    box-shadow: 0 0 0 0 #d32f2f, 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
  to {
    box-shadow: 0 0 0 10px rgba(255, 147, 223, 0), 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
}
@keyframes sonar {
  from {
    box-shadow: 0 0 0 0 #d32f2f, 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
  to {
    box-shadow: 0 0 0 10px rgba(255, 147, 223, 0), 0 0 4px 2px rgba(0, 0, 0, 0.4);
  }
}
.sonar {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #d32f2f;
  border: 2px solid #be2a2a;
  -webkit-animation: sonar 800ms ease-out infinite;
  animation: sonar 800ms ease-out infinite;
}

#m-garagedoors .sonar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#m-gables .sonar {
  margin-top: 90px;
  margin-left: 108px;
}

#m-frameouts .sonar {
  margin-top: 135px;
  margin-left: 150px;
}

#m-doors .sonar {
  margin-top: 175px;
  margin-left: 320px;
}

#m-windows .sonar {
  margin-top: 211px;
  margin-left: 297px;
}

#m-panels .sonar {
  margin-top: 100px;
  margin-left: 150px;
}

#m-insulation .sonar {
  margin-top: 120px;
  margin-left: 150px;
}

.exit {
  position: absolute;
  right: 15px;
  top: 0px;
  width: 32px;
  height: 32px;
}

.exit:before,
.exit:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 20px;
  width: 1px;
  background-color: #be2a2a;
}

.exit:before {
  transform: rotate(45deg);
}

.exit:after {
  transform: rotate(-45deg);
}

.exit-pro {
  float: right;
  position: absolute;
  right: 0;
  top: -32px;
  width: 32px;
  height: 32px;
}

button.exit-pro {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.exit-pro:before,
.exit-pro:after {
  position: absolute;
  left: 16px;
  top: 6px;
  content: " ";
  height: 20px;
  width: 1px;
  background-color: #ffffff;
}

.exit-pro:before {
  transform: rotate(45deg);
}

.exit-pro:after {
  transform: rotate(-45deg);
}

#m-garagedoors,
#m-gables,
#m-frameouts,
#m-headerbars,
#m-doors,
#m-windows,
#m-panels,
#m-insulation {
  height: 400px;
}

#m-garagedoors > .text,
#m-gables > .text,
#m-frameouts > .text,
#m-headerbars > .text,
#m-doors > .text,
#m-windows > .text,
#m-panels > .text,
#m-insulation > .text {
  display: none;
  position: absolute;
  top: 20px;
}

#m-garagedoors > .pic {
  height: 100%;
  background-size: 98%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/accessories/mobile/Accessories-GarageDoors.png");
}

#m-gables > .pic {
  height: 100%;
  background-size: 98%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/accessories/mobile/Accessories-Gables.png");
}

#m-frameouts > .pic {
  height: 100%;
  background-size: 98%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/accessories/mobile/Accessories-Frameouts.png");
}

#m-doors > .pic {
  height: 100%;
  background-size: 98%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/accessories/mobile/Accessories-Doors.png");
}

#m-windows > .pic {
  height: 100%;
  background-size: 98%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/accessories/mobile/Accessories-Windows.png");
}

#m-panels > .pic {
  height: 100%;
  background-size: 98%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/accessories/mobile/Accessories-Panels.png");
}

#m-insulation > .pic {
  height: 100%;
  background-size: 98%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/accessories/mobile/Accessories-Insulation.png");
}

.pic > h6,
.pic > small {
  margin-left: 20px;
}

.fancy {
  color: #FFFFFF;
}
.fancy span {
  -webkit-animation: glow-in 0.8s both;
          animation: glow-in 0.8s both;
}

@-webkit-keyframes glow-in {
  from {
    opacity: 0;
  }
  65% {
    opacity: 1;
    text-shadow: 0 0 25px #FFFFFF;
  }
  75% {
    opacity: 1;
  }
  to {
    opacity: 0.7;
  }
}

@keyframes glow-in {
  from {
    opacity: 0;
  }
  65% {
    opacity: 1;
    text-shadow: 0 0 25px #FFFFFF;
  }
  75% {
    opacity: 1;
  }
  to {
    opacity: 0.7;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  50%, 100% {
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  50%, 100% {
    opacity: 1;
    filter: blur(0px);
  }
}
.supply-container {
  margin-top: 40px;
  min-height: 400px;
  position: relative;
}

#hatChannel,
#roofBows,
#braces,
#legs,
#baseRails {
  width: 100%;
  padding-left: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#roofBows,
#braces,
#legs,
#baseRails {
  display: none;
}

.vl-col:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5%;
  border-right: 1px solid #ff0000;
}

#searchButton {
  height: 40px !important;
}

.search-btns {
  height: 40px;
  vertical-align: middle;
  text-align: center;
  padding: 0 15px;
  border-right: 1px solid #be2a2a;
}

#dealer-locator-form {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bannerOverlay ul li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(to bottom, transparent 0%, #000 150%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#a6000000", GradientType=0);
  z-index: 0;
}

hr.red {
  border-top: 1px solid #ff00007a;
  background: transparent !important;
}

hr.dark {
  border-top: 1px solid #bdbdbd7a;
  background: transparent !important;
}

hr.light {
  border-top: 1px solid #efefef7a;
}

.product-row > li {
  border-bottom: 1px solid #ccc;
}

.dashpanel {
  width: 100%;
  border-radius: 3px;
  box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.06);
  border: solid 1px #eef0ef;
  background-color: #fff;
  color: #777;
  margin: 30px 0;
}

.dashpanel-top {
  padding: 30px 32px 0;
  border-top: solid 6px #c34f4f;
  border-radius: 3px 3px 0 0;
  margin: -1px -1px 0;
}

.dashpanel-bottom {
  padding: 24px 30px 30px;
}

.dashpanel-info {
  width: 100%;
  height: 100%;
  position: relative;
  border-bottom: solid 1px #eef0ef;
  padding-bottom: 18px;
  text-align: center;
}

.dashpanel-info h2 {
  font-size: 20px;
  margin: 0;
}

.dashpanel-colors {
  padding: 24px 15px 30px;
}

.dashpanel-colors ul {
  position: relative;
}

.dashpanel-colors ul li {
  display: inline-flex;
  width: 90px;
  height: 60px;
  padding: 4px;
  line-height: 14px;
  font-size: 14px;
  color: #fff;
  margin-bottom: 4px;
}

.text-king-blue {
  color: #1482b8;
}

.text-cardinal-red {
  color: #941e1a;
}

.text-true-burgundy {
  color: #74252d;
}

.text-white {
  color: #777777;
}

.text-clay {
  color: #a09484;
}

.text-black {
  color: #000000;
}

.text-brown {
  color: #674232;
}

.text-tan {
  color: #b59a78;
}

.text-pewter-gray {
  color: #87847f;
}

.text-sandstone {
  color: #c3b99e;
}

.text-barn-red {
  color: #8d3c2d;
}

.text-beige {
  color: #deceb1;
}

.text-slate-blue {
  color: #4c7184;
}

.text-evergreen {
  color: #405f51;
}

.text-quaker-gray {
  color: #5f5e59;
}

.text-harley-orange {
  color: #f60;
}

.bg-king-blue {
  background-color: #1482b8;
}

.bg-cardinal-red {
  background-color: #941e1a;
}

.bg-true-burgundy {
  background-color: #74252d;
}

.bg-white {
  background-color: #777777;
}

.bg-clay {
  background-color: #a09484;
}

.bg-black {
  background-color: #000000;
}

.bg-brown {
  background-clor: #674232;
}

.bg-tan {
  background-color: #b59a78;
}

.bg-pewter-gray {
  background-color: #87847f;
}

.bg-sandstone {
  background-color: #c3b99e;
}

.bg-barn-red {
  background-color: #8d3c2d;
}

.bg-beige {
  background-color: #deceb1;
}

.bg-slate-blue {
  background-color: #4c7184;
}

.bg-evergreen {
  background-color: #405f51;
}

.bg-quaker-gray {
  background-color: #5f5e59;
}

.bg-harley-orange {
  background-color: #f60;
}

.dashpanel-colors ul li:nth-child(1) {
  background-color: #1482b8;
  border: 1px solid #1482b8;
}

.dashpanel-colors ul li:nth-child(2) {
  background-color: #941e1a;
  border: 1px solid #941e1a;
}

.dashpanel-colors ul li:nth-child(3) {
  background-color: #74252d;
  border: 1px solid #74252d;
}

.dashpanel-colors ul li:nth-child(4) {
  background-color: #ffffff;
  border: 1px solid #777777;
  color: #555555;
}

.dashpanel-colors ul li:nth-child(5) {
  background-color: #a09484;
  border: 1px solid #a09484;
}

.dashpanel-colors ul li:nth-child(6) {
  background-color: #000000;
  border: 1px solid #000000;
}

.dashpanel-colors ul li:nth-child(7) {
  background-color: #674232;
  border: 1px solid #674232;
}

.dashpanel-colors ul li:nth-child(8) {
  background-color: #b59a78;
  border: 1px solid #b59a78;
}

.dashpanel-colors ul li:nth-child(9) {
  background-color: #87847f;
  border: 1px solid #87847f;
}

.dashpanel-colors ul li:nth-child(10) {
  background-color: #c3b99e;
  border: 1px solid #c3b99e;
  color: #555555;
}

.dashpanel-colors ul li:nth-child(11) {
  background-color: #8d3c2d;
  border: 1px solid #8d3c2d;
}

.dashpanel-colors ul li:nth-child(12) {
  background-color: #deceb1;
  border: 1px solid #deceb1;
  color: #555555;
}

.dashpanel-colors ul li:nth-child(13) {
  background-color: #4c7184;
  border: 1px solid #4c7184;
}

.dashpanel-colors ul li:nth-child(14) {
  background-color: #405f51;
  border: 1px solid #405f51;
}

.dashpanel-colors ul li:nth-child(15) {
  background-color: #5f5e59;
  border: 1px solid #5f5e59;
}

.dashpanel-colors ul li:nth-child(16) {
  background-color: #f60;
  border: 1px solid #f60;
  color: #000000;
}

.dashpanel-colors ul li::after {
  content: attr(data-label);
  position: relative;
  top: 5px;
  left: 5px;
  width: 60px;
  margin-left: -6px;
}

.bimg-container {
  width: auto;
  height: 240px;
  padding: 20px;
  margin-bottom: 20px;
}

.bimg-container img {
  width: auto;
  height: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

section.options {
  padding-top: 0;
}

.no-gutters {
  padding: 0 !important;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
*:before,
*:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
.dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
.table th {
    background-color: #fff !important;
  }

  .table-bordered th,
.table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@media screen and (min-width: 480px) {
  .dashpanel-top {
    padding: 24px 22px 0;
  }

  .dashpanel-bottom {
    padding: 24px 30px 30px;
  }

  .dashpanel-colors {
    padding: 24px 15px 30px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }

  .lead {
    font-size: 21px;
  }

  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 180px;
  }

  .col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-static {
    display: inline-block;
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
    width: auto;
  }

  .form-inline .input-group > .form-control {
    width: 100%;
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
  }

  .form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }

  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }

  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }

  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }

  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }

  .nav-justified > li,
.nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }

  .nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }

  .nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }

  .nav-tabs-justified > .active > a,
.nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }

  .navbar {
    border-radius: 4px;
  }

  .navbar-header {
    float: left;
  }

  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse.in {
    overflow-y: visible;
  }

  .navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }

  .container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }

  .navbar-static-top {
    border-radius: 0;
  }

  .navbar-fixed-top,
.navbar-fixed-bottom {
    border-radius: 0;
  }

  .navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }

  .navbar-toggle {
    display: none;
  }

  .navbar-nav {
    float: left;
    margin: 0;
  }

  .navbar-nav > li {
    float: left;
  }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .navbar-form .form-control-static {
    display: inline-block;
  }

  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }

  .navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
    width: auto;
  }

  .navbar-form .input-group > .form-control {
    width: 100%;
  }

  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio,
.navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }

  .navbar-form .radio label,
.navbar-form .checkbox label {
    padding-left: 0;
  }

  .navbar-form .radio input[type=radio],
.navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }

  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }

  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }

  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }

  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }

  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }

  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }

  .col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }

  .col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

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

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1025px) {
  .all-building .col-md-3:hover {
    margin-top: -20px;
    transition: 0.4s;
  }

  ul.OnlineDealers li .detailsDealers a.tel {
    cursor: text;
  }
}
.w-100 {
  width: 100%;
}

section.building-types, section.building-styles {
  padding: 0;
}

.building-styles {
  background-image: url("../images/products/backgrounds/product-bkg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.building-types ul.breadcrumb,
.building-styles ul.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  border-radius: 4px;
  position: absolute;
  top: 50px;
  left: 20px;
  z-index: 1;
}

.building-types ul.breadcrumb a,
.building-styles ul.breadcrumb a {
  font-size: 1.25em;
  color: #FFFFFF;
}

.page-panel {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

.dark-theme {
  position: relative;
  color: #FFFFFF;
  background: #222222;
}

.light-theme {
  position: relative;
  color: #222222;
  background: #FFFFFF;
}

.building-facts {
  padding-top: 60px;
  padding-bottom: 60px;
  z-index: 2;
}

.facts_row-footer {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-flow: row wrap;
}

.facts_row-item {
  display: flex;
  flex-direction: column;
  padding: 30px;
  justify-content: flex-start;
  align-items: center;
  line-height: 30px;
}

.facts_row-item:nth-child(2) {
  width: unset;
}

.facts_row-item-title,
.facts_row-item-value {
  min-width: 140px;
  margin-bottom: 5px;
}

.title-bold {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
  line-height: 20px;
  color: #555555;
}

.value-normal {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }

  .d-md-none {
    display: none !important;
  }
}
@media (min-width: 650px) {
  .facts_row-item:nth-child(2) {
    width: unset;
  }

  .facts_row-item:nth-child(2) img {
    width: auto;
  }
}
#covid {
  display: none;
  color: #092940 !important;
  margin: 0 !important;
  padding: 5px 0px 8px 0px !important;
  background-color: #ecf0f3 !important;
}

#covid p {
  margin: 5px 0;
  font-size: 12px;
}

#covid .exit {
  position: absolute;
  right: 0;
  top: 7px;
  width: 32px;
  height: 32px;
}

#covid .left-message {
  width: 40px;
  float: left;
}

#covid .right-message {
  width: 97%;
  margin-left: 3%;
  padding: 0 5px;
}

section.feedback {
  background-color: #fbfbfb;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
  transition: transform 0.6s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
  .carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    transition: none;
  }
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
  .carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%);
}
@supports (transform-style: preserve-3d) {
  .carousel-item-next,
.active.carousel-item-right {
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%);
}
@supports (transform-style: preserve-3d) {
  .carousel-item-prev,
.active.carousel-item-left {
    transform: translate3d(-100%, 0, 0);
  }
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
  .carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translate3d(0, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #FFFFFF;
  text-align: center;
  opacity: 0.5;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #FFFFFF;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#FFFFFF' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23");
}

.carousel-control-next-icon {
  background-image: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#FFFFFF' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  position: relative;
  flex: 0 1 auto;
  width: 150px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: 0px;
  line-height: 2;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li span {
  color: #FFFFFF;
}
.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}
.carousel-indicators .active {
  background-color: #FFFFFF;
}

.carousel-caption h1, .carousel-caption h2 {
  position: absolute;
  left: 5%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #FFFFFF;
  text-align: left;
}
.carousel-caption h1 {
  top: 70px;
  font-size: 75px;
}
.carousel-caption h2 {
  top: 150px;
}

@media (min-width: 768px) {
  .carousel-caption h1, .carousel-caption h2 {
    position: absolute;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFFFFF;
    text-align: left;
  }
  .carousel-caption h1 {
    top: 70px;
    font-size: 45px;
  }
  .carousel-caption h2 {
    top: 130px;
    font-size: 30px;
  }
}
.sexytabs > ul {
  text-align: center;
  font-weight: 500;
  margin: 50px 0 0;
  padding: 0;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.sexytabs > ul > li {
  display: inline-block;
  background: #fafafa;
  padding: 0.6em 0;
  position: relative;
  width: 33%;
  margin: 0 0 0 -4px;
}
.sexytabs > ul > li:before, .sexytabs > ul > li:after {
  opacity: 0;
  transition: 0.3s ease;
}
.sexytabs > ul > li.ui-tabs-active:before, .sexytabs > ul > li.ui-tabs-active:after, .sexytabs > ul > li.ui-state-hover:before, .sexytabs > ul > li.ui-state-hover:after, .sexytabs > ul > li.ui-state-focus:before, .sexytabs > ul > li.ui-state-focus:after {
  opacity: 1;
}
.sexytabs > ul > li:before, .sexytabs > ul > li.ui-state-active.ui-state-hover:before, .sexytabs > ul > li.ui-state-active.ui-state-focus:before {
  content: "";
  position: absolute;
  z-index: -1;
  box-shadow: 0 2px 3px rgba(194, 42, 42, 0.5);
  top: 50%;
  bottom: 0px;
  left: 5px;
  right: 5px;
  border-radius: 100px/10px;
}
.sexytabs > ul > li:after, .sexytabs > ul > li.ui-state-active.ui-state-hover:after, .sexytabs > ul > li.ui-state-active.ui-state-focus:after {
  content: "";
  background: #fafafa;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  bottom: -6px;
  margin-left: -6px;
  transform: rotate(45deg);
  box-shadow: inset 3px 3px 3px rgba(194, 42, 42, 0.5), inset 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.sexytabs > ul > li.ui-state-hover:before, .sexytabs > ul > li.ui-state-focus:before {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.sexytabs > ul > li.ui-state-hover:after, .sexytabs > ul > li.ui-state-focus:after {
  box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.2), inset 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.sexytabs > ul > li.ui-state-focus a {
  text-decoration: none;
}
.sexytabs > ul > li:focus {
  outline: none;
}
.sexytabs > ul > li a {
  color: #444;
  text-decoration: none;
}
.sexytabs > ul > li a:focus {
  outline: none;
}
.sexytabs > ul > li a span {
  position: relative;
  top: -0.5em;
}

.sexytabs.dark > ul {
  border-bottom-color: rgba(255, 255, 255, 0.3);
}
.sexytabs.dark > ul > li {
  background: #333;
}
.sexytabs.dark > ul > li:before, .sexytabs.dark > ul > li.ui-state-active.ui-state-hover:before, .sexytabs.dark > ul > li.ui-state-active.ui-state-focus:before {
  box-shadow: 0 2px 3px rgba(255, 255, 255, 0.3);
}
.sexytabs.dark > ul > li:after, .sexytabs.dark > ul > li.ui-state-active.ui-state-hover:after, .sexytabs.dark > ul > li.ui-state-active.ui-state-focus:after {
  background: #333;
  box-shadow: inset 3px 3px 3px rgba(255, 255, 255, 0.3), inset 1px 1px 1px rgba(255, 255, 255, 0.5);
}
.sexytabs.dark > ul > li.ui-state-hover:before, .sexytabs.dark > ul > li.ui-state-focus:before {
  box-shadow: none;
}
.sexytabs.dark > ul > li.ui-state-hover:after, .sexytabs.dark > ul > li.ui-state-focus:after {
  box-shadow: inset 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.sexytabs.dark > ul > li a {
  color: white;
}

.sexytabs {
  width: 90%;
  min-width: 360px;
  margin: auto;
}

.contents {
  padding: 20px 50px;
  min-height: 200px;
}

.darkpage {
  background: #333;
  color: white;
}

.darkpage,
.lightpage {
  padding: 50px 0;
  min-height: 865px;
}

@media screen and (min-width: 1000px) {
  .darkpage,
.lightpage {
    width: 100%;
    float: left;
    padding: 0;
    min-height: 560px;
  }
}
.social-share-btns-container {
  margin-top: 26px;
  margin-bottom: 10px;
  display: block;
  overflow: hidden;
  position: relative;
  font-size: 0;
  text-align: left;
  width: 100%;
  z-index: 111;
}

.social-share-btns {
  display: inline-block;
  overflow: hidden;
}
.social-share-btns .share-btn {
  float: left;
  margin: 0 5px 0 0;
  padding: 8px 16px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
  transition: background 0.2s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .social-share-btns .share-btn {
    transition: none;
  }
}
.social-share-btns .share-btn i {
  margin-right: 5px;
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
}

.share-btn {
  background-color: #95a5a6;
}
.share-btn:hover {
  background-color: #798d8f;
}

.share-btn-twitter {
  border: solid 1px #00aced;
  border-radius: 4px;
  background-color: transparent;
  color: #00aced;
}
.share-btn-twitter:hover {
  background-color: #00aced;
  color: #FFFFFF;
}

.share-btn-facebook {
  border: solid 1px #3b5998;
  border-radius: 4px;
  background-color: transparent;
  color: #3b5998;
}
.share-btn-facebook:hover {
  color: #FFFFFF;
  background-color: #3b5998;
}

.share-btn-linkedin {
  background-color: #007bb6;
}
.share-btn-linkedin:hover {
  background-color: #005983;
}

.share-btn-reddit {
  background-color: #ED001C;
}
.share-btn-reddit:hover {
  background-color: #ba0016;
}

.share-btn-mail {
  border: solid 1px #cd3333;
  border-radius: 4px;
  background-color: transparent;
  color: #cd3333;
}
.share-btn-mail:hover {
  color: #FFFFFF;
  background-color: #cd3333;
}

/** Support **/
.support {
  background: #FFFFFF;
  font-size: 14px;
  font-weight: 300;
}

p.support {
  margin: 10px;
  font-size: 14px;
  font-weight: 300;
  color: #7d7d7d;
}

#support_search_input {
  color: #D13135;
  padding: 12px 12px 12px 12px;
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  outline: 0;
  margin: 30px 0 0 0;
  text-align: center;
}

#support_search_input:-ms-input-placeholder {
  color: #D13135;
}

#support_search_input::-moz-placeholder {
  color: #D13135;
}

#support_search_input::placeholder {
  color: #D13135;
}

#support_search_input:-ms-input-placeholder {
  color: #D13135;
}

#support_search_input::-ms-input-placeholder {
  color: #D13135;
}

.grid-top,
.grid-bottom,
.supportgrid-top,
.supportgrid-bottom {
  border: 0;
  min-height: 200px;
  padding: 20px 60px 20px 60px;
  text-align: left;
}

.grid-top:first-child,
.supportgrid-top:first-child,
.supportgrid-top:nth-child(2),
.supportgrid-top:nth-child(4),
.supportgrid-top:nth-child(5) {
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}

.supportgrid-top:nth-child(7),
.supportgrid-top:nth-child(8) {
  border-right: 1px solid #f1f1f1;
}

.supportgrid-top:nth-child(3),
.supportgrid-top:nth-child(6) {
  border-bottom: 1px solid #f1f1f1;
}

.grid-bottom:first-child,
.supportgrid-bottom:first-child {
  border-right: 1px solid #f1f1f1;
}

.supportgrid-bottom:nth-child(2n) {
  border-right: 1px solid #f1f1f1;
}

.grid-bottom:last-child,
.supportgrid-bottom:last-child {
  border-top: 0;
  border-bottom: 0;
}

.support-sidebar {
  border-right: 1px solid #f1f1f1;
  padding: 20px 0 15px 0;
}

.support-content {
  padding: 20px 0 15px 15px;
}

.support-related {
  padding: 20px 0 15px 0;
}

hr.support-sidebar {
  margin: 0;
  padding: 0;
  border-right: 0;
  border-bottom: 0;
}

.grid-top a,
.grid-bottom a,
.supportgrid-top a,
.supportgrid-bottom a,
.support-sidebar a,
.support-content a,
.support-related a {
  color: #282a2c;
  cursor: pointer;
  font-weight: 300;
}

.grid-top ul,
.grid-bottom ul,
.supportgrid-top ul,
.supportgrid-bottom ul,
.support-sidebar ul,
.support-content ul .support-related,
ul {
  list-style: none;
  line-height: 20px;
  padding-left: 15px;
}

.grid-top ul li a,
.grid-bottom ul li a,
.supportgrid-top ul li a,
.supportgrid-bottom ul li a,
.support-sidebar ul li a,
.support-content ul li a,
.support-related ul li a {
  color: #282a2c;
  font-size: 14px;
  font-weight: 300;
  margin-left: 0;
  cursor: pointer;
}

.grid-top ul li a:before,
.grid-bottom ul li a:before,
.supportgrid-top ul li a:before,
.supportgrid-bottom ul li a:before,
.support-sidebar ul li a:before,
.support-content ul li a:before,
.support-related ul li a:before {
  transition: all 0.5s;
  background: url("../images/img/sprite-icons.png") no-repeat -20px -317px;
  display: inline-block;
  content: ".";
  font-size: 0;
  vertical-align: middle;
  width: 8px;
  height: 13px;
  margin-right: 5px;
  margin-top: -3px;
}

.grid-top ul li a:hover,
.grid-bottom ul li a:hover,
.supportgrid-top ul li a:hover,
.supportgrid-bottom ul li a:hover,
.support-sidebar ul li a:hover,
.support-content ul li a:hover,
.support-related ul li a:hover {
  color: #d32f2f;
}

.secondary-tab {
  border: 0;
}

.secondary-tab.primary-tab li {
  width: 33.33%;
  padding: 11px 0px;
}

.secondary-tab li {
  width: 50%;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .secondary-tab li {
    width: 100%;
  }
}
.secondary-tab li.active {
  background: white;
  border-bottom: 1px solid #e0e0e0;
}

.secondary-tab li.active h4 {
  color: #333333;
}

.secondary-tab li a {
  position: relative;
  display: block;
  border: 0;
}

.secondary-tab li a:hover,
.secondary-tab li a:focus {
  text-decoration: none;
  background-color: transparent;
}

.secondary-tab li.active > a:hover,
.secondary-tab li.active > a:focus {
  background: transparent;
  border: 0;
}

.visual-block {
  text-align: center;
  display: block;
  color: #999999;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
}

.visual-block h4 {
  margin-bottom: 5px;
}

a {
  cursor: pointer;
}

.component_visualizer {
  background: white;
  position: relative;
}

.component_visualizer .resp-tabs-container {
  background: none;
  border: 0;
  padding: 0;
}

.component_visualizer ul.resp-tabs-list.header_tab {
  display: table;
  margin-bottom: 0;
  width: 100%;
  display: none;
}

.component_visualizer ul.resp-tabs-list.header_tab li.resp-tab-item {
  display: table-cell;
  float: none;
  text-align: center;
  border-right: 1px solid #fff;
}

.modal-body .viewWrapper .arrowPointer,
.modal-body .viewWrapper map,
.modal-body .viewWrapper area {
  display: none;
}

.viewWrapper {
  position: relative;
  border: 6px solid #fff;
  background: #c2c2c2;
}

.viewWrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.viewWrapper .imgStatic {
  position: static;
}

.viewWrapper img.imgHighlight {
  pointer-events: none;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.buildingComponent {
  padding: 30px 0;
}

.componentDetails {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 375px;
  background: #EE1E2C;
  padding: 10px 10px 10px 20px;
  z-index: 10;
  /* &:after{
      width: 0;
      height: 0;
      border-top: 25px solid #EE1E2C;
      border-right: 25px solid transparent;
      position: relative;
      left: -20px;
      bottom: -52px;
      content: '';
  } */
}

@media (max-width: 768px) {
  .componentDetails {
    position: relative;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    border: 5px solid white;
  }
}
.componentDetails p {
  color: #ffffff;
  margin: 0px;
  padding-top: 5px;
}

.componentDetails h4 {
  color: #fff;
  margin: 0px;
}

.viewlink-sidebar {
  position: absolute;
  z-index: 5;
  background: #ffffff;
  left: -120px;
  top: 5%;
  width: 180px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.39);
}

@media (max-width: 1200px) {
  .viewlink-sidebar {
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
}
.viewlink-sidebar ul {
  overflow: hidden;
}

@media (max-width: 460px) {
  .viewlink-sidebar ul {
    margin: 0px !important;
  }
}
.viewlink-sidebar h3 {
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid #d7d7d7;
  margin: 0;
  padding: 15px 0px 15px 20px;
  line-height: 1.3;
}

@media (max-width: 1200px) {
  .viewlink-sidebar h3 {
    display: none;
  }
}
.viewlink-sidebar a {
  color: #666666;
  text-decoration: none;
}

.viewlink-sidebar a {
  color: #666666;
  text-decoration: none;
}

@media (max-width: 460px) {
  .viewlink-sidebar a {
    font-size: 12px;
  }
}
.viewlink-sidebar ul li {
  font-size: 18px;
  padding: 3px 0px 3px 20px;
}

.viewlink-sidebar ul li.active a,
.viewlink-sidebar ul li a:hover,
.viewlink-sidebar ul li a:focus {
  color: #EE1E2C;
}

@media (max-width: 1200px) {
  .viewlink-sidebar ul li {
    float: left;
  }
}
.component_visualizer .home_tab_con {
  position: relative;
}

.component_visualizer .resp-tabs-container,
.component_visualizer .home_tab_con {
  background: none;
  border: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.visualizer-view {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: #fff;
  z-index: 1;
  font-size: 18px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
}

@media (max-width: 767px) {
  .visualizer-view {
    position: relative;
    bottom: 0px;
    right: 0px;
  }
}
.visualizer-view ul {
  margin: 0px;
  padding: 0px 30px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.39);
}

@media (max-width: 1024px) {
  .visualizer-view ul {
    padding: 0;
  }
}
.visualizer-view ul li {
  padding: 15px 10px;
  position: relative;
}

@media (max-width: 1024px) {
  .visualizer-view ul li {
    padding: 9px 5px;
  }
}
.visualizer-view ul li.active:after {
  content: "";
  display: block;
  margin: auto;
  height: 3px;
  width: 100%;
  background: #EE1E2C;
  transition: width 0.5s ease, background-color 0.5s ease;
  -webkit-transition: width 0.5s ease, background-color 0.5s ease;
  -moz-transition: width 0.5s ease, background-color 0.5s ease;
  -ms-transition: width 0.5s ease, background-color 0.5s ease;
  position: absolute;
  left: 0;
  bottom: 0;
}

.visualizer-view ul li.active a {
  color: #333333;
}

.visualizer-view ul li a {
  text-decoration: none;
  cursor: pointer;
  color: #666666;
  padding: 19px 10px;
}

.visualizer-view ul li a:hover,
.visualizer-view ul li a:focus {
  color: #333;
}

@media (max-width: 1024px) {
  .visualizer-view ul li a {
    padding: 9px 5px;
  }
}
.component-border {
  background-color: #FFFFFF;
  box-shadow: 2px 2px 2px #dedede;
  border: 1px solid #d8d8d8;
}

.help-icon {
  position: absolute;
  z-index: 9;
  color: white;
  top: 1%;
  right: 1%;
}

@media (max-width: 992px) {
  .help-icon {
    top: 12%;
  }
}
@media (max-width: 767px) {
  .help-icon {
    top: 0;
  }
}
.help-icon.help-icon-white {
  top: 1%;
  right: 1%;
}

@media (max-width: 767px) {
  .help-icon.help-icon-white {
    top: -10px;
    right: 10px;
  }
}
.help-icon.help-icon-white a,
.help-icon.help-icon-white a:hover {
  color: #333333;
}

.help-icon a {
  color: #ffffff;
}

.help-icon i {
  font-size: 30px;
  cursor: pointer;
}

.component-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1;
}

.component-overlay img {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}

@media (max-width: 1200px) {
  .component_visualizer-mob {
    height: 50px;
  }
}
.component_visualizer-mob {
  height: auto;
}

@media (max-width: 1200px) {
  .component_visualizer-mob {
    height: 50px;
  }
}
@media (max-width: 767px) {
  .component_visualizer-mob {
    height: 100px;
  }
}
.tab-content {
  display: flex;
  padding-top: inherit !important;
}

.component-border .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-bottom-color: inherit !important;
}

.component-border .nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-bottom: inherit !important;
}

/* AnythingZoomer */
.az-wrap, .az-small, .az-large {
  position: relative;
}

.az-wrap-inner {
  display: block;
  margin: 0 auto;
  /* center small & large content */
}

/* This wraps the large image and hides it */
.az-zoom {
  background: #fff;
  border: #333 1px solid;
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 300px;
  overflow: hidden;
  z-index: 100;
  display: none;
  box-shadow: inset 0px 0px 4px #ccc;
}

/* Class applied to az-mover when large image is windowed */
.az-windowed {
  overflow: hidden;
  position: absolute;
}

/* Class applied to az-mover when large image is fully shown */
.az-expanded {
  height: auto;
  width: auto;
  position: static;
  overflow: visible;
}

/* overlay small area */
.az-overlay {
  background-color: #ccc;
  opacity: 0.01;
  filter: alpha(opacity=1);
  z-index: 10;
}

/* fade out small content when hovering
.az-hovered > * {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
*/
/* edit mode coordinate styling */
.az-coords {
  /*display: none; /* hidden when expanded */
}

.az-zoom .az-coords {
  /*display: none;*/
  position: absolute;
  top: 0;
  right: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
}

/* ZOOM CONTAINER */
.zoom {
  display: block;
  margin: 0 auto;
}

.large {
  background: white;
}

/* FOR IMAGE DEMO */
.small img {
  width: 800px;
  height: 400px;
}

.large img {
  max-width: 600%;
  width: 1600px;
  height: 800px;
}

#trims {
  width: 100%;
  padding-left: 25px;
  position: absolute;
}

.zoom-link {
  display: none;
}

@media (max-width: 599px) {
  .az-zoom {
    width: 0;
    height: 0;
  }

  .az-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  .small img {
    width: 300px;
    height: 300px;
  }

  .large img {
    width: 400px;
    height: 400px;
  }

  #trims {
    display: none;
  }

  .supply-container {
    min-height: 200px;
    position: relative;
  }

  .zoom-link {
    display: contents;
    position: relative;
    z-index: 1000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.plx-card {
  transition: all 600ms ease;
  max-width: 1100px;
  display: flex;
  position: relative;
  overflow: hidden;
  margin: 30px 0;
  filter: drop-shadow(5px 5px 5px #1123);
  border-radius: 4px;
}

@media screen and (min-width: 768px) {
  .plx-card.gold {
    height: 280px;
  }
  .plx-card.silver {
    height: 150px;
    border-radius: 2px;
  }
}
@media screen and (max-width: 767px) {
  .plx-card {
    height: auto;
    width: auto;
    flex-direction: column;
    border-radius: 2px;
    margin: 25px 15px;
  }
  .plx-card.silver {
    height: 270px;
  }
  .plx-card.silver .flags {
    margin: 0 10px;
  }
  .plx-card.silver .links {
    text-align: right;
    justify-content: flex-end;
  }
  .plx-card.silver .links a {
    font-size: 24px;
    height: 30px;
    margin: -8px 5px 5px 5px;
    padding: 6px 0px 1px 0;
    border-radius: 2px;
    color: #FFFA;
    background: #FFF;
  }
  .plx-card.silver .links a:hover {
    color: #FFFFFF;
  }

  .pxc-avatar {
    width: 100%;
    height: 100px;
    justify-content: space-around;
    align-items: center;
  }

  .silver .pxc-avatar img {
    position: absolute;
    width: 100px;
    height: 100px;
    top: -80px;
    right: 20px;
  }

  .pxc-avatar img {
    margin-top: 100px;
  }

  .silver .pxc-bg {
    height: 60%;
    top: 30px;
  }

  .pxc-bg {
    left: 0;
    top: 0;
    height: 200px;
    width: 100%;
    border-radius: 0;
  }

  .silver .pxc-bg {
    background-position: top right;
  }

  .silver .pxc-subcard {
    padding: 15px;
    margin: 5px;
    flex: 0 1 auto;
  }

  .pxc-subcard {
    margin: 25px 15px 30px 15px;
    padding: 60px 25px 20px;
    width: auto;
    height: auto;
    flex: 1 0 auto;
  }

  .silver .pxc-subcard {
    padding-top: 20px;
  }

  .pxc-stopper {
    left: 0;
    width: 100%;
    top: 200px;
    height: calc(100% - 200px);
    background: white;
    border-radius: 0;
  }

  .silver .pxc-stopper {
    height: 50%;
    bottom: 0;
    top: initial;
  }

  .pxc-tags {
    display: none;
  }

  .pxc-title {
    white-space: initial;
    overflow: initial;
    text-overflow: initial;
  }
  .pxc-title a {
    font-size: 16px;
  }

  .pxc-sub {
    font-size: 13px;
  }

  .pxc-feats {
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
  }

  .bottom-row {
    border-top: solid 1px rgba(255, 255, 255, 0.05);
    padding-top: 5px;
  }

  .bottom-row .pxc-info {
    position: absolute;
    bottom: -28px;
    left: -10px;
    justify-content: space-between;
    width: 100%;
  }
  .bottom-row .pxc-info .region {
    color: #112;
    font-size: 13px;
    text-transform: uppercase;
  }

  .bottom-row .links {
    flex: 0.4 0 auto;
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: -10px;
    align-content: flex-start;
  }
  .bottom-row .links a {
    color: #a6aad1;
    margin-left: 5px;
  }
}
@media screen and (min-width: 768px) {
  .bottom-row .links {
    display: flex;
    align-content: flex-end;
    flex: 1 0 auto;
    justify-content: flex-end;
  }
  .bottom-row .links a {
    font-size: 24px;
    text-align: center;
    height: 24px;
    display: inline-block;
    margin: 0 3px;
    cursor: pointer;
    transition: all 0.2s linear;
    line-height: 1;
  }
  .bottom-row .links a:nth-child(2) {
    font-size: 20px;
    line-height: 1.3;
  }
  .bottom-row .links a:hover {
    color: #FFFFFF;
  }
}
.pxc-avatar {
  transition: all 600ms ease;
  display: flex;
  flex-direction: column;
  height: auto;
  width: 150px;
  justify-content: space-around;
}

.pxc-avatar img {
  transition: all 600ms ease;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  box-shadow: 0 1px 1rem rgba(10, 10, 25, 0.5);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 900px) {
  .pxc-avatar img {
    width: 125px;
    height: 125px;
  }
}
.pxc-bg {
  transition: all 600ms ease;
  border-radius: 2px;
  height: 100%;
  width: calc(100% - 75px);
  position: absolute;
  z-index: 0;
  pointer-events: none;
  left: 75px;
  background-size: cover;
  background-position: right;
  background-color: #FFFFFF;
}

.silver .pxc-bg {
  height: 100%;
  background-size: contain;
}

.bronze .pxc-bg {
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 480px;
  height: 100%;
  max-height: 80px;
  border-radius: 0;
  background-position: 0 -10px;
}

@media screen and (max-width: 900px) {
  .pxc-bg {
    left: 50px;
  }
}
.pxc-subcard {
  transition: all 600ms ease;
  border-radius: 3px;
  background: rgba(34, 34, 34, 0.8);
  width: 700px;
  margin: 25px 200px 25px 0px;
  z-index: 0;
  padding: 15px 25px 15px 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 1rem rgba(10, 10, 25, 0.3);
}

@media screen and (min-width: 700px) {
  .silver .pxc-subcard {
    margin: 0 0 0 -75px;
    padding: 15px 25px 15px 90px;
  }
}
@media screen and (max-width: 900px) {
  .pxc-subcard {
    margin-right: 120px;
    margin-left: -32px;
  }
}
.pxc-stopper {
  transition: all 600ms ease;
  height: 100%;
  width: calc(60%);
  background: #FFF6;
  display: block;
  position: absolute;
  z-index: 0;
  left: 75px;
}

@media screen and (max-width: 900px) {
  .pxc-stopper {
    left: 50px;
  }
}
.pxc-tags {
  position: absolute;
  bottom: 10px;
  left: 20px;
  height: 32px;
  overflow: hidden;
  text-align: center;
}

.pxc-tags div {
  color: white;
  display: inline-block;
  background: #222222;
  border: solid 1px #fff2;
  border-radius: 2px;
  padding: 2px 10px;
  line-height: 1.7;
  margin: 4px 4px;
  font-size: 12px;
}

.pxc-title {
  font-size: 24px;
  margin-bottom: 4px;
  color: white;
  width: calc(100% - 50px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 0 0 auto;
}
.pxc-title a {
  color: #FFFFFF;
  transition: all 0.2s linear;
}
.pxc-title a:hover {
  color: #cd3333;
}

.pxc-sub {
  font-size: 14px;
  margin: 2px 0 8px 0;
  flex: 1 1 auto;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(black 60%, transparent 100%);
  color: #a6aad1;
}
.pxc-sub a {
  color: #FFFFFF;
  transition: all 0.2s linear;
}
.pxc-sub a:hover {
  color: #cd3333;
}

.silver .pxc-sub {
  overflow: visible;
}

.pxc-feats {
  font-size: 13px;
  color: #5f5f80;
  flex: 1 1 auto;
  padding-bottom: 5px;
  margin-bottom: 5px;
  line-height: 1.3;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(black 50%, transparent 100%);
}

.silver .pxc-feats, .bronze .pxc-feats {
  display: none;
}

.pxc-feats span:not(:first-child):before {
  content: " \2022   ";
  margin: 3px;
}

.bottom-row {
  flex: 0 1 auto;
  margin-top: 10px;
  display: flex;
  justify-items: space-around;
  align-items: center;
}
.bottom-row .pxc-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bottom-row .links a:hover {
  color: #EEF;
}
.bottom-row .flags {
  overflow: hidden;
  height: 23px;
}
.bottom-row .flags span {
  margin: 2px 6px;
  background: white;
  border-radius: 3px;
  width: 24px;
  height: 16px;
  display: inline-block;
}
.bottom-row .region {
  color: white;
  margin-left: 8px;
}

.pxc-button {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1;
}

section.hero-section {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  padding-left: 5vw;
  height: 100vh;
  width: 100vw;
  min-height: 840px;
  top: 0;
  left: 0;
}

.hero-slide {
  width: 65vw;
  padding-top: 1vh;
  color: #FFFFFF;
}
.hero-slide h1, .hero-slide h2 {
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: Roboto, Helvetica Neue, Arial;
}
.hero-slide h1 {
  font-size: 2.4rem;
  letter-spacing: 1.36px;
  font-weight: 300;
}
.hero-slide h2 {
  font-weight: 700;
  font-size: 14rem;
  line-height: 1.08em;
  letter-spacing: -1.5px;
  margin-left: -2px;
}
.hero-slide h2.hero-price {
  font-size: 14rem;
  float: right;
}

.info-wrapper, .note-wrapper {
  text-transform: uppercase;
  font-family: Roboto, Helvetica Neue, Arial;
  width: 65vw;
  position: absolute;
  color: #FFFFFF;
  z-index: 1;
}
.info-wrapper .key, .note-wrapper .key {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.084rem;
  text-align: left;
}
.info-wrapper .val, .note-wrapper .val {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: -0.068rem;
  text-align: left;
}

.info-wrapper {
  bottom: 130px;
}

.note-wrapper {
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  section.hero-section {
    width: 100vw;
  }

  .hero-slide {
    width: 100vw;
  }
  .hero-slide h1 {
    font-size: 1.3rem;
  }
  .hero-slide h2 {
    font-size: 2rem;
  }
  .hero-slide h2.hero-price {
    font-size: 4rem;
  }

  .info-wrapper, .note-wrapper {
    width: 100vw;
  }
  .info-wrapper .key, .note-wrapper .key {
    font-size: 0.7rem;
  }
  .info-wrapper .val, .note-wrapper .val {
    font-size: 1.5rem;
  }

  .info-wrapper {
    bottom: 110px;
  }

  .note-wrapper {
    bottom: 10px;
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  section.hero-section {
    width: 100vw;
  }

  .hero-slide {
    width: 100vw;
  }
  .hero-slide h1 {
    font-size: 1.3rem;
  }
  .hero-slide h2 {
    font-size: 2rem;
    line-height: 1;
  }
  .hero-slide h2.hero-price {
    font-size: 6rem;
  }

  .info-wrapper, .note-wrapper {
    width: 95vw;
  }
  .info-wrapper .key, .note-wrapper .key {
    font-size: 1.2rem;
    letter-spacing: 0.042rem;
    line-height: 1.36;
  }
  .info-wrapper .val, .note-wrapper .val {
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: -0.072rem;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1365px) {
  section.hero-section {
    width: 100vw;
  }

  .hero-slide {
    width: 95vw;
  }
  .hero-slide h1 {
    font-size: 3rem;
  }
  .hero-slide h2 {
    font-size: 7rem;
    line-height: 1;
  }
  .hero-slide h2.hero-price {
    font-size: 5rem;
  }

  .info-wrapper, .note-wrapper {
    width: 95vw;
  }
  .info-wrapper .key, .note-wrapper .key {
    font-size: 1.3rem;
    letter-spacing: 0.042rem;
    line-height: 1.36;
  }
  .info-wrapper .val, .note-wrapper .val {
    font-size: 1.6rem;
    font-weight: 300;
    letter-spacing: -0.072rem;
    text-align: left;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1599px) {
  section.hero-section {
    width: 100vw;
  }

  .hero-slide {
    width: 95vw;
  }
  .hero-slide h1 {
    font-size: 4rem;
  }
  .hero-slide h2 {
    font-size: 10rem;
    line-height: 1;
  }
  .hero-slide h2.hero-price {
    font-size: 8rem;
  }

  .info-wrapper, .note-wrapper {
    width: 100vw;
  }
  .info-wrapper .key, .note-wrapper .key {
    font-size: 1.3rem;
    letter-spacing: 0.042rem;
    line-height: 1.36;
  }
  .info-wrapper .val, .note-wrapper .val {
    font-size: 1.6rem;
    font-weight: 300;
    letter-spacing: -0.072rem;
    text-align: left;
  }
}
@media screen and (min-width: 1600px) {
  section.hero-section {
    width: 100vw;
  }

  .hero-slide {
    width: 95vw;
  }
  .hero-slide h1 {
    font-size: 4rem;
  }
  .hero-slide h2 {
    font-size: 12rem;
    line-height: 1;
  }
  .hero-slide h2.hero-price {
    font-size: 6rem;
  }

  .info-wrapper, .note-wrapper {
    width: 65vw;
  }
  .info-wrapper .key, .note-wrapper .key {
    font-size: 1.3rem;
    letter-spacing: 0.042rem;
    line-height: 1.36;
  }
  .info-wrapper .val, .note-wrapper .val {
    font-size: 1.6rem;
    font-weight: 300;
    letter-spacing: -0.072rem;
    text-align: left;
  }
}
@media (min-width: 1025px) {
  .info-wrapper {
    bottom: 100px;
  }
}
.error-messages {
  position: absolute;
  width: 100%;
  top: 175px;
}
.error-messages ul li {
  display: block;
  text-align: center;
}

li.reveal-if-active {
  margin-bottom: 0 !important;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transform: scale(0.8);
  transition: 0.5s;
}
input[type=radio]:checked ~ li.reveal-if-active, input[type=checkbox]:checked ~ li.reveal-if-active {
  opacity: 1;
  max-height: 100px;
  overflow: visible;
  padding: 10px 0;
  transform: scale(1);
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25em !important;
}

.p-2 {
  padding: 0.5em !important;
}

.p-3 {
  padding: 1em !important;
}

.p-4 {
  padding: 1.5em !important;
}

.p-5 {
  padding: 3em !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25em !important;
}

.pt-2 {
  padding-top: 0.5em !important;
}

.pt-3 {
  padding-top: 1em !important;
}

.pt-4 {
  padding-top: 1.5em !important;
}

.pt-5 {
  padding-top: 3em !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25em !important;
}

.pb-2 {
  padding-bottom: 0.5em !important;
}

.pb-3 {
  padding-bottom: 1em !important;
}

.pb-4 {
  padding-bottom: 1.5em !important;
}

.pb-5 {
  padding-bottom: 3em !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 0.25em !important;
}

.pl-2 {
  padding-left: 0.5em !important;
}

.pl-3 {
  padding-left: 1em !important;
}

.pl-4 {
  padding-left: 1.5em !important;
}

.pl-5 {
  padding-left: 3em !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 0.25em !important;
}

.pr-2 {
  padding-right: 0.5em !important;
}

.pr-3 {
  padding-right: 1em !important;
}

.pr-4 {
  padding-right: 1.5em !important;
}

.pr-5 {
  padding-right: 3em !important;
}

/*form styles*/
#msform {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  position: relative;
  min-height: 540px;
}

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  padding: 20px 30px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 10%;
  /*stacking fieldsets above each other*/
  position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}

/*inputs*/
#msform input,
#msform textarea,
#msform select {
  padding: 9px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  color: #2C3E50;
  font-size: 13px;
}

/*buttons*/
#msform .action-button,
#msform input[type=submit] {
  width: 100px !important;
  background: #d32f2f;
  font-weight: bold;
  color: white !important;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
}

#msform .action-button:hover,
#msform .action-button:focus {
  background: #be2a2a;
}

#msform label {
  display: block;
  text-align: left;
}

/*headings*/
.fs-title {
  font-size: 15px;
  text-transform: uppercase;
  color: #2C3E50;
  margin-bottom: 10px;
}

.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}

/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
}

#progressbar li {
  list-style-type: none;
  text-transform: uppercase;
  font-size: 9px;
  width: 33.33%;
  float: left;
  position: relative;
}

#progressbar.fouroptions li {
  width: 24% !important;
}

#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  font-size: 10px;
  color: #333;
  background: white;
  border-radius: 3px;
  margin: 0 auto 5px auto;
}

/*progressbar connectors*/
#progressbar li:after {
  content: "";
  width: 100%;
  height: 2px;
  background: white;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: -1;
  /*put it behind the numbers*/
}

#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}

/*marking active/completed steps red*/
/*The number of the step and the connector before it = red*/
#progressbar li.active:before, #progressbar li.active:after {
  background: #d32f2f;
  color: white;
}