@charset "UTF-8";
@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");
html {
  font-family: 'Jura', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

hr {
  box-sizing: content-box;
  height: 0;
}

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

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

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

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "\002a";
}

.glyphicon-plus:before {
  content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "\26fa";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "\231b";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "\00a5";
}

.glyphicon-jpy:before {
  content: "\00a5";
}

.glyphicon-ruble:before {
  content: "\20bd";
}

.glyphicon-rub:before {
  content: "\20bd";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

* {
  box-sizing: border-box;
}

*: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: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

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

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

mark,
.mark {
  background-color: #fcf8e3;
  padding: .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;
}

@media (min-width: 768px) {
  .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;
  }
}

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 \00A0';
}

.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: '\00A0 \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;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

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

@media (min-width: 768px) {
  .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%;
  }
}

@media (min-width: 992px) {
  .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) {
  .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%;
  }
}

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

@media (min-width: 768px) {
  .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 .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;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

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

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

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

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

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

@media (min-width: 768px) {
  .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,
.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;
}

@media (min-width: 768px) {
  .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;
  }
}

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

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

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

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

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

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

@media (min-width: 768px) {
  .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;
  }
}

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

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

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

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

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

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

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

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

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

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

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

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

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

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

@media (min-width: 768px) {
  .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;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }
}

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

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

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

@media (max-width: 767px) {
  .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;
  }
}

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

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.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;
  background-color: #f5f5f5;
  border-radius: 4px;
}

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

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

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

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.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: #23527c;
  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: #337ab7;
  border-color: #337ab7;
  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: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .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%;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

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

.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: 16px;
  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: .2;
  filter: alpha(opacity=20);
}

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

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

.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 {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  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: .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: 768px) {
  .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) {
  .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: .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;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-inner > .item {
  display: none;
  position: relative;
  transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent;
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent;
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

.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("Γÿ║"), 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("Γÿ║"), 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("Γÿ║"), 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("Γÿ║"), 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: 16px;
  line-height: 1.42857;
  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 {

}

.fancyLine:before {
  content:'';
  display:inline-block;
  width:50px;
  height:100%;
  border-bottom: 1px solid #505050;
  margin-bottom: 10px;
}

.fancyLine:after {
  content:'';
  display:inline-block;
  width:50px;
  height:100%;
  border-bottom: 1px solid #505050;
  margin-bottom: 10px;
}

.fancytitle {
  position: relative;
  font-size: 40px;
  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;
}

.fancytitle:after {
  content:'';
  display:inline-block;
  width:5%;
  height:100%;
  border-bottom: 4px solid #D13135;
  margin-bottom: 10px;
}

.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: 16px;
}

.bigParagraph p {
  font-size: 22px;
}

.thinFont {
  font-weight: 300;
}

.boldFont {
  font-weight: bold;
}

p.upperCase {
  text-transform: uppercase;
  font-size: 14px;
}

ul.defaultList li {
  font-size: 15px;
}

.readMore {
  font-size: 17px;
}

@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: 16px;
  }
}

.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: 16px;
  color: #7c7c7c;
  width: 100%;
  color: #414141;
  outline: 0;
  background: transparent;
  border: 0;
  height: 43px;
  line-height: 40px;
}

.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 textarea {
  width: 100%;
  color: #666;
  font-size: 16px;
  background: #fff;
  border-radius: 3px;
  padding: 12px 15px;
  outline: 0;
  border: 1px solid #cecac1;
}

ul.getform li .captcha-container {
  border-radius: 3px;
  padding: 0;
  border: 1px solid #cecac1;
}

ul.getform li .selectBox {
  width: 100%;
  border: 1px solid #cecac1;
  height: 48px;
}

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

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

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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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 {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
  animation-duration: .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 {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
  animation-duration: .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% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
  animation-duration: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
  animation-duration: .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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .5s;
}

.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .5s;
}

.hvr-bounce-out:hover,
.hvr-bounce-out:focus,
.hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.hvr-grow-rotate:hover,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}

.hvr-sink:hover,
.hvr-sink:focus,
.hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .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% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.hvr-skew:hover,
.hvr-skew:focus,
.hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.hvr-skew-forward:hover,
.hvr-skew-forward:focus,
.hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.hvr-skew-backward:hover,
.hvr-skew-backward:focus,
.hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  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% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  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% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .15s;
  animation-duration: .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% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .75s;
  animation-duration: .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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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: .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: .5s;
  animation-delay: .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;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .5s;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scaleX(1);
  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;
  -webkit-transform: translateZ(0);
  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: .5s;
}

