@charset "UTF-8";
900&display=swap");
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.3/customize/?id=5beb11e6c63a1ae1f3ea48014f11f85b)
 * Config saved to config.json and https://gist.github.com/5beb11e6c63a1ae1f3ea48014f11f85b
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

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

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

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

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

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

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

button {
  overflow: visible; }

button, select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

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

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td, th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret, .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
  .table td, .table th {
    background-color: #fff !important; }
  .table-bordered th, .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../fonts/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"); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

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

a {
  color: #282828;
  text-decoration: none; }

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

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

figure {
  margin: 0; }

img {
  vertical-align: middle; }

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

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

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

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

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

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

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

[role="button"] {
  cursor: pointer; }

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

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

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

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

h4, .h4, h5, .h5, h6, .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, .h6 .small {
  font-size: 75%; }

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

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

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

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

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

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

p {
  margin: 0 0 10px; }

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

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

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

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

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

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

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

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

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

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

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

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

.text-muted {
  color: #777; }

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

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

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

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

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

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

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

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

.text-danger {
  color: #a94442; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dt, dd {
  line-height: 1.42857143; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

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

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

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

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

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

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

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

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

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

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

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

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

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

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -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); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 600px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-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: 1040px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-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: 1280px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-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; } }

table {
  background-color: transparent; }

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

th {
  text-align: left; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 599px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd; }
  .table-responsive > .table {
    margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }
  .table-responsive > .table-bordered {
    border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

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

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

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

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

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

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

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

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

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

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  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 .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; }

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

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

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

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

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

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

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

textarea.form-control {
  height: auto; }

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .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"] {
    line-height: 30px; }
  input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .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"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

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

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

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

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

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

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

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

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

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

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

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

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

select.input-sm {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, select[multiple].input-sm {
  height: auto; }

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

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

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

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

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

select.input-lg {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, select[multiple].input-lg {
  height: auto; }

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

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

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

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

.has-feedback {
  position: relative; }

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

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

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

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

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

.has-success .form-control {
  border-color: #3c763d;
  -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); }

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

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

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

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

.has-warning .form-control {
  border-color: #8a6d3b;
  -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); }

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

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

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

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

.has-error .form-control {
  border-color: #a94442;
  -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); }

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

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

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

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

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

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

@media (min-width: 600px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 0; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

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

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

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

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

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

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

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

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

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

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

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -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], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

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

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

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

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

.dropup, .dropdown {
  position: relative; }

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

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

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

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

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

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

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

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

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

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

.open > a {
  outline: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0; }

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

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

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

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

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

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

@media (min-width: 600px) {
  .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:hover, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff; } }

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

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

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

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

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

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

.nav-justified {
  width: 100%; }

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

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

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

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

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

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

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

@media (min-width: 600px) {
  .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:hover, .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff; } }

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

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

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

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

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

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

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  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);
  -webkit-overflow-scrolling: touch; }

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

@media (min-width: 600px) {
  .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-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }

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

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

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 599px) {
  .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 > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }

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

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -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);
  margin-top: 8px;
  margin-bottom: 8px; }

@media (min-width: 600px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .navbar-form .form-control-static {
    display: inline-block; }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
  .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
    width: auto; }
  .navbar-form .input-group > .form-control {
    width: 100%; }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio, .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio label, .navbar-form .checkbox label {
    padding-left: 0; }
  .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 599px) {
  .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:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent; } }

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

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

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

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

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

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

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

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

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

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

.pagination > li {
  display: inline; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.pager li {
  display: inline; }

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

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

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

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

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

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

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

.label:empty {
  display: none; }

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

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

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

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

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

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

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

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

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

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

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777;
  border-radius: 10px; }

.badge:empty {
  display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff; }

.list-group-item > .badge {
  float: right; }

.list-group-item > .badge + .badge {
  margin-right: 5px; }

.nav-pills > li > a > .badge {
  margin-left: 3px; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee; }

.jumbotron h1, .jumbotron .h1 {
  color: inherit; }

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200; }

.jumbotron > hr {
  border-top-color: #d5d5d5; }

.container .jumbotron, .container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px; }

.jumbotron .container {
  max-width: 100%; }

@media screen and (min-width: 600px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px; }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px; }
  .jumbotron h1, .jumbotron .h1 {
    font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out; }

.thumbnail > img, .thumbnail a > img {
  margin-left: auto;
  margin-right: auto; }

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: #337ab7; }

.thumbnail .caption {
  padding: 9px;
  color: #333; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert h4 {
  margin-top: 0;
  color: inherit; }

.alert .alert-link {
  font-weight: bold; }

.alert > p, .alert > ul {
  margin-bottom: 0; }

.alert > p + p {
  margin-top: 5px; }

.alert-dismissable, .alert-dismissible {
  padding-right: 35px; }

.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }

.alert-success hr {
  border-top-color: #c9e2b3; }

.alert-success .alert-link {
  color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }

.alert-info hr {
  border-top-color: #a6e1ec; }

.alert-info .alert-link {
  color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }

.alert-warning hr {
  border-top-color: #f7e1b5; }

.alert-warning .alert-link {
  color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }

.alert-danger hr {
  border-top-color: #e4b9c0; }

.alert-danger .alert-link {
  color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -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); }

.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 .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease; }

.progress-striped .progress-bar, .progress-bar-striped {
  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.active .progress-bar, .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }

.progress-striped .progress-bar-success {
  background-image: -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); }

.progress-bar-info {
  background-color: #5bc0de; }

.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); }

.progress-bar-warning {
  background-color: #f0ad4e; }

.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); }

.progress-bar-danger {
  background-color: #d9534f; }

.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); }

.media {
  margin-top: 15px; }

.media:first-child {
  margin-top: 0; }

.media, .media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }

.media-object.img-thumbnail {
  max-width: none; }

.media-right, .media > .pull-right {
  padding-left: 10px; }

.media-left, .media > .pull-left {
  padding-right: 10px; }

.media-left, .media-right, .media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

a.list-group-item, button.list-group-item {
  color: #555; }

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
  color: #333; }

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eee;
  color: #777;
  cursor: not-allowed; }

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit; }

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }

.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit; }

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #c7ddef; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success, button.list-group-item-success {
  color: #3c763d; }

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
  color: inherit; }

a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6; }

a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info, button.list-group-item-info {
  color: #31708f; }

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
  color: inherit; }

a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3; }

a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning, button.list-group-item-warning {
  color: #8a6d3b; }

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
  color: inherit; }

a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc; }

a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger, button.list-group-item-danger {
  color: #a94442; }

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
  color: inherit; }

a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc; }

a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
  color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group, .panel > .panel-collapse > .list-group {
  margin-bottom: 0; }

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
  margin-bottom: 0; }

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px; }

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .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 td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th: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 th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .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 td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th: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 th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px; }

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .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 td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .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 td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px; }

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
  border: 0; }

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0; }

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px; }

.panel-group .panel + .panel {
  margin-top: 5px; }

.panel-group .panel-heading {
  border-bottom: 0; }

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd; }

.panel-group .panel-footer {
  border-top: 0; }

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd; }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd; }

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333; }

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7; }

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff; }

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6; }

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d; }

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1; }

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f; }

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc; }

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b; }

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1; }

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442; }

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -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); }

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20); }

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-backdrop.in {
  opacity: .5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 600px) {
  .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: 1040px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }

.tooltip.in {
  opacity: .9;
  filter: alpha(opacity=90); }

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0; }

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px; }

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0; }

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  -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); }

.popover.top {
  margin-top: -10px; }

.popover.right {
  margin-left: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25); }

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }

.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left; }

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  line-height: 1; }

@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.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0; } }

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
  display: block; }

.carousel-inner > .active {
  left: 0; }

.carousel-inner > .next, .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }

.carousel-inner > .next {
  left: 100%; }

.carousel-inner > .prev {
  left: -100%; }

.carousel-inner > .next.left, .carousel-inner > .prev.right {
  left: 0; }

.carousel-inner > .active.left {
  left: -100%; }

.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0); }

.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, color-stop(0, 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%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }

.carousel-control.right {
  left: auto;
  right: 0;
  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, color-stop(0, 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%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }

.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90); }

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block; }

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px; }

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px; }

.carousel-control .icon-prev, .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif; }

.carousel-control .icon-prev:before {
  content: '\2039'; }

.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0); }

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-caption .btn {
  text-shadow: none; }

@media screen and (min-width: 600px) {
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
  content: " ";
  display: table; }

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important; }

@media (max-width: 599px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs, td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 599px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 599px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 599px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm, td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md, td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1280px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg, td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1280px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1280px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1280px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 599px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1280px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print, td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }

@media print {
  .visible-print-block {
    display: block !important; } }

.visible-print-inline {
  display: none !important; }

@media print {
  .visible-print-inline {
    display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }

@media print {
  .visible-print-inline-block {
    display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/* :: screen widths */
/* :: third-party plugins, mixins, variables & base scss */
/**
 * Swiper 4.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 13, 2017
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform; }

.swiper-invisible-blank-slide {
  visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top,.2s -webkit-transform;
  transition: .2s top,.2s -webkit-transform;
  -o-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  transition: .2s transform,.2s top,.2s -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -o-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  transition: .2s transform,.2s left,.2s -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  transition: .2s right,.2s -webkit-transform;
  -o-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  transition: .2s transform,.2s right,.2s -webkit-transform; }

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

/*mixins declared below*/
/*  mixing for IE*/
/*font family*/
/* moz fixes */
@-moz-document url-prefix() {}/*variables declared below*/
/*color code*/
/*fontsize base font 16px = 1em*/
/* :: base styles which are shared across multiple components */
/* :: set threshold resolution for different devices */
body {
  font-family: "aktiv-grotesk",Helvetica,Arial,sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.55;
  letter-spacing: -0.1px;
  font-weight: normal;
  color: #282828; }

.simple-line {
  background-color: #f88023;
  height: 4px;
  width: 50px; }

img {
  width: 100%; }

.section-head .legend-text {
  font-size: 18px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
  text-align: left;
  text-transform: initial; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-head .legend-text {
      padding-bottom: 25px;
      padding-right: 28px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-head .legend-text {
      width: 50%;
      padding-bottom: 20px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .section-head .left {
    padding-left: 100px; } }

.section-head .simple-line {
  height: 0px;
  border: solid 1px #f88023;
  margin-bottom: 0px;
  width: 32px; }

/* :: neutralizing the negative margins of the row by bootstrap */
/* style for demo */
.orange-arrow {
  background-repeat: no-repeat;
  -webkit-mask: url(../images/icon/Arrow-small.svg) no-repeat;
  mask: url(../images/icon/Arrow-small.svg) no-repeat;
  -webkit-mask-size:  25px;
  mask-size:  25px;
  height: 30px;
  width: 30px;
  display: block;
  background-color: #f88023; }

.container-fluid {
  padding-left: 0;
  padding-right: 0; }

.row {
  margin-left: 0;
  margin-right: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 0;
  padding-right: 0; }

/* marked for deletion 
@import url(//fast.fonts.net/t/1.css?apiType=css&projectid=6686948d-94b0-40a4-a947-d0acdcb8fd6e); */
@font-face {
  /*font-family:"HelveticaNeueETW01-65Md";*/
  font-family: "HelveticaNeue";
  src: url(../fonts/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.eot?#iefix);
  src: url(../fonts/a747e1ea-ecdf-4f3d-ad47-3df9cfbee3cc.eot?#iefix) format("eot"), url(../fonts/3e8a8b56-3cb0-4347-b670-eaaf06b76e9b.woff2) format("woff2"), url(../fonts/07173950-fa69-4b65-9c71-0cf2ec00b51d.woff) format("woff"), url(Fonts/aac5a4b8-ffd3-4529-a098-21b91bc86f9a.ttf) format("truetype"), url(../fonts/2379b081-2371-47d9-8be9-4e39d7892ebf.svg#2379b081-2371-47d9-8be9-4e39d7892ebf) format("svg"); }

@media (max-width: 599px) {
  .pohot-credit {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.1px; } }

.breaker {
  margin-top: 60px; }
  @media (max-width: 599px) {
    .breaker {
      margin-top: 30px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .breaker {
      margin-top: 45px; } }

.non-breaker {
  padding-top: 30px; }
  @media (max-width: 599px) {
    .non-breaker {
      padding-top: 25px; } }

/*preview mode*/
img.sc_DropDownItemImage {
  width: auto; }

.scj-preview-mode .video-breaker  {
  float: left; }

.scj-preview-mode .str_move.str_move_clone.str_origin {
  display: none; }

.scj-preview-mode .str_move.str_origin ~ center {
  display: none; }

.video-module-main .video-module .youtube-player iframe body .html5-main-video {
  transform: scaleX(2) scaleY(1) !important; }

/* */
@media (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (max-width: 600px) {
  .hidden-xs {
    display: none !important; } }

/*ghostery icon styling*/
.evidon-banner img {
  width: auto; }

#_evh-link img {
  width: auto; }

.evidon-consent-link img {
  width: auto; }

/* to remove x mark from textboxes in IE */
input[type=number]::-ms-clear,
input[type=date]::-ms-clear,
input[type=text]::-ms-clear {
  display: none; }

.firefox59 body {
  display: none; }

.rtl-lang #_evh-link {
  left: 0px;
  right: auto !important; }

.brandfeed-noresult {
  padding: 20px 30px;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  width: 75%;
  margin: 0 auto; }

.skip-link {
  left: 0;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  z-index: 999999; }

:lang(de-de) .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .clickable-text {
  margin-bottom: 0; }

/* :: individual components styles */
.article-content {
  position: relative;
  float: right;
  width: 86%; }
  @media (max-width: 599px) {
    .article-content {
      position: relative;
      clear: both;
      margin-left: 10%;
      margin-bottom: 0;
      width: 100%; } }
  .article-content .fixed-social-icon {
    position: absolute;
    top: 54px;
    left: 10%;
    height: 100%; }
  .article-content .article-grid {
    float: right;
    background-color: #fff;
    padding-top: 7%;
    position: relative; }
    @media (max-width: 599px) {
      .article-content .article-grid {
        padding-left: 50px;
        background: linear-gradient(to right, #ffce04 0%, #ffce04 8%, #ffce04 8%, white 8%, white 100%);
        padding-top: 0;
        padding-right: 15px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .article-content .article-grid {
        padding-left: 7%;
        padding-top: 41px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .article-content .article-grid {
        padding-top: 40px; } }
    @media (min-width: 1280px) {
      .article-content .article-grid {
        padding-left: 0;
        padding-top: 60px; } }
    .article-content .article-grid .article-subtitle {
      line-height: 1.3;
      letter-spacing: -0.3px;
      padding-left: 70px;
      padding-right: 12.5%;
      padding-bottom: 20px;
      padding-top: 0;
      font-size: 26px; }
      @media (max-width: 599px) {
        .article-content .article-grid .article-subtitle {
          padding-left: 0;
          padding-right: 15px;
          font-size: 22px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .article-content .article-grid .article-subtitle {
          margin-bottom: 0;
          padding-top: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .article-content .article-grid .article-subtitle {
          margin-bottom: 0;
          padding-left: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .article-content .article-grid .article-subtitle include tablet {
          padding-left: 0;
          margin-bottom: 0;
          padding-top: 0; } }
    .article-content .article-grid .legend-text {
      font-weight: normal;
      font-size: 13px;
      text-transform: initial; }
      @media (min-width: 1280px) {
        .article-content .article-grid .legend-text {
          padding-left: 70px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .article-content .article-grid .legend-text {
          padding-left: 64px; } }
      @media (max-width: 599px) {
        .article-content .article-grid .legend-text {
          margin-bottom: 25px;
          border-bottom: solid 1px rgba(40, 40, 40, 0.13);
          width: 95%;
          line-height: 22px; } }
      @media (max-width: 599px) {
        .article-content .article-grid .legend-text.empty-content {
          border-bottom: 0 none;
          margin-bottom: 0; } }
      @media (max-width: 599px) {
        .article-content .article-grid .legend-text ul li {
          width: 100%; } }
      .article-content .article-grid .legend-text .date {
        letter-spacing: 0.8px;
        font-weight: 500;
        color: #f88023;
        font-size: 13px;
        line-height: 22px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .article-content .article-grid .legend-text .date {
            margin-bottom: 22px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .article-content .article-grid .legend-text .date {
            margin-bottom: 22.5px; } }
      .article-content .article-grid .legend-text .items {
        padding-top: 9px; }
    .article-content .article-grid h1 {
      padding-bottom: 30px;
      text-align: left;
      font-weight: 500;
      margin-top: 0; }
      @media (max-width: 599px) {
        .article-content .article-grid h1 {
          font-size: 26px;
          padding-right: 10px;
          line-height: 32px;
          padding-bottom: 0px;
          padding-top: 21px;
          color: #282828;
          margin: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .article-content .article-grid h1 {
          font-size: 38px;
          font-weight: 500;
          line-height: 1.21;
          letter-spacing: -0.2px;
          padding-bottom: 20px;
          margin: 0;
          padding-right: 10%; } }
      @media (min-width: 1280px) {
        .article-content .article-grid h1 {
          font-size: 60px;
          line-height: 1.13;
          letter-spacing: -0.3px;
          padding-left: 70px;
          padding-right: 12.5%;
          margin: 0;
          padding-bottom: 40px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .article-content .article-grid h1 {
          width: 80%;
          font-size: 48px;
          font-weight: 500;
          line-height: 1.13;
          letter-spacing: -0.2px;
          padding-left: 64px;
          margin: 0;
          padding-bottom: 40px; } }
    .article-content .article-grid ul li {
      padding-bottom: 20px; }
      @media (min-width: 1280px) {
        .article-content .article-grid ul li {
          padding-bottom: 0; } }
      @media (max-width: 599px) {
        .article-content .article-grid ul li {
          display: inline-block;
          margin-right: 25px;
          padding-bottom: 0px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .article-content .article-grid ul li {
          font-weight: 500;
          line-height: 1.69;
          letter-spacing: 0.8px; } }
    .article-content .article-grid ul.date .pipe {
      width: 1px;
      height: 22px;
      background-color: #d8d8d8;
      display: inline-block;
      position: relative;
      top: 8px;
      margin-left: 8px;
      margin-right: 7px;
      padding: 0; }
      @media (max-width: 599px) {
        .article-content .article-grid ul.date .pipe {
          display: none; } }
      @media (min-width: 1280px) {
        .article-content .article-grid ul.date .pipe {
          display: none; } }
    .article-content .article-grid ul.date li {
      padding-bottom: 0;
      display: inline;
      padding-left: 8px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .article-content .article-grid ul.date li {
          padding-left: 0; } }
      @media (max-width: 599px) {
        .article-content .article-grid ul.date li {
          display: inline-block;
          margin-right: 10px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .article-content .article-grid ul.date li {
          padding-left: 0; } }
      .article-content .article-grid ul.date li.first {
        font-weight: 500; }
      .article-content .article-grid ul.date li:nth-child(1) {
        padding-left: 0; }
      .article-content .article-grid ul.date li a {
        margin-right: 8px;
        padding: 0;
        font-size: 12px;
        font-weight: normal;
        line-height: normal;
        color: #232323;
        letter-spacing: 0.7px; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .article-content .article-grid ul.date li a {
            text-decoration: none;
            border-bottom: 1px solid #f88023;
            padding-bottom: 1px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .article-content .article-grid ul.date li a {
            text-decoration: none;
            border-bottom: 1px solid #f88023;
            padding-bottom: 1px; } }
        .article-content .article-grid ul.date li a:focus {
          border-bottom: 1px solid #f88023 !important;
          padding-bottom: 1px; }
    .article-content .article-grid ul .text-head {
      float: left;
      width: 100%;
      color: #dadada;
      padding-bottom: 10px; }
    .article-content .article-grid .left {
      margin-bottom: 20px; }
      @media (min-width: 1280px) {
        .article-content .article-grid .left {
          width: 27%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .article-content .article-grid .left {
          margin-top: 50px;
          margin-bottom: 50px;
          position: relative;
          left: -46px; } }
      .article-content .article-grid .left .simple-line {
        margin-bottom: 25px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .article-content .article-grid .right {
        float: left;
        padding-left: 16.7%;
        width: 100%; } }
    @media (min-width: 1280px) {
      .article-content .article-grid .right {
        width: 55%; } }
    @media (max-width: 599px) {
      .article-content .article-grid .right {
        border-bottom: 1px solid rgba(0, 0, 0, 0.13);
        margin-top: 15px; } }
    .article-content .article-grid h5 {
      width: 95%;
      float: left; }
    .article-content .article-grid .smallhead {
      border-bottom: 3px solid red;
      padding-bottom: 4px; }

ol {
  list-style-type: decimal-leading-zero;
  margin-left: -12px; }
  ol li {
    text-align: left;
    clear: both; }
    ol li img {
      display: inline-block;
      float: right; }

.desclaimer {
  padding: 2% 0 5% 0;
  clear: left;
  font-size: 12px; }

.content-text-include {
  width: 100%;
  clear: both;
  float: left;
  margin: 0 0 30px 0; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .content-text-include {
      margin: 0; } }
  .content-text-include .text-head {
    opacity: 0.6;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.69;
    letter-spacing: 0.8px;
    text-align: left;
    color: #232323;
    text-transform: initial; }
  @media (max-width: 599px) {
    .content-text-include .tweet-share {
      float: left;
      width: 10%; } }
  .content-text-include .include-txt {
    width: 42%;
    float: left;
    padding: 2% 0 0 0; }
    @media (max-width: 599px) {
      .content-text-include .include-txt {
        width: 90%;
        float: right;
        padding: 0 5% 20px 5%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .content-text-include .include-txt {
        width: 40%;
        padding: 15px 0 0 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .content-text-include .include-txt {
        width: 42%;
        float: left;
        padding: 17px 0 0 0; } }
    @media (min-width: 1280px) {
      .content-text-include .include-txt {
        width: 42%;
        float: left;
        padding: 17px 0 0 0; } }
    @media (min-width: 1280px) {
      .content-text-include .include-txt.second {
        margin-left: 90px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .content-text-include .include-txt.second {
        margin-left: 45px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .content-text-include .include-txt.second {
        margin-left: 43px; } }
    .content-text-include .include-txt .takeaway-icon {
      padding-top: 12px; }
      @media (max-width: 599px) {
        .content-text-include .include-txt .takeaway-icon {
          padding-top: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .content-text-include .include-txt .takeaway-icon {
          padding-top: 23px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .content-text-include .include-txt .takeaway-icon {
          padding-top: 15px; } }
    .content-text-include .include-txt .takeaway-desc {
      height: auto;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.47;
      letter-spacing: -0.1px;
      text-align: left;
      color: #232323;
      /*    overflow: hidden; */ }
      @media (min-width: 600px) and (max-width: 1039px) {
        .content-text-include .include-txt .takeaway-desc {
          /*    height: 110px; */
          margin-bottom: 0px; } }
      @media (max-width: 599px) {
        .content-text-include .include-txt .takeaway-desc {
          height: auto !important;
          color: #282828; } }
      .content-text-include .include-txt .takeaway-desc h2 {
        /* allow h2 inside takeaway desc without affecting the formatting */
        font-size: 15px;
        display: inline; }
  .content-text-include .share-txt {
    text-transform: inherit;
    padding-left: 5px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.69;
    letter-spacing: 0.7px;
    text-align: left;
    color: #0182d2; }
    @media (min-width: 1280px) {
      .content-text-include .share-txt {
        color: #00adf2; } }
  .content-text-include .tweet-share .icon {
    background-repeat: no-repeat;
    -webkit-mask: url(../images/icon/Twitter-Icon.svg) no-repeat;
    mask: url(../images/icon/Twitter-Icon.svg) no-repeat;
    -webkit-mask-size:  18px;
    mask-size:  25px;
    background-color: #21AAD6;
    height: 25px;
    width: 25px;
    float: left; }
    @media screen and (min-width: 0\0) {
      .content-text-include .tweet-share .icon {
        background: url(../images/icon/Twitter-Icon-color.png) 0 -21px no-repeat;
        background-color: transparent;
        height: 26px;
        width: 30px;
        background-size: 65%; } }
  .content-text-include .fb-share {
    mask: none;
    -webkit-mask: none; }
    .content-text-include .fb-share .icon {
      -webkit-mask: url(../images/icon/Facebook-Icon.svg) no-repeat;
      mask: url(../images/icon/Facebook-Icon.svg) no-repeat;
      -webkit-mask-size:  25px;
      mask-size:  25px;
      background-color: #21AAD6;
      height: 25px;
      width: 25px;
      float: left; }
      @media screen and (min-width: 0\0) {
        .content-text-include .fb-share .icon {
          background-image: url(../images/icon/Facebook-Icon-color.png);
          background-color: transparent;
          height: 26px;
          width: 30px; } }
  .content-text-include .gplus-share {
    mask: none;
    -webkit-mask: none; }
    .content-text-include .gplus-share .icon {
      -webkit-mask: url(../images/icon/plus.png) no-repeat;
      mask: url(../images/icon/plus.png) no-repeat;
      -webkit-mask-size:  25px;
      mask-size:  25px;
      background-color: #21AAD6;
      height: 25px;
      width: 25px;
      float: left; }
      @media screen and (min-width: 0\0) {
        .content-text-include .gplus-share .icon {
          background-image: url(../images/icon/plus.png);
          background-color: transparent;
          height: 26px;
          width: 30px; } }
  .content-text-include .linkedin-share {
    mask: none;
    -webkit-mask: none; }
    .content-text-include .linkedin-share .icon {
      -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
      mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
      -webkit-mask-size:  25px;
      mask-size:  25px;
      background-color: #21AAD6;
      height: 25px;
      width: 25px;
      float: left; }
      @media screen and (min-width: 0\0) {
        .content-text-include .linkedin-share .icon {
          background-image: url(../images/icon/LinkedIn-Icon-color.png);
          background-color: transparent;
          height: 26px;
          width: 30px; } }
  .content-text-include .weibo-share {
    mask: none;
    -webkit-mask: none; }
    .content-text-include .weibo-share .icon {
      -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
      mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
      -webkit-mask-size:  25px;
      mask-size:  25px;
      background-color: #21AAD6;
      height: 25px;
      width: 25px;
      float: left; }
      @media screen and (min-width: 0\0) {
        .content-text-include .weibo-share .icon {
          background-image: url(../images/icon/LinkedIn-Icon-color.png);
          background-color: transparent;
          height: 26px;
          width: 30px; } }
  .content-text-include .whatsapp-share {
    mask: none;
    -webkit-mask: none; }
    .content-text-include .whatsapp-share .icon {
      -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
      mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
      -webkit-mask-size:  25px;
      mask-size:  25px;
      background-color: #21AAD6;
      height: 25px;
      width: 25px;
      float: left; }
      @media screen and (min-width: 0\0) {
        .content-text-include .whatsapp-share .icon {
          background-image: url(../images/icon/LinkedIn-Icon-color.png);
          background-color: transparent;
          height: 26px;
          width: 30px; } }
  .content-text-include .wechat-share {
    mask: none;
    -webkit-mask: none; }
    .content-text-include .wechat-share .icon {
      -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
      mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
      -webkit-mask-size:  25px;
      mask-size:  25px;
      background-color: #21AAD6;
      height: 25px;
      width: 25px;
      float: left; }
      @media screen and (min-width: 0\0) {
        .content-text-include .wechat-share .icon {
          background-image: url(../images/icon/LinkedIn-Icon-color.png);
          background-color: transparent;
          height: 26px;
          width: 30px; } }
  .content-text-include .email-share {
    mask: none;
    -webkit-mask: none; }
    .content-text-include .email-share .icon {
      -webkit-mask: url(../images/icon/Email-Icon-color.svg) no-repeat;
      mask: url(../images/icon/Email-Icon.svg) no-repeat;
      -webkit-mask-size:  25px;
      mask-size:  25px;
      background-color: #21AAD6;
      height: 25px;
      width: 25px;
      float: left; }
      @media screen and (min-width: 0\0) {
        .content-text-include .email-share .icon {
          background-image: url(../images/icon/Email-Icon-color.png);
          background-color: transparent;
          height: 26px;
          width: 30px; } }

.fixed-social-sticky {
  float: left;
  margin: 0 0 0px 0;
  height: auto !important;
  padding-top: 50px;
  z-index: 2; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .fixed-social-sticky {
      width: 13.8%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .fixed-social-sticky {
      width: 12.3%; } }
  @media (min-width: 1280px) {
    .fixed-social-sticky {
      width: 14.6%; } }
  .fixed-social-sticky .sticky-icon {
    position: relative;
    margin: 0 auto; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .fixed-social-sticky .sticky-icon {
        padding-left: 40.6%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .fixed-social-sticky .sticky-icon {
        padding-left: 42.1%; } }
    @media (min-width: 1280px) {
      .fixed-social-sticky .sticky-icon {
        padding-left: 43.3%; } }
    .fixed-social-sticky .sticky-icon ul {
      width: 25px; }
      .fixed-social-sticky .sticky-icon ul li {
        padding-bottom: 10px; }
        .fixed-social-sticky .sticky-icon ul li:last-child {
          padding-bottom: 0px; }
        .fixed-social-sticky .sticky-icon ul li a {
          height: 30px;
          display: block;
          width: 30px; }
        .fixed-social-sticky .sticky-icon ul li .fb-sticky {
          background: url(../images/icon/Facebook-Icon.svg) no-repeat center;
          background-size: 75% 75%; }
        .fixed-social-sticky .sticky-icon ul li .linkedin-sticky {
          background: url(../images/icon/LinkedIn-Icon.svg) no-repeat center;
          background-size: 75% 75%; }
        .fixed-social-sticky .sticky-icon ul li .twitter-sticky {
          background: url(../images/icon/Twitter-Icon.svg) no-repeat center;
          background-size: 75% 75%; }
        .fixed-social-sticky .sticky-icon ul li .email-sticky {
          background: url(../images/icon/Email-Icon.svg) no-repeat center 2px;
          background-size: 75% 75%; }
        .fixed-social-sticky .sticky-icon ul li .wechat-sticky {
          background: url(../images/icon/LinkedIn-Icon.svg) no-repeat center;
          background-size: 75% 75%; }
        .fixed-social-sticky .sticky-icon ul li .weibo-sticky {
          background: url(../images/icon/LinkedIn-Icon.svg) no-repeat center;
          background-size: 75% 75%; }
        .fixed-social-sticky .sticky-icon ul li .gplus-sticky {
          background: url(../images/icon/LinkedIn-Icon.svg) no-repeat center;
          background-size: 75% 75%; }
        .fixed-social-sticky .sticky-icon ul li .whatsapp-sticky {
          background: url(../images/icon/LinkedIn-Icon.svg) no-repeat center;
          background-size: 75% 75%; }
    .fixed-social-sticky .sticky-icon .border-social {
      border-top: 1px solid #222222;
      width: 95px;
      -ms-transform: rotate(180deg);
      -ms-transform-origin: 5% 5%;
      -webkit-transform: rotate(180deg);
      -webkit-transform-origin: 5% 5%;
      transform: rotate(90deg);
      transform-origin: 5% 5%;
      right: 16px;
      clear: both;
      height: 122px;
      display: none;
      margin-top: 10px; }
      @media (max-width: 599px) {
        .fixed-social-sticky .sticky-icon .border-social {
          display: none; } }
    .fixed-social-sticky .sticky-icon .share-text {
      text-align: center;
      position: relative;
      text-transform: inherit;
      display: none; }
      @media (min-width: 1280px) {
        .fixed-social-sticky .sticky-icon .share-text {
          font-size: 14px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.57;
          letter-spacing: 0.8px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .fixed-social-sticky .sticky-icon .share-text {
          font-size: 14px;
          font-weight: bold;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.57;
          letter-spacing: 0.8px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .border-social {
    display: none !important; } }

.share-text {
  text-align: center;
  position: relative;
  text-transform: inherit;
  font-weight: bold;
  line-height: 1.57;
  letter-spacing: 0.8px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .share-text {
      display: none !important; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .share-text {
      right: 0px;
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.57;
      letter-spacing: 0.8px;
      display: none; } }
  @media (min-width: 1280px) {
    .share-text {
      right: 3px;
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.57;
      letter-spacing: 0.8px;
      display: none; } }

.white-color {
  background: transparent !important;
  transition-duration: 1s; }

.articleplaceholder {
  clear: both;
  padding-top: 30px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .articleplaceholder {
      padding-top: 0px; } }
  .articleplaceholder:after {
    content: '';
    display: block;
    clear: both; }

.articleplaceholder section:nth-child(2) .row .col-lg-offset-2.col-md-offset-2 {
  margin-left: 0; }

@media (min-width: 1280px) {
    .article-landing-timebase .articleplaceholder:nth-child(2) .fixed-social-sticky {
    padding-top: 56px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
    .article-landing-timebase .articleplaceholder:nth-child(2) .fixed-social-sticky {
    padding-top: 50px !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
    .article-landing-timebase .articleplaceholder:nth-child(2) .fixed-social-sticky {
    padding-top: 45px !important; } }

@media (min-width: 1280px) {
  .brand-ticker-block, .family-ticker-block {
    width: 80%;
    float: right; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .brand-ticker-block, .family-ticker-block {
    width: 80%;
    float: right; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .brand-ticker-block, .family-ticker-block {
    width: 80%;
    float: right; } }

.header-parallax {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .header-parallax img {
    object-fit: cover;
    height: 240px; }
    @media (min-width: 1280px) {
      .header-parallax img {
        height: 480px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .header-parallax img {
        height: 400px; } }
    @media (min-width: 1800px) {
      .header-parallax img {
        height: 720px; } }
    @media (max-width: 599px) {
      .header-parallax img {
        height: 240px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .header-parallax img {
        height: 432px; } }

.articleplaceholder {
  clear: both;
  /*float: left;*/
  width: 100%; }
  @media (max-width: 599px) {
    .articleplaceholder {
      background-color: #ffffff; } }
  .articleplaceholder section {
    float: right !important;
    background-color: #ffffff;
    clear: none; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .articleplaceholder section {
        width: 86.2%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .articleplaceholder section {
        width: 87.7%; } }
    @media (min-width: 1280px) {
      .articleplaceholder section {
        width: 85.4%; } }
    @media (max-width: 599px) {
      .articleplaceholder section {
        width: 100%; } }

.articleplaceholder .bg_yellow {
  background-color: #ffce04; }

.articleplaceholder .bg_blue {
  background-color: #0182D2; }

.articleplaceholder .bg_green {
  background-color: #00B139; }

.articleplaceholder .bg_red {
  background-color: #DE4649; }

.article-social-icon {
  padding-top: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  @media (max-width: 599px) {
    .article-social-icon {
      border-bottom: 0;
      padding-top: 30px; } }
  .article-social-icon li {
    padding-bottom: 0; }
    .article-social-icon li a {
      height: 30px;
      width: 30px;
      display: block; }
      .article-social-icon li a.fb-sticky {
        background: url(../images/icon/Facebook-Icon.svg) no-repeat; }
      .article-social-icon li a.linkedin-sticky {
        background: url(../images/icon/LinkedIn-Icon.svg) no-repeat; }
      .article-social-icon li a.twitter-sticky {
        background: url(../images/icon/Twitter-Icon.svg) no-repeat; }
      .article-social-icon li a.email-sticky {
        background: url(../images/icon/Email-Icon.svg) no-repeat; }

.download-btn-top .downld-txt {
  width: 100px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: block;
  top: 130px;
  position: absolute;
  right: -12px;
  line-height: 18px !important;
  font-weight: bold;
  opacity: 0.45;
  font-size: 13px !important;
  letter-spacing: 0.7px !important;
  text-align: left;
  color: #232323; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .download-btn-top .downld-txt {
      top: 120px !important; } }

.bg-articlecolor {
  padding-top: 0; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .bg-articlecolor {
      background-color: #ffce04;
      padding-top: 0; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .bg-articlecolor {
      background-color: #ffce04;
      padding-top: 0; } }
  @media (min-width: 1280px) {
    .bg-articlecolor {
      background-color: #ffce04;
      padding-top: 0; } }

.article-landing-timebase.press-release .section-bodycopy .bodycopy {
  position: relative; }

@media (min-width: 1280px) {
  .video-text + .download-btn-top {
    top: -80px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .video-text + .download-btn-top {
    top: -80px; } }

.company-recirculation {
  display: inline-block;
  position: relative; }
  @media (max-width: 599px) {
    .company-recirculation {
      margin-left: 32px;
      margin-right: 32px; } }
  @media (min-width: 1280px) {
    .company-recirculation {
      padding-left: 60px;
      padding-right: 60px;
      float: left; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .company-recirculation {
      margin-left: 45px;
      margin-right: 45px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .company-recirculation {
      margin-left: 42px;
      margin-right: 42px; } }
  .company-recirculation h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7;
    text-align: left;
    color: #de4649;
    margin-top: 20px;
    margin-bottom: 5px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal; }
    @media (min-width: 1280px) {
      .company-recirculation h2 {
        font-size: 22px;
        font-weight: 500;
        line-height: 1.55;
        margin-top: 26px; } }
    @media (max-width: 599px) {
      .company-recirculation h2 {
        margin-top: 14px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .company-recirculation h2 {
        font-size: 22px;
        font-weight: 500;
        line-height: 1.55;
        margin-top: 25px; } }
  .company-recirculation .border-top {
    border-top: solid 1px #282828;
    display: none; }
  .company-recirculation .slide-block {
    padding: 0px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .company-recirculation .slide-block {
        float: right; } }
    @media (max-width: 599px) {
      .company-recirculation .slide-block {
        float: right;
        padding: 0;
        word-break: break-word; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .company-recirculation .slide-block {
        width: 47.3%; } }
    @media (min-width: 1280px) {
      .company-recirculation .slide-block {
        width: 47.8%; } }
    .company-recirculation .slide-block .paragraph-wrapper {
      height: auto; }
      @media (min-width: 1280px) {
        .company-recirculation .slide-block .paragraph-wrapper {
          padding-right: 16%; } }
      @media (max-width: 599px) {
        .company-recirculation .slide-block .paragraph-wrapper {
          opacity: 1;
          padding-bottom: 40px;
          border: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .company-recirculation .slide-block .paragraph-wrapper {
          border: 0;
          padding-right: 11%; } }
      @media (max-width: 599px) {
        .company-recirculation .slide-block .paragraph-wrapper .content {
          height: auto; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .company-recirculation .slide-block .paragraph-wrapper .content {
          padding-bottom: 50px; } }
      .company-recirculation .slide-block .paragraph-wrapper .content div.baseclass {
        font-size: 22px;
        line-height: 1.45;
        font-weight: 300;
        letter-spacing: -0.1px;
        background-image: linear-gradient(180deg, transparent 97%, #00adf2 0);
        background-size: 0% 100%;
        background-repeat: no-repeat;
        text-decoration: none;
        display: inline;
        padding-bottom: 5px; }
        @media (min-width: 1280px) {
          .company-recirculation .slide-block .paragraph-wrapper .content div.baseclass {
            font-size: 28px;
            line-height: 1.43; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .company-recirculation .slide-block .paragraph-wrapper .content div.baseclass {
            font-size: 26px;
            line-height: 1.46; } }
    .company-recirculation .slide-block .careers {
      padding-bottom: 19px;
      font-size: 18px;
      line-height: 22px;
      font-weight: 400; }
      @media (max-width: 599px) {
        .company-recirculation .slide-block .careers {
          padding-bottom: 18px;
          font-size: 16px;
          line-height: 22px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .company-recirculation .slide-block .careers {
          padding-top: 108px;
          /*height: 141px;*/ } }
      @media (min-width: 1280px) {
        .company-recirculation .slide-block .careers {
          padding-top: 99px;
          padding-bottom: 20px;
          /*height: 141px;*/ } }
      .company-recirculation .slide-block .careers a {
        font-size: 18px;
        line-height: 1.22;
        text-decoration: none;
        color: #282828; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .company-recirculation .slide-block .careers a {
            font-size: 16px;
            line-height: 1.38; } }
        @media (max-width: 599px) {
          .company-recirculation .slide-block .careers a {
            font-size: 16px;
            line-height: 1.38; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .company-recirculation .slide-block .careers a {
            font-size: 16px; } }
      .company-recirculation .slide-block .careers .black-arrow {
        float: right;
        margin-top: 0px;
        overflow: hidden; }
        @media (max-width: 599px) {
          .company-recirculation .slide-block .careers .black-arrow {
            margin-top: 5px; } }
        .company-recirculation .slide-block .careers .black-arrow img {
          position: relative; }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .company-recirculation .slide-block .careers .black-arrow img {
              display: none; } }
          @media (min-width: 1280px) {
            .company-recirculation .slide-block .careers .black-arrow img {
              display: none; } }
        @media (max-width: 599px) {
          .company-recirculation .slide-block .careers .black-arrow .animate-arrow-container {
            width: 75px; } }
      @media (max-width: 599px) {
        .company-recirculation .slide-block .careers .career-link {
          width: 90%;
          display: inline-block; } }
  .company-recirculation .block-left {
    float: left;
    margin-right: 2%;
    border-top: 1px solid #282828; }
    .company-recirculation .block-left .border {
      border-bottom: 1px solid #282828; }
  .company-recirculation .block-right {
    float: right;
    margin-left: 2%;
    border-top: 1px solid #282828; }
    @media (max-width: 599px) {
      .company-recirculation .block-right {
        border: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .company-recirculation .block-right {
        border: 0; } }
    .company-recirculation .block-right .border {
      border-bottom: 1px solid #282828; }

.underline {
  background-size: 100% 100% !important;
  transition: background-size .2s ease-in; }

.remove-underline {
  background-size: 0% 100%;
  transition: background-size .2s ease-in; }

.arrow-animate {
  animation: arrow-swipe .3s;
  -webkit-animation: arrow-swipe .3s;
  -moz-animation: arrow-swipe .3s; }

.arrow-animate2 {
  animation: arrow-swipe2 .3s;
  -webkit-animation: arrow-swipe2 .3s;
  -moz-animation: arrow-swipe2 .3s; }

@keyframes arrow-swipe {
  0% {
    left: 0;
    top: 0px; }
  20% {
    left: 22px;
    top: 0px; }
  40% {
    left: 22px;
    top: 17px; }
  60% {
    left: -22px;
    top: 17px; }
  80% {
    left: -22px;
    top: 0px; }
  100% {
    top: 0;
    left: 0; } }

@-webkit-keyframes arrow-swipe {
  0% {
    left: 0;
    top: 0px; }
  20% {
    left: 22px;
    top: 0px; }
  40% {
    left: 22px;
    top: 17px; }
  60% {
    left: -22px;
    top: 17px; }
  80% {
    left: -22px;
    top: 0px; }
  100% {
    top: 0;
    left: 0; } }

@keyframes arrow-swipe2 {
  0% {
    left: 0;
    top: 0px; }
  20% {
    left: 22px;
    top: 0px; }
  40% {
    left: 22px;
    top: 17px; }
  60% {
    left: -22px;
    top: 17px; }
  80% {
    left: -22px;
    top: 0px; }
  100% {
    top: 0;
    left: 0; } }

@-webkit-keyframes arrow-swipe2 {
  0% {
    left: 0;
    top: 0px; }
  20% {
    left: 22px;
    top: 0px; }
  40% {
    left: 22px;
    top: 17px; }
  60% {
    left: -22px;
    top: 17px; }
  80% {
    left: -22px;
    top: 0px; }
  100% {
    top: 0;
    left: 0; } }

/* anmimation */
.arrow-animate6 {
  float: right;
  vertical-align: middle;
  padding: 8px 0 0 0;
  position: relative;
  overflow: hidden;
  background: url(../images/icon/white-arrow-contact-yellow.png) no-repeat;
  width: 20px;
  height: 10px;
  background-size: cover;
  background-position: top right; }

.arrow-animate7 {
  background: url(../images/icon/white-arrow-contact-yellow.png) no-repeat;
  width: 20px;
  height: 10px;
  background-size: cover;
  background-position: top center;
  transition: all 0.5s;
  transition-timing-function: ease-in-out; }

.arrow-animate8 {
  background: url(../images/icon/white-arrow-contact-yellow.png) no-repeat;
  width: 20px;
  height: 10px;
  background-size: cover;
  background-position: top left;
  transition: all 0.5s;
  transition-timing-function: ease-in-out; }

.company-recirculation .slide-block {
  height: auto; }

.delay-link {
  transition: visibility 1s, display 1s linear;
  visibility: visible !important;
  display: block !important;
  -webkit-animation-name: example;
  -webkit-animation-duration: 1.1s;
  animation-name: example;
  animation-duration: 1.1s; }

@keyframes example {
  0% {
    opacity: 0; }
  20% {
    opacity: 0.1; }
  40% {
    opacity: 0.3; }
  60% {
    opacity: 0.6; }
  80% {
    opacity: 0.8; }
  100% {
    opacity: 1; } }

@-webkit-keyframes example {
  0% {
    opacity: 0; }
  20% {
    opacity: 0.1; }
  40% {
    opacity: 0.3; }
  60% {
    opacity: 0.6; }
  80% {
    opacity: 0.8; }
  100% {
    opacity: 1; } }

.brand-ticker-block {
  display: inline-block;
  width: 100%; }
  @media (min-width: 1280px) {
    .brand-ticker-block {
      height: 960px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .brand-ticker-block {
      height: 880px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .brand-ticker-block {
      display: block;
      float: left; } }
  @media (max-width: 599px) {
    .brand-ticker-block {
      display: block;
      float: left; } }
  .brand-ticker-block h1 {
    font-size: 3.125em;
    font-weight: 300;
    width: 60%;
    float: left;
    margin-top: 0; }
    @media (max-width: 599px) {
      .brand-ticker-block h1 {
        font-size: 24px;
        line-height: 32px;
        padding-left: 15px;
        width: auto; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brand-ticker-block h1 {
        font-size: 2.25em;
        padding-left: 42px;
        line-height: 44px;
        margin-bottom: 20px;
        float: left; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brand-ticker-block h1 {
        padding-left: 4%;
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 10px; } }
    @media (min-width: 1280px) {
      .brand-ticker-block h1 {
        padding-bottom: 20px;
        padding-left: 61px;
        font-size: 50px;
        line-height: 54px; } }
  .brand-ticker-block .see-all-brands {
    float: right;
    margin-top: 34px;
    margin-bottom: 10px; }
    @media (max-width: 599px) {
      .brand-ticker-block .see-all-brands {
        margin-top: 10px;
        padding-right: 15px;
        width: auto;
        padding-left: 15px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brand-ticker-block .see-all-brands {
        padding-right: 47px;
        margin-top: 22px;
        padding-left: 42px; } }
    @media (min-width: 1280px) {
      .brand-ticker-block .see-all-brands {
        margin-right: 60px;
        margin-top: 35px;
        margin-bottom: 0px;
        cursor: pointer; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brand-ticker-block .see-all-brands {
        margin-right: 43px;
        margin-bottom: 15px;
        margin-top: 22px;
        cursor: pointer; } }
    .brand-ticker-block .see-all-brands a {
      text-decoration: none;
      font-size: 16px;
      line-height: 1.39;
      color: #282828; }
      @media (min-width: 1280px) {
        .brand-ticker-block .see-all-brands a {
          font-size: 18px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .brand-ticker-block .see-all-brands a {
          font-size: 16px;
          line-height: 1.56; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .brand-ticker-block .see-all-brands a {
          line-height: 1.56; } }
    .brand-ticker-block .see-all-brands .black-arrow {
      height: 20px;
      position: relative;
      top: 6px;
      width: 20px;
      float: right;
      margin-left: 20px;
      overflow: hidden;
      /* @include internetExplore {
                background: url(../images/icon/Arrow-small-color.png) 0 0px no-repeat;
                background-color: transparent;
                background-size: 95%;
                height: 10px;
                width: 20px;
                top: 10px;
            } */ }
  .brand-ticker-block .video-container {
    padding-top: 50px;
    height: 600px;
    width: 100%;
    padding-bottom: 0%; }
    @media (max-width: 599px) {
      .brand-ticker-block .video-container {
        height: 210px;
        padding-top: 1%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brand-ticker-block .video-container {
        height: 480px;
        padding-top: 10px; } }
    @media (min-width: 1280px) {
      .brand-ticker-block .video-container {
        width: 90.5%;
        margin-left: 60px;
        margin-right: 60px;
        padding-top: 1%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brand-ticker-block .video-container {
        width: 90.5%;
        margin-left: 60px;
        margin-right: 60px;
        padding-top: 1%;
        height: 540px; } }
    .brand-ticker-block .video-container img {
      width: 100%;
      object-fit: cover; }
      @media (min-width: 1280px) {
        .brand-ticker-block .video-container img {
          height: 600px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .brand-ticker-block .video-container img {
          height: 540px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .brand-ticker-block .video-container img {
          height: 480px; } }
      @media (max-width: 599px) {
        .brand-ticker-block .video-container img {
          height: 210px; } }
    .brand-ticker-block .video-container.video-brand {
      margin-left: 0;
      width: 100%; }
  .brand-ticker-block .family_ticker_module {
    position: relative;
    padding-bottom: 14px; }
    @media (min-width: 1280px) {
      .brand-ticker-block .family_ticker_module {
        clear: both;
        bottom: 184px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brand-ticker-block .family_ticker_module {
        clear: both;
        bottom: 150px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brand-ticker-block .family_ticker_module {
        height: 308px;
        background-color: #f3f3f3; } }
    @media (max-width: 599px) {
      .brand-ticker-block .family_ticker_module {
        padding-bottom: 0px;
        background-color: #f3f3f3; } }
    @media (min-width: 1280px) {
      .brand-ticker-block .family_ticker_module .family-outer {
        padding-top: 0; } }
    @media (max-width: 599px) {
      .brand-ticker-block .family_ticker_module .family-outer {
        padding-top: 1%;
        padding-bottom: 0; }
        .brand-ticker-block .family_ticker_module .family-outer .swiper-container {
          width: 100%;
          padding-top: 2px; }
        .brand-ticker-block .family_ticker_module .family-outer .swiper-slide {
          text-align: center;
          font-size: 18px;
          background: #fff;
          width: 62% !important;
          border-bottom: 4px solid #f3f3f3;
          display: block; }
          .brand-ticker-block .family_ticker_module .family-outer .swiper-slide .family-block img {
            height: 233px;
            object-fit: cover; }
          .brand-ticker-block .family_ticker_module .family-outer .swiper-slide .family-button {
            position: relative;
            background-color: #ffffff;
            padding-top: 8%;
            padding-left: 5%;
            padding-right: 5%;
            padding-bottom: 8%;
            text-align: left; }
            .brand-ticker-block .family_ticker_module .family-outer .swiper-slide .family-button .family-link {
              display: inline;
              font-weight: 500;
              color: black;
              position: relative;
              font-size: 16px;
              line-height: 22px; }
            .brand-ticker-block .family_ticker_module .family-outer .swiper-slide .family-button .family-arrow {
              margin-top: 5%;
              float: right;
              display: inline-block;
              height: 25px;
              background: url(../images/icon/Arrow-small.svg) no-repeat;
              background-size: 60%;
              position: absolute;
              top: 22px;
              right: 5px;
              margin-right: 0px;
              width: 22px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brand-ticker-block .family_ticker_module .family-outer {
        padding-top: 0%;
        padding-bottom: 0%;
        margin-top: 0px; }
        .brand-ticker-block .family_ticker_module .family-outer .swiper-container {
          width: 100%;
          padding-top: 5px; }
        .brand-ticker-block .family_ticker_module .family-outer .swiper-slide {
          text-align: center;
          font-size: 18px;
          background: #fff;
          width: 31% !important;
          border-bottom: 4px solid #f3f3f3; } }
    @media (min-width: 600px) and (max-width: 1039px) and (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
      .brand-ticker-block .family_ticker_module .family-outer .swiper-slide {
        width: 23.3% !important; } }
    @media (min-width: 600px) and (max-width: 1039px) {
          .brand-ticker-block .family_ticker_module .family-outer .swiper-slide .family-block img {
            height: 233px; }
          .brand-ticker-block .family_ticker_module .family-outer .swiper-slide .family-button {
            position: relative;
            background-color: #ffffff;
            padding-top: 8%;
            padding-left: 5%;
            padding-right: 5%;
            padding-bottom: 8%;
            text-align: left; }
            .brand-ticker-block .family_ticker_module .family-outer .swiper-slide .family-button .family-link {
              display: inline;
              font-weight: 500;
              color: black;
              position: relative;
              font-size: 16px;
              line-height: 22px; }
            .brand-ticker-block .family_ticker_module .family-outer .swiper-slide .family-button .family-arrow {
              margin-top: 5%;
              float: right;
              display: inline-block;
              height: 25px;
              background: url(../images/icon/Arrow-small.svg) no-repeat;
              background-size: 60%;
              position: absolute;
              top: 22px;
              right: 5px;
              margin-right: 0px;
              width: 22px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brand-ticker-block .family_ticker_module .family-outer .str3-2 {
        height: 340px !important; } }
    @media (min-width: 1280px) {
      .brand-ticker-block .family_ticker_module .family-outer .str3-2 {
        height: 410px !important; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brand-ticker-block .family_ticker_module .family-outer .str3-2 {
        margin-top: 3px;
        height: 304px !important; } }
    @media (min-width: 1280px) {
      .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center {
        display: inline-block; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center {
        display: inline-block;
        /*background: linear-gradient(to bottom, transparent 0%, transparent 8%, transparent 8%, #e8e8e8 8%, #e8e8e8 100%);*/ } }
    .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .slick-slide {
      margin: 0px 20px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .slick-slide {
          margin: 0px 2px;
          height: 300px !important;
          width: 230px !important; } }
      @media (max-width: 599px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .slick-slide {
          margin: 0px 2px;
          height: 300px !important;
          width: 230px !important; } }
    .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .slick-slide img {
      width: 100%; }
    .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .slick-prev:before,
    .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .slick-next:before {
      color: black; }
    .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block {
      position: relative; }
      @media (min-width: 1280px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block {
          color: #999;
          margin: 0 29px;
          text-align: center;
          width: 270px;
          height: 347px;
          line-height: 347px;
          display: inline-block;
          vertical-align: top;
          border: 0; } }
      @media (max-width: 599px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block {
          color: #999;
          margin: 0 2px;
          text-align: center;
          height: 300px;
          line-height: 300px;
          display: inline-block;
          vertical-align: top;
          border: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block {
          color: #999;
          margin: 0px;
          text-align: center;
          height: 300px;
          line-height: 300px;
          display: inline-block;
          vertical-align: top;
          border: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block {
          color: #999;
          margin: 0 21px;
          text-align: center;
          width: 230px;
          height: 300px;
          line-height: 300px;
          display: inline-block;
          vertical-align: top;
          border: 0; } }
      .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block .brand-logo {
        overflow: hidden;
        vertical-align: middle; }
        @media (min-width: 1280px) {
          .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block .brand-logo {
            max-height: 347px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block .brand-logo {
            max-height: 300px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block .brand-logo {
            height: 300px;
            position: relative; } }
        @media (max-width: 599px) {
          .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block .brand-logo {
            height: 300px;
            position: relative; } }
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block .brand-logo img {
          width: 100%;
          padding: 5%; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block .brand-logo img {
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto; } }
          @media (max-width: 599px) {
            .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block .brand-logo img {
              position: absolute;
              top: 0;
              bottom: 0;
              margin: auto; } }
    .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block {
      display: inline;
      background: white;
      color: #999;
      width: 100%;
      border: 0;
      vertical-align: top;
      display: inline-block;
      position: relative; }
      @media (min-width: 1280px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block {
          margin: 0 26px;
          width: 270px;
          height: 347px;
          margin-right: 30px; } }
      @media (max-width: 599px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block {
          margin: 0 5px;
          height: 292px;
          border: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block {
          height: 400px;
          width: 230px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block {
          margin: 0 5px;
          width: 230px;
          height: 288px;
          margin-right: 32px; } }
      .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button {
        margin-bottom: 5%;
        padding-top: 7%;
        padding-bottom: 7%;
        position: relative;
        background-color: #ffffff; }
        @media (max-width: 599px) {
          .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button {
            margin-bottom: 5%;
            padding-top: 8%;
            padding-left: 5%;
            padding-right: 5%;
            padding-bottom: 8%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button {
            margin-bottom: 5%;
            padding-top: 8%;
            padding-left: 6%;
            padding-right: 6%;
            padding-bottom: 8%; } }
        @media (min-width: 1280px) {
          .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button {
            margin-bottom: 0;
            padding-left: 6%;
            padding-right: 6%;
            padding-top: 28px;
            height: 77px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button {
            margin-bottom: 3%;
            padding-left: 8%;
            padding-right: 8%; } }
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button .family-link {
          display: inline;
          line-height: 1.38;
          font-size: 17px;
          font-weight: 500;
          color: black;
          position: relative; }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button .family-link {
              font-size: 16px;
              line-height: 22px; } }
          @media (min-width: 1280px) {
            .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button .family-link {
              font-size: 18px;
              line-height: 22px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button .family-link {
              font-size: 16px;
              line-height: 22px; } }
          @media (max-width: 599px) {
            .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button .family-link {
              font-size: 16px;
              line-height: 22px; } }
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button .family-arrow {
          display: inline;
          margin-top: 2%;
          margin-right: 5%;
          float: right;
          display: inline-block;
          height: 25px;
          background: url(../images/icon/Arrow-small.svg) no-repeat;
          background-size: 60%;
          position: absolute; }
          @media (min-width: 1280px) {
            .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button .family-arrow {
              height: 40px;
              width: 10%;
              margin-right: 0px;
              top: 30px;
              right: 5px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button .family-arrow {
              height: 25px;
              width: 14%;
              right: 5px;
              margin-right: 0px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button .family-arrow {
              height: 25px;
              width: 22px;
              top: 20px;
              right: 13px;
              margin-right: 0px; } }
          @media (max-width: 599px) {
            .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-button .family-arrow {
              top: 22px;
              right: 5px;
              margin-right: 0px;
              width: 22px; } }
      .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block img {
        width: 100%;
        height: 233px; }
        @media (min-width: 1280px) {
          .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block img {
            width: 100%;
            height: 270px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block img {
            width: 100%;
            height: 233px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block img {
            width: 100%;
            height: 233px; } }
      @media (min-width: 1280px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block p {
          color: black;
          display: inline-block;
          float: left;
          line-height: 29px;
          padding: 4% 8% 4% 8%;
          text-align: left;
          font-size: 0.9rem;
          background-color: #f2f2f2;
          width: 100%;
          height: 49px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block p {
          color: black;
          display: inline-block;
          float: left;
          background-color: #f2f2f2;
          font-size: 14px;
          line-height: 29px;
          padding: 4% 4% 3% 7%;
          width: 100%;
          text-align: left;
          font-size: 0.9rem;
          background-color: #f2f2f2; } }
      @media (max-width: 599px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block p {
          font-size: 16px;
          font-weight: 400;
          letter-spacing: 0.5px;
          line-height: 18px;
          color: black;
          display: inline-block;
          float: left;
          background-color: lightgrey;
          padding: 5% 5% 5% 7%;
          width: 100%;
          text-align: left;
          background-color: #f2f2f2; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block p {
          font-size: 16px;
          font-weight: 400;
          letter-spacing: 0.5px;
          line-height: 18px;
          color: black;
          display: inline-block;
          float: left;
          background-color: lightgrey;
          padding: 5% 5% 5% 7%;
          width: 100%;
          text-align: left;
          background-color: #f2f2f2; } }
      @media (min-width: 1280px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .desc {
          color: black;
          background-color: white;
          white-space: normal;
          float: left;
          padding: 2% 8% 4% 5%;
          border: 0;
          background-color: transparent;
          display: inline-block;
          line-height: 24px;
          width: 100%;
          text-align: left;
          font-size: 16px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .desc {
          color: black;
          background-color: white;
          white-space: normal;
          float: left;
          text-align: left;
          font-size: 16px;
          padding: 2% 4% 4% 5%;
          border: 0;
          background-color: transparent;
          display: inline-block;
          line-height: 20px;
          width: 100%; } }
      @media (max-width: 599px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .desc {
          font-size: 16px;
          line-height: 24px;
          color: black;
          background-color: white;
          white-space: normal;
          float: left;
          padding: 7% 2% 2% 7%;
          border: 0;
          background-color: transparent;
          display: inline-block;
          width: 98%;
          text-align: left; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .desc {
          font-size: 16px;
          line-height: 24px;
          color: black;
          background-color: white !important;
          white-space: normal;
          float: left;
          padding: 7% 2% 2% 7%;
          border: 0;
          background-color: transparent;
          display: inline-block;
          width: 98%;
          text-align: left; } }
      .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-card {
        display: inline;
        position: relative; }
        .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block .family-card img {
          width: 100%;
          height: 300px; }
    @media (min-width: 1280px) {
      .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block:after, .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 80%;
        /* Half of the original height */
        top: 0;
        left: 0;
        box-shadow: 0 90px 61px 2px #e8e8e8;
        z-index: -1; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .family-block:after, .brand-ticker-block .family_ticker_module .family-outer .str3-2 .center .margin-class .brand-block:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 75%;
        /* Half of the original height */
        top: 0;
        left: 0;
        box-shadow: 0 98px 41px 2px #e8e8e8;
        z-index: -1; } }
    .brand-ticker-block .family_ticker_module .brandcard-bg-windex-blue {
      background-color: #02a5e0; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-windex-blue .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-duck-red {
      background-color: #ed1c24; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-duck-red .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-muscle-blue {
      background-color: #193989; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-muscle-blue .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-pledge-yellow {
      background-color: #ffce04; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-pledge-yellow .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-ziploc-blue {
      background-color: #00adf2; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-drano-gray {
      background-color: #ebebeb; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-drano-gray .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-off-orange {
      background-color: #f88023; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-off-orange .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-raid-black {
      background-color: #1a1918; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-raid-black .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-glade-cyan {
      background-color: #21aad6; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-glade-cyan .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-caldrea-yellow {
      background-color: #f6d828; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-caldrea-yellow .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-meyers-magenta {
      background-color: #d1cad2; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-meyers-magenta .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-shout-blue {
      background-color: #00b7f5; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-shout-blue .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-scrubbing-green {
      background-color: #61bb46; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-scrubbing-green .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-fantastik-yellow {
      background-color: #f1f046; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-fantastik-yellow .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-Armstrong-violet {
      background-color: #37168a; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-Armstrong-violet .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-johnson-gray {
      background-color: #f5f5f5; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-johnson-gray .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-kiwi-red {
      background-color: #ee2e24; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-kiwi-red .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-saran-blue {
      background-color: #daf1fa; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-saran-blue .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-baygon-red {
      background-color: #f33c40; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-baygon-red .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-autan-red {
      background-color: #ec2d23; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-autan-red .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .brandcard-bg-babyganics-green {
      background-color: #89c548; }
      .brand-ticker-block .family_ticker_module .brandcard-bg-babyganics-green .brand-image {
        width: 75%; }
    .brand-ticker-block .family_ticker_module .red {
      background-color: #ED1C24; }
    .brand-ticker-block .family_ticker_module .orange {
      background-color: #f88023; }
    .brand-ticker-block .family_ticker_module .blue {
      background-color: #193989; }
    .brand-ticker-block .family_ticker_module .yellow {
      background-color: #FFCE04; }
    .brand-ticker-block .family_ticker_module .green {
      background-color: #61BB46; }
    .brand-ticker-block .family_ticker_module .sky-blue {
      background-color: #21AAD6; }

.family-button {
  border-bottom: 1px solid #f9f9f9;
  border-left: 1px solid #f9f9f9;
  border-right: 1px solid #f9f9f9; }

@media (min-width: 600px) and (max-width: 1039px) {
  .swiper-slide.brand-cards .brand-logo {
    overflow: hidden;
    vertical-align: middle;
    height: 300px;
    position: relative; } }

@media (max-width: 599px) {
  .swiper-slide.brand-cards .brand-logo {
    overflow: hidden;
    vertical-align: middle;
    height: 300px;
    position: relative; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .swiper-slide.brand-cards .brand-logo img {
    width: 100%;
    padding: 5%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; } }

@media (max-width: 599px) {
  .swiper-slide.brand-cards .brand-logo img {
    width: 100%;
    padding: 5%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; } }

.brand-block {
  position: relative;
  color: #999;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  border: 0;
  line-height: 300px;
  height: 300px;
  margin: 0 2px;
  width: 230px; }
  @media (max-width: 599px) {
    .brand-block {
      width: 100%; } }
  @media (min-width: 1280px) {
    .brand-block {
      margin: 0 29px;
      width: 270px;
      height: 347px;
      line-height: 347px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .brand-block {
      margin: 0px;
      width: 100%;
      height: 300px;
      line-height: 300px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .brand-block {
      margin: 0 21px;
      width: 230px; } }

.brand-ticker-block .video-container iframe.mobilefamilyticker {
  display: block; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .brand-ticker-block .video-container iframe.mobilefamilyticker {
      display: block; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .brand-ticker-block .video-container iframe.mobilefamilyticker {
      display: none; } }
  @media (min-width: 1280px) {
    .brand-ticker-block .video-container iframe.mobilefamilyticker {
      display: none; } }

.brand-ticker-block .video-container iframe.desktopfamilyticker {
  display: none; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .brand-ticker-block .video-container iframe.desktopfamilyticker {
      display: none; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .brand-ticker-block .video-container iframe.desktopfamilyticker {
      display: block; } }
  @media (min-width: 1280px) {
    .brand-ticker-block .video-container iframe.desktopfamilyticker {
      display: block; } }

.fisk-tout {
  float: left;
  margin-left: 42px;
  margin-right: 42px; }
  @media (min-width: 1280px) {
    .fisk-tout {
      margin-left: 60px;
      margin-right: 60px; } }
  @media (max-width: 599px) {
    .fisk-tout {
      margin: 30px 0 0 0; } }
  .fisk-tout h2 {
    font-size: 36px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: -0.9px;
    position: absolute;
    bottom: 27px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    color: #f5f5f5; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .fisk-tout h2 {
        font-size: 80px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: -1.9px;
        bottom: 77px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .fisk-tout h2 {
        font-size: 58px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.03;
        letter-spacing: -1.4px;
        bottom: 48px; } }
    @media (min-width: 1280px) {
      .fisk-tout h2 {
        font-size: 120px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        letter-spacing: -2.9px;
        bottom: 97.8px; } }
    @media (max-width: 599px) {
      .fisk-tout h2 {
        position: static;
        padding-bottom: 60px; } }
  @media (min-width: 1280px) {
    .fisk-tout .fisk-content {
      padding-right: 106px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .fisk-tout .fisk-content {
      padding-right: 43px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .fisk-tout .fisk-content {
      padding-right: 44px; } }
  .fisk-tout .fisk-content p {
    padding: 20px;
    font-size: 1.375em; }
  .fisk-tout .fisk-image {
    position: relative; }
    @media (max-width: 599px) {
      .fisk-tout .fisk-image img {
        height: 296px;
        object-fit: cover; } }
  .fisk-tout .black-arrow {
    float: right;
    margin-top: 7px;
    background: url(../images/icon/Arrow-small.svg) no-repeat;
    height: 29px;
    width: 22px; }
  .fisk-tout .oneline-border {
    background-color: #282828;
    height: 1px;
    margin: 0 auto;
    clear: both;
    opacity: 0.35; }
  .fisk-tout .fisk-icon {
    width: 72px;
    position: absolute;
    top: 102px;
    left: 62px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .fisk-tout .fisk-icon {
        width: 35px;
        top: 82px;
        left: 43px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .fisk-tout .fisk-icon {
        width: 35px;
        top: 55px;
        left: 27px; } }
    @media (max-width: 599px) {
      .fisk-tout .fisk-icon {
        display: none; } }
  .fisk-tout .image-desc {
    display: inline-block;
    width: 100%;
    padding: 21px 0 0 0; }
    @media (min-width: 1280px) {
      .fisk-tout .image-desc {
        padding: 23px 0 0 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .fisk-tout .image-desc {
        padding: 22px 0 0 0; } }
    @media (max-width: 599px) {
      .fisk-tout .image-desc {
        padding: 22px 32px 0 31px;
        position: relative;
        top: -90px; } }
    .fisk-tout .image-desc .fisk-content {
      font-size: 22px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.36;
      letter-spacing: normal; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .fisk-tout .image-desc .fisk-content {
          font-size: 20px;
          line-height: 1.4; } }
      @media (max-width: 599px) {
        .fisk-tout .image-desc .fisk-content {
          font-size: 18px;
          line-height: 1.44;
          padding-bottom: 40px; } }
    .fisk-tout .image-desc .image-arrow-container {
      float: right; }
      .fisk-tout .image-desc .image-arrow-container .see-fisks-bio {
        padding: 0 20px 20px 0;
        line-height: 1.38;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.38;
        letter-spacing: normal; }
        @media (min-width: 1280px) {
          .fisk-tout .image-desc .image-arrow-container .see-fisks-bio {
            font-size: 18px;
            line-height: 1.22; } }

@media (min-width: 1280px) {
  .macos .fisk-tout h2 {
    bottom: 68px; } }

.list-anchor:link,
.list-anchor:visited,
.list-anchor:active {
  text-decoration: none;
  color: #282828; }

.list-anchor:hover {
  color: #00adf2; }

footer {
  margin-bottom: 50px;
  width: 100%;
  margin-top: 30px;
  float: left; }
  @media (min-width: 1280px) {
    footer {
      margin-top: 100px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    footer {
      margin-top: 64px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    footer {
      margin-top: 80px; } }
  @media (min-width: 1800px) {
    footer {
      float: none !important;
      margin: 60px auto 50px auto;
      max-width: 1800px; } }
  footer .container {
    position: relative; }

.social a,
.scj a {
  width: 25px;
  float: left;
  margin-right: 15px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .social a,
    .scj a {
      margin-right: 11px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .social a,
    .scj a {
      width: 22px; } }
  .social a img,
  .scj a img {
    display: inline; }

.scj img {
  display: inline; }

.copyright {
  display: block;
  padding-top: 80px;
  font-size: 0.875em;
  line-height: 1.64;
  color: #282828; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .copyright {
      padding-top: 0; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .copyright {
      padding-top: 45px;
      font-size: 14px;
      line-height: 1.64;
      text-align: left;
      color: #282828; } }
  @media (min-width: 1280px) {
    .copyright {
      padding-top: 45px;
      font-size: 14px;
      line-height: 1.64;
      text-align: left;
      color: #282828; } }

.copyright-reserved {
  font-size: 0.875em;
  line-height: 1.64;
  color: #282828; }
  @media (max-width: 599px) {
    .copyright-reserved {
      float: left;
      text-align: left;
      width: 100%;
      margin-top: 30px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .copyright-reserved {
      font-size: 14px;
      line-height: 1.64;
      text-align: left;
      color: #282828; } }
  @media (min-width: 1280px) {
    .copyright-reserved {
      font-size: 14px;
      line-height: 1.64;
      text-align: left;
      color: #282828; } }

.icon-social-small-device {
  position: relative;
  float: right;
  right: 25px;
  display: none; }

.copyright-small-device {
  position: relative;
  top: -5px;
  display: none; }

@media (min-width: 1040px) and (max-width: 1279px) {
  .footer-column {
    padding: 0; } }

@media (max-width: 599px) {
  .copyright {
    font-size: 14px;
    line-height: 23px;
    text-align: left;
    color: #282828; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .copyright {
    font-size: 14px;
    line-height: 23px;
    text-align: left;
    color: #282828;
    float: left; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .copyright {
    width: 100%;
    line-height: 23px; } }

@media (min-width: 1280px) {
  .copyright {
    width: 100%; } }

@media (max-width: 599px) {
  .copyright:after {
    content: "|";
    padding: 0 0 0 8px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .copyright:after {
    content: "|";
    padding: 0 8px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .copyright:after {
    content: ""; } }

@media (min-width: 1280px) {
  .copyright:after {
    content: ""; } }

@media (max-width: 599px) {
  .copyright-reserved .copyright-2 {
    font-size: 14px;
    line-height: 1.64;
    text-align: left;
    color: #282828;
    float: left;
    /*  top: -22px; 
            position: relative;
            left: 146px; */
    padding-left: 8px;
    padding-top: 0.2px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .copyright-reserved .copyright-2 {
    font-size: 14px;
    line-height: 1.64;
    text-align: left;
    color: #282828;
    float: left; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .copyright-reserved .copyright-2 {
    font-size: 14px;
    line-height: 1.64;
    text-align: left;
    color: #282828; } }

@media (min-width: 1280px) {
  .copyright-reserved .copyright-2 {
    font-size: 14px;
    line-height: 1.64;
    text-align: left;
    color: #282828; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .icon-social {
    width: 100%;
    position: relative;
    right: 27px; } }

@media (min-width: 1280px) {
  .icon-social {
    position: relative;
    top: -3px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .icon-social {
    position: relative;
    top: -3px; } }

@media (max-width: 599px) {
  .icon-social {
    padding-top: 6%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .icon-social-small-device {
    display: block;
    top: -70px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .copyright-small-device {
    display: block;
    top: -70px; } }

.footer-column:nth-child(2) {
  color: #242424;
  border-left: 1px solid #282828; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-column:nth-child(2) {
      width: 37%;
      /* height: 198px; */
      height: unset; } }
  @media (max-width: 599px) {
    .footer-column:nth-child(2) {
      height: 100%;
      border: 0px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .footer-column:nth-child(2) {
      height: 190px;
      width: 26.2%; } }
  @media (min-width: 1280px) {
    .footer-column:nth-child(2) {
      height: 190px;
      width: 26.2%; } }
  @media (max-width: 599px) {
    .footer-column:nth-child(2) .lists li {
      min-height: 40px;
      padding: 20px 0 0 0px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-column:nth-child(2) .lists li {
      min-height: 34px;
      padding: 0 0 0 23px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .footer-column:nth-child(2) .lists li {
      min-height: 42px;
      padding: 0 0 0 21px; } }
  @media (min-width: 1280px) {
    .footer-column:nth-child(2) .lists li {
      min-height: 42px;
      padding: 0 0 0 31px; } }
  @media (max-width: 599px) {
    .footer-column:nth-child(2) .lists li {
      padding-top: 20px; } }
  .footer-column:nth-child(2) .lists li a {
    font-size: 22px;
    line-height: 22px;
    text-align: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .footer-column:nth-child(2) .lists li a {
        font-size: 18px;
        line-height: 18px;
        text-align: left; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .footer-column:nth-child(2) .lists li a {
        position: relative;
        top: -5px; } }
    @media (min-width: 1280px) {
      .footer-column:nth-child(2) .lists li a {
        position: relative;
        top: -5px; } }
  .footer-column:nth-child(2) .lists .evidon-notice-link {
    position: fixed;
    padding: 0px 10px;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    line-height: 36px;
    text-decoration: none;
    background: linear-gradient(#e3e3e3, �rgb(196, 196, 196));
    font-size: 10pt;
    color: black;
    bottom: 0px;
    right: 0px;
    z-index: 2147483600; }
    .footer-column:nth-child(2) .lists .evidon-notice-link .evidon-consent-link {
      top: 0; }
  @media (max-width: 599px) {
    .footer-column:nth-child(2) .border-line {
      border-top: 1px solid black;
      margin: 0;
      width: 100%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .footer-column:nth-child(1) {
    width: 13.5%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .footer-column:nth-child(1) {
    width: 13.2%; } }

@media (min-width: 1280px) {
  .footer-column:nth-child(1) {
    width: 13.1%; } }

.footer-column:nth-child(3) {
  border-left: 1px solid #282828;
  min-height: 190px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-column:nth-child(3) {
      width: 44%; } }
  @media (max-width: 599px) {
    .footer-column:nth-child(3) {
      padding: 20px 0 0 0;
      border: 0px;
      height: auto; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-column:nth-child(3) {
      padding: 0 0 0 23px;
      min-height: 198px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .footer-column:nth-child(3) {
      padding: 0 0 0 20px;
      width: 30.6%; } }
  @media (min-width: 1280px) {
    .footer-column:nth-child(3) {
      padding: 0 0 0 30px;
      width: 28.6%;
      position: relative;
      top: -3px; } }
  @media (max-width: 599px) {
    .footer-column:nth-child(3) .lists {
      padding-top: 15px;
      padding-bottom: 20px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-column:nth-child(3) .lists .border-line {
      display: none; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .footer-column:nth-child(3) .lists .border-line {
      display: none; } }
  @media (min-width: 1280px) {
    .footer-column:nth-child(3) .lists .border-line {
      display: none; } }
  @media (max-width: 599px) {
    .footer-column:nth-child(3) .lists li {
      /*  height: 30px; */
      padding: 0px 0 0 0px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-column:nth-child(3) .lists li {
      /* height: 35px; */
      padding-bottom: 10px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .footer-column:nth-child(3) .lists li {
      /* height: 32px; */
      padding-bottom: 7px; } }
  @media (min-width: 1280px) {
    .footer-column:nth-child(3) .lists li {
      /* height: 32px; */
      padding-bottom: 7px; } }
  @media (max-width: 599px) {
    .footer-column:nth-child(3) .lists li a {
      font-size: 15px;
      line-height: 34px;
      text-align: left;
      padding-top: 20px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-column:nth-child(3) .lists li a {
      font-size: 16px;
      line-height: 24px;
      text-align: left; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .footer-column:nth-child(3) .lists li a {
      font-size: 18px;
      line-height: 24px;
      position: relative;
      top: -5px; } }
  @media (min-width: 1280px) {
    .footer-column:nth-child(3) .lists li a {
      font-size: 18px;
      line-height: 24px;
      position: relative;
      top: -5px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-column:nth-child(3) .lists li a {
      font-size: 1em; } }
  .footer-column:nth-child(3) .border-line {
    width: 100%;
    margin: 0;
    border-top: 1px solid black; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .footer-column:nth-child(3) .border-line {
        display: none; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .footer-column:nth-child(3) .border-line {
        display: none; } }
    @media (min-width: 1280px) {
      .footer-column:nth-child(3) .border-line {
        display: none; } }

.footer-column:nth-child(4) {
  border-left: 1px solid #282828; }
  @media (min-width: 1280px) {
    .footer-column:nth-child(4) {
      height: 190px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .footer-column:nth-child(4) {
      padding: 0 0 0 20px;
      height: 190px;
      width: 29%; } }
  @media (min-width: 1280px) {
    .footer-column:nth-child(4) {
      padding: 0 0 0 30px;
      height: 190px;
      width: 31.1%; } }
  @media (max-width: 599px) {
    .footer-column:nth-child(4) {
      padding-top: 8px;
      border: 0px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-column:nth-child(4) {
      float: right;
      position: absolute;
      right: 21.1%;
      top: 48%;
      border-left: 0px solid #282828;
      height: auto; } }
  @media (max-width: 599px) {
    .footer-column:nth-child(4) .border-line {
      display: block;
      width: 100%;
      margin: 0;
      border-top: 1px solid #282828; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-column:nth-child(4) .border-line {
      display: none; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .footer-column:nth-child(4) .border-line {
      display: none; } }
  @media (min-width: 1280px) {
    .footer-column:nth-child(4) .border-line {
      display: none; } }

.footer-column {
  padding-bottom: 20px; }
  @media (max-width: 599px) {
    .footer-column {
      padding-bottom: 10px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-column {
      padding-bottom: 0px; } }
  @media (max-width: 599px) {
    .footer-column .lists .border-line {
      width: 100%;
      border: 1px solid #282828;
      margin: 0; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .social {
    width: 250px;
    float: left;
    padding-top: 10px; } }

.social ul {
  margin-bottom: 0px; }

.social a.fb-share {
  mask: url(../images/icon/Facebook-Icon.svg) no-repeat;
  background: url(../images/icon/Facebook-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/Facebook-Icon.svg) no-repeat;
  mask-size: 25px;
  -webkit-mask-size: 25px;
  height: 24px;
  width: 24px;
  display: block; }

.social a.twitter-share {
  mask: url(../images/icon/twitter-icon.svg) no-repeat;
  background: url(../images/icon/twitter-icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/twitter-icon.svg) no-repeat;
  mask-size: 25px;
  -webkit-mask-size: 25px;
  height: 24px;
  width: 24px;
  display: block; }

.social a.linkedin-share {
  mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  mask-size: 25px;
  -webkit-mask-size: 25px;
  height: 24px;
  width: 24px;
  display: block; }

.social a.gplus-share {
  mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  mask-size: 25px;
  -webkit-mask-size: 25px;
  height: 24px;
  width: 24px;
  display: block; }

.social a.weibo-share {
  mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  mask-size: 25px;
  -webkit-mask-size: 25px;
  height: 24px;
  width: 24px;
  display: block; }

.social a.whatsapp-share {
  mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  mask-size: 25px;
  -webkit-mask-size: 25px;
  height: 24px;
  width: 24px;
  display: block; }

.social a.wechat-share {
  mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  mask-size: 25px;
  -webkit-mask-size: 25px;
  height: 24px;
  width: 24px;
  display: block; }

.social a.email-share {
  mask: url(../images/icon/Email-Icon.svg) no-repeat;
  background: url(../images/icon/Email-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/Email-Icon.svg) no-repeat;
  mask-size: 25px;
  -webkit-mask-size: 25px;
  height: 24px;
  width: 24px;
  display: block; }

.scj {
  display: inline-block;
  height: 50px;
  background: url(../images/icon/Double-Diamond.svg) no-repeat;
  width: 50px;
  position: relative;
  top: -3px;
  cursor: pointer; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .scj {
      height: 34px;
      width: 26.5px;
      background-size: 28px 34px; } }
  @media (max-width: 599px) {
    .scj {
      display: none; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .scj {
      mask-size: 32px;
      -webkit-mask-size: 32px; } }

@media (max-width: 599px) {
  .copyright {
    padding-top: 0px;
    display: inline-block;
    float: left; } }

.break {
  height: 35px; }

.logo-img {
  float: left;
  width: auto; }
  .logo-img img {
    height: 140px;
    width: 200px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .logo-img img {
        padding-left: 80px; } }
    @media (min-width: 1280px) {
      .logo-img img {
        width: 130px;
        margin-left: 100px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .logo-img img {
        width: 130px;
        margin-left: 80px; } }
    @media (max-width: 599px) {
      .logo-img img {
        height: 80px;
        width: 110px;
        padding-left: 30px; } }

.footer-block {
  position: relative; }
  @media (max-width: 599px) {
    .footer-block {
      padding: 0 34px 30px 32px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-block {
      padding: 25px 91px 80px 42px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .footer-block {
      padding: 0 0 85px 42px; } }
  @media (min-width: 1280px) {
    .footer-block {
      padding: 0 0 120px 61px; } }
  .footer-block .row {
    width: 100%;
    margin-top: 30px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .footer-block .row {
        margin-top: 60px; } }
    @media (min-width: 1280px) {
      .footer-block .row {
        margin-top: 60px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .footer-block .row {
        margin-top: 45px;
        display: flex; } }

.footer-ticker {
  position: relative; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .footer-ticker {
      bottom: 126px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .footer-tablet-wrapper {
    position: relative;
    top: 161px; } }

/* override footer marquee css script */
@media (max-width: 599px) {
  footer .footer-slider .str3 img {
    height: auto !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  footer .footer-slider .str3 img {
    height: auto;
    width: 130px;
    padding-left: 40px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  footer .footer-slider .str3 img {
    height: auto; } }

@media (min-width: 1280px) {
  footer .footer-slider .str3 img {
    height: auto; } }

footer .footer-slider .str3 {
  height: 115px !important; }
  @media (min-width: 1280px) {
    footer .footer-slider .str3 {
      height: 165px !important; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    footer .footer-slider .str3 {
      height: 165px !important; } }

.firefox footer .footer-slider .str3 .str_move_clone {
  width: auto !important; }

@media (max-width: 1039px) and (min-width: 600px) {
  html:lang(nl) .footer-column:nth-child(4) {
    top: 56%; } }

/* override footer marquee css script ends*/
.small-image {
  float: right;
  position: relative; }
  @media (max-width: 599px) {
    .small-image {
      padding-top: 50px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .small-image {
      padding-top: 50px; } }
  .small-image .image-arrow-container {
    position: absolute;
    right: 0;
    z-index: 9; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .small-image .image-arrow-container {
        right: 5%; } }
  @media (min-width: 1280px) {
    .small-image .inline-image-container {
      width: 661px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .small-image .inline-image-container {
      width: 81%;
      clear: both;
      margin-left: 16.7%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .small-image .inline-image-container {
      width: 81%;
      margin: 0 0 0 7%;
      padding-right: 5%; } }
  @media (max-width: 599px) {
    .small-image .image-content {
      padding: 0 25px 0 31px; } }
  .small-image .pohot-credit {
    float: left;
    padding-top: 10px;
    font-size: 14px;
    line-height: 1.57;
    width: 90%; }
    @media (min-width: 1280px) {
      .small-image .pohot-credit {
        padding-left: 6px; } }
    @media (max-width: 599px) {
      .small-image .pohot-credit {
        width: 85%; } }
  .small-image .socialshare-block-white {
    position: static; }
  @media (min-width: 1280px) {
    .small-image .share-icon {
      top: 10px; } }
  @media (max-width: 599px) {
    .small-image .share-icon {
      right: 20px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .small-image .share-icon {
      right: 5px; } }
  @media (min-width: 1280px) {
    .small-image .section-head {
      width: 27%; } }

@media (min-width: 1280px) {
  .ie11 .vetical-image {
    padding-right: 119.4px;
    margin-right: 0; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .ie11 .vetical-image {
    padding-right: 43.5px;
    margin-right: 0; } }

.vetical-image {
  padding: 0 17px 0 18px;
  float: right; }
  @media (min-width: 1800px) {
    .vetical-image {
      width: 1030px; } }
  @media (min-width: 1280px) {
    .vetical-image {
      margin-right: 119.4px;
      padding-right: 0; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .vetical-image {
      padding: 0;
      margin-right: 43.5px;
      margin-left: 23%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .vetical-image {
      padding: 0;
      margin-right: 43px;
      margin-left: 43px; } }
  .vetical-image .image-box {
    float: right; }
    @media (min-width: 1280px) {
      .vetical-image .image-box {
        padding-left: 30px;
        width: 540px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vetical-image .image-box {
        width: 445px;
        padding-left: 45px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-image .image-box {
        width: 62%;
        padding-left: 23px; } }
    @media (max-width: 599px) {
      .vetical-image .image-box {
        position: relative; } }
    .vetical-image .image-box .image-wrap img {
      object-fit: cover; }
      @media (min-width: 1280px) {
        .vetical-image .image-box .image-wrap img {
          height: 720px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .vetical-image .image-box .image-wrap img {
          height: 594px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .vetical-image .image-box .image-wrap img {
          height: 561px; } }
      @media (max-width: 599px) {
        .vetical-image .image-box .image-wrap img {
          height: 476px; } }
  .vetical-image .image-content {
    color: #232323;
    line-height: 22px;
    font-size: 16px; }
    @media (min-width: 1280px) {
      .vetical-image .image-content {
        width: 330px;
        float: right; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vetical-image .image-content {
        width: 254px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-image .image-content {
        width: 37%; } }
    @media (max-width: 599px) {
      .vetical-image .image-content {
        font-size: 15px;
        line-height: 20px; } }
    .vetical-image .image-content .vertical-content {
      padding-bottom: 100px; }
      @media (max-width: 599px) {
        .vetical-image .image-content .vertical-content {
          padding: 0px 0 0 15px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .vetical-image .image-content .vertical-content {
          padding-bottom: 70px; } }
  .vetical-image .image-arrow-container {
    float: right; }
    @media (min-width: 1280px) {
      .vetical-image .image-arrow-container .socialshare-block-white {
        position: static; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vetical-image .image-arrow-container .socialshare-block-white {
        position: absolute;
        top: -14px;
        right: 0; } }
    @media (max-width: 599px) {
      .vetical-image .image-arrow-container .socialshare-block-white {
        position: absolute;
        bottom: -15px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-image .image-arrow-container .socialshare-block-white {
        position: absolute;
        top: -5px;
        right: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-image .image-arrow-container .share-icon {
        top: 0; } }
  .vetical-image .pohot-credit {
    display: inline-block;
    width: 80%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-image .pohot-credit {
        opacity: .6;
        color: #232323;
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 10px 0; } }
    @media (max-width: 599px) {
      .vetical-image .pohot-credit {
        padding: 10px 14px;
        width: 100%; } }
    @media (min-width: 1280px) {
      .vetical-image .pohot-credit {
        padding: 0; } }
  .vetical-image .border-bg-up {
    background-color: #232323;
    margin-bottom: 20px; }
  .vetical-image .border-bg-down {
    clear: both;
    margin: 15px 0;
    height: 2px;
    opacity: 0.5;
    border: solid 1px #232323; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-image .border-bg-down {
        clear: both;
        margin: 13px 0;
        opacity: 0.3; } }
    @media (max-width: 599px) {
      .vetical-image .border-bg-down {
        opacity: 0.3; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vetical-image .border-bg-down {
        clear: both;
        margin: 21px 0; } }
    @media (min-width: 1280px) {
      .vetical-image .border-bg-down {
        clear: both;
        margin: 21px 0; } }

.vetical-two-up {
  position: relative;
  float: right; }
  @media (min-width: 1280px) {
    .vetical-two-up {
      padding-left: 150px;
      padding-right: 150px;
      width: 100%; } }
  @media (max-width: 599px) {
    .vetical-two-up {
      /*float: none;*/
      clear: both;
      padding-bottom: 0;
      padding-left: 17px;
      padding-right: 17px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .vetical-two-up {
      padding-left: 20.8%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .vetical-two-up {
      padding-right: 43px;
      padding-left: 43px; } }
  @media (min-width: 1280px) {
    .vetical-two-up .row {
      width: 90%;
      margin: 0 auto;
      position: static; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .vetical-two-up .row {
      position: static; } }
  .vetical-two-up img {
    object-fit: cover; }
    @media (max-width: 599px) {
      .vetical-two-up img {
        height: 478px; } }
    @media (min-width: 1280px) {
      .vetical-two-up img {
        height: 756px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vetical-two-up img {
        height: 537px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-two-up img {
        height: 463px; } }
    @media (min-width: 1800px) {
      .vetical-two-up img {
        height: auto; } }
  .vetical-two-up .image-content {
    padding-bottom: 20px;
    font-size: 13px; }
    @media (min-width: 1280px) {
      .vetical-two-up .image-content {
        padding: 0 0 0 27px;
        width: 35%;
        position: absolute;
        left: 50%;
        bottom: 0; } }
    @media (min-width: 1800px) {
      .vetical-two-up .image-content {
        width: 45%;
        bottom: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vetical-two-up .image-content {
        padding: 0 0 0 22px;
        width: 35%;
        position: absolute;
        left: 62%;
        bottom: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-two-up .image-content {
        padding-left: 10px;
        width: 50%; } }
    @media (max-width: 599px) {
      .vetical-two-up .image-content {
        padding-left: 14px;
        padding-bottom: 0; } }
    @media (max-width: 599px) {
      .vetical-two-up .image-content .image-arrow-container {
        display: none; } }
    .vetical-two-up .image-content .twoup-leftcaption {
      padding-bottom: 12px; }
      @media (min-width: 1280px) {
        .vetical-two-up .image-content .twoup-leftcaption {
          padding-right: 10%; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .vetical-two-up .image-content .twoup-leftcaption {
          padding-bottom: 11px;
          width: 90%; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .vetical-two-up .image-content .twoup-leftcaption {
          padding-bottom: 10px; } }
    @media (min-width: 1280px) {
      .vetical-two-up .image-content .twoup-rightcaption {
        padding-right: 10%; } }
    .vetical-two-up .image-content .twoup-captionlabel {
      font-size: 13px;
      font-weight: 500;
      line-height: 1.69;
      letter-spacing: 0.9px; }
      @media (max-width: 599px) {
        .vetical-two-up .image-content .twoup-captionlabel {
          font-size: 12px;
          line-height: 1.67; } }
    .vetical-two-up .image-content .twoup-captiontext {
      font-size: 16px;
      line-height: 1.38;
      color: #232323; }
      @media (max-width: 599px) {
        .vetical-two-up .image-content .twoup-captiontext {
          font-size: 15px;
          line-height: 1.33; } }
  .vetical-two-up .image-box-left {
    padding-bottom: 11px; }
    @media (min-width: 1280px) {
      .vetical-two-up .image-box-left {
        padding: 198px 30px 0 0;
        width: 50%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vetical-two-up .image-box-left {
        padding: 208px 23px 0 0;
        width: 50%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-two-up .image-box-left {
        padding-right: 11px;
        padding-bottom: 25px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-two-up .image-box-left img {
        padding-bottom: 10px; } }
    @media (max-width: 599px) {
      .vetical-two-up .image-box-left img {
        padding-bottom: 10px; } }
  .vetical-two-up .image-box-right {
    padding-bottom: 20px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-two-up .image-box-right {
        padding-left: 11px;
        padding-bottom: 0; } }
    @media (min-width: 1280px) {
      .vetical-two-up .image-box-right {
        padding: 0 0 0 30px;
        width: 50%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vetical-two-up .image-box-right {
        padding: 0 0 0 22px;
        width: 50%; } }
    @media (max-width: 599px) {
      .vetical-two-up .image-box-right img {
        padding-bottom: 11px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-two-up .image-box-right img {
        padding-bottom: 11px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vetical-two-up .image-box-right img {
        padding-bottom: 0px; } }
    @media (min-width: 1280px) {
      .vetical-two-up .image-box-right img {
        padding-bottom: 0px; } }
  .vetical-two-up .image-arrow-container {
    float: right;
    width: 20%; }
    @media (max-width: 599px) {
      .vetical-two-up .image-arrow-container {
        position: static; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-two-up .image-arrow-container {
        float: right;
        width: 50px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vetical-two-up .image-arrow-container {
        position: static; } }
    @media (min-width: 1280px) {
      .vetical-two-up .image-arrow-container {
        position: static; } }
    .vetical-two-up .image-arrow-container .share-icon {
      top: auto; }
      @media (max-width: 599px) {
        .vetical-two-up .image-arrow-container .share-icon {
          top: 15px;
          position: absolute;
          right: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .vetical-two-up .image-arrow-container .share-icon {
          top: 18px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .vetical-two-up .image-arrow-container .share-icon {
          position: absolute;
          left: 65%;
          bottom: auto; } }
      @media (min-width: 1280px) {
        .vetical-two-up .image-arrow-container .share-icon {
          position: absolute;
          bottom: 0;
          right: 0px; } }
    @media (min-width: 1280px) {
      .vetical-two-up .image-arrow-container .socialshare-block-white {
        bottom: 0;
        right: 0px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vetical-two-up .image-arrow-container .socialshare-block-white {
        right: 0;
        bottom: -40px; } }
    @media (max-width: 599px) {
      .vetical-two-up .image-arrow-container .socialshare-block-white {
        bottom: 0;
        position: absolute;
        right: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vetical-two-up .image-arrow-container .socialshare-block-white {
        top: -10px;
        right: 0px; } }
  .vetical-two-up .pohot-credit {
    width: 80%; }
    @media (max-width: 599px) {
      .vetical-two-up .pohot-credit {
        padding-left: 18px;
        min-height: 23px; } }
  @media (max-width: 599px) {
    .vetical-two-up .twoup-captionwrapper {
      width: 100%; } }

.full-image {
  float: right;
  clear: both;
  /*@include desktoplarge{
        display:inline-block !important;
    }*/ }
  @media (max-width: 599px) {
    .full-image {
      padding: 0; } }
  @media (min-width: 1280px) {
    .full-image {
      display: inline-block; } }
  .full-image .image-box {
    float: right;
    width: 100%; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .full-image .image-box {
        width: 85.5%;
        padding-right: 43px;
        padding-left: 64px; } }
    @media (min-width: 1280px) {
      .full-image .image-box {
        padding-right: 60px;
        padding-left: 70px;
        width: 85.7%; } }
    .full-image .image-box img {
      object-fit: cover; }

@iclude mobile {
  .full-image .image-box img {
    width: 217px; } }
      @media (min-width: 1280px) {
        .full-image .image-box img {
          height: 607px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .full-image .image-box img {
          height: 444px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .full-image .image-box img {
          height: 432px; } }
  .full-image .image-content {
    padding-top: 10px; }
    @media (max-width: 599px) {
      .full-image .image-content {
        padding: 15px 15px 0 32px; } }
  .full-image .image-box-left {
    padding-top: 20%; }
  .full-image .image-arrow-container {
    position: relative;
    float: right; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .full-image .image-arrow-container {
        right: -8px; } }
  .full-image .pohot-credit {
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 22px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .full-image .pohot-credit {
        padding-left: 10%;
        padding-right: 10%;
        border: 1px solid transparent; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .full-image .pohot-credit {
        width: 47.1%;
        margin-left: 0;
        border: 1px solid transparent; } }
    @media (min-width: 1280px) {
      .full-image .pohot-credit {
        width: 56%;
        border: 1px solid transparent; } }
  .full-image .image-text {
    padding: 0 0 60px 0;
    width: 35%;
    float: left;
    margin-left: 0;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #232323; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .full-image .image-text {
        width: 45%;
        padding: 0;
        font-size: 16px; } }
    @media (min-width: 1280px) {
      .full-image .image-text {
        padding: 0;
        font-size: 16px;
        color: #232323;
        width: 37%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .full-image .image-text {
        width: 39%;
        padding: 0;
        margin: 0; } }
    @media (max-width: 599px) {
      .full-image .image-text {
        clear: both;
        width: 83%;
        padding: 5px 0 5px 0;
        line-height: 1.33;
        font-size: 15px; } }
  .full-image .socialshare-block-white {
    right: -14px;
    position: absolute;
    bottom: 0px;
    top: -16px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .full-image .socialshare-block-white {
        top: -10px;
        right: 0; } }
    @media (min-width: 1280px) {
      .full-image .socialshare-block-white {
        right: 0px;
        top: -10px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .full-image .socialshare-block-white {
        right: 8px;
        top: -11px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .full-image .socialshare-block-white .share-icon {
        float: none;
        right: -11px; } }
    @media (max-width: 599px) {
      .full-image .socialshare-block-white .share-icon {
        float: none;
        right: -20px; } }

.vertical-horzontal {
  float: right;
  margin-left: 16px;
  margin-right: 16px; }
  @media (min-width: 1280px) {
    .vertical-horzontal {
      margin-left: 60px;
      margin-right: 60px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .vertical-horzontal {
      margin-right: 44px;
      margin-left: 44px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .vertical-horzontal {
      margin-right: 44px;
      margin-left: 44px; } }
  @media (max-width: 599px) {
    .vertical-horzontal .socialshare-block-white {
      bottom: -30px; } }
  @media (min-width: 1280px) {
    .vertical-horzontal .image-box-left {
      padding: 0 30px 0 0; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .vertical-horzontal .image-box-left {
      padding: 0 10px 0 0; } }
  @media (max-width: 599px) {
    .vertical-horzontal .image-box-left {
      padding-bottom: 20px; } }
  .vertical-horzontal .image-box-left img {
    object-fit: cover; }
    @media (max-width: 599px) {
      .vertical-horzontal .image-box-left img {
        height: 480px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vertical-horzontal .image-box-left img {
        height: 506px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vertical-horzontal .image-box-left img {
        height: 416px; } }
    @media (min-width: 1280px) {
      .vertical-horzontal .image-box-left img {
        height: 586px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .vertical-horzontal .image-box-right {
      float: right;
      padding: 20px 0 16px 0; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .vertical-horzontal .image-box-right {
      padding: 0 0 25px 11px; } }
  .vertical-horzontal .image-box-right img {
    object-fit: cover; }
    @media (max-width: 599px) {
      .vertical-horzontal .image-box-right img {
        height: 194px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vertical-horzontal .image-box-right img {
        height: 203px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vertical-horzontal .image-box-right img {
        height: 204px; } }
    @media (min-width: 1280px) {
      .vertical-horzontal .image-box-right img {
        height: 287px; } }
  .vertical-horzontal .image-content {
    padding-right: 21px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vertical-horzontal .image-content {
        padding-left: 0;
        padding-right: 24px; } }
    @media (max-width: 599px) {
      .vertical-horzontal .image-content {
        padding-right: 0;
        padding-left: 31px; } }
    @media (min-width: 1280px) {
      .vertical-horzontal .image-content {
        padding-right: 30px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vertical-horzontal .image-content {
        padding-right: 24px; } }
    .vertical-horzontal .image-content .image-text {
      padding: 20px 10px 138px 0;
      color: #232323; }
      @media (max-width: 599px) {
        .vertical-horzontal .image-content .image-text {
          padding: 20px 0 0 16px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .vertical-horzontal .image-content .image-text {
          padding: 20px 0 108px 0; } }
      @media (min-width: 1280px) {
        .vertical-horzontal .image-content .image-text {
          padding: 19px 0 138px 0; } }
      .vertical-horzontal .image-content .image-text .left {
        padding-bottom: 11px; }
        @media (min-width: 1280px) {
          .vertical-horzontal .image-content .image-text .left {
            padding-bottom: 12px; } }
        @media (max-width: 599px) {
          .vertical-horzontal .image-content .image-text .left {
            padding-bottom: 10px; } }
        .vertical-horzontal .image-content .image-text .left span {
          font-size: 16px;
          line-height: 1.38; }
          @media (max-width: 599px) {
            .vertical-horzontal .image-content .image-text .left span {
              font-size: 15px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              line-height: 1.33;
              letter-spacing: normal; } }
          .vertical-horzontal .image-content .image-text .left span:first-child {
            font-size: 13px;
            font-weight: 500;
            line-height: 1.69;
            letter-spacing: 0.9px; }
            @media (max-width: 599px) {
              .vertical-horzontal .image-content .image-text .left span:first-child {
                font-size: 12px;
                font-weight: 500;
                line-height: 1.67;
                letter-spacing: 0.9px; } }
      @media (max-width: 599px) {
        .vertical-horzontal .image-content .image-text .right {
          clear: both; } }
      .vertical-horzontal .image-content .image-text .right span {
        font-size: 16px;
        line-height: 1.38; }
        .vertical-horzontal .image-content .image-text .right span:first-child {
          font-size: 13px;
          font-weight: 500;
          line-height: 1.69;
          letter-spacing: 0.9px; }
          @media (max-width: 599px) {
            .vertical-horzontal .image-content .image-text .right span:first-child {
              font-size: 12px;
              font-weight: 500;
              line-height: 1.67;
              letter-spacing: 0.9px; } }
  .vertical-horzontal .image-arrow-container {
    float: right; }
    @media (min-width: 1280px) {
      .vertical-horzontal .image-arrow-container {
        position: relative;
        right: -20px;
        top: 17px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vertical-horzontal .image-arrow-container {
        position: relative;
        right: -20px;
        top: 17px; } }
    @media (max-width: 599px) {
      .vertical-horzontal .image-arrow-container {
        position: absolute;
        bottom: 0;
        right: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .vertical-horzontal .image-arrow-container .socialshare-block-white {
        right: 20px; } }
    @media (min-width: 1280px) {
      .vertical-horzontal .image-arrow-container .socialshare-block-white {
        right: 20px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .vertical-horzontal .image-arrow-container .socialshare-block-white .share-icon {
        right: 14px; } }
  .vertical-horzontal .pohot-credit {
    width: 80%;
    display: inline-block;
    opacity: 0.6;
    font-size: 14px;
    line-height: 1.57;
    padding-top: 10px; }
    @media (max-width: 599px) {
      .vertical-horzontal .pohot-credit {
        padding-left: 15px; } }
  .vertical-horzontal .border-bg-down {
    opacity: 0.5; }
  .vertical-horzontal .border-bg-up {
    background-color: #232323;
    height: 2px; }

.image-breaker {
  background-color: #ffce04;
  float: left;
  position: relative;
  width: 100%; }
  @media (min-width: 1280px) {
    .image-breaker {
      margin-left: 60px;
      margin-right: 60px;
      width: 92.4%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .image-breaker {
      margin-left: 45px;
      margin-right: 45px;
      width: 92.4%; } }
  @media (max-width: 599px) {
    .image-breaker .featurehorizontal-content {
      font-size: 14px;
      line-height: 1.43;
      letter-spacing: -0.1px; } }
  .image-breaker .socialshare-block {
    background-color: #282828; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .image-breaker .socialshare-block {
        top: -10px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-breaker .socialshare-block {
        top: -10px; } }
    @media (max-width: 599px) {
      .image-breaker .socialshare-block {
        top: -10px; } }
  @media (min-width: 1280px) {
    .image-breaker .image-box-left {
      float: right; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .image-breaker .image-box-left {
      float: right; } }
  .image-breaker .image-box-left img {
    object-fit: cover; }
    @media (min-width: 1280px) {
      .image-breaker .image-box-left img {
        height: 542px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .image-breaker .image-box-left img {
        height: 398px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-breaker .image-box-left img {
        height: 432px; } }
  .image-breaker .image-content {
    padding: 20px 29px 0 31px;
    float: left;
    line-height: 24px; }
    @media (min-width: 1280px) {
      .image-breaker .image-content {
        padding: 45px 56px 0 41px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .image-breaker .image-content {
        padding: 30px 21px 0 16px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-breaker .image-content {
        padding: 24px 0 46px 41px;
        font-size: 16px;
        font-weight: normal;
        width: 55%; } }
  .image-breaker .image-arrow-container {
    background-color: #282828;
    bottom: 0;
    float: right;
    height: 60px;
    position: absolute;
    right: 0;
    width: 50px; }
    @media (max-width: 599px) {
      .image-breaker .image-arrow-container {
        bottom: 0px; } }
  .image-breaker .simple-line {
    background-color: #ffce04;
    margin-bottom: 25px;
    width: 41px; }
  .image-breaker .pohot-credit {
    clear: left;
    float: left;
    padding-left: 28px;
    color: #fff;
    opacity: 1;
    line-height: 24px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-breaker .pohot-credit {
        clear: none;
        padding-right: 45px;
        padding-top: 24px;
        width: 45%; } }
    @media (min-width: 1280px) {
      .image-breaker .pohot-credit {
        bottom: 40px;
        left: 0px;
        position: absolute;
        width: 22%;
        padding-left: 41px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .image-breaker .pohot-credit {
        bottom: 27px;
        position: absolute;
        padding-left: 18px;
        width: 25%;
        padding-right: 21px; } }
    @media (max-width: 599px) {
      .image-breaker .pohot-credit {
        padding-bottom: 25px;
        padding-top: 5px;
        padding-right: 31px; } }
  .image-breaker .share-icon {
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    -webkit-mask: url(../images/icon/Share-Icon.svg) no-repeat;
    mask: url(../images/icon/Share-Icon.svg) no-repeat;
    -webkit-mask-size: 25px;
    mask-size: 25px;
    display: block;
    width: 23px;
    height: 19px;
    top: 10px;
    position: relative;
    right: 8px;
    background-color: #fff;
    background-image: none; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .image-breaker .share-icon {
        right: -13px;
        top: 16px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-breaker .share-icon {
        right: -13px;
        top: 16px; } }
    @media (max-width: 599px) {
      .image-breaker .share-icon {
        right: -13px;
        top: 16px; } }
  .image-breaker.bg_yellow .simple-line {
    background-color: #0182D2; }
  .image-breaker.bg_yellow .pohot-credit {
    color: #282828; }

.share-icon,
.share {
  cursor: pointer; }

.border-bg-up {
  background-color: #282828;
  height: 2px; }

.border-bg-down {
  background-color: #282828;
  height: 2px;
  clear: both; }

.pohot-credit {
  opacity: 0.6;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: normal; }

.twoup-colon {
  position: relative;
  left: -2px; }
  @media (max-width: 599px) {
    .twoup-colon {
      margin-left: 2px;
      margin-right: 2px; } }

@media (min-width: 1280px) {
  .image-breaker + .articleplaceholder {
    top: -6px;
    position: relative; } }

.ie11 .full-image .image-box img {
  height: auto; }

@media (min-width: 1280px) {
  .ie11 .vetical-two-up .image-wrap {
    height: 720px;
    overflow: hidden;
    width: 100%;
    position: relative; } }

@media (min-width: 1280px) {
  .ie11 .vetical-two-up .image-wrap img {
    position: absolute;
    width: 100%; } }

@media (max-width: 599px) {
  .small-image .row {
    margin-bottom: 25px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .small-image .row {
    margin-bottom: 21px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .small-image .row {
    margin-bottom: 21px; } }

@media (min-width: 1280px) {
  .small-image .row {
    margin-bottom: 21px; } }

.vetical-image.breaker .image-content .image-arrow-container {
  position: static; }

/* This is the old navigation file. For the new one, check: _main-menu.scss */
ul {
  padding: 0; }
  ul li {
    list-style-type: none; }

@media (max-width: 599px) {
  #navbar {
    text-align: center;
    -webkit-overflow-scrolling: touch;
    /* position: relative; */ } }

@media (min-width: 1280px) {
  #navbar .navbar-header {
    margin-left: 60px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .navbar-header {
    float: none; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  #navbar .navbar-header {
    width: 20%; } }

@media (min-width: 1800px) {
  #navbar .navbar-header {
    margin-left: 0px; } }

@media (max-width: 599px) {
  #navbar .nav-search-icon {
    width: 25px;
    position: absolute;
    top: 19px;
    right: 105px;
    z-index: 99; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .nav-search-icon {
    width: 25px;
    position: absolute;
    right: 105px;
    top: 19px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .pipe-line {
    height: 36px;
    background-color: #dadada;
    opacity: 1;
    float: right;
    position: absolute;
    bottom: 10px;
    right: 86px;
    border: 1px solid #dadada; } }

@media (max-width: 599px) {
  #navbar .pipe-line {
    position: absolute;
    top: 15px;
    right: 82px;
    height: 36px;
    border: solid 1px #dadada; } }

@media (max-width: 599px) {
  #navbar .navbar-collapse .dropdown .border-line {
    width: 90%;
    margin-bottom: 20px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .navbar-collapse .dropdown .border-line {
    width: 85%;
    margin-bottom: 20px;
    margin-left: 31px; } }

#navbar .navbar-collapse .dropdown:nth-child(1) .border-line {
  background-color: #DE4649; }

#navbar .navbar-collapse .dropdown:nth-child(2) .border-line {
  background-color: #0182D2; }

#navbar .navbar-collapse .dropdown:nth-child(3) .border-line {
  background-color: #ffce04; }

#navbar .navbar-collapse .dropdown:nth-child(4) .border-line {
  background-color: #00B139; }

@media (min-width: 1040px) and (max-width: 1279px) {
  #navbar .navbar-collapse .dropdown a {
    font-size: 15px;
    line-height: 24px; } }

@media (max-width: 599px) {
  #navbar .navbar-collapse .dropdown .dropdown-menu {
    float: left;
    clear: left;
    padding-left: 17px;
    padding-bottom: 30px !important;
    padding-top: 0 !important;
    height: auto !important; } }

@media (max-width: 599px) {
  #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container {
    padding-left: 8%; } }

#navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left {
  width: 20% !important;
  position: relative;
  padding: 0; }
  @media (max-width: 599px) {
    #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left {
      width: 100% !important;
      white-space: nowrap; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left {
      padding-top: 18px; } }
  #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item {
    display: flex; }
    #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav-title {
      padding: 7px; }
    @media (max-width: 599px) {
      #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item {
        padding-top: 0;
        margin-top: 0px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item {
        margin-top: 0px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item {
        display: inline-block;
        width: 100%; } }
    #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item li {
      float: left; }
      @media (max-width: 599px) {
        #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item li {
          font-size: 0.938em;
          opacity: 0.65;
          color: #282828;
          margin-bottom: 10px;
          line-height: 18px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item li {
          width: 300px;
          padding-left: 7px;
          font-size: 22px;
          margin-bottom: 15px;
          line-height: 18px; } }
      #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item li a {
        text-decoration: none;
        cursor: pointer; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item li a {
            font-size: 18px;
            line-height: 30px; } }
    #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav {
      width: 1000px;
      margin-left: 50%;
      position: absolute;
      padding-left: 200px;
      min-height: 500px;
      /*border: 1px solid red;*/ }
      @media (max-width: 599px) {
        #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav {
          display: none; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav {
          display: none; } }
      #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right {
        float: left;
        width: 100%;
        display: flex;
        margin-left: 30px;
        /* padding-top: 18px;*/
        -webkit-animation: dropdown-appear1 .9s;
        animation: dropdown-appear1 .9s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        opacity: 0; }
        #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right .subnav-right-item {
          width: 320px; }
          #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right .subnav-right-item li:nth-child(1) {
            padding-top: 10px;
            border-top: 3px solid #0182D2;
            animation-delay: .4s;
            -webkit-animation-delay: .4s;
            -moz-animation-delay: .4s; }
          #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right .subnav-right-item li a {
            font-size: 18px;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: 0;
            background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
            background-size: 0 100%;
            background-repeat: no-repeat;
            display: inline; }
        #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right.article {
          display: flex;
          width: 100%; }
          #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right.article div {
            margin-right: 30px;
            min-width: 320px;
            width: 20%;
            padding-top: 16px; }
            #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right.article div:nth-child(1) {
              border-top: 3px solid #ffce04;
              animation-delay: .5s;
              -webkit-animation-delay: .5s;
              -moz-animation-delay: .5s; }
            #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right.article div:nth-child(2) {
              border-top: 3px solid #00B139;
              animation-delay: .6s;
              -webkit-animation-delay: .6s;
              -moz-animation-delay: .7s; }
          #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right.article p {
            display: block; }
          #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right.article a {
            font-size: 18px;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: 0;
            background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
            background-size: 0 100%;
            background-repeat: no-repeat;
            display: inline; }
    #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .menu-right {
      width: 1000px;
      display: flex;
      position: absolute;
      margin-left: 108%;
      margin-top: -3px; }
      #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .menu-right .submenu-right {
        padding-top: 10px !important; }
      @media (min-width: 600px) and (max-width: 1039px) {
        #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .menu-right {
          border: none; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  #navbar .navbar-collapse .dropdown .navbar-nav {
    float: right;
    margin-right: 12px; } }

@media (min-width: 1280px) {
  #navbar .navbar-collapse .dropdown .navbar-nav {
    padding-top: 18px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  #navbar .navbar-collapse .nav.navbar-nav {
    height: auto !important; } }

@media (min-width: 1280px) {
  #navbar .navbar-collapse .nav.navbar-nav {
    height: auto !important; } }

#navbar .navbar-default {
  background-color: #ffffff;
  border: none;
  height: auto;
  min-height: 60px;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 1280px) {
    #navbar .navbar-default {
      min-height: 95px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #navbar .navbar-default {
      min-height: 92px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .navbar-default {
      margin-bottom: 0; } }
  @media (max-width: 599px) {
    #navbar .navbar-default {
      margin-bottom: 0; } }
  #navbar .navbar-default .navbar-toggle {
    border: none; }
    @media (max-width: 599px) {
      #navbar .navbar-default .navbar-toggle {
        margin-right: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      #navbar .navbar-default .navbar-toggle {
        display: block;
        z-index: 999; } }
    @media (min-width: 1280px) {
      #navbar .navbar-default .navbar-toggle:focus, #navbar .navbar-default .navbar-toggle:hover {
        background: none; } }
  #navbar .navbar-default .dropdown-toggle {
    background-color: transparent;
    border: none; }
    #navbar .navbar-default .dropdown-toggle span {
      color: #232323; }
      @media (min-width: 600px) and (max-width: 1039px) {
        #navbar .navbar-default .dropdown-toggle span {
          float: left;
          font-size: 15px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.6;
          letter-spacing: normal; } }
      @media (max-width: 599px) {
        #navbar .navbar-default .dropdown-toggle span {
          float: left; } }
      @media (min-width: 1280px) {
        #navbar .navbar-default .dropdown-toggle span {
          font-size: 18px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.33;
          letter-spacing: normal; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        #navbar .navbar-default .dropdown-toggle span {
          font-size: 18px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.33;
          letter-spacing: normal; } }
    #navbar .navbar-default .dropdown-toggle.language-selector {
      margin-top: 26px; }
      @media (min-width: 1280px) {
        #navbar .navbar-default .dropdown-toggle.language-selector span {
          background: url(../images/icon/world.svg) no-repeat;
          width: 37px;
          height: 37px;
          display: block;
          background-size: 25px;
          background-position: 6px 6px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        #navbar .navbar-default .dropdown-toggle.language-selector span {
          background: url(../images/icon/world.svg) no-repeat;
          width: 35px;
          height: 35px;
          display: block;
          background-size: 25px;
          background-position: 4px 4px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .navbar-default .navbar-nav {
      float: left;
      padding-left: 16px;
      padding-top: 0;
      position: relative;
      top: -10px; } }
  @media (max-width: 1040px) {
    #navbar .navbar-default .navbar-nav .open a {
      background-color: transparent; } }
  @media (max-width: 1040px) {
    #navbar .navbar-default .navbar-nav .open a:focus, #navbar .navbar-default .navbar-nav .open a:hover {
      background-color: transparent;
      border: none; } }
  #navbar .navbar-default .navbar-nav > li > a {
    color: #282828;
    text-align: left; }
    @media (max-width: 599px) {
      #navbar .navbar-default .navbar-nav > li > a {
        font-size: 15px;
        line-height: 1.6;
        float: left;
        clear: left;
        padding-left: 30px;
        padding-bottom: 10px; } }
    @media (min-width: 1280px) {
      #navbar .navbar-default .navbar-nav > li > a {
        font-size: 18px;
        line-height: 1.33;
        margin: 33px 25px 24px 25px;
        padding: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      #navbar .navbar-default .navbar-nav > li > a {
        padding-left: 32px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      #navbar .navbar-default .navbar-nav > li > a {
        margin: 33px 33px 22px 0;
        padding: 0;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.33;
        letter-spacing: normal; } }
    @media (min-width: 1280px) {
      #navbar .navbar-default .navbar-nav > li > a::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        margin-top: 6px;
        background: #d91d47;
        transition: width .5s;
        -webkit-transition: width .5s; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      #navbar .navbar-default .navbar-nav > li > a::after {
        content: '';
        display: block;
        width: 0;
        height: 2px;
        margin-top: 6px;
        background: #d91d47;
        transition: width .5s;
        -webkit-transition: width .5s; } }
    #navbar .navbar-default .navbar-nav > li > a:focus, #navbar .navbar-default .navbar-nav > li > a:hover {
      text-decoration: none; }
  #navbar .navbar-default .navbar-nav > li.nav-search-icon a {
    background: url(../images/icon/SEARCH-ICON.svg) no-repeat;
    background-size: 33px;
    height: 33px;
    cursor: pointer; }
    @media (max-width: 599px) {
      #navbar .navbar-default .navbar-nav > li.nav-search-icon a {
        padding-bottom: 20px; } }
    @media (min-width: 1280px) {
      #navbar .navbar-default .navbar-nav > li.nav-search-icon a {
        width: 33px;
        padding: 0;
        margin: 29px 0 0 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      #navbar .navbar-default .navbar-nav > li.nav-search-icon a {
        width: 30px;
        padding: 0;
        margin: 29px 0px 0 0; } }
    #navbar .navbar-default .navbar-nav > li.nav-search-icon a:focus, #navbar .navbar-default .navbar-nav > li.nav-search-icon a:hover {
      border: none;
      text-decoration: none; }
    #navbar .navbar-default .navbar-nav > li.nav-search-icon a:hover::after {
      width: 0; }
  @media (max-width: 599px) {
    #navbar .navbar-default .navbar-nav > li.country-selector a {
      padding-bottom: 0px; } }
  @media (min-width: 1280px) {
    #navbar .navbar-default .navbar-nav > li.country-selector a {
      padding: 0;
      margin: 25px 52px 0 0; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #navbar .navbar-default .navbar-nav > li.country-selector a {
      padding: 30px 33px 0 0; } }
  #navbar .navbar-default .navbar-nav .active a {
    background: none; }

#navbar .logo {
  float: left; }
  @media (max-width: 599px) {
    #navbar .logo {
      position: relative;
      left: 25px;
      top: 8px;
      width: 120px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .logo {
      margin: 8px 0 5px 45px;
      width: 120px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #navbar .logo {
      margin-left: 50px;
      margin-top: 15px;
      width: 175px; } }
  @media (min-width: 1280px) {
    #navbar .logo {
      margin-top: 15px;
      width: 175px; } }
  #navbar .logo img {
    width: 100%; }

#navbar .nav li {
  position: static;
  text-align: left; }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .nav li {
      width: 43.4%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .nav .nav-search-icon {
    position: absolute;
    top: 10px; } }

@media (max-width: 599px) {
  #navbar .nav .nav-search-icon {
    position: absolute;
    top: 0; } }

#navbar .nav .nav-search-icon a {
  width: 60px; }
  #navbar .nav .nav-search-icon a img {
    width: 90%;
    display: none; }

@media (max-width: 599px) {
  #navbar .nav .country-selector {
    background-color: #ffffff;
    bottom: 0;
    width: 100%;
    clear: both;
    float: left;
    left: 0;
    position: fixed;
    padding-right: 30px;
    padding-bottom: 15px;
    z-index: 999; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .nav .country-selector {
    background-color: #ffffff;
    bottom: 0;
    width: 100%;
    left: 0;
    clear: both;
    position: fixed;
    padding-left: 35px;
    padding-right: 50px; } }

#navbar .nav .country-selector .border-line {
  width: 100%; }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .nav .country-selector .border-line {
      width: 100%;
      margin-left: 8px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .nav .country-selector a {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0;
    float: left;
    padding-bottom: 0; } }

@media (max-width: 599px) {
  #navbar .nav .country-selector a {
    width: 100%;
    padding-left: 0;
    margin-left: 28px; } }

@media (max-width: 599px) {
  #navbar .nav .country-selector .border-line {
    background-color: #282828;
    width: 90%;
    margin-bottom: 20px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .nav .country-selector .border-line {
    background-color: #282828;
    width: 100%;
    margin-bottom: 20px; } }

#navbar .nav .icon-hamburger:before {
  content: "\e606"; }

@media (min-width: 1280px) {
  #navbar .nav .dropdown-menu {
    padding-top: 36px;
    background-color: #ffffff;
    border: none;
    box-shadow: none;
    left: 0;
    padding-bottom: 80px;
    position: absolute;
    top: 90px;
    width: 100%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .nav .dropdown-menu {
    box-shadow: none;
    padding-left: 20px;
    position: static;
    border: none; } }

@media (max-width: 599px) {
  #navbar .nav .dropdown-menu {
    display: block;
    padding: 0;
    position: static;
    box-shadow: none;
    border: none; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  #navbar .nav .dropdown-menu {
    width: 100%;
    border: none;
    padding-bottom: 5%;
    padding-top: 35px;
    box-shadow: none; } }

#navbar .nav .dropdown-menu p {
  font-size: 1.375em;
  font-weight: 300;
  line-height: 30px;
  color: #282828; }
  @media (min-width: 1280px) {
    #navbar .nav .dropdown-menu p {
      font-size: 22px;
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
      background-size: 0% 100%;
      background-repeat: no-repeat;
      display: inline; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #navbar .nav .dropdown-menu p {
      font-size: 22px;
      font-weight: 300;
      letter-spacing: 0px;
      width: 100%;
      background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
      background-size: 0% 100%;
      background-repeat: no-repeat;
      display: inline; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .nav .dropdown-menu p {
      display: none; } }

#navbar .nav .country-selector li a:hover {
  color: #00adf2 !important; }

#navbar .nav .country-selector .language-selector {
  display: none;
  float: left; }
  @media (max-width: 599px) {
    #navbar .nav .country-selector .language-selector {
      width: 100%;
      overflow-y: auto; } }

@media (max-width: 599px) {
  #navbar .nav .country-selector .submenu-container {
    padding-left: 0; } }

#navbar .nav .submenu-container {
  padding-left: 4%; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #navbar .nav .submenu-container {
      padding-left: 0; } }
  @media (min-width: 1280px) {
    #navbar .nav .submenu-container {
      padding-left: 60px; } }
  #navbar .nav .submenu-container .submenu-left {
    border-top: none !important; }
    @media (min-width: 1280px) {
      #navbar .nav .submenu-container .submenu-left {
        /*border-top: 3px solid $sc-red;*/
        padding-top: 18px;
        opacity: 0;
        -webkit-animation: dropdown-appear2 0.9s;
        animation: dropdown-appear2 0.9s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        animation-delay: 0.7s;
        -webkit-animation-delay: 0.7s;
        -moz-animation-delay: 0.7s;
        float: none; } }
    @media (max-width: 599px) {
      #navbar .nav .submenu-container .submenu-left {
        width: 100%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      #navbar .nav .submenu-container .submenu-left {
        float: left;
        margin-left: 42px;
        width: 23.2%;
        /*border-top: 3px solid $sc-red;*/
        opacity: 0;
        -webkit-animation: dropdown-appear2 0.9s;
        animation: dropdown-appear2 0.9s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        animation-delay: 0.7s;
        -webkit-animation-delay: 0.7s;
        -moz-animation-delay: 0.7s; } }
    #navbar .nav .submenu-container .submenu-left .submenu-left-item .main-nav-title {
      padding: 10px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      #navbar .nav .submenu-container .submenu-left .submenu-left-item li {
        float: left;
        padding-right: 5%;
        opacity: 0;
        -webkit-animation: dropdown-appear 1.5s;
        animation: dropdown-appear 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(1) {
          -webkit-animation-delay: 0.2s;
          animation-delay: 0.1s; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(2) {
          -webkit-animation-delay: 0.3s;
          animation-delay: 0.2s; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(3) {
          -webkit-animation-delay: 0.4s;
          animation-delay: 0.3s; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(4) {
          -webkit-animation-delay: 0.5s;
          animation-delay: 0.4s; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(5) {
          -webkit-animation-delay: 0.6s;
          animation-delay: 0.5s; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(6) {
          -webkit-animation-delay: 0.7s;
          animation-delay: 0.6s; } }
    @media (min-width: 1280px) {
      #navbar .nav .submenu-container .submenu-left .submenu-left-item li {
        opacity: 0;
        -webkit-animation: dropdown-appear 1.5s;
        animation: dropdown-appear 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(1) {
          -webkit-animation-delay: 0.2s;
          animation-delay: 0.1s; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(2) {
          -webkit-animation-delay: 0.3s;
          animation-delay: 0.2s; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(3) {
          -webkit-animation-delay: 0.4s;
          animation-delay: 0.3s; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(4) {
          -webkit-animation-delay: 0.5s;
          animation-delay: 0.4s; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(5) {
          -webkit-animation-delay: 0.6s;
          animation-delay: 0.5s; }
        #navbar .nav .submenu-container .submenu-left .submenu-left-item li:nth-child(6) {
          -webkit-animation-delay: 0.7s;
          animation-delay: 0.6s; } }
    #navbar .nav .submenu-container .submenu-left .submenu-left-item li a:hover {
      color: #00adf2; }
    #navbar .nav .submenu-container .submenu-left .submenu-left-item li .external-link {
      border-bottom: none; }
    #navbar .nav .submenu-container .submenu-left:nth-of-type(1) {
      border-top: 3px solid #DE4649 !important;
      width: 20% !important;
      padding: 0; }
      @media (max-width: 599px) {
        #navbar .nav .submenu-container .submenu-left:nth-of-type(1) {
          border-top: none !important; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .nav .submenu-container li {
      display: inline; } }

#navbar .nav li.submenu-right {
  height: 250px;
  position: relative; }
  #navbar .nav li.submenu-right:nth-child(1) {
    border-top: 3px solid #0182D2;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s; }
  #navbar .nav li.submenu-right:nth-child(2) {
    border-top: 3px solid #ffce04;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s; }
  #navbar .nav li.submenu-right:nth-child(3) {
    border-top: 3px solid #00B139;
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .7s; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #navbar .nav li.submenu-right {
      float: left;
      margin-left: 20px;
      width: 21%;
      padding-top: 19px;
      -webkit-animation: dropdown-appear1 0.9s;
      animation: dropdown-appear1 0.9s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      opacity: 0; } }
  @media (max-width: 599px) {
    #navbar .nav li.submenu-right {
      display: none; } }
  @media (min-width: 1280px) {
    #navbar .nav li.submenu-right {
      float: left;
      width: 22%;
      margin-left: 30px;
      padding-top: 18px;
      -webkit-animation: dropdown-appear1 0.9s;
      animation: dropdown-appear1 0.9s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      opacity: 0; } }
  #navbar .nav li.submenu-right span {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: -0.1px;
    font-weight: normal;
    width: 100%;
    display: block; }
    #navbar .nav li.submenu-right span a {
      color: #282828;
      opacity: 0.51;
      text-decoration: none; }
      @media (min-width: 600px) and (max-width: 1039px) {
        #navbar .nav li.submenu-right span a {
          display: none; } }
    #navbar .nav li.submenu-right span p {
      font-size: 15px;
      line-height: 1.6;
      letter-spacing: -0.1px; }
  #navbar .nav li.submenu-right .submenu-right-item li {
    padding-bottom: 15px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      #navbar .nav li.submenu-right .submenu-right-item li {
        padding-bottom: 20px; } }
    #navbar .nav li.submenu-right .submenu-right-item li a {
      text-decoration: none;
      color: #232323;
      font-size: 18px;
      line-height: 24px;
      cursor: pointer; }

@media (min-width: 1280px) {
  #navbar .nav .submenu-left {
    float: left;
    width: 24%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  #navbar .nav .submenu-left {
    float: left;
    width: 24%; } }

#navbar .nav .submenu-left ul li {
  padding-bottom: 2px;
  width: 100%; }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .nav .submenu-left ul li {
      line-height: 30px;
      padding-bottom: 0px; } }
  @media (min-width: 1280px) {
    #navbar .nav .submenu-left ul li {
      padding-bottom: 15px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #navbar .nav .submenu-left ul li {
      padding-left: 0;
      padding-bottom: 10px; } }
  #navbar .nav .submenu-left ul li a {
    width: 210px;
    font-size: 15px;
    line-height: 1.38;
    color: #232323; }
    @media (min-width: 1280px) {
      #navbar .nav .submenu-left ul li a {
        font-size: 18px;
        line-height: 30px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      #navbar .nav .submenu-left ul li a {
        line-height: 25px;
        opacity: 0.5; } }
    @media (max-width: 599px) {
      #navbar .nav .submenu-left ul li a {
        line-height: 25px;
        opacity: 0.65; } }

#navbar .navbar-toggle {
  background: url(../images/MENU-ICON.svg);
  background-size: 20px;
  background-repeat: no-repeat; }
  #navbar .navbar-toggle .icon-bar {
    display: none; }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .navbar-toggle {
      background-size: 25px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .navbar-collapse.collapse {
    display: none !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .navbar-collapse.collapse.in {
    display: block !important; } }

@media (min-width: 1280px) {
  #navbar .ie11 #navbar-collapse-1 {
    margin-right: 60px;
    margin-left: 60px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  #navbar .ie11 #navbar-collapse-1 {
    float: right;
    padding-right: 37px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  #navbar #navbar-collapse-1 {
    float: right;
    padding-right: 42px; } }

@media (min-width: 1280px) {
  #navbar #navbar-collapse-1 {
    float: right;
    padding-right: 60px;
    margin-left: 60px; } }

@media (min-width: 1800px) {
  #navbar #navbar-collapse-1 {
    padding-right: 0px; } }

#navbar .border-line {
  width: 60%;
  height: 1px;
  clear: both;
  margin-left: 30px; }
  @media (min-width: 1280px) {
    #navbar .border-line {
      display: none; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #navbar .border-line {
      display: none; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .border-line {
      width: 80%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .nav-scj-icon {
    background: url(../images/icon/Logo-Symbol.svg) no-repeat;
    display: inline-block;
    height: 70px;
    width: 37px;
    position: relative;
    right: -20px; } }

#navbar .collapse.in .navbar-nav {
  display: block; }
  @media (max-width: 599px) {
    #navbar .collapse.in .navbar-nav {
      width: 100%;
      padding-bottom: 100px;
      overflow-y: scroll; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .collapse.in .navbar-nav {
      width: 100%;
      height: 100%;
      background-color: #fff;
      overflow-y: scroll;
      margin-bottom: 60px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .collapse.in .navbar-nav .dropdown:nth-child(3) {
      padding-top: 70px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .collapse.in .navbar-nav .dropdown:nth-child(4) {
      padding-top: 70px; } }

#navbar .navbar-collapse {
  border-top: none; }
  @media (max-width: 599px) {
    #navbar .navbar-collapse {
      width: 100%;
      padding-top: 71px;
      display: none;
      position: relative; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .navbar-collapse {
      width: 100%;
      padding-top: 89.5px; } }

@media (max-width: 599px) {
  #navbar .nav > li > a {
    padding: 0 0; } }

#navbar .navbar-toggle {
  padding: 25px 33.9px 30.9px 0; }
  @media (min-width: 600px) and (max-width: 1039px) {
    #navbar .navbar-toggle {
      padding: 5px 44px 30.9px 0;
      margin-right: 0;
      position: absolute;
      right: 20px;
      top: 13px; } }
  @media (max-width: 599px) {
    #navbar .navbar-toggle {
      padding: 5px 33.9px 16px 0;
      margin-right: 0;
      position: absolute;
      right: 25px;
      top: 13px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 20px; } }

#navbar .navbar-default .navbar-nav > .open > a,
#navbar .navbar-default .navbar-nav > .open > a:hover,
#navbar .navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #232323; }

@media (max-width: 599px) {
  #navbar .search-icon-position {
    transition: all 2s;
    left: 25px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .search-icon-position {
    transition: all 2s;
    left: 45px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  #navbar .bodyclass {
    display: none; } }

@media (max-width: 599px) {
  #navbar .bodyclass {
    display: none; } }

@media (max-width: 599px) {
  #navbar .country-selector::after {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f00; } }

@media (max-width: 599px) {
  #navbar #navbar .navbar-default .navbar-nav li.country-selector a {
    padding-left: 0px; } }

#navbar .navbar {
  margin-bottom: 0; }

@keyframes dropdown-appear {
  0% {
    opacity: 0.0;
    transform: translateX(-15%); }
  100% {
    opacity: 1.0;
    transform: translateX(0%); } }

@-webkit-keyframes dropdown-appear {
  0% {
    opacity: 0.0;
    transform: translateX(-15%); }
  100% {
    opacity: 1.0;
    transform: translateX(0%); } }

@-moz-keyframes dropdown-appear {
  0% {
    opacity: 0.0;
    transform: translateX(-15%); }
  100% {
    opacity: 1.0;
    transform: translateX(0%); } }

@media (min-width: 1280px) {
  #navbar .ie11 .submenu-container {
    padding-right: 60px; } }

@media (min-width: 1280px) {
  #navbar .ie11 #navbar .nav li.submenu-right {
    width: 22%; } }

#navbar .safari #navbar .nav li.submenu-right {
  width: 22%; }

@keyframes dropdown-appear1 {
  0% {
    opacity: 0.0;
    transform: translateY(-20%); }
  100% {
    opacity: 1.0;
    transform: translateY(0%); } }

@-webkit-keyframes dropdown-appear1 {
  0% {
    opacity: 0.0;
    transform: translateY(-20%); }
  100% {
    opacity: 1.0;
    transform: translateY(0%); } }

@-moz-keyframes dropdown-appear1 {
  0% {
    opacity: 0.0;
    transform: translateY(-20%); }
  100% {
    opacity: 1.0;
    transform: translateY(0%); } }

@keyframes dropdown-appear2 {
  0% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@keyframes dropdown-appear2 {
  0% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@-webkit-keyframes dropdown-appear2 {
  0% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

@-moz-keyframes dropdown-appear2 {
  0% {
    opacity: 0.0; }
  100% {
    opacity: 1.0; } }

#navbar .nav-underline::after {
  width: 100% !important; }

#navbar .active-menu::after {
  width: 100% !important; }

#navbar .country-selector .submenu-container {
  display: flex; }
  #navbar .country-selector .submenu-container .submenu-left .submenu-left-item {
    display: block !important; }
  @media (min-width: 1280px) {
    #navbar .country-selector .submenu-container .submenu-left {
      padding-top: 12px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #navbar .country-selector .submenu-container .submenu-left {
      padding-top: 19px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #navbar .country-selector .submenu-container .submenu-left .submenu-left-item li {
      padding-bottom: 20px; } }
  #navbar .country-selector .submenu-container .submenu-left .submenu-left-item li a {
    line-height: 2; }
  #navbar .country-selector .submenu-container .submenu-right:nth-child(2) {
    border-top: 3px solid #0182D2;
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s; }
  #navbar .country-selector .submenu-container .submenu-right:nth-child(3) {
    border-top: 3px solid #ffce04;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s; }
  #navbar .country-selector .submenu-container .submenu-right:nth-child(4) {
    border-top: 3px solid #00B139;
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .7s; }
  @media (min-width: 1280px) {
    #navbar .country-selector .submenu-container .submenu-right {
      padding-top: 12px !important; } }
  @media (min-width: 1280px) {
    #navbar .country-selector .submenu-container .submenu-right .submenu-right-item li {
      font-size: 22px; } }

#navbar .select-language {
  color: #00adf2 !important; }

#navbar navbar-default .navbar-toggle:hover,
#navbar .navbar-default .navbar-toggle:focus {
  background-color: #fff; }

#navbar .navbar-default .navbar-nav > li.country-selector a {
  padding-left: 0; }

.show-languages {
  z-index: 9999;
  overflow-y: scroll; }

.navbar-collapse {
  overflow: hidden; }

.open-hamburger {
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0;
  z-index: 201;
  position: fixed !important;
  background-color: white;
  overflow-y: auto; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .open-hamburger {
      -webkit-overflow-scrolling: touch; } }
  .open-hamburger .navbar-collapse {
    display: block; }
  .open-hamburger .navbar-toggle {
    background-color: white;
    background: url(../images/icon/Close.svg) no-repeat !important;
    background-size: 20px;
    z-index: 999; }
  .open-hamburger .logo {
    display: none; }
  .open-hamburger .pipe-line {
    display: none; }
  @media (max-width: 599px) {
    .open-hamburger .nav-search-icon {
      transition: all 2s;
      left: 25px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .open-hamburger .nav-search-icon {
      transition: all 2s;
      left: 45px; } }
  .open-hamburger .dropdown-menu {
    display: block; }

.rotate180 {
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg); }

.close-icon-background {
  background-color: white;
  background: url(../images/icon/Close.svg) no-repeat !important;
  background-size: 20px;
  z-index: 999; }

.topValue {
  top: 75px;
  z-index: 9999;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.soft-scroll-nav {
  height: auto;
  -webkit-overflow-scrolling: touch; }

.fix-body {
  display: block;
  overflow: hidden; }

.hide-navbar {
  display: none !important;
  overflow: hidden; }

ul.language-detach {
  float: left;
  display: none; }
  ul.language-detach li.country-selector {
    background-color: #ffffff;
    bottom: 0;
    width: 100%;
    left: 0;
    position: fixed;
    padding-right: 30px;
    z-index: 990;
    height: 60px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      ul.language-detach li.country-selector {
        left: 15px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      ul.language-detach li.country-selector.country-selector-height {
        height: 75px; } }
  ul.language-detach .border-line {
    float: left;
    background-color: #282828;
    width: 90%;
    height: 1px;
    margin-left: 28px;
    margin-bottom: 20px; }
  ul.language-detach a.dropdown-toggle {
    float: left;
    margin-left: 28px;
    width: 100%; }
    ul.language-detach a.dropdown-toggle .conutry-name {
      color: #00adf2 !important;
      float: left; }
    ul.language-detach a.dropdown-toggle .country-arrow {
      background: url(../images/icon/arrow-country2.png) no-repeat;
      height: 10px;
      width: 10px;
      float: left;
      background-size: 100%;
      margin-top: 7px;
      margin-left: 15px;
      -moz-transition: 0.2s cubic-bezier(0.8, 0, 0.2, 1);
      -webkit-transition: 0.2s cubic-bezier(0.8, 0, 0.2, 1);
      transition: 0.2s cubic-bezier(0.8, 0, 0.2, 1);
      display: inline-block; }
    ul.language-detach a.dropdown-toggle .conutry-flag {
      float: right !important;
      width: 30px;
      display: block;
      background: url(../images/icon/world.svg) no-repeat;
      margin-top: -14px;
      width: 45px;
      height: 40px;
      margin-right: 30px;
      background-size: 25px;
      background-position: 9px 9px; }
      @media (max-width: 599px) {
        ul.language-detach a.dropdown-toggle .conutry-flag {
          margin-right: 25px; } }
  ul.language-detach ul.language-selector {
    display: none;
    padding-left: 28px;
    -webkit-overflow-scrolling: touch; }
    ul.language-detach ul.language-selector li {
      text-align: left; }
      ul.language-detach ul.language-selector li ul.submenu-container li.submenu-left .submenu-left-item li {
        padding-bottom: 2px; }
        ul.language-detach ul.language-selector li ul.submenu-container li.submenu-left .submenu-left-item li a {
          opacity: 0.65;
          font-size: 15px; }

@media only screen and (max-width: 1039px) and (min-width: 900px) {
  #navbar .logo {
    width: 130px; } }

.rtl-lang ul.submenu-container.nav-header {
  display: flex;
  flex-wrap: wrap; }
  .rtl-lang ul.submenu-container.nav-header .menu-right {
    width: 70%; }

.rtl-lang ul.submenu-container.nav-header:lang(ar-EG) {
  display: flex;
  flex-wrap: wrap; }

.rtl-lang .scj-wrapper #navbar nav .navbar-nav li.dropdown .dropdown-menu li .submenu-container .submenu-right:lang(ar-EG) {
  margin-right: 0; }

.rtl-lang .menu-right {
  width: 70%; }

@media (min-width: 1040px) and (max-width: 1279px) {
  #navbar .navbar-default .dropdown-toggle span:lang(ru-RU) {
    font-size: 14px; } }

@media (min-width: 1280px) {
  #navbar .navbar-default .dropdown-toggle span:lang(ru-RU) {
    font-size: 16px; } }

.nav-display {
  display: none; }

@media (min-width: 1800px) {
  #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav,
  #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .menu-right {
    width: 1295px; }
  #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right.article div {
    min-width: 400px; }
  #navbar .navbar-collapse .dropdown .dropdown-menu li .submenu-container .submenu-left .submenu-left-item .main-nav .subnav-right .subnav-right-item {
    width: 400px; } }

@media (max-width: 1440px) {
  .menu-right {
    width: 880px !important;
    margin-top: -1.5% !important; }
  .menu-right {
    margin-top: -2.7px !important; }
  .subnav-right-item {
    width: 280px !important; }
  .subnav-right.article div {
    min-width: 260px !important; }
  .main-nav {
    padding-left: 145px !important;
    margin-left: 45% !important; } }

@media (width: 1366px) {
  .menu-right {
    width: 945px !important; }
  .subnav-right-item {
    width: 300px !important; }
  .subnav-right.article div {
    min-width: 285px !important; } }

@media (width: 1440px) {
  .menu-right {
    width: 1000px !important; }
  .subnav-right-item {
    width: 340px !important; }
  .subnav-right.article div {
    min-width: 300px !important; } }

/**/
@media only screen and (min-width: 1600px) {
  .social-media-block-wrap .social-media-block .right-block {
    width: 61%; } }

.social-media-block-wrap.breaker {
  margin-top: 0; }
  @media (max-width: 599px) {
    .social-media-block-wrap.breaker {
      margin-top: 25px; } }

.social-media-block-wrap .my-next-arrow:before {
  opacity: 1; }

.social-media-block-wrap {
  background-color: #ffffff;
  clear: both;
  position: relative;
  width: 100%;
  float: right; }
  @media (max-width: 599px) {
    .social-media-block-wrap {
      width: 100%;
      margin-top: 55px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .social-media-block-wrap {
      width: 834px !important; } }
  @media (min-width: 1280px) {
    .social-media-block-wrap {
      width: 100% !important;
      padding-left: 22.9%; } }
  .social-media-block-wrap .external-link {
    border: 0; }
    .social-media-block-wrap .external-link:after {
      display: none; }
  .social-media-block-wrap .pagingInfo {
    position: relative;
    font-weight: bold;
    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.69;
    letter-spacing: 2.3px;
    color: #232323; }
    @media (max-width: 599px) {
      .social-media-block-wrap .pagingInfo {
        top: -18px;
        left: 34px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .pagingInfo {
        top: 13px;
        left: 22%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .pagingInfo {
        top: 20px;
        left: 0; } }
    @media (min-width: 1280px) {
      .social-media-block-wrap .pagingInfo {
        top: 30px;
        left: 19px; } }
  .social-media-block-wrap .social-media-block {
    z-index: 2; }
    @media (min-width: 1280px) {
      .social-media-block-wrap .social-media-block {
        margin: 0 20px; } }
    @media (max-width: 599px) {
      .social-media-block-wrap .social-media-block {
        width: 100%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .social-media-block .carousel-wrap {
        margin-top: 70px; } }
    @media (min-width: 1280px) {
      .social-media-block-wrap .social-media-block .carousel-wrap {
        margin-top: 70px;
        height: 303px;
        margin-right: 3px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .social-media-block .carousel-wrap {
        margin-top: 70px;
        height: 303px; } }
    .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap {
      margin-left: 20px;
      width: 80%;
      background: #ffffff;
      height: 70px;
      padding-top: 15px; }
      @media (max-width: 599px) {
        .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap {
          width: 87%;
          height: 86px;
          padding-top: 20px;
          margin-left: 24px; } }
      .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .logo-color-block {
        border-radius: 50%;
        height: 42px;
        width: 42px;
        background-color: #f2f2f2;
        float: left; }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .logo-color-block {
            margin-left: 8px; } }
        .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .logo-color-block .logo-block {
          height: 25px;
          width: 25px;
          position: relative;
          top: 8px;
          left: 7px; }
          .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .logo-color-block .logo-block img {
            height: 100%;
            width: 100%; }
      .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .org-name {
        float: left;
        padding-left: 15px;
        padding-top: 3px; }
        .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .org-name h5 a {
          font-weight: bold;
          text-decoration: none;
          letter-spacing: 0.7px; }
      .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .fwd-icon-block {
        height: 30px;
        position: relative;
        float: right;
        top: 30px;
        z-index: 999; }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .fwd-icon-block {
            right: 10px;
            top: 32px; } }
    .social-media-block-wrap .social-media-block .carousel-wrap:focus� {
      outline: �none; }
    .social-media-block-wrap .social-media-block .left-block {
      width: 300px;
      float: left;
      margin-right: 30px;
      height: 186px; }
      @media (max-width: 599px) {
        .social-media-block-wrap .social-media-block .left-block {
          width: 100%;
          height: 239px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .left-block {
          position: relative;
          width: 65%;
          height: 318px;
          margin-left: 22%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .social-media-block-wrap .social-media-block .left-block {
          margin-left: 0%;
          height: 172px;
          width: 277px; } }
      .social-media-block-wrap .social-media-block .left-block img {
        margin: 0 auto;
        width: 99%;
        height: 100%; }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .left-block img {
            width: 100%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .social-media-block-wrap .social-media-block .left-block img {
            width: 100%; } }
    @media (max-width: 599px) {
      .social-media-block-wrap .social-media-block .right-block {
        width: 100%;
        position: relative;
        clear: both; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .social-media-block .right-block {
        position: relative;
        clear: both;
        width: 65%;
        margin-left: 22%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .social-media-block .right-block {
        background-color: #fff;
        height: 290px;
        width: 468px; } }
    @media (min-width: 1280px) {
      .social-media-block-wrap .social-media-block .right-block {
        background-color: #fff;
        display: inline-block; } }
    @media (min-width: 1280px) {
      .social-media-block-wrap .social-media-block .right-block .position-now {
        position: relative;
        left: 30px;
        top: 12px; } }
    @media (max-width: 599px) {
      .social-media-block-wrap .social-media-block .right-block .position-now {
        position: absolute;
        width: 80%;
        background-color: #ffffff;
        padding: 15px;
        bottom: 375px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .social-media-block .right-block .position-now {
        padding-top: 15px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .social-media-block .right-block .position-now {
        position: relative;
        left: 16px;
        top: 7px;
        padding-top: 10px; } }
    .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block {
      background-color: #f2f2f2;
      border-radius: 50%;
      float: left;
      width: 65px;
      height: 65px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block {
          height: 38px;
          width: 38px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block {
          width: 38px;
          height: 38px; } }
      @media (min-width: 1280px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block {
          width: 38px;
          height: 38px; } }
      .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block .logo-block {
        width: 40px;
        position: relative;
        top: 5px;
        left: 9px;
        overflow: hidden;
        width: 50%; }
        .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block .logo-block img {
          width: 100%;
          height: 100%; }
    .social-media-block-wrap .social-media-block .right-block .position-now .org-name {
      float: left;
      padding-left: 15px;
      padding-top: 3px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .org-name {
          padding-top: 0; } }
      @media (min-width: 1280px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .org-name {
          position: relative;
          left: 15px;
          top: 1px;
          padding-left: 0;
          padding-top: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .org-name {
          position: relative;
          left: 15px;
          top: 0px;
          padding-left: 0;
          padding-top: 0; } }
      .social-media-block-wrap .social-media-block .right-block .position-now .org-name h5 a {
        font-weight: bold;
        text-decoration: none;
        letter-spacing: 0.7px;
        color: #103d5a;
        line-height: 22px;
        font-size: 13px; }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .right-block .position-now .org-name h5 a {
            font-size: 12px;
            color: #103d5a; } }
    .social-media-block-wrap .social-media-block .right-block .fwd-icon-block {
      height: 30px;
      width: 30px;
      float: right; }
      @media (min-width: 1280px) {
        .social-media-block-wrap .social-media-block .right-block .fwd-icon-block {
          position: relative;
          right: 20px;
          top: 18px; } }
      @media (max-width: 599px) {
        .social-media-block-wrap .social-media-block .right-block .fwd-icon-block {
          position: absolute;
          right: 90px;
          top: -23px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .social-media-block-wrap .social-media-block .right-block .fwd-icon-block {
          position: relative;
          top: 8px;
          right: 6px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .fwd-icon-block {
          position: absolute;
          right: 0; } }
      .social-media-block-wrap .social-media-block .right-block .fwd-icon-block img {
        height: 100%;
        width: 100%; }
      .social-media-block-wrap .social-media-block .right-block .fwd-icon-block .socialshare-block-white {
        bottom: 0;
        right: 4px;
        top: -10px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .social-media-block-wrap .social-media-block .right-block .fwd-icon-block .socialshare-block-white {
            right: 0px;
            top: -10px; } }
    .social-media-block-wrap .social-media-block .right-block .right-block-para {
      text-align: left;
      color: #232323;
      clear: left; }
      @media (min-width: 1280px) {
        .social-media-block-wrap .social-media-block .right-block .right-block-para {
          padding: 3% 2% 0 4%; } }
      @media (max-width: 599px) {
        .social-media-block-wrap .social-media-block .right-block .right-block-para {
          clear: both;
          padding: 0 2%;
          margin-bottom: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .right-block-para {
          width: 100%;
          padding-top: 10px;
          float: left; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .social-media-block-wrap .social-media-block .right-block .right-block-para {
          padding: 3% 5% 0 3%; } }
      .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
        font-size: 1.625em;
        font-weight: 300;
        line-height: 1.6;
        letter-spacing: -0.1px; }
        .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc a, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link a {
          font-weight: 300;
          color: #00adf2; }
          @media (min-width: 1280px) {
            .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc a, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link a {
              font-size: 26px;
              line-height: 36px; } }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
            font-size: 1.25em;
            padding-top: 10px;
            padding-left: 25px;
            padding-right: 15px;
            line-height: 32px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
            font-size: 1.25em;
            line-height: 32px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
            font-size: 1.25em; } }
        @media (min-width: 1280px) {
          .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
            font-size: 26px;
            line-height: 36px;
            padding-right: 20px; } }
      .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
        padding-top: 0px; }
    .social-media-block-wrap .social-media-block .right-block .social-share {
      padding: 3% 2% 0 4%;
      float: left;
      width: 100%; }
      @media (max-width: 599px) {
        .social-media-block-wrap .social-media-block .right-block .social-share {
          padding: 3% 2% 0 25px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .social-share {
          padding: 3% 2% 0 0; } }
      .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon {
        /*padding-left: 30px;*/
        float: left;
        width: 50px;
        margin-right: 10px; }
        .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon img {
          height: 100%;
          width: 100%; }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon {
            padding-left: 0;
            width: 20px;
            margin-right: 17.8px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon {
            width: 17px;
            position: relative;
            left: -4px;
            top: -3px;
            padding-left: 0px; } }
        @media (min-width: 1280px) {
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon {
            position: relative;
            top: -3px;
            width: 25px;
            height: 25px;
            margin-right: 17px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon {
            padding-left: 0px;
            width: 22px; } }
      .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link {
        float: left;
        margin-top: -1px;
        border-right: 1px solid #dbdbdb;
        margin-right: 12px;
        padding-right: 15px; }
        .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link a.external-link {
          border-bottom: 0 none; }
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link a.external-link:visited {
            border-bottom: 0 none; }
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link a.external-link:focus {
            border-bottom: 0 none; }
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link a.external-link:hover {
            border-bottom: 0 none; }
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link a.external-link::after {
            width: 12px; }
      .social-media-block-wrap .social-media-block .right-block .social-share .posted-date {
        float: left;
        padding-right: 15px;
        cursor: text; }
        .social-media-block-wrap .social-media-block .right-block .social-share .posted-date h5 {
          margin-top: 6px;
          color: #103d5a;
          font-weight: normal; }
          @media (min-width: 1280px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .posted-date h5 {
              margin-top: 0px;
              font-size: 16px;
              line-height: 22px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .posted-date h5 {
              margin-top: 0px;
              font-size: 16px;
              line-height: 22px; } }
          @media (max-width: 599px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .posted-date h5 {
              margin-top: 0px;
              font-size: 16px;
              line-height: 22px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .posted-date h5 {
              font-size: 16px;
              line-height: 22px;
              margin-top: 1px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .social-share .follow-up {
          float: left; } }
      .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a {
        text-decoration: none;
        color: #f88023;
        float: left;
        padding-left: 15px; }
        .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a h5 {
          margin-top: 6px;
          font-size: 16px;
          line-height: 22px;
          font-weight: normal; }
          @media (min-width: 1280px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a h5 {
              margin-top: 0px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a h5 {
              margin-top: 0px; } }
          @media (max-width: 599px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a h5 {
              font-size: 16px;
              line-height: 22px;
              margin-top: 0px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a h5 {
              margin-top: 0px;
              letter-spacing: normal; } }
  .social-media-block-wrap .dotted-background {
    position: absolute;
    z-index: 1; }
    @media (max-width: 599px) {
      .social-media-block-wrap .dotted-background {
        height: 135px;
        width: 70%;
        top: 0px;
        right: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .dotted-background {
        height: 278px;
        width: 427px;
        top: 33px;
        right: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .dotted-background {
        height: 171px;
        width: 725px;
        top: 10%;
        left: 13%; } }
    @media (min-width: 1280px) {
      .social-media-block-wrap .dotted-background {
        height: 171px;
        width: 65%;
        top: 63px;
        right: 60px;
        left: inherit; } }
    @media (min-width: 1800px) {
      .social-media-block-wrap .dotted-background {
        width: 84%; } }
  .social-media-block-wrap .swiper-button-next {
    background-image: none;
    width: auto;
    position: absolute;
    float: right;
    right: 5%;
    cursor: pointer;
    border: none;
    outline: none; }
    @media (min-width: 1280px) {
      .social-media-block-wrap .swiper-button-next {
        top: 380px;
        right: 60px; } }
    @media (max-width: 599px) {
      .social-media-block-wrap .swiper-button-next {
        background: url(../images/icon/Arrow-small-white.png);
        top: 250px;
        right: 20px;
        background-size: 20px;
        background-repeat: no-repeat;
        width: 21px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .swiper-button-next {
        background: url(../images/icon/Arrow-small-white.png);
        background-size: 20px;
        background-repeat: no-repeat;
        top: 280px;
        right: 17%;
        width: 21px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .swiper-button-next {
        top: 360px;
        right: inherit;
        left: 175px;
        width: auto; } }
    .social-media-block-wrap .swiper-button-next span {
      float: left;
      width: auto;
      margin-right: 17px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .swiper-button-next span {
          font-size: 0; } }
      @media (max-width: 599px) {
        .social-media-block-wrap .swiper-button-next span {
          font-size: 0; } }
  .social-media-block-wrap .swiper-button-prev {
    background-image: none;
    height: 12px;
    width: 21px;
    position: absolute;
    left: 0;
    cursor: pointer;
    border: none;
    outline: none; }
    @media (min-width: 1280px) {
      .social-media-block-wrap .swiper-button-prev {
        top: 380px;
        left: 18px;
        width: auto; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .swiper-button-prev {
        left: 0px;
        top: 360px;
        width: auto; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .swiper-button-prev {
        background: url(../images/icon/Arrow-small-white-left.png);
        background-size: 20px;
        background-repeat: no-repeat;
        top: 280px;
        left: 26%;
        width: 21px; } }
    @media (max-width: 599px) {
      .social-media-block-wrap .swiper-button-prev {
        background: url(../images/icon/Arrow-small-white-left.png);
        background-size: 20px;
        background-repeat: no-repeat;
        top: 250px;
        left: 20px;
        width: 21px; } }
    .social-media-block-wrap .swiper-button-prev span {
      width: auto;
      float: left; }
      @media (max-width: 599px) {
        .social-media-block-wrap .swiper-button-prev span {
          font-size: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .swiper-button-prev span {
          font-size: 0; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .social-share .pipe-line {
    top: 1px; } }

.pipe-line {
  height: 22px;
  width: 1px;
  background-color: #232323;
  float: left;
  opacity: 0.3; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .pipe-line {
      height: 18.5px;
      position: relative; } }

.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a {
  font-weight: normal;
  text-decoration: none; }

.swiper-button-prev:before {
  content: '';
  left: 22px;
  font-size: 20px;
  top: 11px;
  left: 22px;
  background-image: url(../images/orange-left-arrow.png);
  background-size: 20px;
  background-repeat: no-repeat;
  height: 12px;
  width: 21px;
  position: relative;
  left: 0%;
  cursor: pointer;
  border: none;
  outline: none;
  margin-right: 12px;
  float: left; }
  @media (max-width: 599px) {
    .swiper-button-prev:before {
      display: none; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .swiper-button-prev:before {
      display: none; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .swiper-button-prev:before {
      left: 0;
      top: 9px; } }
  @media (min-width: 1280px) {
    .swiper-button-prev:before {
      top: 7px; } }

.swiper-button-next:after {
  content: '';
  position: relative;
  top: 21px;
  right: 50px;
  background-image: url(../images/orange-right-arrow.png);
  background-size: 20px;
  background-repeat: no-repeat;
  height: 12px;
  width: 21px;
  position: relative;
  float: right;
  right: 5%;
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none; }
  @media (max-width: 599px) {
    .swiper-button-next:after {
      display: none; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .swiper-button-next:after {
      display: none; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .swiper-button-next:after {
      top: 15px;
      right: 0;
      float: left; } }
  @media (min-width: 1280px) {
    .swiper-button-next:after {
      top: 14px; } }

@media (max-width: 599px) {
  .swiper-button-prev:before,
  .swiper-button-next:before {
    display: none; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .swiper-button-prev:before,
  .swiper-button-next:before {
    display: none; } }

.social-media-block-wrap .social-media-block .carousel-wrap:focus {
  outline: none; }

@media (min-width: 1040px) and (max-width: 1279px) {
  /* Written by Prem on 29th March*/
  .firefox .social-media-block-wrap .swiper-button-next {
    left: 243px; }
  .firefox .social-media-block-wrap .swiper-button-prev {
    left: -5px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .ie11 .social-media-block-wrap .swiper-button-prev {
    left: -6px; } }

.swiper-container {
  z-index: 2;
  padding-top: 15px; }

.social-media-block-wrap.non-breaker {
  padding-top: 0; }

.video-module-main .video-module .youtube-player {
  padding-bottom: 50%;
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  /* Use 75% for 4:3 videos */ }
  @media (min-width: 1280px) {
    .video-module-main .video-module .youtube-player {
      padding-bottom: 30%; } }

.video-module-main .video-module .youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
  transform: inherit; }

.video-module-main .video-module .youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all; }

.video-module-main .video-module .youtube-player img:hover {
  -webkit-filter: brightness(75%); }

.video-module-main .video-module .youtube-player .play {
  position: absolute;
  cursor: pointer;
  top: 37%;
  left: 44.3%;
  width: 50px;
  height: 58px; }
  @media (min-width: 1280px) {
    .video-module-main .video-module .youtube-player .play {
      left: 48.5%;
      top: 47%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .video-module-main .video-module .youtube-player .play {
      left: 48.3%;
      top: 46%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .video-module-main .video-module .youtube-player .play {
      left: 46.7%;
      top: 43%; } }

.video-module-main section {
  display: inline; }
  @media (min-width: 1280px) {
    .video-module-main section .section-head {
      position: relative;
      width: 10%;
      float: left; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .video-module-main section .section-head {
      position: relative;
      top: 0px; } }
  @media (max-width: 599px) {
    .video-module-main section .section-head {
      position: relative;
      left: 30px; } }
  @media (min-width: 1280px) {
    .video-module-main section .content {
      margin-left: 5%;
      float: left;
      width: 80%; }
      .video-module-main section .content .left {
        padding-left: 22px;
        float: left;
        width: 40%; }
      .video-module-main section .content .right {
        float: right;
        width: 49%;
        padding-right: 30px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .video-module-main section .content {
      margin-left: 0%; }
      .video-module-main section .content .left {
        padding-left: 0px;
        float: left;
        width: 40%; }
      .video-module-main section .content .right {
        float: right;
        width: 49%;
        padding-right: 30px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .video-module-main section .content {
      display: block;
      margin-left: 25%;
      margin-right: 25%; }
      .video-module-main section .content .left {
        padding-left: 0px; }
      .video-module-main section .content .right {
        padding-left: 30px; } }
  @media (max-width: 599px) {
    .video-module-main section .content {
      display: block;
      margin-left: 25%;
      margin-right: 25%; }
      .video-module-main section .content .right {
        padding-left: 40px; } }
  @media (min-width: 1280px) {
    .video-module-main section .share-arrow {
      float: right;
      clear: left;
      position: relative;
      top: -50px;
      margin-right: 10px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .video-module-main section .share-arrow {
      float: right;
      clear: left;
      margin-right: 10px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .video-module-main section .share-arrow {
      position: relative;
      top: -170px;
      float: right;
      clear: left;
      margin-right: 10px; } }
  @media (max-width: 599px) {
    .video-module-main section .share-arrow {
      float: right;
      clear: left;
      margin-right: 10px;
      position: relative;
      top: -200px; } }

.image-full-width .full-width-image {
  padding-top: 20px; }

.image-full-width.container {
  padding: 0; }

.image-full-width .section-head-large {
  text-transform: inherit;
  float: left; }

.image-full-width .section-head {
  text-transform: inherit;
  float: left;
  background-color: transparent;
  width: 30%;
  padding-top: 0; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .image-full-width .section-head {
      padding-left: 10%; } }

.image-full-width .share-arrow {
  width: 20px;
  float: right; }

.image-full-width section {
  float: left;
  padding: 35px 35px 35px 50px;
  width: 100%; }

.image-full-width .content {
  float: left;
  width: 66%; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .image-full-width .content {
      padding-left: 10%;
      width: 60%; } }
  .image-full-width .content p {
    padding-left: 47%; }

.image-full-width .bottom-line {
  border-bottom: 2px solid red;
  clear: both;
  width: 20px;
  margin-top: 40px;
  float: left; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .image-full-width .bottom-line {
      display: none; } }

.video-container {
  position: relative;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden; }
  @media (min-width: 1280px) {
    .video-container {
      padding-top: 0; } }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0px; }

#hoverbar {
  height: 100%;
  width: 100%;
  opacity: .2;
  background-color: gray;
  position: absolute;
  z-index: 999999;
  bottom: 0;
  margin: 0;
  padding: 0;
  display: none; }

.full-width-image:hover #hoverbar {
  display: block; }

.image-article-width {
  background-color: #ffffff; }
  .image-article-width .full-width-image {
    padding-top: 20px; }
  .image-article-width img {
    width: 100%; }
  .image-article-width.container {
    padding: 0; }
  .image-article-width .section-head-large {
    text-transform: inherit;
    float: left; }
  .image-article-width .section-head {
    text-transform: inherit;
    float: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-article-width .section-head {
        padding-left: 10%; } }
  .image-article-width .share-arrow {
    width: 20px;
    float: right; }
  .image-article-width section {
    float: left;
    padding: 35px 35px 35px 50px; }
  .image-article-width .content {
    float: left;
    width: 80%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-article-width .content {
        padding-left: 10%;
        width: 60%; } }
    @media (min-width: 1280px) {
      .image-article-width .content {
        padding-left: 50%; } }
  .image-article-width .bottom-line {
    border-bottom: 2px solid red;
    clear: both;
    width: 20px;
    margin-top: 40px;
    float: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-article-width .bottom-line {
        display: none; } }
  .image-article-width .full-article-width {
    float: right;
    padding-top: 20px; }

.image-article-width {
  background-color: #ffffff; }
  .image-article-width .full-width-image {
    padding-top: 20px; }
  .image-article-width.container {
    padding: 0; }
  .image-article-width .section-head-large {
    text-transform: inherit;
    float: left; }
  .image-article-width .section-head {
    text-transform: inherit;
    float: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-article-width .section-head {
        padding-left: 10%; } }
  .image-article-width .share-arrow {
    width: 20px;
    float: right; }
  .image-article-width section {
    float: left;
    padding: 35px 35px 35px 50px; }
    @media (min-width: 1280px) {
      .image-article-width section {
        width: 100%; } }
  .image-article-width .content {
    float: left;
    width: 80%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-article-width .content {
        padding-left: 10%;
        width: 60%; } }
    @media (min-width: 1280px) {
      .image-article-width .content {
        padding-left: 50%; } }
  .image-article-width .bottom-line {
    border-bottom: 2px solid red;
    clear: both;
    width: 20px;
    margin-top: 40px;
    float: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-article-width .bottom-line {
        display: none; } }
  .image-article-width .full-article-width {
    float: right;
    padding-top: 20px; }

.image-article-width {
  background-color: #ffffff; }
  .image-article-width .full-width-image {
    padding-top: 20px; }
  .image-article-width.container {
    padding: 0; }
  .image-article-width .section-head-large {
    text-transform: inherit;
    float: left; }
  .image-article-width .section-head {
    text-transform: inherit;
    float: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-article-width .section-head {
        padding-left: 10%; } }
  .image-article-width .share-arrow {
    width: 20px;
    float: right; }
  .image-article-width section {
    float: left;
    padding: 35px 35px 35px 50px; }
  .image-article-width .content {
    float: left;
    width: 80%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-article-width .content {
        padding-left: 10%;
        width: 60%; } }
    @media (min-width: 1280px) {
      .image-article-width .content {
        padding-left: 50%; } }
  .image-article-width .bottom-line {
    border-bottom: 2px solid red;
    clear: both;
    width: 20px;
    margin-top: 40px;
    float: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-article-width .bottom-line {
        display: none; } }
  .image-article-width .full-article-width {
    float: right;
    padding-top: 20px; }

.video-module-main {
  float: left;
  width: 100%; }
  .video-module-main .video-text .str_wrap {
    width: 84%;
    float: right; }
  @media (min-width: 1280px) {
    .video-module-main .video-container {
      padding-bottom: 30%; } }

.bulletted-list {
  float: right;
  background-color: #fff; }
  .bulletted-list ul {
    text-transform: none; }
    .bulletted-list ul li {
      padding-bottom: 20px;
      font-size: 20px; }
      @media (max-width: 599px) {
        .bulletted-list ul li {
          display: inline-block;
          margin-right: 10px;
          font-size: 18px;
          padding-bottom: 10px; } }
      @media (min-width: 1280px) {
        .bulletted-list ul li {
          font-size: 22px; } }
      .bulletted-list ul li:before {
        content: "\2022 ";
        font-size: 1.4em;
        color: #54beff;
        margin-right: 22px;
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
        @media (max-width: 599px) {
          .bulletted-list ul li:before {
            margin-right: 13px; } }
      .bulletted-list ul li span {
        display: inline-block;
        vertical-align: top;
        width: 90%;
        padding-top: 5px; }

.numberd-list {
  counter-reset: 0;
  background-color: #fff;
  padding-left: 0;
  padding-right: 0; }
  .numberd-list ol {
    text-transform: none;
    display: inline-block;
    list-style-type: none; }
    @media (max-width: 599px) {
      .numberd-list ol {
        padding-left: 5%; } }
    .numberd-list ol li {
      width: 100%;
      border-bottom: 0;
      padding-left: 12px;
      float: left;
      font-size: 22px; }
      @media (max-width: 599px) {
        .numberd-list ol li {
          padding-left: 0;
          padding-right: 12px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .numberd-list ol li {
          padding-left: 6px; } }
      .numberd-list ol li img {
        width: 210px;
        display: inline-block;
        float: right;
        height: 115px; }
        @media (max-width: 599px) {
          .numberd-list ol li img {
            width: 100%;
            height: auto; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .numberd-list ol li img {
            width: 140px;
            height: auto; } }
      .numberd-list ol li::before {
        font-size: 14px;
        letter-spacing: -0px;
        margin: 0px 15px 0px 0px;
        border-bottom: 2px solid #0182d2;
        width: 15px;
        float: left;
        padding-top: 5px;
        color: #282833; }
        @media (min-width: 1280px) {
          .numberd-list ol li::before {
            margin: 0px 29px 0px 0px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .numberd-list ol li::before {
            margin: 0px 21px 0px 0px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .numberd-list ol li::before {
            margin: 0px 21px 0px 0px; } }
      .numberd-list ol li span {
        float: left;
        width: 85%; }
        @media (min-width: 1280px) {
          .numberd-list ol li span {
            width: 55%;
            font-size: 22px;
            line-height: 1.55;
            letter-spacing: -0.1px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .numberd-list ol li span {
            width: 55%; } }
        @media (min-width: 1280px) {
          .numberd-list ol li span.spanwidth {
            width: 600px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .numberd-list ol li span.spanwidth {
            width: 550px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .numberd-list ol li span.spanwidth {
            width: 500px; } }
  @media (min-width: 1280px) {
    .numberd-list.sharable {
      width: 661px;
      float: left;
      position: relative;
      left: -42px; } }
  .numberd-list.sharable ol li {
    border-bottom: solid 1px #dadada; }
    @media (max-width: 599px) {
      .numberd-list.sharable ol li {
        width: 100%;
        padding: 0;
        border-bottom: 0;
        margin-bottom: 30px;
        margin-top: 10px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .numberd-list.sharable ol li {
        width: 100%; } }
    .numberd-list.sharable ol li span {
      font-size: 18px;
      line-height: 1.56;
      letter-spacing: -0.1px; }
      @media (max-width: 599px) {
        .numberd-list.sharable ol li span {
          clear: left;
          margin-top: 13px;
          width: 100%;
          border-left: solid #f2f2f2;
          padding-left: 10px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .numberd-list.sharable ol li span {
          width: 60%; } }
      @media (min-width: 1280px) {
        .numberd-list.sharable ol li span {
          width: 57.4%;
          font-size: 22px;
          line-height: 1.55;
          letter-spacing: -0.1px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .numberd-list.sharable ol li span {
          width: 56%;
          font-size: 20px;
          line-height: 1.6;
          letter-spacing: -0.1px; } }
  @media (min-width: 1280px) {
    .numberd-list .list-w-image {
      width: 80%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .numberd-list .list-w-image {
      width: 80%; } }
  .numberd-list .list-w-image a {
    color: #282828;
    color: #282828;
    /* border-bottom: 2px solid #00adf2; /*Commented because of defect id 91991*/ }
    .numberd-list .list-w-image a:focus {
      text-decoration: none;
      /* border-bottom: 2px solid #00adf2 !important;   */ }
  .numberd-list .list-w-image h3 a {
    border: none; }
    .numberd-list .list-w-image h3 a:focus {
      border: none !important; }

.share-icon {
  width: 27px;
  display: inline-block; }

.para-head {
  padding: 0 0 0 22px;
  background-color: #fff;
  float: right;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0px; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .para-head {
      padding: 0;
      float: left; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .para-head {
      padding: 0 0 0 18px; } }
  @media (max-width: 599px) {
    .para-head {
      font-size: 16px; } }
  @media (min-width: 1280px) {
    .para-head {
      padding: 0 0 0 0px;
      width: 69%; } }
  .para-head img {
    display: none; }

.desclaimer {
  padding: 2% 0 5% 0;
  font-size: 16px;
  line-height: 1.5; }
  @media (max-width: 599px) {
    .desclaimer {
      font-size: 15px;
      line-height: 1.47; } }

.image-list-container {
  float: right;
  background-color: #fff; }

.share-icon {
  background-image: url(../images/icon/Share-Icon.svg);
  background-repeat: no-repeat;
  height: 23px;
  width: 25px;
  position: relative;
  top: 15px;
  float: right; }

.socialshare-block-white {
  width: 60px;
  height: 60px;
  background-color: transparent;
  float: right;
  position: absolute;
  bottom: 15px;
  right: 10px;
  z-index: 99; }
  @media (max-width: 599px) {
    .socialshare-block-white {
      right: 0; } }

.socialshare-block {
  width: 60px;
  height: 60px;
  background-color: #282828;
  float: right; }

.white-share-icon {
  float: right;
  background: white;
  display: inline-block;
  height: 25px;
  mask: url(../images/icon/Share-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/Share-Icon.svg) no-repeat;
  mask-size: 25px;
  -webkit-mask-size: 25px;
  width: 25px;
  position: relative;
  top: 15px;
  right: 15px;
  opacity: 1; }
  @media screen and (min-width: 0\0) {
    .white-share-icon {
      background: url(../images/icon/Share-Icon-color.png) 0 -40px no-repeat;
      background-color: transparent;
      background-size: 85%; } }

.social-module-white {
  position: absolute;
  z-index: 9; }
  .social-module-white .share-icons-white {
    display: none;
    width: 100%;
    position: relative;
    left: 25px;
    top: 18px;
    overflow: hidden; }
    .social-module-white .share-icons-white > div {
      pointer-events: none; }
    .social-module-white .share-icons-white a {
      pointer-events: none; }
  .social-module-white a,
  .social-module-white div {
    display: inline-block;
    height: 23px;
    width: 20px;
    margin-bottom: 6px; }

.social-width {
  -webkit-transition: width 1s, background-color 1s;
  transition: width 1s, background-color 1s; }

.social-module {
  position: absolute;
  z-index: 9; }
  .social-module .share-icons {
    display: none;
    width: 100%;
    position: relative;
    left: 25px;
    top: 18px;
    overflow: hidden;
    float: left; }
  .social-module a,
  .social-module div {
    display: inline-block;
    height: 23px;
    width: 20px;
    margin-bottom: 6px; }

.social-icon {
  background-color: white;
  display: inline-block;
  height: 25px;
  width: 30px;
  padding-left: 40px;
  cursor: pointer; }
  @media (max-width: 599px) {
    .social-icon:first-child {
      pointer-events: none; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .social-icon:first-child {
      pointer-events: none; } }

.social-icon-white {
  background-color: white;
  display: inline-block;
  height: 25px;
  width: 30px;
  padding-left: 40px;
  cursor: pointer;
  margin-bottom: 12px;
  /*&:first-child {
        @include mobile {
            pointer-events: none;
        }

        @include tablet {
            pointer-events: none;
        }
    }*/ }
  @media screen and (min-width: 0\0) {
    .social-icon-white {
      height: 31px;
      width: 30px;
      padding-left: 40px; } }

.fb-share {
  mask: url(../images/icon/Facebook-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/Facebook-Icon.svg) no-repeat;
  mask-size: 22px;
  -webkit-mask-size: 22px; }
  @media screen and (min-width: 0\0) {
    .fb-share {
      background: url(../images/icon/Facebook-Icon-color.png) 0px -44px no-repeat;
      background-color: transparent;
      background-size: 50%; } }

.twitter-share {
  mask: url(../images/icon/Twitter-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/Twitter-Icon.svg) no-repeat;
  mask-size: 22px;
  -webkit-mask-size: 22px; }
  @media screen and (min-width: 0\0) {
    .twitter-share {
      background: url(../images/icon/Twitter-Icon-color.png) 0px -44px no-repeat;
      background-color: transparent;
      background-size: 50%; } }

.gplus-share {
  mask: url(../images/icon/Email-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/Email-Icon.svg) no-repeat;
  mask-size: 22px;
  -webkit-mask-size: 22px; }

.linkedin-share {
  mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  mask-size: 22px;
  -webkit-mask-size: 22px; }
  @media screen and (min-width: 0\0) {
    .linkedin-share {
      background: url(../images/icon/LinkedIn-Icon-color.png) 0px -47px no-repeat;
      background-color: transparent;
      background-size: 50%; } }

.wechat-share {
  mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  mask-size: 22px;
  -webkit-mask-size: 22px; }
  @media screen and (min-width: 0\0) {
    .wechat-share {
      background-image: url(../images/icon/LinkedIn-Icon-color.png);
      background-color: transparent;
      background-size: 26px;
      background-position-y: -61px; } }

.whatsapp-share {
  mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  mask-size: 22px;
  -webkit-mask-size: 22px; }
  @media screen and (min-width: 0\0) {
    .whatsapp-share {
      background-image: url(../images/icon/LinkedIn-Icon-color.png);
      background-color: transparent;
      background-size: 26px;
      background-position-y: -61px; } }

.email-share {
  mask: url(../images/icon/Email-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/Email-Icon.svg) no-repeat;
  mask-size: 23px;
  -webkit-mask-size: 23px; }
  @media screen and (min-width: 0\0) {
    .email-share {
      background: url(../images/icon/Email-Icon-color.png) 0px -36px no-repeat;
      background-color: transparent;
      background-size: 50%; } }

.firefox .white-share-icon {
  float: right;
  background: url(../images/icon/Share-Icon-color.png) 0 -65px no-repeat;
  display: inline-block;
  height: 25px;
  width: 25px;
  position: relative;
  top: 15px;
  right: 15px;
  opacity: 1;
  mask: none;
  -webkit-mask: none;
  mask-size: 0;
  -webkit-mask-size: 0;
  width: 30px; }

.firefox .fb-share {
  background: url(../images/icon/Facebook-Icon-color.png) 0px -44px no-repeat;
  background-color: transparent;
  background-size: 50%;
  mask: none;
  -webkit-mask: none;
  mask-size: 0;
  -webkit-mask-size: 0; }

.firefox .twitter-share {
  background: url(../images/icon/Twitter-Icon-color.png) 0px -44px no-repeat;
  background-color: transparent;
  background-size: 50%;
  mask: none;
  -webkit-mask: none;
  mask-size: 0;
  -webkit-mask-size: 0; }

.firefox .gplus-share {
  mask: url(../images/icon/Email-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/Email-Icon.svg) no-repeat;
  mask-size: 22px;
  -webkit-mask-size: 22px; }

.firefox .linkedin-share {
  background: url(../images/icon/LinkedIn-Icon-color.png) 0px -47px no-repeat;
  background-color: transparent;
  background-size: 50%;
  mask: none;
  -webkit-mask: none;
  mask-size: 0;
  -webkit-mask-size: 0; }

.firefox .wechat-share {
  mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  mask-size: 22px;
  -webkit-mask-size: 22px; }
  @media screen and (min-width: 0\0) {
    .firefox .wechat-share {
      background-image: url(../images/icon/LinkedIn-Icon-color.png);
      background-color: transparent;
      background-size: 26px;
      background-position-y: -61px; } }

.firefox .whatsapp-share {
  mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
  mask-size: 22px;
  -webkit-mask-size: 22px; }
  @media screen and (min-width: 0\0) {
    .firefox .whatsapp-share {
      background-image: url(../images/icon/LinkedIn-Icon-color.png);
      background-color: transparent;
      background-size: 26px;
      background-position-y: -61px; } }

.firefox .email-share {
  background: url(../images/icon/Email-Icon-color.png) 0px -36px no-repeat;
  background-color: transparent;
  background-size: 50%;
  mask: none;
  -webkit-mask: none;
  mask-size: 0;
  -webkit-mask-size: 0; }

.article-social-module {
  display: block;
  border: 0;
  background-color: transparent; }

.share-icon.mobile {
  width: 30px; }

.social-share-slide {
  position: relative; }

.download-btn-top {
  width: 80px;
  float: right;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 1; }
  .download-btn-top a {
    color: #232323; }
  .download-btn-top .downld-btn-dskt {
    background-color: #0182d2;
    width: 80px;
    height: 80px;
    float: left;
    padding-top: 10px; }
  .download-btn-top .downld-btn-before {
    background-color: #fff;
    float: left;
    background-color: white;
    display: inline-block;
    height: 45px;
    width: 30px;
    mask: url(../images/icon/Press_Kit.svg) no-repeat;
    -webkit-mask: url(../images/icon/Press_Kit.svg) no-repeat;
    mask-size: 30px;
    -webkit-mask-size: 30px;
    margin-top: 15px;
    margin-left: 27px; }
    @media screen and (min-width: 0\0) {
      .download-btn-top .downld-btn-before {
        background-image: url(../images/icon/Press_Kit-white.png);
        background-color: transparent;
        background-repeat: no-repeat;
        height: 35px;
        width: 35px;
        margin-left: 24px;
        margin-top: 10px; } }
  .download-btn-top .downld-btn {
    width: 50px; }
  .download-btn-top .downld-txt {
    width: 100px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: block;
    top: 130px;
    position: absolute;
    right: -12px;
    line-height: 21px;
    letter-spacing: 1px;
    font-size: 0.7em; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .download-btn-top .downld-txt {
        width: 100px;
        top: 128px;
        position: absolute;
        right: 0;
        line-height: 20px; } }

.download-btn-top-sm {
  float: left;
  position: static;
  padding: 25px 0; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .download-btn-top-sm {
      padding: 0 0 40px 0; } }
  @media (max-width: 599px) {
    .download-btn-top-sm {
      border-bottom: solid 1px rgba(40, 40, 40, 0.13);
      border-top: solid 1px rgba(40, 40, 40, 0.13);
      width: 95%; } }
  .download-btn-top-sm a {
    color: #282828; }
  .download-btn-top-sm .downld-btn {
    mask: url(../images/icon/Press_Kit.svg) no-repeat;
    -webkit-mask: url(../images/icon/Press_Kit.svg) no-repeat;
    mask-size: 30px;
    -webkit-mask-size: 30px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    float: left;
    background-color: #f88023;
    border-bottom: 2px solid #f88023;
    margin-left: 0px;
    margin-top: -6px; }
    @media screen and (min-width: 0\0) {
      .download-btn-top-sm .downld-btn {
        background-image: url(../images/icon/Press_Kit-white.png);
        background-color: transparent;
        background-repeat: no-repeat;
        height: 25px;
        width: 35px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .download-btn-top-sm .downld-btn {
        margin-left: 11px;
        margin-top: -4px;
        float: right; } }
  .download-btn-top-sm .downld-txt {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.54;
    letter-spacing: 0.7px;
    color: #0182d2; }
    @media (max-width: 599px) {
      .download-btn-top-sm .downld-txt {
        width: 170px;
        float: left; } }

.download-btn-left {
  clear: both;
  position: relative;
  left: -90px; }
  .download-btn-left .downld-btn {
    width: 50px;
    float: left; }
  .download-btn-left .downld-txt {
    width: 100px;
    float: left;
    padding: 5px 0 0 15px; }

.download-btn-bottom {
  clear: both;
  width: 75px;
  float: left;
  position: relative;
  bottom: 0px;
  right: 0;
  z-index: 1;
  left: 0px;
  height: 175px; }
  .download-btn-bottom a {
    color: #232323; }
  .download-btn-bottom .downld-btn-dskt {
    background-color: #0182d2;
    width: 75px;
    height: 75px;
    float: left;
    padding-top: 10px; }
  .download-btn-bottom .downld-btn-before {
    background-color: #fff;
    float: left;
    background-color: white;
    display: inline-block;
    height: 45px;
    width: 30px;
    mask: url(../images/icon/Press_Kit.svg) no-repeat;
    -webkit-mask: url(../images/icon/Press_Kit.svg) no-repeat;
    mask-size: 30px;
    -webkit-mask-size: 30px;
    margin-top: 13px;
    margin-left: 22px; }
    @media screen and (min-width: 0\0) {
      .download-btn-bottom .downld-btn-before {
        background-image: url(../images/icon/Press_Kit-white.png);
        background-color: transparent;
        background-repeat: no-repeat;
        height: 36px;
        width: 35px;
        margin-top: 9px;
        margin-left: 20px; } }
  .download-btn-bottom .downld-btn {
    width: 50px; }
  .download-btn-bottom .downld-txt {
    width: 100px;
    transform: none;
    display: block;
    top: 130px;
    position: absolute;
    right: initial;
    line-height: 21px;
    letter-spacing: 1px;
    left: -15px;
    font-size: 0.7em;
    clear: both;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .download-btn-bottom .downld-txt {
        width: 80px;
        top: 20px;
        position: absolute;
        right: -6px;
        line-height: 24px;
        font-weight: bold; } }

.download-btn-bottom-sm {
  float: left;
  position: static;
  padding: 25px 0; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .download-btn-bottom-sm {
      padding: 30px 0 40px 10px; } }
  @media (max-width: 599px) {
    .download-btn-bottom-sm {
      border-bottom: solid 1px rgba(40, 40, 40, 0.13);
      border-top: solid 1px rgba(40, 40, 40, 0.13);
      width: 85%;
      margin-left: 33px; } }
  .download-btn-bottom-sm a {
    color: #282828; }
  .download-btn-bottom-sm .downld-btn {
    mask: url(../images/icon/Press_Kit.svg) no-repeat;
    -webkit-mask: url(../images/icon/Press_Kit.svg) no-repeat;
    mask-size: 30px;
    -webkit-mask-size: 30px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    float: left;
    background-color: #f88023;
    border-bottom: 2px solid #f88023;
    margin-left: 0px;
    margin-top: -6px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .download-btn-bottom-sm .downld-btn {
        margin-left: 11px;
        margin-top: -4px;
        float: right; } }
  .download-btn-bottom-sm .downld-txt {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.54;
    letter-spacing: 0.7px;
    color: #0182d2; }
    @media (max-width: 599px) {
      .download-btn-bottom-sm .downld-txt {
        width: 170px;
        float: left; } }

*[data-url] {
  cursor: pointer; }

*[data-url=""] {
  cursor: default; }

@media (max-width: 599px) {
  .simple-line {
    margin-top: 0px; } }

.legend-text {
  width: 100%;
  font-weight: 500;
  line-height: 30px;
  font-weight: bold; }
  @media (max-width: 599px) {
    .legend-text {
      clear: both;
      float: left;
      padding: 20px 0;
      margin-bottom: 20px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .legend-text {
      line-height: 22px;
      padding-right: 35px;
      list-style-type: none; } }
  @media (min-width: 1280px) {
    .legend-text {
      line-height: 22px;
      padding-right: 35px;
      list-style-type: none; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .legend-text {
      font-size: 0.75em;
      width: 90%; } }
  .legend-text .items {
    float: left;
    padding-top: 18px; }
    @media (min-width: 1280px) {
      .legend-text .items {
        padding-top: 10px; } }
    @media (max-width: 599px) {
      .legend-text .items {
        padding-top: 5px; } }
    .legend-text .items span {
      display: block; }
    .legend-text .items li {
      font-size: 13px;
      line-height: 2.31;
      letter-spacing: 0.7px;
      color: #232323; }
      @media (max-width: 599px) {
        .legend-text .items li {
          list-style-type: none; } }
    .legend-text .items a {
      color: #232323;
      text-decoration: none;
      border-bottom: 1px solid #f88023;
      padding-bottom: 2px; }
      .legend-text .items a:focus {
        border-bottom: 1px solid #f88023 !important;
        padding-bottom: 2px; }
  .legend-text .date {
    color: #f88023;
    letter-spacing: 0.8px;
    font-weight: 500; }
    @media (max-width: 599px) {
      .legend-text .date {
        float: left;
        width: 100%; } }
    .legend-text .date a {
      color: #f88023;
      padding-right: 15px; }

.button_block {
  position: relative;
  clear: both;
  float: left;
  width: 100%;
  height: 50px; }
  .button_block button {
    top: 0px;
    left: 0px;
    color: #282828;
    background-color: #fff;
    border: none;
    width: auto;
    padding: 5px 0px;
    position: absolute;
    padding-left: 0;
    border-bottom: 2px solid #00adf2; }
  .button_block .less {
    background-size: 10%;
    background-position: 96% 15px;
    background-repeat: no-repeat;
    display: none; }
    .button_block .less:hover {
      border-bottom: 2px solid #00adf2;
      color: #00adf2; }
  .button_block .more {
    background-size: 10%;
    background-position: 96% 15px;
    background-repeat: no-repeat; }
    .button_block .more:hover {
      border-bottom: 2px solid #00adf2;
      color: #00adf2; }

.video-text {
  float: right;
  background-color: #f2f2f2;
  display: block;
  height: 80px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }
  @media (max-width: 599px) {
    .video-text {
      background-color: transparent;
      height: auto;
      padding: 25px 0;
      border-top: solid 1px rgba(40, 40, 40, 0.13);
      margin-top: 15px; } }
  .video-text p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding-left: 70px;
    display: table;
    width: 100%; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-text p {
        padding-left: 62px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-text p {
        padding-left: 42px; } }
    @media (max-width: 599px) {
      .video-text p {
        top: 0%;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        padding-right: 16px;
        padding-left: 0; } }
    .video-text p span:nth-child(1) {
      text-transform: inherit;
      font-size: 13px;
      font-weight: 500;
      line-height: 1.69;
      letter-spacing: 0.6px;
      color: #232323;
      padding-right: 15px; }
    .video-text p span:nth-child(2) {
      font-size: 16px;
      line-height: 1.38; }
      @media (min-width: 1280px) {
        .video-text p span:nth-child(2) {
          line-height: 1.5; } }

.video-text.show + .article-grid .download-btn-top {
  top: -77px; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .video-text.show + .article-grid .download-btn-top {
      top: -80px; } }
  @media (min-width: 1280px) {
    .video-text.show + .article-grid .download-btn-top {
      top: -80px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .video-text + .article-grid .legend-text {
    padding-top: 0; } }

.bg_yellow.quote-block {
  background-color: #ffce04;
  color: #282828; }
  .bg_yellow.quote-block .author-details p a {
    border-bottom: none; }
  .bg_yellow.quote-block .author-details span {
    border-bottom: 1px solid #282828; }
    .bg_yellow.quote-block .author-details span:focus {
      border-bottom: 1px solid #282828 !important; }

.bg_yellow {
  background-color: #ffce04;
  color: #282828; }

.bg_red.quote-block {
  background-color: #DE4649;
  color: #ffffff; }
  .bg_red.quote-block .quote-mark-open span {
    color: #fff; }
  .bg_red.quote-block .quote-mark-closed span {
    color: #fff; }
  .bg_red.quote-block .author-details p a {
    color: #ffffff;
    border-bottom: none; }
  .bg_red.quote-block .author-details span {
    border-bottom: 1px solid #ffffff; }

.bg_red {
  background-color: #DE4649;
  color: #ffffff; }

.bg_green.quote-block {
  background-color: #00B139;
  color: #ffffff; }
  .bg_green.quote-block .quote-mark-open span {
    color: #fff; }
  .bg_green.quote-block .quote-mark-closed span {
    color: #fff; }
  .bg_green.quote-block .author-details p a {
    color: #ffffff;
    border-bottom: none; }
  .bg_green.quote-block .author-details span {
    border-bottom: 1px solid #ffffff; }

.bg_green {
  background-color: #00B139;
  color: #ffffff; }

.bg_blue.quote-block {
  background-color: #0182D2;
  color: #ffffff; }
  .bg_blue.quote-block .quote-mark-open span {
    color: #fff; }
  .bg_blue.quote-block .quote-mark-closed span {
    color: #fff; }
  .bg_blue.quote-block .author-details p a {
    color: #ffffff;
    border-bottom: none; }
  .bg_blue.quote-block .author-details span {
    border-bottom: 1px solid #ffffff; }

.bg_blue {
  background-color: #0182D2;
  color: #ffffff; }

.bg_grey {
  background-color: #f5f5f5; }

.bg_light-blue {
  background-color: #44b8ff; }

.external-link {
  border-bottom: 2px solid #00adf2;
  text-decoration: none;
  color: #282828; }
  .external-link:focus {
    text-decoration: none;
    border-bottom: 2px solid #00adf2 !important; }
  @media (min-width: 1280px) {
    .external-link {
      border-bottom: 2px solid #00adf2; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .external-link {
      border-bottom: 2px solid #00adf2; } }
  @media (max-width: 599px) {
    .external-link {
      border-bottom: 2px solid #00adf2; } }
  .external-link:after {
    background: url(../images/icon/Offsite.svg) no-repeat;
    content: " ";
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    z-index: 99;
    margin-right: 1px;
    top: 3px;
    left: 2px; }
  .external-link:hover {
    text-decoration: none;
    color: #00adf2; }

a:hover, a:focus {
  color: black;
  text-decoration: none; }

.social-width-dec {
  -webkit-transition: width 1s, background-color 1s;
  transition: width 1s, background-color 1s; }
  @media screen and (min-width: 0\0) {
    .social-width-dec .fb-share {
      background: url(../images/icon/Facebook-Icon-color.png) 0px -44px no-repeat;
      background-color: transparent;
      background-size: 50%; } }
  @media screen and (min-width: 0\0) {
    .social-width-dec .social-module {
      height: 30px; } }
  @media screen and (min-width: 0\0) {
    .social-width-dec .social-module div,
    .social-width-dec .social-module a {
      height: 34px; } }
  @media screen and (min-width: 0\0) {
    .social-width-dec .twitter-share {
      background: url(../images/icon/Twitter-Icon-color.png) 0px -44px no-repeat;
      background-color: transparent;
      background-size: 50%; } }
  @media screen and (min-width: 0\0) {
    .social-width-dec .gplus-share {
      background: url(../images/icon/Twitter-Icon-color.png) 0px -64px no-repeat;
      background-color: transparent;
      background-size: 50%; } }
  @media screen and (min-width: 0\0) {
    .social-width-dec .linkedin-share {
      background: url(../images/icon/LinkedIn-Icon-color.png) 0px -47px no-repeat;
      background-color: transparent;
      background-size: 50%; } }
  @media screen and (min-width: 0\0) {
    .social-width-dec .wechat-share {
      background: url(../images/icon/LinkedIn-Icon-color.png) 0px -67px no-repeat;
      background-color: transparent;
      background-size: 50%; } }
  @media screen and (min-width: 0\0) {
    .social-width-dec .whatsapp-share {
      background: url(../images/icon/LinkedIn-Icon-color.png) 0px -67px no-repeat;
      background-color: transparent;
      background-size: 50%; } }
  @media screen and (min-width: 0\0) {
    .social-width-dec .email-share {
      background: url(../images/icon/Email-Icon-color.png) 0px -36px no-repeat;
      background-color: transparent;
      background-size: 50%; } }

.section-sharable {
  padding: 2% 5% 2% 0;
  float: right;
  position: relative; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-sharable {
      padding-right: 64px; } }
  @media (max-width: 599px) {
    .section-sharable {
      padding: 30px 17px 0 30px; } }
  @media (min-width: 1280px) {
    .section-sharable {
      padding: 2% 0 2% 0; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-sharable {
      padding: 2% 0 2% 0; } }
  @media (min-width: 1280px) {
    .section-sharable .section-head {
      padding-left: 70px;
      margin-top: 5px;
      padding-right: 57px;
      width: 27%; } }
  .section-sharable .right {
    padding-left: 3%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .section-sharable .right {
        padding-left: 0; } }
    @media (min-width: 1280px) {
      .section-sharable .right {
        padding-left: 5%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-sharable .section-head {
      width: 26%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-sharable .numberd-list {
      float: left;
      clear: both;
      width: 660px;
      margin-left: 125px; } }
  .section-sharable .para-head {
    width: 82%;
    padding: 0;
    float: left; }
    @media (min-width: 1280px) {
      .section-sharable .para-head {
        padding: 0 0 0 42px;
        width: 57.4%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-sharable .para-head {
        padding: 0 0 0 35px;
        width: 56%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .section-sharable .para-head {
        width: 80%;
        padding: 0 0 0 70px; } }
  .section-sharable ol {
    padding-left: 7%;
    margin-bottom: 0;
    width: 100%; }
    @media (min-width: 1280px) {
      .section-sharable ol {
        padding-left: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-sharable ol {
        padding-left: 0; } }
    @media (max-width: 599px) {
      .section-sharable ol {
        padding-left: 12px; } }
  .section-sharable .socialshare-block {
    background-color: transparent; }
  .section-sharable .legend-text {
    border: none;
    margin-bottom: 0; }
  .section-sharable .simple-line {
    margin-bottom: 20px; }
  .section-sharable .image-arrow-container {
    position: relative;
    height: 60px; }
  .section-sharable .socialshare-block-white {
    position: absolute;
    top: 0; }
    .section-sharable .socialshare-block-white .share-icon {
      top: 0; }
  @media (max-width: 599px) {
    .section-sharable .desclaimer {
      padding: 16px 0 0 20px; } }
  @media (min-width: 1280px) {
    .section-sharable .desclaimer {
      padding: 11px 0 0 45px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-sharable .desclaimer {
      padding: 12px 0 0 12%;
      font-size: 16px;
      line-height: 1.5; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-sharable .desclaimer {
      padding: 11px 0 0 36px; } }

@media (max-width: 599px) {
  .articleplaceholder section.section-numberd-list {
    width: 93%;
    padding-right: 32px;
    margin-left: 32px; } }

.spanwidth {
  width: 80%; }

.numberd-list.sharable ol li {
  border-bottom: 0; }

.numberd-list.sharable ol li span.spanwidth {
  width: 91%; }

@media (min-width: 1280px) {
  .numberd-list.sharable .li-borderline-top {
    width: 94%;
    margin-left: 29px;
    background-color: #dadada;
    height: 1px;
    float: left;
    margin-bottom: 24px;
    margin-left: 43px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .numberd-list.sharable .li-borderline-top {
    width: 88%;
    margin-left: 29px;
    background-color: #dadada;
    height: 1px;
    float: left;
    margin-bottom: 24px;
    margin-left: 70px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .numberd-list.sharable .li-borderline-top {
    width: 95%;
    margin-left: 29px;
    background-color: #dadada;
    height: 1px;
    float: left;
    margin-bottom: 24px;
    margin-left: 36px; } }

.numberd-list.sharable ol .li-borderline-bottom {
  width: 90%;
  margin-left: 29px;
  background-color: #dadada;
  height: 1px; }
  @media (min-width: 1280px) {
    .numberd-list.sharable ol .li-borderline-bottom {
      width: 94%;
      margin: 30px 0 24px 44px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .numberd-list.sharable ol .li-borderline-bottom {
      width: 95%;
      margin: 30px 0 24px 28px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .numberd-list.sharable ol .li-borderline-bottom {
      width: 95%;
      margin: 30px 0 24px 36px; } }

@media (max-width: 599px) {
  .numberd-list ol li:last-child {
    margin-bottom: 8px; } }

.numberd-list ol li:last-child .li-borderline-bottom {
  margin-bottom: 0; }

@media (max-width: 599px) {
  .numberd-list ol li:last-child span {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 17px;
    float: left;
    margin-bottom: 0; } }

.bg_skyblue {
  background-color: #44b8ff; }

ol {
  counter-reset: li; }

ol.no-number > li:nth-child(-n+9)::before,
ol.no-number > li::before {
  /* 1 - 9 */
  content: " " !important;
  /* becomes 01 - 09 */
  border-bottom: 0; }

@media (min-width: 1280px) {
  ol > li::before {
    content: counter(li);
    counter-increment: li; }
  ol > li:nth-child(-n+9)::before {
    /* 1 - 9 */
    content: "0" counter(li);
    /* becomes 01 - 09 */ } }

@media (min-width: 1040px) and (max-width: 1279px) {
  ol > li::before {
    content: counter(li);
    counter-increment: li; }
  ol > li:nth-child(-n+9)::before {
    /* 1 - 9 */
    content: "0" counter(li);
    /* becomes 01 - 09 */ } }

@media (min-width: 600px) and (max-width: 1039px) {
  ol > li::before {
    content: counter(li);
    counter-increment: li; }
  ol > li:nth-child(-n+9)::before {
    /* 1 - 9 */
    content: "0" counter(li);
    /* becomes 01 - 09 */ } }

@media (max-width: 599px) {
  ol > li span::before {
    content: counter(li);
    border-bottom: 2px solid #0182d2;
    counter-increment: li;
    display: block;
    font-size: 14px;
    width: 19px; }
  ol > li:nth-child(-n+9) span::before {
    /* 1 - 9 */
    content: "0" counter(li);
    /* becomes 01 - 09 */
    display: block; } }

.section-list-w-image {
  clear: both; }
  @media (max-width: 599px) {
    .section-list-w-image {
      padding-left: 32px;
      padding-right: 32px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-list-w-image {
      padding-left: 44px; } }
  @media (min-width: 1280px) {
    .section-list-w-image .section-head {
      padding-left: 80px;
      margin-top: 20px;
      width: 27%;
      padding-right: 20px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-list-w-image .section-head {
      width: 37%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-list-w-image .section-head {
      width: 88%; } }
  @media (min-width: 1280px) {
    .section-list-w-image .section-head .legend-text {
      padding-top: 22px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-list-w-image .section-head .legend-text {
      padding-top: 22px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-list-w-image .section-head .legend-text {
      width: 100%;
      margin-bottom: 0;
      padding-top: 20px; } }
  @media (max-width: 599px) {
    .section-list-w-image .section-head .legend-text {
      margin-bottom: 0; } }
  .section-list-w-image .section-head .legend-text h2 {
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
    font-size: 18px; }
  .section-list-w-image .simple-line {
    /* margin-bottom: 20px; */ }
  @media (min-width: 1280px) {
    .section-list-w-image .left {
      padding-left: 5%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-list-w-image .numberd-list {
      width: 600px;
      clear: both;
      margin-left: 160px;
      padding: 0; } }
  @media (min-width: 1280px) {
    .section-list-w-image .numberd-list {
      width: 661px; } }
  .section-list-w-image .numberd-list .list-w-image {
    float: left;
    width: 100%;
    margin-bottom: 5%;
    border-bottom: 3px solid #f2f2f2 !important;
    padding-bottom: 1%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .section-list-w-image .numberd-list .list-w-image {
        padding-right: 5%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-list-w-image .numberd-list .list-w-image {
        width: 100%; } }
    @media (max-width: 599px) {
      .section-list-w-image .numberd-list .list-w-image {
        padding-right: 0px; } }
    .section-list-w-image .numberd-list .list-w-image .list {
      float: left;
      width: 63%; }
      @media (min-width: 1280px) {
        .section-list-w-image .numberd-list .list-w-image .list {
          width: 64%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .section-list-w-image .numberd-list .list-w-image .list {
          width: 45%; } }
      @media (max-width: 599px) {
        .section-list-w-image .numberd-list .list-w-image .list {
          width: 100%;
          padding-bottom: 20px;
          padding-top: 20px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .section-list-w-image .numberd-list .list-w-image .list {
          padding-left: 0; } }
      .section-list-w-image .numberd-list .list-w-image .list h3 {
        font-size: 24px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.42;
        letter-spacing: -0.1px;
        margin: 0; }
      .section-list-w-image .numberd-list .list-w-image .list h4 {
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.54;
        letter-spacing: 0.8px;
        color: #242424;
        opacity: 0.65;
        text-transform: inherit; }
      .section-list-w-image .numberd-list .list-w-image .list h5 {
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: 0.7px;
        color: #242424; }
      .section-list-w-image .numberd-list .list-w-image .list.span-width {
        width: 97%; }
    .section-list-w-image .numberd-list .list-w-image .list-image {
      width: 201px;
      float: right; }
      @media (max-width: 599px) {
        .section-list-w-image .numberd-list .list-w-image .list-image {
          width: 100%;
          float: left; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .section-list-w-image .numberd-list .list-w-image .list-image {
          width: 30%; } }

section {
  outline: 0 !important; }

*:focus {
  outline: none !important;
  border: 0 !important;
  outline: 0 !important;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none; }

/*Header parallax fix*/
.image-container.header-parallax-background.image-wrap {
  transition: transform 0.1s ease; }

/*Header parallax fix ends here*/
/*image reset for IE for all the components*/
.object-fit-image {
  object-fit: cover;
  font-family: 'object-fit: cover;';
  display: block;
  width: 100%;
  height: 600px; }

.ie11 .header-parallax-background.image-wrap {
  width: 100%; }

.ie11 .header-parallax-background.image-wrap img {
  display: block;
  width: 100%; }
  @media (min-width: 1280px) {
    .ie11 .header-parallax-background.image-wrap img {
      height: 480px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .ie11 .header-parallax-background.image-wrap img {
      height: 400px; } }
  @media (min-width: 1800px) {
    .ie11 .header-parallax-background.image-wrap img {
      height: 400px; } }

@media (min-width: 1280px) {
  .list-outline {
    outline: none; } }

.anstext a,
.internal-link {
  border-bottom: 1px solid #00adf2;
  text-decoration: none;
  padding-bottom: 2px;
  color: #282828; }
  @media (min-width: 1280px) {
    .anstext a,
    .internal-link {
      border-bottom: 2px solid #00adf2; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .anstext a,
    .internal-link {
      border-bottom: 2px solid #00adf2; } }
  @media (max-width: 599px) {
    .anstext a,
    .internal-link {
      word-wrap: break-word;
      border-bottom: 1px solid #00adf2; } }
  .anstext a:focus,
  .internal-link:focus {
    color: black;
    text-decoration: none;
    border-bottom: 1px solid #00adf2 !important; }
    @media (min-width: 1280px) {
      .anstext a:focus,
      .internal-link:focus {
        border-bottom: 2px solid #00adf2 !important; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .anstext a:focus,
      .internal-link:focus {
        border-bottom: 2px solid #00adf2 !important; } }
  .anstext a:link,
  .internal-link:link {
    color: black;
    text-decoration: none;
    border-bottom: 1px solid #00adf2 !important; }
    @media (min-width: 1280px) {
      .anstext a:link,
      .internal-link:link {
        border-bottom: 2px solid #00adf2 !important; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .anstext a:link,
      .internal-link:link {
        border-bottom: 2px solid #00adf2 !important; } }
  .anstext a:visited,
  .internal-link:visited {
    border-bottom: 1px solid #00adf2; }
    @media (min-width: 1280px) {
      .anstext a:visited,
      .internal-link:visited {
        border-bottom: 2px solid #00adf2; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .anstext a:visited,
      .internal-link:visited {
        border-bottom: 2px solid #00adf2; } }
  .anstext a:hover,
  .internal-link:hover {
    color: #00adf2;
    text-decoration: none;
    border-bottom: 1px solid #00adf2; }
    @media (min-width: 1280px) {
      .anstext a:hover,
      .internal-link:hover {
        border-bottom: 2px solid #00adf2; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .anstext a:hover,
      .internal-link:hover {
        border-bottom: 2px solid #00adf2; } }
  .anstext a:active,
  .internal-link:active {
    border-bottom: 1px solid #00adf2;
    text-decoration: none;
    padding-bottom: 2px;
    color: #282828; }
    @media (min-width: 1280px) {
      .anstext a:active,
      .internal-link:active {
        border-bottom: 2px solid #00adf2; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .anstext a:active,
      .internal-link:active {
        border-bottom: 2px solid #00adf2; } }
  .anstext a span,
  .internal-link span {
    border-bottom: 2px solid #00adf2;
    padding-bottom: 2px; }
    @media (max-width: 599px) {
      .anstext a span,
      .internal-link span {
        border-bottom: 1px solid #00adf2; } }

/*.quote-block .author-details a {
	border-bottom: 1px solid #fff;
	//text-decoration: none;
	padding-bottom: 2px;
	@include desktop{
		 border-bottom: 2px solid #fff;
	}
	 @include desktopsmall{
		border-bottom: 2px solid #fff;
	}
	 @include mobile{
		word-wrap: break-word;            
	 }*/
/*	&:focus {

	//	text-decoration: none;
		// border-bottom: 1px solid #00adf2 !important;
         border-bottom: 1px solid #fff;
		  @include desktop{
				//border-bottom: 2px solid #00adf2 !important;
                border-bottom: 2px solid #fff;
		}
			@include desktopsmall{
				//border-bottom: 2px solid #00adf2 !important;
                border-bottom: 2px solid #fff;
		}
	}*/
/*	 &:link {

		//text-decoration: none;
		// border-bottom: 1px solid #00adf2 !important;
        border-bottom: 1px solid #fff;
		  @include desktop{
				//border-bottom: 2px solid #00adf2 !important;
                border-bottom: 2px solid #fff;
		}
			@include desktopsmall{
				//border-bottom: 2px solid #00adf2 !important;
                border-bottom: 2px solid #fff;
		}
	}*/
/*	&:visited {
		// border-bottom: 1px solid #00adf2;
        border-bottom: 1px solid #fff;
			  @include desktop{
			// border-bottom: 2px solid #00adf2;
            border-bottom: 2px solid #fff;
		}
		 @include desktopsmall{
			// border-bottom: 2px solid #00adf2;
            border-bottom: 2px solid #fff;
		}
	}*/
/*	&:hover {
		color: #00adf2;
		text-decoration: none;
		 border-bottom: 1px solid #00adf2;
		  @include desktop{
				 border-bottom: 2px solid #00adf2;
			}
			 @include desktopsmall{
				 border-bottom: 2px solid #00adf2;
			}
	}*/
/*&:active {
		//border-bottom: 1px solid #00adf2;
        border-bottom: 1px solid #fff;
		//text-decoration: none;
		padding-bottom: 2px;
		color: $black;
		@include desktop{
			// border-bottom: 2px solid #00adf2;
            border-bottom: 2px solid #fff;
		}
		 @include desktopsmall{
			// border-bottom: 2px solid #00adf2;
            border-bottom: 2px solid #fff;
		}
	}*/
.feedcard {
  cursor: pointer; }

.faq-block {
  display: inline-block; }
  @media (max-width: 599px) {
    .faq-block {
      padding-right: 15px;
      padding-left: 17px; } }
  .faq-block .panel-default {
    position: relative; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .faq-block .section-head {
      margin: 0 7%;
      width: 70%; } }
  @media (min-width: 1280px) {
    .faq-block .section-head {
      padding-left: 70px;
      margin-top: 5px;
      padding-right: 57px;
      width: 27%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .faq-block .section-head .left {
      padding-left: 64px; } }
  .faq-block .section-head .legend-text {
    padding-top: 22px;
    letter-spacing: normal; }
  .faq-block .panel-heading,
  .faq-block .panel-collapse {
    height: auto !important;
    background-color: transparent; }
  .faq-block .panel,
  .faq-block .panel + .panel {
    border: 0;
    cursor: pointer;
    box-shadow: none;
    margin-top: 30px;
    background-color: rgba(1, 130, 210, 0.06); }
    @media (max-width: 599px) {
      .faq-block .panel,
      .faq-block .panel + .panel {
        margin-top: 20px;
        padding-top: 22px;
        padding-bottom: 33px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .faq-block .panel,
      .faq-block .panel + .panel {
        padding-top: 46px;
        padding-bottom: 48px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .faq-block .panel,
      .faq-block .panel + .panel {
        padding-top: 46px;
        padding-bottom: 49px; } }
    @media (min-width: 1280px) {
      .faq-block .panel,
      .faq-block .panel + .panel {
        padding-top: 41px;
        padding-bottom: 49px;
        position: relative; } }
  .faq-block .panel-heading {
    border-radius: 0;
    padding: 0; }
  .faq-block .panel-title {
    cursor: pointer;
    width: 100%; }
  .faq-block .expand-icon,
  .faq-block .collapse-icon {
    color: #f88023;
    background-color: #ffffff;
    bottom: 0px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 0px;
    text-align: center;
    height: 30px;
    width: 30px;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    padding-top: 5px; }
    @media (max-width: 599px) {
      .faq-block .expand-icon,
      .faq-block .collapse-icon {
        width: 20px;
        height: 20px;
        padding-top: 2px;
        font-size: 20px;
        bottom: 0; } }
  @media (max-width: 599px) {
    .faq-block .ques {
      font-size: 15px;
      line-height: 1.47; } }
  .faq-block .ques .queshead {
    display: inline-block;
    float: left;
    text-align: center;
    color: #282828;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0px;
    padding-right: unset; }
    @media (max-width: 599px) {
      .faq-block .ques .queshead {
        font-size: 13px;
        padding-left: 14px;
        padding-top: 1px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .faq-block .ques .queshead {
        padding-left: 28px;
        padding-top: 3px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .faq-block .ques .queshead {
        padding-left: 38px;
        padding-top: 3px; } }
    @media (min-width: 1280px) {
      .faq-block .ques .queshead {
        padding-left: 32px;
        padding-top: 3px; } }
  .faq-block .ques .questext {
    display: inline-block;
    padding-left: 16px;
    width: 92%;
    color: #282828;
    text-align: left;
    line-height: 24px; }
    @media (max-width: 599px) {
      .faq-block .ques .questext {
        padding-left: 20px;
        padding-right: 15.7px;
        font-size: 15px;
        line-height: 22px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .faq-block .ques .questext {
        padding-left: 26px;
        padding-right: 65px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .faq-block .ques .questext {
        padding-left: 36px;
        padding-right: 44px;
        width: 90%; } }
    @media (min-width: 1280px) {
      .faq-block .ques .questext {
        padding-left: 47px;
        padding-right: 44px; } }
  .faq-block .ques:before {
    padding: 0 47px 0 32px;
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: -0px; }
    @media (max-width: 599px) {
      .faq-block .ques:before {
        font-size: 13px;
        line-height: 1.38;
        letter-spacing: -0px;
        padding-left: 14px;
        padding-right: 20px; } }
  .faq-block .ans {
    color: #103d5a;
    display: inline-block;
    float: left;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: 0.3px;
    width: 100%;
    padding-top: 16px; }
    @media (min-width: 1280px) {
      .faq-block .ans {
        text-align: left;
        color: #103d5a; } }
    .faq-block .ans .anshead {
      display: inline-block;
      float: left;
      text-align: center;
      color: #282828;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: -0px; }
      @media (max-width: 599px) {
        .faq-block .ans .anshead {
          font-size: 13px;
          padding-left: 14px;
          padding-top: 1px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .faq-block .ans .anshead {
          padding-left: 28px;
          padding-top: 3px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .faq-block .ans .anshead {
          padding-left: 38px;
          padding-top: 3px; } }
      @media (min-width: 1280px) {
        .faq-block .ans .anshead {
          padding-left: 32px;
          padding-top: 3px; } }
    .faq-block .ans .anstext {
      display: inline-block;
      float: left;
      width: 85%;
      color: #103d5a;
      padding-left: 14px;
      font-weight: 300;
      letter-spacing: 0.3px;
      font-size: 22px;
      line-height: 34px; }
      @media (max-width: 599px) {
        .faq-block .ans .anstext {
          font-size: 20px;
          line-height: 30px;
          margin-left: 45px;
          width: 82%;
          padding-left: 0px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .faq-block .ans .anstext {
          padding-left: 27px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .faq-block .ans .anstext {
          padding-left: 37px; } }
      @media (min-width: 1280px) {
        .faq-block .ans .anstext {
          padding-left: 48px; } }
      .faq-block .ans .anstext a.internal-link, .faq-block .ans .anstext a.external-link {
        color: #103d5a; }
        .faq-block .ans .anstext a.internal-link:link, .faq-block .ans .anstext a.external-link:link {
          color: #103d5a;
          text-decoration: none;
          border-bottom: 2px solid #00adf2 !important; }
        .faq-block .ans .anstext a.internal-link:visited, .faq-block .ans .anstext a.external-link:visited {
          color: #00adf2;
          text-decoration: none;
          border-bottom: 2px solid #00adf2 !important; }
        .faq-block .ans .anstext a.internal-link:hover, .faq-block .ans .anstext a.external-link:hover {
          color: #00adf2;
          text-decoration: none;
          border-bottom: 2px solid #00adf2 !important; }
        .faq-block .ans .anstext a.internal-link:active, .faq-block .ans .anstext a.external-link:active {
          color: #00adf2;
          text-decoration: none;
          border-bottom: 2px solid #00adf2 !important; }
  .faq-block .panel-body::before {
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 1.29;
    padding: 0px 3% 0 2%; }
  .faq-block .collapse-icon {
    display: none; }
  .faq-block .collapse.in .collapse-icon {
    display: inline-block; }
  .faq-block .col-lg-10 {
    background-color: #ffffff;
    float: right;
    padding: 3%; }
  .faq-block h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    letter-spacing: 0px;
    color: #282828;
    margin: 0; }
    @media (max-width: 599px) {
      .faq-block h3 {
        font-size: 16px;
        line-height: 1.38;
        padding-left: 15px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .faq-block h3 {
        padding-left: 21px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .faq-block h3 {
        padding-left: 0px; } }
    @media (min-width: 1280px) {
      .faq-block h3 {
        padding-left: 30px; } }
  .faq-block .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
    padding: 0px; }
  .faq-block .faq-right {
    width: 100%; }

.panel-group:not(:first-child) {
  /*@include mobile {
            margin-top: 33px; 
        }*/ }
  @media (min-width: 600px) and (max-width: 1039px) {
    .panel-group:not(:first-child) {
      margin-top: 24px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .panel-group:not(:first-child) {
      margin-top: 30px; } }
  @media (min-width: 1280px) {
    .panel-group:not(:first-child) {
      margin-top: 28px; } }

.faq-block .see-all a {
  font-size: 18px;
  font-weight: 500;
  color: #282828;
  line-height: 26px; }

.panel-heading h4 {
  font-weight: normal; }

.faq-right-wrapper {
  float: left;
  width: 691px; }
  @media (max-width: 599px) {
    .faq-right-wrapper {
      float: none;
      width: 100%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .faq-right-wrapper {
      position: relative;
      width: 533px;
      margin: 0 0 0 7%;
      padding-right: 5%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .faq-right-wrapper {
      width: 599px;
      clear: both;
      margin-left: 16.7%; } }
  @media (min-width: 1280px) {
    .faq-right-wrapper {
      width: 691px; } }

/* Localization code */
@media (max-width: 599px) {
  html:lang(ja) .faq-block .ques .questext {
    padding-right: 25px;
    width: 80%; } }

@media (min-width: 1280px) {
  html:lang(ja) .faq-block .ques .questext {
    width: 90%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  html:lang(ja) .faq-block .ques .questext {
    width: 87%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  html:lang(ja) .faq-block .ques .questext {
    padding-right: 25px;
    width: 88%; } }

@media (max-width: 599px) {
  html:lang(ko) .faq-block .ques .questext {
    padding-right: 25px;
    width: 80%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  html:lang(ko) .faq-block .ques .questext {
    padding-right: 25px;
    width: 88%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  html:lang(ko) .faq-block .ques .questext {
    width: 87%; } }

@media (min-width: 1280px) {
  html:lang(ko) .faq-block .ques .questext {
    width: 90%; } }

html:lang(ko) section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-title {
  width: auto; }

@media (max-width: 599px) {
  html:lang(th) .faq-block .ques .questext {
    padding-right: 25px;
    width: 80%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  html:lang(th) .faq-block .ques .questext {
    padding-right: 25px;
    width: 86%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  html:lang(th) .faq-block .ques .questext {
    width: 85%; } }

@media (min-width: 1280px) {
  html:lang(th) .faq-block .ques .questext {
    width: 88%; } }

/*#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jquery-script-center {
    width: 960px;
    margin: 0 auto;
}

.jquery-script-center ul {
    width: 212px;
    float: left;
    line-height: 45px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.jquery-script-center a {
    text-decoration: none;
}

.jquery-script-ads {
    width: 728px;
    height: 90px;
    float: right;
}

.jquery-script-clear {
    clear: both;
    height: 0;
}*/
/*Plugin CSS*/
.str_wrap {
  overflow: hidden;
  zoom: 1;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  background: white;
  white-space: nowrap; }
  .str_wrap.str_active {
    background: white; }

.str_move {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  cursor: move; }

.str_move_clone {
  display: inline-block;
  display: inline;
  zoom: 1;
  vertical-align: top;
  position: absolute;
  left: 100%;
  top: 0; }
  @media (max-width: 599px) {
    .str_move_clone {
      width: auto !important; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .str_move_clone {
      width: auto !important; } }

.str_vertical .str_move_clone {
  left: 0;
  top: 100%; }

.str_down .str_move_clone {
  left: 0;
  bottom: 100%; }

.str_vertical .str_move, .str_down .str_move {
  white-space: normal;
  width: 100%; }

.str_static .str_move, .no_drag .str_move, .noStop .str_move {
  cursor: inherit; }

.str_wrap img {
  max-width: none !important; }

.str3 {
  font-size: 0 !important; }

.str3-2 {
  background: none !important; }
  .str3-2 span {
    border: 5px solid #ccc;
    background: #f1f1f1;
    color: #999;
    margin: 0 5px;
    text-align: center;
    font: 40px/100px Arial, Helvetica, sans-serif;
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top; }

.str3 .str_item {
  font-size: 0;
  line-height: 0; }

.str3 img {
  opacity: 1; }
  .str3 img:hover {
    opacity: 1; }

.str3.str_wrap.str_active {
  background: #fff; }

.quote-block {
  float: left;
  width: 100%;
  position: relative; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .quote-block {
      margin-right: 44px;
      margin-left: 44px;
      width: 92%; } }
  @media (min-width: 1280px) {
    .quote-block {
      margin-right: 60px;
      margin-left: 60px;
      width: 92%; } }
  @media (min-width: 1800px) {
    .quote-block {
      width: 100%; } }
  .quote-block.bg_yellow a, .quote-block.bg_yellow .internal-link {
    color: #282828; }
    .quote-block.bg_yellow a:focus, .quote-block.bg_yellow .internal-link:focus {
      border-bottom: 1px solid #282828 !important; }
  .quote-block.bg_yellow .internal-link {
    border: 0; }
  @media (max-width: 599px) {
    .quote-block.bg_red .author-details p a, .quote-block.bg_blue .author-details p a, .quote-block.bg_green .author-details p a, .quote-block.bg_yellow .author-details p a {
      color: #282828; } }
  .quote-block.bg_red .author-details a, .quote-block.bg_blue .author-details a, .quote-block.bg_green .author-details a {
    color: #ffffff; }
    @media (max-width: 599px) {
      .quote-block.bg_red .author-details a, .quote-block.bg_blue .author-details a, .quote-block.bg_green .author-details a {
        color: #282828; } }
  .quote-block.bg_red .author-details .internal-link, .quote-block.bg_blue .author-details .internal-link, .quote-block.bg_green .author-details .internal-link {
    color: #ffffff;
    border-bottom: 1px solid #ffffff; }
    @media (max-width: 599px) {
      .quote-block.bg_red .author-details .internal-link, .quote-block.bg_blue .author-details .internal-link, .quote-block.bg_green .author-details .internal-link {
        color: #282828;
        border-bottom: 1px solid #282828; } }
  .quote-block .row {
    margin: 0; }
  @media (max-width: 599px) {
    .quote-block .quote-container {
      position: relative; } }
  .quote-block .quote-container .quote-mark-open {
    color: #282828;
    font-family: helvetica;
    font-weight: bold; }
    @media (max-width: 599px) {
      .quote-block .quote-container .quote-mark-open {
        padding-top: 40px;
        margin: 0 auto;
        text-align: center;
        font-size: 36px;
        height: auto !important; } }
    @media (min-width: 1280px) {
      .quote-block .quote-container .quote-mark-open {
        font-size: 112px;
        width: 13.5%;
        text-align: center; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .quote-block .quote-container .quote-mark-open {
        font-size: 68px;
        width: 13.5%;
        text-align: center; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .quote-block .quote-container .quote-mark-open {
        font-size: 76px;
        width: 13.5%;
        text-align: center; } }
    @media (min-width: 1280px) {
      .quote-block .quote-container .quote-mark-open span {
        position: absolute;
        left: 60px;
        top: 60%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .quote-block .quote-container .quote-mark-open span {
        position: absolute;
        top: 73%;
        left: 42px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .quote-block .quote-container .quote-mark-open span {
        position: absolute;
        left: 42px;
        top: 73%; } }
    @media (max-width: 599px) {
      .quote-block .quote-container .quote-mark-open span {
        display: block;
        font-size: 36px; } }
  .quote-block .quote-container .quote-wrapper {
    text-align: center; }
    @media (min-width: 1280px) {
      .quote-block .quote-container .quote-wrapper {
        padding: 95px 0 41px 0;
        width: 73%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .quote-block .quote-container .quote-wrapper {
        margin: 0 auto;
        padding: 100px 42px 40px 42px;
        width: 73%; } }
    @media (max-width: 599px) {
      .quote-block .quote-container .quote-wrapper {
        padding-bottom: 0px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .quote-block .quote-container .quote-wrapper {
        padding-top: 95px;
        padding-bottom: 34px;
        width: 73%; } }
    .quote-block .quote-container .quote-wrapper .quote-para {
      opacity: 0;
      margin: 0 auto; }
      .quote-block .quote-container .quote-wrapper .quote-para span {
        position: static; }
      @media (max-width: 599px) {
        .quote-block .quote-container .quote-wrapper .quote-para {
          padding-left: 31px;
          padding-right: 25px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .quote-block .quote-container .quote-wrapper .quote-para {
          padding-left: 0px;
          padding-right: 0px; } }
      .quote-block .quote-container .quote-wrapper .quote-para .quote-desc {
        font-size: 26px;
        text-align: center;
        line-height: 36px; }
        @media (min-width: 1280px) {
          .quote-block .quote-container .quote-wrapper .quote-para .quote-desc {
            font-size: 60px;
            line-height: 76px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .quote-block .quote-container .quote-wrapper .quote-para .quote-desc {
            font-size: 48px;
            line-height: 60px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .quote-block .quote-container .quote-wrapper .quote-para .quote-desc {
            font-size: 40px;
            line-height: 51px; } }
  .quote-block .quote-container .quote-mark-closed {
    color: #282828;
    font-family: helvetica;
    font-weight: bold; }
    @media (max-width: 599px) {
      .quote-block .quote-container .quote-mark-closed {
        margin: 0 auto;
        text-align: center;
        padding-bottom: 40px;
        font-size: 36px;
        margin-top: 15px;
        height: auto !important; } }
    @media (min-width: 1280px) {
      .quote-block .quote-container .quote-mark-closed {
        font-size: 112px;
        width: 13.5%;
        text-align: center; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .quote-block .quote-container .quote-mark-closed {
        font-size: 68px;
        width: 13.5%;
        text-align: center; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .quote-block .quote-container .quote-mark-closed {
        font-size: 76px;
        width: 13.5%;
        text-align: center; } }
  @media (min-width: 1280px) {
    .quote-block .quote-container span {
      position: absolute;
      right: 60px;
      top: 60%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .quote-block .quote-container span {
      position: absolute;
      top: 73%;
      right: 42px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .quote-block .quote-container span {
      position: absolute;
      right: 42px;
      top: 73%; } }
  @media (max-width: 599px) {
    .quote-block .quote-container span {
      display: block; } }
  .quote-block .author-details {
    font-size: 16px;
    line-height: 1.38; }
    @media (max-width: 599px) {
      .quote-block .author-details {
        background-color: #ffffff;
        line-height: 1.57;
        font-size: 14px;
        color: #282828;
        padding-right: 15px;
        /* padding-bottom: 15px; */
        position: unset;
        width: 100%; } }
    @media (min-width: 1280px) {
      .quote-block .author-details {
        top: 18px;
        float: right;
        position: relative;
        right: 26px;
        line-height: 1.38; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .quote-block .author-details {
        top: 15px;
        float: right;
        position: relative;
        right: 26px;
        line-height: 1.38; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .quote-block .author-details {
        float: right;
        position: relative;
        right: 26px;
        top: 20px;
        line-height: 1.38; } }
    @media (max-width: 599px) {
      .quote-block .author-details a {
        font-size: 14px;
        line-height: 22px;
        color: #282828; } }
  .quote-block .sectionlanding-quote-share {
    float: right; }
    @media (max-width: 599px) {
      .quote-block .sectionlanding-quote-share {
        position: absolute;
        bottom: 0;
        right: 0;
        top: unset; } }

.author-details {
  padding-left: 15px; }
  @media (max-width: 599px) {
    .author-details {
      font-size: 14px;
      line-height: 22px;
      padding: 8px 0 0 15px;
      float: left; } }
  .author-details a {
    text-decoration: none; }

.section-para-animate {
  -webkit-animation: section-paragraph-appear 1.5s;
  animation: section-paragraph-appear 1.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1);
  animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1); }

@keyframes section-paragraph-appear {
  0% {
    opacity: 0.0;
    transform: translateY(20%); }
  100% {
    opacity: 1.0;
    transform: translateY(0%); } }

@-webkit-keyframes section-paragraph-appear {
  0% {
    opacity: 0.0;
    transform: translateY(20%); }
  100% {
    opacity: 1.0;
    transform: translateY(0%); } }

.sectionlanding-quote-share {
  position: relative; }
  @media (max-width: 599px) {
    .sectionlanding-quote-share {
      top: -60px; } }

.line-animate {
  -webkit-animation: line-anime 1s;
  animation: line-anime 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear; }
  @media (max-width: 599px) {
    .line-animate {
      -webkit-animation: line-anime1 1s;
      animation: line-anime1 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .line-animate {
      -webkit-animation: line-anime2 1s;
      animation: line-anime2 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .line-animate {
      -webkit-animation: line-anime3 1s;
      animation: line-anime3 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; } }

@keyframes line-anime {
  0% {
    line-height: 90px; }
  100% {
    line-height: 76px; } }

@-webkit-keyframes line-anime {
  0% {
    line-height: 90px; }
  100% {
    line-height: 76px; } }

@keyframes line-anime1 {
  0% {
    line-height: 45px; }
  100% {
    line-height: 36px; } }

@-webkit-keyframes line-anime1 {
  0% {
    line-height: 45px; }
  100% {
    line-height: 36px; } }

@keyframes line-anime2 {
  0% {
    line-height: 60px; }
  100% {
    line-height: 51px; } }

@-webkit-keyframes line-anime2 {
  0% {
    line-height: 60px; }
  100% {
    line-height: 51px; } }

@keyframes line-anime3 {
  0% {
    line-height: 70px; }
  100% {
    line-height: 60px; } }

@-webkit-keyframes line-anime3 {
  0% {
    line-height: 70px; }
  100% {
    line-height: 60px; } }

.quote-block .author-details a {
  color: #fff; }
  @media (max-width: 599px) {
    .quote-block .author-details a {
      color: #282828; } }

.quote-block.bg_yellow .author-details a {
  color: black;
  color: #282828; }

.section-rich-text {
  background: white;
  clear: both;
  padding: 20px 0;
  position: relative; }
  .section-rich-text .container {
    max-width: 970px;
    padding: 0 20px;
    width: 100%; }
    @media (min-width: 1040px) {
      .section-rich-text .container {
        padding: 0; } }
  .section-rich-text .image-arrow-container {
    bottom: 0;
    position: initial;
    margin-right: -2rem; }

.three-col.col-container .section-rich-text {
  padding: 2.5rem 0; }

.rich-text a {
  border-bottom: 2px solid #00adf2;
  text-decoration: none;
  padding-bottom: 2px;
  color: #282828;
  transition: all .25s; }
  .rich-text a:hover, .rich-text a:focus {
    color: #00adf2; }

.rich-text ul {
  list-style-type: disc !important;
  list-style-position: inside; }

.rich-text ol {
  list-style-type: decimal !important;
  list-style-position: inside; }

.rich-text ul ul, .rich-text ol ul {
  list-style-type: circle !important;
  list-style-position: inside;
  margin-left: 15px; }

.rich-text ol ol, .rich-text ul ol {
  list-style-type: lower-latin !important;
  list-style-position: inside;
  margin-left: 15px; }

.rich-text ol, .rich-text ul {
  padding-left: 40px; }
  .rich-text ol li, .rich-text ul li {
    display: list-item;
    list-style-type: inherit; }
    .rich-text ol li:before, .rich-text ul li:before {
      content: none !important; }

.rich-text ol li {
  display: list-item;
  list-style-type: decimal; }

/*Scroll Tracker */
div.scrolltracker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100; }

.top-bar {
  height: 0.3em;
  width: 100%; }

.scroll {
  height: 0.5em;
  width: 0%;
  background: #FD7440;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.15), 2px 4px 8px rgba(0, 0, 0, 0.15);
  position: relative;
  top: -0.5em; }

.cta-card-component {
  padding-top: 30px; }
  @media (max-width: 599px) {
    .cta-card-component {
      padding-top: 25px; } }
  .cta-card-component .bg_yellow .cta-arrow {
    background-color: #282828; }
  .cta-card-component .bg_yellow a {
    color: #282828; }
  .cta-card-component .bg_yellow .cta-heading {
    color: #282828; }
  .cta-card-component .bg_yellow .cta-description {
    color: #282828; }
  .cta-card-component .bg_yellow .cta-horizontal-line {
    opacity: 0.35;
    border-bottom: 1px solid #282828; }
  .cta-card-component .bg_red .cta-arrow,
  .cta-card-component .bg_blue .cta-arrow,
  .cta-card-component .bg_green .cta-arrow {
    background-color: #ffffff; }
  .cta-card-component .bg_red a,
  .cta-card-component .bg_blue a,
  .cta-card-component .bg_green a {
    color: #ffffff; }
  .cta-card-component .bg_red .cta-heading,
  .cta-card-component .bg_blue .cta-heading,
  .cta-card-component .bg_green .cta-heading {
    color: #ffffff; }
  .cta-card-component .bg_red .cta-description,
  .cta-card-component .bg_blue .cta-description,
  .cta-card-component .bg_green .cta-description {
    color: #ffffff; }
  .cta-card-component .bg_red .cta-horizontal-line,
  .cta-card-component .bg_blue .cta-horizontal-line,
  .cta-card-component .bg_green .cta-horizontal-line {
    opacity: 0.35;
    border-bottom: 1px solid #fff; }
  .cta-card-component .cta-card {
    float: left;
    padding: 40px 31px 40px 30px; }
    @media (max-width: 599px) {
      .cta-card-component .cta-card {
        margin-left: 16px;
        margin-right: 17px;
        width: 91.2%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .cta-card-component .cta-card {
        padding: 40px 42px 40px 41px;
        width: 81%;
        margin: 0 85px 0 7%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .cta-card-component .cta-card {
        padding: 40px 40px 40px 44px;
        margin-left: 16.6%;
        width: 639px; } }
    @media (min-width: 1280px) {
      .cta-card-component .cta-card {
        padding: 40px 58px 40px 59px;
        width: 661px; } }
    .cta-card-component .cta-card .cta-heading {
      font-size: 14px;
      line-height: 22px;
      font-weight: bold;
      letter-spacing: 1px;
      text-transform: inherit; }
    .cta-card-component .cta-card .cta-description {
      font-size: 22px;
      line-height: 30px;
      text-align: left; }
      @media (max-width: 599px) {
        .cta-card-component .cta-card .cta-description {
          font-size: 20px;
          line-height: 28px;
          padding: 10px 0 60px 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .cta-card-component .cta-card .cta-description {
          padding: 10px 0 60px 0;
          font-size: 20px;
          line-height: 28px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .cta-card-component .cta-card .cta-description {
          padding: 10px 0 60px 0;
          font-size: 22px;
          line-height: 30px; } }
      @media (min-width: 1280px) {
        .cta-card-component .cta-card .cta-description {
          padding: 10px 0 60px 0; } }
    .cta-card-component .cta-card .cta-button {
      padding-bottom: 20px;
      height: 36px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .cta-card-component .cta-card .cta-button {
          height: 40px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .cta-card-component .cta-card .cta-button {
          height: 44px; } }
      @media (min-width: 1280px) {
        .cta-card-component .cta-card .cta-button {
          height: 44px; } }
      @media screen and (min-width: 0\0) {
        .cta-card-component .cta-card .cta-button {
          height: 44px; } }
      .cta-card-component .cta-card .cta-button .cta-link {
        line-height: 22px;
        font-size: 18px; }
        @media (max-width: 599px) {
          .cta-card-component .cta-card .cta-button .cta-link {
            font-size: 16px;
            line-height: 22px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .cta-card-component .cta-card .cta-button .cta-link {
            font-size: 16px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .cta-card-component .cta-card .cta-button .cta-link {
            font-size: 16px;
            line-height: 22px; } }
        .cta-card-component .cta-card .cta-button .cta-link a:link, .cta-card-component .cta-card .cta-button .cta-link a:visited, .cta-card-component .cta-card .cta-button .cta-link a:active, .cta-card-component .cta-card .cta-button .cta-link a:hover {
          text-decoration: none; }
      .cta-card-component .cta-card .cta-button .cta-arrow {
        top: 8px;
        position: relative;
        float: right;
        display: inline-block;
        height: 25px;
        mask: url(../images/icon/Arrow-small.svg) no-repeat;
        -webkit-mask: url(../images/icon/Arrow-small.svg) no-repeat;
        mask-size: 17px;
        -webkit-mask-size: 17px;
        width: 17px; }
        @media (min-width: 1280px) {
          .cta-card-component .cta-card .cta-button .cta-arrow {
            height: 40px;
            mask-size: 21px;
            -webkit-mask-size: 21px;
            width: 21px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .cta-card-component .cta-card .cta-button .cta-arrow {
            mask-size: 20px;
            -webkit-mask-size: 20px;
            width: 20px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .cta-card-component .cta-card .cta-button .cta-arrow {
            mask-size: 17px;
            -webkit-mask-size: 17px;
            width: 17px; } }
        @media screen and (min-width: 0\0) {
          .cta-card-component .cta-card .cta-button .cta-arrow {
            background: url(../images/icon/Arrow-small-color.png) 0 -22px no-repeat;
            background-color: transparent;
            height: 17px;
            width: 22px;
            background-size: cover; } }
    .cta-card-component .cta-card .cta-horizontal-line {
      height: 1px;
      opacity: 0.35; }
  @media (min-width: 1280px) {
    .cta-card-component .section-head {
      width: 27%; } }

@media screen and (min-width: 0\0) {
  .cta-card-component .cta-card.bg_yellow .cta-button .cta-arrow {
    background: url(../images/icon/Arrow-small-color.png) 0 6px no-repeat;
    background-color: transparent;
    height: 17px;
    width: 21px;
    top: 4px;
    background-size: cover; } }

@media (min-width: 1280px) {
  .cta-card-component.cta-card-component-withimage .cta-withimage-wrap {
    display: flex;
    align-items: center;
    padding-bottom: 60px; } }

.cta-card-component.cta-card-component-withimage .cta-withimage-wrap .cta-description {
  padding-bottom: 0px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .cta-card-component.cta-card-component-withimage .cta-withimage-wrap .cta-description {
      padding-bottom: 0px; } }
  @media (min-width: 1280px) {
    .cta-card-component.cta-card-component-withimage .cta-withimage-wrap .cta-description {
      width: 60%;
      display: inline-block;
      padding-right: 10px;
      padding-bottom: 00px; } }
  .cta-card-component.cta-card-component-withimage .cta-withimage-wrap .cta-description p {
    padding: 0; }

.cta-card-component.cta-card-component-withimage .cta-withimage-wrap .cta-img {
  padding-bottom: 60px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .cta-card-component.cta-card-component-withimage .cta-withimage-wrap .cta-img {
      padding-bottom: 60px; } }
  @media (min-width: 1280px) {
    .cta-card-component.cta-card-component-withimage .cta-withimage-wrap .cta-img {
      width: 40%;
      float: right;
      padding-bottom: 0px; } }

@media only screen and (min-width: 496px) {
  .fragrance.m017-scalable-tout.m017-2-3 img {
    top: -35px;
    right: 0; } }

.inline-quote-block {
  float: right; }
  @media (max-width: 599px) {
    .inline-quote-block {
      float: left !important;
      text-align: center;
      padding: 0px; } }
  .inline-quote-block .open-quotes {
    font-size: 46px;
    margin-left: -35px;
    font-family: HelveticaNeue, Arial; }
    @media (max-width: 599px) {
      .inline-quote-block .open-quotes {
        margin: 0 auto;
        padding: 30px 0 0 0;
        width: 20%;
        display: block;
        font-size: 36px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .inline-quote-block .open-quotes {
        position: absolute;
        left: -10px;
        top: 28px;
        margin-left: -25px;
        font-size: 43px; } }
    @media (min-width: 1280px) {
      .inline-quote-block .open-quotes {
        position: absolute;
        left: 0px;
        top: 28px;
        font-size: 58px;
        margin-left: -65px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .inline-quote-block .open-quotes {
        position: absolute;
        left: 0px;
        top: 31px;
        font-size: 50px;
        margin-left: -65px; } }
  .inline-quote-block .closed-quotes {
    font-size: 40px;
    font-family: HelveticaNeue, Arial;
    display: inline-block; }
    @media (max-width: 599px) {
      .inline-quote-block .closed-quotes {
        margin: 0 auto;
        padding-top: 20px;
        width: 20%;
        display: block;
        padding-bottom: 15px;
        font-size: 34px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .inline-quote-block .closed-quotes {
        font-size: 36px; } }
    @media (min-width: 1280px) {
      .inline-quote-block .closed-quotes {
        font-size: 45px;
        display: inline-block; } }
  @media (min-width: 1280px) {
    .inline-quote-block .section-head {
      padding-left: 70px;
      margin-top: 20px;
      padding-right: 40px;
      width: 27%; } }
  .inline-quote-block .socialshare-block-white {
    position: static; }
    @media (max-width: 599px) {
      .inline-quote-block .socialshare-block-white {
        bottom: -60px;
        right: 0;
        position: absolute; } }
  .inline-quote-block .border-line {
    border-top: 1px solid #282828;
    display: block;
    float: left;
    margin-bottom: 0px;
    margin-left: 0;
    width: 100%; }
    @media (max-width: 599px) {
      .inline-quote-block .border-line {
        margin-bottom: 16px; } }
    @media (min-width: 1800px) {
      .inline-quote-block .border-line {
        border-top: 1.7px solid #282828; } }
  .inline-quote-block .inline-quote-container {
    position: relative; }
    .inline-quote-block .inline-quote-container .quote-wrapper {
      float: left; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .inline-quote-block .inline-quote-container .quote-wrapper {
          margin-left: 7%;
          padding-right: 5%;
          width: 81%; } }
      @media (min-width: 1280px) {
        .inline-quote-block .inline-quote-container .quote-wrapper {
          width: 661px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .inline-quote-block .inline-quote-container .quote-wrapper {
          width: 576px;
          margin-left: 16.7%; } }
      .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline {
        line-height: 30px;
        margin: 0;
        opacity: 0;
        width: 100%;
        padding: 0; }
        @media (max-width: 599px) {
          .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline {
            padding: 0 0 0 24px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline {
            width: 100%;
            padding: 40px 0 40px 0px;
            float: left; } }
        @media (min-width: 1280px) {
          .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline {
            width: 100%;
            padding: 0px;
            margin-top: 40px;
            margin-bottom: 50px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline {
            width: 100%;
            padding: 0px;
            margin-top: 40px;
            margin-bottom: 40px; } }
        .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline .para {
          font-size: 46px;
          line-height: 1.22; }
          @media (max-width: 599px) {
            .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline .para {
              font-size: 1.625em;
              line-height: 36px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline .para {
              font-size: 2.25em;
              line-height: 46px;
              display: inline-block; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline .para {
              font-size: 2.5em;
              line-height: 50px;
              display: inline-block; } }
          @media (min-width: 1280px) {
            .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline .para {
              line-height: 56px;
              background-image: linear-gradient(transparent 95%, #54beff 0px);
              background-size: 0 100%;
              display: block;
              background-repeat: no-repeat; } }
          .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline .para p {
            /*display: inline;*/
            margin-bottom: 0px; }
            .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline .para p:after {
              content: "\201D";
              font-family: HelveticaNeue, Arial;
              font-size: 45px; }
              @media (max-width: 599px) {
                .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline .para p:after {
                  display: none; } }
  .inline-quote-block .inline-bottom-wrapper {
    position: relative; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .inline-quote-block .inline-bottom-wrapper {
        float: left;
        width: 100%; } }
    .inline-quote-block .inline-bottom-wrapper .author-details {
      float: left;
      padding: 0;
      text-align: left;
      line-height: 1.5;
      font-weight: normal;
      letter-spacing: normal;
      text-decoration: none;
      padding-top: 15px; }
      @media (max-width: 599px) {
        .inline-quote-block .inline-bottom-wrapper .author-details {
          width: 82%;
          font-size: 14px;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.57;
          text-align: left;
          margin-bottom: 0;
          padding-left: 0px;
          padding-top: 0px;
          min-height: 16px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .inline-quote-block .inline-bottom-wrapper .author-details {
          padding-right: 8%;
          font-size: 16px;
          width: 80%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .inline-quote-block .inline-bottom-wrapper .author-details {
          width: 90%; } }
      @media (min-width: 1280px) {
        .inline-quote-block .inline-bottom-wrapper .author-details {
          width: 90%; } }
      .inline-quote-block .inline-bottom-wrapper .author-details a {
        border-bottom: 1px solid #00adf2;
        text-decoration: none;
        padding-bottom: 2px;
        color: #282828; }
        @media (min-width: 1280px) {
          .inline-quote-block .inline-bottom-wrapper .author-details a {
            border-bottom: 1px solid #00adf2; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .inline-quote-block .inline-bottom-wrapper .author-details a {
            border-bottom: 1px solid #00adf2; } }
        .inline-quote-block .inline-bottom-wrapper .author-details a:focus {
          color: black;
          text-decoration: none;
          border-bottom: 1px solid #00adf2 !important; }
          @media (min-width: 1280px) {
            .inline-quote-block .inline-bottom-wrapper .author-details a:focus {
              border-bottom: 2px solid #00adf2 !important; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .inline-quote-block .inline-bottom-wrapper .author-details a:focus {
              border-bottom: 2px solid #00adf2 !important; } }
        .inline-quote-block .inline-bottom-wrapper .author-details a:link {
          color: black;
          text-decoration: none;
          border-bottom: 1px solid #00adf2 !important; }
          @media (min-width: 1280px) {
            .inline-quote-block .inline-bottom-wrapper .author-details a:link {
              border-bottom: 2px solid #00adf2 !important; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .inline-quote-block .inline-bottom-wrapper .author-details a:link {
              border-bottom: 2px solid #00adf2 !important; } }
        .inline-quote-block .inline-bottom-wrapper .author-details a:visited {
          border-bottom: 1px solid #00adf2; }
          @media (min-width: 1280px) {
            .inline-quote-block .inline-bottom-wrapper .author-details a:visited {
              border-bottom: 2px solid #00adf2; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .inline-quote-block .inline-bottom-wrapper .author-details a:visited {
              border-bottom: 2px solid #00adf2; } }
        .inline-quote-block .inline-bottom-wrapper .author-details a:hover {
          color: #00adf2;
          text-decoration: none;
          border-bottom: 1px solid #00adf2; }
          @media (min-width: 1280px) {
            .inline-quote-block .inline-bottom-wrapper .author-details a:hover {
              border-bottom: 2px solid #00adf2; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .inline-quote-block .inline-bottom-wrapper .author-details a:hover {
              border-bottom: 2px solid #00adf2; } }
        .inline-quote-block .inline-bottom-wrapper .author-details a:active {
          border-bottom: 1px solid #00adf2;
          text-decoration: none;
          padding-bottom: 2px;
          color: #282828; }
          @media (min-width: 1280px) {
            .inline-quote-block .inline-bottom-wrapper .author-details a:active {
              border-bottom: 2px solid #00adf2; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .inline-quote-block .inline-bottom-wrapper .author-details a:active {
              border-bottom: 2px solid #00adf2; } }
        .inline-quote-block .inline-bottom-wrapper .author-details a span {
          border-bottom: 2px solid #00adf2;
          padding-bottom: 2px; }
    .inline-quote-block .inline-bottom-wrapper .inline-quote-share {
      right: 0;
      float: right;
      z-index: 1; }
      @media (max-width: 599px) {
        .inline-quote-block .inline-bottom-wrapper .inline-quote-share {
          bottom: -18px;
          clear: both;
          position: static; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .inline-quote-block .inline-bottom-wrapper .inline-quote-share {
          position: absolute; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .inline-quote-block .inline-bottom-wrapper .inline-quote-share {
          position: absolute; } }
      @media (min-width: 1280px) {
        .inline-quote-block .inline-bottom-wrapper .inline-quote-share {
          position: absolute; } }
      @media (max-width: 599px) {
        .inline-quote-block .inline-bottom-wrapper .inline-quote-share .share-icon {
          position: absolute;
          right: 0; } }
  .inline-quote-block .quote-para-animate {
    -webkit-animation: inline-paragraph-appear3 2s;
    animation: inline-paragraph-appear 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    @media (max-width: 599px) {
      .inline-quote-block .quote-para-animate {
        -webkit-animation: inline-paragraph-appear1 4s;
        animation: inline-paragraph-appear1 4s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .inline-quote-block .quote-para-animate {
        -webkit-animation: inline-paragraph-appear2 2s;
        animation: inline-paragraph-appear1 2s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards; } }

@keyframes inline-paragraph-appear3 {
  0% {
    opacity: 0.0;
    line-height: 80px;
    transform: translateY(10%); }
  100% {
    opacity: 1.0;
    line-height: 60px;
    transform: translateY(0%); } }

@-webkit-keyframes inline-paragraph-appear3 {
  0% {
    opacity: 0.0;
    line-height: 80px;
    transform: translateY(10%); }
  100% {
    opacity: 1.0;
    line-height: 60px;
    transform: translateY(0%); } }

@keyframes inline-paragraph-appear1 {
  0% {
    opacity: 0.0;
    line-height: 56px;
    transform: translateY(10%); }
  100% {
    opacity: 1.0;
    line-height: 46px;
    transform: translateY(0%); } }

@-webkit-keyframes inline-paragraph-appear1 {
  0% {
    opacity: 0.0;
    line-height: 56px;
    transform: translateY(10%); }
  100% {
    opacity: 1.0;
    line-height: 46px;
    transform: translateY(0%); } }

@keyframes inline-paragraph-appear2 {
  0% {
    opacity: 0.0;
    line-height: 56px;
    transform: translateY(10%); }
  100% {
    opacity: 1.0;
    line-height: 46px;
    transform: translateY(0%); } }

@-webkit-keyframes inline-paragraph-appear2 {
  0% {
    opacity: 0.0;
    line-height: 56px;
    transform: translateY(10%); }
  100% {
    opacity: 1.0;
    line-height: 46px;
    transform: translateY(0%); } }
  .inline-quote-block .underline {
    background-size: 100% 100% !important;
    transition: background-size .3s ease-in; }
  .inline-quote-block .remove-underline {
    background-size: 0% 100%;
    transition: background-size .3s ease-in; }

.inline-quote-block .border-line:nth-child(3) {
  opacity: 0.5;
  margin-bottom: 0; }
  @media (max-width: 599px) {
    .inline-quote-block .border-line:nth-child(3) {
      margin-bottom: 20px; } }

@media (max-width: 599px) {
  .articleplaceholder section.inline-quote-block {
    width: 100%;
    padding: 25px 33px 0 33px;
    margin-bottom: 10px; } }

.scj-preview-mode .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline {
  opacity: 1; }

.inline-quote-block .para p + span.closed-quotes {
  display: none; }

.section-para-animate-inline {
  -webkit-animation: section-paragraph-inline 1.5s;
  animation: section-paragraph-inline 1.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1);
  animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1); }
  @media (max-width: 599px) {
    .section-para-animate-inline {
      -webkit-animation: section-paragraph-inline1 1.5s;
      animation: section-paragraph-inline1 1.5s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1);
      animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1); } }

@keyframes section-paragraph-inline {
  0% {
    opacity: 0.0;
    transform: translateY(20%); }
  100% {
    opacity: 1.0;
    transform: translateY(0%); } }

@-webkit-keyframes section-paragraph-inline {
  0% {
    opacity: 0.0;
    transform: translateY(20%); }
  100% {
    opacity: 1.0;
    transform: translateY(0%); } }

@keyframes section-paragraph-inline1 {
  0% {
    opacity: 0.0;
    transform: translateY(27%); }
  100% {
    opacity: 1.0;
    transform: translateY(0%); } }

@-webkit-keyframes section-paragraph-inline1 {
  0% {
    opacity: 0.0;
    transform: translateY(27%); }
  100% {
    opacity: 1.0;
    transform: translateY(0%); } }

@media (min-width: 1280px) {
  html:lang(fr) .inline-quote-block .open-quotes {
    top: 23px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  html:lang(fr) .inline-quote-block .open-quotes {
    top: 25px; } }

@media (min-width: 1280px) {
  html:lang(de) .inline-quote-block .open-quotes,
  html:lang(ro) .inline-quote-block .open-quotes,
  html:lang(pl) .inline-quote-block .open-quotes {
    top: -4px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  html:lang(de) .inline-quote-block .open-quotes,
  html:lang(ro) .inline-quote-block .open-quotes,
  html:lang(pl) .inline-quote-block .open-quotes {
    top: 2px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  html:lang(de) .inline-quote-block .open-quotes,
  html:lang(ro) .inline-quote-block .open-quotes,
  html:lang(pl) .inline-quote-block .open-quotes {
    top: 6px; } }

.ie11 .inline-quote-block .inline-quote-container .quote-wrapper {
  margin-bottom: 2px; }

/* Japanese spcific css starts */
@media (min-width: 1280px) {
  html:lang(ja-JP) .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline .para {
    display: block; } }

/* Japanese spcific css ends */
.page-tout-component {
  float: left;
  width: 100%; }
  @media (min-width: 1280px) {
    .page-tout-component {
      padding-left: 60px;
      padding-right: 60px;
      width: 100%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .page-tout-component {
      width: 100%;
      padding-left: 45px;
      padding-right: 45px; } }
  .page-tout-component .bg_yellow a {
    color: #282828; }
  .page-tout-component .bg_yellow .ptout-heading {
    color: #282828; }
  .page-tout-component .bg_yellow .ptout-description {
    color: #282828; }
  .page-tout-component .bg_yellow .ptout-horizontal-line {
    border-top: solid 1px #282828; }
  .page-tout-component .bg_yellow .ptout-link {
    color: #282828; }
  .page-tout-component .bg_red a,
  .page-tout-component .bg_blue a,
  .page-tout-component .bg_green a {
    color: #ffffff; }
  .page-tout-component .bg_red .ptout-heading,
  .page-tout-component .bg_blue .ptout-heading,
  .page-tout-component .bg_green .ptout-heading {
    color: #ffffff; }
  .page-tout-component .bg_red .ptout-description,
  .page-tout-component .bg_blue .ptout-description,
  .page-tout-component .bg_green .ptout-description {
    color: #ffffff; }
  .page-tout-component .bg_red .ptout-horizontal-line,
  .page-tout-component .bg_blue .ptout-horizontal-line,
  .page-tout-component .bg_green .ptout-horizontal-line {
    border-top: solid 1px #ffffff; }
  .page-tout-component .bg_red .ptout-link,
  .page-tout-component .bg_blue .ptout-link,
  .page-tout-component .bg_green .ptout-link {
    color: #ffffff; }
  .page-tout-component .bg_yellow {
    background-color: #ffce04;
    color: black; }
  .page-tout-component .bg_red {
    background-color: #de4649;
    color: white; }
  .page-tout-component .bg_green {
    background-color: #00b139;
    color: white; }
  .page-tout-component .bg_blue {
    background-color: #0182d2;
    color: white; }
  .page-tout-component .parallex-block {
    color: #ffffff;
    text-align: center; }
    @media (min-width: 1280px) {
      .page-tout-component .parallex-block {
        padding: 34px 0px 35px 0px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .page-tout-component .parallex-block {
        padding: 33px 0px 30px 0px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .page-tout-component .parallex-block {
        padding: 30px 0px 31px 0px; } }
    @media (max-width: 599px) {
      .page-tout-component .parallex-block {
        padding: 30px 0px 31px 0px; } }
    .page-tout-component .parallex-block .vertical-border {
      border-left: 1px solid #185881;
      height: 35px;
      margin: 0 auto;
      width: 1px; }
    .page-tout-component .parallex-block .parallex-img img {
      display: inline-block;
      width: auto; }
    .page-tout-component .parallex-block .parallex-head {
      padding-bottom: 20px;
      font-size: 5em;
      font-weight: 500;
      line-height: 100px;
      letter-spacing: -2.4px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .page-tout-component .parallex-block .parallex-head {
          font-family: "aktiv-grotesk";
          font-size: 3em;
          font-weight: 500;
          line-height: 44px;
          letter-spacing: -1px; } }
      @media (max-width: 599px) {
        .page-tout-component .parallex-block .parallex-head {
          font-size: 2.375em;
          line-height: 44px;
          letter-spacing: -1.1px; } }
    .page-tout-component .parallex-block .description-details {
      border-left: 1px solid #185881;
      text-align: left; }
      .page-tout-component .parallex-block .description-details .description {
        color: #f8f8f8;
        display: inline-block;
        padding-bottom: 10px;
        margin: 4% 0 0 6%;
        width: 60%;
        font-size: 1em;
        font-weight: 400;
        letter-spacing: -0.1px;
        line-height: 24px; }
        @media (max-width: 599px) {
          .page-tout-component .parallex-block .description-details .description {
            width: 90%;
            text-align: center;
            color: black; } }
    .page-tout-component .parallex-block .row {
      margin: 0px; }
  .page-tout-component .parallax-image {
    height: 550px;
    position: relative; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .page-tout-component .parallax-image {
        height: 500px; } }
    @media (min-width: 1280px) {
      .page-tout-component .parallax-image {
        height: 400px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .page-tout-component .parallax-image {
        height: 400px; } }
    .page-tout-component .parallax-image .img-responsive img:first-child {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      transition: height 2s; }
  .page-tout-component .page-tout {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 0; }
    .page-tout-component .page-tout .page-tout-bg {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-size: cover;
      transition: height 25s;
      z-index: -1;
      transition-timing-function: ease;
      -webkit-transition-timing-function: ease; }
      .page-tout-component .page-tout .page-tout-bg img {
        width: 2500px;
        height: 500px;
        position: relative;
        bottom: 0px;
        right: 861px;
        opacity: 0.4;
        margin-top: 54px; }
        @media (max-width: 599px) {
          .page-tout-component .page-tout .page-tout-bg img {
            right: initial;
            margin-left: 50%;
            transform: translateX(-50%); } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .page-tout-component .page-tout .page-tout-bg img {
            right: initial;
            margin-left: 50%;
            transform: translateX(-50%); } }
        @media (max-width: 1500px) and (min-width: 1280px) {
          .page-tout-component .page-tout .page-tout-bg img {
            width: 2650px;
            right: 715px;
            bottom: 106px; } }
        @media (max-width: 1650px) and (min-width: 1501px) {
          .page-tout-component .page-tout .page-tout-bg img {
            width: 3092px;
            right: 843px;
            bottom: 106px; } }
        @media (max-width: 1799px) and (min-width: 1651px) {
          .page-tout-component .page-tout .page-tout-bg img {
            width: 3292px;
            right: 850px;
            bottom: 106px; } }
        @media (max-width: 1999px) and (min-width: 1800px) {
          .page-tout-component .page-tout .page-tout-bg img {
            width: 3400px;
            right: 850px;
            bottom: 106px; } }
        @media (max-width: 2560px) and (min-width: 2000px) {
          .page-tout-component .page-tout .page-tout-bg img {
            width: 3500px;
            right: 55%;
            bottom: 106px; } }
    .page-tout-component .page-tout .title {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      display: table; }
      .page-tout-component .page-tout .title h1 {
        display: table-cell;
        vertical-align: middle; }
  .page-tout-component .ptout-horizontal-line {
    height: 2px;
    clear: both; }
    @media (min-width: 1280px) {
      .page-tout-component .ptout-horizontal-line {
        margin-right: 30px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .page-tout-component .ptout-horizontal-line {
        margin-right: 22px; } }
  .page-tout-component .line-margin  {
    margin-right:  31px; }

@include mobile  {
  .page-tout-component .line-margin  {
    margin-right:  0; } }
  .page-tout-component .line-opacity  {
    opacity:  0 0.5; }
  .page-tout-component .ptout-button {
    margin-bottom: 4.95%;
    float: left;
    width: 100%; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .page-tout-component .ptout-button {
        margin-bottom: 7%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .page-tout-component .ptout-button {
        float: left;
        width: 100%;
        margin-bottom: 19px; } }
    .page-tout-component .ptout-button .ptout-link {
      line-height: 1.22;
      font-size: 18px;
      float: left;
      width: 90%;
      text-align: left; }
      @media (min-width: 1280px) {
        .page-tout-component .ptout-button .ptout-link {
          padding-top: 2px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .page-tout-component .ptout-button .ptout-link {
          line-height: 1.18;
          font-size: 16px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .page-tout-component .ptout-button .ptout-link {
          line-height: 1.38;
          padding-top: 6px;
          font-size: 16px; } }
      @media (max-width: 599px) {
        .page-tout-component .ptout-button .ptout-link {
          font-size: 16px; } }
      .page-tout-component .ptout-button .ptout-link a:link, .page-tout-component .ptout-button .ptout-link a:visited, .page-tout-component .ptout-button .ptout-link a:active, .page-tout-component .ptout-button .ptout-link a:hover {
        text-decoration: none; }
    .page-tout-component .ptout-button .ptout-arrow {
      margin-top: 2%;
      float: right;
      display: inline-block;
      width: 20px;
      overflow: hidden; }
      @media (min-width: 1280px) {
        .page-tout-component .ptout-button .ptout-arrow {
          height: 11px;
          width: 20px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .page-tout-component .ptout-button .ptout-arrow {
          height: 11px;
          width: 20px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .page-tout-component .ptout-button .ptout-arrow {
          height: 11px;
          width: 20px; } }
      @media screen and (min-width: 0\0) {
        .page-tout-component .ptout-button .ptout-arrow {
          /* background: url(../images/icon/Arrow-small-color.png) 0 -32px no-repeat; */
          /* background-color:transparent; */
          /*height: 40px;*/
          /* width:31px;*/ } }
  .page-tout-component .ptout-heading {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    padding-top: 7%;
    margin-bottom: 30%;
    font-size: 44px;
    line-height: 1.18;
    text-align: left;
    letter-spacing: 1px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .page-tout-component .ptout-heading {
        width: 90%;
        margin-bottom: 23.5%;
        padding-top: 3%;
        font-size: 46px;
        line-height: 1.17;
        text-align: left; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .page-tout-component .ptout-heading {
        width: 90%;
        margin-bottom: 3%;
        padding-top: 2.7%;
        font-size: 50px;
        line-height: 1.16;
        text-align: left; } }
    @media (min-width: 1280px) {
      .page-tout-component .ptout-heading {
        width: 90%;
        margin-bottom: 2%;
        padding-top: 1.7%;
        font-size: 60px;
        line-height: 1.17;
        text-align: left; } }
  .page-tout-component .ptout-description {
    font-size: 1.375em;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 34px;
    padding-top: 4.5%;
    margin-bottom: 15%;
    text-align: left;
    line-height: 1.36; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .page-tout-component .ptout-description {
        margin-bottom: 21px;
        margin-bottom: 90px;
        padding-top: 3.1%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .page-tout-component .ptout-description {
        margin-bottom: 38%;
        padding-top: 8%; } }
    @media (min-width: 1280px) {
      .page-tout-component .ptout-description {
        margin-bottom: 32%; } }
    @media (max-width: 599px) {
      .page-tout-component .ptout-description {
        padding-top: 7.5%;
        margin-bottom: 19%; } }
  @media (min-width: 1280px) {
    .page-tout-component .page-data {
      padding-left: 4.6%;
      padding-right: 4.5%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .page-tout-component .page-data {
      padding-left: 4.5%;
      padding-right: 4.6%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .page-tout-component .page-data {
      padding-left: 5.9%;
      padding-right: 5.6%; } }
  @media (max-width: 599px) {
    .page-tout-component .page-data {
      padding-left: 8.3%;
      padding-right: 8.5%; } }
  @media (max-width: 599px) {
    .page-tout-component .socialshare-block-white {
      right: 8px;
      bottom: 5px; } }

.ptout-horizontal-line.line-opacity {
  opacity: 0.5;
  margin-right: 0px; }

.page-tout-component .col-lg-4.col-md-4 .ptout-horizontal-line:nth-child(1) {
  margin-right: 0px; }

/*@media screen and (min-width:0px)*/
.ie11 .page-tout-component .bg_yellow .ptout-button .ptout-arrow {
  /*background: url(../images/icon/Arrow-small-color.png) 0 12px no-repeat; */
  /*background-color: transparent;*/
  /*height: 23px;*/
  width: 20px;
  margin-top: 0px;
  /*background-size:20px;*/ }

.contact-us-block {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0 auto;
  clear: both;
  padding: 0px;
  float: left; }
  @media (max-width: 599px) {
    .contact-us-block {
      margin-top: 30px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .contact-us-block {
      padding: 0px;
      margin-top: 20px;
      margin-top: 45px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .contact-us-block {
      width: 100%;
      position: relative;
      padding: 0px 44px 0 44px;
      margin-top: 60px; } }
  @media (min-width: 1280px) {
    .contact-us-block {
      width: 100%;
      position: relative;
      padding: 0px 61px 0 60px;
      margin-top: 60px; } }
  .contact-us-block .contact-hd {
    width: 84%;
    margin: 0 8%;
    border-top: 1px solid #282828;
    float: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .contact-us-block .contact-hd {
        width: 89.1%;
        margin: 0 5.5%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .contact-us-block .contact-hd {
        width: 100%;
        margin: 0px; } }
    @media (min-width: 1280px) {
      .contact-us-block .contact-hd {
        width: 100%;
        margin: 0px; } }
    .contact-us-block .contact-hd .page-heading {
      width: 80%;
      float: left; }
      @media (max-width: 599px) {
        .contact-us-block .contact-hd .page-heading {
          line-height: 44px;
          padding: 10px 0 6px 0px;
          font-size: 24px;
          color: #282828;
          font-weight: 300; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .contact-us-block .contact-hd .page-heading {
          width: 70%;
          font-size: 36px;
          line-height: 44px;
          padding: 15px 0 16px 0px;
          font-weight: 300; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .contact-us-block .contact-hd .page-heading {
          padding: 15px 0 20px 0px;
          width: 75%;
          font-weight: 300;
          font-size: 36px;
          line-height: 54px; } }
      @media (min-width: 1280px) {
        .contact-us-block .contact-hd .page-heading {
          padding: 15px 0 37px 0px;
          width: 80%;
          font-size: 50px;
          font-weight: 300;
          line-height: 54px; } }
      .contact-us-block .contact-hd .page-heading a {
        text-decoration: none;
        color: #282828; }
    .contact-us-block .contact-hd .contact-us-link {
      float: left; }
      @media (min-width: 1280px) {
        .contact-us-block .contact-hd .contact-us-link {
          padding: 0px 20px 0 0;
          text-align: right;
          width: 17.5%;
          position: relative;
          left: 11px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .contact-us-block .contact-hd .contact-us-link {
          padding: 0px 20px 0 20px;
          text-align: right;
          width: 19%;
          position: relative;
          left: 40px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .contact-us-block .contact-hd .contact-us-link {
          padding-right: 10px;
          text-align: right;
          width: 25.8%; } }
      .contact-us-block .contact-hd .contact-us-link a {
        text-decoration: none;
        color: #282828;
        display: none;
        color: #282828; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .contact-us-block .contact-hd .contact-us-link a {
            display: block;
            margin-top: 35px;
            font-size: 16px;
            line-height: 25px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .contact-us-block .contact-hd .contact-us-link a {
            display: block;
            margin-top: 38px;
            font-size: 1em;
            font-weight: 400;
            letter-spacing: -0.1px;
            line-height: 24px;
            font-size: 16px;
            line-height: 25px; } }
        @media (min-width: 1280px) {
          .contact-us-block .contact-hd .contact-us-link a {
            display: block;
            margin-top: 43px;
            font-size: 18px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.39;
            letter-spacing: normal; } }
  .contact-us-block .black-arrow {
    width: 21px;
    height: 11px;
    margin: 30px 2px 0 0px;
    float: right; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .contact-us-block .black-arrow {
        margin: 44px 2px 0 0px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .contact-us-block .black-arrow {
        margin: 46px 2px 0 0px; } }
    @media (min-width: 1280px) {
      .contact-us-block .black-arrow {
        margin: 52px 2px 0 0px; } }
  .contact-us-block .banner-main {
    position: relative;
    clear: both; }
    @media (max-width: 599px) {
      .contact-us-block .banner-main .card-wrapper {
        padding-bottom: 12px; } }
  .contact-us-block .sticky-contactus {
    background-size: 100%, 100%;
    height: 240px;
    overflow: hidden;
    width: 100%;
    display: block;
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .contact-us-block .sticky-contactus {
        display: none; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .contact-us-block .sticky-contactus {
        display: none; } }
    @media (min-width: 1280px) {
      .contact-us-block .sticky-contactus {
        display: none; } }
  .contact-us-block .contact-us-wrapper-desk {
    display: none; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .contact-us-block .contact-us-wrapper-desk {
        background-size: 100%, 100%;
        height: 420px;
        overflow: hidden;
        width: 100%;
        display: block;
        background-repeat: no-repeat;
        background-size: cover; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .contact-us-block .contact-us-wrapper-desk {
        background-size: 100%, 100%;
        height: 480px;
        overflow: hidden;
        width: 100%;
        display: block;
        object-fit: cover;
        height: 480px;
        background-repeat: no-repeat;
        background-size: cover; } }
    @media (min-width: 1280px) {
      .contact-us-block .contact-us-wrapper-desk {
        background-size: 100%, 100%;
        height: auto;
        overflow: hidden;
        width: 100%;
        display: block;
        object-fit: cover;
        height: 600px;
        background-repeat: no-repeat;
        background-size: cover; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .contact-us-block .contact-us-wrapper-desk .img-responsive {
        display: none; } }
    @media (min-width: 1280px) {
      .contact-us-block .contact-us-wrapper-desk .img-responsive {
        display: none; } }
    .contact-us-block .contact-us-wrapper-desk .diamond-img {
      display: inline-block;
      position: absolute;
      top: 32px;
      left: 30px; }
      @media (min-width: 1280px) {
        .contact-us-block .contact-us-wrapper-desk .diamond-img {
          top: 23px;
          width: 196px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .contact-us-block .contact-us-wrapper-desk .diamond-img {
          top: 29px;
          left: 30px;
          width: 178.6px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .contact-us-block .contact-us-wrapper-desk .diamond-img {
          display: none; } }
      @media (max-width: 599px) {
        .contact-us-block .contact-us-wrapper-desk .diamond-img {
          display: none; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .contact-us-block .card-wrapper {
      margin: 0 auto;
      width: 100%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .contact-us-block .card-wrapper {
      margin: 0 auto;
      width: 852px; } }
  @media (min-width: 1280px) {
    .contact-us-block .card-wrapper {
      margin: 0 auto;
      width: 1072px; } }
  .contact-us-block .card-wrapper .box-main {
    margin-top: -120px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .contact-us-block .card-wrapper .box-main {
        position: absolute;
        top: 103px;
        width: 100%;
        margin-top: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .contact-us-block .card-wrapper .box-main {
        position: absolute;
        top: 123px;
        margin-top: 0; } }
    @media (min-width: 1280px) {
      .contact-us-block .card-wrapper .box-main {
        position: absolute;
        top: 125px;
        margin-top: 0; } }
    @media (max-width: 599px) {
      .contact-us-block .card-wrapper .box-main {
        position: relative;
        z-index: 2; } }
  .contact-us-block .card-wrapper .card-contact {
    margin: 0 auto;
    width: 88%; }
    @media (max-width: 599px) {
      .contact-us-block .card-wrapper .card-contact {
        margin-bottom: 16.5px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .contact-us-block .card-wrapper .card-contact {
        width: 25%;
        float: left; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .contact-us-block .card-wrapper .card-contact {
        width: 25%;
        float: left;
        overflow: hidden; } }
    @media (min-width: 1280px) {
      .contact-us-block .card-wrapper .card-contact {
        width: 25%;
        float: left;
        overflow: hidden; } }
    .contact-us-block .card-wrapper .card-contact:nth-child(1) {
      height: 214px;
      background-color: #0182D2;
      width: 84.6%; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .contact-us-block .card-wrapper .card-contact:nth-child(1) {
          height: 214px;
          width: 27.8%;
          margin: 0 0 0 5.5%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .contact-us-block .card-wrapper .card-contact:nth-child(1) {
          height: 258px;
          width: 258px;
          margin-right: 41px; } }
      @media (min-width: 1280px) {
        .contact-us-block .card-wrapper .card-contact:nth-child(1) {
          height: 330px;
          width: 330px;
          margin-right: 40px; } }
      .contact-us-block .card-wrapper .card-contact:nth-child(1) h2 {
        color: #ffffff; }
      .contact-us-block .card-wrapper .card-contact:nth-child(1) .para-height {
        height: 128px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .contact-us-block .card-wrapper .card-contact:nth-child(1) .para-height {
            height: 136px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .contact-us-block .card-wrapper .card-contact:nth-child(1) .para-height {
            height: 172px; } }
        @media (min-width: 1280px) {
          .contact-us-block .card-wrapper .card-contact:nth-child(1) .para-height {
            height: 232px; } }
        .contact-us-block .card-wrapper .card-contact:nth-child(1) .para-height .paraContent {
          font-size: 1em;
          font-weight: 400;
          letter-spacing: -0.1px;
          line-height: 24px;
          color: #ffffff;
          display: none;
          font-size: 18px; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(1) .para-height .paraContent {
              display: none; } }
          @media (min-width: 1280px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(1) .para-height .paraContent {
              display: block;
              font-size: 18px;
              padding: 13px 0 0 0;
              line-height: 26px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(1) .para-height .paraContent {
              display: block;
              font-size: 16px;
              padding: 9px 0 0 0;
              line-height: 24px; } }
      .contact-us-block .card-wrapper .card-contact:nth-child(1) .border-line {
        border-bottom: 1px solid rgba(255, 255, 255, 0.35);
        /*height: 35px;*/
        display: block;
        margin: 0px;
        width: 100%;
        position: absolute;
        width: 80%;
        bottom: 20px;
        padding-bottom: 20px;
        /*@include desktopsmall {
                        height: 35px;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.35);
                    }

                    @include desktop {
                        height: 40px;
                    }

                    @include mobile {
                        height: 37px;
                    }*/ }
        .contact-us-block .card-wrapper .card-contact:nth-child(1) .border-line .left-tab {
          width: 85%;
          float: left;
          color: #ffffff;
          font-size: 16px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.38;
          letter-spacing: normal;
          text-transform: inherit; }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(1) .border-line .left-tab {
              font-size: 16px;
              line-height: 22px; } }
          @media (min-width: 1280px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(1) .border-line .left-tab {
              font-size: 18px;
              line-height: 22px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(1) .border-line .left-tab {
              font-size: 16px;
              line-height: 22px; } }
        .contact-us-block .card-wrapper .card-contact:nth-child(1) .border-line .right-tab {
          width: 20px;
          float: right;
          vertical-align: middle;
          margin: 8px 0 0 0;
          position: relative;
          overflow: hidden; }
          @media (max-width: 599px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(1) .border-line .right-tab {
              margin: 6px 0 0 0; } }
          @media (min-width: 1280px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(1) .border-line .right-tab {
              margin: 7px 0 0 0; } }
          .contact-us-block .card-wrapper .card-contact:nth-child(1) .border-line .right-tab img {
            position: relative;
            display: none; }
    .contact-us-block .card-wrapper .card-contact:nth-child(2) {
      height: 214px;
      background-color: #ffce04;
      width: 84.6%; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .contact-us-block .card-wrapper .card-contact:nth-child(2) {
          height: 214px;
          width: 27.8%;
          margin: 0 0 0 2.8%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .contact-us-block .card-wrapper .card-contact:nth-child(2) {
          height: 258px;
          width: 258px;
          margin-right: 41px; } }
      @media (min-width: 1280px) {
        .contact-us-block .card-wrapper .card-contact:nth-child(2) {
          height: 330px;
          width: 330px;
          margin-right: 40px; } }
      .contact-us-block .card-wrapper .card-contact:nth-child(2) h2 {
        color: #282828; }
      .contact-us-block .card-wrapper .card-contact:nth-child(2) .para-height {
        height: 128px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .contact-us-block .card-wrapper .card-contact:nth-child(2) .para-height {
            height: 136px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .contact-us-block .card-wrapper .card-contact:nth-child(2) .para-height {
            height: 172px; } }
        @media (min-width: 1280px) {
          .contact-us-block .card-wrapper .card-contact:nth-child(2) .para-height {
            height: 232px; } }
        .contact-us-block .card-wrapper .card-contact:nth-child(2) .para-height .paraContent {
          font-size: 1em;
          font-weight: 400;
          letter-spacing: -0.1px;
          line-height: 24px;
          color: #282828;
          display: none; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(2) .para-height .paraContent {
              display: none; } }
          @media (min-width: 1280px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(2) .para-height .paraContent {
              display: block;
              font-size: 18px;
              padding: 13px 0 0 0;
              line-height: 26px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(2) .para-height .paraContent {
              display: block;
              font-size: 16px;
              padding: 9px 0 0 0;
              line-height: 24px; } }
      .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line {
        border-bottom: 1px solid rgba(40, 40, 40, 0.35);
        /*height: 35px;*/
        display: block;
        margin: 0px;
        width: 100%;
        position: absolute;
        width: 80%;
        bottom: 20px;
        padding-bottom: 20px;
        /*@include desktopsmall {
                        height: 35px;
                        border-bottom: 1px solid rgba(40, 40, 40, 0.35);
                    }

                    @include desktop {
                        height: 40px;
                    }

                    @include mobile {
                        height: 37px;
                    }*/ }
        .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line .left-tab {
          width: 85%;
          float: left;
          color: #282828;
          font-size: 16px;
          line-height: 22px;
          text-transform: inherit; }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line .left-tab {
              font-size: 16px;
              line-height: 22px; } }
          @media (min-width: 1280px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line .left-tab {
              font-size: 18px;
              line-height: 22px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line .left-tab {
              font-size: 16px;
              line-height: 22px; } }
        .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line .right-tab {
          width: 20px;
          float: right;
          vertical-align: middle;
          margin: 8px 0 0 0;
          position: relative;
          overflow: hidden;
          background-size: cover;
          background-position: top right; }
          @media (min-width: 1280px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line .right-tab {
              margin: 7px 0 0 0; } }
          @media (max-width: 599px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line .right-tab {
              margin: 6px 0 0 0; } }
          .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line .right-tab img {
            position: relative;
            display: none; }
          .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line .right-tab.arrow-animate3 {
            float: right;
            vertical-align: middle;
            padding: 8px 0 0 0;
            position: relative;
            overflow: hidden;
            background: url(../images/icon/white-arrow-contact-yellow.png) no-repeat;
            height: 10px;
            background-size: cover;
            background-position: top right; }
          .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line .right-tab.arrow-animate4 {
            background: url(../images/icon/white-arrow-contact-yellow.png);
            width: 20px;
            height: 10px;
            background-size: cover;
            background-position: top center;
            transition: all 0.5s;
            transition-timing-function: ease-in-out; }
          .contact-us-block .card-wrapper .card-contact:nth-child(2) .border-line .right-tab.arrow-animate5 {
            background: url(../images/icon/white-arrow-contact-yellow.png);
            width: 20px;
            height: 10px;
            background-size: cover;
            background-position: top left;
            transition: all 0.5s;
            transition-timing-function: ease-in-out; }
    .contact-us-block .card-wrapper .card-contact:nth-child(3) {
      height: 214px;
      background-color: #DE4649;
      width: 84.6%; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .contact-us-block .card-wrapper .card-contact:nth-child(3) {
          height: 214px;
          width: 27.8%;
          margin: 0 0% 0 2.8%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .contact-us-block .card-wrapper .card-contact:nth-child(3) {
          height: 258px;
          width: 258px; } }
      @media (min-width: 1280px) {
        .contact-us-block .card-wrapper .card-contact:nth-child(3) {
          height: 330px;
          width: 330px; } }
      .contact-us-block .card-wrapper .card-contact:nth-child(3) h2 {
        color: #ffffff; }
      .contact-us-block .card-wrapper .card-contact:nth-child(3) .para-height {
        height: 128px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .contact-us-block .card-wrapper .card-contact:nth-child(3) .para-height {
            height: 136px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .contact-us-block .card-wrapper .card-contact:nth-child(3) .para-height {
            height: 172px; } }
        @media (min-width: 1280px) {
          .contact-us-block .card-wrapper .card-contact:nth-child(3) .para-height {
            height: 232px; } }
        .contact-us-block .card-wrapper .card-contact:nth-child(3) .para-height .paraContent {
          font-size: 1em;
          font-weight: 400;
          letter-spacing: -0.1px;
          line-height: 24px;
          color: #ffffff;
          display: none; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(3) .para-height .paraContent {
              display: none; } }
          @media (min-width: 1280px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(3) .para-height .paraContent {
              display: block;
              font-size: 18px;
              padding: 13px 0 0 0;
              line-height: 26px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(3) .para-height .paraContent {
              display: block;
              font-size: 16px;
              padding: 9px 0 0 0;
              line-height: 24px; } }
      .contact-us-block .card-wrapper .card-contact:nth-child(3) .border-line {
        border-bottom: 1px solid rgba(255, 255, 255, 0.35);
        /*height: 35px;*/
        display: block;
        margin: 0px;
        width: 100%;
        position: absolute;
        width: 80%;
        bottom: 20px;
        padding-bottom: 20px;
        /*@include desktopsmall {
                        height: 35px;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.35);
                    }

                    @include desktop {
                        height: 40px;
                    }

                    @include mobile {
                        height: 37px;
                    }*/ }
        .contact-us-block .card-wrapper .card-contact:nth-child(3) .border-line .left-tab {
          width: 85%;
          float: left;
          color: #ffffff;
          font-size: 16px;
          line-height: 22px;
          text-transform: inherit; }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(3) .border-line .left-tab {
              font-size: 16px;
              line-height: 22px; } }
          @media (min-width: 1280px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(3) .border-line .left-tab {
              font-size: 18px;
              line-height: 22px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(3) .border-line .left-tab {
              font-size: 16px;
              line-height: 22px; } }
        .contact-us-block .card-wrapper .card-contact:nth-child(3) .border-line .right-tab {
          width: 20px;
          float: right;
          vertical-align: middle;
          margin: 8px 0 0 0;
          position: relative;
          overflow: hidden; }
          @media (min-width: 1280px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(3) .border-line .right-tab {
              margin: 7px 0 0 0; } }
          @media (max-width: 599px) {
            .contact-us-block .card-wrapper .card-contact:nth-child(3) .border-line .right-tab {
              margin: 6px 0 0 0; } }
          .contact-us-block .card-wrapper .card-contact:nth-child(3) .border-line .right-tab img {
            position: relative;
            display: none; }
  .contact-us-block .card-wrapper .first-box,
  .contact-us-block .card-wrapper .sec-box,
  .contact-us-block .card-wrapper .third-box {
    height: 100%;
    padding: 18px 32px; }
    @media (max-width: 599px) {
      .contact-us-block .card-wrapper .first-box,
      .contact-us-block .card-wrapper .sec-box,
      .contact-us-block .card-wrapper .third-box {
        padding: 2px 25px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .contact-us-block .card-wrapper .first-box,
      .contact-us-block .card-wrapper .sec-box,
      .contact-us-block .card-wrapper .third-box {
        padding: 10px 18px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .contact-us-block .card-wrapper .first-box,
      .contact-us-block .card-wrapper .sec-box,
      .contact-us-block .card-wrapper .third-box {
        padding: 10px 10px;
        margin: 0 22px;
        overflow: hidden; } }
    @media (min-width: 1280px) {
      .contact-us-block .card-wrapper .first-box,
      .contact-us-block .card-wrapper .sec-box,
      .contact-us-block .card-wrapper .third-box {
        padding: 10px 10px;
        margin: 0 22px;
        overflow: hidden; } }

.connect-main {
  padding: 10px 0 0 0;
  border-bottom: 1px solid rgba(40, 40, 40, 0.35);
  height: 53px;
  width: 84.2%;
  clear: both; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .connect-main {
      width: 55%;
      float: right;
      margin-right: 34px;
      padding: 21px 0 0 0;
      height: 61px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .connect-main {
      width: 29.5%;
      float: right;
      margin: 6px 43px 0px 0px;
      height: 56px; } }
  @media (min-width: 1280px) {
    .connect-main {
      width: 30%;
      float: right;
      height: 75px;
      margin: 10px 62px 0px 0px; } }
  .connect-main .stay-connect-left {
    float: left;
    width: 82%;
    padding: 0px 0 0 0;
    text-transform: inherit;
    font-size: 16px;
    line-height: 22px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .connect-main .stay-connect-left {
        font-size: 16px;
        line-height: 22px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .connect-main .stay-connect-left {
        width: 60%;
        padding: 5px 0 0 0;
        font-size: 16px;
        line-height: 22px; } }
    @media (min-width: 1280px) {
      .connect-main .stay-connect-left {
        width: 60%;
        padding: 20px 0 0 0;
        font-size: 18px;
        color: #282828;
        line-height: 22px; } }
    @media (max-width: 1280px) {
      .connect-main .stay-connect-left {
        width: 55%; } }
  .connect-main .stay-connect-right-mob {
    width: 8%;
    float: right;
    padding: 6px 0 0 0;
    display: block;
    position: relative; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .connect-main .stay-connect-right-mob {
        display: none; } }
    @media (min-width: 1280px) {
      .connect-main .stay-connect-right-mob {
        display: none; } }
    .connect-main .stay-connect-right-mob .socialshare-block-white {
      top: -13px;
      -webkit-transition: width 1s, background-color 1s;
      transition: width 1s, background-color 1s;
      position: absolute;
      top: -18px;
      right: 0px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .connect-main .stay-connect-right-mob .socialshare-block-white {
          top: -22px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .connect-main .stay-connect-right-mob .socialshare-block-white {
          display: none; } }
      @media (min-width: 1280px) {
        .connect-main .stay-connect-right-mob .socialshare-block-white {
          display: none; } }
      .connect-main .stay-connect-right-mob .socialshare-block-white .social-width-dec {
        -webkit-transition: width 1s, background-color 1s;
        transition: width 1s, background-color 1s;
        position: absolute;
        top: -13px;
        right: 0px;
        /* margin-top: 42px; */ }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .connect-main .stay-connect-right-mob .socialshare-block-white .social-width-dec {
            display: none; } }
        @media (min-width: 1280px) {
          .connect-main .stay-connect-right-mob .socialshare-block-white .social-width-dec {
            display: none; } }
        .connect-main .stay-connect-right-mob .socialshare-block-white .social-width-dec .share-icon {
          background-image: url(../images/icon/Share-Icon.svg);
          background-repeat: no-repeat;
          height: 35px;
          width: 35px;
          right: 0;
          display: block; }
        @media (max-width: 599px) {
          .connect-main .stay-connect-right-mob .socialshare-block-white .social-width-dec {
            left: 10px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .connect-main .stay-connect-right-mob .socialshare-block-white .social-width-dec {
            display: block; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .connect-main .stay-connect-right-mob .socialshare-block-white .social-width-dec {
            display: none; } }
        @media (min-width: 1280px) {
          .connect-main .stay-connect-right-mob .socialshare-block-white .social-width-dec {
            display: none; } }
    .connect-main .stay-connect-right-mob .share-icon {
      left: 9px; }
      @media (max-width: 599px) {
        .connect-main .stay-connect-right-mob .share-icon {
          left: 0; } }
  .connect-main .stay-connect-right-desktop {
    width: auto;
    float: right;
    padding: 6px 0 0 0;
    display: none; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .connect-main .stay-connect-right-desktop {
        display: none; } }
    @media (min-width: 1280px) {
      .connect-main .stay-connect-right-desktop {
        width: 150px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .connect-main .stay-connect-right-desktop {
        display: block;
        width: 46%;
        float: right;
        padding: 2px 0 0 0;
        margin: -33px 0 0 0; } }
  @media (min-width: 1040px) and (max-width: 1279px) and (min-width: 1040px) and (max-width: 1279px) {
    .connect-main .stay-connect-right-desktop ul {
      float: right; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
        .connect-main .stay-connect-right-desktop ul li {
          list-style-type: none;
          width: 16%;
          display: inline-block;
          margin: 5px 0px 0 20px; }
          .connect-main .stay-connect-right-desktop ul li a.fb-share {
            mask: url(../images/icon/Facebook-Icon.svg) no-repeat;
            background: url(../images/icon/Facebook-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/Facebook-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.twitter-share {
            mask: url(../images/icon/Twitter-Icon.svg) no-repeat;
            background: url(../images/icon/Twitter-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/Twitter-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.linkedin-share {
            mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.gplus-share {
            mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.weibo-share {
            mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.whatsapp-share {
            mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.wechat-share {
            mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.email-share {
            mask: url(../images/icon/Email-Icon.svg) no-repeat;
            background: url(../images/icon/Email-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/Email-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; } }
    @media (min-width: 1280px) {
      .connect-main .stay-connect-right-desktop {
        display: block;
        float: right;
        padding: 6px 0 0 0; }
        .connect-main .stay-connect-right-desktop ul li {
          list-style-type: none;
          width: 16%;
          display: inline-block;
          margin: 5px 0px 0 23px; }
          .connect-main .stay-connect-right-desktop ul li a.fb-share {
            mask: url(../images/icon/Facebook-Icon.svg) no-repeat;
            background: url(../images/icon/Facebook-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/Facebook-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.twitter-share {
            mask: url(../images/icon/Twitter-Icon.svg) no-repeat;
            background: url(../images/icon/Twitter-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/Twitter-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.linkedin-share {
            mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.gplus-share {
            mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.weibo-share {
            mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.whatsapp-share {
            mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.wechat-share {
            mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            background: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/LinkedIn-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; }
          .connect-main .stay-connect-right-desktop ul li a.email-share {
            mask: url(../images/icon/Email-Icon.svg) no-repeat;
            background: url(../images/icon/Email-Icon.svg) no-repeat;
            -webkit-mask: url(../images/icon/Email-Icon.svg) no-repeat;
            mask-size: 25px;
            -webkit-mask-size: 25px;
            height: 26px;
            width: 26px;
            display: block; } }

/* animation Css start */
.animate_hd {
  font-size: 22px;
  line-height: 28px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .animate_hd {
      font-size: 22px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .animate_hd {
      font-size: 26px;
      -webkit-transition: font-size 0.2s;
      /* For Safari 3.1 to 6.0 */
      transition: font-size 0.2s;
      transition: all 0.2s cubic-bezier(0, 0.45, 0.25, 1);
      line-height: 34px; } }
  @media (min-width: 1280px) {
    .animate_hd {
      font-size: 30px;
      line-height: 34px;
      -webkit-transition: all 0.5s cubic-bezier(0.8, 0, 0.2, 1);
      transition: all 0.5s cubic-bezier(0.8, 0, 0.2, 1); } }

@media screen and (min-width: 0\0) {
  .contact-us-block .contact-us-wrapper-desk .diamond-img {
    top: 30px; } }

@-moz-document url-prefix() {
  .contact-us-block .contact-us-wrapper-desk .diamond-img {
    top: 30px; } }

@media (min-width: 1280px) {
  .contact-us-wrapper-desk .img-responsive {
    object-fit: cover;
    height: 600px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .contact-us-wrapper-desk .img-responsive {
    object-fit: cover;
    height: 420px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .contact-us-wrapper-desk .img-responsive {
    object-fit: cover;
    height: 480px; } }

@media (max-width: 599px) {
  .sticky-contactus .img-responsive {
    object-fit: cover;
    height: 240px; } }

/* Arrow animation contact us */
.contact-us-block .arrow-animate3 {
  float: right;
  vertical-align: middle;
  padding: 8px 0 0 0;
  position: relative;
  overflow: hidden;
  background: url(../images/icon/white-arrow-contact.png) no-repeat;
  width: 20px;
  height: 10px;
  background-size: cover;
  background-position: top right; }

.contact-us-block .arrow-animate4 {
  background: url(../images/icon/white-arrow-contact.png);
  width: 20px;
  height: 10px;
  background-size: cover;
  background-position: top center;
  transition: all 0.5s;
  transition-timing-function: ease-in-out; }

.contact-us-block .arrow-animate5 {
  background: url(../images/icon/white-arrow-contact.png);
  width: 20px;
  height: 10px;
  background-size: cover;
  background-position: top left;
  transition: all 0.5s;
  transition-timing-function: ease-in-out; }

/* animation css */
@media (min-width: 1280px) {
  .contact-us-block .card-contact:hover .animate_hd {
    font-size: 16px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .contact-us-block .card-contact:hover .animate_hd {
    font-size: 16px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .contact-us-block .card-contact .paraContent {
    opacity: 0;
    -webkit-transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0, 0.45, 0.25, 1);
    transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0, 0.45, 0.25, 1);
    transform: translateY(20%); } }

@media (min-width: 1280px) {
  .contact-us-block .card-contact .paraContent {
    opacity: 0;
    -webkit-transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0, 0.45, 0.25, 1);
    transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0, 0.45, 0.25, 1);
    transform: translateY(20%); } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .contact-us-block .card-contact:hover .paraContent {
    opacity: 1;
    transform: translateY(-13%); } }

@media (min-width: 1280px) {
  .contact-us-block .card-contact:hover .paraContent {
    opacity: 1;
    transform: translateY(-13%); } }

/* animation css ends */
/* breakpoint for 1024  */
@media only screen and (min-device-width: 768px) and (max-device-width: 1039px) and (orientation: landscape) {
  .contact-us-block .card-wrapper .card-contact:nth-child(1) {
    width: 257.7px;
    height: 257.7px; }
  .contact-us-block .card-wrapper .card-contact:nth-child(2) {
    width: 257.7px;
    height: 257.7px; }
  .contact-us-block .card-wrapper .card-contact:nth-child(3) {
    width: 257.7px;
    height: 257.7px; }
  .contact-us-block .card-wrapper .card-contact:nth-child(1) .para-height {
    height: 175px; }
  .contact-us-block .card-wrapper .card-contact:nth-child(2) .para-height {
    height: 175px; }
  .contact-us-block .card-wrapper .card-contact:nth-child(3) .para-height {
    height: 175px; }
  .contact-us-block .contact-us-wrapper-desk {
    height: 480px; }
  .contact-us-block .card-wrapper .card-contact:nth-child(1) {
    margin: 0 0 0 6%; }
  .contact-us-block .card-wrapper .card-contact:nth-child(2) {
    margin: 0 0 0 6%; }
  .contact-us-block .card-wrapper .card-contact:nth-child(3) {
    margin: 0 0 0 6%; } }

.video-main {
  padding-bottom: 1%;
  clear: both; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .video-main {
      width: 72%;
      float: right;
      margin-right: 4%;
      padding-bottom: 3%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .video-main {
      width: 72%;
      float: right;
      margin-right: 4%; } }
  @media (min-width: 1280px) {
    .video-main {
      width: 72%;
      float: right;
      margin-right: 4%; } }
  .video-main .full-width-image .video-container-banner {
    height: 100%; }
    .video-main .full-width-image .video-container-banner .youtube-player iframe {
      height: 100%;
      width: 100%; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .video-main .full-width-image .video-container-banner .youtube-player iframe {
          height: 375px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .video-main .full-width-image .video-container-banner .youtube-player iframe {
          height: 500px; } }
      @media (min-width: 1280px) {
        .video-main .full-width-image .video-container-banner .youtube-player iframe {
          height: 500px; } }
  .video-main .full-width-image .play {
    position: absolute;
    cursor: pointer;
    top: 48%;
    left: 48%;
    height: 30px; }
    @media (min-width: 1280px) {
      .video-main .full-width-image .play {
        width: 50px;
        height: 50px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-main .full-width-image .play {
        width: 50px;
        height: 50px; } }
  .video-main .banner-content {
    padding: 11px 0 6% 32px;
    float: left;
    position: relative; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-main .banner-content {
        padding: 24px 0 0 2px;
        font-size: 15px;
        line-height: 1.47; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-main .banner-content {
        padding: 20px 0 0 2px;
        width: 100%; } }
    @media (min-width: 1280px) {
      .video-main .banner-content {
        padding: 25px 0 0 2px;
        width: 100%; } }
    .video-main .banner-content .content {
      padding: 17px 0% 0 30px;
      font-size: 1em;
      font-weight: 400;
      letter-spacing: -0.1px;
      line-height: 24px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .video-main .banner-content .content {
          width: 55%;
          margin: 14px 0% 0 25%;
          border-left: 2px solid #dadada;
          padding-left: 17px;
          padding-top: 0;
          line-height: 1.4; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .video-main .banner-content .content {
          padding: 0px;
          position: relative;
          top: -26px;
          width: 42%; } }
      @media (min-width: 1280px) {
        .video-main .banner-content .content {
          padding: 0; } }
      @media (max-width: 599px) {
        .video-main .banner-content .content {
          padding-left: 0; } }
  .video-main .clear-height {
    clear: both; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-main .clear-height {
        clear: none; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-main .clear-height {
        clear: both; } }
    @media (min-width: 1280px) {
      .video-main .clear-height {
        clear: none; } }
  .video-main .video-hd {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.69;
    letter-spacing: 0.8px;
    text-transform: inherit; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-main .video-hd {
        clear: none; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-main .video-hd {
        clear: both; } }
    @media (min-width: 1280px) {
      .video-main .video-hd {
        clear: none; } }
  .video-main .section-head {
    text-transform: inherit;
    padding: 0px 5px 0 0px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.69;
    letter-spacing: 0.8px; }
    @media (max-width: 599px) {
      .video-main .section-head {
        padding: 15px 5px 0 0px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-main .section-head {
        padding: 10px 5px 0 0px; } }
    @media (min-width: 1280px) {
      .video-main .section-head {
        width: 48%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .video-main .clear-heighttab {
      clear: both; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .video-main .clear-heighttab {
      clear: none; } }
  @media (min-width: 1280px) {
    .video-main .clear-heighttab {
      clear: none; } }
  .video-main .share-arrow {
    width: 9%;
    position: absolute;
    top: 0;
    right: 0; }
    @media (max-width: 599px) {
      .video-main .share-arrow {
        top: -2px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-main .share-arrow {
        width: 8%;
        top: -1px;
        right: 0px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-main .share-arrow {
        width: 4%;
        top: 0;
        right: 0; } }
    @media (min-width: 1280px) {
      .video-main .share-arrow {
        width: 4%;
        top: 0;
        right: 0; } }

.articleplaceholder .video-main {
  width: 72%; }
  @media (max-width: 599px) {
    .articleplaceholder .video-main {
      width: 100%; } }

.one-up-topic.block-align-left {
  float: left;
  padding-left: 60px;
  clear: both;
  position: relative; }
  @media (max-width: 599px) {
    .one-up-topic.block-align-left {
      padding: 0 32px 0 16px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-left {
      padding: 0 42px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-left {
      padding: 0 42px;
      width: 100%; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-left {
      padding: 0 60px;
      width: 100%; } }
  .one-up-topic.block-align-left .topic-content {
    position: relative; }
  .one-up-topic.block-align-left .text-section {
    padding: 0 2%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .one-up-topic.block-align-left .text-section {
        padding-top: 2%;
        float: right; } }
    @media (max-width: 599px) {
      .one-up-topic.block-align-left .text-section {
        float: right;
        padding-top: 3%; } }
  .one-up-topic.block-align-left .color-section {
    float: left;
    position: relative; }
    @media (min-width: 1280px) {
      .one-up-topic.block-align-left .color-section {
        height: 360px;
        width: 360px;
        width: 29.3%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .one-up-topic.block-align-left .color-section {
        height: 256px;
        width: 256px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .one-up-topic.block-align-left .color-section {
        height: 233px;
        width: 34%; } }
    @media (max-width: 599px) {
      .one-up-topic.block-align-left .color-section {
        width: 13.8%;
        height: 47px; } }
    .one-up-topic.block-align-left .color-section .color-section-mob {
      width: 82%;
      height: 46px; }
    .one-up-topic.block-align-left .color-section h2 {
      bottom: 30px;
      padding-left: 30px;
      position: absolute;
      line-height: 34px;
      font-weight: normal;
      word-break: break-word; }
      @media (max-width: 599px) {
        .one-up-topic.block-align-left .color-section h2 {
          bottom: 15px;
          padding-left: 22px;
          position: absolute;
          color: black;
          -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
          width: 550px;
          top: 320px;
          left: -270px;
          color: #282828;
          font-size: 24px;
          line-height: 30px;
          text-align: right; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .one-up-topic.block-align-left .color-section h2 {
          font-size: 24px;
          line-height: 30px;
          bottom: 11px;
          padding-left: 22px;
          padding-right: 19px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .one-up-topic.block-align-left .color-section h2 {
          font-size: 26px;
          line-height: 1.15;
          text-align: left;
          bottom: 11px;
          padding: 0 21px; } }
      @media (min-width: 1280px) {
        .one-up-topic.block-align-left .color-section h2 {
          font-size: 30px;
          line-height: 34px;
          text-align: left;
          bottom: 20px;
          padding-left: 30px;
          padding-right: 60px; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-left .image-section {
      height: 638px;
      margin-left: 30px;
      margin-right: 30px;
      overflow: hidden;
      width: 35.5%; } }
  @media (max-width: 599px) {
    .one-up-topic.block-align-left .image-section {
      padding-left: 16px;
      width: 86%;
      overflow: hidden; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-left .image-section {
      width: 65.5%;
      padding: 0 0px 30px 24px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-left .image-section {
      margin-left: 21px;
      margin-right: 22px;
      height: 454px;
      width: 41%; } }
  .one-up-topic.block-align-left .image-section .topic-feature-img {
    opacity: 1; }
    @media (min-width: 1280px) {
      .one-up-topic.block-align-left .image-section .topic-feature-img {
        opacity: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .one-up-topic.block-align-left .image-section .topic-feature-img {
        opacity: 0; } }
  .one-up-topic.block-align-left .doublediamond {
    bottom: 0;
    position: absolute;
    width: 35.7px;
    clear: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .one-up-topic.block-align-left .doublediamond {
        bottom: 26%; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-left .right-block {
      height: 400px;
      border-top: 1px solid #282828;
      width: 29.9%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-left .right-block {
      float: right;
      padding-left: 31px;
      padding-right: 5px; } }
  @media (max-width: 599px) {
    .one-up-topic.block-align-left .right-block {
      padding-top: 20px;
      height: 100%;
      padding-left: 18.5%;
      width: 100%;
      float: right; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-left .right-block {
      height: 386px;
      border-top: 1px solid black;
      width: 26.4%; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-left .right-block .paragraph-content {
      padding-top: 0;
      height: 0;
      opacity: 0;
      overflow: hidden;
      font-size: 22px;
      line-height: 34px;
      letter-spacing: -0.1px;
      background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
      background-size: 0% 100%;
      background-repeat: no-repeat; } }
  @media (max-width: 599px) {
    .one-up-topic.block-align-left .right-block .paragraph-content {
      font-size: 18px;
      line-height: 28px;
      margin: 0 0 0; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-left .right-block .paragraph-content {
      border-top: 1px solid #282828;
      padding-top: 20px;
      height: 100%;
      font-size: 20px;
      line-height: 28px;
      text-align: left;
      color: #282828; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-left .right-block .paragraph-content {
      height: 0;
      padding-top: 0;
      overflow: hidden;
      opacity: 0;
      font-size: 20px;
      line-height: 30px;
      letter-spacing: -0.1px;
      text-align: left;
      color: #282828;
      background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
      background-size: 0% 100%;
      background-repeat: no-repeat; } }
  .one-up-topic.block-align-left .right-block .paragraph-content .topic-desc {
    display: inline;
    padding-bottom: 5px; }
    .one-up-topic.block-align-left .right-block .paragraph-content .topic-desc p {
      display: inline; }
    @media (min-width: 1280px) {
      .one-up-topic.block-align-left .right-block .paragraph-content .topic-desc {
        font-size: 22px;
        line-height: 34px;
        letter-spacing: -0.1px;
        background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
        background-size: 0% 100%;
        background-repeat: no-repeat; } }
    @media (max-width: 599px) {
      .one-up-topic.block-align-left .right-block .paragraph-content .topic-desc {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .one-up-topic.block-align-left .right-block .paragraph-content .topic-desc {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.1px;
        text-align: left;
        color: #282828;
        background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
        background-size: 0% 100%;
        background-repeat: no-repeat; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .one-up-topic.block-align-left .right-block .paragraph-content .topic-desc {
        font-size: 20px;
        line-height: 28px;
        text-align: left;
        color: #282828; } }
  .one-up-topic.block-align-left .right-block .careers {
    padding-top: 150px;
    padding-bottom: 20px; }
    @media (max-width: 599px) {
      .one-up-topic.block-align-left .right-block .careers {
        padding-top: 30px;
        padding-bottom: 20px;
        opacity: 1; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .one-up-topic.block-align-left .right-block .careers {
        padding-top: 0px;
        padding-bottom: 20px;
        visibility: hidden;
        display: none; } }
    @media (min-width: 1280px) {
      .one-up-topic.block-align-left .right-block .careers {
        padding-top: 0px;
        padding-bottom: 20px;
        visibility: hidden;
        display: none; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .one-up-topic.block-align-left .right-block .careers {
        padding-top: 40px;
        padding-bottom: 20px;
        opacity: 1; } }
    .one-up-topic.block-align-left .right-block .careers a {
      font-size: 20px;
      text-decoration: none;
      color: #282828; }
      @media (max-width: 599px) {
        .one-up-topic.block-align-left .right-block .careers a {
          font-size: 16px;
          line-height: 1.38; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .one-up-topic.block-align-left .right-block .careers a {
          font-size: 16px;
          line-height: 22px;
          width: 91%;
          display: inline-block; } }
      @media (min-width: 1280px) {
        .one-up-topic.block-align-left .right-block .careers a {
          font-size: 18px;
          line-height: 22px;
          width: 91%;
          display: inline-block; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .one-up-topic.block-align-left .right-block .careers a {
          font-size: 16px;
          line-height: 22px; } }
    .one-up-topic.block-align-left .right-block .careers .black-arrow {
      float: right;
      margin: 0;
      overflow: hidden; }
      @media (max-width: 599px) {
        .one-up-topic.block-align-left .right-block .careers .black-arrow {
          margin-top: 9px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .one-up-topic.block-align-left .right-block .careers .black-arrow {
          margin-top: 9px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .one-up-topic.block-align-left .right-block .careers .black-arrow {
          margin-top: 9px; } }
      @media (min-width: 1280px) {
        .one-up-topic.block-align-left .right-block .careers .black-arrow {
          margin-top: 9px; } }
      .one-up-topic.block-align-left .right-block .careers .black-arrow img {
        position: relative; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .one-up-topic.block-align-left .right-block .careers .black-arrow img {
            display: none; } }
        @media (min-width: 1280px) {
          .one-up-topic.block-align-left .right-block .careers .black-arrow img {
            display: none; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-left .right-block .border-brown {
      border-bottom: 1px solid #DE4649; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-left .right-block .border-brown {
      border-bottom: 1px solid #DE4649; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-left .right-block.border-brown {
      border-top: 1px solid #DE4649; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-left .right-block.border-brown {
      border-top: 1px solid #DE4649; } }
  .one-up-topic.block-align-left.block-align-right .image-section {
    float: right; }
  .one-up-topic.block-align-left.block-align-right .color-section {
    float: right; }
  .one-up-topic.block-align-left .doulediamond {
    width: 37.5px; }

/* right side style */
.one-up-topic.block-align-right {
  float: left;
  padding-left: 60px;
  clear: both;
  position: relative; }
  @media (max-width: 599px) {
    .one-up-topic.block-align-right {
      padding: 0 16px 0 31px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-right {
      padding: 0 42px 0 45px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-right {
      padding: 0 42px;
      width: 100%; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-right {
      padding: 0 60px;
      width: 100%; } }
  .one-up-topic.block-align-right .topic-content {
    position: relative; }
  .one-up-topic.block-align-right .text-section {
    padding: 0 2%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .one-up-topic.block-align-right .text-section {
        padding-top: 2%;
        float: right; } }
    @media (max-width: 599px) {
      .one-up-topic.block-align-right .text-section {
        float: right;
        padding-top: 3%; } }
  .one-up-topic.block-align-right .color-section {
    float: right;
    position: relative; }
    @media (min-width: 1280px) {
      .one-up-topic.block-align-right .color-section {
        height: 360px;
        width: 360px;
        width: 29.3%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .one-up-topic.block-align-right .color-section {
        height: 256px;
        width: 256px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .one-up-topic.block-align-right .color-section {
        height: 233px;
        width: 34%; } }
    @media (max-width: 599px) {
      .one-up-topic.block-align-right .color-section {
        width: 13.8%;
        height: 47px;
        padding-left: 16px; } }
    .one-up-topic.block-align-right .color-section .color-section-mob {
      width: 100%; }
    .one-up-topic.block-align-right .color-section h2 {
      bottom: 30px;
      padding-left: 30px;
      position: absolute;
      line-height: 34px;
      font-weight: normal;
      word-break: break-word; }
      @media (max-width: 599px) {
        .one-up-topic.block-align-right .color-section h2 {
          bottom: 15px;
          padding-left: 22px;
          position: absolute;
          color: black;
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
          width: 525px;
          top: 286px;
          left: -222px;
          color: #282828;
          font-size: 24px;
          line-height: 30px;
          text-align: left; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .one-up-topic.block-align-right .color-section h2 {
          font-size: 24px;
          line-height: 30px;
          bottom: 10px;
          padding-left: 21px;
          padding-right: 19px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .one-up-topic.block-align-right .color-section h2 {
          font-size: 26px;
          line-height: 32px;
          text-align: left;
          bottom: 10px;
          padding: 0 21px 0 20px; } }
      @media (min-width: 1280px) {
        .one-up-topic.block-align-right .color-section h2 {
          font-size: 30px;
          line-height: 38px;
          text-align: left;
          bottom: 20px;
          padding-left: 30px;
          padding-right: 60px; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-right .image-section {
      height: 638px;
      margin-left: 30px;
      margin-right: 30px;
      overflow: hidden;
      float: right;
      width: 35.5%; } }
  @media (max-width: 599px) {
    .one-up-topic.block-align-right .image-section {
      width: 81.3%;
      margin-right: 0px;
      margin-left: 0px;
      overflow: hidden; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-right .image-section {
      width: 66%;
      padding: 0 24px 30px 0px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-right .image-section {
      float: right;
      margin-left: 21px;
      margin-right: 22px;
      height: 454px;
      width: 41%; } }
  .one-up-topic.block-align-right .image-section .topic-feature-img {
    opacity: 1; }
    @media (min-width: 1280px) {
      .one-up-topic.block-align-right .image-section .topic-feature-img {
        opacity: 0; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-right .image-section.bg_yellow {
      background: transparent !important; } }
  @media (max-width: 599px) {
    .one-up-topic.block-align-right .image-section.bg_yellow {
      background: transparent !important; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-right .image-section.bg_green {
      background: transparent !important; } }
  @media (max-width: 599px) {
    .one-up-topic.block-align-right .image-section.bg_green {
      background: transparent !important; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-right .image-section.bg_red {
      background: transparent !important; } }
  @media (max-width: 599px) {
    .one-up-topic.block-align-right .image-section.bg_red {
      background: transparent !important; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-right .image-section.bg_blue {
      background: transparent !important; } }
  @media (max-width: 599px) {
    .one-up-topic.block-align-right .image-section.bg_blue {
      background: transparent !important; } }
  .one-up-topic.block-align-right .doublediamond {
    bottom: 0;
    position: absolute;
    width: 35.7px;
    clear: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .one-up-topic.block-align-right .doublediamond {
        bottom: 26%;
        right: 5.5%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .one-up-topic.block-align-right .doublediamond {
        bottom: 0;
        position: absolute;
        width: 35.7px;
        right: 43px; } }
    @media (min-width: 1280px) {
      .one-up-topic.block-align-right .doublediamond {
        bottom: 0;
        position: absolute;
        width: 35.7px;
        right: 62px; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-right .right-block {
      height: 450px;
      border-top: 1px solid #282828;
      width: 29.9%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-right .right-block {
      float: left;
      padding-left: 2px;
      padding-right: 4%; } }
  @media (max-width: 599px) {
    .one-up-topic.block-align-right .right-block {
      padding-top: 20px;
      height: 100%;
      padding-left: 0%;
      width: 100%;
      float: right;
      padding-right: 16%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-right .right-block {
      height: 386px;
      border-top: 1px solid #282828;
      width: 26.4%; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-right .right-block .paragraph-content {
      padding-top: 0px;
      height: 0;
      overflow: hidden;
      font-size: 22px;
      line-height: 34px;
      letter-spacing: -0.1px;
      background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
      background-size: 0% 100%;
      background-repeat: no-repeat;
      opacity: 0; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .one-up-topic.block-align-right .right-block .paragraph-content {
      border-top: 1px solid #282828;
      padding-top: 20px;
      height: 100%;
      font-size: 20px;
      line-height: 28px;
      text-align: left;
      color: #282828; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-right .right-block .paragraph-content {
      height: 0;
      overflow: hidden;
      padding-top: 0;
      font-size: 20px;
      line-height: 30px;
      letter-spacing: -0.1px;
      text-align: left;
      color: #282828;
      background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
      background-size: 0% 100%;
      background-repeat: no-repeat;
      opacity: 0; } }
  @media (max-width: 599px) {
    .one-up-topic.block-align-right .right-block .paragraph-content {
      font-size: 18px;
      line-height: 28px;
      margin: 0 0 0; } }
  .one-up-topic.block-align-right .right-block .paragraph-content .topic-desc {
    display: inline;
    padding-bottom: 5px; }
    .one-up-topic.block-align-right .right-block .paragraph-content .topic-desc p {
      display: inline; }
    @media (min-width: 1280px) {
      .one-up-topic.block-align-right .right-block .paragraph-content .topic-desc {
        font-size: 22px;
        line-height: 34px;
        letter-spacing: -0.1px;
        background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
        background-size: 0% 100%;
        background-repeat: no-repeat; } }
    @media (max-width: 599px) {
      .one-up-topic.block-align-right .right-block .paragraph-content .topic-desc {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .one-up-topic.block-align-right .right-block .paragraph-content .topic-desc {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.1px;
        text-align: left;
        color: #282828;
        background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
        background-size: 0% 100%;
        background-repeat: no-repeat; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .one-up-topic.block-align-right .right-block .paragraph-content .topic-desc {
        font-size: 20px;
        line-height: 28px;
        text-align: left;
        color: #282828; } }
  .one-up-topic.block-align-right .right-block .careers {
    padding-top: 150px;
    padding-bottom: 20px; }
    @media (max-width: 599px) {
      .one-up-topic.block-align-right .right-block .careers {
        padding-top: 30px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .one-up-topic.block-align-right .right-block .careers {
        padding-top: 0px;
        padding-bottom: 20px;
        visibility: hidden;
        display: none; } }
    @media (min-width: 1280px) {
      .one-up-topic.block-align-right .right-block .careers {
        padding-top: 0px;
        padding-bottom: 20px;
        visibility: hidden;
        display: none; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .one-up-topic.block-align-right .right-block .careers {
        padding-top: 40px; } }
    .one-up-topic.block-align-right .right-block .careers a {
      font-size: 20px;
      text-decoration: none;
      color: #282828; }
      @media (max-width: 599px) {
        .one-up-topic.block-align-right .right-block .careers a {
          font-size: 16px;
          line-height: 1.38; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .one-up-topic.block-align-right .right-block .careers a {
          font-size: 16px;
          line-height: 22px;
          width: 91%;
          display: inline-block; } }
      @media (min-width: 1280px) {
        .one-up-topic.block-align-right .right-block .careers a {
          font-size: 18px;
          line-height: 22px;
          width: 91%;
          display: inline-block; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .one-up-topic.block-align-right .right-block .careers a {
          font-size: 16px;
          line-height: 22px; } }
    .one-up-topic.block-align-right .right-block .careers .black-arrow {
      float: right;
      margin: 0;
      overflow: hidden; }
      @media (max-width: 599px) {
        .one-up-topic.block-align-right .right-block .careers .black-arrow {
          margin-top: 9px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .one-up-topic.block-align-right .right-block .careers .black-arrow {
          margin-top: 9px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .one-up-topic.block-align-right .right-block .careers .black-arrow {
          margin-top: 9px; } }
      @media (min-width: 1280px) {
        .one-up-topic.block-align-right .right-block .careers .black-arrow {
          margin-top: 9px; } }
      .one-up-topic.block-align-right .right-block .careers .black-arrow img {
        position: relative; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-right .right-block .border-brown {
      border-bottom: 1px solid #DE4649; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-right .right-block .border-brown {
      border-bottom: 1px solid #DE4649; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-right .right-block.border-brown {
      border-top: 1px solid #DE4649; } }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-right .right-block.border-brown {
      border-top: 1px solid #DE4649; } }

.one-up-topic.block-align-left .right-block .paragraph-content.topic-feature-para-animate, .one-up-topic.block-align-right .right-block .paragraph-content.topic-feature-para-animate {
  padding-bottom: 5px; }
  @media (min-width: 1280px) {
    .one-up-topic.block-align-left .right-block .paragraph-content.topic-feature-para-animate, .one-up-topic.block-align-right .right-block .paragraph-content.topic-feature-para-animate {
      transition: height 1.5s cubic-bezier(0.8, 0, 0.2, 1), padding-top 1.5s, opacity 2s linear;
      height: 354px;
      padding-top: 20px !important; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .one-up-topic.block-align-left .right-block .paragraph-content.topic-feature-para-animate, .one-up-topic.block-align-right .right-block .paragraph-content.topic-feature-para-animate {
      transition: height 1.5s cubic-bezier(0.8, 0, 0.2, 1), padding-top 1.5s, opacity 2s linear;
      height: 384px;
      padding-top: 19px !important; } }

@media (min-width: 1280px) {
  .carrers-animate2 {
    transition: all 1.5s linear;
    visibility: visible !important;
    display: block !important; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .carrers-animate2 {
    transition: all 1.5s linear;
    visibility: visible !important;
    display: block !important; } }

@media (min-width: 1280px) {
  .opacity-animate {
    transition: all 1.5s ease-in-out;
    opacity: 1 !important; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .opacity-animate {
    transition: all 1.5s ease-in-out;
    opacity: 1 !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .block-align-left .image-section.bg_yellow,
  block-align-right .image-section.bg_yellow {
    background: transparent !important; } }

@media (max-width: 599px) {
  .block-align-left .image-section.bg_yellow,
  block-align-right .image-section.bg_yellow {
    background: transparent !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .block-align-left .image-section.bg_green,
  block-align-right .image-section.bg_green {
    background: transparent !important; } }

@media (max-width: 599px) {
  .block-align-left .image-section.bg_green,
  block-align-right .image-section.bg_green {
    background: transparent !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .block-align-left .image-section.bg_red,
  block-align-right .image-section.bg_red {
    background: transparent !important; } }

@media (max-width: 599px) {
  .block-align-left .image-section.bg_red,
  block-align-right .image-section.bg_red {
    background: transparent !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .block-align-left .image-section.bg_blue,
  block-align-right .image-section.bg_blue {
    background: transparent !important; } }

@media (max-width: 599px) {
  .block-align-left .image-section.bg_blue,
  block-align-right .image-section.bg_blue {
    background: transparent !important; } }

.topic-feature-img.image-wrap img {
  object-fit: cover; }
  @media (min-width: 1280px) {
    .topic-feature-img.image-wrap img {
      height: 639px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .topic-feature-img.image-wrap img {
      height: 454px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .topic-feature-img.image-wrap img {
      height: 567px; } }

.fadein {
  opacity: 1 !important; }

.border-brown-top {
  transition: all 1.5s;
  border-top: 1px solid #de4649 !important; }

.border-brown-bottom {
  transition: all 1.5s;
  border-bottom: 1px solid #de4649 !important; }

.border {
  border-bottom: 1px solid rgba(40, 40, 40, 0.35); }

.ie11 .one-up-topic.block-align-right .image-section {
  height: auto; }

/*style starts*/
.threeup-topic-package-component {
  clear: both;
  float: left;
  /*color switch effect ends*/ }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .threeup-topic-package-component {
      padding: 0 42px;
      width: 100%; } }
  @media (min-width: 1280px) {
    .threeup-topic-package-component {
      padding: 0 60px;
      width: 100%; } }
  .threeup-topic-package-component .background-block {
    padding-left: 31px;
    padding-right: 31px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .threeup-topic-package-component .background-block {
        padding-left: 42px;
        padding-right: 43px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .threeup-topic-package-component .background-block {
        padding-left: 42px;
        padding-right: 0px; } }
    @media (min-width: 1280px) {
      .threeup-topic-package-component .background-block {
        padding-left: 60px;
        padding-right: 0px; } }
    .threeup-topic-package-component .background-block.bg_yellow .package-data .threeup-horizontal-line {
      border-top: solid 1px #282828; }
    .threeup-topic-package-component .background-block.bg_yellow .package-data h1 {
      color: #282828; }
    .threeup-topic-package-component .background-block.bg_yellow .package-data .threeup-description {
      color: #282828; }
    .threeup-topic-package-component .background-block.bg_yellow .package-data .threeup-horizontal-line-hs-sm {
      border-top: solid 1px #282828; }
    .threeup-topic-package-component .background-block.bg_yellow .package-data .threeup-horizontal-line-hs {
      border-top: solid 1px #282828;
      opacity: 0.5; }
    .threeup-topic-package-component .background-block.bg_yellow .package-data .threeup-horizontal-line-hs-nocta {
      border-top: solid 1px #282828;
      opacity: 0.5; }
    .threeup-topic-package-component .background-block.bg_yellow .package-data .threeup-card-horizontal-line {
      border: solid 1px #282828; }
    .threeup-topic-package-component .background-block.bg_yellow .package-data .threeup-button .threeup-link {
      color: #282828; }
    .threeup-topic-package-component .background-block.bg_yellow .package-cards .threeup-card-wrapper .topic-package-card .caption h4 {
      color: #282828; }
    .threeup-topic-package-component .background-block.bg_yellow .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-text {
      color: #282828; }
      @media (min-width: 1280px) {
        .threeup-topic-package-component .background-block.bg_yellow .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-text {
          height: auto; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .threeup-topic-package-component .background-block.bg_yellow .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-text {
          height: auto; } }
      .threeup-topic-package-component .background-block.bg_yellow .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-text .offsite-icon {
        background-color: #282828; }
    .threeup-topic-package-component .background-block.bg_yellow .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date {
      color: #282828; }
      .threeup-topic-package-component .background-block.bg_yellow .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .year-start,
      .threeup-topic-package-component .background-block.bg_yellow .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .year-end,
      .threeup-topic-package-component .background-block.bg_yellow .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .time-border-line {
        color: #282828; }
    .threeup-topic-package-component .background-block.bg_yellow .package-cards .threeup-card-wrapper .topic-package-card .card-endline {
      border-top: solid 1px #282828; }
    .threeup-topic-package-component .background-block.bg_yellow .package-cards .threeup-card-wrapper .topic-package-card .caption-src-text {
      color: #282828; }
    .threeup-topic-package-component .background-block.bg_red .package-data .threeup-horizontal-line, .threeup-topic-package-component .background-block.bg_green .package-data .threeup-horizontal-line, .threeup-topic-package-component .background-block.bg_blue .package-data .threeup-horizontal-line {
      border-top: solid 1px #ffffff; }
    .threeup-topic-package-component .background-block.bg_red .package-data h1, .threeup-topic-package-component .background-block.bg_green .package-data h1, .threeup-topic-package-component .background-block.bg_blue .package-data h1 {
      color: #ffffff; }
    .threeup-topic-package-component .background-block.bg_red .package-data .threeup-description, .threeup-topic-package-component .background-block.bg_green .package-data .threeup-description, .threeup-topic-package-component .background-block.bg_blue .package-data .threeup-description {
      color: #ffffff; }
    .threeup-topic-package-component .background-block.bg_red .package-data .threeup-horizontal-line-hs-sm, .threeup-topic-package-component .background-block.bg_green .package-data .threeup-horizontal-line-hs-sm, .threeup-topic-package-component .background-block.bg_blue .package-data .threeup-horizontal-line-hs-sm {
      border-top: solid 1px #ffffff; }
    .threeup-topic-package-component .background-block.bg_red .package-data .threeup-horizontal-line-hs, .threeup-topic-package-component .background-block.bg_green .package-data .threeup-horizontal-line-hs, .threeup-topic-package-component .background-block.bg_blue .package-data .threeup-horizontal-line-hs {
      border-top: solid 1px #ffffff;
      opacity: 0.5; }
    .threeup-topic-package-component .background-block.bg_red .package-data .threeup-horizontal-line-hs-nocta, .threeup-topic-package-component .background-block.bg_green .package-data .threeup-horizontal-line-hs-nocta, .threeup-topic-package-component .background-block.bg_blue .package-data .threeup-horizontal-line-hs-nocta {
      border-top: solid 1px #ffffff;
      opacity: 0.5; }
    .threeup-topic-package-component .background-block.bg_red .package-data .threeup-card-horizontal-line, .threeup-topic-package-component .background-block.bg_green .package-data .threeup-card-horizontal-line, .threeup-topic-package-component .background-block.bg_blue .package-data .threeup-card-horizontal-line {
      border: solid 1px #ffffff; }
    .threeup-topic-package-component .background-block.bg_red .package-data .threeup-button .threeup-link, .threeup-topic-package-component .background-block.bg_green .package-data .threeup-button .threeup-link, .threeup-topic-package-component .background-block.bg_blue .package-data .threeup-button .threeup-link {
      color: #ffffff; }
    .threeup-topic-package-component .background-block .package-data {
      padding-top: 30px; }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .threeup-topic-package-component .background-block .package-data {
          margin-right: 45px; } }
      @media (min-width: 1280px) {
        .threeup-topic-package-component .background-block .package-data {
          margin-right: 60px;
          padding-top: 52px; } }
      .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line {
        clear: both;
        height: 1px; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line {
            margin-right: 31px; } }
        @media (min-width: 1280px) {
          .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line {
            margin-right: 31px; } }
      .threeup-topic-package-component .background-block .package-data h1 {
        color: #ffffff;
        font-size: 44px;
        font-weight: 400;
        line-height: 1.18;
        margin: 0;
        padding: 23px 0px 0px 0;
        text-align: left; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .threeup-topic-package-component .background-block .package-data h1 {
            font-size: 46px;
            line-height: 1.17;
            padding: 21px 0px 0px 0;
            text-align: left; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .threeup-topic-package-component .background-block .package-data h1 {
            font-size: 50px;
            line-height: 1.16;
            padding: 13px 31px 0px 0;
            text-align: left; } }
        @media (min-width: 1280px) {
          .threeup-topic-package-component .background-block .package-data h1 {
            font-size: 60px;
            line-height: 1.17;
            padding: 18px 31px 0px 0;
            text-align: left; } }
      .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line-hs-sm {
        clear: both;
        display: none;
        height: 2px; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line-hs-sm {
            height: 2px;
            clear: both;
            display: block; } }
        @media (min-width: 1280px) {
          .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line-hs-sm {
            height: 2px;
            clear: both;
            display: block; } }
      .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line-hs {
        clear: both;
        height: 2px;
        opacity: 0.5;
        margin-top: 20px; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line-hs {
            margin-bottom: 40px; } }
        @media (min-width: 1280px) {
          .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line-hs {
            margin-bottom: 52px; } }
      .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line-hs-nocta {
        clear: both;
        height: 2px;
        opacity: 0.5;
        margin-top: 20px; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line-hs-nocta {
            margin-bottom: 143px; } }
        @media (min-width: 1280px) {
          .threeup-topic-package-component .background-block .package-data .threeup-horizontal-line-hs-nocta {
            margin-bottom: 128px; } }
      .threeup-topic-package-component .background-block .package-data .threeup-button {
        margin-top: 60px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .threeup-topic-package-component .background-block .package-data .threeup-button {
            margin-top: 60px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .threeup-topic-package-component .background-block .package-data .threeup-button {
            margin-top: 80px; } }
        @media (min-width: 1280px) {
          .threeup-topic-package-component .background-block .package-data .threeup-button {
            margin-top: 98px; } }
        .threeup-topic-package-component .background-block .package-data .threeup-button .threeup-link {
          color: #ffffff;
          font-size: 16px;
          line-height: 1.38; }
        .threeup-topic-package-component .background-block .package-data .threeup-button .threeup-arrow {
          float: right;
          height: 25px;
          margin-top: 2%;
          width: 20px;
          overflow: hidden;
          background: transparent; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .threeup-topic-package-component .background-block .package-data .threeup-button .threeup-arrow {
              height: 25px;
              width: 20px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .threeup-topic-package-component .background-block .package-data .threeup-button .threeup-arrow {
              height: 25px;
              width: 20px; } }
          @media (min-width: 1280px) {
            .threeup-topic-package-component .background-block .package-data .threeup-button .threeup-arrow {
              height: 40px;
              width: 20px; } }
      .threeup-topic-package-component .background-block .package-data .threeup-description {
        color: #ffffff;
        font-size: 22px;
        line-height: 1.36;
        margin-top: 30px;
        text-align: left; }
        .threeup-topic-package-component .background-block .package-data .threeup-description p {
          margin: 0; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .threeup-topic-package-component .background-block .package-data .threeup-description {
            font-size: 22px;
            line-height: 1.36;
            margin-top: 30px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .threeup-topic-package-component .background-block .package-data .threeup-description {
            font-size: 22px;
            line-height: 1.36;
            margin-top: 14px; } }
        @media (min-width: 1280px) {
          .threeup-topic-package-component .background-block .package-data .threeup-description {
            font-size: 22px;
            line-height: 1.36;
            margin-top: 19px; } }
    .threeup-topic-package-component .background-block .package-cards {
      padding-top: 23px;
      padding-bottom: 30px; }
      @media (max-width: 599px) {
        .threeup-topic-package-component .background-block .package-cards {
          padding-top: 0px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .threeup-topic-package-component .background-block .package-cards {
          padding-top: 0px;
          padding-bottom: 30px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .threeup-topic-package-component .background-block .package-cards {
          padding-top: 0px;
          padding-right: 0px;
          padding-bottom: 0px; } }
      @media (min-width: 1280px) {
        .threeup-topic-package-component .background-block .package-cards {
          padding-top: 0px;
          padding-right: 0px;
          margin-right: 30px;
          padding-bottom: 0px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper {
          float: right; } }
      @media (min-width: 1280px) {
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper {
          float: right; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper a {
          float: left;
          padding-top: 24px;
          width: 100%; } }
      @media (max-width: 599px) {
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper a {
          float: left;
          padding-top: 21px; } }
      @media (max-width: 599px) {
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card:first-child {
          padding-top: 0px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card:first-child {
          padding-top: 0px; } }
      .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card {
        padding-top: 25px;
        width: 100%; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card {
            padding-top: 24px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card {
            padding-top: 0px;
            margin-right: 42px;
            width: 212px; } }
        @media (min-width: 1280px) {
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card {
            padding-top: 0px;
            margin-right: 30px;
            width: 270px; } }
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image {
          margin: 0;
          padding: 0;
          min-width: 20.8%;
          width: 30%; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image {
              width: 16.8%; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image {
              width: 100%; } }
          @media (min-width: 1280px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image {
              width: 100%;
              height: 152.2px; } }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image > img {
            max-width: 100%;
            position: relative; }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image .play-icon img {
            bottom: 0;
            height: 13px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            width: 11.3px; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image .play-icon img {
                height: 24px;
                width: 15px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image .play-icon img {
                height: 30px;
                width: 15px; } }
            @media (min-width: 1280px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image .play-icon img {
                height: 35px;
                width: 20px; } }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image .press-release-backdrop {
            background-color: #282828;
            bottom: 0px;
            height: 26px;
            left: 0px;
            position: absolute;
            width: auto; }
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image .press-release-backdrop .press-text {
              color: #ffffff;
              font-size: 11px;
              line-height: 0.91;
              padding: 8px 9px;
              text-align: center;
              width: 100%; }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image.no-image {
            background: #ededed;
            position: relative;
            height: 50px; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image.no-image {
                height: 73.8px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image.no-image {
                height: 85.3px; } }
            @media (min-width: 1280px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .image.no-image {
                height: 152.2px; } }
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption {
          padding-left: 15px;
          margin-top: -5px;
          width: 70%; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption {
              margin-top: -5px;
              padding-left: 19px;
              width: 60%; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption {
              height: auto;
              margin-top: 0px;
              padding-left: 0px;
              position: static;
              width: 100%; } }
          @media (min-width: 1280px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption {
              height: auto;
              margin-top: 0px;
              padding-left: 0px;
              position: static;
              width: 100%; } }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption h4 {
            color: #ffffff;
            font-size: 13px;
            line-height: 1.69;
            text-align: left; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption h4 {
                color: #ffffff;
                font-size: 13px;
                line-height: 1.69; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption h4 {
                color: #282828;
                font-size: 15px;
                line-height: 1.47;
                padding-top: 10px; } }
            @media (min-width: 1280px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption h4 {
                color: #282828;
                font-size: 15px;
                line-height: 1.47; } }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-text {
            color: #ffffff;
            font-size: 15px;
            line-height: 1.38;
            text-align: left;
            padding-top: 1px;
            border-bottom: none; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-text {
                color: #ffffff;
                font-size: 16px;
                line-height: 1.38;
                padding-top: 1px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-text {
                color: #282828;
                font-size: 18px;
                line-height: 1.22;
                padding-top: 6px; } }
            @media (min-width: 1280px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-text {
                color: #282828;
                font-size: 18px;
                line-height: 1.22;
                padding-top: 6px; } }
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-text .offsite-icon {
              background-repeat: no-repeat;
              -webkit-mask: url(../images/icon/Offsite.svg) no-repeat;
              mask: url(../images/icon/Offsite.svg) no-repeat;
              -webkit-mask-size: 15px;
              mask-size: 15px;
              height: 15px;
              width: 15px;
              display: inline-block;
              background-color: #282828;
              margin-left: 5px;
              top: 3px; }
              @media (max-width: 599px) {
                .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-text .offsite-icon {
                  background-color: #ffffff; } }
              @media (min-width: 600px) and (max-width: 1039px) {
                .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-text .offsite-icon {
                  background-color: #ffffff; } }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date {
            color: #ffffff;
            font-size: 12px;
            line-height: 1.33;
            letter-spacing: 0.2px;
            opacity: 0.5;
            padding-top: 4px;
            text-align: left; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date {
                color: #ffffff;
                font-size: 12px;
                line-height: 1.33;
                opacity: 1.0;
                padding-top: 10px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date {
                bottom: 20px;
                color: #282828;
                font-size: 13px;
                line-height: 1.23;
                opacity: 1.0;
                padding-top: 15px; } }
            @media (min-width: 1280px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date {
                bottom: 20px;
                color: #282828;
                font-size: 13px;
                line-height: 1.23;
                opacity: 1.0;
                padding-top: 15px; } }
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .year-start,
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .year-end,
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .time-border-line {
              color: #ffffff;
              display: inline;
              font-size: 12px;
              line-height: 1.33;
              letter-spacing: 0.2px;
              text-align: left; }
              @media (min-width: 1040px) and (max-width: 1279px) {
                .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .year-start,
                .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .year-end,
                .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .time-border-line {
                  color: #282828; } }
              @media (min-width: 1280px) {
                .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .year-start,
                .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .year-end,
                .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption .caption-date .time-border-line {
                  color: #282828; } }
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption-src-text {
          color: #ffffff; }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption-src-text {
              color: #ffffff;
              font-size: 13px;
              line-height: 1.23;
              margin-top: -15px;
              opacity: 0.5;
              text-align: left; } }
          @media (min-width: 1280px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .caption-src-text {
              color: #ffffff;
              font-size: 13px;
              line-height: 1.23;
              margin-top: -15px;
              opacity: 0.5;
              text-align: left; } }
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .card-endline {
          border-top: solid 1px rgba(255, 255, 255, 0.9);
          clear: both;
          color: #ffffff;
          margin-top: 16px;
          opacity: 0.5; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .card-endline {
              margin-top: 20.2px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .card-endline {
              border-top: solid 1px rgba(40, 40, 40, 0.5);
              position: absolute;
              bottom: -15px; } }
          @media (min-width: 1280px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card .card-endline {
              border-top: solid 1px rgba(40, 40, 40, 0.5);
              position: absolute;
              bottom: -15px; } }
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .top-bar {
          background-color: red;
          height: 6px;
          width: 100%; }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .top-bar {
              height: 10px; } }
          @media (min-width: 1280px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .top-bar {
              height: 10px; } }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .top-bar.bg_red {
            background: linear-gradient(to bottom, #de4649 0%, #de4649 100%, white 0%, white 100%); }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .top-bar.bg_blue {
            background: linear-gradient(to bottom, #0182d2 0%, #0182d2 100%, white 0%, white 100%); }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .top-bar.bg_green {
            background: linear-gradient(to bottom, #00b139 0%, #00b139 100%, white 0%, white 100%); }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .top-bar.bg_yellow {
            background: linear-gradient(to bottom, #ffce04 0%, #ffce04 100%, white 0%, white 100%); }
        .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta {
          background-color: #f2f2f2;
          height: 116px; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta {
              height: 98px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta {
              height: 248px;
              width: 100%; } }
          @media (min-width: 1280px) {
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta {
              height: 280px;
              width: 100%; } }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-toptext {
            color: #282828;
            font-size: 15px;
            padding: 20px 15px 20px 31px;
            text-align: left; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-toptext {
                font-size: 15px;
                line-height: 1.47;
                padding: 20px 21px 12px 33px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-toptext {
                font-size: 20px;
                line-height: 1.18;
                padding: 39px 10px 143px 20px;
                width: 100%; } }
            @media (min-width: 1280px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-toptext {
                font-size: 22px;
                line-height: 1.18;
                padding: 39px 17.6px 143px 28px;
                width: 100%; } }
            .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
              display: inline-block; }
              @media (min-width: 600px) and (max-width: 1039px) {
                .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
                  height: 9px;
                  margin-right: 22px;
                  width: 9px; } }
              @media (min-width: 1040px) and (max-width: 1279px) {
                .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
                  height: 12px;
                  margin-right: 15px;
                  width: 12px; } }
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-toptext .red-square.bg_red {
                background: linear-gradient(to bottom, #de4649 0%, #de4649 100%, white 0%, white 100%); }
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-toptext .red-square.bg_blue {
                background: linear-gradient(to bottom, #0182d2 0%, #0182d2 100%, white 0%, white 100%); }
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-toptext .red-square.bg_green {
                background: linear-gradient(to bottom, #00b139 0%, #00b139 100%, white 0%, white 100%); }
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-toptext .red-square.bg_yellow {
                background: linear-gradient(to bottom, #ffce04 0%, #ffce04 100%, white 0%, white 100%); }
          .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-bottomtext {
            color: #282828;
            font-size: 13px;
            line-height: 1.69;
            text-align: left;
            padding: 0px 106px 30px 31px; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-bottomtext {
                font-size: 13px;
                line-height: 1.69;
                margin-left: 3px;
                padding: 0px 21px 30px 64px;
                text-align: left; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-bottomtext {
                bottom: 0;
                font-size: 16px;
                line-height: 1.22;
                padding: 0px 0px 30px 0px;
                position: absolute;
                top: unset; } }
            @media (min-width: 1280px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-bottomtext {
                bottom: 0;
                font-size: 18px;
                line-height: 1.22;
                padding: 0px 0px 30px 34px;
                position: absolute; } }
            @media (min-width: 1280px) {
              .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card.cta-card .cta .cta-card-bottomtext .arrowsmall {
                height: 50px;
                left: 100%;
                position: absolute;
                top: 10%;
                width: 20px;
                overflow: hidden; } }

/*Ayan sass for timeline card wrapper class*/
.timeline-card-wrapper {
  float: left; }
  .timeline-card-wrapper .main-time {
    display: none; }

@media (max-width: 599px) {
  .ios.safari .timeline-card-wrapper {
    height: auto !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .ios.safari .timeline-card-wrapper {
    height: auto !important; } }

/*ends here*/
/*style ends*/
section.main-time {
  clear: both;
  height: 600px;
  position: relative;
  float: left;
  background-size: cover; }
  @media (max-width: 599px) {
    section.main-time {
      background: none; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    section.main-time {
      /*height: 100% !important;*/
      /*Ayan*/
      width: 100%;
      height: 500px;
      /*Ayan*/ } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    section.main-time {
      height: 100% !important;
      height: 100%;
      width: 91.8%;
      margin-left: 42px;
      margin-right: 42px;
      overflow: hidden; } }
  @media (min-width: 1280px) {
    section.main-time {
      height: 100% !important;
      width: 92.2%;
      margin-left: 4%;
      margin-right: 4%;
      overflow: hidden; } }
  section.main-time .diamond-img {
    display: inline-block;
    height: 45px;
    background: url(../images/icon/Double-Diamond-white.png) no-repeat;
    width: 30px;
    position: absolute;
    height: 100px;
    width: 100px;
    left: 4%;
    display: none;
    z-index: 99;
    cursor: default; }
    @media (min-width: 600px) and (max-width: 1039px) {
      section.main-time .diamond-img {
        display: block;
        height: 58px;
        background-size: 100% 100%;
        width: 42px;
        left: 43px;
        bottom: 30.7px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.main-time .diamond-img {
        left: 45px;
        bottom: 35.5px;
        display: block;
        height: 58px;
        width: 47px;
        background-size: 90% 100%; } }
    @media (min-width: 1280px) {
      section.main-time .diamond-img {
        display: block;
        left: 60.5px;
        bottom: 45.1px;
        display: block; } }

.bg-main-time {
  width: 100%;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  z-index: 100; }
  @media (min-width: 1280px) {
    .bg-main-time {
      padding: 0 0px;
      position: absolute;
      z-index: 99;
      height: 100%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .bg-main-time {
      padding: 0;
      /*position: absolute;*/
      /*Ayan*/
      z-index: 99;
      height: 500px;
      /*Ayan*/ } }
  @media (max-width: 599px) {
    .bg-main-time {
      padding: 0; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .bg-main-time {
      padding: 0 0px;
      position: absolute;
      z-index: 99;
      height: 100%; } }
  @media (max-width: 599px) {
    .bg-main-time img {
      height: 254px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .bg-main-time img {
      height: 550px;
      object-fit: cover; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .bg-main-time img {
      height: 578px;
      object-fit: cover; } }
  @media (min-width: 1280px) {
    .bg-main-time img {
      height: 665px;
      object-fit: cover; } }

.time-out {
  width: 100%;
  height: 100%;
  padding: 0px;
  top: 0%;
  /* Intro content, profile image and name, back button */ }
  @media (max-width: 599px) {
    .time-out {
      position: absolute;
      left: 0px; } }
  .time-out .splitlayout {
    position: relative; }
    .time-out .splitlayout .social-module-white a, .time-out .splitlayout .social-module-white div {
      float: left;
      margin-right: 3px; }
  .time-out .side {
    /* Intro sides */
    top: 0px;
    z-index: 98;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-backface-visibility: hidden; }
    @media (max-width: 599px) {
      .time-out .side {
        position: absolute; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .time-out .side {
        width: 100%;
        float: right; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .time-out .side {
        width: 50%;
        float: right; } }
    @media (min-width: 1280px) {
      .time-out .side {
        width: 50%;
        float: right;
        position: static; } }
  .time-out .open-left .side, .time-out .open-right .side {
    cursor: default; }
  .time-out .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 499;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .time-out .side-right .overlay {
    background: yellow; }
  .time-out .side-right {
    right: 0;
    color: #47a3da; }
  .time-out .close-tab {
    position: relative;
    overflow-x: hidden;
    height: 100vh;
    width: 100%;
    background: url("../images/Desktop - BG.png") no-repeat !important;
    background-size: 100% 100% !important; }
  .time-out .intro-content {
    width: 70%;
    height: auto;
    text-align: left;
    padding: 0 31px 15px 27px;
    color: #fff;
    width: 85%; }
    @media (max-width: 599px) {
      .time-out .intro-content {
        position: absolute;
        top: 120px;
        right: 7.2%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .time-out .intro-content {
        margin: 28px 0 30px 0;
        padding: 0 43px 40px 43px;
        position: relative;
        z-index: 99; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .time-out .intro-content {
        left: 35%;
        width: 58%; } }
    @media (min-width: 900px) and (max-width: 1039px) {
      .time-out .intro-content {
        left: 40%;
        width: 55%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .time-out .intro-content {
        width: 428px;
        float: right;
        margin: 35px 85px 35px 0;
        padding: 0 43px 35px 43px;
        position: relative;
        z-index: 99; } }
    @media (min-width: 1280px) {
      .time-out .intro-content {
        width: 510px;
        padding: 0 60px 50px 60px;
        float: right;
        margin: 45px 120px 45px 0;
        position: relative;
        z-index: 99; } }
    .time-out .intro-content .top-text .timeline-text {
      cursor: default;
      padding: 30px 0 0 0;
      text-transform: inherit;
      letter-spacing: 0.9px;
      font-weight: 500;
      line-height: 18px;
      font-size: 13px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .time-out .intro-content .top-text .timeline-text {
          font-size: 14px;
          font-weight: 500;
          line-height: 18px;
          letter-spacing: 1px;
          margin-bottom: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .time-out .intro-content .top-text .timeline-text {
          font-size: 14px;
          padding: 35px 0 0 0;
          letter-spacing: 1px;
          line-height: 18px;
          font-weight: 500; } }
      @media (min-width: 1280px) {
        .time-out .intro-content .top-text .timeline-text {
          font-size: 14px;
          padding: 50px 0 0 0;
          letter-spacing: 1px;
          font-weight: 500;
          line-height: 18px; } }
      @media (max-width: 599px) {
        .time-out .intro-content .top-text .timeline-text {
          letter-spacing: 0.9px; } }
    .time-out .intro-content .top-text .ingr-hd {
      cursor: default;
      margin: 0;
      font-size: 36px;
      line-height: 1.18;
      padding: 0 0 40px 0;
      font-weight: 300; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .time-out .intro-content .top-text .ingr-hd {
          font-size: 44px;
          line-height: 52px;
          padding: 0 0 40px 0;
          font-weight: 300; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .time-out .intro-content .top-text .ingr-hd {
          font-size: 44px;
          line-height: 52px;
          padding: 0 0 45px 0;
          font-weight: 300; } }
      @media (min-width: 1280px) {
        .time-out .intro-content .top-text .ingr-hd {
          font-size: 50px;
          padding: 0 0 50px 0;
          line-height: 58px;
          font-weight: 300; } }
    .time-out .intro-content .bottom-text {
      border-top: 1px solid #fff;
      position: relative; }
      .time-out .intro-content .bottom-text .yr-text {
        cursor: default;
        letter-spacing: -2.9px;
        margin: 2px 0 0 -8px;
        line-height: 80px;
        font-size: 60px;
        font-weight: 300; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .time-out .intro-content .bottom-text .yr-text {
            line-height: 80px;
            margin: 5px 0 0 -8px;
            font-size: 72px;
            letter-spacing: -3.5px;
            font-weight: 300; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .time-out .intro-content .bottom-text .yr-text {
            line-height: 50px;
            margin: 5px 0 0 -9px;
            font-size: 72px;
            line-height: 80px;
            letter-spacing: -3.5px;
            font-weight: 300; } }
        @media (min-width: 1280px) {
          .time-out .intro-content .bottom-text .yr-text {
            line-height: 90px;
            margin: 0px 0 0px -9px;
            font-size: 90px;
            line-height: 1.22;
            letter-spacing: -4.4px;
            font-weight: 300; } }
      @media (max-width: 599px) {
        .time-out .intro-content .bottom-text .time-border-line {
          width: 43px;
          height: 3px;
          border-top: solid 3px #fff;
          position: absolute;
          top: 43px;
          left: 140px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .time-out .intro-content .bottom-text .time-border-line {
          width: 43px;
          height: 3px;
          border-top: solid 3px #fff;
          position: absolute;
          top: 42px;
          left: 165px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .time-out .intro-content .bottom-text .time-border-line {
          width: 43px;
          height: 3px;
          border-top: solid 3px #fff;
          position: absolute;
          top: 42px;
          left: 165px; } }
      @media (min-width: 1280px) {
        .time-out .intro-content .bottom-text .time-border-line {
          width: 43px;
          height: 3px;
          border-top: solid 3px #fff;
          position: absolute;
          top: 56px;
          left: 210px; } }
      .time-out .intro-content .bottom-text .yr-text2 {
        cursor: default;
        margin: 0px 0 0 1px;
        font-size: 30px;
        line-height: 34px;
        letter-spacing: -1.8px;
        font-weight: 300; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .time-out .intro-content .bottom-text .yr-text2 {
            margin: 0px 0 0 1px;
            font-size: 36px;
            line-height: 42px;
            letter-spacing: -2.2px;
            font-weight: 300; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .time-out .intro-content .bottom-text .yr-text2 {
            margin: 0px 0 30px 1px;
            font-size: 36px;
            line-height: 42px;
            letter-spacing: -2.2px;
            font-weight: 300; } }
        @media (min-width: 1280px) {
          .time-out .intro-content .bottom-text .yr-text2 {
            margin: 0px 0 50px 1px;
            font-size: 36px;
            line-height: 42px;
            letter-spacing: -2.2px;
            font-weight: 300; } }
    .time-out .intro-content .border-line-tout {
      cursor: default;
      border-bottom: 1px solid rgba(255, 255, 255, 0.35); }
      @media (min-width: 600px) and (max-width: 1039px) {
        .time-out .intro-content .border-line-tout {
          height: 70px;
          margin-top: 20px; } }
      .time-out .intro-content .border-line-tout .time-line {
        cursor: default;
        padding: 30px 0px 15px 1px;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 90%;
        float: left;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 22px;
        letter-spacing: normal; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .time-out .intro-content .border-line-tout .time-line {
            padding: 20px 0px 4px 1px;
            font-size: 16px;
            line-height: 22px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .time-out .intro-content .border-line-tout .time-line {
            padding: 20px 0px 4px 1px;
            font-size: 16px;
            line-height: 22px;
            margin-top: 0px; } }
        @media (min-width: 1280px) {
          .time-out .intro-content .border-line-tout .time-line {
            padding: 20px 0px 4px 1px;
            font-size: 18px;
            line-height: 22px;
            margin-top: 0px; } }
        .time-out .intro-content .border-line-tout .time-line a {
          color: #fff; }
      .time-out .intro-content .border-line-tout .right-tab {
        cursor: default;
        width: 20px;
        float: right;
        vertical-align: middle;
        padding: 4px 0 0 0;
        position: relative;
        top: 25px;
        display: block;
        background-size: 100%;
        background: none; }
        @media (max-width: 599px) {
          .time-out .intro-content .border-line-tout .right-tab {
            width: 8%;
            top: 38px; } }

.main-time .bg_red {
  background-color: #DE4649;
  color: #ffffff; }

.main-time .bg_blue {
  background-color: #0182D2;
  color: #ffffff; }

.main-time .bg_green {
  background-color: #00B139;
  color: #ffffff; }

.main-time .bg_yellow {
  background-color: #ffce04;
  color: #282828; }
  .main-time .bg_yellow .bottom-text {
    border-top: 1px solid #282828; }
  .main-time .bg_yellow .border-line-tout {
    border-bottom: 1px solid rgba(40, 40, 40, 0.35); }
    .main-time .bg_yellow .border-line-tout a {
      color: #282828 !important; }

/* section landing timeline */
.section-landing section.main-time {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-landing section.main-time {
      margin: 60px auto 0px auto; } }
  @media (min-width: 1280px) {
    .section-landing section.main-time {
      margin: 60px auto 0px auto; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-landing section.main-time .diamond-img {
      left: 5.6%;
      top: auto;
      bottom: 4.9%;
      height: 58px;
      background-size: 100% 90%;
      width: 36px;
      background-size: 100% 90%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-landing section.main-time .diamond-img {
      top: auto;
      bottom: 35px;
      left: 4.2%;
      height: 58px;
      width: 47px;
      background-size: 90% 100%; } }
  @media (min-width: 1280px) {
    .section-landing section.main-time .diamond-img {
      top: auto;
      bottom: 44px;
      left: 4.2%;
      width: 72px; } }
  .section-landing section.main-time .intro-content {
    width: 70%;
    height: auto;
    text-align: left;
    padding: 0 31px 15px 27px;
    width: 85%; }
    @media (max-width: 599px) {
      .section-landing section.main-time .intro-content {
        position: absolute;
        top: 120px;
        right: 7.2%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .section-landing section.main-time .intro-content {
        margin: 28px 0 30px 0;
        padding: 0 43px 40px 43px;
        position: relative;
        z-index: 99; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .section-landing section.main-time .intro-content {
        left: 35%;
        width: 58%; } }
    @media (min-width: 900px) and (max-width: 1039px) {
      .section-landing section.main-time .intro-content {
        left: 40%;
        width: 55%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-landing section.main-time .intro-content {
        width: 428px;
        float: right;
        margin: 35px 85px 35px 0;
        padding: 0 43px 35px 43px;
        position: relative;
        z-index: 99; } }
    @media (min-width: 1280px) {
      .section-landing section.main-time .intro-content {
        width: 510px;
        padding: 0 60px 50px 60px;
        float: right;
        margin: 45px 120px 45px 0;
        position: relative;
        z-index: 99; } }

.section-landing .bg-main-time {
  padding: 0px; }
  @media (max-width: 599px) {
    .section-landing .bg-main-time img {
      height: 254px; } }
  @media (min-width: 1280px) {
    .section-landing .bg-main-time img {
      height: 680px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-landing .bg-main-time img {
      height: 605px; } }

.section-landing .intro-content {
  width: 70%;
  height: auto;
  text-align: left;
  padding: 0 31px 15px 27px;
  color: #fff;
  width: 85%; }
  @media (max-width: 599px) {
    .section-landing .intro-content {
      position: absolute;
      top: 120px;
      right: 7.2%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-landing .intro-content {
      margin: 28px 0 30px 0;
      padding: 0 43px 40px 43px;
      position: relative;
      z-index: 99; } }
  @media (min-width: 600px) and (max-width: 899px) {
    .section-landing .intro-content {
      left: 35%;
      width: 58%; } }
  @media (min-width: 900px) and (max-width: 1039px) {
    .section-landing .intro-content {
      left: 40%;
      width: 55%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-landing .intro-content {
      width: 428px;
      float: right;
      margin: 35px 85px 35px 0;
      padding: 0 43px 35px 43px;
      /*position: relative;
            z-index: 99;*/ } }
  @media (min-width: 1280px) {
    .section-landing .intro-content {
      width: 510px;
      padding: 0 60px 50px 60px;
      float: right;
      margin: 45px 149.5px 45px 0;
      position: relative;
      z-index: 99; } }

.section-landing .main-time .bg_red {
  background-color: #DE4649;
  color: #ffffff; }

.section-landing .main-time .bg_blue {
  background-color: #0182D2;
  color: #ffffff; }

.section-landing .main-time .bg_green {
  background-color: #00B139;
  color: #ffffff; }

.section-landing .main-time .bg_yellow {
  background-color: #ffce04;
  color: #282828; }

@media (min-width: 1800px) {
  section.main-time {
    margin-left: auto;
    margin-right: auto; } }

.bg_yellow .nownownownow {
  color: #ebbd00; }

.bg_skyblue .nownownownow {
  color: #0182d2; }

.bg_grey .nownownownow {
  color: #cecece; }

.now-nav {
  position: relative;
  clear: both;
  z-index: 200;
  margin: 0 auto;
  /*plugin css*/
  /*plugin css ends*/ }
  .now-nav .row {
    margin: 0; }
  .now-nav .othernav {
    width: 30% !important; }
    @media (min-width: 1800px) {
      .now-nav .othernav {
        width: 33% !important; } }
  .now-nav .container-fluid-text .str_wrap {
    overflow: visible;
    zoom: 1;
    width: 100%;
    font-size: 12px;
    line-height: 150px;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    background: transparent;
    white-space: nowrap; }
    @media (max-width: 599px) {
      .now-nav .container-fluid-text .str_wrap {
        display: none; } }
  .now-nav .container-fluid-text .str_wrap.str_active {
    background: white; }
  .now-nav .container-fluid-text .str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move; }
  .now-nav .container-fluid-text .str_move_clone {
    display: inline-block;
    display: inline;
    zoom: 1;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0; }
  .now-nav .container-fluid-text .str_vertical .str_move_clone {
    left: 0;
    top: 100%; }
  .now-nav .container-fluid-text .str_down .str_move_clone {
    left: 0;
    bottom: 100%; }
  .now-nav .container-fluid-text .str_vertical .str_move,
  .now-nav .container-fluid-text .str_down .str_move {
    white-space: normal;
    width: 100%; }
  .now-nav .container-fluid-text .str_static .str_move,
  .now-nav .container-fluid-text .no_drag .str_move,
  .now-nav .container-fluid-text .noStop .str_move {
    cursor: inherit; }
  .now-nav .container-fluid-text .str_wrap img {
    max-width: none !important; }
  .now-nav .container-fluid-text .str3 {
    font-size: 0 !important; }
  .now-nav .container-fluid-text .str3-2 {
    background: none !important; }
  .now-nav .container-fluid-text .str3-2 span {
    border: 5px solid #ccc;
    background: #f1f1f1;
    color: #999;
    margin: 0 5px;
    text-align: center;
    font: 40px/100px Arial, Helvetica, sans-serif;
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top; }
  .now-nav .container-fluid-text .str3 .str_item {
    font-size: 0;
    line-height: 0; }
  .now-nav .container-fluid-text .str3 img {
    opacity: 1; }
  .now-nav .container-fluid-text .str3 img:hover {
    opacity: 1; }
  .now-nav .container-fluid-text .str3.str_wrap.str_active {
    background: #fff; }
  .now-nav .cont {
    display: flex;
    padding-bottom: 1.3%;
    padding-top: 1.3%;
    position: relative; }
    @media (max-width: 599px) {
      .now-nav .cont {
        padding-top: 3.6%;
        padding-bottom: 3.9%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .now-nav .cont {
        margin-left: 42px;
        margin-right: 42px;
        width: 981px;
        padding-bottom: 16px;
        padding-top: 15px; } }
  .now-nav .inner-wrapper {
    position: relative;
    overflow: hidden; }
    @media (max-width: 599px) {
      .now-nav .inner-wrapper {
        overflow-x: auto;
        width: 100%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .now-nav .inner-wrapper {
        overflow-x: auto; } }
    @media (min-width: 1800px) {
      .now-nav .inner-wrapper {
        margin: 0 auto;
        max-width: 1800px; } }
  .now-nav .inner-wrapper::-webkit-scrollbar {
    display: none; }
  .now-nav .section {
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
    transition-delay: .8s;
    background-color: white;
    /* height: 66.7%; */
    max-width: 603px !important; }
    @media (min-width: 1280px) {
      .now-nav .section:first-child {
        margin-left: 4.2%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .now-nav .section:first-child {
        margin-left: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .now-nav .section:first-child {
        margin-left: 4.2%; } }
    @media (max-width: 599px) {
      .now-nav .section:first-child {
        margin-left: 4.3%; } }
    @media (min-width: 1800px) {
      .now-nav .section:first-child {
        margin-left: 0 !important; } }
    @media (min-width: 1280px) {
      .now-nav .section:last-child {
        margin-right: 4.2%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .now-nav .section:last-child {
        margin-right: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .now-nav .section:last-child {
        margin-right: 4.2%; } }
    @media (max-width: 599px) {
      .now-nav .section:last-child {
        margin-right: 4.3%; } }
    @media (min-width: 1800px) {
      .now-nav .section:last-child {
        margin-right: 0 !important; } }
    @media (min-width: 1280px) {
      .now-nav .section:hover {
        height: 88.4%;
        width: 39.5%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .now-nav .section:hover {
        height: 84.4%;
        width: 37.6%;
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1); } }
    @media (min-width: 1280px) {
      .now-nav .section {
        width: 30%;
        float: left;
        margin-left: 2.1%;
        display: inline;
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
        position: relative;
        overflow: hidden; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .now-nav .section {
        width: 30%;
        float: left;
        margin-left: 22px;
        display: inline;
        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
        position: relative;
        overflow: hidden; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .now-nav .section {
        width: 298px;
        margin-left: 2.3%;
        background-color: white;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
        position: relative; } }
    @media (max-width: 599px) {
      .now-nav .section {
        margin-left: 4.5%; } }
    @media (min-width: 1800px) {
      .now-nav .section {
        width: 32%; } }
    .now-nav .section .now-text {
      display: none;
      font-size: 110px;
      font-weight: bold;
      line-height: 1.45;
      letter-spacing: -0.5px; }
    .now-nav .section .section-image {
      height: 80px;
      width: 360px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      transition-delay: 1s; }
      @media (min-width: 1280px) {
        .now-nav .section .section-image {
          width: 100%;
          overflow: hidden; } }
      @media (min-width: 1280px) {
        .now-nav .section .section-image:hover {
          height: 320px;
          width: 100%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .now-nav .section .section-image:hover {
          height: 216px;
          width: 100%; } }
      @media (max-width: 599px) {
        .now-nav .section .section-image {
          width: 266px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .now-nav .section .section-image {
          width: 298px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .now-nav .section .section-image {
          height: 80px;
          width: 100%;
          overflow: hidden; } }
      .now-nav .section .section-image img {
        opacity: 0;
        width: 100%;
        position: absolute;
        left: 50%; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .now-nav .section .section-image img {
            display: none; } }
        @media (min-width: 1280px) {
          .now-nav .section .section-image img {
            height: auto;
            /* 320px; */ } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .now-nav .section .section-image img {
            height: auto;
            /* 216px; */ } }
      .now-nav .section .section-image .text-wrap {
        position: absolute;
        bottom: 19px;
        padding-left: 6.3%; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .now-nav .section .section-image .text-wrap {
            padding-left: 7.7%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .now-nav .section .section-image .text-wrap {
            padding-left: 21px;
            bottom: 33px;
            width: 298px; } }
        @media (max-width: 599px) {
          .now-nav .section .section-image .text-wrap {
            bottom: 33px;
            padding-left: 29px;
            width: 250px;
            position: absolute; } }
        .now-nav .section .section-image .text-wrap .text-content-header a {
          color: #f88023;
          font-size: 15px;
          line-height: 1.47;
          text-align: left;
          letter-spacing: -0.1px; }
          @media (min-width: 1280px) {
            .now-nav .section .section-image .text-wrap .text-content-header a {
              color: #fd7440; } }
          .now-nav .section .section-image .text-wrap .text-content-header a:link, .now-nav .section .section-image .text-wrap .text-content-header a:visited, .now-nav .section .section-image .text-wrap .text-content-header a:hover, .now-nav .section .section-image .text-wrap .text-content-header a:active {
            text-decoration: none; }
        .now-nav .section .section-image .text-wrap .section-text-content {
          /*height: 24px;
                         overflow: hidden;*/
          padding-right: 23px; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .now-nav .section .section-image .text-wrap .section-text-content {
              top: 20px; } }
          .now-nav .section .section-image .text-wrap .section-text-content a {
            font-size: 15px;
            line-height: 1.47;
            letter-spacing: -0.1px;
            color: #232323;
            text-align: left; }
      .now-nav .section .section-image .overlay-gradient {
        display: block;
        position: absolute;
        left: 50%;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
        @media (min-width: 1280px) {
          .now-nav .section .section-image .overlay-gradient {
            height: 320px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .now-nav .section .section-image .overlay-gradient {
            height: 216px; } }
  @media (max-width: 599px) {
    .now-nav .section-mobile:nth-child(1), .now-nav .section-mobile:nth-child(2), .now-nav .section-mobile:nth-child(3) {
      width: 250px;
      background-color: white;
      box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); } }
  .now-nav .text-content-white a {
    color: #ffffff !important;
    transition: color 0.3s linear; }
  .now-nav .text-content-black a {
    color: #232323 !important;
    transition: color 3s ease-in-out; }
  .now-nav .container-fluid-text {
    position: absolute;
    top: 225px;
    opacity: 0; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .now-nav .container-fluid-text {
        top: 115px; } }
  @media (min-width: 1280px) {
    .now-nav .nownownownow {
      font-size: 160px;
      letter-spacing: -0.7px;
      font-weight: bold;
      line-height: 1;
      background-color: transparent;
      color: #0182d2; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .now-nav .nownownownow {
      font-size: 110px;
      letter-spacing: -0.5px;
      font-weight: bold;
      line-height: 1.45;
      background-color: transparent;
      color: #0182d2; } }
  .now-nav .delaycount {
    display: none; }

.ie11.no-touch .now-nav .inner-wrapper,
.firefox.no-touch .now-nav .inner-wrapper {
  overflow-x: hidden; }

.section-header-block {
  position: relative;
  clear: both; }
  .section-header-block .section-header-background {
    width: 100%;
    background-size: cover;
    height: 110%;
    margin-top: -10%;
    background-position: center center; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .section-header-block .section-header-background {
        height: 507px; } }
    @media (min-width: 1280px) {
      .section-header-block .section-header-background {
        height: 110%;
        margin-top: -10%; } }
    @media (max-width: 599px) {
      .section-header-block .section-header-background {
        display: none; } }
    .section-header-block .section-header-background.image-clip {
      background-size: cover !important; }
  .section-header-block .fore-ground {
    height: 100%; }
    @media (max-width: 599px) {
      .section-header-block .fore-ground {
        display: none; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .section-header-block .fore-ground {
        height: 407px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-header-block .fore-ground {
        height: 510px; } }
  .section-header-block .hero-text {
    color: #ffffff;
    position: absolute;
    text-transform: inherit;
    /*z-index: 99;*/ }
    @media (max-width: 599px) {
      .section-header-block .hero-text {
        padding-left: 48px;
        display: block;
        font-size: 40px;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: -1.9px;
        top: 40%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .section-header-block .hero-text {
        padding-top: 154.9px;
        font-size: 73px;
        font-weight: 500;
        line-height: 70px;
        letter-spacing: -3.4px;
        padding-left: 56.2px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-header-block .hero-text {
        padding-top: 190.2px;
        padding-left: 100.2px;
        font-size: 91px;
        font-weight: 500;
        line-height: 90px;
        letter-spacing: -4.3px; } }
    @media (min-width: 1280px) {
      .section-header-block .hero-text {
        font-size: 110px;
        font-weight: 500;
        letter-spacing: -2.9px;
        line-height: 105px;
        color: #fff;
        padding-top: 228px;
        /*padding-left: 225px;*/
        padding-left: 16%; } }
    @media (min-width: 1800px) {
      .section-header-block .hero-text {
        height: 750px; } }
    .section-header-block .hero-text h1 {
      display: inline;
      font-size: 40px;
      font-weight: 500;
      line-height: 40px;
      letter-spacing: -1.9px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .section-header-block .hero-text h1 {
          font-size: 73px;
          line-height: 70px;
          letter-spacing: -3.4px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .section-header-block .hero-text h1 {
          font-size: 91px;
          line-height: 90px;
          letter-spacing: -4.3px; } }
      @media (min-width: 1280px) {
        .section-header-block .hero-text h1 {
          font-size: 110px;
          letter-spacing: -2.9px;
          line-height: 105px; } }
  .section-header-block .section-mobile-bg {
    display: none; }
    @media (max-width: 599px) {
      .section-header-block .section-mobile-bg {
        display: block;
        height: 240px;
        width: 100%;
        background-size: cover; } }

.content-paragraph {
  float: left;
  padding: 22px 32px 0 31px;
  height: auto; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .content-paragraph {
      padding: 31px 43px 0 42px; } }
  @media (min-width: 1280px) {
    .content-paragraph {
      padding: 30px 178px 0 60px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .content-paragraph {
      padding: 30px 107px 0 42px; } }
  .content-paragraph div {
    color: #282828; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .content-paragraph div {
        font-size: 32px;
        line-height: 40px;
        width: 100%;
        font-weight: 300; } }
    @media (min-width: 1280px) {
      .content-paragraph div {
        line-height: 1.28;
        width: 100%;
        font-size: 42px;
        font-weight: 300;
        line-height: 54px;
        text-align: left;
        color: #282828;
        display: inline;
        background-image: linear-gradient(180deg, transparent 97%, #54beff 0);
        background-size: 0% 100%;
        background-repeat: no-repeat;
        text-decoration: none; } }
    @media (max-width: 599px) {
      .content-paragraph div {
        width: 100%;
        font-size: 24px;
        font-weight: 300;
        line-height: 32px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .content-paragraph div {
        width: 100%;
        font-size: 38px;
        line-height: 51px;
        font-weight: 300;
        display: inline;
        background-image: linear-gradient(180deg, transparent 97%, #54beff 0);
        background-size: 0% 100%;
        background-repeat: no-repeat;
        text-decoration: none; } }

body.rtl-lang .content-paragraph {
  float: right; }

@media (min-width: 1800px) {
  body.rtl-lang .hero-text {
    right: 10%;
    text-align: right;
    line-height: 1.2em; } }

@media (min-width: 1280px) {
  body.rtl-lang .hero-text {
    right: 10%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  body.rtl-lang .hero-text {
    right: 5%; } }

@media (max-width: 599px) {
  body.rtl-lang .hero-text {
    right: 10%; } }

@media (max-width: 599px) {
  .content-at-left {
    padding: 20px 32px 0 31px; } }

@media (min-width: 1280px) {
  .content-at-left {
    width: 60%;
    margin: 30px 0px 0 61px;
    padding: 0px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .content-at-left {
    width: 60%;
    margin: 31px 0px 0 42px;
    padding: 0px; } }

@media (min-width: 1280px) {
  .content-at-left div {
    width: 100%;
    font-size: 36px;
    font-weight: 300;
    line-height: 46px;
    color: #282828; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .content-at-left div {
    width: 100%;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.37; } }

@media (max-width: 599px) {
  .content-at-left div {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.31;
    text-align: left;
    color: #282828; } }

@media (min-width: 1280px) {
  .bottom-block {
    display: none; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .bottom-block {
    display: none; } }

@media (max-width: 599px) {
  .bottom-block {
    float: left;
    width: 100%;
    padding: 40px 32px 0 31px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .bottom-block {
    padding: 60px 45px 0 42px;
    clear: both; } }

.bottom-block a .text-link {
  font-size: 16px;
  line-height: 22px;
  color: #282828; }
  @media (max-width: 599px) {
    .bottom-block a .text-link {
      display: inline-block;
      width: 90%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .bottom-block a .text-link {
      font-size: 16px;
      line-height: 22px;
      color: #282828; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .bottom-block a .text-link {
      font-size: 16px;
      line-height: 22px;
      color: #282828; } }
  @media (min-width: 1280px) {
    .bottom-block a .text-link {
      font-size: 18px;
      line-height: 22px;
      color: #282828; } }

.bottom-block a .black-arrow {
  float: right;
  float: right;
  margin-top: 6px;
  overflow: hidden; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .bottom-block a .black-arrow {
      float: right;
      float: right;
      margin-top: 4px; } }
  @media (min-width: 1280px) {
    .bottom-block a .black-arrow {
      float: right;
      float: right;
      margin-top: 4px; } }

.bottom-block .border-line {
  border-bottom: 1px solid rgba(40, 40, 40, 0.3);
  width: 100%;
  height: 20px;
  margin-left: 0px; }
  @media (min-width: 1280px) {
    .bottom-block .border-line {
      display: block;
      -o-transition: 2s;
      -ms-transition: 2s;
      -moz-transition: 2s;
      -webkit-transition: 2s;
      transition: 2s; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .bottom-block .border-line {
      display: block;
      -o-transition: 2s;
      -ms-transition: 2s;
      -moz-transition: 2s;
      -webkit-transition: 2s;
      transition: 2s; } }
  @media (max-width: 599px) {
    .bottom-block .border-line {
      margin-bottom: 10px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .bottom-block .border-line.border-brown {
      border-bottom: 1px solid #DE4649;
      -o-transition: 2s;
      -ms-transition: 2s;
      -moz-transition: 2s;
      -webkit-transition: 2s;
      transition: 2s; } }
  @media (min-width: 1280px) {
    .bottom-block .border-line.border-brown {
      border-bottom: 1px solid #DE4649;
      -o-transition: 2s;
      -ms-transition: 2s;
      -moz-transition: 2s;
      -webkit-transition: 2s;
      transition: 2s; } }

@media (min-width: 1280px) {
  .arrow-at-right {
    display: block;
    padding-left: 90px;
    float: right;
    margin-top: 38.8px;
    padding-right: 60px;
    width: 35%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .arrow-at-right {
    display: block;
    padding-left: 42px;
    float: right;
    margin-top: 38px;
    margin-right: 43px;
    width: 31%; } }

.section-header-block .content-paragraph div.section-desc p {
  display: inline; }

@media (min-width: 1280px) {
  .safari .section-header-block .section-header-background .fore-ground {
    background-attachment: fixed; } }

@media (min-width: 1280px) {
  .safari11 .section-header-block .section-header-background .fore-ground {
    background-attachment: fixed; } }

/* media query for iphone landscape only */
.white-wrap {
  width: 100%;
  background-color: white;
  float: left; }

#hero {
  height: 613px;
  overflow: hidden !important;
  position: relative; }
  @media (max-width: 599px) {
    #hero {
      height: 240px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #hero {
      height: 510px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    #hero {
      height: 407px; } }
  @media (min-width: 1800px) {
    #hero {
      height: 750px; } }

.layer {
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  position: fixed;
  z-index: -1;
  background-size: cover; }

#hero,
.layer {
  min-height: 240px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    #hero,
    .layer {
      min-height: 407px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    #hero,
    .layer {
      min-height: 510px; } }
  @media (min-width: 1280px) {
    #hero,
    .layer {
      min-height: 615px; } }
  @media (min-width: 1800px) {
    #hero,
    .layer {
      min-height: 700px; } }

.sectionblock {
  float: left;
  width: 100%;
  background-color: #ffffff; }

.scj-wrapper {
  -webkit-overflow-scrolling: touch; }

.video-breaker {
  /* display: inline-block; */
  position: relative; }
  @media (min-width: 1280px) {
    .video-breaker {
      width: 92%;
      float: right;
      margin-left: 4%;
      margin-right: 4%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .video-breaker {
      float: right;
      width: 91.2%;
      margin-left: 4.4%;
      margin-right: 4.4%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .video-breaker {
      width: 100%;
      float: right; } }
  @media (max-width: 599px) {
    .video-breaker {
      float: left;
      width: 100%; } }
  @media (max-width: 599px) {
    .video-breaker .imagebreaker-content {
      font-size: 14px;
      line-height: 1.43;
      letter-spacing: -0.1px; } }
  .video-breaker .socialshare-block {
    background-color: #282828; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-breaker .socialshare-block {
        top: -10px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-breaker .socialshare-block {
        top: -10px; } }
    @media (max-width: 599px) {
      .video-breaker .socialshare-block {
        top: -10px; } }
  @media (min-width: 1280px) {
    .video-breaker .image-box-left {
      float: right; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .video-breaker .image-box-left {
      float: right; } }
  .video-breaker .image-content {
    padding: 22.8px 64px 0 30px;
    float: left; }
    @media (min-width: 1280px) {
      .video-breaker .image-content {
        padding: 40px 44px 0 41px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-breaker .image-content {
        padding: 30px 19px 0 18px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-breaker .image-content {
        padding: 25px 0 49px 43px;
        width: 55%; } }
    @media (max-width: 599px) {
      .video-breaker .image-content {
        padding: 25px 30px 0 30px; } }
  @media (min-width: 1280px) {
    .video-breaker .video-content {
      padding-left: 41px;
      padding-right: 56px;
      position: absolute;
      bottom: 38px;
      width: 25%;
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: -0.1px; } }
  @media (max-width: 599px) {
    .video-breaker .video-content {
      padding: 0 28.9px 35.1px 30px;
      float: left;
      line-height: 22px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .video-breaker .video-content {
      padding: 29px 43px 42.9px 42.7px;
      float: left;
      width: 45%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .video-breaker .video-content {
      position: absolute;
      bottom: 30px;
      padding-right: 18px;
      padding-left: 19px;
      width: 25%; } }
  .video-breaker .image-arrow-container {
    background-color: #282828;
    bottom: 0;
    float: right;
    height: 60px;
    position: absolute;
    right: 0;
    width: 50px;
    z-index: 999; }
    @media (max-width: 599px) {
      .video-breaker .image-arrow-container {
        z-index: 999; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-breaker .image-arrow-container {
        z-index: 999; } }
  .video-breaker .simple-line {
    background-color: #ffce04;
    margin-bottom: 25px;
    width: 41px; }
  .video-breaker .pohot-credit {
    clear: left;
    float: left;
    padding-left: 28px;
    color: #fff;
    opacity: 1; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-breaker .pohot-credit {
        clear: none;
        padding-left: 130px;
        padding-top: 24px; } }
    @media (min-width: 1280px) {
      .video-breaker .pohot-credit {
        bottom: 40px;
        left: 0px;
        position: absolute;
        width: 22%;
        padding-left: 41px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-breaker .pohot-credit {
        bottom: 40px;
        position: absolute;
        padding-left: 41px; } }
    @media (max-width: 599px) {
      .video-breaker .pohot-credit {
        padding-bottom: 25px;
        padding-top: 5px; } }
  .video-breaker .share-icon {
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    -webkit-mask: url(../images/icon/Share-Icon.svg) no-repeat;
    mask: url(../images/icon/Share-Icon.svg) no-repeat;
    -webkit-mask-size: 25px;
    mask-size: 25px;
    display: block;
    width: 23px;
    height: 19px;
    top: 10px;
    position: relative;
    right: 8px;
    background-color: #fff;
    background-image: none; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-breaker .share-icon {
        right: -13px;
        top: 16px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-breaker .share-icon {
        right: -13px;
        top: 16px; } }
    @media (max-width: 599px) {
      .video-breaker .share-icon {
        right: -13px;
        top: 16px; } }
  .video-breaker.bg_yellow .simple-line {
    background-color: #0182D2; }
  .video-breaker.bg_yellow .pohot-credit {
    color: #282828; }
  .video-breaker .youtube-player {
    padding-bottom: 50%;
    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%; }
    @media (min-width: 1280px) {
      .video-breaker .youtube-player {
        padding-bottom: 50%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-breaker .youtube-player {
        padding-bottom: 50%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-breaker .youtube-player {
        padding-bottom: 50%; } }
  .video-breaker.primer-module-component .youtube-player {
    padding-bottom: 38%; }
  .video-breaker .youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
    border: 0; }
  .video-breaker.primer-module-component .youtube-player iframe {
    padding-left: 16px; }
    @media (min-width: 1280px) {
      .video-breaker.primer-module-component .youtube-player iframe {
        padding-left: 30px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-breaker.primer-module-component .youtube-player iframe {
        padding-left: 24px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-breaker.primer-module-component .youtube-player iframe {
        padding-left: 21px; } }
  .video-breaker .youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    max-width: 100%;
    width: 100%;
    /*   position: absolute; */
    right: 0;
    top: 0;
    border: none;
    height: 100%;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all; }
  .video-breaker .youtube-player .play {
    position: absolute;
    cursor: pointer;
    top: 37%;
    left: 44.3%;
    width: 50px;
    height: 58px; }
    @media (min-width: 1280px) {
      .video-breaker .youtube-player .play {
        left: 46.9%;
        top: 43.5%;
        width: 60px;
        height: 70px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-breaker .youtube-player .play {
        left: 45.8%;
        top: 41.2%;
        width: 60px;
        height: 69px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-breaker .youtube-player .play {
        left: 47%;
        top: 43.9%;
        width: 45px;
        height: 52px; } }
    @media (max-width: 599px) {
      .video-breaker .youtube-player .play {
        width: 30px;
        height: 34.6px;
        top: 41.7%;
        left: 46%; } }
  .video-breaker .video-hd {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: -0.1px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .video-breaker .video-hd {
        clear: none;
        display: none; } }
    @media (max-width: 599px) {
      .video-breaker .video-hd {
        clear: none;
        display: none; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-breaker .video-hd {
        clear: both; } }
    @media (min-width: 1280px) {
      .video-breaker .video-hd {
        clear: none; } }
  .video-breaker .video-head {
    font-size: 26px;
    line-height: 1.31;
    letter-spacing: normal; }
    @media (max-width: 599px) {
      .video-breaker .video-head {
        font-size: 24px;
        line-height: 1.33;
        padding-bottom: 20px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .video-breaker .video-head {
        padding-top: 10px; } }

.homepage-wrapper {
  /*.slick-active {
        background-color: White;
    }*/ }
  .homepage-wrapper .preloader {
    /* position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0; */ }
    .homepage-wrapper .preloader .preloader-arrows {
      width: 100px;
      position: absolute;
      top: 40%;
      left: 46%;
      transform: rotate(0deg); }
      @media (max-width: 599px) {
        .homepage-wrapper .preloader .preloader-arrows {
          top: 40%;
          left: 40%; } }
      .homepage-wrapper .preloader .preloader-arrows .arrow {
        width: 200px;
        height: 70px; }
      .homepage-wrapper .preloader .preloader-arrows .arrow-up {
        background: url(../images/ArrowUp.gif) no-repeat 200px;
        background-size: 100px; }
      .homepage-wrapper .preloader .preloader-arrows .arrow-down {
        background: url(../images/ArrowDown.gif) no-repeat 200px;
        background-size: 100px; }
  .homepage-wrapper .background-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0; }
  .homepage-wrapper .background {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    z-index: 9000;
    transition: opacity 1s ease-in;
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    opacity: 1; }
  .homepage-wrapper .background-remove {
    transition: opacity 1s ease-in;
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    opacity: 0; }
  .homepage-wrapper .lead-statement-component {
    position: relative;
    padding-bottom: 0px !important;
    max-width: 1800px;
    margin: 0 auto;
    z-index: 9; }
    @media (min-width: 1280px) {
      .homepage-wrapper .lead-statement-component {
        padding-top: 30px; } }
    @media (max-width: 599px) {
      .homepage-wrapper .lead-statement-component {
        padding-bottom: 50px;
        padding-top: 10px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .homepage-wrapper .lead-statement-component {
        padding-bottom: 89px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .homepage-wrapper .lead-statement-component {
        padding-bottom: 81px; } }
    .homepage-wrapper .lead-statement-component .row .lead-statement-row {
      padding-right: 0;
      padding-left: 4.2%; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .homepage-wrapper .lead-statement-component .row .lead-statement-row {
          padding-top: 60px;
          padding-left: 5.6%;
          padding-right: 0;
          /* opacity: 0; */ } }
      @media (max-width: 599px) {
        .homepage-wrapper .lead-statement-component .row .lead-statement-row {
          padding-left: 8.3%;
          padding-right: 0;
          /* opacity: 0; */ } }
      @media (min-width: 1280px) {
        .homepage-wrapper .lead-statement-component .row .lead-statement-row {
          padding-left: 4.1%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .homepage-wrapper .lead-statement-component .row .lead-statement-row {
          padding-top: 60px;
          /* opacity: 0; */ } }
      @media (min-width: 1800px) {
        .homepage-wrapper .lead-statement-component .row .lead-statement-row {
          padding-left: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .homepage-wrapper .lead-statement-component .row .lead-statement-row .lead-statement {
          color: #282828;
          font-size: 50px;
          line-height: 62px;
          letter-spacing: -0.9px;
          text-align: left; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .homepage-wrapper .lead-statement-component .row .lead-statement-row .lead-statement {
          color: #282828;
          font-size: 40px;
          letter-spacing: -0.9px;
          line-height: 62px;
          position: relative;
          width: 100%; } }
      @media (max-width: 599px) {
        .homepage-wrapper .lead-statement-component .row .lead-statement-row .lead-statement {
          color: #282828;
          font-size: 24px;
          letter-spacing: normal;
          line-height: 35px; } }
      @media (min-width: 1280px) {
        .homepage-wrapper .lead-statement-component .row .lead-statement-row .lead-statement {
          font-size: 50px;
          line-height: 1.24;
          letter-spacing: -0.9px;
          color: #282828; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .homepage-wrapper .lead-statement-component .row .alert-desktop {
        padding-left: 4.1%;
        height: 80px;
        overflow: hidden; } }
    @media (min-width: 1280px) {
      .homepage-wrapper .lead-statement-component .row .alert-desktop {
        float: right;
        padding-right: 60px;
        overflow: hidden; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .homepage-wrapper .lead-statement-component .row .alert-desktop {
        height: 105px;
        overflow: hidden; } }
    .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel {
      padding-top: 20px; }
      @media (max-width: 599px) {
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel {
          padding-top: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel {
          padding-top: 0; } }
      @media (max-width: 599px) {
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .home-newshr {
          padding-left: 8.3%;
          padding-bottom: 30px;
          float: left; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .home-newshr {
          padding-left: 5.6%;
          float: left; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .home-newshr {
          float: left; } }
      .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .home-newshr .progress-outer {
        position: absolute;
        background: #bfbfbf;
        height: 1px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .home-newshr .progress-outer {
            width: 88.9%; } }
        @media (min-width: 1280px) {
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .home-newshr .progress-outer {
            width: 84%; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .home-newshr .progress-outer {
            width: 91.8%; } }
        @media (max-width: 599px) {
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .home-newshr .progress-outer {
            width: 84%; } }
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .home-newshr .progress-outer .progress-inner {
          background: #282828;
          height: 1px;
          width: 0%; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news {
          margin-left: 5.6%; } }
      @media (max-width: 599px) {
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news {
          padding-left: 8.3%; } }
      .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block {
        margin-top: 15px;
        float: left; }
        @media (max-width: 599px) {
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block {
            width: 92%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block {
            padding-bottom: 20px;
            width: 94%; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block {
            padding-bottom: 20px;
            margin-top: 10px; } }
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block .eyebrow {
          font-size: 14px;
          font-weight: 500;
          line-height: 1.71;
          color: #de4649; }
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block .alert-statement {
          font-size: 16px;
          line-height: 1.5; }
          @media (max-width: 599px) {
            .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block .alert-statement {
              padding-bottom: 20px;
              width: 91%;
              overflow: hidden; } }
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block .alert-statement .news-arrow {
            width: 17px;
            height: 1px;
            display: inline-block;
            margin-left: 5px;
            position: relative; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block .alert-statement .news-arrow {
                bottom: 1px; } }
            @media (max-width: 599px) {
              .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block .alert-statement .news-arrow {
                bottom: 0px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block .alert-statement .news-arrow {
                bottom: 2px; } }
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block .count {
          padding-top: 27px;
          font-size: 12px;
          line-height: 2;
          opacity: 0.5; }
          @media (max-width: 599px) {
            .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block .count {
              display: none; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block .count {
              display: none; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .breaking-news .alert-block .count {
              display: none; } }
      .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .pagination-block {
        display: inline-block;
        float: right;
        position: relative;
        z-index: 999; }
        @media (max-width: 599px) {
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .pagination-block {
            position: absolute;
            top: 11px;
            right: 8%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .pagination-block {
            bottom: 48px;
            padding-right: 5.2%; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .pagination-block {
            bottom: 45px;
            padding-right: 50px; } }
        @media (min-width: 1280px) {
          .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .pagination-block .number-indicators {
            display: none; } }
        .homepage-wrapper .lead-statement-component .row .alert-desktop .alert-carousel .pagination-block .number-indicators li a {
          color: #282828; }
  .homepage-wrapper .alerts-component .alert-desktop {
    float: right;
    position: relative;
    width: 25%; }
  .homepage-wrapper .news-statement-component {
    max-width: 1800px;
    margin: 0 auto;
    padding-bottom: 140px;
    margin-top: 102px; }
    @media (min-width: 1280px) {
      .homepage-wrapper .news-statement-component {
        position: relative; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .homepage-wrapper .news-statement-component {
        padding-bottom: 47px;
        margin-top: 50px; } }
    @media (max-width: 599px) {
      .homepage-wrapper .news-statement-component {
        padding-bottom: 0;
        margin-top: 50px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .homepage-wrapper .news-statement-component {
        padding-bottom: 50px;
        margin-top: 50px; } }
    .homepage-wrapper .news-statement-component .row .card-wrapper {
      width: 100%; }
      @media (min-width: 1280px) {
        .homepage-wrapper .news-statement-component .row .card-wrapper {
          margin-left: 4.2%;
          margin-right: 4.2%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .homepage-wrapper .news-statement-component .row .card-wrapper {
          padding-right: 4.2%;
          padding-left: 4.2%; } }
      @media (min-width: 1280px) {
        .homepage-wrapper .news-statement-component .row .card-wrapper .news-1 {
          opacity: 0;
          margin-right: 2.8%;
          transform: translateX(-300px); } }
      @media (min-width: 1280px) {
        .homepage-wrapper .news-statement-component .row .card-wrapper .news-2 {
          opacity: 0;
          margin-right: 2.8%;
          transform: translateX(-200px); } }
      @media (min-width: 1280px) {
        .homepage-wrapper .news-statement-component .row .card-wrapper .news-3 {
          opacity: 0;
          margin-right: 2.8%;
          transform: translateX(-150px); } }
      @media (min-width: 1280px) {
        .homepage-wrapper .news-statement-component .row .card-wrapper .news-4 {
          opacity: 0;
          transform: translateX(-100px); } }
      @media (max-width: 599px) {
        .homepage-wrapper .news-statement-component .row .card-wrapper .news {
          height: auto; } }
      @media (min-width: 1280px) {
        .homepage-wrapper .news-statement-component .row .card-wrapper .news img {
          display: none; } }
      @media (max-width: 599px) {
        .homepage-wrapper .news-statement-component .row .card-wrapper .news img {
          height: 212px;
          object-fit: cover;
          opacity: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .homepage-wrapper .news-statement-component .row .card-wrapper .news img {
          height: 433px;
          object-fit: cover;
          opacity: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .homepage-wrapper .news-statement-component .row .card-wrapper .news img {
          height: 531px;
          object-fit: cover;
          opacity: 0; } }
      .homepage-wrapper .news-statement-component .row .card-wrapper .news .arrow-white {
        background: url(../images/icon/Arrow-small-WHITE.svg) no-repeat;
        bottom: 35px;
        float: right;
        position: absolute;
        right: 32px;
        width: 24px;
        height: 10px; }
      .homepage-wrapper .news-statement-component .row .card-wrapper .news .arrow-black {
        background: url(../images/icon/Arrow-small.svg) no-repeat;
        bottom: 35px;
        float: right;
        position: absolute;
        right: 32px;
        width: 24px;
        height: 10px; }
      .homepage-wrapper .news-statement-component .row .card-wrapper .news .news-statements {
        font-size: 22px;
        line-height: 1.55;
        margin: 25px 20px 0 25px; }
        @media (min-width: 1280px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news .news-statements {
            max-height: 160px;
            overflow: visible;
            /* Bug 91876 */
            font-size: 22px;
            line-height: 1.35;
            word-break: break-word; } }
        @media (max-width: 599px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news .news-statements {
            display: none; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news .news-statements {
            display: none; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news .news-statements {
            display: none; } }
      .homepage-wrapper .news-statement-component .row .card-wrapper .news .cta-text {
        position: absolute;
        bottom: 30px;
        left: 10.3%;
        font-size: 18px;
        line-height: 1.22; }
        @media (max-width: 599px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news .cta-text {
            display: none; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news .cta-text {
            display: none; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news .cta-text {
            display: none; } }
        @media (min-width: 1280px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news .cta-text {
            font-size: 20px;
            width: 71%; } }
      .homepage-wrapper .news-statement-component .row .card-wrapper .bg_red .cta-text a,
      .homepage-wrapper .news-statement-component .row .card-wrapper .bg_green .cta-text a,
      .homepage-wrapper .news-statement-component .row .card-wrapper .bg_blue .cta-text a {
        color: #ffffff !important; }
      .homepage-wrapper .news-statement-component .row .card-wrapper .bg_yellow .cta-text a {
        color: #282828; }
      .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper {
        float: left; }
        @media (min-width: 1280px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper {
            display: none; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper {
            padding-bottom: 60px;
            width: 100%; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper {
            width: 100%; } }
        .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block {
          float: left; }
          .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line {
            margin-left: 8.5%;
            padding-top: 7px; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line {
                margin-left: 7.6%;
                padding-top: 35px; } }
            @media (max-width: 599px) {
              .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line {
                padding-top: 18px;
                padding-right: 45px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line {
                padding-top: 30px;
                margin-left: 0; } }
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-red {
              height: 65px;
              object-fit: contain;
              width: 5px;
              mask: url(../images/rectangle-copy-8.svg) no-repeat;
              -webkit-mask: url(../images/rectangle-copy-8.svg) no-repeat;
              background-color: #de4649; }
              @media (min-width: 600px) and (max-width: 1039px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-red {
                  height: 43px; } }
              @media (max-width: 599px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-red {
                  height: 70px; } }
              @media (min-width: 1040px) and (max-width: 1279px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-red {
                  height: 43px; } }
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-blue {
              height: 65px;
              object-fit: contain;
              width: 5px;
              mask: url(../images/rectangle-copy-8.svg) no-repeat;
              -webkit-mask: url(../images/rectangle-copy-8.svg) no-repeat;
              background-color: #0182d2; }
              @media (min-width: 600px) and (max-width: 1039px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-blue {
                  height: 43px; } }
              @media (max-width: 599px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-blue {
                  height: 70px; } }
              @media (min-width: 1040px) and (max-width: 1279px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-blue {
                  height: 43px; } }
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-yellow {
              height: 65px;
              object-fit: contain;
              width: 5px;
              mask: url(../images/rectangle-copy-8.svg) no-repeat;
              -webkit-mask: url(../images/rectangle-copy-8.svg) no-repeat;
              background-color: #ffce04; }
              @media (min-width: 600px) and (max-width: 1039px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-yellow {
                  height: 43px; } }
              @media (max-width: 599px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-yellow {
                  height: 70px; } }
              @media (min-width: 1040px) and (max-width: 1279px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-yellow {
                  height: 43px; } }
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-green {
              height: 65px;
              object-fit: contain;
              width: 5px;
              mask: url(../images/rectangle-copy-8.svg) no-repeat;
              -webkit-mask: url(../images/rectangle-copy-8.svg) no-repeat;
              background-color: #00b139; }
              @media (min-width: 600px) and (max-width: 1039px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-green {
                  height: 43px; } }
              @media (max-width: 599px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-green {
                  height: 70px; } }
              @media (min-width: 1040px) and (max-width: 1279px) {
                .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .vertical-line .line-strock-green {
                  height: 43px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .my-news {
              padding-top: 30px; } }
          @media (max-width: 599px) {
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .my-news {
              padding-top: 12px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .my-news {
              padding-top: 27px;
              padding-bottom: 61px;
              width: 80%; } }
          .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .news-block .my-news .news-statements {
            font-size: 20px;
            line-height: 1.3;
            color: #282828; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace {
            float: right;
            bottom: 0;
            position: relative; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace {
            float: right; } }
        .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace .cta-text {
          font-size: 16px;
          line-height: 1.38;
          padding-top: 30px;
          padding-bottom: 27px; }
          @media (min-width: 1280px) {
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace .cta-text {
              width: 85%; } }
          @media (max-width: 599px) {
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace .cta-text {
              margin-left: 80px;
              padding-bottom: 23px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace .cta-text {
              font-size: 16px;
              line-height: 1.38;
              padding-left: 29.5%;
              width: 73%;
              display: inline-block; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace .cta-text {
              padding-top: 31px;
              padding-left: 55px;
              margin-left: 0;
              width: 90%; } }
          .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace .cta-text a {
            color: #282828; }
        .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace .arrow-align {
          background: url(../images/icon/Arrow-small.svg) no-repeat;
          width: 24px;
          height: 10px;
          float: right;
          position: relative; }
          @media (max-width: 599px) {
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace .arrow-align {
              bottom: 37px;
              padding-right: 52px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace .arrow-align {
              bottom: 41px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .homepage-wrapper .news-statement-component .row .card-wrapper .news-wrapper .bottomspace .arrow-align {
              position: absolute;
              display: inline-block;
              top: 37px; } }
  .homepage-wrapper .alert-carousel .slider-progress {
    background: #bfbfbf;
    height: 2px;
    position: absolute;
    top: 8%;
    width: 77%;
    margin-left: 1em; }
  .homepage-wrapper .alert-carousel .first {
    line-height: 1.71;
    opacity: 0.35;
    display: inline-block;
    margin-right: 10px;
    pointer-events: auto; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .homepage-wrapper .alert-carousel .first {
        font-size: 14px;
        margin-right: 14px; } }
    @media (max-width: 599px) {
      .homepage-wrapper .alert-carousel .first {
        font-size: 13px;
        line-height: 1.85;
        margin-right: 15px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .homepage-wrapper .alert-carousel .first {
        margin-right: 14px;
        cursor: pointer; } }
    .homepage-wrapper .alert-carousel .first:last-child {
      margin-right: 0; }
  .homepage-wrapper .alert-carousel .active-one {
    opacity: 1 !important; }
  @media (min-width: 1280px) {
    .homepage-wrapper .hidden-now {
      transition: opacity 1s cubic-bezier(0.8, 0, 0.2, 1);
      -webkit-transition: opacity 1s cubic-bezier(0.8, 0, 0.2, 1);
      opacity: 0; } }
  .homepage-wrapper .hidden-now-mobile {
    transition: opacity 1s cubic-bezier(0.8, 0, 0.2, 1);
    -webkit-transition: opacity 1s cubic-bezier(0.8, 0, 0.2, 1); }
    @media (max-width: 599px) {
      .homepage-wrapper .hidden-now-mobile {
        opacity: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .homepage-wrapper .hidden-now-mobile {
        opacity: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .homepage-wrapper .hidden-now-mobile {
        opacity: 0; } }
  .homepage-wrapper .news-statement-component .image-fadein {
    -webkit-transition: opacity 5s ease;
    -moz-transition: opacity 5s ease;
    transition: opacity 5s ease;
    opacity: 1 !important; }
  .homepage-wrapper .news-statement-component .image-fadeout {
    -webkit-transition: opacity 2s ease;
    -moz-transition: opacity 2s ease;
    transition: opacity 2s ease;
    opacity: 0 !important; }
  .homepage-wrapper .news-statement-component .short-box {
    height: 80.8px !important; }
  .homepage-wrapper .news-statement-component .show-the-box {
    -webkit-transition: opacity 1s !important;
    -moz-transition: opacity 1s !important;
    transition: opacity 1s !important;
    opacity: 1 !important; }
  .homepage-wrapper .news-statement-component .hide-the-box {
    -webkit-transition: opacity 1s !important;
    -moz-transition: opacity 1s !important;
    transition: opacity 1s !important;
    opacity: 0 !important; }
  @media (max-width: 599px) {
    .homepage-wrapper footer {
      position: relative;
      top: -48px; } }
  @media (max-width: 599px) {
    .homepage-wrapper footer .footer-block {
      padding: 0 7.3% 30px 8.3%; } }
  @media (max-width: 599px) {
    .homepage-wrapper .line-height-animate {
      -webkit-animation: line-anime-homepage 2s;
      animation: line-anime-homepage 2s;
      -moz-animation: line-anime-homepage 2s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .homepage-wrapper .line-height-animate {
      -webkit-animation: line-anime-homepage1 12s;
      animation: line-anime-homepage1 2s;
      -moz-animation: line-anime-homepage1 2s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .homepage-wrapper .line-height-animate {
      -webkit-animation: line-anime-homepage2 12s;
      animation: line-anime-homepage2 2s;
      -moz-animation: line-anime-homepage2 2s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; } }
  @media (max-width: 599px) {
    .homepage-wrapper .news-statement-appear {
      -webkit-animation: news-paragraph-appear 1s;
      animation: news-paragraph-appear 1s;
      -moz-animation: news-paragraph-appear 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1);
      animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1);
      -moz-animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1); } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .homepage-wrapper .news-statement-appear {
      -webkit-animation: news-paragraph-appear 1s;
      animation: news-paragraph-appear 1s;
      -moz-animation: news-paragraph-appear 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1);
      animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1);
      -moz-animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1); } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .homepage-wrapper .news-statement-appear {
      -webkit-animation: news-paragraph-appear 1s;
      animation: news-paragraph-appear 1s;
      -moz-animation: news-paragraph-appear 1s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1);
      animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1);
      -moz-animation-timing-function: cubic-bezier(0, 0.45, 0.25, 1); } }

@keyframes news-paragraph-appear {
  0% {
    opacity: 0;
    transform: translateY(20%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }

@-webkit-keyframes news-paragraph-appear {
  0% {
    opacity: 0.0;
    transform: translateY(20%); }
  100% {
    opacity: 1.0;
    transform: translateY(0%); } }

@keyframes line-anime-homepage {
  0% {
    line-height: 60px; }
  100% {
    line-height: 48px; } }

@-webkit-keyframes line-anime-homepage {
  0% {
    line-height: 60px; }
  100% {
    line-height: 48px; } }

@-moz-keyframes line-anime-homepage {
  0% {
    line-height: 60px; }
  100% {
    line-height: 48px; } }

@keyframes line-anime-homepage1 {
  0% {
    line-height: 70px; }
  100% {
    line-height: 62px; } }

@-webkit-keyframes line-anime-homepage1 {
  0% {
    line-height: 70px; }
  100% {
    line-height: 62px; } }

@-moz-keyframes line-anime-homepage1 {
  0% {
    line-height: 70px; }
  100% {
    line-height: 62px; } }

@keyframes line-anime-homepage2 {
  0% {
    line-height: 70px; }
  100% {
    line-height: 62px; } }

@-webkit-keyframes line-anime-homepage2 {
  0% {
    line-height: 70px; }
  100% {
    line-height: 62px; } }

@-moz-keyframes line-anime-homepage2 {
  0% {
    line-height: 70px; }
  100% {
    line-height: 62px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .homepage-wrapper footer {
      margin-top: 0; } }

@keyframes example {
  0% {
    transform: translateX(-10%);
    opacity: 0.0; }
  100% {
    transform: translateX(0%);
    opacity: 1; } }

@-webkit-keyframes example {
  0% {
    transform: translateX(-10%);
    opacity: 0.0; }
  100% {
    transform: translateX(0%);
    opacity: 1; } }

.show-now {
  transition: opacity 0.5s cubic-bezier(0.8, 0, 0.2, 1);
  -webkit-transition: opacity 0.5s cubic-bezier(0.8, 0, 0.2, 1);
  opacity: 1; }

.show-now2 {
  transition: opacity 2s cubic-bezier(0.8, 0, 0.2, 1);
  -webkit-transition: opacity 2s cubic-bezier(0.8, 0, 0.2, 1);
  opacity: 1; }

@media (min-width: 1280px) {
  .z-indexer {
    z-index: -999; } }

.hide-breaking-news {
  display: none !important; }

.bar-width {
  width: 0% !important; }

.loaded-news-1 {
  transition: opacity 2000ms linear 1650ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 1650ms;
  -webkit-transition: opacity 2000ms linear 1650ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 1650ms;
  -moz-transition: opacity 2000ms linear 1650ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 1650ms;
  transform: translateX(0%) !important;
  -webkit-transform: translateX(0%) !important;
  -moz-transform: translateX(0%) !important;
  opacity: 1 !important; }

.loaded-news-2 {
  transition: opacity 2000ms linear 1400ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 1400ms;
  -webkit-transition: opacity 2000ms linear 1400ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 1400ms;
  -moz-transition: opacity 2000ms linear 1400ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 1400ms;
  transform: translateX(0%) !important;
  -webkit-transform: translateX(0%) !important;
  -moz-transform: translateX(0%) !important;
  opacity: 1 !important; }

.loaded-news-3 {
  transition: opacity 2000ms linear 1150ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 1150ms;
  -webkit-transition: opacity 2000ms linear 1150ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 1150ms;
  -moz-transition: opacity 2000ms linear 1150ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 1150ms;
  transform: translateX(0%) !important;
  -webkit-transform: translateX(0%) !important;
  -moz-transform: translateX(0%) !important;
  opacity: 1 !important; }

.loaded-news-4 {
  transition: opacity 2000ms linear 900ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 900ms;
  -webkit-transition: opacity 2000ms linear 900ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 900ms;
  -moz-transition: opacity 2000ms linear 900ms, transform 2000ms cubic-bezier(0, 0.45, 0.25, 1) 900ms;
  transform: translateX(0%) !important;
  -webkit-transform: translateX(0%) !important;
  -moz-transform: translateX(0%) !important;
  opacity: 1 !important; }

.loaded-one {
  display: none; }

.news-pointer-event {
  pointer-events: none; }

.animate-background-color {
  transition: background-color 2s ease-in-out;
  -webkit-transition: background-color 2s ease-in-out;
  -moz-transition: background-color 2s ease-in-out;
  background-color: #DE4649 !important;
  z-index: 9999; }

.default-homepage-color {
  /* background-color: white;
    z-index: 9999; disabling the preloader animation as of now */ }

.slick-slide {
  transition: opacity 0.7s ease-in-out !important; }

.opacidown {
  opacity: 0 !important; }

.opacityZero {
  transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  opacity: 0; }

.opacityOne {
  transition: opacity 1s linear;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  opacity: 1; }

.news-z-index {
  z-index: 9001; }

@media (max-width: 1280px) {
  .homepage-wrapper .connect-main .stay-connect-left {
    width: 55%; } }

/* start: card container // should be removed not part of cards */
.card-container {
  margin: 0 15px;
  padding: 0 15px; }

/* end: card container */
/*style start*/
.topic-package-card .image {
  margin: 0;
  padding: 0;
  width: 20.8%; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card .image {
      width: 16.8%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card .image {
      width: 25%; } }
  @media (min-width: 1280px) {
    .topic-package-card .image {
      width: 100%; } }
  .topic-package-card .image > img {
    margin: 0px;
    object-fit: cover;
    max-width: 100%;
    width: 100%; }
    @media screen and (min-width: 0\0) {
      .topic-package-card .image > img {
        height: auto; } }
  .topic-package-card .image .play-icon img {
    bottom: 0;
    height: 13px;
    left: 0;
    margin: auto;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 11.3px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .topic-package-card .image .play-icon img {
        height: 24px;
        width: 21px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .topic-package-card .image .play-icon img {
        height: 30px;
        width: 26px; } }
    @media (min-width: 1280px) {
      .topic-package-card .image .play-icon img {
        height: 34.6px;
        width: 30px; } }
  .topic-package-card .image .press-release-backdrop {
    background-color: #282828;
    bottom: 0px;
    height: 18px;
    left: 0px;
    position: absolute;
    width: auto; }
    @media (min-width: 1280px) {
      .topic-package-card .image .press-release-backdrop {
        height: 26px; } }
    .topic-package-card .image .press-release-backdrop .press-text {
      color: #ffffff;
      font-size: 11px;
      line-height: 0.91;
      padding: 4px 4px;
      /*position: absolute;*/
      text-align: center;
      width: auto; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .topic-package-card .image .press-release-backdrop .press-text {
          padding: 4px 4px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card .image .press-release-backdrop .press-text {
          padding: 4px 4px; } }
      @media (min-width: 1280px) {
        .topic-package-card .image .press-release-backdrop .press-text {
          padding: 8px 9px; } }
  .topic-package-card .image.no-image {
    background: #ededed;
    height: 50px;
    position: relative; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .topic-package-card .image.no-image {
        height: 72.8px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .topic-package-card .image.no-image {
        height: 85.3px; } }
    @media (min-width: 1280px) {
      .topic-package-card .image.no-image {
        height: 152.2px; } }
    @media (min-width: 1536px) {
      .topic-package-card .image.no-image {
        height: 152.2px !important; } }
    .topic-package-card .image.no-image .scj-icon, .topic-package-card .image.no-image .scj-icon-yellow, .topic-package-card .image.no-image .scj-icon-green, .topic-package-card .image.no-image .scj-icon-orange, .topic-package-card .image.no-image .scj-icon-blue, .topic-package-card .image.no-image .scj-icon-red, .topic-package-card .image.no-image .scj-icon-black, .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow, .topic-package-card.feedcard .row .image.no-image .scj-icon-green, .topic-package-card.feedcard .row .image.no-image .scj-icon-orange, .topic-package-card.feedcard .row .image.no-image .scj-icon-blue, .topic-package-card.feedcard .row .image.no-image .scj-icon-red, .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
      -webkit-mask: url(../images/icon/scj-icon.svg) no-repeat;
      -moz-mask: url(../images/icon/scj-icon.svg) no-repeat;
      mask: url(../images/icon/scj-icon.svg) no-repeat;
      -webkit-mask-size: 25px;
      -moz-mask-size: 25px;
      mask-size: 25px;
      background-repeat: no-repeat;
      bottom: 0;
      height: 35px;
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: 0;
      width: 27px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .topic-package-card .image.no-image .scj-icon, .topic-package-card .image.no-image .scj-icon-yellow, .topic-package-card .image.no-image .scj-icon-green, .topic-package-card .image.no-image .scj-icon-orange, .topic-package-card .image.no-image .scj-icon-blue, .topic-package-card .image.no-image .scj-icon-red, .topic-package-card .image.no-image .scj-icon-black, .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow, .topic-package-card.feedcard .row .image.no-image .scj-icon-green, .topic-package-card.feedcard .row .image.no-image .scj-icon-orange, .topic-package-card.feedcard .row .image.no-image .scj-icon-blue, .topic-package-card.feedcard .row .image.no-image .scj-icon-red, .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
          -webkit-mask-size: 30px;
          -moz-mask-size: 30px;
          mask-size: 30px;
          height: 42px;
          width: 30px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card .image.no-image .scj-icon, .topic-package-card .image.no-image .scj-icon-yellow, .topic-package-card .image.no-image .scj-icon-green, .topic-package-card .image.no-image .scj-icon-orange, .topic-package-card .image.no-image .scj-icon-blue, .topic-package-card .image.no-image .scj-icon-red, .topic-package-card .image.no-image .scj-icon-black, .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow, .topic-package-card.feedcard .row .image.no-image .scj-icon-green, .topic-package-card.feedcard .row .image.no-image .scj-icon-orange, .topic-package-card.feedcard .row .image.no-image .scj-icon-blue, .topic-package-card.feedcard .row .image.no-image .scj-icon-red, .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
          -webkit-mask-size: 35px;
          -moz-mask-size: 35px;
          mask-size: 35px;
          height: 50px;
          width: 37px; } }
      @media (min-width: 1280px) {
        .topic-package-card .image.no-image .scj-icon, .topic-package-card .image.no-image .scj-icon-yellow, .topic-package-card .image.no-image .scj-icon-green, .topic-package-card .image.no-image .scj-icon-orange, .topic-package-card .image.no-image .scj-icon-blue, .topic-package-card .image.no-image .scj-icon-red, .topic-package-card .image.no-image .scj-icon-black, .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow, .topic-package-card.feedcard .row .image.no-image .scj-icon-green, .topic-package-card.feedcard .row .image.no-image .scj-icon-orange, .topic-package-card.feedcard .row .image.no-image .scj-icon-blue, .topic-package-card.feedcard .row .image.no-image .scj-icon-red, .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
          -webkit-mask-size: 50px;
          -moz-mask-size: 50px;
          mask-size: 50px;
          height: 72px;
          width: 50px; } }
    .topic-package-card .image.no-image .scj-icon-yellow {
      background-color: #FFCE04; }
      @media screen and (min-width: 0\0) {
        .topic-package-card .image.no-image .scj-icon-yellow {
          background: url(../images/scjicon-color.png) 0 -142px no-repeat;
          background-size: 100%;
          background-color: transparent;
          bottom: 0;
          left: 0;
          margin: auto;
          position: absolute;
          right: 0;
          top: 0;
          width: 25px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card .image.no-image .scj-icon-yellow {
      background: url(../images/scjicon-color.png) 0 -203px no-repeat;
      background-size: 100%;
      width: 36px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card .image.no-image .scj-icon-yellow {
      background: url(../images/scjicon-color.png) 0 -210px no-repeat;
      background-size: 100%;
      width: 37px; } }
  @media screen and (min-width: 0\0) and (min-width: 1280px) {
    .topic-package-card .image.no-image .scj-icon-yellow {
      background: url(../images/scjicon-color.png) 0 -280px no-repeat;
      background-size: 100%;
      width: 50px; } }
    .topic-package-card .image.no-image .scj-icon-green {
      background-color: #00B139; }
      @media screen and (min-width: 0\0) {
        .topic-package-card .image.no-image .scj-icon-green {
          background: url(../images/scjicon-color.png) 0 -36px no-repeat;
          background-size: 100%;
          background-color: transparent;
          width: 25px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card .image.no-image .scj-icon-green {
      background: url(../images/scjicon-color.png) 0 -50px no-repeat;
      background-size: 100%;
      width: 36px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card .image.no-image .scj-icon-green {
      background: url(../images/scjicon-color.png) 0 -53px no-repeat;
      background-size: 100%;
      width: 37px; } }
  @media screen and (min-width: 0\0) and (min-width: 1280px) {
    .topic-package-card .image.no-image .scj-icon-green {
      background: url(../images/scjicon-color.png) 0 -69px no-repeat;
      background-size: 100%;
      width: 50px; } }
    .topic-package-card .image.no-image .scj-icon-orange {
      background-color: #FD7440; }
      @media screen and (min-width: 0\0) {
        .topic-package-card .image.no-image .scj-icon-orange {
          background: url(../images/scjicon-color.png) 0 -70px no-repeat;
          background-color: transparent;
          background-size: 100%;
          width: 25px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card .image.no-image .scj-icon-orange {
      background: url(../images/scjicon-color.png) 0 -101px no-repeat;
      background-size: 100%;
      width: 36px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card .image.no-image .scj-icon-orange {
      background: url(../images/scjicon-color.png) 0 -105px no-repeat;
      background-size: 100%;
      width: 37px; } }
  @media screen and (min-width: 0\0) and (min-width: 1280px) {
    .topic-package-card .image.no-image .scj-icon-orange {
      background: url(../images/scjicon-color.png) 0 -140px no-repeat;
      background-size: 100%;
      width: 50px; } }
    .topic-package-card .image.no-image .scj-icon-blue {
      background-color: #0182D2; }
      @media screen and (min-width: 0\0) {
        .topic-package-card .image.no-image .scj-icon-blue {
          background: url(../images/scjicon-color.png) 0 -105px no-repeat;
          background-color: transparent;
          background-size: 100%;
          width: 25px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card .image.no-image .scj-icon-blue {
      background: url(../images/scjicon-color.png) 0 -152px no-repeat;
      background-size: 100%;
      width: 36px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card .image.no-image .scj-icon-blue {
      background: url(../images/scjicon-color.png) 0 -157px no-repeat;
      background-size: 100%;
      width: 37px; } }
  @media screen and (min-width: 0\0) and (min-width: 1280px) {
    .topic-package-card .image.no-image .scj-icon-blue {
      background: url(../images/scjicon-color.png) 0 -210px no-repeat;
      background-size: 100%;
      width: 50px; } }
    .topic-package-card .image.no-image .scj-icon-red {
      background-color: #DE4649; }
      @media screen and (min-width: 0\0) {
        .topic-package-card .image.no-image .scj-icon-red {
          background: url(../images/scjicon-color.png) 0 0px no-repeat;
          background-color: transparent;
          background-size: 100%;
          width: 25px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card .image.no-image .scj-icon-red {
      background: url(../images/scjicon-color.png) 0 0px no-repeat;
      background-size: 100%;
      width: 36px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card .image.no-image .scj-icon-red {
      background: url(../images/scjicon-color.png) 0 0px no-repeat;
      background-size: 100%;
      width: 37px; } }
  @media screen and (min-width: 0\0) and (min-width: 1280px) {
    .topic-package-card .image.no-image .scj-icon-red {
      background: url(../images/scjicon-color.png) 0 0px no-repeat;
      background-size: 100%;
      width: 50px; } }
    .topic-package-card .image.no-image .scj-icon-black {
      background-color: #282828; }
      @media screen and (min-width: 0\0) {
        .topic-package-card .image.no-image .scj-icon-black {
          background: url(../images/scjicon-color.png) 0px -176px no-repeat;
          background-color: transparent;
          background-size: 100%;
          width: 25px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card .image.no-image .scj-icon-black {
      background: url(../images/scjicon-color.png) 0 -254px no-repeat;
      background-size: 100%;
      width: 36px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card .image.no-image .scj-icon-black {
      background: url(../images/scjicon-color.png) 0 -351px no-repeat;
      background-size: 100%;
      width: 37px; } }
  @media screen and (min-width: 0\0) and (min-width: 1280px) {
    .topic-package-card .image.no-image .scj-icon-black {
      background: url(../images/scjicon-color.png) 0 -351px no-repeat;
      background-size: 100%;
      width: 50px; } }

.topic-package-card .caption {
  padding-left: 15px;
  width: 60%; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card .caption {
      padding-left: 21px;
      width: 60%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card .caption {
      padding-left: 0px;
      margin-top: 0px;
      width: 212px; } }
  @media (min-width: 1280px) {
    .topic-package-card .caption {
      padding-left: 0px;
      margin-top: 0px;
      width: 270px; } }
  .topic-package-card .caption h4 {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-top: 0;
    margin-bottom: 0;
    color: #282828;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.69;
    text-align: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .topic-package-card .caption h4 {
        font-size: 13px;
        line-height: 1.69; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .topic-package-card .caption h4 {
        padding-top: 10px;
        font-size: 15px;
        line-height: 1.47; } }
    @media (min-width: 1280px) {
      .topic-package-card .caption h4 {
        padding-top: 10px;
        font-size: 15px;
        line-height: 1.47; } }
  .topic-package-card .caption .caption-text {
    color: #282828;
    font-size: 15px;
    line-height: 1.38;
    padding-top: 1px;
    text-align: left;
    text-decoration: none; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .topic-package-card .caption .caption-text {
        font-size: 16px;
        line-height: 1.38;
        padding-top: 1px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .topic-package-card .caption .caption-text {
        font-size: 18px;
        height: 44px;
        line-height: 1.22;
        padding-top: 6px; } }
    @media (min-width: 1280px) {
      .topic-package-card .caption .caption-text {
        font-size: 18px;
        height: auto;
        line-height: 1.22;
        padding-top: 6px; } }
    .topic-package-card .caption .caption-text .caption-inner-text {
      border-bottom: none;
      background-image: linear-gradient(180deg, transparent 93%, #54beff 0);
      background-size: 0% 100%;
      background-repeat: no-repeat;
      display: inline;
      padding-bottom: 2px; }
    .topic-package-card .caption .caption-text .offsite-icon {
      background: url(../images/icon/Offsite.svg) no-repeat;
      height: 15px;
      width: 15px;
      left: 5px;
      top: 2px;
      display: inline-block;
      position: relative; }
  .topic-package-card .caption .caption-date {
    color: #282828;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0.2px;
    opacity: 0.5;
    padding-top: 4px;
    text-align: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .topic-package-card .caption .caption-date {
        font-size: 12px;
        line-height: 1.33;
        opacity: 1.0;
        padding-top: 10px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .topic-package-card .caption .caption-date {
        font-size: 13px;
        line-height: 1.23;
        opacity: 1.0;
        padding-top: 12px; } }
    @media (min-width: 1280px) {
      .topic-package-card .caption .caption-date {
        font-size: 13px;
        line-height: 1.23;
        opacity: 1.0;
        padding-top: 12px; } }
    .topic-package-card .caption .caption-date .year-start,
    .topic-package-card .caption .caption-date .year-end,
    .topic-package-card .caption .caption-date .time-border-line {
      color: #282828;
      display: inline;
      font-size: 12px;
      line-height: 1.33;
      letter-spacing: 0.2px;
      text-align: left; }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card .caption .caption-date .year-start,
        .topic-package-card .caption .caption-date .year-end,
        .topic-package-card .caption .caption-date .time-border-line {
          font-size: 13px;
          line-height: 1.23; } }
      @media (min-width: 1280px) {
        .topic-package-card .caption .caption-date .year-start,
        .topic-package-card .caption .caption-date .year-end,
        .topic-package-card .caption .caption-date .time-border-line {
          font-size: 13px;
          line-height: 1.23; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .topic-package-card .caption-src-text {
    color: #282828;
    font-size: 13px;
    line-height: 1.23;
    margin-top: -15px;
    opacity: 0.5;
    text-align: left; } }

@media (min-width: 1280px) {
  .topic-package-card .caption-src-text {
    color: #282828;
    font-size: 13px;
    line-height: 1.23;
    margin-top: -15px;
    opacity: 0.5;
    text-align: left; } }

.topic-package-card .card-endline {
  border-top: solid 1px rgba(40, 40, 40, 0.5);
  clear: both;
  margin-top: 16px; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card .card-endline {
      width: 212px; } }
  @media (min-width: 1280px) {
    .topic-package-card .card-endline {
      width: 270px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .topic-package-card.cta-card .top-bar {
    width: 62%; } }

@media (min-width: 1280px) {
  .topic-package-card.cta-card .top-bar {
    width: 62%; } }

.topic-package-card.cta-card .cta {
  background-color: #f2f2f2; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card.cta-card .cta {
      width: 62%; } }
  @media (min-width: 1280px) {
    .topic-package-card.cta-card .cta {
      width: 62%; } }
  .topic-package-card.cta-card .cta .cta-card-toptext {
    color: #282828;
    font-size: 15px;
    padding: 20px 15px 20px 31px;
    text-align: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .topic-package-card.cta-card .cta .cta-card-toptext {
        font-size: 15px;
        line-height: 1.47;
        padding: 20px 21px 12px 33px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .topic-package-card.cta-card .cta .cta-card-toptext {
        font-size: 22px;
        line-height: 1.18;
        width: 60%; } }
    @media (min-width: 1280px) {
      .topic-package-card.cta-card .cta .cta-card-toptext {
        font-size: 22px;
        line-height: 1.18;
        padding: 39px 17.6px 143px 28px; } }
    .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
      display: inline-block; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
          height: 9px;
          margin-right: 22px;
          width: 9px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
          height: 12px;
          margin-right: 22px;
          width: 12px; } }
  .topic-package-card.cta-card .cta .cta-card-bottomtext {
    color: #282828;
    font-size: 13px;
    line-height: 1.69;
    text-align: left;
    padding: 0px 106px 30px 31px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .topic-package-card.cta-card .cta .cta-card-bottomtext {
        font-size: 13px;
        line-height: 1.69;
        margin-left: 34px;
        padding: 0px 21px 30px 64px;
        text-align: left; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .topic-package-card.cta-card .cta .cta-card-bottomtext {
        font-size: 16px;
        line-height: 1.38;
        position: absolute;
        top: 25px;
        left: 12%;
        text-align: right; } }
    @media (min-width: 1280px) {
      .topic-package-card.cta-card .cta .cta-card-bottomtext {
        font-size: 18px;
        line-height: 1.22;
        padding: 0px 0px 30px 34px;
        width: 80%; } }
    @media (min-width: 1280px) {
      .topic-package-card.cta-card .cta .cta-card-bottomtext .arrowsmall {
        height: 50px;
        left: 100%;
        position: absolute;
        top: 10%;
        width: 50px; } }

.topic-package-card .bottomspace {
  margin-bottom: 50px; }

.ie .topic-package-card .caption .caption-text .offsite-icon {
  background: url(../images/icon/Offsite.png) no-repeat; }

@media (min-width: 1536px) {
  .threeup-topic-package-component .background-block .package-cards .threeup-card-wrapper .topic-package-card {
    width: 272px; } }

/*feed card styles */
.injectcards:after {
  content: '';
  display: block;
  clear: both; }

.feedData {
  clear: both;
  display: inline-block;
  width: 99%; }
  @media (max-width: 599px) {
    .feedData {
      margin-top: 0px; } }
  .feedData .topic-package-card.feedcard {
    width: 88%; }
    .feedData .topic-package-card.feedcard .image {
      margin-top: 0px; }
    .feedData .topic-package-card.feedcard .image.video {
      opacity: 0.8; }
    @media (max-width: 599px) {
      .feedData .topic-package-card.feedcard {
        width: 93%; } }
  @media (max-width: 599px) {
    .feedData .topic-package-card.feedcard .caption {
      width: 100%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedData .topic-package-card.feedcard .caption {
      position: relative;
      /*height:131px;*/
      width: 58%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .feedData .topic-package-card.feedcard .caption {
      width: 76%; } }
  @media (min-width: 1280px) {
    .feedData .topic-package-card.feedcard .caption {
      width: 72%; } }

.topic-package-card {
  /*&.feedcard:last-child {
		margin-bottom: 0px;		
	}*/ }
  @media (max-width: 599px) {
    .topic-package-card.feedcard {
      width: 93%;
      margin: 15px 15px 30px 15px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card.feedcard {
      margin-bottom: 45px;
      padding-left: 43px;
      padding-right: 0px;
      width: 90%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card.feedcard {
      margin-bottom: 60px;
      padding-left: 43px;
      padding-right: 0px;
      width: 88%; } }
  @media (min-width: 1280px) {
    .topic-package-card.feedcard {
      margin-bottom: 60px;
      padding-left: 62px;
      padding-right: 0px;
      width: 88%; } }
  .topic-package-card.feedcard .row {
    flex-wrap: wrap;
    display: flex; }
    @media (max-width: 599px) {
      .topic-package-card.feedcard .row {
        display: block; } }
    .topic-package-card.feedcard .row .image {
      margin-top: 14px;
      /*height: 193px;	*/
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .topic-package-card.feedcard .row .image {
          padding: 0;
          /*height: 131px;	*/
          width: 37.3%;
          margin-top: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card.feedcard .row .image {
          padding: 0;
          /*	height: 119px;*/
          width: 23.8%;
          margin-top: 0; } }
      @media (min-width: 1280px) {
        .topic-package-card.feedcard .row .image {
          padding: 0;
          width: 27.6%;
          /*height: 186px;*/
          margin-top: 0; } }

@media screen and (min-width: 0\0) and (min-width: 1280px) {
  .topic-package-card.feedcard .row .image {
    width: 27.3%; } }
      .topic-package-card.feedcard .row .image > img {
        height: 100%;
        margin: 0px;
        width: 100%;
        object-fit: cover; }
      .topic-package-card.feedcard .row .image .play-icon img {
        bottom: 0;
        height: 35px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px; }
      .topic-package-card.feedcard .row .image .press-release-backdrop {
        background-color: #282828;
        bottom: 0px;
        height: 18px;
        left: 0;
        position: absolute;
        width: auto; }
        @media (min-width: 1280px) {
          .topic-package-card.feedcard .row .image .press-release-backdrop {
            height: 26px; } }
        .topic-package-card.feedcard .row .image .press-release-backdrop .press-text {
          color: #ffffff;
          font-size: 11px;
          line-height: 0.91;
          padding: 4px 4px;
          position: relative;
          width: 100%; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .topic-package-card.feedcard .row .image .press-release-backdrop .press-text {
              padding: 4px 4px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .topic-package-card.feedcard .row .image .press-release-backdrop .press-text {
              padding: 4px 4px; } }
          @media (min-width: 1280px) {
            .topic-package-card.feedcard .row .image .press-release-backdrop .press-text {
              padding: 8px 9px; } }
      .topic-package-card.feedcard .row .image.no-image {
        /*height:193px;
					@include tablet{
						height:131px;
					}
					@include desktopsmall{
						height:119px;
					}
					@include desktop{
						height:186px;
					}*/
        background: #ededed;
        position: relative; }
        .topic-package-card.feedcard .row .image.no-image .scj-icon, .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow, .topic-package-card.feedcard .row .image.no-image .scj-icon-green, .topic-package-card.feedcard .row .image.no-image .scj-icon-orange, .topic-package-card.feedcard .row .image.no-image .scj-icon-blue, .topic-package-card.feedcard .row .image.no-image .scj-icon-red, .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
          -webkit-mask: url(../images/icon/scj-icon.svg) no-repeat;
          -moz-mask: url(../images/icon/scj-icon.svg) no-repeat;
          mask: url(../images/icon/scj-icon.svg) no-repeat;
          -webkit-mask-size: 50px;
          -moz-mask-size: 50px;
          mask-size: 50px;
          bottom: 0;
          height: 70px;
          left: 0;
          margin: auto;
          position: absolute;
          right: 0;
          top: 0;
          width: 50px; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .topic-package-card.feedcard .row .image.no-image .scj-icon, .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow, .topic-package-card.feedcard .row .image.no-image .scj-icon-green, .topic-package-card.feedcard .row .image.no-image .scj-icon-orange, .topic-package-card.feedcard .row .image.no-image .scj-icon-blue, .topic-package-card.feedcard .row .image.no-image .scj-icon-red, .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
              -webkit-mask-size: 30px;
              -moz-mask-size: 30px;
              mask-size: 30px;
              height: 43px;
              width: 30px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .topic-package-card.feedcard .row .image.no-image .scj-icon, .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow, .topic-package-card.feedcard .row .image.no-image .scj-icon-green, .topic-package-card.feedcard .row .image.no-image .scj-icon-orange, .topic-package-card.feedcard .row .image.no-image .scj-icon-blue, .topic-package-card.feedcard .row .image.no-image .scj-icon-red, .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
              -webkit-mask-size: 35px;
              -moz-mask-size: 35px;
              mask-size: 35px;
              height: 50px;
              width: 37px; } }
          @media (min-width: 1280px) {
            .topic-package-card.feedcard .row .image.no-image .scj-icon, .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow, .topic-package-card.feedcard .row .image.no-image .scj-icon-green, .topic-package-card.feedcard .row .image.no-image .scj-icon-orange, .topic-package-card.feedcard .row .image.no-image .scj-icon-blue, .topic-package-card.feedcard .row .image.no-image .scj-icon-red, .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
              -webkit-mask-size: 50px;
              -moz-mask-size: 50px;
              mask-size: 50px;
              height: 70px;
              width: 50px; } }
        .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow {
          background-color: #FFCE04; }
          @media screen and (min-width: 0\0) {
            .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow {
              background: url(../images/scjicon-color.png) 0 -280px no-repeat;
              background-size: 100%;
              background-color: transparent;
              width: 50px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow {
      background: url(../images/scjicon-color.png) 0 -168px no-repeat;
      background-size: 100%;
      width: 30px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-yellow {
      background: url(../images/scjicon-color.png) 0 -210px no-repeat;
      background-size: 100%;
      width: 37px; } }
        .topic-package-card.feedcard .row .image.no-image .scj-icon-green {
          background-color: #00B139; }
          @media screen and (min-width: 0\0) {
            .topic-package-card.feedcard .row .image.no-image .scj-icon-green {
              background: url(../images/scjicon-color.png) 0 -69px no-repeat;
              background-size: 100%;
              background-color: transparent;
              width: 50px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-green {
      background: url(../images/scjicon-color.png) 0 -42px no-repeat;
      background-size: 100%;
      width: 30px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-green {
      background: url(../images/scjicon-color.png) 0 -53px no-repeat;
      background-size: 100%;
      width: 37px; } }
        .topic-package-card.feedcard .row .image.no-image .scj-icon-orange {
          background-color: #FD7440; }
          @media screen and (min-width: 0\0) {
            .topic-package-card.feedcard .row .image.no-image .scj-icon-orange {
              background: url(../images/scjicon-color.png) 0 -140px no-repeat;
              background-color: transparent;
              background-size: 100%;
              width: 50px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-orange {
      background: url(../images/scjicon-color.png) 0 -84px no-repeat;
      background-size: 100%;
      width: 30px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-orange {
      background: url(../images/scjicon-color.png) 0 -106px no-repeat;
      background-size: 100%;
      width: 37px; } }
        .topic-package-card.feedcard .row .image.no-image .scj-icon-blue {
          background-color: #0182D2; }
          @media screen and (min-width: 0\0) {
            .topic-package-card.feedcard .row .image.no-image .scj-icon-blue {
              background: url(../images/scjicon-color.png) 0 -210px no-repeat;
              background-color: transparent;
              background-size: 100%;
              width: 50px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-blue {
      background: url(../images/scjicon-color.png) 0 -126px no-repeat;
      background-size: 100%;
      width: 30px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-blue {
      background: url(../images/scjicon-color.png) 0 -157px no-repeat;
      background-size: 100%;
      width: 37px; } }
        .topic-package-card.feedcard .row .image.no-image .scj-icon-red {
          background-color: #DE4649; }
          @media screen and (min-width: 0\0) {
            .topic-package-card.feedcard .row .image.no-image .scj-icon-red {
              background: url(../images/scjicon-color.png) 0 0px no-repeat;
              background-color: transparent;
              background-size: 100%;
              width: 50px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-red {
      background: url(../images/scjicon-color.png) 0 0px no-repeat;
      background-size: 100%;
      width: 30px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-red {
      background: url(../images/scjicon-color.png) 0 0px no-repeat;
      background-size: 100%;
      width: 37px; } }
        .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
          background-color: #282828; }
          @media screen and (min-width: 0\0) {
            .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
              background: url(../images/scjicon-color.png) 0px -353px no-repeat;
              background-color: transparent;
              background-size: 100%;
              width: 50px; } }
  @media screen and (min-width: 0\0) and (min-width: 600px) and (max-width: 1039px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
      background: url(../images/scjicon-color.png) 0 -212px no-repeat;
      background-size: 100%;
      width: 30px; } }
  @media screen and (min-width: 0\0) and (min-width: 1040px) and (max-width: 1279px) {
    .topic-package-card.feedcard .row .image.no-image .scj-icon-black {
      background: url(../images/scjicon-color.png) 0 -353px no-repeat;
      background-size: 100%;
      width: 37px; } }
    .topic-package-card.feedcard .row .caption {
      padding-left: 0px;
      width: 100%; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .topic-package-card.feedcard .row .caption {
          padding-left: 21px;
          /*height: 131px;*/
          width: 58%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card.feedcard .row .caption {
          padding-left: 22px;
          /*height: 119px;*/
          width: 76%; } }
      @media (min-width: 1280px) {
        .topic-package-card.feedcard .row .caption {
          padding-top: 0px;
          padding-left: 27px;
          /*height: 186px;*/
          width: 72%; } }
    .topic-package-card.feedcard .row h4 {
      color: #282828;
      font-size: 13px;
      font-weight: normal;
      line-height: 1;
      padding: 4px 15px 0px 15px;
      text-align: left; }
      @media (max-width: 599px) {
        .topic-package-card.feedcard .row h4 {
          margin: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .topic-package-card.feedcard .row h4 {
          font-size: 13px;
          padding: 0;
          line-height: 1; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card.feedcard .row h4 {
          font-size: 14px;
          padding: 0;
          line-height: 1; } }
      @media (min-width: 1280px) {
        .topic-package-card.feedcard .row h4 {
          font-size: 15px;
          padding: 0;
          position: absolute;
          line-height: 1.47; } }
    .topic-package-card.feedcard .row .caption-text {
      color: #282828;
      font-size: 20px;
      line-height: 1.3;
      padding: 8px 15px 14px 15px;
      text-align: left; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .topic-package-card.feedcard .row .caption-text {
          font-size: 20px;
          line-height: 1.33;
          padding: 5px 0 0 0;
          height: 82px;
          overflow-y: hidden; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card.feedcard .row .caption-text {
          font-size: 22px;
          line-height: 1.33;
          padding: 13px 0px 0px 0px;
          /*white-space: nowrap;
			    overflow: hidden;
			    text-overflow: ellipsis;*/
          width: 84%; } }
      @media (min-width: 1280px) {
        .topic-package-card.feedcard .row .caption-text {
          font-size: 26px;
          line-height: 1.38;
          padding: 8px 0 0 0;
          /* white-space: nowrap;
			    overflow: hidden;				
			    text-overflow: ellipsis;*/
          bottom: 0px;
          height: auto;
          padding-right: 230px;
          padding-bottom: 20px;
          position: absolute;
          width: 100%; } }
      .topic-package-card.feedcard .row .caption-text .caption-inner-text {
        border-bottom: none;
        background-image: linear-gradient(180deg, transparent 97%, #54beff 0);
        background-size: 0% 100%;
        background-repeat: no-repeat;
        display: inline; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .topic-package-card.feedcard .row .caption-text .caption-inner-text {
            word-break: break-all; } }
      .topic-package-card.feedcard .row .caption-text .offsite-icon {
        background: url(../images/icon/Offsite.svg) no-repeat;
        display: inline-block;
        height: 15px;
        margin-left: 5px;
        position: relative;
        width: 15px;
        top: 3px; }
      .topic-package-card.feedcard .row .caption-text .pdf-icon {
        background: url(../images/icon/PDF.svg) no-repeat;
        display: inline-block;
        height: 15px;
        margin-left: 5px;
        width: 15px; }
        @media (max-width: 599px) {
          .topic-package-card.feedcard .row .caption-text .pdf-icon {
            top: 2px;
            position: relative; } }
    .topic-package-card.feedcard .row .caption-date {
      font-size: 13px;
      line-height: 1;
      letter-spacing: 0.2px;
      padding: 14px 16px 0px 15px;
      opacity: 1.0;
      text-align: left; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .topic-package-card.feedcard .row .caption-date {
          bottom: 15px;
          font-size: 13px;
          line-height: 1;
          position: absolute;
          text-align: left;
          padding-left: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card.feedcard .row .caption-date {
          font-size: 14px;
          line-height: 1;
          padding: 0;
          text-align: right;
          float: right;
          position: absolute;
          right: 0;
          top: 0;
          margin-right: -25px; } }
      @media (min-width: 1280px) {
        .topic-package-card.feedcard .row .caption-date {
          font-size: 15px;
          line-height: 1.47;
          padding-left: 0;
          padding-right: 0;
          text-align: right;
          float: right;
          top: inherit;
          position: absolute;
          right: 0;
          margin-right: -25px; } }
    .topic-package-card.feedcard .row .caption-src-text {
      display: block !important;
      color: #282828;
      font-size: 13px;
      line-height: 1;
      opacity: 0.5;
      padding: 14px 0px 0px 15px;
      text-align: left; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .topic-package-card.feedcard .row .caption-src-text {
          bottom: 15px;
          font-size: 13px;
          line-height: 1;
          float: left;
          position: absolute;
          padding: 30px 0px 0px 20px;
          right: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card.feedcard .row .caption-src-text {
          width: 17%;
          font-size: 14px;
          line-height: 1.57;
          margin-top: 0px;
          text-align: right;
          position: absolute;
          top: 15px;
          right: 0;
          margin-right: -25px; } }
      @media (min-width: 1280px) {
        .topic-package-card.feedcard .row .caption-src-text {
          bottom: 0;
          font-size: 14px;
          line-height: 1.57;
          padding-bottom: 20px;
          position: absolute;
          text-align: right;
          right: 0;
          margin-right: -25px; } }
    .topic-package-card.feedcard .row .caption-sds-text {
      color: #282828;
      font-size: 13px;
      line-height: 1;
      opacity: 0.5;
      padding: 14px 0px 0px 15px;
      text-align: left; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .topic-package-card.feedcard .row .caption-sds-text {
          bottom: 15px;
          font-size: 13px;
          line-height: 1;
          padding-left: 120px;
          position: absolute;
          right: 0;
          text-align: left; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card.feedcard .row .caption-sds-text {
          font-size: 14px;
          line-height: 1.57;
          margin-top: 0px;
          position: absolute;
          top: 15px;
          text-align: right; } }
      @media (min-width: 1280px) {
        .topic-package-card.feedcard .row .caption-sds-text {
          bottom: 0;
          font-size: 14px;
          line-height: 1.57;
          margin-top: 0px;
          padding-bottom: 20px;
          position: absolute;
          text-align: right;
          right: 0; } }
    .topic-package-card.feedcard .row .card-endline {
      border-top: solid 1px rgba(40, 40, 40, 0.5);
      margin-left: 15px;
      margin-top: 26px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .topic-package-card.feedcard .row .card-endline {
          bottom: 0px;
          margin-left: 0px;
          margin-top: 10px;
          position: absolute; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .topic-package-card.feedcard .row .card-endline {
          bottom: 0px;
          margin-left: 0px;
          margin-top: 58px;
          width: 100%;
          position: absolute; } }
      @media (min-width: 1280px) {
        .topic-package-card.feedcard .row .card-endline {
          bottom: 0px;
          margin-left: 0px;
          margin-top: 19px;
          position: absolute;
          width: 100%; } }

.lazyload-container {
  clear: both;
  position: relative;
  width: 100%;
  height: 100px; }

.feed-dummycards {
  width: 90px;
  height: 90px;
  border: 1px solid black;
  float: left;
  margin: 10px; }

.loaderblock {
  position: absolute;
  top: 30px;
  left: 45%; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .loaderblock {
      top: 45px; } }
  @media (min-width: 1280px) {
    .loaderblock {
      top: 60px; } }

.loaderarrow {
  width: 40px;
  height: 26px;
  background-size: 40px 26px !important; }

.loaderarrowUp {
  background: url(../images/icon/dd_up.png) no-repeat; }

.loaderarrowDown {
  background: url(../images/icon/dd_down.png) no-repeat; }

.diamond-img-feed {
  /*width:3%;*/
  float: right;
  /*.diamond-icon{
		width:auto !important;
		top:40px !important;
	}*/ }

.feedpage-sticky {
  margin: 0;
  height: auto !important;
  margin-right: 60px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-sticky {
      margin-right: 40px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .feedpage-sticky {
      margin-right: 40px;
      position: absolute;
      right: 0px; } }
  @media (min-width: 1280px) {
    .feedpage-sticky {
      position: absolute;
      right: 0px; } }
  @media (max-width: 599px) {
    .feedpage-sticky {
      margin-right: 0px; } }

.feedheader {
  padding: 40px 60px 40px 60px;
  font-weight: 400;
  font-size: 50px;
  line-height: normal;
  letter-spacing: -0.6px;
  margin-bottom: 0;
  text-align: left;
  color: #282828;
  float: left; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedheader {
      padding: 40px 40px 30px 40px;
      font-size: 40px;
      line-height: normal;
      letter-spacing: -0.4px;
      margin-top: -45px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .feedheader {
      padding: 40px 40px 40px 40px;
      font-size: 46px;
      line-height: normal;
      letter-spacing: -0.5px;
      margin-top: -60px; } }
  @media (max-width: 599px) {
    .feedheader {
      padding: 30px 30px 20px 30px;
      font-size: 36px;
      line-height: normal;
      letter-spacing: normal;
      margin-bottom: -20px; } }

.feeddynamicblock {
  float: left;
  width: 99%; }
  @media (max-width: 599px) {
    .feeddynamicblock .topic-package-card.feedcard .caption {
      width: 100%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feeddynamicblock .topic-package-card.feedcard .caption {
      position: relative;
      /*height:131px;*/
      width: 58%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .feeddynamicblock .topic-package-card.feedcard .caption {
      width: 76%; } }
  @media (min-width: 1280px) {
    .feeddynamicblock .topic-package-card.feedcard .caption {
      width: 72%; } }
  .feeddynamicblock .topic-package-card.feedcard {
    width: 90%; }
    @media (max-width: 599px) {
      .feeddynamicblock .topic-package-card.feedcard {
        width: 93%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .feeddynamicblock .topic-package-card.feedcard {
        width: 88%; } }

@media (min-width: 1800px) {
  .feedcontainer {
    max-width: 1800px;
    margin: 0 auto; } }

@media (min-width: 1280px) {
  .feedcontainer .topic-package-card.feedcard {
    padding-left: 0px;
    margin-left: 60px;
    width: 85%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .feedcontainer .topic-package-card.feedcard {
    padding-left: 0px;
    margin-left: 40px;
    width: 84%; } }

@media (max-width: 599px) {
  .feedcontainer .topic-package-card.feedcard .card-endline {
    margin-left: 4.9%;
    width: 89.9%; } }

.diamond-sticky {
  /*z-index:999;*/ }

.diamond-sticky.is_stuck {
  padding-top: 45px; }

.feedcardinject {
  float: left;
  width: 100%; }

.feedcardinject .topic-package-card.feedcard:last-child {
  margin-bottom: 60px; }

.nofeedbreaker .topic-package-card.feedcard:last-child {
  margin-bottom: 60px; }

.ie11 .feedcontainer .diamond-sticky {
  width: 34px !important;
  /* ie11.000x version has weird width getting added to this */ }

@media (min-width: 1280px) {
  .feedwrap {
    height: 78px; } }

.feedcontainer .animate-new-cards {
  opacity: 0;
  margin-top: 80px;
  display: inline-block; }

@media (min-width: 600px) and (max-width: 1039px) {
  .feedcontainer .appendcards + .appendcards a:last-child {
    margin-bottom: 60px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .feedcontainer .appendcards + .appendcards a:last-child {
    margin-bottom: 60px; } }

@media (min-width: 1280px) {
  .feedcontainer .appendcards + .appendcards a:last-child {
    margin-bottom: 60px; } }

.feedcontainer .appendcards a:last-child {
  margin-bottom: 0px; }

.feedcontainer .animate-new-cards {
  display: inline-block;
  opacity: 0;
  margin-top: 100px; }

/*style end */
section.main-time {
  clear: both;
  height: 600px;
  position: relative;
  float: left;
  background-size: cover; }
  @media (max-width: 599px) {
    section.main-time {
      background: none; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    section.main-time {
      /*height: 100% !important;*/
      /*Ayan*/
      width: 100%;
      height: 500px;
      /*Ayan*/ } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    section.main-time {
      height: 100% !important;
      height: 100%;
      width: 91.8%;
      margin-left: 42px;
      margin-right: 42px;
      overflow: hidden; } }
  @media (min-width: 1280px) {
    section.main-time {
      height: 100% !important;
      width: 92.2%;
      margin-left: 4%;
      margin-right: 4%;
      overflow: hidden; } }
  section.main-time .diamond-img {
    display: inline-block;
    height: 45px;
    background: url(../images/icon/Double-Diamond-white.png) no-repeat;
    width: 30px;
    position: absolute;
    height: 100px;
    width: 100px;
    left: 4%;
    display: none;
    z-index: 99;
    cursor: default; }
    @media (min-width: 600px) and (max-width: 1039px) {
      section.main-time .diamond-img {
        display: block;
        height: 58px;
        background-size: 100% 100%;
        width: 42px;
        left: 43px;
        bottom: 30.7px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.main-time .diamond-img {
        left: 45px;
        bottom: 35.5px;
        display: block;
        height: 58px;
        width: 47px;
        background-size: 90% 100%; } }
    @media (min-width: 1280px) {
      section.main-time .diamond-img {
        display: block;
        left: 60.5px;
        bottom: 45.1px;
        display: block; } }

.bg-main-time {
  width: 100%;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  z-index: 100; }
  @media (min-width: 1280px) {
    .bg-main-time {
      padding: 0 0px;
      position: absolute;
      z-index: 99;
      height: 100%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .bg-main-time {
      padding: 0;
      /*position: absolute;*/
      /*Ayan*/
      z-index: 99;
      height: 500px;
      /*Ayan*/ } }
  @media (max-width: 599px) {
    .bg-main-time {
      padding: 0; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .bg-main-time {
      padding: 0 0px;
      position: absolute;
      z-index: 99;
      height: 100%; } }
  @media (max-width: 599px) {
    .bg-main-time img {
      height: 254px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .bg-main-time img {
      height: 550px;
      object-fit: cover; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .bg-main-time img {
      height: 578px;
      object-fit: cover; } }
  @media (min-width: 1280px) {
    .bg-main-time img {
      height: 665px;
      object-fit: cover; } }

.time-out {
  width: 100%;
  height: 100%;
  padding: 0px;
  top: 0%;
  /* Intro content, profile image and name, back button */ }
  @media (max-width: 599px) {
    .time-out {
      position: absolute;
      left: 0px; } }
  .time-out .splitlayout {
    position: relative; }
    .time-out .splitlayout .social-module-white a, .time-out .splitlayout .social-module-white div {
      float: left;
      margin-right: 3px; }
  .time-out .side {
    /* Intro sides */
    top: 0px;
    z-index: 98;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-backface-visibility: hidden; }
    @media (max-width: 599px) {
      .time-out .side {
        position: absolute; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .time-out .side {
        width: 100%;
        float: right; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .time-out .side {
        width: 50%;
        float: right; } }
    @media (min-width: 1280px) {
      .time-out .side {
        width: 50%;
        float: right;
        position: static; } }
  .time-out .open-left .side, .time-out .open-right .side {
    cursor: default; }
  .time-out .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 499;
    visibility: hidden;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .time-out .side-right .overlay {
    background: yellow; }
  .time-out .side-right {
    right: 0;
    color: #47a3da; }
  .time-out .close-tab {
    position: relative;
    overflow-x: hidden;
    height: 100vh;
    width: 100%;
    background: url("../images/Desktop - BG.png") no-repeat !important;
    background-size: 100% 100% !important; }
  .time-out .intro-content {
    width: 70%;
    height: auto;
    text-align: left;
    padding: 0 31px 15px 27px;
    color: #fff;
    width: 85%; }
    @media (max-width: 599px) {
      .time-out .intro-content {
        position: absolute;
        top: 120px;
        right: 7.2%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .time-out .intro-content {
        margin: 28px 0 30px 0;
        padding: 0 43px 40px 43px;
        position: relative;
        z-index: 99; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .time-out .intro-content {
        left: 35%;
        width: 58%; } }
    @media (min-width: 900px) and (max-width: 1039px) {
      .time-out .intro-content {
        left: 40%;
        width: 55%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .time-out .intro-content {
        width: 428px;
        float: right;
        margin: 35px 85px 35px 0;
        padding: 0 43px 35px 43px;
        position: relative;
        z-index: 99; } }
    @media (min-width: 1280px) {
      .time-out .intro-content {
        width: 510px;
        padding: 0 60px 50px 60px;
        float: right;
        margin: 45px 120px 45px 0;
        position: relative;
        z-index: 99; } }
    .time-out .intro-content .top-text .timeline-text {
      cursor: default;
      padding: 30px 0 0 0;
      text-transform: inherit;
      letter-spacing: 0.9px;
      font-weight: 500;
      line-height: 18px;
      font-size: 13px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .time-out .intro-content .top-text .timeline-text {
          font-size: 14px;
          font-weight: 500;
          line-height: 18px;
          letter-spacing: 1px;
          margin-bottom: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .time-out .intro-content .top-text .timeline-text {
          font-size: 14px;
          padding: 35px 0 0 0;
          letter-spacing: 1px;
          line-height: 18px;
          font-weight: 500; } }
      @media (min-width: 1280px) {
        .time-out .intro-content .top-text .timeline-text {
          font-size: 14px;
          padding: 50px 0 0 0;
          letter-spacing: 1px;
          font-weight: 500;
          line-height: 18px; } }
      @media (max-width: 599px) {
        .time-out .intro-content .top-text .timeline-text {
          letter-spacing: 0.9px; } }
    .time-out .intro-content .top-text .ingr-hd {
      cursor: default;
      margin: 0;
      font-size: 36px;
      line-height: 1.18;
      padding: 0 0 40px 0;
      font-weight: 300; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .time-out .intro-content .top-text .ingr-hd {
          font-size: 44px;
          line-height: 52px;
          padding: 0 0 40px 0;
          font-weight: 300; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .time-out .intro-content .top-text .ingr-hd {
          font-size: 44px;
          line-height: 52px;
          padding: 0 0 45px 0;
          font-weight: 300; } }
      @media (min-width: 1280px) {
        .time-out .intro-content .top-text .ingr-hd {
          font-size: 50px;
          padding: 0 0 50px 0;
          line-height: 58px;
          font-weight: 300; } }
    .time-out .intro-content .bottom-text {
      border-top: 1px solid #fff;
      position: relative; }
      .time-out .intro-content .bottom-text .yr-text {
        cursor: default;
        letter-spacing: -2.9px;
        margin: 2px 0 0 -8px;
        line-height: 80px;
        font-size: 60px;
        font-weight: 300; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .time-out .intro-content .bottom-text .yr-text {
            line-height: 80px;
            margin: 5px 0 0 -8px;
            font-size: 72px;
            letter-spacing: -3.5px;
            font-weight: 300; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .time-out .intro-content .bottom-text .yr-text {
            line-height: 50px;
            margin: 5px 0 0 -9px;
            font-size: 72px;
            line-height: 80px;
            letter-spacing: -3.5px;
            font-weight: 300; } }
        @media (min-width: 1280px) {
          .time-out .intro-content .bottom-text .yr-text {
            line-height: 90px;
            margin: 0px 0 0px -9px;
            font-size: 90px;
            line-height: 1.22;
            letter-spacing: -4.4px;
            font-weight: 300; } }
      @media (max-width: 599px) {
        .time-out .intro-content .bottom-text .time-border-line {
          width: 43px;
          height: 3px;
          border-top: solid 3px #fff;
          position: absolute;
          top: 43px;
          left: 140px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .time-out .intro-content .bottom-text .time-border-line {
          width: 43px;
          height: 3px;
          border-top: solid 3px #fff;
          position: absolute;
          top: 42px;
          left: 165px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .time-out .intro-content .bottom-text .time-border-line {
          width: 43px;
          height: 3px;
          border-top: solid 3px #fff;
          position: absolute;
          top: 42px;
          left: 165px; } }
      @media (min-width: 1280px) {
        .time-out .intro-content .bottom-text .time-border-line {
          width: 43px;
          height: 3px;
          border-top: solid 3px #fff;
          position: absolute;
          top: 56px;
          left: 210px; } }
      .time-out .intro-content .bottom-text .yr-text2 {
        cursor: default;
        margin: 0px 0 0 1px;
        font-size: 30px;
        line-height: 34px;
        letter-spacing: -1.8px;
        font-weight: 300; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .time-out .intro-content .bottom-text .yr-text2 {
            margin: 0px 0 0 1px;
            font-size: 36px;
            line-height: 42px;
            letter-spacing: -2.2px;
            font-weight: 300; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .time-out .intro-content .bottom-text .yr-text2 {
            margin: 0px 0 30px 1px;
            font-size: 36px;
            line-height: 42px;
            letter-spacing: -2.2px;
            font-weight: 300; } }
        @media (min-width: 1280px) {
          .time-out .intro-content .bottom-text .yr-text2 {
            margin: 0px 0 50px 1px;
            font-size: 36px;
            line-height: 42px;
            letter-spacing: -2.2px;
            font-weight: 300; } }
    .time-out .intro-content .border-line-tout {
      cursor: default;
      border-bottom: 1px solid rgba(255, 255, 255, 0.35); }
      @media (min-width: 600px) and (max-width: 1039px) {
        .time-out .intro-content .border-line-tout {
          height: 70px;
          margin-top: 20px; } }
      .time-out .intro-content .border-line-tout .time-line {
        cursor: default;
        padding: 30px 0px 15px 1px;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 90%;
        float: left;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 22px;
        letter-spacing: normal; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .time-out .intro-content .border-line-tout .time-line {
            padding: 20px 0px 4px 1px;
            font-size: 16px;
            line-height: 22px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .time-out .intro-content .border-line-tout .time-line {
            padding: 20px 0px 4px 1px;
            font-size: 16px;
            line-height: 22px;
            margin-top: 0px; } }
        @media (min-width: 1280px) {
          .time-out .intro-content .border-line-tout .time-line {
            padding: 20px 0px 4px 1px;
            font-size: 18px;
            line-height: 22px;
            margin-top: 0px; } }
        .time-out .intro-content .border-line-tout .time-line a {
          color: #fff; }
      .time-out .intro-content .border-line-tout .right-tab {
        cursor: default;
        width: 20px;
        float: right;
        vertical-align: middle;
        padding: 4px 0 0 0;
        position: relative;
        top: 25px;
        display: block;
        background-size: 100%;
        background: none; }
        @media (max-width: 599px) {
          .time-out .intro-content .border-line-tout .right-tab {
            width: 8%;
            top: 38px; } }

.main-time .bg_red {
  background-color: #DE4649;
  color: #ffffff; }

.main-time .bg_blue {
  background-color: #0182D2;
  color: #ffffff; }

.main-time .bg_green {
  background-color: #00B139;
  color: #ffffff; }

.main-time .bg_yellow {
  background-color: #ffce04;
  color: #282828; }
  .main-time .bg_yellow .bottom-text {
    border-top: 1px solid #282828; }
  .main-time .bg_yellow .border-line-tout {
    border-bottom: 1px solid rgba(40, 40, 40, 0.35); }
    .main-time .bg_yellow .border-line-tout a {
      color: #282828 !important; }

/* section landing timeline */
.section-landing section.main-time {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-landing section.main-time {
      margin: 60px auto 0px auto; } }
  @media (min-width: 1280px) {
    .section-landing section.main-time {
      margin: 60px auto 0px auto; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-landing section.main-time .diamond-img {
      left: 5.6%;
      top: auto;
      bottom: 4.9%;
      height: 58px;
      background-size: 100% 90%;
      width: 36px;
      background-size: 100% 90%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-landing section.main-time .diamond-img {
      top: auto;
      bottom: 35px;
      left: 4.2%;
      height: 58px;
      width: 47px;
      background-size: 90% 100%; } }
  @media (min-width: 1280px) {
    .section-landing section.main-time .diamond-img {
      top: auto;
      bottom: 44px;
      left: 4.2%;
      width: 72px; } }
  .section-landing section.main-time .intro-content {
    width: 70%;
    height: auto;
    text-align: left;
    padding: 0 31px 15px 27px;
    width: 85%; }
    @media (max-width: 599px) {
      .section-landing section.main-time .intro-content {
        position: absolute;
        top: 120px;
        right: 7.2%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .section-landing section.main-time .intro-content {
        margin: 28px 0 30px 0;
        padding: 0 43px 40px 43px;
        position: relative;
        z-index: 99; } }
    @media (min-width: 600px) and (max-width: 899px) {
      .section-landing section.main-time .intro-content {
        left: 35%;
        width: 58%; } }
    @media (min-width: 900px) and (max-width: 1039px) {
      .section-landing section.main-time .intro-content {
        left: 40%;
        width: 55%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-landing section.main-time .intro-content {
        width: 428px;
        float: right;
        margin: 35px 85px 35px 0;
        padding: 0 43px 35px 43px;
        position: relative;
        z-index: 99; } }
    @media (min-width: 1280px) {
      .section-landing section.main-time .intro-content {
        width: 510px;
        padding: 0 60px 50px 60px;
        float: right;
        margin: 45px 120px 45px 0;
        position: relative;
        z-index: 99; } }

.section-landing .bg-main-time {
  padding: 0px; }
  @media (max-width: 599px) {
    .section-landing .bg-main-time img {
      height: 254px; } }
  @media (min-width: 1280px) {
    .section-landing .bg-main-time img {
      height: 680px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-landing .bg-main-time img {
      height: 605px; } }

.section-landing .intro-content {
  width: 70%;
  height: auto;
  text-align: left;
  padding: 0 31px 15px 27px;
  color: #fff;
  width: 85%; }
  @media (max-width: 599px) {
    .section-landing .intro-content {
      position: absolute;
      top: 120px;
      right: 7.2%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-landing .intro-content {
      margin: 28px 0 30px 0;
      padding: 0 43px 40px 43px;
      position: relative;
      z-index: 99; } }
  @media (min-width: 600px) and (max-width: 899px) {
    .section-landing .intro-content {
      left: 35%;
      width: 58%; } }
  @media (min-width: 900px) and (max-width: 1039px) {
    .section-landing .intro-content {
      left: 40%;
      width: 55%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-landing .intro-content {
      width: 428px;
      float: right;
      margin: 35px 85px 35px 0;
      padding: 0 43px 35px 43px;
      /*position: relative;
            z-index: 99;*/ } }
  @media (min-width: 1280px) {
    .section-landing .intro-content {
      width: 510px;
      padding: 0 60px 50px 60px;
      float: right;
      margin: 45px 149.5px 45px 0;
      position: relative;
      z-index: 99; } }

.section-landing .main-time .bg_red {
  background-color: #DE4649;
  color: #ffffff; }

.section-landing .main-time .bg_blue {
  background-color: #0182D2;
  color: #ffffff; }

.section-landing .main-time .bg_green {
  background-color: #00B139;
  color: #ffffff; }

.section-landing .main-time .bg_yellow {
  background-color: #ffce04;
  color: #282828; }

@media (min-width: 1800px) {
  section.main-time {
    margin-left: auto;
    margin-right: auto; } }

.Timeline-modal-popup {
  overflow: hidden !important; }

.TimelineModule {
  z-index: 99999;
  /*high z-index*/
  /*pull quote scss*/
  /*
    .section-para-animate {
        -webkit-animation: section-paragraph-appear 2s;
        animation: section-paragraph-appear 2s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    @keyframes section-paragraph-appear {
        0% {
            opacity: 0.0;
            transform: translateY(20%);
        }

        100% {
            opacity: 1.0;
            transform: translateY(0%);
        }
    }

    @-webkit-keyframes section-paragraph-appear {
        0% {
            opacity: 0.0;
            transform: translateY(20%);
        }

        100% {
            opacity: 1.0;
            transform: translateY(0%);
        }
    }*/
  /*   .line-animate {
        -webkit-animation: line-anime 1.5s;
        animation: line-anime 1.5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;

        @include mobile {
            -webkit-animation: line-anime1 1.5s;
            animation: line-anime1 1.5s;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
        }

        @include tablet {
            -webkit-animation: line-anime2 1.5s;
            animation: line-anime2 1.5s;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
        }

        @include desktopsmall {
            -webkit-animation: line-anime3 1.5s;
            animation: line-anime3 1.5s;
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
        }
    }

    @keyframes line-anime {
        0% {
            line-height: 1.38;
        }

        100% {
            line-height: 1.38;
        }
    }

    @-webkit-keyframes line-anime {
        0% {
            line-height: 1.38;
        }

        100% {
            line-height: 1.38;
        }
    }

    @keyframes line-anime1 {
        0% {
            line-height: 1.38;
        }

        100% {
            line-height: 1.38;
        }
    }

    @-webkit-keyframes line-anime1 {
        0% {
            line-height: 1.38;
        }

        100% {
            line-height: 1.38;
        }
    }

    @keyframes line-anime2 {
        0% {
            line-height: 1.38;
        }

        100% {
            line-height: 1.38;
        }
    }

    @-webkit-keyframes line-anime2 {
        0% {
            line-height: 1.38;
        }

        100% {
            line-height: 1.38;
        }
    }

    @keyframes line-anime3 {
        0% {
            line-height: 1.38;
        }

        100% {
            line-height: 1.38;
        }
    }

    @-webkit-keyframes line-anime3 {
        0% {
            line-height: 1.38;
        }

        100% {
            line-height: 1.38;
        }
    } */ }
  .TimelineModule .margin-none {
    margin: 0 !important; }
  .TimelineModule img {
    display: block; }
  .TimelineModule .open-right .side {
    cursor: default;
    height: 100%;
    position: fixed; }
  .TimelineModule .open-right .page-right {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 0; }
  .TimelineModule .open-right .back-left {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    visibility: visible; }
    @media (min-width: 1280px) {
      .TimelineModule .open-right .back-left {
        /*opacity: 0;*/ } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .open-right .back-left {
        /*opacity: 0;*/ } }
  .TimelineModule .open-right .side-right {
    z-index: 200; }
  .TimelineModule .open-right .ShowMobile .ingr-hd {
    font-size: 36px;
    font-weight: 300;
    line-height: 1.22;
    padding: 0 0 38px 0;
    width: 80%;
    text-align: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .open-right .ShowMobile .ingr-hd {
        font-size: 44px;
        line-height: 1.18;
        padding: 0 0 58px 0; } }
  .TimelineModule .open-right .ShowMobile .timeline-text {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.9px;
    line-height: 1.38;
    text-align: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .open-right .ShowMobile .timeline-text {
        font-size: 14px;
        line-height: 1.29;
        letter-spacing: 1px;
        width: auto; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .TimelineModule .open-right .intro-content .top-text .ingr-hd {
      font-size: 44px;
      font-weight: 300;
      line-height: 1.18;
      padding: 0;
      max-width: 345px;
      text-align: left; } }
  @media (min-width: 1280px) {
    .TimelineModule .open-right .intro-content .top-text .ingr-hd {
      font-size: 55px;
      /* Bug 92282 // Bug 92626:Timeline Copy Overlapping */
      padding: 0 0 50px 0;
      line-height: 1.14;
      font-weight: 300;
      max-width: 510px; } }
  .TimelineModule .open-right .intro-content .bottom-text {
    display: block;
    padding-left: 57px;
    position: relative; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .open-right .intro-content .bottom-text {
        position: absolute; } }
    @media (min-width: 1280px) {
      .TimelineModule .open-right .intro-content .bottom-text {
        position: absolute; } }
    .TimelineModule .open-right .intro-content .bottom-text .time-border-line {
      bottom: 104px;
      left: 210px; }
    .TimelineModule .open-right .intro-content .bottom-text .yr-text {
      letter-spacing: -2.9px;
      margin: 2px 0 0 -8px;
      line-height: 80px;
      font-size: 60px;
      font-weight: 300; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .open-right .intro-content .bottom-text .yr-text {
          line-height: 80px;
          margin: 5px 0 0 -8px;
          font-size: 72px;
          letter-spacing: -3.5px;
          font-weight: 300; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .TimelineModule .open-right .intro-content .bottom-text .yr-text {
          margin: 5px 0 0 -9px;
          font-size: 72px;
          line-height: 80px;
          letter-spacing: -3.5px;
          font-weight: 300; } }
      @media (min-width: 1280px) {
        .TimelineModule .open-right .intro-content .bottom-text .yr-text {
          margin: 0px 0 0px -9px;
          font-size: 73px;
          line-height: 1.51;
          letter-spacing: -4.4px;
          font-weight: 300; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .open-right .intro-content .bottom-text .yr-text2 {
        width: 77px;
        height: 42px;
        font-size: 36px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -2.2px;
        text-align: left; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .open-right .intro-content .bottom-text .yr-text2 {
        width: 77px;
        height: 42px;
        font-size: 36px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -2.2px;
        text-align: left; } }
    @media (min-width: 1280px) {
      .TimelineModule .open-right .intro-content .bottom-text .yr-text2 {
        width: 77px;
        height: 42px;
        font-size: 36px;
        font-weight: 300;
        line-height: 1.17;
        letter-spacing: -2.2px;
        text-align: left; } }
  .TimelineModule .side-right {
    right: 0; }
  .TimelineModule .close-tab {
    background: url("../images/Desktop - BG.png") no-repeat !important;
    background-size: 100% 100%;
    min-height: 650px;
    position: relative;
    width: 100%; }
  .TimelineModule .page {
    font-size: 1.4em;
    height: auto;
    min-height: 100%;
    overflow: auto;
    position: relative;
    top: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    width: 60%; }
  .TimelineModule .back {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s; }
    .TimelineModule .back:hover {
      color: #ddd; }
  .TimelineModule .reset-layout .page {
    position: absolute;
    overflow: hidden;
    height: 100%; }
  .TimelineModule .splitlayout.open-right {
    background: #ecf0f1; }
    .TimelineModule .splitlayout.open-right .page-left {
      position: absolute;
      overflow: hidden;
      height: 100%; }
    .TimelineModule .splitlayout.open-right .page-right {
      position: relative;
      overflow: hidden;
      height: auto;
      opacity: 0; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .splitlayout.open-right .page-right {
          /*   -webkit-overflow-scrolling: touch;*/
          overflow-y: scroll;
          -webkit-overflow-scrolling: touch; } }
      @media (max-width: 599px) {
        .TimelineModule .splitlayout.open-right .page-right {
          /*   -webkit-overflow-scrolling: touch;*/
          overflow-y: scroll;
          -webkit-overflow-scrolling: touch; } }
    .TimelineModule .splitlayout.open-right .intro-content {
      padding: 0;
      width: 100%; }
      .TimelineModule .splitlayout.open-right .intro-content > div {
        /* padding-left: 8.2%; */
        padding-left: 57px; }
  .TimelineModule .timeline-text {
    font-size: 18px;
    padding: 30px 0 0 0;
    text-transform: inherit; }
  .TimelineModule .ingr-hd {
    font-size: 48px;
    line-height: 1.18;
    margin: 0;
    padding: 0 0 40px 0; }
  .TimelineModule .profile {
    background: #47a3da;
    border-radius: 50%;
    height: 140px;
    margin: 0 auto;
    width: 140px; }
  .TimelineModule .mobile-layout .back {
    position: absolute; }
  .TimelineModule .back-right {
    color: #fff;
    display: none;
    -webkit-transform: translateX(50%);
    transform: translateX(50%); }
  .TimelineModule .page-right {
    color: #282828;
    display: none;
    left: 50%;
    padding-right: 0px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    width: 50%;
    opacity: 0; }
    @media (min-width: 1280px) {
      .TimelineModule .page-right {
        background: #fff;
        /*Ayan*/ } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .page-right {
        background: #fff;
        /*Ayan*/ } }
    @media (max-width: 599px) {
      .TimelineModule .page-right {
        background: #fff;
        /*Ayan*/ } }
    @media (min-width: 1280px) {
      .TimelineModule .page-right {
        left: 50.5%;
        width: 49.5%; } }
  .TimelineModule .bottom-text {
    border-top: 1px solid #fff; }
    .TimelineModule .bottom-text .time-border-line {
      border: solid 3px #fff;
      bottom: 47%;
      height: 3px;
      position: absolute;
      width: 43px; }
  .TimelineModule .bg_red {
    color: #fff; }
    .TimelineModule .bg_red .intro-content {
      background: #DE4649;
      color: #fff; }
    .TimelineModule .bg_red .page-right {
      opacity: 0; }
      .TimelineModule .bg_red .page-right .Topcontent {
        background: #DE4649;
        color: #fff; }
    .TimelineModule .bg_red .bottom-text .time-border-line {
      border: solid 3px #fff; }
    .TimelineModule .bg_red a {
      color: #fff; }
    .TimelineModule .bg_red .ShowYear {
      color: #fff; }
    .TimelineModule .bg_red .ModalBottomBar {
      -webkit-animation: inline-paragraph-appear 0.5s;
      animation: inline-paragraph-appear 0.5s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      background: #b53f41;
      color: #fff;
      z-index: 999; }
      @media (max-width: 599px) {
        .TimelineModule .bg_red .ModalBottomBar {
          background: #DE4649; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .bg_red .ModalBottomBar {
          background: #DE4649; } }
    .TimelineModule .bg_red .scrolltracker .top-bar {
      background: rgba(0, 0, 0, 0.15); }
    .TimelineModule .bg_red .scrolltracker .scroll {
      background: #fff; }
  .TimelineModule .bg_yellow {
    color: #282828; }
    .TimelineModule .bg_yellow .intro-content {
      background: #ffce04;
      color: #282828; }
    .TimelineModule .bg_yellow .bottom-text {
      border-top: 1px solid #282828; }
      .TimelineModule .bg_yellow .bottom-text .time-border-line {
        border: 3px solid #282827; }
    .TimelineModule .bg_yellow .border-line-tout {
      border-bottom: 1px solid #282828; }
    .TimelineModule .bg_yellow .page-right {
      opacity: 0; }
      .TimelineModule .bg_yellow .page-right .Topcontent {
        background: #ffce04;
        color: #282828; }
    .TimelineModule .bg_yellow a {
      color: #282828; }
    .TimelineModule .bg_yellow .ShowYear {
      color: #282828; }
    .TimelineModule .bg_yellow .ModalBottomBar {
      -webkit-animation: inline-paragraph-appear 0.5s;
      animation: inline-paragraph-appear 0.5s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      z-index: 999;
      background: rgba(255, 255, 255, 0.35); }
      @media (max-width: 599px) {
        .TimelineModule .bg_yellow .ModalBottomBar {
          background: #ffce04; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .bg_yellow .ModalBottomBar {
          background: #ffce04; } }
      .TimelineModule .bg_yellow .ModalBottomBar .years a {
        color: #282828; }
    .TimelineModule .bg_yellow .scrolltracker {
      /*background: rgba(255, 255, 255, 0.1);*/ }
      .TimelineModule .bg_yellow .scrolltracker .top-bar {
        background: rgba(40, 40, 40, 0.15); }
      .TimelineModule .bg_yellow .scrolltracker .scroll {
        background: #282828; }
  .TimelineModule .bg_blue {
    color: #fff; }
    .TimelineModule .bg_blue .intro-content {
      background: #0182d2;
      color: #fff;
      height: auto; }
    .TimelineModule .bg_blue .page-right {
      opacity: 0; }
      .TimelineModule .bg_blue .page-right .Topcontent {
        background: #0182d2;
        color: #fff; }
    .TimelineModule .bg_blue .bottom-text .time-border-line {
      border: solid 3px #fff; }
    .TimelineModule .bg_blue a {
      color: #fff; }
    .TimelineModule .bg_blue .ShowYear {
      color: #fff; }
    .TimelineModule .bg_blue .ModalBottomBar {
      -webkit-animation: inline-paragraph-appear 2.5s;
      animation: inline-paragraph-appear 2.5s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      background: rgba(40, 40, 40, 0.3);
      color: #fff;
      z-index: 999; }
      @media (max-width: 599px) {
        .TimelineModule .bg_blue .ModalBottomBar {
          background: #0182d2; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .bg_blue .ModalBottomBar {
          background: #0182d2; } }
    .TimelineModule .bg_blue .scrolltracker {
      background: rgba(255, 255, 255, 0.1); }
      .TimelineModule .bg_blue .scrolltracker .top-bar {
        background: rgba(255, 255, 255, 0.23); }
      .TimelineModule .bg_blue .scrolltracker .scroll {
        background: #fff; }
  .TimelineModule .bg_green {
    color: #fff; }
    .TimelineModule .bg_green .intro-content {
      background: #00b139;
      color: #fff; }
    .TimelineModule .bg_green .page-right {
      opacity: 0; }
      .TimelineModule .bg_green .page-right .Topcontent {
        background: #00b139;
        color: #fff; }
    .TimelineModule .bg_green .bottom-text .time-border-line {
      border: solid 3px #fff; }
    .TimelineModule .bg_green a {
      color: #fff;
      text-decoration: none; }
    .TimelineModule .bg_green .ShowYear {
      color: #fff; }
    .TimelineModule .bg_green .ModalBottomBar {
      -webkit-animation: inline-paragraph-appear 0.5s;
      animation: inline-paragraph-appear 0.5s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      background: rgba(40, 40, 40, 0.3);
      color: #fff;
      z-index: 999; }
      @media (max-width: 599px) {
        .TimelineModule .bg_green .ModalBottomBar {
          background: #00b139; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .bg_green .ModalBottomBar {
          background: #00b139; } }
    .TimelineModule .bg_green .scrolltracker {
      background: rgba(255, 255, 255, 0.1); }
      .TimelineModule .bg_green .scrolltracker .top-bar {
        background: rgba(255, 255, 255, 0.23); }
      .TimelineModule .bg_green .scrolltracker .scroll {
        background: #fff; }
  .TimelineModule .modal-dialog {
    margin: 0 auto;
    max-width: 1440px;
    padding: 0;
    width: 100%; }
  .TimelineModule .modal-body {
    height: 800px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0; }
  .TimelineModule .modal-content {
    box-shadow: none;
    border: none;
    border-radius: 0; }
  .TimelineModule .ModalFixed {
    float: left;
    display: none;
    min-height: 100%;
    position: fixed;
    width: 50%; }
  .TimelineModule .Topcontent {
    padding-left: 57px; }
  .TimelineModule .ModalScroll {
    -webkit-animation: inline-paragraph-appear 2s;
    animation: inline-paragraph-appear 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background: #fff;
    float: left;
    margin-bottom: 50px;
    /* margin-left: 8px; */
    /*Shobha */
    padding-top: 250px;
    position: relative;
    width: 100%; }
    @media (min-width: 1280px) {
      .TimelineModule .ModalScroll {
        top: 450px;
        opacity: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .ModalScroll {
        top: 450px;
        opacity: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .ModalScroll {
        top: 250px;
        opacity: 0; } }
    @media (max-width: 599px) {
      .TimelineModule .ModalScroll {
        top: 250px;
        opacity: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .ModalScroll {
        /* padding-left: 5px; */ } }
    @media (min-width: 1280px) {
      .TimelineModule .ModalScroll {
        /* padding-left: 5px; */ } }
    .TimelineModule .ModalScroll .Timelinehead:first-child .img-responsive {
      padding: 0;
      /* @include tablet{
                                width: 110%;
                                left: -5%;
                                position: relative;
                                max-width: inherit;
                            } */ }
      .TimelineModule .ModalScroll .Timelinehead:first-child .img-responsive img {
        position: relative; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .TimelineModule .ModalScroll .Timelinehead:first-child .img-responsive img {
            width: 120%;
            left: -87px; } }
        @media (max-width: 599px) {
          .TimelineModule .ModalScroll .Timelinehead:first-child .img-responsive img {
            width: 112%;
            left: -32px; } }
    @media (min-width: 1280px) {
      .TimelineModule .ModalScroll .Timelinehead:first-child .TimlinePopContent {
        padding-left: 41px !important; } }
  .TimelineModule .top-text .timeline-text {
    font-size: 0.875em;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 18px;
    padding: 10% 0 0 0; }
  .TimelineModule .top-text .ingr-hd {
    font-weight: 300;
    font-size: 44px;
    letter-spacing: 0px;
    line-height: 58px;
    padding: 0 0 50px 0; }
  .TimelineModule .PoppedOut .ModalYear {
    position: relative;
    vertical-align: top; }
    .TimelineModule .PoppedOut .ModalYear p {
      font-size: 18px; }
    .TimelineModule .PoppedOut .ModalYear a {
      line-height: 30px !important; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .PoppedOut .ModalYear {
        width: 16%; } }
    @media (min-width: 1280px) {
      .TimelineModule .PoppedOut .ModalYear {
        width: 16%; } }
  .TimelineModule .PoppedOut .TimelineVideo {
    padding: 30px 30px 20px 30px; }
  .TimelineModule .PoppedOut .border-line-tout {
    border-bottom: 1px solid rgba(40, 40, 40, 0.35);
    display: block;
    float: left;
    height: 75px;
    margin-left: 30px;
    width: 90%; }
    .TimelineModule .PoppedOut .border-line-tout .right-tab {
      background: url(../images/icon/Arrow.svg) no-repeat right;
      width: 22px; }
    .TimelineModule .PoppedOut .border-line-tout .time_line {
      /*width: auto;*/ }
      .TimelineModule .PoppedOut .border-line-tout .time_line a {
        color: #242424;
        font-size: 18px;
        line-height: 1.22;
        text-align: left; }
    @media (max-width: 599px) {
      .TimelineModule .PoppedOut .border-line-tout {
        margin-bottom: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .PoppedOut .border-line-tout {
        width: 92%;
        margin-bottom: 40px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .PoppedOut .border-line-tout {
        margin-bottom: 40px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .PoppedOut .border-line-tout {
        margin-bottom: 40px; } }
  .TimelineModule .PoppedOut .TimelineBanner {
    float: left;
    width: 100%;
    padding-bottom: 20px; }
    @media (max-width: 599px) {
      .TimelineModule .PoppedOut .TimelineBanner {
        padding-bottom: 0; } }
    .TimelineModule .PoppedOut .TimelineBanner img {
      display: block;
      height: auto;
      width: 110%;
      margin-left: -5%; }
  .TimelineModule .PoppedOut .Timelinevideo img {
    display: block;
    height: auto;
    width: 100%; }
  .TimelineModule .PoppedOut .ModalTexty {
    display: inline-block;
    position: relative;
    width: 78%; }
  .TimelineModule .border-line-tout {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    height: 75px;
    padding-bottom: 35px; }
    @media (min-width: 1280px) {
      .TimelineModule .border-line-tout {
        float: left;
        height: auto;
        width: 100%;
        padding-bottom: 10px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .border-line-tout {
        float: left;
        height: auto;
        width: 100%;
        padding-bottom: 10px; } }
    @media (max-width: 599px) {
      .TimelineModule .border-line-tout {
        float: left;
        height: auto;
        width: 100%;
        padding-bottom: 10px; } }
    .TimelineModule .border-line-tout .time_line {
      float: left;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 0.9px;
      line-height: 22px;
      margin-bottom: 55px;
      margin-top: 30px;
      padding: 0 0px 4px 0;
      width: 90%; }
      @media (max-width: 599px) {
        .TimelineModule .border-line-tout .time_line {
          padding-bottom: 0; } }
    .TimelineModule .border-line-tout .right-tab {
      background: url(../images/white-arrow.png) no-repeat right;
      background-size: 100%;
      cursor: pointer;
      display: block;
      float: right;
      padding: 26px 0 0 0;
      position: relative;
      top: 30px;
      width: 20px;
      vertical-align: middle; }
  .TimelineModule .ModalBottomBar {
    height: 140px;
    margin-top: 69px;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 59px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .ModalBottomBar {
        height: 120px; } }
  .TimelineModule .scrolltracker {
    /* height: 1px; */
    /* Shobha */
    position: relative;
    top: 0;
    /* background: #ca787a; */
    /*Shobha*/
    /* width: 92%; */ }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .scrolltracker {
        overflow-x: hidden; } }
    @media (min-width: 1280px) {
      .TimelineModule .scrolltracker {
        overflow-x: hidden; } }
    .TimelineModule .scrolltracker .top-bar {
      height: 1px; }
    .TimelineModule .scrolltracker .scroll {
      background: #fff;
      height: 1px;
      top: -1px; }
      @media (min-width: 1800px) {
        .TimelineModule .scrolltracker .scroll {
          height: 2px; } }
    .TimelineModule .scrolltracker ul.ModalYear {
      list-style: none;
      margin: 0;
      padding: 8px 0 0 0; }
  .TimelineModule ul.ModalYear li {
    float: left;
    font-size: 13px; }
    .TimelineModule ul.ModalYear li:first-child {
      padding-left: 0;
      width: auto; }
    .TimelineModule ul.ModalYear li:last-child-child {
      float: right; }
    .TimelineModule ul.ModalYear li a {
      line-height: 30px !important; }
  .TimelineModule ul.ModalYear li.hidden-xs-year {
    display: block; }
  .TimelineModule ul.time_5 li {
    width: 23%;
    text-align: right; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule ul.time_5 li {
        width: 22.2%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule ul.time_5 li {
        width: 23%; } }
  .TimelineModule ul.time_4 li {
    /* width: 30.67%; */
    text-align: right; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule ul.time_4 li {
        /* width: 29.67%; */ } }
  .TimelineModule .close {
    background: #282828;
    height: 80px;
    opacity: 1;
    position: fixed;
    right: 0px;
    top: 0;
    width: 80px;
    z-index: 1003; }
    .TimelineModule .close:hover {
      opacity: 1; }
    .TimelineModule .close:before {
      background-color: #fff;
      content: ' ';
      height: 1px;
      left: 30px;
      position: absolute;
      top: 38px;
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      width: 25px; }
    .TimelineModule .close:after {
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position: absolute; }
  .TimelineModule .Timelinehead .bodycopy {
    font-size: 22px;
    line-height: 1.6;
    letter-spacing: -0.1px;
    margin-left: 30px;
    padding: 0; }
  .TimelineModule .Timelinehead .bodycopy.TxtRight {
    text-align: right;
    float: none;
    color: #282828; }
  .TimelineModule .Timelinehead.PoppedOut:first-child {
    padding-top: 0 !important; }
  @media (min-width: 1280px) {
    .TimelineModule .Timelinehead.PoppedOut {
      float: left;
      width: 100%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .TimelineModule .Timelinehead.PoppedOut {
      float: left; } }
  @media (min-width: 1280px) {
    .TimelineModule .Timelinehead.PoppedOut.video-breaker {
      width: 93%; } }
  .TimelineModule .Timelinehead.PoppedOut .TimlinePopContent {
    padding: 10px 30px 20px 30px;
    float: left;
    width: 100%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .Timelinehead.PoppedOut .TimlinePopContent {
        float: left; } }
    @media (max-width: 599px) {
      .TimelineModule .Timelinehead.PoppedOut .TimlinePopContent {
        float: left; } }
  .TimelineModule hr {
    margin-top: 40px;
    display: block; }
  .TimelineModule hr.PopGrey {
    background-color: rgba(40, 40, 40, 0.35);
    height: 1px; }
  .TimelineModule .Hrline {
    float: left;
    padding: 0 30px;
    width: 100%; }
  .TimelineModule .ModalShare {
    /*background-color: white;*/
    position: absolute;
    right: 60px; }
    @media (max-width: 599px) {
      .TimelineModule .ModalShare {
        right: 30px !important;
        bottom: 20px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .ModalShare {
        bottom: 40px; } }
    @media (min-width: 1280px) {
      .TimelineModule .ModalShare {
        top: 44px; } }
  .TimelineModule .quote-block {
    position: relative;
    /* float: left; */ }
    .TimelineModule .quote-block.breaker {
      margin-bottom: 18px; }
      @media (max-width: 599px) {
        .TimelineModule .quote-block.breaker {
          margin-bottom: 0;
          width: auto; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .quote-block.breaker {
          margin-bottom: 50px;
          width: 94%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .TimelineModule .quote-block.breaker {
          margin-bottom: 65px; } }
      @media (min-width: 1280px) {
        .TimelineModule .quote-block.breaker {
          margin-bottom: 80px;
          margin-top: 20px;
          clear: both; } }
    @media (max-width: 599px) {
      .TimelineModule .quote-block {
        margin-left: -31px;
        margin-right: 0px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .quote-block {
        margin-left: 20px;
        margin-right: 22px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .quote-block {
        margin-right: 30px;
        margin-left: 30px; } }
    @media (min-width: 1280px) {
      .TimelineModule .quote-block {
        margin-right: 30px;
        margin-left: 30px; } }
    .TimelineModule .quote-block.bg_yellow a {
      color: #282828; }
    .TimelineModule .quote-block.bg_red a, .TimelineModule .quote-block.bg_blue a, .TimelineModule .quote-block.bg_green a {
      color: #ffffff; }
      @media (max-width: 599px) {
        .TimelineModule .quote-block.bg_red a, .TimelineModule .quote-block.bg_blue a, .TimelineModule .quote-block.bg_green a {
          color: #282828; } }
    .TimelineModule .quote-block .row {
      margin: 0; }
      @media (max-width: 599px) {
        .TimelineModule .quote-block .row {
          position: relative; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .quote-block .row {
          position: relative; } }
    .TimelineModule .quote-block .quote-container .quote-mark-open {
      color: #282828;
      font-family: helvetica;
      font-weight: bold;
      text-align: center; }
      @media (max-width: 599px) {
        .TimelineModule .quote-block .quote-container .quote-mark-open {
          padding-top: 45px;
          margin: 0 auto;
          margin-bottom: 5px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .quote-block .quote-container .quote-mark-open {
          padding-top: 45px;
          margin: 0 auto;
          margin-bottom: 10px;
          width: 100%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .TimelineModule .quote-block .quote-container .quote-mark-open {
          padding-top: 45px;
          margin: 0 auto;
          margin-bottom: 40px;
          width: 100%; } }
      @media (max-width: 599px) {
        .TimelineModule .quote-block .quote-container .quote-mark-open span {
          font-size: 42px;
          display: block; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .quote-block .quote-container .quote-mark-open span {
          font-size: 42px;
          position: initial; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .TimelineModule .quote-block .quote-container .quote-mark-open span {
          font-size: 42px;
          position: initial; } }
      @media (min-width: 1280px) {
        .TimelineModule .quote-block .quote-container .quote-mark-open span {
          font-size: 65px; } }
    .TimelineModule .quote-block .quote-container .quote-wrapper {
      text-align: center; }
      @media (min-width: 1280px) {
        .TimelineModule .quote-block .quote-container .quote-wrapper {
          margin: 0 auto;
          padding: 68px 10px 40px 10px;
          width: 73%; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .quote-block .quote-container .quote-wrapper {
          margin: 0 auto;
          padding: 0 40px;
          width: 100%; } }
      @media (max-width: 599px) {
        .TimelineModule .quote-block .quote-container .quote-wrapper {
          padding-bottom: 0px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .TimelineModule .quote-block .quote-container .quote-wrapper {
          margin: 0 auto;
          padding: 0 40px;
          width: 100%; } }
      .TimelineModule .quote-block .quote-container .quote-wrapper .quote-para {
        opacity: 0;
        margin: 0 auto; }
        @media (max-width: 599px) {
          .TimelineModule .quote-block .quote-container .quote-wrapper .quote-para {
            padding-left: 31px;
            padding-right: 25px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .TimelineModule .quote-block .quote-container .quote-wrapper .quote-para {
            padding-left: 0px;
            padding-right: 0px; } }
        .TimelineModule .quote-block .quote-container .quote-wrapper .quote-para .quote-desc {
          font-size: 26px;
          text-align: center;
          line-height: 1.38; }
          @media (min-width: 1280px) {
            .TimelineModule .quote-block .quote-container .quote-wrapper .quote-para .quote-desc {
              font-size: 34px;
              line-height: 1.41; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .TimelineModule .quote-block .quote-container .quote-wrapper .quote-para .quote-desc {
              font-size: 26px;
              line-height: 1.38; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .TimelineModule .quote-block .quote-container .quote-wrapper .quote-para .quote-desc {
              font-size: 26px;
              line-height: 1.38; } }
    .TimelineModule .quote-block .quote-container .quote-mark-closed {
      color: #282828;
      font-family: helvetica;
      font-weight: bold; }
      @media (max-width: 599px) {
        .TimelineModule .quote-block .quote-container .quote-mark-closed {
          margin: 0 auto;
          margin-top: 25px;
          text-align: center;
          padding-bottom: 25px;
          width: 100%; } }
      @media (min-width: 1280px) {
        .TimelineModule .quote-block .quote-container .quote-mark-closed {
          text-align: center; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .quote-block .quote-container .quote-mark-closed {
          margin: 0 auto;
          margin-top: 25px;
          text-align: center;
          padding-bottom: 25px;
          margin-bottom: 10px;
          position: initial;
          top: 0;
          width: 100%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .TimelineModule .quote-block .quote-container .quote-mark-closed {
          margin: 0 auto;
          margin-top: 17px;
          text-align: center;
          padding-bottom: 36px;
          top: 0;
          width: 100%; } }
      @media (max-width: 599px) {
        .TimelineModule .quote-block .quote-container .quote-mark-closed span {
          font-size: 42px;
          display: block; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .quote-block .quote-container .quote-mark-closed span {
          font-size: 42px;
          display: block;
          position: initial; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .TimelineModule .quote-block .quote-container .quote-mark-closed span {
          font-size: 42px;
          display: block;
          position: initial; } }
      @media (min-width: 1280px) {
        .TimelineModule .quote-block .quote-container .quote-mark-closed span {
          font-size: 65px;
          display: block; } }
    .TimelineModule .quote-block .author-details {
      text-decoration: none;
      font-size: 16px;
      line-height: 1.38; }
      @media (max-width: 599px) {
        .TimelineModule .quote-block .author-details {
          background-color: #ffffff;
          color: #282828;
          bottom: -1px;
          line-height: 1.57;
          font-size: 14px;
          padding-right: 15px;
          padding-bottom: 15px;
          position: unset;
          height: auto; } }
      @media (min-width: 1280px) {
        .TimelineModule .quote-block .author-details {
          top: 0px;
          float: right;
          position: relative;
          right: 26px;
          line-height: 1.38; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .quote-block .author-details {
          font-size: 14px;
          line-height: 1.57;
          padding-bottom: 36px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .TimelineModule .quote-block .author-details {
          font-size: 14px; } }
      .TimelineModule .quote-block .author-details a {
        text-decoration: none; }
        @media (max-width: 599px) {
          .TimelineModule .quote-block .author-details a {
            font-size: 14px;
            line-height: 22px; } }
    .TimelineModule .quote-block:after {
      content: "";
      background: rgba(40, 40, 40, 0.35);
      height: 1px;
      margin-left: 30px;
      position: absolute;
      z-index: 999;
      width: 100%;
      bottom: -2px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .TimelineModule .quote-block:after {
          width: 71%;
          bottom: -20px;
          left: 3%; } }
      @media (min-width: 1280px) {
        .TimelineModule .quote-block:after {
          width: 92%;
          bottom: -40px;
          position: relative;
          left: 4%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .TimelineModule .quote-block:after {
          width: 92%;
          bottom: -40px;
          left: 4%; } }
  .TimelineModule .author-details {
    padding-left: 30px;
    text-decoration: none; }
    @media (max-width: 599px) {
      .TimelineModule .author-details {
        color: #282828;
        /*Shobha */
        font-size: 14px;
        line-height: 22px;
        padding: 8px 0 0 15px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .author-details {
        padding-left: 20px;
        position: unset; } }
    .TimelineModule .author-details a {
      text-decoration: none; }
  .TimelineModule .sectionlanding-quote-share {
    position: relative;
    z-index: 99; }
    @media (max-width: 599px) {
      .TimelineModule .sectionlanding-quote-share {
        /*  top: -43px; */
        position: absolute;
        top: unset;
        bottom: 0;
        right: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .sectionlanding-quote-share {
        position: absolute;
        bottom: 0;
        right: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .sectionlanding-quote-share {
        /* top: -40px; */ } }
  .TimelineModule .socialshare-block-white {
    position: initial !important; }
  .TimelineModule .bg_yellow .ModalShare .share-icon {
    mask: url(../images/icon/Share-Icon.svg) no-repeat;
    -webkit-mask: url(../images/icon/Share-Icon.svg) no-repeat;
    background: #000; }
  .TimelineModule .bg_green .ModalShare .share-icon {
    mask: url(../images/icon/Share-Icon.svg) no-repeat;
    -webkit-mask: url(../images/icon/Share-Icon.svg) no-repeat;
    background: #fff; }
  .TimelineModule .bg_red .ModalShare .share-icon {
    mask: url(../images/icon/Share-Icon.svg) no-repeat;
    -webkit-mask: url(../images/icon/Share-Icon.svg) no-repeat;
    background: #fff; }
  .TimelineModule .bg_blue .ModalShare .share-icon {
    mask: url(../images/icon/Share-Icon.svg) no-repeat;
    -webkit-mask: url(../images/icon/Share-Icon.svg) no-repeat;
    background: #fff; }

.TimelineVideo img {
  width: 100%; }

.main-time.activated {
  height: 100%;
  left: 0;
  margin: 0 !important;
  min-height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  transition: none;
  width: 100%;
  z-index: 100000; }
  .main-time.activated .TimelineModule {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }
    @media (min-width: 1280px) {
      .main-time.activated .TimelineModule {
        position: fixed; } }

.main-time {
  height: 100%;
  width: 100%;
  /*changes from Ayan */
  /*ayan*/
  /*Changes from Ayan ends*/ }
  .main-time .side-right.bg_red .overlay {
    background: #DE4649; }
  .main-time .side-right.bg_yellow .overlay {
    background: #ffce04; }
  .main-time .side-right.bg_blue .overlay {
    background: #0182d2; }
  .main-time .side-right.bg_green .overlay {
    background: #00b139; }
  .main-time .close:after {
    position: absolute;
    left: 30px;
    top: 38px;
    content: ' ';
    height: 1px;
    width: 25px;
    background-color: #fff;
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .main-time .close:before {
    background-color: #fff;
    content: ' ';
    height: 1px;
    left: 30px;
    position: absolute;
    top: 38px;
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 25px; }
  .main-time .close.breaker {
    float: left;
    margin-top: 30px;
    margin-bottom: 30px; }
  .main-time.non-breaker {
    padding-top: 30px; }
  .main-time .modal-backdrop.in {
    opacity: 0; }
  .main-time .TimelineModule.modal {
    overflow-y: hidden; }
  .main-time .small-image .image-arrow-container .socialshare-block {
    left: 0;
    top: 0; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .main-time .video-breaker {
      padding-top: 30px; } }
  @media (min-width: 1280px) {
    .main-time .video-breaker {
      padding-top: 40px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .main-time .video-breaker {
      padding-top: 30px; } }
  .main-time .video-breaker .socialshare-block {
    background-color: #282828; }
  .main-time ul {
    padding: 0; }
    .main-time ul li {
      list-style-type: none; }
  .main-time div.scrolltracker {
    z-index: 100; }
  .main-time .top-bar {
    width: 100%; }
  .main-time .scroll {
    box-shadow: none;
    /*Shobha*/
    /* box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.15), 2px 4px 8px rgba(0, 0, 0, 0.15); */
    /*Shobha*/
    position: relative; }
  .main-time .bg_blue .author-details p a {
    color: #282828;
    border-bottom: 1px solid #282828; }
    @media (min-width: 1280px) {
      .main-time .bg_blue .author-details p a {
        border-bottom: 1px solid #ffffff;
        color: #ffffff; } }
  .main-time .bg_blue .author-details a {
    color: #282828;
    border-bottom: 1px solid #282828; }
    @media (min-width: 1280px) {
      .main-time .bg_blue .author-details a {
        border-bottom: 1px solid #ffffff;
        color: #ffffff; } }
  .main-time .timelineimgmain {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 599px) {
      .main-time .timelineimgmain {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        top: 0px; } }
    .main-time .timelineimgmain .parent img {
      height: 100%;
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      -webkit-transition: all 6s;
      -moz-transition: all 6s;
      -o-transition: all 6s;
      transition: all 6s;
      cursor: default; }
      @media (max-width: 599px) {
        .main-time .timelineimgmain .parent img {
          height: 254px; } }
    .main-time .timelineimgmain .page-right .border-line-tout {
      opacity: 1; }
  .main-time .timelineimganimate {
    -ms-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08); }
  .main-time .timelinedefault {
    display: block; }
  @media (max-width: 599px) {
    .main-time .TimelineModule .timeline-text {
      font-size: 13px;
      letter-spacing: .9px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .main-time .TimelineModule .timeline-text {
      font-size: 13px; } }
  @media (max-width: 599px) {
    .main-time .TimelineModule .close {
      top: -80px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .main-time .TimelineModule .close {
      top: -80px; } }
  @media (max-width: 599px) {
    .main-time .TimelineModule .back.back-left.close {
      display: none; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .main-time .TimelineModule .back.back-left.close {
      display: none; } }
  @media (max-width: 599px) {
    .main-time .TimelineModule .MobileBg {
      top: -85px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .main-time .TimelineModule .MobileBg {
      top: -85px; } }
  @media (max-width: 599px) {
    .main-time .TimelineModule .ShowMobile {
      display: block; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .main-time .TimelineModule .ShowMobile {
      display: block; } }
  @media (max-width: 599px) {
    .main-time .TimelineModule .page-right .Topcontent {
      z-index: 1; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .main-time .TimelineModule .page-right .Topcontent {
      z-index: 1;
      /*height: 400px; Ayan*/ } }
  .main-time .shift-right {
    -webkit-transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.2s; }
  @media (max-width: 599px) {
    .main-time .page-right .parent {
      z-index: 0;
      position: relative;
      top: -180px;
      opacity: 1; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .main-time .page-right .parent {
      z-index: 0;
      position: relative;
      top: -180px;
      opacity: 1; } }

@media (min-width: 1039px) {
  .TimelineModule .ShowMobile {
    display: none !important; }
  .TimelineModule .ShowDesktop {
    display: block !important; }
  .TimelineModule .ShowTablet {
    display: none !important; }
  .TimelineModule .HideYear {
    display: block !important; }
  .TimelineModule .ShowYear {
    display: none !important; }
  .TimelineModule .PoppedOut .ModalYear {
    display: inline-block !important; }
  .TimelineModule .open-right .ModalBottomBar.ShowDesktop {
    bottom: -150px;
    display: block;
    position: absolute;
    width: 100%; }
  .TimelineModule .open-right .back.back-left.close {
    display: block !important;
    right: -97.5%; } }
  @media (min-width: 1039px) and (min-width: 1040px) and (max-width: 1279px) {
    .TimelineModule .open-right .back.back-left.close {
      right: -99.9%; } }

@media (min-width: 1039px) {
  .TimelineModule .open-right .ModalShare {
    display: block !important; }
  .TimelineModule .open-right .side-right {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: transform 0.6s;
    z-index: 200; }
  .TimelineModule .back.back-left.close {
    display: none; }
  .TimelineModule .ModalShare {
    display: none !important; }
  .TimelineModule .splitlayout.open-right .intro-content {
    height: 100%; } }

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none) {
  .TimelineModule .back.back-left.close {
    right: 45px !important; }
  .TimelineModule .bg_green .ModalShare,
  .TimelineModule .bg_blue .ModalShare,
  .TimelineModule .bg_red .ModalShare {
    top: 125px; }
    .TimelineModule .bg_green .ModalShare .share-icon,
    .TimelineModule .bg_blue .ModalShare .share-icon,
    .TimelineModule .bg_red .ModalShare .share-icon {
      background: url(../images/icon/Share-Icon-color.png) 0 -325px no-repeat;
      width: 25px;
      background-size: 85%; }
  .TimelineModule .bg_yellow .ModalShare {
    top: 125px; }
    .TimelineModule .bg_yellow .ModalShare .share-icon {
      background: url(../images/icon/Share-Icon-color.png) 0 0 no-repeat;
      width: 25px;
      background-size: 85%; } }

@media (-ms-high-contrast: active) {
  .TimelineModule .back.back-left.close {
    right: 45px !important; }
  .TimelineModule .bg_green .ModalShare,
  .TimelineModule .bg_blue .ModalShare,
  .TimelineModule .bg_red .ModalShare {
    top: 125px; }
    .TimelineModule .bg_green .ModalShare .share-icon,
    .TimelineModule .bg_blue .ModalShare .share-icon,
    .TimelineModule .bg_red .ModalShare .share-icon {
      background: url(../images/icon/Share-Icon-color.png) 0 -325px no-repeat;
      width: 25px;
      background-size: 85%; }
  .TimelineModule .bg_yellow .ModalShare {
    top: 125px; }
    .TimelineModule .bg_yellow .ModalShare .share-icon {
      background: url(../images/icon/Share-Icon-color.png) 0 0 no-repeat;
      width: 25px;
      background-size: 85%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .TimelineModule .ShowMobile {
    display: none !important; }
  .TimelineModule .ShowDesktop {
    display: block !important; }
  .TimelineModule .ShowTablet {
    display: block !important; }
  .TimelineModule .ModalTexty {
    float: left;
    position: relative;
    width: 75%; }
  .TimelineModule .PoppedOut .ModalYear {
    display: inline-block !important; }
  .TimelineModule .Modalyear {
    float: left;
    position: relative;
    width: 25%; }
  .TimelineModule .HideYear {
    display: block !important; }
  .TimelineModule .ShowYear {
    display: none !important; } }

@media (max-width: 1039px) {
  .TimelineModule {
    /*.back.back-left.close {
            display: none !important;
        }*/ }
    .TimelineModule .ModalScroll.Border_red {
      left: 0;
      position: relative;
      width: 100%; }
    .TimelineModule .open-right .intro-content .top-text {
      display: none; }
    .TimelineModule .open-right .back.back-left.close {
      display: block !important;
      z-index: 9999; }
    .TimelineModule .open-right .ModalShare {
      display: block !important;
      z-index: 9999; }
    .TimelineModule .open-right .bottom-text {
      display: none; }
    .TimelineModule .open-right .side-right {
      width: 0; }
    .TimelineModule .ModalShare {
      display: none !important;
      right: 40px; }
    .TimelineModule .MobileBg {
      display: none;
      height: 85px;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 999;
      opacity: 0; }
    .TimelineModule .ModalFixed {
      display: none !important; }
    .TimelineModule .splitlayout.open-right .page-right {
      left: 0;
      width: 100%;
      opacity: 0;
      background: white; }
    .TimelineModule .ShowMobile {
      display: block !important; }
    .TimelineModule .ModalBottomBar {
      background: transparent;
      height: inherit;
      margin-top: 0;
      padding-left: 5.3%;
      padding-top: 38px;
      padding-right: 120px; }
    .TimelineModule .scrolltracker {
      width: 100%; }
      .TimelineModule .scrolltracker .scrollButton {
        border: 1px solid #fff;
        content: '';
        height: 15px;
        position: absolute;
        top: -7px;
        width: 0; }
        .TimelineModule .scrolltracker .scrollButton:after {
          content: '';
          position: absolute;
          top: -10px;
          bottom: -10px;
          left: -10px;
          right: -10px; }
    .TimelineModule ul.ModalYear li {
      line-height: 30px;
      /* padding-top: 6px; */ }
    .TimelineModule .Timelinehead.PoppedOut {
      display: block;
      /* float: left; */
      clear: both;
      /*Ayan*/
      padding-top: 19px;
      padding-left: 21px;
      padding-right: 22px;
      position: relative; } }
    @media (max-width: 1039px) and (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .Timelinehead.PoppedOut {
        padding-top: 30px; } }

@media (max-width: 1039px) {
      .TimelineModule .Timelinehead.PoppedOut .TimlinePopContent {
        padding: 0; }
      .TimelineModule .Timelinehead.PoppedOut:first-child {
        padding-top: 0; }
    .TimelineModule .PoppedOut .TimelineVideo {
      padding: 30px 30px;
      padding: 21px 10px; }
    .TimelineModule .PoppedOut .TimelineBanner {
      float: left;
      max-width: 115%;
      width: 115%; }
      .TimelineModule .PoppedOut .TimelineBanner img {
        left: -87px;
        overflow: hidden;
        position: relative;
        width: 120%; }
    .TimelineModule .PoppedOut .ModalYear p {
      font-size: 18px; }
    .TimelineModule .PaddedLeft {
      width: 64px; }
    .TimelineModule .Timelinehead .bodycopy {
      font-size: 20px; }
    .TimelineModule .Topcontent {
      margin-top: 79px;
      outline: none;
      padding-left: 40px;
      position: relative; }
      .TimelineModule .Topcontent .ingr-hd {
        padding: 0 0 48px 0; }
    .TimelineModule .bg_red .ModalScroll.Border_red {
      border-left: 64px solid #DE4649; }
    .TimelineModule .bg_red .scrolltracker .scrollButton {
      border: 1px solid #fff; }
    .TimelineModule .bg_yellow .ModalScroll.Border_red {
      border-left: 64px solid #ffce04; }
    .TimelineModule .bg_yellow .scrolltracker .scrollButton {
      border: 1px solid #000; }
    .TimelineModule .bg_yellow .ShowDesktop {
      background: #ffce04; }
    .TimelineModule .bg_blue .ModalScroll.Border_red {
      border-left: 64px solid #0182d2; }
    .TimelineModule .bg_blue .scrolltracker .scrollButton {
      border: 1px solid #fff; }
    .TimelineModule .bg_green .ModalScroll.Border_red {
      border-left: 64px solid #00b139; }
    .TimelineModule .bg_green .scrolltracker .scrollButton {
      border: 1px solid #fff; }
    .TimelineModule .quote-block {
      margin-top: -1px;
      margin-bottom: 0; }
      .TimelineModule .quote-block .author-details {
        /* width: 110%; */
        /*Shobha */ } }

@media (max-width: 599px) {
  .TimelineModule .ShowMobile {
    display: block !important; }
  .TimelineModule .ShowTablet {
    display: none !important; }
  .TimelineModule .HideYear {
    display: none !important; }
  .TimelineModule .ShowYear {
    display: block !important; }
  .TimelineModule .PoppedOut .border-line-tout {
    border-bottom: none !important;
    width: 82%; }
  .TimelineModule .PoppedOut .TimelineBanner img {
    left: -87px;
    max-width: 113%;
    overflow: hidden;
    position: relative;
    width: 120%; }
  .TimelineModule .PoppedOut .TimelineVideo {
    padding: 0; }
    .TimelineModule .PoppedOut .TimelineVideo img {
      left: -62px;
      max-width: 145%;
      overflow: hidden;
      position: relative;
      width: auto; } }
    @media (max-width: 599px) and (max-width: 599px) {
      .TimelineModule .PoppedOut .TimelineVideo img {
        width: 110%;
        left: -10%; } }

@media (max-width: 599px) {
  .TimelineModule .PoppedOut .ModalTexty {
    padding-right: 30px;
    width: 100%; }
  .TimelineModule .PoppedOut .Modalyear {
    width: 100%; }
  .TimelineModule .ModalScroll.Border_red {
    border-width: 31px !important; }
  .TimelineModule .Topcontent {
    outline: none;
    padding-left: 32px; }
  .TimelineModule .close-tab {
    min-height: 350px; }
  .TimelineModule .Timelinehead.PoppedOut {
    padding: 0 0 0; }
    .TimelineModule .Timelinehead.PoppedOut .TimlinePopContent {
      padding-top: 20px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      border-bottom: 1px solid rgba(40, 40, 40, 0.35); } }
    @media (max-width: 599px) and (max-width: 599px) {
      .TimelineModule .Timelinehead.PoppedOut .TimlinePopContent {
        padding-bottom: 20px; } }

@media (max-width: 599px) {
  .TimelineModule .Hrline {
    display: none; }
  .TimelineModule .Timelinehead .bodycopy {
    font-size: 18px; }
  .TimelineModule .Timelinehead .YearMob {
    float: none;
    font-size: 16px;
    left: -33px;
    position: absolute;
    text-align: center;
    transform: rotate(-90deg); }
  .TimelineModule .ModalBottomBar {
    padding-left: 31px;
    padding-right: 111px; }
  .TimelineModule .scrolltracker {
    width: 100%; }
    .TimelineModule .scrolltracker .scrollButton {
      border: 1px solid #fff;
      content: '';
      height: 15px;
      position: absolute;
      top: -7px;
      width: 0; }
      .TimelineModule .scrolltracker .scrollButton:after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -10px;
        right: -10px; }
  .TimelineModule ul.ModalYear li:last-child {
    float: right; }
  .TimelineModule ul.ModalYear li.hidden-xs-year {
    display: none; } }

@media (min-width: 1039px) and (max-width: 1279px) {
  .TimelineModule .ModalShare {
    /* float: left; */
    right: 35px;
    /* position: relative; */
    top: 19px; }
  .TimelineModule .top-text.ingr-hd {
    padding-bottom: 0; }
  .TimelineModule .Topcontent {
    padding-left: 41px; }
  .TimelineModule .BottomContent .bottom-text {
    padding-left: 41px; }
  .TimelineModule .PoppedOut .ModalYear {
    width: 16%; }
  .TimelineModule .open-right .intro-content .bottom-text .time-border-line {
    bottom: 92px;
    left: 235px; } }

/* Imported from style.css */
/*@media (max-width: 599px) {
    main-time {
        .breaker {
            margin-top: 25px;
            margin-bottom: 25px;
        }

        .non-breaker {
            padding-top: 25px;
        }

        .image-breaker {
            .socialshare-block {
                top: -10px;
            }
        }

        .video-breaker {
            .socialshare-block {
                top: -10px;
            }
        }
    }
}*/
/*@media (min-width: 1801px) {
    main-time {
        .articleplaceholder {
            display: block;
            float: none;
            max-width: 1800px;
            margin: 0 auto;
        }

        .breaker {
            display: block;
            float: none;
            max-width: 1800px;
            margin: 0 auto;
        }
    }
}*/
/*ayan's inclusion*/
/*.MobileBg {
    opacity: 0;
}*/
/* Additional changes Shobha*/
/*timeline-text fonts*/
.TimelineModule .splitlayout.open-right .intro-content .top-text .timeline-text {
  font-weight: 500;
  text-align: left; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .TimelineModule .splitlayout.open-right .intro-content .top-text .timeline-text {
      font-size: 14px;
      line-height: 1.29;
      letter-spacing: 1px;
      margin-bottom: 0;
      width: auto; } }
  @media (min-width: 1280px) {
    .TimelineModule .splitlayout.open-right .intro-content .top-text .timeline-text {
      font-size: 14px;
      letter-spacing: 1px;
      line-height: 1.29;
      padding: 68px 0 0 2px;
      width: auto; } }

.TimelineModule .splitlayout.open-right .intro-content .bottom-text .yr-text {
  font-size: 60px;
  /* 72px Bug 92626:Timeline Copy Overlapping */
  font-weight: 300;
  letter-spacing: -3.5px;
  text-align: left; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .TimelineModule .splitlayout.open-right .intro-content .bottom-text .yr-text {
      line-height: 1.11; } }
  @media (min-width: 1280px) {
    .TimelineModule .splitlayout.open-right .intro-content .bottom-text .yr-text {
      line-height: 1.53; } }

.TimelineModule .splitlayout.open-right .TimlinePopContent .YearMob {
  font-size: 16px; }

.TimelineModule .splitlayout.open-right .TimlinePopContent .ModalTexty .bodycopy {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.44;
  text-align: left; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .TimelineModule .splitlayout.open-right .TimlinePopContent .ModalTexty .bodycopy {
      font-size: 20px;
      line-height: 1.6;
      letter-spacing: -0.1px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .TimelineModule .splitlayout.open-right .TimlinePopContent .ModalTexty .bodycopy {
      font-size: 22px;
      line-height: 1.36; } }
  @media (min-width: 1280px) {
    .TimelineModule .splitlayout.open-right .TimlinePopContent .ModalTexty .bodycopy {
      font-size: 22px;
      line-height: 1.36; } }

.TimelineModule .splitlayout.open-right .TimlinePopContent .ModalYear .bodycopy {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.67;
  text-align: right; }

.TimelineModule .splitlayout.open-right .TimlinePopContent .border-line-tout {
  /*time_line end */ }
  .TimelineModule .splitlayout.open-right .TimlinePopContent .border-line-tout .time_line {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .TimelineModule .splitlayout.open-right .TimlinePopContent .border-line-tout .time_line {
        font-size: 18px;
        line-height: 1.22;
        text-align: left;
        color: #282828; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .TimelineModule .splitlayout.open-right .TimlinePopContent .border-line-tout .time_line {
        font-size: 18px;
        line-height: 1.22;
        text-align: left; } }
    @media (min-width: 1280px) {
      .TimelineModule .splitlayout.open-right .TimlinePopContent .border-line-tout .time_line {
        font-size: 18px;
        line-height: 1.22;
        text-align: left; } }

.TimelineModule .splitlayout.open-right .quote-block .social-module a {
  height: 30px; }

.TimelineModule .splitlayout.open-right .quote-block .social-module div {
  height: 30px;
  overflow: initial; }

.TimelineModule .splitlayout .overlay-borderline {
  cursor: default; }

/* to give cursor */
.main-time {
  cursor: pointer; }
  .main-time .splitlayout .intro .side-right {
    cursor: pointer; }
    .main-time .splitlayout .intro .side-right .intro-content {
      cursor: pointer; }
      .main-time .splitlayout .intro .side-right .intro-content .top-text .timeline-text,
      .main-time .splitlayout .intro .side-right .intro-content .top-text .ingr-hd {
        cursor: pointer; }
      .main-time .splitlayout .intro .side-right .intro-content .bottom-text .yr-text,
      .main-time .splitlayout .intro .side-right .intro-content .bottom-text .yr-text2 {
        cursor: pointer; }
      .main-time .splitlayout .intro .side-right .intro-content .border-line-tout {
        cursor: pointer; }
        .main-time .splitlayout .intro .side-right .intro-content .border-line-tout .time-line,
        .main-time .splitlayout .intro .side-right .intro-content .border-line-tout .right-tab {
          cursor: pointer; }

.main-time.activated {
  cursor: default; }
  .main-time.activated .splitlayout .intro .side-right {
    cursor: default; }
    .main-time.activated .splitlayout .intro .side-right .intro-content {
      cursor: default; }
      .main-time.activated .splitlayout .intro .side-right .intro-content .top-text .timeline-text,
      .main-time.activated .splitlayout .intro .side-right .intro-content .top-text .ingr-hd {
        cursor: default; }
      .main-time.activated .splitlayout .intro .side-right .intro-content .bottom-text .yr-text,
      .main-time.activated .splitlayout .intro .side-right .intro-content .bottom-text .yr-text2 {
        cursor: default; }
      .main-time.activated .splitlayout .intro .side-right .intro-content .border-line-tout {
        cursor: default; }
        .main-time.activated .splitlayout .intro .side-right .intro-content .border-line-tout .time-line,
        .main-time.activated .splitlayout .intro .side-right .intro-content .border-line-tout .right-tab {
          cursor: default; }

/*nandish*/
.main-time .TimelineModule {
  /* -webkit-overflow-scrolling: touch;*/ }
  @media (min-width: 600px) and (max-width: 1039px) {
    .main-time .TimelineModule {
      /*   -webkit-overflow-scrolling: touch;*/ } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .image-wrap.parent.bg-main-time img {
      height: 434px; } }
  .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll {
    margin-bottom: 0;
    padding-top: 0 !important; }
    .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut {
      /*@include tablet {
                                            padding-top: 0;
                                        }*/ }
      @media (min-width: 600px) and (max-width: 1039px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimelineVideo {
          padding: 0;
          clear: both; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimelineVideo {
          padding: 40px 10px 0;
          clear: both; } }
      @media (min-width: 1280px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimelineVideo {
          padding: 42px 10px 0px;
          clear: both; } }
      @media (min-width: 1280px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimelineVideo:first-child {
          padding-left: 31px;
          padding-right: 31px;
          padding-top: 30px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimelineVideo:first-child {
          padding-left: 31px;
          padding-right: 31px;
          padding-top: 31px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimelineVideo:first-child {
          padding-left: 0px;
          padding-right: 0px;
          padding-top: 15px; } }
      @media (max-width: 599px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimelineVideo:first-child img {
          width: 100%;
          left: 0 !important; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimelineVideo:first-child img {
          width: 100%;
          left: 0 !important; } }
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimelineBanner {
        clear: both;
        /*@include tablet {
                                                padding: 30px 0px 0;                                                
                                            }
                                            @include desktopsmall {
                                                padding: 40px 0px 0;                                               
                                            }
                                            @include desktop {
                                                padding: 42px 0px 0px;                                                
                                            }

                                            @include desktoplarge {
                                                padding: 42px 0px 40px;                                                
                                            }*/ }
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimelineBanner:first-child {
          padding: 0; }
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent {
        border-bottom: none; }
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .timeline-seperator {
          border-top: 1px solid rgba(40, 40, 40, 0.34);
          height: 20px;
          margin-left: -50px;
          display: block; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .timeline-seperator {
              display: none; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .timeline-seperator {
              display: none; } }
          @media (min-width: 1280px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .timeline-seperator {
              display: none; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent {
            padding: 30px 10px 0px 0px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent {
            padding: 29px 34px 0px 41px; } }
        @media (min-width: 1280px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent {
            padding: 40px 30px 0px 41px; } }
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalTexty {
          padding-right: 28px; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalTexty {
              width: 90%;
              padding-right: 64px;
              float: left; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalTexty {
              width: 89%;
              padding-right: 41px;
              float: left; } }
          @media (min-width: 1280px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalTexty {
              width: 88.3%;
              float: left;
              padding-right: 78.5px; } }
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalTexty .bodycopy {
            color: #282828; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalTexty .bodycopy {
                margin-left: 29px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalTexty .bodycopy {
                margin-left: 0px; } }
            @media (min-width: 1280px) {
              .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalTexty .bodycopy {
                padding-right: 0;
                margin-left: 17px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalYear {
            width: auto;
            float: left; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalYear {
            width: auto;
            float: left; } }
        @media (min-width: 1280px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalYear {
            width: auto;
            float: left; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalYear .bodycopy {
            margin-left: 0; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalYear .bodycopy {
            margin-left: 0; } }
        @media (min-width: 1280px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalYear .bodycopy {
            margin-left: 0; } }
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .border-line-tout.overlay-borderline {
          height: 70px;
          padding-bottom: 0; }
          @media (max-width: 599px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .border-line-tout.overlay-borderline {
              height: auto; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .border-line-tout.overlay-borderline {
              height: auto;
              padding-bottom: 20px;
              margin-left: 30px;
              margin-bottom: 0; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .border-line-tout.overlay-borderline {
              height: auto;
              padding-bottom: 20px;
              margin-left: 0px;
              width: 96.67%; } }
          @media (min-width: 1280px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .border-line-tout.overlay-borderline {
              height: auto;
              padding-bottom: 18px;
              margin-left: 18px;
              width: 92%; } }
          @media (min-width: 1280px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .border-line-tout.overlay-borderline::first-child {
              width: 87%; } }
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .border-line-tout.overlay-borderline .time_line {
            margin-bottom: 0;
            letter-spacing: normal; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .border-line-tout.overlay-borderline .time_line {
                margin-bottom: auto; } }
    .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block:after {
      margin-left: 0; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block:after {
          bottom: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.quote-block.breaker {
        margin-top: 30px;
        margin-bottom: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.quote-block.breaker {
        margin-top: 40px;
        margin-bottom: 40px; } }
    @media (min-width: 1280px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.quote-block.breaker {
        margin-bottom: 40px;
        margin-top: 0; } }
    .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details {
      text-decoration: none; }
      @media (min-width: 1280px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details {
          display: table;
          height: 60px;
          top: auto;
          text-align: right;
          width: 65%;
          line-height: 20px; } }
      @media (max-width: 599px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details {
          color: #282828;
          width: 100% !important; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details {
          width: 101% !important;
          float: none;
          font-size: 14px;
          line-height: 22px;
          background-color: #fff;
          color: #282828;
          padding-top: 8px;
          right: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details {
          color: black;
          width: 100% !important;
          background-color: #fff;
          padding-left: 23px;
          padding-top: 8px;
          position: static;
          right: auto;
          top: auto; } }
      @media (min-width: 1280px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details .author-wrap {
          display: table-cell;
          height: 60px;
          vertical-align: middle; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a {
          color: #282828; } }
      @media (min-width: 1280px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a {
          text-decoration-color: #fff; } }
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link {
        color: #282828;
        border-bottom: 0; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link {
            border-bottom: 0; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link {
            border-bottom: 0; } }
        @media (min-width: 1280px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link {
            text-decoration-color: #fff;
            color: #fff;
            border-bottom: 0; } }
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link:hover {
          color: #282828; }
          @media (min-width: 1280px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link:hover {
              text-decoration-color: #fff;
              color: #fff; } }
    @media (min-width: 1280px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details {
        text-decoration: none;
        text-align: right; } }
    .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a {
      color: #282828;
      border-bottom: 1px solid #282828; }
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link {
        color: #282828;
        border-bottom: 0; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link {
            border-bottom: 0; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link {
            border-bottom: 0; } }
        @media (min-width: 1280px) {
          .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link {
            text-decoration-color: #00adf2;
            border-bottom: 0;
            color: #282828; } }
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link:hover {
          color: #282828; }
          @media (min-width: 1280px) {
            .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link:hover {
              text-decoration-color: #00adf2;
              color: #282828; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-open {
        padding-top: 45px;
        margin: 0 auto;
        margin-bottom: 5px;
        text-align: center;
        width: 100%;
        top: 0;
        height: auto !important; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-open {
        padding-top: 45px;
        margin: 0 auto;
        margin-bottom: 5px;
        text-align: center;
        top: 0;
        width: 100%;
        height: auto !important; } }
    @media (min-width: 1280px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-open {
        padding-top: 45px;
        margin: 0 auto;
        width: 100%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-open span {
        top: 100%;
        position: static; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-open span {
        top: 100%;
        position: static; } }
    @media (min-width: 1280px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-open span {
        display: block;
        position: unset; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-wrapper {
        margin: 0 auto;
        padding: 0 42px 0 42px;
        width: 100%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-wrapper {
        padding: 0 42px 0 42px;
        width: 100%; } }
    @media (min-width: 1280px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-wrapper {
        padding: 0px 89px 25px 100px;
        width: auto; } }
    .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-wrapper .quote-desc span {
      position: static; }
    @media (max-width: 599px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-closed {
        height: auto !important; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-closed {
        padding: 0;
        margin: 0;
        text-align: center;
        margin: 0 auto;
        margin-top: 25px;
        text-align: center;
        padding-bottom: 25px;
        top: 0;
        width: 100%;
        height: auto !important; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-closed {
        text-align: center;
        margin: 0 auto;
        margin-top: 25px;
        text-align: center;
        top: 0;
        padding-bottom: 25px;
        width: 100%;
        height: auto !important; } }
    @media (min-width: 1280px) {
      .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-closed {
        margin: 0 auto;
        text-align: center;
        width: 100%; } }
    .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-closed span {
      position: static;
      top: 33%; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-closed span {
          top: 89%;
          position: relative;
          right: 0; } }
      @media (min-width: 1280px) {
        .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-mark-closed span {
          top: unset; } }
  .main-time .TimelineModule .splitlayout .intro .side.side-right .intro-content {
    /*.border-line-tout {
                                @include desktopsmall {
                                    height: 61px;
                                }
                            }*/ }
    @media (min-width: 600px) and (max-width: 1039px) {
      .main-time .TimelineModule .splitlayout .intro .side.side-right .intro-content .top-text .timeline-text {
        padding-top: 35px; } }
    @media (min-width: 1280px) {
      .main-time .TimelineModule .splitlayout .intro .side.side-right .intro-content .top-text .ModalShare {
        top: 41px; } }

/*1800px higher-resolution issue fixes*/
@media (min-width: 1800px) {
  .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent {
    float: left;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    width: 96%; }
  .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .border-line-tout.overlay-borderline {
    height: 95px !important;
    float: none;
    clear: both;
    margin-left: 4%;
    width: 92%; }
  .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalTexty .bodycopy {
    max-width: 100%;
    margin-left: 4.2%; }
  .main-time .breaker {
    max-width: 100%; }
  .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut .TimlinePopContent .ModalTexty {
    width: 91.7%;
    float: left;
    padding-right: 78.5px; }
  .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block {
    width: 92%;
    margin-left: 4% !important; }
  .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block:after {
    background: rgba(40, 40, 40, 0.16);
    height: 2px; }
  .TimelineModule .close:before {
    height: 2px;
    width: 28px; }
  .main-time .close:after {
    height: 2px;
    width: 28px; } }

/*1800px issues ends here*/
/*IE issues fixes*/
@media all and (-ms-high-contrast: none) {
  .TimelineModule .splitlayout .intro .side.side-right .intro-content .border-line-tout .right-tab.bounce {
    width: 25px; } }

@media all and (min-width: 1039px) {
  .ie11 .TimelineModule .bg_green .ModalShare,
  .TimelineModule .bg_blue .ModalShare,
  .TimelineModule .bg_red .ModalShare {
    top: 41px; }
  .ie11 .TimelineModule .socialshare-block-white {
    left: -5px; } }

@media all and (min-width: 1280px) {
  .ie11 .TimelineModule .bg_green .ModalShare,
  .ie11 .TimelineModule .bg_blue .ModalShare,
  .ie11 .TimelineModule .bg_red .ModalShare,
  .ie11 .TimelineModule .bg_yellow .ModalShare {
    top: 125px !important; }
  .ie11 .TimelineModule .socialshare-block-white {
    right: 0;
    left: auto; } }

@media only screen and (min-width: 1040px) and (max-width: 1279px) {
  .ie11 .TimelineModule .bg_green .ModalShare,
  .ie11 .TimelineModule .bg_blue .ModalShare,
  .ie11 .TimelineModule .bg_red .ModalShare,
  .ie11 .TimelineModule .bg_yellow .ModalShare {
    top: 78px !important;
    right: 23px !important; } }

.ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details {
  width: 100%;
  text-decoration: none; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details {
      width: auto;
      text-align: right; } }
  @media (min-width: 1280px) {
    .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details {
      width: 65%; } }
  @media (min-width: 1280px) {
    .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a {
      text-decoration-color: #282828; } }
  .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link {
    color: #282828;
    border-bottom: 0; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link {
        border-bottom: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link {
        border-bottom: 0; } }
    @media (min-width: 1280px) {
      .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link {
        text-decoration-color: #282828;
        border-bottom: 0;
        color: #282828; } }
    .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link:hover {
      color: #282828; }
      @media (min-width: 1280px) {
        .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a .internal-link:hover {
          text-decoration-color: #282828;
          color: #282828; } }

@media (min-width: 1280px) {
  .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details {
    text-decoration: none;
    text-align: right; } }

.ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a {
  border-bottom: 1px solid #282828; }
  .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link {
    color: #282828;
    border-bottom: 0; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link {
        border-bottom: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link {
        border-bottom: 0; } }
    @media (min-width: 1280px) {
      .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link {
        text-decoration-color: #00adf2;
        border-bottom: 0;
        color: #282828; } }
    .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link:hover {
      color: #282828; }
      @media (min-width: 1280px) {
        .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a .internal-link:hover {
          text-decoration-color: #00adf2;
          color: #282828; } }

@media (min-width: 1280px) {
  .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-mark-open span {
    position: static; } }

/**IE issues ends here**/
/* nandish scss ends*/
/*Ayan*/
.transparentclass {
  background-color: transparent; }

@media (min-width: 600px) and (max-width: 1039px) {
  .time-out {
    position: absolute; } }

.bg_blue_gradient {
  background-image: -webkit-linear-gradient(right, #fff 50%, #0182D2 50%); }

.bg_red_gradient {
  background-image: -webkit-linear-gradient(right, #fff 50%, #DE4649 50%); }

.bg_green_gradient {
  background-image: -webkit-linear-gradient(right, #fff 50%, #00B139 50%); }

.bg_yellow_gradient {
  background-image: -webkit-linear-gradient(right, #fff 50%, #ffce04 50%); }

.animatesideright {
  transform: translateX(3%);
  transition: transform 1s; }

@media (min-width: 600px) and (max-width: 1039px) {
  .bg-main-time {
    overflow: hidden;
    /*Ayan*/ } }

@media (max-width: 599px) {
  .bg-main-time {
    overflow: hidden;
    /*Ayan*/ } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .search-feed-container .timeline-card-wrapper {
    position: absolute;
    margin-left: -43px; } }

@media (min-width: 1280px) {
  .search-feed-container .timeline-card-wrapper {
    position: absolute;
    margin-left: -60px; } }

@media (min-width: 1800px) {
  .search-feed-container .timeline-card-wrapper {
    position: absolute;
    margin-left: -124px; } }

@media (max-width: 599px) {
  .chrome .activated .TimelineModule {
    position: fixed; } }

@media (min-width: 1280px) {
  .main-time.activated {
    overflow: visible; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .main-time.activated .TimelineModule {
    position: fixed; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .main-time.activated .TimelineModule {
    position: fixed; } }

@media (min-width: 1280px) {
  .Timelinehead.PoppedOut.video-breaker {
    width: 93%;
    margin-bottom: 40px; } }

.Timelinehead.PoppedOut.video-breaker:first-child {
  width: 100%;
  margin: 0; }
  @media (min-width: 1280px) {
    .Timelinehead.PoppedOut.video-breaker:first-child .TimlinePopContent {
      padding-left: 35px !important;
      padding-right: 15px !important; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .Timelinehead.PoppedOut.video-breaker:first-child .TimlinePopContent {
      padding-left: 35px !important;
      padding-right: 15px !important; } }

@media (min-width: 1280px) {
  .Timelinehead.PoppedOut.video-breaker .TimlinePopContent {
    padding-left: 10px !important;
    padding-right: 0 !important; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .Timelinehead.PoppedOut.video-breaker .TimlinePopContent {
    padding-left: 15px !important;
    padding-right: 0 !important; } }

@media (max-width: 599px) {
  .Timelinehead.PoppedOut.video-breaker .youtube-player {
    max-width: 110%;
    margin-left: -31px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .Timelinehead.PoppedOut.video-breaker .youtube-player {
    padding-left: 22px;
    padding-right: 22px; } }

@media (min-width: 1800px) {
  .Timelinehead.PoppedOut.video-breaker .TimelineVertical {
    margin-left: 3%; } }

@media (min-width: 1280px) {
  .Timelinehead.PoppedOut.video-breaker .TimelineVertical {
    width: 75%;
    padding-left: 28px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .Timelinehead.PoppedOut.video-breaker .TimelineVertical {
    width: 78%;
    padding-left: 16px; } }

@media (max-width: 599px) {
  .Timelinehead.PoppedOut.video-breaker .TimelineVertical {
    margin-left: -31px;
    max-width: 110%;
    margin-top: 0; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .Timelinehead.PoppedOut.video-breaker .TimelineVertical {
    width: 79%;
    padding-left: 30px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .ios .main-time .page {
    -webkit-transition-property: none;
    transition-property: none; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .main-time.activated .ShowMobile .ingr-hd {
    padding: 0; } }

@media (min-width: 1280px) {
  .main-time .quote-block .socialshare-block {
    position: relative;
    bottom: -1px; } }

@media (min-width: 1800px) {
  .main-time .quote-block .socialshare-block {
    position: relative;
    bottom: -2px; } }

@media (min-width: 1280px) {
  .threeup-card-wrapper .timeline-card-wrapper {
    position: absolute;
    margin-left: -41%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .threeup-card-wrapper .timeline-card-wrapper {
    position: absolute;
    margin-left: -41%; } }

@media (min-width: 1280px) {
  .safari .search-feed-container .timeline-card-wrapper {
    position: absolute;
    margin-left: -124px; } }

@media (min-width: 1280px) {
  .safari .TimelineModule .page-right {
    left: 50%;
    width: 50%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .safari .main-time.activated .TimelineModule {
    position: absolute; } }

@media (max-width: 599px) {
  .safari .main-time.activated .TimelineModule,
  .chrome .main-time.activated .TimelineModule {
    position: fixed; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .safari .main-time.activated .TimelineModule,
  .chrome .main-time.activated .TimelineModule {
    position: fixed; } }

@media (max-width: 599px) {
  .safari .Timeline-modal-popup,
  .chrome .Timeline-modal-popup {
    /*position: fixed !important;*/ } }

@media (min-width: 600px) and (max-width: 1039px) {
  .safari .Timeline-modal-popup,
  .chrome .Timeline-modal-popup {
    /*position: fixed !important;*/ } }

@media (max-width: 599px) {
  .safari .Timeline-modal-popup .scj-wrapper,
  .chrome .Timeline-modal-popup .scj-wrapper {
    -webkit-overflow-scrolling: unset; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .safari .Timeline-modal-popup .scj-wrapper,
  .chrome .Timeline-modal-popup .scj-wrapper {
    -webkit-overflow-scrolling: unset; } }

.safari .main-time.bg_yellow .close,
.chrome .main-time.bg_yellow .close {
  background: #282828;
  height: 80px;
  width: 80px;
  right: 0px;
  opacity: 1;
  z-index: 9999999; }

.safari .main-time.bg_yellow .MobileBg,
.chrome .main-time.bg_yellow .MobileBg {
  /*display: none;
            height: 85px;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 999;
            opacity: 0;*/ }
  @media (max-width: 599px) {
    .safari .main-time.bg_yellow .MobileBg,
    .chrome .main-time.bg_yellow .MobileBg {
      top: -85px;
      z-index: 999999;
      display: none;
      height: 85px;
      left: 0;
      position: fixed;
      width: 100%;
      opacity: 0; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_yellow .MobileBg,
    .chrome .main-time.bg_yellow .MobileBg {
      top: -85px;
      z-index: 999999;
      display: none;
      height: 85px;
      left: 0;
      position: fixed;
      width: 100%;
      opacity: 0; } }
  .safari .main-time.bg_yellow .MobileBg .ModalBottomBar,
  .chrome .main-time.bg_yellow .MobileBg .ModalBottomBar {
    -webkit-animation: inline-paragraph-appear 0.5s;
    animation: inline-paragraph-appear 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: 999;
    background: rgba(255, 255, 255, 0.35); }
    @media (max-width: 599px) {
      .safari .main-time.bg_yellow .MobileBg .ModalBottomBar,
      .chrome .main-time.bg_yellow .MobileBg .ModalBottomBar {
        background: #ffce04;
        padding-left: 31px;
        padding-right: 111px;
        height: inherit;
        margin-top: 0;
        padding-top: 38px;
        width: 100%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari .main-time.bg_yellow .MobileBg .ModalBottomBar,
      .chrome .main-time.bg_yellow .MobileBg .ModalBottomBar {
        background: #ffce04;
        padding-left: 5.3%;
        padding-right: 120px;
        height: inherit;
        margin-top: 0;
        padding-top: 38px;
        width: 100%; } }
    .safari .main-time.bg_yellow .MobileBg .ModalBottomBar .years a,
    .chrome .main-time.bg_yellow .MobileBg .ModalBottomBar .years a {
      color: #282828; }
  .safari .main-time.bg_yellow .MobileBg .scrolltracker,
  .chrome .main-time.bg_yellow .MobileBg .scrolltracker {
    /*background: rgba(255, 255, 255, 0.1);*/ }
    .safari .main-time.bg_yellow .MobileBg .scrolltracker .top-bar,
    .chrome .main-time.bg_yellow .MobileBg .scrolltracker .top-bar {
      background: rgba(40, 40, 40, 0.15); }
      @media (max-width: 599px) {
        .safari .main-time.bg_yellow .MobileBg .scrolltracker .top-bar,
        .chrome .main-time.bg_yellow .MobileBg .scrolltracker .top-bar {
          height: 1px;
          width: 100%; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .safari .main-time.bg_yellow .MobileBg .scrolltracker .top-bar,
        .chrome .main-time.bg_yellow .MobileBg .scrolltracker .top-bar {
          height: 1px;
          width: 100%; } }
    .safari .main-time.bg_yellow .MobileBg .scrolltracker .scroll,
    .chrome .main-time.bg_yellow .MobileBg .scrolltracker .scroll {
      background: #282828; }
      @media (max-width: 599px) {
        .safari .main-time.bg_yellow .MobileBg .scrolltracker .scroll,
        .chrome .main-time.bg_yellow .MobileBg .scrolltracker .scroll {
          height: 1px;
          top: -1px;
          box-shadow: none;
          position: relative; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .safari .main-time.bg_yellow .MobileBg .scrolltracker .scroll,
        .chrome .main-time.bg_yellow .MobileBg .scrolltracker .scroll {
          height: 1px;
          top: -1px;
          box-shadow: none;
          position: relative; } }
    @media (max-width: 599px) {
      .safari .main-time.bg_yellow .MobileBg .scrolltracker,
      .chrome .main-time.bg_yellow .MobileBg .scrolltracker {
        z-index: 100;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        box-sizing: border-box; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari .main-time.bg_yellow .MobileBg .scrolltracker,
      .chrome .main-time.bg_yellow .MobileBg .scrolltracker {
        z-index: 100;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        box-sizing: border-box; } }
    @media (max-width: 599px) {
      .safari .main-time.bg_yellow .MobileBg .scrolltracker .scrollButton,
      .chrome .main-time.bg_yellow .MobileBg .scrolltracker .scrollButton {
        content: '';
        height: 15px;
        position: relative;
        top: -7px;
        width: 0;
        border: 1px solid #000; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari .main-time.bg_yellow .MobileBg .scrolltracker .scrollButton,
      .chrome .main-time.bg_yellow .MobileBg .scrolltracker .scrollButton {
        content: '';
        height: 15px;
        position: relative;
        top: -7px;
        width: 0;
        border: 1px solid #000; } }
    @media (max-width: 599px) {
      .safari .main-time.bg_yellow .MobileBg .scrolltracker .scrollButton:after,
      .chrome .main-time.bg_yellow .MobileBg .scrolltracker .scrollButton:after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -10px;
        right: -10px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari .main-time.bg_yellow .MobileBg .scrolltracker .scrollButton:after,
      .chrome .main-time.bg_yellow .MobileBg .scrolltracker .scrollButton:after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -10px;
        right: -10px; } }

.safari .main-time.bg_yellow ul.ModalYear li,
.chrome .main-time.bg_yellow ul.ModalYear li {
  float: left;
  font-size: 13px;
  list-style-type: none; }
  .safari .main-time.bg_yellow ul.ModalYear li:first-child,
  .chrome .main-time.bg_yellow ul.ModalYear li:first-child {
    padding-left: 0;
    width: auto; }
  @media (max-width: 599px) {
    .safari .main-time.bg_yellow ul.ModalYear li,
    .chrome .main-time.bg_yellow ul.ModalYear li {
      line-height: 30px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_yellow ul.ModalYear li,
    .chrome .main-time.bg_yellow ul.ModalYear li {
      line-height: 30px; } }
  .safari .main-time.bg_yellow ul.ModalYear li:last-child,
  .chrome .main-time.bg_yellow ul.ModalYear li:last-child {
    float: right; }

@media (max-width: 599px) {
  .safari .main-time.bg_yellow ul.ModalYear .hidden-xs-year,
  .chrome .main-time.bg_yellow ul.ModalYear .hidden-xs-year {
    display: none; } }

.safari .main-time.bg_yellow ul.time_5 li,
.chrome .main-time.bg_yellow ul.time_5 li {
  width: 23%;
  text-align: right; }

.safari .main-time.bg_red .close,
.chrome .main-time.bg_red .close {
  background: #282828;
  height: 80px;
  width: 80px;
  right: 0px;
  opacity: 1;
  z-index: 9999999; }

@media (max-width: 599px) {
  .safari .main-time.bg_red .MobileBg,
  .chrome .main-time.bg_red .MobileBg {
    top: -85px;
    z-index: 999999;
    display: none;
    height: 85px;
    left: 0;
    position: fixed;
    width: 100%;
    opacity: 0; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .safari .main-time.bg_red .MobileBg,
  .chrome .main-time.bg_red .MobileBg {
    top: -85px;
    z-index: 999999;
    display: none;
    height: 85px;
    left: 0;
    position: fixed;
    width: 100%;
    opacity: 0; } }

.safari .main-time.bg_red .MobileBg .ModalBottomBar,
.chrome .main-time.bg_red .MobileBg .ModalBottomBar {
  -webkit-animation: inline-paragraph-appear 0.5s;
  animation: inline-paragraph-appear 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 999;
  background: rgba(255, 255, 255, 0.35); }
  @media (max-width: 599px) {
    .safari .main-time.bg_red .MobileBg .ModalBottomBar,
    .chrome .main-time.bg_red .MobileBg .ModalBottomBar {
      background: #DE4649;
      padding-left: 31px;
      padding-right: 111px;
      height: inherit;
      margin-top: 0;
      padding-top: 38px;
      width: 100%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_red .MobileBg .ModalBottomBar,
    .chrome .main-time.bg_red .MobileBg .ModalBottomBar {
      background: #DE4649;
      padding-left: 5.3%;
      padding-right: 120px;
      height: inherit;
      margin-top: 0;
      padding-top: 38px;
      width: 100%; } }
  .safari .main-time.bg_red .MobileBg .ModalBottomBar .years a,
  .chrome .main-time.bg_red .MobileBg .ModalBottomBar .years a {
    color: #fff; }

.safari .main-time.bg_red .MobileBg .scrolltracker,
.chrome .main-time.bg_red .MobileBg .scrolltracker {
  /*background: rgba(255, 255, 255, 0.1);*/ }
  .safari .main-time.bg_red .MobileBg .scrolltracker .top-bar,
  .chrome .main-time.bg_red .MobileBg .scrolltracker .top-bar {
    background: rgba(255, 255, 255, 0.23); }
    @media (max-width: 599px) {
      .safari .main-time.bg_red .MobileBg .scrolltracker .top-bar,
      .chrome .main-time.bg_red .MobileBg .scrolltracker .top-bar {
        height: 1px;
        width: 100%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari .main-time.bg_red .MobileBg .scrolltracker .top-bar,
      .chrome .main-time.bg_red .MobileBg .scrolltracker .top-bar {
        height: 1px;
        width: 100%; } }
  .safari .main-time.bg_red .MobileBg .scrolltracker .scroll,
  .chrome .main-time.bg_red .MobileBg .scrolltracker .scroll {
    background: #fff; }
    @media (max-width: 599px) {
      .safari .main-time.bg_red .MobileBg .scrolltracker .scroll,
      .chrome .main-time.bg_red .MobileBg .scrolltracker .scroll {
        height: 1px;
        top: -1px;
        box-shadow: none;
        position: relative; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari .main-time.bg_red .MobileBg .scrolltracker .scroll,
      .chrome .main-time.bg_red .MobileBg .scrolltracker .scroll {
        height: 1px;
        top: -1px;
        box-shadow: none;
        position: relative; } }
  @media (max-width: 599px) {
    .safari .main-time.bg_red .MobileBg .scrolltracker,
    .chrome .main-time.bg_red .MobileBg .scrolltracker {
      z-index: 100;
      width: 100%;
      position: relative;
      top: 0;
      left: 0;
      box-sizing: border-box; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_red .MobileBg .scrolltracker,
    .chrome .main-time.bg_red .MobileBg .scrolltracker {
      z-index: 100;
      width: 100%;
      position: relative;
      top: 0;
      left: 0;
      box-sizing: border-box; } }
  @media (max-width: 599px) {
    .safari .main-time.bg_red .MobileBg .scrolltracker .scrollButton,
    .chrome .main-time.bg_red .MobileBg .scrolltracker .scrollButton {
      content: '';
      height: 15px;
      position: relative;
      top: -7px;
      width: 0;
      border: 1px solid #fff; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_red .MobileBg .scrolltracker .scrollButton,
    .chrome .main-time.bg_red .MobileBg .scrolltracker .scrollButton {
      content: '';
      height: 15px;
      position: relative;
      top: -7px;
      width: 0;
      border: 1px solid #fff; } }
  @media (max-width: 599px) {
    .safari .main-time.bg_red .MobileBg .scrolltracker .scrollButton:after,
    .chrome .main-time.bg_red .MobileBg .scrolltracker .scrollButton:after {
      content: '';
      position: absolute;
      top: -10px;
      bottom: -10px;
      left: -10px;
      right: -10px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_red .MobileBg .scrolltracker .scrollButton:after,
    .chrome .main-time.bg_red .MobileBg .scrolltracker .scrollButton:after {
      content: '';
      position: absolute;
      top: -10px;
      bottom: -10px;
      left: -10px;
      right: -10px; } }

.safari .main-time.bg_red ul.ModalYear li,
.chrome .main-time.bg_red ul.ModalYear li {
  float: left;
  font-size: 13px;
  list-style-type: none; }
  .safari .main-time.bg_red ul.ModalYear li:first-child,
  .chrome .main-time.bg_red ul.ModalYear li:first-child {
    padding-left: 0;
    width: auto; }
  @media (max-width: 599px) {
    .safari .main-time.bg_red ul.ModalYear li,
    .chrome .main-time.bg_red ul.ModalYear li {
      line-height: 30px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_red ul.ModalYear li,
    .chrome .main-time.bg_red ul.ModalYear li {
      line-height: 30px; } }
  .safari .main-time.bg_red ul.ModalYear li:last-child,
  .chrome .main-time.bg_red ul.ModalYear li:last-child {
    float: right; }

@media (max-width: 599px) {
  .safari .main-time.bg_red ul.ModalYear .hidden-xs-year,
  .chrome .main-time.bg_red ul.ModalYear .hidden-xs-year {
    display: none; } }

.safari .main-time.bg_red ul.time_5 li,
.chrome .main-time.bg_red ul.time_5 li {
  width: 23%;
  text-align: right; }

.safari .main-time.bg_blue .close,
.chrome .main-time.bg_blue .close {
  background: #282828;
  height: 80px;
  width: 80px;
  right: 0px;
  opacity: 1;
  z-index: 9999999; }

@media (max-width: 599px) {
  .safari .main-time.bg_blue .MobileBg,
  .chrome .main-time.bg_blue .MobileBg {
    top: -85px;
    z-index: 999999;
    display: none;
    height: 85px;
    left: 0;
    position: fixed;
    width: 100%;
    opacity: 0; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .safari .main-time.bg_blue .MobileBg,
  .chrome .main-time.bg_blue .MobileBg {
    top: -85px;
    z-index: 999999;
    display: none;
    height: 85px;
    left: 0;
    position: fixed;
    width: 100%;
    opacity: 0; } }

.safari .main-time.bg_blue .MobileBg .ModalBottomBar,
.chrome .main-time.bg_blue .MobileBg .ModalBottomBar {
  -webkit-animation: inline-paragraph-appear 0.5s;
  animation: inline-paragraph-appear 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 999;
  background: rgba(255, 255, 255, 0.35); }
  @media (max-width: 599px) {
    .safari .main-time.bg_blue .MobileBg .ModalBottomBar,
    .chrome .main-time.bg_blue .MobileBg .ModalBottomBar {
      background: #0182d2;
      padding-left: 31px;
      padding-right: 111px;
      height: inherit;
      margin-top: 0;
      padding-top: 38px;
      width: 100%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_blue .MobileBg .ModalBottomBar,
    .chrome .main-time.bg_blue .MobileBg .ModalBottomBar {
      background: #0182d2;
      padding-left: 5.3%;
      padding-right: 120px;
      height: inherit;
      margin-top: 0;
      padding-top: 38px;
      width: 100%; } }
  .safari .main-time.bg_blue .MobileBg .ModalBottomBar .years a,
  .chrome .main-time.bg_blue .MobileBg .ModalBottomBar .years a {
    color: #fff; }

.safari .main-time.bg_blue .MobileBg .scrolltracker,
.chrome .main-time.bg_blue .MobileBg .scrolltracker {
  /*background: rgba(255, 255, 255, 0.1);*/ }
  .safari .main-time.bg_blue .MobileBg .scrolltracker .top-bar,
  .chrome .main-time.bg_blue .MobileBg .scrolltracker .top-bar {
    background: rgba(255, 255, 255, 0.23); }
    @media (max-width: 599px) {
      .safari .main-time.bg_blue .MobileBg .scrolltracker .top-bar,
      .chrome .main-time.bg_blue .MobileBg .scrolltracker .top-bar {
        height: 1px;
        width: 100%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari .main-time.bg_blue .MobileBg .scrolltracker .top-bar,
      .chrome .main-time.bg_blue .MobileBg .scrolltracker .top-bar {
        height: 1px;
        width: 100%; } }
  .safari .main-time.bg_blue .MobileBg .scrolltracker .scroll,
  .chrome .main-time.bg_blue .MobileBg .scrolltracker .scroll {
    background: #fff; }
    @media (max-width: 599px) {
      .safari .main-time.bg_blue .MobileBg .scrolltracker .scroll,
      .chrome .main-time.bg_blue .MobileBg .scrolltracker .scroll {
        height: 1px;
        top: -1px;
        box-shadow: none;
        position: relative; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari .main-time.bg_blue .MobileBg .scrolltracker .scroll,
      .chrome .main-time.bg_blue .MobileBg .scrolltracker .scroll {
        height: 1px;
        top: -1px;
        box-shadow: none;
        position: relative; } }
  @media (max-width: 599px) {
    .safari .main-time.bg_blue .MobileBg .scrolltracker,
    .chrome .main-time.bg_blue .MobileBg .scrolltracker {
      z-index: 100;
      width: 100%;
      position: relative;
      top: 0;
      left: 0;
      box-sizing: border-box; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_blue .MobileBg .scrolltracker,
    .chrome .main-time.bg_blue .MobileBg .scrolltracker {
      z-index: 100;
      width: 100%;
      position: relative;
      top: 0;
      left: 0;
      box-sizing: border-box; } }
  @media (max-width: 599px) {
    .safari .main-time.bg_blue .MobileBg .scrolltracker .scrollButton,
    .chrome .main-time.bg_blue .MobileBg .scrolltracker .scrollButton {
      content: '';
      height: 15px;
      position: relative;
      top: -7px;
      width: 0;
      border: 1px solid #fff; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_blue .MobileBg .scrolltracker .scrollButton,
    .chrome .main-time.bg_blue .MobileBg .scrolltracker .scrollButton {
      content: '';
      height: 15px;
      position: relative;
      top: -7px;
      width: 0;
      border: 1px solid #fff; } }
  @media (max-width: 599px) {
    .safari .main-time.bg_blue .MobileBg .scrolltracker .scrollButton:after,
    .chrome .main-time.bg_blue .MobileBg .scrolltracker .scrollButton:after {
      content: '';
      position: absolute;
      top: -10px;
      bottom: -10px;
      left: -10px;
      right: -10px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_blue .MobileBg .scrolltracker .scrollButton:after,
    .chrome .main-time.bg_blue .MobileBg .scrolltracker .scrollButton:after {
      content: '';
      position: absolute;
      top: -10px;
      bottom: -10px;
      left: -10px;
      right: -10px; } }

.safari .main-time.bg_blue ul.ModalYear li,
.chrome .main-time.bg_blue ul.ModalYear li {
  float: left;
  font-size: 13px;
  list-style-type: none; }
  .safari .main-time.bg_blue ul.ModalYear li:first-child,
  .chrome .main-time.bg_blue ul.ModalYear li:first-child {
    padding-left: 0;
    width: auto; }
  @media (max-width: 599px) {
    .safari .main-time.bg_blue ul.ModalYear li,
    .chrome .main-time.bg_blue ul.ModalYear li {
      line-height: 30px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_blue ul.ModalYear li,
    .chrome .main-time.bg_blue ul.ModalYear li {
      line-height: 30px; } }
  .safari .main-time.bg_blue ul.ModalYear li:last-child,
  .chrome .main-time.bg_blue ul.ModalYear li:last-child {
    float: right; }

@media (max-width: 599px) {
  .safari .main-time.bg_blue ul.ModalYear .hidden-xs-year,
  .chrome .main-time.bg_blue ul.ModalYear .hidden-xs-year {
    display: none; } }

.safari .main-time.bg_blue ul.time_5 li,
.chrome .main-time.bg_blue ul.time_5 li {
  width: 23%;
  text-align: right; }

.safari .main-time.bg_green .close,
.chrome .main-time.bg_green .close {
  background: #282828;
  height: 80px;
  width: 80px;
  right: 0px;
  opacity: 1;
  z-index: 9999999; }

@media (max-width: 599px) {
  .safari .main-time.bg_green .MobileBg,
  .chrome .main-time.bg_green .MobileBg {
    top: -85px;
    z-index: 999999;
    display: none;
    height: 85px;
    left: 0;
    position: fixed;
    width: 100%;
    opacity: 0; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .safari .main-time.bg_green .MobileBg,
  .chrome .main-time.bg_green .MobileBg {
    top: -85px;
    z-index: 999999;
    display: none;
    height: 85px;
    left: 0;
    position: fixed;
    width: 100%;
    opacity: 0; } }

.safari .main-time.bg_green .MobileBg .ModalBottomBar,
.chrome .main-time.bg_green .MobileBg .ModalBottomBar {
  -webkit-animation: inline-paragraph-appear 0.5s;
  animation: inline-paragraph-appear 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 999;
  background: rgba(255, 255, 255, 0.35); }
  @media (max-width: 599px) {
    .safari .main-time.bg_green .MobileBg .ModalBottomBar,
    .chrome .main-time.bg_green .MobileBg .ModalBottomBar {
      background: #00b139;
      padding-left: 31px;
      padding-right: 111px;
      height: inherit;
      margin-top: 0;
      padding-top: 38px;
      width: 100%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_green .MobileBg .ModalBottomBar,
    .chrome .main-time.bg_green .MobileBg .ModalBottomBar {
      background: #00b139;
      padding-left: 5.3%;
      padding-right: 120px;
      height: inherit;
      margin-top: 0;
      padding-top: 38px;
      width: 100%; } }
  .safari .main-time.bg_green .MobileBg .ModalBottomBar .years a,
  .chrome .main-time.bg_green .MobileBg .ModalBottomBar .years a {
    color: #fff; }

.safari .main-time.bg_green .MobileBg .scrolltracker,
.chrome .main-time.bg_green .MobileBg .scrolltracker {
  /*background: rgba(255, 255, 255, 0.1);*/ }
  .safari .main-time.bg_green .MobileBg .scrolltracker .top-bar,
  .chrome .main-time.bg_green .MobileBg .scrolltracker .top-bar {
    background: rgba(255, 255, 255, 0.23); }
    @media (max-width: 599px) {
      .safari .main-time.bg_green .MobileBg .scrolltracker .top-bar,
      .chrome .main-time.bg_green .MobileBg .scrolltracker .top-bar {
        height: 1px;
        width: 100%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari .main-time.bg_green .MobileBg .scrolltracker .top-bar,
      .chrome .main-time.bg_green .MobileBg .scrolltracker .top-bar {
        height: 1px;
        width: 100%; } }
  .safari .main-time.bg_green .MobileBg .scrolltracker .scroll,
  .chrome .main-time.bg_green .MobileBg .scrolltracker .scroll {
    background: #fff; }
    @media (max-width: 599px) {
      .safari .main-time.bg_green .MobileBg .scrolltracker .scroll,
      .chrome .main-time.bg_green .MobileBg .scrolltracker .scroll {
        height: 1px;
        top: -1px;
        box-shadow: none;
        position: relative; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari .main-time.bg_green .MobileBg .scrolltracker .scroll,
      .chrome .main-time.bg_green .MobileBg .scrolltracker .scroll {
        height: 1px;
        top: -1px;
        box-shadow: none;
        position: relative; } }
  @media (max-width: 599px) {
    .safari .main-time.bg_green .MobileBg .scrolltracker,
    .chrome .main-time.bg_green .MobileBg .scrolltracker {
      z-index: 100;
      width: 100%;
      position: relative;
      top: 0;
      left: 0;
      box-sizing: border-box; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_green .MobileBg .scrolltracker,
    .chrome .main-time.bg_green .MobileBg .scrolltracker {
      z-index: 100;
      width: 100%;
      position: relative;
      top: 0;
      left: 0;
      box-sizing: border-box; } }
  @media (max-width: 599px) {
    .safari .main-time.bg_green .MobileBg .scrolltracker .scrollButton,
    .chrome .main-time.bg_green .MobileBg .scrolltracker .scrollButton {
      content: '';
      height: 15px;
      position: relative;
      top: -7px;
      width: 0;
      border: 1px solid #fff; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_green .MobileBg .scrolltracker .scrollButton,
    .chrome .main-time.bg_green .MobileBg .scrolltracker .scrollButton {
      content: '';
      height: 15px;
      position: relative;
      top: -7px;
      width: 0;
      border: 1px solid #fff; } }
  @media (max-width: 599px) {
    .safari .main-time.bg_green .MobileBg .scrolltracker .scrollButton:after,
    .chrome .main-time.bg_green .MobileBg .scrolltracker .scrollButton:after {
      content: '';
      position: absolute;
      top: -10px;
      bottom: -10px;
      left: -10px;
      right: -10px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_green .MobileBg .scrolltracker .scrollButton:after,
    .chrome .main-time.bg_green .MobileBg .scrolltracker .scrollButton:after {
      content: '';
      position: absolute;
      top: -10px;
      bottom: -10px;
      left: -10px;
      right: -10px; } }

.safari .main-time.bg_green ul.ModalYear li,
.chrome .main-time.bg_green ul.ModalYear li {
  float: left;
  font-size: 13px;
  list-style-type: none; }
  .safari .main-time.bg_green ul.ModalYear li:first-child,
  .chrome .main-time.bg_green ul.ModalYear li:first-child {
    padding-left: 0;
    width: auto; }
  @media (max-width: 599px) {
    .safari .main-time.bg_green ul.ModalYear li,
    .chrome .main-time.bg_green ul.ModalYear li {
      line-height: 30px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .safari .main-time.bg_green ul.ModalYear li,
    .chrome .main-time.bg_green ul.ModalYear li {
      line-height: 30px; } }
  .safari .main-time.bg_green ul.ModalYear li:last-child,
  .chrome .main-time.bg_green ul.ModalYear li:last-child {
    float: right; }

@media (max-width: 599px) {
  .safari .main-time.bg_green ul.ModalYear .hidden-xs-year,
  .chrome .main-time.bg_green ul.ModalYear .hidden-xs-year {
    display: none; } }

.safari .main-time.bg_green ul.time_5 li,
.chrome .main-time.bg_green ul.time_5 li {
  width: 23%;
  text-align: right; }

@media (min-width: 1280px) {
  .main-time .TimelineModule .author-details {
    top: auto;
    float: right; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .author-details a {
    color: #282828; } }

/* fix for timeline overlay shifting to right  */
.search-cards .main-time.activated .TimelineModule {
  left: 0; }

@media (min-width: 1280px) {
  .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .Timelinehead.PoppedOut:first-child .TimlinePopContent .border-line-tout.overlay-borderline {
    width: 92%; } }

@media (max-width: 599px) {
  .timeline-card-wrapper .main-time .page-right {
    opacity: 1 !important; } }

@media (max-width: 599px) {
  html:lang(de) .TimelineModule .quote-container .quote-mark-open {
    margin-bottom: 15px; } }

@media (min-width: 1280px) {
  .ie11 .timeline-card-wrapper .main-time.activated {
    position: fixed; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .ie11 .timeline-card-wrapper .main-time.activated {
    position: fixed; } }

.ie11 .time-out {
  width: calc(100% - 29px);
  height: 100%;
  padding: 0;
  top: 0px; }

.main-time .page-right .ModalScroll .Timelinehead.PoppedOut.static-content {
  padding-top: 0px; }

@media (min-width: 1280px) {
  .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.timeline-pullquote {
    margin-left: 38px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .ie11 .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.timeline-pullquote {
    margin-left: 33px; } }

.main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_blue .author-details a:focus, .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_red .author-details a:focus, .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_green .author-details a:focus {
  border-bottom: 1px solid #282828 !important; }
  @media (min-width: 1280px) {
    .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_blue .author-details a:focus, .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_red .author-details a:focus, .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_green .author-details a:focus {
      border-bottom: 1px solid #ffffff !important; } }

.main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block.bg_yellow .author-details a:focus {
  border-bottom: 1px solid #282828 !important; }

.primer-module-component .timeline-card-wrapper .main-time.activated .TimelineModule {
  left: 0; }

@media (min-width: 1800px) {
  .primer-module-component {
    clear: both;
    display: block; } }

@media (min-width: 1800px) {
  .primer-module.block-align-left,
  .primer-module.block-align-right {
    padding: 0; } }

body.rtl-lang .primer-module.block-align-left .color-section h2 {
  text-align: right; }

.primer-module-component {
  float: left;
  margin-left: 4%;
  margin-right: 4%;
  width: 92%; }

.primer-module {
  /* left side style */
  /* right side style */ }
  .primer-module.block-align-left .color-section {
    float: left;
    height: 46px;
    width: 46px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .primer-module.block-align-left .color-section {
        height: 234px;
        width: 234px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .primer-module.block-align-left .color-section {
        height: 256px;
        width: 256px; } }
    @media (min-width: 1280px) {
      .primer-module.block-align-left .color-section {
        height: 360px;
        width: 360px; } }
    .primer-module.block-align-left .color-section .color-section-mob {
      height: 46px;
      width: 46px; }
    .primer-module.block-align-left .color-section h2 {
      font-weight: normal;
      position: absolute; }
      @media (max-width: 599px) {
        .primer-module.block-align-left .color-section h2 {
          bottom: 15px;
          padding-left: 22px;
          position: absolute;
          color: black;
          -webkit-transform: rotate(270deg);
          -moz-transform: rotate(270deg);
          -ms-transform: rotate(270deg);
          transform: rotate(270deg);
          width: 550px;
          top: 320px;
          left: -270px;
          color: #282828;
          font-size: 24px;
          line-height: 30px;
          text-align: right; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .primer-module.block-align-left .color-section h2 {
          font-size: 24px;
          line-height: 30px;
          bottom: 11px;
          padding-left: 22px;
          padding-right: 19px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .primer-module.block-align-left .color-section h2 {
          font-size: 26px;
          line-height: 1.15;
          text-align: left;
          bottom: 11px;
          padding: 0 21px; } }
      @media (min-width: 1280px) {
        .primer-module.block-align-left .color-section h2 {
          font-size: 30px;
          line-height: 34px;
          text-align: left;
          bottom: 20px;
          padding-left: 30px;
          padding-right: 60px; } }
  .primer-module.block-align-left .primer-module-image {
    padding-left: 16px;
    padding-right: 16px;
    width: 80%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .primer-module.block-align-left .primer-module-image {
        padding-left: 24px;
        padding-right: 0px;
        width: 69.5%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .primer-module.block-align-left .primer-module-image {
        padding-left: 21px;
        padding-right: 0px;
        width: 75%; } }
    @media (min-width: 1280px) {
      .primer-module.block-align-left .primer-module-image {
        padding-left: 30px;
        padding-right: 0px;
        width: 75%; } }
    .primer-module.block-align-left .primer-module-image > img {
      object-fit: cover; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .primer-module.block-align-right {
      width: 100%; } }
  @media (min-width: 1280px) {
    .primer-module.block-align-right {
      width: 100%; } }
  .primer-module.block-align-right .color-section {
    float: right;
    width: 46px;
    height: 46px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .primer-module.block-align-right .color-section {
        height: 234px;
        width: 234px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .primer-module.block-align-right .color-section {
        height: 256px;
        width: 256px; } }
    @media (min-width: 1280px) {
      .primer-module.block-align-right .color-section {
        height: 360px;
        width: 360px; } }
    .primer-module.block-align-right .color-section .color-section-mob {
      height: 46px;
      width: 46px; }
    .primer-module.block-align-right .color-section h2 {
      font-weight: normal;
      position: absolute; }
      @media (max-width: 599px) {
        .primer-module.block-align-right .color-section h2 {
          bottom: 15px;
          padding-left: 22px;
          position: absolute;
          color: black;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg);
          width: 525px;
          top: 286px;
          left: -240px;
          color: #282828;
          font-size: 24px;
          line-height: 1.15px;
          text-align: left; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .primer-module.block-align-right .color-section h2 {
          font-size: 24px;
          line-height: 30px;
          bottom: 11px;
          padding-left: 22px;
          padding-right: 19px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .primer-module.block-align-right .color-section h2 {
          font-size: 26px;
          line-height: 1.15;
          text-align: left;
          bottom: 11px;
          padding: 0 21px; } }
      @media (min-width: 1280px) {
        .primer-module.block-align-right .color-section h2 {
          font-size: 30px;
          line-height: 34px;
          text-align: left;
          bottom: 20px;
          padding-left: 30px;
          padding-right: 60px; } }
  .primer-module.block-align-right .primer-module-image {
    padding-right: 16px;
    width: 80%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .primer-module.block-align-right .primer-module-image {
        padding-right: 24px;
        width: 69.5%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .primer-module.block-align-right .primer-module-image {
        padding-right: 21px;
        width: 75%; } }
    @media (min-width: 1280px) {
      .primer-module.block-align-right .primer-module-image {
        padding-right: 30px;
        width: 75%; } }
    .primer-module.block-align-right .primer-module-image > img {
      object-fit: cover; }

.primer-module-paragraph {
  /* left side style */
  /* right side style */ }
  .primer-module-paragraph.block-align-left {
    margin-top: 20px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .primer-module-paragraph.block-align-left {
        margin-top: 20px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .primer-module-paragraph.block-align-left {
        margin-top: 20px;
        padding: 0px; } }
    @media (min-width: 1280px) {
      .primer-module-paragraph.block-align-left {
        padding: 0px;
        margin-top: 20px;
        margin-right: 0px; } }
    .primer-module-paragraph.block-align-left .paragraph-section {
      padding-left: 16px;
      padding-right: 16px;
      float: right; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .primer-module-paragraph.block-align-left .paragraph-section {
          padding-left: 21px;
          padding-right: 0px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .primer-module-paragraph.block-align-left .paragraph-section {
          padding-left: 21px;
          padding-right: 0px; } }
      @media (min-width: 1280px) {
        .primer-module-paragraph.block-align-left .paragraph-section {
          padding-left: 0px;
          padding-right: 0px;
          position: relative; } }
      .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .paragraph {
        color: #282828;
        font-size: 18px;
        line-height: 1.44;
        margin-bottom: 40px;
        text-align: left; }
        .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .paragraph p {
          margin: 0; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .paragraph {
            font-size: 20px;
            line-height: 1.4;
            margin-bottom: 40px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .paragraph {
            font-size: 22px;
            line-height: 1.36;
            margin-bottom: 40px; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .paragraph {
            font-size: 22px;
            /*    height: 340px; */
            height: auto;
            line-height: 1.36;
            padding-top: 15px;
            margin-bottom: 40px; } }
      @media (min-width: 1280px) {
        .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .clickable-text {
          margin-bottom: 20px;
          position: absolute;
          bottom: 0;
          width: 100%; } }
      .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .clickable-text .company-text {
        font-size: 16px;
        height: 22px;
        line-height: 1.38;
        text-align: left;
        display: inline-block; }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .clickable-text .company-text {
            font-size: 18px;
            line-height: 1.22;
            width: 90%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .clickable-text .company-text {
            width: 95%; } }
        @media (max-width: 599px) {
          .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .clickable-text .company-text {
            width: 90%; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .clickable-text .company-text {
            width: 95%; } }
      .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .clickable-text .arrow {
        float: right;
        height: 10px;
        margin-top: 5px;
        width: 20px;
        overflow: hidden; }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-left .paragraph-section .paragraph-wrapper .clickable-text .arrow {
            /*   position: absolute;
                            bottom: 20px; */
            right: 0;
            background: none;
            width: 20px;
            overflow: hidden; } }
      .primer-module-paragraph.block-align-left .paragraph-section .endline {
        float: left;
        width: 100%;
        border-top: solid 1px rgba(40, 40, 40, 0.5); }
        @media (max-width: 599px) {
          .primer-module-paragraph.block-align-left .paragraph-section .endline {
            margin-top: 20px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .primer-module-paragraph.block-align-left .paragraph-section .endline {
            margin-top: 20px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .primer-module-paragraph.block-align-left .paragraph-section .endline {
            margin-top: 20px; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-left .paragraph-section .endline {
            margin-top: 15px; } }
    .primer-module-paragraph.block-align-left .packagecards {
      padding-right: 16px;
      padding-left: 16px;
      float: right; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .primer-module-paragraph.block-align-left .packagecards {
          padding-left: 21px;
          padding-right: 0px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .primer-module-paragraph.block-align-left .packagecards {
          padding-left: 21px;
          padding-right: 0px; } }
      @media (min-width: 1280px) {
        .primer-module-paragraph.block-align-left .packagecards {
          float: left;
          padding-left: 0px;
          padding-right: 0px; } }
      .primer-module-paragraph.block-align-left .packagecards .topic-package-card {
        cursor: pointer;
        /**css for fixing cards**/
        /**ends here**/ }
        .primer-module-paragraph.block-align-left .packagecards .topic-package-card .row {
          position: relative; }
        @media (max-width: 599px) {
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card {
            margin-top: 20px;
            width: 100%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card {
            margin-top: 24px;
            width: 100%; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card {
            margin-top: 20px;
            width: 100%; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card {
            margin-top: 0px;
            padding-right: 30px; } }
        .primer-module-paragraph.block-align-left .packagecards .topic-package-card .image {
          width: 29.3%;
          min-width: 20.8%; }
          @media (max-width: 599px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card .image {
              height: 50px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card .image {
              width: 30%;
              min-width: 16.8%; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card .image {
              width: 25%; } }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card .image {
              width: 100%; } }
          @media (max-width: 599px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card .image > img {
              height: 100%; } }
        .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .top-bar {
          height: 6px;
          width: 100%; }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .top-bar {
              height: 10px; } }
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .top-bar.bg_red {
            background: linear-gradient(to bottom, #de4649 0%, #de4649 100%, white 0%, white 100%); }
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .top-bar.bg_blue {
            background: linear-gradient(to bottom, #0182d2 0%, #0182d2 100%, white 0%, white 100%); }
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .top-bar.bg_green {
            background: linear-gradient(to bottom, #00b139 0%, #00b139 100%, white 0%, white 100%); }
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .top-bar.bg_yellow {
            background: linear-gradient(to bottom, #ffce04 0%, #ffce04 100%, white 0%, white 100%); }
        .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta {
          background-color: #f2f2f2;
          height: 126px; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta {
              height: 108px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta {
              height: 100px;
              width: 100%; } }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta {
              height: 305px;
              width: 100%; } }
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-toptext {
            color: #282828;
            font-size: 15px;
            padding: 20px 15px 20px 31px;
            text-align: left; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-toptext {
                font-size: 15px;
                line-height: 1.47;
                padding: 20px 21px 12px 33px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-toptext {
                font-size: 22px;
                line-height: 1.47;
                padding: 20px 21px 12px 64px;
                width: 60%; } }
            @media (min-width: 1280px) {
              .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-toptext {
                font-size: 22px;
                line-height: 1.18;
                padding: 39px 17.6px 160px 28px; } }
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
              display: inline-block; }
              @media (min-width: 600px) and (max-width: 1039px) {
                .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
                  height: 9px;
                  margin-right: 22px;
                  width: 9px; } }
              @media (min-width: 1040px) and (max-width: 1279px) {
                .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
                  height: 12px;
                  margin-right: 22px;
                  width: 12px; } }
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-bottomtext {
            color: #282828;
            font-size: 13px;
            line-height: 1.69;
            text-align: left;
            padding: 0px 106px 30px 31px; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-bottomtext {
                font-size: 13px;
                line-height: 1.69;
                margin-left: 0px;
                padding: 0px 21px 30px 70px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-bottomtext {
                font-size: 16px;
                line-height: 1.38;
                display: block;
                float: left;
                width: 40%;
                position: static;
                padding-top: 20px; } }
            @media (min-width: 1280px) {
              .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-bottomtext {
                font-size: 18px;
                line-height: 1.22;
                position: absolute;
                bottom: 20px;
                padding: 0px 0px 0px 34px;
                width: 80%; } }
            @media (min-width: 1280px) {
              .primer-module-paragraph.block-align-left .packagecards .topic-package-card.cta-card .cta .cta-card-bottomtext .arrowsmall {
                height: 50px;
                left: 100%;
                top: 30%;
                position: absolute;
                width: 20px;
                overflow: hidden; } }
        .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption {
          width: 69%; }
          @media (max-width: 599px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption {
              margin-top: -5px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption {
              width: 70%; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption {
              padding-left: 21px;
              padding-top: 0px;
              margin-top: -5px;
              width: 62%; } }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption {
              height: auto;
              padding-bottom: 20px;
              width: 100%; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption h4 {
              padding-top: 0px; } }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption .caption-text {
              margin-bottom: 15px; } }
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption .caption-date {
            /*@include desktop {
                            position: absolute;
                            bottom: 20px;
                        }*/ }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption .caption-date {
                position: relative;
                bottom: 0;
                margin-top: 35px;
                padding-top: 0px; } }
            @media (min-width: 1280px) {
              .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption .caption-date {
                /*margin-bottom: 10px;*/
                position: absolute;
                bottom: 5px;
                margin-top: 10px;
                padding-top: 0px; } }
            @media (min-width: 600px) and (max-width: 1039px) {
              .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption .caption-date {
                position: relative;
                bottom: 0;
                margin-top: 20px;
                padding-top: 0px; } }
            @media (max-width: 599px) {
              .primer-module-paragraph.block-align-left .packagecards .topic-package-card .caption .caption-date {
                position: relative;
                bottom: 0;
                margin-top: 20px;
                padding-top: 0px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card .card-endline {
            width: 100%; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card .card-endline {
            width: 100%; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card .card-endline {
            width: 91%;
            position: absolute;
            bottom: -15px;
            margin-top: 36px; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card {
            position: relative; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card .row {
            position: static; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card .row .caption {
            position: static; } }
        @media (max-width: 599px) {
          .primer-module-paragraph.block-align-left .packagecards .topic-package-card .trigger-overlay .caption-date {
            margin-top: 4px; } }
  .primer-module-paragraph.block-align-right {
    margin-top: 20px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .primer-module-paragraph.block-align-right {
        margin-top: 20px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .primer-module-paragraph.block-align-right {
        margin-top: 20px;
        width: 100%; } }
    @media (min-width: 1280px) {
      .primer-module-paragraph.block-align-right {
        margin-top: 20px;
        width: 100%; } }
    .primer-module-paragraph.block-align-right .paragraph-section {
      margin-left: 0px;
      padding-right: 15px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .primer-module-paragraph.block-align-right .paragraph-section {
          padding-right: 24px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .primer-module-paragraph.block-align-right .paragraph-section {
          padding-right: 21px; } }
      @media (min-width: 1280px) {
        .primer-module-paragraph.block-align-right .paragraph-section {
          padding-right: 0px;
          position: static;
          position: relative; } }
      .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper {
        /*.paragraph-wrapper{
                    @include desktop{
                        position: relative;
                    }*/
        /*}*/ }
        @media (max-width: 599px) {
          .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper {
            margin-left: 3px; } }
        .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .paragraph {
          color: #282828;
          font-size: 18px;
          line-height: 1.44;
          margin-bottom: 30px;
          text-align: left; }
          .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .paragraph p {
            margin: 0; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .paragraph {
              font-size: 20px;
              margin-bottom: 30px;
              line-height: 1.4; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .paragraph {
              font-size: 22px;
              margin-bottom: 30px;
              line-height: 1.36; } }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .paragraph {
              font-size: 22px;
              /*height: 340px; */
              height: auto;
              line-height: 1.36;
              margin-bottom: 10px;
              padding-top: 15px; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .clickable-text {
            margin-bottom: 20px;
            position: absolute;
            bottom: 0;
            width: 100%; } }
        .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .clickable-text .company-text {
          font-size: 16px;
          line-height: 1.38;
          text-align: left; }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .clickable-text .company-text {
              font-size: 18px;
              line-height: 1.22;
              position: absolute;
              /*bottom: 20px;*/
              width: 100%; } }
        .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .clickable-text .arrow {
          overflow: hidden;
          float: right;
          height: 10px;
          margin-top: 5px;
          width: 20px; }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .clickable-text .arrow {
              /*     position: absolute;
                            bottom: 25px; */
              right: 0;
              background: none;
              width: 20px;
              overflow: hidden; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-right .paragraph-section .paragraph-wrapper .clickable-text {
            /*  margin-top: -10px; */ } }
      .primer-module-paragraph.block-align-right .paragraph-section .endline {
        margin-top: 20px;
        float: left;
        width: 100%;
        border-top: solid 1px rgba(40, 40, 40, 0.5); }
        @media (min-width: 600px) and (max-width: 1039px) {
          .primer-module-paragraph.block-align-right .paragraph-section .endline {
            margin-top: 20px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .primer-module-paragraph.block-align-right .paragraph-section .endline {
            margin-top: 20px; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-right .paragraph-section .endline {
            margin-top: 15px;
            position: absolute;
            /* bottom: 0; */ } }
    .primer-module-paragraph.block-align-right .packagecards {
      padding-right: 15px;
      margin-left: 0px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .primer-module-paragraph.block-align-right .packagecards {
          padding-right: 21px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .primer-module-paragraph.block-align-right .packagecards {
          padding-right: 21px; } }
      @media (min-width: 1280px) {
        .primer-module-paragraph.block-align-right .packagecards {
          float: right;
          padding-right: 0px;
          padding-left: 0px; } }
      .primer-module-paragraph.block-align-right .packagecards .topic-package-card {
        cursor: pointer;
        /**css for fixing cards**/
        /**ends here**/ }
        .primer-module-paragraph.block-align-right .packagecards .topic-package-card .row {
          position: relative; }
        @media (max-width: 599px) {
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card {
            margin-top: 20px;
            width: 100%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card {
            margin-top: 24px;
            width: 100%; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card {
            margin-top: 20px;
            width: 100%; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card {
            margin-top: 0px;
            padding-left: 30px; } }
        .primer-module-paragraph.block-align-right .packagecards .topic-package-card .image {
          width: 29.3%;
          min-width: 20.8%; }
          @media (max-width: 599px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card .image {
              height: 50px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card .image {
              width: 30%;
              min-width: 16.8%; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card .image {
              width: 25%; } }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card .image {
              width: 100%; } }
          @media (max-width: 599px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card .image > img {
              height: 100%; } }
        .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .top-bar {
          height: 6px;
          width: 100%; }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .top-bar {
              height: 10px; } }
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .top-bar.bg_red {
            background: linear-gradient(to bottom, #de4649 0%, #de4649 100%, white 0%, white 100%); }
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .top-bar.bg_blue {
            background: linear-gradient(to bottom, #0182d2 0%, #0182d2 100%, white 0%, white 100%); }
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .top-bar.bg_green {
            background: linear-gradient(to bottom, #00b139 0%, #00b139 100%, white 0%, white 100%); }
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .top-bar.bg_yellow {
            background: linear-gradient(to bottom, #ffce04 0%, #ffce04 100%, white 0%, white 100%); }
        .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta {
          background-color: #f2f2f2;
          height: 126px; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta {
              height: 108px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta {
              height: 100px;
              width: 100%; } }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta {
              height: 305px;
              width: 100%; } }
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-toptext {
            color: #282828;
            font-size: 15px;
            padding: 20px 15px 20px 31px;
            text-align: left; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-toptext {
                font-size: 15px;
                line-height: 1.47;
                padding: 20px 21px 12px 33px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-toptext {
                font-size: 22px;
                line-height: 1.18;
                padding: 20px 21px 12px 64px;
                width: 60%; } }
            @media (min-width: 1280px) {
              .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-toptext {
                font-size: 22px;
                line-height: 1.18;
                padding: 39px 17.6px 160px 28px; } }
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
              display: inline-block; }
              @media (min-width: 600px) and (max-width: 1039px) {
                .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
                  height: 9px;
                  margin-right: 22px;
                  width: 9px; } }
              @media (min-width: 1040px) and (max-width: 1279px) {
                .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-toptext .red-square {
                  height: 12px;
                  margin-right: 22px;
                  width: 12px; } }
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-bottomtext {
            color: #282828;
            font-size: 13px;
            line-height: 1.69;
            text-align: left;
            padding: 0px 106px 30px 31px; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-bottomtext {
                font-size: 13px;
                line-height: 1.69;
                margin-left: 34px;
                padding: 0px 21px 30px 64px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-bottomtext {
                font-size: 16px;
                line-height: 1.38;
                position: absolute;
                top: 25px;
                left: 12%;
                text-align: right; } }
            @media (min-width: 1280px) {
              .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-bottomtext {
                font-size: 18px;
                line-height: 1.22;
                position: absolute;
                bottom: 20px;
                padding: 0px 0px 0px 34px;
                width: 80%; } }
            @media (min-width: 1280px) {
              .primer-module-paragraph.block-align-right .packagecards .topic-package-card.cta-card .cta .cta-card-bottomtext .arrowsmall {
                height: 50px;
                left: 100%;
                top: 50%;
                position: absolute;
                width: 20px;
                overflow: hidden; } }
        .primer-module-paragraph.block-align-right .packagecards .topic-package-card .caption {
          width: 69%; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card .caption {
              width: 70%; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card .caption {
              padding-left: 21px;
              padding-top: 0px;
              margin-top: -5px;
              width: 62%; } }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card .caption {
              height: auto;
              padding-bottom: 20px;
              width: 100%; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card .caption h4 {
              padding-top: 0px; } }
          @media (min-width: 1280px) {
            .primer-module-paragraph.block-align-right .packagecards .topic-package-card .caption .caption-text {
              margin-bottom: 15px; } }
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card .caption .caption-date {
            /*@include desktop {
                            position: absolute;
                            bottom: 20px;
                        }*/ }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .primer-module-paragraph.block-align-right .packagecards .topic-package-card .caption .caption-date {
                position: relative;
                bottom: 0;
                margin-top: 35px;
                padding-top: 0px; } }
            @media (min-width: 1280px) {
              .primer-module-paragraph.block-align-right .packagecards .topic-package-card .caption .caption-date {
                /*margin-bottom: 10px;*/
                position: absolute;
                bottom: 5px;
                margin-top: 10px;
                padding-top: 0px; } }
            @media (min-width: 600px) and (max-width: 1039px) {
              .primer-module-paragraph.block-align-right .packagecards .topic-package-card .caption .caption-date {
                position: relative;
                bottom: 0;
                margin-top: 20px;
                padding-top: 0px; } }
            @media (max-width: 599px) {
              .primer-module-paragraph.block-align-right .packagecards .topic-package-card .caption .caption-date {
                position: relative;
                bottom: 0;
                margin-top: 20px;
                padding-top: 0px; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card {
            position: relative; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card .row {
            position: static; } }
        @media (min-width: 1280px) {
          .primer-module-paragraph.block-align-right .packagecards .topic-package-card .row .caption {
            position: static; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .primer-module-paragraph.block-align-right .packagecards .card-endline {
          width: 100%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .primer-module-paragraph.block-align-right .packagecards .card-endline {
          width: 100%; } }
      @media (min-width: 1280px) {
        .primer-module-paragraph.block-align-right .packagecards .card-endline {
          width: 91%;
          position: absolute;
          bottom: -15px;
          margin-top: 36px; } }

.feedpage-filter-block {
  position: relative; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-filter-block {
      margin-top: 30px; } }
  .feedpage-filter-block .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 1800px;
    z-index: 100;
    height: 72px;
    padding-bottom: 10px;
    padding-top: 20px;
    background-color: #fff;
    box-shadow: 0 0px 60px 0 rgba(0, 0, 0, 0.1); }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .sticky {
        padding: 30px 44px 50px 41px !important; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .feedpage-filter-block .sticky {
        padding: 30px 60px 50px 59px !important; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .sticky .filter-title {
        width: 14%;
        float: left;
        padding-bottom: 20px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .sticky .filter-options {
        width: 72% !important;
        height: 21px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .sticky .filter-click {
        padding: 2px 0px 20px 0px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .sticky .filter-click .title-key {
        font-size: 15px;
        padding-top: 3px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .sticky .drop-icon {
        padding-right: 28px;
        background-position: right 9px;
        padding-top: 2px; } }
    .feedpage-filter-block .sticky.filter-block .filteralign .filter-box .filter-click {
      padding: 0px 20px 20px 0px !important;
      /*margin-right: 28px !important;*/ }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .feedpage-filter-block .sticky.filter-block .filteralign .filter-box.sticky-right {
        /*width:auto !important;*/ } }
    .feedpage-filter-block .sticky.filter-block .filteralign .filter-box.sticky-right .dropdown-filter {
      /*position: relative !important;
								z-index: 2;
								width: auto;
								padding-right: 20px !important;*/ }
    .feedpage-filter-block .sticky.filter-block .filteralign .filter-box .dropdown-filter {
      /*position: relative !important;
							z-index: 2;
							width: auto;
							padding-right: 20px !important;*/ }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .sticky.filter-block .filteralign {
        margin: 0 auto;
        display: flex;
        justify-content: center; } }
    .feedpage-filter-block .sticky.filter-block .sorting-dropdown {
      /*margin-top: 0px !important;*/ }
  @media (max-width: 599px) {
    .feedpage-filter-block {
      margin-bottom: 30px; } }
  .feedpage-filter-block .filter-block {
    padding: 0px 34px 0px 31px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .filter-block {
        padding: 0px 44px 0px 41px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .feedpage-filter-block .filter-block {
        padding: 0px 51px 0px 42px; } }
    @media (min-width: 1280px) {
      .feedpage-filter-block .filter-block {
        padding: 0px 60px 0px 59px; } }
    .feedpage-filter-block .filter-block.sticky {
      padding-top: 20px;
      /** newly added margin top for 4th filter starts **/
      margin-top: 90px;
      /** newly added margin top for 4th filter ends **/ }
    .feedpage-filter-block .filter-block .filter-title {
      font-size: 18px;
      line-height: 1.22;
      text-align: left;
      color: #282828;
      margin-top: 0px;
      /* to make filter more user friendly in mobile */ }
      @media (min-width: 600px) and (max-width: 1039px) {
        .feedpage-filter-block .filter-block .filter-title {
          padding-bottom: 20px;
          margin-right: 0 !important;
          background: url(../images/icon/arrow-country.png) no-repeat;
          background-position: right 5px;
          background-size: 12px;
          width: auto;
          float: left;
          padding-right: 25px;
          max-width: 50%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .feedpage-filter-block .filter-block .filter-title {
          margin-right: 0 !important; } }
      @media (max-width: 599px) {
        .feedpage-filter-block .filter-block .filter-title {
          padding-bottom: 20px;
          /* to make filter more user friendly in mobile */
          cursor: pointer;
          background: url(../images/icon/arrow-country.png) no-repeat;
          background-position: right 5px;
          background-size: 12px;
          width: auto;
          float: left;
          padding-right: 25px;
          max-width: 50%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .feedpage-filter-block .filter-block .filter-title {
          width: 12%;
          float: left;
          margin-right: 20px; } }
      @media (min-width: 1280px) {
        .feedpage-filter-block .filter-block .filter-title {
          width: 13%;
          float: left;
          margin-right: 30px; } }
      @media (max-width: 599px) {
        .feedpage-filter-block .filter-block .filter-title.filters-open {
          background: url(../images/icon/close_btn.png) no-repeat;
          background-position: right 5px;
          background-size: 12px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .feedpage-filter-block .filter-block .filter-title.filters-open {
          background: url(../images/icon/close_btn.png) no-repeat;
          background-position: right 5px;
          background-size: 12px; } }
    .feedpage-filter-block .filter-block .filter-options {
      float: left;
      width: 64%; }
      @media (max-width: 599px) {
        .feedpage-filter-block .filter-block .filter-options {
          /* to make filter more user friendly in mobile */
          margin-top: 15px;
          display: none;
          width: 100% !important; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .feedpage-filter-block .filter-block .filter-options {
          clear: both;
          width: 50% !important;
          /* to make filter more user friendly in tablet */
          display: none;
          padding-right: 15px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .feedpage-filter-block .filter-block .filter-options {
          width: 78%;
          /* height is given for a trail test to avoid jumping  - ashraf */
          height: 21px; } }
      @media (min-width: 1280px) {
        .feedpage-filter-block .filter-block .filter-options {
          width: 77%;
          /* height is given for a trail test to avoid jumping  - ashraf */
          height: 60px; } }
      .feedpage-filter-block .filter-block .filter-options .filter-border {
        opacity: 0.5;
        border-bottom: 1px solid #282828; }
      .feedpage-filter-block .filter-block .filter-options .filteralign {
        position: relative; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .feedpage-filter-block .filter-block .filter-options .filteralign {
            margin: 0 auto;
            display: flex;
            justify-content: center; } }
        @media (min-width: 1280px) {
          .feedpage-filter-block .filter-block .filter-options .filteralign {
            margin: 0 auto;
            display: flex;
            justify-content: center; } }
      .feedpage-filter-block .filter-block .filter-options .sorting-title {
        float: left;
        margin-top: -45px;
        font-size: 18px;
        cursor: pointer;
        background: url(../images/icon/arrow-country.png) no-repeat;
        background-position: right 8px;
        background-size: 12px;
        width: 22%; }
    .feedpage-filter-block .filter-block .sorting-dropdown {
      font-size: 13px;
      line-height: 1.69;
      margin-top: 0px;
      text-align: left;
      color: #282828;
      float: right;
      /*height is for testing the jump issue - ashraf*/
      height: 21px; }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .feedpage-filter-block .filter-block .sorting-dropdown {
          font-size: 16px;
          line-height: 1.38;
          float: right;
          margin-right: 0;
          padding-left: 0;
          width: 10%; } }
      @media (min-width: 1280px) {
        .feedpage-filter-block .filter-block .sorting-dropdown {
          font-size: 16px;
          line-height: 1.38;
          float: right;
          margin-right: 0;
          width: 7%; } }
      @media (max-width: 599px) {
        .feedpage-filter-block .filter-block .sorting-dropdown {
          width: 48%;
          float: right;
          height: auto;
          word-break: break-word;
          height: auto;
          padding-left: 15px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .feedpage-filter-block .filter-block .sorting-dropdown {
          height: auto; } }
      @media (max-width: 599px) {
        .feedpage-filter-block .filter-block .sorting-dropdown .drop-icon {
          background-position: right 5px; } }
      .feedpage-filter-block .filter-block .sorting-dropdown .title-sort {
        cursor: pointer; }
        @media (max-width: 599px) {
          .feedpage-filter-block .filter-block .sorting-dropdown .title-sort {
            display: none; } }
        @media (max-width: 599px) {
          .feedpage-filter-block .filter-block .sorting-dropdown .title-sort.initial-hide {
            display: none !important; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .feedpage-filter-block .filter-block .sorting-dropdown .title-sort.initial-hide {
            display: none !important; } }
        .feedpage-filter-block .filter-block .sorting-dropdown .title-sort.active {
          color: #de4649;
          word-break: break-word; }
      @media (max-width: 599px) {
        .feedpage-filter-block .filter-block .sorting-dropdown .sorting-title {
          font-size: 18px;
          line-height: 1.22;
          background: url(../images/icon/arrow-country.png) no-repeat;
          background-position: right 5px;
          background-size: 12px;
          float: left;
          padding-right: 25px;
          width: auto; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .feedpage-filter-block .filter-block .sorting-dropdown .sorting-title {
          font-size: 18px;
          line-height: 1.22;
          background: url(../images/icon/arrow-country.png) no-repeat;
          background-position: right 5px;
          background-size: 12px;
          float: left;
          padding-right: 25px;
          width: auto; } }
      @media (max-width: 599px) {
        .feedpage-filter-block .filter-block .sorting-dropdown .sorting-title.sort-open {
          background: url(../images/icon/close_btn.png) no-repeat;
          background-position: right 5px;
          background-size: 12px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .feedpage-filter-block .filter-block .sorting-dropdown .sorting-title.sort-open {
          background: url(../images/icon/close_btn.png) no-repeat;
          background-position: right 5px;
          background-size: 12px; } }
      .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter {
        display: none;
        box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.2);
        position: absolute;
        z-index: 2;
        width: 100%;
        background-color: #ffffff;
        padding-top: 24px;
        cursor: pointer;
        top: -23px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter {
            width: 100%;
            box-shadow: none;
            margin-top: 35px;
            background-color: transparent; } }
        @media (max-width: 599px) {
          .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter {
            width: 100%;
            box-shadow: none;
            margin-top: 35px;
            background-color: transparent;
            position: unset; } }
        .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter li {
          margin-bottom: 29px; }
          .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter li.select {
            margin: 0; }
          .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter li:hover {
            color: #de4649;
            cursor: pointer; }
          .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter li:last-child {
            margin-bottom: 23px; }
          .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter li.active-li {
            color: #de4649;
            opacity: 1; }
          @media (max-width: 599px) {
            .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter li {
              opacity: 0.5;
              border-bottom: 1px solid #282828;
              line-height: 1.47;
              text-align: left;
              font-size: 15px;
              margin: 20px 0;
              padding: 0 0 20px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter li {
              opacity: 0.5;
              border-bottom: 1px solid #282828;
              line-height: 1.47;
              text-align: left;
              font-size: 15px;
              margin: 35px 0;
              padding: 0 0 20px; } }
      .feedpage-filter-block .filter-block .sorting-dropdown select.sorting-filter {
        opacity: 0;
        top: 0px;
        position: absolute;
        padding: 22px 0px; }
        @media (max-width: 599px) {
          .feedpage-filter-block .filter-block .sorting-dropdown select.sorting-filter {
            padding: 0;
            margin: 0px;
            top: 30px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .feedpage-filter-block .filter-block .sorting-dropdown select.sorting-filter {
            top: 30px;
            padding: 0px; } }
        .feedpage-filter-block .filter-block .sorting-dropdown select.sorting-filter.active-li {
          color: #de4649; }
    .feedpage-filter-block .filter-block .sorting-dropdown-list {
      background-color: #ffffff;
      box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.2);
      padding: 0px 34px 32px 0px;
      margin: 0;
      position: relative;
      z-index: 1; }
      @media (max-width: 599px) {
        .feedpage-filter-block .filter-block .sorting-dropdown-list {
          background-color: #ffffff;
          box-shadow: none;
          padding: 0;
          margin: 0;
          position: static;
          z-index: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .feedpage-filter-block .filter-block .sorting-dropdown-list {
          padding: 0px 88px 32px 0px;
          background-color: #ffffff;
          box-shadow: none;
          padding: 0;
          margin: 0;
          position: static;
          z-index: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .feedpage-filter-block .filter-block .sorting-dropdown-list {
          padding: 0px 199px 19px 0px;
          margin: -40px 0px -28px -20px; } }
      @media (min-width: 1280px) {
        .feedpage-filter-block .filter-block .sorting-dropdown-list {
          padding: 0px 206px 19px 0px;
          margin: -42px -22px -30px -31px;
          box-shadow: none; } }
    .feedpage-filter-block .filter-block.affix .filter-options .filter-box .filter-click .title-key {
      color: #de4649;
      font-size: 15px;
      opacity: 1; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .feedpage-filter-block .filter-block.affix .filter-options .filter-box .filter-click .title-key {
          font-size: 18px; } }
  .feedpage-filter-block .filter-box {
    font-size: 15px;
    line-height: 1.47;
    text-align: left;
    color: #282828; }
    @media (max-width: 599px) {
      .feedpage-filter-block .filter-box {
        width: 100% !important; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .filter-box {
        font-size: 18px;
        line-height: 1.22;
        height: 60px;
        width: 100%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .feedpage-filter-block .filter-box {
        float: left;
        margin-right: 21px;
        width: 29%;
        font-size: 18px;
        line-height: 1.22; } }
    @media (min-width: 1280px) {
      .feedpage-filter-block .filter-box {
        padding-right: 31px;
        font-size: 18px;
        line-height: 1.22;
        width: 33%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .filter-box.sticky-right {
        float: left; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .filter-box.sticky {
        float: left;
        width: 33%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .filter-box.sticky ul {
        top: -23px; } }
    @media (max-width: 599px) {
      .feedpage-filter-block .filter-box:first-child .filter-click {
        padding: 0px 0px 20px 0px; } }
    @media (max-width: 599px) {
      .feedpage-filter-block .filter-box:first-child .filter-click.drop-icon {
        background-position: right 5px; } }
    .feedpage-filter-block .filter-box .title-key {
      opacity: 0.5; }
      .feedpage-filter-block .filter-box .title-key.active {
        color: #de4649;
        opacity: 1; }
    .feedpage-filter-block .filter-box ul {
      display: none;
      position: absolute;
      width: 100%; }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .feedpage-filter-block .filter-box ul {
          width: 98%; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .feedpage-filter-block .filter-box ul {
          top: 13px !important; } }
      @media (max-width: 599px) {
        .feedpage-filter-block .filter-box ul {
          top: -13px !important; } }
      .feedpage-filter-block .filter-box ul li {
        margin-top: 30px;
        opacity: 1;
        cursor: pointer !important; }
        .feedpage-filter-block .filter-box ul li:hover {
          color: #de4649;
          cursor: pointer !important; }
        .feedpage-filter-block .filter-box ul li.init {
          margin-top: 0; }
        .feedpage-filter-block .filter-box ul li.active-li {
          color: #de4649; }
    .feedpage-filter-block .filter-box select {
      opacity: 0;
      top: 0px;
      position: absolute;
      padding: 0px;
      width: 100%; }
      .feedpage-filter-block .filter-box select:nth-child(1) {
        height: 43px; }
      .feedpage-filter-block .filter-box select:nth-child(2) {
        height: 63px; }
      .feedpage-filter-block .filter-box select:nth-child(3) {
        height: 63px; }
        @media (max-width: 599px) {
          .feedpage-filter-block .filter-box select:nth-child(3) {
            height: 95px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .feedpage-filter-block .filter-box select:nth-child(3) {
            height: 95px; } }
  .feedpage-filter-block .dropdown-list {
    background-color: #ffffff;
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.2);
    padding: 24px 0px 30px 0px;
    z-index: 3; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .feedpage-filter-block .dropdown-list {
        margin: -22px -20px;
        z-index: 9; } }
    @media (min-width: 1280px) {
      .feedpage-filter-block .dropdown-list {
        margin: -42px -22px -30px -31px;
        z-index: 9; } }
  .feedpage-filter-block .drop-icon {
    background: url(../images/icon/arrow-country.png) no-repeat;
    background-position: right;
    background-size: 10px;
    background-position: right 5px; }
    @media (max-width: 599px) {
      .feedpage-filter-block .drop-icon {
        padding-right: 20px;
        background-position: right 25px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .drop-icon {
        padding-right: 28px;
        background-position: right 25px;
        padding-top: 20px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .feedpage-filter-block .drop-icon {
        padding-right: 10px;
        background-position: right 9px; } }
    @media (min-width: 1280px) {
      .feedpage-filter-block .drop-icon {
        padding-right: 25px;
        background-position: right 9px; } }
  .feedpage-filter-block .filter-click {
    cursor: pointer;
    padding: 20px 0px 20px 0px; }
    @media (max-width: 599px) {
      .feedpage-filter-block .filter-click {
        padding: 20px 0px 20px 0px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .feedpage-filter-block .filter-click {
        padding: 0px 0px 20px 0px; } }
    @media (min-width: 1280px) {
      .feedpage-filter-block .filter-click {
        padding: 0px 0px 20px 0px; } }
    .feedpage-filter-block .filter-click.filter-disable {
      cursor: default;
      pointer-events: none; }
  .feedpage-filter-block li {
    padding-left: 31px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block li {
        padding-right: 25px;
        padding-left: 0px; } }
  .feedpage-filter-block .sticky-filter-block {
    background-color: #ffffff;
    width: 92%;
    height: 87px;
    position: fixed;
    padding: 35px 0px 30px 0px;
    top: 0;
    display: none; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-filter-block .sticky-filter-block {
        width: 89%; } }
    .feedpage-filter-block .sticky-filter-block .sticky-filter-title {
      font-size: 18px;
      line-height: 1.22;
      text-align: left;
      color: #282828;
      float: left; }
      @media (min-width: 1280px) {
        .feedpage-filter-block .sticky-filter-block .sticky-filter-title {
          font-size: 18px;
          line-height: 1.22;
          text-align: left;
          color: #282828;
          float: left; } }
    .feedpage-filter-block .sticky-filter-block .centeralign {
      display: table;
      margin: 0 auto; }
    .feedpage-filter-block .sticky-filter-block .sticky-filter {
      font-size: 18px;
      line-height: 1.22;
      text-align: right;
      color: #282828;
      float: left;
      margin-right: 60px;
      z-index: 1; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .feedpage-filter-block .sticky-filter-block .sticky-filter {
          font-size: 15px;
          line-height: 1.47;
          margin-right: 40px; } }
    .feedpage-filter-block .sticky-filter-block .sticky-filter:nth-child(4) {
      margin-right: 0; }
    .feedpage-filter-block .sticky-filter-block .sticky-sort-filter {
      font-size: 16px;
      line-height: 1.38;
      text-align: right;
      color: #282828;
      cursor: pointer;
      margin-top: -20px;
      float: right; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .feedpage-filter-block .sticky-filter-block .sticky-sort-filter {
          font-size: 13px;
          line-height: 1.69; } }
    .feedpage-filter-block .sticky-filter-block .drop-icon {
      background: url(../images/icon/arrow-country.png) no-repeat;
      background-size: 10px;
      background-position: right;
      padding-right: 16px; }
    .feedpage-filter-block .sticky-filter-block ul {
      display: none; }
      .feedpage-filter-block .sticky-filter-block ul li:hover {
        color: #de4649;
        cursor: default; }
    .feedpage-filter-block .sticky-filter-block .reverse-sorting-dropdown-list {
      width: 166.7px;
      height: 108.3px;
      background-color: #ffffff;
      box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.2);
      padding: 20px 0px 0px 20px;
      margin-top: -38px;
      float: right; }

.feedpage-filter-block .filter-block.sticky .filter-options .filter-border {
  border: none; }

.feedpage-filter-block .filter-block .filter-options .filter-box.active span.title-key {
  color: #de4649;
  opacity: 1;
  padding-right: 11px;
  /* Jeera BugID SCJC-3840*/
  word-break: break-word; }

@media (min-width: 1280px) {
  .feedpage-filter-block .filter-block.sticky .filteralign .filter-box.active .filter-click {
    padding-right: 30px;
    /*text-align:right;*/ }
  /*.feedpage-filter-block .filter-block.sticky .filter-options .filteralign{display:inherit;} */ }

@media (min-width: 1040px) and (max-width: 1279px) {
  .feedpage-filter-block .filter-block.sticky .filteralign .filter-box.active .filter-click {
    padding-right: 30px;
    /*text-align:right;*/ }
  /*.feedpage-filter-block .filter-block.sticky .filter-options .filteralign{display:inherit;}  */ }

@media (min-width: 600px) and (max-width: 1039px) {
  .feedpage-filter-block .filter-block.sticky .filteralign .filter-box.active .filter-click {
    padding-right: 20px;
    /*text-align:right;*/ }
  /*.feedpage-filter-block .filter-block.sticky .filter-options .filteralign{display:inherit;} */ }

.noresults {
  padding: 20px 30px;
  font-size: 22px;
  font-weight: 400;
  color: #282828;
  line-height: 36px;
  float: left;
  width: 90%; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .noresults {
      margin: 30px 45px;
      font-size: 26px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .noresults {
      margin: 30px 45px;
      font-size: 22px; } }
  @media (min-width: 1280px) {
    .noresults {
      margin: 30px 60px;
      font-size: 26px; } }

@media (max-width: 599px) {
  .feedpage-filter-block .filter-block.filters-opened .sorting-dropdown {
    margin-top: -43px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .feedpage-filter-block .filter-block.filters-opened .sorting-dropdown {
    margin-top: -43px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .feedpage-filter-block .filter-block .sorting-dropdown {
    width: 47%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter {
    position: unset;
    margin-top: 0;
    padding-top: 29px; } }

@media (max-width: 599px) {
  .feedpage-filter-block .filter-block .sorting-dropdown ul.sorting-filter {
    margin-top: 0px;
    padding-top: 38px; } }

.feedpage-filter-block .filter-block .filter-options.feedpage-filter-only {
  /*ul.sorting-filter{
		@include tablet{
			position: unset;
            margin-top: 0;
            padding-top: 22px;
		}
        @include mobile{
            margin-top: 0px;
            padding-top: 16px;
        }
	}*/ }
  @media (max-width: 599px) {
    .feedpage-filter-block .filter-block .filter-options.feedpage-filter-only {
      clear: both;
      padding-right: 15px;
      width: 50% !important; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-filter-block .filter-block .filter-options.feedpage-filter-only .filteralign {
      float: left;
      width: 100%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-filter-block .filter-block .filter-options.feedpage-filter-only .filteralign .filter-box {
      width: 100% !important;
      margin-bottom: 20px; } }

.scj-wrapper .filter-height {
  height: 0px !important; }

@media (max-width: 599px) {
  .feedpage-header-block {
    margin-top: 0; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .feedpage-header-block {
    margin-top: 0; } }

.feedpage-header-block.bg_green .feedpage-paragraph, .feedpage-header-block.bg_blue .feedpage-paragraph, .feedpage-header-block.bg_red .feedpage-paragraph {
  border-top: 1px solid #ffffff; }

.feedpage-header-block.bg_green .feedpage-paragraph-nocta, .feedpage-header-block.bg_blue .feedpage-paragraph-nocta, .feedpage-header-block.bg_red .feedpage-paragraph-nocta {
  border-top: 1px solid #ffffff; }

.feedpage-header-block.bg_green .feedpage-link a, .feedpage-header-block.bg_blue .feedpage-link a, .feedpage-header-block.bg_red .feedpage-link a {
  color: #ffffff; }

.feedpage-header-block.bg_green .content-bottom .border, .feedpage-header-block.bg_blue .content-bottom .border, .feedpage-header-block.bg_red .content-bottom .border {
  border-top: solid 1px #ffffff;
  opacity: 0.5;
  float: left;
  width: 100%; }

@media (min-width: 1040px) and (max-width: 1279px) {
  .feedpage-header-block {
    margin-right: 42px;
    margin-left: 42px;
    padding: 40px 43px 45px 43px;
    position: relative; } }

@media (min-width: 1280px) {
  .feedpage-header-block {
    margin: 60px 59px 0px 61px;
    position: relative; } }

.feedpage-header-block .feed-block {
  float: left;
  width: 60%; }
  @media (min-width: 1280px) {
    .feedpage-header-block .feed-block {
      padding: 40px 0 46px 60px; } }
  @media (max-width: 599px) {
    .feedpage-header-block .feed-block {
      width: 100%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-header-block .feed-block {
      width: 100%; } }

.feedpage-header-block .feed-image-block {
  position: relative; }
  .feedpage-header-block .feed-image-block .scj-diamond-img {
    background: url(../images/icon/Double-Diamond-white.png) no-repeat;
    width: 36px;
    height: 50px;
    position: absolute;
    background-size: 100%;
    right: 20px;
    top: 20px;
    display: none; }
    @media (max-width: 599px) {
      .feedpage-header-block .feed-image-block .scj-diamond-img {
        right: 22px;
        top: 22px;
        width: 25.2px;
        height: 35px; } }

@media (max-width: 599px) {
  .feedpage-header-block .header-block {
    padding: 31px 30px 0px 30px;
    clear: left;
    width: 100%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .feedpage-header-block .header-block {
    padding: 30px 42px 0px 42px;
    clear: left; } }

.feedpage-header-block .page-link {
  font-size: 22px;
  line-height: 1.36;
  padding-bottom: 8px; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .feedpage-header-block .page-link {
      font-size: 18px;
      line-height: 1.89; } }
  @media (min-width: 1280px) {
    .feedpage-header-block .page-link {
      line-height: 1.55; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-header-block .page-link {
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.89;
      letter-spacing: normal; } }

.feedpage-header-block .content-heading {
  font-size: 28px;
  /* Bug 92102 */
  line-height: 1.18;
  word-break: break-word; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-header-block .content-heading {
      font-size: 48px;
      line-height: 1.04;
      /* width: 341px; */ } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .feedpage-header-block .content-heading {
      font-size: 60px;
      line-height: 1.17;
      letter-spacing: -0.7px;
      text-align: left;
      margin-bottom: 40px;
      padding-right: 45px; } }
  @media (min-width: 1280px) {
    .feedpage-header-block .content-heading {
      font-size: 70px;
      line-height: 1.06;
      letter-spacing: -0.8px;
      margin-bottom: 38px;
      text-align: left; } }

.feedpage-header-block .content-bottom {
  padding: 0px 30px 0px 30px;
  float: left; }
  @media (max-width: 599px) {
    .feedpage-header-block .content-bottom {
      width: 100%; } }
  @media (min-width: 1280px) {
    .feedpage-header-block .content-bottom {
      padding: 40px 60px 40px 0; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-header-block .content-bottom {
      padding: 0px 42px 38px 42px;
      width: 100%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .feedpage-header-block .content-bottom {
      padding: 0;
      float: right;
      width: 40%; } }
  @media (min-width: 1280px) {
    .feedpage-header-block .content-bottom {
      float: right;
      width: 40%; } }

.feedpage-header-block .feedpage-paragraph-nocta {
  font-size: 18px;
  line-height: 1.44;
  border-top: 1px solid #282828;
  padding-top: 20px;
  margin-top: 60px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-header-block .feedpage-paragraph-nocta {
      float: left;
      padding-top: 19px;
      padding-bottom: 22px;
      padding-right: 148px;
      width: 100%; } }

.feedpage-header-block .feedpage-paragraph {
  font-size: 18px;
  line-height: 1.44;
  border-top: 1px solid #282828;
  padding-top: 20px;
  margin-top: 60px; }
  @media (max-width: 599px) {
    .feedpage-header-block .feedpage-paragraph {
      margin-top: 30px;
      /* Bug 92102 */
      padding-bottom: 42px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-header-block .feedpage-paragraph {
      float: left;
      padding-top: 19px;
      padding-bottom: 22px;
      width: 60%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .feedpage-header-block .feedpage-paragraph {
      margin-top: 0px;
      margin-left: 42px;
      padding-bottom: 100px; } }
  @media (min-width: 1280px) {
    .feedpage-header-block .feedpage-paragraph {
      margin-top: 0px;
      margin-left: 58px;
      padding-bottom: 250px;
      font-size: 22px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.36;
      letter-spacing: normal; } }

.feedpage-header-block .feedpage-link {
  cursor: pointer;
  padding-top: 18px;
  padding-bottom: 19px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-header-block .feedpage-link {
      padding-top: 60px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .feedpage-header-block .feedpage-link {
      padding-top: 60px; } }
  @media (min-width: 1280px) {
    .feedpage-header-block .feedpage-link {
      padding-top: 60px; } }
  .feedpage-header-block .feedpage-link a {
    font-size: 16px;
    line-height: 1.38;
    text-decoration: none;
    color: #282828; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .feedpage-header-block .feedpage-link a {
        line-height: 1; } }
    @media (min-width: 1280px) {
      .feedpage-header-block .feedpage-link a {
        font-size: 18px;
        line-height: 1.22; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .feedpage-header-block .feedpage-link a {
        line-height: 1; } }
  .feedpage-header-block .feedpage-link .arrow-image {
    float: right;
    margin: 0;
    overflow: hidden;
    margin-top: 2%;
    display: inline-block;
    height: 10px;
    width: 19px; }
    @media screen and (min-width: 0\0) {
      .feedpage-header-block .feedpage-link .arrow-image {
        /* background: url(../images/icon/Arrow-small-color.png) 0 -18px no-repeat;*/
        /* background-color: transparent;*/
        /*background-size: 20px;*/
        width: 20px;
        height: 19px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-header-block .feedpage-link {
      width: 40%;
      float: right;
      padding-left: 42px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .feedpage-header-block .feedpage-link {
      position: absolute;
      bottom: 0;
      width: 32%;
      margin-right: 42px;
      margin-bottom: 45px;
      margin-left: 42px;
      padding: 0px; } }
  @media (min-width: 1280px) {
    .feedpage-header-block .feedpage-link {
      position: absolute;
      bottom: 0;
      width: 40%;
      margin-bottom: 50px;
      margin-left: 0px;
      padding: 40px 60px 0px 58px;
      right: inherit; } }

.feedpage-header-block .border {
  margin-bottom: 30px; }
  @media (min-width: 1280px) {
    .feedpage-header-block .border {
      margin-top: 20px;
      margin-bottom: 0px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .feedpage-header-block .border {
      margin-top: 20px;
      margin-bottom: 0px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .feedpage-header-block .border {
      margin-bottom: 12px; } }

.feedpage-header-block .feed-image-block img + div.scj-diamond-img {
  display: block; }

.feedpage-header-block.bg_yellow .feedpage-link .arrow-image {
  /* background-color: #000;*/ }
  @media screen and (min-width: 0\0) {
    .feedpage-header-block.bg_yellow .feedpage-link .arrow-image {
      /*  background: url(../images/icon/Arrow-small-color.png) 0 8px no-repeat;*/
      /*  background-color: transparent;*/
      /*  background-size: 20px;*/
      width: 20px;
      height: 19px; } }

.animate-arrow-container {
  width: 60px;
  overflow: hidden;
  position: relative;
  height: 10px; }
  .animate-arrow-container .arrow-container {
    width: 60px;
    padding: 0;
    margin: 0;
    position: relative;
    left: -40px;
    display: block;
    height: 10px; }
    .animate-arrow-container .arrow-container .arrow-black {
      position: relative;
      background: url(../images/icon/white-arrow-contact-yellow.png) no-repeat;
      width: 20px;
      height: 11px;
      vertical-align: middle;
      background-size: cover;
      background-position: top right;
      float: left; }
    .animate-arrow-container .arrow-container .arrow-white {
      position: relative;
      background: url(../images/icon/white-arrow-contact.png) no-repeat;
      width: 20px;
      height: 11px;
      vertical-align: middle;
      background-size: cover;
      background-position: top right;
      float: left; }
    .animate-arrow-container .arrow-container .arrow1 {
      margin-right: 20px; }

/* common width for black arrow animation image */
.company-recirculation .black-arrow, .section-header-block .black-arrow, .one-up-topic .black-arrow {
  width: 20px; }

/* timeline tout arrow animation image */
.main-time .splitlayout .border-line-tout .right-tab {
  overflow: hidden;
  width: 20px; }

.main-time .splitlayout .intro-content .right-tab .arrow-white {
  position: relative;
  background: url(../images/icon/white-arrow-contact.png) no-repeat;
  width: 20px;
  height: 11px;
  vertical-align: middle;
  background-size: cover;
  background-position: top right;
  float: left; }

.main-time .splitlayout.bg_yellow .intro-content .right-tab .arrow-black {
  background: url(../images/icon/white-arrow-contact-yellow.png) no-repeat;
  background-size: cover;
  background-position: top right; }

/* feedpage header arrow animation image */
.feedpage-header-block .feedpage-link .right-tab .arrow-white {
  position: relative;
  background: url(../images/icon/white-arrow-contact.png) no-repeat;
  width: 20px;
  height: 11px;
  vertical-align: middle;
  background-size: cover;
  background-position: top right;
  float: left; }

.feedpage-header-block.bg_yellow .feedpage-link .right-tab .arrow-black {
  background: url(../images/icon/white-arrow-contact-yellow.png) no-repeat;
  background-size: cover;
  background-position: top right;
  background-position-x: -2.5px; }

/* Page Tout arrow animation image */
.page-tout-component .parallex-block .ptout-arrow .right-tab .arrow-white {
  position: relative;
  background: url(../images/icon/white-arrow-contact.png) no-repeat;
  width: 20px;
  height: 11px;
  vertical-align: middle;
  background-size: cover;
  background-position: top right;
  float: left; }

.page-tout-component .parallex-block.bg_yellow .ptout-arrow .right-tab .arrow-black {
  background: url(../images/icon/white-arrow-contact-yellow.png) no-repeat;
  background-size: cover;
  background-position: top right; }

/* Page Tout arrow animation image */
.threeup-topic-package-component .background-block .threeup-arrow .right-tab .arrow-white {
  position: relative;
  background: url(../images/icon/white-arrow-contact.png) no-repeat;
  width: 20px;
  height: 11px;
  vertical-align: middle;
  background-size: cover;
  background-position: top right;
  float: left; }

.threeup-topic-package-component .background-block.bg_yellow .threeup-arrow .right-tab .arrow-black {
  background: url(../images/icon/white-arrow-contact-yellow.png) no-repeat;
  background-size: cover;
  background-position: top right; }

.featured-image .arrow-white {
  position: relative;
  background: url(../images/icon/white-arrow-contact.png) no-repeat;
  width: 20px;
  height: 11px;
  vertical-align: middle;
  background-size: cover;
  background-position: top right;
  float: left; }

.featured-image.bg_yellow .arrow-black {
  background: url(../images/icon/white-arrow-contact-yellow.png) no-repeat;
  background-size: cover;
  background-position: top right; }

.transporter-strip {
  clear: both; }
  .transporter-strip .transporter-arrow-down {
    clear: both; }
    .transporter-strip .transporter-arrow-down .arrow-down {
      background: url(../images/white-arrow.png) no-repeat;
      background-size: 100%;
      display: block;
      height: 65px;
      margin-left: -32px;
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      width: 25px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .transporter-strip .transporter-arrow-down .arrow-down {
          margin-left: -35px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .transporter-strip .transporter-arrow-down .arrow-down {
          margin-left: -34px; } }
      @media (min-width: 1280px) {
        .transporter-strip .transporter-arrow-down .arrow-down {
          margin-left: -33px; } }
  .transporter-strip .transporter-upnext-block {
    background-color: #de4649;
    color: #ffffff;
    height: 210px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .transporter-strip .transporter-upnext-block {
        background-color: #ffffff;
        color: #282828;
        height: auto; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .transporter-strip .transporter-upnext-block {
        background-color: #ffffff;
        color: #282828;
        height: auto; } }
    @media (min-width: 1280px) {
      .transporter-strip .transporter-upnext-block {
        background-color: #ffffff;
        color: #282828;
        height: auto; } }
    .transporter-strip .transporter-upnext-block .transporter-upnext {
      padding: 30px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .transporter-strip .transporter-upnext-block .transporter-upnext {
          padding: 30px 0 20px 43px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .transporter-strip .transporter-upnext-block .transporter-upnext {
          padding: 30px 0 21px 43px; } }
      @media (min-width: 1280px) {
        .transporter-strip .transporter-upnext-block .transporter-upnext {
          padding: 30px 0 21px 60px; } }
      .transporter-strip .transporter-upnext-block .transporter-upnext h4 {
        font-size: 26px;
        font-stretch: normal;
        font-style: normal;
        font-weight: normal;
        letter-spacing: normal;
        line-height: 1.31;
        margin: 0;
        padding: 0;
        color: #ffffff; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .transporter-strip .transporter-upnext-block .transporter-upnext h4 {
            line-height: 1.95;
            font-size: 22px;
            color: #282828; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .transporter-strip .transporter-upnext-block .transporter-upnext h4 {
            line-height: 1.65;
            color: #282828; } }
        @media (min-width: 1280px) {
          .transporter-strip .transporter-upnext-block .transporter-upnext h4 {
            line-height: 1.65;
            color: #282828; } }
    .transporter-strip .transporter-upnext-block .transporter-arrow-down {
      padding: 40px 30px; }
  .transporter-strip .transporter-blocks {
    background-color: #de4649;
    color: #ffffff;
    min-height: 192px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .transporter-strip .transporter-blocks {
        min-height: 268px; } }
    @media (min-width: 1280px) {
      .transporter-strip .transporter-blocks {
        min-height: 305px; } }
    .transporter-strip .transporter-blocks .col-sm-6 {
      opacity: 0.5;
      padding: 0 41px 0 21px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .transporter-strip .transporter-blocks .col-sm-6 {
          padding: 0 41px 0 43px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .transporter-strip .transporter-blocks .col-sm-6 {
          padding: 0 41px 0 20px; } }
      @media (min-width: 1280px) {
        .transporter-strip .transporter-blocks .col-sm-6 {
          padding: 0 59px 0 30px; } }
      .transporter-strip .transporter-blocks .col-sm-6:first-child {
        padding: 0 21px 0 43px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .transporter-strip .transporter-blocks .col-sm-6:first-child {
            padding: 0 0px 0 42px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .transporter-strip .transporter-blocks .col-sm-6:first-child {
            padding: 0 0px 0 43px; } }
        @media (min-width: 1280px) {
          .transporter-strip .transporter-blocks .col-sm-6:first-child {
            padding: 0 0 0 60px; } }
      .transporter-strip .transporter-blocks .col-sm-6 .arrow-down {
        display: none; }
      .transporter-strip .transporter-blocks .col-sm-6.next-active {
        opacity: 1; }
        .transporter-strip .transporter-blocks .col-sm-6.next-active .arrow-down {
          display: block; }
    .transporter-strip .transporter-blocks .transporter-title {
      padding-top: 27px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .transporter-strip .transporter-blocks .transporter-title {
          min-height: 120px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .transporter-strip .transporter-blocks .transporter-title {
          padding-top: 32px;
          min-height: 190px; } }
      @media (min-width: 1280px) {
        .transporter-strip .transporter-blocks .transporter-title {
          padding-top: 31px;
          min-height: 228px; } }
      .transporter-strip .transporter-blocks .transporter-title h2 {
        font-size: 20px;
        line-height: 1.2;
        margin: 0px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        cursor: pointer; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .transporter-strip .transporter-blocks .transporter-title h2 {
            font-size: 26px;
            line-height: 1.23; } }
        @media (min-width: 1280px) {
          .transporter-strip .transporter-blocks .transporter-title h2 {
            font-size: 34px;
            line-height: 1.18; } }
        .transporter-strip .transporter-blocks .transporter-title h2 small {
          color: #ffffff;
          display: block;
          font-size: 16px;
          line-height: 1.38;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          letter-spacing: normal;
          padding-bottom: 5px; }
          @media (min-width: 1280px) {
            .transporter-strip .transporter-blocks .transporter-title h2 small {
              font-size: 18px;
              line-height: 1.22;
              padding-bottom: 11px; } }

.transporter1, .transporter2, .transporter3, .transporter4, .transporter5, .transporter6, .transporter7 {
  padding-bottom: 30px; }

.errorpage {
  margin-left: 60px;
  margin-right: 60px;
  padding-top: 20px; }
  @media (max-width: 599px) {
    .errorpage {
      margin-left: 31px;
      margin-right: 25px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .errorpage {
      margin-left: 45px;
      margin-right: 45px; } }
  .errorpage .error-scj-icon {
    float: left;
    padding-top: 15px;
    width: 30px;
    display: none; }
  .errorpage h1 {
    float: left;
    font-size: 60px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: -0.3px;
    margin-left: 6%;
    margin-top: 0;
    width: auto;
    margin-bottom: 20px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .errorpage h1 {
        font-size: 48px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .errorpage h1 {
        margin-left: 0px;
        margin-bottom: 42px;
        font-size: 38px; } }
    @media (max-width: 599px) {
      .errorpage h1 {
        margin-left: 0px;
        font-size: 26px;
        line-height: 1.23;
        letter-spacing: -0.1px;
        margin-bottom: 5px; } }
  .errorpage .twilted-text {
    color: #282828;
    font-size: 90px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    float: right;
    line-height: 1.78;
    letter-spacing: 3.3px;
    text-align: left;
    transform: rotate(-90deg);
    position: absolute;
    right: 0; }
    @media (max-width: 599px) {
      .errorpage .twilted-text {
        font-size: 42px;
        line-height: 1;
        letter-spacing: 1.6px; } }
  .errorpage .error-content {
    clear: both;
    float: left; }
    @media (min-width: 1280px) {
      .errorpage .error-content {
        padding-left: 6%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .errorpage .error-content {
        padding-left: 6%; } }
    .errorpage .error-content .link-block {
      width: 300px;
      float: left; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .errorpage .error-content .link-block {
          width: 100%; } }
      @media (max-width: 599px) {
        .errorpage .error-content .link-block {
          margin-top: 40px;
          margin-bottom: 40px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .errorpage .error-content .link-block {
          margin-top: 60px;
          margin-bottom: 60px; } }
      .errorpage .error-content .link-block ul li a {
        color: #232323;
        text-decoration: none;
        border-bottom: 1px solid #f88023;
        padding-bottom: 2px;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.31;
        letter-spacing: 0.7px;
        text-align: left; }
    .errorpage .error-content .error-search {
      margin-top: 60px;
      margin-bottom: 80px; }
      @media (max-width: 599px) {
        .errorpage .error-content .error-search {
          margin-bottom: 40px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .errorpage .error-content .error-search {
          margin-bottom: 60px; } }
      .errorpage .error-content .error-search input {
        width: 661px;
        background: url(../images/icon/SEARCH-ICON.svg) center right no-repeat;
        border: 0;
        border-bottom: solid 1px #979797;
        padding-bottom: 10px;
        opacity: 0.5; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .errorpage .error-content .error-search input {
            width: 533px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .errorpage .error-content .error-search input {
            width: 555px; } }
        @media (max-width: 599px) {
          .errorpage .error-content .error-search input {
            width: 85%; } }
  .errorpage .bodycopy {
    width: 100%;
    line-height: 1.55;
    font-size: 22px; }
  .errorpage .error-image {
    margin-top: 20px; }
    @media (min-width: 1280px) {
      .errorpage .error-image {
        width: 50%;
        margin: 0 auto; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .errorpage .error-image {
        margin-top: 42px; } }
    @media (max-width: 599px) {
      .errorpage .error-image {
        float: left; } }
  .errorpage .error-content .lead-text {
    position: relative; }
    @media (min-width: 1280px) {
      .errorpage .error-content .lead-text {
        left: -85px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .errorpage .error-content .lead-text {
        left: -75px; } }

@media (min-width: 1800px) {
  .errorpage {
    float: none !important;
    max-width: 1800px;
    margin: 60px auto 0 auto;
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 60px;
    margin-right: auto !important;
    margin-bottom: 0;
    margin-left: auto !important;
    display: block !important; } }

.section-landing + .breaker.contact {
  margin-top: 30px; }

.section-landing + .breaker.contact .contact-us-block {
  margin-top: 0; }

.featured-image {
  display: inline-block;
  position: relative; }
  @media (min-width: 1280px) {
    .featured-image {
      width: 92.2%;
      float: right;
      margin-left: 4%;
      margin-right: 3.8%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .featured-image {
      float: right;
      width: 91.2%;
      margin-left: 4.4%;
      margin-right: 4.4%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .featured-image {
      width: 100%;
      float: right; } }
  @media (max-width: 599px) {
    .featured-image {
      float: left; } }
  @media (max-width: 599px) {
    .featured-image .imagebreaker-content {
      font-size: 14px;
      line-height: 1.43;
      letter-spacing: -0.1px; } }
  .featured-image .socialshare-block {
    background-color: #282828; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .featured-image .socialshare-block {
        top: -10px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .featured-image .socialshare-block {
        top: -10px; } }
    @media (max-width: 599px) {
      .featured-image .socialshare-block {
        top: -10px; } }
  @media (min-width: 1280px) {
    .featured-image .image-box-left {
      float: right; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .featured-image .image-box-left {
      float: right; } }
  .featured-image .image-content {
    float: left; }
    @media (min-width: 1280px) {
      .featured-image .image-content {
        padding: 40px 44px 0 41px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .featured-image .image-content {
        padding: 30px 23px 0 18px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .featured-image .image-content {
        padding: 25px 0 49px 44px; } }
    @media (max-width: 599px) {
      .featured-image .image-content {
        padding: 25px 30px 0 30px; } }
  .featured-image .video-content {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.1px; }
    @media (min-width: 1280px) {
      .featured-image .video-content {
        padding-left: 41px;
        padding-right: 39px;
        position: absolute;
        bottom: 40px;
        width: 25%; } }
    @media (max-width: 599px) {
      .featured-image .video-content {
        padding: 0 31px 30px 30px;
        float: left;
        line-height: 1.38;
        width: 100%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .featured-image .video-content {
        padding: 24px 41px 35px 43px;
        float: left;
        width: 50%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .featured-image .video-content {
        position: absolute;
        bottom: 30px;
        padding-right: 13px;
        padding-left: 19px;
        width: 25%; } }
    @media (max-width: 1280px) {
      .featured-image .video-content {
        line-height: 18px;
        bottom: unset;
        position: relative; } }
    .featured-image .video-content .cta-link {
      padding-top: 35px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
      padding-bottom: 24px;
      font-size: 16px;
      line-height: 1.38;
      letter-spacing: -0.1px; }
      @media (min-width: 1280px) {
        .featured-image .video-content .cta-link {
          font-size: 18px;
          line-height: 1.22;
          letter-spacing: normal; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .featured-image .video-content .cta-link {
          padding-bottom: 18px; } }
      .featured-image .video-content .cta-link .cta-arrow {
        position: relative;
        background: url(../images/icon/white-arrow-contact.png) no-repeat;
        width: 20px;
        height: 11px;
        vertical-align: middle;
        background-size: cover;
        background-position: top right;
        float: right; }
  .featured-image .image-arrow-container {
    background-color: #282828;
    bottom: 0;
    float: right;
    height: 60px;
    position: absolute;
    right: 0;
    width: 50px; }
  .featured-image .simple-line {
    background-color: #ffce04;
    margin-bottom: 25px;
    width: 41px; }
  .featured-image .share-icon {
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    -webkit-mask: url(../images/icon/Share-Icon.svg) no-repeat;
    mask: url(../images/icon/Share-Icon.svg) no-repeat;
    -webkit-mask-size: 25px;
    mask-size: 25px;
    display: block;
    width: 23px;
    height: 19px;
    top: 10px;
    position: relative;
    right: 8px;
    background-color: #fff;
    background-image: none; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .featured-image .share-icon {
        right: -13px;
        top: 16px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .featured-image .share-icon {
        right: -13px;
        top: 16px; } }
    @media (max-width: 599px) {
      .featured-image .share-icon {
        right: -13px;
        top: 16px; } }
  .featured-image.bg_yellow .simple-line {
    background-color: #0182D2; }
  .featured-image.bg_yellow .pohot-credit {
    color: #282828; }
  .featured-image.bg_yellow .cta-link {
    border-bottom: 1px solid rgba(40, 40, 40, 0.35); }
  .featured-image .video-hd {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: -0.1px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .featured-image .video-hd {
        clear: none;
        display: none; } }
    @media (max-width: 599px) {
      .featured-image .video-hd {
        clear: none;
        display: none; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .featured-image .video-hd {
        clear: both; } }
    @media (min-width: 1280px) {
      .featured-image .video-hd {
        clear: none; } }
  .featured-image .video-head {
    font-size: 26px;
    line-height: 1.31;
    letter-spacing: normal; }
    @media (max-width: 599px) {
      .featured-image .video-head {
        font-size: 24px;
        line-height: 1.33;
        padding-bottom: 20px; } }
  .featured-image .arrow-image {
    float: right;
    margin: 0;
    overflow: hidden;
    margin-top: 2%;
    display: inline-block;
    height: 11px;
    width: 20px; }

/** Image breaker Carousel Starts */
.image-breaker-carousel {
  overflow: hidden; }
  .image-breaker-carousel .slick-arrow.slick-next,
  .image-breaker-carousel .slick-arrow.slick-prev {
    border-radius: 50%;
    cursor: pointer;
    color: transparent;
    font-size: 0;
    height: 50px;
    line-height: 0;
    outline: 0;
    position: absolute;
    width: 50px;
    z-index: 1;
    border: none;
    top: 45%; }
    @media (max-width: 599px) {
      .image-breaker-carousel .slick-arrow.slick-next,
      .image-breaker-carousel .slick-arrow.slick-prev {
        top: 35%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .image-breaker-carousel .slick-arrow.slick-next,
      .image-breaker-carousel .slick-arrow.slick-prev {
        top: 45%; } }
  .image-breaker-carousel .slick-arrow.slick-next {
    background: url(../images/icon/right-arrow.svg) center no-repeat;
    background-size: 125px;
    right: 25px; }
    @media (max-width: 599px) {
      .image-breaker-carousel .slick-arrow.slick-next {
        right: 15px; } }
  .image-breaker-carousel .slick-arrow.slick-prev {
    background: url(../images/icon/left-arrow.svg) center no-repeat;
    background-size: 125px;
    left: 25px; }
    @media (max-width: 599px) {
      .image-breaker-carousel .slick-arrow.slick-prev {
        left: 15px; } }
  .image-breaker-carousel .slick-slide {
    transition: opacity .7s ease-in-out !important;
    float: right; }
  .image-breaker-carousel .slick-track {
    opacity: 1;
    width: 6132px; }

/** Image breaker Carousel Ends */
html:lang(th-TH) .featured-image .video-content {
  line-height: 20px; }

@media (max-width: 599px) {
  .section-bodycopy {
    padding-right: 25px;
    padding-left: 32px;
    padding-bottom: 2px; } }

.section-bodycopy .bodycopy {
  float: left;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: -0.1px; }
  @media (min-width: 1280px) {
    .section-bodycopy .bodycopy {
      line-height: 1.55;
      width: 50%;
      line-height: 1.55;
      font-size: 22px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-bodycopy .bodycopy {
      width: 62%;
      clear: both;
      margin-left: 16.7%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-bodycopy .bodycopy {
      width: 81%;
      margin: 0 0 0 7%;
      padding-right: 5%; } }
  @media (max-width: 599px) {
    .section-bodycopy .bodycopy {
      font-size: 18px;
      line-height: 1.56; } }
  .section-bodycopy .bodycopy h2 {
    display: inline;
    font-size: 20px;
    font-weight: normal; }
    @media (min-width: 1280px) {
      .section-bodycopy .bodycopy h2 {
        font-size: 22px; } }

.section-bodycopy a {
  border-bottom: 1px solid #00adf2;
  text-decoration: none;
  padding-bottom: 2px;
  color: #282828; }
  @media (min-width: 1280px) {
    .section-bodycopy a {
      border-bottom: 2px solid #00adf2; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-bodycopy a {
      border-bottom: 2px solid #00adf2; } }
  @media (max-width: 599px) {
    .section-bodycopy a {
      word-wrap: break-word;
      border-bottom: 1px solid #00adf2; } }
  .section-bodycopy a:focus {
    color: black;
    text-decoration: none;
    border-bottom: 1px solid #00adf2 !important; }
    @media (min-width: 1280px) {
      .section-bodycopy a:focus {
        border-bottom: 2px solid #00adf2 !important; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-bodycopy a:focus {
        border-bottom: 2px solid #00adf2 !important; } }
  .section-bodycopy a:link {
    color: black;
    text-decoration: none;
    border-bottom: 1px solid #00adf2 !important; }
    @media (min-width: 1280px) {
      .section-bodycopy a:link {
        border-bottom: 2px solid #00adf2 !important; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-bodycopy a:link {
        border-bottom: 2px solid #00adf2 !important; } }
  .section-bodycopy a:visited {
    border-bottom: 1px solid #00adf2; }
    @media (min-width: 1280px) {
      .section-bodycopy a:visited {
        border-bottom: 2px solid #00adf2; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-bodycopy a:visited {
        border-bottom: 2px solid #00adf2; } }
  .section-bodycopy a:hover {
    color: #00adf2;
    text-decoration: none;
    border-bottom: 1px solid #00adf2; }
    @media (min-width: 1280px) {
      .section-bodycopy a:hover {
        border-bottom: 2px solid #00adf2; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-bodycopy a:hover {
        border-bottom: 2px solid #00adf2; } }
  .section-bodycopy a:active {
    border-bottom: 1px solid #00adf2;
    text-decoration: none;
    padding-bottom: 2px;
    color: #282828; }
    @media (min-width: 1280px) {
      .section-bodycopy a:active {
        border-bottom: 2px solid #00adf2; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .section-bodycopy a:active {
        border-bottom: 2px solid #00adf2; } }
  .section-bodycopy a span {
    border-bottom: 2px solid #00adf2;
    padding-bottom: 2px; }
    @media (max-width: 599px) {
      .section-bodycopy a span {
        border-bottom: 1px solid #00adf2; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .section-bodycopy a span {
        border-bottom: 1px solid #00adf2; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .section-bodycopy .section-head {
    margin: 0 85px 0 7%;
    width: 81%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .section-bodycopy .section-head {
    width: 37%; } }

@media (min-width: 1280px) {
  .section-bodycopy .section-head {
    padding-left: 70px;
    margin-top: 5px;
    padding-right: 57px;
    width: 27%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .section-bodycopy .section-head .left {
    padding-left: 64px; } }

.section-bodycopy .section-head h2 {
  font-size: 16px;
  display: inline; }

.section-bodycopy .legend-text {
  padding-top: 22px;
  letter-spacing: normal; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .section-bodycopy .legend-text {
      padding-bottom: 20px;
      float: left;
      width: 100%; } }
  @media (min-width: 1280px) {
    .section-bodycopy .legend-text {
      padding-right: 0; } }
  @media (max-width: 599px) {
    .section-bodycopy .legend-text {
      margin-bottom: 0px;
      padding-bottom: 20px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .section-bodycopy .legend-text {
      padding-bottom: 40px;
      float: left; } }
  .section-bodycopy .legend-text h2 {
    font-size: 18px;
    display: inline; }

@media (max-width: 599px) {
  .section-bodycopy .simple-line {
    margin-bottom: 0; } }

.section-bodycopy p {
  float: left;
  width: 100%;
  margin-bottom: 30px; }
  @media (max-width: 599px) {
    .section-bodycopy p {
      margin-bottom: 20px; } }
  .section-bodycopy p:last-child {
    margin-bottom: 0px; }

.section-bodycopy ul {
  text-transform: none;
  list-style: none;
  float: left;
  padding-top: 10px;
  width: 100%; }
  .section-bodycopy ul li {
    padding-bottom: 20px;
    font-size: 20px;
    text-indent: -18px; }
    @media (max-width: 599px) {
      .section-bodycopy ul li {
        display: inline-block;
        font-size: 18px;
        padding-bottom: 10px;
        text-indent: -14px;
        width: 100%; } }
    @media (min-width: 1280px) {
      .section-bodycopy ul li {
        font-size: 22px;
        padding-bottom: 30px;
        text-indent: -19px; } }
    .section-bodycopy ul li:before {
      content: "\2022 ";
      color: #54beff;
      margin-right: 18px;
      display: inline-block;
      height: 100%;
      vertical-align: top;
      line-height: 32px;
      margin-top: 3px;
      padding-bottom: 2px; }
      @media (max-width: 599px) {
        .section-bodycopy ul li:before {
          margin-right: 13px;
          padding-bottom: 0px;
          margin-top: 0px;
          line-height: 28px;
          float: left;
          position: relative;
          left: -6px; } }

.section-bodycopy ol {
  padding: 10px 0 0 0;
  text-indent: -35px;
  counter-reset: li;
  list-style-type: none; }
  @media (max-width: 599px) {
    .section-bodycopy ol {
      text-indent: -28px;
      float: left;
      width: 100%; } }
  @media (min-width: 1280px) {
    .section-bodycopy ol {
      text-indent: -45px; } }
  .section-bodycopy ol li {
    margin-left: 14px;
    padding-bottom: 20px; }
    @media (max-width: 599px) {
      .section-bodycopy ol li {
        margin-top: 10px;
        padding-bottom: 30px; } }
    .section-bodycopy ol li:before {
      content: counter(li);
      counter-increment: li;
      content: "0" counter(li);
      font-size: 14px;
      letter-spacing: -0px;
      margin: 0px 20px 0px 0px;
      border-bottom: 2px solid #0182d2;
      color: #282833;
      position: relative;
      top: -3px; }
      @media (max-width: 599px) {
        .section-bodycopy ol li:before {
          margin: 0px 10px 0px 0px;
          position: relative;
          top: -33px;
          left: 29px; } }
      @media (min-width: 1280px) {
        .section-bodycopy ol li:before {
          margin: 0px 29px 0px 0px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .section-bodycopy ol li:before {
          margin: 0px 19px 0px 0px; } }
    .section-bodycopy ol li span:before {
      display: none !important; }

.section-bodycopy .para-head {
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: 0px;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  margin-top: 10px; }
  .section-bodycopy .para-head h2 {
    font-size: 18px;
    display: inline; }

@media (min-width: 1800px) {
  .articleplaceholder {
    float: none !important;
    max-width: 1800px;
    margin: 0 auto 0 auto;
    display: block; } }

@media (min-width: 1800px) {
  .breaker, .navbar, .feedheader, .social-media-block-wrap {
    float: none !important;
    max-width: 1800px;
    margin: 60px auto 0 auto;
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 60px;
    margin-right: auto !important;
    margin-bottom: 0;
    margin-left: auto !important;
    display: block; } }

@media (min-width: 1800px) {
  header {
    background-color: #ffffff; } }

@media (min-width: 1800px) {
  .navbar {
    float: none !important;
    max-width: 1800px;
    margin: 0 auto;
    display: block; } }

section:after {
  content: '';
  display: block;
  clear: both; }

.section-bodycopy ol li:last-child, .section-bodycopy ul li:last-child {
  padding-bottom: 0; }

ul, ol {
  margin-top: 0;
  margin-bottom: 0; }

.bodycopy ul + p {
  padding-top: 20px; }

.bodycopy a[href*="www"],
.bodycopy a[href*="http"] {
  border-bottom: 2px solid #00adf2;
  text-decoration: none;
  color: #282828; }
  .bodycopy a[href*="www"]:focus,
  .bodycopy a[href*="http"]:focus {
    text-decoration: none;
    border-bottom: 2px solid #00adf2 !important; }
  @media (min-width: 1280px) {
    .bodycopy a[href*="www"],
    .bodycopy a[href*="http"] {
      border-bottom: 2px solid #00adf2; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .bodycopy a[href*="www"],
    .bodycopy a[href*="http"] {
      border-bottom: 2px solid #00adf2; } }
  .bodycopy a[href*="www"]:after,
  .bodycopy a[href*="http"]:after {
    background: url(../images/icon/Offsite.svg) no-repeat;
    content: " ";
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    z-index: 99;
    margin-right: 1px;
    top: 3px;
    left: 2px; }
  .bodycopy a[href*="www"]:hover,
  .bodycopy a[href*="http"]:hover {
    text-decoration: none;
    color: #00adf2; }

.bodycopy a[href*="pdf"]:after,
.bodycopy a[href*="azureedge"]:after {
  background: none;
  content: " ";
  display: none; }

/*Search Panel*/
.stickpage {
  overflow: hidden;
  height: 100%;
  position: relative; }

.search-modal {
  /*@KeyFrame animation*/ }
  .search-modal input,
  .search-modal textarea,
  .search-modal [contenteditable] {
    caret-color: white; }
  .search-modal .stickpage {
    overflow: hidden;
    height: 100%;
    position: relative; }
  .search-modal label {
    height: 0px;
    display: none; }
  .search-modal .modal {
    background: #0182d2;
    max-width: 1800px;
    margin: 0 auto;
    overflow: hidden;
    padding-right: 0px !important;
    width: 100%;
    z-index: 9999; }
    .search-modal .modal .modal-dialog {
      height: calc(100%);
      margin: 0px;
      /*overflow:hidden;*/
      /*overflow:scroll;*/
      overflow-y: auto;
      width: 100%; }
      .search-modal .modal .modal-dialog .modal-content {
        background: #0182d2;
        border: 0px;
        box-shadow: none;
        border-radius: 0;
        /*height: 100%;*/
        height: auto; }
        .search-modal .modal .modal-dialog .modal-content .modal-header {
          border-bottom: none;
          padding: 15px 15px 0px;
          width: 100%; }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .search-modal .modal .modal-dialog .modal-content .modal-header {
              padding: 15px 0px 0px; } }
          @media (min-width: 1280px) {
            .search-modal .modal .modal-dialog .modal-content .modal-header {
              padding: 15px 0px 0px; } }
          .search-modal .modal .modal-dialog .modal-content .modal-header .row-header {
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
            position: relative;
            padding-bottom: 10px; }
            @media (max-width: 599px) {
              .search-modal .modal .modal-dialog .modal-content .modal-header .row-header {
                margin: auto;
                padding-bottom: 5px;
                width: 93%; } }
            @media (min-width: 600px) and (max-width: 1039px) {
              .search-modal .modal .modal-dialog .modal-content .modal-header .row-header {
                margin: auto;
                padding-bottom: 5px;
                width: 94%; } }
            .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 {
              margin-top: 30px; }
              @media (min-width: 1040px) and (max-width: 1279px) {
                .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 {
                  padding-left: 42px;
                  margin-top: 12px; } }
              @media (min-width: 1280px) {
                .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 {
                  padding-left: 39px;
                  margin-top: -1px; } }
              .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 input[type=text] {
                background: transparent;
                border-radius: 0;
                border-style: none;
                box-shadow: none;
                color: #fff;
                display: inline-block;
                font-size: 42px;
                font-weight: normal;
                height: 53px;
                line-height: normal;
                letter-spacing: normal;
                margin-top: 10.5px;
                outline: 0;
                position: relative;
                padding: 0px;
                text-align: left;
                width: 100%; }
                .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 input[type=text]::placeholder {
                  color: #fff;
                  opacity: 0.35;
                  text-align: left; }
                .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 input[type=text]:-ms-input-placeholder {
                  color: #fff;
                  opacity: 0.35;
                  text-align: left; }
                @media (min-width: 1040px) and (max-width: 1279px) {
                  .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 input[type=text] {
                    display: inline-block;
                    float: left;
                    font-size: 72px;
                    height: 92px;
                    letter-spacing: -1px;
                    margin-top: 0px;
                    padding: 0px 15px 0px 0px;
                    width: 65%; } }
                @media (min-width: 1280px) {
                  .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 input[type=text] {
                    display: inline-block;
                    float: left;
                    font-size: 80px;
                    height: auto;
                    letter-spacing: normal;
                    margin-top: 0px;
                    padding: 0px 15px 0px 16px;
                    width: 65%; } }
              .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 .input-group-btn {
                display: inline-block;
                width: 27%; }
                @media (min-width: 1280px) {
                  .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 .input-group-btn {
                    margin-top: 28px; } }
                @media (min-width: 1040px) and (max-width: 1279px) {
                  .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 .input-group-btn {
                    margin-top: 25px; } }
                .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 .input-group-btn .btn {
                  background-color: transparent;
                  border: 1px solid #ffffff;
                  border-radius: 0px;
                  box-shadow: none;
                  color: #ffffff;
                  font-size: 15px;
                  height: 50px;
                  letter-spacing: 0.8px;
                  text-align: left;
                  width: auto;
                  -webkit-transition: all 0.25s ease;
                  transition: all 0.25s ease; }
                  @media (min-width: 1040px) and (max-width: 1279px) {
                    .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 .input-group-btn .btn {
                      float: right;
                      padding: 14px 0px 0px 14px; } }
                  @media (min-width: 1280px) {
                    .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 .input-group-btn .btn {
                      float: right;
                      border: 1px solid rgba(255, 255, 255, 0.5) !important;
                      padding: 14px 0px 0px 14px; } }
                  .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 .input-group-btn .btn .search-ico {
                    background: url(../images/icon/Search-white.svg);
                    background-repeat: no-repeat;
                    background-size: 18px;
                    height: 35px;
                    width: 35px;
                    display: block;
                    margin-left: 20px;
                    float: right; }
          .search-modal .modal .modal-dialog .modal-content .modal-header .close {
            color: #fff;
            font-size: 15px;
            font-weight: normal;
            height: 13.7px;
            line-height: 1;
            margin-top: 5px;
            margin-right: 3px;
            opacity: 1;
            position: absolute;
            right: 0;
            top: -30px;
            text-shadow: none;
            width: 13.7px;
            z-index: 2; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .search-modal .modal .modal-dialog .modal-content .modal-header .close {
                margin-right: 0px;
                right: 4px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .search-modal .modal .modal-dialog .modal-content .modal-header .close {
                height: 31px;
                position: absolute;
                right: 31px;
                top: 26px;
                width: 31px; } }
            @media (min-width: 1280px) {
              .search-modal .modal .modal-dialog .modal-content .modal-header .close {
                height: 31px;
                position: absolute;
                right: 48px;
                top: 33px;
                width: 31px; } }
        .search-modal .modal .modal-dialog .modal-content .modal-body {
          height: 100%;
          position: relative;
          padding: 0px; }
          .search-modal .modal .modal-dialog .modal-content .modal-body .row-content h3 {
            color: #ffffff;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.9px;
            line-height: 2;
            margin: 0px;
            opacity: 0.5;
            padding: 0px;
            text-align: center;
            text-transform: uppercase; }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content h3 {
                text-align: left; } }
            @media (min-width: 1280px) {
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content h3 {
                text-align: left; } }
          .search-modal .modal .modal-dialog .modal-content .modal-body .row-content ul {
            padding-top: 0px; }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content ul {
                float: left; } }
            @media (min-width: 1280px) {
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content ul {
                float: left; } }
            .search-modal .modal .modal-dialog .modal-content .modal-body .row-content ul li {
              font-size: 18px;
              font-weight: normal;
              font-style: normal;
              line-height: 2.78;
              letter-spacing: normal;
              text-align: center;
              clear: both; }
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content ul li a {
                color: #ffffff;
                text-decoration: none; }
                @media (min-width: 1040px) and (max-width: 1279px) {
                  .search-modal .modal .modal-dialog .modal-content .modal-body .row-content ul li a {
                    float: left; } }
                @media (min-width: 1280px) {
                  .search-modal .modal .modal-dialog .modal-content .modal-body .row-content ul li a {
                    float: left; } }
          .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search {
            overflow-y: hidden;
            /*float:right;*/ }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search {
                margin-top: 28px; } }
            @media (min-width: 1280px) {
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search {
                margin-top: 29px; } }
            @media (max-width: 599px) {
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(2) {
                margin-top: 30%; } }
            @media (min-width: 600px) and (max-width: 1039px) {
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(2) {
                margin-top: 10%; } }
            .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(2) ul {
              animation: 1s fadeInUp;
              padding-top: 15px; }
              @media (min-width: 1280px) {
                .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(2) ul {
                  padding-top: 7px; } }
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(2) ul li {
                font-weight: normal;
                font-style: normal;
                letter-spacing: normal;
                text-align: center; }
                @media (min-width: 1040px) and (max-width: 1279px) {
                  .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(2) ul li {
                    font-size: 28px;
                    line-height: 2.14;
                    text-align: left; } }
                @media (min-width: 1280px) {
                  .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(2) ul li {
                    font-size: 36px;
                    line-height: 2;
                    text-align: left; } }
                .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(2) ul li a {
                  color: #ffffff;
                  text-decoration: none; }
                @media (min-width: 1040px) and (max-width: 1279px) {
                  .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(2) ul li span {
                    background: url(../images/icon/Arrow-small-white.svg);
                    background-repeat: no-repeat;
                    display: inline-block;
                    height: 11px;
                    margin-left: 10px;
                    width: 21px; } }
                @media (min-width: 1280px) {
                  .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(2) ul li span {
                    background: url(../images/icon/Arrow-small-white.svg);
                    background-repeat: no-repeat;
                    display: inline-block;
                    height: 11px;
                    margin-left: 10px;
                    width: 21px; } }
            .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(1) h3 {
              color: #ffffff;
              font-size: 14px;
              font-weight: 500;
              letter-spacing: 0.9px;
              line-height: 2;
              margin: 0px;
              opacity: 1;
              padding-left: 33px;
              text-align: center;
              text-transform: uppercase;
              float: left; }
              @media (min-width: 600px) and (max-width: 1039px) {
                .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(1) h3 {
                  padding-left: 4.9%; } }
              @media (min-width: 1040px) and (max-width: 1279px) {
                .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(1) h3 {
                  text-align: left;
                  padding-left: 52px; } }
              @media (min-width: 1280px) {
                .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.right-popular-search:nth-of-type(1) h3 {
                  text-align: left;
                  padding-left: 60px; } }
          .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.no-search-text {
            margin-top: 22px; }
            @media (max-width: 599px) {
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.no-search-text .predictive-search-wrapper {
                display: none; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.no-search-text .predictive-search-wrapper ul {
                padding-left: 45px; } }
            @media (min-width: 1280px) {
              .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.no-search-text .predictive-search-wrapper ul {
                padding-left: 60px; } }
            .search-modal .modal .modal-dialog .modal-content .modal-body .row-content .col-md-6.no-search-text .predictive-search-wrapper ul li a {
              font-size: 20px;
              font-weight: normal;
              line-height: 1.75;
              opacity: 0.75; }
  .search-modal .diamond-icon {
    bottom: 15px;
    height: 49.7px;
    left: 59px;
    margin-bottom: 42px;
    position: absolute;
    width: 35.7px; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0); }
  to {
    opacity: 1;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 1;
    transform: none; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
  .search-modal .fadeIn {
    animation-name: fadeIn; }
  .search-modal .fadeInUp {
    animation-name: fadeInUp; }
  .search-modal .fadeInDown {
    animation-name: fadeInDown; }
  .search-modal .animated {
    animation-duration: 1s;
    animation-fill-mode: both; }

/*IE fixes*/
.ie11 .search-modal .right-popular-search ul li a {
  clear: both; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .ie11 .search-modal .right-popular-search ul li a span {
      height: 13.5px; } }
  @media (min-width: 1280px) {
    .ie11 .search-modal .right-popular-search ul li a span {
      height: 15px; } }

/*IE fixes ends here*/
.search-hover {
  background: url(../images/icon/Search.svg);
  background-repeat: no-repeat;
  background-size: 18px;
  height: 35px;
  width: 35px;
  display: block;
  margin-left: 20px;
  float: right; }

.panel-hover {
  background-color: #fff !important;
  color: #282828 !important;
  font-weight: 700; }

.firefox .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 .input-group-btn .btn .search-ico {
  margin-top: -19px; }

.firefox .search-modal .modal .modal-dialog .modal-content .modal-header .row-header .col-xs-12 .input-group-btn .btn .search-hover {
  margin-top: -19px; }

/*style start*/
.brandcards-component {
  padding: 0 16px;
  clear: both;
  float: left;
  width: 100%; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .brandcards-component {
      padding: 0px 42px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .brandcards-component {
      padding: 0 42px; } }
  @media (min-width: 1280px) {
    .brandcards-component {
      padding: 0 60px; } }
  .brandcards-component .brand-margin {
    margin-top: 72px; }
  .brandcards-component .row {
    border-bottom: 1px solid rgba(40, 40, 40, 0.5); }
    @media (max-width: 599px) {
      .brandcards-component .row {
        border-bottom: none; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brandcards-component .row {
        padding-bottom: 45px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brandcards-component .row {
        padding-bottom: 60px; } }
    @media (min-width: 1280px) {
      .brandcards-component .row {
        padding-bottom: 60px; } }
  @media (max-width: 599px) {
    .brandcards-component .row:after {
      border-bottom: 1px solid rgba(40, 40, 40, 0.5);
      padding-bottom: 50px;
      width: 91%;
      margin-left: 4.8%; } }
  .brandcards-component .brand-content {
    padding: 0 16px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brandcards-component .brand-content {
        padding: 0;
        width: 53%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brandcards-component .brand-content {
        padding-right: 44px;
        width: 35.8%; } }
    @media (min-width: 1280px) {
      .brandcards-component .brand-content {
        padding-right: 60px;
        width: 36.9%; } }
    .brandcards-component .brand-content h4 {
      font-weight: normal;
      margin-top: 0px;
      margin-bottom: 0px; }
    .brandcards-component .brand-content .brand-content-heading {
      color: #282828;
      font-size: 24px;
      letter-spacing: -0.3px;
      line-height: 1;
      text-align: left; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .brandcards-component .brand-content .brand-content-heading {
          font-size: 24px;
          line-height: 1; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .brandcards-component .brand-content .brand-content-heading {
          font-size: 30px;
          line-height: 1.33; } }
      @media (min-width: 1280px) {
        .brandcards-component .brand-content .brand-content-heading {
          font-size: 30px;
          line-height: 1.33; } }
    .brandcards-component .brand-content .brand-content-description {
      color: #282828;
      font-size: 16px;
      line-height: 1.63;
      padding-top: 20px;
      text-align: left; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .brandcards-component .brand-content .brand-content-description {
          font-size: 16px;
          line-height: 1.63; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .brandcards-component .brand-content .brand-content-description {
          font-size: 18px;
          line-height: 1.56; } }
      @media (min-width: 1280px) {
        .brandcards-component .brand-content .brand-content-description {
          font-size: 18px;
          line-height: 1.56; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .brandcards-component .brand-cards-wrapper {
      width: 63%; } }
  @media (min-width: 1280px) {
    .brandcards-component .brand-cards-wrapper {
      width: 59%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .brandcards-component .brand-cards-wrapper .brandcard:nth-child(1) {
      margin-top: 0px; } }
  @media (min-width: 1280px) {
    .brandcards-component .brand-cards-wrapper .brandcard:nth-child(1) {
      margin-top: 0px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .brandcards-component .brand-cards-wrapper .brandcard:nth-child(2) {
      margin-top: 0px; } }
  @media (min-width: 1280px) {
    .brandcards-component .brand-cards-wrapper .brandcard:nth-child(2) {
      margin-top: 0px; } }
  .brandcards-component .brand-cards-wrapper .brandcard {
    margin: 20px 0px 0px 0px;
    position: relative; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brandcards-component .brand-cards-wrapper .brandcard {
        margin: 45px 0px 0px 0px;
        width: 46.5%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brandcards-component .brand-cards-wrapper .brandcard {
        margin: 22px 0px 0px 0px;
        width: 45.5%; } }
    @media (min-width: 1280px) {
      .brandcards-component .brand-cards-wrapper .brandcard {
        margin: 30px 0px 0px 0px;
        width: 43%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard:nth-child(odd) {
        margin-right: 3.2%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard:nth-child(odd) {
        margin-right: 22px;
        margin-bottom: 20px; } }
    @media (min-width: 1280px) {
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard:nth-child(odd) {
        margin-right: 30px;
        margin-bottom: 30px; } }
    .brandcards-component .brand-cards-wrapper .brandcard .brand-image {
      /* position:absolute;	*/
      width: 75%;
      margin: auto;
      /*left: 0;				
				bottom: 0;
				right: 0;*/
      position: relative;
      top: 50%;
      transform: perspective(1px) translateY(-50%); }
    .brandcards-component .brand-cards-wrapper .brandcard > img {
      display: block;
      max-width: 100%;
      height: auto; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-windex-blue {
      background-color: #02a5e0; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-windex-blue .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-duck-red {
      background-color: #ed1c24; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-duck-red .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-muscle-blue {
      background-color: #193989; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-muscle-blue .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-pledge-yellow {
      background-color: #ffce04; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-pledge-yellow .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-ziploc-blue {
      background-color: #00adf2; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-drano-gray {
      background-color: #ebebeb; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-drano-gray .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-off-orange {
      background-color: #f88023; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-off-orange .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-raid-black {
      background-color: #1a1918; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-raid-black .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-glade-cyan {
      background-color: #21aad6; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-glade-cyan .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-caldrea-yellow {
      background-color: #f6d828; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-caldrea-yellow .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-meyers-magenta {
      background-color: #d1cad2; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-meyers-magenta .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-shout-blue {
      background-color: #00b7f5; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-shout-blue .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-scrubbing-green {
      background-color: #61bb46; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-scrubbing-green .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-fantastik-yellow {
      background-color: #f1f046; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-fantastik-yellow .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-Armstrong-violet {
      background-color: #37168a; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-Armstrong-violet .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-johnson-gray {
      background-color: #f5f5f5; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-johnson-gray .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-kiwi-red {
      background-color: #ee2e24; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-kiwi-red .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-saran-blue {
      background-color: #daf1fa; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-saran-blue .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-baygon-red {
      background-color: #f33c40; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-baygon-red .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-autan-red {
      background-color: #ec2d23; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-autan-red .brand-image {
        width: 75%; }
    .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-babyganics-green {
      background-color: #89c548; }
      .brandcards-component .brand-cards-wrapper .brandcard.brandcard-bg-babyganics-green .brand-image {
        width: 75%; }
  .brandcards-component .endline {
    margin: 60px 0px;
    opacity: 0.5;
    border-bottom: 1px solid #282828;
    width: inherit; }

.brand-container .animate-new-cards {
  display: inline-block;
  opacity: 0;
  margin-top: 80px; }

@media (max-width: 599px) {
  .brand-container .brandcards-component:last-child .row:after {
    /* border-bottom: none; //Bug 92131
				padding-bottom:0px; */ } }

/*style end*/
/*search results section nandish*/
.search-results-header {
  background-color: #0182d2; }
  @media (max-width: 599px) {
    .search-results-header {
      padding-bottom: 20px; } }
  .search-results-header .cont.cont-mobile {
    margin-left: 0; }

/*filter code*/
.search-results .suggested-main-container {
  display: none;
  margin-top: 0px;
  padding-top: 0px !important; }

.search-results-container .no-results-found {
  display: none; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .search-results-container .no-results-found {
      padding: 40px 41px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .search-results-container .no-results-found {
      padding: 41px 43px; } }
  @media (min-width: 1280px) {
    .search-results-container .no-results-found {
      padding: 40px 60px; } }
  @media (min-width: 1800px) {
    .search-results-container .no-results-found {
      display: block;
      max-width: 1800px;
      margin: 0 auto;
      padding: 40px 0px; } }
  @media (min-width: 1280px) {
    .search-results-container .no-results-found .right-popular-search ul {
      padding-top: 0; } }

@media (max-width: 599px) {
  .search-results .right-popular-search {
    display: none !important; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .search-results .right-popular-search {
    display: none !important; } }

@media (min-width: 1280px) {
  .search-results .right-popular-search {
    display: none; } }

.search-results .search-bar .btn.active.focus,
.search-results .search-bar .btn.active:focus,
.search-results .search-bar .btn.focus,
.search-results .search-bar .btn.focus:active,
.search-results .search-bar .btn:active:focus,
.search-results .search-bar .btn:focus {
  outline: 0 !important;
  outline-offset: 0 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.333333) !important; }
  @media (max-width: 599px) {
    .search-results .search-bar .btn.active.focus,
    .search-results .search-bar .btn.active:focus,
    .search-results .search-bar .btn.focus,
    .search-results .search-bar .btn.focus:active,
    .search-results .search-bar .btn:active:focus,
    .search-results .search-bar .btn:focus {
      outline: 0 !important;
      outline-offset: 0 !important;
      background-image: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border: 0 !important; } }

.search-results .search-bar.search-scrollbottom .btn.active.focus,
.search-results .search-bar.search-scrollbottom .btn.active:focus,
.search-results .search-bar.search-scrollbottom .btn.focus,
.search-results .search-bar.search-scrollbottom .btn.focus:active,
.search-results .search-bar.search-scrollbottom .btn:active:focus,
.search-results .search-bar.search-scrollbottom .btn:focus {
  outline: 0 !important;
  outline-offset: 0 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 0 !important; }

section.search-results .row.search-feed-container.bg-articlecolor {
  background-color: #fff; }

/**/
section.search-results {
  height: 100%;
  min-height: 106px;
  margin-top: -1px; }
  @media (min-width: 1800px) {
    section.search-results {
      margin-top: 0px; } }
  section.search-results.search-filter-feed {
    /* 

            //new class added 
            .search-bar {
                border: 1px solid #f00;

                .col-xs-12 {
                    span {
                        &.input-group-btn {
                            top: -55px;
                        }
                    }

                    .input-group-sm {
                        margin-top: 0;
                        height: 70px;
                        float: left;
                        position: relative;
                        overflow: hidden;
                        width: 90%;

                        .form-control {
                            height: 65px;
                        }
                    }
                }

                &.search-scrollbottom {
                    min-height: auto;
                    height: 10px;
                    top: 0;
                    width: 100%;
                    right: 0;
                    padding-left: 63px;
                    border: 1px solid #f00;

                    .col-xs-12 {
                        margin-top: 30px;
                        padding: 0;

                        .input-group-sm {
                            &:after {
                                bottom: 45px;
                            }

                            .form-control {
                                @include desktop {
                                    border: 1px solid
                                }
                            }
                        }

                        span {
                            top: -39px;
                        }
                    }


                }
            } */ }
    @media (min-width: 1800px) {
      section.search-results.search-filter-feed .search-bar .col-xs-12 .input-group-sm {
        padding: 0 0px 0 60px; } }
    section.search-results.search-filter-feed .search-bar .col-xs-12 span.input-group-btn {
      top: -30px; }
      @media (min-width: 1280px) {
        section.search-results.search-filter-feed .search-bar .col-xs-12 span.input-group-btn {
          top: -82px; } }
      @media (min-width: 1800px) {
        section.search-results.search-filter-feed .search-bar .col-xs-12 span.input-group-btn {
          right: 60px; } }
    section.search-results.search-filter-feed .search-bar.search-scrollbottom {
      left: 0; }
      section.search-results.search-filter-feed .search-bar.search-scrollbottom .input-group-sm {
        height: 115px; }
      @media (min-width: 1280px) {
        section.search-results.search-filter-feed .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn {
          top: -32px; } }
  section.search-results .search-bar {
    background-color: #0182d2;
    width: 100%;
    z-index: 10;
    top: 0;
    float: left; }
    @media (max-width: 599px) {
      section.search-results .search-bar {
        min-height: 127px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      section.search-results .search-bar {
        min-height: 127px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.search-results .search-bar {
        min-height: 166px; } }
    @media (min-width: 1280px) {
      section.search-results .search-bar {
        min-height: 206px; } }
    @media (min-width: 1800px) {
      section.search-results .search-bar {
        width: 100%; } }
    section.search-results .search-bar .col-xs-12 {
      padding: 0px 30px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results .search-bar .col-xs-12 {
          padding-top: 10px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .search-bar .col-xs-12 {
          padding: 0px 41px; } }
      @media (min-width: 1280px) {
        section.search-results .search-bar .col-xs-12 {
          padding: 0px 60px;
          margin-top: 42px; } }
      @media (min-width: 1800px) {
        section.search-results .search-bar .col-xs-12 {
          padding: 0px 0px; } }
      section.search-results .search-bar .col-xs-12 p {
        line-height: 1.22;
        font-size: 18px;
        opacity: 0.65;
        color: #ffffff;
        text-transform: none;
        letter-spacing: normal;
        font-weight: normal;
        margin-top: 0;
        margin-bottom: 0;
        height: 22px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results .search-bar .col-xs-12 p {
            margin-top: 20px;
            margin-bottom: 0; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results .search-bar .col-xs-12 p {
            margin-bottom: 20px;
            margin-top: 27px;
            letter-spacing: normal;
            font-size: 16px;
            line-height: 1.38;
            margin-bottom: 0; } }
        @media (min-width: 1800px) {
          section.search-results .search-bar .col-xs-12 p {
            max-width: 1800px;
            margin: 0 auto; } }
      section.search-results .search-bar .col-xs-12 .input-group-sm {
        margin-top: 0;
        height: 70px;
        float: left;
        position: relative;
        overflow: hidden;
        width: 100%; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results .search-bar .col-xs-12 .input-group-sm {
            height: 97px;
            margin-top: 10px; } }
        @media (min-width: 1280px) {
          section.search-results .search-bar .col-xs-12 .input-group-sm {
            height: 115px; } }
        @media (min-width: 1800px) {
          section.search-results .search-bar .col-xs-12 .input-group-sm {
            max-width: 1800px;
            margin: 0 auto;
            float: none; } }
        section.search-results .search-bar .col-xs-12 .input-group-sm:after {
          content: "";
          position: absolute;
          width: 100%;
          height: 1px;
          background: #ffffff;
          opacity: 0.45;
          bottom: 0; }
          @media (min-width: 1040px) and (max-width: 1279px) {
            section.search-results .search-bar .col-xs-12 .input-group-sm:after {
              display: none; } }
          @media (min-width: 1280px) {
            section.search-results .search-bar .col-xs-12 .input-group-sm:after {
              display: none; } }
        section.search-results .search-bar .col-xs-12 .input-group-sm .form-control {
          width: 85%;
          height: 64px;
          border: 0;
          background: transparent;
          color: #fff;
          outline: 0;
          box-shadow: none;
          font-size: 42px;
          padding: 0;
          border-bottom-left-radius: 0;
          padding-bottom: 4px;
          border-bottom: 0; }
          @media (max-width: 599px) {
            section.search-results .search-bar .col-xs-12 .input-group-sm .form-control {
              width: 82%; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            section.search-results .search-bar .col-xs-12 .input-group-sm .form-control {
              padding-bottom: 5px;
              border-bottom: 0;
              height: 70px;
              width: 87%; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            section.search-results .search-bar .col-xs-12 .input-group-sm .form-control {
              font-size: 72px;
              height: 110px;
              border-bottom: 0;
              width: 80%; } }
          @media (min-width: 1280px) {
            section.search-results .search-bar .col-xs-12 .input-group-sm .form-control {
              border-bottom: 0;
              font-size: 80px;
              height: 110px;
              margin-top: 6px; } }
          @media (min-width: 1800px) {
            section.search-results .search-bar .col-xs-12 .input-group-sm .form-control {
              height: auto; } }
      section.search-results .search-bar .col-xs-12 span {
        width: auto;
        float: right;
        top: -45px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results .search-bar .col-xs-12 span {
            top: -45px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results .search-bar .col-xs-12 span {
            top: -70px; } }
        @media (min-width: 1280px) {
          section.search-results .search-bar .col-xs-12 span {
            top: -82px; } }
        section.search-results .search-bar .col-xs-12 span.input-group-btn {
          top: 0; }
        section.search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
          float: right;
          background: transparent;
          border: 0;
          color: #0182d2;
          right: -10px;
          box-shadow: none !important; }
          @media (max-width: 599px) {
            section.search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
              font-size: 0; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            section.search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
              box-shadow: none !important;
              border: none !important;
              background-color: transparent; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            section.search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
              border: 1px solid rgba(255, 255, 255, 0.333333);
              width: auto;
              text-align: left;
              padding-left: 26px;
              background-color: transparent;
              -webkit-mask: unset;
              background-position: 94px 12px;
              color: #ffffff;
              height: 50px;
              right: 0;
              font-size: 15px;
              text-transform: uppercase;
              letter-spacing: 0.8px;
              border-radius: 0; } }
          @media (min-width: 1280px) {
            section.search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
              border: 1px solid rgba(255, 255, 255, 0.333333);
              width: auto;
              text-align: left;
              padding-left: 26px;
              background-color: transparent;
              -webkit-mask: unset;
              background-position: 94px 12px;
              color: #ffffff;
              height: 50px;
              right: 0;
              font-size: 15px;
              text-transform: uppercase;
              letter-spacing: 0.8px;
              border-radius: 0; } }
          @media (min-width: 1800px) {
            section.search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
              width: auto; } }
          section.search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default span {
            background: url(../images/icon/Search-white.svg);
            background-repeat: no-repeat;
            background-position: 3px 2px;
            padding: 0;
            margin: 0;
            border: 0;
            box-shadow: none;
            background-color: transparent;
            float: right; }
            @media (max-width: 599px) {
              section.search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default span {
                height: 27px;
                background: url(../images/icon/Search-white.svg);
                background-repeat: no-repeat;
                width: 18px;
                float: right; } }
            @media (min-width: 600px) and (max-width: 1039px) {
              section.search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default span {
                height: 21px;
                background: url(../images/icon/Search-white.svg);
                background-repeat: no-repeat;
                width: 18px;
                float: right; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              section.search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default span {
                font-size: 15px;
                display: block;
                text-transform: uppercase;
                letter-spacing: 0.6px;
                width: 30px;
                height: 21px;
                -webkit-mask-position: -1px -1px;
                margin-left: 8px; } }
            @media (min-width: 1280px) {
              section.search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default span {
                font-size: 15px;
                display: block;
                text-transform: uppercase;
                letter-spacing: 0.6px;
                width: 30px;
                height: 21px;
                -webkit-mask-position: -1px -1px;
                margin-left: 6px; } }
      section.search-results .search-bar .col-xs-12 span:nth-of-type(2) {
        display: none; }

@-webkit-keyframes searchscroll {
  0% {
    height: 0; }
  100% {
    height: 90px; } }

@-moz-keyframes searchscroll {
  0% {
    height: 0; }
  100% {
    height: 90px; } }

@keyframes searchscroll {
  0% {
    height: 0; }
  100% {
    height: 90px; } }

@-webkit-keyframes searchscrollMob {
  0% {
    height: 0; }
  100% {
    height: 50px; } }

@-moz-keyframes searchscrollMob {
  0% {
    height: 0; }
  100% {
    height: 50px; } }

@keyframes searchscrollMob {
  0% {
    height: 0; }
  100% {
    height: 50px; } }
    section.search-results .search-bar.search-scrollbottom {
      /*height: 90px;*/
      overflow: hidden;
      -webkit-overflow-scrolling: touch !important;
      /* animation: 'name of animation' 'duration' 'progress' 'delay' */
      -moz-animation: searchscroll 0.5s forwards;
      animation: searchscroll 0.5s forwards;
      -webkit-animation: searchscroll 0.5s forwards;
      position: fixed;
      margin-bottom: 50px; }
      @media (max-width: 599px) {
        section.search-results .search-bar.search-scrollbottom {
          min-height: auto;
          height: 0 !important;
          -moz-animation: searchscrollMob 0.5s forwards;
          animation: searchscrollMob 0.5s forwards;
          -webkit-animation: searchscrollMob 0.5s forwards; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results .search-bar.search-scrollbottom {
          min-height: auto;
          height: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .search-bar.search-scrollbottom {
          min-height: auto;
          height: 0; } }
      @media (min-width: 1280px) {
        section.search-results .search-bar.search-scrollbottom {
          min-height: auto;
          height: 0; } }
      section.search-results .search-bar.search-scrollbottom p {
        display: none; }
      section.search-results .search-bar.search-scrollbottom .col-xs-12 {
        margin-top: 0; }
        @media (max-width: 599px) {
          section.search-results .search-bar.search-scrollbottom .col-xs-12 {
            padding-top: 0 !important; } }
        @media (max-width: 599px) {
          section.search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm {
            height: 40px; } }
        section.search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm .form-control {
          font-size: 26px;
          height: 53px;
          margin-top: 13px; }
          @media (max-width: 599px) {
            section.search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm .form-control {
              margin-top: 0; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            section.search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm .form-control {
              height: 39px;
              margin-top: 22px; } }
          @media (min-width: 1280px) {
            section.search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm .form-control {
              height: 33px;
              margin-top: 22px;
              padding-bottom: 0;
              width: 87%; } }
        section.search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm:after {
          content: "";
          position: absolute;
          width: 100%;
          height: 1px;
          background: #ffffff;
          opacity: 0.45;
          bottom: 0;
          display: block; }
          @media (max-width: 599px) {
            section.search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm:after {
              bottom: -6px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            section.search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm:after {
              bottom: 5px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            section.search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm:after {
              bottom: 28px; } }
          @media (min-width: 1280px) {
            section.search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm:after {
              bottom: 45px; } }
        section.search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm .input-group-btn {
          /*@include mobile{
                                top: -39px;
                            } */ }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .search-bar.search-scrollbottom .col-xs-12 span {
          top: 20px; } }
      @media (min-width: 1280px) {
        section.search-results .search-bar.search-scrollbottom .col-xs-12 span {
          top: 45px; } }
      section.search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn button.btn.btn-default {
        border: 0;
        font-size: 15px;
        right: -11px; }
        @media (max-width: 599px) {
          section.search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn button.btn.btn-default {
            font-size: 0; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn button.btn.btn-default {
            right: -11px;
            font-size: 0; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn button.btn.btn-default {
            right: -21px; } }
        @media (min-width: 1280px) {
          section.search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn button.btn.btn-default {
            right: -21px; } }
    section.search-results .search-bar .predictive-search-wrapper {
      padding-left: 30px;
      float: left;
      padding-bottom: 15px; }
      @media (max-width: 599px) {
        section.search-results .search-bar .predictive-search-wrapper {
          display: none; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .search-bar .predictive-search-wrapper {
          padding-left: 50px;
          margin-top: 15px;
          padding-bottom: 20px; } }
      @media (min-width: 1280px) {
        section.search-results .search-bar .predictive-search-wrapper {
          padding-left: 65px;
          padding-bottom: 30px;
          margin-top: 10px; } }
      @media (min-width: 1800px) {
        section.search-results .search-bar .predictive-search-wrapper {
          padding-left: 0;
          float: none;
          max-width: 1800px;
          margin: 0 auto;
          margin-top: 190px; } }
      section.search-results .search-bar .predictive-search-wrapper ul li a {
        color: #fff;
        font-size: 20px;
        font-weight: normal;
        line-height: 1.75;
        opacity: 0.75; }
  @media (max-width: 599px) {
    section.search-results .search-results-container {
      position: relative; } }
  section.search-results .search-results-container p.search-results-count {
    display: none; }
  section.search-results .search-results-container .spell-check-wrapper {
    padding: 5px 0 0 30px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.search-results .search-results-container .spell-check-wrapper {
        padding: 15px 0 0 42px; } }
    @media (min-width: 1280px) {
      section.search-results .search-results-container .spell-check-wrapper {
        padding: 23px 0 0 60px; } }
    section.search-results .search-results-container .spell-check-wrapper .spell-check-text {
      font-weight: normal;
      margin-bottom: 0;
      display: inline-block;
      /* Change Request 94068 */
      line-height: 1.22;
      font-size: 26px; }
      @media (max-width: 599px) {
        section.search-results .search-results-container .spell-check-wrapper .spell-check-text {
          font-size: 18px; } }
      section.search-results .search-results-container .spell-check-wrapper .spell-check-text .spell-check-keyword {
        color: #de4649;
        /* Change Request 94068: #282828; the color is changed back to red based on mail from PA */ }
      section.search-results .search-results-container .spell-check-wrapper .spell-check-text:first-child .spell-check-keyword {
        color: #282828;
        font-weight: 500;
        /* Change Request 94068 */ }
  @media (max-width: 599px) {
    section.search-results .search-results-container .no-results-found .right-popular-search {
      display: none !important; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    section.search-results .search-results-container .no-results-found .right-popular-search {
      display: none !important; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    section.search-results .search-results-container .no-results-found .right-popular-search {
      display: none !important; } }
  section.search-results .search-results-container .lazyload-container .loaderblock {
    /* display: none;  not showing the rotating-double diamonds animation */
    top: 0; }
  @media (max-width: 599px) {
    section.search-results .search-results-container .lazyload-container {
      top: 20px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    section.search-results .search-results-container .lazyload-container {
      top: 40px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    section.search-results section.feedpage-filter-block {
      width: 61%;
      display: inline-block; } }
  @media (min-width: 1280px) {
    section.search-results section.feedpage-filter-block {
      width: 61%;
      display: inline-block; } }
  section.search-results section.feedpage-filter-block.breaker {
    padding: 0px 30px 0 30px;
    position: relative; }
    @media (max-width: 599px) {
      section.search-results section.feedpage-filter-block.breaker {
        padding: 0px 30px 0 30px;
        position: static;
        height: auto;
        width: auto;
        margin-bottom: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      section.search-results section.feedpage-filter-block.breaker {
        padding: 0;
        margin-bottom: 40px;
        width: 90%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.search-results section.feedpage-filter-block.breaker {
        margin: 30px 43px 0px;
        padding: 0;
        width: 90%; } }
    @media (min-width: 1280px) {
      section.search-results section.feedpage-filter-block.breaker {
        margin: 50px 60px 0px;
        padding: 0;
        width: 90%; } }
    @media (min-width: 1800px) {
      section.search-results section.feedpage-filter-block.breaker {
        display: block;
        max-width: 1800px;
        width: 100%; } }
    section.search-results section.feedpage-filter-block.breaker .filter-block {
      padding: 0;
      z-index: 9;
      width: 80%; }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results section.feedpage-filter-block.breaker .filter-block {
          padding: 0 30px;
          width: 50%;
          z-index: inherit;
          float: left; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results section.feedpage-filter-block.breaker .filter-block {
          padding: 0;
          width: 100%; } }
      @media (min-width: 1280px) {
        section.search-results section.feedpage-filter-block.breaker .filter-block {
          padding: 0;
          width: 100%; } }
      @media (max-width: 599px) {
        section.search-results section.feedpage-filter-block.breaker .filter-block {
          z-index: inherit;
          width: 50%;
          float: left; } }
      section.search-results section.feedpage-filter-block.breaker .filter-block .filter-title {
        color: #282828;
        font-weight: normal;
        font-size: 36px;
        line-height: 1.17;
        width: 312px;
        margin-bottom: 40px; }
        @media (max-width: 599px) {
          section.search-results section.feedpage-filter-block.breaker .filter-block .filter-title {
            margin-bottom: 0px;
            word-break: break-all; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results section.feedpage-filter-block.breaker .filter-block .filter-title {
            line-height: 1;
            letter-spacing: -0.4px;
            font-size: 40px;
            width: auto;
            margin-right: 30px !important;
            margin-bottom: 0;
            word-break: break-all; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results section.feedpage-filter-block.breaker .filter-block .filter-title {
            line-height: 1;
            letter-spacing: -0.5px;
            font-size: 46px;
            margin-right: 30px !important;
            width: auto; } }
        @media (min-width: 1280px) {
          section.search-results section.feedpage-filter-block.breaker .filter-block .filter-title {
            width: auto;
            font-size: 50px;
            letter-spacing: -0.6px;
            line-height: 1.6;
            margin-top: 0px;
            margin-right: 22px !important; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options {
          width: 53.1% !important; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options {
          width: 44% !important; } }
      @media (min-width: 1280px) {
        section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options {
          width: 50% !important; } }
      section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign {
        display: flex; }
        @media (max-width: 599px) {
          section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign {
            display: inherit; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign {
            display: inherit; } }
        @media (min-width: 1280px) {
          section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box {
            width: 15%;
            padding-right: 0px; } }
        section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box .drop-icon-div {
          color: #ABA6A1;
          font-size: 18px; }
          section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box .drop-icon-div .drop-icon {
            padding: 21px 0px 20px 0px; }
            @media (min-width: 1040px) and (max-width: 1279px) {
              section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box .drop-icon-div .drop-icon {
                position: relative;
                top: 15px; } }
            @media (min-width: 600px) and (max-width: 1039px) {
              section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box .drop-icon-div .drop-icon {
                position: relative;
                top: 10px; } }
            @media (min-width: 600px) and (max-width: 1039px) {
              section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box .drop-icon-div .drop-icon {
                background: url(../images/icon/arrow-country.png) no-repeat;
                background-size: 10px;
                opacity: 1;
                margin: 0;
                background-position: right 24.5px;
                padding: 20px 18px 0px 0px; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box .drop-icon-div .drop-icon {
                background: url(../images/icon/arrow-country.png) no-repeat;
                background-size: 10px;
                opacity: 1;
                margin: 21px 0px 0;
                background-position: right 30px;
                padding-right: 18px; } }
            @media (min-width: 1280px) {
              section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box .drop-icon-div .drop-icon {
                background: url(../images/icon/arrow-country.png) no-repeat;
                background-size: 10px;
                opacity: 1;
                margin: 21px 0px 0;
                background-position: right 30px;
                padding-right: 17px; } }
            @media (min-width: 600px) and (max-width: 1039px) {
              section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box .drop-icon-div .drop-icon .title-key {
                line-height: 1.69;
                font-size: 13px;
                letter-spacing: normal;
                color: #282828;
                font-style: normal;
                opacity: 1;
                font-weight: 400; } }
            @media (min-width: 1040px) and (max-width: 1279px) {
              section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box .drop-icon-div .drop-icon .title-key {
                font-size: 16px;
                line-height: 1.38;
                letter-spacing: normal;
                color: #282828;
                font-style: normal;
                opacity: 1;
                font-weight: 400; } }
            @media (min-width: 1280px) {
              section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box .drop-icon-div .drop-icon .title-key {
                font-size: 16px;
                line-height: 1.38;
                letter-spacing: normal;
                color: #282828;
                font-style: normal;
                opacity: 1;
                font-weight: 400; } }
        section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign.search-sort-options {
          display: inherit; }
    @media (min-width: 600px) and (max-width: 1039px) {
      section.search-results section.feedpage-filter-block.breaker.search-filter-block {
        margin-top: 30px;
        margin-bottom: 20px;
        height: auto;
        width: 100%; } }
    section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-title {
      font-size: 18px;
      line-height: 1.22;
      letter-spacing: normal;
      color: #282828;
      font-weight: normal;
      width: auto;
      /* bug fix */
      margin-right: 50px !important;
      margin-top: 0px;
      opacity: 1;
      margin-bottom: 0;
      padding-bottom: 0; }
      @media (max-width: 599px) {
        section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-title {
          width: auto;
          max-width: 100%;
          margin-bottom: 5px;
          margin-right: 0px !important;
          padding-right: 25px;
          word-break: break-all; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-title {
          width: auto;
          max-width: 100%;
          padding-right: 25px;
          margin-bottom: 0;
          margin-right: 0px !important;
          word-break: break-all; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-title {
          width: 129px;
          margin-right: 20px !important; } }
      section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-title.all-result {
        font-weight: 400;
        font-size: 36px;
        line-height: 1.17; }
        @media (max-width: 599px) {
          section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-title.all-result {
            margin-top: 25px;
            clear: both; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-title.all-result {
            padding-left: 30px;
            clear: both; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options {
        width: 100% !important; } }
  @media (min-width: 600px) and (max-width: 1039px) and (min-width: 600px) and (max-width: 1039px) {
    section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options {
      margin-top: 30px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options {
        width: 84% !important; } }
    @media (min-width: 1280px) {
      section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options {
        width: 83.1% !important; } }
    section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box {
      width: 100% !important;
      margin: 20px 0px; }
      @media (max-width: 599px) {
        section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box {
          margin-top: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box {
          padding-left: 0px;
          margin: 0px;
          margin-bottom: 20px;
          height: unset; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box {
          padding-left: 30px;
          width: 30.5% !important;
          margin: 0px 0px; } }
      @media (min-width: 1280px) {
        section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box {
          padding-left: 30px;
          width: 33% !important;
          margin: 0px 0px; } }
      @media (min-width: 1280px) {
        section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box:first-child {
          padding-left: 0px;
          margin: 0px 0px; } }
      section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box .drop-icon {
        margin: 0 0px 0;
        padding: 0px 0px 20px 0px;
        background-position: right;
        background-position-y: 11px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box .drop-icon {
            padding: 0;
            margin-bottom: 20px;
            position: unset; } }
        section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box .drop-icon .title-key {
          opacity: 0.5;
          font-size: 15px;
          font-weight: normal;
          line-height: 1.22;
          letter-spacing: normal;
          color: #282828; }
          @media (min-width: 600px) and (max-width: 1039px) {
            section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box .drop-icon .title-key {
              font-size: 15px;
              line-height: 1.47; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box .drop-icon .title-key {
              font-size: 18px; } }
          @media (min-width: 1280px) {
            section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box .drop-icon .title-key {
              font-size: 18px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box:nth-child(1) {
          padding-left: 0; } }
      section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box select option.active-li {
        color: #de4649; }
    section.search-results section.feedpage-filter-block.breaker.search-sort-by {
      z-index: 7; }
      @media (max-width: 599px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by {
          padding-left: 15px;
          margin-bottom: 3px;
          width: 50%;
          float: left;
          margin-top: 0;
          padding-right: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by {
          margin-top: 0;
          height: auto;
          margin-bottom: 0;
          float: left;
          width: 50%;
          padding: 0 30px 0 15px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by {
          margin: 20px 43px 20px; } }
      @media (min-width: 1280px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by {
          margin: 0px 60px 20px; } }
      @media (min-width: 1800px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by {
          width: 100%;
          margin: 0 auto;
          max-width: 1800px;
          display: block; } }
      @media (max-width: 599px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block {
          width: 100%; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block {
          width: 100%;
          z-index: inherit;
          float: left;
          padding-right: 0;
          padding-left: 0; } }
      section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .all-result {
        width: auto;
        padding-right: 50px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .all-result {
            font-size: 40px;
            padding-right: 30px; } }
        @media (min-width: 1280px) {
          section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .all-result {
            font-size: 50px;
            padding-top: 4px;
            padding-right: 22px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .all-result {
            font-size: 46px;
            padding-right: 22px; } }
      @media (max-width: 599px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options {
          display: block !important;
          width: 100%;
          margin-top: 0;
          top: 0 !important; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options {
          display: block !important;
          width: 100%;
          margin-top: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options {
          width: 42% !important; } }
      @media (min-width: 1280px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options {
          width: auto !important; } }
      @media (max-width: 599px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box {
          width: 100%;
          margin-top: 0;
          margin-bottom: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box {
          width: 100% !important;
          padding-right: 0;
          margin-bottom: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box {
          width: auto; } }
      @media (min-width: 1280px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box {
          width: auto; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box .drop-icon-div {
          margin: 35px 0 0;
          padding-right: 25px; } }
      @media (min-width: 1280px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box .drop-icon-div {
          margin: 43px 0 0; } }
      @media (max-width: 599px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box .drop-icon {
          padding: 0px 18px 20px 0px;
          position: relative;
          background-position: right 7px;
          font-size: 15px;
          background-position-y: 8px;
          color: #a0a0a0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box .drop-icon {
          width: auto;
          font-size: 18px;
          background-position-y: 33px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box .drop-icon {
          margin: 35px 0 0;
          width: auto;
          font-size: 18px;
          padding-right: 25px; } }
      @media (min-width: 1280px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box .drop-icon {
          margin: 43px 0 0;
          width: auto;
          font-size: 18px; } }
      @media (max-width: 599px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box .drop-icon .title-key {
          font-size: 15px; } }
      @media (max-width: 599px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .filteralign .filter-box .drop-icon:after {
          content: "";
          position: absolute;
          width: 100%;
          height: 1px;
          background: #282828;
          bottom: 0;
          opacity: 0.5;
          left: 0; } }
      section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown {
        width: 100%; }
        @media (max-width: 599px) {
          section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown .title-sort {
            clear: both;
            top: 20px; } }
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown ul.sorting-filter {
          padding-top: 0; }
          @media (min-width: 600px) and (max-width: 1039px) {
            section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown ul.sorting-filter {
              min-width: 160px;
              margin-top: 52px; } }
          @media (max-width: 599px) {
            section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown ul.sorting-filter {
              margin-top: 41px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown ul.sorting-filter {
              width: 100%;
              margin-top: -10px; } }
          @media (min-width: 1280px) {
            section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown ul.sorting-filter {
              width: 100%; } }
        @media (max-width: 599px) {
          section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown select {
            left: 5px; } }
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown select option.active-li {
          color: #de4649; }
        @media (max-width: 599px) {
          section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown .sorting-title {
            background: url(../images/icon/arrow-country.png) right 5px no-repeat;
            background-size: 12px;
            cursor: pointer;
            font-size: 18px;
            line-height: 1.22;
            letter-spacing: normal;
            color: #282828;
            font-weight: normal;
            width: auto;
            margin-top: 0;
            padding: 0 25px 0 0;
            max-width: 100%;
            word-break: break-all; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown .sorting-title {
            background: url(../images/icon/arrow-country.png) right 5px no-repeat;
            background-size: 12px;
            cursor: pointer;
            font-size: 18px;
            line-height: 1.22;
            letter-spacing: normal;
            color: #282828;
            font-weight: normal;
            width: auto;
            margin-top: 0;
            padding: 0 25px 0 0;
            max-width: 100%;
            word-break: break-all; } }
        @media (max-width: 599px) {
          section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown .sorting-title.sort-open {
            background: url(../images/icon/close_btn.png) no-repeat;
            background-position: right 5px;
            background-size: 12px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-options .search-sort-options .filter-box .sorting-dropdown .sorting-title.sort-open {
            background: url(../images/icon/close_btn.png) no-repeat;
            background-position: right 5px;
            background-size: 12px; } }
      @media (max-width: 599px) {
        section.search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-title {
          margin-top: 19px;
          padding-bottom: 0; } }
  section.search-results .row.search-feed-container {
    position: relative;
    padding: 0px 16px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      section.search-results .row.search-feed-container {
        padding: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.search-results .row.search-feed-container {
        padding: 0px 43px; } }
    @media (min-width: 1280px) {
      section.search-results .row.search-feed-container {
        padding: 0px 60px; } }
    @media (min-width: 1800px) {
      section.search-results .row.search-feed-container {
        max-width: 1800px;
        margin: 0 auto;
        padding: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.search-results .row.search-feed-container .col-md-9 {
        width: 65.6%;
        padding-right: 43px; } }
    @media (min-width: 1280px) {
      section.search-results .row.search-feed-container .col-md-9 {
        width: 74.9%;
        padding-right: 60px; } }
    @media (min-width: 1800px) {
      section.search-results .row.search-feed-container .col-md-9 {
        padding-right: 0px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.search-results .row.search-feed-container .col-md-9 .row.search-cards {
        width: 100%;
        float: left; } }
    @media (min-width: 1280px) {
      section.search-results .row.search-feed-container .col-md-9 .row.search-cards {
        width: 100%;
        float: left; } }
    section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard {
      margin-bottom: 19px;
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard {
          margin-top: 0;
          margin-left: 4%;
          padding: 0;
          margin-right: 4%;
          width: 92%;
          clear: both; } }
      @media (min-width: 1280px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard {
          margin-bottom: 30px; } }
      @media (min-width: 1800px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard {
          width: 100%; } }
      @media (max-width: 599px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .new-caption {
          line-height: 1; } }
      section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .new-caption h3.card-featured {
        display: inline-block;
        color: #fd7440;
        text-transform: uppercase;
        margin: 0;
        padding-right: 7px;
        font-size: 13px;
        letter-spacing: normal;
        line-height: 1;
        font-weight: 500;
        padding-left: 15px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .new-caption h3.card-featured {
            padding-left: 0; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .new-caption h3.card-featured {
            padding-left: 0; } }
        @media (min-width: 1280px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .new-caption h3.card-featured {
            font-size: 15px;
            line-height: 1.47;
            letter-spacing: 0.5px;
            font-weight: 500;
            padding-left: 0; } }
      section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .new-caption h4.card-main-heading {
        display: inline-block;
        font-size: 13px;
        line-height: 1;
        letter-spacing: normal;
        color: #282828;
        display: inline-block;
        padding: 0;
        margin: 0; }
        @media (max-width: 599px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .new-caption h4.card-main-heading {
            margin-left: 15px; } }
        @media (min-width: 1280px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .new-caption h4.card-main-heading {
            line-height: 1.47;
            letter-spacing: 0.5px;
            font-size: 15px;
            margin: auto; } }
      section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .new-caption .caption-text {
        color: #282828;
        font-size: 20px;
        line-height: 1.3;
        padding: 4px 15px 0px 15px;
        text-align: left; }
      @media (min-width: 600px) and (max-width: 1039px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .image {
          width: 25%;
          height: 95px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .image {
          width: 29.78%;
          height: 96px; } }
      @media (min-width: 1280px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .image {
          width: 25.9%;
          height: 135px; } }
      @media (max-width: 599px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .image {
          height: 193px; } }
      @media (min-width: 1800px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .image {
          height: 188px; } }
      @media (min-width: 1280px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .image img {
          width: 100%;
          height: 100%;
          /* 135px */ } }
      @media (min-width: 1800px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .image img {
          height: 188px; } }
      section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .image .play-icon img {
        width: auto;
        height: auto; }
      section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row h3.card-featured {
        color: #fd7440;
        text-transform: uppercase;
        margin: 0;
        padding-right: 0px;
        font-size: 13px;
        letter-spacing: normal;
        line-height: 1;
        font-weight: 500;
        padding-left: 15px;
        display: inline-block; }
        @media (max-width: 599px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row h3.card-featured {
            padding-left: 0;
            margin-left: 0; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row h3.card-featured {
            padding-left: 0;
            display: inline-block;
            padding-right: 7px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row h3.card-featured {
            padding-left: 0;
            display: inline-block;
            padding-right: 7px; } }
        @media (min-width: 1280px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row h3.card-featured {
            font-size: 15px;
            line-height: 1.47;
            letter-spacing: 0.5px;
            font-weight: 500;
            padding-left: 0;
            display: inline-block;
            padding-right: 7px; } }
      section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row h4.card-main-heading {
        display: inline-block;
        font-size: 13px;
        line-height: 1;
        letter-spacing: normal;
        color: #282828;
        padding: 0;
        margin: 0; }
        @media (max-width: 599px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row h4.card-main-heading {
            padding-left: 2px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row h4.card-main-heading {
            display: inline-block;
            position: static; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row h4.card-main-heading {
            display: inline-block;
            position: static; } }
        @media (min-width: 1280px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row h4.card-main-heading {
            line-height: 1.47;
            letter-spacing: 0.5px;
            font-size: 15px;
            margin: auto;
            display: inline-block;
            position: static; } }
      section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption {
        margin-top: 0;
        width: 100%;
        height: auto; }
        @media (max-width: 599px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption {
            margin-top: 15px;
            margin-left: 15px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption {
            width: 70%;
            min-height: 96px;
            height: auto;
            padding-bottom: 25px;
            float: left; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption {
            width: 70%;
            padding: 0 0px 0px 20px;
            height: 200px;
            min-height: 96px;
            height: auto;
            padding-bottom: 25px; } }
        @media (min-width: 1280px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption {
            width: 74%;
            padding-right: 0px;
            padding-left: 30px;
            padding-top: 0;
            min-height: 135px;
            height: auto;
            padding-bottom: 30px; } }
        @media (min-width: 1800px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption {
            min-height: 188px; } }
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-text {
          height: auto;
          position: static;
          padding-bottom: 0;
          padding-top: 0; }
          @media (max-width: 599px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-text {
              margin-left: 0;
              padding-left: 0; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-text {
              margin-top: 2px;
              display: block; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-text {
              padding-top: 0;
              margin-top: 2px;
              font-size: 20px;
              padding-right: 34px;
              display: block;
              padding-bottom: 10px;
              width: 100%; } }
          @media (min-width: 1280px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-text {
              font-size: 26px;
              line-height: 1.38;
              color: #282828;
              margin-top: 6px;
              display: block;
              padding-right: 31.5%; } }
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-text .offsite-icon {
            background: url(../images/icon/Offsite.svg) no-repeat; }
            @media (min-width: 1280px) {
              section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-text .offsite-icon {
                margin-left: 10px; } }
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-description {
          line-height: 1.47;
          letter-spacing: normal;
          font-size: 15px;
          color: #282828;
          padding-left: 15px;
          padding-right: 15px;
          margin-top: 20px; }
          @media (max-width: 599px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-description {
              margin-top: 0;
              clear: both;
              padding-top: 20px;
              padding-left: 0;
              margin-left: 0px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-description {
              padding-left: 0;
              padding-right: 10px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-description {
              padding-left: 0;
              margin-top: 0;
              padding-top: 15px;
              padding-right: 7px;
              clear: both; } }
          @media (min-width: 1280px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-description {
              padding-left: 0;
              height: auto;
              line-height: 1.47;
              font-size: 15px;
              letter-spacing: normal;
              margin-top: 10px;
              width: 100%;
              position: relative;
              padding-right: 30%; } }
          @media (max-width: 599px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-description .caption-src-text {
              display: none; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-description .caption-src-text {
              bottom: 0;
              left: 5px;
              margin-bottom: 25px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-description .caption-src-text {
              bottom: 0;
              left: 5px;
              margin-bottom: 25px; } }
          @media (min-width: 1280px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-description .caption-src-text {
              position: absolute;
              right: 0;
              bottom: 0;
              padding-bottom: 30px; } }
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-description span.text-highlight {
            background: rgba(1, 130, 210, 0.0823529); }
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-date {
          line-height: 1;
          letter-spacing: normal;
          font-size: 13px;
          color: #282828;
          opacity: 1;
          padding: 0;
          text-align: inherit;
          float: none;
          padding-left: 15px; }
          @media (max-width: 599px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-date {
              clear: both;
              padding-top: 14px;
              padding-left: 0;
              margin-left: 0px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-date {
              margin-top: 10px;
              padding: 0;
              line-height: 1;
              position: static; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-date {
              position: initial;
              float: left;
              width: 100%;
              text-align: left;
              padding-left: 0; } }
          @media (min-width: 1280px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-date {
              position: absolute;
              left: 0;
              top: 18px;
              right: 0px;
              margin-top: -17px;
              font-size: 15px;
              line-height: 1.47;
              text-align: right; } }
        @media (max-width: 599px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-src-text {
            position: static;
            margin-left: 0;
            padding-left: 0;
            padding-top: 10px;
            clear: both; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-src-text {
            position: static;
            margin-left: 0;
            padding-left: 0;
            padding-top: 10px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-src-text {
            position: static;
            float: left;
            padding-left: 0; } }
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-endline {
          border-top: 1px solid rgba(40, 40, 40, 0.15);
          width: 90%;
          bottom: 0;
          position: absolute; }
          @media (max-width: 599px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-endline {
              position: static;
              margin-left: 0;
              padding-left: 0; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-endline {
              margin-left: 0px;
              width: 96%;
              margin-top: 25px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-endline {
              margin-left: 0;
              margin-top: 25px;
              width: 100%; } }
          @media (min-width: 1280px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-endline {
              margin-top: 30px;
              border-top: 1px solid rgba(40, 40, 40, 0.15);
              width: 99%;
              margin-left: 0;
              position: absolute; } }
          @media (min-width: 1800px) {
            section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .card-endline {
              height: 2px;
              width: 100%; } }
        @media (max-width: 599px) {
          section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .image {
            margin-left: -15px; } }
      @media (max-width: 599px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption-text {
          color: #282828;
          font-size: 20px;
          line-height: 1.3;
          padding: 4px 15px 0px 0px;
          text-align: left; } }
      @media (max-width: 599px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption-date {
          margin-top: 0px;
          padding-left: 5px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard.search-content-cards {
          width: 100%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.search-results .row.search-feed-container .col-md-3 {
        width: 270px;
        float: right; } }
    @media (min-width: 1280px) {
      section.search-results .row.search-feed-container .col-md-3 {
        width: 270px;
        float: right; } }
    section.search-results .row.search-feed-container .col-md-3 .suggested-results {
      top: 0;
      background-color: #ffce04;
      /*Component level declarations*/
      /*ends here*/ }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .row.search-feed-container .col-md-3 .suggested-results {
          padding: 30px 22px 60px 22px; } }
      @media (min-width: 1280px) {
        section.search-results .row.search-feed-container .col-md-3 .suggested-results {
          padding: 30px 22px 60px 31px; } }
      section.search-results .row.search-feed-container .col-md-3 .suggested-results .brands-heading, section.search-results .row.search-feed-container .col-md-3 .suggested-results .brands h2 {
        font-size: 22px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        font-family: aktiv-grotesk, Helvetica, Arial, sans-serif; }
      section.search-results .row.search-feed-container .col-md-3 .suggested-results .brands-subheading, section.search-results .row.search-feed-container .col-md-3 .suggested-results .brands .brand-links a {
        text-transform: uppercase;
        font-family: aktiv-grotesk, Helvetica, Arial, sans-serif;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        line-height: 2.31;
        letter-spacing: 0.7px;
        color: #232323;
        margin-top: 0px; }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .row.search-feed-container .col-md-3 .suggested-results.search-sticky {
          position: fixed;
          top: 200px; } }
      @media (min-width: 1280px) {
        section.search-results .row.search-feed-container .col-md-3 .suggested-results.search-sticky {
          position: fixed;
          top: 200px; } }
      @media (min-width: 1800px) {
        section.search-results .row.search-feed-container .col-md-3 .suggested-results.search-sticky {
          right: unset; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .row.search-feed-container .col-md-3 .suggested-results {
          width: 321px;
          margin-left: -51px; } }
      @media (min-width: 1280px) {
        section.search-results .row.search-feed-container .col-md-3 .suggested-results {
          width: 330px;
          top: 0;
          margin-left: -60px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .row.search-feed-container .col-md-3 .suggested-results.affix {
          width: 321px;
          top: 140px; } }
      @media (min-width: 1280px) {
        section.search-results .row.search-feed-container .col-md-3 .suggested-results.affix {
          width: 330px;
          top: 144px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .row.search-feed-container .col-md-3 .suggested-results h2.main-heading {
          font-size: 14px;
          font-weight: normal;
          line-height: 2;
          letter-spacing: 0.7px;
          color: #282828;
          text-transform: uppercase;
          margin-top: 0; } }
      @media (min-width: 1280px) {
        section.search-results .row.search-feed-container .col-md-3 .suggested-results h2.main-heading {
          font-size: 14px;
          text-transform: uppercase;
          font-family: aktiv-grotesk, Helvetica, Arial, sans-serif;
          letter-spacing: 0.7px;
          line-height: 2;
          font-weight: normal;
          color: #282828;
          margin-top: 0; } }
      section.search-results .row.search-feed-container .col-md-3 .suggested-results .brands {
        margin-top: 40px; }
        @media (min-width: 1040px) and (max-width: 1279px) {
          section.search-results .row.search-feed-container .col-md-3 .suggested-results .brands {
            margin-top: 35px; } }
        @media (min-width: 1280px) {
          section.search-results .row.search-feed-container .col-md-3 .suggested-results .brands {
            margin-top: 37px; } }
        section.search-results .row.search-feed-container .col-md-3 .suggested-results .brands .brand-links a {
          position: relative;
          border-bottom: 1px solid #f88023;
          padding-bottom: 5px; }
          section.search-results .row.search-feed-container .col-md-3 .suggested-results .brands .brand-links a:focus {
            border-bottom: 1px solid #f88023 !important; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.search-results .row.search-feed-container .col-md-3.is_stuck .suggested-results.search-animate {
        margin-top: 150px; } }
    @media (min-width: 1280px) {
      section.search-results .row.search-feed-container .col-md-3.is_stuck .suggested-results.search-animate {
        margin-top: 150px; } }
  @media (max-width: 599px) {
    section.search-results .search-no-results {
      padding: 30px 30px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    section.search-results .search-no-results {
      width: 43%; } }
  section.search-results .search-no-results h3 {
    color: #282828;
    letter-spacing: normal;
    font-weight: normal; }
    @media (max-width: 599px) {
      section.search-results .search-no-results h3 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 18px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      section.search-results .search-no-results h3 {
        font-size: 26px;
        line-height: 1.38;
        margin-top: 0;
        margin-bottom: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.search-results .search-no-results h3 {
        font-size: 22px;
        line-height: 1.64;
        margin-top: 0;
        margin-bottom: 0; } }
    @media (min-width: 1280px) {
      section.search-results .search-no-results h3 {
        font-size: 26px;
        line-height: 1.38;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 154px; } }
    section.search-results .search-no-results h3 span {
      color: #de4649;
      /* padding-left: 7px;
                    quotes: "“" "”";

                    &:before {
                        content: open-quote;
                        color: #282828;
                    }

                    &:after {
                        content: close-quote;
                        color: #282828;
                    } */ }
  @media (max-width: 599px) {
    section.search-results .right-popular-search {
      display: none !important; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    section.search-results .right-popular-search {
      display: none !important; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    section.search-results .right-popular-search {
      display: none !important; } }
  @media (min-width: 1280px) {
    section.search-results .right-popular-search {
      padding-left: 8.5%; } }
  section.search-results .right-popular-search h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.9px;
    text-align: left;
    color: #fd7440;
    text-transform: uppercase; }
    @media (min-width: 1280px) {
      section.search-results .right-popular-search h3 {
        margin-top: 0; } }
  section.search-results .right-popular-search ul {
    animation: 1s fadeInUp;
    padding-top: 15px; }
    section.search-results .right-popular-search ul li {
      font-weight: normal;
      font-style: normal;
      letter-spacing: normal;
      text-align: center; }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .right-popular-search ul li {
          font-size: 28px;
          line-height: 2.14;
          text-align: left; } }
      @media (min-width: 1280px) {
        section.search-results .right-popular-search ul li {
          font-size: 36px;
          line-height: 2;
          text-align: left; } }
      section.search-results .right-popular-search ul li a {
        color: #282828;
        text-decoration: none; }
      @media (min-width: 1040px) and (max-width: 1279px) {
        section.search-results .right-popular-search ul li span {
          background: url(../images/icon/Arrow-small.svg);
          background-repeat: no-repeat;
          display: inline-block;
          height: 11px;
          margin-left: 10px;
          width: 21px; } }
      @media (min-width: 1280px) {
        section.search-results .right-popular-search ul li span {
          background: url(../images/icon/Arrow-small.svg);
          background-repeat: no-repeat;
          display: inline-block;
          height: 11px;
          margin-left: 10px;
          width: 21px; } }

.filter-disable {
  pointer-events: none; }

/*IE fixes*/
.ie11 .search-results section.feedpage-filter-block.breaker .filter-block .filter-title {
  width: auto; }

@media (max-width: 599px) {
  .ie11 .search-results section.feedpage-filter-block.breaker {
    height: 42px; } }

@media (min-width: 1800px) {
  .ie11 .search-results section.feedpage-filter-block.breaker {
    display: block;
    max-width: 1800px;
    width: 100%; } }

.ie11 .section.search-results section.feedpage-filter-block.breaker .filter-block .filter-title {
  width: auto; }

@media (max-width: 599px) {
  .ie11 .search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption-date {
    margin-top: 0px; } }

@media (max-width: 599px) {
  .ie11 .search-results section.feedpage-filter-block.breaker.search-sort-by .filter-block .filter-title {
    margin-top: 10px;
    margin-bottom: 10px; } }

.ie11 .search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default span {
  background: url(../images/icon/Search-white.svg) !important;
  background-repeat: no-repeat !important;
  margin-top: 2px; }

@media (max-width: 599px) {
  .ie11 .search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
    border: 0; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .ie11 .search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
    border: 0; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .ie11 .search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
    border: 1px solid rgba(255, 255, 255, 0.333333); } }

@media (min-width: 1280px) {
  .ie11 .search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
    border: 1px solid rgba(255, 255, 255, 0.333333); } }

.ie11 .search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn button.btn.btn-default {
  border: 0;
  font-size: 15px; }

.ie11 .search-results .search-bar.search-scrollbottom .btn.active.focus,
.ie11 .search-results .search-bar.search-scrollbottom .btn.active:focus,
.ie11 .search-results .search-bar.search-scrollbottom .btn.focus,
.ie11 .search-results .search-bar.search-scrollbottom .btn.focus:active,
.ie11 .search-results .search-bar.search-scrollbottom .btn:active:focus,
.ie11 .search-results .search-bar.search-scrollbottom .btn:focus {
  outline: 0 !important;
  outline-offset: 0 !important;
  background-image: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 0 !important; }

.ie11 input.form-control:focus {
  color: #ffffff !important; }

.ie11 input {
  caret-color: yellow !important; }

@media (min-width: 600px) and (max-width: 1039px) {
  .ie11 .search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-date {
    position: static; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .ie11 .search-results .row.search-feed-container .col-md-9 .row.search-cards .topic-package-card.feedcard .row .caption .caption-date {
    position: static; } }

.ie11 .search-results .row.search-feed-container.bg-articlecolor {
  background-color: #fff; }

.ie11 .search-results .search-bar {
  height: auto; }

.ie11 .search-results .search-bar.search-scrollbottom {
  height: 90px !important; }

@media (min-width: 1800px) {
  .ie11 .search-results section.feedpage-filter-block.breaker.search-sort-by {
    display: block;
    max-width: 1800px;
    margin: 0 auto; } }

/*IE fixes ends here*/
.search-feed-container .white-color {
  position: static !important; }

/*firefox fixes*/
/* .firefox .search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default span {
    @include mobile {
        margin-top: -17px;
    }

    @include tablet {
        margin-top: -17px;
    }

    @include desktopsmall {
        margin-top: -22px;
    }

    @include desktop {
        margin-top: -22px;
    }
} */
@media (max-width: 599px) {
  .firefox .search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
    color: transparent; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .firefox .search-results .search-bar .col-xs-12 span.input-group-btn button.btn.btn-default {
    color: transparent; } }

@media (max-width: 599px) {
  .firefox .search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn button.btn.btn-default {
    color: transparent; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .firefox .search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn button.btn.btn-default {
    color: transparent; } }

.firefox .search-results .search-bar.search-scrollbottom {
  height: 90px !important; }

/*firefox fixes ends here*/
/*safari fixes*/
.safari .search-results .search-bar .col-xs-12 .input-group-sm .form-control {
  height: auto; }

.safari .search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm .form-control {
  height: auto; }

.safari11 .search-results {
  height: auto; }
  .safari11 .search-results .search-bar .col-xs-12 .input-group-sm .form-control {
    height: auto; }
  .safari11 .search-results .search-bar.search-scrollbottom .col-xs-12 .input-group-sm .form-control {
    height: auto; }

.safari .search-results {
  height: auto; }
  .safari .search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn {
    top: -34px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari .search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn {
        top: -37px; } }
    @media (min-width: 1280px) {
      .safari .search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn {
        top: -40px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .safari .search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn {
        top: -40px; } }

.safari11 .search-results {
  height: auto; }
  .safari11 .search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn {
    top: -34px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .safari11 .search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn {
        top: -37px; } }
    @media (min-width: 1280px) {
      .safari11 .search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn {
        top: -40px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .safari11 .search-results .search-bar.search-scrollbottom .col-xs-12 span.input-group-btn {
        top: -40px; } }

section.search-results section.feedpage-filter-block.breaker.search-filter-block .filter-options .filteralign .filter-box.active .drop-icon span.title-key {
  color: #de4649;
  opacity: 1; }

@media (min-width: 600px) and (max-width: 1039px) {
  section.search-results div.search-results-container > section.feedpage-filter-block.breaker.search-sort-by:first-child {
    margin-top: 45px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  section.search-results div.search-results-container > section.feedpage-filter-block.breaker.search-sort-by:first-child {
    margin-top: 50px; } }

@media (min-width: 1280px) {
  section.search-results div.search-results-container > section.feedpage-filter-block.breaker.search-sort-by:first-child {
    margin-top: 50px; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus {
    font-size: 16px; } }

.feedpage-filter-block .filter-box select {
  font-size: 16px; }

/*safari fixes ends here*/
.search-results {
  height: 100%; }

@media (min-width: 600px) and (max-width: 1039px) {
  section.search-results section.feedpage-filter-block.breaker .filter-block .filter-options .filteralign .filter-box .title-sort {
    top: 30px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .feedpage-filter-block.search-sort-by .filter-block .sorting-dropdown ul.sorting-filter li {
    margin: 20px 0; } }

.search-cards .anchor-wrapper {
  display: inline-block;
  width: 100%; }
  .search-cards .anchor-wrapper.animate-new-cards {
    opacity: 0;
    margin-top: 80px; }

@media (max-width: 599px) {
  .now-nav + #page-content + .container-fluid .search-results-count {
    height: 27px;
    padding-top: 5px; } }

@media (max-width: 599px) {
  .now-nav + #page-content + .container-fluid .search-bar .col-xs-12 {
    padding-top: 10px; } }

.filter-scrollbottom {
  position: fixed;
  left: 0px;
  top: 0;
  z-index: 9;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  padding: 30px 0px 30px 0px;
  -moz-animation: filterscroll 1s forwards;
  animation: filterscroll 1s forwards;
  -webkit-animation: filterscroll 1s forwards; }
  @media (min-width: 1280px) {
    .filter-scrollbottom {
      padding-bottom: 0; } }

@-webkit-keyframes filterscroll {
  0% {
    top: 0; }
  100% {
    top: 90px; } }

@-moz-keyframes filterscroll {
  0% {
    top: 0; }
  100% {
    top: 90px; } }

@keyframes filterscroll {
  0% {
    top: 0; }
  100% {
    top: 90px; } }

section.search-results section.feedpage-filter-block.breaker .sort-filter-wrap {
  float: left;
  width: 100%;
  background-color: #fff;
  margin-bottom: 50px; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    section.search-results section.feedpage-filter-block.breaker .sort-filter-wrap {
      padding-top: 20px; } }
  section.search-results section.feedpage-filter-block.breaker .sort-filter-wrap .filter-sort-child-wrapper {
    float: left;
    width: 100%; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      section.search-results section.feedpage-filter-block.breaker .sort-filter-wrap .filter-sort-child-wrapper {
        padding-bottom: 15px; } }
    section.search-results section.feedpage-filter-block.breaker .sort-filter-wrap .filter-sort-child-wrapper #filter {
      max-width: 1800px;
      margin: 0 auto; }
  section.search-results section.feedpage-filter-block.breaker .sort-filter-wrap.reverse-scroll .filter-sort-child-wrapper .filter-block .filter-options {
    width: 100% !important; }
    section.search-results section.feedpage-filter-block.breaker .sort-filter-wrap.reverse-scroll .filter-sort-child-wrapper .filter-block .filter-options .filteralign {
      padding-left: 43px;
      padding-right: 43px; }
      @media (min-width: 1280px) {
        section.search-results section.feedpage-filter-block.breaker .sort-filter-wrap.reverse-scroll .filter-sort-child-wrapper .filter-block .filter-options .filteralign {
          padding-left: 60px;
          padding-right: 60px; } }
      @media (min-width: 1800px) {
        section.search-results section.feedpage-filter-block.breaker .sort-filter-wrap.reverse-scroll .filter-sort-child-wrapper .filter-block .filter-options .filteralign {
          padding-left: 0;
          padding-right: 0; } }
      section.search-results section.feedpage-filter-block.breaker .sort-filter-wrap.reverse-scroll .filter-sort-child-wrapper .filter-block .filter-options .filteralign .filter-box:nth-child(1) {
        padding-left: 0; }
    section.search-results section.feedpage-filter-block.breaker .sort-filter-wrap.reverse-scroll .filter-sort-child-wrapper .filter-block .filter-options .filteralign .filter-box:nth-child(4) .dropdown-list li:nth-child(1) {
      margin-top: 0; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

input[type=date]::-webkit-calendar-picker-indicator {
  display: none; }

body.modal-open {
  overflow: hidden !important;
  /* why does bootstrap.js overrides this to overflow: auto ? */ }

.press-form-component {
  max-width: 1800px;
  margin: 0 auto; }
  .press-form-component input[type=text],
  .press-form-component input[type=number],
  .press-form-component input[type=date] {
    border-radius: 0; }
  .press-form-component .press-form h2 {
    color: #ffffff;
    font-weight: 200;
    padding-top: 60px;
    background-color: #0182D2;
    margin-bottom: 54px;
    padding-bottom: 30px;
    font-size: 36px; }
    @media (max-width: 599px) {
      .press-form-component .press-form h2 {
        line-height: 40px;
        padding-left: 7%;
        padding-right: 10%;
        padding-top: 0px;
        margin-bottom: 32px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .press-form-component .press-form h2 {
        font-size: 60px;
        line-height: 1.15;
        letter-spacing: -.2px;
        padding-left: 45px;
        padding-right: 21%;
        padding-top: 30px;
        padding-bottom: 40px;
        margin-bottom: 48px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .press-form-component .press-form h2 {
        font-size: 60px;
        line-height: 1.13;
        letter-spacing: -.2px;
        padding-left: 3%;
        padding-bottom: 31px;
        padding-top: 2%;
        padding-right: 25%;
        margin-bottom: 49px; } }
    @media (min-width: 1280px) {
      .press-form-component .press-form h2 {
        font-size: 74px;
        line-height: 1.13;
        letter-spacing: -.3px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 55px;
        padding-top: 2%; } }
    .press-form-component .press-form h2 small {
      color: #ffffff;
      display: block;
      font-size: 16px;
      line-height: 1.4; }
      .press-form-component .press-form h2 small a {
        color: #fff; }
      .press-form-component .press-form h2 small span {
        font-weight: 500; }
        .press-form-component .press-form h2 small span a {
          text-decoration: underline; }
      @media (max-width: 599px) {
        .press-form-component .press-form h2 small {
          padding-top: 20px; } }
      @media (min-width: 1280px) {
        .press-form-component .press-form h2 small {
          font-size: 22px;
          padding-top: 39px;
          padding-bottom: 20px;
          width: 80%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .press-form-component .press-form h2 small {
          font-size: 22px;
          padding-top: 0px;
          padding-bottom: 19px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .press-form-component .press-form h2 small:nth-child(1) {
          padding-top: 11px;
          padding-bottom: 20px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .press-form-component .press-form h2 small:nth-child(1) {
          padding-bottom: 20px; } }
      @media (max-width: 599px) {
        .press-form-component .press-form h2 small:nth-child(1) {
          padding-bottom: 11px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .press-form-component .press-form h2 small:nth-child(2) {
          padding-top: 18px;
          padding-bottom: 0px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .press-form-component .press-form h2 small:nth-child(2) {
          padding-top: 20px; } }
      @media (max-width: 599px) {
        .press-form-component .press-form h2 small:nth-child(2) {
          padding-top: 14px; } }
  @media (min-width: 1280px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper:first-child {
      padding-bottom: 85px; } }
  @media (max-width: 599px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper:first-child {
      padding-bottom: 30px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper:first-child {
      padding-bottom: 6.3%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper:first-child {
      padding-bottom: 46px; } }
  .press-form-component .press-form .contact-form .contact-form-wrapper:nth-child(2) {
    padding-bottom: 26px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper:nth-child(2) {
        padding-bottom: 40px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper:nth-child(2) {
        padding-bottom: 37px; } }
    @media (max-width: 599px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper:nth-child(2) {
        padding-bottom: 35px; } }
  @media (max-width: 599px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-head {
      padding-left: 7%;
      padding-right: 7%; } }
  @media (min-width: 1280px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-head {
      padding-left: 17%; } }
  .press-form-component .press-form .contact-form .contact-form-wrapper .section-head .left {
    width: 65%; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .section-head .left {
        padding-left: 20.7%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .section-head .left {
        padding-left: 16.8%; } }
    @media (min-width: 1280px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .section-head .left {
        width: 100%; } }
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-head .left .legend-text {
      padding-top: 28px; }
      @media (max-width: 599px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .section-head .left .legend-text {
          padding-bottom: 0px;
          margin-bottom: 22px; } }
      @media (min-width: 1280px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .section-head .left .legend-text {
          padding-right: 90px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .section-head .left .legend-text {
          padding-right: 67%;
          padding-bottom: 10px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .section-head .left .legend-text {
          padding-bottom: 25px; } }
      .press-form-component .press-form .contact-form .contact-form-wrapper .section-head .left .legend-text p {
        font-size: 16px; }
  @media (max-width: 599px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation {
      padding-left: 7%;
      padding-right: 20%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation {
      padding: 0 45px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation {
      padding: 0 45px; } }
  .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-header {
    font-size: 60px; }
    @media (min-width: 1280px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-header {
        padding-bottom: 16px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-header {
        padding-bottom: 8px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-header {
        font-size: 40px;
        padding-bottom: 8px; } }
    @media (max-width: 599px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-header {
        font-size: 36px;
        padding-bottom: 17px;
        line-height: 1.2; } }
  @media (min-width: 1280px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-subheader {
      font-size: 32px;
      padding-top: 16px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-subheader {
      font-size: 28px;
      padding-top: 8px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-subheader {
      font-size: 22px;
      padding-top: 8px; } }
  @media (max-width: 599px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-subheader {
      font-size: 24px;
      padding-top: 17px;
      line-height: 1.7; } }
  .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-subheader a {
    color: #282828;
    border-bottom: 2px solid #00adf2; }
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-subheader a:visited, .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-subheader a:active, .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-subheader a:focus {
      color: #282828;
      border-bottom: 2px solid #00adf2 !important; }
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-confirmation .confirmation-subheader a:hover {
      color: #00adf2;
      border-bottom: 2px solid #00adf2; }
  .press-form-component .press-form .contact-form .contact-form-wrapper .section-terms-conditions {
    padding-left: 3%;
    padding-right: 3%; }
    .press-form-component .press-form .contact-form .contact-form-wrapper .section-terms-conditions .term-and-conditions {
      font-size: 15px; }
  @media (max-width: 599px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection {
      padding-left: 7%;
      padding-right: 7%; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection {
      padding-left: 16.8%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection {
      padding-left: 29.1%; } }
  @media (min-width: 1280px) {
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection {
      padding-left: 5.6%; } }
  .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection label {
    color: #7b7b7b;
    font-weight: 400; }
  .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection div.radio label {
    color: #282828; }
  .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-field {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    background: transparent;
    border: none;
    border-bottom: 2px solid #dadada;
    display: block;
    height: 43px; }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-field #phoneno {
      -moz-appearance: textfield; }
    @media (max-width: 599px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-field {
        width: 100%; } }
    @media (min-width: 1280px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-field {
        width: 78%;
        padding-top: 6px;
        padding-bottom: 6px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-field {
        width: 81%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-field {
        width: 85.4%; } }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-field:focus {
      border-bottom: 2px solid #dadada !important;
      box-shadow: none;
      -webkit-box-shadow: none; }
  .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-textfield {
    overflow: hidden;
    /*background: transparent;*/
    border: 2px solid #dadada;
    display: block;
    height: 100px;
    width: 78%;
    resize: none;
    border-radius: 5px; }
    @media (max-width: 599px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-textfield {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-textfield {
        margin-top: 14px;
        width: 81%;
        padding-left: 25px;
        padding-right: 20px;
        padding-top: 20px; } }
    @media (min-width: 1280px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-textfield {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-textfield {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px; } }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .contact-form-textfield:focus {
      border: 2px solid #dadada !important;
      box-shadow: none;
      -webkit-box-shadow: none; }
  .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group {
    margin-bottom: 10px; }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group label {
      font-size: 18px; }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.error-form-group {
      background: url(../images/icon/error-icon.png);
      background-repeat: no-repeat; }
      @media (max-width: 599px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.error-form-group {
          background-position: 100% 27px; } }
      @media (min-width: 1280px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.error-form-group {
          background-position: 79% 27px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.error-form-group {
          background-position: 81% 27px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.error-form-group {
          background-position: 85.4% 27px; } }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.error-txtarea-group {
      background: url(../images/icon/error-icon.png);
      background-repeat: no-repeat; }
      @media (max-width: 599px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.error-txtarea-group {
          background-position: 100% 11px; } }
      @media (min-width: 1280px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.error-txtarea-group {
          background-position: 79% 11px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.error-txtarea-group {
          background-position: 81% 11px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.error-txtarea-group {
          background-position: 85.4% 11px; } }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.form-group-deadline label {
      display: block; }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.form-group-deadline select {
      width: auto;
      min-width: 100px;
      display: inline; }
      .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.form-group-deadline select::-ms-expand {
        display: none; }
      .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.form-group-deadline select::-moz-expand {
        display: none; }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group.form-group-deadline .date-separator {
      min-width: 5px;
      display: inline-block;
      color: #dadada; }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group .form-error-date {
      color: #DE4649;
      display: block; }
  .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .radio a {
    color: #282828;
    border-bottom: 1px solid #21AAD6; }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .radio a:link, .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .radio a:hover, .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .radio a:visited, .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .radio a:active {
      border-bottom: 1px solid #21AAD6;
      color: #282828; }
    .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .radio a:focus {
      border-bottom: 1px solid #21AAD6 !important;
      color: #282828; }
  .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-error {
    color: #DE4649;
    padding: 10px 10% 0 0; }
  .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-error-captcha {
    color: #DE4649;
    padding: 10px 10% 0 0; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .press-form-component .press-form .contact-form .confirmation-center-align {
      width: fit-content;
      width: -webkit-fit-content;
      margin: 0 auto; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .press-form-component .press-form .contact-form .confirmation-center-align {
      width: fit-content;
      width: -webkit-fit-content;
      margin: 0 auto; } }
  @media (min-width: 1280px) {
    .press-form-component .press-form .contact-form .confirmation-center-align {
      width: fit-content;
      width: -webkit-fit-content;
      margin: 0 auto; } }
  .press-form-component .press-form .contact-form .send-button-wrapper {
    overflow: hidden; }
    .press-form-component .press-form .contact-form .send-button-wrapper .send-button {
      border-radius: 0px;
      width: 100%;
      padding-bottom: 45px;
      padding-top: 45px; }
      @media (min-width: 1280px) {
        .press-form-component .press-form .contact-form .send-button-wrapper .send-button {
          padding-left: 38.8%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .press-form-component .press-form .contact-form .send-button-wrapper .send-button {
          padding-left: 28.9%; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .press-form-component .press-form .contact-form .send-button-wrapper .send-button {
          padding-left: 16.8%; } }
      @media (max-width: 599px) {
        .press-form-component .press-form .contact-form .send-button-wrapper .send-button {
          padding-left: 7%; } }
      .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-content p {
        color: #ffffff;
        float: left;
        font-size: 18px;
        margin: 0; }
        @media (min-width: 1280px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-content p {
            padding-right: 11%; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-content p {
            padding-right: 44%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-content p {
            padding-right: 56%; } }
        @media (max-width: 599px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-content p {
            width: 50%;
            padding-right: 75%; } }
      .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-content .right-tab {
        padding-top: 5.5px; }
        @media (min-width: 1280px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-content .right-tab {
            padding-left: 76.8%; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-content .right-tab {
            padding-left: 80%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-content .right-tab {
            padding-left: 95.3%; } }
        @media (max-width: 599px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-content .right-tab {
            padding-left: 90.2%;
            width: 50%; } }
      .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-image {
        display: none;
        float: left;
        width: 25px; }
        @media (min-width: 1280px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-image {
            margin-left: 17%; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-image {
            margin-left: 30%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-image {
            margin-left: 39%; } }
        @media (max-width: 599px) {
          .press-form-component .press-form .contact-form .send-button-wrapper .send-button .send-button-image {
            margin-left: 46%; } }
    .press-form-component .press-form .contact-form .send-button-wrapper .background-color-default {
      background-color: #0182D2; }
  .press-form-component .press-form .required-field-indicator {
    font-size: 0.85em;
    color: #aaa;
    margin-top: -10px; }
  .press-form-component .contact-confirmation-wrapper h2 {
    margin-bottom: 25px; }
  .press-form-component .background-color-change {
    background-color: #00B139;
    transition: background-color 0.5s;
    transition: transform 0.5s; }
  .press-form-component .background-content-shift {
    transform: translateX(1500px);
    transition: transform 0.5s; }
  .press-form-component .send-button-image-scale {
    transform: scale(3, 3);
    transition: transform 0.5s; }
  .press-form-component .error-form-field::-webkit-input-placeholder {
    color: #DE4649; }
  .press-form-component .error-form-field::-moz-placeholder {
    /* Firefox 19+ */
    color: #DE4649;
    opacity: 1; }
  .press-form-component .error-form-field:-ms-input-placeholder {
    /* IE 10+ */
    color: #DE4649; }
  .press-form-component .error-form-field:-moz-placeholder {
    /* Firefox 18- */
    color: #DE4649;
    opacity: 1; }
  .press-form-component #deadline.error-form-field {
    color: #DE4649; }

.modal-pressform-terms .modal-dialog {
  width: 100%;
  max-width: 1200px;
  height: 95%; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .modal-pressform-terms .modal-dialog {
      width: 90%;
      height: 85%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .modal-pressform-terms .modal-dialog {
      width: 90%;
      height: 85%; } }
  @media (min-width: 1280px) {
    .modal-pressform-terms .modal-dialog {
      width: 90%;
      height: 85%; } }
  .modal-pressform-terms .modal-dialog .modal-content {
    border-radius: 0;
    position: relative;
    height: 100%; }
    .modal-pressform-terms .modal-dialog .modal-content .modal-header {
      position: absolute;
      right: 0px;
      top: 0px;
      z-index: 999;
      padding: 0;
      border: 0 none;
      /*@include mobile {
					right: 18px;#DE4649
				}*/ }
      .modal-pressform-terms .modal-dialog .modal-content .modal-header button {
        background: #2d2b2c;
        width: 54px;
        height: 54px;
        text-shadow: none;
        opacity: 1;
        color: #2d2b2c;
        margin: 0; }
        .modal-pressform-terms .modal-dialog .modal-content .modal-header button::before {
          background-color: #fff;
          content: ' ';
          height: 1px;
          left: 13px;
          position: absolute;
          top: 25px;
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          width: 25px; }
        .modal-pressform-terms .modal-dialog .modal-content .modal-header button::after {
          position: absolute;
          left: 13px;
          top: 25px;
          content: ' ';
          height: 1px;
          width: 25px;
          background-color: #fff;
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .modal-pressform-terms .modal-dialog .modal-content .modal-body {
      padding: 0;
      height: 100%; }
      .modal-pressform-terms .modal-dialog .modal-content .modal-body iframe {
        border: 0;
        width: 100%;
        height: 100%; }

/*Ie fixes*/
.ie11 .press-form-component .press-form .contact-form .confirmation-center-align {
  text-align: center; }

.ie11 .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group select {
  background-image: url(../images/icon/arrow-country.png);
  background-size: 8px;
  background-position: 86px;
  background-repeat: no-repeat; }

/* IE fixes ends here */
/* firefox fixes */
.firefox .press-form-component .press-form .contact-form .confirmation-center-align {
  text-align: center; }

.firefox .press-form-component .press-form .contact-form .contact-form-wrapper .contact-form-collection .form-group select {
  -moz-appearance: window;
  background-image: url(../images/icon/arrow-country.png);
  background-size: 8px;
  background-position: 86px;
  background-repeat: no-repeat; }

/* firefox fixes ends here */
/* adjusting the height of the quotesmarks in feature pull-quotes for non-english quotesmarks */
@media (min-width: 600px) and (max-width: 1039px) {
  html:lang(fr) .quote-block .quote-container span .quote-mark-open, html:lang(fr) .quote-block .quote-container .quote-mark-open {
    padding-top: 0 !important; } }

@media (min-width: 600px) and (max-width: 1039px) {
  html:lang(fr) .quote-block .quote-container span .quote-mark-open span, html:lang(fr) .quote-block .quote-container .quote-mark-open span {
    top: 64%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  html:lang(fr) .quote-block .quote-container span .quote-mark-closed, html:lang(fr) .quote-block .quote-container .quote-mark-closed {
    padding: 0 0 45px !important; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  html:lang(fr) .quote-block .quote-container span,
  html:lang(fr) .quote-block .quote-container .quote-mark-open span {
    top: 57%; } }

@media (max-width: 599px) {
  html:lang(fr) .quote-block .quote-container .quote-wrapper {
    padding-top: 15px; } }

@media (min-width: 1280px) {
  html:lang(fr) .quote-block .quote-container span,
  html:lang(fr) .quote-block .quote-container .quote-mark-open span {
    top: 52%; } }

@media (min-width: 1280px) {
  html:lang(fr) .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-wrapper {
    padding: 20px 89px 20px 100px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  html:lang(de) .quote-block .quote-container .quote-mark-open span,
  html:lang(ro) .quote-block .quote-container .quote-mark-open span,
  html:lang(pl) .quote-block .quote-container .quote-mark-open span {
    top: 60%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  html:lang(de) .quote-block .quote-container .quote-mark-closed span,
  html:lang(ro) .quote-block .quote-container .quote-mark-closed span,
  html:lang(pl) .quote-block .quote-container .quote-mark-closed span {
    top: 73%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  html:lang(de) .quote-block .quote-container .quote-mark-open span,
  html:lang(ro) .quote-block .quote-container .quote-mark-open span,
  html:lang(pl) .quote-block .quote-container .quote-mark-open span {
    top: 57%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  html:lang(de) .quote-block .quote-container .quote-mark-closed span,
  html:lang(ro) .quote-block .quote-container .quote-mark-closed span,
  html:lang(pl) .quote-block .quote-container .quote-mark-closed span {
    top: 76%; } }

@media (max-width: 599px) {
  html:lang(de) .quote-block .quote-container .quote-wrapper,
  html:lang(ro) .quote-block .quote-container .quote-wrapper,
  html:lang(pl) .quote-block .quote-container .quote-wrapper {
    padding-top: 20px;
    padding-bottom: 15px; } }

@media (min-width: 1280px) {
  html:lang(de) .quote-block .quote-container .quote-mark-open span,
  html:lang(ro) .quote-block .quote-container .quote-mark-open span,
  html:lang(pl) .quote-block .quote-container .quote-mark-open span {
    top: 40%; } }

@media (min-width: 1280px) {
  html:lang(de) .quote-block .quote-container .quote-mark-closed span,
  html:lang(ro) .quote-block .quote-container .quote-mark-closed span,
  html:lang(pl) .quote-block .quote-container .quote-mark-closed span {
    top: 60%; } }

@media (min-width: 1280px) {
  html:lang(de) .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-wrapper,
  html:lang(ro) .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-wrapper,
  html:lang(pl) .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-wrapper {
    padding: 30px 89px 30px 100px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  html:lang(ja) .quote-block .quote-container .quote-mark-open span {
    top: 63%; } }

@media (min-width: 600px) and (max-width: 1039px) {
  html:lang(ja) .quote-block .quote-container .quote-mark-closed span {
    top: 63%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  html:lang(ja) .quote-block .quote-container .quote-mark-open span {
    top: 80%; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  html:lang(ja) .quote-block .quote-container .quote-mark-closed span {
    top: 80%; } }

@media (max-width: 599px) {
  html:lang(ja) .quote-block .quote-container .quote-wrapper {
    padding-top: 15px; } }

@media (min-width: 1280px) and (min-width: 1280px) {
  html:lang(ja) .quote-block .quote-container .quote-mark-open span {
    top: 45%; } }

@media (min-width: 1280px) and (min-width: 1280px) {
  html:lang(ja) .quote-block .quote-container .quote-mark-closed span {
    top: 45%; } }

@media (min-width: 1280px) and (min-width: 1280px) {
  html:lang(ja) .main-time .TimelineModule .splitlayout.open-right .intro .page.page-right .ModalScroll .quote-block .quote-container .quote-wrapper {
    padding: 30px 89px 30px 100px; } }

@media (min-width: 1280px) and (min-width: 1280px) {
  html:lang(ja) .primer-module.block-align-left .color-section h2 {
    font-size: 27px; } }

/* print only CSS for article detail printing */
@page {
  size: auto;
  margin-top: 20mm;
  margin-bottom: 20mm; }

@media print and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  @page {
    margin-top: 20mm;
    margin-bottom: 20mm; }
  .now-nav .section:first-child {
    margin-left: 4.2%; } }

@media print {
  * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-animation-fill-mode: none !important;
    animation-fill-mode: none !important;
    -webkit-animation-timing-function: none !important;
    animation-timing-function: none !important;
    /*float:none!important;*/
    position: static !important; }
  a[href]:after {
    content: ""; }
  .article-content .article-grid {
    padding-top: 0; }
  .article-content .article-grid .left {
    width: 25%; }
  .content-text-include .include-txt {
    width: 30%;
    float: left;
    padding: 17px 0 0; }
  .content-text-include .include-txt .takeaway-desc {
    height: auto !important;
    padding-left: 0; }
  #navbar, .search-modal, .fixed-social-sticky,
  .download-btn-top, .scrolltracker, .download-btn-top-sm {
    display: none !important; }
  .small-image .inline-image-container {
    width: 330px; }
  .inline-quote-block {
    height: auto !important; }
  .inline-quote-block .inline-quote-container .quote-wrapper .quote-para-inline {
    height: auto !important;
    display: block !important;
    opacity: 1 !important; }
  .articleplaceholder .article-content {
    width: 100%; }
  .header-parallax-background {
    transform: scale(1) !important; } }

@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
  .article-landing-timebase .header-parallax {
    display: none; } }

@media print {
  .fixed-social-sticky,
  .main-time.breaker,
  .content-text-include .tweet-share .icon,
  footer {
    display: none;
    height: 0; }
  .bodycopy {
    font-size: 16px; } }

@media (max-width: 599px) {
  .brand-tout-wrapper {
    background-image: -webkit-linear-gradient(top, #fff 10%, #f5f5f5 10%); } }

@media (min-width: 600px) and (max-width: 1039px) {
  .brand-tout-wrapper {
    position: relative; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .brand-tout-wrapper {
    padding-left: 40px;
    padding-right: 40px;
    position: relative; } }

@media (min-width: 1280px) {
  .brand-tout-wrapper {
    padding-left: 60px;
    padding-right: 60px;
    position: relative; } }

.brand-tout-wrapper .brand-image {
  margin: -80px auto 0; }
  @media (max-width: 599px) {
    .brand-tout-wrapper .brand-image {
      margin-top: 0px;
      padding-right: 31%;
      width: 385px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .brand-tout-wrapper .brand-image {
      z-index: 2;
      margin: -45px auto 0;
      position: absolute;
      width: 325px;
      left: 38%; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .brand-tout-wrapper .brand-image {
      z-index: 2;
      margin: -45px auto 0;
      position: absolute;
      width: 325px;
      left: 53%; } }
  @media (min-width: 1280px) {
    .brand-tout-wrapper .brand-image {
      z-index: 2;
      margin: -45px auto 0;
      position: absolute;
      width: 325px;
      left: 57%; } }

.brand-tout-wrapper .brand-content-wrapper {
  background-color: #f5f5f5;
  display: flex;
  flex-flow: column nowrap;
  margin-top: 100px;
  height: 301px;
  position: relative; }
  @media (max-width: 599px) {
    .brand-tout-wrapper .brand-content-wrapper {
      height: auto;
      margin-top: -100px;
      padding-right: 30px;
      padding-left: 30px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .brand-tout-wrapper .brand-content-wrapper {
      padding-left: 45px;
      padding-right: 45px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .brand-tout-wrapper .brand-content-wrapper {
      padding-left: 45px;
      padding-right: 45px; } }
  @media (min-width: 1280px) {
    .brand-tout-wrapper .brand-content-wrapper {
      padding-left: 45px;
      padding-right: 45px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .brand-tout-wrapper .brand-content-wrapper .brand-line {
      width: 90%;
      border-top: 1px solid #282828;
      position: absolute;
      margin-top: 45px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .brand-tout-wrapper .brand-content-wrapper .brand-line {
      width: 92%;
      border-top: 1px solid #282828;
      margin-top: 45px;
      position: absolute; } }
  @media (min-width: 1280px) {
    .brand-tout-wrapper .brand-content-wrapper .brand-line {
      width: 94%;
      border-top: 1px solid #282828;
      margin-top: 45px;
      position: absolute; } }
  .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper {
    border-top: 1px solid #282828; }
    @media (max-width: 599px) {
      .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper {
        margin-top: 30px;
        margin-bottom: 30px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper {
        border-top: none;
        position: absolute;
        margin-top: 40px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper {
        border-top: none;
        margin-top: 50px;
        position: absolute; } }
    @media (min-width: 1280px) {
      .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper {
        border-top: none;
        margin-top: 60px;
        position: absolute; } }
    .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper .brand-name {
      font-size: 44px;
      padding-top: 10px;
      line-height: 1.06; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper .brand-name {
          font-size: 68px;
          width: 56%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper .brand-name {
          font-size: 68px;
          width: 56%; } }
      @media (min-width: 1280px) {
        .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper .brand-name {
          font-size: 90px;
          width: 56%; } }
    .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper .BrandCTAtext {
      display: none; }
      @media (max-width: 599px) {
        .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper .BrandCTAtext {
          display: block; } }
      .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper .BrandCTAtext .brand-tout-link {
        float: left; }
        @media (min-width: 1280px) {
          .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper .BrandCTAtext .brand-tout-link {
            font-size: 18px; } }
      .brand-tout-wrapper .brand-content-wrapper .brand-title-wrapper .BrandCTAtext .black-arrow {
        display: inline-block;
        margin-left: 16px;
        overflow: hidden;
        width: 20px; }
  .brand-tout-wrapper .brand-content-wrapper .scj {
    position: absolute;
    right: 1%;
    top: 71%; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .brand-tout-wrapper .brand-content-wrapper .scj {
        display: none; } }
  .brand-tout-wrapper .brand-content-wrapper .BrandCTAtext {
    position: absolute;
    bottom: 40px; }
    @media (max-width: 599px) {
      .brand-tout-wrapper .brand-content-wrapper .BrandCTAtext {
        display: none;
        position: unset; } }
    .brand-tout-wrapper .brand-content-wrapper .BrandCTAtext .brand-tout-link {
      float: left; }
    .brand-tout-wrapper .brand-content-wrapper .BrandCTAtext .black-arrow {
      display: inline-block;
      margin-left: 16px;
      overflow: hidden;
      width: 20px; }

.outer-bg {
  background: linear-gradient(to bottom, #f2f2f2 0, #f2f2f2 190px, #f2f2f2 8%, #fff 8%, #fff 100%); }
  @media (min-width: 600px) and (max-width: 1039px) {
    .outer-bg {
      background: linear-gradient(to bottom, #f2f2f2 0, #f2f2f2 340px, #f2f2f2 8%, #fff 8%, #fff 100%); } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .outer-bg {
      background: linear-gradient(to bottom, #f2f2f2 0, #f2f2f2 265px, #f2f2f2 8%, #fff 8%, #fff 100%); } }
  @media (min-width: 1280px) {
    .outer-bg {
      background: linear-gradient(to bottom, #f2f2f2 0, #f2f2f2 330px, #f2f2f2 8%, #fff 8%, #fff 100%); } }
  .outer-bg .brandpage_header {
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    position: relative; }
    @media (min-width: 1800px) {
      .outer-bg .brandpage_header {
        margin-top: 0 !important;
        padding-top: 60px; } }
    .outer-bg .brandpage_header .brandpackshot {
      width: 35%;
      float: left;
      position: absolute;
      right: 15px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .outer-bg .brandpage_header .brandpackshot {
          right: 40px;
          width: 28%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .outer-bg .brandpage_header .brandpackshot {
          position: static;
          width: 25%; } }
      @media (min-width: 1280px) {
        .outer-bg .brandpage_header .brandpackshot {
          position: static;
          width: 25%;
          padding-top: 20px; } }
    .outer-bg .brandpage_header .other-block {
      width: 100%;
      float: left; }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .outer-bg .brandpage_header .other-block {
          width: 74%;
          padding-left: 74px; } }
      @media (min-width: 1280px) {
        .outer-bg .brandpage_header .other-block {
          width: 74%;
          padding-left: 74px; } }
      .outer-bg .brandpage_header .other-block .logo-block {
        width: 50%;
        float: left;
        padding-bottom: 55px; }
        @media (max-width: 599px) {
          .outer-bg .brandpage_header .other-block .logo-block {
            padding: 20px 0 40px 31px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .outer-bg .brandpage_header .other-block .logo-block {
            padding: 50px 0 30px 55px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .outer-bg .brandpage_header .other-block .logo-block {
            float: right;
            width: 30%;
            border-left: 1px solid rgba(0, 0, 0, 0.35);
            height: 114px;
            margin: 40px 0 50px 0; } }
        @media (min-width: 1280px) {
          .outer-bg .brandpage_header .other-block .logo-block {
            float: right;
            width: 30%;
            border-left: 1px solid #282828;
            height: 207px;
            padding: 0; } }
        .outer-bg .brandpage_header .other-block .logo-block img {
          width: 90%; }
          @media (min-width: 1280px) {
            .outer-bg .brandpage_header .other-block .logo-block img {
              margin-left: 90px;
              width: 80%;
              padding: 16px 0; } }
          @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
            .outer-bg .brandpage_header .other-block .logo-block img {
              width: 75%; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .outer-bg .brandpage_header .other-block .logo-block img {
              margin-left: 60px;
              width: 67%;
              padding: 0; } }
      .outer-bg .brandpage_header .other-block .head-block {
        width: 70%;
        float: none;
        clear: both;
        margin-bottom: 20px; }
        @media (max-width: 599px) {
          .outer-bg .brandpage_header .other-block .head-block {
            padding: 30px 15px 0 15px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .outer-bg .brandpage_header .other-block .head-block {
            padding: 100px 12px 0; } }
        @media (min-width: 1280px) {
          .outer-bg .brandpage_header .other-block .head-block {
            clear: none;
            margin: 85px 0 10px 0; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .outer-bg .brandpage_header .other-block .head-block {
            clear: none;
            margin: 60px 0 50px 0; } }
        .outer-bg .brandpage_header .other-block .head-block .sub-head {
          font-size: 22px;
          line-height: 30px; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .outer-bg .brandpage_header .other-block .head-block .sub-head {
              font-size: 20px;
              line-height: 34px;
              margin-bottom: 10px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .outer-bg .brandpage_header .other-block .head-block .sub-head {
              font-size: 20px;
              line-height: 34px; } }
          @media (min-width: 1280px) {
            .outer-bg .brandpage_header .other-block .head-block .sub-head {
              font-size: 22px;
              line-height: 34px; } }
        .outer-bg .brandpage_header .other-block .head-block .main-head {
          font-size: 44px;
          line-height: 52px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .outer-bg .brandpage_header .other-block .head-block .main-head {
              font-size: 64px;
              line-height: 54px;
              letter-spacing: -0.7px;
              margin-bottom: 40px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .outer-bg .brandpage_header .other-block .head-block .main-head {
              font-size: 55px;
              line-height: 54px;
              letter-spacing: -0.7px; } }
          @media (min-width: 1280px) {
            .outer-bg .brandpage_header .other-block .head-block .main-head {
              font-size: 70px;
              line-height: 1.14;
              letter-spacing: -0.8px; } }
      .outer-bg .brandpage_header .other-block .descr-block {
        clear: both; }
        @media (max-width: 599px) {
          .outer-bg .brandpage_header .other-block .descr-block {
            padding: 5px 15px 0 15px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .outer-bg .brandpage_header .other-block .descr-block {
            padding: 5px 12px 0 12px; } }
        @media (min-width: 1280px) {
          .outer-bg .brandpage_header .other-block .descr-block {
            padding-top: 90px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .outer-bg .brandpage_header .other-block .descr-block {
            padding-top: 60px; } }
        .outer-bg .brandpage_header .other-block .descr-block .descr {
          font-size: 24px;
          font-weight: 300;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.33;
          letter-spacing: normal;
          margin-bottom: 45px; }
          @media (min-width: 1280px) {
            .outer-bg .brandpage_header .other-block .descr-block .descr {
              font-size: 36px;
              font-weight: 300;
              line-height: 1.28;
              margin-bottom: 25px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .outer-bg .brandpage_header .other-block .descr-block .descr {
              font-size: 32px;
              font-weight: 300;
              line-height: 1.31; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .outer-bg .brandpage_header .other-block .descr-block .descr {
              font-weight: 300;
              font-size: 32px;
              line-height: 1.25;
              letter-spacing: normal;
              margin-bottom: 30px; } }
        .outer-bg .brandpage_header .other-block .descr-block .arrow-at-right {
          float: left;
          padding-left: 0;
          width: auto; }
          .outer-bg .brandpage_header .other-block .descr-block .arrow-at-right .text-link {
            padding-right: 15px;
            width: auto; }
          .outer-bg .brandpage_header .other-block .descr-block .arrow-at-right .black-arrow {
            width: 21px;
            margin-top: 6px; }
        .outer-bg .brandpage_header .other-block .descr-block .bottom-block {
          padding: 20px 0 0 0;
          margin: 0; }
          @media (max-width: 599px) {
            .outer-bg .brandpage_header .other-block .descr-block .bottom-block {
              border-bottom: solid 1px #282828;
              width: 100%;
              padding-bottom: 20px; } }
  .outer-bg.no-packshot {
    background: none; }
    @media (max-width: 599px) {
      .outer-bg.no-packshot .brandpage_header {
        margin: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .outer-bg.no-packshot .brandpage_header {
        margin: 0; } }
    .outer-bg.no-packshot .other-block {
      width: 100%;
      padding-left: 0; }
      .outer-bg.no-packshot .other-block .logo-bg-clr {
        text-align: left; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-windex-blue {
          background-color: #02a5e0; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-duck-red {
          background-color: #ed1c24; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-muscle-blue {
          background-color: #193989; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-pledge-yellow {
          background-color: #ffce04; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-ziploc-blue {
          background-color: #00adf2; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-drano-gray {
          background-color: #ebebeb; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-off-orange {
          background-color: #f88023; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-raid-black {
          background-color: #1a1918; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-glade-cyan {
          background-color: #21aad6; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-caldrea-yellow {
          background-color: #f6d828; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-meyers-magenta {
          background-color: #d1cad2; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-shout-blue {
          background-color: #00b7f5; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-scrubbing-green {
          background-color: #61bb46; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-fantastik-yellow {
          background-color: #f1f046; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-Armstrong-violet {
          background-color: #37168a; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-johnson-gray {
          background-color: #f5f5f5; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-kiwi-red {
          background-color: #ee2e24; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-saran-blue {
          background-color: #daf1fa; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-baygon-red {
          background-color: #f33c40; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-autan-red {
          background-color: #ec2d23; }
        .outer-bg.no-packshot .other-block .logo-bg-clr.brandcard-bg-babyganics-green {
          background-color: #89c548; }
        .outer-bg.no-packshot .other-block .logo-bg-clr .logo-block {
          float: none;
          width: 50%;
          margin: 0 auto;
          border: 0;
          height: auto;
          padding: 35px 0; }
          @media (min-width: 1280px) {
            .outer-bg.no-packshot .other-block .logo-bg-clr .logo-block {
              width: 30%;
              padding: 60px 0; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .outer-bg.no-packshot .other-block .logo-bg-clr .logo-block {
              width: 30%;
              padding: 60px 0; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .outer-bg.no-packshot .other-block .logo-bg-clr .logo-block {
              padding: 72px 0; } }
          .outer-bg.no-packshot .other-block .logo-bg-clr .logo-block img {
            margin: 0;
            padding: 0;
            width: 100%; }
      .outer-bg.no-packshot .other-block .head-block {
        clear: none;
        width: 35%;
        float: left; }
        @media (min-width: 1280px) {
          .outer-bg.no-packshot .other-block .head-block {
            margin: 90px 0 45px 0; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .outer-bg.no-packshot .other-block .head-block {
            width: 75%;
            margin-left: 4%;
            margin-right: 4%; } }
        @media (max-width: 599px) {
          .outer-bg.no-packshot .other-block .head-block {
            width: 75%;
            margin-top: 20px;
            margin-left: 4%;
            margin-right: 4%; } }
        .outer-bg.no-packshot .other-block .head-block .sub-head {
          margin-bottom: 10px; }
        @media (min-width: 1280px) {
          .outer-bg.no-packshot .other-block .head-block .main-head {
            font-size: 70px; } }
      .outer-bg.no-packshot .other-block .sub-head {
        margin-bottom: 10px; }
      .outer-bg.no-packshot .other-block .descr-block {
        float: left;
        width: 65%;
        clear: none; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .outer-bg.no-packshot .other-block .descr-block {
            width: 92%;
            clear: both;
            margin-left: 4%;
            margin-right: 4%; } }
        @media (max-width: 599px) {
          .outer-bg.no-packshot .other-block .descr-block {
            width: 92%;
            clear: both;
            margin-left: 4%;
            margin-right: 4%; } }
      .outer-bg.no-packshot .other-block .arrow-at-right {
        float: left;
        padding-left: 0;
        padding-top: 0;
        width: auto; }

/*  Image Gallery with Full Breaker starts -  */
.filmstrip-carousel {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  /*Right - 01 img*/
  /*Right -02 img*/ }
  .filmstrip-carousel .slider {
    height: auto !important; }
  .filmstrip-carousel .slick-dots li button:before {
    font-size: 30px; }
  .filmstrip-carousel .slick-slide {
    position: relative;
    transition: all 650ms ease !important;
    display: block;
    float: left;
    height: 100%;
    min-height: 1px; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .filmstrip-carousel .slick-slide {
        width: 500px; } }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-slide {
        width: 500px;
        height: 500px;
        display: flex;
        align-items: center; } }
    .filmstrip-carousel .slick-slide .image img {
      width: 360px; }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .filmstrip-carousel .slick-slide .image img {
          width: 100%; } }
      @media (min-width: 1280px) {
        .filmstrip-carousel .slick-slide .image img {
          width: 100%; } }
    .filmstrip-carousel .slick-slide.horizontal {
      height: auto; }
    .filmstrip-carousel .slick-slide .slide-img {
      height: 100%; }
      .filmstrip-carousel .slick-slide .slide-img.horizontal {
        height: auto; }
    .filmstrip-carousel .slick-slide img {
      display: block;
      height: 100%;
      width: 100%; }
  .filmstrip-carousel [dir="rtl"] .slick-slide {
    float: right; }
  .filmstrip-carousel .slick-slide.slick-loading img {
    display: none; }
  .filmstrip-carousel .slick-slide.dragging img {
    pointer-events: none; }
  .filmstrip-carousel .slick-initialized .slick-slide {
    display: block; }
  .filmstrip-carousel .slick-loading .slick-slide {
    visibility: hidden; }
  .filmstrip-carousel .slick-vertical .slick-slide {
    display: block;
    height: auto; }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .filmstrip-carousel .slick-normal {
      transform: translate(-230px, 0px) scale(0.6);
      transition-duration: 0s; } }
  @media (min-width: 1280px) {
    .filmstrip-carousel .slick-normal {
      transform: translate(-230px, 0px) scale(0.6);
      transition-duration: 0s; } }
  .filmstrip-carousel .slick-left {
    overflow: hidden; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .filmstrip-carousel .slick-left {
        transform: translate(0px, 0px) scale(1); } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .filmstrip-carousel .slick-left {
        transform: translate(180px, -17px) scale(0.7);
        max-height: 320px;
        height: 320px !important; } }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-left {
        transform: translate(180px, -17px) scale(0.7);
        max-height: 320px;
        height: 320px !important; } }
    .filmstrip-carousel .slick-left .caption {
      display: none; }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-left .slide-img {
        height: 100%; } }
    .filmstrip-carousel .slick-left .slide-img.horizontal {
      height: 100%; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .filmstrip-carousel .slick-left .slide-img img {
        object-fit: cover;
        object-position: top; } }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-left .slide-img img {
        object-fit: cover;
        object-position: top; } }
  .filmstrip-carousel .slide-img img {
    width: 100%; }
  .filmstrip-carousel .slick-left-11 {
    overflow: hidden;
    max-height: 300px;
    height: 300px !important; }
    .filmstrip-carousel .slick-left-11 .caption {
      display: none; }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-left-11 .slide-img {
        height: 100%; } }
    .filmstrip-carousel .slick-left-11 .slide-img.horizontal {
      height: 100%; }
    .filmstrip-carousel .slick-left-11 .slide-img img {
      object-fit: cover;
      object-position: top; }
  .filmstrip-carousel .slick-normal:nth-child(1n+0) {
    overflow: hidden; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .filmstrip-carousel .slick-normal:nth-child(1n+0) {
        transform: translate(520px, -8px) scale(0.5) !important;
        transition-duration: 0ms;
        max-height: 300px;
        height: 300px !important; } }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-normal:nth-child(1n+0) {
        transform: translate(520px, -8px) scale(0.5) !important;
        transition-duration: 0ms;
        max-height: 300px;
        height: 300px !important; } }
  .filmstrip-carousel .slick-normal.slick-left-2 {
    transform: translate(0, 0px) scale(0.5) !important; }
  .filmstrip-carousel .slick-center {
    z-index: 999; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .filmstrip-carousel .slick-center {
        transform: translate(0px, 0px) scale(1); } }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-center {
        transform: translate(0px, 0px) scale(1); } }
    .filmstrip-carousel .slick-center.horizontal {
      transform: translate(0px, 0px) scale(1); }
      @media (min-width: 1280px) {
        .filmstrip-carousel .slick-center.horizontal {
          transform: translate(0px, 0px) scale(1); } }
    .filmstrip-carousel .slick-center .caption {
      position: relative;
      float: left;
      width: 100%;
      padding: 0; }
      @media (max-width: 599px) {
        .filmstrip-carousel .slick-center .caption {
          width: 100%; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .filmstrip-carousel .slick-center .caption {
          width: 100%;
          height: 80px; } }
      @media (min-width: 1280px) {
        .filmstrip-carousel .slick-center .caption {
          width: 100%;
          height: 80px; } }
      .filmstrip-carousel .slick-center .caption .caption-text {
        float: left;
        width: 80%;
        word-break: break-word; }
        @media (max-width: 599px) {
          .filmstrip-carousel .slick-center .caption .caption-text {
            width: 80%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .filmstrip-carousel .slick-center .caption .caption-text {
            width: 80%; } }
        @media (min-width: 1280px) {
          .filmstrip-carousel .slick-center .caption .caption-text {
            width: 80%; } }
        .filmstrip-carousel .slick-center .caption .caption-text p {
          color: #242424;
          padding: 5px;
          font-size: 14px;
          margin: 0;
          line-height: 20px;
          padding: 10px 0; }
          @media (max-width: 599px) {
            .filmstrip-carousel .slick-center .caption .caption-text p {
              padding: 10px 0; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .filmstrip-carousel .slick-center .caption .caption-text p {
              padding: 10px 0; } }
          @media (min-width: 1280px) {
            .filmstrip-carousel .slick-center .caption .caption-text p {
              padding: 10px 0; } }
  .filmstrip-carousel .slick-right {
    overflow: hidden; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .filmstrip-carousel .slick-right {
        transform: translate(-180px, -17px) scale(0.7);
        max-height: 320px;
        height: 320px !important;
        z-index: 1; } }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-right {
        transform: translate(-180px, -17px) scale(0.7);
        max-height: 320px;
        height: 320px !important;
        z-index: 1; } }
    .filmstrip-carousel .slick-right .caption {
      display: none; }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-right .slide-img {
        height: 100%; } }
    .filmstrip-carousel .slick-right .slide-img.horizontal {
      height: 100%; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .filmstrip-carousel .slick-right .slide-img img {
        object-fit: cover;
        object-position: top; } }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-right .slide-img img {
        object-fit: cover;
        object-position: top; } }
  .filmstrip-carousel .slick-right-11 {
    max-height: 300px;
    height: 300px !important;
    overflow: hidden;
    transform: translate(0px, 0px) scale(1);
    z-index: -1; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .filmstrip-carousel .slick-right-11 {
        transform: translate(0px, 0px) scale(1); } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .filmstrip-carousel .slick-right-11 {
        transform: translate(-520px, -8px) scale(0.5); } }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-right-11 {
        transform: translate(-520px, -8px) scale(0.5); } }
    .filmstrip-carousel .slick-right-11 .caption {
      display: none; }
    .filmstrip-carousel .slick-right-11 .slide-img {
      height: 100%; }
      .filmstrip-carousel .slick-right-11 .slide-img.horizontal {
        height: 100%; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .filmstrip-carousel .slick-right-11 .slide-img.horizontal {
            width: 728px; } }
      .filmstrip-carousel .slick-right-11 .slide-img img {
        object-fit: cover;
        object-position: top; }
  .filmstrip-carousel .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    padding: 0px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .filmstrip-carousel .slick-slider {
        margin-right: auto;
        margin-left: auto; } }
  .filmstrip-carousel .slick-track,
  .filmstrip-carousel .slick-list {
    -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); }
  .filmstrip-carousel .slick-arrow.slick-prev,
  .filmstrip-carousel .slick-arrow.slick-next {
    height: 50px;
    width: 50px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    border-radius: 50%;
    position: absolute;
    z-index: 1; }
    .filmstrip-carousel .slick-arrow.slick-prev:hover,
    .filmstrip-carousel .slick-arrow.slick-next:hover {
      transition: all 650ms ease; }
  .filmstrip-carousel .slick-arrow.slick-prev {
    top: 75px;
    left: 5px;
    background: url(../images/icon/left-arrow.svg) no-repeat center;
    background-size: 125px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .filmstrip-carousel .slick-arrow.slick-prev {
        top: 155px;
        left: 25px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .filmstrip-carousel .slick-arrow.slick-prev {
        top: 115px;
        left: 31.4%; } }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-arrow.slick-prev {
        top: 115px;
        left: 31.4%; } }
    @media (min-width: 1800px) {
      .filmstrip-carousel .slick-arrow.slick-prev {
        left: 34.5%; } }
  .filmstrip-carousel .slick-arrow.slick-next {
    top: 75px;
    right: 5px;
    z-index: 1;
    background: url(../images/icon/right-arrow.svg) no-repeat center;
    background-size: 125px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .filmstrip-carousel .slick-arrow.slick-next {
        top: 155px;
        right: 25px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .filmstrip-carousel .slick-arrow.slick-next {
        top: 115px;
        right: 31.4%; } }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-arrow.slick-next {
        top: 115px;
        right: 31.4%; } }
    @media (min-width: 1800px) {
      .filmstrip-carousel .slick-arrow.slick-next {
        right: 34.5%; } }
  .filmstrip-carousel .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .filmstrip-carousel .slick-list:focus {
      outline: none; }
  .filmstrip-carousel .slick-list.dragging {
    cursor: pointer; }
  .filmstrip-carousel .slick-track {
    position: relative;
    display: block;
    padding: 0;
    height: auto; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .filmstrip-carousel .slick-track {
        display: block; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .filmstrip-carousel .slick-track {
        display: block; } }
    @media (min-width: 1280px) {
      .filmstrip-carousel .slick-track {
        display: block;
        height: 500px; } }
  .filmstrip-carousel .slick-track:before,
  .filmstrip-carousel .slick-track:after {
    content: "";
    display: table; }
  .filmstrip-carousel .slick-track:after {
    clear: both; }
  .filmstrip-carousel .slick-loading .slick-track {
    visibility: hidden; }
  .filmstrip-carousel .slick-arrow.slick-hidden {
    display: none; }
  .filmstrip-carousel .slick-disabled {
    display: none !important; }

/* share button starts */
.image-arrow-container {
  position: absolute;
  right: 0;
  z-index: 9; }

.gallery-share {
  position: relative;
  cursor: pointer;
  bottom: 0;
  float: right;
  height: 60px;
  position: relative;
  right: 0px;
  width: 50px; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .gallery-share {
      right: 0px; } }
  @media (min-width: 1280px) {
    .gallery-share {
      right: 0; } }
  .gallery-share .socialshare-block-white {
    position: static; }
  .gallery-share .share-icon {
    background: url(../images/icon/Share-Icon.svg) no-repeat center;
    height: 23px;
    width: 25px;
    position: relative;
    top: 12px;
    float: right; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .gallery-share .share-icon {
        right: 13px;
        top: 16px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .gallery-share .share-icon {
        right: 13px;
        top: 16px; } }
    @media (max-width: 599px) {
      .gallery-share .share-icon {
        right: 13px;
        top: 16px; } }
  .gallery-share .social-module-white {
    position: absolute;
    z-index: 9; }
    .gallery-share .social-module-white .share-icons-white {
      display: none;
      width: 100%;
      position: relative;
      left: 25px;
      top: 18px;
      overflow: hidden; }
      .gallery-share .social-module-white .share-icons-white > div {
        pointer-events: none; }
      .gallery-share .social-module-white .share-icons-white a {
        pointer-events: none; }
    .gallery-share .social-module-white a,
    .gallery-share .social-module-white div {
      display: inline-block;
      height: 23px;
      width: 20px;
      margin-bottom: 6px; }

/* share button ends */
/*Image Gallery ends*/
@media (max-width: 599px) {
  .breaker .filmstrip-carousel {
    height: auto; } }

@media (max-width: 599px) {
  .breaker .filmstrip-carousel .slider.slick-initialized.slick-slider {
    /* height: 320px !important; */ } }

@media (max-width: 599px) {
  .breaker .filmstrip-carousel .slick-slide .slide-img.vertical img {
    width: 50%;
    margin: 0 auto; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .breaker .filmstrip-carousel .slick-slide .slide-img.vertical img {
    width: 50%;
    margin: 0 auto; } }

.breaker .filmstrip-carousel .slick-slide .slide-img img {
  object-fit: contain;
  object-position: center; }
  @media (max-width: 599px) {
    .breaker .filmstrip-carousel .slick-slide .slide-img img {
      height: auto; } }

.breaker .filmstrip-carousel .slick-right .slide-img img,
.breaker .filmstrip-carousel .slick-right-11 .slide-img img,
.breaker .filmstrip-carousel .slick-left .slide-img img,
.breaker .filmstrip-carousel .slick-left-11 .slide-img img {
  object-fit: cover;
  object-position: top;
  border: none; }

@media (max-width: 599px) {
  .breaker .filmstrip-carousel .caption {
    width: 100%;
    float: left; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .breaker .filmstrip-carousel .caption {
    width: 100%;
    float: left; } }

@media (max-width: 599px) {
  .breaker .filmstrip-carousel .caption .caption-text {
    width: 79%;
    float: left; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .breaker .filmstrip-carousel .caption .caption-text {
    width: 79%;
    float: left; } }

@media (max-width: 599px) {
  .breaker .filmstrip-carousel .caption .caption-text p {
    margin: 10px 0;
    font-size: 12px; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .breaker .filmstrip-carousel .caption .caption-text p {
    margin: 10px 0; } }

/* specific to horizontal gallery starts */
.breaker.horizontal-gallery {
  float: left;
  width: 100%; }
  @media (min-width: 1280px) {
    .breaker.horizontal-gallery {
      margin-top: 60px; } }
  .breaker.horizontal-gallery .slider {
    height: auto !important;
    width: 100%; }
  .breaker.horizontal-gallery .slick-list {
    padding-bottom: 0;
    height: 370px; }
    @media (max-width: 599px) {
      .breaker.horizontal-gallery .slick-list {
        max-height: 250px;
        min-height: 300px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .breaker.horizontal-gallery .slick-list {
        height: 510px; } }
  .breaker.horizontal-gallery .slick-track {
    height: auto; }

/* specific to horizontal gallery starts */
/* specific to vertical gallery starts */
.breaker.vertical-gallery {
  float: left;
  width: 100%; }
  @media (min-width: 1280px) {
    .breaker.vertical-gallery {
      margin-top: 60px; } }
  @media (min-width: 1800px) {
    .breaker.vertical-gallery {
      margin-top: 60px; } }
  @media (min-width: 1280px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-right {
      max-height: 760px;
      height: 760px !important;
      transform: translate(-180px, 50px) scale(0.7); } }
  @media (min-width: 1800px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-right {
      max-height: 760px;
      height: 760px !important;
      transform: translate(-180px, 50px) scale(0.7); } }
  @media (min-width: 1280px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-left {
      max-height: 760px;
      height: 760px !important;
      transform: translate(180px, 50px) scale(0.7); } }
  @media (min-width: 1800px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-left {
      max-height: 760px;
      height: 760px !important;
      transform: translate(180px, 50px) scale(0.7); } }
  @media (min-width: 1280px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-right-11 {
      max-height: 620px;
      height: 620px !important;
      transform: translate(-520px, 100px) scale(0.5); } }
  @media (min-width: 1800px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-right-11 {
      max-height: 620px;
      height: 620px !important;
      transform: translate(-520px, 100px) scale(0.5); } }
  @media (min-width: 1280px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-left-11 {
      max-height: 620px;
      height: 620px !important;
      transform: translate(520px, 100px) scale(0.5) !important; } }
  @media (min-width: 1800px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-left-11 {
      max-height: 620px;
      height: 620px !important;
      transform: translate(520px, 100px) scale(0.5) !important; } }
  @media (min-width: 1280px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-slide {
      height: 900px; } }
  @media (min-width: 1800px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-slide {
      height: 900px; } }
  @media (min-width: 1280px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-track {
      height: 1000px; } }
  @media (min-width: 1800px) {
    .breaker.vertical-gallery .filmstrip-carousel .slick-track {
      height: 1000px; } }
  @media (max-width: 599px) {
    .breaker.vertical-gallery .slick-slide .slide-img.vertical img {
      width: 100%;
      margin: 0 auto; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .breaker.vertical-gallery .slick-slide .slide-img.vertical img {
      width: 100%;
      margin: 0 auto; } }
  .breaker.vertical-gallery .slick-arrow.slick-prev {
    top: 45%;
    left: 5px;
    background: url(../images/icon/left-arrow.svg) no-repeat center;
    background-size: 135px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .breaker.vertical-gallery .slick-arrow.slick-prev {
        top: 35%;
        left: 25px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .breaker.vertical-gallery .slick-arrow.slick-prev {
        top: 34%;
        left: 31.4%; } }
    @media (min-width: 1280px) {
      .breaker.vertical-gallery .slick-arrow.slick-prev {
        top: 34%;
        left: 31.4%; } }
    @media (min-width: 1800px) {
      .breaker.vertical-gallery .slick-arrow.slick-prev {
        left: 34.5%; } }
  .breaker.vertical-gallery .slick-arrow.slick-next {
    top: 45%;
    right: 5px;
    z-index: 1;
    background: url(../images/icon/right-arrow.svg) no-repeat center;
    background-size: 135px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .breaker.vertical-gallery .slick-arrow.slick-next {
        top: 35%;
        right: 25px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .breaker.vertical-gallery .slick-arrow.slick-next {
        top: 34%;
        right: 31.4%; } }
    @media (min-width: 1280px) {
      .breaker.vertical-gallery .slick-arrow.slick-next {
        top: 34%;
        right: 31.4%; } }
    @media (min-width: 1800px) {
      .breaker.vertical-gallery .slick-arrow.slick-next {
        right: 34.5%; } }

/* specific to vertical gallery ends */
.backtotop-control {
  display: none;
  position: fixed;
  right: 30px;
  bottom: 30px;
  padding: 30px;
  cursor: pointer;
  background: url(../images/icon/PageUpStatic_Solid.svg) no-repeat;
  width: 30px;
  height: 30px;
  z-index: 99999; }
  @media (max-width: 599px) {
    .backtotop-control {
      display: none !important; } }
  .backtotop-control:hover {
    background: url(../images/icon/PageUpHover.svg) no-repeat; }

@media only screen and (min-width: 1600px) {
  .social-media-block-wrap .social-media-block .right-block {
    width: 61%; } }

.social-media-block-wrap.breaker {
  margin-top: 0; }
  @media (max-width: 599px) {
    .social-media-block-wrap.breaker {
      margin-top: 25px; } }

.social-media-block-wrap .my-next-arrow:before {
  opacity: 1; }

.social-media-block-wrap {
  background-color: #ffffff;
  clear: both;
  position: relative;
  width: 100%;
  float: right; }
  @media (max-width: 599px) {
    .social-media-block-wrap {
      width: 100%;
      margin-top: 55px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .social-media-block-wrap {
      width: 834px !important; } }
  @media (min-width: 1280px) {
    .social-media-block-wrap {
      width: 100% !important;
      padding-left: 22.9%; } }
  .social-media-block-wrap .external-link {
    border: 0; }
    .social-media-block-wrap .external-link:after {
      display: none; }
  .social-media-block-wrap .pagingInfo {
    position: relative;
    font-weight: bold;
    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.69;
    letter-spacing: 2.3px;
    color: #232323; }
    @media (max-width: 599px) {
      .social-media-block-wrap .pagingInfo {
        top: -18px;
        left: 34px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .pagingInfo {
        top: 13px;
        left: 22%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .pagingInfo {
        top: 20px;
        left: 0; } }
    @media (min-width: 1280px) {
      .social-media-block-wrap .pagingInfo {
        top: 30px;
        left: 19px; } }
  .social-media-block-wrap .social-media-block {
    z-index: 2; }
    @media (min-width: 1280px) {
      .social-media-block-wrap .social-media-block {
        margin: 0 20px; } }
    @media (max-width: 599px) {
      .social-media-block-wrap .social-media-block {
        width: 100%; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .social-media-block .carousel-wrap {
        margin-top: 70px; } }
    @media (min-width: 1280px) {
      .social-media-block-wrap .social-media-block .carousel-wrap {
        margin-top: 70px;
        height: 303px;
        margin-right: 3px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .social-media-block .carousel-wrap {
        margin-top: 70px;
        height: 303px; } }
    .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap {
      margin-left: 20px;
      width: 80%;
      background: #ffffff;
      height: 70px;
      padding-top: 15px; }
      @media (max-width: 599px) {
        .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap {
          width: 87%;
          height: 86px;
          padding-top: 20px;
          margin-left: 24px; } }
      .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .logo-color-block {
        border-radius: 50%;
        height: 42px;
        width: 42px;
        background-color: #f2f2f2;
        float: left; }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .logo-color-block {
            margin-left: 8px; } }
        .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .logo-color-block .logo-block {
          height: 25px;
          width: 25px;
          position: relative;
          top: 8px;
          left: 7px; }
          .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .logo-color-block .logo-block img {
            height: 100%;
            width: 100%; }
      .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .org-name {
        float: left;
        padding-left: 15px;
        padding-top: 3px; }
        .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .position-now .org-name h5 a {
          font-weight: bold;
          text-decoration: none;
          letter-spacing: 0.7px; }
      .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .fwd-icon-block {
        height: 30px;
        position: relative;
        float: right;
        top: 30px;
        z-index: 999; }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .carousel-wrap .upper-wrap .fwd-icon-block {
            right: 10px;
            top: 32px; } }
    .social-media-block-wrap .social-media-block .carousel-wrap:focus� {
      outline: �none; }
    .social-media-block-wrap .social-media-block .left-block {
      width: 300px;
      float: left;
      margin-right: 30px;
      height: 186px; }
      @media (max-width: 599px) {
        .social-media-block-wrap .social-media-block .left-block {
          width: 100%;
          height: 239px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .left-block {
          position: relative;
          width: 65%;
          height: 318px;
          margin-left: 22%; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .social-media-block-wrap .social-media-block .left-block {
          margin-left: 0%;
          height: 172px;
          width: 277px; } }
      .social-media-block-wrap .social-media-block .left-block img {
        margin: 0 auto;
        width: 99%;
        height: 100%; }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .left-block img {
            width: 100%; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .social-media-block-wrap .social-media-block .left-block img {
            width: 100%; } }
    @media (max-width: 599px) {
      .social-media-block-wrap .social-media-block .right-block {
        width: 100%;
        position: relative;
        clear: both; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .social-media-block .right-block {
        position: relative;
        clear: both;
        width: 65%;
        margin-left: 22%; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .social-media-block .right-block {
        background-color: #fff;
        height: 290px;
        width: 468px; } }
    @media (min-width: 1280px) {
      .social-media-block-wrap .social-media-block .right-block {
        background-color: #fff;
        display: inline-block; } }
    @media (min-width: 1280px) {
      .social-media-block-wrap .social-media-block .right-block .position-now {
        position: relative;
        left: 30px;
        top: 12px; } }
    @media (max-width: 599px) {
      .social-media-block-wrap .social-media-block .right-block .position-now {
        position: absolute;
        width: 80%;
        background-color: #ffffff;
        padding: 15px;
        bottom: 375px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .social-media-block .right-block .position-now {
        padding-top: 15px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .social-media-block .right-block .position-now {
        position: relative;
        left: 16px;
        top: 7px;
        padding-top: 10px; } }
    .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block {
      background-color: #f2f2f2;
      border-radius: 50%;
      float: left;
      width: 65px;
      height: 65px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block {
          height: 38px;
          width: 38px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block {
          width: 38px;
          height: 38px; } }
      @media (min-width: 1280px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block {
          width: 38px;
          height: 38px; } }
      .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block .logo-block {
        width: 40px;
        position: relative;
        top: 5px;
        left: 9px;
        overflow: hidden;
        width: 50%; }
        .social-media-block-wrap .social-media-block .right-block .position-now .logo-color-block .logo-block img {
          width: 100%;
          height: 100%; }
    .social-media-block-wrap .social-media-block .right-block .position-now .org-name {
      float: left;
      padding-left: 15px;
      padding-top: 3px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .org-name {
          padding-top: 0; } }
      @media (min-width: 1280px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .org-name {
          position: relative;
          left: 15px;
          top: 1px;
          padding-left: 0;
          padding-top: 0; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .social-media-block-wrap .social-media-block .right-block .position-now .org-name {
          position: relative;
          left: 15px;
          top: 0px;
          padding-left: 0;
          padding-top: 0; } }
      .social-media-block-wrap .social-media-block .right-block .position-now .org-name h5 a {
        font-weight: bold;
        text-decoration: none;
        letter-spacing: 0.7px;
        color: #103d5a;
        line-height: 22px;
        font-size: 13px; }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .right-block .position-now .org-name h5 a {
            font-size: 12px;
            color: #103d5a; } }
    .social-media-block-wrap .social-media-block .right-block .fwd-icon-block {
      height: 30px;
      width: 30px;
      float: right; }
      @media (min-width: 1280px) {
        .social-media-block-wrap .social-media-block .right-block .fwd-icon-block {
          position: relative;
          right: 20px;
          top: 18px; } }
      @media (max-width: 599px) {
        .social-media-block-wrap .social-media-block .right-block .fwd-icon-block {
          position: absolute;
          right: 90px;
          top: -23px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .social-media-block-wrap .social-media-block .right-block .fwd-icon-block {
          position: relative;
          top: 8px;
          right: 6px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .fwd-icon-block {
          position: absolute;
          right: 0; } }
      .social-media-block-wrap .social-media-block .right-block .fwd-icon-block img {
        height: 100%;
        width: 100%; }
      .social-media-block-wrap .social-media-block .right-block .fwd-icon-block .socialshare-block-white {
        bottom: 0;
        right: 4px;
        top: -10px; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .social-media-block-wrap .social-media-block .right-block .fwd-icon-block .socialshare-block-white {
            right: 0px;
            top: -10px; } }
    .social-media-block-wrap .social-media-block .right-block .right-block-para {
      text-align: left;
      color: #232323;
      clear: left; }
      @media (min-width: 1280px) {
        .social-media-block-wrap .social-media-block .right-block .right-block-para {
          padding: 3% 2% 0 4%; } }
      @media (max-width: 599px) {
        .social-media-block-wrap .social-media-block .right-block .right-block-para {
          clear: both;
          padding: 0 2%;
          margin-bottom: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .right-block-para {
          width: 100%;
          padding-top: 10px;
          float: left; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .social-media-block-wrap .social-media-block .right-block .right-block-para {
          padding: 3% 5% 0 3%; } }
      .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
        font-size: 1.625em;
        font-weight: 300;
        line-height: 1.6;
        letter-spacing: -0.1px; }
        .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc a, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link a {
          font-weight: 300;
          color: #00adf2; }
          @media (min-width: 1280px) {
            .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc a, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link a {
              font-size: 26px;
              line-height: 36px; } }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
            font-size: 1.25em;
            padding-top: 10px;
            padding-left: 25px;
            padding-right: 15px;
            line-height: 32px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
            font-size: 1.25em;
            line-height: 32px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
            font-size: 1.25em; } }
        @media (min-width: 1280px) {
          .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-desc, .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
            font-size: 26px;
            line-height: 36px;
            padding-right: 20px; } }
      .social-media-block-wrap .social-media-block .right-block .right-block-para.socialmedia-link {
        padding-top: 0px; }
    .social-media-block-wrap .social-media-block .right-block .social-share {
      padding: 3% 2% 0 4%;
      float: left;
      width: 100%; }
      @media (max-width: 599px) {
        .social-media-block-wrap .social-media-block .right-block .social-share {
          padding: 3% 2% 0 25px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .social-share {
          padding: 3% 2% 0 0; } }
      .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon {
        /*padding-left: 30px;*/
        float: left;
        width: 50px;
        margin-right: 10px; }
        .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon img {
          height: 100%;
          width: 100%; }
        @media (max-width: 599px) {
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon {
            padding-left: 0;
            width: 20px;
            margin-right: 17.8px; } }
        @media (min-width: 1040px) and (max-width: 1279px) {
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon {
            width: 17px;
            position: relative;
            left: -4px;
            top: -3px;
            padding-left: 0px; } }
        @media (min-width: 1280px) {
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon {
            position: relative;
            top: -3px;
            width: 25px;
            height: 25px;
            margin-right: 17px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-icon {
            padding-left: 0px;
            width: 22px; } }
      .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link {
        float: left;
        margin-top: -1px;
        border-right: 1px solid #dbdbdb;
        margin-right: 12px;
        padding-right: 15px; }
        .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link a.external-link {
          border-bottom: 0 none; }
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link a.external-link:visited {
            border-bottom: 0 none; }
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link a.external-link:focus {
            border-bottom: 0 none; }
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link a.external-link:hover {
            border-bottom: 0 none; }
          .social-media-block-wrap .social-media-block .right-block .social-share .social-media-link a.external-link::after {
            width: 12px; }
      .social-media-block-wrap .social-media-block .right-block .social-share .posted-date {
        float: left;
        padding-right: 15px;
        cursor: text; }
        .social-media-block-wrap .social-media-block .right-block .social-share .posted-date h5 {
          margin-top: 6px;
          color: #103d5a;
          font-weight: normal; }
          @media (min-width: 1280px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .posted-date h5 {
              margin-top: 0px;
              font-size: 16px;
              line-height: 22px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .posted-date h5 {
              margin-top: 0px;
              font-size: 16px;
              line-height: 22px; } }
          @media (max-width: 599px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .posted-date h5 {
              margin-top: 0px;
              font-size: 16px;
              line-height: 22px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .posted-date h5 {
              font-size: 16px;
              line-height: 22px;
              margin-top: 1px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .social-media-block .right-block .social-share .follow-up {
          float: left; } }
      .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a {
        text-decoration: none;
        color: #f88023;
        float: left;
        padding-left: 15px; }
        .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a h5 {
          margin-top: 6px;
          font-size: 16px;
          line-height: 22px;
          font-weight: normal; }
          @media (min-width: 1280px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a h5 {
              margin-top: 0px; } }
          @media (min-width: 1040px) and (max-width: 1279px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a h5 {
              margin-top: 0px; } }
          @media (max-width: 599px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a h5 {
              font-size: 16px;
              line-height: 22px;
              margin-top: 0px; } }
          @media (min-width: 600px) and (max-width: 1039px) {
            .social-media-block-wrap .social-media-block .right-block .social-share .follow-up a h5 {
              margin-top: 0px;
              letter-spacing: normal; } }
  .social-media-block-wrap .dotted-background {
    position: absolute;
    z-index: 1; }
    @media (max-width: 599px) {
      .social-media-block-wrap .dotted-background {
        height: 135px;
        width: 70%;
        top: 0px;
        right: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .dotted-background {
        height: 278px;
        width: 427px;
        top: 33px;
        right: 0; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .dotted-background {
        height: 171px;
        width: 725px;
        top: 10%;
        left: 13%; } }
    @media (min-width: 1280px) {
      .social-media-block-wrap .dotted-background {
        height: 171px;
        width: 65%;
        top: 63px;
        right: 60px;
        left: inherit; } }
    @media (min-width: 1800px) {
      .social-media-block-wrap .dotted-background {
        width: 84%; } }
  .social-media-block-wrap .swiper-button-next {
    background-image: none;
    width: auto;
    position: absolute;
    float: right;
    right: 5%;
    cursor: pointer;
    border: none;
    outline: none; }
    @media (min-width: 1280px) {
      .social-media-block-wrap .swiper-button-next {
        top: 380px;
        right: 60px; } }
    @media (max-width: 599px) {
      .social-media-block-wrap .swiper-button-next {
        background: url(../images/icon/Arrow-small-white.png);
        top: 250px;
        right: 20px;
        background-size: 20px;
        background-repeat: no-repeat;
        width: 21px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .swiper-button-next {
        background: url(../images/icon/Arrow-small-white.png);
        background-size: 20px;
        background-repeat: no-repeat;
        top: 280px;
        right: 17%;
        width: 21px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .swiper-button-next {
        top: 360px;
        right: inherit;
        left: 175px;
        width: auto; } }
    .social-media-block-wrap .swiper-button-next span {
      float: left;
      width: auto;
      margin-right: 17px; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .swiper-button-next span {
          font-size: 0; } }
      @media (max-width: 599px) {
        .social-media-block-wrap .swiper-button-next span {
          font-size: 0; } }
  .social-media-block-wrap .swiper-button-prev {
    background-image: none;
    height: 12px;
    width: 21px;
    position: absolute;
    left: 0;
    cursor: pointer;
    border: none;
    outline: none; }
    @media (min-width: 1280px) {
      .social-media-block-wrap .swiper-button-prev {
        top: 380px;
        left: 18px;
        width: auto; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-media-block-wrap .swiper-button-prev {
        left: 0px;
        top: 360px;
        width: auto; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-media-block-wrap .swiper-button-prev {
        background: url(../images/icon/Arrow-small-white-left.png);
        background-size: 20px;
        background-repeat: no-repeat;
        top: 280px;
        left: 26%;
        width: 21px; } }
    @media (max-width: 599px) {
      .social-media-block-wrap .swiper-button-prev {
        background: url(../images/icon/Arrow-small-white-left.png);
        background-size: 20px;
        background-repeat: no-repeat;
        top: 250px;
        left: 20px;
        width: 21px; } }
    .social-media-block-wrap .swiper-button-prev span {
      width: auto;
      float: left; }
      @media (max-width: 599px) {
        .social-media-block-wrap .swiper-button-prev span {
          font-size: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-media-block-wrap .swiper-button-prev span {
          font-size: 0; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .social-share .pipe-line {
    top: 1px; } }

.pipe-line {
  height: 22px;
  width: 1px;
  background-color: #232323;
  float: left;
  opacity: 0.3; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .pipe-line {
      height: 18.5px;
      position: relative; } }

.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a {
  font-weight: normal;
  text-decoration: none; }

.swiper-button-prev:before {
  content: '';
  left: 22px;
  font-size: 20px;
  top: 11px;
  left: 22px;
  background-image: url(../images/orange-left-arrow.png);
  background-size: 20px;
  background-repeat: no-repeat;
  height: 12px;
  width: 21px;
  position: relative;
  left: 0%;
  cursor: pointer;
  border: none;
  outline: none;
  margin-right: 12px;
  float: left; }
  @media (max-width: 599px) {
    .swiper-button-prev:before {
      display: none; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .swiper-button-prev:before {
      display: none; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .swiper-button-prev:before {
      left: 0;
      top: 9px; } }
  @media (min-width: 1280px) {
    .swiper-button-prev:before {
      top: 7px; } }

.swiper-button-next:after {
  content: '';
  position: relative;
  top: 21px;
  right: 50px;
  background-image: url(../images/orange-right-arrow.png);
  background-size: 20px;
  background-repeat: no-repeat;
  height: 12px;
  width: 21px;
  position: relative;
  float: right;
  right: 5%;
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none; }
  @media (max-width: 599px) {
    .swiper-button-next:after {
      display: none; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .swiper-button-next:after {
      display: none; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .swiper-button-next:after {
      top: 15px;
      right: 0;
      float: left; } }
  @media (min-width: 1280px) {
    .swiper-button-next:after {
      top: 14px; } }

@media (max-width: 599px) {
  .swiper-button-prev:before,
  .swiper-button-next:before {
    display: none; } }

@media (min-width: 600px) and (max-width: 1039px) {
  .swiper-button-prev:before,
  .swiper-button-next:before {
    display: none; } }

.social-media-block-wrap .social-media-block .carousel-wrap:focus {
  outline: none; }

@media (min-width: 1040px) and (max-width: 1279px) {
  /* Written by Prem on 29th March*/
  .firefox .social-media-block-wrap .swiper-button-next {
    left: 243px; }
  .firefox .social-media-block-wrap .swiper-button-prev {
    left: -5px; } }

@media (min-width: 1040px) and (max-width: 1279px) {
  .ie11 .social-media-block-wrap .swiper-button-prev {
    left: -6px; } }

.swiper-container {
  z-index: 2;
  padding-top: 15px; }

.social-media-block-wrap.non-breaker {
  padding-top: 0; }

.social-share {
  display: block;
  float: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .social-share {
      padding: 0 5px 0 73px;
      width: 100%;
      padding: 0 30px; } }
  @media (max-width: 599px) {
    .social-share {
      padding: 0 30px 0 30px;
      width: 100%; } }
  .social-share .row {
    margin: 0 auto;
    padding: 0 60px; }
    @media (max-width: 599px) {
      .social-share .row {
        padding: 0; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-share .row {
        padding: 0; } }
    @media (min-width: 1280px) {
      .social-share .row {
        padding: 0px 60px; } }
    @media (min-width: 1800px) {
      .social-share .row {
        padding: 0;
        width: 100%; } }
  .social-share h2 {
    border-top: 1px solid #282828; }
    @media (max-width: 599px) {
      .social-share h2 {
        line-height: 44px;
        padding: 10px 0 6px 0px;
        font-size: 24px;
        color: #282828;
        font-weight: 300; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-share h2 {
        width: 100%;
        font-size: 36px;
        line-height: 44px;
        padding: 15px 0 16px 0px;
        font-weight: 300; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .social-share h2 {
        padding: 15px 0 20px 0px;
        width: 100%;
        font-weight: 300;
        font-size: 36px;
        line-height: 54px; } }
    @media (min-width: 1280px) {
      .social-share h2 {
        padding: 15px 0 37px 0px;
        width: 100%;
        font-size: 50px;
        font-weight: 300;
        line-height: 54px; } }
  .social-share .color-section {
    width: 21.32%;
    height: 277px;
    display: inline-grid;
    margin-right: 4.9%;
    overflow: hidden;
    margin-bottom: 70px; }
    @media (max-width: 599px) {
      .social-share .color-section {
        display: none;
        width: 21.32%; } }
    @media (min-width: 1280px) {
      .social-share .color-section {
        margin-bottom: 70px;
        margin-right: 4.9%; } }
    @media (min-width: 1800px) {
      .social-share .color-section {
        width: 379px;
        height: 379px;
        margin-bottom: 94px;
        margin-right: 94px; } }
    @media (max-width: 1280px) {
      .social-share .color-section {
        width: 23.8%;
        margin-right: 1.2%;
        margin-bottom: 1.5%; } }
    .social-share .color-section:nth-child(5), .social-share .color-section:nth-child(9) {
      margin-right: 0px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .social-share .color-section {
        margin-bottom: 35px;
        width: 47%;
        margin-right: 3%; } }
    @media (max-width: 599px) {
      .social-share .color-section.show-mobile {
        display: block;
        margin-right: 0;
        margin-bottom: 30px;
        margin-left: 0;
        width: 100%; } }
    .social-share .color-section .faded-image {
      float: left;
      transition: all 1.5s ease-in-out;
      opacity: 0;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      background-size: cover; }
      @media (min-width: 1800px) {
        .social-share .color-section .faded-image {
          background-size: cover; } }
    .social-share .color-section .social-share-icon {
      width: 28px;
      margin: 8px 0 8px 15px;
      height: 26px; }
      .social-share .color-section .social-share-icon.facebook-icon {
        background: url(../images/icon/Facebook-Icon.svg) no-repeat; }
      .social-share .color-section .social-share-icon.twitter-icon {
        background: url(../images/icon/Twitter-Icon.svg) no-repeat; }
      .social-share .color-section .social-share-icon.linkedin-icon {
        background: url(../images/icon/LinkedIn-Icon.svg) no-repeat; }
      .social-share .color-section .social-share-icon.instagram-icon {
        background: url(../images/icon/insta-icon.png) no-repeat; }
    .social-share .color-section p {
      padding: 7px 25px 15px 25px;
      color: #ffffff; }
      @media (min-width: 1280px) {
        .social-share .color-section p {
          font-size: 20px;
          line-height: 21px;
          padding-top: 0; } }
      @media (min-width: 1800px) {
        .social-share .color-section p {
          font-size: 24px;
          padding-top: 0;
          line-height: 36px; } }
      @media (min-width: 1040px) and (max-width: 1279px) {
        .social-share .color-section p {
          font-size: 20px;
          line-height: 21px;
          padding-top: 0; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .social-share .color-section p {
          font-size: 20px;
          line-height: 21px;
          padding-top: 0; } }
      @media (max-width: 599px) {
        .social-share .color-section p {
          font-size: 16px;
          padding-top: 0; } }
    .social-share .color-section.bg_blue p, .social-share .color-section.bg_green p, .social-share .color-section.bg_red p {
      color: #ffffff; }
    .social-share .color-section.bg_blue .social-share-icon.facebook-icon, .social-share .color-section.bg_green .social-share-icon.facebook-icon, .social-share .color-section.bg_red .social-share-icon.facebook-icon {
      background: url(../images/icon/fb-icon-white.svg) no-repeat; }
    .social-share .color-section.bg_blue .social-share-icon.twitter-icon, .social-share .color-section.bg_green .social-share-icon.twitter-icon, .social-share .color-section.bg_red .social-share-icon.twitter-icon {
      background: url(../images/icon/twitter-icon-white.svg) no-repeat; }
    .social-share .color-section.bg_blue .social-share-icon.linkedin-icon, .social-share .color-section.bg_green .social-share-icon.linkedin-icon, .social-share .color-section.bg_red .social-share-icon.linkedin-icon {
      background: url(../images/icon/linkedin-white.svg) no-repeat; }
    .social-share .color-section.bg_blue .social-share-icon.instagram-icon, .social-share .color-section.bg_green .social-share-icon.instagram-icon, .social-share .color-section.bg_red .social-share-icon.instagram-icon {
      background: url(../images/icon/insta-icon.png) no-repeat; }
    .social-share .color-section.bg_blue .social-share-icon.twitter-icon, .social-share .color-section.bg_blue .social-share-icon.linkedin-icon, .social-share .color-section.bg_green .social-share-icon.twitter-icon, .social-share .color-section.bg_green .social-share-icon.linkedin-icon, .social-share .color-section.bg_red .social-share-icon.twitter-icon, .social-share .color-section.bg_red .social-share-icon.linkedin-icon {
      background-size: 500%;
      background-position: center; }
    .social-share .color-section.bg_yellow p {
      color: #282828; }
    .social-share .color-section.bg_yellow .social-share-icon.facebook-icon {
      background: url(../images/icon/Facebook-Icon.svg) no-repeat; }
    .social-share .color-section.bg_yellow .social-share-icon.twitter-icon {
      background: url(../images/icon/Twitter-Icon.svg) no-repeat; }
    .social-share .color-section.bg_yellow .social-share-icon.linkedin-icon {
      background: url(../images/icon/LinkedIn-Icon.svg) no-repeat; }
    .social-share .color-section.bg_yellow .social-share-icon.instagram-icon {
      background: url(../images/icon/insta-black.svg) no-repeat; }
    .social-share .color-section.bg_yellow .social-share-icon.twitter-icon, .social-share .color-section.bg_yellow .social-share-icon.linkedin-icon {
      background-size: 100%;
      background-position: center; }
    .social-share .color-section.bg_yellow.bg_plus p {
      color: #ffffff; }
    .social-share .color-section.bg_yellow.bg_plus .social-share-icon.facebook-icon {
      background: url(../images/icon/fb-icon-white.svg) no-repeat; }
    .social-share .color-section.bg_yellow.bg_plus .social-share-icon.twitter-icon {
      background: url(../images/icon/twitter-icon-white.svg) no-repeat; }
    .social-share .color-section.bg_yellow.bg_plus .social-share-icon.linkedin-icon {
      background: url(../images/icon/linkedin-white.svg) no-repeat; }
    .social-share .color-section.bg_yellow.bg_plus .social-share-icon.instagram-icon {
      background: url(../images/icon/insta-icon.png) no-repeat; }
    .social-share .color-section.bg_yellow.bg_plus .social-share-icon.twitter-icon, .social-share .color-section.bg_yellow.bg_plus .social-share-icon.linkedin-icon {
      background-size: 500%;
      background-position: center; }

.opacity-animate {
  transition: all 1.5s ease-in-out;
  opacity: 1 !important; }

@media (min-width: 1280px) {
  .connect-main {
    margin: 10px 0px 0 0; } }

.homepage-wrapper .social-share h2 {
  font-weight: 400;
  padding: 0 0 30px;
  margin-top: 0;
  margin-bottom: 0;
  border-top: none; }

.articles-videos-wrap {
  background: #ffffff;
  float: left; }
  @media (min-width: 1280px) {
    .articles-videos-wrap {
      float: left;
      margin-left: 4%;
      margin-right: 4%;
      width: 92%; } }

.articles-videos-highlight {
  padding: 60px;
  margin: 0 auto;
  width: 100%;
  clear: both;
  background: #ffffff; }
  @media (max-width: 599px) {
    .articles-videos-highlight {
      padding: 0px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .articles-videos-highlight {
      padding: 60px 86px; } }
  @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
    .articles-videos-highlight {
      padding: 60px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .articles-videos-highlight {
      width: 1024px; } }
  @media (min-width: 1280px) {
    .articles-videos-highlight {
      width: 100%;
      padding: 0; } }
  @media (min-width: 1800px) {
    .articles-videos-highlight {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .articles-videos-highlight .card-wrapper {
      float: left; } }
  @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
    .articles-videos-highlight .card-wrapper {
      float: none; } }
  .articles-videos-highlight .card-wrapper .article-list {
    display: inline-block;
    width: 100%;
    position: relative;
    cursor: pointer;
    margin-bottom: 60px; }
    .articles-videos-highlight .card-wrapper .article-list:nth-last-child(2) {
      margin-bottom: 0; }
    @media (max-width: 599px) {
      .articles-videos-highlight .card-wrapper .article-list {
        margin-bottom: 52px;
        padding-top: 30px;
        background: transparent;
        margin-bottom: 30px; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .articles-videos-highlight .card-wrapper .article-list {
        background: transparent; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .articles-videos-highlight .card-wrapper .article-list {
        margin-bottom: 55px;
        padding-top: 60px; } }
    @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
      .articles-videos-highlight .card-wrapper .article-list {
        width: 436px;
        margin-bottom: 55px;
        padding-top: 0; } }
    @media (min-width: 1280px) {
      .articles-videos-highlight .card-wrapper .article-list {
        width: 48.3%; } }
    @media (min-width: 1800px) {
      .articles-videos-highlight .card-wrapper .article-list {
        min-width: 730px;
        width: 48%; } }
    .articles-videos-highlight .card-wrapper .article-list:nth-child(2n) {
      float: right;
      margin-bottom: 0; }
      @media (min-width: 600px) and (max-width: 1039px) {
        .articles-videos-highlight .card-wrapper .article-list:nth-child(2n) {
          float: left; } }
      @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
        .articles-videos-highlight .card-wrapper .article-list:nth-child(2n) {
          float: right; } }
    .articles-videos-highlight .card-wrapper .article-list .article-img {
      overflow: hidden;
      position: relative; }
      @media (max-width: 599px) {
        .articles-videos-highlight .card-wrapper .article-list .article-img {
          height: 219px;
          width: 345px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .articles-videos-highlight .card-wrapper .article-list .article-img {
          height: 318px;
          width: 511px; } }
      @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
        .articles-videos-highlight .card-wrapper .article-list .article-img {
          height: 245px;
          width: 100%; } }
      @media (min-width: 1280px) {
        .articles-videos-highlight .card-wrapper .article-list .article-img {
          height: 365px; } }
      @media (min-width: 1800px) {
        .articles-videos-highlight .card-wrapper .article-list .article-img {
          height: 415px; } }
      @media (max-width: 1280px) {
        .articles-videos-highlight .card-wrapper .article-list .article-img {
          max-height: 317px; } }
      .articles-videos-highlight .card-wrapper .article-list .article-img .press-rel {
        position: absolute;
        bottom: 0px;
        left: 0px;
        background: #282828;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
        font-size: 16px;
        padding: 2px 10px; }
        @media (max-width: 599px) {
          .articles-videos-highlight .card-wrapper .article-list .article-img .press-rel {
            left: 35px; } }
      .articles-videos-highlight .card-wrapper .article-list .article-img img {
        height: 100%; }
        @media (max-width: 599px) {
          .articles-videos-highlight .card-wrapper .article-list .article-img img {
            height: 219px;
            width: 345px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .articles-videos-highlight .card-wrapper .article-list .article-img img {
            height: 318px;
            width: 511px; } }
        @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
          .articles-videos-highlight .card-wrapper .article-list .article-img img {
            height: 245px;
            width: 100%; } }
        @media (min-width: 1280px) {
          .articles-videos-highlight .card-wrapper .article-list .article-img img {
            height: 365px; } }
        @media (min-width: 1800px) {
          .articles-videos-highlight .card-wrapper .article-list .article-img img {
            height: 415px; } }
        @media (max-width: 1280px) {
          .articles-videos-highlight .card-wrapper .article-list .article-img img {
            height: auto; } }
    .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap {
      color: #ffffff;
      padding: 20px;
      line-height: 30px;
      position: relative; }
      @media (max-width: 599px) {
        .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap {
          background: transparent;
          color: #282828;
          width: 300px;
          margin-left: 35px;
          padding: 0; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap {
          background: transparent; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap {
          color: #282828;
          width: 511px;
          padding-bottom: 20px; } }
      @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
        .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap {
          height: 175px;
          width: 100%;
          color: #ffffff; } }
      @media (min-width: 1280px) {
        .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap {
          height: 125px; } }
      @media (min-width: 1800px) {
        .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap {
          height: 150px;
          padding: 15px 22px;
          line-height: 28px; } }
      .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap.bg_yellow {
        color: #282828; }
      .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap .article-desc {
        font-size: 22px;
        height: 220px;
        position: relative;
        overflow: hidden; }
        @media (max-width: 599px) {
          .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap .article-desc {
            font-size: 20px;
            height: 160px;
            line-height: 22px;
            padding: 10px 0; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap .article-desc {
            height: 128px;
            font-size: 20px; } }
        @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
          .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap .article-desc {
            width: 395px;
            height: 65px; } }
        @media (min-width: 1280px) {
          .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap .article-desc {
            font-size: 22px;
            width: 100%;
            height: 65px; } }
        @media (min-width: 1800px) {
          .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap .article-desc {
            font-size: 24px;
            width: 675px;
            height: 140px; } }
        .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap .article-desc p {
          margin: 0; }
      .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap .article-date {
        font-size: 16px;
        position: absolute;
        bottom: 10px;
        right: 20px; }
        @media (max-width: 599px) {
          .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap .article-date {
            display: none; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap .article-date {
            display: block; } }
        @media (min-width: 768px) and (max-width: 1023px) {
          .articles-videos-highlight .card-wrapper .article-list .article-desc-wrap .article-date {
            display: none; } }
    @media (max-width: 599px) {
      .articles-videos-highlight .card-wrapper .article-list .overlap-div {
        content: ' ';
        width: 345px;
        height: 219px;
        position: absolute;
        right: 0;
        top: 0px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .articles-videos-highlight .card-wrapper .article-list .overlap-div {
        width: 511px;
        height: 318px;
        position: absolute;
        right: 0;
        top: 0px; } }
    @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
      .articles-videos-highlight .card-wrapper .article-list .overlap-div {
        display: none; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .articles-videos-highlight .card-wrapper .article-list .overlap-div {
        display: none; } }
    @media (min-width: 1280px) {
      .articles-videos-highlight .card-wrapper .article-list .overlap-div {
        display: none; } }
    @media (min-width: 1800px) {
      .articles-videos-highlight .card-wrapper .article-list .overlap-div {
        display: none; } }
    .articles-videos-highlight .card-wrapper .article-list.video-embed {
      position: relative;
      cursor: pointer; }
      .articles-videos-highlight .card-wrapper .article-list.video-embed .icon-play-wrap .icon-play {
        position: absolute;
        width: 50px;
        height: 50px;
        display: block;
        left: calc(50% - 25px);
        top: calc(50% - 25px); }
        @media (min-width: 1280px) {
          .articles-videos-highlight .card-wrapper .article-list.video-embed .icon-play-wrap .icon-play {
            width: 70px;
            height: 70px;
            left: calc(50% - 35px);
            top: calc(50% - 35px); } }
        .articles-videos-highlight .card-wrapper .article-list.video-embed .icon-play-wrap .icon-play img {
          width: 50px;
          height: 50px; }
          @media (min-width: 1800px) {
            .articles-videos-highlight .card-wrapper .article-list.video-embed .icon-play-wrap .icon-play img {
              width: 70px;
              height: 70px; } }
    .articles-videos-highlight .card-wrapper .article-list .arrow {
      display: none; }
      @media (min-width: 768px) and (max-width: 1023px) {
        .articles-videos-highlight .card-wrapper .article-list .arrow {
          display: block; } }
      @media (min-width: 1000px) and (max-width: 1024px) {
        .articles-videos-highlight .card-wrapper .article-list .arrow {
          display: none !important; } }
      @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
        .articles-videos-highlight .card-wrapper .article-list .arrow {
          display: block;
          position: absolute;
          bottom: 0;
          right: 0;
          width: 50px;
          height: 50px; } }
      @media (max-width: 599px) {
        .articles-videos-highlight .card-wrapper .article-list .arrow {
          display: block;
          position: absolute;
          bottom: 0;
          right: -40px;
          width: 50px;
          height: 50px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .articles-videos-highlight .card-wrapper .article-list .arrow {
          display: block;
          position: absolute;
          bottom: 0;
          right: -100px;
          width: 50px;
          height: 50px; } }
      .articles-videos-highlight .card-wrapper .article-list .arrow .animate-arrow-container .arrow-container {
        top: 16px;
        left: 10px; }
  .articles-videos-highlight .faded-image {
    float: left;
    transition: all 1.5s ease-in-out;
    opacity: 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: 100%; }
    @media (max-width: 599px) {
      .articles-videos-highlight .faded-image {
        opacity: 1; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .articles-videos-highlight .faded-image {
        opacity: 1; } }
    @media (min-width: 1800px) {
      .articles-videos-highlight .faded-image {
        background-size: 100%; } }

.modal.modalAVH .modal-dialog {
  width: 80%;
  height: 100vh !important;
  display: flex;
  margin: 0 auto; }
  @media (max-width: 599px) {
    .modal.modalAVH .modal-dialog {
      width: 93%;
      /* height: 0vh !important; */ } }
  .modal.modalAVH .modal-dialog iframe {
    width: 100%;
    height: 100%;
    outline: 0;
    border: 0;
    min-height: 600px;
    height: 600px; }
    @media (max-width: 599px) {
      .modal.modalAVH .modal-dialog iframe {
        min-height: 350px;
        height: 350px; } }
    @media (min-width: 1800px) {
      .modal.modalAVH .modal-dialog iframe {
        min-height: 837px;
        height: 837px; } }
  .modal.modalAVH .modal-dialog .modal-content {
    margin: auto !important;
    height: fit-content !important;
    width: 100%; }
    .modal.modalAVH .modal-dialog .modal-content .modal-header {
      padding: 15px;
      border-bottom: none;
      float: right;
      z-index: 99999;
      position: absolute;
      right: 0; }
      @media (max-width: 599px) {
        .modal.modalAVH .modal-dialog .modal-content .modal-header {
          padding: 8px; } }
      @media (min-width: 1280px) {
        .modal.modalAVH .modal-dialog .modal-content .modal-header {
          padding: 5px 15px; } }
      @media (min-width: 1800px) {
        .modal.modalAVH .modal-dialog .modal-content .modal-header {
          padding: 5px 15px; } }
      @media (min-width: 1280px) {
        .modal.modalAVH .modal-dialog .modal-content .modal-header .close {
          font-size: 30px; } }
      @media (min-width: 1800px) {
        .modal.modalAVH .modal-dialog .modal-content .modal-header .close {
          font-size: 30px; } }
  .modal.modalAVH .modal-dialog .modal-body {
    padding: 30px; }
    @media (min-width: 1280px) {
      .modal.modalAVH .modal-dialog .modal-body {
        padding: 50px 73px; } }
    @media (min-width: 1800px) {
      .modal.modalAVH .modal-dialog .modal-body {
        padding: 50px 73px; } }

a.article-list {
  position: relative;
  border: 1px solid #900; }

.av-share {
  position: absolute;
  bottom: 0;
  right: 0; }

.socialshare-block-white.social-width-dec {
  right: 5px;
  bottom: 0; }

.video-module-main-1.hero-video:after {
  display: block;
  content: "";
  clear: both; }

.hero-video-wrap {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  /*  @media only screen and (min-width: 1366px) and (orientation: landscape) {
     max-height: 455px;
    }

    @media only screen and (min-width: 1024px) and (orientation: portrait) {
        max-height: 455px;
    }

    @media only screen and (min-device-width: 1112px) and (orientation: landscape) {
        max-height: 455px;
    }

    @media only screen and (min-device-width: 834px) and (orientation: portrait) {
        max-height: 455px;
    } 
    */ }
  @media (max-width: 599px) {
    .hero-video-wrap {
      height: 180px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .hero-video-wrap {
      max-height: 326px; } }
  @media (min-width: 1280px) {
    .hero-video-wrap {
      max-height: 555px; } }
  @media (min-width: 1800px) {
    .hero-video-wrap {
      max-height: 670px; } }
  .hero-video-wrap .icon-play-wrap .icon-play {
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    left: calc(50% - 25px);
    top: calc(50% - 25px); }
    @media (min-width: 1280px) {
      .hero-video-wrap .icon-play-wrap .icon-play {
        width: 70px;
        height: 70px;
        left: calc(50% - 35px);
        top: calc(50% - 35px); } }
    .hero-video-wrap .icon-play-wrap .icon-play img {
      width: 50px;
      height: 50px;
      opacity: 0.9; }
      .hero-video-wrap .icon-play-wrap .icon-play img:hover {
        opacity: 1; }
  .hero-video-wrap iframe {
    width: 100%;
    outline: 0;
    border: 0; }
    @media (max-width: 599px) {
      .hero-video-wrap iframe {
        height: 216px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .hero-video-wrap iframe {
        height: 432px; } }
    @media (min-width: 1280px) {
      .hero-video-wrap iframe {
        height: 855px; } }
    @media (min-width: 1680px) {
      .hero-video-wrap iframe {
        height: 945px; } }
    @media (min-width: 1800px) {
      .hero-video-wrap iframe {
        height: 1152px; } }

.faded-image {
  float: left;
  transition: all 1.5s ease-in-out;
  opacity: 0;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: 100%; }
  @media (max-width: 599px) {
    .faded-image {
      opacity: 1; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .faded-image {
      opacity: 1; } }
  @media (min-width: 1800px) {
    .faded-image {
      background-size: 100%; } }

.leadership-comp {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  float: left;
  /** mobile starts **/
  /** mobile ends **/ }
  @media (max-width: 599px) {
    .leadership-comp {
      float: left; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .leadership-comp {
      float: left; } }
  @media (min-width: 1024px) and (max-width: 1399px) {
    .leadership-comp {
      padding: 0 60px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .leadership-comp {
      width: 100%;
      padding: 0 60px; } }
  @media (min-width: 1280px) {
    .leadership-comp {
      width: 100%;
      padding: 0 60px; } }
  @media (min-width: 1800px) {
    .leadership-comp {
      width: 100%;
      padding: 0 60px; } }
  .leadership-comp .leadership-title {
    font-size: 24px;
    margin: 0 0 10px 25px; }
    @media (max-width: 599px) {
      .leadership-comp .leadership-title {
        line-height: 26px;
        margin: 0 0 10px 25px !important; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .leadership-comp .leadership-title {
        font-size: 30px;
        line-height: 45px;
        margin: 0 0 10px 25px !important; } }
    @media (min-width: 1280px) {
      .leadership-comp .leadership-title {
        margin: 0;
        font-size: 50px;
        line-height: 45px; } }
    @media (min-width: 1800px) {
      .leadership-comp .leadership-title {
        margin: 0;
        font-size: 50px;
        line-height: 45px; } }
    @media (max-width: 1280px) {
      .leadership-comp .leadership-title {
        margin: 0 0 30px 0; } }
  .leadership-comp .leadership-list {
    position: relative;
    height: auto;
    display: block;
    display: none; }
    @media (min-width: 1280px) {
      .leadership-comp .leadership-list {
        margin-top: 33px;
        vertical-align: top;
        height: 471px;
        display: block; } }
    @media (min-width: 1800px) {
      .leadership-comp .leadership-list {
        margin-top: 25px;
        height: 642px !important;
        display: block; } }
    @media (min-width: 320px) and (max-width: 676px) {
      .leadership-comp .leadership-list {
        margin-top: 25px; } }
    @media (min-width: 769px) and (max-width: 991px) {
      .leadership-comp .leadership-list {
        margin-top: 25px;
        display: none !important; } }
    @media (min-width: 1024px) and (max-width: 1399px) {
      .leadership-comp .leadership-list {
        margin-top: 0px;
        vertical-align: top;
        height: 289px;
        display: block; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .leadership-comp .leadership-list {
        display: block;
        height: 289px !important; } }
    @media (max-width: 1023px) {
      .leadership-comp .leadership-list {
        display: none; } }
    @media (max-width: 599px) {
      .leadership-comp .leadership-list {
        display: none; } }
    @media (min-width: 769px) and (max-width: 991px) {
      .leadership-comp .leadership-list {
        display: block; } }
    @media (max-width: 1280px) {
      .leadership-comp .leadership-list {
        height: 371px; } }
    .leadership-comp .leadership-list ul li {
      display: block;
      width: 100%;
      height: 100%;
      cursor: pointer; }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li {
          display: inline-block;
          vertical-align: top; } }
      @media (min-width: 1024px) and (max-width: 1399px) {
        .leadership-comp .leadership-list ul li {
          display: inline-block;
          vertical-align: top; } }
      .leadership-comp .leadership-list ul li .l-list {
        justify-content: center;
        display: flex;
        align-items: center; }
        @media (min-width: 1280px) {
          .leadership-comp .leadership-list ul li .l-list {
            height: inherit;
            background-repeat: no-repeat;
            width: 100%;
            height: 100%;
            background-size: 100%; } }
        @media (min-width: 1024px) and (max-width: 1399px) {
          .leadership-comp .leadership-list ul li .l-list {
            height: inherit;
            background-repeat: no-repeat;
            width: 100%;
            height: 100%;
            background-size: 100%; } }
        @media (min-width: 1800px) {
          .leadership-comp .leadership-list ul li .l-list {
            height: inherit;
            background-repeat: no-repeat;
            width: 100%;
            height: 100%;
            background-size: 100%; } }
        .leadership-comp .leadership-list ul li .l-list.bg_yellow.bg_plus {
          color: #ffffff; }
      .leadership-comp .leadership-list ul li .l-list-desc {
        position: relative;
        font-size: 16px;
        line-height: 18px; }
        @media (min-width: 1280px) {
          .leadership-comp .leadership-list ul li .l-list-desc {
            font-size: 20px;
            line-height: 24px; } }
        @media (min-width: 1800px) {
          .leadership-comp .leadership-list ul li .l-list-desc {
            font-size: 30px !important;
            line-height: 36px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .leadership-comp .leadership-list ul li .l-list-desc {
            font-size: 16px;
            line-height: 18px; } }
        @media (max-width: 1280px) {
          .leadership-comp .leadership-list ul li .l-list-desc {
            font-size: 16px;
            line-height: 21px; } }
      .leadership-comp .leadership-list ul li .arrow-wrap {
        position: absolute;
        bottom: 0px;
        right: 10px;
        width: 35px;
        height: 30px;
        overflow: hidden; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .leadership-comp .leadership-list ul li .arrow-wrap {
            bottom: -10px;
            right: 5px; } }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(1) {
          width: 44.32%;
          height: 47.8%;
          position: absolute;
          left: 0;
          top: 0; } }
      @media (min-width: 1024px) and (max-width: 1399px) {
        .leadership-comp .leadership-list ul li:nth-child(1) {
          width: 49.3%;
          height: 47.78%;
          position: absolute;
          left: 0;
          top: 0; } }
      @media (min-width: 1800px) {
        .leadership-comp .leadership-list ul li:nth-child(1) {
          width: 44%;
          height: 47.78%; } }
      .leadership-comp .leadership-list ul li:nth-child(1) .l-list-desc {
        overflow: hidden; }
        @media (min-width: 1280px) {
          .leadership-comp .leadership-list ul li:nth-child(1) .l-list-desc {
            position: absolute;
            left: 20px;
            bottom: 20px;
            width: 60%;
            max-height: 170px; } }
        @media (min-width: 1800px) {
          .leadership-comp .leadership-list ul li:nth-child(1) .l-list-desc {
            max-height: 185px; } }
        @media (min-width: 1024px) and (max-width: 1399px) {
          .leadership-comp .leadership-list ul li:nth-child(1) .l-list-desc {
            position: absolute;
            left: 20px;
            bottom: 20px;
            /* text-align: left; */
            width: 60%;
            max-height: 107px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .leadership-comp .leadership-list ul li:nth-child(1) .l-list-desc {
            max-height: 90px; } }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(2) {
          width: 17.1%;
          height: 47.8%;
          position: absolute;
          left: 45.8%;
          top: 0; } }
      @media (min-width: 1024px) and (max-width: 1399px) {
        .leadership-comp .leadership-list ul li:nth-child(2) {
          width: 15.3%;
          height: 47.78%;
          position: absolute;
          left: 50.8%;
          top: 0; } }
      @media (min-width: 1800px) {
        .leadership-comp .leadership-list ul li:nth-child(2) {
          width: 17%;
          height: 47.78%;
          left: 45.6%; } }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(2) .l-list {
          display: flex;
          justify-content: center;
          align-items: center; } }
      .leadership-comp .leadership-list ul li:nth-child(2) .l-list-desc {
        width: 84%;
        margin: 0 auto;
        overflow: hidden;
        vertical-align: middle; }
        @media (min-width: 1280px) {
          .leadership-comp .leadership-list ul li:nth-child(2) .l-list-desc {
            max-height: 148px; } }
        @media (min-width: 1800px) {
          .leadership-comp .leadership-list ul li:nth-child(2) .l-list-desc {
            max-height: 187px; } }
        @media (min-width: 1024px) and (max-width: 1399px) {
          .leadership-comp .leadership-list ul li:nth-child(2) .l-list-desc {
            max-height: 108px; } }
        @media (min-width: 600px) and (max-width: 1039px) {
          .leadership-comp .leadership-list ul li:nth-child(2) .l-list-desc {
            max-height: 90px; } }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(3) {
          width: 17.1%;
          height: 100%;
          position: absolute;
          left: 64.4%;
          top: 0; } }
      @media (min-width: 1024px) and (max-width: 1399px) {
        .leadership-comp .leadership-list ul li:nth-child(3) {
          width: 15.3%;
          height: 100%;
          position: absolute;
          left: 67.7%;
          top: 0; } }
      @media (min-width: 1800px) {
        .leadership-comp .leadership-list ul li:nth-child(3) {
          width: 17%;
          height: 100%;
          left: 64.3%; } }
      @media (max-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(3) {
          height: 100%; } }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(3) .l-list {
          display: flex;
          justify-content: center;
          align-items: center; } }
      .leadership-comp .leadership-list ul li:nth-child(3) .l-list-desc {
        width: 84%;
        margin: 0 auto;
        overflow: hidden;
        vertical-align: middle; }
        @media (min-width: 1280px) {
          .leadership-comp .leadership-list ul li:nth-child(3) .l-list-desc {
            max-height: 385px; } }
        @media (min-width: 1800px) {
          .leadership-comp .leadership-list ul li:nth-child(3) .l-list-desc {
            max-height: 420px; } }
        @media (min-width: 1024px) and (max-width: 1399px) {
          .leadership-comp .leadership-list ul li:nth-child(3) .l-list-desc {
            max-height: 215px; } }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(4) {
          width: 17.1%;
          height: 47.8%;
          position: absolute;
          right: 0;
          top: 0; } }
      @media (min-width: 1024px) and (max-width: 1399px) {
        .leadership-comp .leadership-list ul li:nth-child(4) {
          width: 15.3%;
          height: 47.78%;
          position: absolute;
          right: 0;
          top: 0; } }
      @media (min-width: 1800px) {
        .leadership-comp .leadership-list ul li:nth-child(4) {
          width: 17%;
          height: 47.78%; } }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(4) .l-list {
          display: flex;
          justify-content: center;
          align-items: center; } }
      .leadership-comp .leadership-list ul li:nth-child(4) .l-list-desc {
        width: 84%;
        margin: 0 auto;
        overflow: hidden;
        vertical-align: middle; }
        @media (min-width: 1280px) {
          .leadership-comp .leadership-list ul li:nth-child(4) .l-list-desc {
            max-height: 148px; } }
        @media (min-width: 1800px) {
          .leadership-comp .leadership-list ul li:nth-child(4) .l-list-desc {
            max-height: 187px; } }
        @media (min-width: 1024px) and (max-width: 1399px) {
          .leadership-comp .leadership-list ul li:nth-child(4) .l-list-desc {
            max-height: 108px; } }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(5) {
          width: 17.1%;
          height: 47.8%;
          position: absolute;
          left: 0;
          bottom: 0; } }
      @media (min-width: 1024px) and (max-width: 1399px) {
        .leadership-comp .leadership-list ul li:nth-child(5) {
          width: 15.3%;
          height: 47.78%;
          position: absolute;
          left: 0;
          bottom: 0; } }
      @media (min-width: 1800px) {
        .leadership-comp .leadership-list ul li:nth-child(5) {
          width: 17%;
          height: 47.78%; } }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(5) .l-list {
          display: flex;
          justify-content: center;
          align-items: center; } }
      .leadership-comp .leadership-list ul li:nth-child(5) .l-list-desc {
        width: 84%;
        margin: 0 auto;
        overflow: hidden;
        vertical-align: middle; }
        @media (min-width: 1280px) {
          .leadership-comp .leadership-list ul li:nth-child(5) .l-list-desc {
            max-height: 148px; } }
        @media (min-width: 1800px) {
          .leadership-comp .leadership-list ul li:nth-child(5) .l-list-desc {
            max-height: 187px; } }
        @media (min-width: 1024px) and (max-width: 1399px) {
          .leadership-comp .leadership-list ul li:nth-child(5) .l-list-desc {
            max-height: 108px; } }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(6) {
          width: 44.32%;
          height: 47.8%;
          position: absolute;
          left: 18.5%;
          bottom: 0; } }
      @media (min-width: 1024px) and (max-width: 1399px) {
        .leadership-comp .leadership-list ul li:nth-child(6) {
          width: 49.3%;
          height: 47.78%;
          position: absolute;
          left: 16.8%;
          bottom: 0; } }
      @media (min-width: 1800px) {
        .leadership-comp .leadership-list ul li:nth-child(6) {
          width: 44%;
          height: 47.78%;
          left: 18.5%; } }
      .leadership-comp .leadership-list ul li:nth-child(6) .l-list-desc {
        width: 60%;
        overflow: hidden; }
        @media (min-width: 1280px) {
          .leadership-comp .leadership-list ul li:nth-child(6) .l-list-desc {
            position: absolute;
            left: 20px;
            bottom: 20px;
            max-height: 170px; } }
        @media (min-width: 1800px) {
          .leadership-comp .leadership-list ul li:nth-child(6) .l-list-desc {
            max-height: 185px; } }
        @media (min-width: 1024px) and (max-width: 1399px) {
          .leadership-comp .leadership-list ul li:nth-child(6) .l-list-desc {
            position: absolute;
            left: 20px;
            bottom: 20px;
            text-align: left;
            width: 60%;
            max-height: 107px; } }
      .leadership-comp .leadership-list ul li:nth-child(6) .arrow-wrap {
        bottom: 0px; }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(7) {
          width: 17.1%;
          height: 47.8%;
          position: absolute;
          right: 0;
          bottom: 0; } }
      @media (min-width: 1024px) and (max-width: 1399px) {
        .leadership-comp .leadership-list ul li:nth-child(7) {
          width: 15.3%;
          height: 47.78%;
          position: absolute;
          right: 0;
          bottom: 0; } }
      @media (min-width: 1800px) {
        .leadership-comp .leadership-list ul li:nth-child(7) {
          width: 17%;
          height: 47.78%; } }
      @media (min-width: 1280px) {
        .leadership-comp .leadership-list ul li:nth-child(7) .l-list {
          display: flex;
          justify-content: center;
          align-items: center; } }
      .leadership-comp .leadership-list ul li:nth-child(7) .l-list-desc {
        width: 84%;
        margin: 0 auto;
        overflow: hidden;
        vertical-align: middle; }
        @media (min-width: 1280px) {
          .leadership-comp .leadership-list ul li:nth-child(7) .l-list-desc {
            max-height: 148px; } }
        @media (min-width: 1800px) {
          .leadership-comp .leadership-list ul li:nth-child(7) .l-list-desc {
            max-height: 187px; } }
        @media (min-width: 1024px) and (max-width: 1399px) {
          .leadership-comp .leadership-list ul li:nth-child(7) .l-list-desc {
            max-height: 108px; } }
  .leadership-comp .leadership-list-mob {
    display: none;
    overflow: hidden;
    position: relative; }
    @media (min-width: 769px) and (max-width: 991px) {
      .leadership-comp .leadership-list-mob {
        display: none; } }
    @media (min-width: 1024px) and (max-width: 1399px) {
      .leadership-comp .leadership-list-mob {
        display: none !important; } }
    @media (max-width: 599px) {
      .leadership-comp .leadership-list-mob {
        display: block;
        width: 100%;
        margin: 30px auto 0 auto; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .leadership-comp .leadership-list-mob {
        width: 768px;
        margin: 30px auto 0 auto;
        display: block; } }
    .leadership-comp .leadership-list-mob ul {
      /* Dots */ }
      .leadership-comp .leadership-list-mob ul li {
        float: left;
        width: 100%;
        overflow: hidden;
        max-width: 100%; }
        @media (min-width: 600px) and (max-width: 1039px) {
          .leadership-comp .leadership-list-mob ul li {
            max-width: 768px; } }
        .leadership-comp .leadership-list-mob ul li.slick-current .listmob-img.faded-image img {
          opacity: 0;
          transition: all 1.5s ease-in-out; }
        .leadership-comp .leadership-list-mob ul li.slick-current.slick-active .listmob-img.faded-image img,
        .leadership-comp .leadership-list-mob ul li.slick-current.slick-active .listmob-img.opacity-animate img {
          opacity: 1 !important;
          transition: all 1.5s ease-in-out; }
        .leadership-comp .leadership-list-mob ul li.slick-current.slick-active:first-child .listmob-img.faded-image img {
          opacity: 0; }
        .leadership-comp .leadership-list-mob ul li .listmob-img {
          height: 254px;
          min-height: 254px;
          width: 100%;
          margin-bottom: 20px; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .leadership-comp .leadership-list-mob ul li .listmob-img {
              height: 434px;
              width: 100%; } }
          .leadership-comp .leadership-list-mob ul li .listmob-img img {
            width: 100%;
            height: 100%;
            transition: all 1.5s ease-in-out; }
          .leadership-comp .leadership-list-mob ul li .listmob-img.faded-image {
            float: none;
            transition: all 1.5s ease-in-out;
            opacity: 0;
            background-repeat: no-repeat;
            /* width: 100%;
                        height: 100%; */
            /*   background-size: 100%; */ }
            @media (max-width: 599px) {
              .leadership-comp .leadership-list-mob ul li .listmob-img.faded-image {
                opacity: 1; } }
            @media (min-width: 600px) and (max-width: 1039px) {
              .leadership-comp .leadership-list-mob ul li .listmob-img.faded-image {
                opacity: 1; } }
            @media (min-width: 1800px) {
              .leadership-comp .leadership-list-mob ul li .listmob-img.faded-image {
                /*  background-size: 100%; */ } }
            .leadership-comp .leadership-list-mob ul li .listmob-img.faded-image img {
              opacity: 0;
              transition: all 1.5s ease-in-out; }
            .leadership-comp .leadership-list-mob ul li .listmob-img.faded-image.opacity-animate img {
              opacity: 1;
              transition: all 1.5s ease-in-out; }
        .leadership-comp .leadership-list-mob ul li .desc-arrow-wrap {
          width: 100%;
          float: left;
          margin-bottom: 20px;
          max-height: 150px; }
          .leadership-comp .leadership-list-mob ul li .desc-arrow-wrap .listmob-desc {
            margin: 0 0 0px 38px;
            width: 72.6%;
            height: 155px;
            font-size: 20px;
            float: left;
            overflow: hidden;
            color: #282828;
            line-height: 26px; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .leadership-comp .leadership-list-mob ul li .desc-arrow-wrap .listmob-desc {
                margin: 0 0 0px 42px;
                width: 554px;
                height: 130px;
                font-size: 26px;
                line-height: 30px;
                float: left; } }
            .leadership-comp .leadership-list-mob ul li .desc-arrow-wrap .listmob-desc.txt-white {
              color: #282828 !important; }
          .leadership-comp .leadership-list-mob ul li .desc-arrow-wrap .arrow-wrap {
            float: left;
            margin-left: 0px;
            height: 150px;
            width: 10%;
            overflow: hidden;
            position: relative; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .leadership-comp .leadership-list-mob ul li .desc-arrow-wrap .arrow-wrap {
                margin-left: 20px;
                height: 130px;
                width: 110px; } }
            .leadership-comp .leadership-list-mob ul li .desc-arrow-wrap .arrow-wrap .black-arrow {
              float: left;
              bottom: 0;
              right: 0;
              left: 0;
              position: absolute;
              overflow: hidden; }
              .leadership-comp .leadership-list-mob ul li .desc-arrow-wrap .arrow-wrap .black-arrow .animate-arrow-container .arrow-container {
                left: auto;
                right: 0; }
                .leadership-comp .leadership-list-mob ul li .desc-arrow-wrap .arrow-wrap .black-arrow .animate-arrow-container .arrow-container .arrow1 {
                  margin-right: 0;
                  float: left; }
      .leadership-comp .leadership-list-mob ul .slick-dotted.slick-slider {
        margin-bottom: 30px; }
      .leadership-comp .leadership-list-mob ul .slick-dots {
        position: relative;
        list-style: none;
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100%;
        float: left;
        display: flex;
        justify-content: center;
        align-items: center; }
        .leadership-comp .leadership-list-mob ul .slick-dots li {
          position: relative;
          display: inline-block;
          height: 23px;
          width: 23px;
          margin: 0 7px;
          padding: 0;
          cursor: pointer;
          border-radius: 50%;
          background: #bbb; }
          @media (min-width: 600px) and (max-width: 1039px) {
            .leadership-comp .leadership-list-mob ul .slick-dots li {
              height: 38px;
              width: 38px;
              margin: 0 10px; } }
          .leadership-comp .leadership-list-mob ul .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer; }
            .leadership-comp .leadership-list-mob ul .slick-dots li button:hover, .leadership-comp .leadership-list-mob ul .slick-dots li button:focus {
              outline: none; }
            .leadership-comp .leadership-list-mob ul .slick-dots li button:before {
              position: absolute;
              top: 0;
              left: 0;
              content: ' ';
              width: 20px;
              height: 20px;
              line-height: 20px;
              text-align: center;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
          .leadership-comp .leadership-list-mob ul .slick-dots li.slick-active button:before {
            color: #282833; }
          .leadership-comp .leadership-list-mob ul .slick-dots li.slick-active {
            background: #0182D2;
            width: 32px;
            height: 32px; }
            @media (min-width: 600px) and (max-width: 1039px) {
              .leadership-comp .leadership-list-mob ul .slick-dots li.slick-active {
                width: 45px;
                height: 45px; } }

.hp-mega-slider {
  margin-top: 30px;
  position: relative; }
  @media (min-width: 1280px) {
    .hp-mega-slider {
      margin-top: 60px; } }
  @media (min-width: 1800px) {
    .hp-mega-slider {
      max-width: 1800px;
      margin-left: auto;
      margin-right: auto; } }
  .hp-mega-slider .str_wrap {
    overflow: hidden;
    zoom: 1;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    background: white;
    white-space: nowrap;
    height: 100px !important; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .hp-mega-slider .str_wrap {
        height: 140px !important; } }
    @media (min-width: 1280px) {
      .hp-mega-slider .str_wrap {
        height: 140px !important; } }
    @media (min-width: 1800px) {
      .hp-mega-slider .str_wrap {
        height: 140px !important; } }
    .hp-mega-slider .str_wrap.str_active {
      background: white; }
  .hp-mega-slider .str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move; }
  .hp-mega-slider .str_move_clone {
    display: inline-block;
    display: inline;
    zoom: 1;
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0; }
    @media (max-width: 599px) {
      .hp-mega-slider .str_move_clone {
        width: auto !important; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .hp-mega-slider .str_move_clone {
        width: auto !important; } }
  .hp-mega-slider .str_vertical .str_move_clone {
    left: 0;
    top: 100%; }
  .hp-mega-slider .str_down .str_move_clone {
    left: 0;
    bottom: 100%; }
  .hp-mega-slider .str_vertical .str_move,
  .hp-mega-slider .str_down .str_move {
    white-space: normal;
    width: 100%; }
  .hp-mega-slider .str_static .str_move,
  .hp-mega-slider .no_drag .str_move,
  .hp-mega-slider .noStop .str_move {
    cursor: inherit; }
  .hp-mega-slider .str_wrap img {
    max-width: none !important; }
  .hp-mega-slider .str3 {
    font-size: 0 !important; }
  .hp-mega-slider .str3-2 {
    background: none !important; }
    .hp-mega-slider .str3-2 span {
      border: 5px solid #ccc;
      background: #f1f1f1;
      color: #999;
      margin: 0 5px;
      text-align: center;
      font: 40px/100px Arial, Helvetica, sans-serif;
      width: 100px;
      height: 100px;
      display: inline-block;
      vertical-align: top; }
  .hp-mega-slider .str3 {
    height: 115px !important; }
    @media (min-width: 1280px) {
      .hp-mega-slider .str3 {
        height: 165px !important; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .hp-mega-slider .str3 {
        height: 165px !important; } }
    .hp-mega-slider .str3 .str_item {
      font-size: 0;
      line-height: 0; }
    .hp-mega-slider .str3 img {
      opacity: 1; }
      .hp-mega-slider .str3 img:hover {
        opacity: 1; }
    .hp-mega-slider .str3.str_wrap.str_active {
      background: #fff; }
    @media (max-width: 599px) {
      .hp-mega-slider .str3 img {
        height: auto !important; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .hp-mega-slider .str3 img {
        height: auto;
        width: 130px;
        padding-left: 40px; } }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .hp-mega-slider .str3 img {
        height: auto; } }
    @media (min-width: 1280px) {
      .hp-mega-slider .str3 img {
        height: auto; } }

.firefox .hp-mega-slider .str3 .str_move_clone {
  width: auto !important; }

.fullWidth-list {
  width: 100%;
  max-width: 100%;
  float: left; }
  .fullWidth-list .fw-list {
    position: relative;
    width: 100% !important;
    margin: 0 auto;
    overflow: hidden; }
    @media (min-width: 1280px) {
      .fullWidth-list .fw-list {
        width: 1440px;
        height: 613px; } }
    @media (min-width: 1024px) and (max-width: 1399px) {
      .fullWidth-list .fw-list {
        width: 1024px;
        height: 444px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .fullWidth-list .fw-list {
        width: 100%;
        height: 444px; } }
    @media (min-width: 320px) and (max-width: 676px) {
      .fullWidth-list .fw-list {
        width: 100%;
        height: 211px; } }
    @media (min-width: 1800px) {
      .fullWidth-list .fw-list {
        max-width: 1800px; } }
    @media (min-width: 1280px) {
      .fullWidth-list .fw-list .arrow-wrap .black-arrow,
      .fullWidth-list .fw-list .arrow-wrap .white-arrow {
        width: 55px;
        height: 22px;
        overflow: hidden; } }
    .fullWidth-list .fw-list.bg_yellow .arrow-wrap .animate-arrow-container .arrow-container .arrow-black {
      background: url(../images/icon/Arrow-small.svg) top right no-repeat;
      background-size: cover; }
    .fullWidth-list .fw-list.bg_yellow .arrow-wrap .arrow {
      float: right; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .fullWidth-list .fw-list .fullWidth-img img {
        height: 444px; } }
    @media (min-width: 320px) and (max-width: 676px) {
      .fullWidth-list .fw-list .fullWidth-img img {
        height: 211px; } }
  .fullWidth-list .fullWidth-desc {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    margin-bottom: 60px; }
    @media (min-width: 1280px) {
      .fullWidth-list .fullWidth-desc .fw-list-desc {
        margin-left: 60px;
        width: 939px;
        font-size: 60px;
        line-height: 65px;
        position: absolute;
        bottom: 0; } }
    @media (min-width: 1800px) {
      .fullWidth-list .fullWidth-desc .fw-list-desc {
        margin-left: 120px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .fullWidth-list .fullWidth-desc .fw-list-desc {
        display: none; } }
    @media (min-width: 320px) and (max-width: 676px) {
      .fullWidth-list .fullWidth-desc .fw-list-desc {
        display: none; } }
    .fullWidth-list .fullWidth-desc .arrow-wrap {
      height: 68px;
      padding: 0;
      float: right;
      position: absolute;
      bottom: -50px;
      right: 0;
      margin-right: 60px;
      display: flex;
      align-items: center;
      overflow: hidden; }
      @media (min-width: 1800px) {
        .fullWidth-list .fullWidth-desc .arrow-wrap {
          margin-right: 120px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .fullWidth-list .fullWidth-desc .arrow-wrap {
          display: none; } }
      .fullWidth-list .fullWidth-desc .arrow-wrap .arrow-text {
        width: 100%;
        position: relative;
        display: inline-block;
        margin-right: 10px; }
        @media (min-width: 1280px) {
          .fullWidth-list .fullWidth-desc .arrow-wrap .arrow-text {
            font-size: 24px;
            float: left; } }
      .fullWidth-list .fullWidth-desc .arrow-wrap .arrow {
        position: relative; }
      @media (min-width: 1280px) {
        .fullWidth-list .fullWidth-desc .arrow-wrap .arrow-container .arrow-black,
        .fullWidth-list .fullWidth-desc .arrow-wrap .arrow-white {
          top: 5px;
          position: relative;
          width: 20px;
          height: 11px;
          float: left;
          vertical-align: middle; } }
      .fullWidth-list .fullWidth-desc .arrow-wrap .animate-arrow-container .arrow-container .arrow-black {
        background-size: cover; }
      @media (min-width: 320px) and (max-width: 676px) {
        .fullWidth-list .fullWidth-desc .arrow-wrap {
          display: none; } }

/* Changes for ipad and mobile */
.fullWidth-list-mob {
  width: 100%;
  overflow: hidden;
  float: left;
  position: relative; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .fullWidth-list-mob {
      height: 115px; } }
  @media (min-width: 320px) and (max-width: 676px) {
    .fullWidth-list-mob {
      height: 110px; } }
  @media (min-width: 1280px) {
    .fullWidth-list-mob {
      display: none; } }
  @media (min-width: 1024px) and (max-width: 1399px) {
    .fullWidth-list-mob {
      display: none; } }
  .fullWidth-list-mob.breaker {
    margin-top: 0; }
  .fullWidth-list-mob .fw-list-mob {
    width: 768px;
    min-height: 434px; }
    @media (min-width: 320px) and (max-width: 676px) {
      .fullWidth-list-mob .fw-list-mob {
        width: 375px;
        height: 211px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .fullWidth-list-mob .desc-arrow-wrap {
      width: 100%;
      display: flex;
      position: relative;
      float: left;
      margin-bottom: 24px; } }
  @media (min-width: 320px) and (max-width: 676px) {
    .fullWidth-list-mob .desc-arrow-wrap {
      width: 100%;
      position: relative;
      display: flex; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .fullWidth-list-mob .desc-arrow-wrap .fwmob-desc {
      position: relative;
      font-size: 20px;
      width: 554px;
      height: 67px;
      margin: 24px 0 24px 42px;
      overflow: hidden; } }
  @media (min-width: 320px) and (max-width: 676px) {
    .fullWidth-list-mob .desc-arrow-wrap .fwmob-desc {
      width: 300px;
      height: 65px;
      position: relative;
      margin: 23px 0 23px 23px;
      font-size: 20px;
      overflow: hidden; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .fullWidth-list-mob .desc-arrow-wrap .mob-arrow-wrap {
      width: 172px;
      position: relative;
      right: 0;
      height: 91px;
      margin-bottom: 24px;
      text-align: center; } }
  @media (min-width: 320px) and (max-width: 676px) {
    .fullWidth-list-mob .desc-arrow-wrap .mob-arrow-wrap {
      width: 40px;
      position: relative;
      right: -10px;
      margin: 23px 0px 23px 0px;
      min-height: 44px;
      text-align: center;
      overflow: hidden; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .fullWidth-list-mob .desc-arrow-wrap .mob-arrow-wrap .mob-arrow-icon {
      position: absolute;
      bottom: 0;
      right: 10px;
      width: 40px;
      height: 30px;
      overflow: hidden;
      margin-right: 42px; } }
  @media (min-width: 320px) and (max-width: 676px) {
    .fullWidth-list-mob .desc-arrow-wrap .mob-arrow-wrap .mob-arrow-icon {
      position: absolute;
      bottom: 0;
      right: 10px;
      width: 25px;
      height: 30px;
      overflow: hidden; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .fullWidth-list-mob .desc-arrow-wrap .mob-arrow-wrap .mob-arrow-icon .animate-arrow-container {
      position: relative; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .fullWidth-list-mob .desc-arrow-wrap .mob-arrow-wrap .mob-arrow-icon .animate-arrow-container .arrow-container {
      position: absolute; } }

@media (width: 1024px) {
  .fw-list-desc {
    width: 800px;
    font-size: 50px;
    margin-left: 60px;
    display: block !important;
    line-height: 55px;
    position: absolute;
    bottom: 0; }
  .fullWidth-list .fullWidth-desc .arrow-wrap {
    height: 44px;
    right: 0;
    margin-right: 60px;
    display: inline-flex !important;
    bottom: -46px; }
  .fullWidth-list .fullWidth-desc .arrow-wrap .black-arrow,
  .fullWidth-list .fullWidth-desc .arrow-wrap .white-arrow {
    width: 55px;
    height: 22px;
    overflow: hidden; }
  .fullWidth-list .fullWidth-desc .arrow-wrap .arrow-text {
    font-size: 24px;
    position: relative;
    display: inline-block;
    margin-right: 10px; }
  .fullWidth-list .fullWidth-desc .arrow-wrap .animate-arrow-container .arrow-container {
    top: 8px; }
  .fullWidth-list .fullWidth-desc .arrow-wrap .arrow-text.txt-white {
    color: #ffffff; } }

.txt-black {
  color: #282828 !important; }

.txt-white {
  color: #ffffff !important; }

.fullWidth-list-mob.bg_blue .desc-arrow-wrap .fwmob-desc.txt-black, .fullWidth-list-mob.bg_blue .desc-arrow-wrap .fwmob-desc.txt-white, .fullWidth-list-mob.bg_green .desc-arrow-wrap .fwmob-desc.txt-black, .fullWidth-list-mob.bg_green .desc-arrow-wrap .fwmob-desc.txt-white, .fullWidth-list-mob.bg_red .desc-arrow-wrap .fwmob-desc.txt-black, .fullWidth-list-mob.bg_red .desc-arrow-wrap .fwmob-desc.txt-white {
  color: #ffffff !important; }

.fullWidth-list-mob.bg_blue .mob-arrow-wrap .arrow-black, .fullWidth-list-mob.bg_green .mob-arrow-wrap .arrow-black, .fullWidth-list-mob.bg_red .mob-arrow-wrap .arrow-black {
  background: url(../images/icon/white-arrow-contact.png) top right no-repeat;
  background-size: cover; }

.fullWidth-list-mob.bg_yellow .desc-arrow-wrap .fwmob-desc.txt-black, .fullWidth-list-mob.bg_yellow .desc-arrow-wrap .fwmob-desc.txt-white {
  color: #282828 !important; }

.fullWidth-list-mob.bg_yellow .mob-arrow-wrap .arrow-black,
.fullWidth-list-mob.bg_yellow .mob-arrow-wrap .arrow-white {
  background: url(../images/icon/white-arrow-contact-yellow.png) top right no-repeat;
  background-size: cover; }

.news-slider {
  width: 100%;
  max-width: 100%;
  display: block;
  float: left;
  max-width: 1800px;
  position: relative; }
  @media (min-width: 1280px) {
    .news-slider .article-header-text {
      height: 54px;
      font-size: 50px;
      margin: 0px 0px 30px 60px;
      max-width: 1800px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 4%;
      line-height: 45px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .news-slider .article-header-text {
      font-size: 30px;
      line-height: 45px;
      margin: 0 0 10px 25px !important; } }
  @media (max-width: 599px) {
    .news-slider .article-header-text {
      /* display: none; */
      line-height: 26px;
      margin: 0 0 10px 25px !important;
      font-size: 24px; } }
  @media (min-width: 1800px) {
    .news-slider .article-header-text {
      padding-left: 0;
      margin: 0px 0px 50px 0px; } }
  .news-slider ul.news-slider-wrapper {
    overflow: hidden; }
    @media (min-width: 1280px) {
      .news-slider ul.news-slider-wrapper.news-slider-mob {
        display: none; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .news-slider ul.news-slider-wrapper.news-slider-mob {
        display: block; } }
    @media (max-width: 599px) {
      .news-slider ul.news-slider-wrapper.news-slider-mob {
        display: block; } }
    @media (min-width: 1280px) {
      .news-slider ul.news-slider-wrapper.news-slider-lg {
        display: block; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .news-slider ul.news-slider-wrapper.news-slider-lg {
        display: none; } }
    @media (max-width: 599px) {
      .news-slider ul.news-slider-wrapper.news-slider-lg {
        display: none; } }
    .news-slider ul.news-slider-wrapper .slick-dots {
      height: 60px; }
      @media (min-width: 1280px) {
        .news-slider ul.news-slider-wrapper .slick-dots {
          display: none; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .news-slider ul.news-slider-wrapper .slick-dots {
          display: block;
          padding-right: 15px;
          margin-top: 5% !important; } }
      @media (max-width: 599px) {
        .news-slider ul.news-slider-wrapper .slick-dots {
          display: block;
          padding-right: 12px;
          margin-top: 5% !important; } }
    @media (max-width: 599px) {
      .news-slider ul.news-slider-wrapper .slick-list {
        padding: 0 !important; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .news-slider ul.news-slider-wrapper .slick-list .slick-track {
        display: flex; } }
    .news-slider ul.news-slider-wrapper .slick-list .slick-track li {
      float: left; }
      @media (min-width: 1280px) {
        .news-slider ul.news-slider-wrapper .slick-list .slick-track li {
          float: left;
          margin-right: 12px; } }
      @media (min-width: 600px) and (max-width: 1039px) {
        .news-slider ul.news-slider-wrapper .slick-list .slick-track li {
          /*width: 768px !important;*/ } }
    @media (max-width: 599px) {
      .news-slider ul.news-slider-wrapper .slick-arrow {
        display: none; } }
    @media (min-width: 1280px) {
      .news-slider ul.news-slider-wrapper .slick-arrow.slick-prev, .news-slider ul.news-slider-wrapper .slick-arrow.slick-next {
        cursor: pointer;
        background: url(../images/icon/PageUpStatic_Solid.svg) no-repeat;
        width: 60px;
        height: 60px;
        z-index: 99999;
        position: absolute;
        margin-top: 12%;
        font-size: 0;
        border: none; } }
    .news-slider ul.news-slider-wrapper .slick-arrow.slick-prev {
      left: 0;
      transform: rotate(-90deg);
      margin-left: 15px;
      opacity: .5; }
      @media (min-width: 1280px) {
        .news-slider ul.news-slider-wrapper .slick-arrow.slick-prev {
          margin-left: 0px; } }
      .news-slider ul.news-slider-wrapper .slick-arrow.slick-prev:hover {
        opacity: 1; }
    .news-slider ul.news-slider-wrapper .slick-arrow.slick-next {
      right: 0;
      transform: rotate(90deg);
      margin-right: 15px;
      opacity: .5; }
      @media (min-width: 1280px) {
        .news-slider ul.news-slider-wrapper .slick-arrow.slick-next {
          margin-right: 0px; } }
      .news-slider ul.news-slider-wrapper .slick-arrow.slick-next:hover {
        opacity: 1; }
    .news-slider ul.news-slider-wrapper .slick-dots {
      position: relative;
      list-style: none;
      text-align: center;
      padding: 0;
      margin: 0;
      width: 100%;
      float: left;
      display: flex;
      justify-content: center;
      align-items: center; }
      .news-slider ul.news-slider-wrapper .slick-dots li {
        position: relative;
        display: inline-block;
        height: 38px;
        width: 38px;
        margin: 0 7px;
        padding: 0;
        cursor: pointer;
        border-radius: 50%;
        background: #bbb;
        padding-bottom: 20px; }
        @media (max-width: 599px) {
          .news-slider ul.news-slider-wrapper .slick-dots li {
            width: 23px;
            height: 23px;
            margin: 0 10px; } }
        .news-slider ul.news-slider-wrapper .slick-dots li button {
          border: 0;
          background: 0 0;
          display: block;
          height: 20px;
          width: 20px;
          outline: 0;
          line-height: 0;
          font-size: 0;
          color: transparent;
          padding: 5px;
          cursor: pointer; }
          .news-slider ul.news-slider-wrapper .slick-dots li button:before {
            position: absolute;
            top: 0;
            left: 0;
            content: ' ';
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            -webkit-font-smoothing: antialiased; }
        .news-slider ul.news-slider-wrapper .slick-dots li.slick-active {
          background: #DE4649;
          width: 45px;
          height: 45px; }
          @media (max-width: 599px) {
            .news-slider ul.news-slider-wrapper .slick-dots li.slick-active {
              width: 32px;
              height: 32px; } }
  @media (min-width: 1280px) {
    .news-slider {
      width: 100%; } }
  @media (min-width: 1280px) {
    .news-slider .article-list {
      margin-left: 0px;
      margin-right: 0px; } }
  .news-slider .article-list .faded-image {
    opacity: 1;
    float: left; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .news-slider .article-list .faded-image {
        width: 100%;
        float: left; } }
    @media (max-width: 599px) {
      .news-slider .article-list .faded-image {
        width: 100%;
        float: left; } }
  .news-slider .article-list .article-img {
    position: relative; }
    @media (min-width: 1280px) {
      .news-slider .article-list .article-img {
        width: 100%; } }
    @media (min-width: 1280px) {
      .news-slider .article-list .article-img img {
        width: 100%;
        max-height: 185px; } }
    @media (min-width: 1800px) {
      .news-slider .article-list .article-img img {
        max-height: 230px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .news-slider .article-list .article-img img {
        width: 100%;
        max-height: 434px; } }
    @media (max-width: 599px) {
      .news-slider .article-list .article-img img {
        width: 100%;
        max-height: 254px; } }
    .news-slider .article-list .article-img .press-rel {
      position: absolute;
      bottom: 0;
      background: #282828;
      color: #ffffff;
      font-size: 11px;
      padding: 5px;
      width: auto;
      height: 26px;
      white-space: nowrap;
      line-height: 15px; }
  @media (min-width: 1280px) {
    .news-slider .article-list .article-desc-wrap {
      position: relative; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .news-slider .article-list .article-desc-wrap {
      margin-top: 20px;
      margin-left: 42px;
      position: relative;
      min-height: 200px;
      float: left;
      line-height: 35px;
      width: 554px; } }
  @media (max-width: 599px) {
    .news-slider .article-list .article-desc-wrap {
      margin-top: 20px;
      margin-left: 42px;
      position: relative;
      height: 180px; } }
  @media (min-width: 1280px) {
    .news-slider .article-list .article-desc-wrap .press-rel-1 {
      height: 22px;
      margin: 20px 0 9px 0; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .news-slider .article-list .article-desc-wrap .press-rel-1 {
      font-size: 26px;
      padding-bottom: 0px;
      float: left;
      margin-bottom: 10px; } }
  @media (max-width: 599px) {
    .news-slider .article-list .article-desc-wrap .press-rel-1 {
      width: 272px;
      height: 22px;
      font-size: 20px;
      padding-bottom: 35px; } }
  .news-slider .article-list .article-desc-wrap .arrow {
    display: none; }
  @media (min-width: 1280px) {
    .news-slider .article-list .article-desc-wrap .article-desc {
      min-height: 152px; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .news-slider .article-list .article-desc-wrap .article-desc {
      height: 130px;
      font-size: 26px;
      float: left; } }
  @media (max-width: 599px) {
    .news-slider .article-list .article-desc-wrap .article-desc {
      width: 272px;
      height: 130px;
      font-size: 20px;
      line-height: 23px; } }
  .news-slider .article-list .article-desc-wrap .article-date {
    bottom: 0;
    border-bottom: 1px solid grey;
    height: 16px;
    line-height: 0px; }
    @media (min-width: 600px) and (max-width: 1039px) {
      .news-slider .article-list .article-desc-wrap .article-date {
        width: 554px;
        height: 20px;
        line-height: 0px;
        font-size: 26px;
        position: absolute; } }
    @media (max-width: 599px) {
      .news-slider .article-list .article-desc-wrap .article-date {
        width: 272px;
        height: 12px;
        line-height: 0px;
        font-size: 14px; } }

@media (width: 1024px) {
  .news-slider {
    width: 100%;
    max-width: 100%;
    float: left;
    display: block;
    position: relative; }
    .news-slider li {
      margin-right: 20px; }
    .news-slider .article-header-text {
      height: 54px;
      font-size: 50px;
      margin: 15px 0px 15px 60px; }
    .news-slider .news-slider-wrapper {
      margin: 0 60px; }
      .news-slider .news-slider-wrapper.news-slider-lg {
        display: block !important; }
      .news-slider .news-slider-wrapper.news-slider-mob {
        display: none !important; }
    .news-slider .article-list .article-img {
      position: relative; }
      .news-slider .article-list .article-img img {
        height: 152px; }
      .news-slider .article-list .article-img .press-rel {
        width: auto;
        position: absolute;
        bottom: 0;
        font-size: 6px;
        background: #282828;
        color: #ffffff;
        height: 26px;
        line-height: 11px;
        font-size: 11px; }
    .news-slider .article-list .article-desc-wrap {
      position: relative;
      font-size: 14px;
      line-height: 24px;
      margin-top: 0px !important;
      margin-left: 0px !important;
      width: 185px; }
      .news-slider .article-list .article-desc-wrap .press-rel-1 {
        font-size: 16px;
        float: none;
        height: 22px;
        margin: 20px 0 9px; }
      .news-slider .article-list .article-desc-wrap .article-desc {
        min-height: 200px;
        font-size: 16px;
        float: left; }
      .news-slider .article-list .article-desc-wrap .article-date {
        position: absolute;
        bottom: 0;
        border-bottom: 1px solid grey;
        width: 205px !important;
        height: 16px !important;
        line-height: 0px;
        font-size: 16px; }
    .news-slider .article-list .faded-image {
      width: 191px;
      float: left; }
    .news-slider .news-slider-wrapper .slick-dots {
      display: none; }
    .news-slider .slick-arrow.slick-next,
    .news-slider .slick-arrow.slick-prev {
      cursor: pointer;
      background: url(../images/icon/PageUpStatic_Solid.svg) no-repeat;
      width: 50px;
      height: 50px;
      z-index: 99999;
      position: absolute;
      top: 0%;
      font-size: 0;
      border: none;
      margin-top: 15%; }
    .news-slider .slick-arrow.slick-next {
      right: 0;
      transform: rotate(90deg);
      margin-right: 25px; }
    .news-slider .slick-arrow.slick-prev {
      left: 0;
      transform: rotate(-90deg);
      margin-left: 25px; }
    .news-slider .slick-slide {
      transition: opacity .7s ease-in-out !important;
      float: right; }
    .news-slider .slick-track {
      opacity: 1;
      width: 6132px; } }

.slick-disabled {
  display: none !important; }

@media (min-width: 1800px) {
  .news-slider .article-list .article-img .press-rel {
    font-size: 11px;
    width: auto; }
  .news-slider ul.news-slider-wrapper.news-slider-lg {
    display: block;
    margin: 0 auto;
    max-width: 1800px; }
  .news-slider .article-list {
    margin-left: 0px;
    margin-right: 0px; }
  .news-slider .article-list .article-img img {
    width: 413px;
    height: 252px; }
  .news-slider .article-list .article-desc-wrap {
    width: 413px;
    float: left;
    position: relative; }
  .news-slider .article-list .article-desc-wrap .press-rel-1 {
    width: 413px; }
  .news-slider .article-list .article-desc-wrap .article-desc {
    width: 400px;
    min-height: 152px; }
  .news-slider .article-list .faded-image {
    width: 413px !important;
    float: left;
    opacity: 1; }
  .news-slider .article-list .article-desc-wrap .article-date {
    width: 413px !important; } }

@media (width: 1280px) {
  .news-slider .article-list .article-img img {
    height: 152px; }
  .news-slider ul.news-slider-wrapper .slick-list .slick-track li {
    float: left; }
  .news-slider ul.news-slider-wrapper .slick-arrow.slick-next {
    margin-right: 3px; }
  .news-slider ul.news-slider-wrapper .slick-arrow.slick-prev {
    margin-left: 3px; } }

.news-slider-mob .article-list .faded-image .article-img img {
  opacity: 0;
  transition: all 1.5s ease-in-out; }

.news-slider-mob .slick-current.slick-active .article-list .faded-image .article-img img {
  opacity: 1;
  transition: all 1.5s ease-in-out; }

.news-slider-mob .slick-current.slick-active:first-child .article-list .faded-image img {
  opacity: 1; }

.nrc-wrap {
  /* @include desktop1280 {
        border: 1px solid #191970;
    } */
  max-width: 1800px;
  padding: 0 60px;
  position: relative; }
  @media (min-width: 1280px) {
    .nrc-wrap {
      display: block; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .nrc-wrap {
      display: none;
      /* border: 1px solid #900; */ } }
  @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
    .nrc-wrap {
      display: block;
      /* border: 1px solid #f00; */ } }
  @media (max-width: 599px) {
    .nrc-wrap {
      display: none; } }
  @media (min-width: 1800px) {
    .nrc-wrap {
      padding: 0; } }
  @media (min-width: 1280px) {
    .nrc-wrap .nrc-slide-wrap {
      max-width: 1600px;
      display: flex;
      align-items: center;
      position: relative; } }
  @media (min-width: 600px) and (max-width: 1039px) {
    .nrc-wrap .nrc-slide-wrap {
      display: flex;
      align-items: center;
      position: relative;
      /* border: 2px dashed #000; */ } }
  @media (min-width: 1800px) {
    .nrc-wrap .nrc-slide-wrap {
      /*   border: 1px solid yellow; */
      max-width: 1800px; } }
  @media (min-width: 1040px) and (max-width: 1279px) {
    .nrc-wrap .nrc-slide-wrap {
      /* border: 1px solid green; */ } }
  @media (max-width: 1280px) {
    .nrc-wrap .nrc-slide-wrap {
      /* border: 1px solid #191970; */ } }
  @media (min-width: 1800px) {
    .nrc-wrap .nrc-slide-wrap .slick-arrow.slick-next {
      right: 30px; } }
  @media (min-width: 1800px) {
    .nrc-wrap .nrc-slide-wrap .slick-arrow.slick-prev {
      left: 30px; } }
  .nrc-wrap .nrc-slide-wrap .nrc-left-btn,
  .nrc-wrap .nrc-slide-wrap .nrc-right-btn {
    cursor: pointer;
    background: url(../images/icon/PageUpStatic_Solid.svg) no-repeat;
    z-index: 99999;
    font-size: 0;
    border: none; }
    @media (min-width: 1040px) and (max-width: 1279px) {
      .nrc-wrap .nrc-slide-wrap .nrc-left-btn,
      .nrc-wrap .nrc-slide-wrap .nrc-right-btn {
        width: 100px;
        height: 50px; } }
    @media (max-width: 1280px) {
      .nrc-wrap .nrc-slide-wrap .nrc-left-btn,
      .nrc-wrap .nrc-slide-wrap .nrc-right-btn {
        width: 102px;
        height: 50px; } }
    @media (min-width: 1280px) {
      .nrc-wrap .nrc-slide-wrap .nrc-left-btn,
      .nrc-wrap .nrc-slide-wrap .nrc-right-btn {
        width: 101px;
        height: 50px; } }
    @media (min-width: 1800px) {
      .nrc-wrap .nrc-slide-wrap .nrc-left-btn,
      .nrc-wrap .nrc-slide-wrap .nrc-right-btn {
        width: 50px;
        height: 50px; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .nrc-wrap .nrc-slide-wrap .nrc-left-btn,
      .nrc-wrap .nrc-slide-wrap .nrc-right-btn {
        width: 80px;
        height: 40px;
        /* border: 1px solid #f00; */ } }
    @media (max-width: 599px) {
      .nrc-wrap .nrc-slide-wrap .nrc-left-btn,
      .nrc-wrap .nrc-slide-wrap .nrc-right-btn {
        display: none !important; } }
    @media (min-width: 769px) and (max-width: 991px) {
      .nrc-wrap .nrc-slide-wrap .nrc-left-btn,
      .nrc-wrap .nrc-slide-wrap .nrc-right-btn {
        display: none !important; } }
    @media (min-width: 320px) and (max-width: 812px) {
      .nrc-wrap .nrc-slide-wrap .nrc-left-btn,
      .nrc-wrap .nrc-slide-wrap .nrc-right-btn {
        display: none !important; } }
  .nrc-wrap .nrc-slide-wrap .nrc-left-btn {
    float: left;
    transform: rotate(-90deg);
    opacity: .5; }
    .nrc-wrap .nrc-slide-wrap .nrc-left-btn:hover {
      opacity: 1; }
  .nrc-wrap .nrc-slide-wrap .nrc-right-btn {
    float: right;
    transform: rotate(90deg);
    opacity: .5; }
    .nrc-wrap .nrc-slide-wrap .nrc-right-btn:hover {
      opacity: 1; }
  @media (min-width: 600px) and (max-width: 1039px) {
    .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper {
      margin: 0; } }
  .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li {
    overflow: hidden;
    float: left;
    /*  &.slick-slide.slick-active:nth-child(7) {
     margin-right: 0;

     @include desktoplarge {
         margin-right: 0;
     }
 } */ }
    @media (min-width: 1024px) and (max-width: 1399px) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li {
        margin-left: 5px;
        margin-right: 13px; } }
    @media (min-width: 1280px) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li {
        width: 11.55% !important;
        margin-right: 25px; } }
    @media (min-width: 1800px) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li {
        width: 11.55% !important;
        margin-right: 33.3px; } }
    @media (max-width: 1440px) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li {
        margin-right: 27.6px; } }
    @media (max-width: 1280px) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li {
        width: 253px !important;
        margin-right: 14px; } }
    @media (min-width: 600px) and (max-width: 1039px) and (orientation: landscape) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li {
        /* border: 1px solid #900; */
        margin-left: 0;
        width: 14% !important;
        margin-right: 19px; } }
    @media (min-width: 1800px) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li.slick-slide.slick-active:nth-child(4) {
        /* border: 1px solid #f00; */ } }
    @media (min-width: 1280px) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li.slick-slide.slick-active:nth-child(5) {
        margin-left: 28px;
        /* margin-left: 0px; */ } }
    @media (max-width: 1280px) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li.slick-slide.slick-active:nth-child(5) {
        margin-left: 0px;
        margin-left: 28px; } }
    @media (min-width: 1800px) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li.slick-slide.slick-active:nth-child(5) {
        margin-left: 28px; } }
    @media (min-width: 1280px) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li.slick-slide.slick-active:nth-child(8) {
        margin-right: 0 !important; } }
    @media (min-width: 600px) and (max-width: 1039px) {
      .nrc-wrap .nrc-slide-wrap ul.news-slider-wrapper .slick-list .slick-track li.slick-slide.slick-active:nth-child(8) {
        margin-right: 0 !important; } }

.accordion {
  background-color: #f8f8f8;
  color: #282828;
  clear: both; }
  .accordion h2 {
    margin: 0 0 2rem; }
  .accordion-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px;
    width: auto; }
    @media (min-width: 1040px) {
      .accordion-container {
        padding: 30px 60px; } }
  .accordion-header h2,
  .accordion-header p {
    margin: 0 0 2rem; }
  @media (min-width: 1040px) {
    .accordion-header {
      display: flex; }
      .accordion-header h2 {
        max-width: 50%;
        min-width: 230px;
        padding-right: 12px; }
      .accordion-header p {
        flex: 1;
        padding-left: 12px; } }
  .accordion-title {
    border-top: solid 8px #DE4649;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0; }
    .accordion-title img {
      display: none; }
    .accordion-title button {
      align-items: center;
      background: #ffffff;
      border: none;
      display: flex;
      height: 100%;
      padding: 20px;
      text-align: left;
      transition: all .25s ease;
      width: 100%;
      justify-content: space-between; }
      .accordion-title button:after {
        border-left: solid 2px;
        border-top: solid 2px;
        content: "";
        display: block;
        flex: 0 0 auto;
        height: .6em;
        margin-left: 1em;
        transition: all .25s ease;
        transform: rotate(-135deg);
        width: .6em; }
      .accordion-title button[aria-expanded=true]:after {
        transform: rotate(45deg); }
      .accordion-title button:hover, .accordion-title button:focus {
        text-decoration: underline; }
      .accordion-title button:focus {
        box-shadow: 0 0 0 4px #00adf2; }
    .accordion-title:nth-of-type(2) {
      border-color: #0182D2; }
    .accordion-title:nth-of-type(3) {
      border-color: #ffce04; }
    .accordion-title:nth-of-type(4) {
      border-color: #00B139; }
    .accordion-title:nth-of-type(5) {
      border-color: #44b8ff; }
    .accordion-title:nth-of-type(6) {
      border-color: #282828; }
  .accordion-content {
    align-items: center;
    background: #DE4649;
    color: #ffffff;
    display: flex;
    font-size: 1.8rem;
    overflow: hidden;
    position: relative;
    transition: all .25s;
    min-height: 300px;
    padding: 20px; }
    .accordion-content[aria-hidden=true] {
      height: 0;
      min-height: 0;
      padding-bottom: 0;
      padding-top: 0; }
    .accordion-content:nth-of-type(2) {
      background-color: #0182D2; }
    .accordion-content:nth-of-type(3) {
      background-color: #ffce04;
      color: #282828; }
    .accordion-content:nth-of-type(4) {
      background-color: #00B139; }
    .accordion-content:nth-of-type(5) {
      background-color: #44b8ff; }
    .accordion-content:nth-of-type(6) {
      background-color: #282828; }
    .accordion-content .image-arrow-container {
      bottom: 0; }
    .accordion-content .section-rich-text,
    .accordion-content .small-quote-container,
    .accordion-content .quickfacts-container {
      padding: 50px 15px;
      position: static;
      width: 100%; }
      @media (min-width: 1040px) {
        .accordion-content .section-rich-text,
        .accordion-content .small-quote-container,
        .accordion-content .quickfacts-container {
          padding: 50px; } }
    .accordion-content .section-rich-text {
      background: none; }
      .accordion-content .section-rich-text .container {
        width: auto; }
    .accordion-content .small-quote {
      padding: 0;
      width: 100%; }
      .accordion-content .small-quote-container {
        background: none; }
      .accordion-content .small-quote blockquote::before, .accordion-content .small-quote blockquote::after {
        display: block;
        position: static; }
      .accordion-content .small-quote blockquote::before {
        text-align: left; }
      .accordion-content .small-quote blockquote::after {
        margin-top: .6em;
        text-align: right; }
    .accordion-content .quickfacts {
      width: 100%; }
      .accordion-content .quickfacts-header,
      .accordion-content .quickfacts .quickfact + .quickfact {
        display: none; }
      .accordion-content .quickfacts-container {
        display: block; }
      .accordion-content .quickfacts-wrapper {
        display: block;
        padding: 0; }
      .accordion-content .quickfacts .quickfact {
        border: none;
        min-height: 0;
        max-width: none;
        padding: 0;
        position: static; }
        .accordion-content .quickfacts .quickfact-image, .accordion-content .quickfacts .quickfact-icon {
          border: none; }
        .accordion-content .quickfacts .quickfact-icon {
          flex: 1;
          padding-bottom: 140px; }
        .accordion-content .quickfacts .quickfact-image {
          padding-bottom: 0;
          position: static; }
          .accordion-content .quickfacts .quickfact-image img {
            height: auto;
            position: static; }
    .accordion-content .simple-image img {
      height: 100%;
      left: 0;
      object-fit: cover;
      position: absolute;
      top: 0;
      width: 100%; }
    .accordion-content .simple-image .image-arrow-container {
      position: absolute;
      bottom: 0;
      right: 0; }
    .accordion-content a {
      color: inherit; }
    .accordion-content .internal-link {
      border: none;
      color: inherit; }
  .accordion.bg_blue .accordion-title {
    border-color: #0182D2; }
    .accordion.bg_blue .accordion-title:nth-of-type(2) {
      border-color: #ffce04; }
    .accordion.bg_blue .accordion-title:nth-of-type(3) {
      border-color: #00B139; }
    .accordion.bg_blue .accordion-title:nth-of-type(4) {
      border-color: #44b8ff; }
    .accordion.bg_blue .accordion-title:nth-of-type(5) {
      border-color: #282828; }
    .accordion.bg_blue .accordion-title:nth-of-type(6) {
      border-color: #DE4649; }
  .accordion.bg_blue .accordion-content {
    background-color: #0182D2; }
    .accordion.bg_blue .accordion-content:nth-of-type(2) {
      background-color: #ffce04; }
    .accordion.bg_blue .accordion-content:nth-of-type(3) {
      background-color: #00B139; }
    .accordion.bg_blue .accordion-content:nth-of-type(4) {
      background-color: #44b8ff; }
    .accordion.bg_blue .accordion-content:nth-of-type(5) {
      background-color: #282828; }
    .accordion.bg_blue .accordion-content:nth-of-type(6) {
      background-color: #DE4649; }
  .accordion.bg_yellow .accordion-title {
    border-color: #ffce04; }
    .accordion.bg_yellow .accordion-title:nth-of-type(2) {
      border-color: #00B139; }
    .accordion.bg_yellow .accordion-title:nth-of-type(3) {
      border-color: #44b8ff; }
    .accordion.bg_yellow .accordion-title:nth-of-type(4) {
      border-color: #282828; }
    .accordion.bg_yellow .accordion-title:nth-of-type(5) {
      border-color: #DE4649; }
    .accordion.bg_yellow .accordion-title:nth-of-type(6) {
      border-color: #0182D2; }
  .accordion.bg_yellow .accordion-content {
    background-color: #ffce04; }
    .accordion.bg_yellow .accordion-content:nth-of-type(2) {
      background-color: #00B139; }
    .accordion.bg_yellow .accordion-content:nth-of-type(3) {
      background-color: #44b8ff; }
    .accordion.bg_yellow .accordion-content:nth-of-type(4) {
      background-color: #282828; }
    .accordion.bg_yellow .accordion-content:nth-of-type(5) {
      background-color: #DE4649; }
    .accordion.bg_yellow .accordion-content:nth-of-type(6) {
      background-color: #0182D2; }
  .accordion.bg_green .accordion-title {
    border-color: #00B139; }
    .accordion.bg_green .accordion-title:nth-of-type(2) {
      border-color: #44b8ff; }
    .accordion.bg_green .accordion-title:nth-of-type(3) {
      border-color: #282828; }
    .accordion.bg_green .accordion-title:nth-of-type(4) {
      border-color: #DE4649; }
    .accordion.bg_green .accordion-title:nth-of-type(5) {
      border-color: #0182D2; }
    .accordion.bg_green .accordion-title:nth-of-type(6) {
      border-color: #ffce04; }
  .accordion.bg_green .accordion-content {
    background-color: #00B139; }
    .accordion.bg_green .accordion-content:nth-of-type(2) {
      background-color: #44b8ff; }
    .accordion.bg_green .accordion-content:nth-of-type(3) {
      background-color: #282828; }
    .accordion.bg_green .accordion-content:nth-of-type(4) {
      background-color: #DE4649; }
    .accordion.bg_green .accordion-content:nth-of-type(5) {
      background-color: #0182D2; }
    .accordion.bg_green .accordion-content:nth-of-type(6) {
      background-color: #ffce04; }

.initiative-wrapper {
  padding-top: 9rem; }
  @media (min-width: 1040px) {
    .initiative-wrapper {
      padding-top: 18rem; } }
  .initiative-wrapper #navbar {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    max-width: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999; }
    .initiative-wrapper #navbar .main-menu {
      box-shadow: none !important; }
  .initiative-wrapper.experience-editor-mode,
  .scj-preview-mode .initiative-wrapper {
    padding-top: 0 !important; }
    .initiative-wrapper.experience-editor-mode #navbar,
    .scj-preview-mode .initiative-wrapper #navbar {
      box-shadow: none;
      position: static; }

.breadcrumb-nav {
  display: none; }
  @media (min-width: 1040px) {
    .breadcrumb-nav {
      display: block;
      font-size: 1.2rem; }
      .breadcrumb-nav .container {
        margin: 0 auto;
        max-width: 1920px;
        padding: 25px 60px;
        width: auto; }
      .breadcrumb-nav ol {
        list-style: none;
        margin: 0;
        padding: 0; }
      .breadcrumb-nav li {
        display: inline; }
        .breadcrumb-nav li:before {
          display: none; }
        .breadcrumb-nav li + li:before {
          content: "/";
          display: inline-block;
          margin: .4em; }
      .breadcrumb-nav a:not([aria-current]) {
        background-image: linear-gradient(180deg, transparent 95%, #54beff 0);
        background-size: 0 100%;
        transition: all .25s; }
        .breadcrumb-nav a:not([aria-current]):hover, .breadcrumb-nav a:not([aria-current]):focus {
          background-size: 100%; } }

.initiative-hero {
  background-color: #1e1e1e;
  color: #ffffff;
  padding: 20px 0; }
  .initiative-hero h1 {
    margin: 0; }
  .initiative-hero h2 {
    font-size: 3.2rem;
    font-weight: 200;
    margin: 0 0 2.4rem; }
    .initiative-hero h2:before {
      background-color: #DE4649;
      content: '';
      display: block;
      height: 3px;
      margin: 0 0 1.6rem;
      width: 1em; }
  .initiative-hero-title, .initiative-hero-statement {
    margin: 0 20px;
    padding: 0 0 20px; }
  .initiative-hero-statement {
    background: #ffffff;
    color: #282828;
    margin-top: 20px;
    padding: 20px; }
  .initiative-hero-image img {
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    object-position: center;
    width: 100%; }
  @media (min-width: 1040px) {
    .initiative-hero {
      display: flex;
      min-height: 550px;
      padding: 0;
      position: relative;
      width: 100%; }
      .initiative-hero h1 {
        font-size: 6rem;
        line-height: 1.2334;
        margin-right: 60px; }
      .initiative-hero-title {
        background-color: #1e1e1e;
        display: flex;
        flex: 0 0 41%;
        flex-direction: column;
        justify-content: center;
        margin: 0;
        padding: 60px;
        position: relative;
        z-index: 1; }
      .initiative-hero-image img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
      .initiative-hero-statement {
        display: flex;
        flex-direction: column;
        justify-content: center;
        left: 47%;
        margin: 0;
        padding: 30px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 400px;
        z-index: 3; } }
  .initiative-hero.bg_blue {
    background-color: #0182D2; }
    @media (min-width: 1040px) {
      .initiative-hero.bg_blue .initiative-hero-title {
        background-color: #0182D2; } }
  .initiative-hero.bg_red {
    background-color: #DE4649; }
    @media (min-width: 1040px) {
      .initiative-hero.bg_red .initiative-hero-title {
        background-color: #DE4649; } }
  .initiative-hero.bg_yellow {
    background-color: #ffce04;
    color: #282828; }
    @media (min-width: 1040px) {
      .initiative-hero.bg_yellow .initiative-hero-title {
        background-color: #ffce04; } }
  .initiative-hero.bg_green {
    background-color: #00B139; }
    @media (min-width: 1040px) {
      .initiative-hero.bg_green .initiative-hero-title {
        background-color: #00B139; } }

.hero-carousel {
  background-color: #ffce04;
  clear: both;
  margin: 0 0 40px;
  overflow: hidden; }
  .hero-carousel-item {
    padding-bottom: 50px; }
  .hero-carousel-image {
    height: 215px; }
    .hero-carousel-image img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
  .hero-carousel-content {
    padding: 20px;
    pointer-events: none; }
  .hero-carousel-text {
    background: #ffffff;
    border-left: solid 10px;
    color: #282828;
    padding: 20px;
    pointer-events: initial; }
    .hero-carousel-text h2 {
      margin: 0 0 1.4rem; }
  .hero-carousel-cta {
    margin: 20px 0 0;
    pointer-events: initial; }
    .hero-carousel-cta a {
      align-items: center;
      background-color: #282828;
      color: #ffffff;
      display: flex;
      padding: 1.4rem 1.7rem;
      position: relative;
      text-align: left;
      transition: 0.25s all ease; }
      .hero-carousel-cta a .arrow-wrap {
        display: inline-block;
        margin-left: auto; }
        .hero-carousel-cta a .arrow-wrap:before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
      .hero-carousel-cta a .right-tab {
        float: right;
        overflow: hidden;
        width: 20px; }
      .hero-carousel-cta a:hover, .hero-carousel-cta a:focus {
        background-color: #ffffff;
        color: #282828; }
        .hero-carousel-cta a:hover .arrow-white, .hero-carousel-cta a:focus .arrow-white {
          background-image: url(../images/icon/white-arrow-contact-yellow.png); }
  .hero-carousel-controls {
    display: flex;
    height: 0;
    justify-content: center;
    padding: 0 20px;
    position: relative;
    transform: translateY(-50px);
    z-index: 1002; }
  .hero-carousel-timer {
    background-color: #f5f5f5;
    height: 10px; }
    .hero-carousel-timer span {
      background: #282828;
      display: block !important;
      height: 10px;
      width: 0; }
  @media (min-width: 1040px) {
    .hero-carousel-item {
      padding: 0;
      position: relative; }
    .hero-carousel-image {
      bottom: 0;
      height: auto;
      position: absolute;
      right: 0;
      top: 0;
      width: 80%;
      z-index: 1; }
    .hero-carousel-content {
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      max-width: 1920px;
      min-height: 490px;
      padding: 50px 60px 80px;
      position: relative;
      z-index: 2; }
    .hero-carousel-text, .hero-carousel-cta {
      margin-left: 36px;
      max-width: 480px; }
    .hero-carousel-text {
      margin-top: auto;
      padding: 32px 32px 20px; }
      .hero-carousel-text p {
        max-height: 12.4em;
        transition: all .3s ease-in-out;
        overflow: hidden; }
        .hero-carousel-text p.collapsed {
          max-height: 0; }
    .hero-carousel-cta {
      text-align: right; }
      .hero-carousel-cta a {
        display: inline-flex;
        min-width: 260px; }
    .hero-carousel-controls {
      justify-content: flex-start;
      margin: 0 auto;
      max-width: 1920px;
      padding: 0 60px;
      transform: translateY(-60px); } }
  .hero-carousel .slick-track {
    display: flex; }
  .hero-carousel .slick-dots {
    order: 0; }
    .hero-carousel .slick-dots button {
      background: #ffffff;
      border: none;
      border-radius: 50%;
      cursor: pointer;
      display: block;
      font-size: 0;
      height: 14px;
      padding: 0;
      transition: 0.25s all ease;
      width: 14px; }
      .hero-carousel .slick-dots button:hover, .hero-carousel .slick-dots button:focus {
        box-shadow: 0 0 0 4px #282828; }
    .hero-carousel .slick-dots li {
      display: inline-block;
      padding-right: 20px;
      vertical-align: middle; }
      .hero-carousel .slick-dots li.slick-active button {
        background-color: #282828; }
  .hero-carousel .slick-pause {
    border: 0;
    border-radius: 50%;
    background-color: #282828;
    color: #ffffff;
    display: block;
    width: 26px;
    height: 26px;
    transition: 0.25s all ease;
    order: 1;
    padding: 0; }
    .hero-carousel .slick-pause:before {
      content: "";
      border-color: transparent transparent transparent #ffffff;
      transition: 0.25s all ease;
      cursor: pointer;
      display: inline-block;
      height: 12px;
      border-style: double;
      border-width: 0px 0 0px 10px; }
    .hero-carousel .slick-pause.paused:before {
      border-style: solid;
      border-width: 7px 0 7px 10px;
      margin-left: 2px;
      margin-top: 6px; }
    .hero-carousel .slick-pause:hover, .hero-carousel .slick-pause:focus {
      background-color: #ffffff; }
      .hero-carousel .slick-pause:hover:before, .hero-carousel .slick-pause:focus:before {
        border-color: transparent transparent transparent #282828; }

.small-quote {
  clear: both;
  padding: 20px; }
  @media (min-width: 1040px) {
    .small-quote {
      padding: 0px 60px 30px; } }
  .small-quote h2 {
    margin: 0 0 2rem; }
  .small-quote-container {
    background: #ffce04;
    margin: 0 auto;
    max-width: 1800px;
    padding: 20px;
    position: relative;
    width: auto; }
    @media (min-width: 1040px) {
      .small-quote-container {
        padding: 50px 60px 20px;
        min-width: 300px; } }
  .small-quote-wrapper {
    margin: 0 auto;
    max-width: 930px;
    position: relative;
    width: auto; }
  .small-quote blockquote {
    border: none;
    font-size: 2.4rem;
    line-height: 4rem;
    margin: 0 auto 30px;
    max-width: 747px;
    padding: 0;
    quotes: "“" "”" "‘" "’";
    text-align: center; }
    .small-quote blockquote::before, .small-quote blockquote::after {
      display: block;
      font-family: HelveticaNeue, Arial;
      font-size: 4.8rem;
      line-height: 4rem; }
    .small-quote blockquote::before {
      content: open-quote;
      text-align: left; }
    .small-quote blockquote::after {
      content: close-quote;
      margin-top: .6em;
      text-align: right; }
  .small-quote figcaption a {
    text-decoration: underline; }
    .small-quote figcaption a:hover, .small-quote figcaption a:focus {
      text-decoration: none; }
  .small-quote-share .socialshare-block-white {
    background-color: #000 !important;
    bottom: 0;
    right: 0;
    text-align: center; }
    .small-quote-share .socialshare-block-white .share-icon {
      background-image: url(/images/Share-Icon-White.svg);
      float: none;
      margin: auto; }
  @media (min-width: 1040px) {
    .small-quote blockquote {
      font-size: 3.2rem; }
      .small-quote blockquote::before, .small-quote blockquote::after {
        display: inline-block;
        position: absolute; }
      .small-quote blockquote::before {
        left: -2rem; }
      .small-quote blockquote::after {
        margin-top: .2em;
        right: -2rem; }
    .small-quote figcaption {
      text-align: right; } }

.flip-panels {
  background-color: #f8f8f8;
  clear: both; }
  .flip-panels-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px 0;
    width: auto; }
    @media (min-width: 1040px) {
      .flip-panels-container {
        padding: 30px 60px; }
        [data-panels="1"] .flip-panels-container {
          display: grid;
          grid-template-columns: 30% 1fr;
          grid-gap: 50px; } }
  .flip-panels-header {
    padding: 0 20px; }
    .flip-panels-header h2,
    .flip-panels-header p {
      margin: 0 0 2rem; }
    @media (min-width: 1040px) {
      .flip-panels-header {
        display: flex;
        padding: 0; }
        .flip-panels-header h2 {
          max-width: 50%;
          min-width: 230px;
          padding-right: 12px; }
        .flip-panels-header p {
          flex: 1;
          padding-left: 12px; }
        [data-panels="1"] .flip-panels-header {
          display: block; }
          [data-panels="1"] .flip-panels-header h2 {
            min-width: 0;
            max-width: none;
            padding-right: 0; }
          [data-panels="1"] .flip-panels-header p {
            padding-left: 0; } }
  .flip-panels-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    width: 100%;
    padding: 0 0 20px 20px; }
    .flip-panels-wrapper::after {
      content: "";
      flex: 0 0 28px; }
    @media (min-width: 1040px) {
      .flip-panels-wrapper {
        display: grid;
        grid-gap: 24px;
        grid-auto-rows: 1fr;
        grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
        overflow: initial;
        padding: 0; }
        [data-panels="4"] .flip-panels-wrapper {
          grid-template-columns: repeat(2, 1fr); }
        .flip-panels-wrapper::after {
          display: none; } }
  .flip-panels .flip-panel {
    flex: 0 0 70vw;
    max-width: 320px;
    perspective: 100vw; }
    .flip-panels .flip-panel:only-child {
      flex: 1;
      max-width: none; }
    .flip-panels .flip-panel + .flip-panel {
      margin-left: 28px; }
      @media (min-width: 1040px) {
        .flip-panels .flip-panel + .flip-panel {
          margin-left: 0; } }
    @media (min-width: 1040px) {
      .flip-panels .flip-panel {
        max-width: none; } }
    .flip-panels .flip-panel-body {
      display: flex;
      min-height: 315px;
      transform-style: preserve-3d;
      transition: .25s transform; }
    .flip-panels .flip-panel-front, .flip-panels .flip-panel-back {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      background-color: #fff;
      display: flex;
      flex-direction: column;
      position: relative;
      min-width: 100%; }
    .flip-panels .flip-panel-front {
      box-shadow: 0 0 0 1px #dadada inset; }
      .flip-panels .flip-panel-front img {
        height: auto;
        margin: auto;
        max-height: 200px;
        max-width: 200px;
        width: auto; }
      .flip-panels .flip-panel-front button {
        background-color: var(--panel-style, #000);
        border: none;
        cursor: pointer;
        height: 43px;
        padding: 8px 15px;
        text-align: right; }
        .flip-panels .flip-panel-front button .arrow-wrap:before {
          border: solid 1px transparent;
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          transition: all .25s ease-in-out; }
        .flip-panels .flip-panel-front button:hover .arrow-wrap:before {
          border-color: var(--panel-style); }
    .flip-panels .flip-panel-back {
      border: solid 1px var(--panel-style, #000);
      padding: 10px 20px;
      transform: rotateY(-180deg) translate(100%, 0); }
      .flip-panels .flip-panel-back h3:before {
        background-color: var(--panel-style, #000);
        content: '';
        display: block;
        height: 3px;
        margin: 0 0 1.6rem;
        width: 3.2rem; }
      .flip-panels .flip-panel-back a {
        border-top: solid 1px;
        margin: auto 0 0;
        padding-top: 8px;
        position: relative;
        text-align: right; }
        .flip-panels .flip-panel-back a .arrow {
          margin-left: .4em; }
        .flip-panels .flip-panel-back a .arrow-wrap:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
        .flip-panels .flip-panel-back a:hover {
          text-decoration: underline; }
      .flip-panels .flip-panel-back .close {
        border-radius: 50%;
        opacity: 1;
        padding: 4px;
        position: absolute;
        right: 10px;
        top: 10px;
        transition: all .25s ease; }
        .flip-panels .flip-panel-back .close img {
          display: block;
          height: 20px;
          width: 20px; }
        .flip-panels .flip-panel-back .close:focus, .flip-panels .flip-panel-back .close:hover {
          box-shadow: 0 0 0 2px var(--panel-style, #000); }
    .flip-panels .flip-panel.flipped .flip-panel-body {
      transform: rotateY(-180deg); }
      .flip-panels .flip-panel.flipped .flip-panel-body .flip-panel-front button .arrow-wrap:before {
        display: none; }
    .flip-panels .flip-panel .arrow {
      display: inline-block; }
      .flip-panels .flip-panel .arrow .animate-arrow-container {
        display: inline-block;
        width: 20px; }

.news-rollup {
  clear: both; }
  .news-rollup h2 {
    margin: 0 0 2rem; }
  .news-rollup-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px;
    position: relative;
    width: auto; }
    @media (min-width: 1040px) {
      .news-rollup-container {
        padding: 30px 60px; } }
    @media (max-width: 1730px) and (min-width: 1040px) {
      .news-rollup-container {
        padding: 30px 0; } }
  .news-rollup-wrapper {
    display: flex;
    margin: 0 -20px;
    padding: 20px;
    overflow: auto; }
    .news-rollup-wrapper:after {
      content: "";
      flex: 0 0 20px; }
    @media (min-width: 1040px) {
      .news-rollup-wrapper {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
        margin: 0;
        padding: 0;
        overflow: initial; }
        .news-rollup-wrapper:after {
          display: none; } }
    @media (max-width: 1730px) and (min-width: 1040px) {
      .news-rollup-wrapper {
        grid-gap: 15px; } }
  .news-rollup .featured-story {
    background-color: transparent;
    color: #282828;
    margin-bottom: 25px; }
    .news-rollup .featured-story-container {
      display: grid;
      grid-template-columns: 1fr auto;
      grid-template-rows: auto;
      grid-template-areas: "media media" "title title" "teaser teaser" "date link"; }
      @media (min-width: 1040px) {
        .news-rollup .featured-story-container {
          grid-template-columns: 50% 15px 1fr auto;
          grid-template-rows: auto 1fr auto;
          grid-template-areas: "media . title title" "media . teaser teaser" "media . date link"; } }
    .news-rollup .featured-story-media {
      background-color: #f8f8f8;
      grid-area: media;
      position: relative; }
      .news-rollup .featured-story-media .quickfacts-container {
        padding: 0; }
      .news-rollup .featured-story-media .quickfacts-header {
        display: none; }
      .news-rollup .featured-story-media .quickfacts .quickfact {
        background-color: #ffffff;
        text-align: center; }
        .news-rollup .featured-story-media .quickfacts .quickfact-icon {
          flex: 1;
          padding-bottom: 0; }
        .news-rollup .featured-story-media .quickfacts .quickfact-image {
          padding-bottom: 0;
          position: static; }
          .news-rollup .featured-story-media .quickfacts .quickfact-image img {
            height: auto;
            position: static; }
      .news-rollup .featured-story-media iframe {
        height: 50vw;
        width: 100%; }
      @media (min-width: 1040px) {
        .news-rollup .featured-story-media {
          min-height: 360px; }
          .news-rollup .featured-story-media iframe,
          .news-rollup .featured-story-media img,
          .news-rollup .featured-story-media .quickfact {
            height: 100%;
            position: absolute;
            width: 100%; }
          .news-rollup .featured-story-media img {
            object-fit: cover; } }
    .news-rollup .featured-story-title {
      font-size: 3.2rem;
      grid-area: title;
      margin: 2.4rem 0; }
      @media (min-width: 1040px) {
        .news-rollup .featured-story-title {
          margin: 0 0 1.6rem; } }
      .news-rollup .featured-story-title:before {
        background-color: #ffce04;
        content: '';
        display: block;
        height: 3px;
        margin: 0 0 1.6rem;
        width: 1em; }
        .bg_blue .news-rollup .featured-story-title:before {
          background-color: #0182D2; }
        .bg_red .news-rollup .featured-story-title:before {
          background-color: #DE4649; }
        .bg_green .news-rollup .featured-story-title:before {
          background-color: #00B139; }
    .news-rollup .featured-story-teaser {
      grid-area: teaser;
      margin: 0 0 3.2rem; }
      @media (min-width: 1040px) {
        .news-rollup .featured-story-teaser {
          margin: 0 0 1.6rem; } }
    .news-rollup .featured-story-date {
      grid-area: date; }
    .news-rollup .featured-story-link {
      grid-area: link;
      position: relative;
      text-align: right; }
      .news-rollup .featured-story-link a:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
      .news-rollup .featured-story-link .arrow-wrap {
        display: inline-block;
        margin-left: .8em; }
    .news-rollup .featured-story-date, .news-rollup .featured-story-link {
      border-bottom: solid 1px;
      padding: 15px 0; }
    .news-rollup .featured-story.bg_blue .featured-story-title:before {
      background-color: #0182D2; }
    .news-rollup .featured-story.bg_red .featured-story-title:before {
      background-color: #DE4649; }
    .news-rollup .featured-story.bg_green .featured-story-title:before {
      background-color: #00B139; }
  .news-rollup .news-card {
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    flex: 0 0 70vw;
    max-width: 320px;
    position: relative; }
    .news-rollup .news-card + .news-card {
      margin-left: 28px; }
    @media (min-width: 1040px) {
      .news-rollup .news-card {
        max-width: none;
        min-width: 0; }
        .news-rollup .news-card + .news-card {
          margin-left: 0; } }
    .news-rollup .news-card-title, .news-rollup .news-card-eyebrow, .news-rollup .news-card-date, .news-rollup .news-card-readtime {
      padding: 8px; }
    .news-rollup .news-card-title {
      font-size: 1.6rem;
      line-height: 1.4;
      margin: 1.6rem 0 auto; }
    .news-rollup .news-card-eyebrow {
      align-self: self-start;
      background: #000;
      color: #fff;
      font-size: 1.2rem;
      line-height: 2.2rem;
      margin-top: -2.2rem;
      padding-bottom: 0;
      padding-top: 0; }
    .news-rollup .news-card-readtime {
      font-size: 1.2rem;
      line-height: 1; }
      .news-rollup .news-card-readtime:before {
        background: url(../../images/icon/noun-clock-3205498.svg) no-repeat;
        content: '';
        display: inline-block;
        height: 12px;
        margin-right: .4em;
        vertical-align: top;
        width: 12px; }
      .news-rollup .news-card-readtime + .news-card-title {
        margin-top: 0; }
    .news-rollup .news-card-date {
      font-size: 1.2rem; }
    .news-rollup .news-card .right-tab {
      position: absolute;
      bottom: 12px;
      right: 8px; }
    @media (min-width: 1040px) {
      .news-rollup .news-card:first-child:last-child {
        border: none;
        display: grid;
        grid-template-columns: 50% 15px 1fr auto;
        grid-template-rows: auto 1fr auto auto;
        grid-template-areas: "media . read read" "media . title title" "media . date date" "media . border border"; }
        .news-rollup .news-card:first-child:last-child:after {
          border-bottom: solid 1px;
          content: '';
          grid-area: border; }
        .news-rollup .news-card:first-child:last-child .news-card-image {
          background-color: #f8f8f8;
          grid-area: media;
          position: relative; } }
    @media (min-width: 1040px) and (min-width: 1040px) {
      .news-rollup .news-card:first-child:last-child .news-card-image {
        min-height: 360px; }
        .news-rollup .news-card:first-child:last-child .news-card-image img {
          height: 100%;
          object-fit: cover;
          position: absolute;
          width: 100%; } }
    @media (min-width: 1040px) {
        .news-rollup .news-card:first-child:last-child .news-card-readtime {
          grid-area: read; }
        .news-rollup .news-card:first-child:last-child .news-card-title {
          font-size: 3.2rem;
          grid-area: title; } }
    @media (min-width: 1040px) and (min-width: 1040px) {
      .news-rollup .news-card:first-child:last-child .news-card-title {
        margin: 0 0 1.6rem; } }
    @media (min-width: 1040px) {
        .news-rollup .news-card:first-child:last-child .news-card-date {
          grid-area: date; } }
    .news-rollup .news-card.bg_blue {
      background: inherit;
      color: inherit;
      border-bottom: 4px solid #0182d2; }
    .news-rollup .news-card.bg_green {
      background: inherit;
      color: inherit;
      border-bottom: 4px solid #00b139; }
    .news-rollup .news-card.bg_yellow {
      background: inherit;
      color: inherit;
      border-bottom: 4px solid #ffce04; }
    .news-rollup .news-card.bg_red {
      background: inherit;
      color: inherit;
      border-bottom: 4px solid #de4649; }
  .news-rollup-more-link {
    float: right;
    margin: 30px 0;
    position: relative; }
    @media (min-width: 1040px) {
      .news-rollup-more-link {
        position: absolute;
        right: 60px;
        top: 3px; } }
    .news-rollup-more-link .arrow-wrap {
      display: inline-block;
      margin-left: .8em; }
  .news-rollup .arrow-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .news-rollup .right-tab {
    float: right;
    overflow: hidden;
    width: 20px; }
  .news-rollup .scWebEditInput {
    min-width: 4em !important; }

.video-gallery {
  background-color: #f8f8f8;
  clear: both;
  padding: 20px 0; }
  .video-gallery h2 {
    margin: 0 0 2rem;
    padding: 0 20px; }
    @media (min-width: 1040px) {
      .video-gallery h2 {
        padding: 0; } }
  .video-gallery-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 0;
    position: relative;
    width: auto; }
    @media (min-width: 1040px) {
      .video-gallery-container {
        padding: 10px 60px; } }
  .video-gallery-more-link {
    float: right;
    margin-right: 20px;
    position: relative; }
    @media (min-width: 1040px) {
      .video-gallery-more-link {
        margin: 0;
        position: absolute;
        right: 60px;
        top: 20px; } }
    .video-gallery-more-link svg {
      display: inline-block;
      margin-right: .6em;
      vertical-align: bottom;
      width: 2.4rem; }
      .video-gallery-more-link svg path {
        fill: #DE4649; }
    .video-gallery-more-link .arrow-wrap {
      display: inline-block;
      margin-left: .8em; }
      .video-gallery-more-link .arrow-wrap:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
    .video-gallery-more-link .right-tab {
      float: right;
      overflow: hidden;
      width: 20px; }
  @media (min-width: 1040px) {
    .video-gallery-wrapper {
      display: grid;
      grid-gap: 15px;
      grid-template-columns: 60% 1fr; } }
  @media (min-width: 1040px) {
    .video-gallery-media {
      display: flex;
      flex-direction: column;
      grid-column: 1; } }
  .video-gallery-media-embed {
    background-color: #1e1e1e;
    position: relative;
    padding-bottom: 56.25%;
    height: 0; }
  .video-gallery-media iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .video-gallery-media-caption {
    background: #DE4649;
    color: #ffffff;
    flex: 1;
    font-size: 2.4rem;
    padding: 20px; }
  .video-gallery-thumbs {
    display: flex;
    overflow: auto;
    padding: 20px 20px 0;
    width: 100%; }
    .video-gallery-thumbs li {
      flex: 0 0 75vw;
      max-width: 320px;
      padding: 20px;
      padding-left: 0; }
    @media (min-width: 1040px) {
      .video-gallery-thumbs {
        display: grid;
        grid-column: 2;
        grid-auto-rows: 1fr;
        grid-gap: 15px;
        max-width: none;
        overflow: initial;
        padding: 0;
        width: auto; }
        .video-gallery-thumbs li {
          max-width: none;
          padding: 0; } }
  .video-gallery-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff;
    border: solid 1px #dadada;
    color: #282828;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0;
    position: relative; }
    .video-gallery-thumb-image img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
    .video-gallery-thumb-caption {
      display: flex;
      flex: 1;
      padding: 20px;
      text-align: left;
      transition: all .25s ease; }
      .video-gallery-thumb-caption .arrow-wrap {
        margin-left: auto;
        margin-top: auto;
        overflow: hidden;
        flex: 0 0 20px; }
        .video-gallery-thumb-caption .arrow-wrap:before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
    .video-gallery-thumb:hover, .video-gallery-thumb:focus {
      background-color: #f2f2f2; }
    .video-gallery-thumb.active {
      background-color: #DE4649;
      border: none;
      color: #ffffff; }
      .video-gallery-thumb.active .arrow-black {
        background-image: url(../images/icon/white-arrow-contact.png); }
    @media (min-width: 1040px) {
      .video-gallery-thumb {
        align-items: stretch;
        flex-direction: row; }
        .video-gallery-thumb-image, .video-gallery-thumb-caption {
          flex: 0 0 50%; } }

.join-conversation-container {
  margin: 0 auto;
  max-width: 1920px;
  padding: 20px;
  width: auto; }
  @media (min-width: 1040px) {
    .join-conversation-container {
      padding-left: 60px;
      padding-right: 60px; } }

.join-conversation-header-wrapper {
  display: flex; }

.join-conversation-header h2 {
  margin: 0; }

@media (max-width: 599px) {
  .join-conversation-header h2 {
    margin-bottom: 1.4rem; }
  .join-conversation-header-wrapper {
    flex-direction: column;
    align-items: center; } }

@media (min-width: 1040px) {
  .join-conversation-header-wrapper {
    justify-content: space-between; } }

.join-conversation-social-buttons a {
  color: inherit;
  display: inline-block;
  height: 27px;
  margin-left: 2.4rem;
  width: 27px; }

.join-conversation-social-buttons svg {
  fill: currentColor;
  height: 100%;
  width: 100%; }

@media (max-width: 599px) {
  .join-conversation-social-buttons-wrapper {
    flex-direction: column;
    align-items: center; } }

@media (min-width: 1040px) {
  .join-conversation-social-buttons a {
    color: inherit;
    display: inline-block;
    height: 27px;
    margin-left: 2.4rem;
    width: 27px; } }

.join-conversation a.flockler-btn-load-more,
.join-conversation a.flockler-btn-load-more:hover {
  background-color: #DE4649 !important;
  color: #fff !important; }

.join-conversation.alternate1 {
  background-color: #f8f8f8;
  padding-top: 20px; }
  .join-conversation.alternate1 .join-conversation-header {
    background: none;
    color: #282828; }
  .join-conversation.alternate1 a.flockler-btn-load-more,
  .join-conversation.alternate1 a.flockler-btn-load-more:hover {
    background-color: #282828 !important;
    color: #fff !important; }

.quickfacts {
  clear: both; }
  .quickfacts-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px 0;
    width: auto; }
    @media (min-width: 1040px) {
      .quickfacts-container {
        padding: 30px 60px; }
        [data-qty="1"] .quickfacts-container {
          display: grid;
          grid-template-columns: 30% 1fr;
          grid-gap: 50px; } }
  .quickfacts-header {
    padding: 0 20px; }
    .quickfacts-header h2,
    .quickfacts-header p {
      margin: 0 0 2rem; }
    @media (min-width: 1040px) {
      .quickfacts-header {
        display: flex;
        padding: 0; }
        .quickfacts-header h2 {
          max-width: 50%;
          min-width: 230px;
          padding-right: 12px; }
        .quickfacts-header p {
          flex: 1;
          padding-left: 12px; }
        [data-qty="1"] .quickfacts-header {
          display: block; }
          [data-qty="1"] .quickfacts-header h2 {
            min-width: 0;
            max-width: none;
            padding-right: 0; }
          [data-qty="1"] .quickfacts-header p {
            padding-left: 0; } }
  .quickfacts-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    width: 100%;
    padding: 0 0 20px 20px; }
    .quickfacts-wrapper::after {
      content: "";
      flex: 0 0 28px; }
    @media (min-width: 1040px) {
      .quickfacts-wrapper {
        display: grid;
        grid-gap: 50px;
        grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
        overflow: initial;
        padding: 0; }
        .quickfacts-wrapper::after {
          display: none; }
        [data-qty="4"] .quickfacts-wrapper .quickfact-text,
        [data-qty="2"] .quickfacts-wrapper .quickfact-text {
          padding-left: 110px;
          padding-right: 110px;
          text-align: center; } }
  .quickfacts .quickfact {
    background: transparent;
    border: solid 1px #707070;
    color: inherit;
    display: flex;
    flex: 0 0 70vw;
    flex-direction: column;
    min-height: 250px;
    max-width: 320px;
    padding-bottom: 50px;
    position: relative;
    transition: all .25s ease-in-out;
    text-align: center; }
    .quickfacts .quickfact + .quickfact {
      margin-left: 28px; }
    .quickfacts .quickfact:only-child {
      flex: 1;
      max-width: none; }
    @media (min-width: 1040px) {
      .quickfacts .quickfact {
        max-width: none; }
        .quickfacts .quickfact + .quickfact {
          margin-left: 0; }
        .quickfacts .quickfact:last-child:nth-child(odd) {
          grid-column: 1 / -1; }
          .quickfacts .quickfact:last-child:nth-child(odd) .quickfact-icon {
            padding-bottom: 25%; } }
    .quickfacts .quickfact-icon, .quickfacts .quickfact-image {
      border-bottom: solid 1px #707070;
      padding-bottom: 56.25%;
      position: relative; }
      .quickfacts .quickfact-icon img, .quickfacts .quickfact-image img {
        position: absolute; }
    .quickfacts .quickfact-icon img {
      height: 80px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: auto; }
    .quickfacts .quickfact-image img {
      height: 100%;
      left: 0;
      object-fit: cover;
      width: 100%; }
    .quickfacts .quickfact-text {
      padding: 26px; }
    .quickfacts .quickfact .image-arrow-container {
      bottom: 0; }
    .quickfacts .quickfact:hover.bg_blue {
      border-color: #0182D2; }
    .quickfacts .quickfact:hover.bg_red {
      border-color: #DE4649; }
    .quickfacts .quickfact:hover.bg_green {
      border-color: #00B139; }
    .quickfacts .quickfact:hover.bg_yellow {
      border-color: #ffce04; }

.long-text-tabs {
  background-color: #f8f8f8;
  color: #282828; }
  .long-text-tabs h2 {
    margin: 0 0 2rem; }
  .long-text-tabs-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px;
    width: auto; }
    @media (min-width: 1040px) {
      .long-text-tabs-container {
        padding: 30px 60px; } }
  .long-text-tabs-header h2,
  .long-text-tabs-header p {
    margin: 0 0 2rem; }
  @media (min-width: 1040px) {
    .long-text-tabs-header {
      display: flex; }
      .long-text-tabs-header h2 {
        max-width: 50%;
        min-width: 230px;
        padding-right: 12px; }
      .long-text-tabs-header p {
        flex: 1;
        padding-left: 12px; } }
  @media (min-width: 1040px) {
    .long-text-tabs-wrapper {
      display: grid;
      grid-template-columns: 50% 50%;
      grid-template-rows: repeat(6, 84px); } }
  .long-text-tabs .long-text-tab {
    border-top: solid 8px #DE4649;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0; }
    .long-text-tabs .long-text-tab img {
      display: none; }
    .long-text-tabs .long-text-tab button {
      align-items: center;
      background: #ffffff;
      border: none;
      display: flex;
      height: 100%;
      padding: 20px;
      text-align: left;
      transition: all .25s ease;
      width: 100%; }
      .long-text-tabs .long-text-tab button[aria-expanded=true] {
        background-color: #f2f2f2; }
      .long-text-tabs .long-text-tab button:hover, .long-text-tabs .long-text-tab button:focus {
        text-decoration: underline; }
      .long-text-tabs .long-text-tab button:focus {
        box-shadow: 0 0 0 4px #00adf2; }
    .long-text-tabs .long-text-tab:nth-of-type(2) {
      border-color: #0182D2; }
    .long-text-tabs .long-text-tab:nth-of-type(3) {
      border-color: #ffce04; }
    .long-text-tabs .long-text-tab:nth-of-type(4) {
      border-color: #00B139; }
    .long-text-tabs .long-text-tab:nth-of-type(5) {
      border-color: #44b8ff; }
    .long-text-tabs .long-text-tab:nth-of-type(6) {
      border-color: #282828; }
    .long-text-tabs .long-text-tab-content {
      align-items: center;
      background: #DE4649;
      color: #ffffff;
      display: flex;
      font-size: 1.8rem;
      overflow: hidden;
      position: relative;
      transition: all .25s; }
      .long-text-tabs .long-text-tab-content:nth-of-type(2) {
        background-color: #0182D2; }
      .long-text-tabs .long-text-tab-content:nth-of-type(3) {
        background-color: #ffce04;
        color: #282828; }
      .long-text-tabs .long-text-tab-content:nth-of-type(4) {
        background-color: #00B139; }
      .long-text-tabs .long-text-tab-content:nth-of-type(5) {
        background-color: #44b8ff; }
      .long-text-tabs .long-text-tab-content:nth-of-type(6) {
        background-color: #282828; }
      .long-text-tabs .long-text-tab-content .image-arrow-container {
        bottom: 0; }
      .long-text-tabs .long-text-tab-content .section-rich-text,
      .long-text-tabs .long-text-tab-content .small-quote-container,
      .long-text-tabs .long-text-tab-content .quickfacts-container {
        padding: 50px 15px;
        position: static;
        width: 100%; }
        @media (min-width: 1040px) {
          .long-text-tabs .long-text-tab-content .section-rich-text,
          .long-text-tabs .long-text-tab-content .small-quote-container,
          .long-text-tabs .long-text-tab-content .quickfacts-container {
            padding: 50px; } }
      .long-text-tabs .long-text-tab-content .section-rich-text {
        background: none; }
        .long-text-tabs .long-text-tab-content .section-rich-text .container {
          width: auto; }
      .long-text-tabs .long-text-tab-content .small-quote {
        padding: 0;
        width: 100%; }
        .long-text-tabs .long-text-tab-content .small-quote-container {
          background: none; }
        .long-text-tabs .long-text-tab-content .small-quote blockquote::before, .long-text-tabs .long-text-tab-content .small-quote blockquote::after {
          display: block;
          position: static; }
        .long-text-tabs .long-text-tab-content .small-quote blockquote::before {
          text-align: left; }
        .long-text-tabs .long-text-tab-content .small-quote blockquote::after {
          margin-top: .6em;
          text-align: right; }
      .long-text-tabs .long-text-tab-content .quickfacts {
        width: 100%; }
        .long-text-tabs .long-text-tab-content .quickfacts-header,
        .long-text-tabs .long-text-tab-content .quickfacts .quickfact + .quickfact {
          display: none; }
        .long-text-tabs .long-text-tab-content .quickfacts-container {
          display: block; }
        .long-text-tabs .long-text-tab-content .quickfacts-wrapper {
          display: block;
          padding: 0; }
        .long-text-tabs .long-text-tab-content .quickfacts .quickfact {
          border: none;
          min-height: 0;
          max-width: none;
          padding: 0;
          position: static; }
          .long-text-tabs .long-text-tab-content .quickfacts .quickfact-image, .long-text-tabs .long-text-tab-content .quickfacts .quickfact-icon {
            border: none; }
          .long-text-tabs .long-text-tab-content .quickfacts .quickfact-icon {
            flex: 1;
            padding-bottom: 140px; }
          .long-text-tabs .long-text-tab-content .quickfacts .quickfact-image {
            padding-bottom: 0;
            position: static; }
            .long-text-tabs .long-text-tab-content .quickfacts .quickfact-image img {
              height: auto;
              position: static; }
      .long-text-tabs .long-text-tab-content .simple-image img {
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%; }
      .long-text-tabs .long-text-tab-content .simple-image .image-arrow-container {
        position: absolute;
        bottom: 0;
        right: 0; }
      .long-text-tabs .long-text-tab-content a {
        color: inherit; }
      .long-text-tabs .long-text-tab-content .internal-link {
        border: none;
        color: inherit; }
    @media (max-width: 768px) {
      .long-text-tabs .long-text-tab button {
        justify-content: space-between; }
        .long-text-tabs .long-text-tab button:after {
          border-left: solid 2px;
          border-top: solid 2px;
          content: "";
          display: block;
          flex: 0 0 auto;
          height: .6em;
          margin-left: 1em;
          transition: all .25s ease;
          transform: rotate(-135deg);
          width: .6em; }
        .long-text-tabs .long-text-tab button[aria-expanded=true]:after {
          transform: rotate(45deg); }
      .long-text-tabs .long-text-tab-content {
        min-height: 300px;
        overflow: hidden; }
        .long-text-tabs .long-text-tab-content[aria-hidden=true] {
          height: 0;
          min-height: 0;
          padding-bottom: 0;
          padding-top: 0; } }
    @media (min-width: 1040px) {
      .long-text-tabs .long-text-tab {
        border-top: none;
        border-left: solid 8px #DE4649;
        grid-column: 1; }
        .long-text-tabs .long-text-tab img {
          display: block;
          height: auto;
          margin-right: .8em;
          max-height: 34px;
          max-width: 34px;
          width: auto; }
        .long-text-tabs .long-text-tab-content {
          font-size: 2.4rem;
          grid-column: 2;
          grid-row-start: 1;
          grid-row-end: 7;
          opacity: 1;
          position: relative;
          z-index: 1; }
          .long-text-tabs .long-text-tab-content[aria-hidden=true] {
            opacity: 0;
            z-index: 0; } }
  .long-text-tabs.bg_blue .long-text-tab {
    border-color: #0182D2; }
    .long-text-tabs.bg_blue .long-text-tab:nth-of-type(2) {
      border-color: #ffce04; }
    .long-text-tabs.bg_blue .long-text-tab:nth-of-type(3) {
      border-color: #00B139; }
    .long-text-tabs.bg_blue .long-text-tab:nth-of-type(4) {
      border-color: #44b8ff; }
    .long-text-tabs.bg_blue .long-text-tab:nth-of-type(5) {
      border-color: #282828; }
    .long-text-tabs.bg_blue .long-text-tab:nth-of-type(6) {
      border-color: #DE4649; }
  .long-text-tabs.bg_blue .long-text-tab-content {
    background-color: #0182D2; }
    .long-text-tabs.bg_blue .long-text-tab-content:nth-of-type(2) {
      background-color: #ffce04; }
    .long-text-tabs.bg_blue .long-text-tab-content:nth-of-type(3) {
      background-color: #00B139; }
    .long-text-tabs.bg_blue .long-text-tab-content:nth-of-type(4) {
      background-color: #44b8ff; }
    .long-text-tabs.bg_blue .long-text-tab-content:nth-of-type(5) {
      background-color: #282828; }
    .long-text-tabs.bg_blue .long-text-tab-content:nth-of-type(6) {
      background-color: #DE4649; }
  .long-text-tabs.bg_yellow .long-text-tab {
    border-color: #ffce04; }
    .long-text-tabs.bg_yellow .long-text-tab:nth-of-type(2) {
      border-color: #00B139; }
    .long-text-tabs.bg_yellow .long-text-tab:nth-of-type(3) {
      border-color: #44b8ff; }
    .long-text-tabs.bg_yellow .long-text-tab:nth-of-type(4) {
      border-color: #282828; }
    .long-text-tabs.bg_yellow .long-text-tab:nth-of-type(5) {
      border-color: #DE4649; }
    .long-text-tabs.bg_yellow .long-text-tab:nth-of-type(6) {
      border-color: #0182D2; }
  .long-text-tabs.bg_yellow .long-text-tab-content {
    background-color: #ffce04; }
    .long-text-tabs.bg_yellow .long-text-tab-content:nth-of-type(2) {
      background-color: #00B139; }
    .long-text-tabs.bg_yellow .long-text-tab-content:nth-of-type(3) {
      background-color: #44b8ff; }
    .long-text-tabs.bg_yellow .long-text-tab-content:nth-of-type(4) {
      background-color: #282828; }
    .long-text-tabs.bg_yellow .long-text-tab-content:nth-of-type(5) {
      background-color: #DE4649; }
    .long-text-tabs.bg_yellow .long-text-tab-content:nth-of-type(6) {
      background-color: #0182D2; }
  .long-text-tabs.bg_green .long-text-tab {
    border-color: #00B139; }
    .long-text-tabs.bg_green .long-text-tab:nth-of-type(2) {
      border-color: #44b8ff; }
    .long-text-tabs.bg_green .long-text-tab:nth-of-type(3) {
      border-color: #282828; }
    .long-text-tabs.bg_green .long-text-tab:nth-of-type(4) {
      border-color: #DE4649; }
    .long-text-tabs.bg_green .long-text-tab:nth-of-type(5) {
      border-color: #0182D2; }
    .long-text-tabs.bg_green .long-text-tab:nth-of-type(6) {
      border-color: #ffce04; }
  .long-text-tabs.bg_green .long-text-tab-content {
    background-color: #00B139; }
    .long-text-tabs.bg_green .long-text-tab-content:nth-of-type(2) {
      background-color: #44b8ff; }
    .long-text-tabs.bg_green .long-text-tab-content:nth-of-type(3) {
      background-color: #282828; }
    .long-text-tabs.bg_green .long-text-tab-content:nth-of-type(4) {
      background-color: #DE4649; }
    .long-text-tabs.bg_green .long-text-tab-content:nth-of-type(5) {
      background-color: #0182D2; }
    .long-text-tabs.bg_green .long-text-tab-content:nth-of-type(6) {
      background-color: #ffce04; }

.anchor-navigation {
  display: none; }
  @media (min-width: 1040px) {
    .anchor-navigation {
      display: block;
      background-color: #1e1e1e;
      color: #ffffff; }
      .anchor-navigation-container {
        margin: 0 auto;
        max-width: 1920px;
        padding: 20px 60px;
        width: auto; }
      .anchor-navigation-list {
        display: flex;
        justify-content: flex-end; }
        .anchor-navigation-list a {
          color: inherit;
          cursor: pointer;
          margin-left: 50px;
          position: relative;
          white-space: nowrap; }
          .anchor-navigation-list a:hover, .anchor-navigation-list a:focus {
            text-decoration: underline; }
        .anchor-navigation-list .arrow {
          display: inline-block;
          margin-left: .4em; }
          .anchor-navigation-list .arrow .animate-arrow-container {
            display: inline-block;
            width: 20px; }
          .anchor-navigation-list .arrow .arrow-wrap:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0; }
      .anchor-navigation.fixed {
        position: fixed;
        top: 92px;
        width: 100%;
        z-index: 12; }
      .anchor-navigation.bg_blue {
        background-color: #0182D2; }
      .anchor-navigation.bg_red {
        background-color: #DE4649; }
      .anchor-navigation.bg_yellow {
        background-color: #ffce04;
        color: #282828; }
        .anchor-navigation.bg_yellow .arrow-white {
          background-image: url(../images/icon/white-arrow-contact-yellow.png); }
      .anchor-navigation.bg_green {
        background-color: #00B139; } }

.single-video {
  clear: both;
  margin: 20px;
  max-width: 730px;
  position: relative; }
  @media (min-width: 1040px) {
    .single-video {
      margin: 20px 40px; } }
  .single-video h2 {
    margin: 0 0 2rem; }
  .single-video-media-thumb {
    position: relative; }
    .single-video-media-thumb img {
      height: auto;
      width: 100%; }
    .single-video-media-thumb button {
      align-items: center;
      background: none;
      border: none;
      cursor: pointer;
      display: flex;
      justify-content: center;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%; }
      .single-video-media-thumb button img {
        width: 60px; }
  .single-video-media-embed {
    background-color: #1e1e1e;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%;
    height: 0; }
    .single-video-media-embed iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .single-video-media-caption {
    background: #00B139;
    color: #ffffff;
    font-size: 2.4rem;
    padding: 20px 20px 70px; }
  .single-video .image-arrow-container {
    bottom: 0; }

.highlights {
  background: none;
  color: inherit;
  clear: both; }
  .highlights h2 {
    margin: 0 0 2rem; }
  .highlights-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px;
    position: relative;
    width: auto; }
    @media (min-width: 1040px) {
      .highlights-container {
        padding: 30px 60px; } }
  .highlights-wrapper {
    display: flex;
    margin: 0 -20px;
    padding: 20px;
    overflow: auto; }
    .highlights-wrapper:after {
      content: "";
      flex: 0 0 20px; }
    @media (min-width: 1040px) {
      .highlights-wrapper {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
        margin: 0;
        padding: 0;
        overflow: initial; }
        .highlights-wrapper:after {
          display: none; } }
  .highlights .highlight {
    border-top: solid 4px #f88023;
    background-color: #f8f8f8;
    display: flex;
    flex-direction: column;
    flex: 0 0 70vw;
    font-size: 1.4rem;
    max-width: 320px;
    position: relative; }
    .highlights .highlight + .highlight {
      margin-left: 28px; }
    @media (min-width: 1040px) {
      .highlights .highlight {
        max-width: none;
        min-width: 0; }
        .highlights .highlight + .highlight {
          margin-left: 0; } }
    .highlights .highlight-title, .highlights .highlight-blurb, .highlights .highlight-date, .highlights .highlight-cta {
      margin: 0 8px 16px; }
    .highlights .highlight-title {
      font-size: inherit;
      margin-top: 16px; }
    .highlights .highlight-blurb {
      border-bottom: solid 1px #707070;
      flex: 1;
      padding-bottom: 16px; }
      .highlights .highlight-blurb a {
        border-bottom: solid 2px #44b8ff !important; }
        .highlights .highlight-blurb a:hover, .highlights .highlight-blurb a:focus {
          color: #44b8ff; }
    .highlights .highlight-date {
      font-size: 1.2rem; }
    .highlights .highlight-cta {
      bottom: 0;
      font-size: 1.2rem;
      position: absolute;
      right: 0; }
      .highlights .highlight-cta .arrow-wrap {
        display: inline-block;
        margin-left: .8em; }
        .highlights .highlight-cta .arrow-wrap:before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
      .highlights .highlight-cta .right-tab {
        float: right;
        overflow: hidden;
        width: 20px; }
  .highlights-slider {
    display: flex;
    margin: 0 -20px;
    padding: 20px;
    overflow: auto; }
    .highlights-slider:after {
      content: "";
      flex: 0 0 20px; }
    @media (min-width: 1040px) {
      .highlights-slider {
        padding: 0 50px;
        position: relative; }
        .highlights-slider:after {
          display: none; }
        .highlights-slider .slick-list {
          overflow: hidden; }
        .highlights-slider .slick-track {
          display: flex; }
        .highlights-slider .slick-slide {
          flex: 0 0 auto;
          margin: 0 15px !important; }
        .highlights-slider .slick-prev,
        .highlights-slider .slick-next {
          background-color: #282828;
          border: none;
          height: 42px;
          font-size: 0;
          line-height: 0;
          padding: 15px 11px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 42px; }
          .highlights-slider .slick-prev:before,
          .highlights-slider .slick-next:before {
            background: url(../images/icon/white-arrow-contact.png) top right no-repeat;
            background-size: cover;
            content: '';
            display: block;
            height: 11px;
            width: 20px; }
        .highlights-slider .slick-prev {
          left: 0; }
          .highlights-slider .slick-prev:before {
            transform: rotate(180deg); }
        .highlights-slider .slick-next {
          right: 0; } }
  .highlights.bg_blue .highlight {
    border-color: #0182D2; }
  .highlights.bg_red .highlight {
    border-color: #DE4649; }
  .highlights.bg_green .highlight {
    border-color: #00B139; }
  .highlights.bg_yellow .highlight {
    border-color: #ffce04; }

.children-rollup {
  clear: both; }
  .children-rollup-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px;
    width: auto; }
    @media (min-width: 1040px) {
      .children-rollup-container {
        display: grid;
        grid-template-columns: 36% 1fr;
        padding: 30px 60px; } }
  .children-rollup-header {
    margin-bottom: 45px; }
    .children-rollup-header h2,
    .children-rollup-header p {
      margin: 0 0 2rem; }
    @media (min-width: 1040px) {
      .children-rollup-header {
        grid-column: 1;
        padding: 15px 30px 0 0; } }
  .children-rollup-list {
    grid-column: 2;
    list-style: none;
    margin: 0; }
    .children-rollup-list li {
      font-weight: bold;
      margin: 0 0 45px; }
    .children-rollup-list img {
      display: block;
      height: auto;
      margin-bottom: 1.4rem;
      width: 100%; }
    @media (min-width: 1040px) {
      .children-rollup-list {
        display: flex;
        flex-wrap: wrap; }
        .children-rollup-list li {
          flex: 0 0 50%;
          margin: 0;
          padding: 15px; } }

.categorized-logos {
  clear: both; }
  .categorized-logos h2 {
    margin: 0 0 1.2rem; }
  .categorized-logos-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px;
    position: relative;
    width: auto; }
    @media (min-width: 1040px) {
      .categorized-logos-container {
        padding: 30px 60px; } }
  .categorized-logos-header {
    margin-bottom: 3rem; }
  @media (min-width: 1040px) {
    .categorized-logos-wrapper {
      display: grid;
      grid-template-columns: 150px 1fr; } }
  .categorized-logos-tabs {
    column-count: 2;
    margin-bottom: 2rem; }
    @media (min-width: 1040px) {
      .categorized-logos-tabs {
        column-count: unset;
        grid-column: 1; } }
    .categorized-logos-tabs li {
      margin-bottom: 2rem; }
    .categorized-logos-tabs button {
      background: none;
      border: none;
      text-align: left;
      padding: 0; }
      .categorized-logos-tabs button[aria-selected] {
        color: #0182D2;
        font-weight: bold; }
      .categorized-logos-tabs button:hover, .categorized-logos-tabs button:focus {
        color: #0182D2; }
      .categorized-logos-tabs button:focus {
        text-decoration: underline; }
  .categorized-logos-content {
    display: grid;
    grid-gap: 10px;
    grid-auto-rows: min-content;
    grid-template-columns: repeat(3, 1fr);
    grid-column: 2;
    transition: all .3s ease;
    width: 0;
    height: 0;
    overflow: hidden; }
    .categorized-logos-content.active {
      height: 100%;
      width: 100%; }
    @media (min-width: 1040px) {
      .categorized-logos-content {
        grid-gap: 15px;
        grid-template-columns: repeat(6, 1fr); } }
  .categorized-logos-logo {
    align-items: center;
    border: solid 1px #707070;
    border-top-width: 4px;
    display: flex;
    justify-content: center;
    padding: 10px; }
    .categorized-logos-logo.brandcard-bg-duck-red {
      border-top-color: #ed1c24; }
    .categorized-logos-logo.brandcard-bg-muscle-blue {
      border-top-color: #193989; }
    .categorized-logos-logo.brandcard-bg-pledge-yellow {
      border-top-color: #ffce04; }
    .categorized-logos-logo.brandcard-bg-ziploc-blue {
      border-top-color: #00adf2; }
    .categorized-logos-logo.brandcard-bg-drano-gray {
      border-top-color: #ebebeb; }
    .categorized-logos-logo.brandcard-bg-off-orange {
      border-top-color: #f88023; }
    .categorized-logos-logo.brandcard-bg-raid-black {
      border-top-color: #1a1918; }
    .categorized-logos-logo.brandcard-bg-glade-cyan {
      border-top-color: #21aad6; }
    .categorized-logos-logo.brandcard-bg-caldrea-yellow {
      border-top-color: #f6d828; }
    .categorized-logos-logo.brandcard-bg-meyers-magenta {
      border-top-color: #d1cad2; }
    .categorized-logos-logo.brandcard-bg-shout-blue {
      border-top-color: #00b7f5; }
    .categorized-logos-logo.brandcard-bg-scrubbing-green {
      border-top-color: #61bb46; }
    .categorized-logos-logo.brandcard-bg-fantastik-yellow {
      border-top-color: #f1f046; }
    .categorized-logos-logo.brandcard-bg-Armstrong-violet {
      border-top-color: #37168a; }
    .categorized-logos-logo.brandcard-bg-johnson-gray {
      border-top-color: #f5f5f5; }
    .categorized-logos-logo.brandcard-bg-kiwi-red {
      border-top-color: #ee2e24; }
    .categorized-logos-logo.brandcard-bg-saran-blue {
      border-top-color: #daf1fa; }
    .categorized-logos-logo.brandcard-bg-baygon-red {
      border-top-color: #f33c40; }
    .categorized-logos-logo.brandcard-bg-autan-red {
      border-top-color: #ec2d23; }
    .categorized-logos-logo.brandcard-bg-babyganics-green {
      border-top-color: #89c548; }
  .categorized-logos-more-link {
    float: right;
    margin: 30px 0;
    position: relative; }
    @media (min-width: 1040px) {
      .categorized-logos-more-link {
        position: absolute;
        right: 60px;
        top: 3px; } }
    .categorized-logos-more-link .arrow-wrap {
      display: inline-block;
      margin-left: .8em; }
    .categorized-logos-more-link:focus {
      border-bottom: solid 2px #44b8ff !important; }
  .categorized-logos .arrow-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .categorized-logos .right-tab {
    float: right;
    overflow: hidden;
    width: 20px; }

.top-stories {
  clear: both; }
  .top-stories h2 {
    margin: 0 0 2rem; }
  .top-stories-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px;
    position: relative;
    width: auto; }
    @media (min-width: 1040px) {
      .top-stories-container {
        display: grid;
        grid-template-columns: 70% 30%;
        grid-template-rows: auto 1fr;
        padding: 30px 60px; } }
  @media (min-width: 1040px) {
    .top-stories .topics {
      grid-column: 1;
      grid-row: 2; } }
  .top-stories .topics-tabs {
    border: solid 1px #707070;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    margin-bottom: 20px;
    position: relative;
    font-weight: bold; }
    .top-stories .topics-tabs:after {
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #282828;
      content: '';
      height: 0;
      position: absolute;
      right: 16px;
      transition: all .3s ease;
      top: 16px;
      width: 0; }
    .top-stories .topics-tabs.open:after {
      transform: rotate(180deg); }
    .top-stories .topics-tabs button {
      background-color: #ffffff;
      border: none;
      color: #282828;
      display: block;
      padding: 6px 15px;
      position: relative;
      text-align: center;
      transition: all .3s ease;
      width: 100%; }
      .top-stories .topics-tabs button:before {
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        transition: all .3s ease;
        top: 0;
        width: 4px; }
      .top-stories .topics-tabs button.bg_blue:before {
        background: #0182D2; }
      .top-stories .topics-tabs button.bg_red:before {
        background: #DE4649; }
      .top-stories .topics-tabs button.bg_green:before {
        background: #00B139; }
      .top-stories .topics-tabs button.bg_yellow:before {
        background: #ffce04; }
    @media (min-width: 1040px) {
      .top-stories .topics-tabs {
        border: none;
        flex-direction: row;
        margin-bottom: 40px; }
        .top-stories .topics-tabs:after {
          display: none; }
        .top-stories .topics-tabs li {
          margin-right: 15px; }
        .top-stories .topics-tabs button {
          background-color: #e9e9e9;
          font-weight: normal; }
          .top-stories .topics-tabs button[aria-selected] {
            background-color: #282828;
            color: #ffffff; }
            .top-stories .topics-tabs button[aria-selected].bg_blue {
              background: #0182D2; }
            .top-stories .topics-tabs button[aria-selected].bg_red {
              background: #DE4649; }
            .top-stories .topics-tabs button[aria-selected].bg_green {
              background: #00B139; }
            .top-stories .topics-tabs button[aria-selected].bg_yellow {
              background: #ffce04; }
          .top-stories .topics-tabs button:before {
            height: 4px;
            top: unset;
            width: 0; }
          .top-stories .topics-tabs button:hover:before, .top-stories .topics-tabs button:focus:before {
            width: 100%; }
          .top-stories .topics-tabs button:focus {
            box-shadow: 0 0 0 4px #44b8ff; } }
  .top-stories .topics-content {
    display: flex;
    margin: 0 -20px 20px;
    padding: 20px;
    overflow: auto; }
    .top-stories .topics-content:after {
      content: "";
      flex: 0 0 20px; }
    @media (min-width: 1040px) {
      .top-stories .topics-content {
        margin: 0;
        padding: 0 50px;
        position: relative; }
        .top-stories .topics-content:after {
          display: none; }
        .top-stories .topics-content .slick-list {
          overflow: hidden; }
        .top-stories .topics-content .slick-track {
          display: flex; }
        .top-stories .topics-content .slick-slide {
          flex: 0 0 auto;
          margin: 0 6px !important; }
        .top-stories .topics-content .slick-prev,
        .top-stories .topics-content .slick-next {
          background-color: #282828;
          border: none;
          height: 42px;
          font-size: 0;
          line-height: 0;
          padding: 15px 11px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 42px; }
          .top-stories .topics-content .slick-prev:before,
          .top-stories .topics-content .slick-next:before {
            background: url(../images/icon/white-arrow-contact.png) top right no-repeat;
            background-size: cover;
            content: '';
            display: block;
            height: 11px;
            width: 20px; }
          .top-stories .topics-content .slick-prev:focus,
          .top-stories .topics-content .slick-next:focus {
            box-shadow: inset 0 0 0 4px #44b8ff; }
        .top-stories .topics-content .slick-prev {
          left: 0; }
          .top-stories .topics-content .slick-prev:before {
            transform: rotate(180deg); }
        .top-stories .topics-content .slick-next {
          right: 0; }
        .top-stories .topics-content .slick-disabled {
          display: block !important;
          opacity: .4; } }
  .top-stories .topics-viewall,
  .top-stories .topics .news-card {
    background-color: #f5f5f5;
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
    color: #282828; }
    .top-stories .topics-viewall.bg_blue,
    .top-stories .topics .news-card.bg_blue {
      border-color: #0182D2; }
    .top-stories .topics-viewall.bg_red,
    .top-stories .topics .news-card.bg_red {
      border-color: #DE4649; }
    .top-stories .topics-viewall.bg_green,
    .top-stories .topics .news-card.bg_green {
      border-color: #00B139; }
    .top-stories .topics-viewall.bg_yellow,
    .top-stories .topics .news-card.bg_yellow {
      border-color: #ffce04; }
  .top-stories .topics-viewall {
    display: flex;
    flex-direction: column;
    font-size: 1.8rem;
    flex: 0 0 70vw;
    justify-content: center;
    margin-left: 28px;
    max-width: 320px;
    padding: 30px;
    position: relative; }
    @media (min-width: 1040px) {
      .top-stories .topics-viewall {
        flex: 0 0 auto;
        margin-left: 0;
        max-width: none;
        min-width: 0; } }
    .top-stories .topics-viewall .right-tab {
      display: inline-block;
      float: none;
      margin-left: .6em; }
    .top-stories .topics-viewall a:focus {
      border-bottom: solid 2px #44b8ff !important; }
  .top-stories .featured {
    border-bottom: solid 1px #707070;
    padding-bottom: 15px; }
    .top-stories .featured h3 {
      margin: 0 0 1rem; }
    .top-stories .featured .news-card {
      border-bottom: none;
      max-width: none; }
      .top-stories .featured .news-card + .news-card {
        margin-left: 0;
        padding-top: 15px; }
      .top-stories .featured .news-card .right-tab {
        right: 0; }
    @media (min-width: 1040px) {
      .top-stories .featured {
        border: none;
        grid-column: 2;
        grid-row: 2;
        padding-bottom: 0;
        padding-left: 15px; }
        .top-stories .featured h3 {
          padding-left: 15px; }
        .top-stories .featured .news-card {
          border-left: solid 1px #707070; }
          .top-stories .featured .news-card-title, .top-stories .featured .news-card-readtime, .top-stories .featured .news-card-date {
            padding-left: 15px;
            padding-right: 0; } }
  .top-stories .news-card {
    border-bottom: solid 1px;
    display: flex;
    flex-direction: column;
    flex: 0 0 70vw;
    max-width: 320px;
    position: relative; }
    .top-stories .news-card + .news-card {
      margin-left: 28px; }
    @media (min-width: 1040px) {
      .top-stories .news-card {
        flex: 0 0 auto;
        max-width: none;
        min-width: 0; }
        .top-stories .news-card + .news-card {
          margin-left: 0; } }
    .top-stories .news-card-title, .top-stories .news-card-eyebrow, .top-stories .news-card-date, .top-stories .news-card-readtime {
      padding: 8px; }
    .top-stories .news-card-title {
      font-size: 1.4rem;
      line-height: 1.4;
      margin: 0 0 auto;
      font-weight: bold;
      padding: .5rem 8px; }
    .top-stories .news-card-eyebrow {
      align-self: self-start;
      background: #000;
      color: #fff;
      font-size: 1.2rem;
      line-height: 2.2rem;
      margin-top: -2.2rem;
      padding-bottom: 0;
      padding-top: 0; }
    .top-stories .news-card-readtime {
      font-size: 1.2rem;
      line-height: 1; }
      .top-stories .news-card-readtime:before {
        background: url(../../images/icon/noun-clock-3205498.svg) no-repeat;
        content: '';
        display: inline-block;
        height: 12px;
        margin-right: .4em;
        vertical-align: top;
        width: 12px; }
    .top-stories .news-card-date {
      font-size: 1.2rem; }
    .top-stories .news-card .right-tab {
      position: absolute;
      bottom: 12px;
      right: 8px; }
    .top-stories .news-card a:focus {
      border-bottom: solid 2px #44b8ff !important; }
  .top-stories-more-link {
    float: right;
    margin: 2rem 0;
    position: relative;
    font-weight: bold; }
    @media (min-width: 1040px) {
      .top-stories-more-link {
        position: absolute;
        right: 60px;
        top: 3px;
        font-weight: normal; } }
    .top-stories-more-link .arrow-wrap {
      display: inline-block;
      margin-left: .8em; }
    .top-stories-more-link:focus {
      border-bottom: solid 2px #44b8ff !important; }
  .top-stories .arrow-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .top-stories .right-tab {
    float: right;
    overflow: hidden;
    width: 20px; }

.media-coverage {
  clear: both; }
  .media-coverage h2 {
    margin: 0 0 2rem; }
  .media-coverage-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px;
    position: relative;
    width: auto; }
    @media (min-width: 1040px) {
      .media-coverage-container {
        padding: 30px 60px; } }
  .media-coverage-wrapper {
    display: flex;
    margin: 0 -20px;
    padding: 20px;
    overflow: auto; }
    .media-coverage-wrapper:after {
      content: "";
      flex: 0 0 20px; }
    @media (min-width: 1040px) {
      .media-coverage-wrapper {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
        margin: 0;
        padding: 0;
        overflow: initial; }
        .media-coverage-wrapper:after {
          display: none; } }
  .media-coverage .media-card {
    background-color: #f8f8f8;
    display: flex;
    flex-direction: column;
    flex: 0 0 70vw;
    max-width: 320px;
    padding: 12px 8px;
    position: relative;
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
    font-family: Roboto,sans-serif; }
    .media-coverage .media-card.bg_blue {
      border-bottom: 4px solid #0182d2;
      color: inherit; }
    .media-coverage .media-card.bg_green {
      border-bottom: 4px solid #00b139;
      color: inherit; }
    .media-coverage .media-card.bg_yellow {
      border-bottom: 4px solid #ffce04;
      color: inherit; }
    .media-coverage .media-card.bg_red {
      border-bottom: 4px solid #de4649;
      color: inherit; }
    .media-coverage .media-card + .media-card {
      margin-left: 28px; }
    @media (min-width: 1040px) {
      .media-coverage .media-card {
        max-width: none;
        min-width: 0; }
        .media-coverage .media-card + .media-card {
          margin-left: 0; } }
    .media-coverage .media-card-title {
      font-size: 1.6rem;
      line-height: 1.4;
      margin: 0 0 1rem; }
      .media-coverage .media-card-title a:before {
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        right: 0;
        top: 0; }
      .media-coverage .media-card-title a:after {
        content: '';
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #282828;
        position: absolute;
        bottom: 12px;
        right: 12px; }
      .media-coverage .media-card-title a:hover, .media-coverage .media-card-title a:focus {
        text-decoration: underline; }
        .media-coverage .media-card-title a:hover:after, .media-coverage .media-card-title a:focus:after {
          animation: arrow 1s ease forwards; }
      .media-coverage .media-card-title a:focus:before {
        box-shadow: 0 0 0 3px #44b8ff; }
    .media-coverage .media-card-source {
      font-size: 1.2rem;
      font-weight: bold;
      margin: 0 0 auto; }
    .media-coverage .media-card-date {
      font-size: 1.2rem;
      margin: 2rem 0 0; }
  .media-coverage-more-link {
    float: right;
    margin: 30px 0;
    position: relative; }
    @media (min-width: 1040px) {
      .media-coverage-more-link {
        position: absolute;
        right: 60px;
        top: 3px; } }
    .media-coverage-more-link .arrow-wrap {
      display: inline-block;
      margin-left: .8em; }
  .media-coverage .arrow-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .media-coverage .right-tab {
    float: right;
    overflow: hidden;
    width: 20px; }

@keyframes arrow {
  0%, 100% {
    transform: translateX(0);
    opacity: 1; }
  23% {
    transform: translateX(17px);
    opacity: 1; }
  24%, 80% {
    transform: translateX(-22px);
    opacity: 0; }
  81% {
    opacity: 1;
    transform: translateX(-22px); } }

.zigzag {
  background-color: #f8f8f8;
  clear: both; }
  .zigzag-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px;
    width: auto; }
    @media (min-width: 1040px) {
      .zigzag-container {
        padding: 50px 60px; } }
  .zigzag-header {
    margin: 0 0 2rem; }
    .zigzag-header h2,
    .zigzag-header p {
      margin: 0 0 2rem; }
    @media (min-width: 1040px) {
      .zigzag-header {
        display: flex;
        padding: 0; }
        .zigzag-header h2 {
          max-width: 50%;
          min-width: 230px;
          padding-right: 12px; }
        .zigzag-header > div {
          flex: 1;
          padding-left: 12px; } }
  .zigzag-item {
    background: none;
    color: inherit;
    margin: 0 0 50px; }
    @media (min-width: 1040px) {
      .zigzag-item {
        margin-bottom: 100px; } }
    .zigzag-item h3 {
      margin: 0 0 2rem; }
    .zigzag-item .button-dark {
      align-items: center;
      background-color: #282828;
      color: #ffffff;
      display: inline-flex;
      justify-content: space-between;
      margin-top: 2rem;
      padding: 1.4rem 2.4rem;
      position: relative;
      text-align: left;
      transition: 0.25s all ease; }
      .zigzag-item .button-dark .arrow-wrap {
        display: inline-block;
        margin-left: 2.4rem; }
        .zigzag-item .button-dark .arrow-wrap:before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; }
      .zigzag-item .button-dark .right-tab {
        float: right;
        overflow: hidden;
        width: 20px; }
      .zigzag-item .button-dark:hover, .zigzag-item .button-dark:focus {
        background-color: #ffffff;
        box-shadow: 0 0 0 1px #282828;
        color: #282828; }
        .zigzag-item .button-dark:hover .arrow-white, .zigzag-item .button-dark:focus .arrow-white {
          background-image: url(../images/icon/white-arrow-contact-yellow.png); }
    .zigzag-item-content {
      background-color: #ffffff;
      border: solid 1px #282828;
      border-left: solid 10px #00B139;
      color: #282828;
      padding: 20px; }
      .bg_blue .zigzag-item-content {
        border-left-color: #0182D2; }
      .bg_red .zigzag-item-content {
        border-left-color: #DE4649; }
      .bg_green .zigzag-item-content {
        border-left-color: #00B139; }
      .bg_yellow .zigzag-item-content {
        border-left-color: #ffce04; }
    .zigzag-item-media {
      position: relative; }
      .zigzag-item-media-thumb, .zigzag-item-media-embed {
        background-color: #282828;
        overflow: hidden;
        padding-bottom: 56.25%;
        height: 0; }
        .zigzag-item-media-thumb iframe,
        .zigzag-item-media-thumb > img, .zigzag-item-media-embed iframe,
        .zigzag-item-media-embed > img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
        .zigzag-item-media-thumb img, .zigzag-item-media-embed img {
          object-fit: cover; }
        .zigzag-item-media-thumb button, .zigzag-item-media-embed button {
          align-items: center;
          background: none;
          border: none;
          cursor: pointer;
          display: flex;
          justify-content: center;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%; }
          .zigzag-item-media-thumb button img, .zigzag-item-media-embed button img {
            width: 60px; }
          .zigzag-item-media-thumb button:focus, .zigzag-item-media-embed button:focus {
            box-shadow: 0 0 0 3px #00adf2; }
      .zigzag-item-media .small-quote {
        padding: 0; }
      .zigzag-item-media .quickfacts-container {
        padding: 0; }
      .zigzag-item-media .quickfacts-header {
        display: none; }
      .zigzag-item-media .quickfacts .quickfact {
        background-color: #ffffff;
        text-align: center; }
        .zigzag-item-media .quickfacts .quickfact-icon {
          flex: 1;
          padding-bottom: 0; }
        .zigzag-item-media .quickfacts .quickfact-image {
          padding-bottom: 0;
          position: static; }
          .zigzag-item-media .quickfacts .quickfact-image img {
            height: auto;
            position: static; }
    @media (min-width: 1040px) {
      .zigzag-item {
        display: grid;
        grid-template-columns: repeat(21, 1fr);
        grid-template-rows: 120px 1fr 86px; }
        .zigzag-item h3 {
          font-size: 4rem; }
        .zigzag-item .button-dark {
          margin-top: auto;
          min-width: 260px; }
        .zigzag-item-content {
          align-items: flex-start;
          display: flex;
          flex-direction: column;
          grid-column: 13 / 22;
          grid-row: 1/ 3;
          padding: 60px 50px;
          z-index: 2; }
        .zigzag-item-media {
          grid-column: 1 / 14;
          grid-row: 2 /4;
          min-height: 360px;
          z-index: 1; }
          .zigzag-item-media > img {
            min-height: 100%;
            object-fit: cover;
            width: 100%; }
          .zigzag-item-media .quickfact {
            height: 100%;
            position: absolute;
            width: 100%; }
        .zigzag-item:nth-of-type(even) .zigzag-item-content {
          grid-column: 1 / 10; }
        .zigzag-item:nth-of-type(even) .zigzag-item-media {
          grid-column: 9 / 22; }
        .block-align-left .zigzag-item .zigzag-item-content {
          grid-column: 1 / 10; }
        .block-align-left .zigzag-item .zigzag-item-media {
          grid-column: 9 / 22; }
        .block-align-left .zigzag-item:nth-of-type(even) .zigzag-item-content {
          grid-column: 13 / 22; }
        .block-align-left .zigzag-item:nth-of-type(even) .zigzag-item-media {
          grid-column: 1 / 14; } }

.media-gallery {
  clear: both;
  margin: 0 auto 20px;
  max-width: 1920px;
  padding: 0;
  position: relative;
  width: auto; }
  @media (min-width: 1040px) {
    .media-gallery {
      padding: 0 60px; } }
  .media-gallery .slick-list {
    overflow: hidden; }
  .media-gallery .slick-track {
    display: flex;
    align-items: center; }
  .media-gallery .slick-slide img {
    display: block;
    height: auto;
    width: 100%;
    max-height: 60vh;
    object-fit: contain;
    /*
            @include not-mobile {
                border: solid 1px #999;
            }*/ }
  .media-gallery-container {
    border-bottom: solid 1px #707070;
    border-top: solid 1px #707070; }
    @media (min-width: 1040px) {
      .media-gallery-container {
        border: solid 1px #707070;
        display: flex; } }
  .media-gallery-header {
    background-color: #f8f8f8;
    padding: 20px; }
    .media-gallery-header h2 {
      font-size: 2.8rem;
      margin: 0; }
      .media-gallery-header h2:before {
        background-color: #fa7440;
        content: '';
        display: block;
        height: 3px;
        margin: 0 0 1.6rem;
        width: 33px; }
    @media (min-width: 1040px) {
      .media-gallery-header {
        display: flex;
        flex: 0 0 32%;
        flex-direction: column;
        justify-content: center;
        padding: 4%; }
        .media-gallery-header h2 {
          font-size: 5rem; } }
  .media-gallery-wrapper {
    padding: 20px 0; }
    @media (min-width: 1040px) {
      .media-gallery-wrapper {
        flex: 1;
        padding: 30px;
        overflow: hidden; } }
  .media-gallery-download {
    padding: 0 20px 15px;
    text-align: right; }
    .media-gallery-download a:before {
      background: url(../../images/icon/insert-drive-file-24-px.svg) no-repeat;
      content: '';
      display: inline-block;
      height: 24px;
      margin-right: .4em;
      vertical-align: top;
      width: 24px; }
    @media (min-width: 1040px) {
      .media-gallery-download {
        padding: 0 0 15px; } }
  .media-gallery-stage {
    overflow: hidden; }
    .media-gallery-stage figcaption {
      padding: 15px 20px; }
      @media (min-width: 1040px) {
        .media-gallery-stage figcaption {
          padding: 15px 0 10px; } }
  .media-gallery-thumbs {
    overflow: auto;
    padding: 2rem 0; }
    .media-gallery-thumbs .slick-slide {
      margin-left: 20px;
      position: relative; }
      .media-gallery-thumbs .slick-slide img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        max-height: 200px; }
      .media-gallery-thumbs .slick-slide.slick-current {
        box-shadow: 0 0 0 6px #00B139 inset; }
        .media-gallery-thumbs .slick-slide.slick-current img {
          position: relative;
          z-index: -1; }
  .media-gallery-paging {
    display: none; }
    @media (min-width: 768px) {
      .media-gallery-paging {
        display: block;
        margin: 0 -28px;
        text-align: center; }
        .media-gallery-paging button {
          border: none;
          background-color: #282828;
          color: #ffffff;
          display: inline-block;
          padding: 14px 10px; }
        .media-gallery-paging .slick-prev .right-tab {
          transform: rotate(180deg); } }
  .media-gallery-count {
    display: inline-block;
    padding: 0 40px; }
  .media-gallery .right-tab {
    float: right;
    overflow: hidden;
    width: 20px; }

.cta-bar {
  clear: both; }
  .cta-bar-container {
    margin: 0 auto;
    max-width: 1920px;
    padding: 20px;
    width: auto; }
    @media (min-width: 1040px) {
      .cta-bar-container {
        display: flex;
        padding: 45px 60px; } }
  .cta-bar-media {
    margin-bottom: 2.4rem; }
    .cta-bar-media img {
      display: block;
      height: auto;
      width: 100%; }
    @media (min-width: 1040px) {
      .cta-bar-media {
        flex: 0 0 262px;
        margin-bottom: 0;
        margin-right: 50px; } }
  .cta-bar-content h2 {
    font-size: 2.4rem;
    margin: 0 0 auto; }
  @media (min-width: 1040px) {
    .cta-bar-content {
      display: flex;
      flex-direction: column;
      flex: 1; } }
  .cta-bar-link {
    margin-top: 2.4rem;
    position: relative;
    text-align: left; }
    .cta-bar-link a {
      background-color: #282828;
      color: #ffffff;
      display: inline-block;
      min-width: 260px;
      padding: 1.4rem 4rem 1.4rem 1.7rem;
      transition: 0.25s all ease; }
      .cta-bar-link a:hover, .cta-bar-link a:focus {
        background-color: #ffffff;
        box-shadow: 0 0 0 1px #282828;
        color: #282828; }
    .cta-bar-link .right-tab {
      display: inline-block;
      margin-left: -4rem;
      overflow: hidden;
      width: 20px; }
    .cta-bar-link:hover .arrow-white, .cta-bar-link:focus .arrow-white {
      background-image: url(../images/icon/white-arrow-contact-yellow.png); }

.col-container {
  clear: both;
  margin: 0 auto;
  max-width: 1920px;
  width: auto; }
  @media (min-width: 1040px) {
    .col-container.three-col-center .col-md-2 {
      width: 15%; }
    .col-container.three-col-center .col-md-8 {
      width: 70%; }
    .col-container.two-col-even {
      margin: 2rem auto; }
    .col-container.narrow {
      max-width: 700px !important; } }

.story {
  clear: both;
  margin: 0 auto;
  max-width: 1920px;
  position: relative;
  width: auto; }
  @media (min-width: 1040px) {
    .story {
      display: grid;
      grid-template-columns: 15% 70% 15%; } }
  .story .text-container,
  .story .section-rich-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 660px;
    padding: 0 20px; }
  @media (min-width: 1040px) {
    .story-header, .story-content {
      grid-column: 2; } }
  @media (min-width: 1040px) {
    .story-share {
      grid-column: 1;
      grid-row: 1;
      position: absolute;
      top: 0;
      left: 10%;
      height: 100%; } }
  @media (min-width: 1040px) {
    .story-footer {
      grid-column: 1 / span 3;
      grid-row: 3; } }
  .story-header {
    margin-top: 20px; }
    .story-header h1 {
      font-size: 3.2rem;
      line-height: 1.5;
      margin: 1.4rem 0; }
  .story-readtime {
    font-size: 1.2rem;
    line-height: 1; }
    .story-readtime:before {
      background: url(../../images/icon/noun-clock-3205498.svg) no-repeat;
      content: '';
      display: inline-block;
      height: 12px;
      margin-right: .4em;
      vertical-align: top;
      width: 12px; }
  .story-tags ul {
    display: flex;
    flex-wrap: wrap; }
  .story-tags li {
    margin-bottom: 16px;
    margin-right: 10px; }
  .story-tags a {
    background-color: #e9e9e9;
    display: inline-block;
    font-size: 1.4rem;
    padding: 5px 14px; }
    .story-tags a:hover, .story-tags a:focus {
      background-color: #282828;
      color: #ffffff; }
      .story-tags a:hover.bg_blue, .story-tags a:focus.bg_blue {
        background: #0182d2;
        color: inherit; }
      .story-tags a:hover.bg_green, .story-tags a:focus.bg_green {
        background: #00b139;
        color: inherit; }
      .story-tags a:hover.bg_yellow, .story-tags a:focus.bg_yellow {
        background: #ffce04;
        color: inherit; }
      .story-tags a:hover.bg_red, .story-tags a:focus.bg_red {
        background: #de4649;
        color: inherit; }
  .story-meta {
    display: flex;
    justify-content: space-between;
    padding: 10px 0 20px;
    margin: 2rem 0; }
    @media (min-width: 1040px) {
      .story-meta {
        font-weight: 500;
        border-bottom: 2px solid #ccc; } }
    .story-meta-download a:hover, .story-meta-download a:focus {
      text-decoration: underline; }
    .story-meta-download a:before {
      background: url(../../images/icon/insert-drive-file-24-px.svg) no-repeat;
      content: '';
      display: inline-block;
      height: 24px;
      margin-right: .4em;
      vertical-align: top;
      width: 24px; }
  .story-author {
    border-top: solid 1px #707070;
    display: flex;
    font-size: 1.2rem;
    padding: 40px 0; }
    @media (min-width: 1040px) {
      .story-author {
        border-top: none;
        padding: 2rem 0; } }
    .story-author-image {
      flex: 0 0 60px;
      margin-right: 18px; }
    .story-author h2 {
      font-size: 1.6rem;
      font-weight: normal;
      margin: 0 0 .8rem; }
  .story-share {
    margin-bottom: 20px; }
    .story-share .fixed-social-sticky {
      float: right;
      width: auto; }
      @media (min-width: 1040px) {
        .story-share .fixed-social-sticky {
          top: 0px;
          position: sticky; }
          .story-share .fixed-social-sticky .sticky-icon {
            padding: 0 !important; }
            .story-share .fixed-social-sticky .sticky-icon > ul {
              width: 100%; }
              .story-share .fixed-social-sticky .sticky-icon > ul li a {
                width: 100%; }
              .story-share .fixed-social-sticky .sticky-icon > ul:after {
                content: "";
                width: 1px;
                height: 122px;
                background: #222;
                display: block;
                margin: 1rem auto; }
          .story-share .fixed-social-sticky .share-text {
            position: initial; } }
    .story-share .border-social {
      display: none !important; }
    @media (max-width: 1039px) {
      .story-share {
        border-bottom: solid 1px #282828;
        border-top: solid 1px #282828; }
        .story-share .fixed-social-sticky {
          display: flex !important;
          flex-direction: row-reverse;
          float: none;
          margin-left: auto;
          margin-right: auto;
          max-width: 660px;
          padding: 20px !important; }
          .story-share .fixed-social-sticky .sticky-icon {
            margin-left: 20px;
            padding: 0; }
            .story-share .fixed-social-sticky .sticky-icon ul {
              display: flex;
              width: auto; }
              .story-share .fixed-social-sticky .sticky-icon ul li {
                margin-right: 16px;
                padding: 0; }
                .story-share .fixed-social-sticky .sticky-icon ul li a {
                  background-size: 100%;
                  height: 2.5rem;
                  width: 2.5rem; }
        .story-share .share-text {
          display: block !important; } }
  .story-content {
    line-height: 1.5; }
  .story-lead {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 40px; }
  .story .media-gallery, .story .quickfacts, .story .single-video, .story .accordion {
    max-width: 930px;
    margin: 0px auto 20px; }

.site-footer {
  border-top: solid 1px #ccc;
  clear: both;
  font-size: 1.4rem;
  margin: 0 auto;
  max-width: 1920px;
  padding: 30px 20px 20px;
  position: relative;
  width: auto; }
  @media (min-width: 1040px) {
    .site-footer {
      display: flex;
      padding: 46px 40px 0; } }
  .site-footer h3,
  .site-footer li {
    margin: 0 0 1.2rem; }
  .site-footer h3 {
    font-size: inherit;
    font-weight: bold; }
  .site-footer ul {
    border-bottom: solid 1px #ccc;
    margin: 0 0 1.2rem; }
    @media (min-width: 1040px) {
      .site-footer ul {
        border: none;
        margin: 0 0 4rem; } }
  .site-footer a img {
    display: inline-block;
    margin-right: .4em;
    width: 1.4rem; }
  .site-footer a:hover, .site-footer a:focus {
    text-decoration: underline; }
  .site-footer-group:last-child ul {
    border-bottom: none; }
  @media (min-width: 1040px) {
    .site-footer-group {
      flex: 1; }
      .site-footer-group:not(:first-child) {
        margin-left: 20px;
        padding-left: 40px;
        position: relative; }
        .site-footer-group:not(:first-child):before {
          border-left: solid 1px #ccc;
          bottom: 40px;
          content: '';
          left: 0;
          max-height: 200px;
          position: absolute;
          top: 0; } }
  .site-footer .social {
    display: flex;
    margin: 3rem 0 0; }
    @media (min-width: 1040px) {
      .site-footer .social {
        margin: 0; } }
  .site-footer-bottom {
    align-items: center;
    background-color: #f5f5f5;
    display: flex;
    font-size: 1.2rem;
    justify-content: space-between;
    padding: 20px; }
    @media (min-width: 1040px) {
      .site-footer-bottom {
        padding: 20px 40px; } }
    .site-footer-bottom p {
      flex: 0 0 50%;
      margin: 0; }
    .site-footer-bottom a {
      font-size: 1.6rem; }
      .site-footer-bottom a:after {
        background: url(../images/icon/white-arrow-contact-yellow.png) top right no-repeat;
        background-size: auto;
        background-size: cover;
        content: '';
        display: inline-block;
        height: 11px;
        margin-left: .6em;
        transform: rotate(-90deg);
        width: 16px; }
      .site-footer-bottom a:hover, .site-footer-bottom a:focus {
        text-decoration: underline; }

html {
  scroll-behavior: smooth; }

.news-listing {
  max-width: 1280px;
  margin: 0 auto;
  font-family: Roboto,sans-serif;
  font-size: 1.4rem; }
  .news-listing:focus {
    border: none !important; }
  .news-listing .d-none {
    display: none !important; }
  .news-listing-container {
    padding: 2rem; }
  .news-listing .news-listing-wrapper {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between; }
    .news-listing .news-listing-wrapper .loading-container {
      width: 100%;
      text-align: center;
      column-span: all; }
      .news-listing .news-listing-wrapper .loading-container .loading {
        width: 200px;
        margin: 10rem auto;
        stroke: #e15b64;
        fill: none;
        stroke-width: 2;
        animation: rotating 2s linear infinite; }
    .news-listing .news-listing-wrapper .news-card-link {
      margin: 2rem 0; }
    .news-listing .news-listing-wrapper .news-card {
      display: flex;
      flex-flow: column;
      width: 100%;
      background-color: #eee;
      height: 100%; }
      .news-listing .news-listing-wrapper .news-card-image {
        position: relative;
        background: rgba(0, 0, 0, 0.125);
        height: 150px;
        min-height: 150px; }
        .news-listing .news-listing-wrapper .news-card-image img {
          height: 100%;
          object-fit: cover; }
      .news-listing .news-listing-wrapper .news-card-content {
        display: flex;
        flex-flow: column;
        height: 100%;
        padding: 1rem;
        border-bottom: 4px solid rgba(0, 0, 0, 0.2); }
        .news-listing .news-listing-wrapper .news-card-content .read-time {
          display: flex;
          align-items: center;
          font-size: 1.2rem;
          margin: 0; }
          .news-listing .news-listing-wrapper .news-card-content .read-time svg {
            fill: #0182d2;
            margin-right: 1rem; }
        .news-listing .news-listing-wrapper .news-card-content .title {
          margin: 1rem 0 1rem;
          font-size: 1.6rem;
          line-height: 2.2rem; }
        .news-listing .news-listing-wrapper .news-card-content .source {
          font-weight: bold;
          font-size: 1.2rem; }
        .news-listing .news-listing-wrapper .news-card-content.bg_blue {
          border-bottom: 4px solid #0182d2;
          background: inherit;
          color: inherit; }
        .news-listing .news-listing-wrapper .news-card-content.bg_green {
          border-bottom: 4px solid #00b139;
          background: inherit;
          color: inherit; }
        .news-listing .news-listing-wrapper .news-card-content.bg_yellow {
          border-bottom: 4px solid #ffce04;
          background: inherit;
          color: inherit; }
        .news-listing .news-listing-wrapper .news-card-content.bg_red {
          border-bottom: 4px solid #de4649;
          background: inherit;
          color: inherit; }
      .news-listing .news-listing-wrapper .news-card-date {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: auto;
        font-size: 1.2rem; }
        .news-listing .news-listing-wrapper .news-card-date:after {
          content: "→";
          font-size: 2rem;
          float: right; }
      .news-listing .news-listing-wrapper .news-card .flex-alignment-workaround {
        width: 30%;
        height: 0px; }
    .news-listing .news-listing-wrapper--masonry {
      display: block;
      column-count: 1;
      column-gap: 2em; }
      .news-listing .news-listing-wrapper--masonry .news-card {
        display: inline-block;
        margin: 1em 0 0em;
        width: 100%; }
        .news-listing .news-listing-wrapper--masonry .news-card-image {
          display: none; }
    .news-listing .news-listing-wrapper--grid .news-card {
      background-color: #fff; }
  .news-listing .sort-bar {
    margin: 0 -2rem; }
    .news-listing .sort-bar .left {
      background-color: #e9e9e9; }
    .news-listing .sort-bar .select {
      width: calc(50% - 2px);
      display: inline-block;
      padding: 1rem 2rem; }
      .news-listing .sort-bar .select:first-of-type {
        border-right: 2px solid rgba(0, 0, 0, 0.3); }
      .news-listing .sort-bar .select select {
        padding: 0 1rem;
        width: 100%;
        height: 3.5rem; }
    .news-listing .sort-bar .title {
      display: none; }
    .news-listing .sort-bar .right {
      display: none; }
  .news-listing .nav-listing {
    margin: 0 -2rem 0;
    background: white;
    padding: 2rem;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); }
  .news-listing .tags {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    margin: 1rem -10px; }
    .news-listing .tags .tag {
      display: flex;
      flex: 1 1 auto;
      align-items: center;
      justify-content: center;
      background-color: #e9e9e9;
      margin: 1rem;
      padding: 0 1.5rem;
      height: 50px;
      text-align: center;
      color: #282828;
      cursor: pointer; }
      .news-listing .tags .tag:hover, .news-listing .tags .tag.active {
        border-bottom-style: solid;
        border-bottom-color: rgba(0, 0, 0, 0.2); }
      .news-listing .tags .tag.bg_blue {
        border-bottom-width: 4px;
        border-bottom-color: #0182d2; }
      .news-listing .tags .tag.bg_green {
        border-bottom-width: 4px;
        border-bottom-color: #00b139; }
      .news-listing .tags .tag.bg_yellow {
        border-bottom-width: 4px;
        border-bottom-color: #ffce04; }
      .news-listing .tags .tag.bg_red {
        border-bottom-width: 4px;
        border-bottom-color: #de4649; }
  .news-listing select.tags {
    padding: 0 1rem;
    width: 100%;
    height: 3.5rem;
    margin: 0 auto;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center; }
  .news-listing select.news-listing-filters {
    padding: 0 1rem;
    width: 100%;
    height: 3.5rem;
    margin: 1rem auto 0;
    float: none;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center; }
  .news-listing .news-listing-filters {
    float: left;
    margin-right: 5rem;
    font-size: 1.2rem; }
    .news-listing .news-listing-filters .filter {
      max-width: 280px;
      display: flex; }
      .news-listing .news-listing-filters .filter .amount {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 35px;
        height: 35px;
        width: 35px;
        background: #e9e9e9;
        margin: 15px 10px 0;
        padding: 10px; }
      .news-listing .news-listing-filters .filter .title {
        display: flex;
        align-items: center;
        background: #e9e9e9;
        margin: 15px 0 0;
        min-height: 35px;
        padding: 5px 10px; }
      .news-listing .news-listing-filters .filter:hover .amount,
      .news-listing .news-listing-filters .filter:hover .title, .news-listing .news-listing-filters .filter.active .amount,
      .news-listing .news-listing-filters .filter.active .title {
        border-bottom: 4px solid rgba(0, 0, 0, 0.2);
        cursor: pointer; }
      .news-listing .news-listing-filters .filter.bg_blue {
        background: inherit;
        color: inherit; }
        .news-listing .news-listing-filters .filter.bg_blue:hover .amount,
        .news-listing .news-listing-filters .filter.bg_blue:hover .title, .news-listing .news-listing-filters .filter.bg_blue.active .amount,
        .news-listing .news-listing-filters .filter.bg_blue.active .title {
          border-bottom: 4px solid #0182d2; }
      .news-listing .news-listing-filters .filter.bg_green {
        background: inherit;
        color: inherit; }
        .news-listing .news-listing-filters .filter.bg_green:hover .amount,
        .news-listing .news-listing-filters .filter.bg_green:hover .title, .news-listing .news-listing-filters .filter.bg_green.active .amount,
        .news-listing .news-listing-filters .filter.bg_green.active .title {
          border-bottom: 4px solid #00b139; }
      .news-listing .news-listing-filters .filter.bg_yellow {
        background: inherit;
        color: inherit; }
        .news-listing .news-listing-filters .filter.bg_yellow:hover .amount,
        .news-listing .news-listing-filters .filter.bg_yellow:hover .title, .news-listing .news-listing-filters .filter.bg_yellow.active .amount,
        .news-listing .news-listing-filters .filter.bg_yellow.active .title {
          border-bottom: 4px solid #ffce04; }
      .news-listing .news-listing-filters .filter.bg_red {
        background: inherit;
        color: inherit; }
        .news-listing .news-listing-filters .filter.bg_red:hover .amount,
        .news-listing .news-listing-filters .filter.bg_red:hover .title, .news-listing .news-listing-filters .filter.bg_red.active .amount,
        .news-listing .news-listing-filters .filter.bg_red.active .title {
          border-bottom: 4px solid #de4649; }
  .news-listing .pagination {
    width: calc(100% + 4rem);
    margin: 2rem -2rem;
    background-color: #e9e9e9;
    padding: 1.5rem;
    text-align: right;
    border-radius: 0; }
    .news-listing .pagination ul {
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 500px;
      margin: 0 auto; }
    .news-listing .pagination li {
      display: inline-block;
      width: 100%;
      text-align: center;
      flex-grow: 1;
      max-width: 40px; }
      .news-listing .pagination li a {
        display: inline-block;
        text-align: center;
        line-height: 40px;
        height: 40px; }
        .news-listing .pagination li a:hover {
          font-weight: bold; }
    .news-listing .pagination .paginationjs-pages .paginationjs-prev:not(.disabled),
    .news-listing .pagination .paginationjs-pages .paginationjs-next:not(.disabled) {
      background: #282828;
      width: 40px;
      min-width: 40px; }
      .news-listing .pagination .paginationjs-pages .paginationjs-prev:not(.disabled) a,
      .news-listing .pagination .paginationjs-pages .paginationjs-next:not(.disabled) a {
        color: white; }
    .news-listing .pagination .paginationjs-pages .disabled:not(.paginationjs-ellipsis) {
      background: white;
      max-width: 40px; }
    .news-listing .pagination .paginationjs-pages .active {
      font-weight: 700; }
  .news-listing .tags.desk,
  .news-listing .news-listing-filters.desk {
    display: none; }
  .news-listing .news-listing-page1-component {
    padding: 2rem 0; }
  @media (min-width: 1000px) {
    .news-listing .tags.mobile,
    .news-listing .news-listing-filters.mobile {
      display: none; }
    .news-listing .tags.desk {
      display: flex; }
    .news-listing .news-listing-filters.desk {
      display: block; }
    .news-listing .news-listing-wrapper {
      flex-flow: row wrap; }
      .news-listing .news-listing-wrapper .news-card-link {
        width: 30%; }
      .news-listing .news-listing-wrapper .flex-alignment-workaround {
        height: 0;
        width: 30%; }
      .news-listing .news-listing-wrapper--grid .news-card {
        background-color: #e9e9e9; }
      .news-listing .news-listing-wrapper--masonry {
        column-count: 3; }
        .news-listing .news-listing-wrapper--masonry .news-card {
          width: 100%;
          max-width: none;
          margin: 1rem 0 1.5rem; }
      .news-listing .news-listing-wrapper--stackedlist {
        display: block;
        column-count: 1;
        column-gap: 2em; }
        .news-listing .news-listing-wrapper--stackedlist .news-card {
          flex-flow: row;
          align-items: stretch;
          width: 100%;
          max-width: none;
          background-color: unset;
          margin: 2.5rem 0; }
          .news-listing .news-listing-wrapper--stackedlist .news-card-image {
            width: 260px;
            min-width: 260px;
            height: 150px; }
          .news-listing .news-listing-wrapper--stackedlist .news-card-content {
            width: 100%;
            height: auto;
            margin: 0 0 0 2rem; }
    .news-listing .sort-bar {
      background: #e9e9e9;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center;
      padding: 1.5rem;
      margin: 0; }
      .news-listing .sort-bar .select {
        width: 14rem;
        margin: 0 1.5rem;
        padding: unset; }
        .news-listing .sort-bar .select:first-of-type {
          border: none; }
      .news-listing .sort-bar .title {
        display: inline-block;
        font-weight: bold;
        font-size: 1.5rem;
        margin: 0; }
      .news-listing .sort-bar .right {
        display: block;
        margin-left: auto; }
    .news-listing .nav-listing {
      margin: 0;
      padding: 0;
      box-shadow: none; }
    .news-listing .hide-desk {
      display: none; }
    .news-listing .pagination {
      width: 100%;
      margin: 2rem 0; }
      .news-listing .pagination ul {
        display: block;
        margin: 0;
        margin-left: auto; }
        .news-listing .pagination ul li a {
          width: 40px; }
      .news-listing .pagination .paginationjs-pages .active {
        width: 40px;
        text-align: center; }
        .news-listing .pagination .paginationjs-pages .active a {
          width: 70%;
          margin: 0 auto;
          text-align: center; } }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.navbar.navbar-default.navbar-static-top {
  max-width: none; }

.main-menu-container {
  height: 8rem;
  width: 100%;
  top: 0; }

.desk-only-flex {
  display: none; }

*:focus {
  border: 1px solid cyan !important; }

.main-menu {
  position: absolute;
  display: flex;
  flex-flow: column-reverse;
  width: 100%;
  z-index: 9999; }
  .main-menu .navbar-header {
    display: inline-block !important; }
  .main-menu.active {
    position: fixed; }
  .main-menu .languages_modal {
    position: fixed;
    top: 8rem;
    visibility: hidden;
    overflow-y: scroll;
    background-color: #eee;
    padding: 3rem 4rem;
    max-height: 100vh;
    transition: transform 0.5s;
    transform: scaleX(0);
    transform-origin: right;
    z-index: 11;
    width: 100%;
    text-align: left; }
    .main-menu .languages_modal.visible {
      transform: scaleX(1);
      visibility: visible; }
    .main-menu .languages_modal .close-modal {
      color: black;
      position: absolute;
      right: 2rem; }
      .main-menu .languages_modal .close-modal svg {
        width: 20px;
        fill: black; }
    .main-menu .languages_modal ul {
      columns: 1;
      column-width: 100%; }
      .main-menu .languages_modal ul li {
        padding: 1.5rem 0; }
        .main-menu .languages_modal ul li a {
          display: inline-block;
          width: 100%;
          cursor: pointer; }
          .main-menu .languages_modal ul li a:after {
            content: "";
            background: url(../images/icon/Arrow-small.svg) no-repeat;
            display: inline-block;
            opacity: 0;
            transform: translateX(0) scale(0.75);
            transition: all 0.5s;
            width: 2.1rem;
            height: 1rem; }
          .main-menu .languages_modal ul li a:hover:after, .main-menu .languages_modal ul li a:focus:after {
            opacity: 1;
            transform: translateX(2rem) scale(0.75); }
  .main-menu .menu {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
    text-align: initial; }
    .main-menu .menu.active {
      z-index: 20; }
    .main-menu .menu-header {
      background: white;
      padding: 2rem; }
      .main-menu .menu-header .logo {
        width: 120px;
        display: inline-block;
        margin: 0 !important;
        float: none !important;
        position: initial !important; }
      .main-menu .menu-header .navbar-toggle {
        display: none !important; }
        .main-menu .menu-header .navbar-toggle * {
          display: none !important; }
    .main-menu .menu-first-level {
      background: #eee;
      position: fixed;
      min-height: 100vh;
      width: 100%;
      padding-top: 3rem;
      padding-left: 0;
      margin-top: 6rem;
      margin-left: -2rem;
      transform: translateX(100%);
      transition: 0.5s;
      z-index: 10; }
      .main-menu .menu-first-level.active {
        transform: translateX(0); }
        .main-menu .menu-first-level.active .menu-second-level.active {
          transform: translateX(0); }
          .main-menu .menu-first-level.active .menu-second-level.active .menu-third-level.active {
            transform: translateX(0); }
      .main-menu .menu-first-level .menu-item {
        padding: 0; }
      .main-menu .menu-first-level li.menu-first-level-item.menu-item {
        border-bottom: 1px solid #ccc;
        height: 5rem;
        padding: 0; }
        .main-menu .menu-first-level li.menu-first-level-item.menu-item:first-child {
          border-top: 1px solid #ccc; }
        .main-menu .menu-first-level li.menu-first-level-item.menu-item a {
          padding: 0 0 0 4rem;
          display: inline-block;
          margin: 0;
          height: 100%;
          line-height: 5rem;
          width: 100%;
          text-transform: capitalize; }
      .main-menu .menu-first-level .menu-second-level,
      .main-menu .menu-first-level .menu-third-level {
        position: absolute;
        background: #eee;
        width: 100%;
        padding: 0;
        margin: 0;
        top: 0;
        height: 100%;
        padding-top: 3rem;
        transform: translateX(100%);
        transition: 0.5s;
        z-index: 1; }
        .main-menu .menu-first-level .menu-second-level-close,
        .main-menu .menu-first-level .menu-third-level-close {
          font-weight: bolder;
          display: block;
          width: 100%;
          border: 0;
          padding: 2rem;
          text-align: right; }
        .main-menu .menu-first-level .menu-second-level button + li,
        .main-menu .menu-first-level .menu-third-level button + li {
          border-top: 1px solid #ccc; }
        .main-menu .menu-first-level .menu-second-level li.menu-item,
        .main-menu .menu-first-level .menu-third-level li.menu-item {
          border-bottom: 1px solid #ccc; }
          .main-menu .menu-first-level .menu-second-level li.menu-item a,
          .main-menu .menu-first-level .menu-third-level li.menu-item a {
            padding-left: 4rem; }
    .main-menu .menu .mobile.prenav_title {
      padding: 2rem 2rem 2rem 4rem; }
      .main-menu .menu .mobile.prenav_title:before {
        content: "";
        position: relative;
        display: block;
        width: 4rem;
        height: 2px;
        top: -0.5rem;
        background: #ccc;
        margin: 2rem 0;
        z-index: -1; }
    .main-menu .menu .mobile-expand {
      display: inline-block;
      color: orange;
      position: absolute;
      right: 0px;
      border-left: 1px solid #ccc;
      height: 5rem;
      width: 46px;
      text-align: center;
      line-height: 45px; }
      .main-menu .menu .mobile-expand span {
        display: inline-block;
        transform: scaleX(0.5);
        font-size: 3rem; }
    .main-menu .menu .mobile-items {
      display: flex;
      align-items: center;
      float: right; }
      .main-menu .menu .mobile-items .language {
        display: inline-block;
        height: 40px; }
        .main-menu .menu .mobile-items .language svg {
          width: 30px;
          height: 40px; }
      .main-menu .menu .mobile-items .separator {
        display: inline-block;
        width: 2px;
        height: 40px;
        background-color: #eee;
        margin: 0 2rem; }
      .main-menu .menu .mobile-items .menu-toggle {
        display: inline-block;
        width: 25px;
        height: 25px;
        background: url(../images/icon/MENU-ICON.svg) no-repeat center;
        background-size: 25px;
        border: none; }
        .main-menu .menu .mobile-items .menu-toggle.open {
          background: url(../images/icon/close.svg) no-repeat center;
          background-size: 25px; }
    .main-menu .menu .mobile-search {
      background-color: #ccc;
      padding: 1rem;
      width: 100%;
      position: fixed;
      transition: transform 0.5s;
      transform: translateX(100%);
      z-index: 15; }
      .main-menu .menu .mobile-search input {
        width: 100%;
        padding: 2rem;
        height: 4rem;
        border: 0; }
      .main-menu .menu .mobile-search svg {
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        top: 15px;
        right: 2rem; }
    .main-menu .menu.active .mobile-search {
      transform: translateX(0); }

@media (min-width: 1000px) {
  .main-menu-container {
    height: 18rem; }
  .main-menu {
    display: block;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
    .main-menu.menu-bg_blue {
      box-shadow: none;
      border-bottom: 1rem solid #0182d2; }
    .main-menu.menu-bg_green {
      box-shadow: none;
      border-bottom: 1rem solid #00b139; }
    .main-menu.menu-bg_red {
      box-shadow: none;
      border-bottom: 1rem solid #de4649; }
    .main-menu.menu-bg_yellow {
      box-shadow: none;
      border-bottom: 1rem solid #ffce04; }
    .main-menu.active {
      position: initial; }
    .main-menu .desk-only-flex {
      display: flex; }
    .main-menu .mobile-items,
    .main-menu .mobile-search {
      display: none !important; }
    .main-menu .prenav {
      display: flex;
      align-items: center;
      background-color: #ccc;
      justify-content: space-between;
      font-size: 1.4rem;
      padding: 0 2rem; }
      .main-menu .prenav_item {
        margin: 0 20px;
        line-height: 60px; }
        .main-menu .prenav_item.title {
          display: inline-block;
          margin-left: auto; }
        .main-menu .prenav_item.language {
          display: inline-block;
          right: 8rem;
          top: 10px;
          z-index: 15; }
          .main-menu .prenav_item.language svg {
            display: inline-block;
            vertical-align: middle;
            width: 20px; }
        .main-menu .prenav_item.search {
          position: relative;
          display: inline-block;
          width: 2rem;
          transition: all 0.5s; }
          .main-menu .prenav_item.search input {
            width: 100%;
            padding: 2rem;
            visibility: visible;
            height: 4rem;
            border: 0;
            width: 0;
            padding: 0;
            margin: 0;
            visibility: hidden; }
          .main-menu .prenav_item.search svg {
            position: absolute;
            display: inline-block;
            vertical-align: middle;
            width: 30px;
            top: 15px;
            right: 1rem; }
          .main-menu .prenav_item.search.open {
            flex-grow: 1; }
            .main-menu .prenav_item.search.open input {
              width: 100%;
              padding: 2rem;
              visibility: visible; }
    .main-menu .languages_modal {
      position: absolute;
      left: 0;
      right: 0;
      top: 20rem;
      margin: 0 auto;
      width: 80%;
      overflow: hidden;
      padding: 3rem 10rem 5rem;
      background-color: white;
      border: 1px solid black;
      border-left: 10px solid black;
      transform-origin: top;
      transform: scaleY(0); }
      .main-menu .languages_modal h2 {
        margin: 3rem 0; }
      .main-menu .languages_modal ul {
        columns: 4;
        column-width: 25%; }
      .main-menu .languages_modal .close-modal {
        right: 4rem; }
        .main-menu .languages_modal .close-modal svg {
          width: 25px; }
          .main-menu .languages_modal .close-modal svg path {
            stroke: black;
            stroke-width: .75px; }
    .main-menu .menu .mobile-separator,
    .main-menu .menu .menu-toggle,
    .main-menu .menu .mobile.prenav_title,
    .main-menu .menu .mobile-expand {
      display: none !important; }
    .main-menu .menu .menu-header {
      background: white;
      padding: 2rem 6rem;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .main-menu .menu .menu-header .menu-first-level {
        transform: none;
        background-color: white;
        display: flex;
        position: initial;
        min-height: unset;
        width: unset;
        padding: 0;
        margin: 0; }
        .main-menu .menu .menu-header .menu-first-level li {
          display: inline-block;
          padding: 0;
          margin: 2rem;
          width: fit-content;
          border: none !important;
          height: auto; }
          .main-menu .menu .menu-header .menu-first-level li a {
            display: inline-block;
            height: 100%; }
            .main-menu .menu .menu-header .menu-first-level li a:hover {
              font-weight: bolder;
              color: #0182d2; }
          .main-menu .menu .menu-header .menu-first-level li .menu-second-level a.has:after {
            content: "";
            background: url(../images/icon/Arrow-small.svg) no-repeat;
            display: inline-block;
            opacity: 0.25;
            transform: translateX(-8vw) scale(0.75);
            transition: all 0.5s;
            width: 2.1rem;
            height: 1rem;
            position: absolute;
            margin-top: 5px;
            left: 45%; }
          .main-menu .menu .menu-header .menu-first-level li .menu-second-level .menu-mark > a:after {
            opacity: 1;
            transform: translateX(-7vw) scale(0.75); }
          .main-menu .menu .menu-header .menu-first-level li.menu-mark > a {
            font-weight: bolder;
            color: #0182d2; }
      .main-menu .menu .menu-header li.menu-first-level-item.menu-item a {
        padding: 0;
        display: inline-block;
        margin: 0;
        height: initial;
        line-height: initial;
        width: initial; }
      .main-menu .menu .menu-header .menu-second-level,
      .main-menu .menu .menu-header .menu-third-level {
        left: 0;
        top: 16.4rem;
        box-shadow: inset 0 20px 10px -20px #ccc;
        flex-flow: column;
        height: auto;
        padding-left: 15%;
        padding-bottom: 5rem; }
        .main-menu .menu .menu-header .menu-second-level-close,
        .main-menu .menu .menu-header .menu-third-level-close {
          display: inline-block;
          position: absolute;
          top: 2rem;
          right: 4rem;
          background: url(../images/icon/close.svg) no-repeat center;
          background-size: 25px;
          width: 25px;
          height: 25px;
          border: 0;
          font-size: 0 !important;
          color: transparent; }
      .main-menu .menu .menu-header .menu-second-level {
        transform-origin: top;
        transition: transform 0.5s;
        transform: scaleY(0);
        opacity: 0; }
        .main-menu .menu .menu-header .menu-second-level.active {
          display: flex;
          opacity: 1;
          transform: scaleY(1); }
      .main-menu .menu .menu-header .menu-third-level {
        display: flex;
        top: 0;
        width: auto;
        left: 40%;
        padding-left: 5%;
        border-left: 2px solid #aaa;
        margin-bottom: 5rem;
        margin-top: 3rem;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none;
        transform: scaleX(0);
        transition: all 0.5s;
        transform-origin: right;
        opacity: 0;
        min-height: calc(100% - 7rem); }
        .main-menu .menu .menu-header .menu-third-level.active {
          display: flex;
          transform: scaleX(1);
          opacity: 1; }
        .main-menu .menu .menu-header .menu-third-level-close {
          display: none; } }