body.apex-theme-syntec {
  font-size: 18px !important;
}

@charset "UTF-8";

/* Bootstrap v3.3.5 */
.syn-scope html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.syn-scope body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
.syn-scope summary {
  display: block;
}
audio,
canvas,
progress,
.syn-scope video {
  display: inline-block;
  vertical-align: baseline;
}
.syn-scope audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
.syn-scope template {
  display: none;
}
.syn-scope a {
  background-color: transparent;
}
a:active,
.syn-scope a:hover {
  outline: 0;
}
.syn-scope abbr[title] {
  border-bottom: 1px dotted;
}
b,
.syn-scope strong {
  font-weight: 700;
}
.syn-scope dfn {
  font-style: italic;
}
.syn-scope h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
.syn-scope mark {
  color: #000;
  background: #ff0;
}
.syn-scope small {
  font-size: 80%;
}
sub,
.syn-scope sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
.syn-scope sup {
  top: -0.5em;
}
.syn-scope sub {
  bottom: -0.25em;
}
.syn-scope img {
  border: 0;
}
.syn-scope svg:not(:root) {
  overflow: hidden;
}
.syn-scope figure {
  margin: 1em 40px;
}
.syn-scope hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.syn-scope pre {
  overflow: auto;
}
code,
kbd,
pre,
.syn-scope samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
.syn-scope textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
.syn-scope button {
  overflow: visible;
}
button,
.syn-scope select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
.syn-scope input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
.syn-scope html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
.syn-scope input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.syn-scope input {
  line-height: normal;
}
input[type="checkbox"],
.syn-scope input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
.syn-scope input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.syn-scope input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
.syn-scope input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.syn-scope fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid silver;
}
.syn-scope legend {
  padding: 0;
  border: 0;
}
.syn-scope textarea {
  overflow: auto;
}
.syn-scope optgroup {
  font-weight: 700;
}
.syn-scope table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
.syn-scope th {
  padding: 0;
} /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {.syn-scope *, .syn-scope :after, .syn-scope :before {
    color: #000 !important;
    text-shadow: none !important;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }.syn-scope a, .syn-scope a:visited {
    text-decoration: underline;
  }.syn-scope a[href]:after {
    content: " (" attr(href) ")";
  }.syn-scope abbr[title]:after {
    content: " (" attr(title) ")";
  }.syn-scope a[href^="javascript:"]:after, .syn-scope a[href^="#"]:after {
    content: "";
  }.syn-scope blockquote, .syn-scope pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }.syn-scope thead {
    display: table-header-group;
  }.syn-scope img, .syn-scope tr {
    page-break-inside: avoid;
  }.syn-scope img {
    max-width: 100% !important;
  }.syn-scope h2, .syn-scope h3, .syn-scope p {
    orphans: 3;
    widows: 3;
  }.syn-scope h2, .syn-scope h3 {
    page-break-after: avoid;
  }.syn-scope .navbar {
    display: none;
  }.syn-scope .btn > .caret, .syn-scope .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }.syn-scope .label {
    border: 1px solid #000;
  }.syn-scope .table {
    border-collapse: collapse !important;
  }.syn-scope .table td, .syn-scope .table th {
    background-color: #fff !important;
  }.syn-scope .table-bordered td, .syn-scope .table-bordered th {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix)
      format("embedded-opentype"),
    url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),
    url(../fonts/glyphicons-halflings-regular.woff) format("woff"),
    url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),
    url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular)
      format("svg");
}
.syn-scope .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.syn-scope .glyphicon-asterisk:before {
  content: "\2a";
}
.syn-scope .glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-eur:before,
.syn-scope .glyphicon-euro:before {
  content: "\20ac";
}
.syn-scope .glyphicon-minus:before {
  content: "\2212";
}
.syn-scope .glyphicon-cloud:before {
  content: "\2601";
}
.syn-scope .glyphicon-envelope:before {
  content: "\2709";
}
.syn-scope .glyphicon-pencil:before {
  content: "\270f";
}
.syn-scope .glyphicon-glass:before {
  content: "\e001";
}
.syn-scope .glyphicon-music:before {
  content: "\e002";
}
.syn-scope .glyphicon-search:before {
  content: "\e003";
}
.syn-scope .glyphicon-heart:before {
  content: "\e005";
}
.syn-scope .glyphicon-star:before {
  content: "\e006";
}
.syn-scope .glyphicon-star-empty:before {
  content: "\e007";
}
.syn-scope .glyphicon-user:before {
  content: "\e008";
}
.syn-scope .glyphicon-film:before {
  content: "\e009";
}
.syn-scope .glyphicon-th-large:before {
  content: "\e010";
}
.syn-scope .glyphicon-th:before {
  content: "\e011";
}
.syn-scope .glyphicon-th-list:before {
  content: "\e012";
}
.syn-scope .glyphicon-ok:before {
  content: "\e013";
}
.syn-scope .glyphicon-remove:before {
  content: "\e014";
}
.syn-scope .glyphicon-zoom-in:before {
  content: "\e015";
}
.syn-scope .glyphicon-zoom-out:before {
  content: "\e016";
}
.syn-scope .glyphicon-off:before {
  content: "\e017";
}
.syn-scope .glyphicon-signal:before {
  content: "\e018";
}
.syn-scope .glyphicon-cog:before {
  content: "\e019";
}
.syn-scope .glyphicon-trash:before {
  content: "\e020";
}
.syn-scope .glyphicon-home:before {
  content: "\e021";
}
.syn-scope .glyphicon-file:before {
  content: "\e022";
}
.syn-scope .glyphicon-time:before {
  content: "\e023";
}
.syn-scope .glyphicon-road:before {
  content: "\e024";
}
.syn-scope .glyphicon-download-alt:before {
  content: "\e025";
}
.syn-scope .glyphicon-download:before {
  content: "\e026";
}
.syn-scope .glyphicon-upload:before {
  content: "\e027";
}
.syn-scope .glyphicon-inbox:before {
  content: "\e028";
}
.syn-scope .glyphicon-play-circle:before {
  content: "\e029";
}
.syn-scope .glyphicon-repeat:before {
  content: "\e030";
}
.syn-scope .glyphicon-refresh:before {
  content: "\e031";
}
.syn-scope .glyphicon-list-alt:before {
  content: "\e032";
}
.syn-scope .glyphicon-lock:before {
  content: "\e033";
}
.syn-scope .glyphicon-flag:before {
  content: "\e034";
}
.syn-scope .glyphicon-headphones:before {
  content: "\e035";
}
.syn-scope .glyphicon-volume-off:before {
  content: "\e036";
}
.syn-scope .glyphicon-volume-down:before {
  content: "\e037";
}
.syn-scope .glyphicon-volume-up:before {
  content: "\e038";
}
.syn-scope .glyphicon-qrcode:before {
  content: "\e039";
}
.syn-scope .glyphicon-barcode:before {
  content: "\e040";
}
.syn-scope .glyphicon-tag:before {
  content: "\e041";
}
.syn-scope .glyphicon-tags:before {
  content: "\e042";
}
.syn-scope .glyphicon-book:before {
  content: "\e043";
}
.syn-scope .glyphicon-bookmark:before {
  content: "\e044";
}
.syn-scope .glyphicon-print:before {
  content: "\e045";
}
.syn-scope .glyphicon-camera:before {
  content: "\e046";
}
.syn-scope .glyphicon-font:before {
  content: "\e047";
}
.syn-scope .glyphicon-bold:before {
  content: "\e048";
}
.syn-scope .glyphicon-italic:before {
  content: "\e049";
}
.syn-scope .glyphicon-text-height:before {
  content: "\e050";
}
.syn-scope .glyphicon-text-width:before {
  content: "\e051";
}
.syn-scope .glyphicon-align-left:before {
  content: "\e052";
}
.syn-scope .glyphicon-align-center:before {
  content: "\e053";
}
.syn-scope .glyphicon-align-right:before {
  content: "\e054";
}
.syn-scope .glyphicon-align-justify:before {
  content: "\e055";
}
.syn-scope .glyphicon-list:before {
  content: "\e056";
}
.syn-scope .glyphicon-indent-left:before {
  content: "\e057";
}
.syn-scope .glyphicon-indent-right:before {
  content: "\e058";
}
.syn-scope .glyphicon-facetime-video:before {
  content: "\e059";
}
.syn-scope .glyphicon-picture:before {
  content: "\e060";
}
.syn-scope .glyphicon-map-marker:before {
  content: "\e062";
}
.syn-scope .glyphicon-adjust:before {
  content: "\e063";
}
.syn-scope .glyphicon-tint:before {
  content: "\e064";
}
.syn-scope .glyphicon-edit:before {
  content: "\e065";
}
.syn-scope .glyphicon-share:before {
  content: "\e066";
}
.syn-scope .glyphicon-check:before {
  content: "\e067";
}
.syn-scope .glyphicon-move:before {
  content: "\e068";
}
.syn-scope .glyphicon-step-backward:before {
  content: "\e069";
}
.syn-scope .glyphicon-fast-backward:before {
  content: "\e070";
}
.syn-scope .glyphicon-backward:before {
  content: "\e071";
}
.syn-scope .glyphicon-play:before {
  content: "\e072";
}
.syn-scope .glyphicon-pause:before {
  content: "\e073";
}
.syn-scope .glyphicon-stop:before {
  content: "\e074";
}
.syn-scope .glyphicon-forward:before {
  content: "\e075";
}
.syn-scope .glyphicon-fast-forward:before {
  content: "\e076";
}
.syn-scope .glyphicon-step-forward:before {
  content: "\e077";
}
.syn-scope .glyphicon-eject:before {
  content: "\e078";
}
.syn-scope .glyphicon-chevron-left:before {
  content: "\e079";
}
.syn-scope .glyphicon-chevron-right:before {
  content: "\e080";
}
.syn-scope .glyphicon-plus-sign:before {
  content: "\e081";
}
.syn-scope .glyphicon-minus-sign:before {
  content: "\e082";
}
.syn-scope .glyphicon-remove-sign:before {
  content: "\e083";
}
.syn-scope .glyphicon-ok-sign:before {
  content: "\e084";
}
.syn-scope .glyphicon-question-sign:before {
  content: "\e085";
}
.syn-scope .glyphicon-info-sign:before {
  content: "\e086";
}
.syn-scope .glyphicon-screenshot:before {
  content: "\e087";
}
.syn-scope .glyphicon-remove-circle:before {
  content: "\e088";
}
.syn-scope .glyphicon-ok-circle:before {
  content: "\e089";
}
.syn-scope .glyphicon-ban-circle:before {
  content: "\e090";
}
.syn-scope .glyphicon-arrow-left:before {
  content: "\e091";
}
.syn-scope .glyphicon-arrow-right:before {
  content: "\e092";
}
.syn-scope .glyphicon-arrow-up:before {
  content: "\e093";
}
.syn-scope .glyphicon-arrow-down:before {
  content: "\e094";
}
.syn-scope .glyphicon-share-alt:before {
  content: "\e095";
}
.syn-scope .glyphicon-resize-full:before {
  content: "\e096";
}
.syn-scope .glyphicon-resize-small:before {
  content: "\e097";
}
.syn-scope .glyphicon-exclamation-sign:before {
  content: "\e101";
}
.syn-scope .glyphicon-gift:before {
  content: "\e102";
}
.syn-scope .glyphicon-leaf:before {
  content: "\e103";
}
.syn-scope .glyphicon-fire:before {
  content: "\e104";
}
.syn-scope .glyphicon-eye-open:before {
  content: "\e105";
}
.syn-scope .glyphicon-eye-close:before {
  content: "\e106";
}
.syn-scope .glyphicon-warning-sign:before {
  content: "\e107";
}
.syn-scope .glyphicon-plane:before {
  content: "\e108";
}
.syn-scope .glyphicon-calendar:before {
  content: "\e109";
}
.syn-scope .glyphicon-random:before {
  content: "\e110";
}
.syn-scope .glyphicon-comment:before {
  content: "\e111";
}
.syn-scope .glyphicon-magnet:before {
  content: "\e112";
}
.syn-scope .glyphicon-chevron-up:before {
  content: "\e113";
}
.syn-scope .glyphicon-chevron-down:before {
  content: "\e114";
}
.syn-scope .glyphicon-retweet:before {
  content: "\e115";
}
.syn-scope .glyphicon-shopping-cart:before {
  content: "\e116";
}
.syn-scope .glyphicon-folder-close:before {
  content: "\e117";
}
.syn-scope .glyphicon-folder-open:before {
  content: "\e118";
}
.syn-scope .glyphicon-resize-vertical:before {
  content: "\e119";
}
.syn-scope .glyphicon-resize-horizontal:before {
  content: "\e120";
}
.syn-scope .glyphicon-hdd:before {
  content: "\e121";
}
.syn-scope .glyphicon-bullhorn:before {
  content: "\e122";
}
.syn-scope .glyphicon-bell:before {
  content: "\e123";
}
.syn-scope .glyphicon-certificate:before {
  content: "\e124";
}
.syn-scope .glyphicon-thumbs-up:before {
  content: "\e125";
}
.syn-scope .glyphicon-thumbs-down:before {
  content: "\e126";
}
.syn-scope .glyphicon-hand-right:before {
  content: "\e127";
}
.syn-scope .glyphicon-hand-left:before {
  content: "\e128";
}
.syn-scope .glyphicon-hand-up:before {
  content: "\e129";
}
.syn-scope .glyphicon-hand-down:before {
  content: "\e130";
}
.syn-scope .glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.syn-scope .glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.syn-scope .glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.syn-scope .glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.syn-scope .glyphicon-globe:before {
  content: "\e135";
}
.syn-scope .glyphicon-wrench:before {
  content: "\e136";
}
.syn-scope .glyphicon-tasks:before {
  content: "\e137";
}
.syn-scope .glyphicon-filter:before {
  content: "\e138";
}
.syn-scope .glyphicon-briefcase:before {
  content: "\e139";
}
.syn-scope .glyphicon-fullscreen:before {
  content: "\e140";
}
.syn-scope .glyphicon-dashboard:before {
  content: "\e141";
}
.syn-scope .glyphicon-paperclip:before {
  content: "\e142";
}
.syn-scope .glyphicon-heart-empty:before {
  content: "\e143";
}
.syn-scope .glyphicon-link:before {
  content: "\e144";
}
.syn-scope .glyphicon-phone:before {
  content: "\e145";
}
.syn-scope .glyphicon-pushpin:before {
  content: "\e146";
}
.syn-scope .glyphicon-usd:before {
  content: "\e148";
}
.syn-scope .glyphicon-gbp:before {
  content: "\e149";
}
.syn-scope .glyphicon-sort:before {
  content: "\e150";
}
.syn-scope .glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.syn-scope .glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.syn-scope .glyphicon-sort-by-order:before {
  content: "\e153";
}
.syn-scope .glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.syn-scope .glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.syn-scope .glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.syn-scope .glyphicon-unchecked:before {
  content: "\e157";
}
.syn-scope .glyphicon-expand:before {
  content: "\e158";
}
.syn-scope .glyphicon-collapse-down:before {
  content: "\e159";
}
.syn-scope .glyphicon-collapse-up:before {
  content: "\e160";
}
.syn-scope .glyphicon-log-in:before {
  content: "\e161";
}
.syn-scope .glyphicon-flash:before {
  content: "\e162";
}
.syn-scope .glyphicon-log-out:before {
  content: "\e163";
}
.syn-scope .glyphicon-new-window:before {
  content: "\e164";
}
.syn-scope .glyphicon-record:before {
  content: "\e165";
}
.syn-scope .glyphicon-save:before {
  content: "\e166";
}
.syn-scope .glyphicon-open:before {
  content: "\e167";
}
.syn-scope .glyphicon-saved:before {
  content: "\e168";
}
.syn-scope .glyphicon-import:before {
  content: "\e169";
}
.syn-scope .glyphicon-export:before {
  content: "\e170";
}
.syn-scope .glyphicon-send:before {
  content: "\e171";
}
.syn-scope .glyphicon-floppy-disk:before {
  content: "\e172";
}
.syn-scope .glyphicon-floppy-saved:before {
  content: "\e173";
}
.syn-scope .glyphicon-floppy-remove:before {
  content: "\e174";
}
.syn-scope .glyphicon-floppy-save:before {
  content: "\e175";
}
.syn-scope .glyphicon-floppy-open:before {
  content: "\e176";
}
.syn-scope .glyphicon-credit-card:before {
  content: "\e177";
}
.syn-scope .glyphicon-transfer:before {
  content: "\e178";
}
.syn-scope .glyphicon-cutlery:before {
  content: "\e179";
}
.syn-scope .glyphicon-header:before {
  content: "\e180";
}
.syn-scope .glyphicon-compressed:before {
  content: "\e181";
}
.syn-scope .glyphicon-earphone:before {
  content: "\e182";
}
.syn-scope .glyphicon-phone-alt:before {
  content: "\e183";
}
.syn-scope .glyphicon-tower:before {
  content: "\e184";
}
.syn-scope .glyphicon-stats:before {
  content: "\e185";
}
.syn-scope .glyphicon-sd-video:before {
  content: "\e186";
}
.syn-scope .glyphicon-hd-video:before {
  content: "\e187";
}
.syn-scope .glyphicon-subtitles:before {
  content: "\e188";
}
.syn-scope .glyphicon-sound-stereo:before {
  content: "\e189";
}
.syn-scope .glyphicon-sound-dolby:before {
  content: "\e190";
}
.syn-scope .glyphicon-sound-5-1:before {
  content: "\e191";
}
.syn-scope .glyphicon-sound-6-1:before {
  content: "\e192";
}
.syn-scope .glyphicon-sound-7-1:before {
  content: "\e193";
}
.syn-scope .glyphicon-copyright-mark:before {
  content: "\e194";
}
.syn-scope .glyphicon-registration-mark:before {
  content: "\e195";
}
.syn-scope .glyphicon-cloud-download:before {
  content: "\e197";
}
.syn-scope .glyphicon-cloud-upload:before {
  content: "\e198";
}
.syn-scope .glyphicon-tree-conifer:before {
  content: "\e199";
}
.syn-scope .glyphicon-tree-deciduous:before {
  content: "\e200";
}
.syn-scope .glyphicon-cd:before {
  content: "\e201";
}
.syn-scope .glyphicon-save-file:before {
  content: "\e202";
}
.syn-scope .glyphicon-open-file:before {
  content: "\e203";
}
.syn-scope .glyphicon-level-up:before {
  content: "\e204";
}
.syn-scope .glyphicon-copy:before {
  content: "\e205";
}
.syn-scope .glyphicon-paste:before {
  content: "\e206";
}
.syn-scope .glyphicon-alert:before {
  content: "\e209";
}
.syn-scope .glyphicon-equalizer:before {
  content: "\e210";
}
.syn-scope .glyphicon-king:before {
  content: "\e211";
}
.syn-scope .glyphicon-queen:before {
  content: "\e212";
}
.syn-scope .glyphicon-pawn:before {
  content: "\e213";
}
.syn-scope .glyphicon-bishop:before {
  content: "\e214";
}
.syn-scope .glyphicon-knight:before {
  content: "\e215";
}
.syn-scope .glyphicon-baby-formula:before {
  content: "\e216";
}
.syn-scope .glyphicon-tent:before {
  content: "\26fa";
}
.syn-scope .glyphicon-blackboard:before {
  content: "\e218";
}
.syn-scope .glyphicon-bed:before {
  content: "\e219";
}
.syn-scope .glyphicon-apple:before {
  content: "\f8ff";
}
.syn-scope .glyphicon-erase:before {
  content: "\e221";
}
.syn-scope .glyphicon-hourglass:before {
  content: "\231b";
}
.syn-scope .glyphicon-lamp:before {
  content: "\e223";
}
.syn-scope .glyphicon-duplicate:before {
  content: "\e224";
}
.syn-scope .glyphicon-piggy-bank:before {
  content: "\e225";
}
.syn-scope .glyphicon-scissors:before {
  content: "\e226";
}
.syn-scope .glyphicon-bitcoin:before {
  content: "\e227";
}
.syn-scope .glyphicon-btc:before {
  content: "\e227";
}
.syn-scope .glyphicon-xbt:before {
  content: "\e227";
}
.syn-scope .glyphicon-yen:before {
  content: "\00a5";
}
.syn-scope .glyphicon-jpy:before {
  content: "\00a5";
}
.syn-scope .glyphicon-ruble:before {
  content: "\20bd";
}
.syn-scope .glyphicon-rub:before {
  content: "\20bd";
}
.syn-scope .glyphicon-scale:before {
  content: "\e230";
}
.syn-scope .glyphicon-ice-lolly:before {
  content: "\e231";
}
.syn-scope .glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.syn-scope .glyphicon-education:before {
  content: "\e233";
}
.syn-scope .glyphicon-option-horizontal:before {
  content: "\e234";
}
.syn-scope .glyphicon-option-vertical:before {
  content: "\e235";
}
.syn-scope .glyphicon-menu-hamburger:before {
  content: "\e236";
}
.syn-scope .glyphicon-modal-window:before {
  content: "\e237";
}
.syn-scope .glyphicon-oil:before {
  content: "\e238";
}
.syn-scope .glyphicon-grain:before {
  content: "\e239";
}
.syn-scope .glyphicon-sunglasses:before {
  content: "\e240";
}
.syn-scope .glyphicon-text-size:before {
  content: "\e241";
}
.syn-scope .glyphicon-text-color:before {
  content: "\e242";
}
.syn-scope .glyphicon-text-background:before {
  content: "\e243";
}
.syn-scope .glyphicon-object-align-top:before {
  content: "\e244";
}
.syn-scope .glyphicon-object-align-bottom:before {
  content: "\e245";
}
.syn-scope .glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.syn-scope .glyphicon-object-align-left:before {
  content: "\e247";
}
.syn-scope .glyphicon-object-align-vertical:before {
  content: "\e248";
}
.syn-scope .glyphicon-object-align-right:before {
  content: "\e249";
}
.syn-scope .glyphicon-triangle-right:before {
  content: "\e250";
}
.syn-scope .glyphicon-triangle-left:before {
  content: "\e251";
}
.syn-scope .glyphicon-triangle-bottom:before {
  content: "\e252";
}
.syn-scope .glyphicon-triangle-top:before {
  content: "\e253";
}
.syn-scope .glyphicon-console:before {
  content: "\e254";
}
.syn-scope .glyphicon-superscript:before {
  content: "\e255";
}
.syn-scope .glyphicon-subscript:before {
  content: "\e256";
}
.syn-scope .glyphicon-menu-left:before {
  content: "\e257";
}
.syn-scope .glyphicon-menu-right:before {
  content: "\e258";
}
.syn-scope .glyphicon-menu-down:before {
  content: "\e259";
}
.syn-scope .glyphicon-menu-up:before {
  content: "\e260";
}
.syn-scope * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:after,
.syn-scope :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.syn-scope html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.syn-scope body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
button,
input,
select,
.syn-scope textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.syn-scope a {
  color: #337ab7;
  text-decoration: none;
}
a:focus,
.syn-scope a:hover {
  color: #23527c;
  text-decoration: underline;
}
.syn-scope a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.syn-scope figure {
  margin: 0;
}
.syn-scope img {
  vertical-align: middle;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.syn-scope .thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.syn-scope .img-rounded {
  border-radius: 6px;
}
.syn-scope .img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.syn-scope .img-circle {
  border-radius: 50%;
}
.syn-scope hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.syn-scope .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.syn-scope .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.syn-scope [role="button"] {
  cursor: pointer;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
.syn-scope 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,
.syn-scope h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}
.h1,
.h2,
.h3,
h1,
h2,
.syn-scope h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
.syn-scope h3 small {
  font-size: 65%;
}
.h4,
.h5,
.h6,
h4,
h5,
.syn-scope h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
.syn-scope h6 small {
  font-size: 75%;
}
.h1,
.syn-scope h1 {
  font-size: 36px;
}
.h2,
.syn-scope h2 {
  font-size: 30px;
}
.h3,
.syn-scope h3 {
  font-size: 24px;
}
.h4,
.syn-scope h4 {
  font-size: 18px;
}
.h5,
.syn-scope h5 {
  font-size: 14px;
}
.h6,
.syn-scope h6 {
  font-size: 12px;
}
.syn-scope p {
  margin: 0 0 10px;
}
.syn-scope .lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {.syn-scope .lead {
    font-size: 21px;
  }
}
.small,
.syn-scope small {
  font-size: 85%;
}
.mark,
.syn-scope mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.syn-scope .text-left {
  text-align: left;
}
.syn-scope .text-right {
  text-align: right;
}
.syn-scope .text-center {
  text-align: center;
}
.syn-scope .text-justify {
  text-align: justify;
}
.syn-scope .text-nowrap {
  white-space: nowrap;
}
.syn-scope .text-lowercase {
  text-transform: lowercase;
}
.syn-scope .text-uppercase {
  text-transform: uppercase;
}
.syn-scope .text-capitalize {
  text-transform: capitalize;
}
.syn-scope .text-muted {
  color: #777;
}
.syn-scope .text-primary {
  color: #337ab7;
}
a.text-primary:focus,
.syn-scope a.text-primary:hover {
  color: #286090;
}
.syn-scope .text-success {
  color: #3c763d;
}
a.text-success:focus,
.syn-scope a.text-success:hover {
  color: #2b542c;
}
.syn-scope .text-info {
  color: #31708f;
}
a.text-info:focus,
.syn-scope a.text-info:hover {
  color: #245269;
}
.syn-scope .text-warning {
  color: #8a6d3b;
}
a.text-warning:focus,
.syn-scope a.text-warning:hover {
  color: #66512c;
}
.syn-scope .text-danger {
  color: #a94442;
}
a.text-danger:focus,
.syn-scope a.text-danger:hover {
  color: #843534;
}
.syn-scope .bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:focus,
.syn-scope a.bg-primary:hover {
  background-color: #286090;
}
.syn-scope .bg-success {
  background-color: #dff0d8;
}
a.bg-success:focus,
.syn-scope a.bg-success:hover {
  background-color: #c1e2b3;
}
.syn-scope .bg-info {
  background-color: #d9edf7;
}
a.bg-info:focus,
.syn-scope a.bg-info:hover {
  background-color: #afd9ee;
}
.syn-scope .bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:focus,
.syn-scope a.bg-warning:hover {
  background-color: #f7ecb5;
}
.syn-scope .bg-danger {
  background-color: #f2dede;
}
a.bg-danger:focus,
.syn-scope a.bg-danger:hover {
  background-color: #e4b9b9;
}
.syn-scope .page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ol,
.syn-scope ul {
  margin-top: 0;
  margin-bottom: 10px;
}
ol ol,
ol ul,
ul ol,
.syn-scope ul ul {
  margin-bottom: 0;
}
.syn-scope .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.syn-scope .list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.syn-scope .list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.syn-scope dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dd,
.syn-scope dt {
  line-height: 1.42857143;
}
.syn-scope dt {
  font-weight: 700;
}
.syn-scope dd {
  margin-left: 0;
}
@media (min-width: 768px) {.syn-scope .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }.syn-scope .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[data-original-title],
.syn-scope abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.syn-scope .initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.syn-scope blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote ol:last-child,
blockquote p:last-child,
.syn-scope blockquote ul:last-child {
  margin-bottom: 0;
}
blockquote .small,
blockquote footer,
.syn-scope blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote .small:before,
blockquote footer:before,
.syn-scope blockquote small:before {
  content: "\2014 \00A0";
}
.blockquote-reverse,
.syn-scope blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
.syn-scope blockquote.pull-right small:before {
  content: "";
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
.syn-scope blockquote.pull-right small:after {
  content: "\00A0 \2014";
}
.syn-scope address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
.syn-scope samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.syn-scope code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.syn-scope kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.syn-scope kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.syn-scope pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.syn-scope pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.syn-scope .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

/* Desktop Styles */
@media (min-width: 993px) {.syn-scope .container-syn {
		  padding-right: 35px;
		  padding-left: 35px;
		  margin-right: auto;
		  margin-left: auto;
		}.syn-scope .container-syn-banner {
        padding-right: 35px;
        padding-left: 35px;
        margin-right: auto;
        margin-left: auto;
		font-size:18px;
    }
}

/* Mobile Styles */
@media (max-width: 992px) {.syn-scope .container-syn {
		  padding-right: 15px;
		  padding-left: 15px;
		  margin-right: auto;
		  margin-left: auto;
		}.syn-scope .container-syn-banner {
        padding-right: 35px;
        padding-left: 35px;
        margin-right: auto;
        margin-left: auto;
		font-size:16px;
    }
}



@media (min-width: 768px) {.syn-scope .container-syn {
    width: 750px;
  }
}
@media (min-width: 992px) {.syn-scope .container-syn {
    width: 970px;
  }
}
@media (min-width: 1200px) {.syn-scope .container-syn {
    width: 1170px;
  }
}
.syn-scope .container-syn-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.syn-scope .col-lg-1,
.syn-scope .col-lg-2,
.syn-scope .col-lg-3,
.syn-scope .col-lg-4,
.syn-scope .col-lg-5,
.syn-scope .col-lg-6,
.syn-scope .col-lg-7,
.syn-scope .col-lg-8,
.syn-scope .col-lg-9,
.syn-scope .col-lg-10,
.syn-scope .col-lg-11,
.syn-scope .col-lg-12,
.syn-scope .col-md-1,
.syn-scope .col-md-2,
.syn-scope .col-md-3,
.syn-scope .col-md-4,
.syn-scope .col-md-5,
.syn-scope .col-md-6,
.syn-scope .col-md-7,
.syn-scope .col-md-8,
.syn-scope .col-md-9,
.syn-scope .col-md-10,
.syn-scope .col-md-11,
.syn-scope .col-md-12,
.syn-scope .col-sm-1,
.syn-scope .col-sm-2,
.syn-scope .col-sm-3,
.syn-scope .col-sm-4,
.syn-scope .col-sm-5,
.syn-scope .col-sm-6,
.syn-scope .col-sm-7,
.syn-scope .col-sm-8,
.syn-scope .col-sm-9,
.syn-scope .col-sm-10,
.syn-scope .col-sm-11,
.syn-scope .col-sm-12,
.syn-scope .col-xs-1,
.syn-scope .col-xs-2,
.syn-scope .col-xs-3,
.syn-scope .col-xs-4,
.syn-scope .col-xs-5,
.syn-scope .col-xs-6,
.syn-scope .col-xs-7,
.syn-scope .col-xs-8,
.syn-scope .col-xs-9,
.syn-scope .col-xs-10,
.syn-scope .col-xs-11,
.syn-scope .col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.syn-scope .col-xs-1,
.syn-scope .col-xs-2,
.syn-scope .col-xs-3,
.syn-scope .col-xs-4,
.syn-scope .col-xs-5,
.syn-scope .col-xs-6,
.syn-scope .col-xs-7,
.syn-scope .col-xs-8,
.syn-scope .col-xs-9,
.syn-scope .col-xs-10,
.syn-scope .col-xs-11,
.syn-scope .col-xs-12 {
  float: left;
}
.syn-scope .col-xs-12 {
  width: 100%;
}
.syn-scope .col-xs-11 {
  width: 91.66666667%;
}
.syn-scope .col-xs-10 {
  width: 83.33333333%;
}
.syn-scope .col-xs-9 {
  width: 75%;
}
.syn-scope .col-xs-8 {
  width: 66.66666667%;
}
.syn-scope .col-xs-7 {
  width: 58.33333333%;
}
.syn-scope .col-xs-6 {
  width: 50%;
}
.syn-scope .col-xs-5 {
  width: 41.66666667%;
}
.syn-scope .col-xs-4 {
  width: 33.33333333%;
}
.syn-scope .col-xs-3 {
  width: 25%;
}
.syn-scope .col-xs-2 {
  width: 16.66666667%;
}
.syn-scope .col-xs-1 {
  width: 8.33333333%;
}
.syn-scope .col-xs-pull-12 {
  right: 100%;
}
.syn-scope .col-xs-pull-11 {
  right: 91.66666667%;
}
.syn-scope .col-xs-pull-10 {
  right: 83.33333333%;
}
.syn-scope .col-xs-pull-9 {
  right: 75%;
}
.syn-scope .col-xs-pull-8 {
  right: 66.66666667%;
}
.syn-scope .col-xs-pull-7 {
  right: 58.33333333%;
}
.syn-scope .col-xs-pull-6 {
  right: 50%;
}
.syn-scope .col-xs-pull-5 {
  right: 41.66666667%;
}
.syn-scope .col-xs-pull-4 {
  right: 33.33333333%;
}
.syn-scope .col-xs-pull-3 {
  right: 25%;
}
.syn-scope .col-xs-pull-2 {
  right: 16.66666667%;
}
.syn-scope .col-xs-pull-1 {
  right: 8.33333333%;
}
.syn-scope .col-xs-pull-0 {
  right: auto;
}
.syn-scope .col-xs-push-12 {
  left: 100%;
}
.syn-scope .col-xs-push-11 {
  left: 91.66666667%;
}
.syn-scope .col-xs-push-10 {
  left: 83.33333333%;
}
.syn-scope .col-xs-push-9 {
  left: 75%;
}
.syn-scope .col-xs-push-8 {
  left: 66.66666667%;
}
.syn-scope .col-xs-push-7 {
  left: 58.33333333%;
}
.syn-scope .col-xs-push-6 {
  left: 50%;
}
.syn-scope .col-xs-push-5 {
  left: 41.66666667%;
}
.syn-scope .col-xs-push-4 {
  left: 33.33333333%;
}
.syn-scope .col-xs-push-3 {
  left: 25%;
}
.syn-scope .col-xs-push-2 {
  left: 16.66666667%;
}
.syn-scope .col-xs-push-1 {
  left: 8.33333333%;
}
.syn-scope .col-xs-push-0 {
  left: auto;
}
.syn-scope .col-xs-offset-12 {
  margin-left: 100%;
}
.syn-scope .col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.syn-scope .col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.syn-scope .col-xs-offset-9 {
  margin-left: 75%;
}
.syn-scope .col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.syn-scope .col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.syn-scope .col-xs-offset-6 {
  margin-left: 50%;
}
.syn-scope .col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.syn-scope .col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.syn-scope .col-xs-offset-3 {
  margin-left: 25%;
}
.syn-scope .col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.syn-scope .col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.syn-scope .col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {.syn-scope .col-sm-1, .syn-scope .col-sm-10, .syn-scope .col-sm-11, .syn-scope .col-sm-12, .syn-scope .col-sm-2, .syn-scope .col-sm-3, .syn-scope .col-sm-4, .syn-scope .col-sm-5, .syn-scope .col-sm-6, .syn-scope .col-sm-7, .syn-scope .col-sm-8, .syn-scope .col-sm-9 {
    float: left;
  }.syn-scope .col-sm-12 {
    width: 100%;
  }.syn-scope .col-sm-11 {
    width: 91.66666667%;
  }.syn-scope .col-sm-10 {
    width: 83.33333333%;
  }.syn-scope .col-sm-9 {
    width: 75%;
  }.syn-scope .col-sm-8 {
    width: 66.66666667%;
  }.syn-scope .col-sm-7 {
    width: 58.33333333%;
  }.syn-scope .col-sm-6 {
    width: 50%;
  }.syn-scope .col-sm-5 {
    width: 41.66666667%;
  }.syn-scope .col-sm-4 {
    width: 33.33333333%;
  }.syn-scope .col-sm-3 {
    width: 25%;
  }.syn-scope .col-sm-2 {
    width: 16.66666667%;
  }.syn-scope .col-sm-1 {
    width: 8.33333333%;
  }.syn-scope .col-sm-pull-12 {
    right: 100%;
  }.syn-scope .col-sm-pull-11 {
    right: 91.66666667%;
  }.syn-scope .col-sm-pull-10 {
    right: 83.33333333%;
  }.syn-scope .col-sm-pull-9 {
    right: 75%;
  }.syn-scope .col-sm-pull-8 {
    right: 66.66666667%;
  }.syn-scope .col-sm-pull-7 {
    right: 58.33333333%;
  }.syn-scope .col-sm-pull-6 {
    right: 50%;
  }.syn-scope .col-sm-pull-5 {
    right: 41.66666667%;
  }.syn-scope .col-sm-pull-4 {
    right: 33.33333333%;
  }.syn-scope .col-sm-pull-3 {
    right: 25%;
  }.syn-scope .col-sm-pull-2 {
    right: 16.66666667%;
  }.syn-scope .col-sm-pull-1 {
    right: 8.33333333%;
  }.syn-scope .col-sm-pull-0 {
    right: auto;
  }.syn-scope .col-sm-push-12 {
    left: 100%;
  }.syn-scope .col-sm-push-11 {
    left: 91.66666667%;
  }.syn-scope .col-sm-push-10 {
    left: 83.33333333%;
  }.syn-scope .col-sm-push-9 {
    left: 75%;
  }.syn-scope .col-sm-push-8 {
    left: 66.66666667%;
  }.syn-scope .col-sm-push-7 {
    left: 58.33333333%;
  }.syn-scope .col-sm-push-6 {
    left: 50%;
  }.syn-scope .col-sm-push-5 {
    left: 41.66666667%;
  }.syn-scope .col-sm-push-4 {
    left: 33.33333333%;
  }.syn-scope .col-sm-push-3 {
    left: 25%;
  }.syn-scope .col-sm-push-2 {
    left: 16.66666667%;
  }.syn-scope .col-sm-push-1 {
    left: 8.33333333%;
  }.syn-scope .col-sm-push-0 {
    left: auto;
  }.syn-scope .col-sm-offset-12 {
    margin-left: 100%;
  }.syn-scope .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }.syn-scope .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }.syn-scope .col-sm-offset-9 {
    margin-left: 75%;
  }.syn-scope .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }.syn-scope .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }.syn-scope .col-sm-offset-6 {
    margin-left: 50%;
  }.syn-scope .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }.syn-scope .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }.syn-scope .col-sm-offset-3 {
    margin-left: 25%;
  }.syn-scope .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }.syn-scope .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }.syn-scope .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {.syn-scope .col-md-1, .syn-scope .col-md-2, .syn-scope .col-md-3, .syn-scope .col-md-4, .syn-scope .col-md-5, .syn-scope .col-md-6, .syn-scope .col-md-7, .syn-scope .col-md-8, .syn-scope .col-md-9, .syn-scope .col-md-10, .syn-scope .col-md-11, .syn-scope .col-md-12 {
    float: left;
  }
}

.syn-scope .col-md-12 {
    width: 100%;
  }
.syn-scope .col-md-11 {
    width: 91.66666667%;
  }
.syn-scope .col-md-10 {
    width: 83.33333333%;
  }
.syn-scope .col-md-9 {
    width: 75%;
  }
.syn-scope .col-md-8 {
    width: 66.66666667%;
  }
.syn-scope .col-md-7 {
    width: 58.33333333%;
  }
.syn-scope .col-md-6 {
    width: 50%;
  }
.syn-scope .col-md-5 {
    width: 41.66666667%;
  }
.syn-scope .col-md-4 {
    width: 33.33333333%;
  }
.syn-scope .col-md-3 {
    width: 25%;
  }
.syn-scope .col-md-2 {
    width: 16.66666667%;
  }
.syn-scope .col-md-1 {
    width: 8.33333333%;
  }
.syn-scope .col-md-pull-12 {
    right: 100%;
  }
.syn-scope .col-md-pull-11 {
    right: 91.66666667%;
  }
.syn-scope .col-md-pull-10 {
    right: 83.33333333%;
  }
.syn-scope .col-md-pull-9 {
    right: 75%;
  }
.syn-scope .col-md-pull-8 {
    right: 66.66666667%;
  }
.syn-scope .col-md-pull-7 {
    right: 58.33333333%;
  }
.syn-scope .col-md-pull-6 {
    right: 50%;
  }
.syn-scope .col-md-pull-5 {
    right: 41.66666667%;
  }
.syn-scope .col-md-pull-4 {
    right: 33.33333333%;
  }
.syn-scope .col-md-pull-3 {
    right: 25%;
  }
.syn-scope .col-md-pull-2 {
    right: 16.66666667%;
  }
.syn-scope .col-md-pull-1 {
    right: 8.33333333%;
  }
.syn-scope .col-md-pull-0 {
    right: auto;
  }
.syn-scope .col-md-push-12 {
    left: 100%;
  }
.syn-scope .col-md-push-11 {
    left: 91.66666667%;
  }
.syn-scope .col-md-push-10 {
    left: 83.33333333%;
  }
.syn-scope .col-md-push-9 {
    left: 75%;
  }
.syn-scope .col-md-push-8 {
    left: 66.66666667%;
  }
.syn-scope .col-md-push-7 {
    left: 58.33333333%;
  }
.syn-scope .col-md-push-6 {
    left: 50%;
  }
.syn-scope .col-md-push-5 {
    left: 41.66666667%;
  }
.syn-scope .col-md-push-4 {
    left: 33.33333333%;
  }
.syn-scope .col-md-push-3 {
    left: 25%;
  }
.syn-scope .col-md-push-2 {
    left: 16.66666667%;
  }
.syn-scope .col-md-push-1 {
    left: 8.33333333%;
  }
.syn-scope .col-md-push-0 {
    left: auto;
  }
.syn-scope .col-md-offset-12 {
    margin-left: 100%;
  }
.syn-scope .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
.syn-scope .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
.syn-scope .col-md-offset-9 {
    margin-left: 75%;
  }
.syn-scope .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
.syn-scope .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
.syn-scope .col-md-offset-6 {
    margin-left: 50%;
  }
.syn-scope .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
.syn-scope .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
.syn-scope .col-md-offset-3 {
    margin-left: 25%;
  }
.syn-scope .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
.syn-scope .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
.syn-scope .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {.syn-scope .col-lg-1, .syn-scope .col-lg-10, .syn-scope .col-lg-11, .syn-scope .col-lg-12, .syn-scope .col-lg-2, .syn-scope .col-lg-3, .syn-scope .col-lg-4, .syn-scope .col-lg-5, .syn-scope .col-lg-6, .syn-scope .col-lg-7, .syn-scope .col-lg-8, .syn-scope .col-lg-9 {
    float: left;
  }.syn-scope .col-lg-12 {
    width: 100%;
  }.syn-scope .col-lg-11 {
    width: 91.66666667%;
  }.syn-scope .col-lg-10 {
    width: 83.33333333%;
  }.syn-scope .col-lg-9 {
    width: 75%;
  }.syn-scope .col-lg-8 {
    width: 66.66666667%;
  }.syn-scope .col-lg-7 {
    width: 58.33333333%;
  }.syn-scope .col-lg-6 {
    width: 50%;
  }.syn-scope .col-lg-5 {
    width: 41.66666667%;
  }.syn-scope .col-lg-4 {
    width: 33.33333333%;
  }.syn-scope .col-lg-3 {
    width: 25%;
  }.syn-scope .col-lg-2 {
    width: 16.66666667%;
  }.syn-scope .col-lg-1 {
    width: 8.33333333%;
  }.syn-scope .col-lg-pull-12 {
    right: 100%;
  }.syn-scope .col-lg-pull-11 {
    right: 91.66666667%;
  }.syn-scope .col-lg-pull-10 {
    right: 83.33333333%;
  }.syn-scope .col-lg-pull-9 {
    right: 75%;
  }.syn-scope .col-lg-pull-8 {
    right: 66.66666667%;
  }.syn-scope .col-lg-pull-7 {
    right: 58.33333333%;
  }.syn-scope .col-lg-pull-6 {
    right: 50%;
  }.syn-scope .col-lg-pull-5 {
    right: 41.66666667%;
  }.syn-scope .col-lg-pull-4 {
    right: 33.33333333%;
  }.syn-scope .col-lg-pull-3 {
    right: 25%;
  }.syn-scope .col-lg-pull-2 {
    right: 16.66666667%;
  }.syn-scope .col-lg-pull-1 {
    right: 8.33333333%;
  }.syn-scope .col-lg-pull-0 {
    right: auto;
  }.syn-scope .col-lg-push-12 {
    left: 100%;
  }.syn-scope .col-lg-push-11 {
    left: 91.66666667%;
  }.syn-scope .col-lg-push-10 {
    left: 83.33333333%;
  }.syn-scope .col-lg-push-9 {
    left: 75%;
  }.syn-scope .col-lg-push-8 {
    left: 66.66666667%;
  }.syn-scope .col-lg-push-7 {
    left: 58.33333333%;
  }.syn-scope .col-lg-push-6 {
    left: 50%;
  }.syn-scope .col-lg-push-5 {
    left: 41.66666667%;
  }.syn-scope .col-lg-push-4 {
    left: 33.33333333%;
  }.syn-scope .col-lg-push-3 {
    left: 25%;
  }.syn-scope .col-lg-push-2 {
    left: 16.66666667%;
  }.syn-scope .col-lg-push-1 {
    left: 8.33333333%;
  }.syn-scope .col-lg-push-0 {
    left: auto;
  }.syn-scope .col-lg-offset-12 {
    margin-left: 100%;
  }.syn-scope .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }.syn-scope .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }.syn-scope .col-lg-offset-9 {
    margin-left: 75%;
  }.syn-scope .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }.syn-scope .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }.syn-scope .col-lg-offset-6 {
    margin-left: 50%;
  }.syn-scope .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }.syn-scope .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }.syn-scope .col-lg-offset-3 {
    margin-left: 25%;
  }.syn-scope .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }.syn-scope .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }.syn-scope .col-lg-offset-0 {
    margin-left: 0;
  }
}
.syn-scope table {
  background-color: transparent;
}
.syn-scope caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
.syn-scope th {
  text-align: left;
}
.syn-scope .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.syn-scope .table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.syn-scope .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.syn-scope .table > thead:first-child > tr:first-child > th {
  border-top: 0;
}
.syn-scope .table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.syn-scope .table .table {
  background-color: #fff;
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.syn-scope .table-condensed > thead > tr > th {
  padding: 5px;
}
.syn-scope .table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.syn-scope .table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > td,
.syn-scope .table-bordered > thead > tr > th {
  border-bottom-width: 2px;
}
.syn-scope .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.syn-scope .table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.syn-scope table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
.syn-scope table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.syn-scope .table > thead > tr > th.active {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.syn-scope .table-hover > tbody > tr > th.active:hover {
  background-color: #e8e8e8;
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.syn-scope .table > thead > tr > th.success {
  background-color: #dff0d8;
}
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.syn-scope .table-hover > tbody > tr > th.success:hover {
  background-color: #d0e9c6;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.syn-scope .table > thead > tr > th.info {
  background-color: #d9edf7;
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.syn-scope .table-hover > tbody > tr > th.info:hover {
  background-color: #c4e3f3;
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.syn-scope .table > thead > tr > th.warning {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.syn-scope .table-hover > tbody > tr > th.warning:hover {
  background-color: #faf2cc;
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.syn-scope .table > thead > tr > th.danger {
  background-color: #f2dede;
}
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.syn-scope .table-hover > tbody > tr > th.danger:hover {
  background-color: #ebcccc;
}
.syn-scope .table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {.syn-scope .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }.syn-scope .table-responsive > .table {
    margin-bottom: 0;
  }.syn-scope .table-responsive > .table > tbody > tr > td, .syn-scope .table-responsive > .table > tbody > tr > th, .syn-scope .table-responsive > .table > tfoot > tr > td, .syn-scope .table-responsive > .table > tfoot > tr > th, .syn-scope .table-responsive > .table > thead > tr > td, .syn-scope .table-responsive > .table > thead > tr > th {
    white-space: nowrap;
  }.syn-scope .table-responsive > .table-bordered {
    border: 0;
  }.syn-scope .table-responsive > .table-bordered > tbody > tr > td:first-child, .syn-scope .table-responsive > .table-bordered > tbody > tr > th:first-child, .syn-scope .table-responsive > .table-bordered > tfoot > tr > td:first-child, .syn-scope .table-responsive > .table-bordered > tfoot > tr > th:first-child, .syn-scope .table-responsive > .table-bordered > thead > tr > td:first-child, .syn-scope .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0;
  }.syn-scope .table-responsive > .table-bordered > tbody > tr > td:last-child, .syn-scope .table-responsive > .table-bordered > tbody > tr > th:last-child, .syn-scope .table-responsive > .table-bordered > tfoot > tr > td:last-child, .syn-scope .table-responsive > .table-bordered > tfoot > tr > th:last-child, .syn-scope .table-responsive > .table-bordered > thead > tr > td:last-child, .syn-scope .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }.syn-scope .table-responsive > .table-bordered > tbody > tr:last-child > td, .syn-scope .table-responsive > .table-bordered > tbody > tr:last-child > th, .syn-scope .table-responsive > .table-bordered > tfoot > tr:last-child > td, .syn-scope .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
}
.syn-scope fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.syn-scope 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;
}
.syn-scope label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.syn-scope input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="checkbox"],
.syn-scope input[type="radio"] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal;
}
.syn-scope input[type="file"] {
  display: block;
}
.syn-scope input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
.syn-scope select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="checkbox"]:focus,
.syn-scope input[type="radio"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.syn-scope output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.syn-scope .form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 15px !important;
  line-height: 2.42857143;
  color: #555;
  background-color: #fff !important;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.syn-scope .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.syn-scope .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.syn-scope .form-control:-ms-input-placeholder {
  color: #999;
}
.syn-scope .form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
.syn-scope fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
.syn-scope fieldset[disabled] .form-control {
  cursor: not-allowed;
}
.syn-scope textarea.form-control {
  height: auto;
}
.syn-scope input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {.syn-scope input[type="date"].form-control, .syn-scope input[type="time"].form-control, .syn-scope input[type="datetime-local"].form-control, .syn-scope input[type="month"].form-control {
    line-height: 34px;
  }.syn-scope .input-group-sm input[type="date"], .syn-scope .input-group-sm input[type="time"], .syn-scope .input-group-sm input[type="datetime-local"], .syn-scope .input-group-sm input[type="month"], .syn-scope input[type="date"].input-sm, .syn-scope input[type="time"].input-sm, .syn-scope input[type="datetime-local"].input-sm, .syn-scope input[type="month"].input-sm {
    line-height: 30px;
  }.syn-scope .input-group-lg input[type="date"], .syn-scope .input-group-lg input[type="time"], .syn-scope .input-group-lg input[type="datetime-local"], .syn-scope .input-group-lg input[type="month"], .syn-scope input[type="date"].input-lg, .syn-scope input[type="time"].input-lg, .syn-scope input[type="datetime-local"].input-lg, .syn-scope input[type="month"].input-lg {
    line-height: 46px;
  }
}
.syn-scope .form-group {
  margin-bottom: 15px;
}
.checkbox,
.syn-scope .radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkbox label,
.syn-scope .radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.syn-scope .radio-inline input[type="radio"] {
  position: absolute;
  margin-top: 4px\9;
  margin-left: -20px;
}
.checkbox + .checkbox,
.syn-scope .radio + .radio {
  margin-top: -5px;
}
.checkbox-inline,
.syn-scope .radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox-inline + .checkbox-inline,
.syn-scope .radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px;
}
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"],
input[type="checkbox"].disabled,
input[type="checkbox"][disabled],
input[type="radio"].disabled,
.syn-scope input[type="radio"][disabled] {
  cursor: not-allowed;
}
.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
.syn-scope fieldset[disabled] .radio-inline {
  cursor: not-allowed;
}
.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
.syn-scope fieldset[disabled] .radio label {
  cursor: not-allowed;
}
.syn-scope .form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.syn-scope .form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.syn-scope .input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.syn-scope select.input-sm {
  height: 30px;
  line-height: 30px;
}
select[multiple].input-sm,
.syn-scope textarea.input-sm {
  height: auto;
}
.syn-scope .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.syn-scope .form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm select[multiple].form-control,
.syn-scope .form-group-sm textarea.form-control {
  height: auto;
}
.syn-scope .form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.syn-scope .input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.syn-scope select.input-lg {
  height: 46px;
  line-height: 46px;
}
select[multiple].input-lg,
.syn-scope textarea.input-lg {
  height: auto;
}
.syn-scope .form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.syn-scope .form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg select[multiple].form-control,
.syn-scope .form-group-lg textarea.form-control {
  height: auto;
}
.syn-scope .form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.syn-scope .has-feedback {
  position: relative;
}
.syn-scope .has-feedback .form-control {
  padding-right: 42.5px;
}
.syn-scope .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;
}
.form-group-lg .form-control + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.syn-scope .input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.form-group-sm .form-control + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.syn-scope .input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.syn-scope .has-success.radio-inline label {
  color: #3c763d;
}
.syn-scope .has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.syn-scope .has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.syn-scope .has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.syn-scope .has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.syn-scope .has-warning.radio-inline label {
  color: #8a6d3b;
}
.syn-scope .has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.syn-scope .has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.syn-scope .has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.syn-scope .has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.syn-scope .has-error.radio-inline label {
  color: #a94442;
}
.syn-scope .has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.syn-scope .has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.syn-scope .has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.syn-scope .has-error .form-control-feedback {
  color: #a94442;
}
.syn-scope .has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.syn-scope .has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.syn-scope .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {.syn-scope .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }.syn-scope .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }.syn-scope .form-inline .form-control-static {
    display: inline-block;
  }.syn-scope .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }.syn-scope .form-inline .input-group .form-control, .syn-scope .form-inline .input-group .input-group-addon, .syn-scope .form-inline .input-group .input-group-btn {
    width: auto;
  }.syn-scope .form-inline .input-group > .form-control {
    width: 100%;
  }.syn-scope .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }.syn-scope .form-inline .checkbox, .syn-scope .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }.syn-scope .form-inline .checkbox label, .syn-scope .form-inline .radio label {
    padding-left: 0;
  }.syn-scope .form-inline .checkbox input[type="checkbox"], .syn-scope .form-inline .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }.syn-scope .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.syn-scope .form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .checkbox,
.syn-scope .form-horizontal .radio {
  min-height: 27px;
}
.syn-scope .form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {.syn-scope .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.syn-scope .form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {.syn-scope .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {.syn-scope .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.syn-scope .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.syn-scope .btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.focus,
.btn:focus,
.syn-scope .btn:hover {
  color: #333;
  text-decoration: none;
}
.btn.active,
.syn-scope .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
.syn-scope fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
a.btn.disabled,
.syn-scope fieldset[disabled] a.btn {
  pointer-events: none;
}
.syn-scope .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default.focus,
.syn-scope .btn-default:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.syn-scope .btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.active,
.btn-default:active,
.syn-scope .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.syn-scope .open > .dropdown-toggle.btn-default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.active,
.btn-default:active,
.syn-scope .open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
.syn-scope fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}
.syn-scope .btn-default .badge {
  color: #fff;
  background-color: #333;
}
.syn-scope .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary.focus,
.syn-scope .btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.syn-scope .btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary.active,
.btn-primary:active,
.syn-scope .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.syn-scope .open > .dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary.active,
.btn-primary:active,
.syn-scope .open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
.syn-scope fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.syn-scope .btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.syn-scope .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success.focus,
.syn-scope .btn-success:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.syn-scope .btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success.active,
.btn-success:active,
.syn-scope .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.syn-scope .open > .dropdown-toggle.btn-success:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.active,
.btn-success:active,
.syn-scope .open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
.syn-scope fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.syn-scope .btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.syn-scope .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info.focus,
.syn-scope .btn-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.syn-scope .btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info.active,
.btn-info:active,
.syn-scope .open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.syn-scope .open > .dropdown-toggle.btn-info:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.active,
.btn-info:active,
.syn-scope .open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
.syn-scope fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.syn-scope .btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.syn-scope .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning.focus,
.syn-scope .btn-warning:focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.syn-scope .btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning.active,
.btn-warning:active,
.syn-scope .open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.syn-scope .open > .dropdown-toggle.btn-warning:hover {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.active,
.btn-warning:active,
.syn-scope .open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
.syn-scope fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.syn-scope .btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.syn-scope .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger.focus,
.syn-scope .btn-danger:focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.syn-scope .btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger.active,
.btn-danger:active,
.syn-scope .open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.syn-scope .open > .dropdown-toggle.btn-danger:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger.active,
.btn-danger:active,
.syn-scope .open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
.syn-scope fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.syn-scope .btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.syn-scope .btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
.syn-scope fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.syn-scope .btn-link:hover {
  border-color: transparent;
}
.btn-link:focus,
.syn-scope .btn-link:hover {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
.syn-scope fieldset[disabled] .btn-link:hover {
  color: #777;
  text-decoration: none;
}
.btn-group-lg > .btn,
.syn-scope .btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-group-sm > .btn,
.syn-scope .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn,
.syn-scope .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.syn-scope .btn-block {
  display: block;
  width: 100%;
}
.syn-scope .btn-block + .btn-block {
  margin-top: 5px;
}
input[type="button"].btn-block,
input[type="reset"].btn-block,
.syn-scope input[type="submit"].btn-block {
  width: 100%;
}
.syn-scope .fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.syn-scope .fade.in {
  opacity: 1;
}
.syn-scope .collapse {
  display: none;
}
.syn-scope .collapse.in {
  display: block;
}
.syn-scope tr.collapse.in {
  display: table-row;
}
.syn-scope tbody.collapse.in {
  display: table-row-group;
}
.syn-scope .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}
.syn-scope .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;
}
.dropdown,
.syn-scope .dropup {
  position: relative;
}
.syn-scope .dropdown-toggle:focus {
  outline: 0;
}
.syn-scope .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;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.syn-scope .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.syn-scope .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.syn-scope .dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:focus,
.syn-scope .dropdown-menu > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.syn-scope .dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.syn-scope .dropdown-menu > .disabled > a:hover {
  color: #777;
}
.dropdown-menu > .disabled > a:focus,
.syn-scope .dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.syn-scope .open > .dropdown-menu {
  display: block;
}
.syn-scope .open > a {
  outline: 0;
}
.syn-scope .dropdown-menu-right {
  right: 0;
  left: auto;
}
.syn-scope .dropdown-menu-left {
  right: auto;
  left: 0;
}
.syn-scope .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.syn-scope .dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.syn-scope .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.syn-scope .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid\9;
}
.dropup .dropdown-menu,
.syn-scope .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {.syn-scope .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }.syn-scope .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.syn-scope .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.syn-scope .btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.syn-scope .btn-group > .btn:hover {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.syn-scope .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.syn-scope .btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.syn-scope .btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.syn-scope .btn-toolbar > .input-group {
  margin-left: 5px;
}
.syn-scope .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.syn-scope .btn-group > .btn:first-child {
  margin-left: 0;
}
.syn-scope .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.syn-scope .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.syn-scope .btn-group > .btn-group {
  float: left;
}
.syn-scope .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,
.syn-scope .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.syn-scope .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.syn-scope .btn-group.open .dropdown-toggle {
  outline: 0;
}
.syn-scope .btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.syn-scope .btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.syn-scope .btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.syn-scope .btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.syn-scope .btn .caret {
  margin-left: 0;
}
.syn-scope .btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.syn-scope .dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.syn-scope .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.syn-scope .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,
.syn-scope .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.syn-scope .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.syn-scope .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.syn-scope .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.syn-scope .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)
.syn-scope > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical
  > .btn-group:last-child:not(:first-child)
.syn-scope > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.syn-scope .btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.syn-scope .btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.syn-scope .btn-group-justified > .btn-group .btn {
  width: 100%;
}
.syn-scope .btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
.syn-scope [data-toggle="buttons"] > .btn-group > .btn input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.syn-scope .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.syn-scope .input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.syn-scope .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.syn-scope .input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
.syn-scope select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn,
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
.syn-scope textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.syn-scope .input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
.syn-scope select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn,
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
.syn-scope textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group .form-control,
.input-group-addon,
.syn-scope .input-group-btn {
  display: table-cell;
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.syn-scope .input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.syn-scope .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.syn-scope .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.syn-scope .input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.syn-scope .input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="checkbox"],
.syn-scope .input-group-addon input[type="radio"] {
  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-group:not(:last-child) > .btn,
.syn-scope .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.syn-scope .input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.syn-scope .input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.syn-scope .input-group-addon:last-child {
  border-left: 0;
}
.syn-scope .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.syn-scope .input-group-btn > .btn {
  position: relative;
}
.syn-scope .input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:active,
.input-group-btn > .btn:focus,
.syn-scope .input-group-btn > .btn:hover {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.syn-scope .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.syn-scope .input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.syn-scope .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.syn-scope .nav > li {
  position: relative;
  display: block;
}
.syn-scope .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:focus,
.syn-scope .nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.syn-scope .nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:focus,
.syn-scope .nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:focus,
.syn-scope .nav .open > a:hover {
  background-color: #eee;
  border-color: #337ab7;
}
.syn-scope .nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.syn-scope .nav > li > a > img {
  max-width: none;
}
.syn-scope .nav-tabs {
  border-bottom: 1px solid #ddd;
}
.syn-scope .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.syn-scope .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.syn-scope .nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.syn-scope .nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.syn-scope .nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.syn-scope .nav-tabs.nav-justified > li {
  float: none;
}
.syn-scope .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.syn-scope .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {.syn-scope .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }.syn-scope .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.syn-scope .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.syn-scope .nav-tabs.nav-justified > .active > a:hover {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {.syn-scope .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }.syn-scope .nav-tabs.nav-justified > .active > a, .syn-scope .nav-tabs.nav-justified > .active > a:focus, .syn-scope .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}
.syn-scope .nav-pills > li {
  float: left;
}
.syn-scope .nav-pills > li > a {
  border-radius: 4px;
}
.syn-scope .nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.syn-scope .nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #337ab7;
}
.syn-scope .nav-stacked > li {
  float: none;
}
.syn-scope .nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.syn-scope .nav-justified {
  width: 100%;
}
.syn-scope .nav-justified > li {
  float: none;
}
.syn-scope .nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.syn-scope .nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {.syn-scope .nav-justified > li {
    display: table-cell;
    width: 1%;
  }.syn-scope .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.syn-scope .nav-tabs-justified {
  border-bottom: 0;
}
.syn-scope .nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.syn-scope .nav-tabs-justified > .active > a:hover {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {.syn-scope .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }.syn-scope .nav-tabs-justified > .active > a, .syn-scope .nav-tabs-justified > .active > a:focus, .syn-scope .nav-tabs-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}
.syn-scope .tab-content > .tab-pane {
  display: none;
}
.syn-scope .tab-content > .active {
  display: block;
}
.syn-scope .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.syn-scope .navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {.syn-scope .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {.syn-scope .navbar-header {
    float: left;
  }
}
.syn-scope .navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.syn-scope .navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {.syn-scope .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }.syn-scope .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }.syn-scope .navbar-collapse.in {
    overflow-y: visible;
  }.syn-scope .navbar-fixed-bottom .navbar-collapse, .syn-scope .navbar-fixed-top .navbar-collapse, .syn-scope .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-bottom .navbar-collapse,
.syn-scope .navbar-fixed-top .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {.syn-scope .navbar-fixed-bottom .navbar-collapse, .syn-scope .navbar-fixed-top .navbar-collapse {
    max-height: 200px;
  }
}
.container-syn-fluid > .navbar-collapse,
.container-syn-fluid > .navbar-header,
.container-syn > .navbar-collapse,
.syn-scope .container-syn > .navbar-header {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {.syn-scope .container-syn-fluid > .navbar-collapse, .syn-scope .container-syn-fluid > .navbar-header, .syn-scope .container-syn > .navbar-collapse, .syn-scope .container-syn > .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }
}
.syn-scope .navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {.syn-scope .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-bottom,
.syn-scope .navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {.syn-scope .navbar-fixed-bottom, .syn-scope .navbar-fixed-top {
    border-radius: 0;
  }
}
.syn-scope .navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.syn-scope .navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.syn-scope .navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:focus,
.syn-scope .navbar-brand:hover {
  text-decoration: none;
}
.syn-scope .navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {.syn-scope .navbar > .container-syn .navbar-brand, .syn-scope .navbar > .container-syn-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.syn-scope .navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.syn-scope .navbar-toggle:focus {
  outline: 0;
}
.syn-scope .navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.syn-scope .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {.syn-scope .navbar-toggle {
    display: none;
  }
}
.syn-scope .navbar-nav {
  margin: 7.5px -15px;
}
.syn-scope .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {.syn-scope .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }.syn-scope .navbar-nav .open .dropdown-menu .dropdown-header, .syn-scope .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
  }.syn-scope .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }.syn-scope .navbar-nav .open .dropdown-menu > li > a:focus, .syn-scope .navbar-nav .open .dropdown-menu > li > a:hover {
    background-image: none;
  }
}
@media (min-width: 768px) {.syn-scope .navbar-nav {
    float: left;
    margin: 0;
  }.syn-scope .navbar-nav > li {
    float: left;
  }.syn-scope .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.syn-scope .navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {.syn-scope .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }.syn-scope .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }.syn-scope .navbar-form .form-control-static {
    display: inline-block;
  }.syn-scope .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }.syn-scope .navbar-form .input-group .form-control, .syn-scope .navbar-form .input-group .input-group-addon, .syn-scope .navbar-form .input-group .input-group-btn {
    width: auto;
  }.syn-scope .navbar-form .input-group > .form-control {
    width: 100%;
  }.syn-scope .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }.syn-scope .navbar-form .checkbox, .syn-scope .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }.syn-scope .navbar-form .checkbox label, .syn-scope .navbar-form .radio label {
    padding-left: 0;
  }.syn-scope .navbar-form .checkbox input[type="checkbox"], .syn-scope .navbar-form .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }.syn-scope .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {.syn-scope .navbar-form .form-group {
    margin-bottom: 5px;
  }.syn-scope .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {.syn-scope .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.syn-scope .navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.syn-scope .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.syn-scope .navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.syn-scope .navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.syn-scope .navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.syn-scope .navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {.syn-scope .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {.syn-scope .navbar-left {
    float: left !important;
  }.syn-scope .navbar-right {
    float: right !important;
    margin-right: -15px;
  }.syn-scope .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.syn-scope .navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.syn-scope .navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:focus,
.syn-scope .navbar-default .navbar-brand:hover {
  color: #5e5e5e;
  background-color: transparent;
}
.syn-scope .navbar-default .navbar-text {
  color: #777;
}
.syn-scope .navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:focus,
.syn-scope .navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.syn-scope .navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.syn-scope .navbar-default .navbar-nav > .disabled > a:hover {
  color: #ccc;
  background-color: transparent;
}
.syn-scope .navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:focus,
.syn-scope .navbar-default .navbar-toggle:hover {
  background-color: #ddd;
}
.syn-scope .navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.syn-scope .navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.syn-scope .navbar-default .navbar-nav > .open > a:hover {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {.syn-scope .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }.syn-scope .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .syn-scope .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent;
  }.syn-scope .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .syn-scope .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .syn-scope .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7;
  }.syn-scope .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .syn-scope .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .syn-scope .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: transparent;
  }
}
.syn-scope .navbar-default .navbar-link {
  color: #777;
}
.syn-scope .navbar-default .navbar-link:hover {
  color: #333;
}
.syn-scope .navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:focus,
.syn-scope .navbar-default .btn-link:hover {
  color: #333;
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
.syn-scope fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc;
}
.syn-scope .navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.syn-scope .navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:focus,
.syn-scope .navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent;
}
.syn-scope .navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.syn-scope .navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:focus,
.syn-scope .navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.syn-scope .navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.syn-scope .navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #444;
  background-color: transparent;
}
.syn-scope .navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:focus,
.syn-scope .navbar-inverse .navbar-toggle:hover {
  background-color: #333;
}
.syn-scope .navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.syn-scope .navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.syn-scope .navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {.syn-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }.syn-scope .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }.syn-scope .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }.syn-scope .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .syn-scope .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: transparent;
  }.syn-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .syn-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .syn-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #080808;
  }.syn-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .syn-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .syn-scope .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: transparent;
  }
}
.syn-scope .navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.syn-scope .navbar-inverse .navbar-link:hover {
  color: #fff;
}
.syn-scope .navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:focus,
.syn-scope .navbar-inverse .btn-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
.syn-scope fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444;
}
.syn-scope .breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.syn-scope .breadcrumb > li {
  display: inline-block;
}
.syn-scope .breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.syn-scope .breadcrumb > .active {
  color: #777;
}
.syn-scope .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.syn-scope .pagination > li {
  display: inline;
}
.pagination > li > a,
.syn-scope .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.syn-scope .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.syn-scope .pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.syn-scope .pagination > li > span:hover {
  z-index: 3;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.syn-scope .pagination > .active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.syn-scope .pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.syn-scope .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.syn-scope .pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.syn-scope .pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.syn-scope .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.syn-scope .pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.syn-scope .pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.syn-scope .pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.syn-scope .pager li {
  display: inline;
}
.pager li > a,
.syn-scope .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:focus,
.syn-scope .pager li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.syn-scope .pager .next > span {
  float: right;
}
.pager .previous > a,
.syn-scope .pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.syn-scope .pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.syn-scope .label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:focus,
.syn-scope a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.syn-scope .label:empty {
  display: none;
}
.syn-scope .btn .label {
  position: relative;
  top: -1px;
}
.syn-scope .label-default {
  background-color: #777;
}
.label-default[href]:focus,
.syn-scope .label-default[href]:hover {
  background-color: #5e5e5e;
}
.syn-scope .label-primary {
  background-color: #337ab7;
}
.label-primary[href]:focus,
.syn-scope .label-primary[href]:hover {
  background-color: #286090;
}
.syn-scope .label-success {
  background-color: #5cb85c;
}
.label-success[href]:focus,
.syn-scope .label-success[href]:hover {
  background-color: #449d44;
}
.syn-scope .label-info {
  background-color: #5bc0de;
}
.label-info[href]:focus,
.syn-scope .label-info[href]:hover {
  background-color: #31b0d5;
}
.syn-scope .label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:focus,
.syn-scope .label-warning[href]:hover {
  background-color: #ec971f;
}
.syn-scope .label-danger {
  background-color: #d9534f;
}
.label-danger[href]:focus,
.syn-scope .label-danger[href]:hover {
  background-color: #c9302c;
}
.syn-scope .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}
.syn-scope .badge:empty {
  display: none;
}
.syn-scope .btn .badge {
  position: relative;
  top: -1px;
}
.btn-group-xs > .btn .badge,
.syn-scope .btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:focus,
.syn-scope a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.syn-scope .nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.syn-scope .list-group-item > .badge {
  float: right;
}
.syn-scope .list-group-item > .badge + .badge {
  margin-right: 5px;
}
.syn-scope .nav-pills > li > a > .badge {
  margin-left: 3px;
}
.syn-scope .jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron .h1,
.syn-scope .jumbotron h1 {
  color: inherit;
}
.syn-scope .jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.syn-scope .jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container-syn .jumbotron,
.syn-scope .container-syn-fluid .jumbotron {
  border-radius: 6px;
}
.syn-scope .jumbotron .container-syn {
  max-width: 100%;
}
@media screen and (min-width: 768px) {.syn-scope .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }.syn-scope .container-syn .jumbotron, .syn-scope .container-syn-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }.syn-scope .jumbotron .h1, .syn-scope .jumbotron h1 {
    font-size: 63px;
  }
}
.syn-scope .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail a > img,
.syn-scope .thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail.active,
a.thumbnail:focus,
.syn-scope a.thumbnail:hover {
  border-color: #337ab7;
}
.syn-scope .thumbnail .caption {
  padding: 9px;
  color: #333;
}
.syn-scope .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.syn-scope .alert h4 {
  margin-top: 0;
  color: inherit;
}
.syn-scope .alert .alert-link {
  font-weight: 700;
}
.alert > p,
.syn-scope .alert > ul {
  margin-bottom: 0;
}
.syn-scope .alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.syn-scope .alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.syn-scope .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.syn-scope .alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.syn-scope .alert-success hr {
  border-top-color: #c9e2b3;
}
.syn-scope .alert-success .alert-link {
  color: #2b542c;
}
.syn-scope .alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.syn-scope .alert-info hr {
  border-top-color: #a6e1ec;
}
.syn-scope .alert-info .alert-link {
  color: #245269;
}
.syn-scope .alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.syn-scope .alert-warning hr {
  border-top-color: #f7e1b5;
}
.syn-scope .alert-warning .alert-link {
  color: #66512c;
}
.syn-scope .alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.syn-scope .alert-danger hr {
  border-top-color: #e4b9c0;
}
.syn-scope .alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
.syn-scope to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
.syn-scope from {
    background-position: 40px 0;
  }
.syn-scope to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
.syn-scope to {
    background-position: 0 0;
  }
}
.syn-scope .progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.syn-scope .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-bar-striped,
.syn-scope .progress-striped .progress-bar {
  background-image: -webkit-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-image: -o-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-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
  );
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress-bar.active,
.syn-scope .progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.syn-scope .progress-bar-success {
  background-color: #5cb85c;
}
.syn-scope .progress-striped .progress-bar-success {
  background-image: -webkit-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-image: -o-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-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
  );
}
.syn-scope .progress-bar-info {
  background-color: #5bc0de;
}
.syn-scope .progress-striped .progress-bar-info {
  background-image: -webkit-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-image: -o-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-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
  );
}
.syn-scope .progress-bar-warning {
  background-color: #f0ad4e;
}
.syn-scope .progress-striped .progress-bar-warning {
  background-image: -webkit-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-image: -o-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-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
  );
}
.syn-scope .progress-bar-danger {
  background-color: #d9534f;
}
.syn-scope .progress-striped .progress-bar-danger {
  background-image: -webkit-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-image: -o-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-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
  );
}
.syn-scope .media {
  margin-top: 15px;
}
.syn-scope .media:first-child {
  margin-top: 0;
}
.media,
.syn-scope .media-body {
  overflow: hidden;
  zoom: 1;
}
.syn-scope .media-body {
  width: 10000px;
}
.syn-scope .media-object {
  display: block;
}
.syn-scope .media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.syn-scope .media > .pull-right {
  padding-left: 10px;
}
.media-left,
.syn-scope .media > .pull-left {
  padding-right: 10px;
}
.media-body,
.media-left,
.syn-scope .media-right {
  display: table-cell;
  vertical-align: top;
}
.syn-scope .media-middle {
  vertical-align: middle;
}
.syn-scope .media-bottom {
  vertical-align: bottom;
}
.syn-scope .media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.syn-scope .media-list {
  padding-left: 0;
  list-style: none;
}
.syn-scope .list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.syn-scope .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.syn-scope .list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.syn-scope .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
.syn-scope button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
.syn-scope button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
.syn-scope button.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.syn-scope button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.syn-scope .list-group-item.disabled:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.syn-scope .list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.syn-scope .list-group-item.disabled:hover .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:focus,
.syn-scope .list-group-item.active:hover {
  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: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,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > .small,
.syn-scope .list-group-item.active:hover .list-group-item-heading > small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.syn-scope .list-group-item.active:hover .list-group-item-text {
  color: #c7ddef;
}
.syn-scope .list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
.syn-scope button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
.syn-scope button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
.syn-scope button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
.syn-scope button.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.syn-scope .list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
.syn-scope button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
.syn-scope button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
.syn-scope button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
.syn-scope button.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.syn-scope .list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
.syn-scope button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
.syn-scope button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
.syn-scope button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
.syn-scope button.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.syn-scope .list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
.syn-scope button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
.syn-scope button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
.syn-scope button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
.syn-scope button.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.syn-scope .list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.syn-scope .list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.syn-scope .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  font-size: 18px;
}
.syn-scope .panel-body {
  padding: 15px;
  font-size: 18px;
}
.syn-scope .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  font-size: 18px;
}
.syn-scope .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.syn-scope .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit;
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.syn-scope .panel-title > small > a {
  color: inherit;
}
.syn-scope .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,
.syn-scope .panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.syn-scope .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
.syn-scope .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.syn-scope .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
.syn-scope .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.syn-scope .panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.syn-scope .list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .panel-collapse > .table,
.panel > .table,
.syn-scope .panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .panel-collapse > .table caption,
.panel > .table caption,
.syn-scope .panel > .table-responsive > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table-responsive:first-child > .table:first-child,
.syn-scope .panel > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel
  > .table-responsive:first-child
  > .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:first-child > tbody:first-child > tr:first-child,
.syn-scope .panel > .table:first-child > thead:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.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,
.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: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:first-child > thead:first-child > tr:first-child td:first-child,
.panel
  > .table:first-child
  > thead:first-child
  > tr:first-child
.syn-scope th:first-child {
  border-top-left-radius: 3px;
}
.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,
.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: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:first-child > thead:first-child > tr:first-child td:last-child,
.syn-scope .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table-responsive:last-child > .table:last-child,
.syn-scope .panel > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.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,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.syn-scope .panel > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.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,
.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,
.syn-scope .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.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,
.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,
.syn-scope .panel > .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,
.syn-scope .panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child td,
.syn-scope .panel > .table > tbody:first-child > tr:first-child th {
  border-top: 0;
}
.panel > .table-bordered,
.syn-scope .panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.syn-scope .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
  border-left: 0;
}
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.syn-scope .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
  border-right: 0;
}
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .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,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.syn-scope .panel > .table-responsive > .table-bordered > thead > 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,
.syn-scope .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.syn-scope .panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.syn-scope .panel-group {
  margin-bottom: 20px;
}
.syn-scope .panel-group .panel {
  margin-bottom: 0;
}
.syn-scope .panel-group .panel + .panel {
  margin-top: 5px;
}
.syn-scope .panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.syn-scope .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}
.syn-scope .panel-group .panel-footer {
  border-top: 0;
}
.syn-scope .panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.syn-scope .panel-default {
  border-color: #ddd;
}
.syn-scope .panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.syn-scope .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.syn-scope .panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.syn-scope .panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.syn-scope .panel-primary {
  border-color: #337ab7;
}
.syn-scope .panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.syn-scope .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.syn-scope .panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.syn-scope .panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.syn-scope .panel-success {
  border-color: #d6e9c6;
}
.syn-scope .panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.syn-scope .panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.syn-scope .panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.syn-scope .panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.syn-scope .panel-info {
  border-color: #bce8f1;
}
.syn-scope .panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.syn-scope .panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.syn-scope .panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.syn-scope .panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.syn-scope .panel-warning {
  border-color: #faebcc;
}
.syn-scope .panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.syn-scope .panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.syn-scope .panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.syn-scope .panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.syn-scope .panel-danger {
  border-color: #ebccd1;
}
.syn-scope .panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.syn-scope .panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.syn-scope .panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.syn-scope .panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.syn-scope .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.syn-scope .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.syn-scope .embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.syn-scope .embed-responsive-4by3 {
  padding-bottom: 75%;
}
.syn-scope .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.syn-scope .well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.syn-scope .well-lg {
  padding: 24px;
  border-radius: 6px;
}
.syn-scope .well-sm {
  padding: 9px;
  border-radius: 3px;
}
.syn-scope .close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:focus,
.syn-scope .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.syn-scope button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.syn-scope .modal-open {
  overflow: hidden;
}
.syn-scope .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.syn-scope .modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.syn-scope .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.syn-scope .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.syn-scope .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.syn-scope .modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.syn-scope .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.syn-scope .modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.syn-scope .modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.syn-scope .modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.syn-scope .modal-header .close {
  margin-top: -2px;
}
.syn-scope .modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.syn-scope .modal-body {
  position: relative;
  padding: 15px;
}
.syn-scope .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.syn-scope .modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.syn-scope .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.syn-scope .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.syn-scope .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {.syn-scope .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }.syn-scope .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }.syn-scope .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {.syn-scope .modal-lg {
    width: 900px;
  }
}
.syn-scope .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}
.syn-scope .tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.syn-scope .tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.syn-scope .tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.syn-scope .tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.syn-scope .tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.syn-scope .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.syn-scope .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.syn-scope .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.syn-scope .tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.syn-scope .tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.syn-scope .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.syn-scope .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.syn-scope .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.syn-scope .tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.syn-scope .tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.syn-scope .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-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}
.syn-scope .popover.top {
  margin-top: -10px;
}
.syn-scope .popover.right {
  margin-left: 10px;
}
.syn-scope .popover.bottom {
  margin-top: 10px;
}
.syn-scope .popover.left {
  margin-left: -10px;
}
.syn-scope .popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.syn-scope .popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.syn-scope .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.syn-scope .popover > .arrow {
  border-width: 11px;
}
.syn-scope .popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.syn-scope .popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.syn-scope .popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.syn-scope .popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.syn-scope .popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.syn-scope .popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.syn-scope .popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.syn-scope .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);
}
.syn-scope .popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.syn-scope .carousel {
  position: relative;
}
.syn-scope .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.syn-scope .carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > a > img,
.syn-scope .carousel-inner > .item > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {.syn-scope .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }.syn-scope .carousel-inner > .item.active.right, .syn-scope .carousel-inner > .item.next {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }.syn-scope .carousel-inner > .item.active.left, .syn-scope .carousel-inner > .item.prev {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }.syn-scope .carousel-inner > .item.active, .syn-scope .carousel-inner > .item.next.left, .syn-scope .carousel-inner > .item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.syn-scope .carousel-inner > .prev {
  display: block;
}
.syn-scope .carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.syn-scope .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.syn-scope .carousel-inner > .next {
  left: 100%;
}
.syn-scope .carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.syn-scope .carousel-inner > .prev.right {
  left: 0;
}
.syn-scope .carousel-inner > .active.left {
  left: -100%;
}
.syn-scope .carousel-inner > .active.right {
  left: 100%;
}
.syn-scope .carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.syn-scope .carousel-control.left {
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0.0001))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.syn-scope .carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.0001)),
    to(rgba(0, 0, 0, 0.5))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:focus,
.syn-scope .carousel-control:hover {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: 0.9;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.syn-scope .carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .glyphicon-chevron-left,
.syn-scope .carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.syn-scope .carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-next,
.syn-scope .carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.syn-scope .carousel-control .icon-prev:before {
  content: "\2039";
}
.syn-scope .carousel-control .icon-next:before {
  content: "\203a";
}
.syn-scope .carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.syn-scope .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000\9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.syn-scope .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.syn-scope .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  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);
}
.syn-scope .carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {.syn-scope .carousel-control .glyphicon-chevron-left, .syn-scope .carousel-control .glyphicon-chevron-right, .syn-scope .carousel-control .icon-next, .syn-scope .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }.syn-scope .carousel-control .glyphicon-chevron-left, .syn-scope .carousel-control .icon-prev {
    margin-left: -15px;
  }.syn-scope .carousel-control .glyphicon-chevron-right, .syn-scope .carousel-control .icon-next {
    margin-right: -15px;
  }.syn-scope .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }.syn-scope .carousel-indicators {
    bottom: 20px;
  }
}
.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-syn-fluid:after,
.container-syn-fluid:before,
.container-syn:after,
.container-syn:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.syn-scope .row:before {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-syn-fluid:after,
.container-syn:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.syn-scope .row:after {
  clear: both;
}
.syn-scope .center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.syn-scope .pull-right {
  float: right !important;
}
.syn-scope .pull-left {
  float: left !important;
}
.syn-scope .hide {
  display: none !important;
}
.syn-scope .show {
  display: block !important;
}
.syn-scope .invisible {
  visibility: hidden;
}
.syn-scope .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.syn-scope .hidden {
  display: none !important;
}
.syn-scope .affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-lg,
.visible-md,
.visible-sm,
.syn-scope .visible-xs {
  display: none !important;
}
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.syn-scope .visible-xs-inline-block {
  display: none !important;
}
@media (max-width: 767px) {.syn-scope .visible-xs {
    display: block !important;
  }.syn-scope table.visible-xs {
    display: table !important;
  }.syn-scope tr.visible-xs {
    display: table-row !important;
  }.syn-scope td.visible-xs, .syn-scope th.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {.syn-scope .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {.syn-scope .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {.syn-scope .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {.syn-scope .visible-sm {
    display: block !important;
  }.syn-scope table.visible-sm {
    display: table !important;
  }.syn-scope tr.visible-sm {
    display: table-row !important;
  }.syn-scope td.visible-sm, .syn-scope th.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {.syn-scope .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {.syn-scope .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {.syn-scope .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {.syn-scope .visible-md {
    display: block !important;
  }.syn-scope table.visible-md {
    display: table !important;
  }.syn-scope tr.visible-md {
    display: table-row !important;
  }.syn-scope td.visible-md, .syn-scope th.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {.syn-scope .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {.syn-scope .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {.syn-scope .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {.syn-scope .visible-lg {
    display: block !important;
  }.syn-scope table.visible-lg {
    display: table !important;
  }.syn-scope tr.visible-lg {
    display: table-row !important;
  }.syn-scope td.visible-lg, .syn-scope th.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {.syn-scope .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {.syn-scope .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {.syn-scope .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {.syn-scope .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {.syn-scope .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {.syn-scope .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {.syn-scope .hidden-lg {
    display: none !important;
  }
}
.syn-scope .visible-print {
  display: none !important;
}
@media print {.syn-scope .visible-print {
    display: block !important;
  }.syn-scope table.visible-print {
    display: table !important;
  }.syn-scope tr.visible-print {
    display: table-row !important;
  }.syn-scope td.visible-print, .syn-scope th.visible-print {
    display: table-cell !important;
  }
}
.syn-scope .visible-print-block {
  display: none !important;
}
@media print {.syn-scope .visible-print-block {
    display: block !important;
  }
}
.syn-scope .visible-print-inline {
  display: none !important;
}
@media print {.syn-scope .visible-print-inline {
    display: inline !important;
  }
}
.syn-scope .visible-print-inline-block {
  display: none !important;
}
@media print {.syn-scope .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {.syn-scope .hidden-print {
    display: none !important;
  }
}

/* Font Awesome 4.4.0 */
/* @font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.4.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"} */
/* Linea Icons */
@font-face {
  font-family: linea;
  src: url(fonts/linea.eot);
  src: url(fonts/linea.eot?#iefix) format("embedded-opentype"),
    url(fonts/linea.woff) format("woff"),
    url(fonts/linea.ttf) format("truetype"),
    url(fonts/linea.svg#linea) format("svg");
  font-weight: 400;
  font-style: normal;
}
[class*=" icons-"]:before,
[class^="icons-"]:before,
.syn-scope [data-icons]:before {
  font-family: linea !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.syn-scope [data-icons]:before {
  content: attr(data-icons);
}
.syn-scope .icons-basic-accelerator:before {
  content: "a";
}
.syn-scope .icons-basic-alarm:before {
  content: "b";
}
.syn-scope .icons-basic-anchor:before {
  content: "c";
}
.syn-scope .icons-basic-anticlockwise:before {
  content: "d";
}
.syn-scope .icons-basic-archive:before {
  content: "e";
}
.syn-scope .icons-basic-archive-full:before {
  content: "f";
}
.syn-scope .icons-basic-ban:before {
  content: "g";
}
.syn-scope .icons-basic-battery-charge:before {
  content: "h";
}
.syn-scope .icons-basic-battery-empty:before {
  content: "i";
}
.syn-scope .icons-basic-battery-full:before {
  content: "j";
}
.syn-scope .icons-basic-battery-half:before {
  content: "k";
}
.syn-scope .icons-basic-bolt:before {
  content: "l";
}
.syn-scope .icons-basic-book:before {
  content: "m";
}
.syn-scope .icons-basic-book-pen:before {
  content: "n";
}
.syn-scope .icons-basic-book-pencil:before {
  content: "o";
}
.syn-scope .icons-basic-bookmark:before {
  content: "p";
}
.syn-scope .icons-basic-calculator:before {
  content: "q";
}
.syn-scope .icons-basic-calendar:before {
  content: "r";
}
.syn-scope .icons-basic-cards-diamonds:before {
  content: "s";
}
.syn-scope .icons-basic-cards-hearts:before {
  content: "t";
}
.syn-scope .icons-basic-case:before {
  content: "u";
}
.syn-scope .icons-basic-chronometer:before {
  content: "v";
}
.syn-scope .icons-basic-clessidre:before {
  content: "w";
}
.syn-scope .icons-basic-clock:before {
  content: "x";
}
.syn-scope .icons-basic-clockwise:before {
  content: "y";
}
.syn-scope .icons-basic-cloud:before {
  content: "z";
}
.syn-scope .icons-basic-clubs:before {
  content: "A";
}
.syn-scope .icons-basic-compass:before {
  content: "B";
}
.syn-scope .icons-basic-cup:before {
  content: "C";
}
.syn-scope .icons-basic-diamonds:before {
  content: "D";
}
.syn-scope .icons-basic-display:before {
  content: "E";
}
.syn-scope .icons-basic-download:before {
  content: "F";
}
.syn-scope .icons-basic-exclamation:before {
  content: "G";
}
.syn-scope .icons-basic-eye:before {
  content: "H";
}
.syn-scope .icons-basic-eye-closed:before {
  content: "I";
}
.syn-scope .icons-basic-female:before {
  content: "J";
}
.syn-scope .icons-basic-flag1:before {
  content: "K";
}
.syn-scope .icons-basic-flag2:before {
  content: "L";
}
.syn-scope .icons-basic-floppydisk:before {
  content: "M";
}
.syn-scope .icons-basic-folder:before {
  content: "N";
}
.syn-scope .icons-basic-folder-multiple:before {
  content: "O";
}
.syn-scope .icons-basic-gear:before {
  content: "P";
}
.syn-scope .icons-basic-geolocalize-01:before {
  content: "Q";
}
.syn-scope .icons-basic-geolocalize-05:before {
  content: "R";
}
.syn-scope .icons-basic-globe:before {
  content: "S";
}
.syn-scope .icons-basic-gunsight:before {
  content: "T";
}
.syn-scope .icons-basic-hammer:before {
  content: "U";
}
.syn-scope .icons-basic-headset:before {
  content: "V";
}
.syn-scope .icons-basic-heart:before {
  content: "W";
}
.syn-scope .icons-basic-heart-broken:before {
  content: "X";
}
.syn-scope .icons-basic-helm:before {
  content: "Y";
}
.syn-scope .icons-basic-home:before {
  content: "Z";
}
.syn-scope .icons-basic-info:before {
  content: "0";
}
.syn-scope .icons-basic-ipod:before {
  content: "1";
}
.syn-scope .icons-basic-joypad:before {
  content: "2";
}
.syn-scope .icons-basic-key:before {
  content: "3";
}
.syn-scope .icons-basic-keyboard:before {
  content: "4";
}
.syn-scope .icons-basic-laptop:before {
  content: "5";
}
.syn-scope .icons-basic-life-buoy:before {
  content: "6";
}
.syn-scope .icons-basic-lightbulb:before {
  content: "7";
}
.syn-scope .icons-basic-link:before {
  content: "8";
}
.syn-scope .icons-basic-lock:before {
  content: "9";
}
.syn-scope .icons-basic-lock-open:before {
  content: "!";
}
.syn-scope .icons-basic-magic-mouse:before {
  content: '"';
}
.syn-scope .icons-basic-magnifier:before {
  content: "#";
}
.syn-scope .icons-basic-magnifier-minus:before {
  content: "$";
}
.syn-scope .icons-basic-magnifier-plus:before {
  content: "%";
}
.syn-scope .icons-basic-mail:before {
  content: "&";
}
.syn-scope .icons-basic-mail-multiple:before {
  content: "'";
}
.syn-scope .icons-basic-mail-open:before {
  content: "(";
}
.syn-scope .icons-basic-mail-open-text:before {
  content: ")";
}
.syn-scope .icons-basic-male:before {
  content: "*";
}
.syn-scope .icons-basic-map:before {
  content: "+";
}
.syn-scope .icons-basic-message:before {
  content: ",";
}
.syn-scope .icons-basic-message-multiple:before {
  content: "-";
}
.syn-scope .icons-basic-message-txt:before {
  content: ".";
}
.syn-scope .icons-basic-mixer2:before {
  content: "/";
}
.syn-scope .icons-basic-mouse:before {
  content: ":";
}
.syn-scope .icons-basic-notebook:before {
  content: ";";
}
.syn-scope .icons-basic-notebook-pen:before {
  content: "<";
}
.syn-scope .icons-basic-notebook-pencil:before {
  content: "=";
}
.syn-scope .icons-basic-paperplane:before {
  content: ">";
}
.syn-scope .icons-basic-pencil-ruler:before {
  content: "?";
}
.syn-scope .icons-basic-pencil-ruler-pen:before {
  content: "@";
}
.syn-scope .icons-basic-photo:before {
  content: "[";
}
.syn-scope .icons-basic-picture:before {
  content: "]";
}
.syn-scope .icons-basic-picture-multiple:before {
  content: "^";
}
.syn-scope .icons-basic-pin1:before {
  content: "_";
}
.syn-scope .icons-basic-pin2:before {
  content: "`";
}
.syn-scope .icons-basic-postcard:before {
.syn-scope content: " {";
}
.syn-scope .icons-basic-postcard-multiple:before {
  content: "|";
}
.syn-scope .icons-basic-printer:before {
  content: "}";
}
.syn-scope .icons-basic-question:before {
  content: "~";
}
.syn-scope .icons-basic-rss:before {
  content: "\rss";
}
.syn-scope .icons-basic-server:before {
  content: "\e000";
}
.syn-scope .icons-basic-server2:before {
  content: "\e001";
}
.syn-scope .icons-basic-server-cloud:before {
  content: "\e002";
}
.syn-scope .icons-basic-server-download:before {
  content: "\e003";
}
.syn-scope .icons-basic-server-upload:before {
  content: "\e004";
}
.syn-scope .icons-basic-settings:before {
  content: "\e005";
}
.syn-scope .icons-basic-share:before {
  content: "\e006";
}
.syn-scope .icons-basic-sheet:before {
  content: "\e007";
}
.syn-scope .icons-basic-sheet-multiple:before {
  content: "\e008";
}
.syn-scope .icons-basic-sheet-pen:before {
  content: "\e009";
}
.syn-scope .icons-basic-sheet-pencil:before {
  content: "\e00a";
}
.syn-scope .icons-basic-sheet-txt:before {
  content: "\e00b";
}
.syn-scope .icons-basic-signs:before {
  content: "\e00c";
}
.syn-scope .icons-basic-smartphone:before {
  content: "\e00d";
}
.syn-scope .icons-basic-spades:before {
  content: "\e00e";
}
.syn-scope .icons-basic-spread:before {
  content: "\e00f";
}
.syn-scope .icons-basic-spread-bookmark:before {
  content: "\e010";
}
.syn-scope .icons-basic-spread-text:before {
  content: "\e011";
}
.syn-scope .icons-basic-spread-text-bookmark:before {
  content: "\e012";
}
.syn-scope .icons-basic-star:before {
  content: "\e013";
}
.syn-scope .icons-basic-tablet:before {
  content: "\e014";
}
.syn-scope .icons-basic-target:before {
  content: "\e015";
}
.syn-scope .icons-basic-todo:before {
  content: "\e016";
}
.syn-scope .icons-basic-todo-pen:before {
  content: "\e017";
}
.syn-scope .icons-basic-todo-pencil:before {
  content: "\e018";
}
.syn-scope .icons-basic-todo-txt:before {
  content: "\e019";
}
.syn-scope .icons-basic-todolist-pen:before {
  content: "\e01a";
}
.syn-scope .icons-basic-todolist-pencil:before {
  content: "\e01b";
}
.syn-scope .icons-basic-trashcan:before {
  content: "\e01c";
}
.syn-scope .icons-basic-trashcan-full:before {
  content: "\e01d";
}
.syn-scope .icons-basic-trashcan-refresh:before {
  content: "\e01e";
}
.syn-scope .icons-basic-trashcan-remove:before {
  content: "\e01f";
}
.syn-scope .icons-basic-upload:before {
  content: "\e020";
}
.syn-scope .icons-basic-usb:before {
  content: "\e021";
}
.syn-scope .icons-basic-video:before {
  content: "\e022";
}
.syn-scope .icons-basic-watch:before {
  content: "\e023";
}
.syn-scope .icons-basic-webpage:before {
  content: "\e024";
}
.syn-scope .icons-basic-webpage-img-txt:before {
  content: "\e025";
}
.syn-scope .icons-basic-webpage-multiple:before {
  content: "\e026";
}
.syn-scope .icons-basic-webpage-txt:before {
  content: "\e027";
}
.syn-scope .icons-basic-world:before {
  content: "\e028";
}
.syn-scope .icons-music-beginning-button:before {
  content: "\e029";
}
.syn-scope .icons-music-bell:before {
  content: "\e02a";
}
.syn-scope .icons-music-cd:before {
  content: "\e02b";
}
.syn-scope .icons-music-diapason:before {
  content: "\e02c";
}
.syn-scope .icons-music-eject-button:before {
  content: "\e02d";
}
.syn-scope .icons-music-end-button:before {
  content: "\e02e";
}
.syn-scope .icons-music-fastforward-button:before {
  content: "\e02f";
}
.syn-scope .icons-music-headphones:before {
  content: "\e030";
}
.syn-scope .icons-music-ipod:before {
  content: "\e031";
}
.syn-scope .icons-music-loudspeaker:before {
  content: "\e032";
}
.syn-scope .icons-music-microphone:before {
  content: "\e033";
}
.syn-scope .icons-music-microphone-old:before {
  content: "\e034";
}
.syn-scope .icons-music-mixer:before {
  content: "\e035";
}
.syn-scope .icons-music-mute:before {
  content: "\e036";
}
.syn-scope .icons-music-note-multiple:before {
  content: "\e037";
}
.syn-scope .icons-music-note-single:before {
  content: "\e038";
}
.syn-scope .icons-music-pause-button:before {
  content: "\e039";
}
.syn-scope .icons-music-play-button:before {
  content: "\e03a";
}
.syn-scope .icons-music-playlist:before {
  content: "\e03b";
}
.syn-scope .icons-music-radio-ghettoblaster:before {
  content: "\e03c";
}
.syn-scope .icons-music-radio-portable:before {
  content: "\e03d";
}
.syn-scope .icons-music-record:before {
  content: "\e03e";
}
.syn-scope .icons-music-recordplayer:before {
  content: "\e03f";
}
.syn-scope .icons-music-repeat-button:before {
  content: "\e040";
}
.syn-scope .icons-music-rewind-button:before {
  content: "\e041";
}
.syn-scope .icons-music-shuffle-button:before {
  content: "\e042";
}
.syn-scope .icons-music-stop-button:before {
  content: "\e043";
}
.syn-scope .icons-music-tape:before {
  content: "\e044";
}
.syn-scope .icons-music-volume-down:before {
  content: "\e045";
}
.syn-scope .icons-music-volume-up:before {
  content: "\e046";
}
.syn-scope .icons-ecommerce-bag:before {
  content: "\e047";
}
.syn-scope .icons-ecommerce-bag-check:before {
  content: "\e048";
}
.syn-scope .icons-ecommerce-bag-cloud:before {
  content: "\e049";
}
.syn-scope .icons-ecommerce-bag-download:before {
  content: "\e04a";
}
.syn-scope .icons-ecommerce-bag-minus:before {
  content: "\e04b";
}
.syn-scope .icons-ecommerce-bag-plus:before {
  content: "\e04c";
}
.syn-scope .icons-ecommerce-bag-refresh:before {
  content: "\e04d";
}
.syn-scope .icons-ecommerce-bag-remove:before {
  content: "\e04e";
}
.syn-scope .icons-ecommerce-bag-search:before {
  content: "\e04f";
}
.syn-scope .icons-ecommerce-bag-upload:before {
  content: "\e050";
}
.syn-scope .icons-ecommerce-banknote:before {
  content: "\e051";
}
.syn-scope .icons-ecommerce-banknotes:before {
  content: "\e052";
}
.syn-scope .icons-ecommerce-basket:before {
  content: "\e053";
}
.syn-scope .icons-ecommerce-basket-check:before {
  content: "\e054";
}
.syn-scope .icons-ecommerce-basket-cloud:before {
  content: "\e055";
}
.syn-scope .icons-ecommerce-basket-download:before {
  content: "\e056";
}
.syn-scope .icons-ecommerce-basket-minus:before {
  content: "\e057";
}
.syn-scope .icons-ecommerce-basket-plus:before {
  content: "\e058";
}
.syn-scope .icons-ecommerce-basket-refresh:before {
  content: "\e059";
}
.syn-scope .icons-ecommerce-basket-remove:before {
  content: "\e05a";
}
.syn-scope .icons-ecommerce-basket-search:before {
  content: "\e05b";
}
.syn-scope .icons-ecommerce-basket-upload:before {
  content: "\e05c";
}
.syn-scope .icons-ecommerce-bath:before {
  content: "\e05d";
}
.syn-scope .icons-ecommerce-cart:before {
  content: "\e05e";
}
.syn-scope .icons-ecommerce-cart-check:before {
  content: "\e05f";
}
.syn-scope .icons-ecommerce-cart-cloud:before {
  content: "\e060";
}
.syn-scope .icons-ecommerce-cart-content:before {
  content: "\e061";
}
.syn-scope .icons-ecommerce-cart-download:before {
  content: "\e062";
}
.syn-scope .icons-ecommerce-cart-minus:before {
  content: "\e063";
}
.syn-scope .icons-ecommerce-cart-plus:before {
  content: "\e064";
}
.syn-scope .icons-ecommerce-cart-refresh:before {
  content: "\e065";
}
.syn-scope .icons-ecommerce-cart-remove:before {
  content: "\e066";
}
.syn-scope .icons-ecommerce-cart-search:before {
  content: "\e067";
}
.syn-scope .icons-ecommerce-cart-upload:before {
  content: "\e068";
}
.syn-scope .icons-ecommerce-cent:before {
  content: "\e069";
}
.syn-scope .icons-ecommerce-colon:before {
  content: "\e06a";
}
.syn-scope .icons-ecommerce-creditcard:before {
  content: "\e06b";
}
.syn-scope .icons-ecommerce-diamond:before {
  content: "\e06c";
}
.syn-scope .icons-ecommerce-dollar:before {
  content: "\e06d";
}
.syn-scope .icons-ecommerce-euro:before {
  content: "\e06e";
}
.syn-scope .icons-ecommerce-franc:before {
  content: "\e06f";
}
.syn-scope .icons-ecommerce-gift:before {
  content: "\e070";
}
.syn-scope .icons-ecommerce-graph1:before {
  content: "\e071";
}
.syn-scope .icons-ecommerce-graph2:before {
  content: "\e072";
}
.syn-scope .icons-ecommerce-graph3:before {
  content: "\e073";
}
.syn-scope .icons-ecommerce-graph-decrease:before {
  content: "\e074";
}
.syn-scope .icons-ecommerce-graph-increase:before {
  content: "\e075";
}
.syn-scope .icons-ecommerce-guarani:before {
  content: "\e076";
}
.syn-scope .icons-ecommerce-kips:before {
  content: "\e077";
}
.syn-scope .icons-ecommerce-lira:before {
  content: "\e078";
}
.syn-scope .icons-ecommerce-megaphone:before {
  content: "\e079";
}
.syn-scope .icons-ecommerce-money:before {
  content: "\e07a";
}
.syn-scope .icons-ecommerce-naira:before {
  content: "\e07b";
}
.syn-scope .icons-ecommerce-pesos:before {
  content: "\e07c";
}
.syn-scope .icons-ecommerce-pound:before {
  content: "\e07d";
}
.syn-scope .icons-ecommerce-receipt:before {
  content: "\e07e";
}
.syn-scope .icons-ecommerce-receipt-bath:before {
  content: "\e07f";
}
.syn-scope .icons-ecommerce-receipt-cent:before {
  content: "\e080";
}
.syn-scope .icons-ecommerce-receipt-dollar:before {
  content: "\e081";
}
.syn-scope .icons-ecommerce-receipt-euro:before {
  content: "\e082";
}
.syn-scope .icons-ecommerce-receipt-franc:before {
  content: "\e083";
}
.syn-scope .icons-ecommerce-receipt-guarani:before {
  content: "\e084";
}
.syn-scope .icons-ecommerce-receipt-kips:before {
  content: "\e085";
}
.syn-scope .icons-ecommerce-receipt-lira:before {
  content: "\e086";
}
.syn-scope .icons-ecommerce-receipt-naira:before {
  content: "\e087";
}
.syn-scope .icons-ecommerce-receipt-pesos:before {
  content: "\e088";
}
.syn-scope .icons-ecommerce-receipt-pound:before {
  content: "\e089";
}
.syn-scope .icons-ecommerce-receipt-rublo:before {
  content: "\e08a";
}
.syn-scope .icons-ecommerce-receipt-rupee:before {
  content: "\e08b";
}
.syn-scope .icons-ecommerce-receipt-tugrik:before {
  content: "\e08c";
}
.syn-scope .icons-ecommerce-receipt-won:before {
  content: "\e08d";
}
.syn-scope .icons-ecommerce-receipt-yen:before {
  content: "\e08e";
}
.syn-scope .icons-ecommerce-receipt-yen2:before {
  content: "\e08f";
}
.syn-scope .icons-ecommerce-recept-colon:before {
  content: "\e090";
}
.syn-scope .icons-ecommerce-rublo:before {
  content: "\e091";
}
.syn-scope .icons-ecommerce-rupee:before {
  content: "\e092";
}
.syn-scope .icons-ecommerce-safe:before {
  content: "\e093";
}
.syn-scope .icons-ecommerce-sale:before {
  content: "\e094";
}
.syn-scope .icons-ecommerce-sales:before {
  content: "\e095";
}
.syn-scope .icons-ecommerce-ticket:before {
  content: "\e096";
}
.syn-scope .icons-ecommerce-tugriks:before {
  content: "\e097";
}
.syn-scope .icons-ecommerce-wallet:before {
  content: "\e098";
}
.syn-scope .icons-ecommerce-won:before {
  content: "\e099";
}
.syn-scope .icons-ecommerce-yen:before {
  content: "\e09a";
}
.syn-scope .icons-ecommerce-yen2:before {
  content: "\e09b";
}

/* animate.css */
.syn-scope .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.syn-scope .animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.syn-scope .animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.syn-scope .animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
  20%,
  53%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
.syn-scope 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
.syn-scope 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
.syn-scope 90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  20%,
  53%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
.syn-scope 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
.syn-scope 70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
.syn-scope 90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.syn-scope .bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  50%,
  from,
  to {
    opacity: 1;
  }
  25%,
.syn-scope 75% {
    opacity: 0;
  }
}
@keyframes flash {
  50%,
  from,
  to {
    opacity: 1;
  }
  25%,
.syn-scope 75% {
    opacity: 0;
  }
}
.syn-scope .flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
.syn-scope 50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
.syn-scope to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
.syn-scope 50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
.syn-scope to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.syn-scope .pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
.syn-scope 30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
.syn-scope 40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
.syn-scope 50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
.syn-scope 65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
.syn-scope 75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
.syn-scope to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
.syn-scope 30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
.syn-scope 40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
.syn-scope 50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
.syn-scope 65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
.syn-scope 75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
.syn-scope to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.syn-scope .rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
.syn-scope 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
.syn-scope 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
.syn-scope 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
.syn-scope 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.syn-scope .shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
.syn-scope 40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
.syn-scope 60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
.syn-scope 80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
.syn-scope to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
.syn-scope 40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
.syn-scope 60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
.syn-scope 80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
.syn-scope to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.syn-scope .swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
.syn-scope 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
.syn-scope 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
.syn-scope 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
.syn-scope to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
.syn-scope 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
.syn-scope 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
.syn-scope 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
.syn-scope to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.syn-scope .tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
.syn-scope 15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
.syn-scope 30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
.syn-scope 45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
.syn-scope 60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
.syn-scope 75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
.syn-scope to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
.syn-scope 15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
.syn-scope 30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
.syn-scope 45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
.syn-scope 60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
.syn-scope 75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
.syn-scope to {
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  11.1%,
  from,
  to {
    -webkit-transform: none;
    transform: none;
  }
.syn-scope 22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
.syn-scope 33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
.syn-scope 44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
.syn-scope 55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
.syn-scope 66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
.syn-scope 77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
.syn-scope 88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  11.1%,
  from,
  to {
    -webkit-transform: none;
    transform: none;
  }
.syn-scope 22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
.syn-scope 33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
.syn-scope 44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
.syn-scope 55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
.syn-scope 66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
.syn-scope 77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
.syn-scope 88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.syn-scope .jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
.syn-scope 0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
.syn-scope 20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
.syn-scope 40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
.syn-scope 80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
.syn-scope 0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
.syn-scope 20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
.syn-scope 40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
.syn-scope 80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.syn-scope .bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
.syn-scope 0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
.syn-scope 75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
.syn-scope 90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
.syn-scope to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
.syn-scope 0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
.syn-scope 75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
.syn-scope 90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
.syn-scope to {
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
.syn-scope 0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
.syn-scope 75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
.syn-scope 90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
.syn-scope to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
.syn-scope 0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
.syn-scope 75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
.syn-scope 90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
.syn-scope to {
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
.syn-scope from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
.syn-scope 75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
.syn-scope 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
.syn-scope to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
.syn-scope from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
.syn-scope 75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
.syn-scope 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
.syn-scope to {
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
.syn-scope from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
.syn-scope 75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
.syn-scope 90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
.syn-scope from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
.syn-scope 75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
.syn-scope 90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.syn-scope .bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
.syn-scope 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
.syn-scope 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.syn-scope .bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
.syn-scope 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
.syn-scope 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.syn-scope .bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.syn-scope .bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.syn-scope .bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
.syn-scope 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
.syn-scope 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.syn-scope .bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
.syn-scope to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
.syn-scope to {
    opacity: 1;
  }
}
.syn-scope .fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
  }
}
.syn-scope .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.syn-scope .fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.syn-scope .fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.syn-scope .fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.syn-scope .fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.syn-scope .fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.syn-scope .fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.syn-scope .fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.syn-scope .fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
.syn-scope 40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
.syn-scope 50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
.syn-scope 80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
.syn-scope to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
.syn-scope 40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
.syn-scope 50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
.syn-scope 80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
.syn-scope to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.syn-scope .animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
.syn-scope 40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
.syn-scope 60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
.syn-scope 80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
.syn-scope to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
.syn-scope 40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
.syn-scope 60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
.syn-scope 80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
.syn-scope to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.syn-scope .flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
.syn-scope 40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
.syn-scope 60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
.syn-scope 80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
.syn-scope to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
.syn-scope 40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
.syn-scope 60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
.syn-scope 80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
.syn-scope to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.syn-scope .flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
.syn-scope 30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
.syn-scope 30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.syn-scope .flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
.syn-scope 30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
.syn-scope 30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.syn-scope .flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
.syn-scope 60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
.syn-scope 80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
.syn-scope 60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
.syn-scope 80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.syn-scope .lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.syn-scope .lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.syn-scope .rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.syn-scope .rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.syn-scope .rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.syn-scope .rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.syn-scope .rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.syn-scope .rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.syn-scope .rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.syn-scope .rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.syn-scope .rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.syn-scope .rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
.syn-scope 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
.syn-scope 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
.syn-scope 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
.syn-scope 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.syn-scope .hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
.syn-scope to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.syn-scope .rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.syn-scope .rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
.syn-scope 50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
.syn-scope 50% {
    opacity: 1;
  }
}
.syn-scope .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.syn-scope .zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.syn-scope .zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.syn-scope .zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope 60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.syn-scope .zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
.syn-scope 50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
.syn-scope to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
.syn-scope 50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
.syn-scope to {
    opacity: 0;
  }
}
.syn-scope .zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.syn-scope .zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.syn-scope .zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.syn-scope .zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
.syn-scope to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.syn-scope .zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.syn-scope .slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.syn-scope .slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.syn-scope .slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
.syn-scope to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.syn-scope .slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
.syn-scope to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
.syn-scope to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.syn-scope .slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
.syn-scope to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
.syn-scope to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.syn-scope .slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
.syn-scope to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
.syn-scope to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.syn-scope .slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
.syn-scope to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
.syn-scope to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.syn-scope .slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* Slick Slider */
.syn-scope .slick-slider {
  position: relative;
  overflow: hidden;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.syn-scope .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.syn-scope .slick-list:focus {
  outline: 0;
}
.syn-scope .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.syn-scope .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.syn-scope .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:after,
.syn-scope .slick-track:before {
  display: table;
  content: "";
}
.syn-scope .slick-track:after {
  clear: both;
}
.syn-scope .slick-loading .slick-track {
  visibility: hidden;
}
.syn-scope .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.syn-scope [dir="rtl"] .slick-slide {
  float: right;
}
.syn-scope .slick-slide img {
  display: block;
}
.syn-scope .slick-slide.slick-loading img {
  display: none;
}
.syn-scope .slick-slide.dragging img {
  pointer-events: none;
}
.syn-scope .slick-initialized .slick-slide {
  display: block;
}
.syn-scope .slick-loading .slick-slide {
  visibility: hidden;
}
.syn-scope .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-dots,
.syn-scope .slider_controls {
  display: table !important;
  margin: 15px auto 0  !important;

}
.syn-scope .slider_controls .slick-dots {
  margin: 0;
}
.syn-scope .slick-dots li {
  position: relative;
  display: inline-block !important;
  padding: 0;
  margin: 2px 2px;
     border: 1px solid #aaa; /* Border around each dot (image) */

    border-radius: 5px; /* Optional: Rounds the dot borders */
	background: #E6DCDC;
}
.syn-scope .slick-dots li button {
  height: 12px;
  width: 12px;
  outline: 0;
  line-height: 10px;
  font: 0/0 a;
  border-radius: 50%;
  cursor: pointer;
  background: 0 0;
  display: block;
  padding: 0;
}
.syn-scope .slick-dots li button:focus {
  outline: 0;
}
.slick-next,
.syn-scope .slick-prev {
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  padding: 0;
  border: none;
  outline: 0;
  text-align: center;
  width: 28px;
  height: 28px;
  color: #777;
  background: 0 0;
}
.slick-next:before,
.syn-scope .slick-prev:before {
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 28px;
  display: inline-block;
  margin: auto;
}
.syn-scope .slick-prev:before {
  content: "\f104";
}
.syn-scope .slick-next:before {
  content: "\f105";
}
.slider_controls .slick-dots,
.syn-scope .slider_controls .slick-prev {
  float: left;
}
.syn-scope .slider_controls .slick-next {
  float: right;
}

/* counter */
.odometer.odometer-auto-theme,
.syn-scope .odometer.odometer-theme-car {
  vertical-align: middle;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.syn-scope .odometer.odometer-theme-car .odometer-digit {
  display: inline-block;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.syn-scope .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.syn-scope .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.syn-scope .odometer.odometer-theme-car .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.syn-scope .odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.syn-scope .odometer.odometer-theme-car .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme
  .odometer-digit
  .odometer-value.odometer-last-value,
.odometer.odometer-theme-car
  .odometer-digit
.syn-scope .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.syn-scope .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-car.odometer-animating-up.odometer-animating
.syn-scope .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-car.odometer-animating-down.odometer-animating
.syn-scope .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-digit:first-child,
.syn-scope .odometer.odometer-theme-car .odometer-digit:first-child {
  -moz-border-radius: 0.2em 0 0 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em 0 0 0.2em;
}
.odometer.odometer-auto-theme .odometer-digit:last-child,
.syn-scope .odometer.odometer-theme-car .odometer-digit:last-child {
  -moz-border-radius: 0 0.2em 0.2em 0;
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-car.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner,
.syn-scope .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

/* Magnific Popup CSS */
.syn-scope .mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.syn-scope .mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: 0 !important;
  -webkit-backface-visibility: hidden;
}
.syn-scope .mfp-container-syn {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.syn-scope .mfp-container-syn:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.syn-scope .mfp-align-top .mfp-container-syn:before {
  display: none;
}
.syn-scope .mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-ajax-holder .mfp-content,
.syn-scope .mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.syn-scope .mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.syn-scope .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.syn-scope .mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.syn-scope .mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.syn-scope .mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.syn-scope .mfp-loading.mfp-figure {
  display: none;
}
.syn-scope .mfp-hide {
  display: none !important;
}
.syn-scope .mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  z-index: 1044;
}
.syn-scope .mfp-preloader a {
  color: #ccc;
}
.syn-scope .mfp-preloader a:hover {
  color: #fff;
}
.mfp-s-error .mfp-content,
.syn-scope .mfp-s-ready .mfp-preloader {
  display: none;
}
button.mfp-arrow,
.syn-scope button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.syn-scope button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.syn-scope .mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus,
.syn-scope .mfp-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.syn-scope .mfp-close:active {
  top: 1px;
}
.syn-scope .mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-iframe-holder .mfp-close,
.syn-scope .mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.syn-scope .mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.syn-scope .mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: -55px 0 0;
  top: 50%;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.syn-scope .mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:focus,
.syn-scope .mfp-arrow:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.syn-scope .mfp-arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: inset transparent;
}
.mfp-arrow .mfp-a,
.syn-scope .mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow .mfp-b,
.syn-scope .mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.syn-scope .mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left .mfp-a,
.syn-scope .mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left .mfp-b,
.syn-scope .mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.syn-scope .mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right .mfp-a,
.syn-scope .mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right .mfp-b,
.syn-scope .mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}
.syn-scope .mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.syn-scope .mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.syn-scope .mfp-iframe-holder .mfp-close {
  top: -40px;
}
.syn-scope .mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.syn-scope .mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.syn-scope img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto;
}
.syn-scope .mfp-figure {
  line-height: 0;
}
.syn-scope .mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.syn-scope .mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.syn-scope .mfp-figure figure {
  margin: 0;
}
.syn-scope .mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.syn-scope .mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.syn-scope .mfp-image-holder .mfp-content {
  max-width: 100%;
}
.syn-scope .mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {.syn-scope .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }.syn-scope .mfp-img-mobile img.mfp-img {
    padding: 0;
  }.syn-scope .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }.syn-scope .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }.syn-scope .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }.syn-scope .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }.syn-scope .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }.syn-scope .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {.syn-scope .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }.syn-scope .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }.syn-scope .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }.syn-scope .mfp-container-syn {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.syn-scope .mfp-ie7 .mfp-img {
  padding: 0;
}
.syn-scope .mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.syn-scope .mfp-ie7 .mfp-container-syn {
  padding: 0;
}
.syn-scope .mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.syn-scope .mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* Camera SlideShow */
.camera_thumbs_wrap img,
.camera_thumbs_wrap li,
.camera_thumbs_wrap ol,
.camera_thumbs_wrap table,
.camera_thumbs_wrap tbody,
.camera_thumbs_wrap td,
.camera_thumbs_wrap tfoot,
.camera_thumbs_wrap th,
.camera_thumbs_wrap thead,
.camera_thumbs_wrap tr,
.camera_thumbs_wrap ul,
.camera_wrap a,
.camera_wrap img,
.camera_wrap li,
.camera_wrap ol,
.camera_wrap table,
.camera_wrap tbody,
.camera_wrap td .camera_thumbs_wrap a,
.camera_wrap tfoot,
.camera_wrap th,
.camera_wrap thead,
.camera_wrap tr,
.syn-scope .camera_wrap ul {
  background: 0 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  list-style: none;
}
.syn-scope .camera_wrap {
  direction: ltr;
  display: none;
  float: left;
  position: relative;
  z-index: 0;
}
.syn-scope .camera_wrap img {
  max-width: none !important;
}
.syn-scope .camera_fakehover {
  height: 100%;
  min-height: 60px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.syn-scope .camera_wrap {
  width: 100%;
}
.syn-scope .camera_src {
  display: none;
}
.cameraCont,
.syn-scope .cameraContents {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.syn-scope .cameraSlide {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.syn-scope .cameraContent {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.syn-scope .camera_target {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 0;
}
.syn-scope .camera_overlayer {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.syn-scope .camera_target_content {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.syn-scope .camera_target_content .camera_link {
  background: url(../images/blank.gif);
  display: block;
  height: 100%;
  text-decoration: none;
}
.syn-scope .camera_loader {
  background: url(../images/ajax-loader.gif) center no-repeat #fff;
  background: url(../images/ajax-loader.gif) center no-repeat
    rgba(255, 255, 255, 0.9);
  border: 1px solid #fff;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  height: 36px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  margin: -18px 0 0 -18px;
  top: 50%;
  width: 36px;
  z-index: 3;
}
.syn-scope .camera_bar {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar,
.syn-scope .camera_thumbs_wrap.camera_right .camera_bar {
  height: 100%;
  position: absolute;
  width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar,
.syn-scope .camera_thumbs_wrap.camera_top .camera_bar {
  height: auto;
  position: absolute;
  width: 100%;
}
.syn-scope .camera_nav_cont {
  height: 65px;
  overflow: hidden;
  position: absolute;
  right: 9px;
  top: 15px;
  width: 120px;
  z-index: 4;
}
.syn-scope .camera_caption {
  bottom: 0;
  display: block;
  position: absolute;
  width: 100%;
}
.syn-scope .camera_caption > div {
  padding: 20px 10%;
  font-size: 16px;
}
.syn-scope .camerarelative {
  overflow: hidden;
  position: relative;
}
.syn-scope .imgFake {
  cursor: pointer;
}
.syn-scope .camera_prevThumbs {
  bottom: 4px;
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 4px;
  visibility: hidden;
  width: 30px;
  z-index: 10;
}
.syn-scope .camera_prevThumbs div {
  display: block;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 30px;
}
.syn-scope .camera_nextThumbs {
  bottom: 4px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 4px;
  visibility: hidden;
  width: 30px;
  z-index: 10;
}
.syn-scope .camera_nextThumbs div {
  display: block;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 30px;
}
.syn-scope .camera_command_wrap .hideNav {
  display: none;
}
.syn-scope .camera_command_wrap {
  left: 0;
  position: relative;
  right: 0;
  z-index: 4;
}
.syn-scope .camera_pag {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0px;
  right: 2%;
}
.syn-scope .camera_wrap .camera_pag .camera_pag_ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
.syn-scope .camera_wrap .camera_pag .camera_pag_ul li {
  text-align: left;
}
.syn-scope .camera_commands_emboss .camera_pag .camera_pag_ul li {
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
.syn-scope .camera_wrap .camera_pag .camera_pag_ul li > span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 6px;
  left: 3px;
  overflow: hidden;
  position: absolute;
  top: 3px;
  width: 6px;
}
.syn-scope .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
.syn-scope .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
}
.syn-scope .camera_pag_ul li img {
  display: none;
  position: absolute;
}
.syn-scope .camera_pag_ul .thumb_arrow {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
  top: 0;
  left: 50%;
  margin-left: -4px;
  position: absolute;
}
.camera_commands,
.camera_next,
.syn-scope .camera_prev {
  cursor: pointer;
  height: 40px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 2;
}
.syn-scope .camera_prev {
  left: 0;
}
.syn-scope .camera_prev > span {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  height: 50px;
  width: 40px;
  text-align: center;
  line-height: 40px;
}
.camera_next > span:before,
.syn-scope .camera_prev > span:before {
  font-family: FontAwesome;
  font-size: 22px;
  line-height: 50px;
  display: inline-block;
  margin: auto;
  color: #fff;
}
.syn-scope .camera_next {
  right: 0;
}
.syn-scope .camera_next > span {
  background: rgba(0, 0, 0, 0.5);
  display: block;
  height: 50px;
  width: 40px;
  text-align: center;
  line-height: 40px;
}
.syn-scope .camera_next > span:before {
  content: "\f105";
}
.syn-scope .camera_prev > span:before {
  content: "\f104";
}
.syn-scope .camera_commands {
  right: 41px;
}
.syn-scope .camera_wrap .camera_pag .camera_pag_ul li {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  margin: 20px 3px;
  position: relative;
  text-indent: 9999px;
  width: 12px;
}
.syn-scope .camera_thumbs_cont {
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.syn-scope .camera_commands_emboss .camera_thumbs_cont {
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
.syn-scope .camera_thumbs_cont > div {
  float: left;
  width: 100%;
}
.syn-scope .camera_thumbs_cont ul {
  overflow: hidden;
  padding: 3px 4px 8px;
  position: relative;
  text-align: center;
}
.syn-scope .camera_thumbs_cont ul li {
  display: inline;
  padding: 0 4px;
}
.syn-scope .camera_thumbs_cont ul li > img {
  cursor: pointer;
  margin-top: 5px;
  vertical-align: bottom;
}
.syn-scope .showIt {
  display: none;
}
.syn-scope .camera_clear {
  clear: both;
  display: block;
  height: 1px;
  margin: -1px 0 25px;
  position: relative;
}
.syn-scope .pattern_1 .camera_overlayer {
  background: url(../images/patterns/overlay1.png);
}
.syn-scope .pattern_2 .camera_overlayer {
  background: url(../images/patterns/overlay2.png);
}
.syn-scope .pattern_3 .camera_overlayer {
  background: url(../images/patterns/overlay3.png);
}
.syn-scope .pattern_4 .camera_overlayer {
  background: url(../images/patterns/overlay4.png);
}
.syn-scope .pattern_5 .camera_overlayer {
  background: url(../images/patterns/overlay5.png);
}
.syn-scope .pattern_6 .camera_overlayer {
  background: url(../images/patterns/overlay6.png);
}
.syn-scope .pattern_7 .camera_overlayer {
  background: url(../images/patterns/overlay7.png);
}
.syn-scope .pattern_8 .camera_overlayer {
  background: url(../images/patterns/overlay8.png);
}
.syn-scope .pattern_9 .camera_overlayer {
  background: url(../images/patterns/overlay9.png);
}
.syn-scope .pattern_10 .camera_overlayer {
  background: url(../images/patterns/overlay10.png);
}
.syn-scope .camera_caption {
  color: #fff;
}
.syn-scope .camera_caption > div {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
.syn-scope .camera_wrap .camera_pag .camera_pag_ul li:hover > span {
  background: #b7b7b7;
}
.syn-scope .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
  background: #434648;
}
.syn-scope .camera_pag_ul li img {
  border: 4px solid #e6e6e6;
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}
.syn-scope .camera_pag_ul .thumb_arrow {
  border-top-color: #e6e6e6;
}
.syn-scope .camera_wrap .camera_pag .camera_pag_ul li {
  background: #b7b7b7;
}
.syn-scope .camera_thumbs_cont ul li > img {
  border-color: 1px solid #000;
}
.syn-scope .camera_amber_skin .camera_prevThumbs div {
  background-position: -160px -160px;
}
.syn-scope .camera_amber_skin .camera_nextThumbs div {
  background-position: -190px -160px;
}
.syn-scope .camera_amber_skin .camera_prev > span {
  background-position: 0 -160px;
}
.syn-scope .camera_amber_skin .camera_next > span {
  background-position: -40px -160px;
}
.camera_play:after,
.camera_stop:after,
.camera_prevThumbs div:after,
.syn-scope .camera_nextThumbs div:after {
  font-family: FontAwesome;
  font-size: 13px;
  display: inline-block;
  margin: auto;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  height: 50px;
  width: 40px;
  text-align: center;
  line-height: 50px;
}
.syn-scope .camera_prevThumbs div:after {
  content: "\f104";
}
.syn-scope .camera_nextThumbs div:after {
  content: "\f105";
  font-size: 20px;
  width: auto;
}
.syn-scope .camera_play:after {
  content: "\f04b";
  font-size: 20px;
  width: auto;
}
.syn-scope .camera_stop:after {
  content: "\f04c";
}
.syn-scope .camera_amber_skin .camera_commands > .camera_play {
  background-position: -80px -160px;
}
.syn-scope .camera_amber_skin .camera_commands > .camera_stop {
  background-position: -120px -160px;
}
.syn-scope .camera_ash_skin .camera_prevThumbs div {
  background-position: -160px -200px;
}
.syn-scope .camera_ash_skin .camera_nextThumbs div {
  background-position: -190px -200px;
}
.syn-scope .camera_ash_skin .camera_prev > span {
  background-position: 0 -200px;
}
.syn-scope .camera_ash_skin .camera_next > span {
  background-position: -40px -200px;
}
.syn-scope .camera_ash_skin .camera_commands > .camera_play {
  background-position: -80px -200px;
}
.syn-scope .camera_ash_skin .camera_commands > .camera_stop {
  background-position: -120px -200px;
}
.syn-scope .camera_azure_skin .camera_prevThumbs div {
  background-position: -160px -240px;
}
.syn-scope .camera_azure_skin .camera_nextThumbs div {
  background-position: -190px -240px;
}
.syn-scope .camera_azure_skin .camera_prev > span {
  background-position: 0 -240px;
}
.syn-scope .camera_azure_skin .camera_next > span {
  background-position: -40px -240px;
}
.syn-scope .camera_azure_skin .camera_commands > .camera_play {
  background-position: -80px -240px;
}
.syn-scope .camera_azure_skin .camera_commands > .camera_stop {
  background-position: -120px -240px;
}
.syn-scope .camera_beige_skin .camera_prevThumbs div {
  background-position: -160px -120px;
}
.syn-scope .camera_beige_skin .camera_nextThumbs div {
  background-position: -190px -120px;
}
.syn-scope .camera_beige_skin .camera_prev > span {
  background-position: 0 -120px;
}
.syn-scope .camera_beige_skin .camera_next > span {
  background-position: -40px -120px;
}
.syn-scope .camera_beige_skin .camera_commands > .camera_play {
  background-position: -80px -120px;
}
.syn-scope .camera_beige_skin .camera_commands > .camera_stop {
  background-position: -120px -120px;
}
.syn-scope .camera_black_skin .camera_prevThumbs div {
  background-position: -160px -40px;
}
.syn-scope .camera_black_skin .camera_nextThumbs div {
  background-position: -190px -40px;
}
.syn-scope .camera_black_skin .camera_prev > span {
  background-position: 0 -40px;
}
.syn-scope .camera_black_skin .camera_next > span {
  background-position: -40px -40px;
}
.syn-scope .camera_black_skin .camera_commands > .camera_play {
  background-position: -80px -40px;
}
.syn-scope .camera_black_skin .camera_commands > .camera_stop {
  background-position: -120px -40px;
}
.syn-scope .camera_blue_skin .camera_prevThumbs div {
  background-position: -160px -280px;
}
.syn-scope .camera_blue_skin .camera_nextThumbs div {
  background-position: -190px -280px;
}
.syn-scope .camera_blue_skin .camera_prev > span {
  background-position: 0 -280px;
}
.syn-scope .camera_blue_skin .camera_next > span {
  background-position: -40px -280px;
}
.syn-scope .camera_blue_skin .camera_commands > .camera_play {
  background-position: -80px -280px;
}
.syn-scope .camera_blue_skin .camera_commands > .camera_stop {
  background-position: -120px -280px;
}
.syn-scope .camera_brown_skin .camera_prevThumbs div {
  background-position: -160px -320px;
}
.syn-scope .camera_brown_skin .camera_nextThumbs div {
  background-position: -190px -320px;
}
.syn-scope .camera_brown_skin .camera_prev > span {
  background-position: 0 -320px;
}
.syn-scope .camera_brown_skin .camera_next > span {
  background-position: -40px -320px;
}
.syn-scope .camera_brown_skin .camera_commands > .camera_play {
  background-position: -80px -320px;
}
.syn-scope .camera_brown_skin .camera_commands > .camera_stop {
  background-position: -120px -320px;
}
.syn-scope .camera_burgundy_skin .camera_prevThumbs div {
  background-position: -160px -360px;
}
.syn-scope .camera_burgundy_skin .camera_nextThumbs div {
  background-position: -190px -360px;
}
.syn-scope .camera_burgundy_skin .camera_prev > span {
  background-position: 0 -360px;
}
.syn-scope .camera_burgundy_skin .camera_next > span {
  background-position: -40px -360px;
}
.syn-scope .camera_burgundy_skin .camera_commands > .camera_play {
  background-position: -80px -360px;
}
.syn-scope .camera_burgundy_skin .camera_commands > .camera_stop {
  background-position: -120px -360px;
}
.syn-scope .camera_charcoal_skin .camera_prevThumbs div {
  background-position: -160px -400px;
}
.syn-scope .camera_charcoal_skin .camera_nextThumbs div {
  background-position: -190px -400px;
}
.syn-scope .camera_charcoal_skin .camera_prev > span {
  background-position: 0 -400px;
}
.syn-scope .camera_charcoal_skin .camera_next > span {
  background-position: -40px -400px;
}
.syn-scope .camera_charcoal_skin .camera_commands > .camera_play {
  background-position: -80px -400px;
}
.syn-scope .camera_charcoal_skin .camera_commands > .camera_stop {
  background-position: -120px -400px;
}
.syn-scope .camera_chocolate_skin .camera_prevThumbs div {
  background-position: -160px -440px;
}
.syn-scope .camera_chocolate_skin .camera_nextThumbs div {
  background-position: -190px -440px;
}
.syn-scope .camera_chocolate_skin .camera_prev > span {
  background-position: 0 -440px;
}
.syn-scope .camera_chocolate_skin .camera_next > span {
  background-position: -40px -440px;
}
.syn-scope .camera_chocolate_skin .camera_commands > .camera_play {
  background-position: -80px -440px;
}
.syn-scope .camera_chocolate_skin .camera_commands > .camera_stop {
  background-position: -120px -440px;
}
.syn-scope .camera_coffee_skin .camera_prevThumbs div {
  background-position: -160px -480px;
}
.syn-scope .camera_coffee_skin .camera_nextThumbs div {
  background-position: -190px -480px;
}
.syn-scope .camera_coffee_skin .camera_prev > span {
  background-position: 0 -480px;
}
.syn-scope .camera_coffee_skin .camera_next > span {
  background-position: -40px -480px;
}
.syn-scope .camera_coffee_skin .camera_commands > .camera_play {
  background-position: -80px -480px;
}
.syn-scope .camera_coffee_skin .camera_commands > .camera_stop {
  background-position: -120px -480px;
}
.syn-scope .camera_cyan_skin .camera_prevThumbs div {
  background-position: -160px -520px;
}
.syn-scope .camera_cyan_skin .camera_nextThumbs div {
  background-position: -190px -520px;
}
.syn-scope .camera_cyan_skin .camera_prev > span {
  background-position: 0 -520px;
}
.syn-scope .camera_cyan_skin .camera_next > span {
  background-position: -40px -520px;
}
.syn-scope .camera_cyan_skin .camera_commands > .camera_play {
  background-position: -80px -520px;
}
.syn-scope .camera_cyan_skin .camera_commands > .camera_stop {
  background-position: -120px -520px;
}
.syn-scope .camera_fuchsia_skin .camera_prevThumbs div {
  background-position: -160px -560px;
}
.syn-scope .camera_fuchsia_skin .camera_nextThumbs div {
  background-position: -190px -560px;
}
.syn-scope .camera_fuchsia_skin .camera_prev > span {
  background-position: 0 -560px;
}
.syn-scope .camera_fuchsia_skin .camera_next > span {
  background-position: -40px -560px;
}
.syn-scope .camera_fuchsia_skin .camera_commands > .camera_play {
  background-position: -80px -560px;
}
.syn-scope .camera_fuchsia_skin .camera_commands > .camera_stop {
  background-position: -120px -560px;
}
.syn-scope .camera_gold_skin .camera_prevThumbs div {
  background-position: -160px -600px;
}
.syn-scope .camera_gold_skin .camera_nextThumbs div {
  background-position: -190px -600px;
}
.syn-scope .camera_gold_skin .camera_prev > span {
  background-position: 0 -600px;
}
.syn-scope .camera_gold_skin .camera_next > span {
  background-position: -40px -600px;
}
.syn-scope .camera_gold_skin .camera_commands > .camera_play {
  background-position: -80px -600px;
}
.syn-scope .camera_gold_skin .camera_commands > .camera_stop {
  background-position: -120px -600px;
}
.syn-scope .camera_green_skin .camera_prevThumbs div {
  background-position: -160px -640px;
}
.syn-scope .camera_green_skin .camera_nextThumbs div {
  background-position: -190px -640px;
}
.syn-scope .camera_green_skin .camera_prev > span {
  background-position: 0 -640px;
}
.syn-scope .camera_green_skin .camera_next > span {
  background-position: -40px -640px;
}
.syn-scope .camera_green_skin .camera_commands > .camera_play {
  background-position: -80px -640px;
}
.syn-scope .camera_green_skin .camera_commands > .camera_stop {
  background-position: -120px -640px;
}
.syn-scope .camera_grey_skin .camera_prevThumbs div {
  background-position: -160px -680px;
}
.syn-scope .camera_grey_skin .camera_nextThumbs div {
  background-position: -190px -680px;
}
.syn-scope .camera_grey_skin .camera_prev > span {
  background-position: 0 -680px;
}
.syn-scope .camera_grey_skin .camera_next > span {
  background-position: -40px -680px;
}
.syn-scope .camera_grey_skin .camera_commands > .camera_play {
  background-position: -80px -680px;
}
.syn-scope .camera_grey_skin .camera_commands > .camera_stop {
  background-position: -120px -680px;
}
.syn-scope .camera_indigo_skin .camera_prevThumbs div {
  background-position: -160px -720px;
}
.syn-scope .camera_indigo_skin .camera_nextThumbs div {
  background-position: -190px -720px;
}
.syn-scope .camera_indigo_skin .camera_prev > span {
  background-position: 0 -720px;
}
.syn-scope .camera_indigo_skin .camera_next > span {
  background-position: -40px -720px;
}
.syn-scope .camera_indigo_skin .camera_commands > .camera_play {
  background-position: -80px -720px;
}
.syn-scope .camera_indigo_skin .camera_commands > .camera_stop {
  background-position: -120px -720px;
}
.syn-scope .camera_khaki_skin .camera_prevThumbs div {
  background-position: -160px -760px;
}
.syn-scope .camera_khaki_skin .camera_nextThumbs div {
  background-position: -190px -760px;
}
.syn-scope .camera_khaki_skin .camera_prev > span {
  background-position: 0 -760px;
}
.syn-scope .camera_khaki_skin .camera_next > span {
  background-position: -40px -760px;
}
.syn-scope .camera_khaki_skin .camera_commands > .camera_play {
  background-position: -80px -760px;
}
.syn-scope .camera_khaki_skin .camera_commands > .camera_stop {
  background-position: -120px -760px;
}
.syn-scope .camera_lime_skin .camera_prevThumbs div {
  background-position: -160px -800px;
}
.syn-scope .camera_lime_skin .camera_nextThumbs div {
  background-position: -190px -800px;
}
.syn-scope .camera_lime_skin .camera_prev > span {
  background-position: 0 -800px;
}
.syn-scope .camera_lime_skin .camera_next > span {
  background-position: -40px -800px;
}
.syn-scope .camera_lime_skin .camera_commands > .camera_play {
  background-position: -80px -800px;
}
.syn-scope .camera_lime_skin .camera_commands > .camera_stop {
  background-position: -120px -800px;
}
.syn-scope .camera_magenta_skin .camera_prevThumbs div {
  background-position: -160px -840px;
}
.syn-scope .camera_magenta_skin .camera_nextThumbs div {
  background-position: -190px -840px;
}
.syn-scope .camera_magenta_skin .camera_prev > span {
  background-position: 0 -840px;
}
.syn-scope .camera_magenta_skin .camera_next > span {
  background-position: -40px -840px;
}
.syn-scope .camera_magenta_skin .camera_commands > .camera_play {
  background-position: -80px -840px;
}
.syn-scope .camera_magenta_skin .camera_commands > .camera_stop {
  background-position: -120px -840px;
}
.syn-scope .camera_maroon_skin .camera_prevThumbs div {
  background-position: -160px -880px;
}
.syn-scope .camera_maroon_skin .camera_nextThumbs div {
  background-position: -190px -880px;
}
.syn-scope .camera_maroon_skin .camera_prev > span {
  background-position: 0 -880px;
}
.syn-scope .camera_maroon_skin .camera_next > span {
  background-position: -40px -880px;
}
.syn-scope .camera_maroon_skin .camera_commands > .camera_play {
  background-position: -80px -880px;
}
.syn-scope .camera_maroon_skin .camera_commands > .camera_stop {
  background-position: -120px -880px;
}
.syn-scope .camera_orange_skin .camera_prevThumbs div {
  background-position: -160px -920px;
}
.syn-scope .camera_orange_skin .camera_nextThumbs div {
  background-position: -190px -920px;
}
.syn-scope .camera_orange_skin .camera_prev > span {
  background-position: 0 -920px;
}
.syn-scope .camera_orange_skin .camera_next > span {
  background-position: -40px -920px;
}
.syn-scope .camera_orange_skin .camera_commands > .camera_play {
  background-position: -80px -920px;
}
.syn-scope .camera_orange_skin .camera_commands > .camera_stop {
  background-position: -120px -920px;
}
.syn-scope .camera_olive_skin .camera_prevThumbs div {
  background-position: -160px -1080px;
}
.syn-scope .camera_olive_skin .camera_nextThumbs div {
  background-position: -190px -1080px;
}
.syn-scope .camera_olive_skin .camera_prev > span {
  background-position: 0 -1080px;
}
.syn-scope .camera_olive_skin .camera_next > span {
  background-position: -40px -1080px;
}
.syn-scope .camera_olive_skin .camera_commands > .camera_play {
  background-position: -80px -1080px;
}
.syn-scope .camera_olive_skin .camera_commands > .camera_stop {
  background-position: -120px -1080px;
}
.syn-scope .camera_pistachio_skin .camera_prevThumbs div {
  background-position: -160px -1040px;
}
.syn-scope .camera_pistachio_skin .camera_nextThumbs div {
  background-position: -190px -1040px;
}
.syn-scope .camera_pistachio_skin .camera_prev > span {
  background-position: 0 -1040px;
}
.syn-scope .camera_pistachio_skin .camera_next > span {
  background-position: -40px -1040px;
}
.syn-scope .camera_pistachio_skin .camera_commands > .camera_play {
  background-position: -80px -1040px;
}
.syn-scope .camera_pistachio_skin .camera_commands > .camera_stop {
  background-position: -120px -1040px;
}
.syn-scope .camera_pink_skin .camera_prevThumbs div {
  background-position: -160px -80px;
}
.syn-scope .camera_pink_skin .camera_nextThumbs div {
  background-position: -190px -80px;
}
.syn-scope .camera_pink_skin .camera_prev > span {
  background-position: 0 -80px;
}
.syn-scope .camera_pink_skin .camera_next > span {
  background-position: -40px -80px;
}
.syn-scope .camera_pink_skin .camera_commands > .camera_play {
  background-position: -80px -80px;
}
.syn-scope .camera_pink_skin .camera_commands > .camera_stop {
  background-position: -120px -80px;
}
.syn-scope .camera_red_skin .camera_prevThumbs div {
  background-position: -160px -1000px;
}
.syn-scope .camera_red_skin .camera_nextThumbs div {
  background-position: -190px -1000px;
}
.syn-scope .camera_red_skin .camera_prev > span {
  background-position: 0 -1000px;
}
.syn-scope .camera_red_skin .camera_next > span {
  background-position: -40px -1000px;
}
.syn-scope .camera_red_skin .camera_commands > .camera_play {
  background-position: -80px -1000px;
}
.syn-scope .camera_red_skin .camera_commands > .camera_stop {
  background-position: -120px -1000px;
}
.syn-scope .camera_tangerine_skin .camera_prevThumbs div {
  background-position: -160px -1120px;
}
.syn-scope .camera_tangerine_skin .camera_nextThumbs div {
  background-position: -190px -1120px;
}
.syn-scope .camera_tangerine_skin .camera_prev > span {
  background-position: 0 -1120px;
}
.syn-scope .camera_tangerine_skin .camera_next > span {
  background-position: -40px -1120px;
}
.syn-scope .camera_tangerine_skin .camera_commands > .camera_play {
  background-position: -80px -1120px;
}
.syn-scope .camera_tangerine_skin .camera_commands > .camera_stop {
  background-position: -120px -1120px;
}
.syn-scope .camera_turquoise_skin .camera_prevThumbs div {
  background-position: -160px -1160px;
}
.syn-scope .camera_turquoise_skin .camera_nextThumbs div {
  background-position: -190px -1160px;
}
.syn-scope .camera_turquoise_skin .camera_prev > span {
  background-position: 0 -1160px;
}
.syn-scope .camera_turquoise_skin .camera_next > span {
  background-position: -40px -1160px;
}
.syn-scope .camera_turquoise_skin .camera_commands > .camera_play {
  background-position: -80px -1160px;
}
.syn-scope .camera_turquoise_skin .camera_commands > .camera_stop {
  background-position: -120px -1160px;
}
.syn-scope .camera_violet_skin .camera_prevThumbs div {
  background-position: -160px -1200px;
}
.syn-scope .camera_violet_skin .camera_nextThumbs div {
  background-position: -190px -1200px;
}
.syn-scope .camera_violet_skin .camera_prev > span {
  background-position: 0 -1200px;
}
.syn-scope .camera_violet_skin .camera_next > span {
  background-position: -40px -1200px;
}
.syn-scope .camera_violet_skin .camera_commands > .camera_play {
  background-position: -80px -1200px;
}
.syn-scope .camera_violet_skin .camera_commands > .camera_stop {
  background-position: -120px -1200px;
}
.syn-scope .camera_white_skin .camera_prevThumbs div {
  background-position: -160px -80px;
}
.syn-scope .camera_white_skin .camera_nextThumbs div {
  background-position: -190px -80px;
}
.syn-scope .camera_white_skin .camera_prev > span {
  background-position: 0 -80px;
}
.syn-scope .camera_white_skin .camera_next > span {
  background-position: -40px -80px;
}
.syn-scope .camera_white_skin .camera_commands > .camera_play {
  background-position: -80px -80px;
}
.syn-scope .camera_white_skin .camera_commands > .camera_stop {
  background-position: -120px -80px;
}
.syn-scope .camera_yellow_skin .camera_prevThumbs div {
  background-position: -160px -1240px;
}
.syn-scope .camera_yellow_skin .camera_nextThumbs div {
  background-position: -190px -1240px;
}
.syn-scope .camera_yellow_skin .camera_prev > span {
  background-position: 0 -1240px;
}
.syn-scope .camera_yellow_skin .camera_next > span {
  background-position: -40px -1240px;
}
.syn-scope .camera_yellow_skin .camera_commands > .camera_play {
  background-position: -80px -1240px;
}
.syn-scope .camera_yellow_skin .camera_commands > .camera_stop {
  background-position: -120px -1240px;
}

/* animsition v4.0.0 */
.animsition,
.syn-scope .animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.syn-scope .animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}
.animsition-loading,
.syn-scope .animsition-loading:after {
  width: 2pc;
  height: 2pc;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -1pc;
  margin-left: -1pc;
  border-radius: 50%;
  z-index: 2;
}
.syn-scope .animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading;
}
@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
.syn-scope to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
.syn-scope to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
.syn-scope to {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
.syn-scope to {
    opacity: 1;
  }
}
.syn-scope .fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
.syn-scope to {
    opacity: 0;
  }
}
.syn-scope .fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}
@-webkit-keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.syn-scope .fade-in-up {
  -webkit-animation-name: fade-in-up;
  animation-name: fade-in-up;
}
@-webkit-keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}
@keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}
.syn-scope .fade-out-up {
  -webkit-animation-name: fade-out-up;
  animation-name: fade-out-up;
}
@-webkit-keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(75pt);
    transform: translateY(75pt);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(75pt);
    transform: translateY(75pt);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.syn-scope .fade-in-up-sm {
  -webkit-animation-name: fade-in-up-sm;
  animation-name: fade-in-up-sm;
}
@-webkit-keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(-75pt);
    transform: translateY(-75pt);
    opacity: 0;
  }
}
@keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(-75pt);
    transform: translateY(-75pt);
    opacity: 0;
  }
}
.syn-scope .fade-out-up-sm {
  -webkit-animation-name: fade-out-up-sm;
  animation-name: fade-out-up-sm;
}
@-webkit-keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(750pt);
    transform: translateY(750pt);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(750pt);
    transform: translateY(750pt);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.syn-scope .fade-in-up-lg {
  -webkit-animation-name: fade-in-up-lg;
  animation-name: fade-in-up-lg;
}
@-webkit-keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(-750pt);
    transform: translateY(-750pt);
    opacity: 0;
  }
}
@keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(-750pt);
    transform: translateY(-750pt);
    opacity: 0;
  }
}
.syn-scope .fade-out-up-lg {
  -webkit-animation-name: fade-out-up-lg;
  animation-name: fade-out-up-lg;
}
@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.syn-scope .fade-in-down {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}
@-webkit-keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}
@keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}
.syn-scope .fade-out-down {
  -webkit-animation-name: fade-out-down;
  animation-name: fade-out-down;
}
@-webkit-keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-75pt);
    transform: translateY(-75pt);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-75pt);
    transform: translateY(-75pt);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.syn-scope .fade-in-down-sm {
  -webkit-animation-name: fade-in-down-sm;
  animation-name: fade-in-down-sm;
}
@-webkit-keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(75pt);
    transform: translateY(75pt);
    opacity: 0;
  }
}
@keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(75pt);
    transform: translateY(75pt);
    opacity: 0;
  }
}
.syn-scope .fade-out-down-sm {
  -webkit-animation-name: fade-out-down-sm;
  animation-name: fade-out-down-sm;
}
.syn-scope .fade-in-down-lg {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}
@-webkit-keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(750pt);
    transform: translateY(750pt);
    opacity: 0;
  }
}
@keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateY(750pt);
    transform: translateY(750pt);
    opacity: 0;
  }
}
.syn-scope .fade-out-down-lg {
  -webkit-animation-name: fade-out-down-lg;
  animation-name: fade-out-down-lg;
}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.syn-scope .fade-in-left {
  -webkit-animation-name: fade-in-left;
  animation-name: fade-in-left;
}
@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}
@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}
.syn-scope .fade-out-left {
  -webkit-animation-name: fade-out-left;
  animation-name: fade-out-left;
}
@-webkit-keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-75pt);
    transform: translateX(-75pt);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-75pt);
    transform: translateX(-75pt);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.syn-scope .fade-in-left-sm {
  -webkit-animation-name: fade-in-left-sm;
  animation-name: fade-in-left-sm;
}
@-webkit-keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(-75pt);
    transform: translateX(-75pt);
    opacity: 0;
  }
}
@keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(-75pt);
    transform: translateX(-75pt);
    opacity: 0;
  }
}
.syn-scope .fade-out-left-sm {
  -webkit-animation-name: fade-out-left-sm;
  animation-name: fade-out-left-sm;
}
@-webkit-keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.syn-scope .fade-in-left-lg {
  -webkit-animation-name: fade-in-left-lg;
  animation-name: fade-in-left-lg;
}
@-webkit-keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
@keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}
.syn-scope .fade-out-left-lg {
  -webkit-animation-name: fade-out-left-lg;
  animation-name: fade-out-left-lg;
}
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.syn-scope .fade-in-right {
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right;
}
@-webkit-keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}
@keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}
.syn-scope .fade-out-right {
  -webkit-animation-name: fade-out-right;
  animation-name: fade-out-right;
}
@-webkit-keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(75pt);
    transform: translateX(75pt);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(75pt);
    transform: translateX(75pt);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.syn-scope .fade-in-right-sm {
  -webkit-animation-name: fade-in-right-sm;
  animation-name: fade-in-right-sm;
}
@-webkit-keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(75pt);
    transform: translateX(75pt);
    opacity: 0;
  }
}
@keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(75pt);
    transform: translateX(75pt);
    opacity: 0;
  }
}
.syn-scope .fade-out-right-sm {
  -webkit-animation-name: fade-out-right-sm;
  animation-name: fade-out-right-sm;
}
@-webkit-keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.syn-scope .fade-in-right-lg {
  -webkit-animation-name: fade-in-right-lg;
  animation-name: fade-in-right-lg;
}
@-webkit-keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
@keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}
.syn-scope .fade-out-right-lg {
  -webkit-animation-name: fade-out-right-lg;
  animation-name: fade-out-right-lg;
}
@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: center center;
    opacity: 0;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: center center;
    opacity: 0;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.syn-scope .rotate-in {
  -webkit-animation-name: rotate-in;
  animation-name: rotate-in;
}
@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.syn-scope .rotate-out {
  -webkit-animation-name: rotate-out;
  animation-name: rotate-out;
}
@-webkit-keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transform-origin: center center;
    opacity: 0;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transform-origin: center center;
    opacity: 0;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.syn-scope .rotate-in-sm {
  -webkit-animation-name: rotate-in-sm;
  animation-name: rotate-in-sm;
}
@-webkit-keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.syn-scope .rotate-out-sm {
  -webkit-animation-name: rotate-out-sm;
  animation-name: rotate-out-sm;
}
@-webkit-keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transform-origin: center center;
    opacity: 0;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
@keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transform-origin: center center;
    opacity: 0;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
}
.syn-scope .rotate-in-lg {
  -webkit-animation-name: rotate-in-lg;
  animation-name: rotate-in-lg;
}
@-webkit-keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transform-origin: center center;
    opacity: 0;
  }
}
@keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transform-origin: center center;
    opacity: 1;
  }
  0%,
.syn-scope to {
    -webkit-transform-origin: center center;
  }
.syn-scope to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transform-origin: center center;
    opacity: 0;
  }
}
.syn-scope .rotate-out-lg {
  -webkit-animation-name: rotate-out-lg;
  animation-name: rotate-out-lg;
}
@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
}
.syn-scope .flip-in-x {
  -webkit-animation-name: flip-in-x;
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0deg);
    transform: perspective(550px) rotateX(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}
.syn-scope .flip-out-x {
  -webkit-animation-name: flip-out-x;
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(75pt) rotateX(90deg);
    transform: perspective(75pt) rotateX(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(75pt) rotateX(0deg);
    transform: perspective(75pt) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(75pt) rotateX(90deg);
    transform: perspective(75pt) rotateX(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(75pt) rotateX(0deg);
    transform: perspective(75pt) rotateX(0deg);
    opacity: 1;
  }
}
.syn-scope .flip-in-x-nr {
  -webkit-animation-name: flip-in-x-nr;
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(75pt) rotateX(0deg);
    transform: perspective(75pt) rotateX(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(75pt) rotateX(90deg);
    transform: perspective(75pt) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(75pt) rotateX(0deg);
    transform: perspective(75pt) rotateX(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(75pt) rotateX(90deg);
    transform: perspective(75pt) rotateX(90deg);
    opacity: 0;
  }
}
.syn-scope .flip-out-x-nr {
  -webkit-animation-name: flip-out-x-nr;
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(750pt) rotateX(90deg);
    transform: perspective(750pt) rotateX(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(750pt) rotateX(0deg);
    transform: perspective(750pt) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(750pt) rotateX(90deg);
    transform: perspective(750pt) rotateX(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(750pt) rotateX(0deg);
    transform: perspective(750pt) rotateX(0deg);
    opacity: 1;
  }
}
.syn-scope .flip-in-x-fr {
  -webkit-animation-name: flip-in-x-fr;
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(750pt) rotateX(0deg);
    transform: perspective(750pt) rotateX(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(750pt) rotateX(90deg);
    transform: perspective(750pt) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(750pt) rotateX(0deg);
    transform: perspective(750pt) rotateX(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(750pt) rotateX(90deg);
    transform: perspective(750pt) rotateX(90deg);
    opacity: 0;
  }
}
.syn-scope .flip-out-x-fr {
  -webkit-animation-name: flip-out-x-fr;
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
}
.syn-scope .flip-in-y {
  -webkit-animation-name: flip-in-y;
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0deg);
    transform: perspective(550px) rotateY(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}
.syn-scope .flip-out-y {
  -webkit-animation-name: flip-out-y;
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(75pt) rotateY(90deg);
    transform: perspective(75pt) rotateY(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(75pt) rotateY(0deg);
    transform: perspective(75pt) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(75pt) rotateY(90deg);
    transform: perspective(75pt) rotateY(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(75pt) rotateY(0deg);
    transform: perspective(75pt) rotateY(0deg);
    opacity: 1;
  }
}
.syn-scope .flip-in-y-nr {
  -webkit-animation-name: flip-in-y-nr;
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(75pt) rotateY(0deg);
    transform: perspective(75pt) rotateY(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(75pt) rotateY(90deg);
    transform: perspective(75pt) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(75pt) rotateY(0deg);
    transform: perspective(75pt) rotateY(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(75pt) rotateY(90deg);
    transform: perspective(75pt) rotateY(90deg);
    opacity: 0;
  }
}
.syn-scope .flip-out-y-nr {
  -webkit-animation-name: flip-out-y-nr;
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(750pt) rotateY(90deg);
    transform: perspective(750pt) rotateY(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(750pt) rotateY(0deg);
    transform: perspective(750pt) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(750pt) rotateY(90deg);
    transform: perspective(750pt) rotateY(90deg);
    opacity: 0;
  }
.syn-scope to {
    -webkit-transform: perspective(750pt) rotateY(0deg);
    transform: perspective(750pt) rotateY(0deg);
    opacity: 1;
  }
}
.syn-scope .flip-in-y-fr {
  -webkit-animation-name: flip-in-y-fr;
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(750pt) rotateY(0deg);
    transform: perspective(750pt) rotateY(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(750pt) rotateY(90deg);
    transform: perspective(750pt) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(750pt) rotateY(0deg);
    transform: perspective(750pt) rotateY(0deg);
    opacity: 1;
  }
.syn-scope to {
    -webkit-transform: perspective(750pt) rotateY(90deg);
    transform: perspective(750pt) rotateY(90deg);
    opacity: 0;
  }
}
.syn-scope .flip-out-y-fr {
  -webkit-animation-name: flip-out-y-fr;
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
.syn-scope to {
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }
.syn-scope to {
    opacity: 1;
  }
}
.syn-scope .zoom-in {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}
@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
.syn-scope 50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  50%,
.syn-scope to {
    opacity: 0;
  }
}
@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
.syn-scope 50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  50%,
.syn-scope to {
    opacity: 0;
  }
}
.syn-scope .zoom-out {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out;
}
@-webkit-keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
.syn-scope to {
    opacity: 1;
  }
}
@keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
.syn-scope to {
    opacity: 1;
  }
}
.syn-scope .zoom-in-sm {
  -webkit-animation-name: zoom-in-sm;
  animation-name: zoom-in-sm;
}
@-webkit-keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
.syn-scope 50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50%,
.syn-scope to {
    opacity: 0;
  }
}
@keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
.syn-scope 50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50%,
.syn-scope to {
    opacity: 0;
  }
}
.syn-scope .zoom-out-sm {
  -webkit-animation-name: zoom-out-sm;
  animation-name: zoom-out-sm;
}
@-webkit-keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
.syn-scope to {
    opacity: 1;
  }
}
@keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }
.syn-scope to {
    opacity: 1;
  }
}
.syn-scope .zoom-in-lg {
  -webkit-animation-name: zoom-in-lg;
  animation-name: zoom-in-lg;
}
@-webkit-keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
.syn-scope 50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  50%,
.syn-scope to {
    opacity: 0;
  }
}
@keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
.syn-scope 50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
  50%,
.syn-scope to {
    opacity: 0;
  }
}
.syn-scope .zoom-out-lg {
  -webkit-animation-name: zoom-out-lg;
  animation-name: zoom-out-lg;
}
@-webkit-keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
.syn-scope to {
    height: 0;
  }
}
@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }
.syn-scope to {
    height: 0;
  }
}
.syn-scope .overlay-slide-in-top {
  top: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-top;
  animation-name: overlay-slide-in-top;
}
@-webkit-keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
.syn-scope to {
    height: 100%;
  }
}
@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }
.syn-scope to {
    height: 100%;
  }
}
.syn-scope .overlay-slide-out-top {
  top: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-top;
  animation-name: overlay-slide-out-top;
}
@-webkit-keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
.syn-scope to {
    height: 0;
  }
}
@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }
.syn-scope to {
    height: 0;
  }
}
.syn-scope .overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-bottom;
  animation-name: overlay-slide-in-bottom;
}
@-webkit-keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
.syn-scope to {
    height: 100%;
  }
}
@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }
.syn-scope to {
    height: 100%;
  }
}
.syn-scope .overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-bottom;
  animation-name: overlay-slide-out-bottom;
}
@-webkit-keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
.syn-scope to {
    width: 0;
  }
}
@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }
.syn-scope to {
    width: 0;
  }
}
.syn-scope .overlay-slide-in-left {
  width: 0;
  -webkit-animation-name: overlay-slide-in-left;
  animation-name: overlay-slide-in-left;
}
@-webkit-keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
.syn-scope to {
    width: 100%;
  }
}
@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }
.syn-scope to {
    width: 100%;
  }
}
.syn-scope .overlay-slide-out-left {
  left: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-left;
  animation-name: overlay-slide-out-left;
}
@-webkit-keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
.syn-scope to {
    width: 0;
  }
}
@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }
.syn-scope to {
    width: 0;
  }
}
.syn-scope .overlay-slide-in-right {
  right: 0;
  width: 0;
  -webkit-animation-name: overlay-slide-in-right;
  animation-name: overlay-slide-in-right;
}
@-webkit-keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
.syn-scope to {
    width: 100%;
  }
}
@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }
.syn-scope to {
    width: 100%;
  }
}
.syn-scope .overlay-slide-out-right {
  right: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-right;
  animation-name: overlay-slide-out-right;
}

/* spectrum */
.syn-scope .sp-container-syn {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 9999994;
  overflow: hidden;
}
.syn-scope .sp-container-syn.sp-flat {
  position: relative;
}
.sp-container-syn,
.syn-scope .sp-container-syn * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.syn-scope .sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.syn-scope .sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.syn-scope .sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}
.syn-scope .sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
.syn-scope .sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.syn-scope .sp-fill {
  padding-top: 80%;
}
.sp-sat,
.syn-scope .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.syn-scope .sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.syn-scope .sp-alpha-enabled .sp-alpha {
  display: block;
}
.syn-scope .sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid #000;
  background: #fff;
  opacity: 0.8;
}
.syn-scope .sp-alpha {
  display: none;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.syn-scope .sp-alpha-inner {
  border: 1px solid #333;
}
.syn-scope .sp-clear {
  display: none;
}
.syn-scope .sp-clear.sp-clear-display {
  background-position: center;
}
.syn-scope .sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
.sp-alpha,
.sp-alpha-handle,
.sp-clear,
.sp-container-syn,
.sp-container-syn button,
.sp-container-syn.sp-dragging .sp-input,
.sp-dragger,
.sp-preview,
.sp-replacer,
.syn-scope .sp-slider {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.sp-container-syn.sp-buttons-disabled .sp-button-container-syn,
.sp-container-syn.sp-input-disabled .sp-input-container-syn,
.sp-container-syn.sp-palette-buttons-disabled .sp-palette-button-container-syn,
.sp-initial-disabled .sp-initial,
.sp-palette-disabled .sp-palette-container-syn,
.syn-scope .sp-palette-only .sp-picker-container-syn {
  display: none;
}
.syn-scope .sp-sat {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
}
.syn-scope .sp-val {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
}
.syn-scope .sp-hue {
  background: -moz-linear-gradient(
    top,
    red 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
  background: -ms-linear-gradient(
    top,
    red 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
  background: -o-linear-gradient(
    top,
    red 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(red),
    color-stop(0.17, #ff0),
    color-stop(0.33, #0f0),
    color-stop(0.5, #0ff),
    color-stop(0.67, #00f),
    color-stop(0.83, #f0f),
    to(red)
  );
  background: -webkit-linear-gradient(
    top,
    red 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
  background: linear-gradient(
    to bottom,
    red 0,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    red 100%
  );
}
.syn-scope .sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.syn-scope .sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.syn-scope .sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.syn-scope .sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.syn-scope .sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.syn-scope .sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.syn-scope .sp-hidden {
  display: none !important;
}
.sp-cf:after,
.syn-scope .sp-cf:before {
  content: "";
  display: table;
}
.syn-scope .sp-cf:after {
  clear: both;
}
@media (max-device-width: 480px) {.syn-scope .sp-color {
    right: 40%;
  }.syn-scope .sp-hue {
    left: 63%;
  }.syn-scope .sp-fill {
    padding-top: 60%;
  }
}
.syn-scope .sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.syn-scope .sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: #fff;
  opacity: 0.8;
}
.syn-scope .sp-container-syn {
  padding: 0;
}
.sp-clear,
.sp-color,
.sp-container-syn,
.sp-container-syn button,
.sp-container-syn input,
.syn-scope .sp-hue {
  font: 400 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva,
    Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.syn-scope .sp-top {
  margin-bottom: 0px;
}
.sp-clear,
.sp-color,
.syn-scope .sp-hue {
  border: 1px solid #666;
}
.syn-scope .sp-input-container-syn {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}
.syn-scope .sp-initial-disabled .sp-input-container-syn {
  width: 100%;
}
.syn-scope .sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: 0 0;
  border-radius: 3px;
  color: #222;
}
.syn-scope .sp-input:focus {
  border: 1px solid orange;
}
.syn-scope .sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-palette-container-syn,
.syn-scope .sp-picker-container-syn {
  position: relative;
  padding: 0 0 10px 0;
}
.syn-scope .sp-picker-container-syn {
  width: 225px;
  padding: 0;
}
.syn-scope .sp-palette-only .sp-palette-container-syn {
  border: 0;
}
.syn-scope .sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  cursor: pointer;
}
.sp-palette .sp-thumb-el.sp-thumb-active,
.syn-scope .sp-palette .sp-thumb-el:hover {
  border-color: orange;
}
.syn-scope .sp-initial {
  float: left;
  border: 1px solid #333;
}
.syn-scope .sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
.syn-scope .sp-initial .sp-clear-display {
  background-position: center;
}
.sp-button-container-syn,
.syn-scope .sp-palette-button-container-syn {
  float: right;
}
.syn-scope .sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  border: 1px solid #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}
.sp-replacer.sp-active,
.syn-scope .sp-replacer:hover {
  border-color: #f0c49b;
  color: #111;
}
.syn-scope .sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
.syn-scope .sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}
.syn-scope .sp-preview {
  width: 25px;
  height: 20px;
  border: 1px solid #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}
.syn-scope .sp-palette {
  max-width: 220px;
}
.syn-scope .sp-palette .sp-thumb-el {
  width: 20px;
  height: 20px;
  margin: 1px;
  border: 1px solid #efefef;
}
.syn-scope .sp-container-syn {
  padding-bottom: 0;
}
.syn-scope .sp-container-syn button {
  background-color: #eee;
  background-image: -webkit-linear-gradient(top, #eee, #ccc);
  background-image: -moz-linear-gradient(top, #eee, #ccc);
  background-image: -ms-linear-gradient(top, #eee, #ccc);
  background-image: -o-linear-gradient(top, #eee, #ccc);
  background-image: linear-gradient(to bottom, #eee, #ccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.syn-scope .sp-container-syn button:hover {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, #ddd, #bbb);
  background-image: -moz-linear-gradient(top, #ddd, #bbb);
  background-image: -ms-linear-gradient(top, #ddd, #bbb);
  background-image: -o-linear-gradient(top, #ddd, #bbb);
  background-image: linear-gradient(to bottom, #ddd, #bbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}
.syn-scope .sp-container-syn button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
.syn-scope .sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0 5px 0 0;
  padding: 2px;
  vertical-align: middle;
  text-decoration: none;
}
.syn-scope .sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}
.sp-palette span.sp-thumb-active,
.syn-scope .sp-palette span:hover {
  border-color: #000;
}
.sp-alpha,
.sp-preview,
.syn-scope .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-alpha-inner,
.sp-preview-inner,
.syn-scope .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.syn-scope .sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.syn-scope .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.syn-scope .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.syn-scope .sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
.syn-scope to {
    transform: rotate(360deg);
  }
}
.syn-scope .show-tools:before {
  animation-name: spin;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 3s;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
.syn-scope to {
    -webkit-transform: rotate(360deg);
  }
}
.syn-scope .show-tools:before {
  -webkit-animation-name: spin;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 3s;
}

/* animations */
@keyframes move {
  0% {
    transform: scale(0);
  }
.syn-scope 100% {
    transform: scale(1);
  }
}
@-webkit-keyframes move {
  0% {
    -webkit-transform: scale(0);
  }
.syn-scope 100% {
    -webkit-transform: scale(1);
  }
}
@keyframes radar {
  0% {
    transform: scale(0);
    opacity: 0;
  }
.syn-scope 25% {
    transform: scale(0);
    opacity: 0.5;
  }
.syn-scope 50% {
    transform: scale(1);
    opacity: 1;
  }
.syn-scope 75% {
    transform: scale(1.5);
    opacity: 0.5;
  }
.syn-scope 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes radar {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
.syn-scope 25% {
    -webkit-transform: scale(0);
    opacity: 0.5;
  }
.syn-scope 50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
.syn-scope 75% {
    webkit-transform: scale(1.5);
    opacity: 0.5;
  }
.syn-scope 100% {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}
.social-list-syn li a:after,
.tags.hover-effect li a:after,
.nav-animate > ul > li > a span:after,
.syn-scope .nav-animate > ul > li > span > a span:after {
  content: attr(data-hover);
}

/* Row with equal height columns */
.row-eq-height,
.syn-scope .testimonials-5 > .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.syn-scope .row .row {
  margin-top: 10px;
  margin-bottom: 0;
}

.share-post,
.comment-list li.new-angle,
footer .tags li,
.team-box,
.gallery_thumbs a,
.feature-img figure,
.feature-img2 figure,
.horizontal-slider.round,
.item-box.round,
.vis-search,
.syn-scope .filter-by ul li.border5px {
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}

.syn-scope /* li.single-menu-item:hover a { color: white !important} */
.syn-scope .header-9 .top-nav > ul > .single-menu-item:hover a span::after {
	color: white !important;
}
/* .header-9 .top-nav ul .single-menu-item:hover > a:hover {
	color: white !important;
}
.syn-scope .header-9 .top-nav > ul > .single-menu-item a:hover {
	color: white !important;
}
.syn-scope .header-9 .top-nav ul .single-menu-item > a:hover {
	color: white !important;
}
.syn-scope .header-9 .top-nav > ul > .single-menu-item:hover a {
	color: white !important;
}
.syn-scope .header-9 .top-nav ul .single-menu-item:hover > a {
	color: white !important;
}
.syn-scope a:hover {
	color: white !important;
} */
/* ============================================================================
	- CSS Document
	- Theme Name: SuperFine | MultiPurpose HTML5 Template.
	- Theme URI: http://html.it-rays.net/superfine/
	- Author: IT-RAYS
	- Version: 1.0
============================================================================= */
/*==============================================================================
    CONTENTS:
    
    1. CSS RESET.
    2. SITE PRELOADER.
    3. HEADER STYLE:
        3.1. Top bar.
        3.2. Main menu.
        3.3. Top Search.
        3.4. Top Cart.
        3.5. Header Styles.
    4. PAGE TITLES.
    5. FORM CONRTOLS.
    6. SHORTCODES.
    	6.1. Headings
    	6.2. Dividers
    	6.3. Icon Boxes
    	6.4. Tabs
    	6.5. Accordions
    	6.6. Progress Bars
    	6.7. Circliful Charts
    	6.8. CTA
    	6.9. Team Boxes
    	6.10. Pricing Tables
    	6.11. Testimonials
    	6.12. Pagination
    	6.13. Message Boxes
    7. PAGE SPECIFIC STYLES:
        widgets.
		login.
		coming soon.
		404 not found.
		portfolio.
		About.
		Site Map.
		Blog.
		Shop.
    8. FOOTER.
    	8.1. Footer 1.
    	8.2. Footer 2.
    	8.3. Footer 3.
    	8.4. Footer 4.
    	8.5. Footer Light.
    	8.6. Footer Minimal.
    	8.7. Fixed Footer.
    9. HOME ELEMENTS.
    10. TYPOGRAPHY.
    11. IMPORTANT CLASSES.
    12. SHAPES.
    13. BOXED MODE.
    14. RESPONSIVE DESIGN.
/* ==========================================================================
  1. CSS RESET
============================================================================= */
.syn-scope html {
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
}
.syn-scope body {
	font-family:"Roboto",sans-serif;
	line-height:1.2;
	-webkit-font-smoothing: antialiased;
	font-size:16px
}
.syn-scope p {
	margin: 0 0 20px 0;
	line-height: 24px;
}
.syn-scope dd, .syn-scope dt, .syn-scope dl, .syn-scope ol, .syn-scope ul, .syn-scope li {
	margin:0;
	padding:0;
	list-style:none;
}
.syn-scope a {
	text-decoration:none;
}
.syn-scope .main-bg a, .syn-scope .main-bg a:hover, .syn-scope .btn.main-bg:focus {
	color:#fff
}
.syn-scope .main-color {
	color:#5BA7F6
}
.syn-scope .main-color-secondary {
	color:#99C73A
}
.syn-scope a:focus, .syn-scope a:hover {
	text-decoration:none;
}
.syn-scope a:focus {
	outline:none;
}
.syn-scope h1, .syn-scope h2, .syn-scope h3, .syn-scope h4, .syn-scope h5, .syn-scope h6 {
	font-weight:600;
	line-height:1.5;
	margin:0 0 30px;
}
.syn-scope h5, .syn-scope h6 {margin-bottom:10px;font-weight:700}
.syn-scope :active, .syn-scope :focus {
	outline:0 !important;
}
.syn-scope .hidden, .syn-scope .nl-note {
	display:none
}
.syn-scope table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom:15px
}
.syn-scope th, .syn-scope td, .syn-scope caption {padding: 10px;}
.syn-scope img {
	max-width:100%;
	vertical-align:middle;
	border:0;
}
.syn-scope iframe {
	border:none !important;
}
.syn-scope .relative, .syn-scope .tp-banner-container-syn {
	position:relative;
	z-index:1
}
.syn-scope .fx {
	opacity:0
}
.syn-scope .animated {
	opacity:1;
}
.syn-scope .pos-static {
	position:static !important
}
.syn-scope .tp-caption.Newspaper-Title, .syn-scope .Newspaper-Title, .syn-scope .tp-caption.Newspaper-Subtitle, .syn-scope .Newspaper-Subtitle, .syn-scope .erinyen .tp-tab-desc, .syn-scope .tp-caption.Newspaper-Button, .syn-scope .Newspaper-Button, .syn-scope .tp-caption.Newspaper-Title-Centered, .syn-scope .Newspaper-Title-Centered {
	font-family:inherit !important
}
.syn-scope .section {
	padding: 80px 0;
	position:relative;
	overflow:hidden;
	clear:both
}
.syn-scope .section:after {
	display:table;
	content:"";
	clear:both;
}


.syn-scope .section-no-padtop {
	padding: 0px 0px 0px 0px;
	position:relative;
	overflow:hidden;
	clear:both
}
.syn-scope .section-no-padtop:after {
	display:table;
	content:"";
	clear:both;
}



.syn-scope .section-banner {
	padding: 0px 0;
	position:relative;
	overflow:hidden;
	clear:both
}
.syn-scope .section-banner:after {
	display:table;
	content:"";
	clear:both;
}

.syn-scope .section-banner .full-heading-banner {
	margin-top: 0px;

}

.syn-scope .full-heading-banner {
	padding:20px 0;
	text-align:center;
	margin-bottom:30px;
	position:relative;
}
.syn-scope .full-heading-banner:before {
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -22px;
	width: 40px;
	height: 30px;
	display: inline-block;
	border-bottom-left-radius: 2em;
	border-bottom-right-radius: 2em;
	background-color: #5BA7F6;
	content: "\f078";
	font: normal normal normal 14px/24px FontAwesome;
	color:#fff
}


.syn-scope .lg-banner {
	position:relative
}
.syn-scope .lg-banner > .container-syn {
	display:table
}
.syn-scope .banner-content {
	position:relative;
	z-index:9;
	display:table-cell;
	vertical-align:middle
}
.syn-scope .banner-slick h1 {
	margin-bottom:20px
}
.syn-scope .banner-content hr.custom-hr {
	border-top:1px solid rgba(255,255,255,.3);
}
.syn-scope .pageWrapper {
	position:relative;
	z-index:1;
}
.syn-scope .login-page .pageWrapper, .syn-scope .login-page #contentWrapper, .syn-scope .soon-page .pageWrapper, .syn-scope .soon-page #contentWrapper {
	background:transparent
}
.syn-scope #contentWrapper, .syn-scope .fullscreen-container-syn, .syn-scope .modal-content {
	overflow:hidden
}
.syn-scope .modal-header {
	padding: 10px 15px;
}
.syn-scope .modal-header h4 {
	color:#fff
}
.syn-scope .modal-content {
	border: 7px solid rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.syn-scope .modal-header .close {
	font-size: 32px;
	line-height: 23px;
}
.syn-scope .login-popup {
	width:300px;
	border-radius:0px;
	padding:20px !important;
	margin:0;
	border:0
}
.syn-scope .dropdown.open .login-popup {
	margin-top:10px !important
}
.syn-scope .login-popup.black-bg:after {
	position:absolute;
	left:30px;
	top:-6px;
	content:"";
	display:inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #333 transparent;
}
/* =========================================================================
	2.SITE PRELOADER.
============================================================================ */
.syn-scope .page-loader {
	position: fixed;
	z-index: 999999;
	width: 100%;
	height: 100%;
	background: #fff;
	top:0;
	left:0
}
.syn-scope .page-loader .inner-l {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top:-30px;
	margin-left:-30px;
	width: 60px;
	height: 60px;
}
.syn-scope .page-loader span {
	position:absolute;
	width:50px;
	height:50px;
	border: 5px solid #ddd;
	border-radius:999px;
	animation: radar 2s infinite linear;
	opacity: 0;
}
.syn-scope .page-loader span:nth-child(1) {
	animation-delay: 0s;
}	
.syn-scope .page-loader span:nth-child(2) {
	animation-delay: 0.66s;
}
.syn-scope .page-loader span:nth-child(3) {
	animation-delay: 1.33s;
}
/* =========================================================================
	3.HEADER STYLE.
============================================================================ */
/*
-------------- 3.1. Top bar. ------------- */
.syn-scope .top-bar {
	min-height: 35px;
	padding:10px 0
}
.syn-scope .top-bar ul li {
	float: left;
	line-height: 30px;
	position:relative;
	padding: 0 15px;
	font-size:11px
}
.syn-scope .top-bar ul ul li {
	float:none;
	line-height:normal;
}
.syn-scope .dropdown-menu {
	min-width: 220px;
	padding: 0;
	margin: 0;
	border: 1px solid rgba(0,0,0,.09) !important;
	border-radius: 0px;
}
.syn-scope .top-bar ul ul li:first-child a {
	border-top:0
}
.syn-scope .top-bar ul li i {
	margin-right: 5px;
}
.syn-scope .top-bar ul > li > a {
	text-transform: uppercase;
	display:block;
	margin: 0 -15px;
	padding: 0 15px;
}
.syn-scope .top-bar ul:not(.social-list-syn) > li li a {
	border-radius:0
}
.syn-scope .top-bar ul.social-list-syn li:first-child a, .syn-scope .top-bar ul.social-list-syn li:last-child a {
	width:35px
}
.syn-scope .bar-menu li a {
	font-size: 11px;
	text-transform: uppercase;
}
.syn-scope .top-bar .alter-bg.social-list-syn li a:hover {
	background:rgba(0,0,0,.2) !important
}
.syn-scope .top-bar .alter-bg.social-list-syn li a:after {
	color:#eee !important;
}
.syn-scope .middle-ul {
	margin:0 10px;
	overflow:hidden
}
.syn-scope .top-bar .center-tbl ul {
	font-weight:normal;
	font-size: 11px;
	float:left
}
.syn-scope .top-bar .social-list-syn {
	overflow:hidden;
	height:30px;
	background-color: #C5D8EC;
	color:#fff;
}
.syn-scope .top-bar .social-list-syn li {
	margin:0;
	padding:0
}
.syn-scope .top-bar .social-list-syn li a {
	height:30px;
	width:30px;
	line-height:30px
}
.syn-scope .top-bar.main-bg li.dropdown ul li a {
	border-top-color :rgba(255,255,255,.3)
}
.syn-scope .top-bar .social-list-syn li a {
	border-radius:0px;
	margin:0;
	padding:0
}
.syn-scope .top-bar ul ul li {
	line-height:normal;

}
.syn-scope .top-bar ul ul li a {
	line-height:normal;
	padding:10px 15px
}
.syn-scope .top-bar ul li a b {
	font-weight:normal;
	font-size: 10px;
	margin: 10px 0 0 5px;
}
.syn-scope .currency ul, .syn-scope .language ul {
	min-width:80px !important
}
.syn-scope .login-ul input[type=text], .syn-scope .login-ul input[type=email], .syn-scope .login-ul input[type=password], .syn-scope .login-ul select, .syn-scope .login-ul input[type=file] {
	height:40px
}
.syn-scope .top-border {
	height:3px;
}
.syn-scope .top-head:after {
	clear:both;
	display:table;
	content:" ";
}
.syn-scope .top-head .container-syn {
	position:relative;
	display:table;
	height:100%;
}
.syn-scope .tbl-row {
	display:table-row;
	height:100%
}
.syn-scope .no-lines:before, .syn-scope .no-lines:after {
	display:none !important
}
.syn-scope .top-head {
    display: flex; /* Set parent as a table */
    width: 100%; /* Ensure full width */
}

.top-head .logo, 
.syn-scope .top-head .language-container {
    display: flex; /* Change from table-cell to flex */
    vertical-align: middle; /* Vertically center the content */
    height: 70px; /* Define a fixed height (adjust if needed) */
}

.syn-scope .top-head.boxed-transparent .logo {
	height:100%
}
.syn-scope .top-head.boxed-transparent .logo:before {
	position:absolute;
	right:0;
	bottom:-1px;
	display:inline-block;
	content:"";
	height:1px;
	width:100%;
	animation:move .5s normal forwards ease-in-out;
	animation-delay:1s;
	-webkit-animation-delay:1s;
	transform-origin:right top;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
}
.syn-scope .top-head .logo a {
	display:table-cell;
	vertical-align:middle
}
.syn-scope .top-head.transparent {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px rgba(255,255,255,.2) solid;
	z-index: 99;
	background: transparent;
}
.syn-scope .top-head.fixed-head {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:99;
	border-bottom:0 ;
}
.syn-scope .top-head.fluid.transparent {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:99;
	border-bottom:1px rgba(0,0,0, 0.2) solid;
}
.syn-scope .top-head.fluid.transparent .logo {
	border-right:1px rgba(0,0,0 ,0.2) solid;
}
.syn-scope .top-head.fluid .transparent.dark .logo {
	border-right:1px rgba(255,255,255,0.2 ) solid;
	padding-right:20px;
}
.syn-scope .top-head.fluid.transparent.dark {
	border-bottom:1px rgba(255 ,255,255,0.2) solid;
}
.syn-scope .top-head.boxed-transparent {
	position:fixed;
	top:20px;
	left:0;
	width:100%;
	height:auto;
	z-index:99;
	background-color:transparent;
	border-bottom:0;
}
.syn-scope .top-head.boxed-transparent > .container-syn {
	border:1px rgba(0,0,0,0.2) solid;
	padding: 0 30px 0 0;
	border-bottom-right-radius: 7em;
	border-top-right-radius: 7em;
}
.syn-scope .top-head.boxed-transparent.dark > .container-syn {
	border: 1px rgba(255,255,255,0.4) solid;
}
.syn-scope .top-head.boxed-transparent .logo {
	padding-left: 30px;
}
.syn-scope .top-head.boxed-transparent > .container-syn .head-srch-cart {
	margin-right:-30px
}
.syn-scope .top-head.boxed-transparent .lft-line {
	position:absolute;
	left:0px;
	bottom:0;
	display:inline-block;
	content:"";
	height:100%;
	width:1px;
	animation:move 0.4s normal forwards ease-in-out;
	animation-delay:1.4s;
	transform-origin:bottom left;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
}
.syn-scope .top-head.boxed-transparent .bot-line {
	position:absolute;
	left:0;
	top:-1px;
	display:inline-block;
	content:"";
	height:1px;
	animation:move .7s normal forwards ease-in-out;
	animation-delay:1.7s;
	transform-origin:left bottom;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
}
.syn-scope .top-head.transparent .top-nav > ul > li {
	padding-left:0;
	padding-right:0;
	margin:0 15px
}
.syn-scope .top-head.transparent .top-nav > ul > li:hover {
	background:transparent
}
.syn-scope .top-head.boxed-transparent .top-nav > ul > li:hover {
	background:transparent
}
.syn-scope .top-head.semi-light {
	background-color:rgba(255,255,255,.3);
}
.syn-scope .top-head .container-syn.semi-light {
	background-color:rgba(255,255,255,.3);
}
.syn-scope .top-head.semi-dark {
	background-color:rgba(0,0,0,.3);
}
.syn-scope .top-head .container-syn.semi-dark {
	background-color:rgba(0,0,0,.3);
}
/*
------------- 2. header 2 -------------- */
.syn-scope .top-head.header-2 .top-nav > ul > li > a, .syn-scope .top-head.header-2 .top-nav > ul > li > span > a {
	font-size:12px
}
.syn-scope .top-head.transparent.header-2 .top-nav > ul > li, .syn-scope .top-head.transparent.header-2 .top-search, .syn-scope .top-head.transparent.header-2 .top-cart {
	border-left-color: rgba(255,255,255,.2);
}
.syn-scope .top-head.transparent.header-2 .top-cart {
	border-right-color: rgba(255,255,255,.2);
}
.syn-scope .top-head.header-2 .top-nav > ul > li {
	padding: 20px 10px 20px 0;
}
.syn-scope .top-head.header-2 .top-nav > ul > li > a, .syn-scope .top-head.header-2 .top-nav > ul > li > span > a {
	padding: 0 13px;
	line-height: 35px;
}
.syn-scope .top-head.header-2 .top-search, .syn-scope .top-head.header-2 .top-cart {
	padding: 0;
	margin: 20px 0 0 10px;
	position:relative;
}
.syn-scope .top-head.header-2 .top-search > a, .syn-scope .top-head.header-2 .top-cart > a {
	padding: 0 15px;
	display:block;
	position:relative;
	line-height: 35px;
}
.syn-scope .top-head.header-2 .top-search > a:before, .syn-scope .top-head.header-2 .top-cart > a:before {
	position:absolute;
	width:90%;
	height:90%;
	left:5%;
	top:5%;
	content:"";
	display:inline-block;
	-moz-transform: scale(1.8);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(1.8);
	transform: scale(0);
	opacity:0;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s ;
	transition:all 0.3s ease 0s ;
	z-index:1;
}
.syn-scope .top-head.header-2 .top-search > a:hover:before, .syn-scope .top-head.header-2 .top-cart > a:hover:before {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:1
}
.syn-scope .top-head.header-2 .top-search > a > span, .syn-scope .top-head.header-2 .top-cart > a > span {
	position:relative;
	z-index:2
}
.syn-scope .top-head.header-2 .top-cart > a > i {
	z-index:2
}
.syn-scope .top-head.header-2 .top-search > a:hover span, .syn-scope .top-head.header-2 .top-cart > a:hover span {
	color:#fff;
}
.syn-scope .top-head.header-2 .top-cart .cart-box {
	margin-top:20px
}
.syn-scope .top-head.header-2 .top-cart .cart-num {
	top: 3px;
	right:6px
}
.syn-scope .top-head.header-2 .top-cart > a, .syn-scope .top-head.header-2 .top-search > a {
	margin: 0;
}
.syn-scope .top-head.header-2 .top-nav > ul > li:hover {
	background:transparent
}
.syn-scope .top-head.header-2 .top-nav > ul > li:hover > a > span:after, .syn-scope .top-head.header-2 .top-nav > ul > li:hover > a:after, .syn-scope .top-head.header-2 .top-nav > ul > li:hover > span > a > span:after, .syn-scope .top-head.header-2 .top-nav > ul > li:hover > span > a:after {
	color:#fff
}
/*
------------- 3. header 3 -------------- */
.syn-scope .top-head.header-3, .syn-scope .top-head.header-4 {
	padding: 15px 0 0;
}
.syn-scope .top-head.header-3 .logo {
	display: table;
	margin: 0 auto;
	float: none;
	border: 0;
	padding:15px 0
}
.syn-scope .top-head.header-3 .logo:before, .syn-scope .top-head.header-4 .logo:before {
	display: none;
}
.syn-scope .top-head.header-3 .container-syn {
	height: auto;
}
.syn-scope .top-head.header-3 .full, .syn-scope .top-head.header-4 .full {
	display: table;
	margin: 15px auto 0;
	clear: both;
}
.syn-scope .top-head.header-3 .container-syn, .syn-scope .top-head.header-3 .top-search, .syn-scope .top-head.header-4 .container-syn, .syn-scope .top-head.header-4 .top-search {
	height: auto;
}
.syn-scope .top-head.header-3 .top-search, .syn-scope .top-head.header-4 .top-search {
	border-left: 0;
}
.syn-scope .top-head.header-3 .top-nav > ul > li, .syn-scope .top-head.header-3 .top-search, .syn-scope .top-head.header-4 .top-nav > ul > li {
	padding:10px 15px 20px
}
.syn-scope .top-head.header-3 .top-cart {
	padding:10px 0 20px
}
.syn-scope .top-head.header-3 .top-nav > ul > li:hover, .syn-scope .top-head.header-4 .top-nav > ul > li:hover, .syn-scope .top-head.header-5 .top-nav > ul > li:hover, .syn-scope .top-head.header-6 .top-nav > ul > li:hover {
	background:transparent
}
/*
------------- 4. header 4 -------------- */
.syn-scope .top-head.header-4 .top-search {
	float: right;
	padding: 7px 7px 7px 12px;
	margin: 8px 0 0;
}
.syn-scope .top-head.header-4 .top-cart {
	padding:20px 0 0 10px
}
.syn-scope .top-head.header-4 .top-cart .cart-box {
	margin-top: 25px;
}
.syn-scope .top-head.header-4 .top-search button {
	margin:-7px -7px -7px 0;
	padding: 7px 15px;
}
.syn-scope .top-head.header-4 .top-search input[type=text] {
	border: 0;
	font-size: 11px;
	width: 400px;
	height:auto;
	padding:0
}
.syn-scope .top-head.header-4.shop-head {
	padding-top:0
}
.syn-scope .top-shop-links {
	font-size:11px;
	margin-top:9px;
	margin-right:25px
}
.syn-scope .top-shop-links a {
	display:inline-block;
	padding:10px;
}
.syn-scope .top-shop-links a i {
	margin-right:7px
}
.syn-scope .top-shop-section .container-syn {
	padding-right:25px;
	padding-left:25px
}
.syn-scope .top-shop-section [class*="col-md-"] {
	padding-left:5px;
	padding-right:5px
}
.syn-scope .top-head.header-3.sticky-nav .full, .syn-scope .top-head.header-4.sticky-nav .full {
	margin:0 auto
}
/*
------------- 5. header 5 -------------- */
.syn-scope .top-head.header-5 .top-search, .syn-scope .top-head.header-6 .top-search {
	border-left: 0px;
	position: relative;
}
.syn-scope .top-head.header-5 .top-search > a, .syn-scope .top-head.header-5 .top-cart > a {
	line-height: 33px;
	width: 33px;
	height: 33px;
	text-align: center;
	display: block;
	position: relative;
}
.syn-scope .top-head.header-5 .top-cart .cart-num {
	position: absolute;
	top: -3px;
	right: 0;
	left: auto;
}
.syn-scope .top-head.header-5 .bx-search .search-box button {
	background-color: transparent;
}
.syn-scope .top-head.header-5 .top-nav > ul > li > a {
	position: relative;
}
.syn-scope .top-head.header-5 .top-nav > ul > li:before, .syn-scope .top-head.header-5 .top-nav > ul > li .inner-mega:before {
	width: 0;
	position: absolute;
	bottom: 1px;
	left: 50%;
	height: 1px;
	content: "";
	display: inline-block;
}
.syn-scope .top-head.header-5 .top-nav > ul > li:hover:before, .syn-scope .top-head.header-5 .top-nav > ul > li:hover .inner-mega:before, .syn-scope .top-head.header-5 .top-nav > ul > li.selected .inner-mega:before, .syn-scope .top-head.header-5 .top-nav > ul > li.selected:before {
	width: 100%;
	left: 0;
}
.syn-scope .top-head.header-5 .top-nav > ul > li.mega-menu:before {
	display:none
}
.syn-scope .top-head.header-5 .top-search {
	padding: 23px 0;
}
.syn-scope .top-head.header-5 .top-cart {
	padding: 23px 0 23px  10px;
}
/*
------------- 6. header 6 -------------- */
.syn-scope .top-head.header-6 .top-nav > ul > li > a, .syn-scope .top-head.header-6 .top-nav > ul > li > span > a {
	line-height: 1;
	position: relative;
	display: block;
	margin: -30px -15px;
	padding: 30px 15px;
}
.syn-scope .top-head.header-6 .top-nav > ul > li > a > i, .syn-scope .top-head.header-6 .top-nav > ul > li > span > a > i {
	display: block;
	text-align: center;
	padding: 0 0 10px;
	font-size: 14px;
}
.syn-scope .top-head.header-6 .top-nav > ul > li:hover > a, .syn-scope .top-head.header-6 .top-nav > ul > li:hover > span > a {
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
.syn-scope .top-head.header-6 .top-nav > ul > li:before, .syn-scope .top-head.header-6 .top-nav > ul > li .inner-mega:before {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0;
	content: "";
	display: inline-block;
	width: 100%;
	background-color: transparent;
	z-index: 0;
}
.syn-scope .top-head.header-6 .top-nav > ul > li:hover:before, .syn-scope .top-head.header-6 .top-nav > ul > li:hover .inner-mega:before {
	height: 95%;
}
.syn-scope .top-head.header-6 .top-nav > ul > li .inner-mega {
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px
}
.syn-scope .top-head.header-6 .top-nav > ul > li > a:before, .syn-scope .top-head.header-6 .top-nav > ul > li > span > a:before {
	position: absolute;
	top: -10px;
	left: 0;
	height: 2px;
	content: "";
	display: inline-block;
	width: 100%;
	background-color: transparent;
	opacity:0
}
.syn-scope .top-head.header-6 .top-nav > ul > li:hover > a:before, .syn-scope .top-head.header-6 .top-nav > ul > li:hover > span > a:before {
	top: 1px;
	opacity:1
}
.syn-scope .top-head.header-6 .top-nav > ul > li.mega-menu:before {
	display: none;
}
.syn-scope .top-head.header-6 .top-nav > ul > li.hasChildren:hover > a:after, .syn-scope .top-head.header-6 .top-nav > ul > li:hover .inner-mega a, .syn-scope .top-head.header-6 .top-nav > ul > li:hover .inner-mega a:after {
	color:#fff
}
.syn-scope .top-head.header-6 .top-search {
	padding: 32px 0 26px 15px;
}
.syn-scope .top-head.header-6 .top-search > a {
	padding: 12px;
}
.syn-scope .top-head.header-6 .top-cart {
	padding: 32px 0 26px 10px;
}
.syn-scope .top-head.header-6 .top-cart > a {
	padding: 12px;
	display: block;
	line-height: 1;
}
.syn-scope .top-head.header-6 .top-cart > a .cart-num {
	top: -4px;
	right: -4px;
}
/*
------------- 7. header 7 -------------- */
.syn-scope .up-head {
	padding: 20px 0;
	position:relative;
	display: table;
	width: 100%;
}
.syn-scope .up-head:after {
	display:table;
	clear:both;
	content:""
}
.syn-scope .top-head.header-7 .logo:before {
	display: none;
}
.syn-scope .top-head.header-7 .up-head {
	padding: 20px 0;
}
.syn-scope .top-head .full.main-bg {
	display: block;
}
.syn-scope .top-head .full.main-bg .top-nav {
	display: table;
	float: none;
	margin: auto;
}
.syn-scope .top-head .full.main-bg .top-nav > ul > li {
	padding:15px 18px
}
.syn-scope .top-head .full.main-bg .top-nav > ul > li > a, .syn-scope .top-head .full.main-bg .top-nav > ul > li > span > a {
	font-weight:normal
}
.syn-scope .top-head .full.main-bg .top-nav > ul > li:hover > a span:after, .syn-scope .top-head .full.main-bg .top-nav > ul > li:hover > span > a span:after {
	color:#fff
}
.syn-scope .top-head.header-7 .top-search {
	float: right;
	border-radius: 3px;
	padding: 7px 7px 7px 12px;
	margin: 0;
	height: auto;
}
.syn-scope .top-head.header-7 .top-search button {
	border: 0;
	background: transparent;
}
.syn-scope .top-head.header-7 .top-search input[type=text] {
	border: 0;
	font-size: 11px;
	width: 200px;
	height:auto;
	padding:0
}
.syn-scope .top-head.header-7 .top-cart {
	padding: 11px 0 0 10px;
}
.syn-scope .top-head.header-7 .top-cart .cart-box {
	margin-top: 25px;
}
.syn-scope .top-head .full.main-bg .top-nav > ul > li {
	border-left: 1px rgba(255,255,255,.3) solid;
}
.syn-scope .top-head .full.main-bg .top-nav ul ul li {
	text-shadow: none;
}
/*
------------- 8. header 8 -------------- */
.syn-scope .top-head.header-8 {
	border-bottom:0
}
.syn-scope .top-head.header-8 .top-nav > ul > li > a, .syn-scope .top-head.header-8 .top-nav > ul > li .inner-mega > a {
	line-height: 1;
	margin: -30px -15px;
	display:block;
	padding: 30px 15px 22px 15px;
}
.syn-scope .top-head.header-8 .top-nav > ul > li > a span, .syn-scope .top-head.header-8 .top-nav > ul > li > span > a span {
	display: block;
	margin-top: 7px;
	line-height: 12px;
	font-size: 11px;
	font-weight: 400;
	text-transform: capitalize;
}
.syn-scope .top-head.header-8 .top-nav > ul > li.hasChildren > a:after, .syn-scope .top-head.header-8 .top-nav > ul > li.hasChildren > span > a:after {
	display: none;
}
.syn-scope .top-head.header-8 .top-nav > ul > li:hover > a, .syn-scope .top-head.header-8 .top-nav > ul > li.selected > a, .syn-scope .top-head.header-8 .top-nav > ul > li:hover > span > a, .syn-scope .top-head.header-8 .top-nav > ul > li.selected > span > a {
	border-bottom-width: 4px;
	border-bottom-style: solid;
}
.syn-scope .top-head.header-8 .top-search {
	border-left: 0px;
	position: relative;
	margin-left:10px
}
.syn-scope .top-head.header-8 .top-search > a, .syn-scope .top-head.header-8 .top-cart > a {
	line-height: 33px;
	width: 33px;
	height: 33px;
	margin-top: 30px;
	text-align: center;
	display: block;
	position: relative;
}
.syn-scope .top-head.header-8 .top-cart {
	margin-left:10px;
	padding-bottom: 25px !important;
}
.syn-scope .top-head.header-8 .top-cart .cart-num {
	position: absolute;
	top: -7px;
	right: -5px;
	left: auto;
}
.syn-scope .top-head.header-8 .top-nav ul ul {
	border-top:0
}
.syn-scope .top-head.header-8 .top-nav > ul > li > a, .syn-scope .top-head.header-8 .top-nav > ul > li.inner-mega {
	position: relative;
	font-weight: bold;
}
.syn-scope .top-head.header-8 .top-nav > ul > li > a:before, .syn-scope .top-head.header-8 .top-nav > ul > li > span > a:before {
	width: 0;
	position: absolute;
	bottom: -1px;
	left: 50%;
	height: 1px;
	content: "";
	display: inline-block;
}
.syn-scope .top-head.header-8 .top-nav > ul > li:hover > a:before, .syn-scope .top-head.header-8 .top-nav > ul > li.selected > a:before, .syn-scope .top-head.header-8 .top-nav > ul > li.inner-mega:hover:before {
	width: 100%;
	left: 0;
}
.syn-scope .top-head.header-8 .top-cart, .syn-scope .top-head.header-8 .top-search {
	padding: 0;
}
/*
--------------------- header left -------------------- */
.syn-scope .left-side-wrap {
	margin:0 !important;
	margin-left: 280px !important;
	width:auto !important;
	position:relative
}
.syn-scope .right-side-wrap {
	margin:0 !important;
	margin-right: 280px !important;
	width:auto !important;
	position:relative
}
.syn-scope .header-left, .syn-scope .header-right {
	position:fixed;
	left:0;
	top:0 !important;
	width:280px;
	height:100%;
	-webkit-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.4);
	z-index:999;
	border-bottom:0;
	padding:70px 0;
}
.syn-scope .header-right {
	left:auto;
	right:0;
	-webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.4);
}
.syn-scope .header-left .logo, .syn-scope .header-right .logo {
	display:table;
	margin:auto;
	float:none;
	padding:10px 20px
}
.syn-scope .side-nav {
	padding:40px 0;
}
.syn-scope .side-nav > ul > li {
	position: relative;
	margin: 0;
	padding:0 30px
}
.syn-scope .side-nav > ul > li > a:hover i, .syn-scope .side-nav > ul > li.selected > a i {
	margin-top: 5px;
}
.syn-scope .side-nav > ul > li > a {
	display: block;
	text-transform: uppercase;
	overflow: hidden;
	font-weight: bold;
	padding:15px 0;
	border-bottom:1px rgba(0,0,0,.1) solid
}
.syn-scope .black-bg .side-nav > ul > li > a {
	border-bottom:1px rgba(255,255,255,.1) solid
}
.syn-scope .header-left .top-search, .syn-scope .header-right .top-search {
  border: 1px rgba(0, 0, 0, 0.1) solid ;
}
.syn-scope .black-bg.header-left .top-search, .syn-scope .black-bg.header-right .top-search, .syn-scope .dark-bg.header-left .top-search, .syn-scope .dark-bg.header-right .top-search {
  border: 1px rgba(255, 255, 255, 0.1) solid;
}
.syn-scope .side-nav > ul > li.current > a {
	font-weight:bold
}
.syn-scope .side-nav > ul li a i {
	font-size:16px;
	margin-right:10px
}
.syn-scope .side-nav > ul ul {
	position: absolute;
	min-width: 220px;
	top:0;
	left:100%;
	z-index:99;
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.syn-scope .side-nav ul ul li {
	position: relative;
	float: none;
	margin: 0;
	padding: 0;
	line-height: 35px;
}
.syn-scope .side-nav ul ul li a {
	padding-left:20px !important
}
.syn-scope .side-nav ul ul li i {
	font-size:12px
}
.syn-scope .side-nav li li a {
	display: block;
	overflow: hidden;
	padding: 0 25px !important;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	line-height: 40px !important;
}
.syn-scope .side-nav li.hasChildren:after {
	position: absolute;
	top: 15px;
	right: 30px;
	display: inline-block;
	content: "\f061";
	font-family: FontAwesome;
	-moz-transition: transform 0.3s linear;
	-o-transition: transform 0.3s linear;
	-webkit-transition: transform 0.3s linear;
	transition: transform 0.3s linear;
}
.syn-scope .side-nav li.hasChildren:hover:after {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.syn-scope .side-nav li li.hasChildren:after {
	top: 2px;
	right: 10px;
}
.syn-scope .header-left .top-search, .syn-scope .header-right .top-search {
	display:table;
	width: 76%;
	margin: 0 12% 30px !important;
	padding:0 0 0 10px !important
}
.syn-scope .header-left .top-search a, .syn-scope .header-right .top-search a {
	line-height:1
}
.syn-scope .header-left .search-box, .syn-scope .header-right .search-box {
	position:static
}
.syn-scope .header-left .top-search input[type=text], .syn-scope .header-right .top-search input[type=text] {
	border:0;
	height:39px;
	background:transparent;
	width:85%;
	padding:0
}
.syn-scope .side-nav li.mega-menu > ul > li {
	width:100%;
}
.syn-scope .side-nav li.mega-menu > ul > li h4 {
	font-size:13px;
	line-height: 40px;
	margin: 0;
	padding-left: 15px;
	cursor:pointer;
	color:#fff;
	font-weight:normal
}
.syn-scope .header-right li.mega-menu > ul > li h4 {
	padding-left: 30px;
}
.syn-scope .header-right .side-nav ul li a {
	text-align:right
}
.syn-scope .header-right .side-nav > ul ul {
	right:100%;
	left:auto
}
.syn-scope .header-right .side-nav li.hasChildren:after {
	left: 30px;
	content: "\f104";
	right:auto
}
.syn-scope .header-right .side-nav li li.hasChildren:after {
	left: 15px;
}
.syn-scope .header-right .side-nav li li i {
	float: right;
	margin:15px 0 0 10px
}
.syn-scope .side-header-bottom {
	text-align:center;
	font-size:12px;
	padding:30px
}
.syn-scope .side-header-bottom .social-list-syn {
	display:table;
	margin:15px auto 5px
}
.syn-scope .top-head.transparent-3 {
	border-bottom: 1px rgba(255,255,255,.3) solid;
}
.syn-scope .top-head.transparent-3 .top-cart > a {
	margin-left: 5px
}
.syn-scope .top-head.transparent-3 .fluid-header {
	padding-right:30px
}
.syn-scope .top-head.dark .top-nav > ul > li > a, .syn-scope .top-head.dark .top-nav > ul > li > span > a {
	color:#fff;
}
.syn-scope .top-head.not-dark .top-nav > ul > li:not(.selected) > a, .syn-scope .top-head.not-dark .top-nav > ul > li:not(.selected) > span > a, .syn-scope .top-head.not-dark .top-nav > ul > li:not(.selected) > a:after, .syn-scope .top-head.not-dark .top-cart > a {color:#444 !important;}
.syn-scope .top-head.not-dark .top-nav > ul > li > a, .syn-scope .top-head.not-dark .top-nav > ul > li > a:after {
	text-shadow:none !important;
}
.syn-scope .top-head.not-dark.transparent, .syn-scope .top-head.transparent.not-dark .logo, .syn-scope .top-head.transparent.not-dark .top-search {
	border-color:rgba(0,0,0,.2);
}
.syn-scope .top-head .full.main-bg .top-nav > ul > li > a, .syn-scope .top-head .full.main-bg .top-nav > ul > li > span > a, .syn-scope .top-head .full .main-bg .top-nav > ul > li > a:after {
	color:#fff !important;
}
.syn-scope .top-head.transparent.sticky-nav, .syn-scope .top-head.transparent.sticky-nav .logo, .syn-scope .top-head.transparent.sticky-nav .top-search {
	border:0px !important;
}
.syn-scope .top-head {
	transition: top 700ms ease;
	-webkit-transition: top 700ms ease;
	top:-100px
}
.syn-scope .top-head.sticky-nav {
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.1);
	position:fixed;
	z-index:999;
	width:100%;
	top:0;
	left:0;
}
/* fluid headers */
.syn-scope .top-head .fluid-header {
	width:100% !important
}
.syn-scope .top-head .fluid-header .top-nav .mega-menu > ul {
	width:98.5% !important
}
.syn-scope .top-head .fluid-header .logo {
	float: left;
	padding: 25px 20px 15px 0px;
}
.syn-scope .top-head.sticky-nav .bot-line, .syn-scope .top-head.sticky-nav .lft-line, .syn-scope .top-head.sticky-nav.header-3 .logo, .syn-scope .top-head.sticky-nav .up-head, .syn-scope .top-head.sticky-nav.boxed-transparent .logo:before {
	display:none
}
.syn-scope .top-head.sticky-nav.boxed-transparent > .container-syn {
	border:0
}


/* Show only on mobile */
@media (max-width: 992px) {
}
 */
 
 
/* Desktop version */
@media (min-width: 769px) {
}

/* Mobile version */
@media (max-width: 768px) {
}

@media (max-width: 768px)  {
}

@media (max-width: 768px)  {
}


.syn-scope .top-nav {
	float:left;
	min-height:1px
}
.syn-scope .top-nav > ul > li {
	float:left;
	position:relative;
	padding: 30px 15px;
	cursor:pointer;
}
.syn-scope .top-nav > ul > li a {
	z-index:4 !important;
	font-size:13px;
}
.syn-scope .header-9 .top-nav > ul > li.mega-menu > span {
	margin-left:-15px;
	margin-right:-15px;
	padding-right:15px;
	padding-left:15px
}
.syn-scope .header-9 .top-nav > ul > li:hover {
	background:transparent
}
.syn-scope .header-9 .top-nav > ul > li:not(.mega-menu):after, .syn-scope .header-9 .top-nav > ul > li.mega-menu > span:after {
	position:absolute;
	width:100%;
	height:100%;
	right:0;
	top:0;
	content:"";
	display:inline-block;
	border-right-width:1px;
	border-right-style:solid;
	border-top-right-radius:10em;
	border-bottom-right-radius:10em;
	z-index:2;
}
.syn-scope .header-9 .top-nav > ul > li:not(.mega-menu):before, .syn-scope .header-9 .top-nav > ul > li.mega-menu > span:before {
	position:absolute;
	width: 35px;
	height:100%;
	left: -35px;
	top:0;
	content:"";
	display:inline-block;
	z-index:1
}
.syn-scope .header-9 .top-nav > ul > li:not(.mega-menu):first-child:before {
	border-top-right-radius:10em;
	border-bottom-right-radius:10em;
	z-index:3 !important;
	left: -15px !important;
	width: 55px;
}
.syn-scope .header-9 .top-nav > ul > li.mega-menu:first-child > span:before {
	border-top-right-radius:10em;
	border-bottom-right-radius:10em;
	z-index:3 !important;
	left: -15px !important;
	width: 55px;
	background:#fff !important;
}
.syn-scope .header-9 .top-nav > ul > li:not(.mega-menu):first-child, .syn-scope .header-9 .top-nav > ul > li.mega-menu:first-child > span {
	padding-left: 45px;
}
.syn-scope .header-9 .top-nav > ul > li:not(.mega-menu):first-child > ul {
	left:0
}
.syn-scope .top-head.header-9 .top-search {
	margin-left:10px
}
/*.top-head.sticky-nav.header-9 .top-nav > ul > li:first-child{
	padding-left:15px
}*/
.syn-scope .top-nav > ul > li > a, .syn-scope .top-nav > ul > li > span > a {
	font-weight:900;
	text-transform:uppercase;
	z-index:2;
	font-size:12px;
	letter-spacing:0.5px;
	position: relative;
}
.syn-scope li.mega-menu .inner-mega {
	position:relative;
	display:block;
	margin: -30px 0;
	padding: 30px 0;
}


.syn-scope .top-nav > ul > li ul, .syn-scope .top-head .top-cart .cart-box, .syn-scope .bx-search .search-box, .syn-scope .top-search .search-box {
	-webkit-box-shadow:0px 2px 2px 0px rgba(0,0, 0,0.3);
	-moz-box-shadow:0px 2px 2px 0px rgba( 0,0,0,0.3);
	box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3);
}
.syn-scope .top-nav ul li ul {
	position:absolute;
	top:100%;
	min-width:230px;
	border-top-style:solid;
	border-top-width:3px;
	z-index:999;
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.syn-scope .mega-menu_pos {
	margin-left: -350px;
}

.syn-scope .col-md-4 i {
    display: inline-block !important; 
    margin-right: 8px !important; /* Adjust spacing */
    vertical-align: middle;
}

.syn-scope .col-md-4 h4 {
    display: inline-block;
    margin: 0 !important;
    vertical-align: middle;
}

.syn-scope .col-md-4-menu-h4 {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    gap: 8px; /* Adds space between icon and text */

}

.syn-scope .top-nav ul li:hover > ul {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.syn-scope .top-nav ul li:hover > ul, .syn-scope .side-nav ul li:hover > ul {
	opacity: 1;
	visibility: visible;
}
.syn-scope .header-9 .top-nav > ul > li:not(.mega-menu) > ul {
	left: -35px;
}
.syn-scope .top-nav.colored-submenu ul li ul {
	border-top:0 !important;
}
.syn-scope .top-nav ul li ul ul, .syn-scope .side-nav ul li > ul {
	top:0;
	left:100%;
	border-top-width:0;
	border-left-style:solid;
	border-left-width:3px;
	-webkit-transform: translate3d(30px,0,0);
	transform: translate3d(30px,0,0);
}
.syn-scope .top-nav ul li ul li:hover > ul, .syn-scope .side-nav ul li:hover > ul {
	top:0;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.syn-scope .top-nav ul li ul li > ul.rit-menu {
	top:0;
	right:100%;
	left:auto;
	-webkit-transform: translate3d(-30px,0,0);
	transform: translate3d(-30px,0,0);
	border-right-width:3px;
	border-right-style:solid;
	border-left:0
}
.syn-scope .top-nav ul li ul li:hover > ul.rit-menu {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.syn-scope .top-nav ul ul li {
	line-height:normal;
	float:none;
	position:relative;
	display:block;
}

.syn-scope .top-nav > ul > li.hasChildren > a:after, .syn-scope .top-nav > ul > li.hasChildren > span > a:after {
	display:inline-block;
	font:normal normal normal 8px/1 FontAwesome;
	content:"\f078";
	margin-left:5px;
	top:-1px;
	position:relative;
	-moz-transition-delay:0.3s !important;
	-ms-transition-delay:0.3s !important;
	-o-transition-delay:0.3s !important;
	-webkit-transition-delay:0.3s !important;
	transition-delay:0.3s !important;
}
.syn-scope .top-nav > ul > li.hasChildren:hover > a:after, .syn-scope .top-nav > ul > li.hasChildren:hover > span > a:after {
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	transform:rotate(-180deg);
}
.syn-scope .top-nav ul li li.hasChildren > a:after, .syn-scope .top-nav ul li li.hasChildren > span > a:after {
	content:"\f061";
	float:right;
	display:inline-block;
	font:normal normal normal 12px/1 FontAwesome;
}
.syn-scope .top-nav .mega-menu > ul > li > a:after, .syn-scope .top-nav .mega-menu ul li:first-child:hover:before, .syn-scope .top-nav .mega-menu ul:before {
	display:none;
}
.syn-scope .top-nav li li a {
	display:block;
	padding:13px 15px;
	-moz-transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	-webkit-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
	font-size:16px;
	line-height:1.5
}
.syn-scope .top-nav li.mega-menu li a {
	padding: 10px 0px;
	font-size:13px;	
    font-weight: 700;
}
}
.syn-scope .top-nav li li a:hover {
	/*padding-left:20px;*/
}
.syn-scope .top-nav li li:first-child > a {
	border-top:0;
	font-size:13px;	
}
.syn-scope .top-nav li li i {
    margin-right: 10px;
    font-size: 16px !important; /* Set font size to 16px */
    color: #5BA7F6;
    width: 16px; /* Set the fixed width for the icon */
    height: 16px; /* Set the fixed height for the icon */
    line-height: 16px; /* Align the icon vertically */
    display: inline-block; /* Ensure the icon behaves like an inline element */
    text-align: center; /* Center the icon */
}

.syn-scope .top-nav > ul > .mega-menu {
	position:static;
}



.syn-scope .top-nav .mega-menu ul ul {
	border-left-width:0;
	border-top-width:0;
	position:static;
	margin:0 10px;
	display:block !important;
	opacity:1 !important;
	-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow:0 0 0 0 rgba(0,0,0,0);
	box-shadow:0 0 0 0 rgba(0,0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.syn-scope .top-nav .mega-menu:hover ul li ul {
	visibility:visible
}
.syn-scope .top-nav .mega-menu > ul > li {
	padding-bottom:15px;
	display:table-cell;
}
.syn-scope .top-nav .mega-menu > ul > li h4 {
	font-weight:900;
	text-transform:uppercase;
	font-size:14px;
	    margin: 20px 0px 10px 40px;
		color: #5BA7F6 !important;
}
.syn-scope .nav-border-bottom > ul > li:before, .syn-scope .nav-border-bottom li.mega-menu .inner-mega:before {
	position:absolute;
	bottom:2px;
	height:2px;
	left:0;
	width:100%;
	content:"";
	display:inline-block;
	z-index:1;
}
.syn-scope .nav-border-bottom > ul > li:after, .syn-scope .nav-border-bottom li.mega-menu .inner-mega:after {
	position:absolute;
	bottom:2px;
	height:2px;
	left:0;
	width:5px;
	content:"";
	display:inline-block;
	z-index:2;
}
.syn-scope .sticky-nav .nav-border-bottom > ul > li:after, .syn-scope .sticky-nav .nav-border-bottom li.mega-menu .inner-mega:after, .syn-scope .sticky-nav .nav-border-bottom > ul > li:before, .syn-scope .sticky-nav .nav-border-bottom li.mega-menu .inner-mega:before {
	display:none
}
.syn-scope .nav-border-bottom > ul > li:hover:after, .syn-scope .nav-border-bottom > ul > li.mega-menu:hover span:after, .syn-scope .nav-border-bottom > ul > li.selected:after, .syn-scope .nav-border-bottom > ul > li.mega-menu.selected span:after {
	width:100%;
}
.syn-scope .nav-border-bottom > ul > li.mega-menu:before, .syn-scope .nav-border-bottom > ul > li.mega-menu:after, .syn-scope .nav-border-left > ul > li.mega-menu:before, .syn-scope .nav-border-left > ul > li.mega-menu:after, .syn-scope .nav-border-top > ul > li.mega-menu:before, .syn-scope .nav-border-top > ul > li.mega-menu:after, .syn-scope .nav-border-right > ul > li .mega-menu:before, .syn-scope .nav-border-right > ul > li.mega-menu:after {
	display:none;
}
.syn-scope .nav-border-top > ul > li:before, .syn-scope .nav-border-top li.mega-menu .inner-mega:before {
	position:absolute;
	top:2px;
	height:2px;
	left:0;
	width:100%;
	content:"";
	display:inline-block;
	z-index:1;
}
.syn-scope .nav-border-top > ul > li:after, .syn-scope .nav-border-top li.mega-menu .inner-mega:after {
	position:absolute;
	top:2px;
	height:2px;
	left:0;
	width:5px;
	content:"";
	display:inline-block;
	z-index:2;
}
.syn-scope .nav-border-top > ul > li:hover:after, .syn-scope .nav-border-top > ul > li.mega-menu:hover span:after {
	width:100%;
}
.syn-scope .nav-border-left > ul > li:before, .syn-scope .nav-border-left li.mega-menu .inner-mega:before {
	position:absolute;
	top:20%;
	height:60%;
	left:-15px;
	width:2px;
	content:"";
	display:inline-block;
	z-index:1;
}
.syn-scope .nav-border-left > ul > li:after, .syn-scope .nav-border-left li.mega-menu .inner-mega:after {
	position:absolute;
	bottom:20%;
	height:5px;
	left:-15px;
	width:2px;
	content:"";
	display:inline-block;
	z-index:2;
}
.syn-scope .nav-border-left > ul > li:hover:after, .syn-scope .nav-border-left > ul > li.mega-menu:hover span:after {
	height:60% ;
}
.syn-scope .nav-border-right > ul > li:before, .syn-scope .nav-border-right li.mega-menu .inner-mega:before {
	position:absolute;
	top:20%;
	height:60%;
	right:-15px;
	width:2px;
	content:"";
	display:inline-block;
	z-index:1;
}
.syn-scope .nav-border-right > ul > li:after, .syn-scope .nav-border-right li.mega-menu .inner-mega:after {
	position:absolute;
	bottom:20%;
	height:5px;
	right:-15px;
	width:2px;
	content:"";
	display:inline-block;
	z-index:2;
}
.syn-scope .nav-border-right > ul > li:hover:after, .syn-scope .nav-border-right > ul > li.mega-menu:hover span:after {
	height:60%;
}
.syn-scope .nav-animate > ul > li > a span, .syn-scope .nav-animate > ul > li > span > a span {
	position:relative;
	display:inline-block;
	-webkit-transition:-webkit-transform 0.4s;
	-moz-transition:-moz-transform 0.4s;
	transition:transform 0.4s;
	font-size:12px;
}
.syn-scope .nav-animate > ul > li > a span:after, .syn-scope .nav-animate > ul > li > span > a span:after {
	display:inline-block;
	position:absolute;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	width:100%
}
.syn-scope .nav-animate > ul > li > a, .syn-scope .nav-animate > ul > li > span > a {
	position:relative;
	overflow:hidden;
	display:block;
}
.syn-scope .nav-animate.to-right > ul > li > a span:after, .syn-scope .nav-animate.to-right > ul > li > span > a span:after {
	right:150%;
}
.syn-scope .nav-animate.to-right > ul > li:hover > a > span, .syn-scope .nav-animate.to-right > ul > li:hover > span > a > span {
	-webkit-transform:translateX(150%);
	-moz-transform:translateX(150%);
	transform:translateX(150% );
}
.syn-scope .nav-animate.to-left > ul > li > a span:after, .syn-scope .nav-animate.to-left > ul > li > span > a span:after {
	left:150%;
}
.syn-scope .nav-animate.to-left > ul > li:hover > a > span, .syn-scope .nav-animate.to-left > ul > li:hover > span > a > span {
	-webkit-transform:translateX(-150%);
	-moz-transform:translateX(-150%);
	transform:translateX(-150%);
}
.syn-scope .nav-border-bottom.to-left > ul > li:after, .syn-scope .nav-border-bottom.to-left li.mega-menu .i nner-mega:after, .syn-scope .nav-border-top.to-left > ul > li:after, .syn-scope .nav-border-top.to-left li.mega-menu .i nner-mega:after {
	left:auto;
	right:0;
}
.syn-scope .nav-border-left.to-bottom > ul > li:after, .syn-scope .nav-border-left.to-bottom li.mega-menu .inner-mega:after {
	bottom:auto;
	top:20%;
}
.syn-scope .nav-animate.to-bottom > ul > li > a span:after, .syn-scope .nav-animate.to-bottom > ul > li > span > a span:after {
	left:0;
	top:-100%;
}
.syn-scope .nav-animate.to-bottom ul > li:hover > a > span, .syn-scope .nav-animate.to-bottom > ul > li:hover > span > a > span {
	-webkit-transform:translateY(100%);
	-moz-transform:translate Y(100%);
	transform:translateY(100%);
}
.syn-scope .nav-animate.to-top > ul > li > a span:after, .syn-scope .nav-animate.to-top > ul > li > span > a span:after {
	left:0;
	top:100%;
}
.syn-scope .nav-animate.to-top ul > li:hover > a > span, .syn-scope .nav-animate.to-top > ul > li:hover > span > a > span {
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	transform:translateY(-100%);
}
.syn-scope .top-nav[class*="nav-border-"] > ul > li {
	padding-left:0;
	padding-right:0;
	margin-right:15px;
	margin-left:15px
}
.syn-scope .top-nav[class*="nav-border-"] > ul > li:hover {
	background:transparent
}
.syn-scope .top-head .top-search {
	padding: 32px 10px;
}
.syn-scope .top-nav.scale > ul > li > a {
	overflow:visible
}
.syn-scope .top-nav.scale > ul > li > a span:after {
	opacity:0;
	transform:scaleY(5);
	left:0;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.syn-scope .top-nav.scale > ul > li:hover > a span:after {
	opacity:1;
	transform:scaleY(1);
}
.syn-scope .top-head .top-search > a {
	font-weight:bold;
	display:block;
	line-height:1;
}
.syn-scope .top-search {
	float:left;
	position:relative;
}
.syn-scope .head-srch-cart-fluid .top-search {
	border-left:1px rgba(255,255,255,.2) solid;
}
.syn-scope .head-srch-cart .top-search > a, .syn-scope .head-srch-cart .top-cart > a {
	float:none;
	display:block;
	text-align:center;
	margin:15px 0;
	border-radius:2em;
	height: 49px;
	line-height: 49px;
	width:30px;
	text-align:center
}
.syn-scope .top-search .search-box {
	position:fixed;
	top:50%;
	width:50%;
	left:50%;
	border-bottom-style:solid;
	border-bottom-width:4px;
	padding:20px 0;
	line-height:1;
	z-index:999;
	margin-left:-25%;
	margin-top:-40px;
	display:none;
}
.syn-scope .top-search .search-box input[type=text] {
	width:95%;
	border:0;
	font-size:35px;
	text-transform:none;
	background:transparent;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:200;
}
.syn-scope .top-search .search-box button {
	border:0;
	width:30px;
	height:30px;
	line-height:28px;
	text-align:center;
}
.syn-scope .srch-overlay {
	background:rgba(0, 0,0,0.9);
	position:fixed;
	width:100%;
	height:100%;
	z-index:99;
	left:0;
	top:0;
}
.syn-scope .close-srch {
	position:absolute;
	right:0;
	top:20px;
	display:block;
	font-size:0px;
}
.syn-scope .close-srch:before {
	font-size:25px;
}
.syn-scope .top-head .top-cart {
	float:right;
	padding: 29px 5px;
}
.syn-scope .top-head .top-cart > a {
	font-weight:bold;
	position:relative;
}
.syn-scope .top-cart .cart-num {
	display:inline-block;
	font-style:normal;
	line-height: 13px;
	position:absolute;
	border-radius:50%;
	top: -10px;
	right: -10px;
	font-size: 9px;
	font-weight:normal;
	width: 15px;
	text-align: center;
	height: 15px;
}
.syn-scope .top-cart {
	position:relative;
}
.syn-scope .top-cart .cart-box {
	position:absolute;
	top:100%;
	right:0;
	min-width:275px;
	padding:20px;
	min-height:200px;
	border-top-style:solid;
	border-top-width:3px;
	z-index:99;
	display:none
}
.syn-scope .head-srch-cart .top-cart .main-bg {
	color:#fff
}
.syn-scope .cart-box .empty {
	line-height:160px;
	text-align:center;
	color:#f00;
}
.syn-scope .mini-cart-list li {
	position:relative;
	overflow:hidden;
	padding-bottom:15px;
	margin-bottom:15px;
	font-size:11px;
}
.syn-scope .mini-cart .cart-body {
	padding-right:10px;
	line-height:1.7;
}
.syn-scope .cart-mini-lft {
	float:left;
	margin-right:8px;
}
.syn-scope .cart-mini-lft img {
	width:40px;
	padding:1px;
}
.syn-scope .mini-cart-list a.remove {
	position:absolute;
	right:0;
	top:0;
}
.syn-scope .mini-cart-total {
	padding:0 0 10px;
	font-weight:400;
	overflow:hidden;
	font-size:11px;
}
.syn-scope .mini-cart-total .clearfix {
	padding:5px 0;
	overflow:hidden;
}
.syn-scope .mini-cart-total .total {
	margin-top:10px;
	padding-top:15px;
}
.syn-scope .mini-cart .checkout {
	text-align:center;
	padding-top:15px;
}
.syn-scope .mini-cart .checkout a {
	margin:0 5px;
	height:35px;
	display:inline-block;
	line-height:33px;
	padding:0 20px;
	text-transform:none;
}
.syn-scope .head-srch-cart .top-search, .syn-scope .head-srch-cart .top-cart {
	margin:0 0 0 5px !important;
	padding:0 !important;
}
.syn-scope .head-srch-cart .top-cart .cart-num {
	top: 4px;
	right: 4px;
}
/*
----------- inner-menu -------------- */
.syn-scope .inner-menu {
	height:40px
}
.syn-scope .inner-menu ul > li {
	border-left: 1px rgba(255,255,255,.3) solid;
	float:left;
	position:relative
}
.syn-scope .inner-menu ul > li > a {
	height: 40px;
	line-height: 40px;
	padding:0 18px;
	display:block;
}
.syn-scope .inner-menu ul ul, .syn-scope .top-bar li ul {
	position:absolute;
	left:0;
	top:100%;
	min-width: 200px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	z-index: 999;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	overflow:hidden;
	z-index:-1;
	opacity:0
}
.syn-scope .top-bar li ul {
	margin-top:10px
}
.syn-scope .inner-menu ul li:hover > ul, .syn-scope .top-bar ul li:hover > ul {
	z-index:2;
	opacity:1
}
.syn-scope .top-bar ul li:hover > ul {
	z-index:999
}
.syn-scope .inner-menu ul ul li, .syn-scope .top-bar ul ul li {
	float:none
}
.syn-scope .inner-menu ul ul li a, .syn-scope .top-bar ul ul li a {
	display:block;
	text-shadow: none;
}
.syn-scope .inner-menu ul ul li:hover > a, .syn-scope .inner-menu ul ul li.selected > a, .syn-scope .top-bar ul ul li:hover > a {
	background: rgba(0,0,0,.05);
	color:#333
}
/* ==========================================================================
  4. PAGE TITLES.
============================================================================= */
.syn-scope .page-title.title-1, .syn-scope .page-title.title-2, .syn-scope .page-title.title-3, .syn-scope .page-title.title-5 {
	background: url('../images/page-titles/title-syntec.jpg') no-repeat 50% 0;
}
.syn-scope .page-title > .container-syn {
	position:relative;
	display:table
}
.syn-scope .page-title > .container-syn > .row {
	height: 220px;
	padding-bottom: 30px;
	display:table-cell;
	vertical-align:middle;
  	width: 100%;
}
.syn-scope .page-title h1 {
	margin: 50px 0 5px;
	font-size: 40px;
	line-height: 1;
}
.syn-scope .page-title h3 {
	font-size: 20px;
	font-weight: 400;
}
.syn-scope .breadcrumbs {
	position: absolute;
	right: 15px;
	bottom: 10px;
	font-size: 12px;
}
.syn-scope .breadcrumbs.white-bg {
	bottom:0;
	padding: 10px;
}
.syn-scope .breadcrumbs i {
	display: inline-block;
	margin: 0 10px;
}
.syn-scope .page-title .title-icon {
	margin: 54px 15px 0 0;
	width:58px;
	height:58px;
	line-height:58px;
	text-align:center;
	font-size:30px;
	-webkit-text-shadow: none;
	-moz-text-shadow:none;
	text-shadow: none;
}
/*
------------ title minimal ------------ */
.syn-scope .page-title.title-minimal > .container-syn {
	min-height: 130px;
}
.syn-scope .page-title.title-minimal > .container-syn > .row {
	height: 150px;
}
.syn-scope .page-title.title-minimal h1 {
	margin-top:30px;	text-transform: uppercase;
}
/*
------------ title 2 ------------ */
.syn-scope .page-title.title-2 {
	text-align:center
}
.syn-scope .page-title.title-2 .breadcrumbs {
	position:static;
	display:table;
	margin:35px auto -16px
}
/*
------------ title 4 ------------ */
.syn-scope .page-title.title-4 {
	text-align:center;
	background:#2d5d7d url('../images/page-titles/bg-parallax.jpg') no-repeat 0 0;
}
.syn-scope .page-title.title-4 .row {
	height:250px
}
.syn-scope .page-title.title-4 .breadcrumbs {
	position:static;
	display:table;
	margin:35px auto 0;
	padding: 10px 20px;
}
/*
------------ title 5 ------------ */
.syn-scope .page-title.title-5 {
	text-align:center
}
.syn-scope .page-title.title-5 h1 {
	display:table;
	padding: 15px 35px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	font-size: 26px;
	text-transform: uppercase;
	line-height: 1;
}
.syn-scope .page-title.title-5 h3 {
	display:inline-block;
	border-bottom-style:solid;
	border-bottom-width:3px;
	clear:both;
	font-size:25px;
	border-radius: 2em;
	padding: 10px 25px;
}

.syn-scope .page-title.title-5 h2 {
	display:inline-block;
	border-bottom-style:solid;
	border-bottom-width:3px;
	clear:both;
	font-size:30px;
	border-radius: 2em;
	padding: 10px 25px;
}

.syn-scope .page-title.title-5 .breadcrumbs {
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	padding: 10px 20px 0px;
}
.syn-scope .transparent-title > .container-syn {
	height:400px
}
/*
------------------ title video ----------- */
.syn-scope .page-title-video, .syn-scope .section-video {
	background: none;
	position: relative;
	overflow: hidden;
	clear:both
}
.syn-scope .page-title-video .container-syn, .syn-scope .section-video .container-syn {
	z-index: 3;
}
.syn-scope .page-title-video > .container-syn > .row {
	height:400px
}
.syn-scope .page-title-video .video-wrap, .syn-scope .section-video .video-wrap {
	position: absolute;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	z-index:0
}
.syn-scope .page-title-video .video-wrap video, .syn-scope .section-video .video-wrap video {
	width: 100%;
	margin-top:-200px;
	display:block;
	height:auto
}
.syn-scope .video-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	background: rgba(0,0,0,0.4);
	-webkit-backface-visibility: hidden;
}
/* =========================================================================
	5.FORM CONTROLS.
============================================================================ */
.syn-scope .btn {
	text-shadow:1px 1px 1px rgba(0,0,0,.5);
	text-transform:uppercase;
	letter-spacing:1px;
	border-radius:0px;
	font-size:12px;
	white-space:normal
}
.syn-scope .btn span {
	line-height:1;
}
.syn-scope .btn-xs {
	padding:2px 5px;
	font-size:10px;
	line-height:1.5;
}
.syn-scope .btn-sm {
	line-height:1.5;
	font-size:11px;
	padding:6px 8px;
}
.syn-scope .btn-md {
	line-height:37px;
	font-size:12px;
	padding:0 12px;
}
.syn-scope .btn-lg {
	line-height:55px;
	font-size:14px;
	padding:0 17px;
}
.syn-scope .btn-xl {
	line-height:1;
	font-size:18px;
	padding:20px;
}
.syn-scope .btn-xxl {
	line-height:1;
	font-size:30px;
	padding:25px 30px;
	letter-spacing:0.5px;
	text-transform:none
}
.syn-scope .btn-xxl span.sub {
	display:block;
	font-size:11px;
	line-height:1;
	font-weight:400;
	letter-spacing:normal
}
.syn-scope .button-group .btn {
	margin:10px 5px;
}
.syn-scope .btn-block {
	display:table;
	width:50%;
	margin:auto !important;
}
.syn-scope .btn-block-full {
	display:block;
	width:100%;
}
.syn-scope .btn i {
	margin-right:8px;
}
.syn-scope .btn i.block {
	margin-bottom:15px;
}
.syn-scope [class*="btn-icon-"] {
	overflow:hidden;
	position:relative;
	padding-right:40px;
	padding-left:40px;
}
.syn-scope [class*="btn-icon-"] i {
	position:absolute;
	top:0;
	height:100%;
	background:rgba(0,0,0,.2);
	line-height:40px;
	width:40px;
	text-align:center;
}
.syn-scope .left-icon {
	overflow:hidden;
	padding:0 20px 0 0;
}
.syn-scope .right-icon {
	overflow:hidden;
	padding:0 0 0 20px;
}
.syn-scope .right-icon i, .syn-scope .left-icon i {
	background:rgba(0,0,0 ,.2);
	line-height:55px;
	text-align:center;
	padding:0 10px;
	margin-right:15px;
}
.syn-scope .right-icon i {
	margin-left:15px;
	margin-right:0;
}
.syn-scope .btn-xl.right-icon i, .syn-scope .btn-xl.left-icon i {
	line-height:68px;
}
.syn-scope .btn-md.right-icon i, .syn-scope .btn-md.left-icon i {
	line-height:40px;
}
.syn-scope .btn-sm.right-icon i, .syn-scope .btn-sm.left-icon i {
	line-height:16px;
}
.syn-scope [class*="btn-icon-"] span {
	display:inline-block;
	position:relative;
	left:0;
}
.syn-scope .btn-xs[class*="btn-icon-" ] i {
	padding:2px 5px;
	font-size:10px;
	line-height:1.2;
}
.syn-scope .btn-sm[class*="btn-icon-"] i {
	line-height:27px;
}
.syn-scope .btn-md[class*="btn-icon-"] i {
	line-height:40px;
}
.syn-scope .btn-lg[class*="btn-icon-"] i {
	line-height:55px;
}
.syn-scope .btn-xl [class*="btn-icon-"] i {
	line-height:70px;
}
.syn-scope .btn-xxl[class*= "btn-icon-"] i {
	line-height:1.5;
}
.syn-scope [class*="btn-icon-"].no-bg i {
	background:transparent;
}
.syn-scope .btn-icon-left i {
	left:-40px;
}
.syn-scope .btn-icon-left:hover i {
	left:0;
}
.syn-scope .btn-icon-left:hover span {
	left:15px;
}
.syn-scope .btn-icon-right i {
	right:-48px;
}
.syn-scope .btn-icon-right:hover i {
	right:-8px;
}
.syn-scope .btn-icon-right:hover span {
	left:-15px;
}
.syn-scope .btn.white {
	color:#fff !important;
}
.syn-scope .btn-blue {
	background-color:#5472d2;
	color:#fff;
}
.syn-scope .btn-blue:hover {
	background-color:#3c5ecc;
	color:#f7f7f7;
}
.syn-scope .btn-blue.btn-outlined, .syn-scope .btn-blue.btn-square_outlined {
	color:#5472d2;
	border-color:#5472d2;
}
.syn-scope .btn-blue.btn-3d {
	-webkit-box-shadow:0 4px 0 #3253bc;
	box-shadow:0 4px 0 #3253bc;
	margin-bottom:5px;
}
.syn-scope .btn-turquoise {
	background-color:#00c1cf;
	color:#fff;
}
.syn-scope .btn-turquoise:hover {
	background-color:#00a4b0;
	color:#f7f7f7;
}
.syn-scope .btn-turquoise.btn-outlined, .syn-scope .btn-turquoise.btn-square_outlined {
	color:#00c1cf;
	border-color:#00c1cf;
}
.syn-scope .btn-turquoise.btn-3d {
	-webkit-box-shadow:0 4px 0 #008d97;
	box-shadow:0 4px 0 #008d97;
	margin-bottom:5px;
}
.syn-scope .btn-pink {
	background-color:#fe6c61;
	color:#fff;
}
.syn-scope .btn-pink:hover {
	background-color:#fe5043;
	color:#f7f7f7;
}
.syn-scope .btn-pink.btn-outlined, .syn-scope .btn-pink.btn-square_outlined {
	color:#fe6c61 !important;
	border-color:#fe6c61;
}
.syn-scope .btn-pink.btn-3d {
	-webkit-box-shadow:0 4px 0 #fe3829;
	box-shadow:0 4px 0 #fe3829;
	margin-bottom:5px;
}
.syn-scope .btn-default.btn-3d {
	margin-bottom:5px;
}
.syn-scope .btn-default.btn-3d:hover {
	-webkit-box-shadow:0 4px 0 #2A2A2A;
	box-shadow:0 4px 0 #2A2A2A;
	color:#fff;
}
.syn-scope .btn-default.btn-outlined {
	background-color:transparent;
}
.syn-scope .btn-violet {
	background-color:#8d6dc4;
	color:#fff;
}
.syn-scope .btn-violet:hover {
	background-color:#7c57bb;
	color:#f7f7f7;
}
.syn-scope .btn-violet.btn-outlined, .syn-scope .btn-violet.btn-square_outlined {
	color:#8d6dc4;
	border-color:#8d6dc4;
}
.syn-scope .btn-violet.btn-3d {
	-webkit-box-shadow:0 4px 0 #6e48b1;
	box-shadow:0 4px 0 #6e48b1;
	margin-bottom:5px;
}
.syn-scope .btn-peacoc {
	background-color:#4cadc9;
	color:#fff;
}
.syn-scope .btn-peacoc:hover {
	background-color:#39a0bd;
	color:#f7f7f7;
}
.syn-scope .btn-peacoc.btn-outlined, .syn-scope .btn-peacoc.btn-square_outlined {
	color:#4cadc9;
	border-color:#1cadc9;
}
.syn-scope .btn-peacoc.btn-3d {
	-webkit-box-shadow:0 4px 0 #338faa;
	box-shadow:0 4px 0 #338faa;
	margin-bottom:5px;
}
.syn-scope .btn-chino {
	background-color:#cec2ab;
	color:#fff;
}
.syn-scope .btn-chino:hover {
	background-color:#c3b498;
	color:#f7f7f7;
}
.syn-scope .btn-chino.btn-outlined, .syn-scope .btn-chino.btn-square_outlined {
	color:#cec2ab;
	border-color:#cec2ab;
}
.syn-scope .btn-chino.btn-3d {
	-webkit-box-shadow:0 4px 0 #b9a888;
	box-shadow:0 4px 0 #b9a888;
	margin-bottom:5px;
}
.syn-scope .btn-mulled_wine {
	background-color:#50485b;
	color:#fff;
}
.syn-scope .btn-mulled_wine:hover {
	background-color:#413a4a;
	color:#f7f7f7;
}
.syn-scope .btn-mulled_wine.btn-outlined, .syn-scope .btn-mulled_wine.btn-square_outlined {
	color:#50485b;
	border-color:#50485b;
}
.syn-scope .btn-mulled_wine.btn-3d {
	-webkit-box-shadow:0 4px 0 #342f3c;
	box-shadow:0 4px 0 #342f3c;
	margin-bottom:5px;
}
.syn-scope .btn-vista_blue {
	background-color:#75d69c;
	color:#fff;
}
.syn-scope .btn-vista_blue:hover {
	background-color:#5dcf8b;
	color:#f7f7f7;
}
.syn-scope .btn-vista_blue.btn-outlined, .syn-scope .btn-vista_blue.btn-square_outlined {
	color:#75d69c !important;
	border-color:#75d69c;
}
.syn-scope .btn-vista_blue.btn-3d {
	-webkit-box-shadow:0 4px 0 #4ac97d;
	box-shadow:0 4px 0 #4ac97d;
	margin-bottom:5px;
}
.syn-scope .btn-black {
	background-color:#2a2a2a;
	color:#fff;
}
.syn-scope .btn-black:hover {
	background-color:#383838;
	color:#f7f7f7;
}
.syn-scope .btn-black.btn-outlined, .syn-scope .btn-black.btn-square_outlined {
	color:#2a2a2a;
	border-color:#2a2a2a;
}
.syn-scope .btn-black.btn-3d {
	-webkit-box-shadow:0 4px 0 #595959;
	box-shadow:0 4px 0 #151515;
	margin-bottom:5px;
}
.syn-scope .btn-grey {
	background-color:#ebebeb;
	text-shadow:none;
}
.syn-scope .btn-grey:hover {
	background-color:#dcdcdc;
	color:#5e5e5e;
}
.syn-scope .btn-grey.btn-outlined, .syn-scope .btn-grey.btn-square_outlined {
	color:#ebebeb;
	border-color:#ebebeb;
}
.syn-scope .btn-grey.btn-3d {
	-webkit-box-shadow:0 4px 0 #cfcfcf;
	box-shadow:0 4px 0 #cfcfcf;
	margin-bottom:5px;
}
.syn-scope .btn-orange {
	background-color:#f7be68;
	color:#fff;
}
.syn-scope .btn-orange:hover {
	background-color:#f5b14b;
	color:#f7f7f7;
}
.syn-scope .btn-orange.btn-outlined, .syn-scope .btn-orange.btn-square_outlined {
	color:#f7be68;
	border-color:#f7be68;
}
.syn-scope .btn-orange.btn-3d {
	-webkit-box-shadow:0 4px 0 #f4a733;
	box-shadow:0 4px 0 #f4a733;
	margin-bottom:5px;
}
.syn-scope .btn-sky {
	background-color:#5aa1e3;
	color:#fff;
}
.syn-scope .btn-sky:hover {
	background-color:#4092df;
	color:#f7f7f7;
}
.syn-scope .btn-sky.btn-outlined, .syn-scope .btn-sky.btn-square_outlined {
	color:#5aa1e3;
	border-color:#5aa1e3;
}
.syn-scope .btn-sky.btn-3d {
	-webkit-box-shadow:0 4px 0 #2a86db;
	box-shadow:0 4px 0 #2a86db;
	margin-bottom:5px;
}
.syn-scope .btn-green {
	background-color:#6dab3c;
	color:#fff;
}
.syn-scope .btn-green:hover {
	background-color:#5f9434;
	color:#f7f7f7;
}
.syn-scope .btn-green.btn-outlined, .syn-scope .btn-green.btn-square_outlined {
	color:#6dab3c;
	border-color:#6dab3c;
}
.syn-scope .btn-green.btn-3d {
	-webkit-box-shadow:0 4px 0 #53812d;
	box-shadow:0 4px 0 #53812d;
	margin-bottom:5px;
}
.syn-scope .btn-juicy_pink {
	background-color:#f4524d;
	color:#fff;
}
.syn-scope .btn-juicy_pink:hover {
	background-color:#f23630;
	color:#f7f7f7;
}
.syn-scope .btn-juicy_pink.btn-outlined, .syn-scope .btn-juicy_pink.btn-square_outlined {
	color:#f4524d;
	border-color:#f4524d;
}
.syn-scope .btn-juicy_pink.btn-3d {
	-webkit-box-shadow:0 4px 0 #f11f18;
	box-shadow:0 4px 0 #f11f18;
	margin-bottom:5px;
}
.syn-scope .btn-sandy_brown {
	background-color:#f79468;
	color:#fff;
}
.syn-scope .btn-sandy_brown:hover {
	background-color:#f57f4b;
	color:#f7f7f7;
}
.syn-scope .btn-sandy_brown.btn-outlined, .syn-scope .btn-sandy_brown.btn-square_outlined {
	color:#f79468;
	border-color:#f79468;
}
.syn-scope .btn-sandy_brown.btn-3d {
	-webkit-box-shadow:0 4px 0 #f46e33;
	box-shadow:0 4px 0 #f46e33;
	margin-bottom:5px;
}
.syn-scope .btn-purple {
	background-color:#b97ebb;
	color:#fff;
}
.syn-scope .btn-purple:hover {
	background-color:#ae6ab0;
	color:#f7f7f7;
}
.syn-scope .btn-purple.btn-outlined, .syn-scope .btn-purple.btn-square_outlined {
	color:#b97ebb;
	border-color:#b97ebb;
}
.syn-scope .btn-purple.btn-3d {
	-webkit-box-shadow:0 4px 0 #a559a8;
	box-shadow:0 4px 0 #a559a8;
	margin-bottom:5px;
}
.syn-scope .btn-white {
	background-color:#fff;
	text-shadow:none;
}
.syn-scope .btn-white:hover {
	background-color:#f0f0f0;
	color:#5e5e5e;
}
.syn-scope .btn-white.btn-outlined, .syn-scope .btn-white.btn-square_outlined {
	color:#fff;
	border-color:#fff;
}
.syn-scope .btn-white.btn-3d {
	-webkit-box-shadow:0 4px 0 #e3e3e3;
	box-shadow:0 4px 0 #e3e3e3;
	margin-bottom:5px;
}
.syn-scope .btn-grace {
	background-color:#aed13b;
	color:#fff;
}
.syn-scope .btn-grace:hover {
	background-color:#9ec02d;
	color:#f7f7f7;
}
.syn-scope .btn-grace.btn-outlined, .syn-scope .btn-grace.btn-square_outlined {
	color:#aed13b;
	border-color:#aed13b;
}
.syn-scope .btn-grace.btn-3d {
	-webkit-box-shadow:0 4px 0 #8dac28;
	box-shadow:0 4px 0 #8dac28;
	margin-bottom:5px;
}
.syn-scope .btn-square, .syn-scope .modal-content {
	border-radius:0px;
}
.syn-scope .btn-shadow {
	border-radius:0px;
}
.syn-scope .btn-round {
	border-radius:25px;
}
.syn-scope .btn-outlined {
	background-color:transparent;
	border:1px solid;
	text-shadow:none !important;
}
.syn-scope label {
	font-weight:bold;
	margin-bottom:5px;
	display:block
}
.syn-scope label.checkbox-lbl, .syn-scope .radio-lbl {
	font-weight:normal;
	overflow:hidden;
	line-height:25px
}
.syn-scope label.radio-lbl {
	font-weight:normal;
	overflow:hidden;
	line-height:20px
}
.syn-scope label.radio-lbl .radio {
	margin:5px 5px 0 0
}
.syn-scope .floated-radios {
	overflow:hidden
}
.syn-scope .floated-item {
	float:left;
	margin: 0 20px 10px 0;
	line-height:26px
}
.syn-scope .checkbox-table {
	display:table;
	width:100%;
	border-collapse:collapse
}
.syn-scope .checkbox-table .clearfix {
	display:table-row
}
.syn-scope .checkbox-table .floated-item {
	float:none;
	display:table-cell;
	padding: 10px;
	font-size: 12px;
}
.syn-scope .checkbox-block {
	line-height:27px
}
.syn-scope .radio {
	width : 20px;
	margin : 0;
	padding : 0;
	font-size : 1em;
	opacity : 0;
	height: 20px;
	float:left
}
.syn-scope .radio + label {
	display : inline-block;
	margin-left: -20px;
	line-height : 1.5em;
	font-weight:normal
}
.syn-scope .radio + label > span {
	display : inline-block;
	width: 15px;
	height: 15px;
	margin : 0 10px 0 0;
	background: #ECECEC;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
	vertical-align : middle;
	cursor:pointer
}
.syn-scope .radio:checked + label > span {
	background: #555;
	cursor:pointer
}
.syn-scope .radio:checked + label > span > span {
	display : block;
	width: 100%;
	height: 100%;
	cursor:pointer;
	margin: 3px;
}
.syn-scope .form-input {
	padding:8px 0
}
.syn-scope select {
	width:100%;
	padding:8px 0 8px 10px
}
.syn-scope .form-control {
	height: auto;

	font-size: 13px;
	border-radius: 0;
}
.syn-scope .small-select {
	width:32%;
	margin:0 5px 0 0
}
.syn-scope input.small-txt {
	width:auto;
	margin-right:3px;
	display:inline-block
}
.syn-scope input[type=file] {
	height:auto;
	padding:12px 15px
}
.syn-scope .captcha-div .sm-txtbox {
	width: 56% !important;
	height: 76px !important;
	font-size: 20px;
	font-weight: 200;
	padding: 0 15px;
	vertical-align: middle;
}
.syn-scope .captcha-div-lft .sm-txtbox {
	width:50%;
	height: 75px !important;
	font-size:20px;
	font-weight:200;
	padding:0 15px;
	vertical-align:middle
}
.syn-scope textarea {
	width:100%;
	height:220px;
	padding:15px
}
.syn-scope .center_contact {
	width:70%;
	margin:auto
}
.syn-scope .center_contact .button-group {
	text-align:center
}
.syn-scope .left-lbl {
	display:inline-block
}
.syn-scope #message {
	display:none
}
.syn-scope #captchaimg {
	margin-right:5px
}
.syn-scope .sub-heading.block {
	width:100% !important
}
.syn-scope .captcha-div {
	display:table;
	margin:10px auto;
	width:50%;
	text-align:center
}
.syn-scope .errCap {
	font-weight:normal;
	color:#f00;
	margin:25px 0 0;
	display:block
}
.syn-scope .cont-success {
	padding: 50px;
}
.syn-scope .cont-success i.success-icon {
	font-size:45px;
	margin-bottom:20px;
}
.syn-scope .cont-success p.congrats {
	font-size:30px;
	text-transform:uppercase;
	font-weight:900
}
.syn-scope .cont-success p.congratsTxt {
	font-size:15px
}
.syn-scope .map-overlay {
	position:absolute;
	width:100%;
	height:100%;
	z-index:0;
	top:0;
	overflow:hidden
}
.syn-scope .conact_center_form {
	position:relative;
	z-index:2;
	max-width:800px;
	margin:auto;
	box-shadow: 0 1px 10px rgba(0,0,0,.15);
	padding:40px 0
}
.syn-scope .conact_center_form .captcha-div {
	width:75%;
}
.syn-scope .side-socials {
	display:table;
	margin:auto
}
.syn-scope .custom-checkbox {
	position: relative;
	display: block;
	height: inherit;
	font-size: 9px;
	text-transform: uppercase;
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	width: 50px;
	height: 26px;
	float:left;
	background-color: #ECECEC;
	border-radius: 0px;
	cursor: pointer;
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.2);
	margin:0 8px 0 0
}
.syn-scope .custom-checkbox:before, .syn-scope .custom-checkbox:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.syn-scope .custom-checkbox.selected:after {
	content: "on";
	left: 7px;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.syn-scope .custom-checkbox.selected:before {
	display:none
}
.syn-scope .custom-checkbox .switcher {
	position: absolute;
	top: 6px;
	left: 5px;
	width: 14px;
	height: 14px;
	background: white;
	border-radius: 0px;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
	background-image: linear-gradient(to bottom, #ffffff 40%, #f0f0f0);
	-webkit-transition: left 0.15s ease-out;
	-moz-transition: left 0.15s ease-out;
	-o-transition: left 0.15s ease-out;
	transition: left 0.15s ease-out;
}
.syn-scope .custom-checkbox.selected .switcher {
	left: 30px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.syn-scope .custom-checkbox:before {
	content: "off";
	right: 7px;
	color: #aaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.syn-scope .custom-checkbox .on, .syn-scope .custom-checkbox .off {
	margin: 0 !important;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	outline: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 32px !important;
	height: 31px !important;
	background-color:transparent !important
}
.syn-scope .custom-checkbox .on {
	right:0
}
.syn-scope .custom-checkbox .checkbox {
	margin: 0 !important;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	outline: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	width: 50px !important;
	height: 30px !important;
	background-color:transparent !important
}
.syn-scope .error {
	border:1px #FFC5C5 solid !important
}
/* =========================================================================
	6.SHORTCODES.
============================================================================ */
/*
------------ Headings ---------- */
/* Desktop Styles */
@media (min-width: 993px) {.syn-scope .head-icon {
				margin-right:15px
			}.syn-scope .label-icon {
				margin-right:8px
			}.syn-scope .section .full-heading {
				margin-top: -100px;
				 margin-bottom: 50px; 
			}.syn-scope .full-heading {
				padding: 30px 0 10px 0;
				text-align:center;
				margin-bottom:50px;
				position:relative;
			}.syn-scope .full-heading:before {
				position: absolute;
				bottom: -30px;
				left: 50%;
				margin-left: -22px;
				width: 40px;
				height: 30px;
				display: inline-block;
				border-bottom-left-radius: 2em;
				border-bottom-right-radius: 2em;
				background-color: #EAEAEA;
				content: "\f078";
				font: normal normal normal 14px/24px FontAwesome;
				color:#999
			}.syn-scope .full-heading-narrow {
				padding:15px 0 5px 0;
				text-align:center;
				margin-bottom:20px;
				position:relative;
			}.syn-scope .full-heading-narrow:before {
				position: absolute;
				bottom: -30px;
				left: 50%;
				margin-left: -22px;
				width: 40px;
				height: 30px;
				display: inline-block;
				border-bottom-left-radius: 2em;
				border-bottom-right-radius: 2em;
				background-color: #EAEAEA;
				content: "\f078";
				font: normal normal normal 14px/24px FontAwesome;
				color:#999
			}.syn-scope .inner-head-narrow {
				margin:0;
					padding-bottom: 0px;
				font-size:25px;
				font-weight:700;
			}.syn-scope .inner-head-narrow-sub {
				margin:0;
					padding-bottom: 10px;
				font-size:25px;
				font-weight:700;
			}.syn-scope .inner-head-narrow-top {
				margin:0;
				padding-top: 0px;
				font-size:35px;
				font-weight:700;
			}.syn-scope .inner-head {
				margin:0;
				padding:0;
				font-size:25px;
				font-weight:700;
				text-transform:uppercase;
			}.syn-scope .sub-title-text2 {
				color: #666666 ;
			}.syn-scope .small-heading {
				font-size:18px;
				color:#5b5151;
				text-transform:uppercase;
				letter-spacing:1px;
				margin:0;
				padding:0;
			}.syn-scope .small-heading-narrow {
				font-size:22px;
				color:white;

				letter-spacing:0px;
				margin:0;
				padding-top:10px;
			}.syn-scope .smaller-heading-narrow {
				font-size:16px;
				color:white;
				letter-spacing:0px;
				margin:0;
				padding-top:10px;
			}.syn-scope .medium-heading-narrow {
				font-size:26px;
				color:white;
				letter-spacing:0px;
				margin:0;
				padding-top:10px;
			}.syn-scope .main-heading.centered {
				text-align:center;
				display:table;
				margin:auto;
			}.syn-scope .main-heading h3 {
				font-size: 30px;
				font-weight:300;
				margin:0 0 5px;
				padding:0;
				line-height:1;
				letter-spacing: -1px;
			}.syn-scope .main-heading .sub-title {
				font-size:35px;
				font-weight:800;
				margin:0 0 5px;
				padding:0;
				line-height:1;
				letter-spacing: -1px;
			}.syn-scope .main-heading .sub-title1 {
				font-size:20px;
				font-weight:800;
				margin:0 0 5px;
				padding:0;
				line-height:1;
				letter-spacing: -1px;
			}.syn-scope .heading-desc, .syn-scope .sub-heading {
				font-size:18px;
				line-height: 26px;
			}.syn-scope .heading-desc.centered {
				display:table;
				margin: 0 auto 50px;
				width: 90%;
				text-align:center;
			}.syn-scope .heading-desc:after {
				display:table;
				content:" ";
				clear:both;
			}.syn-scope .main-heading .heading-separator {
				margin: 15px 0 15px;
				position:relative;
				height:10px;
			}.syn-scope .header-container {
				display: flex; /* Arrange children horizontally */
				align-items: center; /* Vertically align the children */
				 position: relative; /* To control positioning for sliding */
			}.syn-scope .main-heading .heading-separator .main-bg {
				position:absolute;
				left:50%;
				width:14px;
				height:5px;
				top:5px;
				margin-left: -13px;
			}.syn-scope .main-heading .heading-separator .dark-bg {
				position:absolute;
				right:50%;
				width:14px;
				height:5px;
				bottom:5px;
				margin-right: -13px;
			}.syn-scope .main-heading .heading-separator:before, .syn-scope .main-heading .heading-separator:after {
				content:"";
				display:inline-block;
				position:absolute;
				right:0;
				width:50%;
				height:1px;
				bottom:2px;
				margin-right: -2px;
			}.syn-scope .main-heading .heading-separator:before {
				right:auto;
				left:0;
				top:auto;
				top:2px;
				background:#777;
				width:50%;
				margin-left: -2px;
			}.syn-scope .main-heading .heading-separator-bp10 {
				margin: 15px 0 10px;
				position:relative;
				height:10px;
			}.syn-scope .main-heading .heading-separator-bp10 .main-bg {
				position:absolute;
				left:50%;
				width:14px;
				height:5px;
				top:5px;
				margin-left: -13px;
			}.syn-scope .main-heading .heading-separator-bp10 .dark-bg {
				position:absolute;
				right:50%;
				width:14px;
				height:5px;
				bottom:5px;
				margin-right: -13px;
			}.syn-scope .main-heading .heading-separator-bp10:before, .syn-scope .main-heading .heading-separator-bp10:after {
				content:"";
				display:inline-block;
				position:absolute;
				right:0;
				width:50%;
				height:1px;
				bottom:2px;
				margin-right: -2px;
			}.syn-scope .main-heading .heading-separator-bp10:before {
				right:auto;
				left:0;
				top:auto;
				top:2px;
				background:#777;
				width:50%;
				margin-left: -2px;
			}.syn-scope .main-heading.no-desc {
				margin-bottom:30px !important;
			}.syn-scope .heading, .syn-scope .heading [class*="head-"] {
				position:relative;
				line-height:1
			}.syn-scope .head-angle {
				display:table;
				position:relative;
				height:60px;
				line-height:60px !important;
				padding: 0 20px;
				white-space:nowrap;
			}.syn-scope .heading i.tbl {
				display:table;
				margin:0 auto 10px;
				font-size:16px;
				float:none
			}.syn-scope .heading i {
				/* margin: -3px 15px 0 0; */
				vertical-align:middle;
				font-size:70%
			}.syn-scope .heading .top-bord {
				position:relative;
				top:-5px;
				height:3px;
				width:40px;
			}.syn-scope .heading.centered {
				display:table;
				margin:auto;
				text-align:center;
			}.syn-scope .heading.centered [class*="head-"] {
				display:table;
				margin:auto;
				position:relative;
				margin-bottom:30px;
				padding-bottom:20px
				
			}.syn-scope .heading [class*= "head-"] h3 {
				font-size: 35px;
				font-weight: 300;
				padding: 0;
				line-height: 1;
				letter-spacing: -1.5px;
				margin:0
			}.syn-scope .heading [class*= "head-"] h4 {
				font-size:35px;
				font-weight:800;
				letter-spacing:-1px;
				line-height:1;
				margin:0
			}.syn-scope .side-head [class*="head-"] h3, .syn-scope .side-head [class*="head-"] h4 {
				font-size:30px
			}.syn-scope .heading-full {
				text-align:center;
			}.syn-scope .heading-full:before {
				position:absolute;
				height:30px;
				background:#f5f5f5;
				display:inline-block;
				content:"";
				width:100%;
				left:0;
				top:5px;
				z-index:5;
			}.syn-scope .heading-full [class*="head-"] {
				padding:0 50px;
				background:#fff;
				z-index:6;
				display:table;
				margin:auto;
			}.syn-scope .heading-full [class*= "head-"]:before, .syn-scope .heading-full [class*="head-"]:after {
				position:absolute;
				top:5px;
				height:30px;
				width:10px;
				display:inline-block;
				content:"";
				left:0;
			}.syn-scope .heading-full [class*="head-"]:after {
				left:auto;
				right:0;
			}.syn-scope .sub-heading-auto {
				width:70%;
				display:table;
				margin:0 auto 30px;
				font-size:16px;
			}.syn-scope .heading.centered p.sub-heading {
				display:table;
				margin-right:auto;
				margin-left:auto;
				width:60%;
				font-size:16px;
				line-height:23px;
			}.syn-scope .heading-full-color {
				text-align:center;
				margin:0;
				padding:30px 0;
				position:relative;
			}.syn-scope .heading-full-color p.sub-heading {
				display:table;
				margin-top:20px;
				margin-right:auto;
				margin-left:auto;
				width:45%;
				font-size:15px;
				line-height:23px;
			}.syn-scope .heading-full-color [class*="head-"] {
				margin-bottom:0;
				padding-bottom:0;
			}.syn-scope .heading-full-color .tri-angle-down {
				position:absolute;
				left:50%;
				margin-left:-20px;
				bottom:-20px;
				width:0;
				height:0;
				border-style:solid;
				border-width:20px 20px 0 20px;
				z-index:9;
			}.syn-scope .head-1:after, .syn-scope .head-1:before {
				position:absolute;
				bottom:7px;
				left:0;
				width:42%;
				height:1px;
				content:"";
			}.syn-scope .head-1:before {
				right:0;
				left:auto;
			}.syn-scope .head-1 b {
				position:absolute;
				bottom:-10px;
				left:50%;
				width:25px;
				height:25px;
				margin-left:-12.5px;
				font-size:14px;
			}.syn-scope .head-2:after, .syn-scope .head-2:before {
				position:absolute;
				bottom:0;
				left:-15px;
				width:52%;
				height:1px;
				content:"";
			}.syn-scope .head-2:before {
				right:-15px;
				left:auto;
			}.syn-scope .head-2 b {
				position:absolute;
				bottom:-15px;
				left:50%;
				width:25px;
				height:25px;
				margin-left:-7px;
				font-size:11px;
			}.syn-scope .head-2 b.rit {
				position:absolute;
				bottom:-24px;
				right:50%;
				left:auto;
				width:25px;
				height:25px;
				margin-right:-5px;
				margin-left:0;
				font-size:11px;
			}.syn-scope .head-3:after, .syn-scope .head-3:before {
				position:absolute;
				bottom:0;
				left:0;
				width:48%;
				height:3px;
				content:"";
				margin-left:-15px;
			}.syn-scope .head-3:before {
				right:0;
				left:auto;
				margin-right:-15px;
				margin-left:0;
			}.syn-scope .head-3 b {
				position:absolute;
				bottom:-2px;
				left:50%;
				width:16px;
				height:8px;
				margin-left:-8px;
			}.syn-scope .head-3 b:before {
				content:"";
				position:absolute;
				top:-4px;
				left:0;
				width:0;
				height:0;
				border-left:8px solid transparent;
				border-right:8px solid transparent;
				border-bottom-width:4px;
				border-bottom-style:solid;
			}.syn-scope .head-3 b:after {
				content:"";
				position:absolute;
				bottom:-4px;
				left:0;
				width:0;
				height:0;
				border-left:8px solid transparent;
				border-right:8px solid transparent;
				border-top-width:4px;
				border-top-style:solid;
			}.syn-scope .head-4:after {
				position:absolute;
				bottom: 0;
				left:0;
				width:30px;
				height:3px;
				content:"";
			}.syn-scope .heading.centered .head-4:after {
				left:50%;
				margin-left:-15px;
			}.syn-scope .head-5 {
				margin-bottom:30px
			}.syn-scope .head-5 p.sub-heading, .syn-scope .head-6 p.sub-heading, .syn-scope .head-7 p.sub-heading, .syn-scope .head-8 p.sub-heading {
				margin:15px 0 0;
				width:85%;
				font-size:15px;
				line-height:23px;
			}.syn-scope .heading.lf-heading p.sub-heading {
				margin:15px 0 0;
				width:auto;
				font-size:15px;
				line-height:23px;
				text-align:left;
			}.syn-scope .heading.lf-heading [class*="head-"] {
				line-height:1.2;
				margin:0 0 30px;
				position:relative;
			}.syn-scope .heading.lf-heading [class*="head-"]:after {
				left:0;
				bottom:0;
			}.syn-scope .head-5 p.sub-heading {
				margin:15px 40px 0;
			}.syn-scope .head-5:after, .syn-scope .head-5:before {
				position:absolute;
				bottom:0;
				left: 0;
				width: 16.3%;
				height:1px;
				content:"";
				bottom:-10px;
			}.syn-scope .head-5:before {
				left: 16.5%;
				width: 83.5%;
			}.syn-scope .head-6 {
				padding-bottom:20px;
				margin-bottom:30px
			}.syn-scope .head-6 *, .syn-scope .head-7 * {
				margin-bottom:0
			}.syn-scope .head-6:after {
				position:absolute;
				bottom:0;
				left:0;
				width:60px;
				height:1px;
				content:"";
				bottom:-1px;
			}.syn-scope .head-7 {
				border-width:0 !important;
				border-bottom-width:1px !important;
				margin-bottom:30px
			}.syn-scope .head-7 span {
				padding:7px 15px;
				display: inline-block;
				margin-bottom: 1px;
			}.syn-scope .head-7 span i {
				float:none
			}.syn-scope .head-8 {
				padding-left:20px;
				margin-bottom:30px;
			}.syn-scope .head-8:before {
				width:8px;
				height:80%;
				left:0;
				top:10%;
				content:"";
				display:inline-block;
				position:absolute;
			}.syn-scope .sub-head [class*="head-"] {
				padding-bottom: 20px;
				margin-bottom: 40px;
			}.syn-scope .sub-head [class*="head-"] {
				padding-bottom: 20px;
				margin-bottom: 40px;
			}



}

/*
------------ Headings ---------- */
/* Mobile Styles and tablet styles*/

@media (max-width: 992px) {.syn-scope .head-icon {
					margin-right:15px
				}.syn-scope .label-icon {
					margin-right:8px
				}.syn-scope .section .full-heading {
					margin-top: -100px;
					margin-bottom: 50px;


				}.syn-scope .full-heading {
					padding:10px 0px 5px 0px;
					text-align:center;
					margin-bottom:50px;
					position:relative;
				}.syn-scope .full-heading:before {
					position: absolute;
					bottom: -30px;
					left: 50%;
					margin-left: -22px;
					width: 40px;
					height: 30px;
					display: inline-block;
					border-bottom-left-radius: 2em;
					border-bottom-right-radius: 2em;
					background-color: #EAEAEA;
					content: "\f078";
					font: normal normal normal 14px/24px FontAwesome;
					color:#999
				}.syn-scope .full-heading-narrow {
					padding:15px 0 5px 0;
					text-align:center;
					margin-bottom:20px;
					position:relative;
				}.syn-scope .full-heading-narrow:before {
					position: absolute;
					bottom: -30px;
					left: 50%;
					margin-left: -22px;
					width: 40px;
					height: 30px;
					display: inline-block;
					border-bottom-left-radius: 2em;
					border-bottom-right-radius: 2em;
					background-color: #EAEAEA;
					content: "\f078";
					font: normal normal normal 14px/24px FontAwesome;
					color:#999
				}.syn-scope .inner-head-narrow {
					margin:0;
						padding-bottom: 0px;
					font-size:35px;
					font-weight:700;
				}.syn-scope .inner-head-narrow-sub {
					margin:0;
						padding-bottom: 10px;
					font-size:25px;
					font-weight:700;
				}.syn-scope .inner-head-narrow-top {
					margin:0;
					padding-top: 0px;
					font-size:25px;
					font-weight:700;
				}.syn-scope .inner-head {
					margin:0;
					padding:0;
					font-size:20px;
					font-weight:700;
					text-transform:uppercase;
				}.syn-scope .sub-title-text2 {
					color: #666666 ;
				}.syn-scope .small-heading {
					font-size:15px;
					color:#5b5151;
					text-transform:uppercase;
					letter-spacing:0px;
					margin:0;
					padding:0;
				}.syn-scope .small-heading-narrow {
					font-size:19px;
					color:white;

					letter-spacing:0px;
					margin:0;
					padding-top:10px;
				}.syn-scope .smaller-heading-narrow {
					font-size:16px;
					color:white;
					letter-spacing:0px;
					margin:0;
					padding-top:10px;
				}.syn-scope .medium-heading-narrow {
					font-size:26px;
					color:white;
					letter-spacing:0px;
					margin:0;
					padding-top:10px;
				}.syn-scope .main-heading.centered {
					text-align:center;
					display:table;
					margin:auto;
				}.syn-scope .main-heading h3 {
					font-size: 30px;
					font-weight:300;
					margin:0 0 5px;
					padding:0;
					line-height:1;
					letter-spacing: -1px;
				}.syn-scope .main-heading .sub-title {
					font-size:35px;
					font-weight:800;
					margin:0 0 5px;
					padding:0;
					line-height:1;
					letter-spacing: -1px;
				}.syn-scope .main-heading .sub-title1 {
				font-size:18px;
				font-weight:800;
				margin:0 0 5px;
				padding:0;
				line-height:1;
				letter-spacing: -1px;
			}.syn-scope .heading-desc, .syn-scope .sub-heading {
					font-size:18px;
					line-height: 26px;
				}.syn-scope .heading-desc.centered {
					display:table;
					margin: 0 auto 50px;
					width: 90%;
					text-align:center;
				}.syn-scope .heading-desc:after {
					display:table;
					content:" ";
					clear:both;
				}.syn-scope .main-heading .heading-separator {
					margin: 15px 0 15px;
					position:relative;
					height:10px;
				}.syn-scope .header-container {
					display: flex; /* Arrange children horizontally */
					align-items: center; /* Vertically align the children */
					 position: relative; /* To control positioning for sliding */
				}.syn-scope .main-heading .heading-separator .main-bg {
					position:absolute;
					left:50%;
					width:14px;
					height:5px;
					top:5px;
					margin-left: -13px;
				}.syn-scope .main-heading .heading-separator .dark-bg {
					position:absolute;
					right:50%;
					width:14px;
					height:5px;
					bottom:5px;
					margin-right: -13px;
				}.syn-scope .main-heading .heading-separator:before, .syn-scope .main-heading .heading-separator:after {
					content:"";
					display:inline-block;
					position:absolute;
					right:0;
					width:50%;
					height:1px;
					bottom:2px;
					margin-right: -2px;
				}.syn-scope .main-heading .heading-separator:before {
					right:auto;
					left:0;
					top:auto;
					top:2px;
					background:#777;
					width:50%;
					margin-left: -2px;
				}.syn-scope .main-heading .heading-separator-bp10 {
					margin: 15px 0 10px;
					position:relative;
					height:10px;
				}.syn-scope .main-heading .heading-separator-bp10 .main-bg {
					position:absolute;
					left:50%;
					width:14px;
					height:5px;
					top:5px;
					margin-left: -13px;
				}.syn-scope .main-heading .heading-separator-bp10 .dark-bg {
					position:absolute;
					right:50%;
					width:14px;
					height:5px;
					bottom:5px;
					margin-right: -13px;
				}.syn-scope .main-heading .heading-separator-bp10:before, .syn-scope .main-heading .heading-separator-bp10:after {
					content:"";
					display:inline-block;
					position:absolute;
					right:0;
					width:50%;
					height:1px;
					bottom:2px;
					margin-right: -2px;
				}.syn-scope .main-heading .heading-separator-bp10:before {
					right:auto;
					left:0;
					top:auto;
					top:2px;
					background:#777;
					width:50%;
					margin-left: -2px;
				}.syn-scope .main-heading.no-desc {
					margin-bottom:30px !important;
				}.syn-scope .heading, .syn-scope .heading [class*="head-"] {
					position:relative;
					line-height:1
				}.syn-scope .head-angle {
					display:table;
					position:relative;
					height:60px;
					line-height:60px !important;
					padding: 0 20px;
					white-space:nowrap;
				}.syn-scope .heading i.tbl {
					display:table;
					margin:0 auto 10px;
					font-size:16px;
					float:none
				}.syn-scope .heading i {
					 /* margin: -3px 15px 0 0; */
					vertical-align:middle;
					font-size:70%
				}.syn-scope .heading .top-bord {
					position:relative;
					top:-5px;
					height:3px;
					width:40px;
				}.syn-scope .heading.centered {
					display:table;
					margin:auto;
					text-align:center;
				}.syn-scope .heading.centered [class*="head-"] {
					display:table;
					margin:auto;
					position:relative;
					margin-bottom:30px;
					padding-bottom:20px
					
				}.syn-scope .heading [class*= "head-"] h3 {
					font-size: 35px;
					font-weight: 300;
					padding: 0;
					line-height: 1;
					letter-spacing: -1.5px;
					margin:0
				}.syn-scope .heading [class*= "head-"] h4 {
					font-size:35px;
					font-weight:800;
					letter-spacing:-1px;
					line-height:1;
					margin:0
				}.syn-scope .side-head [class*="head-"] h3, .syn-scope .side-head [class*="head-"] h4 {
					font-size:30px
				}.syn-scope .heading-full {
					text-align:center;
				}.syn-scope .heading-full:before {
					position:absolute;
					height:30px;
					background:#f5f5f5;
					display:inline-block;
					content:"";
					width:100%;
					left:0;
					top:5px;
					z-index:5;
				}.syn-scope .heading-full [class*="head-"] {
					padding:0 50px;
					background:#fff;
					z-index:6;
					display:table;
					margin:auto;
				}.syn-scope .heading-full [class*= "head-"]:before, .syn-scope .heading-full [class*="head-"]:after {
					position:absolute;
					top:5px;
					height:30px;
					width:10px;
					display:inline-block;
					content:"";
					left:0;
				}.syn-scope .heading-full [class*="head-"]:after {
					left:auto;
					right:0;
				}.syn-scope .sub-heading-auto {
					width:70%;
					display:table;
					margin:0 auto 30px;
					font-size:16px;
				}.syn-scope .heading.centered p.sub-heading {
					display:table;
					margin-right:auto;
					margin-left:auto;
					width:60%;
					font-size:16px;
					line-height:23px;
				}.syn-scope .heading-full-color {
					text-align:center;
					margin:0;
					padding:30px 0;
					position:relative;
				}.syn-scope .heading-full-color p.sub-heading {
					display:table;
					margin-top:20px;
					margin-right:auto;
					margin-left:auto;
					width:45%;
					font-size:15px;
					line-height:23px;
				}.syn-scope .heading-full-color [class*="head-"] {
					margin-bottom:0;
					padding-bottom:0;
				}.syn-scope .heading-full-color .tri-angle-down {
					position:absolute;
					left:50%;
					margin-left:-20px;
					bottom:-20px;
					width:0;
					height:0;
					border-style:solid;
					border-width:20px 20px 0 20px;
					z-index:9;
				}.syn-scope .head-1:after, .syn-scope .head-1:before {
					position:absolute;
					bottom:7px;
					left:0;
					width:42%;
					height:1px;
					content:"";
				}.syn-scope .head-1:before {
					right:0;
					left:auto;
				}.syn-scope .head-1 b {
					position:absolute;
					bottom:-10px;
					left:50%;
					width:25px;
					height:25px;
					margin-left:-12.5px;
					font-size:14px;
				}.syn-scope .head-2:after, .syn-scope .head-2:before {
					position:absolute;
					bottom:0;
					left:-15px;
					width:52%;
					height:1px;
					content:"";
				}.syn-scope .head-2:before {
					right:-15px;
					left:auto;
				}.syn-scope .head-2 b {
					position:absolute;
					bottom:-15px;
					left:50%;
					width:25px;
					height:25px;
					margin-left:-7px;
					font-size:11px;
				}.syn-scope .head-2 b.rit {
					position:absolute;
					bottom:-24px;
					right:50%;
					left:auto;
					width:25px;
					height:25px;
					margin-right:-5px;
					margin-left:0;
					font-size:11px;
				}.syn-scope .head-3:after, .syn-scope .head-3:before {
					position:absolute;
					bottom:0;
					left:0;
					width:48%;
					height:3px;
					content:"";
					margin-left:-15px;
				}.syn-scope .head-3:before {
					right:0;
					left:auto;
					margin-right:-15px;
					margin-left:0;
				}.syn-scope .head-3 b {
					position:absolute;
					bottom:-2px;
					left:50%;
					width:16px;
					height:8px;
					margin-left:-8px;
				}.syn-scope .head-3 b:before {
					content:"";
					position:absolute;
					top:-4px;
					left:0;
					width:0;
					height:0;
					border-left:8px solid transparent;
					border-right:8px solid transparent;
					border-bottom-width:4px;
					border-bottom-style:solid;
				}.syn-scope .head-3 b:after {
					content:"";
					position:absolute;
					bottom:-4px;
					left:0;
					width:0;
					height:0;
					border-left:8px solid transparent;
					border-right:8px solid transparent;
					border-top-width:4px;
					border-top-style:solid;
				}.syn-scope .head-4:after {
					position:absolute;
					bottom: 0;
					left:0;
					width:30px;
					height:3px;
					content:"";
				}.syn-scope .heading.centered .head-4:after {
					left:50%;
					margin-left:-15px;
				}.syn-scope .head-5 {
					margin-bottom:30px
				}.syn-scope .head-5 p.sub-heading, .syn-scope .head-6 p.sub-heading, .syn-scope .head-7 p.sub-heading, .syn-scope .head-8 p.sub-heading {
					margin:15px 0 0;
					width:85%;
					font-size:15px;
					line-height:23px;
				}.syn-scope .heading.lf-heading p.sub-heading {
					margin:15px 0 0;
					width:auto;
					font-size:15px;
					line-height:23px;
					text-align:left;
				}.syn-scope .heading.lf-heading [class*="head-"] {
					line-height:1.2;
					margin:0 0 30px;
					position:relative;
				}.syn-scope .heading.lf-heading [class*="head-"]:after {
					left:0;
					bottom:0;
				}.syn-scope .head-5 p.sub-heading {
					margin:15px 40px 0;
				}.syn-scope .head-5:after, .syn-scope .head-5:before {
					position:absolute;
					bottom:0;
					left: 0;
					width: 16.3%;
					height:1px;
					content:"";
					bottom:-10px;
				}.syn-scope .head-5:before {
					left: 16.5%;
					width: 83.5%;
				}.syn-scope .head-6 {
					padding-bottom:20px;
					margin-bottom:30px
				}.syn-scope .head-6 *, .syn-scope .head-7 * {
					margin-bottom:0
				}.syn-scope .head-6:after {
					position:absolute;
					bottom:0;
					left:0;
					width:60px;
					height:1px;
					content:"";
					bottom:-1px;
				}.syn-scope .head-7 {
					border-width:0 !important;
					border-bottom-width:1px !important;
					margin-bottom:30px
				}.syn-scope .head-7 span {
					padding:7px 15px;
					display: inline-block;
					margin-bottom: 1px;
				}.syn-scope .head-7 span i {
					float:none
				}.syn-scope .head-8 {
					padding-left:20px;
					margin-bottom:30px;

				}.syn-scope .head-8:before {
					width:8px;
					height:80%;
					left:0;
					top:10%;
					content:"";
					display:inline-block;
					position:absolute;
				}.syn-scope .sub-head [class*="head-"] {
					padding-bottom: 20px;
					margin-bottom: 40px;
				}.syn-scope .head-9 {
					padding-left:20px;


				}.syn-scope .head-9:before {
					width:8px;
					height:80%;
					left:0;
					top:10%;
					content:"";
					display:inline-block;
					position:absolute;
				}


}







/*
---------- 6.2. Dividers --------------- */
.syn-scope .divider {
	position:relative;
	width:100%;
}
.syn-scope .divider i {
	font-size:15px;
}
.syn-scope .divider.centered {
	text-align:center;
}
.syn-scope .divider.centered.short {
	display:table;
	width:50%;
}
.syn-scope .divider.centered:before, .syn-scope .divider.centered:after {
	position:absolute;
	top:50%;
	left:0;
	width:48%;
	height:1px;
	margin-top:-0.5px;
	content:"";
}
.syn-scope .divider.centered.short:before, .syn-scope .divider.centered.short:after {
	width:45%;
}
.syn-scope .divider.centered:after {
	left:auto;
	right:0;
}
.syn-scope .divider.bg i {
	border-radius:50%;
	width:45px;
	height:45px;
	line-height:45px;
	text-align:center;
}
.syn-scope .divider.bordered i {
	border-radius:50%;
	width:45px;
	height:45px;
	line-height:45px;
	text-align:center ;
}
.syn-scope .divider.lft:before {
	position:absolute;
	top:50%;
	left:0;
	width:96%;
	height:1px;
	margin-top:-0.5px;
	content:"";
	margin-left:20px;
}
.syn-scope .divider.lft.short:before {
	width:45%;
}
.syn-scope .divider.lft.bg:before, .syn-scope .divider.lft.bordered:before {
	margin-left:45px;
}
.syn-scope .divider.rit {
	text-align:right;
}
.syn-scope .divider.rit:before {
	position:absolute;
	top:50%;
	right:0;
	width:96%;
	height:1px;
	margin-top:-0.5px;
	content:"";
	margin-right:20px;
}
.syn-scope .divider.lft.short:before {
	width:45%;
}
.syn-scope .divider.rit.bg:before, .syn-scope .divider.rit.bordered:before {
	margin-right:45px;
}
.syn-scope .divider .two i {
	position:relative;
	left:13px;
}
.syn-scope .divider i.flipped {
	transform:rotate(180deg);
	position:relative;
	top:1px;
	left:-5px !important;
}
.syn-scope .divider i.to-top {
	font-size:18px;
	cursor:pointer;
}
/*
---------- 6.3. Icon Boxes ------------ */
/* icons style 1 */
.syn-scope .icons-style-1 i {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 84px;
	line-height: .7;
	opacity: .08;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.syn-scope .icons-style-1 .heading {
	font-size:17px;
	margin:0 0 20px;
	padding:0
}
.syn-scope .icons-style-1:hover i.animat-icon {
	right: 15px;
	font-size: 60px;
	line-height: 1;
	opacity: .3;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.syn-scope .icons-style-1, .syn-scope .icons-style-2 {
	margin-bottom:20px;
	position:relative;
	z-index:99999
}
.syn-scope .icons-style-2 i {
	font-size:35px;
	margin-bottom:10px;
	border-bottom-style:solid;
	border-bottom-width:3px;
	padding-bottom:10px;
	display:inline-block;
}
.syn-scope .icons-style-2 .heading {
	padding-bottom:10px;
	margin-bottom:10px;
}



.syn-scope .tri-line {
	position: absolute;
	width:50px;
	height:30px;
	border-width:1px 1px 0 0;
	border-style:solid solid none none;
	display:block;
	top: 63px;
	right: -52px;
}


.syn-scope .tri-line:before {
	position: absolute;
	width:70px;
	height:1px;
	display:inline-block;
	bottom: 0;
	right: -70px;
	content:"";
	z-index:9999
}
.syn-scope .tri-line.left {
	border-width:1px 0 0 1px;
	border-style:solid none none solid;
	left: -53px;
	right:auto
}
.syn-scope .tri-line.left:before {
	left: -70px;
	right:auto
}
.syn-scope .tri-line.bottom-tri {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	top:34px
}
.syn-scope .block-icon {
	display:table;
	margin:0 auto 40px ;
}
.syn-scope .icon-box i, .syn-scope .icon-box h3 {
	position:relative;
	z-index:1;
}
.syn-scope .lg-icon i {
	width:90px;
	height: 90px;
	text-align:center;
	line-height: 90px;
	font-size:23px;
}
.syn-scope a.sm-icon {
	width: 25px !important;
	height: 25px !important;
	line-height: 25px !important;
}
.syn-scope a.sm-icon:before, .syn-scope a.sm-icon:after {
	font-size:12px !important;
}
.syn-scope a.lg-icon {
	width: 60px !important;
	height: 60px !important;
	line-height: 60px !important;
}
.syn-scope a.xl-icon {
	width: 80px !important;
	height: 80px !important;
	line-height: 80px !important;
}
.syn-scope a.lg-icon:before, .syn-scope a.lg-icon:after {
	font-size:23px !important;
}
.syn-scope a.xl-icon:before, .syn-scope a.xl-icon:after {
	font-size:33px !important;
}
.syn-scope .img-icon {
	margin:0 auto 20px;
	border-radius:50%;
	width:170px;
	height:170px;
	border-style:solid;
	border-width:3px;
	overflow:hidden;
	-webkit-transform:translateZ(0);
	-webkit-mask-image:-webkit-radial-gradient(circle, white 100% , black 100%);
}
.syn-scope .img-icon img {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	border-radius:50%;
}
.syn-scope .icon-box:hover .img-icon img {
	transform:scale( 1.5);
	-webkit-transform:scale( 1.5);
	-moz-transform:scale(1.5);
	-ms-transform:scale(1.5);
}
.syn-scope .md-icon i {
	width: 60px;
	height: 60px;
	text-align:center;
	line-height: 60px;
	font-size: 20px;
}
.syn-scope .lg-icon.re ct-shadow i {
	-webkit-transition:box-shadow 0.3s ease-in-out 0s;
	-moz-transition:box-shadow 0.3s ease-in-out 0s;
	-o-transition:box-shadow 0.3s ease-in-out 0s;
	-ms-transition:box-shadow 0.3s ease-in-out 0s;
	transition:box-shadow 0.3s ease-in-out 0s;
}
.syn-scope .icon-box h3 {
	font-size:16px;
	line-height: 1;
	margin-bottom: 20px;
}
.syn-scope .lg-icon.diamon d i {
	width:80px;
	height:80px;
	line-height:80px;
}
.syn-scope .outlined.circle i, .syn-scope .filled.circle i {
	border-radius:50%;
}
.syn-scope .box-1 .outlined i {
	background:transparent;
	position:relative
}
.syn-scope .box-1 .outlined i:after {
	content:"";
	width:96%;
	height:96%;
	display:inline-block;
	position:absolute;
	top:2%;
	left:2%;
	z-index:-1;
	-webkit-transform:scale(1.6);
	-moz-transform:scale(1.6);
	-ms-transform:scale(1.6);
	transform:scale(1.6);
	opacity:0;
	-webkit-transition:all 0.4s, opacity 0.7s;
	-moz-transition:transform 0.4s, opacity 0.7s;
	transition:transform 0.4s, opacity 0.7s;
}
.syn-scope .box-1 .filled i:after {
	position:absolute;
	width:100%;
	height:100%;
	content:'';
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
.syn-scope .box-1 .filled.circle i:after, .syn-scope .box-1 .outlined.circle i:after {
	border-radius:50%;
}
.syn-scope .box-1 .filled i:after {
	top:-2px;
	left:-2px;
	padding:2px;
	opacity:0;
	-webkit-transition:-webkit-transform 0.4s, opacity 0.5s;
	-moz-transition:-moz-transform 0.4s, opacity 0.5s;
	transition:transform 0.4s, opacity 0.5s;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	transform:scale(.8);
}
.syn-scope .box-1:hover .filled i:after {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
.syn-scope .box-1 .filled.eff-2 i:after {
	-webkit-transform:scale(1.8);
	-moz-transform:scale(1.8);
	-ms-transform:scale(1.8);
	transform:scale(1.8);
}
.syn-scope .box-1:hover .filled.eff-2 i:after {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
.syn-scope .box-1:hover .outlined i:after {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale( 1);
	opacity:1;
}
.syn-scope .box-1 .transparent i {
	background:transparent;
	font-size:60px;
	height:60px;
	line-height:60px;
	margin-top: 40px;
}
.syn-scope .box-1.bordered {
	border:1px transparent solid;
	display:table;
	overflow:hidden;
	position:relative;
	padding:0 15px;
	width:100%
}
.syn-scope .box-1.bordered:before, .syn-scope .box-1.bordered:after {
	right:0;
	bottom:0;
	content:"";
	position:absolute;
	display:inline-block;
}
.syn-scope .box-1.bordered:before {
	width:100%;
	height:1px;
	left:1px;
	transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
}
.syn-scope .box-1.bordered:after {
	width:1px;
	height:100%;
	transform:translateY(100%);
	-webkit-transform:translateY(100%);
}
.syn-scope .box-1 .bordered .inner {
	display:block;
	padding:20px;
	position:relative;
}
.syn-scope .box-1.bordered .i nner p {
	margin-bottom:0;
}
.syn-scope .box-1.bordered .inner:before, .syn-scope .box-1.bordered .inner:after {
	left:0;
	top:0;
	content:"";
	display:inline-block;
	position:absolute;
}
.syn-scope .box-1.bordered .inner:before {
	width:100%;
	height:1px;
	transform:translateX(100%);
	-webkit-transform:translateX(100%);
	left:1px
}
.syn-scope .box-1.bordered .inner:after {
	width:1px;
	height:100%;
	left:1px;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
}
.syn-scope .box-1.bordered:hover:before, .syn-scope .box-1.bordered:hover:after, .syn-scope .box-1.bordered:hover .inner:before, .syn-scope .box-1.bordered:hover .inner:after {
	transform:translate(0 , 0);
	-webkit-transform:translate(0 , 0);
}
.syn-scope .icon-box.gry-border-1 {
	padding:15px 10px;
}
.syn-scope .icon-box.gry-border-1 .block-icon {
	margin: 30px auto 40px;
}
.syn-scope .icon-box h3.bottom_half_border {
	position:relative;
	padding-bottom:20px;
}
.syn-scope .icon-box h3.bottom_half_border:after {
	position:absolute;
	display:inline-block;
	content:"";
	height:1px;
	width:25%;
	margin-left:-12%;
	bottom:0px;
	left:50%;
	text-decoration:none;
}
.syn-scope .icon-box.gry-border-1:hover i {
	text-shadow:none;
}
.syn-scope .icon-box:hover h3.bottom_half_border:after {
	width:80%;
	margin-left:-40%;
	left:50%;
}
.syn-scope .icon-box.gry-border-2 {
	padding:1px;
}
.syn-scope .icon-box.gry-border-2 .head-bg {
	padding:25px 0;
}
.syn-scope .icon-box.gry-border-2 .block-icon {
	font-size:35px;
	margin:30px auto;
}
.syn-scope .icon-box.gry-border-2 .icon-desc {
	padding:0 20px;
}
.syn-scope .icons-style-2 i {
	font-size:35px;
	margin-bottom:10px;
	border-bottom-style:solid;
	border-bottom-width:3px;
	padding-bottom:10px;
	display:inline-block;
}
.syn-scope .icons-style-2 .heading {
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
	padding-bottom:10px;
}
.syn-scope .icon-box-small i {
	float:left;
	margin-right:18px;
	font-size:20px;
	line-height:1.6;
	font-style:normal;
}
.syn-scope .icon-box-small i.md-icon {
	width: 40px;
	height: 40px;
	line-height: 40px !important;
	margin-right:0;
	font-size:12px;
}
.syn-scope .left-icons .icon-box-small i {
	float:right;
	margin-right:0;
	margin-left:18px;
}
.syn-scope .left-icons .icon-box-small .icon-sm-desc {
	margin-left:0;
	margin-right:70px;
	text-align:right;
}
.syn-scope .icon-box-small h3, .syn-scope .icon-box-small h4 {
	font-size: 16px;
	margin-bottom:15px;
	line-height:1.6;
}
.syn-scope .icon-box-small .icon-sm-desc.md-desc {
	margin-left: 55px;
	margin-bottom: 50px;
}
.syn-scope .icon-box-small:last-child .icon-sm-desc.md-desc {
	margin-bottom:0
}
.syn-scope .icon-box-small .icon-sm-desc.md-desc h3, .syn-scope .icon-box-small .icon-sm-desc.md-desc h4 {
	margin-bottom: 10px;
	line-height:1
}
.syn-scope .icon-box-small i {
	position:relative;
	text-align:center;
}
.syn-scope .icon-box-small:hover i.filled:before {
	color:#fff
}
.syn-scope .icon-box-small i:before, .syn-scope .icon-box-small i span {
	z-index:1;
	position:relative
}
.syn-scope .icon-box-small i:after {
	background:#99C73A;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	display:inline-block;
	-webkit-transform: scale(1.7);
	-moz-transform: scale(1.7);
	-ms-transform: scale(1.7);
	transform: scale(1.7);
	opacity: 0;
	z-index:0;
}
.syn-scope .no-after:after {
	display:none !important
}
.syn-scope .icon-box-small i.circle:after {
	border-radius:50%
}
.syn-scope .icon-box-small i.border3px:after {
	border-radius:3px;
}
.syn-scope .icon-box-small:hover i:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.syn-scope .icon-box-small .icon-sm-desc h3 {
	margin-bottom:5px;
}
.syn-scope .icon-box-small p {
	margin-bottom:0;
}
.syn-scope .icon-box-small .filled, .syn-scope .icon-box-small .outlined {
	width:50px;
	height:50px;
	line-height: 50px;
	text-align:center;
}
.syn-scope .lg-box {
	padding:40px;
	text-align:center;
	border:1px transparent solid;
}
.syn-scope .lg-box i {
	font-size:25px;
	margin-bottom:30px;
}
.syn-scope .lg-box h4 {
	font-size:17px;
	margin-bottom:15px;
	font-weight:bold;
}
/*
------------ 6.4. Tabs ------------ */
.syn-scope .tab-content .tab-pane {
	padding:20px 0;
	overflow:hidden;
}
.syn-scope .tabs-style-default .tab-content .tab-pane {
	padding:20px;
	background:#fff
}
.syn-scope .tab-content.main-bg .tab-pane {
	padding:20px;
}
.syn-scope .nav-tabs>li>a i {
	margin-right:10px
}
.syn-scope .nav-tabs>li>a i.tab-icon {
	display:table;
	margin:0 auto 5px;
	font-size:15px
}
.syn-scope .nav-tabs>li>a {
	transition: background-color 0.2s, color 0.2s;
	font-weight:600;
	border-radius:0
}
.syn-scope .nav-tabs>li>a:hover {
	background:transparent;
	border-color:transparent;
}
.syn-scope .nav-tabs>li.active>a, .syn-scope .nav-tabs>li.active>a:focus, .syn-scope .nav-tabs>li.active>a:hover, .syn-scope .nav-tabs {
	border: 0;
}
.syn-scope .nav-tabs>li>a span {
	vertical-align: middle;
	position:relative;
	z-index:1
}
.syn-scope .tabs nav li.active a {
	padding:15px 20px 14px;	
}
.syn-scope .tabs-style-default .nav-tabs>li.active>a, .syn-scope .tabs-style-default .nav-tabs>li.active>a:focus, .syn-scope .tabs-style-default .nav-tabs>li.active>a:hover {
	border-top-width:3px !important
}
.syn-scope .tabs nav li.active a:before {
	height:1px;
	position:absolute;
	bottom:-1px;
	width:100%;
	display:inline-block;
	content:"";
	left:0
}
.syn-scope .tabs-style-ballon .nav-tabs>li.active>a:after, .syn-scope .filter-by.style-2 ul li.active:after, .syn-scope .filter-by.style-3 ul li.active:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	margin-left: -6px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px
}
.syn-scope .nav-tabs>li>a:focus {
	outline: none;
}
.syn-scope .tabs nav li a i {
	margin-right:10px
}
.syn-scope .tabs nav li a i.block-icon {
	margin:0 auto 10px;
	display:table;
	font-size:15px
}
/* bottom line */
.syn-scope .tabs-style-bottomline .nav-tabs>li {
	margin-bottom: 1px;
}
.syn-scope .tabs-style-bottomline .nav-tabs li a, .syn-scope .tabs-style-bottomline .nav-tabs li.active a {
	background:transparent !important
}
.syn-scope .tabs-style-bottomline .nav-tabs li:after {
	display:inline-block;
	position:absolute;
	bottom:-5px;
	left:50%;
	width:0;
	content:"";
	height:3px;
}
.syn-scope .tabs-style-bottomline .nav-tabs li.active:before {
	display:inline-block;
	position:absolute;
	bottom:-2px;
	left:50%;
	width:0;
	content:"";
	height:0;
	border-style: solid;
	border-width: 0 4px 4px 4px;
	margin-left:-4px
}
.syn-scope .tabs-style-bottomline .nav-tabs li.active:after {
	left:0;
	width:100%;
}
.syn-scope .tabs-style-bottomline .content-wrap section {
	padding:30px 0
}
.syn-scope .tabs-style-bottomline .tab-icon {
	margin-top:-15px
}
/* bg */
.syn-scope .tabs-style-bg .nav-tabs {
	border-bottom:0
}
.syn-scope .tabs-style-bg .nav-tabs>li {
	margin-bottom:0;
}
.syn-scope .tabs-style-bg .nav-tabs>li a {
	border:0;
	position:relative;
	overflow:hidden
}
.syn-scope .tabs-style-bg .nav-tabs>li a:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: #f0f0f0;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);
	transform: perspective(900px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-perspective-origin: 50% 100%;
	perspective-origin: 50% 100%;
}
.syn-scope .tabs-style-bg .nav-tabs>li.active a:after {
	-webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);
	transform: perspective(900px) rotate3d(1,0,0,0deg);
}
.syn-scope .tabs-style-bg .nav-tabs>li.active a i, .syn-scope .tabs-style-bg .nav-tabs>li.active a {
	color:#fff
}
.syn-scope .tabs-style-bg .tab-content .tab-pane {
	padding:20px
}
/* ballon */
.syn-scope .tabs-style-ballon .nav-tabs>li>a {
	padding: 12px 20px;
}
.syn-scope .tabs-style-ballon nav li.active a {
	padding:12px 20px
}
.syn-scope .tabs-style-ballon .nav-tabs>li.active>a:after {
	top:auto;
	bottom:-4px
}
.syn-scope .tabs-style-ballon .tab-content .tab-pane {
	padding:20px;
	border-bottom:3px #ddd solid
}
/* tabs-style-lg 1 */
.syn-scope .tabs-style-lg .nav-tabs {
	margin:auto;
	display:table;
	width:auto;
	position:relative;
	z-index:9;
	margin-bottom:0
}
.syn-scope .tabs-style-lg.style-1 .nav-tabs>li {
	margin:0
}
.syn-scope .tabs-style-lg .nav-tabs>li>a {
	font-size:15px;
	padding: 25px 30px;
	border:0;
	margin:0
}
.syn-scope .tabs-style-lg .nav-tabs>li>a .tab-icon {
	font-size:20px;
	text-align:center;
	background:rgba(0,0,0,0.03);
	padding: 15px 35px;
	margin:0 auto 15px;
	border-radius: 2em;
}
.syn-scope .tabs-style-lg.style-1 .nav-tabs>li.active>a i {
	color:#fff
}
.syn-scope .tabs-style-lg.style-1 .nav-tabs>li.active>a:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	display: block;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
}
.syn-scope .lg-tab-txt {
	font-size:16px
}
.syn-scope .tabs-style-lg.gry-bg .nav-tabs>li {
	border-top:0
}
/* verticals */
.syn-scope [class*="tabs-style-"].vertical .nav-tabs {
	float:left;
	width:30%;
	border-bottom:0
}
.syn-scope [class*="tabs-style-"].vertical .nav-tabs>li {
	float:none;
	display:block;
	text-align:left;
	margin-bottom: 0;
	margin-right: -1px;
}
.syn-scope [class*="tabs-style-"].vertical >.nav-tabs>li>a {
	margin:0 1px 1px 0;
	border:0 !important
}
.syn-scope .tabs-style-default.vertical >.nav-tabs>li>a {
	margin:0 0 1px -1px;
}
.syn-scope .tabs-style-bottomline .nav-tabs li.active a:before, .syn-scope .tabs.vertical nav li.active a:before {
	display:none
}
.syn-scope [class*="tabs-style-"].vertical .tab-content {
	margin-left:30%;
	clear:none;
}
.syn-scope .tabs-style-ballon.vertical .nav-tabs>li.active> a:after {
	transform:rotate(-90deg);
	right:-7px;
	top:50%;
	margin-top:-3px;
	left:auto
}
.syn-scope .tabs-style-bottomline.vertical .nav-tabs {
	border-bottom:0
}
.syn-scope .tabs.vertical nav li:last-child.active a {
	border-right:0
}
.syn-scope .tabs-style-bottomline.vertical .nav-tabs>li:after {
	width:2px;
	height:100%;
	left:auto;
	top:0;
	right:-1px
}
.syn-scope .tabs-style-bottomline.vertical .nav-tabs>li:before {
	transform:rotate(-90deg);
	right:-1px;
	top:50%;
	margin-top:-3px;
	left:auto
}
.syn-scope .tabs-style-bottomline.vertical .nav-tabs>li>a {
	border-top:0 !important;
	border-left:0 !important;
	border-bottom:0 !important;
}
.syn-scope .tabs-style-bottomline.vertical .tab-content .tab-pane, .syn-scope .tabs-style-ballon.vertical .tab-content .tab-pane {
	padding:10px 30px
}
.syn-scope .tabs-style-bg.vertical .nav-tabs>li.active a:after {
	-webkit-transform: perspective(900px) rotate3d(0,1,0,0deg);
	transform: perspective(900px) rotate3d(0,1,0,0deg);
}
.syn-scope .tabs-style-bg.vertical .nav-tabs>li a:after {
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-transform: perspective(900px) rotate3d(0,1,0,-90deg);
	transform: perspective(900px) rotate3d(0,1,0,-90deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-perspective-origin: 100% 50%;
	perspective-origin: 100% 50%;
	right:0 !important;
	left:auto !important
}
.syn-scope .tabs-style-ballon.vertical .nav-tabs>li {
	border-bottom:1px transparent solid
}
.syn-scope .tabs-style-ballon.vertical .tab-content .tab-pane {
	border-bottom:0;
	border-right:3px transparent solid
}
/*
------------- 6.5. Accordions ------------ */
.syn-scope .accordion .panel:not(.main-bg) {
	background:transparent;
}
.syn-scope .accordion .panel {
	-webkit-box-shadow: none;
	box-shadow: none;
	border:0px transparent none;
}
.syn-scope .panel-body p {
	margin:0
}
.syn-scope .accordion .panel-default, .syn-scope .panel-group .panel-heading+.panel-collapse>.list-group, .syn-scope .panel-group .panel-heading+.panel-collapse>.panel-body {
	border:0px transparent none;
}
.syn-scope .accordion .panel>.panel-heading {
	cursor:pointer;
	border:0;
	padding:0;
	margin:0;
	font-weight:600;
	background-color:transparent;
}
.syn-scope .accordion .panel >.panel-heading h4 {
	font-size:14px;
}
.syn-scope .accordion .panel >.panel-heading h4 a {
	display:block;
	padding:12px 18px;
	position:relative;
}
.syn-scope .accordion.style-5 .panel >.panel-heading h4 a {
	overflow:hidden
}
.syn-scope .accordion .panel.main-bg >.panel-heading h4 a, .syn-scope .accordion .panel.main-bg >.panel-heading h4 a i, .syn-scope .accordion .panel >.panel-heading h4 a.main-bg, .syn-scope .accordion .panel >.panel-heading h4 a.main-bg i {
	color:#fff
}
.syn-scope .accordion .panel>.panel-heading h4 a:after {
	position:absolute;
	top:50%;
	right:15px;
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	content:"\f106";
	margin-top:-8px
}
.syn-scope .accordion .panel>.panel-heading h4 a.collapsed:after {
	content:"\f107";
}
.syn-scope .panel-title i {
	margin-right:15px;
}
.syn-scope .accordion.style-3 .panel-title a:not(.collapsed) i {
	color:#fff
}
/* style 1 */
.syn-scope .accordion.style-1 .panel >.panel-heading h4 a {
	border:1px transparent solid
}
.syn-scope .accordion.style-1 .panel >.panel-heading h4 a:not(.collapsed):before {
	position:absolute;
	height:1px;
	width:99%;
	left:0.5%;
	bottom:-3px;
	content:"";
	display:inline-block
}
/* style 3 */
.syn-scope .accordion.style-3 {
	-webkit-box-shadow: 0 0px 4px rgba(0,0,0,.3);
	box-shadow: 0 0px 4px rgba(0,0,0,.3);
}
.syn-scope .accordion.style-3 .panel:first-child >.panel-heading h4 a {
	border-top:0px;
}
.syn-scope .accordion.style-3.border5px .panel:first-child >.panel-heading h4 a {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
/* style 4 */
.syn-scope .accordion.style-4 .panel>.panel-heading h4 a:after {
	content:"\f068";
	font-size:12px
}
.syn-scope .accordion.style-4 .panel>.panel-heading h4 a.collapsed:after {
	content:" \f067";
}
.syn-scope .accordion.style-4 .panel>.panel-heading h4 a:not(.collapsed):before {
	display: inline-block;
	position: absolute;
	bottom: -6px;
	left: 5%;
	width: 0;
	content: "";
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 6px;
}
/* style 5 */
.syn-scope .accordion.style-5 .panel>.panel-heading h4 a:after {
	background-color:rgba(255,255,255,.15);
	top:0;
	right:0;
	padding:15px 17px 16px;
	margin:0
}
.syn-scope .accordion.style-5 .panel>.panel-heading h4 a i {
	background-color:rgba(255,255,255,.15);
	padding:15px 12px 16px;
	margin:-12px 12px -12px -18px
}
.syn-scope .accordion.style-5 .panel-collapse {
	margin-left:39px;
	margin-right: 42px;
}
/*
---------------- 6.6. Progress bars --------------- */
.syn-scope .progress-bars .progress {
	position:relative;
	overflow:visible;
}
.syn-scope .progress-bars .bar {
	position:relative
}
.syn-scope .progress-bars.tiny-line .progress {
	height:2px;
}
.syn-scope .progress-bars.small-line .progress {
	height:10px;
}
.syn-scope .progress-bars.lg-line .progress {
	height: 25px;
}
.syn-scope .progress-bars.xl-line .progress {
	height: 35px;
}
.syn-scope .progress-bars .progress-bar, .syn-scope .progress-bars .progress {
	-webkit-transition: width 1s ease-in-out;
	-moz-transition: width 1s ease-in-out;
	-o-transition: width 1s ease-in-out;
	transition: width 1s ease-in-out;
}
.syn-scope .progress-bars .bar-title {
	display:inline-block;
	margin-bottom:5px;
}
.syn-scope .progress-bars .progress-bar {
	position:relative;
	opacity:0
}
/* small lines */
.syn-scope .progress-bars.tool-tip .progress-bar span {
	position:absolute;
	right:0;
	top: -25px !important;
}
.syn-scope .progress-bars.tiny-line .progress {
	margin-bottom:30px
}
/* style 2 */
.syn-scope .progress-bars.style-2 .bar {
	margin-right:0
}
.syn-scope .progress-bars.tool-tip .progress-bar span {
	padding:1px 4px;
	width:auto;
	display:block;
	font-size:11px;
	color: #fff !important;
	top: -25px;
	border-radius: 0 !important;
}
.syn-scope .progress-bars.tool-tip .progress-bar span:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	position:absolute;
	left:50%;
	margin-left:-4px;
	bottom:-3px;
	content:"";
	display:inline-block
}
/* lg line */
.syn-scope .progress-bars.lg-line:not(.tool-tip) .progress-bar span {
	top: 1px;
	right: 1px;
	height: 23px;
	line-height: 23px;
	width: 23px;
	background:rgba(255,255,255,.7);
	color:#333;
	font-weight:600;
	font-size: 8px;
	position: absolute;
}
.syn-scope .progress-bars:not(.tool-tip) .progress-bar {
	overflow:hidden
}
/* xl line */
.syn-scope .progress-bars.xl-line:not(.tool-tip) .progress-bar span {
	top: 1px;
	right: 1px;
	height: 33px;
	line-height: 33px;
	width: 33px;
	background:rgba(255,255,255,.7);
	color:#333;
	position: absolute;
	font-weight:600
}
.syn-scope .progress-bars.xl-line:not(.tool-tip) .progress-bar span:after, .syn-scope .progress-bars.lg-line:not(.tool-tip) .progress-bar span:after {
	display:none
}
.syn-scope .progress-bars.xl-line:not(.tool-tip) .progress-bar span, .syn-scope .progress-bars.lg-line:not(.tool-tip) .progress-bar span {
	border-radius:50%
}
.syn-scope .progress-bars.xl-line .bar span.bar-title.in-bar {
	position:absolute;
	left:10px;
	top:11px;
	z-index:6;
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
.syn-scope .progress-bars.lg-line .bar span.bar-title.in-bar {
	position:absolute;
	left:10px;
	top:5px;
	z-index:6;
	color:#fff;
	font-size:12px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
.syn-scope .sm-progress {
	text-shadow: none !important;
	margin-left:10px
}
/* style 5 */
.syn-scope .progress-bars.style-5, .syn-scope .progress-bars.style-6 {
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	border-style:solid;
	border-width:1px
}
.syn-scope .progress-bars.style-5 .progress, .syn-scope .progress-bars.style-6 .progress {
	background:transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 2px 65px 25px 20px;
	margin-bottom: 0;
	border-radius:0
}
.syn-scope .progress-bars.style-5 .progress .progress-bar, .syn-scope .progress-bars.style-6 .progress .progress-bar {
	position:static;
	height:10px;
	float:none
}
.syn-scope .progress-bars.style-5 .progress-bar span, .syn-scope .progress-bars.style-6 .progress-bar span {
	position: absolute;
	right: 0;
	height: 61px;
	line-height: 61px;
	width: 60px !important;
	top: -34px !important;
	text-align: center;
	font-weight: bold;
	border-radius:0 !important
}
.syn-scope .progress-bars.style-5 span.bar-title, .syn-scope .progress-bars.style-6 span.bar-title {
	margin-left:20px;
	margin-top: 10px;
}
/*
-------------------- 6.7. Circliful charts ----------------- */
.syn-scope .circliful {
	position: relative;
	font-weight:900;
}
.syn-scope .circle-text, .syn-scope .circle-info, .syn-scope .circle-text-half, .syn-scope .circle-info-half {
	width: 100%;
	position: absolute;
	text-align: center;
	display: inline-block;
}
.syn-scope .circle-info, .syn-scope .circle-info-half {
	font-size:14px;
	font-weight:normal;
	margin-top:10px
}
.syn-scope .c-chart[data-type=half] .circle-info-half {
	margin-top:7px
}
.syn-scope .circliful .fa {
	position: absolute;
	top: 25%;
	left:50%;
}
.syn-scope .circliful .fa:before {
	position:relative;
	left:-50%;
}
.syn-scope .c-chart.bottom-txt {
	display:table;
	margin:auto
}
.syn-scope .c-chart.bottom-txt .fa {
	top:50%;
}
/*
------------- 6.8. CTA ---------------- */
.syn-scope .cta_btn {
	
}
.syn-scope .cta-left {
	width:70%;
	line-height: 1;
}
.syn-scope .cta-icon {
	margin: 0 25px 0 0;
}
.syn-scope h2.cta_heading {
	font-size:27px;
	margin-bottom: 0;
	line-height: 1;
}

.syn-scope h2.cta_heading_15 {
	font-size:15px;
	text-align: center;
	margin-bottom: 0;
	line-height: 1;
}

.syn-scope h2.cta_heading_25 {
	font-size:25px;
	text-align: center;
	margin-bottom: 0;
	line-height: 1.5;
}


.syn-scope h2.cta_heading_15_lh15 {
	font-size:15px;
	text-align: center;
	margin-bottom: 0;
	line-height: 1.5;
}


.syn-scope h2.cignpost_heading_25 {
	font-size:25px;
	text-align: left;
	margin-bottom: 0;
	line-height: 1;
}

.syn-scope h2.cignpost_heading_20 {
	font-size:20px;
	text-align: left;
	margin-bottom: 0;
	line-height:2;
}

.syn-scope h5.cignpost_heading_20 {
	font-size:16px;
	text-align: left;
	margin-bottom: 0;
	line-height:1.5;
}


.syn-scope h4.cta_heading {
	font-size:15px;
	margin-top: 8px;
	font-weight:normal;
	margin-bottom: 0;
}
.syn-scope .cta_btn p {
	margin: 10px 0 0;
	width:90%;
	line-height: 1.7;
}
.syn-scope .cta_btn .btn {
	margin:0
}
/*
------------- 6.9. Team Boxes ---------------- */
.syn-scope .team-box {
	overflow:hidden;
	position:relative;
}
.syn-scope .team-box .team-img, .syn-scope .team-box .team-details {
	text-align:center;
}
.syn-scope .team-box .team-details .team-name {
	padding:20px 0 5px;
	font-size:18px;
	font-weight:bold;
	margin:0
}
.syn-scope .team-box .team-details .team-pos {
	padding:5px 0 5px;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0
}
.syn-scope .team-box .social-list-syn {
	display:table;
	margin:auto
}
.syn-scope .team-box.box-2 .social-list-syn li a {
	border:1px #919191 solid;
}
.syn-scope .team-box.box-1 .team-details {
	padding-bottom:30px
}
.syn-scope .team-box.box-1 .team-img {
	background:#2c333b
}
.syn-scope .team-box.box-1:hover .team-details .team-name, .syn-scope .box-1:hover .team-details .team-pos, .syn-scope .box-3:hover .team-name, .syn-scope .team-box.box-2:hover .social-list-syn li a {
	color:#fff
}
/* box 2 */
.syn-scope .team-box.box-2 .team-img {
	position:relative;
	overflow:hidden
}
.syn-scope .team-box.box-2 .team-name {
	padding: 15px 0;
}
.syn-scope .team-box.box-2 .team-details .team-pos {
	padding:12px 0;
}
.syn-scope .team-box.box-2 .social-list-syn li {
	transform:scale(0);
	-webkit-transform: scale(0);
}
.syn-scope .team-box.box-2 .social-list-syn li:nth-child(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.syn-scope .team-box.box-2 .social-list-syn li:nth-child(3) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.syn-scope .team-box.box-2 .social-list-syn li:nth-child(4) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.syn-scope .team-box.box-2 .social-list-syn li:nth-child(5) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.syn-scope .team-box.box-2 .social-list-syn li:nth-child(6) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.syn-scope .team-box.box-2 .social-list-syn li:nth-child(7) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
.syn-scope .team-box.box-2 .box-socials {
	position:absolute;
	top: 80%;
	z-index:5;
	width: 100%;
}
.syn-scope .team-box.box-2:hover .social-list-syn li {
	transform:scale(1);
	-webkit-transform: scale(1);
}
.syn-scope .team-box.box-2 .team-img span, .syn-scope .team-box.box-3 .team-img span {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	z-index:3;
	opacity:0;
	left:0
}
.syn-scope .team-box.box-2:hover .team-img span, .syn-scope .team-box.box-3:hover .team-img span {
	opacity:1
}
/* box 3 */
.syn-scope .team-box.box-3, .syn-scope .team-box.box-4 {
	position:relative;	
}
.syn-scope .team-box.box-3 .team-details, .syn-scope .team-box.box-4 .team-details {
	position:absolute;
	bottom:-100%;
	width:100%;
	padding-bottom:20px;
	z-index:5
}
.syn-scope .team-box.box-3:hover .team-details {
	bottom:0
}
/* box 4 */
.syn-scope .team-box.box-4 .team-img {
	position:relative
}
.syn-scope .team-box.box-4 .team-details .team-name {
	background:rgba(0,0,0,.07);
	color:#fff;
	padding:10px 0 8px;
	line-height:1.5;
	font-size:15px
}
.syn-scope .team-box.box-4 .team-details .team-pos {
	color:#444 !important;
	padding:8px 0 10px;
	position:relative;
	margin:5px 0 15px
}
.syn-scope .team-box.box-4 .team-details .team-pos:after {
	position:absolute;
	background:#fff;
	height:3px;
	width:20px;
	left:50%;
	margin-left:-10px;
	bottom:0;
	content:"";
	display:inline-block
}
.syn-scope .team-box.box-4 .team-details p {
	padding:5px 25px
}
.syn-scope .team-box.box-4 .team-details {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	height:100%;
	padding:20px 0;
	top:0;
}
.syn-scope .team-box.box-4:hover .team-details {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.syn-scope .team-box.box-4:hover .team-img {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
/* box 5 */
.syn-scope .box-5 {
	padding-bottom:20px
}
.syn-scope .rounded-img {
	border-radius:50%;
	overflow:hidden;
	max-height:275px
}
.syn-scope .box-5:hover .team-pos, .syn-scope .box-5:hover .team-name, .syn-scope .box-5:hover .team-pos a {
	color:#fff
}
/*
----------------- 6.10. Pricing Tables --------------- */
.syn-scope .pricing-tbl {
	text-align:center;
}
.syn-scope .pricing-tbl ul {
	margin:auto;
	width:85%
}
.syn-scope .pricing-tbl ul li {
	padding:12px 0;
}
.syn-scope .pricing-tbl ul li:first-child {
	border-top-width:0
}
.syn-scope .pricing-tbl.style-1 ul li:first-child {
	border-top-width:1px
}
.syn-scope .pricing-tbl h3 {
	padding:30px 0;
	font-size:20px;
	font-weight:bold;
	margin:0
}

.syn-scope .pricing-tbl .pricing-footer {
	padding:25px 0
}
.syn-scope .pricing-tbl .price-lg {
	font-size:28px;
		line-height: 34px;
}
.syn-scope .pricing-tbl .price-sm {
	font-size:18px;
	line-height: 24px;
}
.syn-scope .pricing-tbl .price-lgr {
	font-size:28px;
		line-height: 50px;
}
.syn-scope .price-md {
	font-size:20px !important;
	line-height: 25px;
}
.syn-scope .pricing-tbl .price_txt {
	padding:5px 0
}
.syn-scope .pricing-tbl .pricing-footer .btn {
	padding-right:30px;
	padding-left:30px;
	text-transform:none
}
/* style 2 */
.syn-scope .pricing-tbl.style-2 ul, .syn-scope .pricing-tbl.style-4 ul {
	margin-top:10px
}
.syn-scope .pricing-tbl.style-2 h3 {
	position:relative;
	text-transform:uppercase
}
.syn-scope .pricing-tbl.style-2 h3:before, .syn-scope .pricing-tbl.style-2 h3:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-bottom: 0;
}
.syn-scope .pricing-tbl.style-2 h3:before {
	bottom: -7px;
	left: 50%;
	border-width: 6px;
	margin-left:-6px
}
.syn-scope .pricing-tbl.style-2 h3:after {
	bottom: -6px;
	left: 50%;
	border-width: 6px;
	margin-left:-6px
}
/* style 3 */
.syn-scope .pricing-tbl.style-3 .price_txt {
	display:table;
	width:140px;
	height:140px;
	border-radius:50%;
	padding-top: 40px;
	margin:auto;
	text-align:center
}
.syn-scope .pricing-tbl.style-3 .price_txt span {
	display:block
}
.syn-scope .pricing-tbl.style-3 ul li:nth-child(2) {
	border-top:0
}
.syn-scope .pricing-tbl.style-3:hover ul li, .syn-scope .pricing-tbl.style-3.selected ul li {
	color:#fff;
	border-color:rgba(255,255,255,0.2)
}
.syn-scope .pricing-tbl.style-3:hover h3, .syn-scope .pricing-tbl.style-3.selected h3 {
	color:#fff
}
/* style 4 */
.syn-scope .pricing-tbl.style-4.no-margin {
	margin: 0 -16px;
	position:relative;
	padding:0;
	z-index:1
}
.syn-scope .pricing-tbl.style-4 .plan-head {
	position:relative;
	text-transform:uppercase;
	padding-bottom: 30px;
	margin-bottom: 57px;
}
.syn-scope .pricing-tbl.style-4 .plan-head h3 {
	position:relative;
	z-index:5
}
.syn-scope .pricing-tbl.style-4 .plan-head:before {
	width: 104px;
	height: 104px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -52px;
	bottom: -52px;
	border-radius: 50%;
	z-index: 0;
	content: "";
	display: inline-block;
}
.syn-scope .pricing-tbl.style-4 .plan-head:after {
	width: 104px;
	height: 52px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -52px;
	bottom: 0;
	z-index: 1;
	content: "";
	display: inline-block;
}
.syn-scope .pricing-tbl.style-4 .plan-head i {
	width:94px;
	height:94px;
	text-align:center;
	line-height:94px;
	position:absolute;
	left:50%;
	margin-left:-47px;
	bottom:-47px;
	border-radius:50%;
	font-size:25px;
	z-index:5
}






.syn-scope .pricing-tbl.style-4 .plan-head-contact {
	position:relative;
	text-transform:uppercase;
	padding-bottom: 30px;
	margin-bottom: 57px;
}
.syn-scope .pricing-tbl.style-4 .plan-head-contact h3 {
	position:relative;
	z-index:5
}
.syn-scope .pricing-tbl.style-4 .plan-head-contact:before {
	width: 104px;
	height: 104px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -52px;
	bottom: -52px;
	border-radius: 50%;
	z-index: 0;
	content: "";
	display: inline-block;
}
.syn-scope .pricing-tbl.style-4 .plan-head-contact:after {
	width: 104px;
	height: 52px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -52px;
	bottom: 0;
	z-index: 1;
	content: "";
	display: inline-block;
}
.syn-scope .pricing-tbl.style-4 .plan-head-contact i {
	width:94px;
	height:94px;
	text-align:center;
	line-height:94px;
	position:absolute;
	left:50%;
	bottom:-47px;
	border-radius:50%;
	font-size:25px;
	z-index:5
}







.syn-scope .pricing-tbl.style-4 ul {
	width:100%;
}






/* ────────────────────────────────────────────────────────────────
   Syntec Scoped Pricing Table Styles (Filcons - Layout B)
   ──────────────────────────────────────────────────────────────── */

/* Base pricing table list styling */
.syn-scope .pricing-tbl.style-4 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* List items inside pricing table */
.syn-scope .pricing-tbl.style-4 ul li {
  font-size: 1.05rem;
  padding: 0.5em 0;
  border: 0;
  text-align: center;
  line-height: 1.3;
  color: #111;
}

/* Section heading: e.g. 'Syringe Fitting' */
.syn-scope .filter-heading {
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  margin: 0.2em 0 0.1em;
  color: #333;
}

/* Section subtext: e.g. '100 pcs' */
.syn-scope .filter-subtext {
  font-size: 1rem;
  color: #999;
  text-align: center;
  margin-bottom: 0.5em;
}

/* Optional: Plan head style override */
.syn-scope .pricing-tbl.style-4 .plan-head {
  background: #eaeaea;
  padding: 1.2em 0 0.5em;
  border-bottom: none;
  text-align: center;
}

.syn-scope .pricing-tbl.style-4 .plan-head-contact {
  background: #eaeaea;

  border-bottom: none;
  text-align: center;
}

/* White text override for color bars */
.syn-scope .white-text {
  color: #ffffff !important;
}

/* Optional: icon styling if needed */
.syn-scope .pricing-tbl.style-4 .plan-head i.fa {
  font-size: 2rem;
  margin: 0.4em auto 0.3em;
  display: block;
  color: #bbb;
}

.syn-scope .pricing-tbl.style-4 .plan-head {
  position: relative;
}

.syn-scope .pricing-tbl.style-4 .plan-head i {
  position: absolute;
  bottom: -55px;
  left: 50%;
  transform: translateX(-50%);
  width: 94px;
  height: 94px;
  text-align: center;
  line-height: 94px;
  border-radius: 50%;
  font-size: 25px;
  z-index: 5;
  background: white;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}


.syn-scope .pricing-tbl.style-4 .plan-head i.fa {
  font-size: 2rem;
  margin: 0.4em auto 0.3em;
  display: block;
  color: #bbb;
}

.syn-scope .pricing-tbl.style-4 .plan-head {
  position: relative;
}

.syn-scope .pricing-tbl.style-4 .plan-head i {
  position: absolute;
  bottom: -55px;
  left: 50%;
  transform: translateX(-50%);
  width: 94px;
  height: 94px;
  text-align: center;
  line-height: 94px;
  border-radius: 50%;
  font-size: 25px;
  z-index: 5;
  background: white;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}


/* Optional: icon styling if needed */
.syn-scope .pricing-tbl.style-4 .plan-head-contact i.fa {
  font-size: 2rem;
  margin: 0.4em auto 0.3em;
  display: block;
  color: #bbb;
}

.syn-scope .pricing-tbl.style-4 .plan-head-contact {
  position: relative;
}

.syn-scope .pricing-tbl.style-4 .plan-head-contact i {
  position: absolute;
  bottom: -46px;
  left: 50%;
  transform: translateX(-50%);
  width: 94px;
  height: 94px;
  text-align: center;
  line-height: 94px;
  border-radius: 50%;
  font-size: 25px;
  z-index: 5;
  background: white;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}


/* Color rows */
.syn-scope .filter-row { color: #fff; }
.syn-scope .filter-row.brown { background-color: #d6b78e; color: #000; }
.syn-scope .filter-row.red { background-color: #cc071e; }
.syn-scope .filter-row.orange { background-color: #ee7f00; }
.syn-scope .filter-row.green { background-color: #44a12b; }
.syn-scope .filter-row.purple { background-color: #651d78; }
.syn-scope .filter-row.black { background-color: #000; }
.syn-scope .filter-row.white { background-color: #fff; color: #000; }



.syn-scope .pricing-tbl.style-4.no-margin:hover {
	margin-top: -20px;
	z-index:3;
	padding:0 0 40px !important;
	-webkit-box-shadow: 0 0 20px -2px rgba(0,0,0,.25);
	box-shadow: 0 0 20px -2px rgba(0,0,0,.25);
}
.syn-scope .pricing-tbl.style-4.no-margin.selected {
	margin-top: -20px;
  	z-index:2;
	padding:0 0 40px !important;
	-webkit-box-shadow: 0 0 20px -2px rgba(0,0,0,.25);
	box-shadow: 0 0 20px -2px rgba(0,0,0,.25);
}
.syn-scope .pricing-tbl.style-4.selected .plan-head h3 {
	color:#fff
}
/* 
------------- 6.11. Testimonials -------------- */
.syn-scope .testimonials-1 .testimonials-bg {
	position:relative;
	z-index:4;
	margin:10px 15px 5px 20px;
	padding:20px;
	border-radius: 15px;
	border-bottom-right-radius: 0;
}
.syn-scope .testimonials-1 .testimonials-bg:before, .syn-scope .testimonials-1 .testimonials-bg:after {
	position:absolute;
	content:"";
	display:inline-block;
	bottom:-3px;
	right:-3px;
	width:3px;
	height:50px;
}
.syn-scope .testimonials-1 .testimonials-bg:after {
	width:50px;
	height:3px
}
.syn-scope .testimonials-1 .testimonials-img {
	position:relative;
	z-index:2;
	left:-30px;
	top:-30px;
	width:70px;
	float:left
}
.syn-scope .testimonials-1 .testimonials-img img {
	max-width:70px
}
.syn-scope .testimonials-1 .testimonials-img:before, .syn-scope .testimonials-1 .testimonials-img:after {
	display:inline-block;
	content:"";
	position:absolute;
	top:0;
	right:-10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 0 10px;
	border-color: transparent transparent transparent #007bff;
}
.syn-scope .testimonials-1 .testimonials-img:after {
	bottom:-10px;
	left:0;
	right:auto;
	top:auto;
	border-width: 0 10px 10px 0;
	border-color: transparent #007bff transparent transparent;
}
.syn-scope .testo-pos {
	display:inline-block;
	padding:3px 5px;
	font-size:12px;
	clear:both;
	line-height:1
}
.syn-scope .testimonials-1 .testimonials-name {
	position: relative;
	left: -10px;
	top:-8px;
	line-height:1.8
}
.syn-scope .testimonials-1 p {
	margin:0 0 -10px;
	clear:both;
	position:relative;
	top:-10px
}
.syn-scope .testimonials-2 .testimonials-img {
	position:relative;
	z-index:2;
	margin:0 auto 20px;
	width:100px;
	overflow:hidden;
	padding:0;
}
.syn-scope .testimonials-2 .testimonials-img img {
	border-radius:50%;
	width:100px;
}
.syn-scope .testimonials-2 .testimonials-name {
	display:table;
	margin:20px auto 0;
	padding:7px;
	font-size:12px;
	line-height:1;
}
.syn-scope .testimonials-2 p {
	font-size:15px;
	width:65%;
	display:table;
	margin:15px auto 10px;
	text-align:center;
	position:relative;
}
.syn-scope .testimonials-2 p:before {
	position:absolute;
	content:"\f10d";
	font:normal normal normal 16px/1 fontAwesome;
	top:-7px;
	left:-14px;
}
.syn-scope .testimonials-2 p:after {
	position:absolute;
	content:"\f10e";
	font:normal normal normal 16px/1 fontAwesome;
	bottom:-7px;
	right:-14px;
}
.syn-scope .testimonials-3 {
	position:relative;
}
.syn-scope .testimonials-3 .testimonials-bg {
	padding:15px 20px;
	margin:0 15px 15px;
	border-bottom:3px #ddd solid;
	position:relative;
	overflow: hidden;
}
.syn-scope .testimonials-3 .testimonials-bg:after, .syn-scope .testimonials-3 .testimonials-bg:before, .syn-scope .testimonials-4 .testimonials-bg:before {
	display:inline-block;
	content:"";
	position:absolute;
	bottom: -15px;
	left:100px;
	width: 10px;
	height: 10px;
}
.syn-scope .testimonials-3 .testimonials-bg:before, .syn-scope .testimonials-4 .testimonials-bg:before {
	width: 0;
	height: 5px;
	bottom: -5px;
	left: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.syn-scope .testimonials-3 .testimonials-name {
	padding:15px;
	margin:0 -20px -15px;
}
.syn-scope .testimonials-3 .testimonials-name {
	padding:15px;
	margin:0 -20px -15px;
}
.syn-scope .testimonials-3 .testimonials-name span.block {
	margin-bottom:-5px;
	font-size:12px
}
.syn-scope .testimonials-3 .testimonials-img {
	display:table;
	margin:auto !important;
	float:none !important
}
.syn-scope .testimonials-3 .tbl-cell {
	display:table-cell;
}
.syn-scope .testo-cell {
	display:table-cell;
}
.syn-scope .testimonials-bg p {
	margin-bottom:0
}
.syn-scope .testimonials-4 .testimonials-bg {
	position:relative;
	padding: 20px 20px 30px;
	margin: 0 15px 10px;
}
.syn-scope .testimonials-4 .testimonials-img, .syn-scope .testimonials-3 .testimonials-img {
	width:70px;
	float:left;
	margin:0 15px 0 0;
}
.syn-scope .testimonials-4 .testimonials-img {
	margin-left: 30px;
	margin-top: -30px;
	position:relative
}
.syn-scope .testimonials-4 .testimonials-img, .syn-scope .testimonials-3 .testimonials-img {
	border-width:0;
	border-bottom-width:3px;
	padding-bottom:4px;
	border-radius:50%
}
.syn-scope .testimonials-4 .testimonials-img img, .syn-scope .testimonials-3 .testimonials-img img {
	border-radius:50%
}
.syn-scope .testimonials-4 .testimonials-name {
	padding:10px;
	float:left;
	margin-top: -5px;
}
.syn-scope .testimonials-4 .testimonials-bg:after {
	left: 76px;
}
/* Style 5 */
.syn-scope .testimonials-5 {position:relative;}
.syn-scope .testimonials-5 [class*="col-md-"], .syn-scope .clients-grid1 [class*="col-md-"], .syn-scope .clients-grid2 [class*="col-md-"], .syn-scope .clients-grid3 [class*="col-md-"] {
	padding-top:25px;
	padding-bottom:10px;
	border-style:dashed;
	border-width:0;
	border-bottom-width:1px;
	border-right-width:1px;
}
.syn-scope .testimonials-5 [class*="col-md-"]:first-child, .syn-scope .clients-grid1 [class*="col-md-"]:first-child, .syn-scope .clients-grid2 [class*="col-md-"]:first-child, .syn-scope .clients-grid3 [class*="col-md-"]:first-child {
	border-left-width:1px;
}
.syn-scope .testimonials-5 .row:first-child [class*="col-md-"], .syn-scope .clients-grid1 .row:first-child [class*="col-md-"], .syn-scope .clients-grid2 .row:first-child [class*="col-md-"], .syn-scope .clients-grid3 .row:first-child [class*="col-md-"] {
	border-top-width:1px;
}
.syn-scope .normal-testimonials .testimonials-img img {
	width:70px;
	float:left;
	border-radius:50%
}
.syn-scope .normal-testimonials .testimonials-name, .syn-scope .normal-testimonials p {
	margin-left:85px;
}
.syn-scope .testimonials-5 .testimonials-name {
	margin:0;
	text-align:center;
	padding:15px 0 ;
}
.syn-scope .testimonials-5 .testimonials-name:before {
	display:none;
}
.syn-scope .testimonials-5 .testimonials-img {
	margin-right:20px;
	margin-bottom:0;
	width:70px;
	float:left;
}
.syn-scope .testimonials-5 .testimonials-img img {
	overflow:hidden;
	padding:2px;
	border-width:1px;
	border-style:solid;
	width:70px;
}
.syn-scope .testimonials-5 .testimonials-name:after {
	display:none;
}
.syn-scope .testimonials-5 .testo-name {
	padding:8px 0 0;
	text-transform:uppercase;
	letter-spacing:1px;
}
.syn-scope .testimonials blockquote p {
	font-size: 13px;
	line-height: 1.7;
	padding-top:15px
}
.syn-scope .testimonials blockquote span {
	font-size: 13px;
	padding:20px 0 0
}
.syn-scope .testimonials blockquote .testimonials-img {
	display:table;
	margin:15px auto 0;
}
.syn-scope .testimonials blockquote .testimonials-img img {
	width:70px;
	border-radius:50%
}
/*
----------- Fun Staff ----------- */
.syn-scope .fun {
	padding:20px
}
.syn-scope .fun-number {
	margin:5px 0;
	font-size:35px;
	white-space: nowrap;
}
.syn-scope .fun-info {
	font-size:17px;
	white-space: nowrap;
}
.syn-scope .fun-icon {
	display:table;
	margin: 0 auto 20px;
	position:relative;
	font-size:35px;
	text-align:center;
}
.syn-scope .fun-icon.round {
	border-radius: 2em;
}
.syn-scope .fun-icon.lg-icon i:before {
	top: -2px;
	position:relative
}
.syn-scope .fun-icon.lg-icon i {
	font-size:35px;
}
.syn-scope .c-chart[data-type=half] .circle-text-half {
	margin-top:-10px
}
.syn-scope .c-chart[data-type=half] .circle-info-half {
	margin-top:2px
}
/*
---------- features ------------- */
.syn-scope .feature-img {
	overflow:hidden
}
.syn-scope .feature-img figure {
	position:relative;
	overflow:hidden;
	text-align:center;
}
.syn-scope .feature-img figure a {
	font-weight:700;
	font-size: 35px;
	text-align:center;
	line-height: 43px;
	z-index:5;
	background:#fff;
	position:absolute;
	content:"";
	display:inline-block;
	right: 10px;
	bottom:0;
	width: 35px;
	height: 35px;
}
.syn-scope .feature-img figure a span {
	position:relative;
	z-index:3;
}
.syn-scope .feature-details-hidden {
	position:absolute;
	bottom:0;
	width:80%;
	left:10%;
	z-index:999;
	color:#fff;
	opacity:0
}
.syn-scope .feature-details2 h4 {
	margin-bottom:15px
}
.syn-scope .feature-img:hover .feature-details-hidden {
	bottom:50px;
	opacity:1
}
.syn-scope .feature-img .feature-details-hidden .feature-head {
	padding-bottom:0;
	margin-bottom:10px
}
.syn-scope .feature-img figure:before {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:inline-block;
}
.syn-scope .feature-img figure img {
	-moz-transition: all 0.9s ease;
	-ms-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	-webkit-transition: all 0.9s ease;
	transition: all 2s ease;
}
.syn-scope .feature-img:hover figure img {
	transform:scale(1.5);
	-webkit-transform:scale(2);
}
.syn-scope .feature-img:hover figure:before {
	border-style:solid;
	border-width:5px;
	background:rgba(0,0,0,.5);
	z-index:3;
}
.syn-scope .feature-details {
	padding:20px 0 15px;
}
.syn-scope .feature-details .feature-head {
	margin-bottom:10px;
	text-transform:uppercase
}
.syn-scope .feature-img:hover .feature-details {
	background:#444;
	color:#fff;
	padding:20px 15px 15px;
}
.syn-scope .feature-img .no-hover {
	background:transparent !important;
	color:inherit !important;
	padding:20px 0 15px !important
}
.syn-scope .feature-img:hover .no-hover h5 {
	color:inherit !important;
}
.syn-scope .feature-img .feature-details p {
	margin-bottom:0
}
.syn-scope .feature-img:hover .feature-head, .syn-scope .feature-img:hover figure a {
	color:#fff;
}
.syn-scope .feature-img:hover figure a {
	height:50px;
	line-height:52px
}
/* feature 2 */
.syn-scope .feature-img2 figure {
	position:relative;

	overflow:hidden
}
.syn-scope .feature-img2 figure:after {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	content:"";
	display:inline-block;
	z-index:1;
	opacity:0
}
.syn-scope .feature-img2:hover figure:after {
	opacity:1
}
.syn-scope .feature-img2 figure a {
	position:absolute;
	right:50%;
	bottom:50%;
	margin-right: -25px;
	margin-bottom: -25px;
	width: 50px;
	height: 50px;
	text-align:center;
	line-height: 50px;
	z-index:2;
	-webkit-transform:scale(7);
	transform:scale(7);
	opacity:0
}
.syn-scope .feature-img2 figure a span {
	font-size:35px
}
.syn-scope .feature-img2:hover figure a {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
/*
------------- 6.12. Pagination ---------------- */
.syn-scope .pagination {
	clear:both;
	padding-top:20px;
	display:table;
	margin:auto;
	position:relative
}
.syn-scope .pagination ul li {
	float:left;
	margin:0 0 0 3px;
}
.syn-scope .pagination ul li:first-child {
	margin-left: 2px
}
.syn-scope .pagination ul li a {
	display:block;
	width:40px;
	text-align:center;
	height:40px;
	line-height:40px
}
/* diamond */
.syn-scope .pagination.diamond-pager li {
	transform:rotate(-45deg);
	margin: 0 8px
}
.syn-scope .pagination.diamond-pager li a {
	transform:rotate(45deg);
	width:35px;
	height:35px;
	line-height:35px
}
/* circle */
.syn-scope .pagination.circle-pager ul li {
	border-radius:50%
}
/* bottom border */
.syn-scope .pagination.bottom-border ul li {
	margin:0 0 0 1px;
	border-radius:0px;
	border:0;
}
.syn-scope .pagination.bottom-border ul li a {
	width:50px;
	height:50px;
	line-height:50px
}
.syn-scope .pagination.bottom-border ul li:hover a {
	color:#fff
}
/* bar-1 */
.syn-scope .pagination.bar-1 ul, .syn-scope .pagination.bar-2 ul {
	border-radius:20em;
	overflow:hidden;
}
.syn-scope .pagination.bar-1 ul li {
	border-radius:0px;
	border:0;
	background:transparent;
	margin:0
}
.syn-scope .pagination.bar-1 ul li:first-child {
	border:0
}
.syn-scope .pagination.bar-1 ul li a {
	font-size:15px;
	font-weight:bold;
	width:50px;
	height:50px;
	line-height:50px;
}
.syn-scope .pagination.bar-2 ul {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.syn-scope .pagination.bar-2 ul li {
	border:0;
	background:transparent;
}
.syn-scope .pagination.bar-2 ul li a {
	font-size:15px;
	font-weight:bold;
	width:auto;
	height:40px;
	line-height:40px;
	min-width:40px
}
.syn-scope .pagination.bar-2 ul li a.main-bg {
	color:#fff;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	font-weight:normal
}
.syn-scope .pagination.bar-2 ul li a.main-bg i.fa-chevron-left {
	margin:0 5px 0 0
}
.syn-scope .pagination.bar-2 ul li a.main-bg i.fa-chevron-right {
	margin:0 0 0 5px
}
.syn-scope .pagination.bar-2 ul li:hover a, .syn-scope .pagination.bar-2 ul li.selected a {
	color:#fff
}
/* bar 3 */
.syn-scope .pagination.bar-3 ul li:not(.next_page):not(.prev_page):not(.selected) {
	background:transparent;
	border:0;
	position:relative;
	margin:0
}
.syn-scope .pagination.bar-3 ul li a {
	font-size:15px;
	font-weight:bold;
	line-height:35px
}
.syn-scope .pagination.bar-3 ul li.selected a {
	color:#fff;
}
.syn-scope .pagination.bar-3 ul li.next_page a, .syn-scope .pagination.bar-3 ul li.prev_page a {
	height: 33px;
	line-height: 37px;
}
.syn-scope .pagination.bar-3 ul {
	overflow:hidden
}
.syn-scope .pagination.bar-3 ul:after {
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 130%;
	height: 11px;
	border-radius: 20em;
	content: "";
	display: inline-block;
	margin-left: -55px;
	z-index:1
}
.syn-scope .pager-slider {
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 5px;
	border-radius: 20em;
	content: "";
	display: inline-block;
	margin-left: -50px;
	z-index: 2;
	width:0
}
/* ---- 6.13. Message boxes -------------- */
.syn-scope .msg-box {
	position: relative;
	margin: 0 auto 15px;
	padding: 15px;
	border-width: 1px;
	border-style: solid;
}
.syn-scope .msg-box i, .syn-scope .msg-box .ico {
	color: #111;
	position:absolute;
	left:25px;
	top:50%;
	margin-top:-10px;
	font-size:16px
}
.syn-scope .msg-box h4 {
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 15px;
}
.syn-scope .msg-box p {
	margin: 5px 0 0;
	padding-bottom: 0;
}
.syn-scope .warning-box {
	border-color: #e0d594;
	background: #fff6bf;
}
.syn-scope .info-box {
	border-color: #9fc6d7;
	background: #c2e1ee;
}
.syn-scope .success-box {
	border-color: #a0c272;
	background: #bbdd8c;
}
.syn-scope .error-box {
	border-color: #f2b1b4;
	background: #f1d5d6;
}
.syn-scope .rounded {
	border-radius:5px
}
.syn-scope .round {
 border-radius:50em
}
.syn-scope .msg-box.round {
	padding:20px 40px
}
.syn-scope .msg-box.outlined {
	background-color:transparent;
	border-width:2px
}
.syn-scope .msg-box.with-icon {
	padding-left:60px
}
/* ==========================================================================
  7. PAGE SPECIFIC STYLES.
============================================================================= */
/*
---------------- Widgets -------------------- */
.syn-scope .sidebar_widgets .widget-head {
	font-size: 14px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	text-transform:uppercase;
	position:relative
}
.syn-scope .sidebar_widgets .widget-content {
	overflow:hidden;
}
.syn-scope .sidebar_widgets li.widget {
	margin-bottom: 40px;
	border-bottom: 1px #ddd solid;
	padding: 15px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	position:relative;
}
.syn-scope .sidebar_widgets li.widget:before, .syn-scope .sidebar_widgets li.widget:after, .syn-scope .sidebar_widgets .widget-head:after {
	position:absolute;
	bottom:-3px;
	left: 5%;
	width: 90%;
	height:1px;
	content:"";
	display:inline-block;
}
.syn-scope .sidebar_widgets li.widget:after {
	bottom:-5px;
	left: 10%;
	width: 80%;
}
.syn-scope .sidebar_widgets .widget-head:after {
	bottom:-1px;
	left:0;
	width:20%;
}
.syn-scope .sidebar_widgets h5 {
	font-size:13px;
	margin-bottom:10px;
	font-weight:normal
}
.syn-scope .sidebar_widgets .meta {
	font-size:11px;
	margin-bottom: 5px;
}
.syn-scope .sidebar_widgets .tab-content .tab-pane {
	padding:15px
}
/* search */
.syn-scope .search-widget .txt-box {
	height:40px;
	padding:0 35px 0 10px;
	width:100%;
	border:0;
	background:transparent
}
.syn-scope .search-widget .widget-content {
	position:relative;
}
.syn-scope .search-widget button {
	background:transparent;
	border:0;
	position:absolute;
	right:5px;
	top:10px
}
.syn-scope .sidebar_widgets ul.flickr-widget li img, .syn-scope .sidebar_widgets ul.flickr-widget .img-overlay {
	width: 56px;
	height: 56px;
}
.syn-scope .sidebar_widgets ul.flickr-widget .img-overlay:before {
	line-height: 56px;
	height: 56px
}
.syn-scope .sidebar_widgets ul.flickr-widget .flickr {
	height:56px;
}
/* recent posts */
.syn-scope .w-recent-posts > ul > li, .syn-scope .w-recent-comments ul li {
	padding: 8px 0;
}
.syn-scope .widget-categories ul li {
	padding: 10px 0;
}
.syn-scope .w-recent-posts > ul > li:first-child, .syn-scope .widget-categories ul li:first-child, .syn-scope .w-recent-comments ul li:first-child {
	border-top: 0px;
}
.syn-scope .w-recent-posts .post-img {
	float: left;
	margin-right: 10px;
	max-height: 55px;
	overflow:hidden
}
.syn-scope .w-recent-posts .post-img img {
	padding: 1px;
	width: 55px;
}
.syn-scope .w-recent-posts .meta span {
	display: inline-block;
	margin-right: 10px;
}
.syn-scope .w-recent-posts .meta i {
	margin: 0 5px 0 0;
}
.syn-scope .w-recent-posts li {
	padding:10px 0
}
.syn-scope .w-recent-posts li:first-child {
	border-top:0px
}
.syn-scope .sale-widget .meta span {
	margin-right:2px !important
}
.syn-scope .widget-content .accordion {
	margin:10px auto
}
.syn-scope .widget-categories li span {
	float:right
}
/* recent comments widget */
.syn-scope .w-recent-comments i {
	margin-right: 10px;
	font-size: 40px;
}
.syn-scope .w-recent-comments i.fa.fa-clock-o {
	font-size: 16px;
	vertical-align:middle
}
.syn-scope .w-recent-comments h5 {
	margin: 10px 0 5px;
	font-size:12px;
	width:70%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
/* Tag cloud */
.syn-scope .tags-widget {
	overflow: hidden;
}
.syn-scope .tags-widget .tags a {
	display: block;
	float: left;
	margin: 0 2px 4px;
	padding: 0 10px;
	font-size: 12px;
	line-height:30px;
	text-transform:uppercase
}
.syn-scope .main-bg .tags-widget .tags a {
	background-color:rgba(0,0,0,.1);
	color:#fff
}
.syn-scope .widget-content .tags {
	overflow: hidden;
}
/* tabs widget */
.syn-scope .sidebar_widgets .nav-tabs>li>a {
	padding:12px 15px;
}
.syn-scope .sidebar_widgets .tabs nav li.active a:before {
	bottom: -2px;
}
.syn-scope .sidebar_widgets .tab-content {
	margin-bottom:50px;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border-top-right-radius: 1em;
}
.syn-scope .tab-content.main-bg h5, .syn-scope .tab-content.main-bg .w-recent-comments i, .syn-scope .tab-content.main-bg a:hover {
	color:#fff
}
.syn-scope .tab-content.main-bg .w-recent-posts > ul > li, .syn-scope .tab-content.main-bg .w-recent-comments ul li {
	border-color:rgba(0,0,0,.1)
}
/* custom menu */
.syn-scope .widget.custom-menu-widget ul li {
	padding: 10px 10px 10px 30px;
	position: relative;
}
.syn-scope .widget.custom-menu-widget ul li:first-child {
	border-top:0px
}
.syn-scope .widget.custom-menu-widget ul li:before {
	position:absolute;
	content: "\f192";
	display: inline-block;
	font: normal normal normal 11px/1 FontAwesome;
	position: absolute;
	left: 7px;
	top: 15px;
}
.syn-scope .widget.custom-menu-widget ul li.selected {
	font-weight:bold
}
.syn-scope .widget.custom-menu-widget ul li.selected:before {
	content:"\f061"
}
/*
------------- login-1 ---------------- */
.syn-scope .login-1 {
	background:#14191e url('../images/login-bg.jpg') no-repeat 0 0;
	background-size:cover;
}
.syn-scope .login-box-lg {
	max-width:500px;
	margin:auto;
}
.syn-scope .logo.light a {
	color:#fff
}
.syn-scope .login-head {
	color:#fff;
	font-size:25px;
	font-weight:bold;
	text-transform:uppercase;
}
.syn-scope .login-box-lg .login-inner {
	margin-top:5px;
	padding:40px 50px;
	text-align:center;
	position:relative
}
.syn-scope .login-box-lg .login-inner:after {
	position:absolute;
	right: 0;
	bottom:-5px;
	width: 98%;
	height:3px;
	content:"";
	display:inline-block;
}
.syn-scope .login-2 .login-box-lg .login-inner:after {
	display:none
}
.syn-scope .login-2 .login-box-lg .login-inner {/* border-radius:5px
 */
}
.syn-scope .login-inner h4.intro {
	margin-bottom:20px;
	font-size:17px
}
.syn-scope .login-inner .form-input {
	padding: 10px 0;
	position:relative
}
.syn-scope .login-inner label {
	display:block;
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-bottom:3px
}
.syn-scope .login-inner .button-group {
	padding-top:0;
	float:left
}
.syn-scope .login-inner .form-input span {
	position:absolute;
	left:15px;
	top: 56px;
} 
.syn-scope .login-inner .form-input .form-control {
	padding: 15px 15px 15px 35px;
}
.syn-scope .login-inner .login-links {
	line-height:1.8;
	padding-top: 17px;
}
.syn-scope .login-form {
	overflow:hidden;
}
.syn-scope .social-login .btn {
	font-size:13px;
	padding:0 30px;
	margin:0 6px
}
.syn-scope .login-box-lg .copyrights {
	text-align:center;
	padding-top:15px;
	font-size:14px
}
/*
-------------- coming soon --------------- */
.syn-scope .soon-page {
	background:#14191e url('../images/soon-bg.jpg') no-repeat 0 0;
	background-size:cover;
}
.syn-scope .soon-page .pageWrapper {
	padding-top:80px
}
.syn-scope .soon-logo {
	display:table;
	padding:15px 30px;
	border:2px #fff solid;
	margin:auto;
}
.syn-scope .soon-logo a {
	color:#fff
}
.syn-scope .soon-lg-head {
	font-size:65px;
	padding:0;
	padding-top:40px;
	margin:0
}
.syn-scope .soon-heading h2 {
	font-size:29px;
	margin:0;
	padding:0;
	letter-spacing:1px
}
.syn-scope .soon-heading h3 {
	font-size:24px;
	font-weight:300;
	margin:0;
	padding:0;
	letter-spacing:1px
}
.syn-scope .soon-form {
	width:60%;
	margin:50px auto 25px;
	position:relative
}
.syn-scope .soon-form:before {
	position: absolute;
	content: "\f0e0";
	display: inline-block;
	font: normal normal normal 19px/1 FontAwesome;
	position: absolute;
	left: 8.4%;
	top: 20px;
}
.syn-scope .soon-form input[type=text] {
	width: 70%;
	height: 60px;
	margin: 0px -7px 0 0;
	padding-left:50px;
	font-size: 17px;
	padding-right: 26px;
	vertical-align: middle;
}
.syn-scope .btn-soon {
	margin-left: -20px;
}
.syn-scope #holder {
	margin: auto;
	display:table
}
.syn-scope .digits {
	margin:60px auto 0;
	display:table
}
.syn-scope .digits span {
	display: block;
	text-align: center;
	position: relative;
	height: 130px;
	width:130px;
	line-height:120px;
	border: 1px #fff solid;
	border-bottom:0;
	font-size:55px;
	font-weight:800;
	color:#fff;
}
.syn-scope .digits li {
	float:left;
	margin:0 15px;
	text-align:center;
	position:relative
}
.syn-scope .digits li:before, .syn-scope .digits li:after {
	content: "";
	position: absolute;
	top: 130px;
	left: 0px;
	display: block;
	width: 57px;
	background: #fff;
	height:1px
}
.syn-scope .digits li:after {
	right: 0;
	left:auto
}
.syn-scope .digits span:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left:-10px;
	display: block;
	background: #fff;
	height:1px;
	width:12px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.syn-scope .digits span:before {
	content: "";
	position: absolute;
	bottom: -5px;
	right: 50%;
	margin-right:-10px;
	display: block;
	background: #fff;
	height:1px;
	width:12px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.syn-scope .digits li p {
	color:#fff;
	font-size:20px;
	padding-top:30px
}
/*
-------------- 404 not found -------------- */
.syn-scope .not-found {
	max-width:730px;
	margin:auto
}
.syn-scope .lg-not-found {
	font-size:190px;
	font-weight:bold;
	line-height: 110px;
	margin-right:20px;
	position:relative
}
.syn-scope .lg-not-found i {
	position: absolute;
	width: 93px;
	height: 11px;
	overflow: hidden;
	bottom: -35px;
	left: 50%;
	margin-left: -47px;
}
.syn-scope .lg-not-found i:after {
	position: absolute;
	width: 93px;
	height: 93px;
	border-radius: 50%;
	content: "";
	display: inline-block;
}
.syn-scope .pg-nt-fnd {
	font-size:26px;
	line-height:32px;
}
.syn-scope .ops {
	padding-bottom:90px
}
.syn-scope .not-found-form {
	width: 80%;
	margin:20px auto 60px;
	position:relative;
}
.syn-scope .not-found-form:before {
	position: absolute;
	content: "\f002";
	display: inline-block;
	font: normal normal normal 20px/1 FontAwesome;
	position: absolute;
	left: 15px;
	top: 19px;
}
.syn-scope .not-found-form input[type=text] {
	width: 80%;
	height: 60px;
	margin: 0px -7px 0 0;
	padding-left: 50px;
	font-size: 17px;
	padding-right: 26px;
	vertical-align: middle;
}
.syn-scope .not-found p {
	font-size:17px
}
/*
--------------- portfolio -------------- */
.syn-scope .filter-by {
	margin: 0 5px 50px;
	clear:both;
	position:relative
}
.syn-scope .portfolio-filter-bg {
	margin-bottom: 0;
}
.syn-scope .portfolio-filter-bg .filter-by {
	margin:0;
	border-bottom:0
}
.syn-scope .portfolio-filter-bg .filter-by ul li {
	margin:0;
	border-bottom:0
}
.syn-scope .portfolio-filter-bg .filter-by ul li:before {
	display:none
}
.syn-scope .portfolio-filter-bg .filter-by ul li a {
	padding:30px;
	font-size:20px;
	border-radius: 0;
	border:0
}
.syn-scope .portfolio-filter-bg .filter-by ul li:after {
	border-radius: 0;
}
.syn-scope .filter-by:after {
	clear:both;
	display:table;
	content:"";
}
.syn-scope .filter-by > span {
	padding: 10px 20px;
	font-weight:bold;
	margin-right:20px;
	text-transform:uppercase;
	display:table;
	position:relative;
}
.syn-scope .filter-by ul {
	display:table;
	margin:auto;
}
.syn-scope .filter-by.style-2 ul, .syn-scope .filter-by.style-3 ul {
	margin:0 15px;
	float: left
}
.syn-scope .filter-by ul li {
	float: left;
	position:relative;
	margin: 0 0px;
	border-bottom: 2px #e6e6e6 solid;
}
.syn-scope .filter-by ul li a {
	display:block;
	font-size: large;
	padding: 7px 10px;
	position:relative;
	font-weight:bold;
	text-transform:uppercase;
	z-index:3;
}

.syn-scope .filter-by ul li:before {
	position:absolute;
	width: 20px;
	height: 1px;
	content:"";
	left: -20px;
	top: 20px;
	display:inline-block;
	z-index:0;
	background-color: #E0E0E0;
	border-radius: 50%;
}

.syn-scope .filter-by ul li:after {
	position:absolute;
	width:100%;
	height:100%;
	content:"";
	left:0;
	bottom:0;
	display:inline-block;
	opacity:0;
	-webkit-transition: transform 0.3s, background-color 0.3s, opacity  0.3s;
	transition: transform 0.3s, background-color 0.3s, opacity  0.3s;
	-webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);
	transform: perspective(900px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-perspective-origin: 50% 100%;
	perspective-origin: 50% 100%;
	z-index:1;
}
.syn-scope .filter-by ul li:first-child:before {
	display:none
}
.syn-scope .filter-by ul li.active:after {
	display:none
}
.syn-scope .filter-by ul li:hover:after, .syn-scope .filter-by ul li.active:after {
	-webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);
	transform: perspective(900px) rotate3d(1,0,0,0deg);
	opacity:1;
}
.syn-scope .filter-by ul li a:hover, .syn-scope .filter-by:not(.style-2):not(.style-3) ul li.active a {
	color:#fff
}
.syn-scope .filter-by.style-2 ul li.active:after, .syn-scope .filter-by.style-3 ul li.active:after {
	top:auto;
	bottom:-4px
}
.syn-scope .filter-by ul li.active a:after {
	display: inline-block;
	position: absolute;
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	/* content: ""; */
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #ddd transparent transparent transparent;
	margin-left:-6px
}






/* style 3 */
.syn-scope .filter-by.style-3 {
	display:table;
	margin:0 auto 30px;
	padding:0;
	overflow:visible;
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
	border-bottom:0
}
.syn-scope .filter-by.style-3 > span {
	padding:12px 15px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0
}
.syn-scope .filter-by.style-3 ul {
	margin:0
}
.syn-scope .filter-by.style-3 ul li {
	margin:0;
	padding:0
}
.syn-scope .filter-by.style-3 ul li a {
	padding:12px 20px;
	border-bottom:0 !important;
	border-top:0 !important;
	border-right:0 !important;
}
.syn-scope .filter-by.style-2 ul li a:after, .syn-scope .filter-by.style-3 ul li a:before, .syn-scope .filter-by.style-2 ul li a:before, .syn-scope .filter-by.style-3 ul li a:after {
	display:none
}
.syn-scope .img-holder {
	position: relative;
	overflow: hidden;
	margin: 0;
	cursor: pointer;
}
.syn-scope .img-holder:hover img {
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.syn-scope .img-over {
	position: absolute;
	left: 0;
	top:0;
	z-index: 9;
	opacity:0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,.35);
}
.syn-scope .img-holder:hover .img-over {
	opacity:1;
}
.syn-scope .img-over .link, .syn-scope .img-over .zoom {
	position:absolute;
	bottom:40%;
	opacity:0;
	font-size:13px;
	color:#fff;
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	margin-bottom:-20px
}
.syn-scope .img-over .link i, .syn-scope .img-over .zoom i {
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center
}
.syn-scope .img-holder:hover .link, .syn-scope .img-holder:hover .zoom {
	opacity:1;
	bottom:50%
}
.syn-scope .name-holder {
	padding:15px 10px
}
.syn-scope .name-holder h4 {
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:0
}
.syn-scope .name-holder h5 {
	margin:0;
	padding:0;
}
.syn-scope .name-holder h5 a {
	font-size:13px;
}
.syn-scope .img-over .link {
	left:50%;
	margin-left:-45px;
	transition-delay: .2s;
}
.syn-scope .img-over .zoom {
	right:50%;
	margin-right:-45px;
	transition-delay: .3s;
}
/* columns */
.syn-scope .p-1-col .portfolio-item {
	width:100%;
	margin:0 0 25px 0;
	padding-bottom:25px;
}
.syn-scope .p-1-col .img-holder {
	float:left;
	margin-right:20px;
}
.syn-scope .p-1-col .name-holder {
	padding:0
}
.syn-scope .p-1-col .name-holder h4 {
	font-size:18px;
	margin-bottom:10px
}
.syn-scope .p-1-col .name-holder .list li {
	line-height:30px
}
.syn-scope .p-2-cols .portfolio-item {
	width:49%;
	margin:0 0.5% 1%;
}
.syn-scope .p-2-cols .img-holder img {
	width:100%;
}
.syn-scope .masonry.p-2-cols .img-holder img {
	height:auto;
	max-width: none;
}
.syn-scope .p-2-cols.no-margin .portfolio-item {
	width:50%;
	margin-right:0
}
.syn-scope .p-3-cols .portfolio-item {
	width:32.33333333%;
	margin: 0 0.5% 1%;
}
.syn-scope .p-3-cols .img-holder {
	width: 100%;
}
.syn-scope .p-3-cols .img-holder img {
	width:100%;
}
.syn-scope .p-3-cols.no-margin .portfolio-item {
	width:33.33333333%;
	margin:0 !important
}
.syn-scope .p-3-cols.no-margin .img-holder {
	width: 100%;
}
.syn-scope .p-3-cols.no-margin .img-holder img {
	width:100%;
}
.syn-scope .p-3-cols.full.no-margin .portfolio-item {
	width:33.333333%;
	margin:0 0 15px;
}





.syn-scope .p-4-cols .portfolio-item {
	width:24%;
	margin:0 0.5% 30px;
}
.syn-scope .p-4-cols.no-margin .portfolio-item {
	width:25%;
	margin:0 !important
}
.syn-scope .p-4-cols .img-holder img {
	width:100%;
}
.syn-scope .portfolio.no-margin .img-holder {
	width: 100%;
}
.syn-scope .portfolio.no-margin .img-holder img {
	width:100%;
	height:auto
}
/* simple */
.syn-scope .simple .img-over .link, .syn-scope .simple .img-over .zoom {
	width: 50px;
	height: 50px;
	margin-left:-55px;
	border:1px #999 solid;
}
.syn-scope .simple .img-over .zoom {
	margin-right:-55px;
	margin-left:0
}
.syn-scope .simple .img-over .link i, .syn-scope .simple .img-over .zoom i {
	
	width: 50px;
	height: 50px;
	line-height: 50px;
}
/* style 2 */
.syn-scope .p-style2 figure {
	width:100%;
	position:relative;
	overflow:hidden;
}
.syn-scope .no-margin.portfolio .portfolio-item {
	margin:0
}
.syn-scope .p-style2 figure img {
	position: relative;
	width:100%;
	z-index:1;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	top:0
}
.syn-scope .p-style2 figure:hover img {
	top:-50px
}
.syn-scope .p-style2 figure figcaption {
	position:absolute;
	bottom: -40%;
	width:100%;
	padding: 10px;
	z-index:5;
	opacity:0
}
.syn-scope .p-style2 figure h4 {
	margin:0 0 5px;
	font-size: 14px;
	font-weight:normal;
	color:#fff;
	padding:0;
	text-align:center
}
.syn-scope .p-style2 figure h4 a {
	color:#fff
}
.syn-scope .p-style2 figure:after, .syn-scope .p-style3 figure:after {
	background:rgba(0,0,0,.75);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:2;
	display:inline-block;
	content:"";
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
}
.syn-scope .p-style2 figure .icon-links {
	margin:0;
	position: absolute;
	top: -60px;
	left:0;
	width:100%;
	text-align:center
}
.syn-scope .p-style2 figure .icon-links p {
	display:table;
	margin:auto
}
.syn-scope .p-style2 figure .icon-links a {
	color:#fff;
	float:left;
	margin:0 3px;
	border:1px #999 solid;
	padding:10px 15px;
	-webkit-transition: -webkit-transform 0.45s;
	transition: transform 0.45s;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity:0
}
.syn-scope .p-style2 figure .description {
	text-transform: none;
	font-size: 90%;
	margin:0;
	text-align:center;
	text-shadow:none;
	display:block
}
.syn-scope .p-style2 figure .description a {
	text-shadow:none
}
.syn-scope .p-style2 figure:hover:after, .syn-scope .p-style3 figure:hover:after {
	opacity: 1;
}
.syn-scope .p-style2 figure:hover h4, .syn-scope .p-style2 figure .description {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity:1
}
.syn-scope .p-style2 figure:hover .icon-links a {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:1
}
.syn-scope .p-style2 figure:hover figcaption {
	opacity:1;
	bottom:0;
}
.syn-scope .p-style2 figure .icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.syn-scope .p-style2 figure .icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.syn-scope .p-style2 figure .icon-links a:first-child {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
/* style 3 */
.syn-scope .p-style3 figure figcaption, .syn-scope .p-style3 figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.syn-scope .p-style3 figure {
	overflow:hidden;
	position:relative
}
.syn-scope .p-style3 img {
	-webkit-transition: opacity 0.45s;
	transition: opacity 0.45s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index:1;
	width:100%
}
.syn-scope .p-style3 figcaption::before {
	position: absolute;
	bottom: -20%;
	left: 0;
	width: 100%;
	height: 44px;
	background: rgba(255,255,255,.7);
	content: '';
	z-index:3;
	opacity:0
}
.syn-scope .p-style3 h4, .syn-scope .p-style3 .description {
	position:relative;
	z-index:3;
	opacity:0;
	margin:8px 0 0;
	left:-100%;
	clear:both;
	float: left;
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
}
.syn-scope .p-style3 h4 {
	font-size:14px;
	font-weight:bold;
	padding: 8px 15px;
	color: #000;
	background:rgba(255,255,255,.7);
	display:inline-block;
	-webkit-transition-delay: 0.1s !important;
	transition-delay: 0.1s !important;
}
.syn-scope .p-style3 .description {
	font-size:12px;
	padding: 5px 15px;
	color: #000;
	background:rgba(255,255,255,.5);
	display:table;
	-webkit-transition-delay: 0.2s !important;
	transition-delay: 0.2s !important;
}
.syn-scope .p-style3 .description a, .syn-scope .p-style3 h4 a {
	font-size:12px;
	color: #000;
}
.syn-scope .p-style3 .icon-links {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.syn-scope .p-style3 .icon-links a {
	font-size: 15px;
	color:#333;
	display:inline-block;
	margin: 0;
	padding: 10px 15px;
}
.syn-scope .p-style3 .icon-links a:hover {
	background:#222;
	color:#fff
}
.syn-scope .p-style3 .icon-links p {
	margin:0
}
.syn-scope .p-style3 .icon-links a i {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}
.syn-scope .p-style3 figure:hover h4, .syn-scope .p-style3 figure:hover .description {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity:1;
	left:0
}
.syn-scope .p-style3 figure:hover figcaption::before {
	opacity: 1;
	bottom:0
}
.syn-scope .p-style3 figure:hover .icon-links i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.syn-scope .p-style3 figure:hover .icon-links a:nth-child(3) i {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}
.syn-scope .p-style3 figure:hover .icon-links a:nth-child(2) i {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.syn-scope .p-style3 figure:hover .icon-links a:first-child i {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
/* style 4 */
.syn-scope .p-style4 .name-holder {
	padding:15px;
	border-bottom-width:3px;
	border-bottom-style:solid;
	text-align: center;
}
.syn-scope .p-style4 .img-over .zoom {
	bottom:-100%;
	right:0;
	margin:0;
	width:60px;
	height:60px;
}
.syn-scope .p-style4 .img-over .link {
	top:-100%;
	left:0;
	margin:0;
	width:60px;
	height:60px;
}
.syn-scope .p-style4 .img-over .zoom i, .syn-scope .p-style4 .img-over .link i {
	width:60px;
	height:60px;
	line-height:60px;
	font-size:17px
}
.syn-scope .p-style4 .img-over:hover .zoom {
	bottom:0;
}
.syn-scope .p-style4 .img-over:hover .link {
	top:0;
}
/* style 5 */
.syn-scope .p-style5 figure {
	position:relative;
	overflow:hidden;
}
.syn-scope .p-style5 figure:before {
	background:rgba(0,0,0,.5);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:0;
	display:inline-block;
	content:"";
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
	z-index: 2;
}
.syn-scope .p-style5 figure img {
	width:100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	position: relative;
	z-index: 1;
}
.syn-scope .p-style5 figcaption {
	padding: 10px 30px;
	z-index:2
}
.syn-scope .p-style5 figure figcaption, .syn-scope .p-style5 figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.syn-scope .p-style5 figcaption::before, .syn-scope .p-style5 figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}
.syn-scope .p-style5 figcaption::before {
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border-top: 1px solid rgba(255,255,255,.5);
	border-bottom: 1px solid rgba(255,255,255,.5);
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.syn-scope .p-style5 figcaption::after {
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border-right: 1px solid rgba(255,255,255,.5);
	border-left: 1px solid rgba(255,255,255,.5);
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.syn-scope .p-style5 h4 {
	padding-top: 4%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	font-size: 14px;
	color:#fff;
	text-align: center;
	opacity: 0;
	margin-bottom: 10px;
	position: relative;
	z-index: 3;
}
.syn-scope .p-style5 h4 a {
	color:#fff;
	text-transform: uppercase;
}
.syn-scope .p-style5 .icon-links {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,30px,0);
	transform: translate3d(0,30px,0);
	position:relative;
	z-index:999
}
.syn-scope .p-style5 h4, .syn-scope .p-style5 figure .description {
	-webkit-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0);
}
.syn-scope .p-style5 figure .icon-links {
	margin:0;
	position: absolute;
	width:100%;
	text-align:center;
	z-index:5;
	bottom: 20px;
	left:0
}
.syn-scope .p-style5.p-3-cols figure .icon-links {
	bottom: 15px;
}
.syn-scope .p-style5 figure .icon-links p {
	display:table;
	margin:auto;
}
.syn-scope .p-style5 figure .icon-links a {
	float: left;
	color:#fff;
	margin:0 5px;
	border: 1px #999 solid;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align:center;
	position:relative;
}
.syn-scope .p-style5 figure .description {
	text-transform: none;
	font-size: 12px;
	margin:0;
	text-align:center;
	color: #fff;
	text-shadow:none;
	padding: 10px;
	display:table;
	margin:auto;
	opacity:0;
	line-height: 1;
	position: relative;
	z-index: 3;
}
.syn-scope .p-style5 figure .description a {
	color: #FFF;
	text-shadow:none
}
.syn-scope .p-style5 figcaption::before, .syn-scope .p-style5 figcaption::after, .syn-scope .p-style5 .icon-links, .syn-scope .p-style5 figure .description, .syn-scope .p-style5 figure img {
	-webkit-transition: opacity 0.7s,-webkit-transform 0.7s;
	transition: opacity 0.7s, transform 0.7s;
}
.syn-scope .p-style5 figure:hover figcaption::before, .syn-scope .p-style5 figure:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.syn-scope .p-style5 figure:hover img {
	opacity: 1;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-moz-transform:scale(1.5);
	-ms-transform:scale(1.5);
}
.syn-scope .p-style5 figure:hover:before {
	opacity: 1;
}
.syn-scope .p-style5 figure:hover h4, .syn-scope .p-style5 figure:hover .icon-links, .syn-scope .p-style5 figure:hover .description {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.syn-scope .p-style5 figure:hover figcaption::after, .syn-scope .p-style5 figure:hover .icon-links, .syn-scope .p-style5 figure:hover .description {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.syn-scope .p-style3 figure img {
	width:100%;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	display:block
}
.syn-scope .p-style3 figure:hover img {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-ms-transform:scale(1.5);
}
.syn-scope .p-4-cols.p-style3 .icon-links p {
	margin: 0;
}
.syn-scope .p-4-cols.p-style5 h4 {
	font-size:13px;
	display: table;
	margin: 2px auto;
	line-height: 1;
	padding: 10px;
	text-transform: uppercase;
}
/* masonry */
.syn-scope .masonry .img-holder img {
	width:100%;
	height:auto
}
.syn-scope .masonry.p-style5.p-4-cols figcaption::before {
	top: 15px;
	right: 10px;
	bottom: 15px;
	left: 10px;
}
.syn-scope .masonry.p-style5.p-4-cols figcaption::after {
	top: 10px;
	right: 15px;
	bottom: 10px;
	left: 15px;
}
.syn-scope .masonry.p-style5.p-4-cols figure .icon-links {
	bottom:20px
}
/*
------------- Parallax --------------- */
.syn-scope .parallax {
	position:relative;
	background-attachment: fixed;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size:cover;
	transform: translate(0,0);
}
.syn-scope .parallax-overlay {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1
}
.syn-scope .fixed-bg {
	background-attachment: fixed !important;
	background-size: cover  !important;
}


/* iPhone/iPad & small screens: disable fixed backgrounds */
@media (max-width: 991px) {
  .syn-scope .fixed-bg {
    background-attachment: scroll !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
}

/* Extra guard that specifically targets iOS Safari */
@supports (-webkit-overflow-scrolling: touch) {
  .syn-scope .fixed-bg {
    background-attachment: scroll !important;
  }
}




.syn-scope .parallax > .container-syn, .syn-scope .fixed-bg > .container-syn, .syn-scope .section > .container-syn {
	z-index:0;
	position:relative
}
.syn-scope .portfolio.parallax p {
	width:70%;
	margin:20px auto;
	display:table;
}
/* single */
.syn-scope .single-pro-img {
	height:500px
}
.syn-scope .pro-info-cell > div {
	padding:15px
}
.syn-scope .pro-gallery {
	margin-bottom:-50px;
	padding-bottom:15px;
	-webkit-box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);
	box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);
}
.syn-scope .pro-info-cell label {
	display:inline-block
}
/*
------------ About ---------------- */
.syn-scope .about-title > .container-syn {
	height:500px
}
.syn-scope .about-me-title > .container-syn {
	height:600px
}
.syn-scope .my-info {
	position: absolute;
	right: 15px;
	top: 30%;
	padding: 20px;
	background-color: rgba(255,255,255,.2);
}
.syn-scope .my-info li {
	color:#bbb;
	font-size:14px;
	border-top: 1px rgba(255, 255, 255, 0.18) solid;
	padding:5px
}
.syn-scope .my-info li a {
	color:#bbb
}
.syn-scope .my-info li:first-child {
	border-top:0
}
.syn-scope .my-exp h5 {
	font-size:13px;
	margin-bottom:5px
}
.syn-scope .my-exp h5 i {
	margin-right:10px
}
.syn-scope .my-exp p {
	margin:0 0 15px 25px
}
/*
----------- sitemap ---------------- */
.syn-scope .sitemap > ul > li > a {
	padding:15px 25px;
	text-transform:uppercase;
	display:block;
	clear:both;
	overflow:hidden;
	font-weight:bold
}
.syn-scope .sitemap > ul > li > a i {
	margin-right:10px
}
.syn-scope .sitemap > ul > li > ul {
	padding:10px 20px 20px;
	overflow:hidden
}
.syn-scope .sitemap > ul > li > ul > li {
	float:left;
	margin:20px 16px 0 0;
	width:23%
}
.syn-scope .sitemap > ul > li > ul > li:nth-child(4n+1) {
	clear:left
}
.syn-scope .sitemap > ul > li > ul > li > a, .syn-scope .sitemap > ul > li > ul > li > h4 {
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:8px;
	display:block;
	font-size:13px
}
.syn-scope .sitemap > ul > li > ul > li li {
	padding:5px 10px 5px 17px;
	position:relative
}
.syn-scope .sitemap > ul > li > ul > li li:before {
	position:absolute;
	left:0;
	top:10px;
	font: normal normal normal 9px/1 FontAwesome;
	content:"\f068";
	display:inline-block;
}
/*
-------------- blog --------------- */
.syn-scope .post-item {
	margin-bottom:40px;
}
.syn-scope .horizontal-slider .post-item, .syn-scope .posts-mini .post-item {
	margin-bottom:0
}
.syn-scope .post-item .post-image, .syn-scope .post-item .slick-slide {
	overflow:hidden
}
.syn-scope .post-item .post-image {
	position:relative;
}
.syn-scope .posts-mini .post-item .post-content {
	background:transparent;
}
.syn-scope .posts-mini .post-item .post-info-container-syn {
	padding-right:0;
	padding-left:0
}
.syn-scope .posts-mini .post-item .post-content p {
	padding:20px 0 0;
	margin:0
}
.syn-scope .post-item img {
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
}
.syn-scope .post-item:hover .post-image img, .syn-scope .post-img:hover img {
	transform:scale(1.3);
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
}
.syn-scope .post-item .post-content {
	text-align:left;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border-width:0;
	border-top-width:4px
}
.syn-scope .post-item .post-content p {
	padding:20px;
	margin-bottom:0
}
.syn-scope .blog-posts .post-item:hover .post-content .post-info-container-syn a, .syn-scope .blog-posts .post-item:hover .post-meta li {
	color:#fff
}
.syn-scope .blog-posts .post-item:hover .post-content.main-border {
	border-top-color:#fff !important
}
.syn-scope .blog-posts .post-item:hover .post-content .post-icon, .syn-scope .blog-posts .post-item:hover .post-image .post-icon {
	background-color:#fff;
	color:#777 !important
}
.syn-scope .blog-posts .post-item:hover .post-image .post-icon {
	color:#fff
}
.syn-scope .post-info-container-syn {
	margin-bottom:20px;
}
.syn-scope .post-item .post-info-container-syn {
	padding:20px 20px 0;
	margin:0;
	overflow:hidden
}
.syn-scope .post-item .post-info h2 {
	font-size:18px;
	margin-bottom:5px;
}
.syn-scope .post-meta {
	overflow:hidden
}
.syn-scope .post-item .post-meta li {
	float:left;
	font-size:11px;
	padding-right:15px;
}
.syn-scope .post-item .post-meta li i {
	margin-right:8px;
}
.syn-scope .post-icon {
	float: left;
	margin-right: 20px;
	width: 50px;
	height: 80px;
	font-size: 22px;
	line-height: 100px;
	text-align: center;
	border-bottom-left-radius: 2em;
	border-bottom-right-radius: 2em;
	margin-top: -20px;
}
.syn-scope .post-image .post-icon {
	position:absolute;
	left: 15px;
	bottom:0;
	z-index:99;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	height: 55px;
	line-height: 62px;
}
.syn-scope .bottom_tools {
	padding:15px;
	overflow:hidden;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
}
.syn-scope .bottom_tools a {
	padding:7px 12px;
	margin:0 7px 0 0;
	font-size:11px;
	text-transform:uppercase;
}
.syn-scope .bottom_tools .f-right {
	margin-right:0
}
.syn-scope .bottom_tools a i {
	margin-right:5px;
}
.syn-scope .post-item:hover .bottom_tools a i {
	color:#fff
}
.syn-scope .post-image video, .syn-scope .post-image audio {
	width:100%;
}
.syn-scope .post-gallery {
	display:table;
	margin:auto;
	overflow:hidden;
}
.syn-scope .gallery-columns-5 .gallery-item {
	width: 19.855%;
}
.syn-scope .gallery-item {
	float: left;
	margin: 0 1px 1px 0;
	position: relative;
	overflow:hidden
}
.syn-scope .gallery-caption {
	background-color: rgba(0,0,0,.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}
.syn-scope .gallery-item:hover .gallery-caption {
	opacity:1
}
/* small-image */
.syn-scope .blog-posts.small-image .post-image, .syn-scope .blog-posts.small-image .post-gallery {
	float:left;
	width:260px;
	height:245px
}
.syn-scope .col-md-8 .blog-posts.small-image .post-image, .syn-scope .col-md-8 .blog-posts.small-image .post-gallery {
	float:left;
	width: 190px;
	max-width:190px;
	height:185px;
	display:block
}
.syn-scope .col-md-8 .blog-posts.small-image .post-image video {
	float:left;
	width:193px;
	height:185px
}
.syn-scope .col-md-8 .blog-posts.small-image .gallery-columns-5 .gallery-item {
	width: 32.8%;
}
.syn-scope .blog-posts.small-image .post-content {
	margin-left:30%
}
.syn-scope .col-md-8.inner-magazine .recent-posts .post-content {
	margin-left: 25% !important;
	padding-top: 10px;
}
.syn-scope .col-md-8.inner-magazine .recent-posts .post-content p {
	padding: 21px 29px !important;
}
.syn-scope .inner-magazine .blog-posts .post-item:hover .post-content a {
	color:#fff
}
.syn-scope .col-md-4 .sidebar_widgets ul.flickr-widget li img, .syn-scope .col-md-4 .sidebar_widgets ul.flickr-widget .img-overlay {
	width: 54px;
	height: 54px;
}
.syn-scope .col-md-8.inner-magazine .recent-posts .post-info-container-syn {
	padding-left:20px
}
.syn-scope .col-md-8.inner-magazine .recent-posts .post-item {
	overflow:hidden;
	margin-bottom:20px
}
.syn-scope .blog-posts.small-image  .post-item .post-content p {
	padding:17px 25px
}
.syn-scope .blog-posts.small-image .post-image video, .syn-scope .blog-posts.small-image .post-image iframe, .syn-scope .blog-posts.small-image .post-image img {
	width:260px;
	background:#000
}
.syn-scope .blog-posts.small-image .post-image iframe, .syn-scope .blog-posts.small-image .post-image img {
	background:#000
}
.syn-scope .blog-posts.small-image .gallery-columns-5 .gallery-item {
	width: 32.855%;
}
.syn-scope .blog-posts.small-image.full .post-content {
	margin-left: 22.8%;
}
.syn-scope .blog-posts.small-image.full .post-content p {
	padding:28px 35px
}
.syn-scope .blog-posts.small-image .gallery-caption {
	max-height:none;
	font-size:10px
}
/* timeline */
.syn-scope .timeline {
	position:relative
}
.syn-scope .timeline:before {
	position:absolute;
	width:1px;
	height:100%;
	content:"";
	display:inline-block;
	margin-top:2px
}
.syn-scope .lft-tl:before {
	left:35px;
}
.syn-scope .rit-tl:before {
	right:35px;
}
.syn-scope .timeline .post-item {
	position:relative;
}
.syn-scope .timeline .post-item iframe {
	position:relative;
	overflow:hidden
}
.syn-scope .lft-tl .post-item {
	margin-left:80px;
}
.syn-scope .rit-tl .post-item {
	margin-right:80px;
}
.syn-scope .timeline .post-item .timeline_date {
	position:absolute;
	top:0;
	width:80px
}
.syn-scope .lft-tl .post-item .timeline_date {
	left:-80px;
}
.syn-scope .rit-tl .post-item .timeline_date {
	right:-80px;
}
.syn-scope .timeline .post-item .timeline_date span {
	display:block;
	text-align:center
}
.syn-scope .timeline .post-item .timeline_date:before {
	position:absolute;
	height:1px;
	width:20px;
	content:"";
	display:inline-block;
	top:35px
}
.syn-scope .lft-tl .post-item .timeline_date:before {
	right:0;
}
.syn-scope .rit-tl .post-item .timeline_date:before {
	left:0;
}
.syn-scope .timeline .post-item .timeline_date .inner_date {
	height: 70px;
	text-align: center;
}
.syn-scope .timeline .post-item .timeline_date .inner_date:before {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	position: absolute;
	z-index: 0;
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	top: 10px;
}
.syn-scope .lft-tl .post-item .timeline_date .inner_date:before {
	right: 20px;
}
.syn-scope .rit-tl .post-item .timeline_date .inner_date:before {
	left: 20px;
}
.syn-scope .timeline .post-item .timeline_date .inner_date span {
	position:relative;
	z-index:1;
}
.syn-scope .lft-tl .post-item .timeline_date .inner_date span {
	padding-right:10px
}
.syn-scope .rit-tl .post-item .timeline_date .inner_date span {
	padding-left:10px
}
.syn-scope .lft-tl .post-item .timeline_date .year {
	padding-right:10px;
}
.syn-scope .rit-tl .post-item .timeline_date .year {
	padding-left:10px;
}
.syn-scope .timeline .post-item .timeline_date .day {
	color:#fff;
	font-size:24px;
	font-weight:900;
	margin-top:5px
}
.syn-scope .timeline .post-item .timeline_date .month {
	margin-top:-5px;
	color:#fff;
}
.syn-scope .timeline.full {
	overflow:hidden;
	height:100%
}
.syn-scope .timeline.full .post-item {
	width:46%;
	float:left;
}
.syn-scope .timeline.full .post-item:nth-child(even) {
	float:right
}
.syn-scope .timeline.full .post-item .gallery-columns-5 .gallery-item {
	width: 19.8%;
}
.syn-scope .timeline.full:before {
	left:50%;
	margin-left:-0.5px
}
.syn-scope .timeline.full .post-item .timeline_date {
	right:-80px;
	width:60px
}
.syn-scope .timeline.full .post-item .timeline_date:before {
	left:-20px
}
.syn-scope .timeline.full .post-item:nth-child(even) .timeline_date:before {
	right:-20px;
	left:auto
}
.syn-scope .timeline.full .post-item .timeline_date span {
	text-align:inherit
}
.syn-scope .timeline.full .post-item .timeline_date .inner_date span {
	text-align:center;
	padding-right:10px
}
.syn-scope .timeline.full .post-item .timeline_date .year {
	text-align:center;
	padding-right:10px
}
.syn-scope .timeline.full .post-item:nth-child(even) .timeline_date {
	left:-71px;
	top:120px
}
/* masonry */
.syn-scope .masonry .post-item {
	width:48%;
	margin:0 15px 15px 0;
}
.syn-scope .right-cell .masonry .post-item {
	margin:0 0 15px 15px;
}
.syn-scope .masonry .post-item .gallery-columns-5 .gallery-item {
	width: 19.744444%;
}
.syn-scope .masonry.full .post-item {
	width:32%;
}
.syn-scope .masonry.full .post-item .gallery-columns-5 .gallery-item {
	width: 24.6777%;
}
/* grid */
.syn-scope .grid .post-item {
	width:48%;
	margin:0 15px 15px 0;
}
.syn-scope .right-cell .grid .post-item {
	margin:0 0 15px 15px;
}
.syn-scope .grid .post-item iframe, .syn-scope .grid .post-item video {
	width:100%;
	height:210px;
	background:#000
}
.syn-scope .grid .post-item .post-gallery {
	height:210px;
}
.syn-scope .grid .post-item .gallery-columns-5 .gallery-item {
	width: 19.744444%;
}
.syn-scope .grid.full .post-item {
	width:32%;
}
.syn-scope .grid.full .post-item .gallery-columns-5 .gallery-item {
	width: 24.6777%;
}
.syn-scope .grid .post-item .post-info h2 {
	height:25px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.syn-scope .grid.full .post-item iframe, .syn-scope .grid.full .post-item video {
	height:182px;
}
.syn-scope .grid.full .post-item .post-gallery {
	height:187px;
}
/* single */
.syn-scope .blog-single .post-item, .syn-scope .blog-single .post-item .post-content {
	background:transparent;
}
.syn-scope .details-img {
	margin-bottom:20px
}
.syn-scope .blog-single .post-item .post-info-container-syn, .syn-scope .blog-single .post-item .post-content p {
	padding:0
}
.syn-scope .blog-single .post-item .post-info-container-syn {
	margin-bottom:20px;
	overflow:hidden
}
.syn-scope .post-tags .tags {
	margin-top:10px
}
.syn-scope .post-tags {
	margin-top:30px;
	overflow:hidden
}
.syn-scope .post-tags i {
	margin-right:8px
}
.syn-scope .post-tags > span {
	display:inline-block;
	margin-right:15px;
}
.syn-scope .share-post {
	overflow:hidden;
	margin-top:10px
}
.syn-scope .share-post #shareme {
	float:left;
	height:38px
}
.syn-scope .share-post li {
	margin:0
}
.syn-scope .social-list-syn li.no-icon a {
	font-size:16px
}
.syn-scope .share-post .facebook {
	background:#1b57a1;
	color:#fff
}
.syn-scope .share-post .twitter {
	background:#0cbce2;
	color:#fff
}
.syn-scope .share-post .googleplus {
	background:#dd4b39;
	color:#fff
}
.syn-scope .share-post .linkedin {
	background:#1583ba;
	color:#fff
}
.syn-scope .comments {
	padding-top:30px
}
.syn-scope .comment-list li {
	position:relative
}
.syn-scope .comment-list > li {
	overflow:hidden;
	margin-bottom:15px;
}
.syn-scope .comment-list .comment-avatar {
	position:absolute;
	left:0;
	height:100%;
	width:80px;
	padding:30px 10px
}
.syn-scope .comment-list > li .comment-content {
	padding:20px;
	margin-left:80px
}
.syn-scope .comment-list .comment-content h6 {
	font-weight:bold;
	margin-bottom:5px;
	display:inline-block;
	padding:5px 10px
}
.syn-scope .comment-list .comment-content h6 a {
	color:#fff
}
.syn-scope .comment-list .comment-content .meta {
	font-size:10px;
	margin-bottom:15px
}
.syn-scope .comment-list .comment-content .meta span {
	display:inline-block;
	margin-right:10px
}
.syn-scope ul.child-comment {
	margin-left:100px;
	position:relative;
}
.syn-scope ul.child-comment:before {
	content:"";
	height:1px;
	width:95%;
	left:0;
	display:inline-block
}
.syn-scope ul.child-comment li {
	border:0;
	margin-bottom:0
}
.syn-scope .comment-list ul.child-comment .comment-avatar {
	background:transparent
}
/* ---- Shop -------------- */
.syn-scope .grid-list {
	margin:0 -15px
}
.syn-scope .shop-item {
	margin-bottom:40px;
}
.syn-scope .item-box {
	cursor: pointer;
	overflow:hidden;
}
.syn-scope .item-img {
	position:relative;
	overflow:hidden;
	width:100%;
	text-align:center
}
.syn-scope .item-img img {
	position:relative;
	z-index:1;
}
.syn-scope .item-img .hidden-img {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:0;
	width:100%
}
.syn-scope .item-img .hidden-img img {
	display:table;
	margin:auto;
	width:auto
}
.syn-scope .item-img .product-buttons {
	position:absolute;
	width:156px;
	bottom:45%;
	z-index:3;
	left:50%;
	margin-left:-78px
}
.syn-scope .item-img .product-buttons a {
	display:inline-block;
	color:#fff;
	font-size:15px;
	background:rgba(0,0,0,.9);
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0);
	opacity:0;
	margin:0 -1px
}
.syn-scope .item-box:hover .item-img img {
	opacity: 0.8;
}
.syn-scope .item-box:hover .product-buttons a {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.syn-scope .item-img .product-buttons a:nth-child(3) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.syn-scope .item-img .product-buttons a:nth-child(2) {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
.syn-scope .item-img .product-buttons a:first-child {
	-webkit-transition-delay: 0.35s;
	transition-delay: 0.35s;
}
.syn-scope .item-box:hover .item-img .hidden-img {
	opacity:0;
}
.syn-scope .item-box:hover .item-img .hidden-img, .syn-scope .item-box:hover .item-img .hidden-img img {
	opacity:1;
}
.syn-scope .item-title {
	margin: 0;
	padding: 10px 0 0;
	text-align: center;
	font-size: 15px;
	font-weight:bold;
	position:relative;
	width: 98%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space:nowrap
}
.syn-scope .item-details {
	overflow: hidden;
	padding: 10px 0;
	position:relative;
}
.syn-scope .item-details p {
	display:none
}
.syn-scope .grid-list.list p {
	display:block
}
.syn-scope .grid-list.list .item-img .product-buttons {
	width:94px;
	margin-left:-47px
}
.syn-scope .item-price {
	font-size: 20px;
	text-align:center;
	font-weight:bold;
	padding:5px 0
}
.syn-scope .item-price ins {
	font-size:14px;
	text-decoration:line-through;
	display:inline-block;
	margin-right:10px;
	font-weight:normal
}
.syn-scope .item-rating {
	padding-bottom: 3px;
}
.syn-scope .item-details .item-rating {
	text-align: center;
}
.syn-scope .item-rating .fa {
	margin-right: 4px;
	color: #ffc000;
	font-size: 15px;
}
.syn-scope .item-rating .fa-star-o {
	color: #c0c0c0;
}
.syn-scope .right-rating {
	float: right;
	clear: both;
	font-size: 14px;
	font-weight: bold;
}
.syn-scope .right-rating .item-rating {
	float: right;
}
.syn-scope .item-details .left {
	padding-left: 10px;
}
.syn-scope .item-cart {
	padding: 0 0 6px 0;
}
.syn-scope .item-cart a {
	text-transform: uppercase;
	font-size: 11px;
}
.syn-scope .remove-item i {
	font-size: 23px;
}
.syn-scope .item-details .left i {
	margin-right: 8px;
}
.syn-scope .item-tools {
	padding-top: 8px;
}
.syn-scope .cart_totals {
	margin-top:20px
}
.syn-scope .on-sale {
	position: absolute;
	left: -40px;
	top: -40px;
	font-size: 11px;
	z-index: 9;
	width: 80px;
	height: 80px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	
	line-height: 132px;
	text-align:center
}
.syn-scope .toolsBar {
	display: table;
	margin:  0px 30px 0px 30px;
	padding: 0 0 15px;
	width: 100%;
	border-bottom-style:solid;
	border-bottom-width:1px
}
.syn-scope .toolsBar span {
	display: inline-block;
	margin: 0 5px 0 0;
}
.syn-scope .toolsBar select {
	margin-right: 10px;
	display: inline-block;
	width: inherit;
}
.syn-scope .order-asc i {
	margin-top: 7px;
	font-size: 20px;
}
.syn-scope .products-filter-top {
	float: left !important;
	clear: none !important;
	width: auto !important;
	padding-left: 0;
}
.syn-scope .list-grid {
	float: right !important;
	clear: none !important;
	width: auto !important;
	padding-right: 0;
}
.syn-scope .list-grid a {
	position: relative;
	float: right;
	margin: 0 0 0 4px;
	font-size: 15px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center
}
.syn-scope .shop-item p {
	overflow: hidden;
	padding: 5px 10px;
	max-height: 50px;
}
.syn-scope .grid-list.list .shop-item {
	float: none;
	clear: both;
	width: 100%;
	margin-bottom:20px
}
.syn-scope .grid-list.list .item-box {
	overflow: hidden;
	background: transparent;
}
.syn-scope .grid-list.list .item-details {
	padding:5px 0
}
.syn-scope .grid-list.list .item-details p, .syn-scope .grid-list.list .item-details .item-rating, .syn-scope .grid-list.list .item-details .item-price {
	text-align:left;
	padding-left:10px
}
.syn-scope .grid-list.list .item-img {
	float: left;
	margin-right: 20px;
	max-height: 200px;
	width:auto
}
.syn-scope .grid-list.list .item-img .product-buttons a {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:14px
}
.syn-scope .grid-list.list .item-img img {
	max-height: 200px;
}
.syn-scope .control-group .box i {
	margin-right: 7px;
}
.syn-scope .similar-products .item-img img {
	max-height: 200px;
}
.syn-scope .grid-list.list .item-title {
	padding:20px 0 0 10px;
	border: 0;
	text-align: left;
	width:auto;
	margin:0
}
.syn-scope .widget-content .control-group select {
	width: 100%;
}
.syn-scope .widget-content .control-group {
	overflow:hidden;
	padding:0 0 10px
}
.syn-scope .widget-content .control-group .col-md-6 {
	padding:0
}
.syn-scope .widget-content .control-group label.checkbox {
	font-weight:normal
}
.syn-scope .widget-content .control-group .col-md-6:first-child {
	padding-right:10px
}
.syn-scope .widget-content .control-group label.checkbox input[type=checkbox], .syn-scope .widget-content .control-group label.checkbox input[type=radio] {
	display: inline;
	margin-right: 8px;
	margin-left:5px;
	vertical-align: middle;
}
.syn-scope .search-filter .accordion-content {
	padding-right:0;
	padding-left:0
}
.syn-scope .control-label {
	padding-bottom:5px
}
.syn-scope .control-labeli {
	margin-right:10px
}
.syn-scope .product-img {
	position: relative;
	text-align: center;
	padding:5px
}
.syn-scope .product-specs a.btn, .syn-scope .item-avl > div {
	margin-right: 6px;
	margin-bottom: 0;
}
.syn-scope .product-specs a.btn {
	padding-right: 20px;
	padding-left: 20px;
}
.syn-scope .product-price {
	font-size: 29px;
	font-weight:bold;
	line-height: 1;
}
.syn-scope .old-price {
	text-decoration:line-through;
	font-size: 20px;
	margin: 0 0 0 10px;
}
.syn-scope .price-block {
	display: table;
	clear: both;
	margin: 0;
	padding: 0 0 20px;
	width: 100%;
}
.syn-scope .price-box {
	padding-bottom: 10px;
}
.syn-scope .pro-btns {
	margin: 5px 0 0 15px;
	line-height: 1.9;
}
.syn-scope .item-avl > div {
	padding: 10px;
	font-weight: bold;
}
.syn-scope .item-avl .success-box, .syn-scope .item-avl .warning-box, .syn-scope .item-avl .error-box {
	border-radius: 50%;
	padding: 0;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
}
.syn-scope .item-avl span {
	line-height:25px
}
.syn-scope .item-avl i {
	color:#fff !important;
	margin:0 !important
}
.syn-scope .product-block {
	padding: 15px 0;
}
.syn-scope .last-list {
	padding-top: 15px !important
}
.syn-scope .last-list p {
	margin-bottom:0px
}
.syn-scope .reviews .comments {
	padding: 30px 0;
}
.syn-scope .item-add {
	clear: both;
	overflow: hidden;
}
.syn-scope #items-num {
	width: 55px;
	text-align: center;
	line-height: 57px;
	height: 57px;
	font-size:17px;
	background-color: transparent;
}
.syn-scope .add-items {
	margin:0 3px;
	line-height:55px;
	height:55px
}
.syn-scope .add-items i {
	padding: 0 8px;
	height: 57px;
	border: 1px transparent solid;
	font-size: 10px;
	line-height: 57px;
}
.syn-scope .qty-txt-box {
	width: 70px;
	text-align: center;
}
.syn-scope .qty-txt-box i {
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
}
.syn-scope .qty-txt-box input[type=text] {
	width: 30px;
	text-align: center;
	padding: 5px 10px;
	height:auto
}
.syn-scope .shop-bottom-btns {
	overflow:hidden
}
.syn-scope tr.shipping {
	background:transparent !important
}
.syn-scope .list-item {
	padding:10px 0
}
.syn-scope .mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	background: url(../images/ajax-loader-dark.gif) center center no-repeat;
	text-align: center;
	margin-top: -12px;
	margin-left: -12px;
	z-index: 1044;
	text-indent: -9999px;
}
.syn-scope .shop-ajax {
	position: relative;
	width: 800px;
	margin: 0 auto;
	overflow:hidden;
	padding:20px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}
.syn-scope .newEff {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.syn-scope .shop-ajax h1 {
	font-size:23px;
	font-weight:bold;
	margin:0;
	padding:15px 0 0
}
.syn-scope .shop-ajax .list li {
	line-height:23px
}
.syn-scope .sidebar_widgets li.widget.widget-ads {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding:0;
	border:0;
	text-align:center;
	background:transparent
}
.syn-scope .sidebar_widgets li.widget.widget-ads:after, .syn-scope .sidebar_widgets li.widget.widget-ads:before {
	display:none
}
/*
------------------ shop-main-menu ------------ */
.syn-scope .shop-main-menu {
	-webkit-box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);
}
.syn-scope .shop-main-menu > ul > li {
	padding:0 15px;
	position:relative
}
.syn-scope .shop-main-menu > ul > li a {
	line-height:46px;
	display:block
}
.syn-scope .shop-main-menu ul li i {
	position:absolute;
	right:15px;
	top:15px;
	font-size: 10px;
	color: #ccc;
}
.syn-scope .shop-ads-top {
	padding:3px;
}
.syn-scope .shop-main-menu > ul > li > ul {
	display:none;
	position:absolute;
	left:100%;
	top:-1px;
	width:250px;
	z-index:99;
	-webkit-box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0 2px 0px rgba(0,0,0,0.3);
}
.syn-scope .shop-main-menu > ul > li:hover > ul {
	display:block;
}
.syn-scope .shop-main-menu li li a {
	line-height:40px;
	padding:0 15px
}
.syn-scope .shop-main-menu li h4 {
	padding:0 0 5px;
	margin:0;
	font-size:15px;
	font-weight:bold
}
.syn-scope .shop-main-menu > ul > li > ul.mega {
	width:200%;
	padding:20px
}
.syn-scope .shop-main-menu > ul > li > ul.mega li a {
	line-height:35px;
	border-bottom:0;
	padding:0
}
.syn-scope .shop-main-menu .brands li {
	float:left;
	margin:5px
}
/* clients */
.syn-scope .clients img {
	opacity:0.4
}
.syn-scope .clients img:hover {
	opacity:1
}
/* ==========================================================================
  8. FOOTER.
============================================================================= */
/*
------------- 8.1. Footer 1 -------------- */
.syn-scope .footer-top {
	overflow: hidden;
	padding: 20px 0;
}
.syn-scope .footer-top p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.syn-scope .footer-top .block-link {
	display:inline-block;
	margin:-10px 0;
	padding:13px;
	font-size:16px;
	padding-right:30px;
	padding-left:30px
}
.syn-scope .footer-top .twitter-text p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height:30px !important
}
.syn-scope .footer-top .twitter-text p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height:30px !important
}
.syn-scope .footer-top .social-list-syn li a {
	border:0px !important
}
.syn-scope .footer-top .twitter-pic {
	display:none
}
.syn-scope .twitter-pic {
	text-align:center;
	margin:0 0 15px
}
.syn-scope .twitter-pic img {
	border-radius:50%;
	display:table;
	margin:auto
}
.syn-scope .footer-middle .twitter-pic img {
	border-radius:0px;
}
.syn-scope .twitter-text p {
	margin-bottom:0
}
.syn-scope #loading-container-syn {
	display:table;
	margin:auto
}
.syn-scope .footer-middle {
	padding: 30px 0;
	height: 100%;
	position: relative;
	overflow: hidden;
	color: #fff;
	background:#3EB9BC
}
.syn-scope .foot-text-widget p {
	margin-bottom: 0;

	text-align:justify;

}
.syn-scope .footer-middle .container-syn {
	position: relative;

}
.syn-scope .bottom-md-footer {
	background: #161616;
	padding:20px 5px;
	overflow:hidden
}
.syn-scope .bottom-md-footer .form-control {
	display:inline-block;
	float:left;
	width:75%;
	background:#000;
	border-color:#333;
}
.syn-scope .bottom-md-footer .btn {
	padding:10px 12px;
}
.syn-scope .bottom-md-footer label {
	margin-bottom:10px
}
.syn-scope .footer-middle a {
	color: #bbb;
}
.syn-scope .nl {
	position:relative;
}
.syn-scope .nl .btn {
	margin-left:-30px
}
.syn-scope .nl-note {
	position:absolute;
	left:0;
	bottom:-15px;
	z-index:9;
	padding:8px 15px;
	color:#333;
	width:75%;
}
.syn-scope .revtp-form .nl-note {
	bottom:auto;
	top:-125%;
	padding:20px
}
.syn-scope .footer-middle h3 {
	font-size: 16px;
	position:relative;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #ccc;
	font-weight: 700;
	margin-bottom: 40px;
}
.syn-scope .footer-middle h3:after {
	content: "";
	width: 9%;
	height: 2px;
	display: block;
	margin: 15px 0;
}
.syn-scope .footer-middle h3:after {
	content: "";
	width: 9%;
	height: 2px;
	display: block;
	margin: 15px 0;
}
.syn-scope .footer-middle h3:before {
	content: "";
	width: 25%;
	height: 2px;
	display: block;
	position: absolute;
	left: 10%;
	bottom: 0px;
	background: #404040;
}
.syn-scope .footer-middle .menu-widget li {
	padding: 12px 0;
	border-top: 1px #2f2f2f solid;
	margin-right: 10px;
	color: #fff;
	font-size:14px;
}
.syn-scope .footer-middle .menu-widget li:first-child {
	border-top: 0;
	padding-top:0
}
.syn-scope .footer-middle .menu-widget li a {
	position: relative;
}
.syn-scope .footer-middle .menu-widget li a:before {
	content: "\f061";
	display: inline-block;
	margin-right: 8px;
	font: normal normal normal 14px/1 FontAwesome;
}
.syn-scope .contact-widget {
	background: transparent url('#WORKSPACE_FILES#assets/images/world.png') no-repeat 50% 50%;
}
.syn-scope .contact-widget p {
	margin-bottom: 10px;
}
.syn-scope .contact-widget .details li {
	margin: 13px 0;
	line-height: 1.5;
	letter-spacing: 0.6px;
}
.syn-scope .contact-widget .details li i {
	display:table-cell;
	position: relative;
	vertical-align: middle;
	font-size:16px;
}
.syn-scope .contact-widget .details li i:before {
	margin-right: 15px;
	color: #949494;
	width: 30px;
	height:30px;
	line-height:30px;
	background: #333;
	font-size:14px;
	display:block;
	text-align:center;
}
.syn-scope .contact-widget .details li span {
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
}
.syn-scope .footer-bottom {
	padding: 15px 0;
	overflow: hidden;
	font-size: 11px;
	color: #fff;
	background-color: #111;
}
.syn-scope .footer-bottom .footer-menu li {
	float: left;
	padding: 0 0 0 15px;
}
.syn-scope .footer-bottom .footer-menu li:first-child {
	padding:0
}
.syn-scope .footer-bottom .footer-menu li a {
	color: #969595;
	text-transform: uppercase;
}
.syn-scope .footer-bottom .social-list-syn li {
	margin-bottom:0
}
.syn-scope .footer-bottom .social-list-syn li a {
	border:0 !important;
	border-radius:0px;
	height:45px;
	width:45px;
	line-height:45px
}
.syn-scope #footWrapper .social-list-syn li a {
	border: 1px #515151 solid;
	color: #bbb;
}


.syn-scope .footer-bottom .social-list-syn li {
	margin-bottom:0
}
.syn-scope .footer-bottom .social-list-syn li a {
	border:0 !important;
	border-radius:0px;
	height:45px;
	width:45px;
	line-height:45px
}
.syn-scope #footWrapper .social-list-syn li a {
	border: 1px #515151 solid;
	color: #bbb;
}







/*
----------- 8.2. Footer 2 --------------- */
.syn-scope .footer-2 .footer-middle {
	background-image: url('../images/footer-bg.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.syn-scope .footer-2 .footer-middle:after {
	display: none;
}
.syn-scope .footer-2 .footer-bottom {
	padding: 0;
}
.syn-scope .footer-2 .footer-bottom .copyrights {
	padding: 15px 0 13px;
}
/*
----------- 8.3. Footer 3 --------------- */
.syn-scope .footer-3 .footer-top {
	background-color: #282828;
}
.syn-scope .footer-3 .footer-top p {
	color: #959595;
	height:30px;
	line-height:30px
}
.syn-scope .footer-3 .footer-top .social-list-syn {
	margin: -5px 0;
}
.syn-scope .footer-3 .footer-top .social-list-syn li {
	margin: 0 1px;
}
.syn-scope .footer-3 .footer-middle {
	background-color:#111
}
.syn-scope .footer-3 .footer-middle:after {
	display: none;
}
.syn-scope .footer-3 .footer-bottom {
	background-color: #282828;
}
/*
----------- 8.4. Footer 4 --------------- */
.syn-scope .footer-4 .footer-middle:after {
	display:none
}
.syn-scope .footer-4 .footer-middle {
	padding:0
}
.syn-scope .footer-4 .footer-middle .container-syn {
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	overflow:hidden
}
.syn-scope .footer-4 .footer-middle .container-syn:before {
	position: absolute;
	height: 100%;
	width: 50%;
	left: 25%;
	content: "";
	display: inline-block;
	top: 0;
	z-index: -1;
	margin-left: -15px;
}
.syn-scope .footer-4 .footer-bottom {
	padding:30px 0;
	text-align:center
}
.syn-scope .footer-4 .footer-menu-center {
	display:table;
	margin:10px auto 0
}
/*
----------- 8.5. Footer light --------------- */
.syn-scope .footer-light .footer-middle:after {
	display:none
}
.syn-scope .footer-light .footer-middle {
	padding:0;
}


/* Desktop Styles */
@media (min-width: 993px) {.syn-scope .footer-light .footer-middle .container-syn {
			position:relative;
			padding-top:50px;
			padding-bottom:50px;
			overflow:hidden
		}
}

/* Mobile Styles */
@media (max-width: 992px) {.syn-scope .footer-light .footer-middle .container-syn {
			position:relative;
			overflow:hidden
		}
}



.syn-scope .footer-light .footer-middle .container-syn:before {
	position: absolute;
	height: 100%;
	width: 50%;
	left: 25%;
	background: #e2e2e2;
	content: "";
	display: inline-block;
	top: 0;
	z-index: -1;
	margin-left: -15px;
}
.syn-scope .footer-light .footer-bottom {
	padding:10px 0;
	text-align:center
}
.syn-scope .footer-light .footer-menu-center {
	display:table;
	margin:10px auto 0
}
.syn-scope .footer-light .social-list-syn li a {
	border:1px #ccc solid !important
}
.syn-scope .footer-light .contact-widget .details li i:before {
	background:#E0E0E0
}
/*
----------- 8.6. Footer Minimal --------------- */
.syn-scope .footer-minimal .footer-middle:after {
	display: none;
}
.syn-scope .footer-minimal .footer-bottom {
	padding: 0;
}
.syn-scope .footer-minimal .footer-bottom .copyrights {
	padding: 15px 0 13px;
		font-size:13px;
		color:#fff;
}
.syn-scope .footer-logo-txt {
	margin: 0 20px;
	width: 40%;
	line-height: 1.7;
}
.syn-scope .minimal-info {
	line-height:25px;
}
.syn-scope .minimal-info i {
	margin-right:10px
}
.syn-scope .centered {
	display:table;
	margin:auto
}
.syn-scope .minimal-socials li {
	margin:0 4px;
}
.syn-scope .footer-menu li {
	float:left;
	padding:0 0 0 15px;
	text-transform:uppercase;
	font-size: 12px;
}
.syn-scope .footer-menu li:first-child {
	padding:0 0 0 0
}
/*
------------------- 8.7. Fixed Footer -------------- */
.syn-scope .fixed-footer {
	position:fixed;
	bottom:0;
	z-index:99;
	width:100%;
	left:0
}
.syn-scope .fixed-foot {
	position:fixed;
	z-index:999;
	bottom:20px;
	left:20px;
	padding:10px 15px;
	background-color: rgba(0, 0, 0, 0.52);
	color:#fff;
	font-size:13px;
	letter-spacing:0.6px
}
.syn-scope .fixed-footer .footer-bottom {
	background-color: rgba(0, 0, 0, 0.52);
}
.syn-scope .fixed-footer.no-bg .footer-bottom {
	background-color:transparent
}
.syn-scope .fixed-footer.no-bg .container-syn {
	background-color: rgba(0, 0, 0, 0.52);
	padding:5px 0 5px 15px;
	margin-bottom:20px
}
.syn-scope .fixed-footer .social-list-syn li {
	margin-bottom:0 !important
}
.syn-scope .fixed-footer .social-list-syn li a {
	border:0 !important;
	width:45px;
	height:45px;
	line-height:45px;
	border-radius:0
}
.syn-scope .copy2 {
	line-height:45px
}
.syn-scope .fullscreen {
	overflow:hidden;
	position:relative;
	height:100%
}
.syn-scope .fullscreen video {
	z-index:1;
	position:absolute;
	left:-10%;
	top:-10%;
	width:130%;
	height:130%;
}
.syn-scope .fullscreen .video-overlay {
	z-index:2
}
.syn-scope .fullscreen .main-txt {
	position:absolute;
	z-index:3;
	left:0;
	width:100%
}
.syn-scope .fixed-lft-foot {
	position:fixed;
	left:0;
	bottom:0;
	width: 280px;
}
.syn-scope .fixed-lft-foot .copyrights {
	line-height:normal;
	margin-bottom:10px
}
.syn-scope .foot-lft-socials ul {
	display:table;
	margin:auto
}
/* footer contact widget */
.syn-scope .contact-widget .social-list-syn {
	margin: 20px 0 0;
}
/* footer tags widget */
.syn-scope .tags li {
	float: left;
	margin: 0 2px 7px;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	border: 1px #4c4c4c solid;
	display: inline-block;
}
.syn-scope .tags li a {
	display: table;
	width: 100%;
	height: 200%;
	position: relative;
	top: 0;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 10px;
	z-index:1;
}
.syn-scope .tags.hover-effect li:hover {
	border-color:#4c4c4c
}
.syn-scope .tags.hover-effect li:hover {
	border-color:#4c4c4c
}
.syn-scope .tags.hover-effect li:hover a {
	top: 28px;
	right: 0;
}
.syn-scope .tags.hover-effect li a:after {
	text-align: center;
	position: absolute;
	width: inherit;
	height: 50%;
	left: 0;
	top: -28px;
	line-height: 30px;
	z-index: 0;
	display:block
}
.syn-scope footer .tags li {
	border: 1px #4c4c4c solid;
	color: #6b6b6b;
}
.syn-scope footer .tags li a {
	color: #bbb;
}
/* footer recent posts widget */
.syn-scope .recent-posts-footer li {
	margin-bottom: 10px;
	padding: 10px 0 0;
	border-top: 1px rgba(255,255,255,0.05) solid;
	overflow: hidden;
}
.syn-scope .recent-posts-footer li:first-child {
	border-top:0
}
.syn-scope .recent-posts-footer li:first-child {
	border-top:0
}
.syn-scope .recent-posts-footer li .post-img {
	float: left;
	margin-right: 10px;
	max-height: 40px;
	overflow: hidden;
}
.syn-scope .recent-posts-footer li .post-img  img {
	padding: 1px;
	width: 40px;
	border:1px #2d2d2d solid
}
.syn-scope .recent-posts-footer li h4 {
	overflow: hidden;
	margin-bottom: 3px;
	height: 18px;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	font-weight:normal
}
.syn-scope .recent-posts-footer li .meta {
	display: inline-block;
	margin-right: 10px;
	font-size:11px;
	color:#999
}
.syn-scope .recent-posts-footer li .meta i {
	margin: 0 5px 0 0;
}
/***** tweets widget *****/
.syn-scope .tweets-widget .tweet_avatar {
	float:left;
	width:50px;
	height:50px
}
.syn-scope .tweets-widget .tweets_txt {
	margin-left:65px
}
.syn-scope .tweets-widget .tweets_txt span, .syn-scope .tweets-widget .tweets_txt a {
	display:block;
}
.syn-scope .tweets-widget .widget-content, .syn-scope .tweets-widget .slick-slider {
	overflow:visible
}
.syn-scope .footer-top p, .syn-scope .footer-top .tweets_txt {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.syn-scope .footer-top div.tweets > div {
	padding:0 66px 0 30px;
	line-height:30px
}
.syn-scope .footer-top div.tweets > div:before {
	font: normal normal normal 19px/1 FontAwesome;
	position: absolute;
	left: 0;
	top: 6px;
	content: "\f099";
	display: inline-block;
}
.syn-scope .footer-top div.tweets > div a {
	text-decoration:underline
}
.syn-scope .footer-top div.tweets .slick-prev, .syn-scope .footer-top div.tweets .slick-next {
	border:0;
	background:rgba(0,0,0,.11);
	position:absolute;
	right:0px;
	font-size:0px;
	top:-2px;
	width:30px;
	height:30px;
}
.syn-scope .footer-top div.tweets .slick-prev:before, .syn-scope .footer-top div.tweets .slick-next:before {
	font: normal normal normal 15px/0.8 FontAwesome;
	content: "\f106";
	display: inline-block;
	line-height:31px
}
.syn-scope .footer-top div.tweets .slick-prev {
	right:33px;
	background:rgba(0,0,0,.22);
}
.syn-scope .footer-top div.tweets .slick-prev:before {
	content: "\f107";
}
.syn-scope .footer-top div.tweets .slick-dots {
	display:none !important
}
/******* Footer Flickr **********/
.syn-scope ul.flickr-widget li {
	float:left;
	margin:0 1px 1px 0;
	position:relative;
	overflow:hidden
}
.syn-scope ul.flickr-widget li img, .syn-scope ul.flickr-widget .img-overlay {
	width: 64px;
	height: 64px;
}
.syn-scope ul.flickr-widget .img-overlay:before {
	font-size: 22px;
	line-height: 59px;
	height: 59px;
	font-weight: 100;
}
.syn-scope ul.flickr-widget .flickr {
	height:59px;
	display:block;
	overflow:hidden
}
.syn-scope ul.flickr-widget .img-overlay, .syn-scope .zoom .img-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background:rgba(0,0,0,.8);
	left:0;
	transform:scale(2);
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-ms-transform:scale(2);
}
.syn-scope ul.flickr-widget .img-overlay:before, .syn-scope .zoom .img-overlay:before {
	display: block;
	content: "\f00e";
	text-align: center;
	font-size: 15px;
	font-family: FontAwesome;
	line-height: 60px;
}
.syn-scope ul.flickr-widget li:hover .img-overlay, .syn-scope .zoom:hover .img-overlay {
	opacity: 1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
}
.syn-scope .zoom {
	position:relative;
	display:inline-block;
}
.syn-scope #footWrapper .footer-middle .tweets-widget .twitter-pic {
	float:left
}
.syn-scope #footWrapper .footer-middle .tweets-widget {
	position:relative;
	overflow:visible
}
.syn-scope #footWrapper .footer-middle .tweets-widget .twitter-text {
	margin:-5px 0 0 57px
}
/* ==========================================================================
  9. HOME ELEMENTS
============================================================================= */
.syn-scope .sm-mob {
	position:absolute;
	right: 73px;
	bottom: 20px;
}
.syn-scope .vertical-icons .icon-box-small {
	border-top:1px rgba(255,255,255,0.2) solid
}
.syn-scope .vertical-icons .icon-box-small:first-child {
	border-top:0
}
.syn-scope .vertical-icons .icon-box-small .icon-sm-desc {
	margin-left:90px
}
.syn-scope .icon-sm-desc {
	margin-left:70px
}

.syn-scope .icon-sm-desc-syn {
    padding-top: 10px;
    margin-left: 70px;
}
.syn-scope .portfolio-slider.no-margin .portfolio-item {
	margin:0 1px !important;
}
.syn-scope .three-imgs {
	text-align:center;
	position:relative;
	clear:both
}
.syn-scope .three-imgs .img-2 {
	position:absolute;
	left:10%;
	bottom:-20px
}
.syn-scope .three-imgs .img-3 {
	position:absolute;
	right:10%;
	bottom:-20px
}
.syn-scope .gallery_thumbs li {
	float:left;
	width:120px;
	height:80px;
	margin:0 1px 1px 0;
	overflow:hidden
}
.syn-scope .gallery_thumbs a {
	display:block;
	overflow:hidden
}
.syn-scope .gallery_thumbs li .img-overlay:before {
	line-height:80px
}
.syn-scope .gallery_thumbs li .img-overlay:before {
	line-height:80px
}

.syn-scope .gallery_thumbs_filcons li {
	float:left;
	width:50px;
	height:102px;
	margin:0 1px 1px 0;
	overflow:hidden
}
.syn-scope .gallery_thumbs_filcons a {
	display:block;
	overflow:hidden
}
.syn-scope .gallery_thumbs_filcons li .img-overlay:before {
	line-height:80px
}
.syn-scope .gallery_thumbs_filcons li .img-overlay:before {
	line-height:80px
}


.syn-scope .gallery_thumbs_filcons_max li {
	float:left;
	width:77px;
	height:100px;
	margin:0 1px 1px 0;
	overflow:hidden
}
.syn-scope .gallery_thumbs_filcons_max a {
	display:block;
	overflow:hidden
}
.syn-scope .gallery_thumbs_filcons_max li .img-overlay:before {
	line-height:80px
}
.syn-scope .gallery_thumbs_filcons_max li .img-overlay:before {
	line-height:80px
}







.syn-scope .chef_rit {
	background:transparent url('../images/demos/restaurant/chef.jpg') no-repeat;
	min-height:430px !important
}
.syn-scope .left-video-box {
	padding:50px 80px !important
}
.syn-scope .small-video {
	width:400px;
	margin-right:20px;
	overflow:hidden
}
.syn-scope .portfolio-bg {
	background:#000
}
.syn-scope .entry-image {
	margin:0 0 15px
}
.syn-scope .entry-content h5 {
	margin-bottom:8px;
}
.syn-scope .entry-content .post-meta {
	margin-bottom:10px;
	overflow:hidden
}
.syn-scope .break-news {
	padding:0 30px 0 0;
	margin:15px 0;
	position:relative;
	padding-left:160px;
	overflow:hidden;
	height:50px;
	line-height:50px
}
.syn-scope span.lbl {
	position:absolute;
	left:0;
	top:0;
	padding:0 15px;
	font-size:12px;
	font-weight:bold;
	height:50px;
	line-height:50px;
	text-transform:uppercase
}
.syn-scope .break-news-slider {
	overflow:visible
}
.syn-scope .lft-pad-cell {
	padding-right:30px !important
}
.syn-scope .inner-magazine .post-content {
	background:transparent !important;
	margin-left:0 !important
}
.syn-scope .inner-magazine .post-item {
	margin-bottom:0
}
.syn-scope .p-1-col .portfolio-item, .syn-scope .lg-item {
	border-bottom-style:dashed !important
}
.syn-scope .inner-magazine .post-content .post-info-container-syn {
	padding:0
}
.syn-scope .inner-magazine .post-item .post-content p {
	padding:5px 0 !important
}
.syn-scope .small_items {
	padding: 20px 0 0;
}
.syn-scope .small_items .post-item {
	margin-bottom:0
}
.syn-scope .small_items .entry-image {
	width:50px;
	height:50px;
	float:left;
	margin:0 15px 0 0;
}
.syn-scope .small_items .entry-content {
	position:relative;
	overflow:hidden;
}
.syn-scope .small_items .entry-content h5 {
	margin-bottom:7px;
	font-size:14px;
}
.syn-scope .lg-item {
	padding-bottom: 20px;
	margin-bottom: 0;
}
.syn-scope .lg-item {
	padding-bottom: 20px;
	margin-bottom: 0;
}
.syn-scope .inner-magazine .heading {
	padding-bottom: 1px !important;
}
.syn-scope .inner-magazine .gallery_thumbs li {
	float:left;
	width:100px;
	height:80px;
	margin:0 1px 1px 0;
	overflow:hidden
}
.syn-scope .inner-magazine.col-md-8 .gallery_thumbs li, .syn-scope .inner-magazine.col-md-8 .gallery_thumbs li img {
	width: 103px;
	height:82px;
}
.syn-scope .inner-magazine .gallery_thumbs li img {
	width:100px;
	height:80px;
}
.syn-scope .gallery_thumbs li .img-overlay:before {
	line-height:80px
}
.syn-scope .widget-tweets {
	padding: 15px 0 10px;
}
.syn-scope .socials-widget .social-list-syn span, .syn-scope .socials-widget .social-list-syn a {
	float:left;
	overflow:hidden
}
.syn-scope .socials-widget.style-2 .widget-content {
	margin:-15px
}
.syn-scope .socials-widget.style-2 .social-list-syn span, .syn-scope .socials-widget.style-2 .social-list-syn a {
	float:none;
	display:block;
	text-align:center
}
.syn-scope .socials-widget .social-list-syn li {
	margin:0 0 12px 0;
	width:47%
}
.syn-scope .socials-widget.style-2 .social-list-syn {
	margin-right:-15px;
	overflow:hidden
}
.syn-scope .socials-widget.style-2 .social-list-syn li {
	width:24%;
	padding:15px 3px;
	margin:0;
}
.syn-scope .socials-widget.style-2 .widget-content {
	border-left:0
}
.syn-scope .socials-widget .social-list-syn a {
	margin:0 8px 0 0
}
.syn-scope .socials-widget.style-2 .social-list-syn a {
	margin: 0 auto 10px;
}
.syn-scope .socials-widget .social-list-syn span {
	font-size:70%;
}
.syn-scope .socials-widget .social-list-syn span strong {
	font-size:140% !important
}
.syn-scope .abs-logo {
	position:absolute;
	left:50%;
	top:100px;
	z-index:222;
	margin-left:-100px;
}
.syn-scope .diamond-grid {
	width: 700px;
	margin: 0 auto;
	padding-right: 10px;
	position: absolute;
	left:50%;
	margin-left:-350px;
	top:270px;
	z-index:333;
	height:900px
}
.syn-scope .diamonds {
	background: transparent;
	color: #fff;
	position: relative;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 23.3333333333333%;
	padding-bottom: 23.3333333333333%;
	display:block;
	margin: 5%;
	margin-top: -10%;
	float:left;
	border:1px #fff solid;
	background: rgba(255,255,255,.15);
}
.syn-scope .diamonds a {
	display:block;
	color:#fff;
	font-weight:bold
}
.syn-scope .diamonds:hover a {
	color:#fff !important
}
.syn-scope .diamonds i {
	display:block;
	font-size:30px;
	margin-bottom:5px;
	position:absolute;
	left:30%;
	top:30%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.syn-scope .diamond-grid li.diamonds span {
	text-transform: uppercase;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	text-align: center;
	box-sizing: border-box;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 50%;
	font-size: 19px;
}
.syn-scope .diamond-grid > li.diamonds:nth-child(1), .syn-scope .diamond-grid > li.diamonds:nth-child(2), .syn-scope .diamond-grid > li.diamonds:nth-child(3) {
	margin-top: 5%;
}
.syn-scope .diamond-grid > li.diamonds:nth-child(5n+4) {
	margin-left: 21.555555555%;
}
.syn-scope .diamond-grid > li.diamonds:nth-child(5n+6) {
	clear:left;
}
.syn-scope .diamond-grid > li.diamonds:nth-child(5n+6):last-of-type {
	margin-left: 38%;
}
.syn-scope .logo.xxlarge-text a {
	font-size:60px
}
.syn-scope .logo.xxlarge-text a span {
	line-height:48px
}
.syn-scope .side-one {
	position:fixed;
	left:0;
	top:200px;
	z-index: 99;
}
.syn-scope .side-one li {
	position:relative;
	height:50px;
	margin-bottom:2px;
	left:-85px
}
.syn-scope .side-one li a {
	display:block;
	line-height:50px;
	height:50px;
	padding-left:15px;
}
.syn-scope .side-one li a i {
	font-size:17px;
	position:static;
	float:right;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
}
.syn-scope .side-one li a span {
	position:relative;
	float:left
}
.syn-scope .side-one li:hover {
	left:0
}
.syn-scope .odometer-value {
	background:transparent !important
}
/* social icons */
.syn-scope .social-list-syn li {
	float: left;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	margin: 0 5px 5px 0;
}
.syn-scope .sharrre .social-list-syn li {
	margin:0
}
.syn-scope .social-list-syn li a {
	position: relative;
	display:block;
	overflow: hidden;
	position:relative;
	text-align: center;
	width: 35px;
	height: 35px;
	line-height: 35px;
}
.syn-scope .social-list-syn li a:before, .syn-scope .social-list-syn li a:after {
	font-size: 16px;
	text-align: center;
	display:block
}
.syn-scope .social-list-syn li a:before, .syn-scope .social-list-syn li a:after {
	-webkit-transition: -webkit-top 0.4s;
	-moz-transition: top 0.4s;
	-o-transition: top 0.4s;
	transition: top 0.4s;
}
.syn-scope .social-list-syn li a:hover:before {
	top: -100%;
}
.syn-scope .social-list-syn li a:hover:after {
	top: 0;
}
.syn-scope .social-list-syn li a:before {
	position:relative;
	top:0;
	left: 0;
}
.syn-scope .social-list-syn li.sm-icon a {
	width:30px;
	height:30px;
	line-height:30px
}
.syn-scope .social-list-syn li.sm-icon a:before, .syn-scope .social-list-syn li.sm-icon a:after {
	font-size:13px
}
.syn-scope .social-list-syn li.sm-icon a:hover:before {
	top: -30px;
}
.syn-scope .social-list-syn li.sm-icon a:hover:after {
	top: -2px;
}
.syn-scope .social-list-syn li.md-icon a {
	width:38px;
	height:38px;
	line-height:38px
}
.syn-scope .social-list-syn li.lg-icon a {
	width:60px;
	height:60px;
	line-height:60px;
}
.syn-scope .social-list-syn li.lg-icon a:before, .syn-scope .social-list-syn li.lg-icon a:after {
	font-size:20px !important
}
.syn-scope .social-list-syn li.xl-icon a {
	width:80px;
	height:80px;
	line-height:80px;
	font-size:30px !important
}
.syn-scope .social-list-syn li.xl-icon a:before, .syn-scope .social-list-syn li.xl-icon a:after {
	font-size:30px !important
}
.syn-scope .social-list-syn li a:after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
	z-index: 9999;
	top: 100%;
	display: block;
}
/* ==========================================================================
  10. TYPOGRAPHY.
============================================================================= */
/* css transitions */ 
a,.btn,.btn i,.social-list-syn li a, .top-head .logo, .top-nav > ul > li.hasChildren > a:after, .top-nav > ul > li.hasChildren > span > a:after,.top-head.header-5 .top-nav > ul > li:before,.top-head.header-6 .top-nav > ul > li > a:before,.top-head.header-8 .top-nav > ul > li > a:before,
.clients img,.tags.hover-effect li,.tags.hover-effect li a,ul.flickr-widget .img-overlay,[class*= "btn-icon-"] span,[class*="btn-icon-"] i,.icon-box i,.icon-box h3,.box-1 .outlined i,.box-1.bordered:before, .box-1.bordered:after,.top-nav > ul > li,.icon-box-small i b:before,
.box-1.bordered .inner:before, .box-1.bordered .inner:after,.icon-box h3.bottom_half_border:after,.tabs-style-bottomline .nav-tabs>li:after,.slick-prev,.slick-next,.team-details,.team-box .box-2 .box-socials,.icons-style-1 i,.icons-style-1 .heading,
.team-box.box-2 .team-img span,.team-box.box-3 .team-img span,.team-box.box-2:hover .team-pos,.team-box.box-2:hover .team-name,.box-5,.box-5 .rounded-img, .pricing-tbl,.pagination ul li,.lg-box,.pricing-tbl.style-2 h3,.new-nav,.fun-separator,.msg-box,
.pricing-tbl.style-2 h3:before,.pricing-tbl.style-2 h3:after,.icon-box.gry-border-1,.item-img img ,.item-img .hidden-img,.gallery-caption,.team-box.box-4 .team-img,.team-box.box-4 .team-details, .inner-menu ul ul,.img-over,.diamond:before,.icon-box-small i:after,
.img-over .link,.img-over .zoom,.img-holder img,.shop-item,.p-style2 figure figcaption,.p-style3 figcaption::before,.p-style3 h4,.p-style3 .description,.zoom .img-overlay,.img-icon img,.top-bar li ul,.side-one li,.feature-details-hidden,.item-box,.side-nav ul li,
.diamonds,.post-image img,.post-img img,input,.pageWrapper:not(.left-side-wrap):not(.right-side-wrap) ,textarea,select ,.top-head.dark-transparent .top-nav > ul > li,.p-style3 figure img,.top-head.boxed-transparent .bot-line,.post-item .post-content,
.bottom_tools,.top-nav > ul > li:after,li.mega-menu .inner-mega:after,.feature-details,.feature-img figure a,.feature-img figure:before,.head-srch-cart,.icons-style-2 i,.icons-style-2 .heading,.top-head.header-5 .top-nav > ul > li .inner-mega:before,
.top-head.header-6 .top-nav > ul > li:before,.top-head.header-6 .top-nav > ul > li .inner-mega:before,.top-head.header-6 .top-nav > ul > li > span > a:before,.feature-img2 figure:after,.top-nav > ul > li:not(.mega-menu):before,.top-nav > ul > li.mega-menu > span:before,
.syn-scope .p-style5 figure .icon-links a:before {
	-moz-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.syn-scope .border10px {border-radius:10px}
.syn-scope .border3px {border-radius:3px}
.syn-scope .circle {border-radius:50%}
.syn-scope .main-border {border-style:solid;border-width:1px;}
.syn-scope .block {display:block;}
.syn-scope .over-hidden {overflow:hidden;}
.syn-scope .t-right {text-align:right;}
.syn-scope .t-left {text-align:left;}
.syn-scope .t-center {text-align:center;}
.syn-scope .f-right {float:right;}
.syn-scope .f-left {float:left;}
.syn-scope .f-center {margin: 0 auto;}
.syn-scope .f-none {float:none;}
.syn-scope .zindx-0 {z-index:0}
.syn-scope .zindx-1 {z-index:1}
.syn-scope .zindx-9 {z-index:9}
.syn-scope .lg-font {font-size:50px;}
.syn-scope .xl-font {font-size:80px;}
.syn-scope .light-font {font-weight:300 !important;}
.syn-scope .heavy-font {font-weight:900 !important;}
.syn-scope .slider-txt {font-size:21px;}
.syn-scope .uppercase {text-transform:uppercase;}
.syn-scope .bold {font-weight:bold !important}
.syn-scope .bolder {font-weight:bolder !important}
.syn-scope .lft-img {
	margin-right:15px;
	float:left
}
.syn-scope .rit-img {
	margin-left:15px;
	float:right
}
.syn-scope .ollist, .syn-scope .ullist {
	margin-left:25px
}
.syn-scope .ollist li {
	list-style-type:decimal
}
.syn-scope .ullist li {
	list-style-type:disc;
	font-size:14px;
}


.syn-scope .mlist {
	margin-left:25px
}

.syn-scope .mlist li {
	list-style-type:disc;
	font-size:15px;
	line-height: 1.40rem;
}

.syn-scope .mlist li::marker {
    color: #5BA7F6; /* Change bullet color */
    font-size: 1em; /* Adjust bullet size if needed */
}




.syn-scope .bordered-img {
	padding:2px;
	border:1px #ddd solid
}
.syn-scope #to-top {
	position:fixed;
	right: 0px;
	bottom: 0;
	z-index:99;
	cursor:pointer;
}
.syn-scope #to-top span {
	width: 40px;
	height: 40px;
	text-align:center;
	line-height: 40px;
	display:block;
}
/* slider styles */
.syn-scope .lft-tp-caption {
	left:0 !important
}
.syn-scope .slider-square-txt {
	padding:5px;
	text-transform:uppercase;
	font-size:80px;
	font-weight:800;
	line-height:1;
	border-width:2px;
	letter-spacing:-2px
}
.syn-scope .md-slide-head {
	font-size:28px;
}
.syn-scope .slider-md-txt {
	font-size:19px
}
.syn-scope .slider-lg-txt {
	font-size:23px;
	line-height:1.3
}
.syn-scope .lg-slide-head {
	font-size:53px;
	font-weight:900
}
.syn-scope .lg-slide-head2 {
	font-size:40px;
	font-weight:900;
	border-bottom:1px #dedede solid;
	padding-bottom:10px;
	line-height:1
}
.syn-scope .banner_separator {
	height: 1px;
	background: rgba(0,0,0,0.2);
	width: 40%;
}
.syn-scope .banner_separator_wit {
	height: 1px;
	background: rgba(255,255,255,0.2);
	width: 40%;
}
.syn-scope .light-lg-txt {
	font-weight:200;
	font-size:28px;
	text-transform:uppercase
}
.syn-scope .bolder-lg-txt {
	font-weight:900;
	font-size:85px;
	text-transform:uppercase
}
.syn-scope .lg-list-item {
	font-weight:200;
	font-size:30px;
	text-transform:capitalize
}
.syn-scope .md-list-item {
	font-weight:700;
	font-size:18px;
	text-transform:uppercase
}
.syn-scope .md-list-item i {
	padding:10px 20px 10px 15px;
	border-right:1px #ccc solid;
	margin-right:20px;
	font-size:20px
}
.syn-scope .gry-sep {
	height:1px;
	background:#4c4c4c;
	width:460px
}
.syn-scope .light-gry-sep {
	height:1px;
	background:#ccc;
	width:350px
}
.syn-scope .lg-list-item i {
	padding:10px 20px 10px 15px;
	border-right:1px #4c4c4c solid;
	margin-right:20px;
	font-size:25px
}
.syn-scope .tp-caption a.btn.main-bg {
	color:#fff
}
.syn-scope .btn.main-bg.btn-3d {
	margin-bottom:4px
}
.syn-scope .pink-bg {
	background-color:#f358db;
	color:#fff
}
.syn-scope .pink-bg {
	background-color:#f358db;
	color:#fff
}
.syn-scope .light-pink-bg {
	background-color:#f888e7;
}
.syn-scope .dark-pink-bg {
	background-color:#C52B70;
}
.syn-scope .pink-bg.hexagon:before {
	border-right: 25px solid #f358db;
}
.syn-scope .pink-bg.hexagon:after {
	border-left: 25px solid #f358db;
}
.syn-scope .green-bg {
	background-color:#47d103;
	color:#fff
}
.syn-scope .light-green-bg {
	background-color:#7ceb45;
}
.syn-scope .green-bg.hexagon:before {
	border-right: 25px solid #47d103;
}
.syn-scope .green-bg.hexagon:after {
	border-left: 25px solid #47d103;
}
.syn-scope .blue-bg {
	background-color:#0090ff;
	color:#fff
}
.syn-scope .light-blue-bg {
	background-color:#5db2f3;
}
.syn-scope .blue-bg.hexagon:before {
	border-right: 25px solid #0090ff;
}
.syn-scope .blue-bg.hexagon:after {
	border-left: 25px solid #0090ff;
}
.syn-scope .orange-bg {
	background-color:#ec8a32;
	color:#fff
}
.syn-scope .light-orange-bg {
	background-color:#f2aa6a;
}
.syn-scope .orange-bg.hexagon:before {
	border-right: 25px solid #ec8a32;
}
.syn-scope .orange-bg.hexagon:after {
	border-left: 25px solid #ec8a32;
}
.syn-scope .fb-bg {
	background-color:#3b5998;
	color:#fff
}
.syn-scope .tw-bg {
	background-color:#00acee;
	color:#fff
}
.syn-scope .ln-bg {
	background:#0177b5;
	color:#fff
}
.syn-scope .rss-bg {
	background:#EE802F;
	color:#fff
}
.syn-scope .gplus-bg {
	background:#dd4b39;
	color:#fff
}
.syn-scope .yt-bg {
	background:#de2c28;
	color:#fff
}
.syn-scope .dr-bg {
	background:#c32361;
	color:#fff
}
.syn-scope .sound-bg {
	background:#ff4900;
	color:#fff
}
.syn-scope .bg-full-rit, .syn-scope .bg-full-lft {
	position:absolute;
	width:500%;
	height:100%;
	z-index:-1
}
.syn-scope .bg-full-lft {
	left:-100%
}
.syn-scope .white-border {
	border:1px #fff solid;
}
.syn-scope .fa-hover > span {
	display: block;
	line-height: 40px;
	height: 40px;
	padding-left: 35px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	position:relative
}
.syn-scope .fa-hover:hover > span {
	padding-left:45px
}
.syn-scope .fa-hover > span i {
	margin-right:9px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.1s ease-in-out;
	position:absolute;
	left:12px;
	top:13px
}
.syn-scope .fa-hover:hover > span i {
	font-size: 28px;
	top:5px;
	left:8px;
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
}
.syn-scope .no-border {
	border:0 !important
}
.syn-scope .saf-tags.hover-effect li:hover a:after {
	background:transparent !important
}
/*
--------- highlight, Dropcaps & Blockquote --------- */
.syn-scope .highlight-1 {
	background: #fcff00;
}

/* Desktop Styles */
@media (min-width: 993px) {.syn-scope .dropcap {
				display: block;
				float: left;
				margin: 2px 8px 0 0;
				font-weight: bold;
				font-size: 36px;
				line-height: 36px;
			}.syn-scope .dropcap.main-color {
				display: block;
				float: left;
				margin: 2px 8px 0 0;
				font-weight: bold;
				font-size: 20px;
				line-height: 16px;
			}.syn-scope .banner-text {
				color: #6F8188 !important;
			}.syn-scope .icon-main-color {
				color: #5BA7F6 !important;
			}.syn-scope .dropcap_small {
				display: block;
				float: left;
				margin: 2px 8px 0 0;
				font-weight: bold;
				font-size: 18px;
				line-height: 18px;
			}.syn-scope .dropcap_small.main-color {
				font-weight:normal
			}.syn-scope .dropcap.main-bg {
				display:inline-block;
				padding:0 4px
			}
}


/* Mobile Styles */
@media (max-width: 992px) {.syn-scope .dropcap {
				display: block;
				float: left;
				margin: 2px 8px 0 0;
				font-weight: bold;
				font-size: 36px;
				line-height: 36px;
			}.syn-scope .dropcap.main-color {
				display: block;
				float: left;
				margin: 2px 5px 0 0;
				font-weight: bold;
				font-size: 16px;
				line-height: 19px;
			}.syn-scope .banner-text {
				color: #6F8188 !important;
			}.syn-scope .dropcap_small {
				display: block;
				float: left;
				margin: 2px 8px 0 0;
				font-weight: bold;
				font-size: 18px;
				line-height: 18px;
			}.syn-scope .dropcap_small.main-color {
				font-weight:normal
			}.syn-scope .dropcap.main-bg {
				display:inline-block;
				padding:0 4px
			}
}


.syn-scope blockquote {
	margin: 0;
	position:relative
}
.syn-scope blockquote:before, .syn-scope blockquote:after {
	content: "\f10d";
	display: inline-block;
	font: normal normal normal 25px/1 FontAwesome;
	position:absolute;
	left:18px;
	top:18px;
}
.syn-scope blockquote:after {
	content: "\f10e";
	right:18px;
	bottom:18px;
	left:auto;
	top:auto
}
.syn-scope blockquote p {
	margin: 0;
	margin-bottom: 0;
	font-size: 15px;
	line-height:27px;
	padding: 30px 20px 0 20px;
}
.syn-scope blockquote span {
	font-weight: bold;
	font-size: 16px;
	display:block;
	padding: 30px 40px 30px 60px;
}
.syn-scope .bquote-2 {
	border:0
}
.syn-scope .bquote-2 p {
	color:#fff
}
.syn-scope .bquote-2:before, .syn-scope .bquote-2:after {
	color:rgba(0,0,0,.15)
}
.syn-scope .bquote-3 {
	border-bottom-width:4px !important;
	border-bottom-style:solid;
	padding-bottom:0
}
.syn-scope .bquote-3 .bottom {
	padding-bottom:25px;
	position:relative
}
.syn-scope .bquote-3 .bottom:after {
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	content: "";
	left: 50%;
	bottom: -2px;
}
.syn-scope .bquotes_slider .bquote-3, .syn-scope .bquotes_slider .bquote-4 {
	margin-right:10px
}
.syn-scope .bquote-4 span.main-bg {
	padding: 15px !important;
	margin: 25px -20px -10px;
	position:relative
}
.syn-scope .bquote-4 span.main-bg:after {
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	content: "";
	left: 50%;
	top: -8px;
}
.syn-scope .bquote-4 span.main-bg:after {
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	content: "";
	left: 50%;
	top: -8px;
}
.syn-scope .bquote-4:after {
	bottom:70px
}
/*
------------ list styles -------------- */
.syn-scope .list li {
	line-height:30px;
	overflow: hidden;
}
.syn-scope .list li i {
	font-size:11px;
	margin-right:8px;
	width:35px;
	height:25px;
	text-align:center;
	line-height:25px;
}
.syn-scope .list li.list-bg {
	margin-bottom:2px
}
.syn-scope .list li.list-bg i {
	width:35px;
	height:35px;
	line-height: 35px;
	font-size:15px;
	float:left
}
.syn-scope .date-time-list li {
	line-height:25px;
	padding:8px 0;
	overflow:hidden
}
.syn-scope .date-time-list i {
	float:left;
}
.syn-scope .lg-list li {
	line-height:40px
}

-/*----------- list styles  syntec -------------- */


.syn-scope .list-syn {
    list-style: none;
    margin: 0;
    padding: 0;
}

.syn-scope .list-syn ul {
    display: block;

    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}


.syn-scope .list-syn li {
    display: flex; /* Flexbox for alignment */
    align-items: center; /* Vertically align icon and text */
    gap: 8px; /* Space between icon and text */
    font-size: 16px; /* Text size */
    line-height: normal; /* Ensure the text doesn't affect alignment */
    margin-bottom: 8px; /* Space between items */
}

.syn-scope .list-syn li i {
    font-size: 10px; /* Increased icon size */

}

.syn-scope .list-syn li span {
    display: inline-block; /* Ensures text aligns properly */
    vertical-align: middle; /* Ensures alignment with icon */
    white-space: nowrap; /* Prevents text wrapping */
}

.syn-scope .list-syn li.list-bg {
	margin-bottom:2px
}
.syn-scope .list-syn li.list-bg i {
	width:35px;
	height:35px;
	line-height: 35px;
	font-size:15px;
	float:left
}
.syn-scope .date-time-list-syn li {
	line-height:25px;
	padding:8px 0;
	overflow:hidden
}
.syn-scope .date-time-list-syn i {
	float:left;
}
.syn-scope .lg-list-syn li {
	line-height:40px
}

/* sections bg */
.syn-scope .diamonds-pattern {
	background-image:url('../images/patterns/diamonds.png');
}
.syn-scope .diamonds-pattern-2 {
	background-image:url('../images/patterns/diamonds-2.png');
}
.syn-scope .pattern-bg-1 {
	background-image:url('../images/patterns/pattern-1.png');
}
.syn-scope video {
	width:100%;
	height:100%
}
.syn-scope .video-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	background: rgba(0,0,0,.4);
	-webkit-backface-visibility: hidden;
}

.syn-scope .rev-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Adjust darkness here */
    z-index: 2; /* Must be under text layers (5, 6, 7) but above bg image */
    pointer-events: none; /* Makes sure buttons and links still work */
}


/* ==========================================================================
  11. IMPORTANT CLASSES
============================================================================= */
.syn-scope .txt-shadow {text-shadow: 1px 1px 1px rgba(0,0,0,.2);}
.syn-scope .center-bullet {
        text-align: center; /* Centers horizontally */
        vertical-align: middle; /* Centers vertically */
    }
.syn-scope .font-8 {font-size:8px !important}
.syn-scope .font-10 {font-size:10px !important}
.syn-scope .font-15 {font-size:15px !important}
.syn-scope .font-17 {font-size:17px !important}
.syn-scope .font-18 {font-size:18px !important}
.syn-scope .font-19 {font-size:19px !important}
.syn-scope .font-20 {font-size:20px !important}
.syn-scope .font-30 {font-size:30px !important}
.syn-scope .font-40 {font-size:40px !important;letter-spacing: 1px;}
.syn-scope .font-50 {font-size:50px !important;letter-spacing: 1px;}
.syn-scope .font-60 {font-size:60px !important;letter-spacing: 1px;}
.syn-scope .font-70 {font-size:70px !important;letter-spacing: 1px;}
.syn-scope .font-80 {font-size:80px !important;letter-spacing: 1px;}
.syn-scope .font-90 {font-size:90px !important;letter-spacing: 1px;}
.syn-scope .font-100 {font-size:100px !important;letter-spacing: 1px;}b v bhny    nmhy nmhyv nhy b   b 
.syn-scope .padding-horizontal-0 {padding-left: 0;padding-right: 0;}
.syn-scope .padding-horizontal-5 {padding-left: 5px;padding-right: 5px;}
.syn-scope .padding-horizontal-10 {padding-left: 10px;padding-right: 10px;}
.syn-scope .padding-horizontal-15 {padding-left: 15px;padding-right: 15px;}
.syn-scope .padding-horizontal-20 {padding-left: 20px;padding-right: 20px;}
.syn-scope .padding-horizontal-25 {padding-left: 25px;padding-right: 25px;}
.syn-scope .padding-horizontal-30 {padding-left: 30px;padding-right: 30px;}
.syn-scope .padding-horizontal-35 {padding-left: 35px;padding-right: 35px;}
.syn-scope .padding-horizontal-40 {padding-left: 40px;padding-right: 40px;}
.syn-scope .padding-horizontal-45 {padding-left: 45px;padding-right: 45px;}
.syn-scope .padding-horizontal-50 {padding-left: 50px;padding-right: 50px;}
.syn-scope .padding-horizontal-60 {padding-left: 60px;padding-right: 60px;}
.syn-scope .padding-horizontal-70 {padding-left: 70px;padding-right: 70px;}
.syn-scope .padding-horizontal-80 {padding-left: 80px;padding-right: 80px;}
.syn-scope .padding-horizontal-90 {padding-left: 90px;padding-right: 90px;}
.syn-scope .padding-horizontal-100 {padding-left: 100px;padding-right: 100px;}
.syn-scope .padding-vertical-0 {padding-top: 0;padding-bottom: 0;}
.syn-scope .padding-vertical-5 {padding-top: 5px;padding-bottom: 5px;}
.syn-scope .padding-vertical-10 {padding-top: 10px;padding-bottom: 10px;}
.syn-scope .padding-vertical-15 {padding-top: 15px;padding-bottom: 15px;}
.syn-scope .padding-vertical-20 {padding-top: 20px;padding-bottom: 20px;}
.syn-scope .padding-vertical-25 {padding-top: 25px;padding-bottom: 25px;}
.syn-scope .padding-vertical-30 {padding-top: 30px;padding-bottom: 30px;}
.syn-scope .padding-vertical-35 {padding-top: 35px;padding-bottom: 35px;}
.syn-scope .padding-vertical-40 {padding-top: 40px;padding-bottom: 40px;}
.syn-scope .padding-vertical-45 {padding-top: 45px;padding-bottom: 45px;}
.syn-scope .padding-vertical-50 {padding-top: 50px;padding-bottom: 50px;}
.syn-scope .padding-vertical-60 {padding-top: 60px;padding-bottom: 60px;}
.syn-scope .padding-vertical-70 {padding-top: 70px;padding-bottom: 70px;}
.syn-scope .padding-vertical-80 {padding-top: 80px;padding-bottom: 80px;}
.syn-scope .padding-vertical-90 {padding-top: 90px;padding-bottom: 90px;}
.syn-scope .padding-vertical-100 {padding-top: 100px;padding-bottom: 100px;}
.syn-scope .lg-padding {padding:50px 0}
.syn-scope .padding-bottom-0 {padding-bottom:0}
.syn-scope .padding-bottom-10 {padding-bottom:10px;}
.syn-scope .padding-bottom-50 {padding-bottom:50px;}
.syn-scope .padding-bottom-20 {padding-bottom:20px;}
.syn-scope .padding-bottom-25 {padding-bottom:25px;}
.syn-scope .padding-bottom-30 {padding-bottom:30px;}

.syn-scope .padding-top-0 {padding-top:0}
.syn-scope .padding-top-10 {padding-top:10px;}
.syn-scope .padding-top-20 {padding-top:20px;}
.syn-scope .padding-top-25 {padding-top:25px;}
.syn-scope .padding-top-30 {padding-top:30px;}
.syn-scope .padding-top-50 {padding-top:50px;}

.syn-scope .margin-0 {margin:0}
.syn-scope .margin-vertical-0 {margin-top: 0;margin-bottom: 0;}
.syn-scope .margin-vertical-5 {margin-top: 5px;margin-bottom: 5px;}
.syn-scope .margin-vertical-10 {margin-top: 10px;margin-bottom: 10px;}
.syn-scope .margin-vertical-15 {margin-top: 15px;margin-bottom: 15px;}
.syn-scope .margin-vertical-20 {margin-top: 20px;margin-bottom: 20px;}
.syn-scope .margin-vertical-25 {margin-top: 25px;margin-bottom: 25px;}
.syn-scope .margin-vertical-30 {margin-top: 30px;margin-bottom: 30px;}
.syn-scope .margin-vertical-35 {margin-top: 35px;margin-bottom: 35px;}
.syn-scope .margin-vertical-40 {margin-top: 40px;margin-bottom: 40px;}
.syn-scope .margin-vertical-45 {margin-top: 45px;margin-bottom: 45px;}
.syn-scope .margin-vertical-50 {margin-top: 50px;margin-bottom: 50px;}
.syn-scope .margin-vertical-60 {margin-top: 60px;margin-bottom: 60px;}
.syn-scope .margin-vertical-70 {margin-top: 70px;margin-bottom: 70px;}
.syn-scope .margin-vertical-80 {margin-top: 80px;margin-bottom: 80px;}
.syn-scope .margin-vertical-90 {margin-top: 90px;margin-bottom: 90px;}
.syn-scope .margin-vertical-100 {margin-top: 100px;margin-bottom: 100px;}
.syn-scope .margin-top-0   { margin-top: 0; }
.syn-scope .margin-top-5   { margin-top: clamp(2px, 6vw, 5px); }
.syn-scope .margin-top-10  { margin-top: clamp(4px, 6vw, 10px); }
.syn-scope .margin-top-15  { margin-top: clamp(6px, 6vw, 15px); }
.syn-scope .margin-top-20  { margin-top: clamp(8px, 6vw, 20px); }
.syn-scope .margin-top-25  { margin-top: clamp(10px, 6vw, 25px); }
.syn-scope .margin-top-30  { margin-top: clamp(12px, 6vw, 30px); }
.syn-scope .margin-top-35  { margin-top: clamp(14px, 6vw, 35px); }
.syn-scope .margin-top-40  { margin-top: clamp(16px, 6vw, 40px); }
.syn-scope .margin-top-45  { margin-top: clamp(18px, 6vw, 45px); }
.syn-scope .margin-top-50  { margin-top: clamp(20px, 6vw, 50px); }
.syn-scope .margin-top-60  { margin-top: clamp(24px, 6vw, 60px); }
.syn-scope .margin-top-70  { margin-top: clamp(28px, 6vw, 70px); }
.syn-scope .margin-top-80  { margin-top: clamp(32px, 6vw, 80px); }
.syn-scope .margin-top-90  { margin-top: clamp(36px, 6vw, 90px); }
.syn-scope .margin-top-100 { margin-top: clamp(40px, 6vw, 100px); }
.syn-scope .margin-top-150 { margin-top: clamp(60px, 6vw, 150px); }
.syn-scope .margin-bottom-0 {margin-bottom: 0 !important;}
.syn-scope .margin-bottom-5 {margin-bottom: 5px;}
.syn-scope .margin-bottom-10 {margin-bottom: 10px;}
.syn-scope .margin-bottom-15 {margin-bottom: 15px;}
.syn-scope .margin-bottom-20 {margin-bottom: 20px;}
.syn-scope .margin-bottom-25 {margin-bottom: 25px;}
.syn-scope .margin-bottom-30 {margin-bottom: 30px;}
.syn-scope .margin-bottom-35 {margin-bottom: 35px;}
.syn-scope .margin-bottom-40 {margin-bottom: 40px;}
.syn-scope .margin-bottom-45 {margin-bottom: 45px;}
.syn-scope .margin-bottom-50 {margin-bottom: 50px;}
.syn-scope .margin-bottom-60 {margin-bottom: 60px;}
.syn-scope .margin-bottom-70 {margin-bottom: 70px;}
.syn-scope .margin-bottom-80 {margin-bottom: 80px;}
.syn-scope .margin-bottom-90 {margin-bottom: 90px;}
.syn-scope .margin-bottom-100 {margin-bottom: 100px;}
.syn-scope .margin-left-100 {margin-left:100px}
.syn-scope .margin-auto {margin:auto;}
.syn-scope .width-10 {width:10px}
.syn-scope .width-20 {width:20px}
.syn-scope .width-30 {width:30px}
.syn-scope .width-40 {width:40px}
.syn-scope .width-50 {width:50px}
.syn-scope .width-60 {width:60px}
.syn-scope .width-70 {width:70px}
.syn-scope .width-80 {width:80px}
.syn-scope .width-90 {width:90px}
.syn-scope .width-100 {width:100px}
.syn-scope .width-percent-10 {width:10%}
.syn-scope .width-percent-20 {width:20%}
.syn-scope .width-percent-30 {width:30%}
.syn-scope .width-percent-40 {width:40%}
.syn-scope .width-percent-50 {width:50%}
.syn-scope .width-percent-60 {width:60%}
.syn-scope .width-percent-70 {width:70%}
.syn-scope .width-percent-80 {width:80%}
.syn-scope .width-percent-90 {width:90%}
.syn-scope .no-bg-btn {background:transparent none;border:0}
.syn-scope .right-cell {float: right !important;}
.syn-scope .left-text {text-align:left}


.syn-scope .centered-image {
    text-align: center; /* Centers the image horizontally */
}

.syn-scope .scaled-image-50 {
    max-width: 100%; /* Ensures the image does not exceed the column width */
    width: 50%; /* Scales the image to 50% of its original size */
    height: auto; /* Maintains the image's aspect ratio */
    display: block; /* Ensures proper block-level alignment */
    margin: 0 auto; /* Horizontally centers the image within the column */
}

.syn-scope .centered-image img {
    max-width: 100%; /* Ensures the image doesn't overflow its container */
    height: auto; /* Keeps the image aspect ratio intact */
    display: inline-block; /* Makes the image behave like an inline block for centering */
}


.syn-scope .center-tbl {
	display:table;
	margin:auto;
	float:none
}
.syn-scope .ads-box {
	padding:50px;
}
.syn-scope .ads-box p {
	line-height:1.4;
	margin:0;
	text-shadow:none;
	font-size:19px;
}
.syn-scope .section-full-bg {
	position:absolute;
	top: 0;
	width:300%;
	height: 100%;
	display:inline-block;
	z-index:0;
}
.syn-scope .section-full-bg.left.circle {
	border-radius:50em;
	border-top-left-radius:0;
	border-bottom-left-radius:0
}
.syn-scope .section-full-bg.right.circle {
	border-radius:50em;
	border-top-right-radius:0;
	border-bottom-right-radius:0
}
.syn-scope .bg-block {
	position:relative;
	z-index:9;
	padding:50px 30px;
	border-width:5px;
	border-left-width:0;
	-webkit-box-shadow:-25px 0px 15px -15px rgba(50, 50, 50, 0.45);
	-moz-box-shadow:-25px 0px 15px -15px rgba(50, 50, 50, 0.45);
	box-shadow:-25px 0px 15px -15px rgba(50, 50, 50, 0.45);
}
.syn-scope .bg-block p {
	margin-bottom:0
}
.syn-scope .sec-bg.left.circle {
	border-radius:50em;
	border-top-left-radius:0;
	border-bottom-left-radius:0
}
.syn-scope .sec-bg.right.circle {
	border-radius:50em;
	border-top-right-radius:0;
	border-bottom-right-radius:0
}
.syn-scope .section-side {
	padding:0 40px
}
.syn-scope .section-full-bg.left {
	right: 0;
}
.syn-scope .section-full-bg.right {
	left:0;
}
.syn-scope .section-full-bg.left.circle {
	right: -25px;
}
.syn-scope .section-full-bg.right.circle {
	left:-25px;
}
.syn-scope .section-full-bg.left.rect {
	right: 30%;
}
.syn-scope .section-full-bg.right.rect {
	left:30%;
}
/* slick slider */
.syn-scope .testimonials-3 .slick-dots li button:before {
	font-size:30px !important;
	width:10px !important;
	height:10px !important ;
}
.syn-scope .testimonials-3 .slick-dots li button, .syn-scope .testimonials-3 .slick-dots li {
	width:12px !important;
	height:12px !important;
}
.syn-scope .testimonials-2 .slick-next, .syn-scope .testimonials-2 .slick-prev {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-20px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border:1px rgba(156, 156, 156 , 0.68) solid;
}
.syn-scope .testimonials-2 .slick-next:before, .syn-scope .testimonials-2 .slick-prev:before {
	font-size:20px;
	line-height:38px;
}
.syn-scope .testimonials-2 .slick-next {
	right:0;
	left:auto;
}
.syn-scope .img-holder .slick-dots {
	position:absolute;
	bottom:8px;
	right:10px
}
.syn-scope .pro-gallery .slick-dots {
	margin-top:-35px
}
.syn-scope .posts-gal .slick-dots {
	position:absolute;
	bottom:15px;
	right:15px
}
.syn-scope .shop-horizontal-slick .shop-item {
	margin-bottom:1px;
}
.syn-scope .product-img .slick-dots {
	display: table;
	margin: 5px auto 0;
	width:100%
}


.syn-scope .product-img .slick-dots li {
	display: table-cell;
	padding: 0 0 0 0;
}
.syn-scope .product-img .slick-dots li img {
	width: 75px;
	Height:  55px;
	cursor:pointer;

}
.syn-scope .product-img .slick-dots li img:hover, .syn-scope .product-img .slick-dots li.slick-active img {
	opacity:1;
}

/* Style all slick-dots */
.syn-scope .slick-dots li {
    transition: background-color 0.3s ease, transform 0.3s ease;
    background-color: rgba(0, 0, 0, 0.1); /* Default dot color */
}

/* Style the current (active) slick-dot */
.syn-scope .slick-dots li.slick-active {
    background-color: rgba(0, 0, 0, 0.2); /* Active dot color */
}

.syn-scope .shop-ajax .slick-prev, .syn-scope .shop-ajax .slick-next {
	position:absolute;
	top:50%;
	left:0;
	background:rgba(0,0,0,.5);
	color:#fff;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin-top:-15px;
	display:inline-block
}
.syn-scope .shop-ajax .slick-prev:before, .syn-scope .shop-ajax .slick-next:before {
	line-height:40px;
	display:inline-block;
	width:40px;
	text-align:center
}
.syn-scope .shop-ajax .slick-next {
	left:auto;
	right:0
}
.syn-scope .shop-ads-top .slick-slide img {
	width:100%
}
.syn-scope .shop-ads-top .slick-dots {
	margin-top:-35px;
	margin-bottom:15px
}
.syn-scope .footer-top div.slick-s {
	height: 35px !important;
	overflow:hidden;
}
.syn-scope .footer-top div.slick-s .slick-slide {
	padding:0 66px 0 30px;
	line-height:60px;
	position:relative;
	overflow:hidden;
	height: 30px !important;
}
.syn-scope .footer-top div.slick-s .slick-slide:before {
	font: normal normal normal 19px/1 FontAwesome;
	position: absolute;
	left: 0;
	top: 6px;
	content: "\f099";
	display: inline-block;
}
.syn-scope .footer-top div.slick-s a {
	color:#fff
}
.syn-scope .footer-top div.slick-s .slick-prev, .syn-scope .footer-top div.slick-s .slick-next {
	border:0;
	background:rgba(0,0,0,.11);
	position:absolute;
	right:0px;
	font-size:0px;
	top: 0px;
	width: 35px;
	height: 30px;
	color:#fff;
}
.syn-scope .footer-top div.slick-s .slick-prev:before, .syn-scope .footer-top div.slick-s .slick-next:before {
	font: normal normal normal 15px/0.8 FontAwesome;
	content: "\f106";
	display: inline-block;
	margin-right: 3px;
}
.syn-scope .footer-top div.slick-s .slick-prev {
	right:33px;
	background:rgba(0,0,0,.22);
}
.syn-scope .footer-top div.slick-s .slick-prev {
	right: 35px;
	background:rgba(0,0,0,.22);
}
.syn-scope .footer-top div.slick-s .slick-prev:before {
	content: "\f107";
	margin-left: 3px;
	margin-right: 0;
}
.syn-scope .footer-top div.slick-s .slick-dots {
	display:none !important
}
.syn-scope .widget-tweets .slick-dots, .syn-scope .widget-tweets .slider_controls {
	margin: 10px auto;
}
.syn-scope .footer-light .footer-top div.slick-s a {
	color:#666;
	font-weight:normal !important
}
.syn-scope #footWrapper .footer-middle .tweets-widget .slick-prev, .syn-scope #footWrapper .footer-middle .tweets-widget .slick-next {
	display:block !important;
	position:absolute;
	right:0;
	top: -72px;
}
.syn-scope #footWrapper .footer-middle .tweets-widget .slick-prev {
	right:20px
}
.syn-scope #footWrapper .footer-middle .tweets-widget .slick-next:before {
	content: "\f106";
}
.syn-scope #footWrapper .footer-middle .tweets-widget .slick-prev:before {
	content: "\f107";
}
.syn-scope .break-news-slider .slick-prev, .syn-scope .break-news-slider .slick-next {
	position:absolute;
	top:10px;
	right:-25px
}
.syn-scope .break-news-slider .slick-prev {
	right:-5px
}
.syn-scope .tweets-widget .slick-prev, .syn-scope .tweets-widget .slick-next {
	position:absolute;
	top:-50px;
	right:-10px
}
.syn-scope .tweets-widget .slick-prev {
	right:10px
}
.syn-scope .horizontal-slider .slick-prev, .syn-scope .horizontal-slider .slick-next {
	position:absolute;
	left: 1px;
	background: #5BA7F6;
	color: #FFF;
	width: 40px;
	height:40px;
	text-align:center;
	top:50%;
	margin-top:-20px;
	-webkit-transition: transform 0.45s;
	transition: transform 0.45s;
	-webkit-transform: translate3d(-60px,0,0);
	transform: translate3d(-60px,0,0);
	opacity:0;
	z-index:99;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
.syn-scope .horizontal-slider .slick-prev:before, .syn-scope .horizontal-slider .slick-next:before {
	font-size:20px;
	display:inline-block;
	line-height:40px;
	position:relative
}
.syn-scope .horizontal-slider .slick-prev:before {
	left:auto;
}
.syn-scope .horizontal-slider .slick-next {
	left:auto;
	right: 1px;
	-webkit-transform: translate3d(60px,0,0);
	transform: translate3d(60px,0,0);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
.syn-scope .horizontal-slider.slick-slider:hover .slick-prev, .syn-scope .horizontal-slider.slick-slider:hover .slick-next {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity:1
}
.syn-scope .horizontal-slider.slick-slider:hover .slick-prev, .syn-scope .horizontal-slider.slick-slider:hover .slick-next {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity:1
}
.syn-scope .show-arrows {
	overflow:visible
}
.syn-scope .show-arrows .slick-prev, .syn-scope .show-arrows .slick-next {
	opacity:1;
	top: -63px;
	right: 15px;
	left:auto;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	width: 30px;
	height: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.syn-scope .show-arrows .slick-prev:before, .syn-scope .show-arrows .slick-next:before {
	font-size: 13px;
	line-height: 30px;
}
.syn-scope .show-arrows .slick-prev {
	right: 46px;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
/* ==========================================================================
  12. SHAPES
============================================================================= */
.syn-scope .new-angle, .syn-scope .panel.new-angle, .syn-scope .contact-widget .details li i.new-angle:before, .syn-scope .filter-by ul li.new-angle:after, .syn-scope .filter-by ul li.new-angle.active a, .syn-scope .top-head.header-2 .top-search.new-angle > a:before, .syn-scope .top-head.header-2 .top-cart.new-angle > a:before {
	border-top-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}
.syn-scope .new-angle.lg, .syn-scope .contact-widget .details li i.new-angle.lg:before {
	border-top-right-radius: 3em;
	border-bottom-left-radius: 3em;
}
.syn-scope .new-angle.sm, .syn-scope .contact-widget .details li i.new-angle.sm:before, .syn-scope .icon-box-small i.new-angle.sm:after {
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.syn-scope .top-bar ul.new-angle {
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
.syn-scope .accordion.style-1 .panel >.panel-heading h4 a.new-angle:not(.collapsed):before {
	width: 97.7%;
	left: 2.5%;
}
.syn-scope .accordion.style-1 .panel >.panel-heading h4 a.round:not(.collapsed):before {
	width: 92%;
	left: 4%;
}
.syn-scope .accordion.style-3.new-angle .panel:first-child>.panel-heading h4 a:not(.collapsed) {
	border-top-right-radius:1.2em
}
.syn-scope .nav-tabs.new-angle li:first-child a {
	border-bottom-left-radius:1.2em
}
.syn-scope .box-5.new-angle:hover .rounded-img {
	border-top-left-radius: 0;
	border-top-right-radius:2em;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0
}
.syn-scope .box-5.new-angle:hover {
	border-top-right-radius: 2em;
	border-bottom-left-radius: 2em;
}
.syn-scope .new-angle.lg .slick-slide img {
	border-top-right-radius: 3em;
}
.syn-scope .feature-img .new-angle:before {
	border-top-right-radius: 1.2em;
	border-bottom-left-radius: 1.2em;
}
.syn-scope .feature-img .new-angle.lg:before {
	border-top-right-radius: 3em;
	border-bottom-left-radius: 3em;
}
.syn-scope .new-angle .slick-dots li:first-child img {
	border-bottom-left-radius: 1.2em;
}
.syn-scope .new-angle.icon-box.gry-border-2 .head-bg {
	border-top-right-radius: 0.9em;
}
.syn-scope .icon-box-small i.new-angle:after {
	border-top-right-radius: 1.2em;
	border-bottom-left-radius: 1.2em;
}
.syn-scope .progress-bar.new-angle span {
	border-radius:0 !important;
	top:0;
	right:0;
	border-top-right-radius: 1.5em !important;
	width: 30px !important;
	text-align: center;
}
.syn-scope .progress-bars.new-angle.xl-line.tool-tip .progress-bar span {
	height:35px;
	line-height:35px;
	top:0;
	right:0
}
.syn-scope .progress-bar.new-angle.lg span {
	border-radius:0 !important;
	top: 1px;
	right: 1px;
	border-top-right-radius: 3em !important;
	width: 40px !important;
	text-align: center;
}
.syn-scope .pricing-tbl.style-2.new-angle h3 {
	border-top-right-radius: 0.8em;
}
.syn-scope .pricing-tbl.style-4.new-angle .plan-head {
	border-top-right-radius: 1em;
}
.syn-scope .new-angle.bquote-4 span.main-bg {
	border-bottom-left-radius: 1.6em;
}
.syn-scope .portfolio.horizontal-slider.new-angle .slick-list {
	border-top-right-radius: 8em;
	border-bottom-left-radius: 8em;
}
.syn-scope .footer-top div.slick-s.new-angle .slick-prev {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.syn-scope .footer-top div.slick-s.new-angle .slick-next {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.syn-scope .comment-list li.new-angle, .syn-scope .feature-img .new-angle {
	position:relative;
	overflow:hidden
}
/*
---------------- round ---------------------- */
.syn-scope .shape.round, .syn-scope .feature-img:hover figure.round:before, .syn-scope .filter-by ul li.round:after, .syn-scope .filter-by ul li.round.active a, .syn-scope .top-head.header-2 .top-search.round > a:before, .syn-scope .top-head.header-2 .top-cart.round > a:before, .syn-scope .icon-box-small i.round:after, .syn-scope .feature-img figure.round:before {
	border-radius:20em
}
.panel.round,.testimonials-4 .testimonials-bg.round,.contact-widget .details li i.round:before,.team-box.round,[class*="tabs-style-"] .tab-content .tab-pane.round,.ads-box.round,.horizontal-slider.round,.accordion.style-3.round,.pricing-tbl.round,
.syn-scope [class*="bquote-"].round, .syn-scope .msg-box.round, .syn-scope .progress-bars.round, .syn-scope .sm-round.round, .syn-scope .post-item img.round, .syn-scope .my-info.round, .syn-scope .comment-list li.round, .syn-scope .icon-box.round, .syn-scope .testimonials-bg.round, .syn-scope .modal-content.round {
	border-radius:2.2em
}
.syn-scope .lg-slider.round {
	border-radius:20em
}
.syn-scope .lg-slider.round {
	border-radius:20em
}
.syn-scope .widget.round, .syn-scope textarea.round, .syn-scope .product-img.round {
	border-radius:1em
}
.syn-scope .pricing-tbl.round {
	overflow:hidden
}
.syn-scope .accordion.style-3.round .panel:first-child>.panel-heading h4 a:not(.collapsed) {
	border-top-left-radius:2.2em;
	border-top-right-radius:2.2em
}
.syn-scope .icon-box.gry-border-2.round .head-bg {
	border-top-left-radius:1.7em;
	border-top-right-radius:1.7em
}
.syn-scope .nav-tabs.round li:first-child a {
	border-top-left-radius:10em;
	border-bottom-left-radius:10em
}
.syn-scope [class*="tabs-style-"] .tab-content .tab-pane:first-child.active.round {
	border-top-left-radius:0
}
.syn-scope .tabs-style-bg .tab-content .tab-pane.round {
	border-top-left-radius:0
}
.syn-scope #footWrapper .social-list-syn li a.round, .syn-scope .progress-bars.xl-line.tool-tip .progress-bar.round span {
	border-radius:50%
}
.syn-scope .round.bquote-4 span.main-bg {
    border-bottom-left-radius: 1.2em;
    border-bottom-right-radius: 1.2em;
}
.syn-scope .round.sm {
	border-radius:40px
}
.syn-scope .footer-top div.slick-s.round .slick-prev, .syn-scope .footer-top div.slick-s.round .slick-next {
	border-radius: 50%;
	width:30px
}
.syn-scope .footer-top div.slick-s.round .slick-prev:before, .syn-scope .footer-top div.slick-s.round .slick-next:before {
	margin:0
}
.syn-scope .feature-img figure.round a {
	right:50%;
	margin-right:-17.5px
}
.syn-scope .item-box.round .on-sale {
	left: 7%;
	top: 7%;
	width: 50px;
	height: 50px;
	line-height: 66px;
	border-radius: 50%;
}
/*
---------------- square ---------------------- */
.syn-scope .shape.square {
	border-radius:0
}
.syn-scope html.square .pageWrapper *, .syn-scope html.square .circle:after, .syn-scope html.square .circle:before, .syn-scope html.square .full-heading:before, .syn-scope .box-5:hover .team-img {
	border-radius:0 !important
}
/*
---------------- border5px ------------------- */
.syn-scope .border5px {border-radius:5px}
.syn-scope .accordion.style-3.border5px .panel:first-child >.panel-heading h4 a {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.syn-scope .icon-box-small i.border5px:after {
	border-radius: 5px;
}
.syn-scope html.border5px .bottom_tools, .syn-scope html.border5px .post-icon, .syn-scope html.border5px .post-item .post-content {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.syn-scope html.border5px .post-image .post-icon {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.syn-scope html.border5px .footer-top div.slick-s .slick-prev, .syn-scope html.border5px .footer-top div.slick-s .slick-next {
	border-radius:5px;
	width:30px;
}
.syn-scope html.border5px .footer-top div.slick-s .slick-prev:before, .syn-scope html.border5px .footer-top div.slick-s .slick-next:before {
	margin:0
}
.syn-scope html.border5px .top-head.boxed-transparent > .container-syn, .syn-scope html.border5px .sidebar_widgets .tab-content {
	border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.syn-scope html.border5px .full-heading:before, .syn-scope html.border5px .sidebar_widgets .tab-content {
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.syn-scope html.border5px .top-head.boxed-transparent > .container-syn {
	border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.syn-scope html.border5px .full-heading:before {
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.syn-scope .border5px.icon-box.gry-border-2 .head-bg {
	border-top-right-radius:5px;
	border-top-left-radius:5px
}
/*
---------------- right-angle ------------------- */
.syn-scope .right-angle, .syn-scope .icon-box-small i.right-angle:after, .syn-scope .feature-img figure.right-angle:before, .syn-scope .filter-by ul li.right-angle.active a, .syn-scope .filter-by ul li.right-angle:after {
	border-top-right-radius: 30em;
	border-bottom-right-radius: 30em;
}
.syn-scope .widget.right-angle, .syn-scope textarea.right-angle, .syn-scope .product-img.right-angle, .syn-scope .modal-content.right-angle {
	border-top-right-radius:1em;
	border-bottom-right-radius:1em
}
.panel.right-angle,.testimonials-4 .testimonials-bg.right-angle,.contact-widget .details li i.right-angle:before,.team-box.right-angle,[class*="tabs-style-"] .tab-content .tab-pane.right-angle,.ads-box.right-angle,.horizontal-slider.right-angle,.accordion.style-3.right-angle,.pricing-tbl.right-angle,
.syn-scope [class*="bquote-"].right-angle, .syn-scope .msg-box.right-angle, .syn-scope .progress-bars.right-angle, .syn-scope .post-item img.right-angle, .syn-scope .my-info.right-angle, .syn-scope .comment-list li.right-angle, .syn-scope .icon-box.right-angle, .syn-scope .testimonials-bg.right-angle, .syn-scope .right-angle.bg-block {
	border-top-right-radius:2.2em;
	border-bottom-right-radius:2.2em
}
.syn-scope .right-angle.icon-box.gry-border-2 .head-bg, .syn-scope .right-angle.accordion.style-3 .panel:first-child >.panel-heading h4 a, .syn-scope .pricing-tbl.right-angle.style-4 .plan-head, .syn-scope .pricing-tbl.right-angle.style-2 h3 {
	border-top-right-radius:1.7em
}
/*
---------------- left-angle ------------------- */
.syn-scope .left-angle, .syn-scope .icon-box-small i.left-angle:after, .syn-scope .feature-img figure.left-angle:before, .syn-scope .filter-by ul li.left-angle.active a, .syn-scope .filter-by ul li.left-angle:after {
	border-top-left-radius: 30em;
	border-bottom-left-radius: 30em;
}
.syn-scope .widget.left-angle, .syn-scope textarea.left-angle, .syn-scope .product-img.left-angle, .syn-scope .modal-content.left-angle {
	border-top-left-radius:1em;
	border-bottom-left-radius:1em
}
.panel.left-angle,.testimonials-4 .testimonials-bg.left-angle,.contact-widget .details li i.left-angle:before,.team-box.left-angle,[class*="tabs-style-"] .tab-content .tab-pane.left-angle,.ads-box.left-angle,.horizontal-slider.left-angle,.accordion.style-3.left-angle,.pricing-tbl.left-angle,
.syn-scope [class*="bquote-"].left-angle, .syn-scope .msg-box.left-angle, .syn-scope .progress-bars.left-angle, .syn-scope .post-item img.left-angle, .syn-scope .my-info.left-angle, .syn-scope .comment-list li.left-angle, .syn-scope .icon-box.left-angle, .syn-scope .testimonials-bg.left-angle, .syn-scope .left-angle.bg-block {
	border-top-left-radius:2.2em;
	border-bottom-left-radius:2.2em
}
.syn-scope .left-angle.icon-box.gry-border-2 .head-bg, .syn-scope .left-angle.accordion.style-3 .panel:first-child >.panel-heading h4 a, .syn-scope .pricing-tbl.left-angle.style-4 .plan-head, .syn-scope .pricing-tbl.left-angle.style-2 h3 {
	border-top-left-radius:1.7em
}
.syn-scope .tabs-style-default .tab-content .tab-pane.active.left-angle {
	border-top-left-radius:0
}
/*
---------------- top-angle ------------------- */
.syn-scope .top-angle, .syn-scope .icon-box-small i.top-angle:after {
	border-top-right-radius: 30em;
	border-top-left-radius: 30em;
}
.syn-scope .top-angle.btn, .syn-scope .accordion .top-angle, .syn-scope .top-head.header-4 .top-search.top-angle {
	border-top-right-radius: 1.5em;
	border-top-left-radius: 1.5em;
}
.syn-scope .widget.top-angle, .syn-scope textarea.top-angle, .syn-scope .product-img.top-angle, .syn-scope .tags .top-angle {
	border-top-right-radius:1em;
	border-top-left-radius:1em
}
.panel.top-angle,.testimonials-4 .testimonials-bg.top-angle,.contact-widget .details li i.top-angle:before,.team-box.top-angle,[class*="tabs-style-"] .tab-content .tab-pane.top-angle,.ads-box.top-angle,.horizontal-slider.top-angle,.accordion.style-3.top-angle,.pricing-tbl.top-angle,
[class*="bquote-"].top-angle,.msg-box.top-angle,.progress-bars.top-angle,.post-item img.top-angle,.my-info.top-angle,.comment-list li.top-angle,.icon-box.top-angle,.testimonials-bg.top-angle,.feature-img figure.top-angle:before,.feature-img figure.top-angle,.modal-content.top-angle,
.syn-scope .break-news.top-angle, .syn-scope .pricing-tbl.top-angle.style-4 .plan-head, .syn-scope .not-found-form input[type=text].top-angle {
	border-top-left-radius:2.2em;
	border-top-right-radius:2.2em
}
.syn-scope .top-angle.icon-box.gry-border-2 .head-bg, .syn-scope .top-angle.accordion.style-3 .panel:first-child >.panel-heading h4 a, .syn-scope .p-style5 figure .description.top-angle, .syn-scope .item-box.top-angle, .syn-scope .pricing-tbl.top-angle.style-2 h3, .syn-scope .top-angle.form-control {
	border-top-right-radius:1.7em;
	border-top-left-radius:1.7em
}
/*
---------------- bottom-angle ------------------- */
.syn-scope .bottom-angle, .syn-scope .icon-box-small i.bottom-angle:after, .syn-scope .filter-by ul li.bottom-angle.active a, .syn-scope .filter-by ul li.bottom-angle:after {
	border-bottom-right-radius: 30em;
	border-bottom-left-radius: 30em;
}
.syn-scope .bottom-angle.btn, .syn-scope .accordion .bottom-angle, .syn-scope .p-style5 figure .description.bottom-angle, .syn-scope .top-head.header-4 .top-search.bottom-angle {
	border-bottom-right-radius: 1.5em;
	border-bottom-left-radius: 1.5em;
}
.syn-scope .widget.bottom-angle, .syn-scope textarea.bottom-angle, .syn-scope .product-img.bottom-angle, .syn-scope .tags .bottom-angle {
	border-bottom-right-radius:1em;
	border-bottom-left-radius:1em
}
.panel.bottom-angle,.testimonials-4 .testimonials-bg.bottom-angle,.contact-widget .details li i.bottom-angle:before,.team-box.bottom-angle,[class*="tabs-style-"] .tab-content .tab-pane.bottom-angle,.ads-box.bottom-angle,.horizontal-slider.bottom-angle,.accordion.style-3.bottom-angle,.pricing-tbl.bottom-angle,
[class*="bquote-"].bottom-angle,.msg-box.bottom-angle,.progress-bars.bottom-angle,.post-item img.bottom-angle,.my-info.bottom-angle,.comment-list li.bottom-angle,.icon-box.bottom-angle,.testimonials-bg.bottom-angle,.feature-img figure.bottom-angle,.feature-img figure.bottom-angle:before,.modal-content.bottom-angle,
.syn-scope .break-news.bottom-angle, .syn-scope .item-box.bottom-angle, .syn-scope .pricing-tbl.bottom-angle.style-4 .plan-head {
	border-bottom-left-radius:2.2em;
	border-bottom-right-radius:2.2em
}
.syn-scope .pricing-tbl.bottom-angle.style-2 h3, .syn-scope .bottom-angle.form-control, .syn-scope .not-found-form input[type=text].bottom-angle {
	border-bottom-right-radius: 1.7em;
	border-bottom-left-radius: 1.7em;
}
/* ==========================================================================
  13. BOXED MODE
============================================================================= */
.syn-scope .pageWrapper.boxed {
	margin: 0 auto;
}
.syn-scope .pageWrapper.boxed .full-cell {
	width:100%
}
.syn-scope .pageWrapper.boxed .fullwidthbanner-container-syn, .syn-scope .pageWrapper.boxed .forcefullwidth_wrapper_tp_banner, .syn-scope .pageWrapper.boxed .fullscreen-container-syn {
	width:100% !important;
	left:0 !important
}
.syn-scope .pageWrapper.boxed .top-head.transparent, .syn-scope .pageWrapper.boxed .top-head.sticky-nav {
	width:auto;
	left:auto;
	top:30px
}
.syn-scope .pageWrapper.boxed .fixed-footer {
	width:auto;
	left:auto;
}
.syn-scope .full-2-foot {
	margin-left:-15px
}
.syn-scope .fullscreen-body .pageWrapper.boxed {
	margin:0 auto
}
.syn-scope .fullscreen-body .pageWrapper.boxed .top-head.transparent, .syn-scope .fullscreen-body .pageWrapper.boxed .top-head.sticky-nav {
	top:0
}
.syn-scope .fullscreen-body video {
	z-index: 1;
	position: absolute;
	left: -30%;
	top: -35%;
	width: 160%;
	height: 170%;
}
.syn-scope .pageWrapper.boxed .top-head .logo:before, .syn-scope .pageWrapper.boxed .top-head .logo:after, .syn-scope .pageWrapper.boxed .top-head .bot-line, .syn-scope .pageWrapper.boxed .top-head .lft-line {
	display:none
}
.syn-scope .pageWrapper.boxed .top-head.boxed-transparent > .container-syn {
	border-radius:0
}
.syn-scope .pageWrapper.boxed .top-head.boxed-transparent {
	top: 0;
}
.syn-scope .pageWrapper.boxed .fixed-footer .footer-bottom {
	padding-left:0;
	padding-right:0
}
.syn-scope .pageWrapper.boxed .sticky-nav.transparent, .syn-scope .pageWrapper.boxed .sticky-nav.sticky-nav {
	top:0
}
.syn-scope .pageWrapper.boxed .footer-bottom ul.right {
	margin-right:15px
}
.syn-scope .bg1 {
	background-image:url('../images/patterns/bg1.jpg')
}
.syn-scope .bg2 {
	background-image:url('../images/patterns/bg2.jpg')
}
.syn-scope .bg3 {
	background-image:url('../images/patterns/bg3.jpg')
}
.syn-scope .bg4 {
	background-image:url('../images/patterns/bg4.jpg')
}
.syn-scope .bg5 {
	background-image:url('../images/patterns/bg5.jpg')
}
.syn-scope .bg6 {
	background-image:url('../images/patterns/bg6.jpg')
}
.syn-scope .bg7 {
	background-image:url('../images/patterns/bg7.jpg')
}
.syn-scope .bg8 {
	background-image:url('../images/patterns/bg8.jpg')
}
.syn-scope .bg9 {
	background-image:url('../images/patterns/bg9.jpg')
}
.syn-scope .bg10 {
	background-image:url('../images/patterns/bg10.jpg')
}
.syn-scope .bg11 {
	background-image:url('../images/patterns/bg11.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed
}
.syn-scope .bg12 {
	background-image:url('../images/patterns/bg12.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed
}
.syn-scope .bg13 {
	background-image:url('../images/patterns/bg13.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed
}
/* ==========================================================================
  14. RESPONSIVE DESIGN.
============================================================================= */


 /* START MVD TO HIDE CONTENT ON MOBILE */

.syn-scope .mobile-hide {
    display: block !important; /* Default state */
}


/* Mobile devices (max-width: 768px) */
@media screen and (max-width: 1024px) {.syn-scope .mobile-hide {
	display: none !important; 
	}
}

/* Desktop devices (min-width: 769px) */
@media screen and (min-width: 769px) {.syn-scope .desktop-hide {
	display: none !important; 
	}
}

 /* END MVD TO HIDE CONTENT ON MOBILE */

.syn-scope #@media (min-width: 768px) {.syn-scope .top-nav .mega-menu > ul {
		width: 720px;
	}
}
@media (min-width: 1199px){.syn-scope .top-nav .mega-menu > ul {
		width: 940px;
	}
}
@media (min-width: 1200px){.syn-scope .top-nav .mega-menu > ul {
		width: 1140px;
	}.syn-scope .pageWrapper.boxed {
		width: 1170px;
	}.syn-scope .pageWrapper.boxed .top-head.transparent, .syn-scope .pageWrapper.boxed .top-head.sticky-nav {
		width:1170px
	}
}
@media (max-width: 1200px) {.syn-scope .pageWrapper.boxed {
		width: auto;
		margin:auto
	}.syn-scope .pageWrapper.boxed .top-head.transparent, .syn-scope .pageWrapper.boxed .top-head.sticky-nav, .syn-scope .pageWrapper.boxed .fixed-footer {
		width:100%;
		left:0
	}.syn-scope .pageWrapper.boxed .top-head.transparent, .syn-scope .pageWrapper.boxed .top-head.sticky-nav {
		top:0
	}.syn-scope .bottom-md-footer .form-control {
		width:70%;
	}
}
@media (max-width: 1024px){.syn-scope .top-head.transparent.full {
		padding:0 10px;
	}.syn-scope .header-left, .syn-scope .header-right {
		width:250px
	}.syn-scope .left-side-wrap {
		margin-left: 250px;
	}.syn-scope .right-side-wrap {
		margin-right: 250px;
	}.syn-scope .header-left .top-search input[type=text], .syn-scope .header-right .top-search input[type=text] {
		width: 79%;
	}.syn-scope .p-4-cols .portfolio-item {
		width:33.33333% !important;
		margin:0 !important
	}
}
@media (max-width: 1199px) {.syn-scope .tri-line, .syn-scope .half-section:before, .syn-scope .footer-middle:after {
		display:none
	}.syn-scope .tri-line-sf, .syn-scope .half-section:before, .syn-scope .footer-middle:after {
	display:none
}.syn-scope .top-bar .center-tbl ul, .syn-scope .top-ad {
		display: table;
		margin: 0 auto 5px;
		float: none !important;
		clear: both;
	}.syn-scope .circliful {
		margin:auto
	}.syn-scope .top-head.header-4 .top-search input[type=text] {
		width: 140px;
	}.syn-scope .top-bar ul {
		float:none;
		clear:both;
		margin:5px auto;
		display:table
	}.syn-scope .p-1-col .name-holder .meta {
		clear:both
	}.syn-scope .fullscreen video {
		width: 260%;
	}.syn-scope .fixed-footer .footer-bottom {
		padding:0
	}.syn-scope .masonry .post-item, .syn-scope .grid .post-item {
		width:47.5% !important;
		margin:0 12px 15px 0 !important
	}.syn-scope [class*="col-md-"]:after {
		clear:both;
		display:table;
		content:" ";
		height:15px
	}.syn-scope .left-white-border {
		border-left-width:0 !important
	}.syn-scope .cta_btn .f-left {
		width: 100%;
		float:none;
		clear:both;
		display:block !important;
		padding:15px 29px;
	}.syn-scope [class*="col-md-"]:not(.slick-slide) {
		width: 100%;
		float:none;
		clear:both;
		display:block;

	}.syn-scope .slider-txt {
		font-size:15px !important
	}.syn-scope .section {
		padding:40px 0
	}.syn-scope .section .full-heading {
	    margin-top: -40px;
	}.syn-scope .sec-bg.left.circle, .syn-scope .sec-bg.right.circle {
		border-radius:0
	}.syn-scope .responsive-nav, .syn-scope .footer-middle:after, .syn-scope .responsive-nav .top-search, .syn-scope .responsive-nav .top-cart, .syn-scope .footer-4 .footer-middle .container-syn:before, .syn-scope .footer-light .footer-middle .container-syn:before, .syn-scope .bg-full-rit, .syn-scope .bg-full-lft, .syn-scope .top-head.boxed-transparent .bot-line, .syn-scope .top-head.boxed-transparent .logo:before, .syn-scope .top-head.boxed-transparent .logo:after, .syn-scope .header-left, .syn-scope .header-right {
		display:none
	}.syn-scope .pageWrapper {
		margin:0 !important
	}.syn-scope .slick-slide img {
		display:inline-block
	}.syn-scope .cta_btn .btn {
		margin:15px auto 0;
		display:table;
		float:none
	}.syn-scope .cta-icon, .syn-scope .cta_btn .left, .syn-scope .slick-slide img, .syn-scope .footer-bottom {
		text-align:center
	}.syn-scope .footer-bottom ul {
		float:none;
		display:table;
		margin:auto !important
	}.syn-scope .footer-bottom [class*="col-md-"] {
		padding:5px 0;
	}.syn-scope .footer-bottom .footer-menu li {
		padding-left:12px
	}.syn-scope .filter-by {
		padding-left:20px;
		padding-right:20px;
		overflow:hidden
	}.syn-scope .captcha-div * {
		float:none;
		margin:0 0 10px
	}.syn-scope .pricing-tbl.style-4.no-margin.selected {
		margin-top:0
	}.syn-scope .digits span {
		height: 120px;
		width:120px;
		line-height:120px;
		font-size:50px;
	}.syn-scope .digits li:before, .syn-scope .digits li:after {
		top: 120px;
		width: 50px;
	}.syn-scope .soon-form input[type=text] {
		width: 68%;
	}.syn-scope .shop-main-menu > ul > li > ul.mega, .syn-scope .shop-main-menu > ul > li > ul {
		position:static;
		width: auto;
		z-index: 99;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border:0 !important;
		padding:0
	}.syn-scope .shop-main-menu > ul > li > ul a {
		border:0 !important;
	}.syn-scope .shop-main-menu > ul > li {
		overflow:hidden
	}.syn-scope .blog-posts.small-image .post-image, .syn-scope .blog-posts.small-image .post-gallery {
		width: 30%;
		height: auto;
	}.syn-scope .post-item {
		margin-bottom:20px
	}.syn-scope .blog-posts.small-image .post-image video, .syn-scope .blog-posts.small-image .post-image iframe {
		width: 100% !important;
		height: 100% !important;
	}.syn-scope .blog-posts.small-image .post-item .post-content p {
		padding:8px
	}.syn-scope .blog-posts.small-image .post-info {
		overflow:hidden
	}.syn-scope .blog-posts.small-image .post-meta {
		display:none
	}.syn-scope .masonry .post-item, .syn-scope .grid .post-item {
		width:47.5% !important;
		margin:0 12px 15px 0 !important
	}.syn-scope .heading.centered * {
		text-align:center
	}.syn-scope .left-side-wrap, .syn-scope .right-side-wrap {
		margin:0
	}.syn-scope .top-head .logo {
		display:table;
		margin:auto;
		float:none !important;
		border:0 !important;
		padding:0px 0
	}.syn-scope .parallax {
		background-position:0 0 !important;
		background-attachment:scroll !important
	}.syn-scope .feature-img figure img {
		width:100%
	}.syn-scope .NL, .syn-scope .slick-slide {
		text-align:center
	}.syn-scope .bottom-md-footer .NL .form-control {
		float:none;
		margin-bottom:5px
	}.syn-scope .footer-middle .flickr-widget {
		display:table;
		margin:auto
	}.syn-scope .captcha-div {
		width:100%
	}.syn-scope .top-head.boxed-transparent > .container-syn {
		border:0 !important
	}.syn-scope .row-eq-height {
		display:block
	}.syn-scope li.mega-menu .inner-mega {
		margin:0;
		padding:0
	}.syn-scope .testimonials-5 .row:first-child [class*="col-md-"], .syn-scope .clients-grid1 .row:first-child [class*="col-md-"], .syn-scope .clients-grid2 .row:first-child [class*="col-md-"], .syn-scope .clients-grid3 .row:first-child [class*="col-md-"] {
		border-width:1px !important
	}.syn-scope .team-box .rounded-img {
		border-radius:0;
		max-height:none
	}.syn-scope .page-title-video .video-wrap video, .syn-scope .section-video .video-wrap video {
		margin-top:0;
	}
}
@media (max-width: 768px) {.syn-scope .timeline_date, .syn-scope .timeline:before {
		display:none
	}.syn-scope .post-item {
		margin:0 0 20px !important;
		overflow: hidden;
	}.syn-scope #container-syn, .syn-scope #masonry {
		max-width: 800px;
	}.syn-scope .p-4-cols .portfolio-item, .syn-scope .p-3-cols .portfolio-item {
		width:48.33333% !important
	}.syn-scope .p-4-cols .portfolio-item, .syn-scope .p-3-cols .portfolio-item {
		width:50% !important;
		margin:0
	}.syn-scope .page-title-video > .container-syn > .row {
		height:300px
	}
}
@media (max-width: 480px) {.syn-scope .responsive-body {
		margin:0
	}.syn-scope .three-imgs img {
		position:static !important;
	}.syn-scope .filter-by ul {
		margin:0
	}.syn-scope .filter-by ul li {
		margin: 0 2px 10px;
	}.syn-scope .filter-by ul li:before {
		display:none
	}.syn-scope .filter-by ul li a {
		padding: 7px 5px;
	}.syn-scope .conact_center_form {
		margin:0 15px
	}.syn-scope .portfolio-slider.p-4-cols.no-margin .portfolio-item {
		width: 318px !important;
	}.syn-scope .tp-caption[class*="font-"] {
		font-size:inherit !important;
		line-height:normal !important
	}.syn-scope .blog-posts .post-image, .syn-scope .blog-posts .post-gallery {
		float:none !important;
		width:100% !important;
		clear:both;
		margin-bottom:10px;
		text-align:center
	}.syn-scope .blog-posts .post-content {
		margin:0 !important;
	}.syn-scope .inner-menu ul > li > a {
		padding: 0 9px;
	}.syn-scope .gry-sep {
		width:45%
	}.syn-scope .p-4-cols .portfolio-item, .syn-scope .p-3-cols .portfolio-item, .syn-scope .p-2-cols .portfolio-item {
		width:100% !important;
		margin:0 !important;
	}.syn-scope .main-heading h3, .syn-scope .main-heading .sub-title {
		font-size:25px;
		letter-spacing:0.5px;
	}.syn-scope .heading-desc, .syn-scope .post-item .post-info h2 {
        font-size: 16px;
        line-height: 22px;
	}.syn-scope .heading-desc.centered {
		width:100%
	}.syn-scope .nav-tabs>li>a {
		padding:5px
	}.syn-scope .rit-img, .syn-scope .lft-img {
		float:none;
		clear:both;
		margin:0 auto 15px;
		display:table;
	}.syn-scope .testimonials-2 p {
		font-size:13px
	}.syn-scope .page-title-video > .container-syn > .row {
		height:180px
	}.syn-scope .page-title h1 {
		font-size:20px !important;
		margin-top:20px
	}.syn-scope .page-title h3 {
		font-size:15px !important
	}.syn-scope .page-title > .container-syn > .row {
		padding-bottom:0
	}
}
/* v 1.1 styles */
.syn-scope .section .video-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
.syn-scope .section .video-wrap video {
	width: 100%;
	margin-top: -200px;
	display: block;
	height: auto;
}
.syn-scope .rev_slider_wrapper {
	overflow:hidden !important
}


.syn-scope #slide-333-layer-11 {
    display: inline-block !important;  /* Make sure it's treated as an inline element */
    width: auto !important;            /* Let the width expand based on content */
    max-width: none !important;        /* Remove any maximum width restrictions */
    white-space: nowrap !important;    /* Prevent wrapping */
    overflow: visible !important;      /* Allow overflow if necessary */
    padding: 0 20px;                  /* Padding to ensure no clipping on the sides */
}

.syn-scope .revtp-searchform input[type='text'], .syn-scope .revtp-searchform input[type='email'], .syn-scope .revtp-form input[type='text'], .syn-scope .revtp-form input[type='email'] {
	height:46px
}
.syn-scope html.square .pricing-tbl.style-4 .plan-head:before {
	border-radius:0 !important
}
.syn-scope html.square .pricing-tbl.style-4 .plan-head-contact:before {
	border-radius:0 !important
}

.syn-scope .scrollFix {
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
}
.syn-scope .medicons-disclaimer {
	font-size: 13px;
	text-align: center;
	color: rgb(102, 102, 102);
}
.syn-scope .asterix {
	font-size: 20px;
	color: #5BA7F6;
}
.syn-scope .publication-title {
	display: block !important;
	margin-top: 10px;
    text-align: center;
}
.syn-scope .social-list-syn.publications {
	display: flex !important;
}
.syn-scope .social-list-syn.publications li {
	margin: auto;
}

.syn-scope .white-color {
	color:#fff;
}
.syn-scope .top-bar .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 15px;
    text-rendering: auto;
	vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.syn-scope .fa-custom {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
	font-style: normal;
}

.syn-scope .syntecgroup-grow { transition: all .1s ease-in-out; }
.syn-scope .syntecgroup-grow :hover { transform: scale(1.05); }

.syn-scope .tri-line-sf {
	position: absolute;
	width:50px;
	height:30px;
	border-width:1px 1px 0 0;
	border-style:solid solid none none;
	display:block;
	top: 63px;
	right: -52px;
}
.syn-scope .tri-line-sf:before {
	position: absolute;
	width:70px;
	height:1px;
	display:inline-block;
	bottom: 0;
	right: -70px;
	content:"";
	z-index:9999
}
.syn-scope .tri-line-sf.left {
	border-width:1px 0 0 1px;
	border-style:solid none none solid;
	left: -53px;
	right:auto
}
.syn-scope .tri-line-sf.left:before {
	left: -70px;
	right:auto
}
.syn-scope .tri-line-sf.bottom-tri {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	top:34px
}

.syn-scope .logo-small-screen {
	display: none;
}




.syn-scope img.slee-logo {
	padding-left: 50px;
}

.syn-scope img.matsunami-logo {
	padding-left: 30px;
}


    /* Main container */
.syn-scope .tabs-grid-syn {
        display: grid;
        grid-template-columns: 30% 70%;
        /* Left navigation 30%, right content 70% */
        gap: 10px;
        border: 0px solid #ddd;
        border-radius: 5px;
        overflow: hidden;
        font-family: Arial, sans-serif;

    }

/* Add a right-side pointer (triangle) to the active tab */
.syn-scope .tab-button-syn {
    position: relative; /* Set position relative to allow absolute positioning of the pointer */
}

/* Add a pointer to the right of the active tab */
.syn-scope .tab-button-syn.active-syn::after {
    content: '';
    position: absolute;
    right: -10px;  /* Adjust to position the pointer */
    top: 50%;
    transform: translateY(-50%);
    border-top: 10px solid transparent;   /* Makes the top part of the triangle */
    border-bottom: 10px solid transparent;/* Makes the bottom part of the triangle */
    border-left: 10px solid #5BA7F6;     /* The color of the pointer */
}


    /* Navigation section */
.syn-scope .tabs-navigation-syn {
        display: flex;
        flex-direction: column;

        padding: 10px;
    }

    /* Navigation buttons */
.syn-scope .tab-button-syn {
        padding: 10px 15px;
        border: none;
        background: none;
        text-align: left;
        cursor: pointer;
        font-size: 16px;
        transition: background 0.3s, color 0.3s;
        color: #333;
        border-radius: 3px;
    }

.syn-scope .tab-button-syn:hover {
        background-color: #e6e6e6;
        color: #007bff;
    }

.syn-scope .tab-button-syn.active-syn {
        background-color: #5BA7F6;
        color: white;
        font-weight: bold;
    }

    /* Content section */
.syn-scope .tabs-content-syn {
        padding: 15px;

    }

    /* Tab panes */
.syn-scope .tab-pane-syn {
        display: none;
        /* Hide inactive panes */
    }

.syn-scope .tab-pane-syn.active-syn {
        display: block;
        /* Show active pane */
    }

    /* Responsive design */

    /* Small screens (mobile) */
    @media screen and (max-width: 768px) {.syn-scope .tabs-grid-syn {
            grid-template-columns: 1fr;
            /* Stack navigation and content vertically */
        }.syn-scope .tabs-navigation-syn {
            border-right: none;
            /* Remove border between navigation and content */
            border-bottom: 1px solid #ddd;
            flex-direction: row;
            /* Change layout to horizontal navigation */
            justify-content: space-around;
            padding: 10px 0;
        }.syn-scope .tab-button-syn {
            text-align: center;
            /* Center text for horizontal navigation */
            flex-grow: 1;
            padding: 10px;
        }
    }

    /* Medium to large screens (desktop) */
    @media screen and (min-width: 769px) {.syn-scope .tabs-grid-syn {
            grid-template-columns: 30% 70%;
            /* Maintain grid structure */
        }.syn-scope .tabs-navigation-syn {
            flex-direction: column;
            /* Restore vertical navigation */
        }.syn-scope .tab-button-syn {
            text-align: left;
            /* Align text to the left for desktop */
        }
    }


/* Social table container */
.syn-scope .social-table-syn {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

/* Row structure for list items */
.syn-scope .row-syn {
    display: flex;
    align-items: center;
    gap: 10px; /* Space between icon and text */
}

/* Icon cell styling */
.syn-scope .icon-cell-syn {
    width: 20%; /* Adjust column width */
    text-align: center;
}

/* Icon styling */
.syn-scope .icon-syn {

    color: #5BA7F6; /* Icon color */
}

/* Text cell styling */
.syn-scope .text-cell-syn {
    width: 100%; /* Adjust text width */
    text-align: left;
    white-space: nowrap; /* Prevent text wrapping */

}




/* Spacing between rows */
.syn-scope .social-table-syn tr {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}


.syn-scope .logo-container-syn {
    width: 100%; /* Fixed width for the container */
    height: 100%; /* Fixed height */
}

.syn-scope .responsive-logo-syn {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}


.syn-scope .container-syn-mainmenu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 1; /* Allow shrinking */
    padding: 0; /* Remove left and right padding */
    margin: 0 auto; /* Center it if needed */
    width: auto; /* Ensure it only takes as much space as its content */
    max-width: fit-content; /* Ensures it shrinks to fit the content */
}

.syn-scope #logo-mainmenu {
    transition: transform 0.3s ease-in-out; /* Smooth slide animation */
    margin-right:15px;
}

.syn-scope .header-container.slide-in #logo-mainmenu {
    transform: translateX(0); /* Move the logo into its normal position */
}

.syn-scope .main-menu-container-mainmenu {
    display: flex;
    justify-content: center;
    flex-grow: 0; /* Ensure the menu takes up only the required space */
	padding-right: 40px;
}

.syn-scope .business-container-mainmenu {
    display: flex;
    align-items: center; /* Centers child elements vertically */
    justify-content: flex-start; /* Keeps them aligned to the left */
    gap: 10px; /* Adds spacing between dropdowns */
}

.syn-scope .mega-menu-h4 {
    font-size: 1.5rem; /* Matches the typical h4 font size */
    line-height: 1.2;   /* Line height similar to h4 */
	font-weight: 900;
    text-transform: uppercase;
    margin: 10px 0px 10px 40px;
	display: inline-block;
}

.syn-scope .mega-menu-h4 {
style="-webkit-box-shadow: 0px 25px 20px -8px rgba(0, 0, 0, 0.35);"
}

.syn-scope .img-shadow_button {
	-webkit-box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);
	box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);
}


.syn-scope .img-shadow {
	-webkit-box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);
	box-shadow: 0px 25px 20px -8px rgba(0,0,0,0.35);
}


.syn-scope .discipline-banner {
    width: 400px;
    height: 100px;
    background-color: rgba(91, 167, 246, 0.6); /* #5BA7F6 with 60% transparency */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 8px;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



/* Responsive adjustments */
@media (max-width: 1024px) {.syn-scope .discipline-title {
        font-size: 40px;
        line-height: 40px;
    }
}

@media (max-width: 778px) {.syn-scope .discipline-title, .syn-scope .discipline-subtitle {
        font-size: 30px;
    }
}

@media (max-width: 480px) {.syn-scope .discipline-title {
        font-size: 20px;
        line-height: 25px;
    }.syn-scope .discipline-subtitle {
        font-size: 14px;
        line-height: 20px;
    }
}

.syn-scope .black-text-shadow {
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.5); /* Soft white shadow */
}

.syn-scope .white-text-shadow {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}



.syn-scope :root {
    --ut-grid-gutter-width: 0px;
}

/* ==========================================================================
  1. Menu CSS
============================================================================= */

/* Desktop Menu */
@media (min-width: 993px) {.syn-scope .nav-container-syn {

        justify-content: space-between;
        align-items: center;

        top: 0;

        background: #fff;
        z-index: 1000;

    }.syn-scope .logo {
        flex: 1; /* Keeps the logo on the left */
    }.syn-scope .menu-wrapper-syn {
        flex: 2;
        display: flex;
        justify-content: flex-start; /* Aligns menu to the right */
    }.syn-scope .menu-syn {
        display: flex;
        gap: 30px;
        list-style: none;
        padding: 0;
    }.syn-scope .menu-syn li {
        display: inline-block;
    }.syn-scope .menu-syn li ul {
        display: none; /* Submenu hidden */
    }.syn-scope .menu-syn li:hover > ul {
        display: block; /* Show submenu on hover */
    }.syn-scope .menu-syn a {
        color: #333;
        text-decoration: none;
        padding: 10px 20px;
        display: block;
    }.syn-scope .menu-syn a:hover {
        background-color: #eee;
    }
}

/* Hide the main menu on mobile */
@media (max-width: 992px) {.syn-scope .nav-container-syn {
        display: flex;
        flex-direction: column;
        align-items: center; /* Centers logo */
        text-align: center;

    }.syn-scope .logo {
        flex: 1;
        text-align: center;
    }.syn-scope .menu-wrapper-syn {
        display: none; /* Hide the desktop menu */
    }.syn-scope /* Close Button Positioned Outside the Menu */
.syn-scope .close-menu {
    position: fixed;
    top: 20px;
    left: calc(0px - 50px); /* Moves it outside the menu */
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: white;
    background: red;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999; /* Ensure it's on top */
    cursor: pointer;
}

    /* Responsive Adjustments for very small screens */
    @media (max-width: 480px) {
    }
}


.syn-scope .main-bg-image {
  background-image: url('#WORKSPACE_FILES#assets/images/syntec_Background_Stripe_Transparent_1.png');
 background-size: cover;         /* Ensures the background fills the div */
  background-position: center;    /* Centers the background image */
  background-repeat: no-repeat;   /* Prevents the image from repeating */
  width: 100%;                    /* Make sure the div has width */
  
}



.syn-scope .main-bg-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6); /* Adjust transparency (0.8 is barely visible) */
  z-index: 1;
}

.syn-scope .main-bg-image > * {
  position: relative;
  z-index: 2; /* Ensure content is above the background */
}




/* Language Dropdown */
.syn-scope .language-container {
    display: flex; /* Ensures child elements align properly */
    align-items: center; /* Centers content inside */
	font-family:"Roboto",sans-serif;
	line-height:1.2;
	-webkit-font-smoothing: antialiased;
	font-size:14px


}
/* Dropdown content styling */
.syn-scope .dropdown-content {
    display: none; /* Hidden by default */
    position: absolute; /* Positioned relative to the parent */
    background-color: #f9f9f9; /* Light background */
    min-width: 160px; /* Minimum width */
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* Drop shadow */
    z-index: 1; /* Ensure it's above other elements */
    left: 0; /* Align left */
    top: 100%; /* Positioned directly below the dropdown button */
    padding: 10px 0; /* Add padding for dropdown spacing */
}

/* Links inside the dropdown */
.syn-scope .dropdown-content a {
    padding: 8px 16px; /* Padding inside each item */
    display: block; /* Full width clickable area */
    text-align: left; /* Left-align the text */
    color: black; /* Black text color */
    text-decoration: none; /* No underline */
}

/* Hover effect for the links */
.syn-scope .dropdown-content a:hover {
    background-color: #f1f1f1; /* Slight background change on hover */
}

/* Dropdown container on hover shows the dropdown */
.syn-scope .dropdown:hover .dropdown-content {
    display: block; /* Show dropdown on hover */
}

/* Dropbtn styling */
.syn-scope .dropbtn {
    background-color: transparent; /* Remove any background color */
    border: none; /* Remove any border */
    padding: 0; /* Remove any padding */
    margin: 0; /* Remove any margin */
    outline: none; /* Remove the outline on focus */
}

/* Flag image styling */
.syn-scope .flag-circle {
    width: 20px; /* Set a fixed width */
    height: 20px; /* Set the height equal to the width */
    border-radius: 50%; /* Make the flag circular */
    margin-right: 8px; /* Add margin between flag and text */
    background-color: transparent; /* Ensure no background box */
    object-fit: cover; /* Ensure the image fits within the circle */
    border: none !important; /* Force remove any borders */
    outline: none !important; /* Remove any outline */
    box-shadow: none; /* Remove any shadow that might appear */
}

/* Flexbox layout for the flag and text in dropdown */
.syn-scope .dropdown-content a {
    display: flex;
    align-items: center; /* Align flag and text vertically */
}




.syn-scope .social-list-syn li a.fa {
    color: #333; /* Default color */
    text-shadow: none !important;
    position: relative; /* Prevent movement */
    display: inline-block; /* Ensure proper inline behavior */
}

.syn-scope .social-list-syn li a.fa::before {
    color: inherit;
    position: static; /* Prevent unwanted movement */
}

/* Hover styles */
.syn-scope .social-list-syn li a.fa:hover {
    color: #fff !important; /* Change color to white */
    top: 0; /* Ensure it doesn't move */
    transform: none; /* Disable any movement */
}

.syn-scope .social-list-syn li a.fa:hover::before {
    color: #fff !important; /* Ensure icon changes to white */
    top: 0; /* Ensure it doesn't move */
    transform: none; /* Disable any movement */
}


.syn-scope .contact-widget {
 
	background: transparent url('#WORKSPACE_FILES#assets/images/world.png') no-repeat 50% 50% !important;
}

 
.fullwidthbanner-container-syn, 
.tp-banner-container, 
.tp-banner, 
.rev_slider_wrapper, 
.syn-scope .rev_slider {
    width: 100% !important;
    max-width: 100% !important;

}

.syn-scope .white-bg {
	background-color:#ffffff;
}


.syn-scope .product-syn { cursor: pointer; text-align: center; }
.syn-scope .product-details-syn { display: none; margin-top: 20px; }
	


.syn-scope .horizontal-slider .slick-slide {
    width: 210px !important;  /* Fixed width */
	height: 170px !important;  /* Fixed width */
    padding:10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F7F7F7; /* Optional */
    border: 1px solid #ddd;  /* Optional */
    overflow: hidden;
}

.syn-scope .horizontal-slider .slick-slide img {
    max-width: 150%;
    max-height: 150%;
    object-fit: contain;
}



/* Ensure the popup content is centered */
/* Apex's core.min.css was intefering with the css  for the gallery so this fixws the problem with the images */
.syn-scope .mfp-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

/* Center the figure inside the popup */
.syn-scope .mfp-figure {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    width: auto !important;
    text-align: center !important;
}

/* Ensure the image itself is centered */
.syn-scope .mfp-figure img.mfp-img {
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
}


/* css for text show/hide */

.syn-scope .syn_text-block {
  margin-bottom: 2em;
  position: relative;
}

.syn-scope .syn_visible-part {
  /* No flex needed */
}

.syn-scope .syn_toggle-icon {
  text-align: center;
  margin-top: 5px;
  cursor: pointer;
  color: #007bff;
  font-size: 24px;
}

.syn-scope .syn_toggle-icon i {
  transition: transform 0.3s ease;
}

.syn-scope .syn_toggle-icon.syn_rotated i {
  transform: rotate(180deg);
}

.syn-scope .syn_show-more-start {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  opacity: 0;
  pointer-events: none;
}

.syn-scope .syn_show-more-start.syn_open {
  opacity: 1;
  pointer-events: auto;
}

/* ============================ */
/*         Flip Card           */
/* ============================ */

.syn-scope main-flip {
    display: flex;
    flex-flow: wrap;
    gap: 16px; /* spacing between cards */
}

@media (max-width: 980px) {.syn-scope main-flip {
        justify-content: center;
    }
}

.syn-scope .flip-card {
    background-color: transparent;
    width: 180px;
    height: 160px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    overflow: hidden;
}

/* Flip inner container */
.syn-scope .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 1s;
    transform-style: preserve-3d;
}

/* Flip on hover */
.syn-scope .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Front and back */
.flip-card-front,
.syn-scope .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px;
    box-sizing: border-box;
}

/* FRONT */
.syn-scope .flip-card-front {
    background-color: #E8E8E8;
    color: #5BA7F6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
}

/* BACK */
.syn-scope .flip-card-back {
    background-color: #5BA7F6;
    color: white;
    transform: rotateY(180deg);
}

/* Image container */
.syn-scope .image-container {
    height: 135px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.syn-scope .image-container img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

/* Card title under image (front and back) */
.syn-scope .card-title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px;
}

/* Specific colors for front/back */
.syn-scope .flip-card-front .card-title {
    color: #5BA7F6;
}

.syn-scope .flip-card-back .card-title {
    color: white;
}

/* Back card text */
.syn-scope .flip-card-back .card-text {
    font-size: 15px;
    line-height: 1.3;
    padding: 0 0px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* === Desktop submenu row height: make L2 & L3 match L1 === */
@media (min-width: 769px) {
  /* All submenu anchors (any depth) */
  .syn-scope .top-nav ul li ul li > a {
    /* match the L1 submenu padding, override any inline padding */
    padding: 13px 15px !important;
    /* keep flex for icon/text alignment, but center vertically */
    display: flex !important;
    align-items: center !important;
    gap: 10px;
  }

  /* Mega-menu inner links should follow the same spacing */
  .syn-scope .top-nav li.mega-menu li > a {
    padding: 13px 15px !important; /* override their smaller padding */
  }
}

@media (min-width: 769px) {
  .syn-scope .main-menu li ul li a > div {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .syn-scope .main-menu li ul li a > div > i {
    flex: 0 0 auto;
  }
  .syn-scope .main-menu li ul li a > div > div {
    flex: 1 1 auto;
    min-width: 0;
  }
}

.syn-scope .hasChildren > a {
  position: relative;
}

.syn-scope .hasChildren > a::after {
  content: "\f061"; /* fa-chevron-right */
  font-family: "FontAwesome"; /* or "Font Awesome 5 Free" */
  font-weight: 900;
  font-size: 14px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s ease, color 0.3s ease;
  color: inherit; /* default color */
}

.syn-scope .hasChildren:hover > a::after {
  transform: translateY(-50%) rotate(90deg);
  
}


/* =============================================================== */

.syn-scope .top-nav > ul > li.hasChildren > a span {
  position: relative;
  display: inline-block;
  padding-right: 1em; /* space for the chevron */
}

#custom-success-message-inline,
#custom-success-message-drawer {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
  position: relative;
  z-index: 999;
  background: #fff;
}

.syn-scope .hidden {
  opacity: 0;
  pointer-events: none;
}

.syn-scope .visible {
  opacity: 1;
  pointer-events: auto;
}


.syn-scope .rev_slider_wrapper, .syn-scope .rev_slider, .syn-scope .rev-slidebg {
  background: transparent !important;
}

.syn-scope .t-justify {
  text-align: justify;
}

.syn-scope .comment-list ul.child-comment .comment-content h6 a, .syn-scope .team-box .team-details .social-list-syn li a {
	color:#666
}
.syn-scope .top-head.sticky-nav .top-nav > ul > li > a, .syn-scope .top-head.sticky-nav .top-nav > ul > li > span > a, .syn-scope .top-head.transparent.sticky-nav .top-nav > ul > li > span > a {
	color:#777
}
.syn-scope body, .syn-scope .top-head.sticky-nav .top-nav > ul > li.hasChildren > a:after, .syn-scope .top-head.sticky-nav .top-nav > ul > li.hasChildren > span > a:after {
	color: #666 !important;
}
.top-head .main-bg .top-nav > ul > li.hasChildren > a:after, .top-head .main-bg .top-nav > ul > li.hasChildren > span > a:after,.header-9 .top-nav > ul > li.hasChildren:hover > a:after,.header-9 .top-nav > ul > li.hasChildren:hover > span > a:after,
.syn-scope .header-9 .top-nav > ul > li.hasChildren:hover > a span:after, .syn-scope .header-9 .top-nav > ul > li.hasChildren:hover > span > a span:after {
	color:#fff !important
}

.nav-border-bottom > ul > li:before,.nav-border-bottom li.mega-menu .inner-mega:before,.nav-border-left > ul > li:before,.nav-border-left li.mega-menu .inner-mega:before,.nav-border-top > ul > li:before,.nav-border-top li.mega-menu .inner-mega:before,
.syn-scope .nav-border-right > ul > li:before, .syn-scope .nav-border-right li.mega-menu .inner-mega:before, .syn-scope .feature-img figure {
	background-color:#ddd;
}
.dark .nav-border-bottom > ul > li:before,.dark .nav-border-bottom li.mega-menu .inner-mega:before,.dark .nav-border-left > ul > li:before,.dark .nav-border-left li.mega-menu .inner-mega:before,.dark .nav-border-top > ul > li:before,.dark .nav-border-top li.mega-menu .inner-mega:before,
.syn-scope .dark .nav-border-right > ul > li:before, .syn-scope .dark .nav-border-right li.mega-menu .inner-mega:before {
	background-color:#696969;
}

/* #999 */
.top-bar ul.top-info li,.top-bar ul.top-info li a,.bar-menu li a,.top-bar ul.top-info li,.top-search .search-box input[type=text],.top-head.header-6 .top-nav > ul > li > a > i,.post-item .post-meta li,
.syn-scope .top-head.header-8 .top-nav > ul > li > a span, .syn-scope .top-nav.dark-submenu li li a, .syn-scope .top-nav.dark-submenu .mega-menu > ul > li h4, .syn-scope .pricing-tbl.style-4 .plan-head i, .syn-scope .pricing-tbl.style-4 .plan-head-contact i, .syn-scope select, .syn-scope input[type=file], .syn-scope .post-item .post-meta li a, .syn-scope .comment-list .comment-content .meta {
	color: #999
}
.syn-scope .fa-hover:hover > span {
	background:#999
}
.syn-scope .slick-dots li button {
	border:1px #999 solid;
}


/* #fff */
.social-list-syn li a:after,.top-bar.main-bg ul li, .top-bar.main-bg ul li a,.top-bar.main-bg ul li i, .top-bar.main-bg ul.social-list-syn li a,.top-head.transparent.dark .top-nav > ul > li.hasChildren > a:after,.top-head.transparent .logo a,.top-head.transparent .top-cart > a,
.top-head.transparent .top-nav > ul > li > a,.top-head.header-5 .top-cart > a,.top-head.header-6 .top-nav > ul > li:hover > a i,.top-head.header-6 .top-nav > ul > li:hover > a,.top-head .full.main-bg .top-nav > ul > li > a,.top-head.transparent .top-nav > ul > li > span > a,
.top-head.header-8 .top-nav > ul > li:hover > a span,.top-head.header-8 .top-cart > a,.top-head.header-5.sticky-nav .top-cart > a, .top-head.sticky-nav.header-8 .top-cart > a,.page-title.title-5 h1,.footer-top div.tweets > div a,.footer-top div.tweets .slick-prev,
.footer-top div.tweets .slick-next,.block-link,.dark-bg,.black-bg,.contact-widget .social-list-syn li a:after,.tags.hover-effect li a:after,ul.flickr-widget .img-overlay:before,.box-1:hover .outlined i,.icon-box.gry-border-1:hover h3,.darker-bg,.black-bg
.top-nav.colored-submenu ul li ul a,.tags-widget .tags a:hover,.pricing-tbl.style-4:hover .plan-head h3,.pricing-tbl.style-4:hover .plan-head-contact h3,.top-head.header-8 .top-nav > ul > li.selected > a span,.darker-bg a,
.syn-scope .black-bg a, .syn-scope .dark-bg a, .syn-scope .btn-default, .syn-scope mark, .syn-scope .zoom .img-overlay:before, .syn-scope a.main-bg:hover, .syn-scope .btn.main-border.btn-outlined:hover, .syn-scope .fa-hover:hover > span {
	color:#fff ;
}



.syn-scope .top-head.transparent .top-nav > ul > li > a {
	text-shadow: 0 1px 0px rgba(0,0,0,.2);
}
.syn-scope .top-head.transparent.sticky-nav .top-nav > ul > li > a {
	text-shadow: none;
}

.syn-scope .white, .syn-scope .tabs-style-ballon li.active a, .syn-scope .one-page .diamonds.current a:hover, .syn-scope .pagination ul li.selected a {
	color: #fff !important;
}
.syn-scope .icon-box.gry-border-1:hover i, .syn-scope .white-bg, .syn-scope .team-box .team-img, .syn-scope .header-9 .top-nav > ul > li:not(.mega-menu):first-child:before {
	background-color:#fff !important;
}
body,.footer-top div.tweets .slick-prev:hover,.footer-top div.tweets .slick-next:hover,.top-head,.top-nav ul li ul,.cart-box,.top-head.sticky-nav,.page-title.title-4 .breadcrumbs,.icon-box:hover h3.bottom_half_border:after,.add-items i:hover,
.tabs li.active a,.tabs li.active a:before,.tabs nav li:first-child.active a,.content-wrap section,.pagination ul li:hover,.pricing-tbl.style-4,.pricing-tbl.style-4 .plan-head i,.pricing-tbl.style-4 .plan-head-contact i,.toolsBar select,.white-bg,
.pagination.bar-1 ul,.pagination.bar-2 ul,.pager-slider,.header-left,.header-right,.conact_center_form,.bottom_tools a,.timeline .post-item:nth-child(even) .timeline_date .inner_date:before,.inner-menu ul ul,.top-bar li ul,.bordered-ul > li:hover,
.syn-scope .shop-main-menu > ul > li > ul, .syn-scope .pricing-tbl, .syn-scope .pageWrapper.boxed, .syn-scope .top-nav ul li ul, .syn-scope .top-cart .cart-box, .syn-scope .top-head.sticky-nav, .syn-scope #contentWrapper, .syn-scope .pageWrapper, .syn-scope .header-9 .top-nav > ul > li:not(.mega-menu):after, .syn-scope .header-9 .top-nav > ul > li.mega-menu > span:after {
	background-color:#fff;
}
.syn-scope .tabs-style-ballon.vertical .nav-tabs>li {
	border-color: #fff transparent;
}
.syn-scope .team-box.box-2:hover .social-list-syn li, .syn-scope .progress-bars.style-5, .syn-scope .progress-bars.style-6 {
	border-color: #fff !important;
}
.syn-scope input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #fff inset;
    -webkit-text-fill-color: #333;
}

/* #111 */
.syn-scope .tabs nav a:focus, .syn-scope .mini-cart-list a.remove:hover i, .syn-scope .black-color {
	color: #111;
}
/* #222 */
.syn-scope .top-bar.main-bg .social-list-syn li a:after, .syn-scope .cont-success, .syn-scope .p-style2 figure .description, .syn-scope .p-style2 figure .description a, .syn-scope .cart-body a {
	color: #222;
}
.syn-scope .btn-outlined:hover, .syn-scope .icon-box-small i.filled:after {
	border-color:#222;
}
.syn-scope .progress-bars.tool-tip .progress-bar span:after {
	border-color: #222 transparent transparent transparent;
}
.syn-scope .icon-box-small:hover i.right-angle b:before {
	border-color: transparent transparent transparent #222 !important;
}
.syn-scope .icon-box-small:hover i.left-angle b:before {
	border-color: transparent #222 transparent transparent !important;
}

/* #333 */
.syn-scope h1, .syn-scope h2, .syn-scope h3, .syn-scope h4, .syn-scope h5, .syn-scope h6, .syn-scope .dark-color, .syn-scope .team-box .team-details .team-name, .syn-scope .timeline .post-item .timeline_date .year, .syn-scope .item-cart a, .syn-scope .control-group .box i, .syn-scope span.lbl {
	color:#666
}
.syn-scope .page-title.title-5 h1, .syn-scope .footer-4 .footer-middle .container-syn:before, .syn-scope .btn-default.btn-3d:hover, .syn-scope .pagination.bar-2 ul li:hover, .syn-scope .one-page.side-one .current a {
	background: rgba(91, 167, 246, 0.55);
}
.syn-scope .btn-default.btn-3d {
	-webkit-box-shadow: 0 4px 0 #333;
	box-shadow: 0 4px 0 #333;
}
.syn-scope .btn-default.btn-3d:hover {
	-webkit-box-shadow: 0 4px 0 #2A2A2A;
	box-shadow: 0 4px 0 #2A2A2A;
	border-color: #333;
	color: #fff;
}
.syn-scope .top-nav.dark-submenu li li a {
	border-top-color:#333
}
.syn-scope .top-nav.dark-submenu .mega-menu > ul > li {
	border-left-color:#333 !important
}
.syn-scope .section-full-bg.black-bg .tri {
	border-color: transparent transparent transparent #222;
}


/* #666 */
a,.top-nav li li a,.top-nav .mega-menu > ul > li h4,.mini-cart-total,.page-title h1,.page-title h3,.breadcrumbs a,.footer-top div.tweets .slick-prev:hover,.footer-top div.tweets .slick-next:hover,.icon-box h3,.panel-title,.pricing-tbl.style-3.selected .price_txt,
.footer-light .footer-middle h3,footer .divider i,.icon-box.gry-border-2:hover .block-icon i,.dark-text,.btn-grey,.btn-white,.pricing-tbl .price-lg,.fa-hover,.inner-menu ul ul li a,.top-bar ul ul li a,.icons-style-2 .heading,
.syn-scope .filter-by.style-2 ul li a:hover, .syn-scope .filter-by.style-3 ul li a:hover, .syn-scope .main-bg .btn-white:not(.btn-outlined), .syn-scope .main-bg .btn-white:not(.btn-outlined):hover {
	color:#666;
}
.syn-scope .darker-bg, .syn-scope .btn-default {
	background-color:#666
}
.syn-scope .btn-default {
	border-color: #666;
}
.syn-scope .pagination.bottom-border ul li:hover, .syn-scope .icons-style-2:hover i {
	border-bottom-color:#666 !important
}
.syn-scope .btn-shadow {
	-webkit-box-shadow: 3px 3px 0px 0px #666;
	-moz-box-shadow: 3px 3px 0px 0px #666;
	box-shadow: 3px 3px 0px 0px #666;
}
.syn-scope .section-full-bg.dark-bg .tri {
	border-color: transparent transparent transparent #666;
}

/* #666 */
.syn-scope .item-title {
	color:#666
}

.syn-scope .top-bar ul.social-list-syn li a,
.syn-scope .top-head .logo a,
.syn-scope .top-head .top-nav > ul > li > a,
.syn-scope .top-head .top-nav > ul > li > span > a,
.syn-scope .top-head .top-cart > a,
.syn-scope .top-nav > ul > li li.hasChildren > a:after,
.syn-scope .cart-body .price,
.syn-scope .top-head.sticky-nav .logo a,
.syn-scope .footer-middle .logo,
.syn-scope .footer-light .footer-middle,
.syn-scope .bar-wrap b,
.syn-scope .top-head.sticky-nav .top-nav > ul > li.hasChildren > a:after,
.syn-scope .top-head.sticky-nav .top-cart > a,
.syn-scope .footer-light .contact-widget .details li,
.syn-scope .footer-light .footer-middle a,
.syn-scope .list li.list-bg i,
.syn-scope .filled.lg-icon i,
.syn-scope .btn-default.btn-outlined,
.syn-scope .btn-default.btn-square_outlined,
.syn-scope .head-1 p.sub-heading,
.syn-scope .head-2 p.sub-heading,
.syn-scope .head-3 p.sub-heading,
.syn-scope .head-4 p.sub-heading,
.syn-scope .head-5 p.sub-heading,
.syn-scope .head-6 p.sub-heading,
.syn-scope .head-7 p.sub-heading,
.syn-scope .head-8 p.sub-heading,
.syn-scope .tabs nav a,
.syn-scope .circliful,
.syn-scope .circle-info,
.syn-scope .circle-info-half,
.syn-scope .fun-info,
.syn-scope .cta_btn p,
.syn-scope .pricing-tbl h3,
.syn-scope .pricing-tbl.style-3:hover .price_txt,
.syn-scope .pagination.bar-1 ul li a,
.syn-scope .pagination.bar-2 ul li a,
.syn-scope .pagination.bar-3 ul li a,
.syn-scope .progress-bars.style-6 span.bar-title,
.syn-scope .item-price ins,
.syn-scope .tags-widget .tags a,
.syn-scope .cont-success i.success-icon,
.syn-scope .login-2 .login-head,
.syn-scope .name-holder h5 a {
	color: #777;
}
.syn-scope .top-head.sticky-nav .top-nav > ul > li > a {
	color:#777
}
.syn-scope .dark-bg, .syn-scope .icon-box h3.bottom_half_border:after, .syn-scope .head-6:after, .syn-scope .tags-widget .tags a:hover {
	background-color:#777
}
.syn-scope .dark-border {
	border:1px #777 solid
}
.syn-scope .top-head.sticky-nav a.white {
	color:#777 !important
}
.syn-scope .top-head.sticky-nav a.dark-bg.white {
	color:#fff !important
}

.syn-scope .btn-default.btn-outlined, .syn-scope .btn-default.btn-square_outlined {
	border-color: #c2c2c2;
}

/* #888 */
.syn-scope .icons-style-1 i {
	color:#000
}
/* #f1f1f1 */
.syn-scope pre, .syn-scope .filter-by.style-2 ul li a:hover, .syn-scope .filter-by.style-3 ul li a:hover, .syn-scope span.lbl, .syn-scope .testimonials-3 .testimonials-bg {
	background:#f1f1f1;
}
.syn-scope .content-wrap section, .syn-scope .filter-by.style-2 ul li a, .syn-scope .filter-by.style-3 ul li a, .syn-scope .item-box, .syn-scope .break-news, .syn-scope .shop-main-menu > ul > li > ul, .syn-scope .shop-main-menu {
	border:1px #e8e8e8 solid
}
.syn-scope .tabs li.active a, .syn-scope .tabs.vertical li:first-child.active a {
	border-top:1px #f1f1f1 solid;
}
.syn-scope .tabs nav li:first-child.active a, .syn-scope .tabs.vertical li.active a, .syn-scope .socials-widget.style-2 .social-list-syn li {
	border-left:1px #e9e9e9 solid;
}
.syn-scope .tabs nav li:last-child.active a {
	border-right:1px #f1f1f1 solid;
}
.syn-scope .tabs.vertical li:last-child.active a, .syn-scope .p-1-col .portfolio-item, .syn-scope .lg-item, .syn-scope .socials-widget.style-2 .social-list-syn li, .syn-scope .shop-main-menu > ul > li, .syn-scope .shop-main-menu li li a {
	border-bottom:1px #e9e9e9 solid;
}
.syn-scope .tabs-style-bottomline.vertical .nav-tabs {
	border-right: 2px #ddd solid;
}

/* #eee */
.syn-scope .filled.lg-icon i, .syn-scope .team-box .team-details .social-list-syn li a, .syn-scope .pagination.bar-3 ul li:hover, .syn-scope .progress-bars.style-6, .syn-scope .tags-widget .tags a {
	background:#eee;
}
.syn-scope .filter-by.style-3 {
	border: 1px #eee solid;
}
.syn-scope blockquote {
	border-color: #eee;
}

.syn-scope .top-nav li li a, .syn-scope .w-recent-posts li, .syn-scope .inner-menu ul ul li a, .syn-scope .top-bar ul ul li a {
	border-top: 1px #eee solid;
	    font-weight: 700;
		font-size:15px !important;
}
.syn-scope .icons-style-2 .heading {
	border-bottom: 1px #eee solid;
}

.syn-scope .cart-mini-lft img {
  border: 1px rgba(255, 255, 255, 0.26) solid !important;
}
.syn-scope .bordered-ul > li {
	border-left:1px rgba(0,0,0,.07) solid
}
.syn-scope .lg-not-found {
	color:#e0e0e0;
}
.syn-scope .lg-not-found i:after {
	border: 5px #e0e0e0 solid;
}
.syn-scope .tabs-style-default .tab-content .tab-pane.active {
	border:1px solid #ddd;/* border-top:0
 */
}

/* #e6e6e6 */
.tabs nav a,.pagination ul li,.cont-success,.login-box-lg .login-inner,.grid .post-item .post-gallery,.share-post,.accordion .panel-default >.panel-heading h4 a,.accordion.style-1 .panel >.panel-heading h4 a.collapsed,.icon-box.gry-border-2 .head-bg,
.syn-scope .item-box:hover, .syn-scope .product-img, .syn-scope .alter-gry, .syn-scope .team-box.box-2 .team-details .team-pos {
	background-color: #e8e8e8;
}

/* #f4f4f4 */
.syn-scope .bar-menu li {
	border-left: 1px #f4f4f4 solid;
}
.syn-scope .page-title, .syn-scope .p-style4 .name-holder {
	background-color: #eaeaea;
}

/* #f5f5f5 */
.syn-scope .pricing-tbl.style-3 .price_txt, .syn-scope .pricing-tbl.style-4 .plan-head , .syn-scope .pricing-tbl.style-4 .plan-head-contact, .syn-scope .pricing-tbl.style-4 .plan-head:before , .syn-scope .pricing-tbl.style-4 .plan-head-contact:before, .syn-scope .pricing-tbl.style-4 .plan-head:after, .syn-scope .pricing-tbl.style-4 .plan-head-contact:after, .syn-scope .pricing-tbl.style-2 h3, .syn-scope th, .syn-scope .testimonials-3 .testimonials-name {
	background-color:#e6e6e6;
}
.syn-scope .pricing-tbl.style-2 h3:after {
	border-top-color: #e6e6e6;
}
.syn-scope .sidebar_widgets li.widget {
	background:#f5f5f5
}
/* #fafafa */
.syn-scope .post-item .post-content {
	background:#f5f5f5
}

/* #e4e4e4 */
.syn-scope .pricing-tbl {
	border:1px #e4e4e4 solid
}
.syn-scope .tabs-style-ballon .nav-tabs {
	background:#EAEAEA
}

.syn-scope .top-head {
	border-bottom: 1px #f7f7f7 solid;
	 display: flex;
	justify-content: center; 	 
}

/* #e6e6e6 */
.syn-scope .btn-default.btn-outlined:hover, .syn-scope .btn-default.btn-square_outlined:hover, .syn-scope .divider.centered:before, .syn-scope .divider.centered:after, .syn-scope .divider.lft:before, .syn-scope .divider.rit:before {
	background-color: #e6e6e6;
}
.syn-scope .divider.bordered i {
	border:1px #e6e6e6 solid;
}
.syn-scope blockquote:before, .syn-scope blockquote:after, .syn-scope .top-nav.colored-submenu ul li ul a:hover {
	color:#e6e6e6
}

/* #f9f9f9 */
.syn-scope .bquote-1, .syn-scope .bquote-3, .syn-scope .bquote-4, .syn-scope .team-box.box-1 .team-details, .syn-scope .pricing-tbl.style-4 ul li:nth-child(even), .syn-scope tr.even td {
	background-color:#e6e6e6
}
.syn-scope .gry-bg, .syn-scope .tabs-style-bg .nav-tabs>li a {
	background-color:#f1f1f1
}

.syn-scope .grylight-bg
  {
	background-color:#F7F7F7;
}


/* #f0f0f0 */
.syn-scope .list li.list-bg, .syn-scope .bottom_tools {
	background:#f0f0f0;
}
.syn-scope .widget-categories ul li, .syn-scope .w-recent-posts > ul > li, .syn-scope .w-recent-comments ul li {
	border-top: 1px #E4E4E4 solid;
}

/* #e1e1e1 */
.syn-scope .team-box.box-2, .syn-scope .pagination.bar-1 ul, .syn-scope .pagination.bar-2 ul, .syn-scope .mini-cart .checkout a, .syn-scope .pagination ul li, .syn-scope .accordion.style-1 .panel >.panel-heading h4 a:not(.collapsed), .syn-scope .accordion.style-2 .panel {
	border:1px #e1e1e1 solid
}
.syn-scope .pagination.bar-1 ul li {
	border-left:1px #e1e1e1 solid;
}
.syn-scope .accordion.style-3 .panel >.panel-heading h4 a {
	border-top:1px #e1e1e1 solid;
}
.syn-scope .accordion.style-4 .panel>.panel-heading h4 a {
	border-bottom:1px #e1e1e1 solid;
}

/* #e7e7e7 */
.syn-scope .footer-light .footer-middle {
	background:#DDEEFF;
}
.syn-scope .header-light {
	background:#DDEEFF;
}
.syn-scope .mini-cart-list li, .syn-scope .mini-cart-total {
	border-bottom: 1px solid #e7e7e7;
}
.syn-scope .mini-cart-total .total {
	border-top: 1px solid #e7e7e7;
}
.syn-scope .left-gry-border {
	border-left: 1px solid #e7e7e7;
}
.syn-scope .left-white-border {
	border-left: 1px solid #fff;
}


/* e8e8e8 */
.syn-scope .list li.list-bg i, .syn-scope .comment-list .child-comment .comment-content h6 {
	background:#e8e8e8;
}
.syn-scope .bquote-3, .syn-scope .bquote-4, .syn-scope input[type=text], .syn-scope input[type=email], .syn-scope input[type=password], .syn-scope .login-2 .login-box-lg .login-inner, .syn-scope select, .syn-scope input[type=file], .syn-scope .post-tags .tags li {
	border:1px #e8e8e8 solid
}
.syn-scope .widget.custom-menu-widget ul li {
	border-top: 1px #e8e8e8 solid;
}
.syn-scope .sidebar_widgets .widget-head {
	border-bottom: 1px #e8e8e8 solid;
}
.syn-scope textarea {
	border: 1px solid #e8e8e8;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	resize:none
}

/* #e9e9e9 */
.syn-scope .timeline:before, .syn-scope .timeline .post-item:nth-child(even) .timeline_date:before, .syn-scope tfoot {
	background:#e9e9e9
}
.syn-scope .top-head.header-4 .top-search, .syn-scope .top-head.header-7 .top-search, .syn-scope .timeline .post-item:nth-child(even) .timeline_date .inner_date:before, .syn-scope .top-head.header-2 .top-nav > ul > li > a, .syn-scope .top-head.header-2 .top-nav > ul > li > span > a, .syn-scope .top-head.header-2 .top-cart, .syn-scope .top-head.header-2 .top-search {
	border: 1px #e9e9e9 solid;
}
/*.top-head,*/.list li.bottom-border,.price-block,.product-block,.top-bar:not(.main-bg) {
	border-bottom: 1px #e9e9e9 solid;
}
.syn-scope .top-head.header-2 .top-cart {
	border-right: 1px #e9e9e9 solid;
}
.syn-scope .top-nav .mega-menu > ul > li {
	border-left: 1px #e9e9e9 solid;
}
.syn-scope .tabs-style-lg .nav-tabs>li {
	border-right: 1px #e9e9e9 solid;
	border-top: 1px #e9e9e9 solid;
}
.syn-scope .tabs-style-lg .nav-tabs>li:first-child {
	border-left: 1px #e9e9e9 solid;
}

/* efefef */
.syn-scope .team-box.box-2 .team-name {
	background:#e6e6e6;
}
.syn-scope .testimonials-5 [class*="col-md-"], .syn-scope .clients-grid1 [class*="col-md-"], .syn-scope .clients-grid2 [class*="col-md-"], .syn-scope .clients-grid3 [class*="col-md-"] {
	border-color:#ddd;
}


/* #dcdcdc */
.syn-scope .head-2 b {
	color: #DCDCDC;
}
.syn-scope .head-1:after, .syn-scope .head-1:before, .syn-scope .head-2:after, .syn-scope .head-2:before {
	background-color:#dcdcdc
}
.syn-scope .head-3:after, .syn-scope .head-3:before {
	border-top:1px #dcdcdc solid;
	border-bottom:1px #dcdcdc solid;
}

/* #ddd */
.syn-scope .widget.custom-menu-widget ul li:before, .syn-scope .w-recent-comments i, .syn-scope .soon-form:before, .syn-scope .not-found-form:before, .syn-scope .top-shop-links a i {
	color:#ddd
}
.syn-scope .footer-light .footer-top, .syn-scope .footer-light ul.child-comment:before, .syn-scope .add-items i, .syn-scope .head-5:before {
	background:#5BA7F6;
}

.syn-scope .footer-bottom:before {
	background:#111;
		font-size:14px;
	color:#fff;
}

.syn-scope .box-1 .outlined i, .syn-scope .icon-box-small .outlined, .syn-scope pre, .syn-scope .social-list-syn .outlined, .syn-scope .pro-info-cell > div, .syn-scope .add-items i:hover, .syn-scope .qty-txt-box input[type=text], .syn-scope .shop-ads-top, .syn-scope .tabs-style-default.vertical .tab-content .tab-pane.active, .syn-scope .checkbox-table .floated-item {
	border:1px #ddd solid;
}
.footer-light .contact-widget .social-list-syn li.diamond.outlined:after,.default-border,.testimonials-4 .testimonials-img img,.testimonials-3 .testimonials-img img,.testimonials-5 .testimonials-img img,
.syn-scope .header-9 .top-nav > ul > li:not(.mega-menu):after, .syn-scope .header-9 .top-nav > ul > li.mega-menu > span:after {
	border-color:#ddd
}
.syn-scope .tabs-style-default.vertical .nav-tabs>li.active>a {
	border:1px #ddd solid !important;
	border-right:0px !important
}

.syn-scope .top-head.header-4 .top-cart .cart-box {
	border-top: 3px #ddd solid;
}
.syn-scope .head-6, .syn-scope .icons-style-2 .heading, .syn-scope .tabs-style-bottomline .nav-tabs {
	border-bottom:1px #ddd solid;
}
.syn-scope .pagination.bottom-border ul li {
	border-bottom:3px #ddd solid
}
.syn-scope .tabs-style-default .nav-tabs>li.active>a, .syn-scope .tabs-style-default .nav-tabs>li.active>a:focus, .syn-scope .tabs-style-default .nav-tabs>li.active>a:hover {
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
/* #d0d0d0 */
.syn-scope .contact-widget .details li {
	color: #d0d0d0;
}
.syn-scope .footer-light .menu-widget li {
	border-top-color:#d0d0d0
}

/* #666 */
.syn-scope .sitemap > ul > li > ul > li li:before, .syn-scope .icons-style-2 i {
	color:#666
}
.syn-scope .head-8:before {
	background:#666;
}
.syn-scope .footer-light .tags li, .syn-scope .footer-light .social-list-syn li.outlined {
	border-color:#666
}

.syn-scope .mini-cart-list a.remove i {
	color: #bababa;
}
.syn-scope .footer-light .recent-posts-footer li .post-img img {
	border-color:#cdcdcd
}
.syn-scope .divider i {
	color:#d5d5d5;
}

.syn-scope .icon-box.gry-border-1, .syn-scope .icon-box.gry-border-2 {
	border:1px #ebebeb solid;
}
.syn-scope li.outlined.circle, .syn-scope li.outlined.rectangle, .syn-scope .minimal-socials .outlined {
	border:1px #4a4a4a solid
}
.syn-scope blockquote p {
	color: #afafaf;
}
.syn-scope blockquote span {
	color: #a3a3a3;
}
.syn-scope .top-nav.colored-submenu ul li ul ul {
	border-left-color: #fff !important;
}
.syn-scope .top-nav.colored-submenu ul li ul li a {
	border-color:rgba(0,0,0,.12)
}
.syn-scope .top-nav.colored-submenu .mega-menu > ul > li {
	border-left-color:rgba(0,0,0,.12) !important
}
.syn-scope .top-nav.colored-submenu ul ul ul:before {
	border-color: transparent #fff transparent transparent !important;
}
.syn-scope .testimonials-4 .testimonials-bg:after {
	border-color: rgba(255,255,255,.5) transparent transparent transparent;
}
.syn-scope .testimonials-4 .testimonials-bg {
	border:1px rgba(255,255,255,.5) solid;
	border-bottom-width: 4px;
}
.syn-scope .testimonials-3 .testimonials-bg:after, .syn-scope .testimonials-4 .testimonials-bg:after, .syn-scope .testimonials-3 .testimonials-bg:before, .syn-scope .testimonials-4 .testimonials-bg:before {
	background-color:rgba(255,255,255,.5)
}
.syn-scope .testimonials-3.dark .testimonials-bg:after, .syn-scope .testimonials-4.dark .testimonials-bg:after, .syn-scope .testimonials-3.dark .testimonials-bg:before, .syn-scope .testimonials-4.dark .testimonials-bg:before {
	background-color:rgba(0,0,0,.7)
}
.syn-scope .testimonials-4.dark .testimonials-bg {
	background:rgba(0,0,0,.7);
	color:#fff
}

.syn-scope .top-nav.colored-submenu li li a:hover {
	background-color:rgba(0,0,0,.12);
}
.syn-scope .top-nav.colored-submenu .mega-menu li a:hover {
	background-color:transparent;
}
.syn-scope .top-nav.colored-submenu > ul > li > ul {
	border-bottom:0 !important;
	border-top:3px #fff solid
}
.syn-scope .pricing-tbl ul li {
	border-top:1px #ebebeb solid;
	color:#bbb
}
.syn-scope .pricing-tbl.style-2 h3, .syn-scope .pricing-tbl.style-4 .plan-head, .syn-scope .pricing-tbl.style-4 .plan-head-contact {
	border-bottom:1px #ebebeb solid;
}
.syn-scope .pricing-tbl.style-2 h3:before {
	border-top-color: #ebebeb;
}
.syn-scope .list-grid a {
	background:#ebebeb
}
.syn-scope .pricing-tbl.style-4 .plan-head:before, .syn-scope .pricing-tbl.style-4 .plan-head i, .syn-scope .pricing-tbl.style-4 .plan-head-contact:before, .syn-scope .pricing-tbl.style-4 .plan-head-contact i {
	border: 1px #e9e9e9 solid;
}
.syn-scope .progress-bars.style-5 {
	background:#2a2a2a;
}
.syn-scope .progress-bars.style-5 .progress {
	border-bottom:1px #343434 solid;
}
.syn-scope .progress-bars.style-5 span.bar-title {
	color:#b8b8b8;
}
.syn-scope .progress-bars.style-6 span.bar-title {
	color:#777
}
.syn-scope .progress-bars.style-5 .progress-bar span {
	background:rgba(0,0,0,.2)
}
.syn-scope .progress-bars.style-6 .progress-bar span {
	background:#e6e6e6;
	color:#777
}
.syn-scope .progress-bars.style-6 .progress {
	border-bottom:1px #ddd solid;
}
.syn-scope .progress-bars.style-6 .progress:last-child {
	border-bottom:0
}

.syn-scope .pagination.bar-1 ul, .syn-scope .pagination.bar-2 ul {
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%);
}

.syn-scope .top-nav li li:hover > a, .syn-scope .top-nav li li.selected > a {
	background:rgba(0,0,0,.02);
}
.syn-scope .top-nav.colored-submenu li li > a {
	color:#fff !important
}
.syn-scope .top-nav.colored-submenu li li.selected > a {
	background:rgba(0,0,0,.12) !important;
	color:#fff !important
}

.syn-scope .top-bar {
	background:#DDEEFF;
}
.syn-scope .side-nav > ul > li > ul li {
	border-bottom:1px rgba(0,0,0,.08) solid
}

.syn-scope table {
	border: 1px solid #e2e2e2;
  font-size: 18px;
  line-height: 1.4;
}
.syn-scope tr:nth-child(even) {
    background: #f3f3f3;
}
.syn-scope th {
    border-right: 1px solid #e2e2e2;

	border-bottom: 2px #777 solid;
}
.syn-scope td, .syn-scope caption {
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
.syn-scope .bottom_tools a i {
	color:#dadada
}
.syn-scope .comment-list > li {
	border:1px #ececec solid;
}
.syn-scope .divider.bg i, .syn-scope .sitemap > ul > li > a, .syn-scope .comment-list .comment-avatar, .syn-scope .accordion.style-5 .panel-collapse {
	background:#ececec
}
.syn-scope .item-cart {
	border-bottom: 1px #dfdfdf solid;
}
.syn-scope #items-num {
	border: 1px #dfdfdf solid;

}
.syn-scope .old-price {
	color:#c4c3c3;
}
.syn-scope .shop-ajax {
	background-color: #fff;
}
.syn-scope .diamond.colored {
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
.syn-scope .pageWrapper.boxed {
	box-shadow: 0 10px 10px #666;
}
.syn-scope .full-heading.dark-bg:before {
	border-color:#777 transparent transparent transparent
}
.syn-scope .full-heading.black-bg:before {
	border-color:#222 transparent transparent transparent
}
.syn-scope .full-heading.gry-bg:before {
	border-color:#f1f1f1 transparent transparent transparent
}
.syn-scope .full-heading.alter-gry:before {
	border-color:#e8e8e8 transparent transparent transparent
}

.syn-scope .feature-img:hover figure a, .syn-scope .full-heading.main-bg:before, .syn-scope .full-heading-narrow.main-bg:before, .syn-scope .accordion.style-1 .panel>.panel-heading h4 a:not(.collapsed):before, .syn-scope .accordion.style-3 .panel>.panel-heading h4 a:not(.collapsed), .syn-scope .black-bg:hover>a, .syn-scope .blog-posts .post-item:hover .post-content, .syn-scope .box-5:hover, .syn-scope .bquote-2, .syn-scope .comment-list .comment-content h6, .syn-scope .dark-bg:not(.top-head):hover a, .syn-scope .darker-bg:hover a, .syn-scope .diamond.colored:after, .syn-scope .diamonds:hover, .syn-scope .diamonds:hover a, .syn-scope .feature-img2:hover figure a, .syn-scope .filter-by ul li:after, .syn-scope .filter-by.style-2 ul li.active a, .syn-scope .filter-by.style-3 ul li.active a, .syn-scope .filter-by:not(.style-2) ul li.active a, .syn-scope .filter-by:not(.style-3) ul li.active a, .syn-scope .flex-control-paging li a.flex-active, .syn-scope .footer-3 .footer-top .social-list-syn li a:hover, .syn-scope .footer-middle h3:after, .syn-scope .head-4:after, .syn-scope .head-5:after, .syn-scope .head-8:before, .syn-scope .header-9 .top-nav>ul>li.mega-menu:hover>span:after, .syn-scope .header-9 .top-nav>ul>li.mega-menu:hover>span:before, .syn-scope .header-9 .top-nav>ul>li:not(.mega-menu):hover:after, .syn-scope .header-9 .top-nav>ul>li:not(.mega-menu):hover:before, .syn-scope .heading-full [class*=head-]:after, .syn-scope .heading-full [class*=head-]:before, .syn-scope .icon-box .filled i:hover, .syn-scope .icon-box.box-1 .outlined i:after, .syn-scope .icon-box.box-1.bordered .inner:after, .syn-scope .icon-box.box-1.bordered .inner:before, .syn-scope .icon-box.box-1.bordered:after, .syn-scope .icon-box.box-1.bordered:before, .syn-scope .icon-box.gry-border-1:hover, .syn-scope .icon-box.gry-border-2:hover h3, .syn-scope .icon-box:hover .filled i, .syn-scope .icons-style-1:hover .btn, .syn-scope .item-img .product-buttons a:hover, .syn-scope .list-grid a.selected, .syn-scope .login-box-lg .login-inner:after, .syn-scope .main-bg, .syn-scope .main-heading .heading-separator:after, .syn-scope .main-heading .heading-separator-bp10:after, .syn-scope .minimal-socials li a:hover, .syn-scope .modal-header, .syn-scope .nav-border-bottom li.mega-menu .inner-mega:after, .syn-scope .nav-border-bottom>ul>li:after, .syn-scope .nav-border-left li.mega-menu .inner-mega:after, .syn-scope .nav-border-left>ul>li:after, .syn-scope .nav-border-right li.mega-menu .inner-mega:after, .syn-scope .nav-border-right>ul>li:after, .syn-scope .nav-border-top li.mega-menu .inner-mega:after, .syn-scope .nav-border-top>ul>li:after, .syn-scope .on-sale, .syn-scope .owl-theme .owl-controls .owl-page.active span, .syn-scope .owl-theme .owl-controls.clickable .owl-page:hover span, .syn-scope .pagination ul li.selected, .syn-scope .pagination.bar-1 ul li a:hover, .syn-scope .pagination.bar-3 ul:after, .syn-scope .pagination.bottom-border ul li:hover, .syn-scope .portfolio-item .fav:hover, .syn-scope .portfolio-item .link:hover, .syn-scope .portfolio-item .zoom:hover, .syn-scope .post-icon, .syn-scope .post-item:hover .bottom_tools a, .syn-scope .pricing-tbl.style-1.selected .btn, .syn-scope .pricing-tbl.style-1:hover .btn, .syn-scope .pricing-tbl.style-2.selected .btn, .syn-scope .pricing-tbl.style-2.selected h3, .syn-scope .pricing-tbl.style-2:hover .btn, .syn-scope .pricing-tbl.style-2:hover h3, .syn-scope .pricing-tbl.style-3.selected, .syn-scope .pricing-tbl.style-3:hover, .syn-scope .pricing-tbl.style-4.selected .btn, .syn-scope .pricing-tbl.style-4.selected .plan-head, .syn-scope .pricing-tbl.style-4.selected .plan-head:after, .syn-scope .pricing-tbl.style-4.selected .plan-head:before, .syn-scope .pricing-tbl.style-4:hover .btn, .syn-scope .pricing-tbl.style-4:hover .plan-head, .syn-scope .pricing-tbl.style-4:hover .plan-head:after, .syn-scope .pricing-tbl.style-4:hover .plan-head:before  , .syn-scope .pricing-tbl.style-4:hover .plan-head-contact, .syn-scope .pricing-tbl.style-4:hover .plan-head-contact:after, .syn-scope .pricing-tbl.style-4:hover .plan-head-contact:before
, .syn-scope .pricing-tbl.style-4:hover .plan-head-contact, .syn-scope .pricing-tbl.style-4:hover .plan-head-contact:after, .syn-scope .pricing-tbl.style-4:hover .plan-head-contact:before
, .syn-scope .progress-bars .bar .bar-in, .syn-scope .saf-tags.hover-effect li:hover, .syn-scope .side-one li a, .syn-scope .sidebar_widgets .widget-head:after, .syn-scope .sidebar_widgets li.widget:after, .syn-scope .sidebar_widgets li.widget:before, .syn-scope .slick-dots li.slick-active button, .syn-scope .social-list-syn li:not(.main-bg) a:hover, .syn-scope .tabs-style-ballon .nav-tabs>li.active>a, .syn-scope .tabs-style-bg .nav-tabs>li.active a:after, .syn-scope .tabs-style-bottomline li.active:after, .syn-scope .tabs-style-lg.style-1 .nav-tabs>li.active>a, .syn-scope .team-box.box-1:hover .team-details, .syn-scope .team-box.box-2:hover, .syn-scope .team-box.box-2:hover .team-pos, .syn-scope .timeline .post-item .timeline_date .inner_date:before, .syn-scope .timeline .post-item .timeline_date:before, .syn-scope .top-bar .social-list-syn li a:hover, .syn-scope .top-bar.main-bg li.dropdown ul, .syn-scope .top-head.boxed-transparent .bot-line, .syn-scope .top-head.boxed-transparent .logo:after, .syn-scope .top-head.boxed-transparent .logo:before, .syn-scope .top-head.header-2 .top-cart>a:before, .syn-scope .top-head.header-2 .top-nav>ul>li.selected>a, .syn-scope .top-head.header-2 .top-nav>ul>li.selected>span>a, .syn-scope .top-head.header-2 .top-nav>ul>li:hover>a, .syn-scope .top-head.header-2 .top-nav>ul>li:hover>span>a, .syn-scope .top-head.header-2 .top-search>a:before, .syn-scope .top-head.header-5 .top-nav>ul>li .inner-mega:before, .syn-scope .top-head.header-5 .top-nav>ul>li:before, .syn-scope .top-head.header-6 .top-nav>ul>li .inner-mega:before, .syn-scope .top-head.header-6 .top-nav>ul>li.mega-menu:hover>a, .syn-scope .top-head.header-6 .top-nav>ul>li:hover:before, .syn-scope .top-head.header-6 .top-nav>ul>li:hover>a:before, .syn-scope .top-head.header-6 .top-nav>ul>li>span>a:before, .syn-scope .top-head.header-8 .top-nav>ul>li.selected>a, .syn-scope .top-head.header-8 .top-nav>ul>li.selected>span>a, .syn-scope .top-head.header-8 .top-nav>ul>li:hover>a, .syn-scope .top-head.header-8 .top-nav>ul>li:hover>span>a, .syn-scope .top-nav.colored-submenu ul li ul, .syn-scope .top-shop-links a:hover, .syn-scope .tri-line:before, .syn-scope .tri-line-sf:before, .syn-scope footer .tags li a:hover, .syn-scope footer .tags.hover-effect a:after, .syn-scope input[type=radio]:checked+label>span>span, .syn-scope li.outlined.rectangle:hover {
	background-color:#5BA7F6;
	text-shadow:1px 1px 1px rgba(0,0,0,.15);
	color: #fff !important;
}

.syn-scope .main-colour-text {
color:#5BA7F6;
}

.syn-scope .inner-magazine .blog-posts .post-item:hover .post-content, .syn-scope .tp-caption.Photography-Menuitem:hover, .syn-scope .p-style5 figure .icon-links a:hover:before, .syn-scope .Photography-Menuitem:hover {
	background-color:#5BA7F6 !important;
}
.syn-scope .accordion.style-1 .panel>.panel-heading h4 a:not(.collapsed), .syn-scope .accordion.style-4 .panel>.panel-heading h4 a:not(.collapsed), .syn-scope .big-heart:before, .syn-scope .blog-posts .post-item:hover .post-content .post-icon, .syn-scope .btn.main-border.btn-outlined, .syn-scope .divider i.to-top, .syn-scope .footer-bottom .footer-menu li a:hover, .syn-scope .footer-menu a:hover, .syn-scope .icon-box.box-1:hover .transparent i, .syn-scope .icon-box.box-1:hover h3, .syn-scope .icon-box.gry-border-1:hover i, .syn-scope .icons-style-1:hover .heading, .syn-scope .icons-style-1:hover i.animat-icon, .syn-scope .icons-style-2:hover .heading, .syn-scope .item-price, .syn-scope .main-color, .syn-scope .main-color a, .syn-scope .menu-widget li a:hover, .syn-scope .nav-animate>ul>li>a span:after, .syn-scope .nav-animate>ul>li>span>a span:after, .syn-scope .post-item .post-info h2 a, .syn-scope .pricing-tbl.style-1.selected .price-lg, .syn-scope .pricing-tbl.style-1.selected h3, .syn-scope .pricing-tbl.style-1:hover .price-lg, .syn-scope .pricing-tbl.style-1:hover h3, .syn-scope .pricing-tbl.style-2.selected .price-lg, .syn-scope .pricing-tbl.style-2:hover .price-lg, .syn-scope .pricing-tbl.style-4.selected .plan-head i, .syn-scope .pricing-tbl.style-4.selected .plan-head-contact i, .syn-scope .pricing-tbl.style-4:hover .plan-head i, .syn-scope .pricing-tbl.style-4:hover .plan-head-contact i, .syn-scope .side-nav>ul>li.hasChildren.selected:after, .syn-scope .side-nav>ul>li.hasChildren:hover:after, .syn-scope .side-nav>ul>li.selected>a, .syn-scope .side-nav>ul>li:hover>a, .syn-scope .social-list-syn li.main-color a, .syn-scope .tabs nav ul li.active a, .syn-scope .testimonials-2 p:after, .syn-scope .testimonials-2 p:before, .syn-scope .timeline .post-item:nth-child(even) .timeline_date .day, .syn-scope .timeline .post-item:nth-child(even) .timeline_date .month, .syn-scope .top-bar ul li i, .syn-scope .top-head .top-nav>ul>li.selected>a, .syn-scope .top-head .top-nav>ul>li.selected>span>a, .syn-scope .top-head.dark-transparent .top-nav>ul>li:hover>a, .syn-scope .top-head.transparent .top-nav>ul>li.hasChildren:hover>a:after, .syn-scope .top-head.transparent .top-nav>ul>li:hover>a, .syn-scope .top-nav ul li a span:before, .syn-scope .top-nav ul li.selected>a, .syn-scope .top-nav ul li.selected>span>a, .syn-scope .top-nav ul li:hover>a, .syn-scope .top-nav>ul>li.hasChildren:hover>a:after, .syn-scope .top-nav>ul>li.hasChildren:hover>span>a:after, .syn-scope .tweets-widget .tweets_txt span, .syn-scope .widget-tweets a, .syn-scope .widget.custom-menu-widget ul li.selected:before, .syn-scope a:hover {
	color:#5BA7F6
}
.syn-scope .accordion .panel.main-bg, .syn-scope .btn.main-bg, .syn-scope .contact-widget .social-list-syn .diamond.outlined a:hover:after, .syn-scope .feature-img:hover figure:before, .syn-scope .flex-control-paging li a.flex-active, .syn-scope .heading-full [class*=head-], .syn-scope .icon-box.gry-border-2:hover, .syn-scope .icons-style-2 i, .syn-scope .img-icon, .syn-scope .main-border, .syn-scope .owl-theme .owl-controls .owl-page.active span, .syn-scope .owl-theme .owl-controls.clickable .owl-page:hover span, .syn-scope .pricing-tbl.selected, .syn-scope .pricing-tbl.style-4.no-margin.selected, .syn-scope .pricing-tbl.style-4.selected .plan-head:before, .syn-scope .pricing-tbl.style-4:hover .plan-head:before, .syn-scope .pricing-tbl.style-4:hover .plan-head-contact:before, .syn-scope .pricing-tbl:hover, .syn-scope .testimonials-2 .testimonials-img, .syn-scope .tri-line, .syn-scope .tri-line-sf, .syn-scope footer .tags li:hover, .syn-scope footer .tags.hover-effect a:hover, .syn-scope li.outlined.circle:hover, .syn-scope li.outlined.rectangle:hover {
	border-color:#5BA7F6!important
}
.syn-scope .accordion.style-1 .panel>.panel-heading h4 a:not(.collapsed), .syn-scope .accordion.style-4 .panel>.panel-heading h4 a:not(.collapsed), .syn-scope .bquote-3, .syn-scope .filter-by, .syn-scope .head-3 b:before, .syn-scope .head-4 b:before, .syn-scope .icons-style-2:hover .heading, .syn-scope .inner-menu ul ul, .syn-scope .p-style4 .name-holder, .syn-scope .page-title.title-5 h3, .syn-scope .pagination.bottom-border ul li, .syn-scope .pricing-tbl.style-2:hover h3, .syn-scope .sidebar_widgets li.widget, .syn-scope .tabs-style-ballon .tab-content .tab-pane, .syn-scope .testimonials-3 .testimonials-bg, .syn-scope .toolsBar, .syn-scope .top-bar li ul, .syn-scope .top-search .search-box {
	border-bottom-color:#5BA7F6
}
.syn-scope .tabs-style-ballon.vertical .tab-content .tab-pane {
	border-right-color:#5BA7F6
}
.syn-scope .head-3 b:after, .syn-scope .pricing-tbl.style-2:hover h3:before, .syn-scope .pricing-tbl.style-2:hover h3:after, .syn-scope .pricing-tbl.style-2.selected h3:after, .syn-scope .cart-box, .syn-scope .tabs-style-default .nav-tabs>li.active>a {
	border-top-color:#5BA7F6
}
.syn-scope .bquote-3 span.bottom, .syn-scope .top-nav ul ul ul:before, .syn-scope .icon-box-small i.left-angle.main-bg b:before {
	border-color:transparent #5BA7F6 transparent transparent
}
.syn-scope .icon-box-small i.right-angle.main-bg b:before, .syn-scope .head-triangle:after, .syn-scope .right-arrow.main-bg:after {
	border-color:transparent transparent transparent #5BA7F6
}
.syn-scope .bquote-3 .bottom:after, .syn-scope .bquote-4 span.main-bg:after, .syn-scope .tabs-style-bottomline li.active:before, .syn-scope #to-top:before {
	border-color:transparent transparent #5BA7F6
}
.syn-scope .accordion.style-4 .panel>.panel-heading h4 a:not(.collapsed):before, .syn-scope .filter-by.style-2 ul li.active:after, .syn-scope .filter-by.style-3 ul li.active:after, .syn-scope .heading-full-color .tri-angle-down, .syn-scope .tabs-style-ballon li.active a:after, .syn-scope .tabs-style-lg.style-1 .nav-tabs>li.active>a:before, .syn-scope .testimonials-3 .testimonials-bg:after {
	border-color:#5BA7F6 transparent transparent
}
.syn-scope .tabs-style-bottomline li:last-child::after {
	border-color:transparent #5BA7F6 transparent
}
.syn-scope .section-full-bg.main-bg .tri, .syn-scope .fun-icon.main-bg.lg-icon:after, .syn-scope .filter-by ul li.active a:after {
	border-color:#5BA7F6 transparent transparent transparent
}
.syn-scope .icon-box .filled i:after {
	box-shadow:0 0 0 1px #5BA7F6
}
.syn-scope .btn.main-bg.btn-3d {
	-webkit-box-shadow:0 5px 0 #5BA7F6;box-shadow:0 4px 0 #5BA7F6
}
.syn-scope .inner-menu ul>li.selected>a, .syn-scope .inner-menu ul>li:hover>a, .syn-scope .post-item:hover .bottom_tools, .syn-scope .testimonials-1 .testimonials-bg:after, .syn-scope .testimonials-1 .testimonials-bg:before, .syn-scope .top-bar.main-bg .social-list-syn li a:hover, .syn-scope .top-head .full.main-bg .top-nav>ul>li:hover, .syn-scope a.main-bg:hover {
	background-color:#9AC83A
}
.syn-scope .section-full-bg.alter-bg:before, .syn-scope .section-full-bg.alter-bg:after, .syn-scope .alter-bg, .syn-scope .btn.main-bg:hover, .syn-scope .side-nav>ul>li>ul li.selected, .syn-scope .side-nav>ul>li>ul li:hover, .syn-scope .social-list-syn li.diamond:hover, .syn-scope .team-box .team-details .social-list-syn li a:hover, .syn-scope .team-box.box-2:hover .team-name, .syn-scope .top-bar ul>li.dropdown.open>a, .syn-scope .top-bar ul>li>a:hover, .syn-scope .top-head .full.main-bg .top-nav>ul>li.selected {
	background-color:#2C8FF4;color:#fff
}
.syn-scope .lg-box:hover, .syn-scope .top-head.header-8 .top-nav>ul>li.selected>a, .syn-scope .top-head.header-8 .top-nav>ul>li.selected>span>a, .syn-scope .top-head.header-8 .top-nav>ul>li:hover>a, .syn-scope .top-head.header-8 .top-nav>ul>li:hover>span>a, .syn-scope .top-nav ul {
	border-color:#9AC83A
}
.syn-scope .testimonials-1 .testimonials-img:before {
	border-color:transparent transparent transparent #9AC83A
}
.syn-scope .testimonials-1 .testimonials-img:after {
	border-color:transparent #9AC83A transparent transparent
}

*,
*:after,
.syn-scope *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.syn-scope .no-padding {
	padding: 0px;
}

.syn-scope .cl-effect-10 {

	
}


.syn-scope .cl-effect-2 a {
	line-height: 34px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

.syn-scope .cl-effect-2 a span {

	background: #0965a0;
	position: relative;
	display: inline-block;
	padding: 10px;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.syn-scope .cl-effect-2 a span::before {
	text-align: center;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 0px;
	padding: 0px;
	background: #0965a0;
	color: white;
	overflow: hidden;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition:  0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.cl-effect-2 a:hover span,
.syn-scope .cl-effect-2 a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

.cl-effect-2 a:hover span::before,
.syn-scope .cl-effect-2 a:focus span::before {
	padding: 10px;
	height: 100%;
	display: block;
	background: #115e33;
	overflow: hidden;
}









/* Effect 10: reveal, push out */

.syn-scope .cl-effect-10 a {

	position: relative;
	display: inline-block;

	outline: none;
	color: white;
	text-decoration: none;

	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
	
	overflow: hidden;
	text-align: center;

}

.cl-effect-10 a:hover,
.syn-scope .cl-effect-10 a:focus {
	outline: none;
}

.syn-scope .cl-effect-10 {
    position: relative;
    z-index: 1;
    
    /* Flexbox to center the anchor vertically */
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center;     /* Vertical centering */
   
}



.syn-scope .cl-effect-10 a span {
	display: block;
	padding: 10px 20px;
	background: #5BA7F6;
	    border-radius: 5px;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.syn-scope .cl-effect-10 a::before {
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	white-space: pre-wrap; 	

}

.cl-effect-10 a:hover span,
.syn-scope .cl-effect-10 a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(101%);
}

.cl-effect-10 a:hover::before,
.syn-scope .cl-effect-10 a:focus::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}




.syn-scope .cl-effect-10.small-gap {
	margin-top: 70px;
}









/* Base button style */
.syn-scope .link-button-content {
    display: inline-block;
    padding: 10px 20px;
    background-color: #5BA7F6;
    color: white;
    font-size: 1.35em;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    white-space: nowrap; /* Prevent wrapping for the 'Enquire' text */
    max-width: 100%; /* Allow button to expand with the content */
}

/* Hover text (appears on hover) */
.syn-scope .link-button-content::before {
    content: attr(data-hover);  /* Fetch hover text from attribute */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Ensure the hover text takes up the full width */
    height: 100%;
    background-color: #5BA7F6;
    color: white;
    font-size: 1.35em;
    font-weight: 400;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0; /* Initially hidden */
    transform: translateX(-100%); /* Start off-screen */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Slide and fade in */
    white-space: normal; /* Allow hover text to wrap */
    word-wrap: break-word; /* Ensure the text wraps if it's too long */
    overflow-wrap: break-word; /* Force long words to break */
    max-width: 100%; /* Ensure hover text doesn't exceed the button size */
}

/* On hover, slide the hover text in */
.syn-scope .link-button-content:hover::before {
    opacity: 1; /* Show the hover text */
    transform: translateX(0); /* Slide in from left */
}

/* Ensure 'Enquire' text stays on top of hover text */
.syn-scope .link-button-content span {
    position: relative;
    z-index: 2; /* Keeps 'Enquire' text above hover text */
}

/* Wrapper to center the button */
.syn-scope .hover-button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    width: 100%; /* Ensures wrapper expands as needed */
}











.syn-scope .cl-effect-2 a:hover .aesku::before, .syn-scope .aesku:before {
	background: #115e33;
	color: white;
}

.syn-scope .cl-effect-2 a:hover .binding-site::before, .syn-scope .binding-site::before {
	background: #feed01;
	color: black;
}

.syn-scope .cl-effect-2 a:hover .stanbio::before, .syn-scope .stanbio::before {
	background: #f9241c;
	color: white;
}

.syn-scope .cl-effect-2 a:hover .arctiko::before, .syn-scope .arctiko::before {
	background: #83b817;
	color: black;
}

.syn-scope .cl-effect-2 a:hover .genmark::before, .syn-scope .genmark::before {
	background: #0067b2;
	color: white;
}

.syn-scope .cl-effect-2 a:hover .eolabs::before, .syn-scope .eolabs::before {
	background: #00a6e5;
	color: white;
}

.syn-scope .cl-effect-2 a:hover .medite::before, .syn-scope .medite::before {
	background: #00aaad;
	color: white;
}

.syn-scope .cl-effect-2 a:hover .trajan::before, .syn-scope .trajan::before {
	background: #ad172b;
	color: white;
}

.syn-scope .cl-effect-2 a:hover .knittel::before, .syn-scope .knittel::before {
	background: #78d2c3;
	color: white;
}

.syn-scope .cl-effect-2 a:hover .genomeme::before, .syn-scope .genomeme::before {
	background: #1582ba;
	color: white;
}

.syn-scope .cl-effect-2 a:hover .dreampath::before, .syn-scope .dreampath::before {
	background: #008fc3;
	color: white;
}






/* Supplers Tabs etc */



.syn-scope .nav-tabs {
        list-style: none;
        padding: 0;
        margin-bottom: 30px;
        /* Remove default margin */
        display: flex;
        font-size: 16px;
        height: 40px;
        /* Fixed height for the ul */
        border: 1px solid #ddd;
        /* Optional: add border to the ul */
        align-items: center;
        /* Vertically center the li items */
    }

.syn-scope .nav-tabs li {
        cursor: pointer;
        background: #e9d5d5;
        margin: 0;
        /* Remove margin to bleed to edges */
        flex-grow: 1;
        /* Ensure each li takes equal width */
        height: 100%;
        /* Ensure the li has the same height as the ul */
        display: flex;
        align-items: center;
        /* Vertically align text and icons inside the li */
        justify-content: center;
        /* Center the content horizontally */
        position: relative;
        /* Position relative to allow for absolute positioning of the bubble */
        transition: background 300ms;
    }

.syn-scope .nav-tabs li:hover {
        background: #e0e0e0;
    }

.syn-scope .nav-tabs li.active {
        background: #5BA7F6;
        color: white;
		font-weight:600;
    }


.syn-scope .tab-pane {
        display: none;
        padding: 0px;

    }


.syn-scope .tab-pane.active {
        display: block;
    }
    
    
    /* Create a bubble tick shape under the active tab */
.syn-scope .nav-tabs li.active::after {
        content: '';
        position: absolute;
        bottom: -10px;
        /* Place the bubble below the tab */
        left: 50%;
        transform: translateX(-50%);
        /* Center the bubble horizontally */
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 10px solid #5BA7F6;
        /* The color of the bubble */
    }

    /* Adjust the text and icon alignment */
.syn-scope .nav-tabs.shape.new-angle span {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        /* Set a gap between the icon and the text */
        font-size: 16px;
    }

.syn-scope .nav-tabs.shape.new-angle li span i {
        font-size: 16px;
        vertical-align: middle;
    }

    /* Adjust the line height for tab-pane content */
.syn-scope .tab-pane p {

        /* Adjust the line height for paragraph text */
         text-align: justify; /* Justify the text */
    }
.syn-scope .no-tab-pane p {

        /* Adjust the line height for paragraph text */
         text-align: justify; /* Justify the text */
    }
.syn-scope .tab-pane h5 {
        line-height: 2.5;
        /* Adjust the line height for h5 headers */
    }

    /* Static section styling */
.syn-scope .static-section {
    text-align: center; /* Centers content horizontally */
    
}


.syn-scope .variable-button {
  position: relative;
  background: #5BA7F6;
  color: #FFF; /* Default text color */
  border: none;
  padding: 1rem 2.5rem;
  transition: 0.4s;
  text-decoration: none;
  max-width: 330px; /* Limit the button width */
  text-align: center;
  white-space: normal; /* Allow text wrapping */
  overflow: hidden; /* Prevent overflow */
  word-wrap: break-word;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem; /* Space between text and icon */
  box-shadow: 0px 25px 20px -8px rgba(0, 0, 0, 0.35);
}

.syn-scope .variable-button::before {
  content: attr(data-text); /* Default button text */
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Add shadow effect */
  color: #FFF; /* Ensure text is white */
}

.syn-scope .variable-button::after {
  content: var(--icon-content, "\f08b"); /* Default Font Awesome icon Unicode */
  font-family: "Font Awesome 6 Free"; /* Font Awesome font */
  font-weight: 600; /* Solid style */
  font-size: 1em;
  margin-left: 0.5rem; /* Space between text and icon */
  transition: 0.4s; /* Smooth transition for the icon */
  color: #FFF; /* Ensure icon is white by default */
}

.syn-scope .variable-button:hover {
  background: var(--hover-background-color, #444444);
  text-decoration: none; /* Remove underline */
}

.syn-scope .variable-button:hover::before {
  content: attr(data-texthover); /* Change text on hover */
  color: #FFF; /* Ensure text remains white */
}

.syn-scope .variable-button:hover::after {
  content: var(--hover-icon-content, "\f35d"); /* Change icon on hover */
  color: #FFF; /* Ensure icon stays white on hover */
}

/* === Syntec Circular Spinner Loader === */
#syn-loader {
  position: fixed;
  z-index: 9999;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.syn-spinner-circle {
  width: 50px;
  height: 50px;
  border: 6px solid #e0e0e0;
  border-top: 6px solid #5BA7F6;
  border-radius: 50%;
  animation: syn-spin 1s linear infinite;
}

@keyframes syn-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#syn-loader.loaded {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}



/* Scoped heading.centered fix */
@media (min-width: 993px) {.syn-scope .heading.centered {
    display: table;
    margin: auto;
    text-align: center;
  }
}
@media (min-width: 993px) {.syn-scope .main-heading.centered {
    text-align: center;
    display: table;
    margin: auto;
  }
}

/* Scoped container-syn media queries */
@media (min-width: 768px) {.syn-scope .container-syn {
    width: 750px;
  }
}
@media (min-width: 992px) {.syn-scope .container-syn {
    width: 970px;
  }
}
@media (min-width: 1200px) {.syn-scope .container-syn {
    width: 1170px;
  }
}
@media (min-width: 993px) {.syn-scope .container-syn {
    padding-right: 35px;
    padding-left: 35px;
    margin-right: auto;
    margin-left: auto;
  }
}

.syn-scope .contact-widget i.shape {
  
  color: white !important;              /* Icon color */
  box-shadow: none !important;
  background-image: none !important;
}



.syn-scope .header-9 .top-nav > ul > li:hover > a {
  color: #fff !important;
}

/* Portfolio Grid Fix (4 Columns) */
/* 🛠️ Amendment: ensure isotope works */
.syn-scope .portfolio.p-4-cols {
  display: block !important;     /* was: flex */
  width: 100%;
  max-width: 100%;
  clear: both;
}

.syn-scope .portfolio.p-4-cols .portfolio-item {
  float: left;
  width: 24%;
  margin: 0 0 20px 1%;
  box-sizing: border-box;
}

.syn-scope .portfolio.p-4-cols .portfolio-item:nth-child(4n+1) {
  clear: left;
  margin-left: 0;
}



/* Responsive fallback for tablets/mobiles */
@media (max-width: 1024px) {
  .syn-scope .portfolio.p-4-cols .portfolio-item {
    width: calc(50% - 10px);
  }
}

@media (max-width: 600px) {
  .syn-scope .portfolio.p-4-cols .portfolio-item {
    width: 100%;
  }
}

/* Add sticky nav support inside scoped region */
.syn-scope .sticky-nav {
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fff;
}

.syn-scope .top-head.sticky-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
  transition: transform 0.3s ease;
}

.syn-scope .top-head.sticky-nav.nav-hidden {
  transform: translateY(-100%);
}


.syn-scope li.mega-menu:hover span.inner-mega > a {
  color: #fff !important;
}




/* Contact US - Products */
.syn-scope .contact_us_prod_input_group {
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.syn-scope .contact_us_prod_input_group input,
.syn-scope .contact_us_prod_input_group textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd; /* Light border for clarity */
  border-radius: 4px;     /* Optional: rounded corners */
  background: #f7f5f5;    /* Match the grey background in your image */
}

.syn-scope .contact_us_prod_input_group textarea {
  resize: vertical;
  min-height: 150px;       /* Reasonable minimum height */
}

.syn-scope .contact_us_prod_button_group {
  text-align: center;
  margin-top: 20px;      /* Space above the button */
}

.syn-scope #send-message-inline,
.syn-scope #send-message-drawer {
  background-color: #3399FF;     /* Blue color */
  color: #fff;
  border: none;
  width: auto;                  /* Auto width, not full width */
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px;
}

.syn-scope #send-message-inline:hover,
.syn-scope #send-message-drawer:hover {
  background-color: #007BFF;    /* Darker blue on hover */
}

.fancy-success-message {
  text-align: center;
  padding: 25px;
  border: 2px solid #009fe3;
  border-radius: 15px;
  background: #f0f8ff;
  max-width: 450px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  position: relative;
  top: -50px;       /* initial off-position */
  opacity: 0;
}

.success-icon {
  font-size: 70px;
  color: #009fe3;
  margin-bottom: 15px;
}

.success-title {
  font-size: 28px;
  font-weight: bold;
}

.success-subtitle {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.pulse {
  animation: pulse-animation 1.2s infinite;
}

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

@keyframes fadeSlideIn {
  0% {
      opacity: 0;
      transform: translateY(30px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

.input-error-message {
  color: red;
  font-size: 0.9em;
  margin-top: 5px;
  display: none;
}

.invalid-input {
  border: 2px solid red;
}

#cnt_messageTxt {
  line-height: 1.2;
}


/* Close button */
.syn-scope .Contact-close-btn {
  display: block;
  margin: 0 auto;
  padding: 6px 12px;
  font-size: 1.2rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
}

.syn-scope .Contact-close-btn:hover {
  color: #fff;
  background-color: #5BA7F6;
}

.syn-scope .Contact-close-btn-top {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 10;
  color: #333;
}

.syn-scope .Contact-close-btn-top:hover {
  color: #fff;
  background-color: #5BA7F6;
}

#enquiryType option {
  color: #000; /* Normal text for real options */
  font-style: normal;
}

#enquiryType:invalid {
  color: #ccc;
  font-style: italic;
}

.g-recaptcha {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}

#recaptcha-error {
  text-align: center;
  margin-top: 0.5rem;
  color: #d9534f; /* Optional: Bootstrap-style red */
}

.syn-scope select.contact_dropdown {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
  width: 100%;
  font-size: 14px;
  color: #333;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
  transition: border-color 0.2s ease;
}

.syn-scope select.contact_dropdown:focus {
  border-color: rgb(91, 167, 246);
  outline: none;
}

/* Grid container */
.syn-scope .portfolio-contact {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  padding: 20px 0;
}

/* Contact Grid Items */
.syn-scope .portfolio-item-contact {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover lift effect */
.syn-scope .portfolio-item-contact:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}




/* Banner (e.g. Sales, Accounts) */
.syn-scope .portfolio-item.team-contact {
  float: left;
  width: 24%;
  margin: 0 0.5% 30px;
  box-sizing: border-box;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.syn-scope .portfolio-item.team-contact:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.syn-scope .portfolio-item.team-contact .banner {
  background-color: #5BA7F6;        /* Syntec blue */
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  padding: 16px 12px;               /* Increased height */
  text-align: center;
  letter-spacing: 0.7px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}


.syn-scope .portfolio-item.form-contact {
  margin: 0 0.5% 30px;
  box-sizing: border-box;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.syn-scope .portfolio-item.form-contact:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.syn-scope .portfolio-item.form-contact .banner {
  background-color: #5BA7F6;        /* Syntec blue */
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  padding: 16px 12px;               /* Increased height */
  text-align: center;
  letter-spacing: 0.7px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.syn-scope .portfolio-item.form-contact .name-holder {
    padding: 15px 10px;
    text-align: center;
}




/* 3-Column Layout for Team Grid */
/* === 3-Column Layout for Team Grid (Updated) === */

/* Core 3-col layout with margin-aware width */
.syn-scope .p-3-cols .team-contact {
  width: calc(33.333% - 24px);
  margin: 12px;
  box-sizing: border-box;
}

/* Container compensation for team-contact margins */
.syn-scope .p-3-cols#container {
  margin: -12px;
  display: flex;
  flex-wrap: wrap;
}

/* === Optional: Support for .no-margin variants === */
.syn-scope .p-3-cols.no-margin .team-contact {
  width: 33.33333333%;
  margin: 0 !important;
}

.syn-scope .p-3-cols.no-margin .team-contact .img-holder {
  width: 100%;
}

.syn-scope .p-3-cols.no-margin .team-contact .img-holder img {
  width: 100%;
}

/* Full width, no-margin variant */
.syn-scope .p-3-cols.full.no-margin .team-contact {
  width: 33.333333%;
  margin: 0 0 15px;
}

/* === Team Card Content Spacing === */
.syn-scope .team-contact .name-holder {
  padding: 12px 10px 8px 10px;
}

.syn-scope .team-contact .name-holder h4 {
  margin: 4px 0;
  line-height: 1.3;
  font-size: 15px;
}

.syn-scope .team-contact .name-holder h4:first-child {
  font-size: 17px;
  font-weight: bold;
}

.syn-scope .team-contact .name-holder a {
  text-decoration: none;
  color: inherit;
}

.syn-scope .team-contact .name-holder a:hover {
  text-decoration: underline;
}

/* === Banner Styling (e.g., Sales, Logistics) === */
.syn-scope .team-contact .banner {
  background-color: #5BA7F6; /* Syntec blue */
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px 12px;
  text-align: center;
  letter-spacing: 0.5px;
}

/* === Addition: Make Grid Card Look Clickable === */
.syn-scope .team-contact {
  cursor: pointer;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  position: relative;
}

/* === Addition: Raise on Hover with Shadow === */
.syn-scope .team-contact:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

/* === Addition: Hover Icon (Font Awesome) === */
.syn-scope .team-contact::after {
  content: "\f054"; /* fa-chevron-right */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  color: #5BA7F6;
  position: absolute;
  top: 12px;
  right: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* === Addition: Show Icon on Hover === */
.syn-scope .team-contact:hover::after {
  opacity: 1;
}

.syn-scope #drawerContactForm {
  padding-left: 30px;
  padding-right: 30px;
}

.syn-scope select.contact_dropdown.enquiryType,
.syn-scope #enquiryType.contact_dropdown {
  text-align: center;
  text-align-last: center;
}

/* simple pulse effect */
@keyframes syn-pulse {
  0%   { transform: scale(1);   opacity: 1; }
  50%  { transform: scale(1.12); opacity: 0.95; }
  100% { transform: scale(1);   opacity: 1; }
}

.success-icon.pulse {
  display: inline-block;           /* ensure transform works */
  animation: syn-pulse 1.2s ease-in-out infinite;
  transform-origin: center;
  will-change: transform;
}

.contact_us_prod_success_message {
  position: relative;
}
.contact_us_prod_success_message .success-close {
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 1;
  padding: 6px 10px;
}

#recaptcha-drawer {
  display: flex;
  justify-content: center;
  min-height: 78px; /* keeps space while iframe loads */
}



/* =========================================================================
	@media css
============================================================================ */

@media (max-width: 992px) {
}

@media (min-width: 769px) {
}

@media (max-width: 768px) {
}

@media (max-width: 768px)  {
}

@media (max-width: 768px)  {
}

@media (min-width: 993px) {
	
			.head-icon{
				margin-right:15px
			}
			.label-icon{
				margin-right:8px
			}
			.section .full-heading{
				margin-top: -100px;
				 margin-bottom: 50px; 
			}


			.full-heading{
				padding: 30px 0 10px 0;
				text-align:center;
				margin-bottom:50px;
				position:relative;
			}
			.full-heading:before {
				position: absolute;
				bottom: -30px;
				left: 50%;
				margin-left: -22px;
				width: 40px;
				height: 30px;
				display: inline-block;
				border-bottom-left-radius: 2em;
				border-bottom-right-radius: 2em;
				background-color: #EAEAEA;
				content: "\f078";
				font: normal normal normal 14px/24px FontAwesome;
				color:#999
			}

			.full-heading-narrow{
				padding:15px 0 5px 0;
				text-align:center;
				margin-bottom:20px;
				position:relative;
			}
			.full-heading-narrow:before {
				position: absolute;
				bottom: -30px;
				left: 50%;
				margin-left: -22px;
				width: 40px;
				height: 30px;
				display: inline-block;
				border-bottom-left-radius: 2em;
				border-bottom-right-radius: 2em;
				background-color: #EAEAEA;
				content: "\f078";
				font: normal normal normal 14px/24px FontAwesome;
				color:#999
			}

			.inner-head-narrow {
				margin:0;
					padding-bottom: 0px;
				font-size:25px;
				font-weight:700;
			}

			.inner-head-narrow-sub {
				margin:0;
					padding-bottom: 10px;
				font-size:25px;
				font-weight:700;
			}

			.inner-head-narrow-top {
				margin:0;
				padding-top: 0px;
				font-size:35px;
				font-weight:700;
			}

			.inner-head{
				margin:0;
				padding:0;
				font-size:25px;
				font-weight:700;
				text-transform:uppercase;
			}

			.sub-title-text2 {
				color: #666666 ;
			}

			.small-heading{
				font-size:18px;
				color:#5b5151;
				text-transform:uppercase;
				letter-spacing:1px;
				margin:0;
				padding:0;
			}

			.small-heading-narrow{
				font-size:22px;
				color:white;

				letter-spacing:0px;
				margin:0;
				padding-top:10px;
			}

			.smaller-heading-narrow{
				font-size:16px;
				color:white;
				letter-spacing:0px;
				margin:0;
				padding-top:10px;
			}

			.medium-heading-narrow{
				font-size:26px;
				color:white;
				letter-spacing:0px;
				margin:0;
				padding-top:10px;
			}


			.main-heading.centered {
				text-align:center;
				display:table;
				margin:auto;
			}
			.main-heading h3 {
				font-size: 30px;
				font-weight:300;
				margin:0 0 5px;
				padding:0;
				line-height:1;
				letter-spacing: -1px;
			}
			.main-heading .sub-title {
				font-size:35px;
				font-weight:800;
				margin:0 0 5px;
				padding:0;
				line-height:1;
				letter-spacing: -1px;
			}
				.main-heading .sub-title1 {
				font-size:20px;
				font-weight:800;
				margin:0 0 5px;
				padding:0;
				line-height:1;
				letter-spacing: -1px;
			}
			.heading-desc,.sub-heading {
				font-size:18px;
				line-height: 26px;
			}
			.heading-desc.centered {
				display:table;
				margin: 0 auto 50px;
				width: 90%;
				text-align:center;
			}
			.heading-desc:after {
				display:table;
				content:" ";
				clear:both;
			}
			.main-heading .heading-separator {
				margin: 15px 0 15px;
				position:relative;
				height:10px;
			}



			.header-container {
				display: flex; /* Arrange children horizontally */
				align-items: center; /* Vertically align the children */
				 position: relative; /* To control positioning for sliding */
			}

			.main-heading .heading-separator .main-bg {
				position:absolute;
				left:50%;
				width:14px;
				height:5px;
				top:5px;
				margin-left: -13px;
			}
			.main-heading .heading-separator .dark-bg {
				position:absolute;
				right:50%;
				width:14px;
				height:5px;
				bottom:5px;
				margin-right: -13px;
			}
			.main-heading .heading-separator:before, .main-heading .heading-separator:after {
				content:"";
				display:inline-block;
				position:absolute;
				right:0;
				width:50%;
				height:1px;
				bottom:2px;
				margin-right: -2px;
			}
			.main-heading .heading-separator:before {
				right:auto;
				left:0;
				top:auto;
				top:2px;
				background:#777;
				width:50%;
				margin-left: -2px;
			}

			.main-heading .heading-separator-bp10 {
				margin: 15px 0 10px;
				position:relative;
				height:10px;
			}

			.main-heading .heading-separator-bp10 .main-bg {
				position:absolute;
				left:50%;
				width:14px;
				height:5px;
				top:5px;
				margin-left: -13px;
			}
			.main-heading .heading-separator-bp10 .dark-bg {
				position:absolute;
				right:50%;
				width:14px;
				height:5px;
				bottom:5px;
				margin-right: -13px;
			}
			.main-heading .heading-separator-bp10:before, .main-heading .heading-separator-bp10:after {
				content:"";
				display:inline-block;
				position:absolute;
				right:0;
				width:50%;
				height:1px;
				bottom:2px;
				margin-right: -2px;
			}
			.main-heading .heading-separator-bp10:before {
				right:auto;
				left:0;
				top:auto;
				top:2px;
				background:#777;
				width:50%;
				margin-left: -2px;
			}

			.main-heading.no-desc {
				margin-bottom:30px !important;
			}
			.heading, .heading [class*="head-"] {
				position:relative;
				line-height:1
			}
			.head-angle{
				display:table;
				position:relative;
				height:60px;
				line-height:60px !important;
				padding: 0 20px;
				white-space:nowrap;
			}
			.heading i.tbl {
				display:table;
				margin:0 auto 10px;
				font-size:16px;
				float:none
			}
			.heading i {
				/* margin: -3px 15px 0 0; */
				vertical-align:middle;
				font-size:70%
			}
			.heading .top-bord {
				position:relative;
				top:-5px;
				height:3px;
				width:40px;
			}
			.heading.centered {
				display:table;
				margin:auto;
				text-align:center;
			}
			.heading.centered [class*="head-"] {
				display:table;
				margin:auto;
				position:relative;
				margin-bottom:30px;
				padding-bottom:20px
				
			}
			.heading [class*= "head-"] h3 {
				font-size: 35px;
				font-weight: 300;
				padding: 0;
				line-height: 1;
				letter-spacing: -1.5px;
				margin:0
			}
			.heading [class*= "head-"] h4 {
				font-size:35px;
				font-weight:800;
				letter-spacing:-1px;
				line-height:1;
				margin:0
			}
			.side-head [class*="head-"] h3,.side-head [class*="head-"] h4{
				font-size:30px
			}
			.heading-full {
				text-align:center;
			}
			.heading-full:before {
				position:absolute;
				height:30px;
				background:#f5f5f5;
				display:inline-block;
				content:"";
				width:100%;
				left:0;
				top:5px;
				z-index:5;
			}
			.heading-full [class*="head-"] {
				padding:0 50px;
				background:#fff;
				z-index:6;
				display:table;
				margin:auto;
			}
			.heading-full [class*= "head-"]:before, .heading-full [class*="head-"]:after {
				position:absolute;
				top:5px;
				height:30px;
				width:10px;
				display:inline-block;
				content:"";
				left:0;
			}
			.heading-full [class*="head-"]:after {
				left:auto;
				right:0;
			}
			.sub-heading-auto {
				width:70%;
				display:table;
				margin:0 auto 30px;
				font-size:16px;
			}
			.heading.centered p.sub-heading {
				display:table;
				margin-right:auto;
				margin-left:auto;
				width:60%;
				font-size:16px;
				line-height:23px;
			}
			.heading-full-color {
				text-align:center;
				margin:0;
				padding:30px 0;
				position:relative;
			}
			.heading-full-color p.sub-heading {
				display:table;
				margin-top:20px;
				margin-right:auto;
				margin-left:auto;
				width:45%;
				font-size:15px;
				line-height:23px;
			}
			.heading-full-color [class*="head-"] {
				margin-bottom:0;
				padding-bottom:0;
			}
			.heading-full-color .tri-angle-down {
				position:absolute;
				left:50%;
				margin-left:-20px;
				bottom:-20px;
				width:0;
				height:0;
				border-style:solid;
				border-width:20px 20px 0 20px;
				z-index:9;
			}
			.head-1:after, .head-1:before {
				position:absolute;
				bottom:7px;
				left:0;
				width:42%;
				height:1px;
				content:"";
			}
			.head-1:before {
				right:0;
				left:auto;
			}
			.head-1 b {
				position:absolute;
				bottom:-10px;
				left:50%;
				width:25px;
				height:25px;
				margin-left:-12.5px;
				font-size:14px;
			}
			.head-2:after, .head-2:before {
				position:absolute;
				bottom:0;
				left:-15px;
				width:52%;
				height:1px;
				content:"";
			}
			.head-2:before {
				right:-15px;
				left:auto;
			}
			.head-2 b {
				position:absolute;
				bottom:-15px;
				left:50%;
				width:25px;
				height:25px;
				margin-left:-7px;
				font-size:11px;
			}
			.head-2 b.rit {
				position:absolute;
				bottom:-24px;
				right:50%;
				left:auto;
				width:25px;
				height:25px;
				margin-right:-5px;
				margin-left:0;
				font-size:11px;
			}
			.head-3:after, .head-3:before {
				position:absolute;
				bottom:0;
				left:0;
				width:48%;
				height:3px;
				content:"";
				margin-left:-15px;
			}
			.head-3:before {
				right:0;
				left:auto;
				margin-right:-15px;
				margin-left:0;
			}
			.head-3 b {
				position:absolute;
				bottom:-2px;
				left:50%;
				width:16px;
				height:8px;
				margin-left:-8px;
			}
			.head-3 b:before {
				content:"";
				position:absolute;
				top:-4px;
				left:0;
				width:0;
				height:0;
				border-left:8px solid transparent;
				border-right:8px solid transparent;
				border-bottom-width:4px;
				border-bottom-style:solid;
			}
			.head-3 b:after {
				content:"";
				position:absolute;
				bottom:-4px;
				left:0;
				width:0;
				height:0;
				border-left:8px solid transparent;
				border-right:8px solid transparent;
				border-top-width:4px;
				border-top-style:solid;
			}
			.head-4:after {
				position:absolute;
				bottom: 0;
				left:0;
				width:30px;
				height:3px;
				content:"";
			}
			.heading.centered .head-4:after {
				left:50%;
				margin-left:-15px;
			}
			.head-5{
				margin-bottom:30px
			}
			.head-5 p.sub-heading, .head-6 p.sub-heading, .head-7 p.sub-heading, .head-8 p.sub-heading {
				margin:15px 0 0;
				width:85%;
				font-size:15px;
				line-height:23px;
			}
			.heading.lf-heading p.sub-heading {
				margin:15px 0 0;
				width:auto;
				font-size:15px;
				line-height:23px;
				text-align:left;
			}
			.heading.lf-heading [class*="head-"] {
				line-height:1.2;
				margin:0 0 30px;
				position:relative;
			}
			.heading.lf-heading [class*="head-"]:after {
				left:0;
				bottom:0;
			}
			.head-5 p.sub-heading {
				margin:15px 40px 0;
			}
			.head-5:after,.head-5:before {
				position:absolute;
				bottom:0;
				left: 0;
				width: 16.3%;
				height:1px;
				content:"";
				bottom:-10px;
			}
			.head-5:before{
				left: 16.5%;
				width: 83.5%;
			}
			.head-6 {
				padding-bottom:20px;
				margin-bottom:30px
			}
			.head-6 *,.head-7 *{
				margin-bottom:0
			}
			.head-6:after {
				position:absolute;
				bottom:0;
				left:0;
				width:60px;
				height:1px;
				content:"";
				bottom:-1px;
			}
			.head-7 {
				border-width:0 !important;
				border-bottom-width:1px !important;
				margin-bottom:30px
			}
			.head-7 span {
				padding:7px 15px;
				display: inline-block;
				margin-bottom: 1px;
			}
			.head-7 span i{
				float:none
			}
			.head-8 {
				padding-left:20px;
				margin-bottom:30px;
			}

			.head-8:before {
				width:8px;
				height:80%;
				left:0;
				top:10%;
				content:"";
				display:inline-block;
				position:absolute;
			}
			.sub-head [class*="head-"]{
				padding-bottom: 20px;
				margin-bottom: 40px;
			}
			

			.sub-head [class*="head-"]{
				padding-bottom: 20px;
				margin-bottom: 40px;
			}



}

@media (max-width: 992px) {

	
				.head-icon{
					margin-right:15px
				}
				.label-icon{
					margin-right:8px
				}
				.section .full-heading{
					margin-top: -100px;
					margin-bottom: 50px;


				}


				.full-heading{
					padding:10px 0px 5px 0px;
					text-align:center;
					margin-bottom:50px;
					position:relative;
				}
				.full-heading:before {
					position: absolute;
					bottom: -30px;
					left: 50%;
					margin-left: -22px;
					width: 40px;
					height: 30px;
					display: inline-block;
					border-bottom-left-radius: 2em;
					border-bottom-right-radius: 2em;
					background-color: #EAEAEA;
					content: "\f078";
					font: normal normal normal 14px/24px FontAwesome;
					color:#999
				}

				.full-heading-narrow{
					padding:15px 0 5px 0;
					text-align:center;
					margin-bottom:20px;
					position:relative;
				}
				.full-heading-narrow:before {
					position: absolute;
					bottom: -30px;
					left: 50%;
					margin-left: -22px;
					width: 40px;
					height: 30px;
					display: inline-block;
					border-bottom-left-radius: 2em;
					border-bottom-right-radius: 2em;
					background-color: #EAEAEA;
					content: "\f078";
					font: normal normal normal 14px/24px FontAwesome;
					color:#999
				}

				.inner-head-narrow {
					margin:0;
						padding-bottom: 0px;
					font-size:35px;
					font-weight:700;
				}

				.inner-head-narrow-sub {
					margin:0;
						padding-bottom: 10px;
					font-size:25px;
					font-weight:700;
				}

				.inner-head-narrow-top {
					margin:0;
					padding-top: 0px;
					font-size:25px;
					font-weight:700;
				}

				.inner-head{
					margin:0;
					padding:0;
					font-size:20px;
					font-weight:700;
					text-transform:uppercase;
				}

				.sub-title-text2 {
					color: #666666 ;
				}

				.small-heading{
					font-size:15px;
					color:#5b5151;
					text-transform:uppercase;
					letter-spacing:0px;
					margin:0;
					padding:0;
				}

				.small-heading-narrow{
					font-size:19px;
					color:white;

					letter-spacing:0px;
					margin:0;
					padding-top:10px;
				}

				.smaller-heading-narrow{
					font-size:16px;
					color:white;
					letter-spacing:0px;
					margin:0;
					padding-top:10px;
				}

				.medium-heading-narrow{
					font-size:26px;
					color:white;
					letter-spacing:0px;
					margin:0;
					padding-top:10px;
				}


				.main-heading.centered {
					text-align:center;
					display:table;
					margin:auto;
				}
				.main-heading h3 {
					font-size: 30px;
					font-weight:300;
					margin:0 0 5px;
					padding:0;
					line-height:1;
					letter-spacing: -1px;
				}
				.main-heading .sub-title {
					font-size:35px;
					font-weight:800;
					margin:0 0 5px;
					padding:0;
					line-height:1;
					letter-spacing: -1px;
				}
				
				.main-heading .sub-title1 {
				font-size:18px;
				font-weight:800;
				margin:0 0 5px;
				padding:0;
				line-height:1;
				letter-spacing: -1px;
			}
			
				.heading-desc,.sub-heading {
					font-size:18px;
					line-height: 26px;
				}
				.heading-desc.centered {
					display:table;
					margin: 0 auto 50px;
					width: 90%;
					text-align:center;
				}
				.heading-desc:after {
					display:table;
					content:" ";
					clear:both;
				}
				.main-heading .heading-separator {
					margin: 15px 0 15px;
					position:relative;
					height:10px;
				}



				.header-container {
					display: flex; /* Arrange children horizontally */
					align-items: center; /* Vertically align the children */
					 position: relative; /* To control positioning for sliding */
				}

				.main-heading .heading-separator .main-bg {
					position:absolute;
					left:50%;
					width:14px;
					height:5px;
					top:5px;
					margin-left: -13px;
				}
				.main-heading .heading-separator .dark-bg {
					position:absolute;
					right:50%;
					width:14px;
					height:5px;
					bottom:5px;
					margin-right: -13px;
				}
				.main-heading .heading-separator:before, .main-heading .heading-separator:after {
					content:"";
					display:inline-block;
					position:absolute;
					right:0;
					width:50%;
					height:1px;
					bottom:2px;
					margin-right: -2px;
				}
				.main-heading .heading-separator:before {
					right:auto;
					left:0;
					top:auto;
					top:2px;
					background:#777;
					width:50%;
					margin-left: -2px;
				}

				.main-heading .heading-separator-bp10 {
					margin: 15px 0 10px;
					position:relative;
					height:10px;
				}

				.main-heading .heading-separator-bp10 .main-bg {
					position:absolute;
					left:50%;
					width:14px;
					height:5px;
					top:5px;
					margin-left: -13px;
				}
				.main-heading .heading-separator-bp10 .dark-bg {
					position:absolute;
					right:50%;
					width:14px;
					height:5px;
					bottom:5px;
					margin-right: -13px;
				}
				.main-heading .heading-separator-bp10:before, .main-heading .heading-separator-bp10:after {
					content:"";
					display:inline-block;
					position:absolute;
					right:0;
					width:50%;
					height:1px;
					bottom:2px;
					margin-right: -2px;
				}
				.main-heading .heading-separator-bp10:before {
					right:auto;
					left:0;
					top:auto;
					top:2px;
					background:#777;
					width:50%;
					margin-left: -2px;
				}

				.main-heading.no-desc {
					margin-bottom:30px !important;
				}
				.heading, .heading [class*="head-"] {
					position:relative;
					line-height:1
				}
				.head-angle{
					display:table;
					position:relative;
					height:60px;
					line-height:60px !important;
					padding: 0 20px;
					white-space:nowrap;
				}
				.heading i.tbl {
					display:table;
					margin:0 auto 10px;
					font-size:16px;
					float:none
				}
				.heading i {
					 /* margin: -3px 15px 0 0; */
					vertical-align:middle;
					font-size:70%
				}
				.heading .top-bord {
					position:relative;
					top:-5px;
					height:3px;
					width:40px;
				}
				.heading.centered {
					display:table;
					margin:auto;
					text-align:center;
				}
				.heading.centered [class*="head-"] {
					display:table;
					margin:auto;
					position:relative;
					margin-bottom:30px;
					padding-bottom:20px
					
				}
				.heading [class*= "head-"] h3 {
					font-size: 35px;
					font-weight: 300;
					padding: 0;
					line-height: 1;
					letter-spacing: -1.5px;
					margin:0
				}
				.heading [class*= "head-"] h4 {
					font-size:35px;
					font-weight:800;
					letter-spacing:-1px;
					line-height:1;
					margin:0
				}
				.side-head [class*="head-"] h3,.side-head [class*="head-"] h4{
					font-size:30px
				}
				.heading-full {
					text-align:center;
				}
				.heading-full:before {
					position:absolute;
					height:30px;
					background:#f5f5f5;
					display:inline-block;
					content:"";
					width:100%;
					left:0;
					top:5px;
					z-index:5;
				}
				.heading-full [class*="head-"] {
					padding:0 50px;
					background:#fff;
					z-index:6;
					display:table;
					margin:auto;
				}
				.heading-full [class*= "head-"]:before, .heading-full [class*="head-"]:after {
					position:absolute;
					top:5px;
					height:30px;
					width:10px;
					display:inline-block;
					content:"";
					left:0;
				}
				.heading-full [class*="head-"]:after {
					left:auto;
					right:0;
				}
				.sub-heading-auto {
					width:70%;
					display:table;
					margin:0 auto 30px;
					font-size:16px;
				}
				.heading.centered p.sub-heading {
					display:table;
					margin-right:auto;
					margin-left:auto;
					width:60%;
					font-size:16px;
					line-height:23px;
				}
				.heading-full-color {
					text-align:center;
					margin:0;
					padding:30px 0;
					position:relative;
				}
				.heading-full-color p.sub-heading {
					display:table;
					margin-top:20px;
					margin-right:auto;
					margin-left:auto;
					width:45%;
					font-size:15px;
					line-height:23px;
				}
				.heading-full-color [class*="head-"] {
					margin-bottom:0;
					padding-bottom:0;
				}
				.heading-full-color .tri-angle-down {
					position:absolute;
					left:50%;
					margin-left:-20px;
					bottom:-20px;
					width:0;
					height:0;
					border-style:solid;
					border-width:20px 20px 0 20px;
					z-index:9;
				}
				.head-1:after, .head-1:before {
					position:absolute;
					bottom:7px;
					left:0;
					width:42%;
					height:1px;
					content:"";
				}
				.head-1:before {
					right:0;
					left:auto;
				}
				.head-1 b {
					position:absolute;
					bottom:-10px;
					left:50%;
					width:25px;
					height:25px;
					margin-left:-12.5px;
					font-size:14px;
				}
				.head-2:after, .head-2:before {
					position:absolute;
					bottom:0;
					left:-15px;
					width:52%;
					height:1px;
					content:"";
				}
				.head-2:before {
					right:-15px;
					left:auto;
				}
				.head-2 b {
					position:absolute;
					bottom:-15px;
					left:50%;
					width:25px;
					height:25px;
					margin-left:-7px;
					font-size:11px;
				}
				.head-2 b.rit {
					position:absolute;
					bottom:-24px;
					right:50%;
					left:auto;
					width:25px;
					height:25px;
					margin-right:-5px;
					margin-left:0;
					font-size:11px;
				}
				.head-3:after, .head-3:before {
					position:absolute;
					bottom:0;
					left:0;
					width:48%;
					height:3px;
					content:"";
					margin-left:-15px;
				}
				.head-3:before {
					right:0;
					left:auto;
					margin-right:-15px;
					margin-left:0;
				}
				.head-3 b {
					position:absolute;
					bottom:-2px;
					left:50%;
					width:16px;
					height:8px;
					margin-left:-8px;
				}
				.head-3 b:before {
					content:"";
					position:absolute;
					top:-4px;
					left:0;
					width:0;
					height:0;
					border-left:8px solid transparent;
					border-right:8px solid transparent;
					border-bottom-width:4px;
					border-bottom-style:solid;
				}
				.head-3 b:after {
					content:"";
					position:absolute;
					bottom:-4px;
					left:0;
					width:0;
					height:0;
					border-left:8px solid transparent;
					border-right:8px solid transparent;
					border-top-width:4px;
					border-top-style:solid;
				}
				.head-4:after {
					position:absolute;
					bottom: 0;
					left:0;
					width:30px;
					height:3px;
					content:"";
				}
				.heading.centered .head-4:after {
					left:50%;
					margin-left:-15px;
				}
				.head-5{
					margin-bottom:30px
				}
				.head-5 p.sub-heading, .head-6 p.sub-heading, .head-7 p.sub-heading, .head-8 p.sub-heading {
					margin:15px 0 0;
					width:85%;
					font-size:15px;
					line-height:23px;
				}
				.heading.lf-heading p.sub-heading {
					margin:15px 0 0;
					width:auto;
					font-size:15px;
					line-height:23px;
					text-align:left;
				}
				.heading.lf-heading [class*="head-"] {
					line-height:1.2;
					margin:0 0 30px;
					position:relative;
				}
				.heading.lf-heading [class*="head-"]:after {
					left:0;
					bottom:0;
				}
				.head-5 p.sub-heading {
					margin:15px 40px 0;
				}
				.head-5:after,.head-5:before {
					position:absolute;
					bottom:0;
					left: 0;
					width: 16.3%;
					height:1px;
					content:"";
					bottom:-10px;
				}
				.head-5:before{
					left: 16.5%;
					width: 83.5%;
				}
				.head-6 {
					padding-bottom:20px;
					margin-bottom:30px
				}
				.head-6 *,.head-7 *{
					margin-bottom:0
				}
				.head-6:after {
					position:absolute;
					bottom:0;
					left:0;
					width:60px;
					height:1px;
					content:"";
					bottom:-1px;
				}
				.head-7 {
					border-width:0 !important;
					border-bottom-width:1px !important;
					margin-bottom:30px
				}
				.head-7 span {
					padding:7px 15px;
					display: inline-block;
					margin-bottom: 1px;
				}
				.head-7 span i{
					float:none
				}
				.head-8 {
					padding-left:20px;
					margin-bottom:30px;

				}



				.head-8:before {
					width:8px;
					height:80%;
					left:0;
					top:10%;
					content:"";
					display:inline-block;
					position:absolute;
				}
				.sub-head [class*="head-"]{
					padding-bottom: 20px;
					margin-bottom: 40px;
				}
				
				
				.head-9 {
					padding-left:20px;


				}

				.head-9:before {
					width:8px;
					height:80%;
					left:0;
					top:10%;
					content:"";
					display:inline-block;
					position:absolute;
				}


}

@media (min-width: 993px) {
	
		.footer-light .footer-middle .container-syn{
			position:relative;
			padding-top:50px;
			padding-bottom:50px;
			overflow:hidden
		}
}

@media (max-width: 992px) {
	
		.footer-light .footer-middle .container-syn{
			position:relative;
			overflow:hidden
		}
}

@media (min-width: 993px) {

			.dropcap {
				display: block;
				float: left;
				margin: 2px 8px 0 0;
				font-weight: bold;
				font-size: 36px;
				line-height: 36px;
			}
			.dropcap.main-color{
				display: block;
				float: left;
				margin: 2px 8px 0 0;
				font-weight: bold;
				font-size: 20px;
				line-height: 16px;
			}

			.banner-text {
				color: #6F8188 !important;
			}

			.icon-main-color {
				color: #5BA7F6 !important;
			}

			.dropcap_small {
				display: block;
				float: left;
				margin: 2px 8px 0 0;
				font-weight: bold;
				font-size: 18px;
				line-height: 18px;
			}
			.dropcap_small.main-color{
				font-weight:normal
			}
			.dropcap.main-bg{
				display:inline-block;
				padding:0 4px
			}
}

@media (max-width: 992px) {

			.dropcap {
				display: block;
				float: left;
				margin: 2px 8px 0 0;
				font-weight: bold;
				font-size: 36px;
				line-height: 36px;
			}
			.dropcap.main-color{
				display: block;
				float: left;
				margin: 2px 5px 0 0;
				font-weight: bold;
				font-size: 16px;
				line-height: 19px;
			}

			.banner-text {
				color: #6F8188 !important;
			}

			.dropcap_small {
				display: block;
				float: left;
				margin: 2px 8px 0 0;
				font-weight: bold;
				font-size: 18px;
				line-height: 18px;
			}
			.dropcap_small.main-color{
				font-weight:normal
			}
			.dropcap.main-bg{
				display:inline-block;
				padding:0 4px
			}
}

@media screen and (max-width: 1024px) {
    
	.mobile-hide {
	display: none !important; 
	}
}

@media screen and (min-width: 769px) {
   .desktop-hide {
	display: none !important; 
	}
}

@media (min-width: 768px){
	.top-nav .mega-menu > ul {
		width: 720px;
	}
}

@media (min-width: 1199px){
	.top-nav .mega-menu > ul {
		width: 940px;
	}
}

@media (min-width: 1200px){
	.top-nav .mega-menu > ul {
		width: 1140px;
	}
	.pageWrapper.boxed {
		width: 1170px;
	}
	.pageWrapper.boxed .top-head.transparent, .pageWrapper.boxed .top-head.sticky-nav{
		width:1170px
	}
}

@media (max-width: 1200px) {
	.pageWrapper.boxed {
		width: auto;
		margin:auto
	}
	.pageWrapper.boxed .top-head.transparent,.pageWrapper.boxed .top-head.sticky-nav,.pageWrapper.boxed .fixed-footer{
		width:100%;
		left:0
	}
	.pageWrapper.boxed .top-head.transparent, .pageWrapper.boxed .top-head.sticky-nav{
		top:0
	}
	.bottom-md-footer .form-control{
		width:70%;
	}
}

@media (max-width: 1024px){
	.top-head.transparent.full{
		padding:0 10px;
	}
	.header-left, .header-right{
		width:250px
	}
	.left-side-wrap{
		margin-left: 250px;
	}
	.right-side-wrap{
		margin-right: 250px;
	}
	.header-left .top-search input[type=text], .header-right .top-search input[type=text] {
		width: 79%;
	}
	.p-4-cols .portfolio-item{
		width:33.33333% !important;
		margin:0 !important
	}
}

@media (max-width: 1199px) {
	.tri-line,.half-section:before,.footer-middle:after{
		display:none
	}
	
	.tri-line-sf,.half-section:before,.footer-middle:after{
	display:none
}
	.top-bar .center-tbl ul,.top-ad{
		display: table;
		margin: 0 auto 5px;
		float: none !important;
		clear: both;
	}
	.circliful{
		margin:auto
	}
	.top-head.header-4 .top-search input[type=text] {
		width: 140px;
	}
	.top-bar ul{
		float:none;
		clear:both;
		margin:5px auto;
		display:table
	}
	.p-1-col .name-holder .meta{
		clear:both
	}
	.fullscreen video {
		width: 260%;
	}
	.fixed-footer .footer-bottom{
		padding:0
	}
	.masonry .post-item,.grid .post-item{
		width:47.5% !important;
		margin:0 12px 15px 0 !important
	}
	[class*="col-md-"]:after{
		clear:both;
		display:table;
		content:" ";
		height:15px
	}
	.left-white-border{
		border-left-width:0 !important
	}
	.cta_btn .f-left{
		width: 100%;
		float:none;
		clear:both;
		display:block !important;
		padding:15px 29px;
	}
	[class*="col-md-"]:not(.slick-slide){
		width: 100%;
		float:none;
		clear:both;
		display:block;

	}
	.slider-txt{
		font-size:15px !important
	}
	.section{
		padding:40px 0
	}
	.section .full-heading {
	    margin-top: -40px;
	}
	.sec-bg.left.circle,.sec-bg.right.circle{
		border-radius:0
	}
	.responsive-nav,.footer-middle:after,.responsive-nav .top-search, .responsive-nav .top-cart,.footer-4 .footer-middle .container-syn:before,.footer-light .footer-middle .container-syn:before,.bg-full-rit, .bg-full-lft,.top-head.boxed-transparent .bot-line,
	.top-head.boxed-transparent .logo:before,.top-head.boxed-transparent .logo:after,.header-left, .header-right{
		display:none
	}
	.pageWrapper{
		margin:0 !important
	}
	.slick-slide img{
		display:inline-block
	}
	.cta_btn .btn{
		margin:15px auto 0;
		display:table;
		float:none
	}
	.cta-icon,.cta_btn .left,.slick-slide img,.footer-bottom{
		text-align:center
	}
	.footer-bottom ul{
		float:none;
		display:table;
		margin:auto !important
	}
	.footer-bottom [class*="col-md-"]{
		padding:5px 0;
	}
	.footer-bottom .footer-menu li{
		padding-left:12px
	}
	.filter-by{
		padding-left:20px;
		padding-right:20px;
		overflow:hidden
	}
	.captcha-div *{
		float:none;
		margin:0 0 10px
	}
	.pricing-tbl.style-4.no-margin.selected{
		margin-top:0
	}
	.digits span{
		height: 120px;
		width:120px;
		line-height:120px;
		font-size:50px;
	}
	.digits li:before,.digits li:after{
		top: 120px;
		width: 50px;
	}
	.soon-form input[type=text] {
		width: 68%;
	}
	.shop-main-menu > ul > li > ul.mega,.shop-main-menu > ul > li > ul{
		position:static;
		width: auto;
		z-index: 99;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border:0 !important;
		padding:0
	}
	.shop-main-menu > ul > li > ul a{
		border:0 !important;
	}
	.shop-main-menu > ul > li{
		overflow:hidden
	}
	.blog-posts.small-image .post-image, .blog-posts.small-image .post-gallery {
		width: 30%;
		height: auto;
	}
	.post-item{
		margin-bottom:20px
	}
	.blog-posts.small-image .post-image video,.blog-posts.small-image .post-image iframe {
		width: 100% !important;
		height: 100% !important;
	}
	.blog-posts.small-image .post-item .post-content p{
		padding:8px
	}
	.blog-posts.small-image .post-info{
		overflow:hidden
	}
	.blog-posts.small-image .post-meta{
		display:none
	}
	.masonry .post-item,.grid .post-item{
		width:47.5% !important;
		margin:0 12px 15px 0 !important
	}
	.heading.centered *{
		text-align:center
	}
	.left-side-wrap,.right-side-wrap{
		margin:0
	}
	.top-head .logo{
		display:table;
		margin:auto;
		float:none !important;
		border:0 !important;
		padding:0px 0
	}
	.parallax{
		background-position:0 0 !important;
		background-attachment:scroll !important
	}
	.feature-img figure img{
		width:100%
	}
	.NL,.slick-slide{
		text-align:center
	}
	.bottom-md-footer .NL .form-control{
		float:none;
		margin-bottom:5px
	}
	.footer-middle .flickr-widget{
		display:table;
		margin:auto
	}
	.captcha-div{
		width:100%
	}
	.top-head.boxed-transparent > .container-syn{
		border:0 !important
	}
	.row-eq-height{
		display:block
	}
	li.mega-menu .inner-mega{
		margin:0;
		padding:0
	}
	.testimonials-5 .row:first-child [class*="col-md-"], .clients-grid1 .row:first-child [class*="col-md-"], .clients-grid2 .row:first-child [class*="col-md-"], .clients-grid3 .row:first-child [class*="col-md-"]{
		border-width:1px !important
	}
	.team-box .rounded-img{
		border-radius:0;
		max-height:none
	}
	.page-title-video .video-wrap video,.section-video .video-wrap video {
		margin-top:0;
	}
}

@media (max-width: 768px) {
	
	.timeline_date,.timeline:before{
		display:none
	}
	.post-item{
		margin:0 0 20px !important;
		overflow: hidden;
	}
	#container-syn,#masonry {
		max-width: 800px;
	}
	.p-4-cols .portfolio-item,.p-3-cols .portfolio-item{
		width:48.33333% !important
	}
	.p-4-cols .portfolio-item,.p-3-cols .portfolio-item{
		width:50% !important;
		margin:0
	}
	.page-title-video > .container-syn > .row{
		height:300px
	}
}

@media (max-width: 480px) {
	.responsive-body{
		margin:0
	}
	.three-imgs img{
		position:static !important;
	}
	.filter-by ul{
		margin:0
	}
	.filter-by ul li{
		margin: 0 2px 10px;
	}
	.filter-by ul li:before{
		display:none
	}
	.filter-by ul li a{
		padding: 7px 5px;
	}
	.conact_center_form{
		margin:0 15px
	}
	.portfolio-slider.p-4-cols.no-margin .portfolio-item {
		width: 318px !important;
	}
	.tp-caption[class*="font-"]{
		font-size:inherit !important;
		line-height:normal !important
	}
	.blog-posts .post-image, .blog-posts .post-gallery{
		float:none !important;
		width:100% !important;
		clear:both;
		margin-bottom:10px;
		text-align:center
	}
	.blog-posts .post-content{
		margin:0 !important;
	}
	.inner-menu ul > li > a {
		padding: 0 9px;
	}
	.gry-sep{
		width:45%
	}
	.p-4-cols .portfolio-item,.p-3-cols .portfolio-item,.p-2-cols .portfolio-item{
		width:100% !important;
		margin:0 !important;
	}
	.main-heading h3,.main-heading .sub-title{
		font-size:25px;
		letter-spacing:0.5px;
	}
	.heading-desc,.post-item .post-info h2{
        font-size: 16px;
        line-height: 22px;
	}
	.heading-desc.centered{
		width:100%
	}
	.nav-tabs>li>a{
		padding:5px
	}
	.rit-img,.lft-img{
		float:none;
		clear:both;
		margin:0 auto 15px;
		display:table;
	}
	.testimonials-2 p{
		font-size:13px
	}
	.page-title-video > .container-syn > .row{
		height:180px
	}
	.page-title h1{
		font-size:20px !important;
		margin-top:20px
	}
	.page-title h3{
		font-size:15px !important
	}
	.page-title > .container-syn > .row{
		padding-bottom:0
	}
}

@media screen and (max-width: 768px) {
        .tabs-grid-syn {
            grid-template-columns: 1fr;
            /* Stack navigation and content vertically */
        }

        .tabs-navigation-syn {
            border-right: none;
            /* Remove border between navigation and content */
            border-bottom: 1px solid #ddd;
            flex-direction: row;
            /* Change layout to horizontal navigation */
            justify-content: space-around;
            padding: 10px 0;
        }

        .tab-button-syn {
            text-align: center;
            /* Center text for horizontal navigation */
            flex-grow: 1;
            padding: 10px;
        }
    }

@media screen and (min-width: 769px) {
        .tabs-grid-syn {
            grid-template-columns: 30% 70%;
            /* Maintain grid structure */
        }

        .tabs-navigation-syn {
            flex-direction: column;
            /* Restore vertical navigation */
        }

        .tab-button-syn {
            text-align: left;
            /* Align text to the left for desktop */
        }
    }

@media (max-width: 1024px) {
    .discipline-title {
        font-size: 40px;
        line-height: 40px;
    }
}

@media (max-width: 778px) {
    .discipline-title, .discipline-subtitle {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .discipline-title {
        font-size: 20px;
        line-height: 25px;
    }
    .discipline-subtitle {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 993px) {
    .nav-container-syn {

        justify-content: space-between;
        align-items: center;

        top: 0;

        background: #fff;
        z-index: 1000;

    }

    .logo {
        flex: 1; /* Keeps the logo on the left */
    }

    .menu-wrapper-syn {
        flex: 2;
        display: flex;
        justify-content: flex-start; /* Aligns menu to the right */
    }

    .menu-syn {
        display: flex;
        gap: 30px;
        list-style: none;
        padding: 0;
    }

    .menu-syn li {
        display: inline-block;
    }

    .menu-syn li ul {
        display: none; /* Submenu hidden */
    }

    .menu-syn li:hover > ul {
        display: block; /* Show submenu on hover */
    }

    .menu-syn a {
        color: #333;
        text-decoration: none;
        padding: 10px 20px;
        display: block;
    }

    .menu-syn a:hover {
        background-color: #eee;
    }
}

@media (max-width: 980px) {
    main-flip {
        justify-content: center;
    }
}

@media print {
  *,
  :after,
  :before {
    color: #000 !important;
    text-shadow: none !important;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  h2,
  h3,
  p {
    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 td,
  .table-bordered th {
    border: 1px solid #ddd !important;
  }
}

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

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

@media (min-width: 993px) {
		.container-syn {
		  padding-right: 35px;
		  padding-left: 35px;
		  margin-right: auto;
		  margin-left: auto;
		}

    .container-syn-banner {
        padding-right: 35px;
        padding-left: 35px;
        margin-right: auto;
        margin-left: auto;
		font-size:18px;
    }
}

@media (max-width: 992px) {
		.container-syn {
		  padding-right: 15px;
		  padding-left: 15px;
		  margin-right: auto;
		  margin-left: auto;
		}
    .container-syn-banner {
        padding-right: 35px;
        padding-left: 35px;
        margin-right: auto;
        margin-left: auto;
		font-size:16px;
    }
}

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

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

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

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

@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 > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
}

@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-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"],
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm {
    line-height: 30px;
  }
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"],
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg {
    line-height: 46px;
  }
}

@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 .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox,
  .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox label,
  .form-inline .radio label {
    padding-left: 0;
  }
  .form-inline .checkbox input[type="checkbox"],
  .form-inline .radio input[type="radio"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

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

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

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

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

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}

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

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

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    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-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 200px;
  }
}

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

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

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

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

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

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

@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 .form-control,
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox,
  .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox label,
  .navbar-form .radio label {
    padding-left: 0;
  }
  .navbar-form .checkbox input[type="checkbox"],
  .navbar-form .radio input[type="radio"] {
    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;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 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;
  }
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: transparent;
  }
}

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

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

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

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

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

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  td.visible-xs,
  th.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;
  }
  td.visible-sm,
  th.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;
  }
  td.visible-md,
  th.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;
  }
  td.visible-lg,
  th.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;
  }
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  td.visible-print,
  th.visible-print {
    display: table-cell !important;
  }
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container-syn {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}

@media (max-width: 990px) {
  .hideable {
    display: none;
  }

  .logo-small-screen {
    display: inline-block;
  }

  nav.cl-effect-10 {
    margin-top: 10px;
  }

  nav.cl-effect-10.small-gap {
    margin-top: 10px;
  }
}

/* 👇 Shows the burger icon on small screens */
@media only screen and (max-width: 768px) {
}

/* 👇 Stop background scroll when menu is open */
.syn-scope .pageWrapper.responsive-body {
  overflow: hidden;
}


/* ===================================================================
   SYNTEC — MOBILE (header, burger, drawer, chevrons) — SOLID BUILD
   =================================================================== */

/* Hide burger on desktop */
@media (min-width: 992px){ #menu_burger_wrap{ display:none !important; } }

/* Burger */
#menu_burger_wrap{ z-index:200000; pointer-events:auto; }
#menu_burger{
  position:fixed !important; top:0 !important; right:0 !important;
  width:44px; height:44px; display:flex; align-items:center; justify-content:center;
  margin:0 !important; padding:0 !important; background:#000; color:#fff; border:0; border-radius:8px;
  box-shadow:0 2px 6px rgba(0,0,0,.2); z-index:200000 !important; cursor:pointer;
}
#menu_burger .fa, #menu_burger .t-Icon{ color:#fff; font-size:20px; line-height:1; }
#menu_burger:hover{ background:#111; }
#menu_burger:focus{ outline:2px solid #fff; outline-offset:2px; }

/* Option 2 — Light burger only while the drawer is open */
body.menu-drawer-open #menu_burger{
  background:#f7f9fc;          /* light chip for contrast on dark bg */
  color:#111;
  border:1px solid rgba(0,0,0,.15);
  box-shadow:0 2px 10px rgba(0,0,0,.35);
}
body.menu-drawer-open #menu_burger .fa,
body.menu-drawer-open #menu_burger .t-Icon{ color:#111; }
body.menu-drawer-open #menu_burger:hover{ background:#fff; }
body.menu-drawer-open #menu_burger:focus{ outline-color:#111; }
/* keep burger tappable even if header disables pointer events */
body.menu-drawer-open #menu_burger_wrap{ pointer-events:auto; }

/* Drawer panel (APEX Inline Dialog Right) */
.ui-dialog[aria-describedby="MENU_DRAWER"]{
  position:fixed !important; top:0 !important; right:0 !important; bottom:0 !important; left:auto !important;
  width:320px !important; max-width:92vw !important; margin:0 !important;
  border-radius:0 !important; background:#0b0b0b; border-left:1px solid #222;
  box-shadow:-18px 0 36px rgba(0,0,0,.45); z-index:210000 !important;
}
.ui-dialog[aria-describedby="MENU_DRAWER"] .ui-dialog-titlebar{
  background:#0b0b0b; color:#ddd; padding:6px 8px; border:0; border-bottom:1px solid #1a1a1a;
}

/* Drawer content */
#MENU_DRAWER{
  height:calc(100% - 40px); overflow:auto; -webkit-overflow-scrolling:touch;
  padding:8px 0 24px; background:#0b0b0b; color:#ddd;
}
#MENU_DRAWER nav{ float:none !important; transform:none !important; position:static !important; width:100% !important; }

#MENU_DRAWER .main-menu,
#MENU_DRAWER .mbl-main-menu{ margin:8px 0 16px; padding:0; list-style:none; display:block; }
#MENU_DRAWER .main-menu>li,
#MENU_DRAWER .mbl-main-menu>li{ position:relative; display:block; }

/* Row text: bigger + “bold-ish” */
#MENU_DRAWER li>a{
  display:block; text-decoration:none; line-height:1.2;
  padding:14px 18px 14px 18px;              /* base left = 18px */
  color:#ddd; background:#0b0b0b; border-bottom:1px solid #1a1a1a;
  font-size:16px; font-weight:600;
}
#MENU_DRAWER li>a:hover, #MENU_DRAWER li>a:focus{ color:#fff; background:#111; }

/* Fixed icon slot + small gap (excludes chevron) */
#MENU_DRAWER li>a i:not(.chevron){
  min-width:20px; margin-right:5px; text-align:center; display:inline-block;
  color:inherit; opacity:.95; font-weight:normal; /* avoid bold on icon fonts */
}
#MENU_DRAWER li>a i.fas{ font-weight:900; }

/* -------- Robust level indents (descendant selectors) -------------- */
/* L1 (any anchor inside ul ul li, no matter how wrapped) */
#MENU_DRAWER ul ul li a{ padding-left:33px !important; }
/* L2 */
#MENU_DRAWER ul ul ul li a{ padding-left:48px !important; }
/* L3 */
#MENU_DRAWER ul ul ul ul li a{ padding-left:63px !important; }

/* Submenu containers */
#MENU_DRAWER li > ul{ display:none; margin:0; padding:0; list-style:none; background:#0e0e0e; }
#MENU_DRAWER li.is-open > ul{ display:block; }
#MENU_DRAWER li > ul > li > a:hover{ background:#121212; color:#fff; }
#MENU_DRAWER li > ul > li > ul{ background:#101010; }
#MENU_DRAWER li > ul > li > ul > li > a{ border-bottom:1px dashed #1b1b1b; color:#c7c7c7; }

/* Active/current: blue text only (no border/box) */
#MENU_DRAWER .selected > a,
#MENU_DRAWER .selected > a:hover,
#MENU_DRAWER .selected > a:focus{
  color:#5BA7F6 !important; background:transparent !important; border-left:none !important;
}
#MENU_DRAWER .selected > a i:not(.chevron){ color:#5BA7F6; }

/* Accessibility: keyboard-only ring on desktop */
#MENU_DRAWER a:focus{ outline:none; }
#MENU_DRAWER a:focus-visible{ outline:2px solid #5BA7F6; outline-offset:2px; border-radius:6px; }

/* iOS/Touch: remove the fat blue focus border */
@media (hover: none) and (pointer: coarse){
  #MENU_DRAWER a{ -webkit-tap-highlight-color: transparent; }
  #MENU_DRAWER a:focus,
  #MENU_DRAWER a:active,
  #MENU_DRAWER a:focus-visible,
  #MENU_DRAWER li:focus{
    outline:none !important; outline-offset:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important;
  }
}

/* Chevrons (inside <a>) */
#MENU_DRAWER li.has-children > a,
#MENU_DRAWER li.hasChildren > a{ position:relative; padding-right:56px; }
#MENU_DRAWER a .chevron{
  position: absolute;
  top: 50%;
  right: 4px;                 /* was 8px */
  width: 48px;                /* bigger tap target */
  height: 44px;               /* matches row height */
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  cursor: pointer;
  border-radius: 8px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: transform .16s ease;
}
#MENU_DRAWER a .chevron:active{ transform:translateY(-50%) scale(.95); }
#MENU_DRAWER li.is-open > a .chevron{ transform:translateY(-50%) rotate(180deg); }

/* ===================================================================
   fa-custom inside drawer (uses your FA6 Free Solid)
   =================================================================== */
#MENU_DRAWER i.fa-custom{
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  font-style:normal !important;
}
#MENU_DRAWER li > a i.fa-custom{ font-weight:900 !important; }

/* ===================================================================
   MOBILE HEADER (inside Content Body scroller)
   =================================================================== */
#MOBILE_HEADER{ font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

#MOBILE_HEADER .mbl-top-bar{
  display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap;
  min-height:44px; padding:8px 12px; background:#e6f1ff; color:#2f3a48;
  border-bottom:1px solid rgba(0,0,0,.06); font-size:13px; line-height:1;
}
#MOBILE_HEADER .mbl-top-bar a{
  display:flex; align-items:center; gap:8px; text-decoration:none; color:#2f3a48; font-weight:500;
}
#MOBILE_HEADER .mbl-top-bar i{ color:#2f78d0; font-size:16px; width:16px; text-align:center; }

#MOBILE_HEADER .mbl-top-head{
  position:sticky; top:0; z-index:198500; background:#fff; border-bottom:1px solid #eceff4;
  box-shadow:0 1px 6px rgba(0,0,0,.06); margin:0;
}
#MOBILE_HEADER .mbl-top-head .mbl-container{
  display:flex; align-items:center; justify-content:center; padding:10px 56px 10px 12px;
}
#MOBILE_HEADER .mbl-logo img{ height:52px; width:auto; display:block; }
@media (max-width:360px){
  #MOBILE_HEADER .mbl-top-head .mbl-container{ padding-right:48px; }
  #MOBILE_HEADER .mbl-logo img{ height:46px; }
}

/* Sticky safety (scoped) */
#MOBILE_HEADER, #MOBILE_HEADER .t-Region, #MOBILE_HEADER .t-Region-body{
  overflow:visible !important; transform:none !important; position:static !important;
}

/* --- FINAL: bullet-proof submenu indent (shift the UL itself) --- */
#MENU_DRAWER ul ul{        padding-left:15px !important; }  /* L1 */
#MENU_DRAWER ul ul ul{     padding-left:0px !important; }  /* L2 */
#MENU_DRAWER ul ul ul ul{  padding-left:5px !important; }  /* L3 */

/* make sure nested ULs don’t have conflicting margins */
#MENU_DRAWER ul ul{ margin-left:0 !important; }

/* Layer order: burger (top) > drawer > overlay > sticky header > page */
#menu_burger{ z-index:400000 !important; }  /* always on top */

.ui-dialog[aria-describedby="MENU_DRAWER"]{
  z-index:390000 !important;               /* above sticky header */
}
.ui-dialog[aria-describedby="MENU_DRAWER"] .ui-dialog-titlebar{
  position:relative; z-index:390001 !important; /* keep titlebar above panel contents */
}

/* If an overlay is present, keep it below the drawer but above the page */
#ui-widget-overlay{ z-index:385000 !important; } /* (kept as-is; if using .ui-widget-overlay, revert) */
.ui-widget-overlay{ z-index:385000 !important; }

/* Sticky logo/header stays below the drawer */
#MOBILE_HEADER .mbl-top-head{ z-index:200000 !important; }

/* Optional: avoid header catching taps while drawer is open */
body.menu-drawer-open #MOBILE_HEADER .mbl-top-head{ pointer-events:none; }

/* Back-to-top: fixed bottom-right, hidden until scrolled */
#to-top{
  position: fixed;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  width: 44px; height: 44px;
  display: flex !important; align-items: center; justify-content: center;
  background: #000; color: #fff; border-radius: 9999px;
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
  z-index: 360000;                 /* below burger (400000), above page */
  opacity: 0; visibility: hidden; transform: translateY(12px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  cursor: pointer;
}
#to-top .fa, #to-top .t-Icon{ font-size: 18px; color: #fff; }
#to-top:focus-visible{ outline:2px solid #5BA7F6; outline-offset:2px; }

/* Show when scrolled */
#to-top.is-visible{
  opacity: 1; visibility: visible; transform: translateY(0);
}

#to-top{ background: transparent !important; box-shadow: none !important; }

/* Hide while drawer is open so it doesn’t sit over the panel */
body.menu-drawer-open #to-top{
  opacity:0; visibility:hidden; pointer-events:none;
}

/* Don’t render on very small heights (ios bottom bars) */
@media (max-height: 420px){
  #to-top{ display:none !important; }
}

/* Hide chevrons on items WITHOUT a submenu (covers inside or outside <a>) */
#MENU_DRAWER li:not(.has-children):not(.hasChildren) > a .chevron,
#MENU_DRAWER li:not(.has-children):not(.hasChildren) > .chevron{
  display: none !important;
}

/* If you prefer :has() (modern browsers), this also works: */
#MENU_DRAWER li:not(:has(> ul)) > a .chevron,
#MENU_DRAWER li:not(:has(> ul)) > .chevron{
  display: none !important;
}

/* Make the drawer content flush-left, keep your submenu indents */
#MENU_DRAWER .t-DrawerRegion-wrap,
#MENU_DRAWER .t-DrawerRegion-bodyWrapperOut,
#MENU_DRAWER .t-DrawerRegion-bodyWrapperIn,
#MENU_DRAWER .t-DrawerRegion-body,
#MENU_DRAWER .container,
#MENU_DRAWER .row,
#MENU_DRAWER .col {
  padding-left: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;   /* optional: also remove right gutter */
  margin-right: 0 !important;
}

/* Remove any nav wrapper offset */
#MENU_DRAWER nav,
#MENU_DRAWER .main-menu {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Slightly tighter left padding for top-level rows only */
#MENU_DRAWER .main-menu > li > a {
  padding-left: 12px !important;   /* tweak to taste */
}

/* Make each menu row a flex line so long labels wrap beside the icon */
#MENU_DRAWER li > a{
  display:flex;                 /* was block */
  align-items:center;
  gap:8px;                      /* space between icon and text */
  white-space:normal;           /* allow wrapping */
  word-break:break-word;        /* break very long words if needed */
  line-height:1.25;
}

/* Fixed-width icon rail (keeps wrap starting after the icon) */
#MENU_DRAWER li > a i:not(.chevron){
  flex:0 0 24px;                /* 24px rail; tweak to 22–28 if you like */
  text-align:center;
  margin-right:0;               /* gap handles spacing now */
}

/* Keep chevron absolutely positioned as you already have */
#MENU_DRAWER li.has-children > a,
#MENU_DRAWER li.hasChildren > a{ padding-right:56px; position:relative; }

/* Titlebar: white band, hold the logo, keep APEX close button */
.ui-dialog[aria-describedby="MENU_DRAWER"] .ui-dialog-titlebar{
  background:#fff; border:0; border-bottom:1px solid #eceff4;
  height:56px; display:flex; align-items:center; padding:6px 8px 6px 12px;
}

/* Hide the "Mobile Menu Drawer" text */
.ui-dialog[aria-describedby="MENU_DRAWER"] .ui-dialog-title{ font-size:0; line-height:0; }

/* Logo sizing inside the titlebar */
.ui-dialog[aria-describedby="MENU_DRAWER"] .ui-dialog-title .mbl-logo img{
  height:40px; width:auto; display:block;
}

/* Keep APEX close button aligned */
.ui-dialog[aria-describedby="MENU_DRAWER"] .ui-dialog-titlebar-close{ margin-top:0; }

/* Drawer logo: centered with its own white badge for contrast */
#MENU_DRAWER .mbl-logo{
  display:flex; align-items:center; justify-content:center;
  padding: 10px 0 8px;
}
#MENU_DRAWER .mbl-logo a{
  display:inline-flex; align-items:center; justify-content:center;
  background:#fff;               /* contrast behind black wordmark */
  padding:6px 10px;
  border-radius:10px;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}
#MENU_DRAWER .mbl-logo img{ height:56px; width:auto; display:block; }

/* Remove the white title bar from the MENU_DRAWER */
.ui-dialog[aria-describedby="MENU_DRAWER"] .ui-dialog-titlebar{
  display: none !important;
}

/* Fill the drawer to the top since there's no title bar */
#MENU_DRAWER{
  height: 100% !important;
}

/* Hide the title bar on ALL Drawer dialogs */
.ui-dialog.ui-dialog--drawer > .ui-dialog-titlebar{
  display:none !important;
}

/* Only the drawer that contains #MENU_DRAWER */
.ui-dialog[aria-describedby="MENU_DRAWER"] > .ui-dialog-titlebar{
  display: none !important;
}
.ui-dialog[aria-describedby="MENU_DRAWER"] > .ui-dialog-content{
  padding-top: 0 !important;
}
/* Optional: match your earlier border tweak but scoped */
.ui-dialog[aria-describedby="MENU_DRAWER"]{
  border-top: 0 !important;
}
/* Fill to the top now that the titlebar is gone */
#MENU_DRAWER{ height: 100% !important; }

















/* === Contact Drawer — remove APEX title bar (desktop + mobile) === */
.ui-dialog.ui-dialog--drawer .ui-dialog-titlebar { 
  display: none !important; 
}
.ui-dialog.ui-dialog--drawer .ui-dialog-content {
  padding-top: 0 !important; /* no gap after hiding the bar */
}

/* === Contact Drawer — mobile sizing & padding === */
@media (max-width: 480px) {
  /* Make the drawer use the full viewport width and anchor to the edge */
  .ui-dialog.ui-dialog--drawer.t-Drawer--sm {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;      /* pullOutStart from the very left */
    right: auto !important;
  }

  /* Keep content comfortably inside the drawer */
  .ui-dialog.ui-dialog--drawer .t-DrawerRegion-body {
    padding-left: 12px !important;
    padding-right: 12px !important;
    overflow-x: hidden !important; /* no horizontal scroll */
  }

  /* Ensure images (logo) never overflow */
  .ui-dialog.ui-dialog--drawer img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* === Contact Drawer — form fields should be fluid === */
.syn-scope #contactform-drawer .form-control.shape,
.syn-scope #contactform-drawer select.form-control.shape,
.syn-scope #contactform-drawer textarea.form-control.shape {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* === Contact Drawer — reCAPTCHA scaling on narrow phones === */
/* (Google iframe is 304px wide; scale it down when needed) */
@media (max-width: 400px) {
  #recaptcha-drawer > div {
    transform: scale(0.93);
    transform-origin: 0 0;
  }
  #recaptcha-drawer { min-height: 78px; } /* keep space reserved */
}
@media (max-width: 360px) {
  #recaptcha-drawer > div {
    transform: scale(0.85);
    transform-origin: 0 0;
  }
}

/* === Contact Drawer — close buttons positioning after titlebar removed === */
#closeContactBtnTop,
#closeContactBtn {
  position: absolute;
  top: 30px;
  right: 10px;
  z-index: 10;
}

/* Hide APEX title bar for any drawer (desktop + mobile) */
.ui-dialog.ui-dialog--drawer > .ui-dialog-titlebar {
  display: none !important;
}

/* Remove top padding/gap caused by missing titlebar */
.ui-dialog.ui-dialog--drawer .t-DrawerRegion-wrap,
.ui-dialog.ui-dialog--drawer .ui-dialog-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}


/* Mobile-only spacing utilities (safe with UT) */
@media (max-width: 767px) {
  /* use a wrapper you always have; examples below */
  /* If you have .syn-scope around your content, prefer that */
  .syn-scope .mb-10-mobile.mb-10-mobile { margin-bottom: 10px !important; }
  .syn-scope .mb-20-mobile.mb-20-mobile { margin-bottom: 20px !important; }
  .syn-scope .mp-10-mobile.mp-10-mobile { padding-bottom: 10px !important; }
  .syn-scope .mp-20-mobile.mp-20-mobile { padding-bottom: 20px !important; }
  .syn-scope .mlr-20-mobile.mlr-20-mobile { margin-left: 20px !important; margin-right: 20px !important; }
  .syn-scope .mlr-10-mobile.mlr-10-mobile { margin-left: 10px !important; margin-right: 10px !important; }
  .syn-scope .plr-20-mobile.plr-20-mobile { padding-left: 20px !important; padding-right: 20px !important; }
  .syn-scope .plr-10-mobile.plr-10-mobile { padding-left: 10px !important; padding-right: 10px !important; }


}

@media (max-width: 767px) {
  .syn-scope .portfolio-item.team-contact {
    float: none;                      /* stack */
    position: relative !important;    /* stop absolute layout */
    top: auto !important;             /* <-- reset the inline top */
    left: auto !important;            /* reset inline left */
    right: auto !important;           /* safety */
    transform: none !important;       /* safety if transforms were used */

    width: calc(100% - 20px) !important;   /* 10px gutter each side */
    margin: 0 40px 12px !important;        /* small bottom gap */
    box-shadow: none !important;           /* remove shadow on mobile */
    box-sizing: border-box;
  }
}



@media (max-width: 767px) {
  .filter-by { padding: 0 10px; }
  .filter-by #filters {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;                  /* swipe horizontally */
    -webkit-overflow-scrolling: touch; /* smooth iOS scroll */
    margin: 8px 0 14px;
    padding: 0;
    list-style: none;
  }
  .filter-by #filters::-webkit-scrollbar { display: none; } /* hide scrollbar */

  .filter-by #filters li { flex: 0 0 auto; }
  .filter-by #filters li a {
    display: block;
    padding: 8px 14px;
    border-radius: 16px;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;               /* prevent wrapping */
    border: 1px solid #e2e6ea;
    background: #fff;
    color: #333;
  }
  .filter-by #filters li.active a {
    background: #5BA7F6;               /* Syntec blue */
    color: #fff;
    border-color: #5BA7F6;
  }
}




#cookiePolicyDrawer .syn-cookie-policy table { width:100%; border-collapse:collapse; }
#cookiePolicyDrawer .syn-cookie-policy th,
#cookiePolicyDrawer .syn-cookie-policy td { border:1px solid #e5e7eb; padding:8px 10px; text-align:left; vertical-align:top; }
#cookiePolicyDrawer .syn-cookie-policy thead th { background:#f1f5f9; }
#cookiePolicyDrawer .syn-cookie-policy code { background:#f1f5f9; padding:0 4px; border-radius:4px; }
#cookiePolicyDrawer .syn-cookie-policy a { color:#5BA7F6; text-decoration:underline; }
#cookiePolicyDrawer .syn-cookie-policy h1, .syn-privacy-policy h2 { margin:.6rem 0; }
#cookiePolicyDrawer .syn-cookie-policy h3 { margin:.5rem 0 .25rem; }
#cookiePolicyDrawer .syn-cookie-policy p { margin:.4rem 0 .9rem; }


/* Safety: ensure readable base in the drawer */
#cookiePolicyDrawer .syn-cookie-policy { color:#111; background:transparent; }

.ui-dialog--drawer .ui-dialog-content.syn-cookie-drawer,
.ui-dialog--drawer .ui-dialog-content.syn-cookie-drawer .t-DrawerRegion-wrap,
.ui-dialog--drawer .ui-dialog-content.syn-cookie-drawer .t-DrawerRegion-bodyWrapperIn,
.ui-dialog--drawer .ui-dialog-content.syn-cookie-drawer .t-DrawerRegion-body {
  background: #DDEEFF !important;
}


#privacyPolicyDrawer .syn-privacy-policy table { width:100%; border-collapse:collapse; }
#privacyPolicyDrawer .syn-privacy-policy th,
#privacyPolicyDrawer .syn-privacy-policy td { border:1px solid #e5e7eb; padding:8px 10px; text-align:left; vertical-align:top; }
#privacyPolicyDrawer .syn-privacy-policy thead th { background:#f1f5f9; }
#privacyPolicyDrawer .syn-privacy-policy code { background:#f1f5f9; padding:0 4px; border-radius:4px; }
#privacyPolicyDrawer .syn-privacy-policy a { color:#5BA7F6; text-decoration:underline; }
#privacyPolicyDrawer .syn-privacy-policy h1, .syn-privacy-policy h2 { margin:.6rem 0; }
#privacyPolicyDrawer .syn-privacy-policy h3 { margin:.5rem 0 .25rem; }
#privacyPolicyDrawer .syn-privacy-policy ul { padding-left:1.2rem; margin:.4rem 0 1rem; }
#privacyPolicyDrawer .syn-privacy-policy p { margin:.4rem 0 .9rem; }
/* Safety: ensure readable base in the drawer */
#privacyPolicyDrawer .syn-privacy-policy { color:#111; background:transparent; }

.ui-dialog--drawer .ui-dialog-content.syn-privacy-drawer,
.ui-dialog--drawer .ui-dialog-content.syn-privacy-drawer .t-DrawerRegion-wrap,
.ui-dialog--drawer .ui-dialog-content.syn-privacy-drawer .t-DrawerRegion-bodyWrapperIn,
.ui-dialog--drawer .ui-dialog-content.syn-privacy-drawer .t-DrawerRegion-body {
  background: #DDEEFF !important;
}

#termsPolicyDrawer .syn-terms-policy table { width:100%; border-collapse:collapse; }
#termsPolicyDrawer .syn-terms-policy th,
#termsPolicyDrawer .syn-terms-policy td { border:1px solid #e5e7eb; padding:8px 10px; text-align:left; vertical-align:top; }
#termsPolicyDrawer .syn-terms-policy thead th { background:#f1f5f9; }
#termsPolicyDrawer .syn-terms-policy code { background:#f1f5f9; padding:0 4px; border-radius:4px; }
#termsPolicyDrawer .syn-terms-policy a { color:#5BA7F6; text-decoration:underline; }
#termsPolicyDrawer .syn-terms-policy h1, .syn-terms-policy h2 { margin:.6rem 0; }
#termsPolicyDrawer .syn-terms-policy h3 { margin:.5rem 0 .25rem; }
#termsPolicyDrawer .syn-terms-policy ul { padding-left:1.2rem; margin:.4rem 0 1rem; }
#termsPolicyDrawer .syn-terms-policy p { margin:.4rem 0 .9rem; }
/* Safety: ensure readable base in the drawer */
#termsPolicyDrawer .syn-privacy-policy { color:#111; background:transparent; }

.ui-dialog--drawer .ui-dialog-content.syn-terms-drawer,
.ui-dialog--drawer .ui-dialog-content.syn-terms-drawer .t-DrawerRegion-wrap,
.ui-dialog--drawer .ui-dialog-content.syn-terms-drawer .t-DrawerRegion-bodyWrapperIn,
.ui-dialog--drawer .ui-dialog-content.syn-terms-drawer .t-DrawerRegion-body {
  background: #DDEEFF !important;
}


  .syn-sitemap ul { margin: .25rem 0 .5rem; padding-left: 1.25rem; }
  .syn-sitemap .lvl-0 { list-style: none; padding-left: 0; }
  .syn-sitemap .root { margin: .75rem 0 1.25rem; }
  .syn-sitemap .section { font-weight: 700; }
  .syn-sitemap a { text-decoration: underline; }

  /* ---------- Syntec sitemap (works with current function output) ---------- */
.syn-scope .site-map{list-style:none;margin:0;padding-left:0}

/* L0 */
.syn-scope .site-map>li.l0{margin:10px 0}
.syn-scope .site-map>li.l0>a{
  display:inline-flex;align-items:center;gap:.5rem;
  font-weight:700;font-size:1.05rem;line-height:1.2;
  color:#0F2B46;text-decoration:none
}

/* L1 */
.syn-scope .site-map .l1-list{list-style:none;margin:6px 0 10px 1.0rem;padding-left:0}
.syn-scope .site-map li.l1>a{
  display:inline-flex;align-items:center;gap:.5rem;
  font-weight:600;color:#1E3D6B;text-decoration:none
}

/* L2 */
.syn-scope .site-map .l2-list{list-style:none;margin:4px 0 8px 1.5rem;padding-left:0}
.syn-scope .site-map li.l2>a{
  display:block;text-decoration:none;color:#224F8A;
}
.syn-scope .site-map li.l2 .rowish{display:flex;align-items:center;gap:.5rem}

/* L3 */
.syn-scope .site-map .l3-list{list-style:none;margin:2px 0 6px 1.75rem;padding-left:0}
.syn-scope .site-map li.l3>a{
  display:block;text-decoration:none;color:#2B5EAE;
}
.syn-scope .site-map li.l3 .rowish{display:flex;align-items:center;gap:.5rem}

/* Icon spacing */
.syn-scope .site-map i{width:1rem;min-width:1rem;margin-right:.5rem}

/* Subtext (from sub_menu_text) */
.syn-scope .site-map .subtext{font-size:.9em;color:#6B7A90;font-style:italic}

/* Hover/focus */
.syn-scope .site-map a:hover,.syn-scope .site-map a:focus{text-decoration:underline}

/* ---- If your drawer paints everything white, force dark text inside it ----
   Replace `.drawer` with your drawer container class/id if different. */
.syn-cookie-drawer .syn-scope .site-map a,
.syn-cookie-drawer .syn-scope .site-map span,
.syn-cookie-drawer .syn-scope .site-map i{
  color:#0F2B46 !important; fill:#0F2B46 !important;
}




/* MOBILE-ONLY — affects only the mobile slider we made */
@media (max-width: 991px) {
  /* Hard bounds for the hero; nothing can overflow */
  #mobile_hero {
    position: relative;
    width: 100%;
    height: min(60dvh, 56.25vw);  /* <= 60% viewport height, max 16:9 of width */
    min-height: 320px;
    overflow: hidden;             /* CLIPS anything that tries to spill */
  }

  /* Video behind the slider */
  #mobile_hero .bgv { position: absolute; inset: 0; z-index: 1; }
  #mobile_hero.mode-cover .bgv video {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover; object-position: center;
    display: block;
  }
  /* Switch to .mode-contain on #mobile_hero if you prefer no crop */
  #mobile_hero.mode-contain .bgv video {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: contain; background:#000;
    display: block;
  }

  /* Make RS fully occupy the hero height */
  #mobile_slider_wrapper,
  #rev_slider_mobile,
  #rev_slider_mobile .tp-revslider-mainul,
  #rev_slider_mobile .tp-revslider-mainul > li {
    height: 100% !important;
  }
  #mobile_slider_wrapper {
    position: relative; z-index: 2;
    background: transparent !important;
    margin: 0 !important; padding: 0 !important;
  }

  /* Kill the spinning loader */
  #mobile_slider_wrapper .tp-loader { display: none !important; }
}


/* Mobile (≤767px) */
@media (max-width: 767px) {
  .syn-scope .pricing-tbl {
    width: calc(100% - 40px) !important;  /* 20px + 20px */
    margin: 0 20px 16px !important;       /* side gutters + a bit of bottom space */
    box-sizing: border-box;
    border: 1px #cdc2c2 solid;            /* keep your border */
  }

  .syn-scope .pricing-tbl.style-4.no-margin {
    margin: 0 20px !important;            /* override “no-margin” on phones */
    padding: 12px !important;             /* small inner breathing room */
    position: relative;
    z-index: 1;
  }

.syn-scope .portfolio-item.form-contact { 
  margin: 0 10.5% 30px; 
  box-sizing: border-box; 
  transition: transform 0.3s ease, box-shadow 0.3s ease; }


  .syn-scope .footer-bottom {
	padding: 10px 20px  !important;
	overflow: hidden;
	font-size: 10px;
	color: #fff;
	background-color: #111;
}

}

/* Mobile-only shrink utilities */
@media (max-width: 767px) {
  .img-mobile-90 { width: 90% !important; height: auto; display: block; margin: 0 auto; }
  .img-mobile-80 { width: 80% !important; height: auto; display: block; margin: 0 auto; }
  .img-mobile-70 { width: 70% !important; height: auto; display: block; margin: 0 auto; }
  .img-mobile-60 { width: 60% !important; height: auto; display: block; margin: 0 auto; }
  .img-mobile-50 { width: 50% !important; height: auto; display: block; margin: 0 auto; }
  .img-mobile-40 { width: 40% !important; height: auto; display: block; margin: 0 auto; }
  
}

@media (max-width: 767px){
  /* If an element has BOTH .mt0-mobile and any class containing 'margin-top-' */
  .mt0-mobile[class*="margin-top-"] { margin-top: 0 !important; }

  /* (optional) same idea for padding */
  .pt0-mobile[class*="padding-top-"] { padding-top: 0 !important; }
}



#isoCertBar .f-center { text-align: center; }

#isoCertBar .font-19.uppercase {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  line-height: 1.3;
}

#isoCertBar .dark-text.bolder { white-space: nowrap; }

#isoCertBar i {
  vertical-align: middle;
  line-height: 1;
}

@media (max-width: 767px) {
  #isoCertBar .font-19.uppercase { font-size: 16px; gap: 6px 8px; }
  #isoCertBar .padding-horizontal-10 { padding-left: 0 !important; padding-right: 0 !important; }
}
@media (max-width: 420px) {
  #isoCertBar .font-19.uppercase { font-size: 14px; }
}


/* Mobile-first: show mobile, hide desktop */
.only-desktop { display:none !important; }
.only-mobile  { display:block !important; }

/* Desktop (Bootstrap md breakpoint and up) */
@media (min-width: 992px){
  .only-desktop { display:block !important; }
  .only-mobile  { display:none !important; }
}


@media (max-width: 767px){
  .feature-img2 { padding-left:5px !important; padding-right:5px !important; }
}


@media (max-width: 767px){
  .row.keep-four { 
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center; 
  }
  .row.keep-four .feature-img2 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .row.keep-four .feature-img2 img {
    width: 100% !important;
    height: auto;
    display: block;
  }
}

@media (max-width: 767px){
  #Supplier_Link{
    text-align: center !important;     /* override inline right align */
    display: flex;                      /* center even in flex rows */
    justify-content: center;
    flex: 0 0 100% !important;          /* optional: take full row on mobile */
    min-width: 0 !important;            /* ignore the 250px min on mobile */
  }
  #Supplier_Link .variable-button{
    display: inline-block;              /* keeps the button sized nicely */
    margin: 0 auto;                     /* backup centering */
  }
}