/* line 5, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*.bg-gradient{
  background : -moz-linear-gradient(0% 100% 0deg,rgba(255, 255, 122, 1) 0%,rgba(255, 250, 113, 1) 22.95%,rgba(255, 235, 87, 1) 61.18%,rgba(255, 217, 55, 1) 99.44%,rgba(255, 217, 55, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(255, 255, 122, 1) 0%, rgba(255, 250, 113, 1) 22.95%, rgba(255, 235, 87, 1) 61.18%, rgba(255, 217, 55, 1) 99.44%, rgba(255, 217, 55, 1) 100%);
  background : -webkit-gradient(linear,0% 100% ,0.66% 100% ,color-stop(0,rgba(255, 255, 122, 1) ),color-stop(0.2295,rgba(255, 250, 113, 1) ),color-stop(0.6118,rgba(255, 235, 87, 1) ),color-stop(0.9944,rgba(255, 217, 55, 1) ),color-stop(1,rgba(255, 217, 55, 1) ));
  background : -o-linear-gradient(0deg, rgba(255, 255, 122, 1) 0%, rgba(255, 250, 113, 1) 22.95%, rgba(255, 235, 87, 1) 61.18%, rgba(255, 217, 55, 1) 99.44%, rgba(255, 217, 55, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(255, 255, 122, 1) 0%, rgba(255, 250, 113, 1) 22.95%, rgba(255, 235, 87, 1) 61.18%, rgba(255, 217, 55, 1) 99.44%, rgba(255, 217, 55, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF7A', endColorstr='#FFD937' ,GradientType=0)";
  background : linear-gradient(0deg, rgba(255, 255, 122, 1) 0%, rgba(255, 250, 113, 1) 22.95%, rgba(255, 235, 87, 1) 61.18%, rgba(255, 217, 55, 1) 99.44%, rgba(255, 217, 55, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF7A',endColorstr='#FFD937' , GradientType=1);
}*/
/* line 29, ../../sass/partials/framework/_common.scss */
html *, body *, .column, .container-fluid, .container, .container-full, .row, .col-vs-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-vs-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-vs-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-vs-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-vs-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-vs-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-vs-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-vs-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-vs-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-vs-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-vs-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-vs-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-vs-13, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-vs-14, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-vs-15, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-vs-16, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-vs-17, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-vs-18, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-vs-19, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-vs-20, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-vs-21, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-vs-22, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-vs-23, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-vs-24, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24, .of-control, .of-text-field, .of-textarea, .of-btn, .of-btn > .of-menu, .of-btn > .of-menu > .of-menu-item, .of-btn-circle, .of-composite-control > .of-label, .of-dialog .of-dialog-container, .of-dialog .of-content-container, .of-dialog .of-close-button, .of-well, .embed-code-container, .embed-code-container textarea, .embed-code-container .copy-to-clipboard-btn, .social-media-container .social-media-item, .nav-list-container .nav-list-item, .tooltip-container, .most-popular-key, .description-box-container, .description-box-container .top-countries-container, .window-screen {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 35, ../../sass/partials/framework/_common.scss */
.of-btn, .show-stocks-btn, .legend-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* line 43, ../../sass/partials/framework/_common.scss */
.full-line {
  display: block;
  width: 100%;
}

/* line 49, ../../sass/partials/framework/_common.scss */
.row:after, .of-composite-control:after, .of-image-dropdown .of-dropdown-menu:after, .row:before, .of-composite-control:before, .of-image-dropdown .of-dropdown-menu:before, .clearfix:after, .clearfix:before {
  content: ' ';
  display: table;
  clear: both;
}

/* line 55, ../../sass/partials/framework/_common.scss */
html, body {
  font-family: "Source Sans Pro", sans-serif;
  direction: ltr;
  margin: 0px;
  padding: 0px;
}
/* line 60, ../../sass/partials/framework/_common.scss */
html *, body * {
  direction: inherit;
}
/* line 63, ../../sass/partials/framework/_common.scss */
html.ltr, html .ltr, body.ltr, body .ltr {
  font-family: "Source Sans Pro", sans-serif;
}
/* line 67, ../../sass/partials/framework/_common.scss */
html.rtl, html .rtl, body.rtl, body .rtl {
  font-family: "Droid Arabic Kufi", sans-serif;
  direction: rtl;
}

/* line 74, ../../sass/partials/framework/_common.scss */
.of-box-container {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 79, ../../sass/partials/framework/_common.scss */
.of-clickable {
  cursor: pointer;
}

/* line 3, ../../sass/partials/framework/_grid.scss */
.column {
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
/* line 10, ../../sass/partials/framework/_grid.scss */
.rtl .column, .column.rtl {
  float: right;
}

/* line 15, ../../sass/partials/framework/_grid.scss */
.container-fluid {
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* line 25, ../../sass/partials/framework/_grid.scss */
.container, .container-full {
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1250px) {
  /* line 25, ../../sass/partials/framework/_grid.scss */
  .container, .container-full {
    max-width: 1120px;
  }
}

@media (max-width: 559px) {
  /* line 39, ../../sass/partials/framework/_grid.scss */
  .hidden-vs {
    display: none !important;
  }
}
@media (min-width: 560px) and (max-width: 599px) {
  /* line 46, ../../sass/partials/framework/_grid.scss */
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 979px) {
  /* line 54, ../../sass/partials/framework/_grid.scss */
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 980px) and (max-width: 1249px) {
  /* line 62, ../../sass/partials/framework/_grid.scss */
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1250px) {
  /* line 69, ../../sass/partials/framework/_grid.scss */
  .hidden-lg {
    display: none !important;
  }
}
/* line 74, ../../sass/partials/framework/_grid.scss */
.visible-vs {
  display: block !important;
}
@media (min-width: 560px) {
  /* line 74, ../../sass/partials/framework/_grid.scss */
  .visible-vs {
    display: none !important;
  }
}

/* line 82, ../../sass/partials/framework/_grid.scss */
.visible-xs {
  display: none !important;
}
@media (min-width: 560px) and (max-width: 599px) {
  /* line 82, ../../sass/partials/framework/_grid.scss */
  .visible-xs {
    display: block !important;
  }
}

/* line 92, ../../sass/partials/framework/_grid.scss */
.visible-sm {
  display: none !important;
}
@media (min-width: 600px) and (max-width: 979px) {
  /* line 92, ../../sass/partials/framework/_grid.scss */
  .visible-sm {
    display: block !important;
  }
}

/* line 102, ../../sass/partials/framework/_grid.scss */
.visible-md {
  display: none !important;
}
@media (min-width: 980px) and (max-width: 1249px) {
  /* line 102, ../../sass/partials/framework/_grid.scss */
  .visible-md {
    display: block !important;
  }
}

/* line 112, ../../sass/partials/framework/_grid.scss */
.visible-lg {
  display: none !important;
}
@media (min-width: 1250px) {
  /* line 112, ../../sass/partials/framework/_grid.scss */
  .visible-lg {
    display: block !important;
  }
}

@media (min-width: 1250px) {
  /* line 120, ../../sass/partials/framework/_grid.scss */
  .container-full {
    max-width: auto;
  }
}

/* line 127, ../../sass/partials/framework/_grid.scss */
.row {
  position: relative;
}
/* line 132, ../../sass/partials/framework/_grid.scss */
.container > .row, .container-full > .row, .container-fluid > .row, *[class*="col-"] > .row, .col-vs-6 .row {
  margin-left: -5px;
  margin-right: -5px;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-1 {
  width: 4.16667%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-2 {
  width: 8.33333%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-3 {
  width: 12.5%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-4 {
  width: 16.66667%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-5 {
  width: 20.83333%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-6 {
  width: 25%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-7 {
  width: 29.16667%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-8 {
  width: 33.33333%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-9 {
  width: 37.5%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-10 {
  width: 41.66667%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-11 {
  width: 45.83333%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-12 {
  width: 50%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-13 {
  width: 54.16667%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-14 {
  width: 58.33333%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-15 {
  width: 62.5%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-16 {
  width: 66.66667%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-17 {
  width: 70.83333%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-18 {
  width: 75%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-19 {
  width: 79.16667%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-20 {
  width: 83.33333%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-21 {
  width: 87.5%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-22 {
  width: 91.66667%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-23 {
  width: 95.83333%;
}

/* line 156, ../../sass/partials/framework/_grid.scss */
.col-vs-24 {
  width: 100%;
}

/* line 161, ../../sass/partials/framework/_grid.scss */
.col-vs-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-vs-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-vs-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-vs-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-vs-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-vs-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-vs-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-vs-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-vs-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-vs-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-vs-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-vs-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-vs-13, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-vs-14, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-vs-15, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-vs-16, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-vs-17, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-vs-18, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-vs-19, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-vs-20, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-vs-21, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-vs-22, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-vs-23, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-vs-24, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  float: left;
}
/* line 168, ../../sass/partials/framework/_grid.scss */
.rtl .col-vs-1, .col-vs-1.rtl, .rtl .col-xs-1, .col-xs-1.rtl, .rtl .col-sm-1, .col-sm-1.rtl, .rtl .col-md-1, .col-md-1.rtl, .rtl .col-lg-1, .col-lg-1.rtl, .rtl .col-vs-2, .col-vs-2.rtl, .rtl .col-xs-2, .col-xs-2.rtl, .rtl .col-sm-2, .col-sm-2.rtl, .rtl .col-md-2, .col-md-2.rtl, .rtl .col-lg-2, .col-lg-2.rtl, .rtl .col-vs-3, .col-vs-3.rtl, .rtl .col-xs-3, .col-xs-3.rtl, .rtl .col-sm-3, .col-sm-3.rtl, .rtl .col-md-3, .col-md-3.rtl, .rtl .col-lg-3, .col-lg-3.rtl, .rtl .col-vs-4, .col-vs-4.rtl, .rtl .col-xs-4, .col-xs-4.rtl, .rtl .col-sm-4, .col-sm-4.rtl, .rtl .col-md-4, .col-md-4.rtl, .rtl .col-lg-4, .col-lg-4.rtl, .rtl .col-vs-5, .col-vs-5.rtl, .rtl .col-xs-5, .col-xs-5.rtl, .rtl .col-sm-5, .col-sm-5.rtl, .rtl .col-md-5, .col-md-5.rtl, .rtl .col-lg-5, .col-lg-5.rtl, .rtl .col-vs-6, .col-vs-6.rtl, .rtl .col-xs-6, .col-xs-6.rtl, .rtl .col-sm-6, .col-sm-6.rtl, .rtl .col-md-6, .col-md-6.rtl, .rtl .col-lg-6, .col-lg-6.rtl, .rtl .col-vs-7, .col-vs-7.rtl, .rtl .col-xs-7, .col-xs-7.rtl, .rtl .col-sm-7, .col-sm-7.rtl, .rtl .col-md-7, .col-md-7.rtl, .rtl .col-lg-7, .col-lg-7.rtl, .rtl .col-vs-8, .col-vs-8.rtl, .rtl .col-xs-8, .col-xs-8.rtl, .rtl .col-sm-8, .col-sm-8.rtl, .rtl .col-md-8, .col-md-8.rtl, .rtl .col-lg-8, .col-lg-8.rtl, .rtl .col-vs-9, .col-vs-9.rtl, .rtl .col-xs-9, .col-xs-9.rtl, .rtl .col-sm-9, .col-sm-9.rtl, .rtl .col-md-9, .col-md-9.rtl, .rtl .col-lg-9, .col-lg-9.rtl, .rtl .col-vs-10, .col-vs-10.rtl, .rtl .col-xs-10, .col-xs-10.rtl, .rtl .col-sm-10, .col-sm-10.rtl, .rtl .col-md-10, .col-md-10.rtl, .rtl .col-lg-10, .col-lg-10.rtl, .rtl .col-vs-11, .col-vs-11.rtl, .rtl .col-xs-11, .col-xs-11.rtl, .rtl .col-sm-11, .col-sm-11.rtl, .rtl .col-md-11, .col-md-11.rtl, .rtl .col-lg-11, .col-lg-11.rtl, .rtl .col-vs-12, .col-vs-12.rtl, .rtl .col-xs-12, .col-xs-12.rtl, .rtl .col-sm-12, .col-sm-12.rtl, .rtl .col-md-12, .col-md-12.rtl, .rtl .col-lg-12, .col-lg-12.rtl, .rtl .col-vs-13, .col-vs-13.rtl, .rtl .col-xs-13, .col-xs-13.rtl, .rtl .col-sm-13, .col-sm-13.rtl, .rtl .col-md-13, .col-md-13.rtl, .rtl .col-lg-13, .col-lg-13.rtl, .rtl .col-vs-14, .col-vs-14.rtl, .rtl .col-xs-14, .col-xs-14.rtl, .rtl .col-sm-14, .col-sm-14.rtl, .rtl .col-md-14, .col-md-14.rtl, .rtl .col-lg-14, .col-lg-14.rtl, .rtl .col-vs-15, .col-vs-15.rtl, .rtl .col-xs-15, .col-xs-15.rtl, .rtl .col-sm-15, .col-sm-15.rtl, .rtl .col-md-15, .col-md-15.rtl, .rtl .col-lg-15, .col-lg-15.rtl, .rtl .col-vs-16, .col-vs-16.rtl, .rtl .col-xs-16, .col-xs-16.rtl, .rtl .col-sm-16, .col-sm-16.rtl, .rtl .col-md-16, .col-md-16.rtl, .rtl .col-lg-16, .col-lg-16.rtl, .rtl .col-vs-17, .col-vs-17.rtl, .rtl .col-xs-17, .col-xs-17.rtl, .rtl .col-sm-17, .col-sm-17.rtl, .rtl .col-md-17, .col-md-17.rtl, .rtl .col-lg-17, .col-lg-17.rtl, .rtl .col-vs-18, .col-vs-18.rtl, .rtl .col-xs-18, .col-xs-18.rtl, .rtl .col-sm-18, .col-sm-18.rtl, .rtl .col-md-18, .col-md-18.rtl, .rtl .col-lg-18, .col-lg-18.rtl, .rtl .col-vs-19, .col-vs-19.rtl, .rtl .col-xs-19, .col-xs-19.rtl, .rtl .col-sm-19, .col-sm-19.rtl, .rtl .col-md-19, .col-md-19.rtl, .rtl .col-lg-19, .col-lg-19.rtl, .rtl .col-vs-20, .col-vs-20.rtl, .rtl .col-xs-20, .col-xs-20.rtl, .rtl .col-sm-20, .col-sm-20.rtl, .rtl .col-md-20, .col-md-20.rtl, .rtl .col-lg-20, .col-lg-20.rtl, .rtl .col-vs-21, .col-vs-21.rtl, .rtl .col-xs-21, .col-xs-21.rtl, .rtl .col-sm-21, .col-sm-21.rtl, .rtl .col-md-21, .col-md-21.rtl, .rtl .col-lg-21, .col-lg-21.rtl, .rtl .col-vs-22, .col-vs-22.rtl, .rtl .col-xs-22, .col-xs-22.rtl, .rtl .col-sm-22, .col-sm-22.rtl, .rtl .col-md-22, .col-md-22.rtl, .rtl .col-lg-22, .col-lg-22.rtl, .rtl .col-vs-23, .col-vs-23.rtl, .rtl .col-xs-23, .col-xs-23.rtl, .rtl .col-sm-23, .col-sm-23.rtl, .rtl .col-md-23, .col-md-23.rtl, .rtl .col-lg-23, .col-lg-23.rtl, .rtl .col-vs-24, .col-vs-24.rtl, .rtl .col-xs-24, .col-xs-24.rtl, .rtl .col-sm-24, .col-sm-24.rtl, .rtl .col-md-24, .col-md-24.rtl, .rtl .col-lg-24, .col-lg-24.rtl {
  float: right;
}

@media (min-width: 560px) {
  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-1 {
    width: 4.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-2 {
    width: 8.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-3 {
    width: 12.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-4 {
    width: 16.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-5 {
    width: 20.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-6 {
    width: 25%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-7 {
    width: 29.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-8 {
    width: 33.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-9 {
    width: 37.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-10 {
    width: 41.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-11 {
    width: 45.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-12 {
    width: 50%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-13 {
    width: 54.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-14 {
    width: 58.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-15 {
    width: 62.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-16 {
    width: 66.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-17 {
    width: 70.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-18 {
    width: 75%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-19 {
    width: 79.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-20 {
    width: 83.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-21 {
    width: 87.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-22 {
    width: 91.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-23 {
    width: 95.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-xs-24 {
    width: 100%;
  }
}
@media (min-width: 600px) {
  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-1 {
    width: 4.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-2 {
    width: 8.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-3 {
    width: 12.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-4 {
    width: 16.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-5 {
    width: 20.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-6 {
    width: 25%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-7 {
    width: 29.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-8 {
    width: 33.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-9 {
    width: 37.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-10 {
    width: 41.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-11 {
    width: 45.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-12 {
    width: 50%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-13 {
    width: 54.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-14 {
    width: 58.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-15 {
    width: 62.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-16 {
    width: 66.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-17 {
    width: 70.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-18 {
    width: 75%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-19 {
    width: 79.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-20 {
    width: 83.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-21 {
    width: 87.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-22 {
    width: 91.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-23 {
    width: 95.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-sm-24 {
    width: 100%;
  }
}
@media (min-width: 980px) {
  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-1 {
    width: 4.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-2 {
    width: 8.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-3 {
    width: 12.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-4 {
    width: 16.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-5 {
    width: 20.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-6 {
    width: 25%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-7 {
    width: 29.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-8 {
    width: 33.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-9 {
    width: 37.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-10 {
    width: 41.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-11 {
    width: 45.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-12 {
    width: 50%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-13 {
    width: 54.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-14 {
    width: 58.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-15 {
    width: 62.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-16 {
    width: 66.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-17 {
    width: 70.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-18 {
    width: 75%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-19 {
    width: 79.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-20 {
    width: 83.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-21 {
    width: 87.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-22 {
    width: 91.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-23 {
    width: 95.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-md-24 {
    width: 100%;
  }
}
@media (min-width: 1250px) {
  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-1 {
    width: 4.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-2 {
    width: 8.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-3 {
    width: 12.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-4 {
    width: 16.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-5 {
    width: 20.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-6 {
    width: 25%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-7 {
    width: 29.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-8 {
    width: 33.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-9 {
    width: 37.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-10 {
    width: 41.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-11 {
    width: 45.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-12 {
    width: 50%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-13 {
    width: 54.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-14 {
    width: 58.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-15 {
    width: 62.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-16 {
    width: 66.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-17 {
    width: 70.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-18 {
    width: 75%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-19 {
    width: 79.16667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-20 {
    width: 83.33333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-21 {
    width: 87.5%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-22 {
    width: 91.66667%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-23 {
    width: 95.83333%;
  }

  /* line 194, ../../sass/partials/framework/_grid.scss */
  .col-lg-24 {
    width: 100%;
  }
}
/* line 7, ../../sass/partials/framework/_control.scss */
.of-control {
  outline: none;
  font-family: inherit;
  border: none;
}

/* line 14, ../../sass/partials/framework/_control.scss */
.of-control {
  position: relative;
  line-height: 2.6em;
  font-size: 16px;
  padding: 0px 0.6em;
  border: 1px solid #4a86d7;
}
/* line 24, ../../sass/partials/framework/_control.scss */
.of-control.primary {
  border: 1px solid #4a86d7;
}
/* line 24, ../../sass/partials/framework/_control.scss */
.of-control.danger {
  border: 1px solid #ffa388;
}
/* line 24, ../../sass/partials/framework/_control.scss */
.of-control.success {
  border: 1px solid #94e2a8;
}
/* line 24, ../../sass/partials/framework/_control.scss */
.of-control.info {
  border: 1px solid #ffcc99;
}
/* line 31, ../../sass/partials/framework/_control.scss */
.of-control.xs {
  font-size: 8px;
}
/* line 31, ../../sass/partials/framework/_control.scss */
.of-control.sm {
  font-size: 10px;
}
/* line 31, ../../sass/partials/framework/_control.scss */
.of-control.md {
  font-size: 16px;
}
/* line 31, ../../sass/partials/framework/_control.scss */
.of-control.lg {
  font-size: 18px;
}
/* line 37, ../../sass/partials/framework/_control.scss */
.of-control[class*="col-"] {
  padding: 0px 5px;
}
/* line 43, ../../sass/partials/framework/_control.scss */
.of-control.left > .of-wrapper {
  padding-left: 2.6em;
}
/* line 49, ../../sass/partials/framework/_control.scss */
.of-control.right > .of-wrapper {
  padding-right: 2.6em;
}
/* line 54, ../../sass/partials/framework/_control.scss */
.of-control .of-wrapper {
  margin-left: -5px;
  margin-right: -5px;
}
/* line 59, ../../sass/partials/framework/_control.scss */
.of-control.no-border {
  border: none;
}
/* line 63, ../../sass/partials/framework/_control.scss */
.of-control + .of-control {
  margin-top: 2px;
}

/* line 9, ../../sass/partials/framework/_input.scss */
.of-text-field, .of-textarea {
  outline: none;
  font-family: inherit;
  border: none;
}

/* line 19, ../../sass/partials/framework/_input.scss */
.of-text-field {
  line-height: 2.6em;
  height: 2.6em;
  font-size: 16px;
  padding: 0px 0.6em;
  border: 1px solid #4a86d7;
}
/* line 28, ../../sass/partials/framework/_input.scss */
.of-text-field.primary {
  border: 1px solid #4a86d7;
}
/* line 28, ../../sass/partials/framework/_input.scss */
.of-text-field.danger {
  border: 1px solid #ffa388;
}
/* line 28, ../../sass/partials/framework/_input.scss */
.of-text-field.success {
  border: 1px solid #94e2a8;
}
/* line 28, ../../sass/partials/framework/_input.scss */
.of-text-field.info {
  border: 1px solid #ffcc99;
}
/* line 35, ../../sass/partials/framework/_input.scss */
.of-text-field.xs {
  font-size: 8px;
}
/* line 35, ../../sass/partials/framework/_input.scss */
.of-text-field.sm {
  font-size: 10px;
}
/* line 35, ../../sass/partials/framework/_input.scss */
.of-text-field.md {
  font-size: 16px;
}
/* line 35, ../../sass/partials/framework/_input.scss */
.of-text-field.lg {
  font-size: 18px;
}

/* line 44, ../../sass/partials/framework/_input.scss */
.of-textarea {
  border: 1px solid #eee;
  resize: none;
  padding: 0px 0.6em;
  font-size: 16px;
}
/* line 52, ../../sass/partials/framework/_input.scss */
.of-textarea.full-line {
  width: 100%;
}
/* line 58, ../../sass/partials/framework/_input.scss */
.of-textarea.primary {
  border: 1px solid #4a86d7;
}
/* line 58, ../../sass/partials/framework/_input.scss */
.of-textarea.danger {
  border: 1px solid #ffa388;
}
/* line 58, ../../sass/partials/framework/_input.scss */
.of-textarea.success {
  border: 1px solid #94e2a8;
}
/* line 58, ../../sass/partials/framework/_input.scss */
.of-textarea.info {
  border: 1px solid #ffcc99;
}
/* line 65, ../../sass/partials/framework/_input.scss */
.of-textarea.xs {
  font-size: 8px;
}
/* line 65, ../../sass/partials/framework/_input.scss */
.of-textarea.sm {
  font-size: 10px;
}
/* line 65, ../../sass/partials/framework/_input.scss */
.of-textarea.md {
  font-size: 16px;
}
/* line 65, ../../sass/partials/framework/_input.scss */
.of-textarea.lg {
  font-size: 18px;
}

/* line 8, ../../sass/partials/framework/_button.scss */
.of-btn {
  cursor: pointer;
  direction: inherit;
  display: inline-block;
  font-family: inherit;
}

/* line 17, ../../sass/partials/framework/_button.scss */
.of-btn {
  position: relative;
  font-size: 16px;
  height: 2.6em;
  line-height: 2.6em;
  padding: 0px 0.6em;
  background: #225599;
  color: white;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
}
/* line 33, ../../sass/partials/framework/_button.scss */
.of-btn > .of-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
  border: 1px solid #eee;
  line-height: 2.6em;
  min-height: 5.2em;
  background-color: #eee;
  z-index: 20;
}
/* line 47, ../../sass/partials/framework/_button.scss */
.of-btn > .of-menu > .of-menu-item {
  color: black;
  width: 100%;
  padding: 0px 5px;
  margin-top: 1px;
  text-align: left;
  background-color: #fff;
}
/* line 59, ../../sass/partials/framework/_button.scss */
.of-btn > .of-menu.active {
  display: block;
}
/* line 67, ../../sass/partials/framework/_button.scss */
.of-btn.ltr > .of-menu > .of-menu-item, .ltr .of-btn > .of-menu > .of-menu-item {
  text-align: left;
}
/* line 73, ../../sass/partials/framework/_button.scss */
.of-btn.rtl > .of-menu > .of-menu-item, .rtl .of-btn > .of-menu > .of-menu-item {
  text-align: right;
}
/* line 78, ../../sass/partials/framework/_button.scss */
.of-btn:hover {
  background: #3579d2;
}
/* line 82, ../../sass/partials/framework/_button.scss */
.of-btn:active, .of-btn.active {
  background: #193e6f;
}
/* line 89, ../../sass/partials/framework/_button.scss */
.of-btn.primary {
  background: #225599;
}
/* line 92, ../../sass/partials/framework/_button.scss */
.of-btn.primary:hover {
  background: #3579d2;
}
/* line 96, ../../sass/partials/framework/_button.scss */
.of-btn.primary:active, .of-btn.primary.active {
  background: #193e6f;
}
/* line 89, ../../sass/partials/framework/_button.scss */
.of-btn.danger {
  background: #FF5522;
}
/* line 92, ../../sass/partials/framework/_button.scss */
.of-btn.danger:hover {
  background: #ff906f;
}
/* line 96, ../../sass/partials/framework/_button.scss */
.of-btn.danger:active, .of-btn.danger.active {
  background: #ee3700;
}
/* line 89, ../../sass/partials/framework/_button.scss */
.of-btn.success {
  background: #44CC66;
}
/* line 92, ../../sass/partials/framework/_button.scss */
.of-btn.success:hover {
  background: #80dc97;
}
/* line 96, ../../sass/partials/framework/_button.scss */
.of-btn.success:active, .of-btn.success.active {
  background: #2fae4f;
}
/* line 89, ../../sass/partials/framework/_button.scss */
.of-btn.info {
  background: #FF9933;
}
/* line 92, ../../sass/partials/framework/_button.scss */
.of-btn.info:hover {
  background: #ffbf80;
}
/* line 96, ../../sass/partials/framework/_button.scss */
.of-btn.info:active, .of-btn.info.active {
  background: #ff8000;
}
/* line 104, ../../sass/partials/framework/_button.scss */
.of-btn.xs {
  font-size: 8px;
}
/* line 104, ../../sass/partials/framework/_button.scss */
.of-btn.sm {
  font-size: 10px;
}
/* line 104, ../../sass/partials/framework/_button.scss */
.of-btn.md {
  font-size: 16px;
}
/* line 104, ../../sass/partials/framework/_button.scss */
.of-btn.lg {
  font-size: 18px;
}

/* line 112, ../../sass/partials/framework/_button.scss */
.of-btn-circle {
  display: inline-block;
  height: 2.6em;
  width: 2.6em;
  line-height: 2.6em;
  color: #fff;
  background-color: blue;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-left: 5px;
  text-align: center;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0, 1);
  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
}
/* line 135, ../../sass/partials/framework/_button.scss */
.of-btn-circle:hover {
  background-color: #2929ff;
  color: white;
}
/* line 140, ../../sass/partials/framework/_button.scss */
.of-btn-circle:active {
  background-color: #0000cc;
  color: white;
}
/* line 145, ../../sass/partials/framework/_button.scss */
.of-btn-circle:visited {
  color: white;
}

/* line 5, ../../sass/partials/framework/_composite.scss */
.of-composite-control > .of-label {
  display: block;
  float: left;
  font-weight: bold;
  background-color: #eee;
  padding: 0px 5px;
  line-height: 2.6em;
  height: 2.6em;
}
/* line 14, ../../sass/partials/framework/_composite.scss */
.of-composite-control > .of-label span {
  font-size: 0.8em;
}
/* line 19, ../../sass/partials/framework/_composite.scss */
.of-composite-control > .of-text-field, .of-composite-control > .of-control, .of-composite-control > .of-textarea {
  float: left;
  display: block;
  border: 1px solid #eee;
}
/* line 26, ../../sass/partials/framework/_composite.scss */
.of-composite-control > .of-text-field:focus, .of-composite-control > .of-control:focus, .of-composite-control > .of-textarea:focus {
  border-bottom: 1px solid #85e284;
}
/* line 33, ../../sass/partials/framework/_composite.scss */
.rtl .of-composite-control > .of-label, .rtl .of-composite-control > .of-text-field, .rtl .of-composite-control > .of-textarea, .rtl .of-composite-control > .of-control, .of-composite-control.rtl > .of-label, .of-composite-control.rtl > .of-text-field, .of-composite-control.rtl > .of-textarea, .of-composite-control.rtl > .of-control {
  float: right;
}
/* line 42, ../../sass/partials/framework/_composite.scss */
.of-composite-control + .of-composite-control, .of-composite-control + .of-btn, .of-composite-control + .of-text-field, .of-composite-control + .of-textarea, .of-composite-control + .of-control, .of-composite-control + .of-textarea, .of-text-field + .of-composite-control,
.of-composite-control .of-text-field + .of-text-field,
.of-composite-control .of-text-field + .of-textarea,
.of-composite-control .of-text-field + .of-btn,
.of-composite-control .of-text-field + .of-control, .of-control + .of-composite-control,
.of-composite-control .of-control + .of-control,
.of-composite-control .of-control + .of-btn,
.of-composite-control .of-control + .of-textarea,
.of-composite-control .of-control + .of-text-field, .of-btn + .of-composite-control,
.of-composite-control .of-btn + of-btn,
.of-composite-control .of-btn + .of-control,
.of-composite-control .of-btn + .of-text-field,
.of-composite-control .of-btn + .of-textarea, .of-textarea + .of-composite-control,
.of-composite-control .of-textarea + .of-textarea,
.of-composite-control .of-textarea + .of-text-field,
.of-composite-control .of-textarea + .of-btn,
.of-composite-control .of-textarea + .of-control {
  margin-top: 5px;
}

/* line 1, ../../sass/partials/framework/_dialog.scss */
.of-dialog {
  position: absolute;
  display: none;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 900;
  color: white;
}
@keyframes reverseembed {
  100% {
    transform: translateY(100%);
  }
  0% {
    transform: translateY(0%);
  }
}
@keyframes reversebackdrop {
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.5;
  }
  0% {
    opacity: 0;
  }
}
/* line 23, ../../sass/partials/framework/_dialog.scss */
.of-dialog[data-close-clicked=true] .of-content-container {
  height: auto;
  animation-name: reverseembed;
  animation-duration: 1s;
  animation-iteration-count: 1;
}
/* line 30, ../../sass/partials/framework/_dialog.scss */
.of-dialog[data-close-clicked=true] .of-backdrop {
  animation-name: reversebackdrop;
  animation-duration: 2s;
  animation-iteration-count: 1;
}
/* line 37, ../../sass/partials/framework/_dialog.scss */
.of-dialog[data-visible="true"] {
  display: block;
}
@keyframes backdrop {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
/* line 45, ../../sass/partials/framework/_dialog.scss */
.of-dialog .of-backdrop {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 300;
  animation-name: backdrop;
  animation-duration: 1s;
  animation-iteration-count: 1;
}
/* line 58, ../../sass/partials/framework/_dialog.scss */
.of-dialog .of-title {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5em;
  font-family: "Inknut Antiqua", serif;
  margin-bottom: 25px;
  letter-spacing: 1px;
}
/* line 67, ../../sass/partials/framework/_dialog.scss */
.of-dialog .of-dialog-container {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
/* line 75, ../../sass/partials/framework/_dialog.scss */
.of-dialog .of-link {
  color: #44f;
}
@keyframes embed {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
/* line 85, ../../sass/partials/framework/_dialog.scss */
.of-dialog .of-content-container {
  animation-name: embed;
  animation-duration: 2s;
  animation-iteration-count: 1;
  position: fixed;
  left: 0px;
  bottom: 0px;
  height: 100%;
  max-height: 100vh;
  width: 100%;
  line-height: 20px;
  font-size: 14px;
  z-index: 310;
  overflow: auto;
  color: #fbf9f8;
  background-color: #9b928b;
  padding: 30px 10px;
  text-align: center;
}
/* line 105, ../../sass/partials/framework/_dialog.scss */
.of-dialog .of-content-container a {
  color: #eb9049;
  font-weight: 400;
}
/* line 110, ../../sass/partials/framework/_dialog.scss */
.of-dialog .of-content-container p {
  margin-bottom: 20px;
  color: #fbf9f8;
}
/* line 115, ../../sass/partials/framework/_dialog.scss */
.of-dialog .of-content-container h2 {
  margin-bottom: 10px;
  font-size: 15px;
  font-family: "Inknut Antiqua", serif;
  color: #fbf9f8;
}
/* line 123, ../../sass/partials/framework/_dialog.scss */
.of-dialog .of-close-button {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 32px;
  width: 32px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  line-height: 32px;
  z-index: 322;
  border-radius: 10px;
}
/* line 138, ../../sass/partials/framework/_dialog.scss */
.of-dialog .of-close-button i {
  line-height: 32px;
}
/* line 143, ../../sass/partials/framework/_dialog.scss */
.of-dialog .btn-label {
  background-color: #eb9049;
  margin: 0 auto;
  text-transform: uppercase;
  width: auto;
  display: table;
  height: 48px;
  line-height: 48px;
  border-radius: 10px;
  width: 200px;
  font-weight: 600;
}
/* line 155, ../../sass/partials/framework/_dialog.scss */
.of-dialog .btn-label p {
  margin-bottom: 0;
}
/* line 159, ../../sass/partials/framework/_dialog.scss */
.of-dialog .btn-label:hover {
  background-color: #ffa35c;
  cursor: pointer;
}
/* line 165, ../../sass/partials/framework/_dialog.scss */
.of-dialog .embed-code-container > input {
  height: 50px;
  margin: 0 auto;
  width: 50%;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #cdc7c3;
  border: none;
  outline: none;
  font-size: 15px;
  font-weight: 100;
}
@media (min-width: 600px) {
  /* line 182, ../../sass/partials/framework/_dialog.scss */
  .of-dialog .of-title {
    font-size: 20px;
  }
  /* line 185, ../../sass/partials/framework/_dialog.scss */
  .of-dialog .of-dialog-container {
    height: auto;
    width: 100%;
    left: 0;
  }
  /* line 192, ../../sass/partials/framework/_dialog.scss */
  .of-dialog.embed-dialog .of-dialog-container {
    width: 460px;
    margin-left: -230px;
    height: 360px;
    margin-top: -180px;
  }
  /* line 200, ../../sass/partials/framework/_dialog.scss */
  .of-dialog .of-content-container {
    padding: 30px 30px;
    height: auto;
  }
}
@media (min-width: 980px) {
  /* line 209, ../../sass/partials/framework/_dialog.scss */
  .of-dialog.sources-dialog .of-dialog-container {
    height: 460px;
    margin-top: -230px;
  }
}

/* line 1, ../../sass/partials/framework/_typography.scss */
a, a:visited, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

/* line 12, ../../sass/partials/framework/_typography.scss */
.text-uppercase {
  text-transform: uppercase;
}

/* line 12, ../../sass/partials/framework/_typography.scss */
.text-lowercase {
  text-transform: lowercase;
}

/* line 12, ../../sass/partials/framework/_typography.scss */
.text-capitalize {
  text-transform: capitalize;
}

/* line 18, ../../sass/partials/framework/_typography.scss */
.text-left {
  text-align: left !important;
}

/* line 18, ../../sass/partials/framework/_typography.scss */
.text-right {
  text-align: right !important;
}

/* line 18, ../../sass/partials/framework/_typography.scss */
.text-center {
  text-align: center !important;
}

/* line 18, ../../sass/partials/framework/_typography.scss */
.text-justify {
  text-align: justify !important;
}

/* line 24, ../../sass/partials/framework/_typography.scss */
.text-line-through {
  text-decoration: line-through;
}

/* line 24, ../../sass/partials/framework/_typography.scss */
.text-overline {
  text-decoration: overline;
}

/* line 24, ../../sass/partials/framework/_typography.scss */
.text-underline {
  text-decoration: underline;
}

/* line 30, ../../sass/partials/framework/_typography.scss */
.text-bold {
  font-weight: bold;
}

/* line 30, ../../sass/partials/framework/_typography.scss */
.text-100 {
  font-weight: 100;
}

/* line 30, ../../sass/partials/framework/_typography.scss */
.text-200 {
  font-weight: 200;
}

/* line 30, ../../sass/partials/framework/_typography.scss */
.text-300 {
  font-weight: 300;
}

/* line 30, ../../sass/partials/framework/_typography.scss */
.text-400 {
  font-weight: 400;
}

/* line 30, ../../sass/partials/framework/_typography.scss */
.text-500 {
  font-weight: 500;
}

/* line 30, ../../sass/partials/framework/_typography.scss */
.text-600 {
  font-weight: 600;
}

/* line 30, ../../sass/partials/framework/_typography.scss */
.text-700 {
  font-weight: 700;
}

/* line 30, ../../sass/partials/framework/_typography.scss */
.text-800 {
  font-weight: 800;
}

/* line 30, ../../sass/partials/framework/_typography.scss */
.text-900 {
  font-weight: 900;
}

/* line 36, ../../sass/partials/framework/_typography.scss */
.text-xs {
  font-size: 8px;
}

/* line 36, ../../sass/partials/framework/_typography.scss */
.text-sm {
  font-size: 10px;
}

/* line 36, ../../sass/partials/framework/_typography.scss */
.text-md {
  font-size: 16px;
}

/* line 36, ../../sass/partials/framework/_typography.scss */
.text-lg {
  font-size: 18px;
}

/* line 42, ../../sass/partials/framework/_typography.scss */
.of-btn, .show-stocks-btn, .legend-item, .no-text-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* line 50, ../../sass/partials/framework/_typography.scss */
.info-link, .info-link:visited, .info-link:hover {
  color: #ede9e6;
  text-decoration: underline;
  display: block;
  font-weight: bold;
}

/* line 2, ../../sass/partials/framework/_well.scss */
.of-well {
  padding: 1.5em;
}
/* line 7, ../../sass/partials/framework/_well.scss */
.of-well.xs {
  padding: 8px;
}
/* line 7, ../../sass/partials/framework/_well.scss */
.of-well.sm {
  padding: 10px;
}
/* line 7, ../../sass/partials/framework/_well.scss */
.of-well.md {
  padding: 16px;
}
/* line 7, ../../sass/partials/framework/_well.scss */
.of-well.lg {
  padding: 18px;
}

/* line 1, ../../sass/partials/controllers/_splashscreen.scss */
.splash-view[data-visible=false] {
  display: none !important;
}

/* line 5, ../../sass/partials/controllers/_splashscreen.scss */
.splash-view[data-embed-view=true] .splash-screen {
  height: calc(100vh - 65px);
  display: table;
  width: 100vw;
}
/* line 10, ../../sass/partials/controllers/_splashscreen.scss */
.splash-view[data-embed-view=true] .splash-screen .cities-wrapper {
  display: table-row;
  height: 100%;
}
/* line 15, ../../sass/partials/controllers/_splashscreen.scss */
.splash-view[data-embed-view=true] .splash-screen .cities-wrapper:hover .splash-city-wrapper {
  width: calc(40%/3);
  transition: width 1s;
}
/* line 19, ../../sass/partials/controllers/_splashscreen.scss */
.splash-view[data-embed-view=true] .splash-screen .cities-wrapper:hover .splash-city-wrapper:hover {
  cursor: pointer;
  width: calc(100%/3);
  transition: width 1s;
}
/* line 24, ../../sass/partials/controllers/_splashscreen.scss */
.splash-view[data-embed-view=true] .splash-screen .cities-wrapper:hover .splash-city-wrapper:hover .splash-city {
  display: inline-block;
}
/* line 27, ../../sass/partials/controllers/_splashscreen.scss */
.splash-view[data-embed-view=true] .splash-screen .cities-wrapper:hover .splash-city-wrapper:hover .overlay-gradient {
  opacity: 0;
  transition: opacity 1s;
}
/* line 35, ../../sass/partials/controllers/_splashscreen.scss */
.splash-view[data-embed-view=true] .splash-screen .cities-wrapper .splash-city-wrapper {
  width: calc(100%/6);
  height: 100%;
  display: inline-block;
}
/* line 40, ../../sass/partials/controllers/_splashscreen.scss */
.splash-view[data-embed-view=true] .splash-screen .cities-wrapper .splash-city-wrapper .overlay-gradient {
  background: #fbf9f8;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #fbf9f8, #ede9e6);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #fbf9f8, #ede9e6);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #fbf9f8, #ede9e6);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(right, #fbf9f8, #ede9e6);
  /* Standard syntax */
}
/* line 42, ../../sass/partials/controllers/_splashscreen.scss */
.splash-view[data-embed-view=true] .splash-screen .cities-wrapper .splash-city-wrapper .overlay-gradient .city-text {
  transform: rotate(-90deg);
  transform-origin: top top;
  margin: none;
  margin-top: 70px;
}

@media (max-height: 700px) {
  /* line 60, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen > .cities-wrapper > .splash-city-wrapper > .overlay-gradient .city-text > h1 {
    font-size: 3vh !important;
  }
}
@media (max-height: 550px) {
  /* line 68, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen > .cities-wrapper > .splash-city-wrapper > .overlay-gradient .city-text {
    transform: rotate(0deg) !important;
    margin-bottom: 0px !important;
    margin-left: 5px !important;
    bottom: -30px !important;
  }
}
@media (min-width: 600px) {
  /* line 79, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen {
    height: calc(100vh - 65px);
    display: table;
    width: 100vw;
  }
  /* line 84, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .splash-logo {
    display: table-row;
  }
  /* line 88, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .splash-text {
    text-align: center;
  }
  @keyframes fadeText {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  /* line 97, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper {
    display: table-row;
    height: 100%;
  }
  /* line 102, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper:hover .splash-city-wrapper {
    width: calc(40%/3);
    transition: width 1s;
    transition-delay: .2s;
  }
  /* line 107, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper:hover .splash-city-wrapper:hover {
    cursor: pointer;
    width: calc(100%/3);
    transition: width 1s;
    transition-delay: .2s;
  }
  /* line 116, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper .splash-city-wrapper {
    display: inline-block;
    height: 100%;
    width: calc(100%/6);
    border-right: 5px solid white;
    border-left: 5px solid white;
    border-top: 10px solid white;
    border-bottom: 10px solid white;
  }
  /* line 126, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper .splash-city-wrapper:first-child {
    border-left: 10px solid white;
  }
  /* line 129, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper .splash-city-wrapper:last-child {
    border-right: 10px solid white;
  }
  /* line 132, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper .splash-city-wrapper .overlay-gradient {
    background: transparent;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(transparent, rgba(201, 119, 56, 0.5));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, rgba(201, 119, 56, 0.5));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, rgba(201, 119, 56, 0.5));
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, rgba(201, 119, 56, 0.5));
    /* Standard syntax */
  }
  /* line 134, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper .splash-city-wrapper .overlay-gradient:hover {
    background: transparent;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(transparent, transparent);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, transparent);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, transparent);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, transparent);
    /* Standard syntax */
  }
  /* line 137, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper .splash-city-wrapper .overlay-gradient:hover .city-text {
    transform: rotate(0deg);
    margin-bottom: 0px;
    bottom: auto;
    top: 0;
    padding-left: 20px;
    animation-name: fadeText;
    animation-duration: 1s;
    animation-iteration-count: 1;
  }
  /* line 150, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper .splash-city-wrapper .splash-city {
    display: block;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  }
  /* line 156, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper .splash-city-wrapper .city-text {
    transform: rotate(-90deg);
    transform-origin: top left;
    margin-bottom: -60px;
    bottom: 0;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
    margin: none;
    left: auto;
    right: auto;
  }
  /* line 166, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-view[data-embed-view=false] .splash-screen .cities-wrapper .splash-city-wrapper .city-text h1 {
    color: white;
    font-size: 30px;
  }
}

/* line 177, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen {
  height: 100%;
  background-color: #ede9e6;
}
/* line 182, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .splash-logo img {
  height: 100px;
  width: auto;
  margin: 0 auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 50px;
}
@media (min-width: 600px) {
  /* line 182, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen .splash-logo img {
    margin-top: 35px;
  }
}
/* line 197, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .splash-text {
  width: 95%;
  margin: 0 auto;
  text-align: justify;
  -moz-text-align-last: center;
  text-align-last: center;
  margin-top: 35px;
  margin-bottom: 35px;
}
/* line 206, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .splash-text p {
  margin-bottom: 12px;
}
/* line 211, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .language-toggler {
  position: absolute;
  top: 20px;
  right: 20px;
}
/* line 218, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen.embed .client-logo {
  display: none;
}
@media (min-width: 560px) {
  /* line 223, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen.mobile {
    height: auto;
  }
  /* line 226, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen.mobile .splash-text > p {
    font-size: 10px !important;
  }
  /* line 229, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen.mobile .client-logo > a > img {
    height: 21px;
  }
  /* line 232, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen.mobile .cities-wrapper {
    height: 300px !important;
  }
  /* line 235, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen.mobile .cities-wrapper .splash-city-wrapper {
    border: none !important;
    width: calc(100% / 6);
    display: inline-block;
    height: 100%;
  }
  /* line 240, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen.mobile .cities-wrapper .splash-city-wrapper .splash-city {
    display: none !important;
  }
  /* line 243, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen.mobile .cities-wrapper .splash-city-wrapper .overlay-gradient {
    background: #ede9e6;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #fbf9f8, #ede9e6) !important;
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #fbf9f8, #ede9e6) !important;
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #fbf9f8, #ede9e6) !important;
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(right, #fbf9f8, #ede9e6) !important;
  }
  /* line 251, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen.mobile .cities-wrapper .splash-city-wrapper .overlay-gradient .city-text {
    transform: rotate(-90deg);
    transform-origin: top left;
    bottom: 0;
    left: auto;
    right: auto;
    margin-bottom: 5px;
  }
  /* line 257, ../../sass/partials/controllers/_splashscreen.scss */
  .splash-screen.mobile .cities-wrapper .splash-city-wrapper .overlay-gradient .city-text h1 {
    color: #eb9049 !important;
    text-shadow: none !important;
    font-size: 18px;
  }
}
/* line 269, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .cities-wrapper {
  width: 100%;
  background-color: white;
}
/* line 273, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .cities-wrapper .splash-city-wrapper {
  width: 100%;
  height: 85px;
  line-height: 85px;
  text-align: center;
  display: block;
  position: relative;
}
/* line 281, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .cities-wrapper .splash-city-wrapper .splash-city, .splash-screen .cities-wrapper .splash-city-wrapper .overlay-gradient, .splash-screen .cities-wrapper .splash-city-wrapper .city-text {
  position: absolute;
}
/* line 285, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .cities-wrapper .splash-city-wrapper .splash-city, .splash-screen .cities-wrapper .splash-city-wrapper .overlay-gradient {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
/* line 292, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .cities-wrapper .splash-city-wrapper .overlay-gradient {
  z-index: 6;
  background: #fbf9f8;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#fbf9f8, #ede9e6);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fbf9f8, #ede9e6);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fbf9f8, #ede9e6);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fbf9f8, #ede9e6);
  /* Standard syntax */
}
/* line 297, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .cities-wrapper .splash-city-wrapper .splash-city {
  z-index: 5;
  display: none;
}
/* line 302, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .cities-wrapper .splash-city-wrapper .overlay-gradient:hover + .splash-city {
  -webkit-filter: none;
  /* Safari 6.0 - 9.0 */
  filter: none;
}
/* line 307, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .cities-wrapper .splash-city-wrapper .city-text {
  z-index: 7;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-transform: capitalize;
}
/* line 314, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .cities-wrapper .splash-city-wrapper .city-text h1 {
  color: #eb9049;
  font-size: 18px;
}
/* line 319, ../../sass/partials/controllers/_splashscreen.scss */
.splash-screen .cities-wrapper .splash-city-wrapper p {
  color: #eb9049;
}

/* line 327, ../../sass/partials/controllers/_splashscreen.scss */
.client-logo {
  position: absolute;
  left: 20px;
  top: 20px;
}
/* line 333, ../../sass/partials/controllers/_splashscreen.scss */
.client-logo img {
  height: 21px;
}
@media (min-width: 600px) {
  /* line 333, ../../sass/partials/controllers/_splashscreen.scss */
  .client-logo img {
    height: 35px;
  }
}

/* line 1, ../../sass/partials/controllers/_postcard.scss */
.postcard-info {
  max-width: 1120px;
}
/* line 4, ../../sass/partials/controllers/_postcard.scss */
.postcard-info p {
  margin-bottom: 20px;
}

/* line 10, ../../sass/partials/controllers/_postcard.scss */
.postcard-image .home-btn {
  height: 30px;
  text-align: center;
  font-size: 30px;
}
/* line 15, ../../sass/partials/controllers/_postcard.scss */
.postcard-image .home-btn div {
  display: block;
  margin-top: 5px;
}
/* line 19, ../../sass/partials/controllers/_postcard.scss */
.postcard-image .home-btn div:nth-child(2) {
  font-size: 10px;
}

/* line 26, ../../sass/partials/controllers/_postcard.scss */
.postcard-info-full-screen {
  display: none;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: white;
  padding: 15px;
  padding-top: 50px;
  color: #444444;
}
/* line 39, ../../sass/partials/controllers/_postcard.scss */
.postcard-info-full-screen h1 {
  text-align: center;
  margin-bottom: 20px;
}
/* line 44, ../../sass/partials/controllers/_postcard.scss */
.postcard-info-full-screen p {
  text-align: justify;
  line-height: 28px;
}
/* line 49, ../../sass/partials/controllers/_postcard.scss */
.postcard-info-full-screen .close-icon {
  font-size: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
}
/* line 55, ../../sass/partials/controllers/_postcard.scss */
.postcard-info-full-screen .close-icon:hover {
  cursor: pointer;
}
/* line 60, ../../sass/partials/controllers/_postcard.scss */
.postcard-info-full-screen .go-back-btn {
  background-color: #eb9049;
  text-transform: uppercase;
  color: white;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  width: 100px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
}
/* line 72, ../../sass/partials/controllers/_postcard.scss */
.postcard-info-full-screen .go-back-btn:hover {
  background-color: #ffa35c;
  cursor: pointer;
}
/* line 78, ../../sass/partials/controllers/_postcard.scss */
.postcard-info-full-screen.visible {
  display: block;
}

/* line 83, ../../sass/partials/controllers/_postcard.scss */
.hide {
  visibility: hidden;
  margin-top: -84px;
  display: none;
}

/* line 89, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=true] > .postcard-screen > .postcard-info > .hide {
  display: block;
}

/* line 95, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=true] .postcard-screen .postcard-image {
  margin-bottom: 5px;
}
/* line 98, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=true] .postcard-screen .postcard-image .flip-btn {
  margin-top: -30px;
}
/* line 103, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=true] .postcard-screen .postcard-info {
  width: 100%;
  height: auto;
  font-weight: 100;
  font-size: 15px;
  line-height: 28px;
  font-family: "Open Sans", sans-serif;
}
/* line 111, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=true] .postcard-screen .postcard-info h1, .postcard-view[data-embed-view=true] .postcard-screen .postcard-info p {
  text-align: left;
}
/* line 115, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=true] .postcard-screen .postcard-info .read-more {
  color: #eb9049;
}
/* line 118, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=true] .postcard-screen .postcard-info .read-more:hover {
  color: #ffa35c;
  cursor: pointer;
}
/* line 123, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=true] .postcard-screen .postcard-info p {
  height: 84px;
  overflow: hidden;
}
/* line 129, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=true] .postcard-screen .postcard-info-full-screen + .visible {
  display: block;
}

/* line 135, ../../sass/partials/controllers/_postcard.scss */
.postcard-img > img {
  width: 100%;
}

@media (min-width: 600px) {
  /* line 142, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image {
    padding-top: 70px;
  }
  /* line 145, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .postcard-logo {
    display: table-row;
  }
  /* line 149, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .home-btn {
    color: #444444;
    text-shadow: 0 0 2px #444;
  }
}
@media (min-width: 600px) and (min-width: 600px) {
  /* line 149, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .home-btn {
    text-shadow: none;
  }
}
@media (min-width: 600px) {
  /* line 158, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .flip-btn {
    position: absolute;
    top: calc(5% + 80px);
    left: calc(75% - 30px);
  }
  /* line 164, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .prev-big-btn, .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .next-big-btn {
    display: block;
  }
  /* line 167, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .prev-big-btn.hidden, .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .next-big-btn.hidden {
    display: none;
  }
  /* line 178, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .prev-btn, .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .next-btn {
    display: none;
  }
  /* line 182, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .image-copyright {
    color: #444444;
    bottom: 0px;
    top: -20px;
    width: auto;
    left: auto;
    right: 25%;
    letter-spacing: 0.2px;
    text-shadow: 0 0 2px #444;
  }
}
@media (min-width: 600px) and (min-width: 600px) {
  /* line 182, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen > .postcard-image .image-copyright {
    top: 45px;
    bottom: auto;
    text-shadow: none;
  }
}
@media (min-width: 600px) {
  /* line 200, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-info {
    width: 90%;
    margin: 0 auto;
    display: table;
    padding-bottom: 100px;
  }
}
@media (min-width: 600px) and (min-width: 600px) {
  /* line 200, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-info {
    padding-bottom: 0px;
  }
}
@media (min-width: 600px) {
  /* line 211, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-info .line-break {
    display: block;
  }
  /* line 215, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-info p {
    width: 75%;
    float: right;
  }
  /* line 220, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-info h1 {
    width: 25%;
    float: left;
    line-height: 23px;
    text-align: left;
  }
}

/* line 232, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=true] .postcard-screen > .postcard-image > .postcard-img {
  width: 100%;
  left: 0;
}

/* line 240, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=false] .postcard-screen .postcard-image > .postcard-img {
  width: 100%;
  left: 0;
}
@media (min-width: 600px) {
  /* line 240, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen .postcard-image > .postcard-img {
    width: 50%;
    left: 25%;
  }
}
@media (min-width: 560px) {
  /* line 251, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-image {
    padding-top: 0px;
  }
  /* line 252, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-image .image-copyright {
    color: #fbf9f8 !important;
    width: auto;
    left: auto;
    left: 20px;
    letter-spacing: 0.2px;
    text-shadow: 0 0 2px #444 !important;
    position: relative;
    z-index: 999;
    margin-top: -90px;
    margin-bottom: 120px;
    width: 30%;
  }
  /* line 268, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-image .postcard-img {
    width: 100%;
    left: 0;
  }
  /* line 272, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-image .home-btn {
    color: #fbf9f8;
  }
  /* line 275, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-image .flip-btn {
    top: auto;
    left: 0;
    right: 0;
    margin-top: -30px;
  }
  /* line 282, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-image .next-big-btn, .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-image .prev-big-btn {
    display: none;
  }
  /* line 286, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-image .next-btn, .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-image .prev-btn {
    display: block;
    bottom: -30px;
  }
  /* line 290, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-image .next-btn.hidden, .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-image .prev-btn.hidden {
    display: none;
  }
  /* line 296, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-info p {
    width: 100%;
    font-size: 10px;
    line-height: 13px;
  }
  /* line 301, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-info h1 {
    width: 100%;
  }
  /* line 304, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.mobile .postcard-info .line-break {
    display: none;
  }
}
/* line 313, ../../sass/partials/controllers/_postcard.scss */
.postcard-view[data-embed-view=false] .postcard-screen.full-screen .postcard-image > .postcard-img {
  width: 90vh;
  left: calc(50vw - 45vh);
}
@media (min-width: 600px) {
  /* line 313, ../../sass/partials/controllers/_postcard.scss */
  .postcard-view[data-embed-view=false] .postcard-screen.full-screen .postcard-image > .postcard-img {
    width: 70%;
    left: 15%;
  }
}

/* line 327, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen {
  min-height: calc(100vh - 80px);
}
/* line 333, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen.full-screen .postcard-info {
  display: none;
}
/* line 338, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen.full-screen .postcard-image .postcard-img {
  position: fixed;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  z-index: 6;
  margin: 0 auto;
}
@media (min-width: 600px) {
  /* line 338, ../../sass/partials/controllers/_postcard.scss */
  .postcard-screen.full-screen .postcard-image .postcard-img {
    transform: translateY(-50%) rotate(0deg);
    height: auto;
    width: 70%;
    left: 15%;
  }
}
/* line 356, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen.full-screen .postcard-image .next-big-btn,
.postcard-screen.full-screen .postcard-image .prev-big-btn,
.postcard-screen.full-screen .postcard-image .flip-btn,
.postcard-screen.full-screen .postcard-image .image-copyright,
.postcard-screen.full-screen .postcard-image .full-screen-icon,
.postcard-screen.full-screen .postcard-image .next-btn,
.postcard-screen.full-screen .postcard-image .prev-btn,
.postcard-screen.full-screen .postcard-image .home-btn,
.postcard-screen.full-screen .postcard-image .postcard-logo {
  display: none !important;
}
/* line 368, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen.full-screen .postcard-image .background-backdrop {
  display: block;
}
/* line 375, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image {
  width: 100vw;
  position: relative;
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  /* line 375, ../../sass/partials/controllers/_postcard.scss */
  .postcard-screen .postcard-image {
    margin-bottom: 40px;
  }
}
/* line 384, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .background-backdrop {
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
}
/* line 396, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .postcard-logo img {
  height: 100px;
  width: auto;
  margin: 0 auto;
  position: absolute;
  top: 20px;
  right: 20px;
}
/* line 410, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .background {
  background-color: #ede9e6;
  height: 100%;
  width: 100%;
  position: absolute;
  top: -50px;
}
/* line 422, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .home-btn {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 8;
  color: white;
  text-shadow: 0 0 2px #444;
}
@media (min-width: 600px) {
  /* line 422, ../../sass/partials/controllers/_postcard.scss */
  .postcard-screen .postcard-image .home-btn {
    top: 20px;
    left: 20px;
  }
}
/* line 436, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .home-btn:hover {
  cursor: pointer;
}
/* line 446, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .postcard-img {
  position: relative;
  z-index: 6;
}
/* line 456, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .flip-btn {
  height: 60px;
  line-height: 60px;
  width: 60px;
  border-radius: 30px;
  text-align: center;
  background-color: #eb9049;
  margin: 0 auto;
  margin-top: -30px;
  position: relative;
  z-index: 8;
  color: #fbf9f8;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 600px) {
  /* line 456, ../../sass/partials/controllers/_postcard.scss */
  .postcard-screen .postcard-image .flip-btn {
    margin-top: 20px;
  }
}
/* line 483, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .flip-btn:hover {
  background-color: #ffa35c;
  cursor: pointer;
}
/* line 489, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .prev-big-btn, .postcard-screen .postcard-image .next-big-btn {
  position: absolute;
  z-index: 8;
  top: 55%;
  transform: translateY(-50%);
  font-size: 2vw;
  color: #eb9049;
  display: none;
  width: 18%;
  height: 2vw;
}
/* line 501, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .prev-big-btn:hover, .postcard-screen .postcard-image .next-big-btn:hover {
  cursor: pointer;
}
/* line 505, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .prev-big-btn div, .postcard-screen .postcard-image .next-big-btn div {
  color: #fbf9f8;
}
/* line 518, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .full-screen-icon {
  position: absolute;
  z-index: 11;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  left: 0;
  right: 0;
  color: white;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 100;
  font-size: 14px;
}
/* line 532, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .full-screen-icon.hidden {
  display: none;
}
@media (min-width: 600px) {
  /* line 532, ../../sass/partials/controllers/_postcard.scss */
  .postcard-screen .postcard-image .full-screen-icon.hidden {
    display: none;
  }
}
/* line 546, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .full-screen-icon:hover {
  cursor: pointer;
}
/* line 550, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .full-screen-icon img {
  width: 30px;
}
/* line 555, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .full-screen-close {
  position: fixed;
  z-index: 13;
  right: 15px;
  top: 15px;
  display: none;
  color: white;
  padding: 5px;
  border-radius: 30px;
  background-color: #444444;
  font-size: 30px;
  width: 40px;
  height: 40px;
}
/* line 569, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .full-screen-close:hover {
  cursor: pointer;
}
/* line 573, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .full-screen-close.full-screen {
  display: block;
}
/* line 578, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .prev-big-btn {
  left: 10%;
  position: absolute;
}
/* line 582, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .prev-big-btn img {
  position: absolute;
  right: 10%;
  top: 50%;
  width: 35%;
}
/* line 589, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .prev-big-btn div {
  position: absolute;
  right: 50%;
  top: 0;
  font-family: "Inknut Antiqua", serif;
  color: #9b928b;
  white-space: nowrap;
}
/* line 599, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .next-big-btn {
  right: 10%;
  position: absolute;
}
/* line 603, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .next-big-btn img {
  position: absolute;
  left: 10%;
  top: 50%;
  width: 35%;
}
/* line 610, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .next-big-btn div {
  position: absolute;
  left: 50%;
  top: 0;
  color: #9b928b;
  font-family: "Inknut Antiqua", serif;
  white-space: nowrap;
}
/* line 620, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .prev-btn, .postcard-screen .postcard-image .next-btn {
  color: #eb9049;
  margin-top: 10px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 16px;
}
/* line 631, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .prev-btn:hover, .postcard-screen .postcard-image .next-btn:hover {
  color: #ffa35c;
  cursor: pointer;
}
/* line 636, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .prev-btn.hidden, .postcard-screen .postcard-image .next-btn.hidden {
  display: none;
}
/* line 645, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .prev-btn {
  left: 10px;
}
/* line 648, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .prev-btn i {
  margin-right: 5px;
}
/* line 653, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .next-btn {
  right: 10px;
}
/* line 656, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .next-btn i {
  margin-left: 5px;
}
/* line 661, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-image .image-copyright {
  position: absolute;
  bottom: 40px;
  left: 10px;
  color: #fbf9f8;
  font-size: 12px;
  z-index: 9;
  width: 30%;
  display: block;
  letter-spacing: 0.2px;
  text-shadow: 0 0 2px #444;
  font-weight: 600;
}
@media (min-width: 600px) {
  /* line 661, ../../sass/partials/controllers/_postcard.scss */
  .postcard-screen .postcard-image .image-copyright {
    text-shadow: none;
    font-weight: normal;
  }
}
/* line 690, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-info {
  padding: 10px;
}
/* line 698, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-info .line-break {
  display: none;
}
/* line 706, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-info p {
  text-align: justify;
  line-height: 28px;
}
/* line 715, ../../sass/partials/controllers/_postcard.scss */
.postcard-screen .postcard-info h1 {
  margin-bottom: 20px;
  text-align: center;
}

/* line 730, ../../sass/partials/controllers/_postcard.scss */
.overlay-text:hover .text-wrapper {
  cursor: pointer;
}

@media (min-width: 600px) {
  /* line 739, ../../sass/partials/controllers/_postcard.scss */
  .flipped-overlay-text:hover .text-wrapper h2, .flipped-overlay-text:hover .text-wrapper p {
    display: block;
  }
}
@media (min-width: 600px) {
  /* line 747, ../../sass/partials/controllers/_postcard.scss */
  .dark-hover {
    background-color: transparent;
    transition: background-color .5s;
  }
  /* line 751, ../../sass/partials/controllers/_postcard.scss */
  .dark-hover:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
/* line 758, ../../sass/partials/controllers/_postcard.scss */
.overlay-text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  line-height: 28px;
  text-align: center;
  opacity: 0;
  transition: opacity .5s;
}
/* line 770, ../../sass/partials/controllers/_postcard.scss */
.overlay-text:hover {
  opacity: 1;
}
/* line 774, ../../sass/partials/controllers/_postcard.scss */
.overlay-text .text-wrapper {
  position: absolute;
  width: 50%;
  left: 25%;
  top: 50%;
  transform: translateY(-50%);
}
/* line 781, ../../sass/partials/controllers/_postcard.scss */
.overlay-text .text-wrapper h2, .overlay-text .text-wrapper p {
  color: #fbf9f8;
  text-align: center;
  display: none;
}
/* line 787, ../../sass/partials/controllers/_postcard.scss */
.overlay-text .text-wrapper h2 {
  margin-bottom: 20px;
  font-weight: 400;
}

/* line 4, ../../sass/partials/controllers/_controllers.scss */
.controller {
  display: none;
  min-height: 540px;
  min-width: 320px;
}
/* line 8, ../../sass/partials/controllers/_controllers.scss */
.controller[data-visible="true"] {
  display: block;
}
@media (min-width: 600px) {
  /* line 4, ../../sass/partials/controllers/_controllers.scss */
  .controller {
    min-height: 568px;
  }
}

/* line 1, ../../sass/partials/components/_languageswitch.scss */
.language-switch {
  font-size: 18px;
  font-weight: 900;
  line-height: 2.4em;
  height: 2.4em;
}
/* line 7, ../../sass/partials/components/_languageswitch.scss */
.language-switch .switch-item {
  display: inline-block;
  color: #eb9049;
  border: 2px solid #eb9049;
  line-height: 2.4em;
  height: 2.4em;
  padding: 0px 0.6em;
}
/* line 14, ../../sass/partials/components/_languageswitch.scss */
.language-switch .switch-item:hover {
  background-color: #eb9049;
  color: #ede9e6;
  border-color: #eb9049;
}
/* line 22, ../../sass/partials/components/_languageswitch.scss */
.language-switch.en .switch-item.en, .language-switch.de .switch-item.de {
  background-color: #eb9049;
  color: #ede9e6;
  border-color: #eb9049;
}
/* line 28, ../../sass/partials/components/_languageswitch.scss */
.language-switch .switch-item + .switch-item {
  margin-left: 10px;
}

/* line 2, ../../sass/partials/components/_icon.scss */
.ui.icon-link {
  display: inline-block;
}
/* line 5, ../../sass/partials/components/_icon.scss */
.ui.icon {
  font-size: 42px;
  text-align: center;
  color: #ede9e6;
}

/* line 1, ../../sass/partials/components/_sharewidget.scss */
.share-widget {
  text-align: center;
  height: 65px;
  overflow: hidden;
}
/* line 7, ../../sass/partials/components/_sharewidget.scss */
.share-widget.mobile .share-button > .share-label {
  display: none;
}
/* line 11, ../../sass/partials/components/_sharewidget.scss */
.share-widget.mobile .share-button .embed {
  display: none;
}
/* line 16, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  position: relative;
  color: #fbf9f8;
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
}
@media (min-width: 600px) {
  /* line 16, ../../sass/partials/components/_sharewidget.scss */
  .share-widget .share-button {
    margin-right: 50px;
    margin-left: 50px;
  }
}
/* line 31, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button .icon-wrapper {
  text-align: center;
  height: 40px;
  width: 40px;
  position: relative;
  margin-top: 10px;
}
/* line 39, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button .icon-wrapper i {
  color: #9b928b;
  position: absolute;
  z-index: 7;
  font-size: 20px;
  text-align: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  line-height: 40px;
}
/* line 51, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button .icon-wrapper i.fa-facebook {
  margin-top: 2px;
}
/* line 57, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button .icon-wrapper, .share-widget .share-button .share-label {
  display: inline-block;
}
@keyframes borderAnimation {
  from {
    border-width: 0px;
  }
  to {
    border-width: 2px;
  }
}
/* line 66, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button .outter-circle {
  position: absolute;
  height: 90%;
  width: 90%;
  left: 5%;
  top: 5%;
  border-radius: 50px;
  z-index: 5;
  box-shadow: 0 0 0 3px #fbf9f8;
}
/* line 77, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button .inner-circle {
  font-size: 30px;
  color: #9b928b;
  height: 90%;
  width: 90%;
  border-radius: 50px;
  background-color: #fbf9f8;
  position: absolute;
  left: 5%;
  top: 5%;
  z-index: 6;
  box-shadow: 0 0 0 3px #fbf9f8;
}
/* line 95, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button i:hover ~ .inner-circle {
  border-width: 2px;
  transform: scale(0.1);
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.2s ease;
}
/* line 103, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button i:hover {
  color: #fbf9f8;
  transition: color 0.3s;
}
/* line 108, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button:hover {
  cursor: pointer;
}
/* line 112, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button.embed {
  display: none;
}
@media (min-width: 600px) {
  /* line 112, ../../sass/partials/components/_sharewidget.scss */
  .share-widget .share-button.embed {
    display: inline-block;
  }
}
/* line 120, ../../sass/partials/components/_sharewidget.scss */
.share-widget .share-button .share-label {
  display: none;
  font-size: 16px;
  line-height: 65px;
  height: 65px;
  position: absolute;
  margin-left: 10px;
  top: 0;
  white-space: nowrap;
}
@media (min-width: 600px) {
  /* line 120, ../../sass/partials/components/_sharewidget.scss */
  .share-widget .share-button .share-label {
    display: inline-block;
  }
}

/* line 1, ../../sass/partials/components/_embedcode.scss */
.embed-code-container {
  margin-top: 30px;
  color: #fbf9f8;
}
/* line 6, ../../sass/partials/components/_embedcode.scss */
.embed-code-container p, .embed-code-container input {
  color: #fbf9f8;
}
/* line 10, ../../sass/partials/components/_embedcode.scss */
.embed-code-container .dropdown {
  display: block;
  position: relative;
  width: 200px;
  margin: 0 auto;
  height: 48px;
  background-color: #5d5752;
  border-radius: 10px;
}
/* line 20, ../../sass/partials/components/_embedcode.scss */
.embed-code-container select {
  position: absolute;
  top: 0;
  left: 0px;
  width: 200px;
  color: #fbf9f8;
  background-color: transparent;
  font-size: 14px;
  font-weight: 100;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 48px;
  text-transform: uppercase;
  text-align-last: left;
  padding-left: 20px;
  z-index: 11;
}
/* line 40, ../../sass/partials/components/_embedcode.scss */
.embed-code-container select option {
  background-color: #5d5752;
}
/* line 43, ../../sass/partials/components/_embedcode.scss */
.embed-code-container select option:hover {
  background-color: #444;
}
/* line 46, ../../sass/partials/components/_embedcode.scss */
.embed-code-container select option:active {
  background-color: #444;
}
/* line 49, ../../sass/partials/components/_embedcode.scss */
.embed-code-container select option:focus {
  background-color: #444;
}
/* line 55, ../../sass/partials/components/_embedcode.scss */
.embed-code-container select:hover {
  cursor: pointer;
}
/* line 60, ../../sass/partials/components/_embedcode.scss */
.embed-code-container select::-ms-expand {
  display: none;
}
/* line 64, ../../sass/partials/components/_embedcode.scss */
.embed-code-container .dropdown-arrow {
  position: absolute;
  right: 20px;
  width: 50px;
  height: 48px;
  color: white;
  font-size: 14px;
  line-height: 48px;
  z-index: 10;
  text-align: right;
}
/* line 76, ../../sass/partials/components/_embedcode.scss */
.embed-code-container textarea {
  resize: none;
  width: 100%;
  height: 140px;
  line-height: 20px;
  outline: none;
  margin: 10px 0px;
  border: 1px solid #333;
}
/* line 87, ../../sass/partials/components/_embedcode.scss */
.embed-code-container .copy-to-clipboard-btn {
  line-height: 42px;
  text-transform: uppercase;
  color: white;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  background-color: #292929;
  text-align: center;
  width: 100%;
}
/* line 99, ../../sass/partials/components/_embedcode.scss */
.embed-code-container .copy-to-clipboard-btn:hover {
  background-color: #434343;
}
/* line 104, ../../sass/partials/components/_embedcode.scss */
.embed-code-container .buttons-wrapper {
  width: 100%;
  padding: 10px 0px;
}
/* line 109, ../../sass/partials/components/_embedcode.scss */
.embed-code-container .embed-button {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 32px;
  height: 32px;
  width: 50%;
  float: left;
  cursor: pointer;
  color: white;
  text-align: center;
}
/* line 122, ../../sass/partials/components/_embedcode.scss */
.embed-code-container .embed-button:hover {
  background-color: #434343;
}
/* line 125, ../../sass/partials/components/_embedcode.scss */
.embed-code-container .embed-button[data-disabled="true"] {
  color: #fbf9f8;
}
/* line 127, ../../sass/partials/components/_embedcode.scss */
.embed-code-container .embed-button[data-disabled="true"]:hover {
  background-color: #fff;
}
/* line 134, ../../sass/partials/components/_embedcode.scss */
.embed-code-container .embed-text {
  display: none;
}
/* line 138, ../../sass/partials/components/_embedcode.scss */
.embed-code-container[data-mode="full-campaign"] .embed-button.full-campaign, .embed-code-container[data-mode="selection-page"] .embed-button.selection-page, .embed-code-container[data-mode="beer-card"] .embed-button.beer-card, .embed-code-container[data-mode="explore-breweries"] .embed-button.explore-breweries {
  background-color: #ffcc33;
}

/* line 2, ../../sass/partials/components/_imagedropdown.scss */
.of-image-dropdown {
  position: relative;
  font-size: 16px;
  width: 100%;
}
/* line 6, ../../sass/partials/components/_imagedropdown.scss */
.of-image-dropdown .of-dropdown-label {
  width: 64px;
  margin: 0px auto;
  position: relative;
  cursor: pointer;
}
/* line 13, ../../sass/partials/components/_imagedropdown.scss */
.of-image-dropdown .of-dropdown-label .of-label-image {
  position: relative;
  cursor: pointer;
  height: 64px;
  width: 64px;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
/* line 26, ../../sass/partials/components/_imagedropdown.scss */
.of-image-dropdown .of-dropdown-label .of-label-text {
  position: relative;
  cursor: pointer;
  line-height: 1.2em;
  border: 1px solid #ddd;
  font-weight: 900;
  text-transform: capitalize;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
}
/* line 37, ../../sass/partials/components/_imagedropdown.scss */
.of-image-dropdown .of-dropdown-label .of-label-text:after {
  position: absolute;
  content: ' ';
  height: 0px;
  width: 0px;
  border: 4px solid transparent;
  border-top: 4px solid #333;
  right: 2px;
  top: 50%;
  margin-top: -2px;
}
/* line 52, ../../sass/partials/components/_imagedropdown.scss */
.of-image-dropdown .of-dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  background-color: white;
  border: 1px solid #eee;
  overflow: auto;
  height: 168px;
  width: 100%;
}
/* line 67, ../../sass/partials/components/_imagedropdown.scss */
.of-image-dropdown .of-dropdown-item {
  width: 64px;
  display: block;
  float: left;
  cursor: pointer;
  border: 1px solid transparent;
}
/* line 73, ../../sass/partials/components/_imagedropdown.scss */
.of-image-dropdown .of-dropdown-item .of-item-image {
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
}
/* line 81, ../../sass/partials/components/_imagedropdown.scss */
.of-image-dropdown .of-dropdown-item .of-item-label {
  text-align: center;
  text-transform: capitalize;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 900;
  height: 16px;
}
/* line 91, ../../sass/partials/components/_imagedropdown.scss */
.of-image-dropdown .of-dropdown-item:hover {
  border: 1px solid #e2e2e2;
}
/* line 97, ../../sass/partials/components/_imagedropdown.scss */
.of-image-dropdown[data-active="true"] .of-dropdown-menu {
  display: block;
}

/* line 1, ../../sass/partials/components/_socialmedia.scss */
.social-media-container {
  position: absolute;
  height: 40px;
  bottom: 0px;
  right: 0px;
  width: 132px;
  	/*@include XSmallDevice{
  		bottom:100px;
  		left:0px;
  		right:auto;
  		width:100px;
  		height:160px;
  		margin-top:-80px;
  
          .share-icon{
              width:30px;
          }
  
  		.social-media-item{
  			height:40px;
  			position:relative;
  			text-align:right;
  			width:100%;
              margin:3px 0px;
  			-webkit-transition: transform 1s cubic-bezier(0,0,0,1); 
  			-moz-transition: transform 1s cubic-bezier(0,0,0,1); 
  			-ms-transition: transform 1s cubic-bezier(0,0,0,1); 
  			-o-transition: transform 1s cubic-bezier(0,0,0,1); 
  			transition: transform 1s cubic-bezier(0,0,0,1); 
  
  			-webkit-transform:translateX(-60px); 
  			-moz-transform:translateX(-60px); 
  			-ms-transform:translateX(-60px); 
  			-o-transform:translateX(-60px); 
  			transform:translateX(-60px); 
  
  			&:hover{
  				-webkit-transform: translateX(0px); 
  				-moz-transform: translateX(0px); 
  				-ms-transform: translateX(0px); 
  				-o-transform: translateX(0px); 
  				transform: translateX(0px); 
  			}
  			.share-icon{
  				margin-right:5px;
  			}
  			.share-label{
  				display:inline-block;
  				color:$color-2;
  				margin-right:5px;
  			}
  			&.facebook-share{
  				left:auto;
  				width:100%;
  			}
  
  			&.twitter-share{
  				left:auto;
  				width:100%;
  			}
  
  			&.info-social{
  				right:auto;
  				width:100%;
  			}
  		}
  
  
  	}*/
}
/* line 8, ../../sass/partials/components/_socialmedia.scss */
.social-media-container .social-media-item {
  display: inline-block;
  margin: 0 2px;
  background-color: #fbf9f8;
  width: 40px;
  height: 100%;
  line-height: 40px;
  text-align: center;
  color: #9b928b;
}
/* line 18, ../../sass/partials/components/_socialmedia.scss */
.social-media-container .social-media-item a {
  display: block;
}
/* line 22, ../../sass/partials/components/_socialmedia.scss */
.social-media-container .social-media-item:hover {
  cursor: pointer;
}
/* line 26, ../../sass/partials/components/_socialmedia.scss */
.social-media-container .share-icon {
  width: 100%;
  text-align: center;
}
/* line 32, ../../sass/partials/components/_socialmedia.scss */
.social-media-container .share-icon {
  color: #9b928b;
  font-size: 28px;
  vertical-align: middle;
}
@media (min-width: 600px) {
  /* line 1, ../../sass/partials/components/_socialmedia.scss */
  .social-media-container {
    right: auto;
    left: 10px;
    width: 330px;
    height: 40px;
    bottom: 5px;
  }
  /* line 45, ../../sass/partials/components/_socialmedia.scss */
  .social-media-container .social-media-item {
    width: 40px;
    overflow: hidden;
    font-size: 16px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: background-color 1s cubic-bezier(0, 0, 0, 1);
    -moz-transition: background-color 1s cubic-bezier(0, 0, 0, 1);
    -ms-transition: background-color 1s cubic-bezier(0, 0, 0, 1);
    -o-transition: background-color 1s cubic-bezier(0, 0, 0, 1);
    transition: background-color 1s cubic-bezier(0, 0, 0, 1);
  }
  /* line 57, ../../sass/partials/components/_socialmedia.scss */
  .social-media-container .social-media-item:hover {
    background-color: rgba(0, 0, 0, 0.4);
  }
  /* line 61, ../../sass/partials/components/_socialmedia.scss */
  .social-media-container .share-icon {
    font-size: 26px;
  }
}

/*.social-media-container{
    position:absolute; 
    height:40px;
    bottom:0px;
    right:0px;
    width:132px;
    .social-media-item{
        display:inline-block;
        margin:0 2px;
        background-color:$color-4;
        width:40px;
        height:100%;
        line-height:40px;
        text-align: center;
        color:$color-2;
    }


    @include XSmallDevice(){
        width:100px;
        height:(4*30)+5*3px;
        background-color:$color-3;
        bottom:40px;
        right:auto;
        left:0px;

        .social-media-item{
            margin:3px 0px;
            height:30px;
            width:100%;
            display:block;
            position:relative;
            span{
                vertical-align: middle;
                line-height: 30px;
            }
            i{
                position:absolute;
                right:4px;
                top:0px;
                line-height: 30px;
            }
        }
    }
}*/
/* line 2, ../../sass/partials/components/_navlist.scss */
.nav-list-container {
  overflow-y: auto;
  background-color: #4c4c4c;
  /**/
}
/* line 7, ../../sass/partials/components/_navlist.scss */
.nav-list-container .nav-list-item {
  padding: 17px 36px;
  font-size: 16px;
  color: #9b928b;
  border-bottom: 1px solid #888;
  /*background-color:rgba(black, 0.7);*/
  font-family: "Inknut Antiqua", serif;
  font-weight: lighter;
}
/* line 18, ../../sass/partials/components/_navlist.scss */
.nav-list-container .nav-list-item:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=aston-martin] div[data-key=aston-martin] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=aston-martin] div[data-key=aston-martin] {
  background-color: rgba(83, 133, 181, 0.7);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=bugatti] div[data-key=bugatti] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=bugatti] div[data-key=bugatti] {
  background-color: rgba(83, 133, 181, 0.7);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=ferrari] div[data-key=ferrari] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=ferrari] div[data-key=ferrari] {
  background-color: rgba(83, 133, 181, 0.7);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=koenigsegg] div[data-key=koenigsegg] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=koenigsegg] div[data-key=koenigsegg] {
  background-color: rgba(83, 133, 181, 0.7);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=lamborghini] div[data-key=lamborghini] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=lamborghini] div[data-key=lamborghini] {
  background-color: rgba(83, 133, 181, 0.7);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=lotus] div[data-key=lotus] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=lotus] div[data-key=lotus] {
  background-color: rgba(83, 133, 181, 0.7);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=maserati] div[data-key=maserati] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=maserati] div[data-key=maserati] {
  background-color: rgba(83, 133, 181, 0.7);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=mclaren] div[data-key=mclaren] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=mclaren] div[data-key=mclaren] {
  background-color: rgba(83, 133, 181, 0.7);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=noble] div[data-key=noble] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=noble] div[data-key=noble] {
  background-color: rgba(83, 133, 181, 0.7);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=pagani] div[data-key=pagani] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=pagani] div[data-key=pagani] {
  background-color: rgba(83, 133, 181, 0.7);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=porsche] div[data-key=porsche] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=porsche] div[data-key=porsche] {
  background-color: rgba(83, 133, 181, 0.7);
}
/* line 27, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-primary-key=zenva] div[data-key=zenva] {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 33, ../../sass/partials/components/_navlist.scss */
.nav-list-container[data-secondary-key=zenva] div[data-key=zenva] {
  background-color: rgba(83, 133, 181, 0.7);
}
@media (min-width: 600px) {
  /* line 40, ../../sass/partials/components/_navlist.scss */
  .nav-list-container .nav-list-item {
    font-size: 21px;
  }
}
@media (min-width: 980px) {
  /* line 2, ../../sass/partials/components/_navlist.scss */
  .nav-list-container {
    background-color: rgba(0, 0, 0, 0.7);
  }
}

/* line 54, ../../sass/partials/components/_navlist.scss */
div[data-current-nav="3"] .nav-list-item:nth-child(1) {
  background-color: rgba(84, 175, 117, 0.7);
}
/* line 57, ../../sass/partials/components/_navlist.scss */
div[data-current-nav="3"] .nav-list-item:nth-child(2) {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 60, ../../sass/partials/components/_navlist.scss */
div[data-current-nav="3"] .nav-list-item:nth-child(3) {
  background-color: rgba(255, 204, 0, 0.7);
}
/* line 63, ../../sass/partials/components/_navlist.scss */
div[data-current-nav="3"] .nav-list-item:nth-child(4) {
  background-color: rgba(255, 126, 0, 0.7);
}
/* line 66, ../../sass/partials/components/_navlist.scss */
div[data-current-nav="3"] .nav-list-item:nth-child(5) {
  background-color: rgba(84, 133, 181, 0.7);
}

/* line 1, ../../sass/partials/components/_tooltip.scss */
.tooltip-container {
  position: absolute;
  /*height:45px;
  width:140px;*/
  padding: 10px;
  background-color: #333;
  /*background-color:rgba(black, 0.7);*/
  top: 0px;
  left: 0px;
  display: none;
  text-align: center;
}
/* line 13, ../../sass/partials/components/_tooltip.scss */
.tooltip-container[data-visible="true"] {
  display: block;
}
/* line 16, ../../sass/partials/components/_tooltip.scss */
.tooltip-container .tooltip-label {
  color: #9b928b;
  font-size: 16px;
  font-weight: lighter;
}
/* line 21, ../../sass/partials/components/_tooltip.scss */
.tooltip-container .tooltip-strong {
  font-weight: bold;
  text-transform: uppercase;
}

/* line 1, ../../sass/partials/components/_keylabel.scss */
.key-label-container {
  position: absolute;
  height: 50px;
  width: 280px;
  left: 50%;
  margin-left: -140px;
  bottom: 40px;
}
@media (min-width: 600px) {
  /* line 1, ../../sass/partials/components/_keylabel.scss */
  .key-label-container {
    bottom: 0px;
  }
}

/* line 15, ../../sass/partials/components/_keylabel.scss */
.gradient-container {
  position: absolute;
  left: 0px;
  height: 40px;
  top: 0px;
  width: 100%;
  display: block;
}
/* line 23, ../../sass/partials/components/_keylabel.scss */
.gradient-container[data-visible="false"] {
  display: none;
}
/* line 26, ../../sass/partials/components/_keylabel.scss */
.gradient-container .gradient-label-left,
.gradient-container .gradient-label-right {
  position: absolute;
  left: 0px;
  top: 15px;
  width: 30px;
  height: 20px;
}
/* line 35, ../../sass/partials/components/_keylabel.scss */
.gradient-container .gradient-label-right {
  left: auto;
  right: 3px;
}
/* line 40, ../../sass/partials/components/_keylabel.scss */
.gradient-container .gradient-item {
  width: 20%;
  float: left;
  position: relative;
  height: 10px;
}
/* line 49, ../../sass/partials/components/_keylabel.scss */
.gradient-container[data-gradient-color="blue"] .gradient-item:nth-child(1) {
  background-color: #1e274c;
}
/* line 49, ../../sass/partials/components/_keylabel.scss */
.gradient-container[data-gradient-color="blue"] .gradient-item:nth-child(2) {
  background-color: #354472;
}
/* line 49, ../../sass/partials/components/_keylabel.scss */
.gradient-container[data-gradient-color="blue"] .gradient-item:nth-child(3) {
  background-color: #455e9b;
}
/* line 49, ../../sass/partials/components/_keylabel.scss */
.gradient-container[data-gradient-color="blue"] .gradient-item:nth-child(4) {
  background-color: #4f74bf;
}
/* line 49, ../../sass/partials/components/_keylabel.scss */
.gradient-container[data-gradient-color="blue"] .gradient-item:nth-child(5) {
  background-color: #5e94ea;
}
/* line 56, ../../sass/partials/components/_keylabel.scss */
.gradient-container[data-gradient-color="red"] .gradient-item:nth-child(1) {
  background-color: #600e0e;
}
/* line 56, ../../sass/partials/components/_keylabel.scss */
.gradient-container[data-gradient-color="red"] .gradient-item:nth-child(2) {
  background-color: #871717;
}
/* line 56, ../../sass/partials/components/_keylabel.scss */
.gradient-container[data-gradient-color="red"] .gradient-item:nth-child(3) {
  background-color: #932e2e;
}
/* line 56, ../../sass/partials/components/_keylabel.scss */
.gradient-container[data-gradient-color="red"] .gradient-item:nth-child(4) {
  background-color: #bc4848;
}
/* line 56, ../../sass/partials/components/_keylabel.scss */
.gradient-container[data-gradient-color="red"] .gradient-item:nth-child(5) {
  background-color: #e55353;
}

/* line 64, ../../sass/partials/components/_keylabel.scss */
.equal-key-container {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  text-align: center;
  display: block;
}
/* line 73, ../../sass/partials/components/_keylabel.scss */
.equal-key-container[data-visible="false"] {
  display: none;
}
/* line 77, ../../sass/partials/components/_keylabel.scss */
.equal-key-container .rectangle {
  width: 30px;
  height: 30px;
  background-color: #7b408a;
  display: inline-block;
}
/* line 83, ../../sass/partials/components/_keylabel.scss */
.equal-key-container .label {
  line-height: 40px;
  margin-left: 15px;
  vertical-align: text-bottom;
  display: inline-block;
}
@media (min-width: 980px) {
  /* line 64, ../../sass/partials/components/_keylabel.scss */
  .equal-key-container {
    position: fixed;
    right: 20px;
    height: 40px;
    left: auto;
    top: auto;
    bottom: 10px;
    width: 200px;
  }
}

/* line 101, ../../sass/partials/components/_keylabel.scss */
.most-popular-key {
  position: fixed;
  right: 2px;
  bottom: 43px;
  width: 128px;
  height: auto;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  display: block;
}
/* line 111, ../../sass/partials/components/_keylabel.scss */
.most-popular-key[data-visible="false"] {
  display: none;
}
/* line 115, ../../sass/partials/components/_keylabel.scss */
.most-popular-key .key-row {
  margin: 0px;
  padding: 0px;
  display: block;
  line-height: 20px;
  margin-top: -2px;
}
/* line 121, ../../sass/partials/components/_keylabel.scss */
.most-popular-key .key-row:nth-child(1) .key-rectangle {
  background-color: rgba(84, 175, 117, 0.7);
}
/* line 124, ../../sass/partials/components/_keylabel.scss */
.most-popular-key .key-row:nth-child(2) .key-rectangle {
  background-color: rgba(229, 83, 83, 0.7);
}
/* line 127, ../../sass/partials/components/_keylabel.scss */
.most-popular-key .key-row:nth-child(3) .key-rectangle {
  background-color: rgba(255, 204, 0, 0.7);
}
/* line 130, ../../sass/partials/components/_keylabel.scss */
.most-popular-key .key-row:nth-child(4) .key-rectangle {
  background-color: rgba(255, 126, 0, 0.7);
}
/* line 133, ../../sass/partials/components/_keylabel.scss */
.most-popular-key .key-row:nth-child(5) .key-rectangle {
  background-color: rgba(84, 133, 181, 0.7);
}
/* line 137, ../../sass/partials/components/_keylabel.scss */
.most-popular-key .key-rectangle {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: wheat;
  vertical-align: middle;
}
/* line 144, ../../sass/partials/components/_keylabel.scss */
.most-popular-key .key-label {
  display: inline-block;
  color: #9b928b;
  vertical-align: middle;
  margin-left: 6px;
  font-size: 14px;
}
@media (min-width: 980px) {
  /* line 101, ../../sass/partials/components/_keylabel.scss */
  .most-popular-key {
    width: 150px;
  }
  /* line 154, ../../sass/partials/components/_keylabel.scss */
  .most-popular-key .key-row {
    line-height: 25px;
  }
  /* line 158, ../../sass/partials/components/_keylabel.scss */
  .most-popular-key .key-rectangle {
    height: 25px;
    width: 25px;
  }
  /* line 163, ../../sass/partials/components/_keylabel.scss */
  .most-popular-key .key-label {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  /* line 2, ../../sass/partials/components/_descriptionbox.scss */
  .nav-menu-container[data-visible="true"] ~
  .description-box-container {
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%);
  }
  /* line 9, ../../sass/partials/components/_descriptionbox.scss */
  .nav-menu-container[data-visible="true"] ~
  .description-box-container .toggle-btn {
    right: -40px;
    background-color: rgba(0, 0, 0, 0.7);
  }
  /* line 12, ../../sass/partials/components/_descriptionbox.scss */
  .nav-menu-container[data-visible="true"] ~
  .description-box-container .toggle-btn .icon-close {
    display: none;
  }
  /* line 15, ../../sass/partials/components/_descriptionbox.scss */
  .nav-menu-container[data-visible="true"] ~
  .description-box-container .toggle-btn .icon-extra-eye {
    display: inline-block;
  }
}
/* line 23, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container {
  position: fixed;
  left: 0px;
  top: 40px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px;
  opacity: 1;
  max-width: 100%;
  -webkit-transition: opacity, transform 1s cubic-bezier(0, 0, 0, 1);
  -moz-transition: opacity, transform 1s cubic-bezier(0, 0, 0, 1);
  -ms-transition: opacity, transform 1s cubic-bezier(0, 0, 0, 1);
  -o-transition: opacity, transform 1s cubic-bezier(0, 0, 0, 1);
  transition: opacity, transform 1s cubic-bezier(0, 0, 0, 1);
    /*@include SmallDevice(){
        left:10px;
        top:40px;
        max-width:400px;
        -webkit-transform:translate(0%); 
        -moz-transform:translate(0%); 
        -ms-transform:translate(0%); 
        -o-transform:translate(0%); 
        transform:translate(0%); 
        .toggle-btn{
            display: none;
        }

        .description-content{
            margin-top:0px;
        }
    }*/
}
/* line 38, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container[data-opacity-full="false"] {
  opacity: 0;
}
/* line 42, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container[data-visible="false"] {
  -webkit-transform: translate(-100%);
  -moz-transform: translate(-100%);
  -ms-transform: translate(-100%);
  -o-transform: translate(-100%);
  transform: translate(-100%);
}
/* line 48, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container[data-visible="false"] .toggle-btn {
  right: -40px;
  background-color: rgba(0, 0, 0, 0.7);
}
/* line 51, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container[data-visible="false"] .toggle-btn .icon-close {
  display: none;
}
/* line 54, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container[data-visible="false"] .toggle-btn .icon-extra-eye {
  display: inline-block;
}
/* line 60, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container .description-content {
  color: #9b928b;
  margin-top: 30px;
}
/* line 66, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container .toggle-btn {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 10px;
  line-height: 26px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
/* line 78, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container .toggle-btn .icon-close, .description-box-container .toggle-btn .icon-extra-eye {
  color: #9b928b;
  font-size: 20px;
  vertical-align: middle;
  display: inline-block;
}
/* line 85, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container .toggle-btn .icon-extra-eye {
  display: none;
  font-size: 20px;
}
/* line 92, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container .top-country-item {
  color: #9b928b;
}
/* line 96, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container .top-countries-container {
  border-top: 1px solid #ccc;
  padding: 5px;
  margin-top: 5px;
}
/* line 98, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container .top-countries-container[data-countries-length="0"] {
  display: none;
}
/* line 105, ../../sass/partials/components/_descriptionbox.scss */
.description-box-container .top-countries-container .title-label {
  font-size: 18px;
  color: #9b928b;
  margin-bottom: 6px;
}
@media (min-width: 600px) {
  /* line 23, ../../sass/partials/components/_descriptionbox.scss */
  .description-box-container {
    top: 70px;
    max-width: 290px;
  }
  /* line 115, ../../sass/partials/components/_descriptionbox.scss */
  .description-box-container[data-visible="true"] {
    -webkit-transform: translate(10px);
    -moz-transform: translate(10px);
    -ms-transform: translate(10px);
    -o-transform: translate(10px);
    transform: translate(10px);
  }
}
@media (min-width: 980px) {
  /* line 23, ../../sass/partials/components/_descriptionbox.scss */
  .description-box-container {
    max-width: 400px;
  }
}

/* line 2, ../../sass/partials/graphs/_multiline.scss */
.line-chart {
  position: relative;
  width: 100%;
  min-height: 300px;
}
/* line 6, ../../sass/partials/graphs/_multiline.scss */
.line-chart .graph-canvas {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
@media (min-width: 600px) {
  /* line 2, ../../sass/partials/graphs/_multiline.scss */
  .line-chart {
    min-height: 450px;
  }
}

/* line 19, ../../sass/partials/graphs/_multiline.scss */
.show-stocks-btn {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 200px;
  height: 24px;
  color: black;
  cursor: pointer;
  z-index: 555;
}
/* line 30, ../../sass/partials/graphs/_multiline.scss */
.show-stocks-btn .tickbox {
  position: relative;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 24px;
  color: black;
  border: 1px solid black;
  vertical-align: middle;
}
/* line 39, ../../sass/partials/graphs/_multiline.scss */
.show-stocks-btn .tickbox:before, .show-stocks-btn .tickbox:after {
  content: ' ';
  display: block;
  width: 2px;
  height: 90%;
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -1px;
  background-color: black;
  opacity: 0;
}
/* line 52, ../../sass/partials/graphs/_multiline.scss */
.show-stocks-btn .tickbox:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 59, ../../sass/partials/graphs/_multiline.scss */
.show-stocks-btn .tickbox:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 69, ../../sass/partials/graphs/_multiline.scss */
.show-stocks-btn[data-checked="true"] .tickbox:after, .show-stocks-btn[data-checked="true"] .tickbox:before {
  opacity: 1;
}
/* line 75, ../../sass/partials/graphs/_multiline.scss */
.show-stocks-btn .tickbox-label {
  cursor: pointer;
  position: inline-block;
  height: 24px;
  line-height: 24px;
  color: black;
  vertical-align: middle;
}

/* line 85, ../../sass/partials/graphs/_multiline.scss */
.graph-legend {
  text-align: center;
}

/* line 89, ../../sass/partials/graphs/_multiline.scss */
.tooltip-box {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  padding: 10px;
  z-index: 300;
  background-color: #ede9e6;
  color: black;
  border: 1px solid black;
}

/* line 105, ../../sass/partials/graphs/_multiline.scss */
.legend-item {
  position: relative;
  display: inline-block;
  width: 16%;
  font-size: 14px;
  color: black;
  padding: 10px 0px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 10px;
  border: 1px solid black;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="0"][data-selected="true"] {
  color: black;
  background-color: #44CC66;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="1"][data-selected="true"] {
  color: black;
  background-color: #6666ff;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="2"][data-selected="true"] {
  color: black;
  background-color: #ffffff;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="3"][data-selected="true"] {
  color: black;
  background-color: #0099ff;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="4"][data-selected="true"] {
  color: black;
  background-color: #c5395d;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="5"][data-selected="true"] {
  color: black;
  background-color: #ff9900;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="6"][data-selected="true"] {
  color: black;
  background-color: #00cc99;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="7"][data-selected="true"] {
  color: black;
  background-color: #00ffff;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="8"][data-selected="true"] {
  color: black;
  background-color: #00ffcc;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="9"][data-selected="true"] {
  color: black;
  background-color: #ffccff;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="10"][data-selected="true"] {
  color: black;
  background-color: #ff0000;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="11"][data-selected="true"] {
  color: black;
  background-color: #ff33cc;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="12"][data-selected="true"] {
  color: black;
  background-color: #ffcc00;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="13"][data-selected="true"] {
  color: black;
  background-color: #0033CC;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="14"][data-selected="true"] {
  color: black;
  background-color: #990099;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="15"][data-selected="true"] {
  color: black;
  background-color: #ffff00;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="16"][data-selected="true"] {
  color: black;
  background-color: #cccccc;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="17"][data-selected="true"] {
  color: black;
  background-color: #ccff33;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="18"][data-selected="true"] {
  color: black;
  background-color: #cc00ff;
}
/* line 125, ../../sass/partials/graphs/_multiline.scss */
.legend-item[data-index="19"][data-selected="true"] {
  color: black;
  background-color: #24b324;
}
@media (min-width: 980px) {
  /* line 105, ../../sass/partials/graphs/_multiline.scss */
  .legend-item {
    width: 10%;
  }
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="0"] {
  color: #44CC66;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="1"] {
  color: #6666ff;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="2"] {
  color: #ffffff;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="3"] {
  color: #0099ff;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="4"] {
  color: #c5395d;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="5"] {
  color: #ff9900;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="6"] {
  color: #00cc99;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="7"] {
  color: #00ffff;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="8"] {
  color: #00ffcc;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="9"] {
  color: #ffccff;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="10"] {
  color: #ff0000;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="11"] {
  color: #ff33cc;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="12"] {
  color: #ffcc00;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="13"] {
  color: #0033CC;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="14"] {
  color: #990099;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="15"] {
  color: #ffff00;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="16"] {
  color: #cccccc;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="17"] {
  color: #ccff33;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="18"] {
  color: #cc00ff;
}

/* line 145, ../../sass/partials/graphs/_multiline.scss */
.tooltip-item[data-index="19"] {
  color: #24b324;
}

/* line 151, ../../sass/partials/graphs/_multiline.scss */
circle.data-point {
  fill: red;
  stroke: none;
}

/* line 155, ../../sass/partials/graphs/_multiline.scss */
path.line-graph, path.line-stocks {
  fill: none;
  stroke-width: 2px;
}

/* line 161, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks {
  stroke-width: 1px;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-0 {
  fill: #44CC66;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-0 {
  stroke: #44CC66;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-0 {
  stroke: #44CC66;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-1 {
  fill: #6666ff;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-1 {
  stroke: #6666ff;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-1 {
  stroke: #6666ff;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-2 {
  fill: #ffffff;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-2 {
  stroke: #ffffff;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-2 {
  stroke: #ffffff;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-3 {
  fill: #0099ff;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-3 {
  stroke: #0099ff;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-3 {
  stroke: #0099ff;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-4 {
  fill: #c5395d;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-4 {
  stroke: #c5395d;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-4 {
  stroke: #c5395d;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-5 {
  fill: #ff9900;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-5 {
  stroke: #ff9900;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-5 {
  stroke: #ff9900;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-6 {
  fill: #00cc99;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-6 {
  stroke: #00cc99;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-6 {
  stroke: #00cc99;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-7 {
  fill: #00ffff;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-7 {
  stroke: #00ffff;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-7 {
  stroke: #00ffff;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-8 {
  fill: #00ffcc;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-8 {
  stroke: #00ffcc;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-8 {
  stroke: #00ffcc;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-9 {
  fill: #ffccff;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-9 {
  stroke: #ffccff;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-9 {
  stroke: #ffccff;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-10 {
  fill: #ff0000;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-10 {
  stroke: #ff0000;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-10 {
  stroke: #ff0000;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-11 {
  fill: #ff33cc;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-11 {
  stroke: #ff33cc;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-11 {
  stroke: #ff33cc;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-12 {
  fill: #ffcc00;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-12 {
  stroke: #ffcc00;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-12 {
  stroke: #ffcc00;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-13 {
  fill: #0033CC;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-13 {
  stroke: #0033CC;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-13 {
  stroke: #0033CC;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-14 {
  fill: #990099;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-14 {
  stroke: #990099;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-14 {
  stroke: #990099;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-15 {
  fill: #ffff00;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-15 {
  stroke: #ffff00;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-15 {
  stroke: #ffff00;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-16 {
  fill: #cccccc;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-16 {
  stroke: #cccccc;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-16 {
  stroke: #cccccc;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-17 {
  fill: #ccff33;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-17 {
  stroke: #ccff33;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-17 {
  stroke: #ccff33;
}

/* line 170, ../../sass/partials/graphs/_multiline.scss */
circle.data-point.group-18 {
  fill: #cc00ff;
}

/* line 174, ../../sass/partials/graphs/_multiline.scss */
path.line-graph.line-18 {
  stroke: #cc00ff;
}

/* line 178, ../../sass/partials/graphs/_multiline.scss */
path.line-stocks.line-18 {
  stroke: #cc00ff;
}

/* line 183, ../../sass/partials/graphs/_multiline.scss */
g.tick text {
  fill: black;
  stroke: none;
}

/* line 188, ../../sass/partials/graphs/_multiline.scss */
g.tick line {
  stroke: black;
  fill: none;
}

/* line 193, ../../sass/partials/graphs/_multiline.scss */
path.domain {
  stroke-width: 2px;
  stroke: black;
  fill: none;
}

/* line 1, ../../sass/partials/app/_base.scss */
body, html {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  background-color: #fbf9f8;
}

/* line 11, ../../sass/partials/app/_base.scss */
body *, html * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 17, ../../sass/partials/app/_base.scss */
h1 {
  font-family: "Inknut Antiqua", serif;
  font-size: 30px;
  font-weight: 400;
  color: #444444;
}

/* line 24, ../../sass/partials/app/_base.scss */
h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 100;
  color: #444444;
}

/* line 31, ../../sass/partials/app/_base.scss */
p {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 100;
  color: #444444;
}

/* line 38, ../../sass/partials/app/_base.scss */
.window-screen {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  display: none;
}
/* line 47, ../../sass/partials/app/_base.scss */
.window-screen[data-active="true"] {
  display: block;
}

/* line 52, ../../sass/partials/app/_base.scss */
#CampaignLogo {
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  width: 226px;
  z-index: 110;
}
/* line 59, ../../sass/partials/app/_base.scss */
#CampaignLogo img {
  width: 100%;
  height: auto;
}
@media (min-width: 600px) {
  /* line 52, ../../sass/partials/app/_base.scss */
  #CampaignLogo {
    width: 300px;
  }
}

/* line 68, ../../sass/partials/app/_base.scss */
#GocompareStaticLogo {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 0px;
  width: 120px;
  z-index: 110;
}
/* line 75, ../../sass/partials/app/_base.scss */
#GocompareStaticLogo img {
  width: 100%;
  height: auto;
}
@media (min-width: 600px) {
  /* line 68, ../../sass/partials/app/_base.scss */
  #GocompareStaticLogo {
    left: auto;
    bottom: auto;
    top: 0px;
    right: 10px;
  }
}

/* line 88, ../../sass/partials/app/_base.scss */
.postcard-screen .postcard-image .prev-btn, .postcard-screen .postcard-image .next-btn, .nav-list-container .nav-list-item {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
}

/* line 95, ../../sass/partials/app/_base.scss */
.footer {
  height: 65px;
  line-height: 65px;
  background-color: #9b928b;
  position: fixed;
  width: 100vw;
  z-index: 99;
  bottom: 0;
}
@media (min-width: 600px) {
  /* line 95, ../../sass/partials/app/_base.scss */
  .footer {
    position: fixed;
    bottom: 0;
    width: 100vw;
  }
  /* line 109, ../../sass/partials/app/_base.scss */
  .footer.postcard-view {
    width: 1120px;
    left: calc(50vw - 560px);
  }
}
@media (min-width: 600px) and (max-width: 1150px) {
  /* line 109, ../../sass/partials/app/_base.scss */
  .footer.postcard-view {
    left: 5%;
    width: 90%;
  }
}

/* line 123, ../../sass/partials/app/_base.scss */
.footer[data-embed-view=true] .share-widget .facebook, .footer[data-embed-view=true] .share-widget .twitter, .footer[data-embed-view=true] .share-widget .embed {
  display: none;
}
/* line 126, ../../sass/partials/app/_base.scss */
.footer[data-embed-view=true] .share-widget .info > .share-label {
  display: none;
}

/* line 132, ../../sass/partials/app/_base.scss */
.footer[data-full-screen=true] {
  display: none !important;
}

/* line 137, ../../sass/partials/app/_base.scss */
.app-container[data-view=postcard] .footer[data-embed-view=true] {
  display: none;
}

/* line 142, ../../sass/partials/app/_base.scss */
.app-container[data-dialog-toggled=true] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}

/* line 150, ../../sass/partials/app/_base.scss */
.app-container[data-view=splash] .splash-view {
  display: inline;
}
/* line 153, ../../sass/partials/app/_base.scss */
.app-container[data-view=splash] .postcard-view {
  display: none;
}

/* line 158, ../../sass/partials/app/_base.scss */
.app-container {
  overflow: auto;
  position: absolute;
  height: calc(100% - 65px);
}

/* line 165, ../../sass/partials/app/_base.scss */
.app-container[data-view=postcard] .splash-view {
  display: none;
}
/* line 168, ../../sass/partials/app/_base.scss */
.app-container[data-view=postcard] .postcard-view {
  display: inline;
}

/* line 177, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=false] .info-cities.web {
  display: block;
}
/* line 180, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=false] .info-cities.web .column {
  display: block;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 600px) {
  /* line 180, ../../sass/partials/app/_base.scss */
  .app-container[data-embed-view=false] .info-cities.web .column {
    display: inline-block;
    width: calc(100% / 3);
  }
}
/* line 194, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=false] .info-cities.embed {
  display: none;
}

/* line 200, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=true] {
  overflow: hidden;
  height: 100%;
}
/* line 206, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=true] .info-cities.web {
  display: none;
}
/* line 210, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=true] .info-cities.embed {
  display: block;
}
/* line 213, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=true] .info-cities.embed .column {
  display: block;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}
/* line 220, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=true] .info-cities.embed .column p {
  margin-bottom: 0px;
  font-size: 10px;
  line-height: 13px !important;
}
/* line 226, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=true] .info-cities.embed .column h2 {
  margin-bottom: 3px;
  margin-top: 5px;
  font-size: 13px;
}
/* line 235, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=true] .of-content-container {
  height: 600px;
  overflow: hidden;
}
/* line 238, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=true] .of-content-container .of-title {
  margin-bottom: 5px;
}
/* line 241, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=true] .of-content-container .info-dialog > p, .app-container[data-embed-view=true] .of-content-container a {
  font-size: 10px;
  line-height: 12px !important;
  margin-bottom: 0px;
}
/* line 246, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=true] .of-content-container .info-dialog > .info-cities > p > a {
  line-height: 13px !important;
}
/* line 251, ../../sass/partials/app/_base.scss */
.app-container[data-embed-view=true] .postcard-view > .full-screen > .postcard-image > .postcard-img {
  transform: translateY(-50%) rotate(0deg);
  height: auto;
  width: 90vw;
  left: 5vw;
}

/* line 260, ../../sass/partials/app/_base.scss */
.of-content-container > .info-dialog p {
  margin-bottom: 5px;
}
/* line 263, ../../sass/partials/app/_base.scss */
.of-content-container > .info-dialog .info-cities {
  color: #fbf9f8;
}
/* line 266, ../../sass/partials/app/_base.scss */
.of-content-container > .info-dialog .info-cities h2 {
  margin-bottom: 5px;
  margin-top: 10px;
}
/* line 271, ../../sass/partials/app/_base.scss */
.of-content-container > .info-dialog .info-cities p {
  line-height: 16px;
  margin-bottom: 5px;
}
/* line 276, ../../sass/partials/app/_base.scss */
.of-content-container > .info-dialog .info-cities a {
  color: #ffb45b;
}

/* line 282, ../../sass/partials/app/_base.scss */
.landscape-message {
  width: 100vw;
  height: 100vh;
  background-color: white;
  position: fixed;
  z-index: 9999;
  text-align: center;
  left: 0;
  top: 0;
  display: block;
}
/* line 293, ../../sass/partials/app/_base.scss */
.landscape-message .text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}
/* line 303, ../../sass/partials/app/_base.scss */
.landscape-message.hidden {
  display: none;
}

/* line 308, ../../sass/partials/app/_base.scss */
.hidden-preload {
  display: none;
}

@font-face {
  font-family: 'icomoon';
  src: url("https://www.expedia.se/vc/vykort-fran-forr/css/fonts/icomoon.eot?vsrfxt");
  src: url("https://www.expedia.se/vc/vykort-fran-forr/css/fonts/icomoon.eot?vsrfxt#iefix") format("embedded-opentype"), url("https://www.expedia.se/vc/vykort-fran-forr/css/fonts/icomoon.ttf?vsrfxt") format("truetype"), url("https://www.expedia.se/vc/vykort-fran-forr/css/fonts/icomoon.woff?vsrfxt") format("woff"), url("https://www.expedia.se/vc/vykort-fran-forr/css/fonts/icomoon.svg?vsrfxt#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 12, ../../sass/partials/app/_icons.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 27, ../../sass/partials/app/_icons.scss */
.icon-burger:before {
  content: "\e900";
}

/* line 30, ../../sass/partials/app/_icons.scss */
.icon-zoom-in:before {
  content: "\e902";
}

/* line 33, ../../sass/partials/app/_icons.scss */
.icon-zoom-out:before {
  content: "\e907";
}

/* line 36, ../../sass/partials/app/_icons.scss */
.icon-close:before {
  content: "\e903";
}

/* line 39, ../../sass/partials/app/_icons.scss */
.icon-embed:before {
  content: "\e904";
}

/* line 42, ../../sass/partials/app/_icons.scss */
.icon-facebook:before {
  content: "\e905";
}

/* line 45, ../../sass/partials/app/_icons.scss */
.icon-info:before {
  content: "\e907";
}

/* line 48, ../../sass/partials/app/_icons.scss */
.icon-twitter:before {
  content: "\e90d";
}

/* line 51, ../../sass/partials/app/_icons.scss */
.icon-earth:before {
  content: "\e9ca";
}

/* line 54, ../../sass/partials/app/_icons.scss */
.icon-home:before {
  content: "\e906";
}

/* line 57, ../../sass/partials/app/_icons.scss */
.icon-next:before {
  content: "\e90b";
}

/* line 60, ../../sass/partials/app/_icons.scss */
.icon-next-big:before {
  content: "\e901";
}

/* line 63, ../../sass/partials/app/_icons.scss */
.icon-prev-big:before {
  content: "\e900";
}

/* line 66, ../../sass/partials/app/_icons.scss */
.icon-prev:before {
  content: "\e90a";
}

@font-face {
  font-family: 'icomoon-extra';
  src: url("https://www.expedia.se/vc/vykort-fran-forr/css/fonts/icomoon-extra.eot?fafmk2");
  src: url("https://www.expedia.se/vc/vykort-fran-forr/css/fonts/icomoon-extra.eot?fafmk2#iefix") format("embedded-opentype"), url("https://www.expedia.se/vc/vykort-fran-forr/css/fonts/icomoon-extra.ttf?fafmk2") format("truetype"), url("https://www.expedia.se/vc/vykort-fran-forr/css/fonts/icomoon-extra.woff?fafmk2") format("woff"), url("https://www.expedia.se/vc/vykort-fran-forr/css/fonts/icomoon-extra.svg?fafmk2#icomoon-extra") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 81, ../../sass/partials/app/_icons.scss */
[class^="icon-extra-"], [class*=" icon-extra-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon-extra' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 96, ../../sass/partials/app/_icons.scss */
.icon-extra-eye:before {
  content: "\e9ce";
}