.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scaleX(1);
  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;
  -webkit-transform: translateZ(0);
  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: .5s;
}

.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scaleY(1);
  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;
  -webkit-transform: translateZ(0);
  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: .5s;
}

.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scaleY(1);
  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;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scale(2);
  transform: scale(2);
}

.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .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 {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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: .1s;
  transition-timing-function: ease-out;
}

.hvr-reveal:hover:before,
.hvr-reveal:focus:before,
.hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .3s;
  transition-timing-function: ease-out;
}

.hvr-overline-reveal:hover:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .3s;
  transition-property: box-shadow, -webkit-transform;
  transition-property: box-shadow, transform;
  transition-property: box-shadow, transform, -webkit-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);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  transition-duration: .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;
  -webkit-transform: translateZ(0);
  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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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: .3s;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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 {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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 {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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 {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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 {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.hvr-bubble-float-top:hover,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.hvr-bubble-float-top:hover:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.hvr-bubble-float-right:hover,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

.hvr-bubble-float-right:hover:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.hvr-bubble-float-bottom:hover,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.hvr-bubble-float-bottom:hover:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.hvr-bubble-float-left:hover,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.hvr-bubble-float-left:hover:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .1s;
}

.hvr-icon-back:before {
  content: "\f137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .1s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}

.hvr-icon-back:hover:before,
.hvr-icon-back:focus:before,
.hvr-icon-back:active:before {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .1s;
}

.hvr-icon-forward:before {
  content: "\f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .1s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}

.hvr-icon-forward:hover:before,
.hvr-icon-forward:focus:before,
.hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateZ(0);
  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: .75s;
  animation-duration: .75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateZ(0);
  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: .75s;
  animation-duration: .75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-in-out;
}

.hvr-icon-spin:hover:before,
.hvr-icon-spin:focus:before,
.hvr-icon-spin:active:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}

@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}

.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-drop:hover:before,
.hvr-icon-drop:focus:before,
.hvr-icon-drop:active:before {
  opacity: 0;
  transition-duration: .3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: .3s;
  animation-delay: .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;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .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;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}

.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .5s;
  animation-duration: .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;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}

.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.hvr-icon-sink-away:after {
  opacity: 0;
  -webkit-animation-duration: .5s;
  animation-duration: .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;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-grow:before {
  content: "\f118";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow:hover:before,
.hvr-icon-grow:focus:before,
.hvr-icon-grow:active:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-shrink:before {
  content: "\f119";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}

.hvr-icon-shrink:hover:before,
.hvr-icon-shrink:focus:before,
.hvr-icon-shrink:active:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateZ(0);
  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 {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}

.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateZ(0);
  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: .3s;
  animation-duration: .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 {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: translateZ(0);
  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: .3s;
  animation-duration: .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% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-push:before {
  content: "\f006";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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: .3s;
  animation-duration: .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% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-pop:before {
  content: "\f005";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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: .3s;
  animation-duration: .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;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-bounce:before {
  content: "\f087";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}

.hvr-icon-bounce:hover:before,
.hvr-icon-bounce:focus:before,
.hvr-icon-bounce:active:before {
  -webkit-transform: scale(1.5);
  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;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-rotate:before {
  content: "\f0c6";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}

.hvr-icon-rotate:hover:before,
.hvr-icon-rotate:focus:before,
.hvr-icon-rotate:active:before {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-grow-rotate:before {
  content: "\f095";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}

.hvr-icon-grow-rotate:hover:before,
.hvr-icon-grow-rotate:focus:before,
.hvr-icon-grow-rotate:active:before {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}

.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-float:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}

.hvr-icon-float:hover:before,
.hvr-icon-float:focus:before,
.hvr-icon-float:active:before {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-sink:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-duration: .3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: ease-out;
}

.hvr-icon-sink:hover:before,
.hvr-icon-sink:focus:before,
.hvr-icon-sink:active:before {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-bob:before {
  content: "\f077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  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: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .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% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-hang:before {
  content: "\f078";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  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: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .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% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  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% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-wobble-vertical:before {
  content: "\f062";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  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% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-buzz:before {
  content: "\f017";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  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: .15s;
  animation-duration: .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% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  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: .3s;
}

.hvr-icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  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: .75s;
  animation-duration: .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;
  -webkit-transform: translateZ(0);
  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: linear-gradient(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: .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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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: .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;
  -webkit-transform: translateZ(0);
  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: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  transition-duration: .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: #bd2a2a;
}

.btnDefault:hover,
.btnDefault:active,
.btnDefault:focus {
  /*background: #be2a2a;
    color: #fff*/
  background-color: #ffcc00;
  color: #030303;
}

.btnDefault:hover .sqrBox,
.btnDefault:active .sqrBox,
.btnDefault:focus .sqrBox {
  background: #d32f2f;
}

.btnDefault.hvr-sweep-to-right:before {
  background: #be2a2a;
}

.btnPrimary {
  background: #ffcc00;
  font-size: 17px;
  font-weight: 600;
  color: #030303;
  border-radius: 3px;
  padding: 12px 15px;
  border: 0;
  overflow: hidden;
}

.btnPrimary .sqrBox {
  background: #e5b700;
}

.btnPrimary:hover,
.btnPrimary:active,
.btnPrimary:focus {
  background: #e5b701;
  color: #030303;
}

.btnPrimary:hover .sqrBox,
.btnPrimary:active .sqrBox,
.btnPrimary:focus .sqrBox {
  background: #ffcc00;
}

.btnPrimary.hvr-sweep-to-right:before {
  background: #e5b701;
}

.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 {
  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% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.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% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    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;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftWide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftWide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftWide {
  -webkit-animation-name: fadeInLeftWide;
  animation-name: fadeInLeftWide;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightWide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightWide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightWide {
  -webkit-animation-name: fadeInRightWide;
  animation-name: fadeInRightWide;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpWide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpWide {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpWide {
  -webkit-animation-name: fadeInUpWide;
  animation-name: fadeInUpWide;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    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;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    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% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    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% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    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% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    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% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    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% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    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% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    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% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    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;
  -webkit-transform: translatez(0);
  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: .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: .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: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-panel.mm-opened {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-panel.mm-subopened {
  -webkit-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  -webkit-transform: translate3d(-30%, 0, 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 {
  -webkit-transform: none !important;
  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 {
  -webkit-transform: rotate(45deg);
  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;
  -webkit-transform: rotate(-45deg);
  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 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto;
}

.mm-next:after {
  -webkit-transform: rotate(135deg);
  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, 255, 255, 0.5);
  tap-highlight-color: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 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(0, 0, 0, 0.05);
}

.mm-page {
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .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 {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    transform: translate(440px, 0);
    -webkit-transform: translate3d(440px, 0, 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: width, max-width, -webkit-transform;
  transition-property: transform, width, max-width;
  transition-property: transform, width, max-width, -webkit-transform;
}

.mm-menu.mm-columns .mm-panels > .mm-panel {
  width: 100%;
  right: auto;
  display: none;
  transition-property: width, -webkit-transform;
  transition-property: transform, width;
  transition-property: transform, width, -webkit-transform;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened {
  border-right: 1px solid;
  border-color: inherit;
  display: block;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  z-index: 2;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 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;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 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 {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 0px) {
  html.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}

@media all and (min-width: 0px) {
  html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 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;
  -webkit-transform: translate(200%, 0);
  transform: translate(200%, 0);
  -webkit-transform: translate3d(200%, 0, 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 {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 550px) {
  html.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate(440px, 0);
    transform: translate(440px, 0);
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0);
  }
}

html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}

@media all and (min-width: 550px) {
  html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    transform: translate(-440px, 0);
    -webkit-transform: translate3d(-440px, 0, 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 {
  -webkit-transform: translate(200%, 0);
  transform: translate(200%, 0);
  -webkit-transform: translate3d(200%, 0, 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;
  -webkit-transform: translate(300%, 0);
  transform: translate(300%, 0);
  -webkit-transform: translate3d(300%, 0, 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 {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 1100px) {
  html.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate(880px, 0);
    transform: translate(880px, 0);
    -webkit-transform: translate3d(880px, 0, 0);
    transform: translate3d(880px, 0, 0);
  }
}

html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}

@media all and (min-width: 1100px) {
  html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate(-880px, 0);
    transform: translate(-880px, 0);
    -webkit-transform: translate3d(-880px, 0, 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 {
  -webkit-transform: translate(300%, 0);
  transform: translate(300%, 0);
  -webkit-transform: translate3d(300%, 0, 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;
  -webkit-transform: translate(400%, 0);
  transform: translate(400%, 0);
  -webkit-transform: translate3d(400%, 0, 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 {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 1650px) {
  html.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate(1320px, 0);
    transform: translate(1320px, 0);
    -webkit-transform: translate3d(1320px, 0, 0);
    transform: translate3d(1320px, 0, 0);
  }
}

html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}

@media all and (min-width: 1650px) {
  html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate(-1320px, 0);
    transform: translate(-1320px, 0);
    -webkit-transform: translate3d(-1320px, 0, 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 {
  -webkit-transform: translate(400%, 0);
  transform: translate(400%, 0);
  -webkit-transform: translate3d(400%, 0, 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;
  -webkit-transform: translate(500%, 0);
  transform: translate(500%, 0);
  -webkit-transform: translate3d(500%, 0, 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 {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 2200px) {
  html.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate(1760px, 0);
    transform: translate(1760px, 0);
    -webkit-transform: translate3d(1760px, 0, 0);
    transform: translate3d(1760px, 0, 0);
  }
}

html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}

@media all and (min-width: 2200px) {
  html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate(-1760px, 0);
    transform: translate(-1760px, 0);
    -webkit-transform: translate3d(-1760px, 0, 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 {
  -webkit-transform: translate(500%, 0);
  transform: translate(500%, 0);
  -webkit-transform: translate3d(500%, 0, 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;
  -webkit-transform: translate(600%, 0);
  transform: translate(600%, 0);
  -webkit-transform: translate3d(600%, 0, 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 {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 2750px) {
  html.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate(2200px, 0);
    transform: translate(2200px, 0);
    -webkit-transform: translate3d(2200px, 0, 0);
    transform: translate3d(2200px, 0, 0);
  }
}

html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}

@media all and (min-width: 2750px) {
  html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate(-2200px, 0);
    transform: translate(-2200px, 0);
    -webkit-transform: translate3d(-2200px, 0, 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 {
  -webkit-transform: translate(600%, 0);
  transform: translate(600%, 0);
  -webkit-transform: translate3d(600%, 0, 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;
  -webkit-transform: translate(700%, 0);
  transform: translate(700%, 0);
  -webkit-transform: translate3d(700%, 0, 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 {
  -webkit-transform: translate(80%, 0);
  transform: translate(80%, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 3300px) {
  html.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate(2640px, 0);
    transform: translate(2640px, 0);
    -webkit-transform: translate3d(2640px, 0, 0);
    transform: translate3d(2640px, 0, 0);
  }
}

html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
  -webkit-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}

@media all and (min-width: 3300px) {
  html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate(-2640px, 0);
    transform: translate(-2640px, 0);
    -webkit-transform: translate3d(-2640px, 0, 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 {
  -webkit-transform: rotate(45deg);
  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;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 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 {
  -webkit-transform: none !important;
  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;
  -webkit-transform: rotate(45deg);
  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: left, -webkit-transform;
  transition-property: transform, left;
  transition-property: transform, left, -webkit-transform;
}

.mm-iconpanel .mm-panel.mm-opened {
  border-left: 1px solid;
  border-color: inherit;
}

.mm-iconpanel .mm-panel.mm-subopened {
  overflow-y: hidden;
  left: -40px;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 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 .4s ease;
}

.mm-subopened .mm-subblocker {
  opacity: .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;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 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) {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-rtl .mm-panel.mm-subopened {
  -webkit-transform: translate(30%, 0);
  transform: translate(30%, 0);
  -webkit-transform: translate3d(30%, 0, 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 {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto;
}

.mm-menu.mm-rtl .mm-navbar .mm-prev:before {
  -webkit-transform: rotate(135deg);
  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 {
  -webkit-transform: rotate(-45deg);
  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 {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-rtl.mm-iconpanel .mm-panel {
  transition-property: right, -webkit-transform;
  transition-property: transform, right;
  transition-property: transform, right, -webkit-transform;
}

.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) {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 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 .4s ease;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 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 .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: .1;
  -webkit-transform: rotate(-45deg);
  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 {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px, 0);
    transform: translate(140px, 0);
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    transform: translate(10000px, 0);
    -webkit-transform: translate3d(10000px, 0, 0);
    transform: translate3d(10000px, 0, 0);
  }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}

@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0);
    -webkit-transform: translate3d(-10000px, 0, 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: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

html.mm-opening .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0);
}

.mm-menu.mm-effect-menu-slide {
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate(-30%, 0);
  transform: translate(-30%, 0);
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

html.mm-opening .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate(30%, 0);
  transform: translate(30%, 0);
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-effect-menu-fade {
  opacity: 0;
  transition: opacity .4s ease;
}

html.mm-opening .mm-menu.mm-effect-menu-fade {
  opacity: 1;
}

.mm-menu.mm-effect-panels-zoom .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0);
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
}

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li {
  transition: none .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: .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: .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: .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: .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: .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: .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: .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: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
  opacity: 0;
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 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: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  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) {
  -webkit-box-flex: 1;
  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: .3;
  transition: opacity .4s ease .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 .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;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

html.mm-popup.mm-opening .mm-menu.mm-popup {
  opacity: 1;
}

html.mm-popup .mm-slideout {
  -webkit-transform: none !important;
  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 {
  -webkit-transform: translate(-80%, 0);
  transform: translate(-80%, 0);
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}

@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    transform: translate(-440px, 0);
    -webkit-transform: translate3d(-440px, 0, 0);
    transform: translate3d(-440px, 0, 0);
  }
}

html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  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: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-offcanvas.mm-front.mm-right,
.mm-menu.mm-offcanvas.mm-next.mm-right {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-offcanvas.mm-top {
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.mm-menu.mm-offcanvas.mm-bottom {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  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 {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 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 .2s ease-in-out, background-color .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 .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .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-image: url(mCSB_buttons.png);
  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 {
  -webkit-transform: translate3d(0, 0, 0);
  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.3333333333333333em;
  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.2857142857142858em;
  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: 16px;
}

.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: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.icon.pull-left {
  margin-right: .3em;
}

.icon.pull-right {
  margin-left: .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% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.icon-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icon-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -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;
  -webkit-transform: translate3d(0, 0, -180px);
  transform: translate3d(0, 0, -180px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.no-js .elasticstack li {
  position: relative;
  display: inline-block;
  opacity: 1;
  margin: 10px;
  cursor: default;
  -webkit-transform: translate3d(0, 0, 0);
  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: 16px;
  }
}

@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: 17px;
  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;
}

.tiktok-icons {
  background-position: -137px -1760px;
  width: 36px;
  height: 36px;
}

.tiktok-icons:hover {
  background-position: -137px -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;
}

.tiktok-icon {
  background-position: -105px -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 .25s;
  -moz-transition: opacity 1s ease-in .25s;
  -o-transition: opacity 1s ease-in .25s;
  opacity: .7;
}

.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 {
  font-weight: 400 !important;
  font-size: 12px !important;
  padding: 0 !important;
}

.topNav {
  list-style: none;
  padding: 5px;
  margin: 0;
  opacity: 1;
  transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out;
  -o-transition: opacity .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: 10px;
  vertical-align: top;
}

.topNav li:hover {
  opacity: .6 !important;
}

.topNav li h6 span {
  display: block;
  font-size: 15px;
  color: #999999;
}

.navigation {
  background: rgba(30, 30, 30, 1);
  clear: both;
  width: 100%;
  box-shadow: 0 1px 1px 0 rgba(3, 3, 3, 0.2);
  z-index: 2;
  position: relative;
  opacity: 1;
  -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: #cc3333;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

.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: .6 !important;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .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;
    border-left: 1px solid #ccc;
    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: 840px;
    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: 0;
  }
  .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: 20px;
  }
  .dropDown-container > ul > li.thumbBox > a .dropDown-thumb {
    max-width: 150px;
    margin: 0 auto;
  }
  .dropDown-container > ul > li.thumbBox .levelTwoNav .dropDown-thumb {
    max-width: 130px;
    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: 15px;
    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: 20px !important;
  }
  .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: .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 {
  color: #fff;
  background-image: url(/images/become-a-dealer/dealers1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  min-height: 600px;
}

.bannerInner ul {
  padding: 0;
  margin: 0 !important;
  list-style: none;
}

.bannerInner:after {
  position: absolute;
  left: 0;
  top: 139px;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.28);
  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;
  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;
}

.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: #ffcc00;
  color: #000;
}

.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: #e5b701;
}

.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: .4s;
  cursor: pointer;
}

.all-building li {
  float: left;
}

@media (min-width: 1025px) {
  .all-building .col-md-3:hover {
    margin-top: -20px;
    transition: .4s;
  }
  ul.OnlineDealers li .detailsDealers a.tel {
    cursor: text;
  }
}

.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 {
    -webkit-transform: scale(1.6);
    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: 16px;
  padding: 0 25px;
  vertical-align: middle;
  font-weight: 600;
  margin-top: 13px;
  display: inline-block;
}

.zipForm {
  border: 1px solid #fff;
  border-radius: 3px;
  overflow: hidden;
  background: #131313;
}

.zipForm input[type="text"] {
  color: #fff;
  font-size: 17px;
  border: 0;
  vertical-align: top;
  padding: 8px 10px;
  outline: 0;
  width: 206px;
  float: left;
  background: #131313;
}

.zipForm input[type="submit"] {
  font-size: 15px;
  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 {
  -webkit-transform: scale(2.02);
  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 {
  -webkit-transform: scale(1.1);
  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: 16px;
  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: table;
  width: 100%;
  min-height: 326px;
}

.success-story-img {
  background-image: url("../images/img/success-story.jpg");
}

.traning-program {
  background-image: url("../images/img/traning-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: 20px 0 0 0;
}

ul.product-row li .product-thumb {
  overflow: hidden;
  position: relative;
}

ul.product-row li .product-thumb img {
  width: 100%;
}

ul.product-row li {
  padding: 10px;
}

ul.product-row li .product-view {
  border: 1px solid #efebe8;
  text-align: center;
}

ul.product-row li .product-structure {
  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: #111111;
  color: #fff;
  padding: 10px 10px 14px;
  border-top: #be2a2a 2px 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 {
  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%, #feca2f 51%, #feca2f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca3538', endColorstr='#feca2f', GradientType=1);
}

.left-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.left-box ul li a {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #111;
  text-transform: uppercase;
  background: #ffcc00;
  padding: 12px 50px 14px 18px;
  border-radius: 3px;
}

.left-box ul li a:hover {
  background: #ecb100;
}

.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: 16px;
  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: .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;
}

.g-recaptcha {
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
}

.g-recaptcha > div {
  width: 300px !important;
  height: 75px !important;
  overflow: hidden;
  margin: -8px 0 0px -2px;
}

.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: 16px;
}

.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: 18px;
  color: #282828;
  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 {
  margin-right: -52px;
  padding-top: 5px;
}

ul.dealer-define .logo-name img {
  margin-bottom: 10px;
}

.dealers-available ul.dealer-define li {
  max-width: 302px;
  background: #ffffff;
}

.dealers-available ul.dealer-define li div.logo-name {
  text-align: center;
  padding: 25px 35px 0;
}

div.dealer-contacts {
  background: #eee;
  border-top: 1px solid #d9d9d9;
  padding: 40px 15px 10px;
  margin: 22px -30px -8px 0px;
  font-size: 15px;
  color: #333;
  font-weight: 400;
  position: relative;
}

div.dealer-contacts .info-row label {
  padding-right: 10px;
  float: left;
  text-align: right;
  color: #666;
  width: 70px;
}

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

.gm-style-iw div {
  overflow: visible !important;
}

.gm-iw,
.gm-style-iw {
  padding: 15px;
}

.http {
  position: relative;
}

.http:after {
  content: 'https://';
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
  font-size: 16px;
  color: #666;
  border-right: 1px solid #dad0ca;
  padding: 0 10px;
  line-height: 48px;
}

ul.getform li .http input[type="text"] {
  padding-left: 75px;
}

.modal-backdrop.in {
  opacity: .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;
}

.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: #fff;
  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 {
  background-color: rgba(0, 0, 0, 0.8);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 -15px;
}

.proImg-preview .pro-description {
  background: none;
  padding: 0;
  position: static;
  height: 115px;
  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: 20px;
}

#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;
  border-bottom: 1px solid #eee;
}

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

section.dark {
  color: #fff;
  background: #1d1d1d;
}

section.light {
  color: #1d1d1d;
  background: #fff;
}

.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: #efebe9;
  padding: 0;
}

.joind-dealer .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: 16px;
  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: 16px;
  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: 15px;
}

.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: #d32f2f;
  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: .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;
}

.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 .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 .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 .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: .3;
  pointer-events: none;
}

.jssora02r.jssora02rds {
  background-position: -63px -33px;
  opacity: .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: .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 {
  -webkit-transform: scale(0.7);
  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: .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: 16px;
  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 {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

footer {
  background: #fff;
  border-top: 2px 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: 3px;
  font-size: 0;
  right: 0;
  background: #ca3538;
  background: linear-gradient(to right, #ca3538 0%, #ca3538 51%, #feca2f 51%, #feca2f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca3538', endColorstr='#feca2f', GradientType=1);
}

section.footer-inner {
  padding-top: 25px;
  padding-bottom: 0;
}

.footer-inner .col-md-3 {
  border-right: 2px solid #e9e9e9;
  min-height: 331px;
  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: 110px;
  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: 26px 0;
  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;
}

.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: 50%;
  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;
  bottom: 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;
  -webkit-transform: rotate(180deg);
  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 {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.arrowsAdd .wheel-slides .slick-prev {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 5px;
  bottom: auto;
}

.arrowsAdd .slick-vertical .slick-slide {
  opacity: .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: .5s;
  animation-duration: .5s;
}

.certification-img .overlay-pdf .btn {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.highlighted {
  font-weight: 600;
}

.orangeShades .overlay-pdf {
  background: rgba(255, 87, 34, 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: #333;
}

span.note-small {
  font-size: 13px;
  color: #000;
  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: 10px 0;
  }
  .colorOptingBox {
    top: 208px;
    left: 20px;
    right: 20px;
    bottom: 64px;
  }
  .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;
  }
  .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: 16px;
    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;
  }
}

@media (min-width: 1025px) {
  .certification-img:hover {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  .show-1024 {
    display: none;
  }
  a[rel="tel"] {
    cursor: text;
  }
  .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: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    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: 54px;
  }
  .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 {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
    margin-left: -12px;
  }
  #getPrice .g-recaptcha > div {
    width: 300px !important;
    height: 72px !important;
    overflow: hidden;
    margin: 0px 0 0px -2px;
  }
  #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: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    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;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  .arrow-mobile-set .bx-wrapper .bx-next {
    right: -15px;
    -webkit-transform: scale(0.6);
    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: -6px;
    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: 100px;
    left: 50px;
    right: 50px;
  }
  .setBottom {
    font-size: 20px;
    padding: 20px 0;
  }
  .cer-s-building .productFilterUl {
    padding-top: 30px;
  }
  .geoLocator .dealerOfMonth {
    width: auto;
    position: relative;
  }
  .geoLocator .col-md-6 {
    min-height: 0;
  }
  .shopOlSection,
  .findDealer {
    padding: 30px 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: rgba(0, 0, 0, 0.8);
    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: #d32f2f;
    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: 17px;
  }
  .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) {
  .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 {
    -webkit-transform: scale(0.7);
    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;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  ul.purchase-points li p {
    font-size: 14px;
  }
  .purchase-points span.sprite-icon,
  .pre-purchase-consultation span.sprite-icon {
    -webkit-transform: scale(0.9);
    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: 14px;
    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;
  }
  .geoLocator #googleMap {
    display: none;
  }
  .findDealer .zipForm input[type="text"] {
    width: 197px;
  }
  .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;
  }
}

@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 {
    -webkit-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: 16px;
  }
  .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 {
    -webkit-transform: scale(0.8);
    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;
  }
}

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

/** Support **/
.support {
  background: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
}

p.support {
  margin: 10px;
  font-size: 16px;
  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::-webkit-input-placeholder {
  color: #D13135;
}

#support_search_input:-ms-input-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 {
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}

.supportgrid-top:nth-child(2n) {
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}

.grid-top:last-child,
.supportgrid-top:last-child {
  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;
}

@media (min-width: 768px) {
  .grid-bottom:first-child,
  .supportgrid-bottom:first-child {
    border-bottom: 0;
  }
  .supportgrid-bottom:nth-child(2n) {
    border-bottom: 0;
  }
  .grid-bottom:last-child,
  .supportgrid-bottom:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 480px) {
  .grid-bottom:first-child,
  .supportgrid-bottom:first-child {
    border-bottom: 0;
  }
     .grid-bottom,
  .supportgrid-bottom:nth-child(2n) {
    border-bottom: 0;
  }
  .grid-bottom:last-child,
  .supportgrid-bottom:last-child {
    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: 16px;
  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;
}

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

#myVideo {
  position: relative;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: auto;
}

.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, .7);
  font-size: 76px;
  text-transform: capitalize;
}

.title-hero h2 {
  color: rgba(255, 255, 255, .7);
  font-size: 20px;
  font-variant: small-caps;
}
#bars {
     height: 40px;
     width: 40px;
     bottom: 30%;
     left: 50%;
     margin: 0 0 0 -20px;
     padding: 0 0 15px 0;
     position: absolute;
     background: transparent;
     border: none;
     outline: none;
     cursor: pointer;
}

 .audio {
    color: #ffffff;
    font-size: 12px;
    padding: 7px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.bar {
    background: #ffffff;
    bottom: 33px;
    height: 3px;
    width: 3px;
    margin-bottom: 5px;
    position: absolute;
    animation: sound 0ms -800ms linear infinite alternate;
}

@keyframes sound {
    0% {
       opacity: 1;
        height: 3px;
    }
    100% {
        opacity: .1;
        height: 30px;
    }
}

.bar:nth-child(1)  { left: 1px; animation-duration: 474ms; }
.bar:nth-child(2)  { left: 5px; animation-duration: 433ms; }
.bar:nth-child(3)  { left: 9px; animation-duration: 407ms; }
.bar:nth-child(4)  { left: 13px; animation-duration: 458ms; }
.bar:nth-child(5)  { left: 17px; animation-duration: 400ms; }
.bar:nth-child(6)  { left: 21px; animation-duration: 427ms; }
.bar:nth-child(7)  { left: 25px; animation-duration: 441ms; }
.bar:nth-child(8)  { left: 29px; animation-duration: 419ms; }
.bar:nth-child(9)  { left: 33px; animation-duration: 487ms; }
.bar:nth-child(10) { left: 37px; animation-duration: 442ms; }
.bar:nth-child(11) { left: 41px; animation-duration: 413ms; }
.bar:nth-child(12) { left: 45px; animation-duration: 460ms; }
.bar:nth-child(13) { left: 48px; animation-duration: 475ms; }

.bar.noAnim {
  -webkit-animation: none;
  -webkit-animation-name: none;
}

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

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

/* Sales Banners Classes */
.centerBox {
  position: absolute;
  display: flex;
  height: 100%;
  width: 100vw;
  background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
}

.centerBox-inner {
  padding: 10% 10% 0;
}

.salesBannerText h3,
.salesBannerText div {
  text-transform: uppercase;
}

.salesBannerText h3 {
  color: #ffcc00;
  font-size: 48px;
  letter-spacing: 3px;
}

.salesBannerText div:nth-child(2) h3{
  color: #ffcc00;
  font-size: 48px;
}

.salesBannerText div {
  color: #ffffff;
  font-size: 24px;
  line-height: 1.7rem;
}

@media (max-width: 1024px) {
  .centerBox-inner {
    padding: 10px 10px 0;
  }

  .salesBannerText h3 {
    color: #ffcc00;
    font-size: 18px;
    letter-spacing: 3px;
  }

  .salesBannerText div:nth-child(2) h3{
    color: #ffcc00;
    font-size: 18px;
  }

  .salesBannerText div {
    color: #ffffff;
    font-size: 12px;
  }
}

@media (max-width: 1365px) and (min-width: 1025px) {
  .centerBox-inner {
    padding: 25% 10% 0;
  }

  .salesBannerText h3 {
    color: #ffcc00;
    font-size: 48px;
    letter-spacing: 3px;
  }

  .salesBannerText div:nth-child(2) h3{
    color: #ffcc00;
    font-size: 48px;
  }

  .salesBannerText div {
    color: #ffffff;
    font-size: 24px;
    line-height: 1.7rem;
  }
}