/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(http://fonts.googleapis.com/css?family=Poppins&subset=latin,latin-ext);
@import url("https://fonts.googleapis.com/css?family=Poppins");
@import url("http://fonts.googleapis.com/css?family=Poppins");
body {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #333333;
  background: #ffffff;
  min-height: 800px; }

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

.-text-one-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

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

.top-space {
  margin-top: 30px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Poppins", sans-serif;
  color: #333333;
  font-weight: 700; }

small {
  color: #4d4d4d; }

a.red {
  color: red; }

a.green {
  color: green; }

input[type=radio] {
  margin: 5px; }

.row.display-flex {
  display: flex;
  flex-wrap: wrap; }

.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
  /* padding: 6px 12px; } */
  }

@media (max-width: 768px) {
  .mobile-margin {
    margin-bottom: 5px; } }
.productGroup {
  font-size: .85714em;
  line-height: 1.83333em;
  background: #e7e7e7;
  padding: 0 10px;
  text-transform: uppercase;
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 15px;
  text-align: center; }

.price-form-group {
  margin-top: 50px; }

.quantity-panel {
  padding: 0;
  text-align: left; }

.tab-content.clearfix.tab-description {
  padding-top: 0; }

select {
  text-align-last: center; }

.product-details {
  line-height: 1.83333em; }

.product-col .price {
  padding: 0px 0;
  padding-bottom: 5px; }

.product-info .product-details .price-new {
  color: #2f353b;
  font-size: 18px;
  padding-right: 5px; }

.product-info .product-details .price-old {
  color: #888888;
  font-size: 16px;
  text-decoration: line-through; }

.tabs-panel.panel-smart {
  font-family: "Battersea",Helvetica,Arial,sans-serif;
  padding: 0; }

.product-col-with-buttons {
  background: #e8e8e8 none repeat scroll 0 0; }

.fontImage {
  background-image: url("../Images/ico_font.png") !important; }

.contrastImage {
  background-image: url("../Images/ico_contrast.png") !important; }

/*.contentfontImage {
    font-size: 24px;
    width: 30px;
    height: 30px;
}*/
.nav-supp-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 2.33333333em;
  height: 2.33333333em;
  cursor: pointer; }

.active {
  border: 1px solid transparent; }

.btn {
  border: 1px solid transparent; }

.display-flex-wrap {
  display: flex;
  flex-wrap: wrap; }

.display-flex {
  flex-wrap: wrap;
  display: flex; }

.transparent-border {
  border: 1px solid transparent; }

.product-col {
  margin: 0; }

.productButtons::before {
  display: none; }

.productButtons::after {
  display: none; }

.productButtons {
  left: 5px;
  border-radius: 0;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  padding: 10px; }

.cart-button {
  padding: 0 10px;
  margin: 0 auto; }

.form-control {
  height: auto;
  padding: 6px 6px; }

.product-col-with-buttons {
  background: #f4f4f4 none repeat scroll 0 0;
  border: #f4f4f4 solid 1px;
  height: 100%;
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
  padding-bottom: 25px; }

.product-shoppingCart-Icon {
  align-items: center;
  padding: 0; }

.border-radius-0 {
  border-radius: 0; }

.product-more-info {
  margin: auto; }

.btn-contrast-version:hover {
  background: yellow !important;
  color: black !important; }

.btn-contrast-version:hover span {
  background: yellow !important;
  color: black !important; }

.btn-contrast-version:hover i {
  background: yellow !important;
  color: black !important; }

.btn-contrast-version {
  background: white;
  color: black; }

.add-to-cart {
  white-space: pre-wrap;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 0;
  margin-right: 10px; }

.padding-0 {
  padding: 0px; }

.margin-bottom-10 {
  margin-bottom: 10px;
  padding-bottom: 10px; }

h1 {
  font-size: 24px; }

h2 {
  font-size: 18px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 12px; }

h5 {
  font-size: 10px; }

.no-gutter {
  margin-right: 0;
  margin-left: 0; }

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

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

.show-on-focus {
  opacity: 0;
  left: -800px;
  position: fixed;
  top: 70px; }

@media (max-width: 750px) {
  .show-on-focus:focus {
    opacity: 1;
    left: 0;
    position: fixed;
    top: 50px;
    padding: 5px 10px;
    background-color: black;
    color: white;
    z-index: 99999999; } }
@media (min-width: 750px) and (max-width: 970px) {
  .show-on-focus:focus {
    opacity: 1;
    left: 0;
    position: fixed;
    top: 50px;
    padding: 5px 10px;
    background-color: black;
    color: white;
    z-index: 99999999; } }
@media (min-width: 970px) and (max-width: 1170px) {
  .show-on-focus:focus {
    opacity: 1;
    left: 0;
    position: fixed;
    top: 50px;
    padding: 5px 10px;
    background-color: black;
    color: white;
    z-index: 99999999; } }
@media (min-width: 1170px) {
  .show-on-focus:focus {
    opacity: 1;
    left: 0;
    position: fixed;
    top: 70px;
    padding: 5px 10px;
    background-color: black;
    color: white;
    z-index: 99999999;
    text-decoration: none; } }
.skip-link {
  opacity: 0;
  left: -800px;
  position: absolute; }

.tickets {
  display: block;
  height: auto;
  width: 100%;
  text-align: left; }

.tickets > p {
  margin-bottom: 5px; }

.ticket-list {
  display: block;
  height: auto;
  width: 100%; }

@media only screen and (max-width: 767px) {
  .ticket-list {
    display: block; } }
.ticket-list-row {
  display: block;
  height: auto;
  width: 100%;
  padding: 8px 5px;
  border: 1px solid #bfbfbf; }

@media only screen and (min-width: 768px) {
  .ticket-list-row {
    text-align: right; } }
@media only screen and (max-width: 767px) {
  .ticket-list-row {
    border: 1px solid #555555; } }
.ticket-list-row.-ticket-table-header {
  border: 1px solid #dddddd;
  border-bottom: 0 none;
  /*background-color: lighten($theme-primary-color,10%);*/
  text-align: center;
  font-weight: bold;
  color: black; }

.ticket-list-row.-header {
  border: 0 none;
  background-color: #4bb02e;
  text-align: left;
  color: #fff; }

.ticket-list-row.-subsector {
  border: 0 none;
  background-color: #c7eebc;
  text-align: left;
  color: #333; }

.ticket-list-row.-footer {
  border: 0 none;
  font-weight: 700;
  background-color: #bfbfbf;
  color: #222222; }

.ticket-table {
  width: 100%;
  font-size: 13px; }

@media only screen and (max-width: 767px) {
  .ticket-table {
    display: block; } }
.ticket-table > tbody {
  width: 100%; }

@media only screen and (max-width: 767px) {
  .ticket-table > tbody {
    display: block; } }
.ticket-table-col {
  padding: 8px 5px;
  color: #222222;
  border-bottom: 1px solid #bfbfbf; }

@media only screen and (max-width: 767px) {
  .ticket-table-col {
    display: block;
    height: auto;
    width: 100%; } }
@media only screen and (min-width: 768px) {
  .ticket-table-col.-price {
    text-align: right; } }
@media only screen and (max-width: 767px) {
  .ticket-table-col.-price {
    border: 0 none; } }
.ticket-table-col.-center {
  text-align: center; }

.tickets-list > .ticket-table-row:first-child {
  border: 0 none; }

@media only screen and (max-width: 767px) {
  .ticket-table-row {
    display: block;
    height: auto;
    width: 100%;
    border-bottom: 1px solid #555555; } }
.ticket-Info-hide {
  display: none; }

.ticket-hide-form-controler {
  width: 100px;
  border: 0px none;
  background: none repeat scroll 0% 0% transparent;
  text-align: right; }

.scene {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  border-radius: 5px;
  background-color: black;
  color: white;
  border: 1px solid red; }

.ticket-type-desc {
  color: #999;
  font-style: italic;
  padding-left: 20px; }

.total-ticket-price {
  display: block;
  float: right;
  text-align: right;
  width: 50%;
  padding: 5px; }

.total-ticket-price .price-box {
  background-color: #ccc;
  color: #333;
  padding: 5px; }

.total-ticket-price .price-box-inactive {
  background: none;
  color: #eeeeee;
  text-decoration: line-through;
  padding: 5px; }

.thead-ticket-table {
  border: 0 none;
  /*background-color: #4bb02e;*/
  text-align: left;
  color: white; }

caption {
  padding-bottom: 0px; }

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*width: 50%;*/ }

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: .25rem;
  border-radius: .25rem;
  border-left-color: #f0ad4e; }

.panel-default > .panel-heading {
  background-color: transparent; }

.btn {
  -moz-user-select: none;
  background-image: none;
  border: 0px solid rgba(0, 0, 0, 0);
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 8px 5px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap; }
  .btn.-disable {
    background-color: #fff;
    border-color: #eda4ad !important;
    color: #eda4ad !important;
    cursor: not-allowed; }

.btn-word-wrap {
  white-space: normal !important;
  word-wrap: break-word; }

.bold {
  font-weight: bold; }

.btn-gold {
  background-color: #a6981e;
  color: white; }

.btn-purple {
  color: #fff;
  background-color: #4d4d4d;
  border-color: #333333; }

.btn-purple:hover, .btn-purple:focus, .btn-purple.focus, .btn-purple:active, .btn-purple.active, .open > .dropdown-toggle.btn-purple {
  color: #fff;
  background-color: #666666;
  border-color: #333333; }

.map-responsive {
  width: 100%;
  height: auto; }

.btn-gray {
  background-color: #f7cd26;
  border-color: #f7cd26;
  color: #333333; }

.btn-gray:hover, .btn-gray:focus, .btn-gray.focus, .btn-gray:active, .btn-gray.active, .open > .dropdown-toggle.btn-gray {
  background-color: #000000;
  color: #333333; }

.btn-black {
  color: #fff;
  background-color: #e26c7a;
  border: 1px solid #555; }

.btn-black:hover, .btn-black:focus, .btn-black.focus, .btn-black:active, .btn-black.active, .open > .dropdown-toggle.btn-black {
  color: #e8e8e8;
  background-color: #eda4ad;
  border-color: #881b28; }

.btn-default {
  background-color: #f7cd26;
  border-color: #f7cd26;
  color: #333333; }

.btn-default:hover, .btn-default:focus, .btn-default.focus, .open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #262625;
  border-color: #262625; }

.btn-default2 {
  background-color: #f7cd26;
  border-color: #f7cd26;
  color: #333333; }

.btn-default2:hover, .btn-default2:focus, .btn-default2.focus, .btn-default2:active, .btn-default2.active, .open > .dropdown-toggle.btn-default2 {
  background-color: #f9d857;
  color: #333333; }

.btn-orange {
  background-color: #f7cd26;
  border-color: #f7cd26;
  color: #333333; }

.btn-orange:hover, .btn-orange:focus, .btn-orange.focus, .btn-orange:active, .btn-orange.active, .open > .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #262625;
  border-color: #262625; }

.btn-margin {
  padding-bottom: 2px !important;
  margin-bottom: 2px !important; }

.btn.disabled {
  text-decoration: line-through; }

.btn-badge {
  color: #777 !important;
  background-color: #ffffff;
  border-color: #cccccc; }

.btn-badge:hover, .btn-badge:focus, .btn-badge.focus, .btn-badge:active, .btn-badge.active, .open > .dropdown-toggle.btn-badge {
  color: white !important;
  background-color: #999999;
  border-color: #cccccc; }

.btn-badge2 {
  color: white !important;
  background-color: #333333;
  border-color: #1a1a1a; }

.btn-badge2:hover, .btn-badge2:focus, .btn-badge2.focus, .btn-badge2:active, .btn-badge2.active, .open > .dropdown-toggle.btn-badge2 {
  color: white !important;
  background-color: #4d4d4d;
  border-color: #4d4d4d; }

.btn-wiecej {
  color: #fff !important;
  background-color: #333333;
  border-color: #333333; }

.btn-wiecej:hover, .btn-wiecej:focus, .btn-wiecej.focus, .btn-wiecej:active, .btn-wiecej.active, .open > .dropdown-toggle.btn-wiecej {
  color: #fff !important;
  background-color: #333333;
  border-color: #333333; }

.btn-kup {
  background-color: #f7cd26;
  border-color: #f7cd26;
  color: #333333; }

.btn-kup:hover, .btn-kup:focus, .btn-kup.focus, .btn-kup:active, .btn-kup.active, .open > .dropdown-toggle.btn-kup {
  color: #ffffff;
  background-color: #262625;
  border-color: #262625; }

.btn-kup2 {
  background-color: #f7cd26;
  border-color: #f7cd26;
  color: #333333 !important; 
  margin-top: 9px;
  width: 100%;
  min-width:200px;
  }

.btn-kup2:hover, .btn-kup2:focus, .btn-kup2.focus, .btn-kup2:active, .btn-kup2.active, .open > .dropdown-toggle.btn-kup2 {
  color: #ffffff !important;
  background-color: #262625;
  border-color: #262625; }

.btn-rezerwuj {
  background-color: #f7cd26;
  border-color: #f7cd26;
  color: #333333; }

.btn-rezerwuj:hover, .btn-rezerwuj:focus, .btn-rezerwuj.focus, .btn-rezerwuj:active, .btn-rezerwuj.active, .open > .dropdown-toggle.btn-rezerwuj {
  color: #ffffff;
  background-color: #262625;
  border-color: #262625; }
  
  .btn-success {
  background-color: #f7cd26;
  border-color: #f7cd26;
  color: #333333; }

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

.btn-anuluj {
  background-color: #f7cd26;
  border-color: #f7cd26;
  color: #333333; }

.btn-anuluj:hover, .btn-anuluj:focus, .btn-anuluj.focus, .btn-anuluj:active, .btn-anuluj.active, .open > .dropdown-toggle.btn-anuluj {
  color: #ffffff;
  background-color: #262625;
  border-color: #262625; }

.btn.disabled {
  border-color: #404040;
  text-decoration: line-through; }

.btn-sort {
  padding: 2px 15px 2px 15px;
  margin-right: 5px; }

.btn-repertoire {
  background-color: #f7cd26;
  border-color: #f7cd26;
  color: #333333; }

.calendar-test {
  background: #f7f7f7;
  padding: 5px; }

.calendar {
  background: #f7f7f7;
  border-radius: 0px;
  border: 1px solid #666666; }

.calendar a {
  text-decoration: none;
  color: gray;
  cursor: pointer; }

.calendar td {
  text-align: center; }

.calendar .header {
  padding: 10px 0 10px 0; }

.calendar table {
  border-spacing: 1px;
  border-collapse: separate; }

.calendar table.daymonth {
  padding: 10px 0 10px 0; }

.calendar .prev_month {
  float: left; }

.calendar .next_month {
  float: right; }

.calendar .year {
  text-align: center;
  font-weight: 500; }

.calendar .week_days {
  font-weight: 500; }

.calendar .event {
  color: white;
  background: #333333;
  font-weight: bold; }

.calendar .event:hover {
  background: #4d4d4d; }

.calendar .event a {
  color: white; }

.calendar .table {
  margin-bottom: 3px; }

.calendar td th {
  padding: 10px; }

.calendar .week_days td {
  color: #333333;
  font-weight: 700; }

.calendar .visualmonthyear {
  color: #000; }

.calendar .bg-active-calendar {
  background-color: #666666; }

.noborder, .noborder .calendar, .noborder .calendar * {
  border: none; }

.dropdown-menu .calendar td a {
  padding: 0px; }

@media (max-width: 979px) {
  .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    padding: 5px; } }
.calendar-cart {
  text-transform: uppercase;
  color: #f4f4f4; }

h1.calendar-cart {
  font-size: 96px !important; }

.calendar-bg-dates-box {
  background-color: #333333; }

.calendar-time {
  border-top: 1px solid;
  display: block;
  font-weight: 700; }

time.icon {
  font-size: 0.9em;
  /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #f2f2f2;
  margin: 0.15em auto;
  border: 1px solid black;
  overflow: hidden; }

time.icon * {
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center; }

time.icon strong {
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #b3b3b3;
  background-color: #f2f2f2; }

time.icon strong.active {
  color: #fff;
  background-color: #f0b2ba;
  border-bottom: 1px dashed #f8dde0;
  box-shadow: 0 2px 0 #f0b2ba; }

time.icon em {
  font-size: 0.86em;
  position: absolute;
  bottom: 0.3em;
  color: #b32335; }

time.icon em.active {
  color: #f0b2ba; }

time.icon span {
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f; }

time.icon span.active {
  color: #f0b2ba; }

time.icon:hover, time.icon:focus {
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out; }

.no-gutter [class*="-6"] {
  padding-left: 0; }

.eventcard {
  display: block;
  border-bottom: 1px solid none;
  background-color: #f2f2f2;
  min-height: 90px;
  max-height: 90px;
  text-align: center;
  font-weight: bold;
  padding-top: 25px; }

a.eventcard {
  text-decoration: none; }

a:hover.eventcard {
  background-color: #c2c2c2;
  color: white !important; }

.eventcard:nth-child(odd) {
  background-color: #e8e8e8; }

.eventcard:nth-child(even) {
  background-color: white;
  color: #6a6a6a; }

.eventcard.active {
  background-color: #333333 !important;
  color: white; }

.eventcard .daynumber {
  font-size: 2em;
  color: gray; }

.eventcard .daynumber.active {
  color: white; }

.eventcard > sup {
  color: gray;
  font-size: 1em;
  top: -0.7em;
  text-transform: uppercase; }

.eventcard > sup.active {
  color: white; }

.eventcard .yearnumber {
  color: gray;
  display: block;
  font-size: 0.8em;
  line-height: 2.5em; }

.eventcard .yearnumber.active {
  color: white; }

.eventcard .name {
  color: gray;
  display: block;
  font-size: 0.8em;
  line-height: 2.5em; }

a.calendarcard {
  display: block;
  border-bottom: 1px solid none;
  background-color: #cfcfcf;
  min-height: 90px;
  max-height: 90px;
  text-align: center;
  font-weight: bold;
  padding-top: 25px;
  float: right;
  padding-left: 13px;
  padding-right: 13px; }

a.calendarcard:hover {
  text-decoration: none;
  background-color: #c2c2c2;
  color: white !important; }

a.calendarcard .name {
  color: gray;
  display: block;
  font-size: 0.8em;
  line-height: 2.9em; }

a.calendarcard .icon {
  color: gray;
  line-height: 1.4em; }

.cookie {
  display: none;
  padding: 15px 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  color: #d63346; }

.cookie-msg {
  display: block;
  height: auto;
  width: 100%;
  padding-right: 34px; }

.cookie-btn {
  display: block;
  height: 24px;
  width: 24px;
  overflow: hidden;
  float: right;
  background: url("../images/button-close-circled.png") no-repeat 50% 50%;
  background-size: 24px;
  text-indent: 100%; }

#cookie-bar {
  background: black;
  height: auto;
  line-height: 24px;
  color: white;
  text-align: center;
  padding: 10px; }

#cookie-bar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto; }

#cookie-bar p {
  margin: 0;
  padding: 0; }

#cookie-bar a {
  color: white;
  display: inline-block;
  border-radius: 3px;
  text-decoration: none;
  padding: 0 6px;
  margin-left: 8px; }

#cookie-bar .cb-enable {
  background: #f7cd26;
  color: #333333;
  border: solid 1px #f7cd26; }

#cookie-bar .cb-enable:hover {
  background: #b08e07;
  color: #333333; }

#cookie-bar .cb-disable {
  background: #990000; }

#cookie-bar .cb-disable:hover {
  background: #bb0000; }

#cookie-bar .cb-policy {
  background: #0033bb; }

#cookie-bar .cb-policy:hover {
  background: #0055dd; }

.close {
  color: #FFF;
  float: right;
  font-weight: 700;
  line-height: 1;
  opacity: 0.7;
  text-shadow: none; }

.open > .dropdown-menu {
  float: right;
  font-size: 13px;
  list-style: outside none none;
  text-align: left;
  padding: 10px;
  position: absolute; }

.badge-red {
  background-color: #ff0000; }

.navbar-sorting {
  border-bottom: 1px solid #777777;
  padding-bottom: 5px; }

.navbar-sorting .sorting-buttons {
  margin: 15px; }

.badge-circle {
  border-radius: 20px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  min-width: 20px;
  min-height: 20px;
  padding: 10px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  margin: 10px; }

.img-disabled {
  opacity: 0.2;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */ }

.badge-disabled {
  background-color: #e8e8e8;
  color: #777; }

.modal-header button.close {
  /*background: rgba(0, 0, 0, 1) none repeat scroll 0 0;*/
  color: black;
  border: 0 none;
  cursor: pointer;
  border-radius: 50%;
  width: 20px;
  height: 20px; }

.text-color {
  color: #ffffff !important; }

.alert-warning {
  background-color: none;
  border-color: none;
  color: none; }

.alert-danger {
  background-color: none;
  border-color: none;
  color: none; }

.alert-info {
  background-color: #c5d5cb;
  border-color: none;
  color: #333; }

.alert-success {
  background-color: #d75813;
  border-color: #333333;
  color: #f4f4f4; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #333333;
  border-color: #1a1a1a;
  color: #FFF;
  cursor: default;
  z-index: 2; }

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

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  background-color: white;
  border: 1px solid white;
  color: #666666; }

.seatmap-tooltip {
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857;
  max-width: 150px;
  min-width: 150px;
  padding: 4px;
  position: absolute;
  text-align: center;
  white-space: normal;
  z-index: 1060; }

.word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.vertical-align {
  display: flex;
  flex-direction: row; }

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center;
                         /* Optional, to align inner items 
horizontally inside the column */ }

/**
 *  Do NOT include this part into your stylesheet.
 *  "flex: 1" or "flex-grow: 1" is added to make the inner div
 *  - Which is also a flex-item - take up all the horizontal space
 *  available space inside the flex container (.col-* elements)
 */
.vertical-align > [class^="col-"] > div,
.vertical-align > [class*=" col-"] > div {
  /* flex: 1; */
  flex-grow: 1; }

/**
 * S T Y L I N G
 ==================================*/
.vertical-align > div:first-child {
  background-color: white;
  	/* This is just for demonstration of
  	padding-box of the columns.
                                
  	I added this background to show 
  	the height of the columns         */ }

.vertical-align > div:last-child {
  	/* This is just for demonstration of
  	padding-box of the columns.
                                
  	I added this background to show 
  	the height of the columns         */ }

.container-site {
  background-color: #fff;
  border: 1px solid none; }

.header-container {
  height: auto; }

.calendar .color-primary {
  color: #333333; }

.color-primary {
  color: #333333; }

.color-tertiary {
  color: #f2f2f2; }

.color-secondary {
  color: #ffffff; }

.bg-color-primary {
  background-color: #333333; }

.bg-color-secondary {
  background-color: #f7f7f7; }

.bg-color-tertiary {
  background-color: #f2f2f2; }

.bg-site-color {
  background-color: #ffffff; }

.bold {
  font-weight: bold; }

.menu-box .boxes {
  /* Custom, iPhone Retina */
  /* Extra Small Devices, Phones */
  /* Small Devices, Tablets */
  /* Medium Devices, Desktops */
  /* Large Devices, Wide Screens */ }
  @media only screen and (min-width: 320px) {
    .menu-box .boxes {
      height: auto;
      padding: 5px 0 5px 0; } }
  @media only screen and (min-width: 480px) {
    .menu-box .boxes {
      height: auto;
      padding: 5px 0 5px 0; } }
  @media only screen and (min-width: 768px) {
    .menu-box .boxes {
      height: auto;
      padding: 5px 0 5px 0; } }
  @media only screen and (min-width: 992px) {
    .menu-box .boxes {
      /*height: 110px;*/ } }
  @media only screen and (min-width: 1200px) {
    .menu-box .boxes {
      /*height: 110px;*/ } }

div.menu-box {
  text-align: center;
  text-transform: uppercase;
  display: flex;
  -moz-max-width: auto;
  -ms-max-width: auto;
  -o-max-width: auto;
  -webkit-max-width: auto;
  border-right: 1px solid #cccccc;
  color: #cccccc; }

.menu-box div.active {
  color: #333333;
  background-color: white; }

.menu-box div a {
  color: #333333; }
  .menu-box div a:hover {
    color: #666666;
    text-decoration: none; }

.menu-box p {
  font-weight: 500;
  font-size: 12px;
  margin: 10px 0; }

.menu-box span {
  padding: 8px 0; }

.menu-box .progress {
  background-color: #e6e6e6;
  border-radius: 0px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1) inset;
  height: 20px;
  margin-bottom: 20px;
  margin-left: 5px;
  overflow: hidden; }

.logo-box {
  /* Custom, iPhone Retina */
  /* Extra Small Devices, Phones */
  /* Small Devices, Tablets */
  /* Medium Devices, Desktops */
  /* Large Devices, Wide Screens */ }
  @media only screen and (min-width: 320px) {
    .logo-box {
      height: auto;
      padding: 5px 0 5px 0; } }
  @media only screen and (min-width: 480px) {
    .logo-box {
      height: auto;
      padding: 5px 0 5px 0; } }
  @media only screen and (min-width: 768px) {
    .logo-box {
      height: auto;
      padding: 5px 0 5px 0; } }
  @media only screen and (min-width: 992px) {
    .logo-box {
      height: 110px;
      max-height: 110px; } }
  @media only screen and (min-width: 1200px) {
    .logo-box {
      height: 110px;
      max-height: 110px; } }

.logo-box img {
  max-height: 100px; }

.slide-bar-title {
  text-transform: uppercase;
  color: #f4f4f4 !important;
  padding: 7px 0 7px 15px !important;
  font-weight: bold;
  font-size: 18px; }

.repertoire-bar-title {
  text-transform: uppercase;
  padding: 7px 0 7px 15px !important;
  font-weight: bold;
  font-size: 18px; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.btn-repertoire {
  -moz-user-select: none;
  background-image: none;
  border: 0px solid rgba(0, 0, 0, 0);
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 8px 5px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #333333; }

@media (min-width: 768px) {
  .row {
    position: relative; }

  .bottom-align {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100%; } }
.flip-back {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100000;
  padding: 15px;
  color: #f4f4f4; }

.flip-back a {
  color: #f4f4f4; }
  .flip-back a:hover {
    color: #5b5b5b;
    text-decoration: none; }

.flip-back h5 {
  color: #f4f4f4 !important; }

.evenodd:nth-child(odd) {
  background-color: #e8e8e8; }

.evenodd:nth-child(even) {
  background-color: white; }

.badge {
  -ms-border-radius: 0;
  border-radius: 0; }

.title-head {
  font-size: 120%;
  display: block;
  color: #333333;
  padding: 10px;
  border-bottom: solid 1px #333333; }

.alpha60 {
  margin: 30px;
  background-color: #ffffff;
  border: 1px solid black;
  opacity: 0.4;
  filter: alpha(opacity=40);
  /* For IE8 and earlier */ }

.radio2img > input {
  /* HIDE RADIO */
  display: none; }

.radio2img > input + img {
  /* IMAGE STYLES */
  cursor: pointer;
  border: 2px solid transparent; }

.radio2img > input:checked + img {
  /* (CHECKED) IMAGE STYLES */
  border: 2px solid #fa8072;
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */ }

#paymentChannels label img {
  display: block;
  /* requirement */
  /* fix */
  pointer-events: none;
  position: relative; }

/* fix */
#paymentChannels label {
  display: inline-block;
  position: relative;
  cursor: pointer; }

#paymentChannels label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }

.img-shadow {
  border: solid 1px #CCC;
  -moz-box-shadow: 1px 1px 5px #999;
  -webkit-box-shadow: 1px 1px 5px #999;
  box-shadow: 1px 1px 5px #999; }

.vertical-center {
  display: flex;
  justify-content: center;
  align-items: center; }

h4.sector-color, a.sector-color {
  color: #fff !important; }

.sector-bg-1 {
  background-color: #9AB31B; }

.sector-bg-2 {
  background-color: #B32335; }

.sector-bg-3 {
  background-color: #3E4A58; }

.sector-bg-4 {
  background-color: #0E3F6A; }

.sector-bg-5 {
  background-color: #1FDA9A; }

.sector-bg-6 {
  background-color: #F2AE72; }

.sector-bg-7 {
  background-color: #588C73; }

.sector-bg-8 {
  background-color: #008BBA; }

.sector-bg-9 {
  background-color: #4C9100; }

.sector-bg-10 {
  background-color: #5E412F; }

/* lupka powiekszajaca na mapie sali */
.glass {
  width: 175px;
  height: 175px;
  position: absolute;
  border-radius: 50%;
  cursor: crosshair;
  /* Multiple box shadows to achieve the glass effect */
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  /* hide the glass by default */
  display: none; }

.disabled {
  box-shadow: none;
  cursor: not-allowed !important;
  opacity: 0.25;
  pointer-events: none;
  text-decoration: line-through; }

.box-package {
  color: yellowgreen; }

.swipe {
  position: absolute;
  width: 100%;
  height: 350px;
  z-index: 1000000;
  margin: 20px auto;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.7);
  background-image: url(../Images/swipe.gif);
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: center top; }

.swipe-bottom {
  width: 95%;
  position: absolute;
  bottom: 0;
  left: 0; }

.close-swipe {
  color: black; }

/*
 *  STYLE 5
 */
.scrollbar-bg-dark::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5; }

.scrollbar-bg-dark::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5; }

.scrollbar-bg-dark::-webkit-scrollbar-thumb {
  background-color: #333333;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent)); }

.dialog-center {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -141px 0 0 -300px; }

.dialog-title {
  color: #215697; }

.dialog-strong {
  font-size: 16px;
  color: #F55; }

.dialog .glyphicon {
  margin-right: 5px; }

.modal-content {
  background-clip: padding-box;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
  outline: 0 none;
  position: relative; }

.title-longterm {
  border-bottom: 1px solid #eda4ad;
  padding-bottom: 5px; }

.framecolor {
  box-shadow: 2px 3px 3px #e8e8e8;
  background-color: #f4f4f4;
  border: 1px solid #777; }

.event-background {
  background-color: #ffffff; }

.eventlist {
  color: #333333 !important;
  background-color: #ffffff;
  border: 1px solid none; }
  .eventlist:hover {
    background-color: white; }

.eventlist .padding5 {
  padding: 5px; }

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

.panel-event-details {
  background-color: #ffffff;
  border: 0px solid none;
  border-radius: 0;
  padding: 0; }

.panel-default {
  border: 1px solid none; }

.text-event-details {
  padding-top: 10px;
  padding-left: 10px;
  color: #333333; }

.scene-bg-event-details {
  background-color: #ffffff; }

.panel-event-details .panel-heading {
  padding: 0;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.panel-event-details .panel-body {
  padding: 0; }

.panel-event-details h4 {
  margin-top: 5px;
  margin-bottom: 5px; }

.panel-event-details .btn-margin {
  padding-bottom: 2px !important;
  margin-bottom: 5px !important; }

.event-new {
  background-color: rgba(255, 85, 85, 0.3);
  color: white;
  text-align: center;
  font-weight: 700;
  margin: 10px;
  position: absolute;
  padding: 3px 5px; }

.event-gallery-background {
  background-color: #fff; }

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em; }

.flag-icon:before {
  content: "\00a0"; }

.flag-icon.flag-icon-squared {
  width: 1em; }

.flag-icon-ad {
  background-image: url(../images/flags/4x3/ad.svg); }

.flag-icon-ad.flag-icon-squared {
  background-image: url(../images/flags/1x1/ad.svg); }

.flag-icon-ae {
  background-image: url(../images/flags/4x3/ae.svg); }

.flag-icon-ae.flag-icon-squared {
  background-image: url(../images/flags/1x1/ae.svg); }

.flag-icon-af {
  background-image: url(../images/flags/4x3/af.svg); }

.flag-icon-af.flag-icon-squared {
  background-image: url(../images/flags/1x1/af.svg); }

.flag-icon-ag {
  background-image: url(../images/flags/4x3/ag.svg); }

.flag-icon-ag.flag-icon-squared {
  background-image: url(../images/flags/1x1/ag.svg); }

.flag-icon-ai {
  background-image: url(../images/flags/4x3/ai.svg); }

.flag-icon-ai.flag-icon-squared {
  background-image: url(../images/flags/1x1/ai.svg); }

.flag-icon-al {
  background-image: url(../images/flags/4x3/al.svg); }

.flag-icon-al.flag-icon-squared {
  background-image: url(../images/flags/1x1/al.svg); }

.flag-icon-am {
  background-image: url(../images/flags/4x3/am.svg); }

.flag-icon-am.flag-icon-squared {
  background-image: url(../images/flags/1x1/am.svg); }

.flag-icon-ao {
  background-image: url(../images/flags/4x3/ao.svg); }

.flag-icon-ao.flag-icon-squared {
  background-image: url(../images/flags/1x1/ao.svg); }

.flag-icon-aq {
  background-image: url(../images/flags/4x3/aq.svg); }

.flag-icon-aq.flag-icon-squared {
  background-image: url(../images/flags/1x1/aq.svg); }

.flag-icon-ar {
  background-image: url(../images/flags/4x3/ar.svg); }

.flag-icon-ar.flag-icon-squared {
  background-image: url(../images/flags/1x1/ar.svg); }

.flag-icon-as {
  background-image: url(../images/flags/4x3/as.svg); }

.flag-icon-as.flag-icon-squared {
  background-image: url(../images/flags/1x1/as.svg); }

.flag-icon-at {
  background-image: url(../images/flags/4x3/at.svg); }

.flag-icon-at.flag-icon-squared {
  background-image: url(../images/flags/1x1/at.svg); }

.flag-icon-au {
  background-image: url(../images/flags/4x3/au.svg); }

.flag-icon-au.flag-icon-squared {
  background-image: url(../images/flags/1x1/au.svg); }

.flag-icon-aw {
  background-image: url(../images/flags/4x3/aw.svg); }

.flag-icon-aw.flag-icon-squared {
  background-image: url(../images/flags/1x1/aw.svg); }

.flag-icon-ax {
  background-image: url(../images/flags/4x3/ax.svg); }

.flag-icon-ax.flag-icon-squared {
  background-image: url(../images/flags/1x1/ax.svg); }

.flag-icon-az {
  background-image: url(../images/flags/4x3/az.svg); }

.flag-icon-az.flag-icon-squared {
  background-image: url(../images/flags/1x1/az.svg); }

.flag-icon-ba {
  background-image: url(../images/flags/4x3/ba.svg); }

.flag-icon-ba.flag-icon-squared {
  background-image: url(../images/flags/1x1/ba.svg); }

.flag-icon-bb {
  background-image: url(../images/flags/4x3/bb.svg); }

.flag-icon-bb.flag-icon-squared {
  background-image: url(../images/flags/1x1/bb.svg); }

.flag-icon-bd {
  background-image: url(../images/flags/4x3/bd.svg); }

.flag-icon-bd.flag-icon-squared {
  background-image: url(../images/flags/1x1/bd.svg); }

.flag-icon-be {
  background-image: url(../images/flags/4x3/be.svg); }

.flag-icon-be.flag-icon-squared {
  background-image: url(../images/flags/1x1/be.svg); }

.flag-icon-bf {
  background-image: url(../images/flags/4x3/bf.svg); }

.flag-icon-bf.flag-icon-squared {
  background-image: url(../images/flags/1x1/bf.svg); }

.flag-icon-bg {
  background-image: url(../images/flags/4x3/bg.svg); }

.flag-icon-bg.flag-icon-squared {
  background-image: url(../images/flags/1x1/bg.svg); }

.flag-icon-bh {
  background-image: url(../images/flags/4x3/bh.svg); }

.flag-icon-bh.flag-icon-squared {
  background-image: url(../images/flags/1x1/bh.svg); }

.flag-icon-bi {
  background-image: url(../images/flags/4x3/bi.svg); }

.flag-icon-bi.flag-icon-squared {
  background-image: url(../images/flags/1x1/bi.svg); }

.flag-icon-bj {
  background-image: url(../images/flags/4x3/bj.svg); }

.flag-icon-bj.flag-icon-squared {
  background-image: url(../images/flags/1x1/bj.svg); }

.flag-icon-bl {
  background-image: url(../images/flags/4x3/bl.svg); }

.flag-icon-bl.flag-icon-squared {
  background-image: url(../images/flags/1x1/bl.svg); }

.flag-icon-bm {
  background-image: url(../images/flags/4x3/bm.svg); }

.flag-icon-bm.flag-icon-squared {
  background-image: url(../images/flags/1x1/bm.svg); }

.flag-icon-bn {
  background-image: url(../images/flags/4x3/bn.svg); }

.flag-icon-bn.flag-icon-squared {
  background-image: url(../images/flags/1x1/bn.svg); }

.flag-icon-bo {
  background-image: url(../images/flags/4x3/bo.svg); }

.flag-icon-bo.flag-icon-squared {
  background-image: url(../images/flags/1x1/bo.svg); }

.flag-icon-bq {
  background-image: url(../images/flags/4x3/bq.svg); }

.flag-icon-bq.flag-icon-squared {
  background-image: url(../images/flags/1x1/bq.svg); }

.flag-icon-br {
  background-image: url(../images/flags/4x3/br.svg); }

.flag-icon-br.flag-icon-squared {
  background-image: url(../images/flags/1x1/br.svg); }

.flag-icon-bs {
  background-image: url(../images/flags/4x3/bs.svg); }

.flag-icon-bs.flag-icon-squared {
  background-image: url(../images/flags/1x1/bs.svg); }

.flag-icon-bt {
  background-image: url(../images/flags/4x3/bt.svg); }

.flag-icon-bt.flag-icon-squared {
  background-image: url(../images/flags/1x1/bt.svg); }

.flag-icon-bv {
  background-image: url(../images/flags/4x3/bv.svg); }

.flag-icon-bv.flag-icon-squared {
  background-image: url(../images/flags/1x1/bv.svg); }

.flag-icon-bw {
  background-image: url(../images/flags/4x3/bw.svg); }

.flag-icon-bw.flag-icon-squared {
  background-image: url(../images/flags/1x1/bw.svg); }

.flag-icon-by {
  background-image: url(../images/flags/4x3/by.svg); }

.flag-icon-by.flag-icon-squared {
  background-image: url(../images/flags/1x1/by.svg); }

.flag-icon-bz {
  background-image: url(../images/flags/4x3/bz.svg); }

.flag-icon-bz.flag-icon-squared {
  background-image: url(../images/flags/1x1/bz.svg); }

.flag-icon-ca {
  background-image: url(../images/flags/4x3/ca.svg); }

.flag-icon-ca.flag-icon-squared {
  background-image: url(../images/flags/1x1/ca.svg); }

.flag-icon-cc {
  background-image: url(../images/flags/4x3/cc.svg); }

.flag-icon-cc.flag-icon-squared {
  background-image: url(../images/flags/1x1/cc.svg); }

.flag-icon-cd {
  background-image: url(../images/flags/4x3/cd.svg); }

.flag-icon-cd.flag-icon-squared {
  background-image: url(../images/flags/1x1/cd.svg); }

.flag-icon-cf {
  background-image: url(../images/flags/4x3/cf.svg); }

.flag-icon-cf.flag-icon-squared {
  background-image: url(../images/flags/1x1/cf.svg); }

.flag-icon-cg {
  background-image: url(../images/flags/4x3/cg.svg); }

.flag-icon-cg.flag-icon-squared {
  background-image: url(../images/flags/1x1/cg.svg); }

.flag-icon-ch {
  background-image: url(../images/flags/4x3/ch.svg); }

.flag-icon-ch.flag-icon-squared {
  background-image: url(../images/flags/1x1/ch.svg); }

.flag-icon-ci {
  background-image: url(../images/flags/4x3/ci.svg); }

.flag-icon-ci.flag-icon-squared {
  background-image: url(../images/flags/1x1/ci.svg); }

.flag-icon-ck {
  background-image: url(../images/flags/4x3/ck.svg); }

.flag-icon-ck.flag-icon-squared {
  background-image: url(../images/flags/1x1/ck.svg); }

.flag-icon-cl {
  background-image: url(../images/flags/4x3/cl.svg); }

.flag-icon-cl.flag-icon-squared {
  background-image: url(../images/flags/1x1/cl.svg); }

.flag-icon-cm {
  background-image: url(../images/flags/4x3/cm.svg); }

.flag-icon-cm.flag-icon-squared {
  background-image: url(../images/flags/1x1/cm.svg); }

.flag-icon-cn {
  background-image: url(../images/flags/4x3/cn.svg); }

.flag-icon-cn.flag-icon-squared {
  background-image: url(../images/flags/1x1/cn.svg); }

.flag-icon-co {
  background-image: url(../images/flags/4x3/co.svg); }

.flag-icon-co.flag-icon-squared {
  background-image: url(../images/flags/1x1/co.svg); }

.flag-icon-cr {
  background-image: url(../images/flags/4x3/cr.svg); }

.flag-icon-cr.flag-icon-squared {
  background-image: url(../images/flags/1x1/cr.svg); }

.flag-icon-cu {
  background-image: url(../images/flags/4x3/cu.svg); }

.flag-icon-cu.flag-icon-squared {
  background-image: url(../images/flags/1x1/cu.svg); }

.flag-icon-cv {
  background-image: url(../images/flags/4x3/cv.svg); }

.flag-icon-cv.flag-icon-squared {
  background-image: url(../images/flags/1x1/cv.svg); }

.flag-icon-cw {
  background-image: url(../images/flags/4x3/cw.svg); }

.flag-icon-cw.flag-icon-squared {
  background-image: url(../images/flags/1x1/cw.svg); }

.flag-icon-cx {
  background-image: url(../images/flags/4x3/cx.svg); }

.flag-icon-cx.flag-icon-squared {
  background-image: url(../images/flags/1x1/cx.svg); }

.flag-icon-cy {
  background-image: url(../images/flags/4x3/cy.svg); }

.flag-icon-cy.flag-icon-squared {
  background-image: url(../images/flags/1x1/cy.svg); }

.flag-icon-cz {
  background-image: url(../images/flags/4x3/cz.svg); }

.flag-icon-cz.flag-icon-squared {
  background-image: url(../images/flags/1x1/cz.svg); }

.flag-icon-cs {
  background-image: url(../images/flags/4x3/cz.svg); }

.flag-icon-cs.flag-icon-squared {
  background-image: url(../images/flags/1x1/cz.svg); }

.flag-icon-de {
  background-image: url(../images/flags/4x3/de.svg); }

.flag-icon-de.flag-icon-squared {
  background-image: url(../images/flags/1x1/de.svg); }

.flag-icon-dj {
  background-image: url(../images/flags/4x3/dj.svg); }

.flag-icon-dj.flag-icon-squared {
  background-image: url(../images/flags/1x1/dj.svg); }

.flag-icon-dk {
  background-image: url(../images/flags/4x3/dk.svg); }

.flag-icon-dk.flag-icon-squared {
  background-image: url(../images/flags/1x1/dk.svg); }

.flag-icon-dm {
  background-image: url(../images/flags/4x3/dm.svg); }

.flag-icon-dm.flag-icon-squared {
  background-image: url(../images/flags/1x1/dm.svg); }

.flag-icon-do {
  background-image: url(../images/flags/4x3/do.svg); }

.flag-icon-do.flag-icon-squared {
  background-image: url(../images/flags/1x1/do.svg); }

.flag-icon-dz {
  background-image: url(../images/flags/4x3/dz.svg); }

.flag-icon-dz.flag-icon-squared {
  background-image: url(../images/flags/1x1/dz.svg); }

.flag-icon-ec {
  background-image: url(../images/flags/4x3/ec.svg); }

.flag-icon-ec.flag-icon-squared {
  background-image: url(../images/flags/1x1/ec.svg); }

.flag-icon-ee {
  background-image: url(../images/flags/4x3/ee.svg); }

.flag-icon-ee.flag-icon-squared {
  background-image: url(../images/flags/1x1/ee.svg); }

.flag-icon-eg {
  background-image: url(../images/flags/4x3/eg.svg); }

.flag-icon-eg.flag-icon-squared {
  background-image: url(../images/flags/1x1/eg.svg); }

.flag-icon-eh {
  background-image: url(../images/flags/4x3/eh.svg); }

.flag-icon-eh.flag-icon-squared {
  background-image: url(../images/flags/1x1/eh.svg); }

.flag-icon-er {
  background-image: url(../images/flags/4x3/er.svg); }

.flag-icon-er.flag-icon-squared {
  background-image: url(../images/flags/1x1/er.svg); }

.flag-icon-es {
  background-image: url(../images/flags/4x3/es.svg); }

.flag-icon-es.flag-icon-squared {
  background-image: url(../images/flags/1x1/es.svg); }

.flag-icon-et {
  background-image: url(../images/flags/4x3/et.svg); }

.flag-icon-et.flag-icon-squared {
  background-image: url(../images/flags/1x1/et.svg); }

.flag-icon-fi {
  background-image: url(../images/flags/4x3/fi.svg); }

.flag-icon-fi.flag-icon-squared {
  background-image: url(../images/flags/1x1/fi.svg); }

.flag-icon-fj {
  background-image: url(../images/flags/4x3/fj.svg); }

.flag-icon-fj.flag-icon-squared {
  background-image: url(../images/flags/1x1/fj.svg); }

.flag-icon-fk {
  background-image: url(../images/flags/4x3/fk.svg); }

.flag-icon-fk.flag-icon-squared {
  background-image: url(../images/flags/1x1/fk.svg); }

.flag-icon-fm {
  background-image: url(../images/flags/4x3/fm.svg); }

.flag-icon-fm.flag-icon-squared {
  background-image: url(../images/flags/1x1/fm.svg); }

.flag-icon-fo {
  background-image: url(../images/flags/4x3/fo.svg); }

.flag-icon-fo.flag-icon-squared {
  background-image: url(../images/flags/1x1/fo.svg); }

.flag-icon-fr {
  background-image: url(../images/flags/4x3/fr.svg); }

.flag-icon-fr.flag-icon-squared {
  background-image: url(../images/flags/1x1/fr.svg); }

.flag-icon-ga {
  background-image: url(../images/flags/4x3/ga.svg); }

.flag-icon-ga.flag-icon-squared {
  background-image: url(../images/flags/1x1/ga.svg); }

.flag-icon-gb {
  background-image: url(../images/flags/4x3/gb.svg); }

.flag-icon-gb.flag-icon-squared {
  background-image: url(../images/flags/1x1/gb.svg); }

.flag-icon-gd {
  background-image: url(../images/flags/4x3/gd.svg); }

.flag-icon-gd.flag-icon-squared {
  background-image: url(../images/flags/1x1/gd.svg); }

.flag-icon-ge {
  background-image: url(../images/flags/4x3/ge.svg); }

.flag-icon-ge.flag-icon-squared {
  background-image: url(../images/flags/1x1/ge.svg); }

.flag-icon-gf {
  background-image: url(../images/flags/4x3/gf.svg); }

.flag-icon-gf.flag-icon-squared {
  background-image: url(../images/flags/1x1/gf.svg); }

.flag-icon-gg {
  background-image: url(../images/flags/4x3/gg.svg); }

.flag-icon-gg.flag-icon-squared {
  background-image: url(../images/flags/1x1/gg.svg); }

.flag-icon-gh {
  background-image: url(../images/flags/4x3/gh.svg); }

.flag-icon-gh.flag-icon-squared {
  background-image: url(../images/flags/1x1/gh.svg); }

.flag-icon-gi {
  background-image: url(../images/flags/4x3/gi.svg); }

.flag-icon-gi.flag-icon-squared {
  background-image: url(../images/flags/1x1/gi.svg); }

.flag-icon-gl {
  background-image: url(../images/flags/4x3/gl.svg); }

.flag-icon-gl.flag-icon-squared {
  background-image: url(../images/flags/1x1/gl.svg); }

.flag-icon-gm {
  background-image: url(../images/flags/4x3/gm.svg); }

.flag-icon-gm.flag-icon-squared {
  background-image: url(../images/flags/1x1/gm.svg); }

.flag-icon-gn {
  background-image: url(../images/flags/4x3/gn.svg); }

.flag-icon-gn.flag-icon-squared {
  background-image: url(../images/flags/1x1/gn.svg); }

.flag-icon-gp {
  background-image: url(../images/flags/4x3/gp.svg); }

.flag-icon-gp.flag-icon-squared {
  background-image: url(../images/flags/1x1/gp.svg); }

.flag-icon-gq {
  background-image: url(../images/flags/4x3/gq.svg); }

.flag-icon-gq.flag-icon-squared {
  background-image: url(../images/flags/1x1/gq.svg); }

.flag-icon-gr {
  background-image: url(../images/flags/4x3/gr.svg); }

.flag-icon-gr.flag-icon-squared {
  background-image: url(../images/flags/1x1/gr.svg); }

.flag-icon-gs {
  background-image: url(../images/flags/4x3/gs.svg); }

.flag-icon-gs.flag-icon-squared {
  background-image: url(../images/flags/1x1/gs.svg); }

.flag-icon-gt {
  background-image: url(../images/flags/4x3/gt.svg); }

.flag-icon-gt.flag-icon-squared {
  background-image: url(../images/flags/1x1/gt.svg); }

.flag-icon-gu {
  background-image: url(../images/flags/4x3/gu.svg); }

.flag-icon-gu.flag-icon-squared {
  background-image: url(../images/flags/1x1/gu.svg); }

.flag-icon-gw {
  background-image: url(../images/flags/4x3/gw.svg); }

.flag-icon-gw.flag-icon-squared {
  background-image: url(../images/flags/1x1/gw.svg); }

.flag-icon-gy {
  background-image: url(../images/flags/4x3/gy.svg); }

.flag-icon-gy.flag-icon-squared {
  background-image: url(../images/flags/1x1/gy.svg); }

.flag-icon-hk {
  background-image: url(../images/flags/4x3/hk.svg); }

.flag-icon-hk.flag-icon-squared {
  background-image: url(../images/flags/1x1/hk.svg); }

.flag-icon-hm {
  background-image: url(../images/flags/4x3/hm.svg); }

.flag-icon-hm.flag-icon-squared {
  background-image: url(../images/flags/1x1/hm.svg); }

.flag-icon-hn {
  background-image: url(../images/flags/4x3/hn.svg); }

.flag-icon-hn.flag-icon-squared {
  background-image: url(../images/flags/1x1/hn.svg); }

.flag-icon-hr {
  background-image: url(../images/flags/4x3/hr.svg); }

.flag-icon-hr.flag-icon-squared {
  background-image: url(../images/flags/1x1/hr.svg); }

.flag-icon-ht {
  background-image: url(../images/flags/4x3/ht.svg); }

.flag-icon-ht.flag-icon-squared {
  background-image: url(../images/flags/1x1/ht.svg); }

.flag-icon-hu {
  background-image: url(../images/flags/4x3/hu.svg); }

.flag-icon-hu.flag-icon-squared {
  background-image: url(../images/flags/1x1/hu.svg); }

.flag-icon-id {
  background-image: url(../images/flags/4x3/id.svg); }

.flag-icon-id.flag-icon-squared {
  background-image: url(../images/flags/1x1/id.svg); }

.flag-icon-ie {
  background-image: url(../images/flags/4x3/ie.svg); }

.flag-icon-ie.flag-icon-squared {
  background-image: url(../images/flags/1x1/ie.svg); }

.flag-icon-il {
  background-image: url(../images/flags/4x3/il.svg); }

.flag-icon-il.flag-icon-squared {
  background-image: url(../images/flags/1x1/il.svg); }

.flag-icon-im {
  background-image: url(../images/flags/4x3/im.svg); }

.flag-icon-im.flag-icon-squared {
  background-image: url(../images/flags/1x1/im.svg); }

.flag-icon-in {
  background-image: url(../images/flags/4x3/in.svg); }

.flag-icon-in.flag-icon-squared {
  background-image: url(../images/flags/1x1/in.svg); }

.flag-icon-io {
  background-image: url(../images/flags/4x3/io.svg); }

.flag-icon-io.flag-icon-squared {
  background-image: url(../images/flags/1x1/io.svg); }

.flag-icon-iq {
  background-image: url(../images/flags/4x3/iq.svg); }

.flag-icon-iq.flag-icon-squared {
  background-image: url(../images/flags/1x1/iq.svg); }

.flag-icon-ir {
  background-image: url(../images/flags/4x3/ir.svg); }

.flag-icon-ir.flag-icon-squared {
  background-image: url(../images/flags/1x1/ir.svg); }

.flag-icon-is {
  background-image: url(../images/flags/4x3/is.svg); }

.flag-icon-is.flag-icon-squared {
  background-image: url(../images/flags/1x1/is.svg); }

.flag-icon-it {
  background-image: url(../images/flags/4x3/it.svg); }

.flag-icon-it.flag-icon-squared {
  background-image: url(../images/flags/1x1/it.svg); }

.flag-icon-je {
  background-image: url(../images/flags/4x3/je.svg); }

.flag-icon-je.flag-icon-squared {
  background-image: url(../images/flags/1x1/je.svg); }

.flag-icon-jm {
  background-image: url(../images/flags/4x3/jm.svg); }

.flag-icon-jm.flag-icon-squared {
  background-image: url(../images/flags/1x1/jm.svg); }

.flag-icon-jo {
  background-image: url(../images/flags/4x3/jo.svg); }

.flag-icon-jo.flag-icon-squared {
  background-image: url(../images/flags/1x1/jo.svg); }

.flag-icon-jp {
  background-image: url(../images/flags/4x3/jp.svg); }

.flag-icon-jp.flag-icon-squared {
  background-image: url(../images/flags/1x1/jp.svg); }

.flag-icon-ke {
  background-image: url(../images/flags/4x3/ke.svg); }

.flag-icon-ke.flag-icon-squared {
  background-image: url(../images/flags/1x1/ke.svg); }

.flag-icon-kg {
  background-image: url(../images/flags/4x3/kg.svg); }

.flag-icon-kg.flag-icon-squared {
  background-image: url(../images/flags/1x1/kg.svg); }

.flag-icon-kh {
  background-image: url(../images/flags/4x3/kh.svg); }

.flag-icon-kh.flag-icon-squared {
  background-image: url(../images/flags/1x1/kh.svg); }

.flag-icon-ki {
  background-image: url(../images/flags/4x3/ki.svg); }

.flag-icon-ki.flag-icon-squared {
  background-image: url(../images/flags/1x1/ki.svg); }

.flag-icon-km {
  background-image: url(../images/flags/4x3/km.svg); }

.flag-icon-km.flag-icon-squared {
  background-image: url(../images/flags/1x1/km.svg); }

.flag-icon-kn {
  background-image: url(../images/flags/4x3/kn.svg); }

.flag-icon-kn.flag-icon-squared {
  background-image: url(../images/flags/1x1/kn.svg); }

.flag-icon-kp {
  background-image: url(../images/flags/4x3/kp.svg); }

.flag-icon-kp.flag-icon-squared {
  background-image: url(../images/flags/1x1/kp.svg); }

.flag-icon-kr {
  background-image: url(../images/flags/4x3/kr.svg); }

.flag-icon-kr.flag-icon-squared {
  background-image: url(../images/flags/1x1/kr.svg); }

.flag-icon-kw {
  background-image: url(../images/flags/4x3/kw.svg); }

.flag-icon-kw.flag-icon-squared {
  background-image: url(../images/flags/1x1/kw.svg); }

.flag-icon-ky {
  background-image: url(../images/flags/4x3/ky.svg); }

.flag-icon-ky.flag-icon-squared {
  background-image: url(../images/flags/1x1/ky.svg); }

.flag-icon-kz {
  background-image: url(../images/flags/4x3/kz.svg); }

.flag-icon-kz.flag-icon-squared {
  background-image: url(../images/flags/1x1/kz.svg); }

.flag-icon-la {
  background-image: url(../images/flags/4x3/la.svg); }

.flag-icon-la.flag-icon-squared {
  background-image: url(../images/flags/1x1/la.svg); }

.flag-icon-lb {
  background-image: url(../images/flags/4x3/lb.svg); }

.flag-icon-lb.flag-icon-squared {
  background-image: url(../images/flags/1x1/lb.svg); }

.flag-icon-lc {
  background-image: url(../images/flags/4x3/lc.svg); }

.flag-icon-lc.flag-icon-squared {
  background-image: url(../images/flags/1x1/lc.svg); }

.flag-icon-li {
  background-image: url(../images/flags/4x3/li.svg); }

.flag-icon-li.flag-icon-squared {
  background-image: url(../images/flags/1x1/li.svg); }

.flag-icon-lk {
  background-image: url(../images/flags/4x3/lk.svg); }

.flag-icon-lk.flag-icon-squared {
  background-image: url(../images/flags/1x1/lk.svg); }

.flag-icon-lr {
  background-image: url(../images/flags/4x3/lr.svg); }

.flag-icon-lr.flag-icon-squared {
  background-image: url(../images/flags/1x1/lr.svg); }

.flag-icon-ls {
  background-image: url(../images/flags/4x3/ls.svg); }

.flag-icon-ls.flag-icon-squared {
  background-image: url(../images/flags/1x1/ls.svg); }

.flag-icon-lt {
  background-image: url(../images/flags/4x3/lt.svg); }

.flag-icon-lt.flag-icon-squared {
  background-image: url(../images/flags/1x1/lt.svg); }

.flag-icon-lu {
  background-image: url(../images/flags/4x3/lu.svg); }

.flag-icon-lu.flag-icon-squared {
  background-image: url(../images/flags/1x1/lu.svg); }

.flag-icon-lv {
  background-image: url(../images/flags/4x3/lv.svg); }

.flag-icon-lv.flag-icon-squared {
  background-image: url(../images/flags/1x1/lv.svg); }

.flag-icon-ly {
  background-image: url(../images/flags/4x3/ly.svg); }

.flag-icon-ly.flag-icon-squared {
  background-image: url(../images/flags/1x1/ly.svg); }

.flag-icon-ma {
  background-image: url(../images/flags/4x3/ma.svg); }

.flag-icon-ma.flag-icon-squared {
  background-image: url(../images/flags/1x1/ma.svg); }

.flag-icon-mc {
  background-image: url(../images/flags/4x3/mc.svg); }

.flag-icon-mc.flag-icon-squared {
  background-image: url(../images/flags/1x1/mc.svg); }

.flag-icon-md {
  background-image: url(../images/flags/4x3/md.svg); }

.flag-icon-md.flag-icon-squared {
  background-image: url(../images/flags/1x1/md.svg); }

.flag-icon-me {
  background-image: url(../images/flags/4x3/me.svg); }

.flag-icon-me.flag-icon-squared {
  background-image: url(../images/flags/1x1/me.svg); }

.flag-icon-mf {
  background-image: url(../images/flags/4x3/mf.svg); }

.flag-icon-mf.flag-icon-squared {
  background-image: url(../images/flags/1x1/mf.svg); }

.flag-icon-mg {
  background-image: url(../images/flags/4x3/mg.svg); }

.flag-icon-mg.flag-icon-squared {
  background-image: url(../images/flags/1x1/mg.svg); }

.flag-icon-mh {
  background-image: url(../images/flags/4x3/mh.svg); }

.flag-icon-mh.flag-icon-squared {
  background-image: url(../images/flags/1x1/mh.svg); }

.flag-icon-mk {
  background-image: url(../images/flags/4x3/mk.svg); }

.flag-icon-mk.flag-icon-squared {
  background-image: url(../images/flags/1x1/mk.svg); }

.flag-icon-ml {
  background-image: url(../images/flags/4x3/ml.svg); }

.flag-icon-ml.flag-icon-squared {
  background-image: url(../images/flags/1x1/ml.svg); }

.flag-icon-mm {
  background-image: url(../images/flags/4x3/mm.svg); }

.flag-icon-mm.flag-icon-squared {
  background-image: url(../images/flags/1x1/mm.svg); }

.flag-icon-mn {
  background-image: url(../images/flags/4x3/mn.svg); }

.flag-icon-mn.flag-icon-squared {
  background-image: url(../images/flags/1x1/mn.svg); }

.flag-icon-mo {
  background-image: url(../images/flags/4x3/mo.svg); }

.flag-icon-mo.flag-icon-squared {
  background-image: url(../images/flags/1x1/mo.svg); }

.flag-icon-mp {
  background-image: url(../images/flags/4x3/mp.svg); }

.flag-icon-mp.flag-icon-squared {
  background-image: url(../images/flags/1x1/mp.svg); }

.flag-icon-mq {
  background-image: url(../images/flags/4x3/mq.svg); }

.flag-icon-mq.flag-icon-squared {
  background-image: url(../images/flags/1x1/mq.svg); }

.flag-icon-mr {
  background-image: url(../images/flags/4x3/mr.svg); }

.flag-icon-mr.flag-icon-squared {
  background-image: url(../images/flags/1x1/mr.svg); }

.flag-icon-ms {
  background-image: url(../images/flags/4x3/ms.svg); }

.flag-icon-ms.flag-icon-squared {
  background-image: url(../images/flags/1x1/ms.svg); }

.flag-icon-mt {
  background-image: url(../images/flags/4x3/mt.svg); }

.flag-icon-mt.flag-icon-squared {
  background-image: url(../images/flags/1x1/mt.svg); }

.flag-icon-mu {
  background-image: url(../images/flags/4x3/mu.svg); }

.flag-icon-mu.flag-icon-squared {
  background-image: url(../images/flags/1x1/mu.svg); }

.flag-icon-mv {
  background-image: url(../images/flags/4x3/mv.svg); }

.flag-icon-mv.flag-icon-squared {
  background-image: url(../images/flags/1x1/mv.svg); }

.flag-icon-mw {
  background-image: url(../images/flags/4x3/mw.svg); }

.flag-icon-mw.flag-icon-squared {
  background-image: url(../images/flags/1x1/mw.svg); }

.flag-icon-mx {
  background-image: url(../images/flags/4x3/mx.svg); }

.flag-icon-mx.flag-icon-squared {
  background-image: url(../images/flags/1x1/mx.svg); }

.flag-icon-my {
  background-image: url(../images/flags/4x3/my.svg); }

.flag-icon-my.flag-icon-squared {
  background-image: url(../images/flags/1x1/my.svg); }

.flag-icon-mz {
  background-image: url(../images/flags/4x3/mz.svg); }

.flag-icon-mz.flag-icon-squared {
  background-image: url(../images/flags/1x1/mz.svg); }

.flag-icon-na {
  background-image: url(../images/flags/4x3/na.svg); }

.flag-icon-na.flag-icon-squared {
  background-image: url(../images/flags/1x1/na.svg); }

.flag-icon-nc {
  background-image: url(../images/flags/4x3/nc.svg); }

.flag-icon-nc.flag-icon-squared {
  background-image: url(../images/flags/1x1/nc.svg); }

.flag-icon-ne {
  background-image: url(../images/flags/4x3/ne.svg); }

.flag-icon-ne.flag-icon-squared {
  background-image: url(../images/flags/1x1/ne.svg); }

.flag-icon-nf {
  background-image: url(../images/flags/4x3/nf.svg); }

.flag-icon-nf.flag-icon-squared {
  background-image: url(../images/flags/1x1/nf.svg); }

.flag-icon-ng {
  background-image: url(../images/flags/4x3/ng.svg); }

.flag-icon-ng.flag-icon-squared {
  background-image: url(../images/flags/1x1/ng.svg); }

.flag-icon-ni {
  background-image: url(../images/flags/4x3/ni.svg); }

.flag-icon-ni.flag-icon-squared {
  background-image: url(../images/flags/1x1/ni.svg); }

.flag-icon-nl {
  background-image: url(../images/flags/4x3/nl.svg); }

.flag-icon-nl.flag-icon-squared {
  background-image: url(../images/flags/1x1/nl.svg); }

.flag-icon-no {
  background-image: url(../images/flags/4x3/no.svg); }

.flag-icon-no.flag-icon-squared {
  background-image: url(../images/flags/1x1/no.svg); }

.flag-icon-np {
  background-image: url(../images/flags/4x3/np.svg); }

.flag-icon-np.flag-icon-squared {
  background-image: url(../images/flags/1x1/np.svg); }

.flag-icon-nr {
  background-image: url(../images/flags/4x3/nr.svg); }

.flag-icon-nr.flag-icon-squared {
  background-image: url(../images/flags/1x1/nr.svg); }

.flag-icon-nu {
  background-image: url(../images/flags/4x3/nu.svg); }

.flag-icon-nu.flag-icon-squared {
  background-image: url(../images/flags/1x1/nu.svg); }

.flag-icon-nz {
  background-image: url(../images/flags/4x3/nz.svg); }

.flag-icon-nz.flag-icon-squared {
  background-image: url(../images/flags/1x1/nz.svg); }

.flag-icon-om {
  background-image: url(../images/flags/4x3/om.svg); }

.flag-icon-om.flag-icon-squared {
  background-image: url(../images/flags/1x1/om.svg); }

.flag-icon-pa {
  background-image: url(../images/flags/4x3/pa.svg); }

.flag-icon-pa.flag-icon-squared {
  background-image: url(../images/flags/1x1/pa.svg); }

.flag-icon-pe {
  background-image: url(../images/flags/4x3/pe.svg); }

.flag-icon-pe.flag-icon-squared {
  background-image: url(../images/flags/1x1/pe.svg); }

.flag-icon-pf {
  background-image: url(../images/flags/4x3/pf.svg); }

.flag-icon-pf.flag-icon-squared {
  background-image: url(../images/flags/1x1/pf.svg); }

.flag-icon-pg {
  background-image: url(../images/flags/4x3/pg.svg); }

.flag-icon-pg.flag-icon-squared {
  background-image: url(../images/flags/1x1/pg.svg); }

.flag-icon-ph {
  background-image: url(../images/flags/4x3/ph.svg); }

.flag-icon-ph.flag-icon-squared {
  background-image: url(../images/flags/1x1/ph.svg); }

.flag-icon-pk {
  background-image: url(../images/flags/4x3/pk.svg); }

.flag-icon-pk.flag-icon-squared {
  background-image: url(../images/flags/1x1/pk.svg); }

.flag-icon-pl {
  background-image: url(../images/flags/4x3/pl.svg) !important; }

.flag-icon-pl.flag-icon-squared {
  background-image: url(../images/flags/1x1/pl.svg); }

.flag-icon-pm {
  background-image: url(../images/flags/4x3/pm.svg); }

.flag-icon-pm.flag-icon-squared {
  background-image: url(../images/flags/1x1/pm.svg); }

.flag-icon-pn {
  background-image: url(../images/flags/4x3/pn.svg); }

.flag-icon-pn.flag-icon-squared {
  background-image: url(../images/flags/1x1/pn.svg); }

.flag-icon-pr {
  background-image: url(../images/flags/4x3/pr.svg); }

.flag-icon-pr.flag-icon-squared {
  background-image: url(../images/flags/1x1/pr.svg); }

.flag-icon-ps {
  background-image: url(../images/flags/4x3/ps.svg); }

.flag-icon-ps.flag-icon-squared {
  background-image: url(../images/flags/1x1/ps.svg); }

.flag-icon-pt {
  background-image: url(../images/flags/4x3/pt.svg); }

.flag-icon-pt.flag-icon-squared {
  background-image: url(../images/flags/1x1/pt.svg); }

.flag-icon-pw {
  background-image: url(../images/flags/4x3/pw.svg); }

.flag-icon-pw.flag-icon-squared {
  background-image: url(../images/flags/1x1/pw.svg); }

.flag-icon-py {
  background-image: url(../images/flags/4x3/py.svg); }

.flag-icon-py.flag-icon-squared {
  background-image: url(../images/flags/1x1/py.svg); }

.flag-icon-qa {
  background-image: url(../images/flags/4x3/qa.svg); }

.flag-icon-qa.flag-icon-squared {
  background-image: url(../images/flags/1x1/qa.svg); }

.flag-icon-re {
  background-image: url(../images/flags/4x3/re.svg); }

.flag-icon-re.flag-icon-squared {
  background-image: url(../images/flags/1x1/re.svg); }

.flag-icon-ro {
  background-image: url(../images/flags/4x3/ro.svg); }

.flag-icon-ro.flag-icon-squared {
  background-image: url(../images/flags/1x1/ro.svg); }

.flag-icon-rs {
  background-image: url(../images/flags/4x3/rs.svg); }

.flag-icon-rs.flag-icon-squared {
  background-image: url(../images/flags/1x1/rs.svg); }

.flag-icon-ru {
  background-image: url(../images/flags/4x3/ru.svg); }

.flag-icon-ru.flag-icon-squared {
  background-image: url(../images/flags/1x1/ru.svg); }

.flag-icon-rw {
  background-image: url(../images/flags/4x3/rw.svg); }

.flag-icon-rw.flag-icon-squared {
  background-image: url(../images/flags/1x1/rw.svg); }

.flag-icon-sa {
  background-image: url(../images/flags/4x3/sa.svg); }

.flag-icon-sa.flag-icon-squared {
  background-image: url(../images/flags/1x1/sa.svg); }

.flag-icon-sb {
  background-image: url(../images/flags/4x3/sb.svg); }

.flag-icon-sb.flag-icon-squared {
  background-image: url(../images/flags/1x1/sb.svg); }

.flag-icon-sc {
  background-image: url(../images/flags/4x3/sc.svg); }

.flag-icon-sc.flag-icon-squared {
  background-image: url(../images/flags/1x1/sc.svg); }

.flag-icon-sd {
  background-image: url(../images/flags/4x3/sd.svg); }

.flag-icon-sd.flag-icon-squared {
  background-image: url(../images/flags/1x1/sd.svg); }

.flag-icon-se {
  background-image: url(../images/flags/4x3/se.svg); }

.flag-icon-se.flag-icon-squared {
  background-image: url(../images/flags/1x1/se.svg); }

.flag-icon-sg {
  background-image: url(../images/flags/4x3/sg.svg); }

.flag-icon-sg.flag-icon-squared {
  background-image: url(../images/flags/1x1/sg.svg); }

.flag-icon-sh {
  background-image: url(../images/flags/4x3/sh.svg); }

.flag-icon-sh.flag-icon-squared {
  background-image: url(../images/flags/1x1/sh.svg); }

.flag-icon-si {
  background-image: url(../images/flags/4x3/si.svg); }

.flag-icon-si.flag-icon-squared {
  background-image: url(../images/flags/1x1/si.svg); }

.flag-icon-sj {
  background-image: url(../images/flags/4x3/sj.svg); }

.flag-icon-sj.flag-icon-squared {
  background-image: url(../images/flags/1x1/sj.svg); }

.flag-icon-sk {
  background-image: url(../images/flags/4x3/sk.svg); }

.flag-icon-sk.flag-icon-squared {
  background-image: url(../images/flags/1x1/sk.svg); }

.flag-icon-sl {
  background-image: url(../images/flags/4x3/sl.svg); }

.flag-icon-sl.flag-icon-squared {
  background-image: url(../images/flags/1x1/sl.svg); }

.flag-icon-sm {
  background-image: url(../images/flags/4x3/sm.svg); }

.flag-icon-sm.flag-icon-squared {
  background-image: url(../images/flags/1x1/sm.svg); }

.flag-icon-sn {
  background-image: url(../images/flags/4x3/sn.svg); }

.flag-icon-sn.flag-icon-squared {
  background-image: url(../images/flags/1x1/sn.svg); }

.flag-icon-so {
  background-image: url(../images/flags/4x3/so.svg); }

.flag-icon-so.flag-icon-squared {
  background-image: url(../images/flags/1x1/so.svg); }

.flag-icon-sr {
  background-image: url(../images/flags/4x3/sr.svg); }

.flag-icon-sr.flag-icon-squared {
  background-image: url(../images/flags/1x1/sr.svg); }

.flag-icon-ss {
  background-image: url(../images/flags/4x3/ss.svg); }

.flag-icon-ss.flag-icon-squared {
  background-image: url(../images/flags/1x1/ss.svg); }

.flag-icon-st {
  background-image: url(../images/flags/4x3/st.svg); }

.flag-icon-st.flag-icon-squared {
  background-image: url(../images/flags/1x1/st.svg); }

.flag-icon-sv {
  background-image: url(../images/flags/4x3/sv.svg); }

.flag-icon-sv.flag-icon-squared {
  background-image: url(../images/flags/1x1/sv.svg); }

.flag-icon-sx {
  background-image: url(../images/flags/4x3/sx.svg); }

.flag-icon-sx.flag-icon-squared {
  background-image: url(../images/flags/1x1/sx.svg); }

.flag-icon-sy {
  background-image: url(../images/flags/4x3/sy.svg); }

.flag-icon-sy.flag-icon-squared {
  background-image: url(../images/flags/1x1/sy.svg); }

.flag-icon-sz {
  background-image: url(../images/flags/4x3/sz.svg); }

.flag-icon-sz.flag-icon-squared {
  background-image: url(../images/flags/1x1/sz.svg); }

.flag-icon-tc {
  background-image: url(../images/flags/4x3/tc.svg); }

.flag-icon-tc.flag-icon-squared {
  background-image: url(../images/flags/1x1/tc.svg); }

.flag-icon-td {
  background-image: url(../images/flags/4x3/td.svg); }

.flag-icon-td.flag-icon-squared {
  background-image: url(../images/flags/1x1/td.svg); }

.flag-icon-tf {
  background-image: url(../images/flags/4x3/tf.svg); }

.flag-icon-tf.flag-icon-squared {
  background-image: url(../images/flags/1x1/tf.svg); }

.flag-icon-tg {
  background-image: url(../images/flags/4x3/tg.svg); }

.flag-icon-tg.flag-icon-squared {
  background-image: url(../images/flags/1x1/tg.svg); }

.flag-icon-th {
  background-image: url(../images/flags/4x3/th.svg); }

.flag-icon-th.flag-icon-squared {
  background-image: url(../images/flags/1x1/th.svg); }

.flag-icon-tj {
  background-image: url(../images/flags/4x3/tj.svg); }

.flag-icon-tj.flag-icon-squared {
  background-image: url(../images/flags/1x1/tj.svg); }

.flag-icon-tk {
  background-image: url(../images/flags/4x3/tk.svg); }

.flag-icon-tk.flag-icon-squared {
  background-image: url(../images/flags/1x1/tk.svg); }

.flag-icon-tl {
  background-image: url(../images/flags/4x3/tl.svg); }

.flag-icon-tl.flag-icon-squared {
  background-image: url(../images/flags/1x1/tl.svg); }

.flag-icon-tm {
  background-image: url(../images/flags/4x3/tm.svg); }

.flag-icon-tm.flag-icon-squared {
  background-image: url(../images/flags/1x1/tm.svg); }

.flag-icon-tn {
  background-image: url(../images/flags/4x3/tn.svg); }

.flag-icon-tn.flag-icon-squared {
  background-image: url(../images/flags/1x1/tn.svg); }

.flag-icon-to {
  background-image: url(../images/flags/4x3/to.svg); }

.flag-icon-to.flag-icon-squared {
  background-image: url(../images/flags/1x1/to.svg); }

.flag-icon-tr {
  background-image: url(../images/flags/4x3/tr.svg); }

.flag-icon-tr.flag-icon-squared {
  background-image: url(../images/flags/1x1/tr.svg); }

.flag-icon-tt {
  background-image: url(../images/flags/4x3/tt.svg); }

.flag-icon-tt.flag-icon-squared {
  background-image: url(../images/flags/1x1/tt.svg); }

.flag-icon-tv {
  background-image: url(../images/flags/4x3/tv.svg); }

.flag-icon-tv.flag-icon-squared {
  background-image: url(../images/flags/1x1/tv.svg); }

.flag-icon-tw {
  background-image: url(../images/flags/4x3/tw.svg); }

.flag-icon-tw.flag-icon-squared {
  background-image: url(../images/flags/1x1/tw.svg); }

.flag-icon-tz {
  background-image: url(../images/flags/4x3/tz.svg); }

.flag-icon-tz.flag-icon-squared {
  background-image: url(../images/flags/1x1/tz.svg); }

.flag-icon-ua {
  background-image: url(../images/flags/4x3/ua.svg); }

.flag-icon-ua.flag-icon-squared {
  background-image: url(../images/flags/1x1/ua.svg); }

.flag-icon-ug {
  background-image: url(../images/flags/4x3/ug.svg); }

.flag-icon-ug.flag-icon-squared {
  background-image: url(../images/flags/1x1/ug.svg); }

.flag-icon-um {
  background-image: url(../images/flags/4x3/um.svg); }

.flag-icon-um.flag-icon-squared {
  background-image: url(../images/flags/1x1/um.svg); }

.flag-icon-us {
  background-image: url(../images/flags/4x3/us.svg); }

.flag-icon-us.flag-icon-squared {
  background-image: url(../images/flags/1x1/us.svg); }

.flag-icon-uy {
  background-image: url(../images/flags/4x3/uy.svg); }

.flag-icon-uy.flag-icon-squared {
  background-image: url(../images/flags/1x1/uy.svg); }

.flag-icon-uz {
  background-image: url(../images/flags/4x3/uz.svg); }

.flag-icon-uz.flag-icon-squared {
  background-image: url(../images/flags/1x1/uz.svg); }

.flag-icon-va {
  background-image: url(../images/flags/4x3/va.svg); }

.flag-icon-va.flag-icon-squared {
  background-image: url(../images/flags/1x1/va.svg); }

.flag-icon-vc {
  background-image: url(../images/flags/4x3/vc.svg); }

.flag-icon-vc.flag-icon-squared {
  background-image: url(../images/flags/1x1/vc.svg); }

.flag-icon-ve {
  background-image: url(../images/flags/4x3/ve.svg); }

.flag-icon-ve.flag-icon-squared {
  background-image: url(../images/flags/1x1/ve.svg); }

.flag-icon-vg {
  background-image: url(../images/flags/4x3/vg.svg); }

.flag-icon-vg.flag-icon-squared {
  background-image: url(../images/flags/1x1/vg.svg); }

.flag-icon-vi {
  background-image: url(../images/flags/4x3/vi.svg); }

.flag-icon-vi.flag-icon-squared {
  background-image: url(../images/flags/1x1/vi.svg); }

.flag-icon-vn {
  background-image: url(../images/flags/4x3/vn.svg); }

.flag-icon-vn.flag-icon-squared {
  background-image: url(../images/flags/1x1/vn.svg); }

.flag-icon-vu {
  background-image: url(../images/flags/4x3/vu.svg); }

.flag-icon-vu.flag-icon-squared {
  background-image: url(../images/flags/1x1/vu.svg); }

.flag-icon-wf {
  background-image: url(../images/flags/4x3/wf.svg); }

.flag-icon-wf.flag-icon-squared {
  background-image: url(../images/flags/1x1/wf.svg); }

.flag-icon-ws {
  background-image: url(../images/flags/4x3/ws.svg); }

.flag-icon-ws.flag-icon-squared {
  background-image: url(../images/flags/1x1/ws.svg); }

.flag-icon-ye {
  background-image: url(../images/flags/4x3/ye.svg); }

.flag-icon-ye.flag-icon-squared {
  background-image: url(../images/flags/1x1/ye.svg); }

.flag-icon-yt {
  background-image: url(../images/flags/4x3/yt.svg); }

.flag-icon-yt.flag-icon-squared {
  background-image: url(../images/flags/1x1/yt.svg); }

.flag-icon-za {
  background-image: url(../images/flags/4x3/za.svg); }

.flag-icon-za.flag-icon-squared {
  background-image: url(../images/flags/1x1/za.svg); }

.flag-icon-zm {
  background-image: url(../images/flags/4x3/zm.svg); }

.flag-icon-zm.flag-icon-squared {
  background-image: url(../images/flags/1x1/zm.svg); }

.flag-icon-zw {
  background-image: url(../images/flags/4x3/zw.svg); }

.flag-icon-zw.flag-icon-squared {
  background-image: url(../images/flags/1x1/zw.svg); }

.flag-icon-eu {
  background-image: url(../images/flags/4x3/eu.svg); }

.flag-icon-eu.flag-icon-squared {
  background-image: url(../images/flags/1x1/eu.svg); }

.flag-icon-gb-eng {
  background-image: url(../images/flags/4x3/gb-eng.svg); }

.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(../images/flags/1x1/gb-eng.svg); }

.flag-icon-gb-nir {
  background-image: url(../images/flags/4x3/gb-nir.svg); }

.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(../images/flags/1x1/gb-nir.svg); }

.flag-icon-gb-sct {
  background-image: url(../images/flags/4x3/gb-sct.svg); }

.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(../images/flags/1x1/gb-sct.svg); }

.flag-icon-gb-wls {
  background-image: url(../images/flags/4x3/gb-wls.svg); }

.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(../images/flags/1x1/gb-wls.svg); }

.flag-icon-un {
  background-image: url(../images/flags/4x3/un.svg); }

.flag-icon-un.flag-icon-squared {
  background-image: url(../images/flags/1x1/un.svg); }

.flag-icon-en {
  background-image: url(../images/flags/4x3/gb.svg); }

.flag-icon-en.flag-icon-squared {
  background-image: url(../images/flags/1x1/gb.svg); }

html {
  position: relative;
  min-height: 100%; }

body {
  /* Margin bottom by footer height */ }

.footer {
  padding: 15px;
  bottom: 0;
  /* Set the fixed height of the footer here */
  min-height: 180px;
  background-color: #1d1d1b; }

.footer-text {
  font-size: 12px; }

.footer-title {
  color: #ffffff;
  font-weight: bold; }

.footer-text {
  color: #ffffff;
  font-weight: normal; }
  .footer-text a {
    color: #ffffff; }

.footer-container {
  padding: 15px; }

.footer-fixed-bottom {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
  min-height: 50px; }

.footer-margin-top {
  margin-top: 20px; }

.gi-2x {
  font-size: 2em; }

.gi-3x {
  font-size: 3em; }

.gi-4x {
  font-size: 4em; }

.gi-5x {
  font-size: 5em; }

.text-small-1x {
  font-size: 100%; }

.text-small-2x {
  font-size: 75%; }

.text-small-3x {
  font-size: 50%; }

.text-small-4x {
  font-size: 25%; }

.-phone {
  padding-left: 53px; }

.-phone-country-code {
  display: block;
  width: 43px;
  float: left;
  position: relative; }
  .-phone-country-code:before {
    content: "+";
    position: absolute;
    top: 0;
    left: -10px;
    font-size: 12px;
    line-height: 34px; }

.-label-required {
  display: inline-block;
  padding-left: 3px; }
  .-label-required:after {
    content: "*";
    display: inline-block;
    width: auto;
    color: #F55; }

.checkbox-error {
  display: block;
  width: 100%; }

@media only screen and (min-width: 992px) {
  .invoice-checkbox {
    display: block;
    height: 29px;
    width: 100%;
    margin: 0; } }

.invoice-scale {
  display: block;
  max-height: 0px;
  width: 100%;
  overflow: hidden;
  transition: max-height 0.2s linear 0.2s; }
  .invoice-scale.-view {
    max-height: 650px;
    transition-delay: 0s; }

.invoice-slide {
  display: block;
  height: auto;
  width: 100%;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out 0s; }
  .invoice-slide.-view {
    transform: translateY(0);
    transition-delay: 0.15s; }

.form-button-container {
  margin-top: 2em;
  text-align: right; }
  .form-button-container > .btn + .btn {
    margin-left: 1em; }

.select-gender-dropDownList {
  margin-left: 0; }

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

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

.input-birthdate-readonly {
  cursor: pointer !important;
  background-color: white !important;
  width: 70%; }

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

#MapOfSectors {
  width: 70px;
  position: relative;
  color: #fff; }

.invisible {
  display: none;
  visibility: hidden; }

#TranspMapOfSectors {
  position: absolute;
  z-index: 30; }

.tipSectorName {
  width: 100%;
  padding-bottom: 3px;
  margin-bottom: 3px;
  font-size: 16px;
  border-bottom: solid 1px #fff; }

.tipSecotrImage {
  margin-bottom: 6px;
  display: none;
  visibility: hidden; }

.tipTitle {
  width: 100%;
  padding-top: 6px;
  padding-bottom: 3px;
  margin-bottom: 3px;
  font-size: 12px;
  border-bottom: solid 1px #fff;
  font-weight: bold; }

.tipTable {
  width: 100%;
  border: none;
  border-collapse: collapse;
  color: #fff; }

.tipTicketKind {
  text-align: left;
  width: 60%;
  vertical-align: top;
  color: #fff; }

.tipTicketPrice {
  text-align: right;
  width: 40%;
  vertical-align: top;
  color: #fff; }

.tipSeatsTitle {
  text-align: left;
  width: 60%;
  vertical-align: top;
  color: #fff; }

.tipSeatsValue {
  text-align: right;
  width: 40%;
  vertical-align: top;
  color: #fff; }

.map-legend-seats > li {
  display: block;
  height: auto;
  width: 100%;
  padding-left: 63px;
  margin-bottom: 4px;
  line-height: 23px; }

.map-seats-icon-free {
  background: url("../images/caption_ico_1.gif") no-repeat 0 0; }

.map-seats-icon-taken {
  background: url("../images/caption_ico_2.gif") no-repeat 0 0; }

.map-seats-icon-choosen {
  background: url("../images/caption_ico_3.gif") no-repeat 0 0; }

.map-seats-icon-invalid {
  background: url("../images/caption_ico_4.gif") no-repeat 0 0; }

.map-seats-icon-double {
  background: url("../images/caption_ico_5.gif") no-repeat 0 0; }

.map-seats-icon-ticketGroups {
  background: url("../images/caption_ico_7.gif") no-repeat 0 0; }

.map-seats-icon {
  display: block;
  height: 23px;
  width: 48px; }

.map-legend-ticketsGroup > li {
  display: block;
  height: auto;
  width: 100%;
  margin-bottom: 4px;
  line-height: 23px; }
  @media only screen and (min-width: 992px) {
    .map-legend-ticketsGroup > li {
      display: inline-block;
      width: auto;
      padding-right: 5px;
      padding-left: 5px;
      margin-bottom: 0; } }

.map-legend-ticketsGroup-icon {
  display: block;
  height: 23px;
  width: 23px;
  padding-right: 10px; }

@media only screen and (min-width: 992px) {
  .map-tickets-dropDownList {
    width: 300px;
    margin-left: auto;
    margin-right: auto; } }

.map-section {
  margin-top: 30px; }

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .map-container {
    transform: scale(0.3); } }

.map-header-list > li {
  line-height: 2; }

.overflow {
  overflow: auto; }

.navbar-nav > li > a, .navbar-brand {
  padding-top: 18px !important;
  padding-bottom: 0 !important;
  height: 50px; }

.navbar {
  margin-bottom: 0px; }

.nav > li {
  background-color: #333333;
  border-left: 1px solid #ffffff;
  border-top: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff; }

.navbar-default .navbar-nav > li > a {
  color: #ffffff; }
  .navbar-default .navbar-nav > li > a:hover {
    color: #fff; }

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

.navbar-inverse {
  background-color: #881b28;
  border-bottom: 1px solid #b32335;
  box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.3); }

.navbar-inverse .navbar-brand {
  color: white;
  padding-top: 5px; }

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #ffffff; }

.navbar-inverse .navbar-text {
  color: white; }

.navbar-inverse .navbar-nav > li > a {
  color: white; }

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #ffffff; }

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

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  background-color: rgba(0, 0, 0, 0);
  color: #444444; }

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

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

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

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

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

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808; }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808; }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: white; }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #ffffff; }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #080808;
    color: #ffffff; }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #444444; } }
.navbar-inverse .navbar-link {
  color: white; }

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

.navbar-inverse .btn-link {
  color: white; }

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

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

.navbar-top-color {
  background-color: #ffffff;
  color: #fff;
  border-color: white !important; }

.navbar-nav > li > a {
  color: #fff !important; }
  .navbar-nav > li > a:hover {
    color: white !important;
    background-color: #1a1a1a !important; }

.nav > li {
  color: #fff;
  background-color: #333333;
  border-bottom: 3px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-top: 3px solid #ffffff; }

.navbar-footer {
  background-color: #1d1d1b;
  color: #ffffff;
  border-color: #373734 !important; }

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

.lib-panel img {
  width: 100%;
  background-color: transparent; }

.lib-panel .row,
.lib-panel .col-md-6 {
  padding: 0;
  background-color: #FFFFFF; }

.lib-panel .lib-row {
  padding: 0 20px 0 20px; }

.lib-panel .lib-row.lib-header {
  background-color: #FFFFFF;
  font-size: 20px;
  padding: 10px 20px 0 20px; }

.lib-panel .lib-row.lib-header .lib-header-seperator {
  height: 2px;
  width: 26px;
  background-color: #d9d9d9;
  margin: 7px 0 7px 0; }

.lib-panel .lib-row.lib-desc {
  position: relative;
  height: 100%;
  display: block;
  font-size: 13px; }

.lib-panel .lib-row.lib-desc a {
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 20px; }

.row-margin-bottom {
  margin-bottom: 20px; }

.box-shadow {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }

.no-padding {
  padding: 0; }

@-webkit-keyframes myanimation {
  from {
    left: 0%; }
  to {
    left: 50%; } }
.checkout-wrap {
  color: #444;
  margin: 40px auto;
  max-width: 1200px;
  min-height: 40px;
  position: relative;
  z-index: 10; }

ul.checkout-bar li {
  color: #ccc;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 20px 14px 80px;
  position: relative; }
  ul.checkout-bar li:before {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background: #ddd;
    border: 2px solid #FFF;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    left: 20px;
    line-height: 37px;
    height: 35px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    top: 4px;
    width: 35px;
    z-index: 999; }
  ul.checkout-bar li.active {
    color: #7B7B7B;
    font-weight: bold; }
    ul.checkout-bar li.active:before {
      background: #7B7B7B;
      z-index: 99999; }
  ul.checkout-bar li.visited {
    background: #ECECEC;
    color: #666666;
    z-index: 99999; }
    ul.checkout-bar li.visited:before {
      background: #666666;
      z-index: 99999; }
  ul.checkout-bar li:nth-child(1):before {
    content: "1"; }
  ul.checkout-bar li:nth-child(2):before {
    content: "2"; }
  ul.checkout-bar li:nth-child(3):before {
    content: "3"; }
  ul.checkout-bar li:nth-child(4):before {
    content: "4"; }
  ul.checkout-bar li:nth-child(5):before {
    content: "5"; }
  ul.checkout-bar li:nth-child(6):before {
    content: "6"; }
ul.checkout-bar a {
  color: #666666;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none; }

@media all and (max-width: 360px) {
  ul.checkout-bar {
    margin-left: -60px; } }
@media all and (min-width: 768px) {
  .checkout-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #7B7B7B;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -50px;
    z-index: 0; }

  ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%; }
    ul.checkout-bar:before {
      background-size: 35px 35px;
      background-color: #333333;
      background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
      -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
      border-radius: 15px;
      content: " ";
      height: 15px;
      left: 0;
      position: absolute;
      width: 10%; }
    ul.checkout-bar li {
      display: inline-block;
      margin: 50px 0 0;
      padding: 0;
      text-align: center;
      width: 21.96%; }
      ul.checkout-bar li:before {
        height: 45px;
        left: 40%;
        line-height: 45px;
        position: absolute;
        top: -65px;
        width: 45px;
        z-index: 99; }
      ul.checkout-bar li.visited {
        background: none; }
        ul.checkout-bar li.visited:after {
          background-size: 35px 35px;
          background-color: #333333;
          background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
          background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
          -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
          content: "";
          height: 15px;
          left: 50%;
          position: absolute;
          top: -50px;
          width: 100%;
          z-index: 99; } }
.products-list {
  margin-bottom: 15px; }

.product-head {
  border-color: #ffffff #ffffff #333333;
  border-style: solid;
  border-width: 1px 1px 4px;
  font-size: 18px;
  padding: 0 13px;
  text-transform: uppercase;
  margin-bottom: 20px; }

.product-col {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid none;
  margin-bottom: 20px;
  padding: 15px 15px 10px;
  height: 75%; }

.product-col .cart-button .btn {
  border-radius: 0; }

.product-col .cart-button {
  /*bottom: 20px;
      position: absolute;*/
  height: 12%; }

.product-col.list .image {
  float: left;
  padding: 20px 30px 10px 0; }

.product-col .caption {
  padding: 20px 0; }

.product-col h2 {
  font-size: 16px;
  text-transform: uppercase; }

.product-col h2, .product-col h2 a {
  color: #252a2f; }

.product-col .description {
  color: #666666;
  font-size: 12px;
  line-height: 18px;
  padding: 5px 0;
  text-align: justify; }

.product-col.list .description {
  padding-right: 20px; }

.price {
  padding: 10px 0;
  text-align: center;
  height: 13%; }

.price .price-tax {
  color: #2f353b;
  font-size: 14px;
  text-transform: uppercase; }

.price span.price-new {
  color: #2f353b;
  font-size: 24px;
  padding-right: 5px; }

.price span.price-old {
  color: #555555;
  font-size: 18px;
  text-decoration: line-through; }

.panel-smart {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid none;
  -ms-border-radius: 0;
  border-radius: 0;
  padding: 20px;
  text-align: left; }

.panel-smart hr {
  border-color: #666666; }

.panel-smart .panel-heading {
  border-bottom: 1px solid none;
  color: #252a2f;
  padding: 5px 0 15px; }

.panel-smart h3.panel-title {
  font-size: 24px; }

.panel-smart .panel-body {
  padding: 20px 0 0; }

.product-info {
  padding-top: 10px; }

.product-info .images-block .thumbnail {
  border-radius: 0;
  padding: 10px; }

.product-info.full .images-block .list-inline {
  margin-left: -5px; }

.product-info.full .images-block .list-inline li {
  padding-left: 5px;
  padding-right: 5px; }

.product-info .images-block .list-inline {
  margin-left: -2px; }

.product-info .images-block .list-inline li {
  padding-left: 2px;
  padding-right: 2px; }

.product-info .images-block .list-inline .thumbnail {
  padding: 5px; }

.product-info .product-details h2 {
  font-size: 24px;
  margin-top: 0; }

.product-info .product-details h3 {
  font-size: 22px; }

.product-info .product-details h2, .product-info .product-details h3 {
  text-transform: uppercase; }

.product-info .product-details .manufacturer {
  color: #666666;
  text-transform: uppercase; }

.product-info .product-details .manufacturer span {
  color: #333333;
  display: inline-block;
  min-width: 130px; }

.product-info .product-details .price-head {
  color: #2f353b;
  font-size: 24px;
  padding-right: 10px;
  text-transform: uppercase; }

.product-info .product-details .price-tax {
  color: #2f353b;
  font-size: 14px;
  padding-top: 5px;
  text-transform: uppercase; }

.product-info .product-details .price-new {
  color: #2f353b;
  font-size: 24px;
  padding-right: 5px; }

.product-info .product-details .price-old {
  color: #666666;
  font-size: 18px;
  text-decoration: line-through; }

.product-info .product-details .options h3 {
  margin-bottom: 20px; }

.product-info .product-details .options h6 {
  font-weight: 700; }

.product-info-box {
  padding-top: 120px; }

.product-info-box + .product-info-box {
  padding-top: 30px; }

.product-info-box .heading {
  border-color: #ffffff #ffffff #333333;
  border-style: solid;
  border-width: 1px 1px 4px;
  color: #333333;
  font-size: 18px;
  padding: 13px 20px;
  text-transform: uppercase; }

.product-info-box .content {
  color: #666666;
  font-size: 13px; }

.tabs-panel {
  margin-top: 20px; }

.tabs-panel.panel-smart {
  padding: 0; }

.tabs-panel .nav-tabs {
  border-bottom: 4px solid #333333;
  font-size: 16px;
  text-transform: uppercase; }

.tabs-panel .nav-tabs > li {
  margin-bottom: 0; }
  @media (max-width: 981px) {
    .tabs-panel .nav-tabs > li {
      float: none; } }

.tabs-panel .nav-tabs > li > a {
  background-color: #ffffff;
  color: #666666;
  margin: 0; }

.tabs-panel .nav-tabs > li > a, .tabs-panel .btn, .tabs-panel .form-control {
  border-radius: 0; }

.tabs-panel .nav-tabs > li.active > a, .tabs-panel .nav-tabs > li.active > a:hover, .tabs-panel .nav-tabs > li.active > a:focus, .tabs-panel .nav > li > a:hover, .tabs-panel .nav > li > a:focus {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0; }

.tabs-panel .nav-tabs > li > a, .tabs-panel .nav-tabs > li.active > a, .tabs-panel .nav-tabs > li.active > a:hover, .tabs-panel .nav-tabs > li.active > a:focus, .tabs-panel .nav-tabs > li > a:hover {
  border: medium none; }

.tabs-panel .nav-tabs > li.active, .tabs-panel .nav-tabs > li.active > a {
  background: #ffffff none repeat scroll 0 0;
  color: #333333;
  font-weight: 700; }

.tabs-panel .nav-tabs > li > a:hover {
  background: #cccccc none repeat scroll 0 0; }

.tabs-panel .tab-content {
  font-size: 13px;
  padding: 20px; }

.tabs-panel label.control-label {
  font-weight: normal;
  text-transform: uppercase; }

.tabs-panel label.control-label.ratings {
  padding-top: 1px; }

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: url("../images/preloader.gif") no-repeat center center; }

.preloaderBlack {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: black url("../images/preloader.gif") no-repeat center center; }

div#preloaderKarta {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background-image: url("../images/preloader_2.gif");
  background-repeat: no-repeat;
  background-position: center center;
  /* Fallback for web browsers that doesn't support RGBa */
  background-color: white;
  /* RGBa with 0.6 opacity */
  background-color: rgba(255, 255, 255, 0.8);
  /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff)"; }

@font-face {
  font-family: 'icomoon';
  src: url("../../../fonts/icomoon.eot?-rdnm34");
  src: url("../../../fonts/icomoon.eot?#iefix-rdnm34") format("embedded-opentype"), url("../../../fonts/icomoon.woff?-rdnm34") format("woff"), url("../../../fonts/icomoon.ttf?-rdnm34") format("truetype"), url("../../../fonts/icomoon.svg?-rdnm34#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Default custom select styles */
div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 100;
  width: 100%;
  max-width: 500px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

div.cs-select:focus {
  outline: none;
  /* For better accessibility add a style for this in your skin */ }

.cs-select select {
  display: none; }

.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 1em;
  white-space: nowrap;
  overflow: hidden;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis; }

/* Placeholder and selected option */
.cs-select > span {
  padding-right: 3em; }

.cs-select > span::after,
.cs-select .cs-selected span::after {
  -webkit-speak: none;
  -moz-speak: none;
  -ms-speak: none;
  -o-speak: none;
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.cs-select > span::after {
  content: '\25BE';
  right: 1em; }

.cs-select .cs-selected span::after {
  content: '\2713';
  margin-left: 1em; }

.cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }

div.cs-active {
  z-index: 200; }

/* Options */
.cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  visibility: hidden; }

.cs-select.cs-active .cs-options {
  visibility: visible; }

.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }

.cs-select ul span {
  padding: 1em; }

.cs-select ul li.cs-focus span {
  background-color: #ddd; }

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
  padding-left: 1em; }

.cs-select li.cs-optgroup > span {
  cursor: default; }

/* skin border */
div.cs-skin-border {
  background: #ffffff;
  font-size: 1.3em;
  font-weight: 700;
  max-width: 600px; }

@media screen and (max-width: 30em) {
  div.cs-skin-border {
    font-size: 1em; } }
.cs-skin-border > span {
  border: 5px solid #333333;
  -webkit-transition: background 0.2s, border-color 0.2s;
  -moz-transition: background 0.2s, border-color 0.2s;
  -ms-transition: background 0.2s, border-color 0.2s;
  -o-transition: background 0.2s, border-color 0.2s;
  transition: background 0.2s, border-color 0.2s; }

.cs-skin-border > span::after,
.cs-skin-border .cs-selected span::after {
  font-family: 'icomoon';
  content: '\e000'; }

.cs-skin-border ul span::after {
  content: '';
  -ms-opacity: 0;
  opacity: 0; }

.cs-skin-border .cs-selected span::after {
  content: '\e00e';
  color: #ddd9c9;
  font-size: 1.5em;
  -ms-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.cs-skin-border.cs-active > span {
  background: #fff;
  border-color: #fff;
  color: #333333; }

.cs-skin-border .cs-options {
  color: #333333;
  font-size: 0.75em;
  opacity: 0;
  -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
  transition: opacity 0.2s, visibility 0s 0.2s; }

.cs-skin-border.cs-active .cs-options {
  -ms-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.cs-skin-border ul span {
  padding: 1em 2em;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
  background: #f5f3ec;
  border-bottom: 2px solid #333333; }

/* // skin border */
/* skin boxes */
div.cs-skin-boxes {
  background: transparent;
  font-size: 1.25em;
  font-weight: 700;
  max-width: 300px;
  z-index: 2000;
  color: #524e4f; }

@media screen and (max-width: 30em) {
  div.cs-skin-boxes {
    font-size: 1em; } }
.cs-skin-boxes > span {
  background: #fff;
  border: 4px solid #524e4f; }

.cs-skin-boxes > span::after,
.cs-skin-boxes.cs-active > span::after {
  font-family: 'icomoon';
  top: auto;
  -webkit-transform: none;
  transform: none;
  content: '\e014'; }

.cs-skin-boxes .cs-options {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: auto;
  background: #fffed8;
  font-size: 75%;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s; }

.cs-skin-boxes.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.cs-skin-boxes .cs-options ul {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 10px; }

.cs-skin-boxes .cs-options li {
  width: 20%;
  height: 25%;
  float: left;
  position: relative;
  cursor: pointer;
  border-radius: 16px;
  overflow: hidden;
  opacity: 0;
  border: 10px solid transparent;
  background-clip: padding-box;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  box-shadow: inset 0 -6em 0 -2em #fff;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

@media screen and (max-width: 30em) {
  .cs-skin-boxes .cs-options li {
    box-shadow: none;
    border-width: 3px;
    border-radius: 8px; } }
.cs-skin-boxes.cs-active .cs-options li {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

.cs-skin-boxes.cs-active .cs-options li:nth-child(2) {
  -webkit-transition-delay: 0.01s;
  transition-delay: 0.01s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(3) {
  -webkit-transition-delay: 0.02s;
  transition-delay: 0.02s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(4) {
  -webkit-transition-delay: 0.03s;
  transition-delay: 0.03s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(5) {
  -webkit-transition-delay: 0.04s;
  transition-delay: 0.04s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(6) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(7) {
  -webkit-transition-delay: 0.06s;
  transition-delay: 0.06s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(8) {
  -webkit-transition-delay: 0.07s;
  transition-delay: 0.07s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(9) {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(10) {
  -webkit-transition-delay: 0.09s;
  transition-delay: 0.09s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(11) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(12) {
  -webkit-transition-delay: 0.11s;
  transition-delay: 0.11s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(13) {
  -webkit-transition-delay: 0.12s;
  transition-delay: 0.12s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(14) {
  -webkit-transition-delay: 0.13s;
  transition-delay: 0.13s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(15) {
  -webkit-transition-delay: 0.14s;
  transition-delay: 0.14s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(16) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(17) {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(18) {
  -webkit-transition-delay: 0.17s;
  transition-delay: 0.17s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(19) {
  -webkit-transition-delay: 0.18s;
  transition-delay: 0.18s; }

.cs-skin-boxes.cs-active .cs-options li:nth-child(20) {
  -webkit-transition-delay: 0.19s;
  transition-delay: 0.19s; }

.cs-skin-boxes .cs-options li.cs-selected::after {
  font-family: 'icomoon';
  content: '\e00d';
  color: #fff;
  position: absolute;
  font-size: 2em;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) translate3d(0, -1em, 0);
  transform: translate3d(-50%, -50%, 0) translate3d(0, -1em, 0); }

.cs-skin-boxes .cs-options li.cs-selected span::after {
  content: ''; }

@media screen and (max-width: 30em) {
  .cs-skin-boxes .cs-options li.cs-selected::after {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); } }
.cs-skin-boxes .cs-options li.color-588c75 {
  background-color: #588c75; }

.cs-skin-boxes .cs-options li.color-b0c47f {
  background-color: #b0c47f; }

.cs-skin-boxes .cs-options li.color-f3e395 {
  background-color: #f3e395; }

.cs-skin-boxes .cs-options li.color-f3ae73 {
  background-color: #f3ae73; }

.cs-skin-boxes .cs-options li.color-da645a {
  background-color: #da645a; }

.cs-skin-boxes .cs-options li.color-79a38f {
  background-color: #79a38f; }

.cs-skin-boxes .cs-options li.color-c1d099 {
  background-color: #c1d099; }

.cs-skin-boxes .cs-options li.color-f5eaaa {
  background-color: #f5eaaa; }

.cs-skin-boxes .cs-options li.color-f5be8f {
  background-color: #f5be8f; }

.cs-skin-boxes .cs-options li.color-e1837b {
  background-color: #e1837b; }

.cs-skin-boxes .cs-options li.color-9bbaab {
  background-color: #9bbaab; }

.cs-skin-boxes .cs-options li.color-d1dcb2 {
  background-color: #d1dcb2; }

.cs-skin-boxes .cs-options li.color-f9eec0 {
  background-color: #f9eec0; }

.cs-skin-boxes .cs-options li.color-f7cda9 {
  background-color: #f7cda9; }

.cs-skin-boxes .cs-options li.color-e8a19b {
  background-color: #e8a19b; }

.cs-skin-boxes .cs-options li.color-bdd1c8 {
  background-color: #bdd1c8; }

.cs-skin-boxes .cs-options li.color-e1e7cd {
  background-color: #e1e7cd; }

.cs-skin-boxes .cs-options li.color-faf4d4 {
  background-color: #faf4d4; }

.cs-skin-boxes .cs-options li.color-fbdfc9 {
  background-color: #fbdfc9; }

.cs-skin-boxes .cs-options li.color-f1c1bd {
  background-color: #f1c1bd; }

.cs-skin-boxes .cs-options span {
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 2em;
  text-transform: uppercase;
  letter-spacing: 1px; }

@media screen and (max-width: 30em) {
  .cs-skin-boxes .cs-options span {
    display: none; } }
.cs-skin-boxes .cs-options li span:hover,
.cs-skin-boxes li.cs-focus span,
.cs-skin-boxes li.cs-selected span {
  color: #333; }

/* // skin boxes */
/*  skin underline */
div.cs-skin-underline {
  background: transparent;
  font-size: 1.8em;
  max-width: 400px; }

@media screen and (max-width: 30em) {
  div.cs-skin-underline {
    font-size: 1.2em; } }
.cs-skin-underline > span {
  padding: 0.5em 3em 0.5em 0.5em;
  border-bottom: 3px solid #000;
  border-color: inherit;
  font-weight: bold; }

.cs-skin-underline > span::after {
  font-family: 'icomoon';
  content: '\e003';
  right: 0.25em;
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

.cs-skin-underline.cs-active > span::after {
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 270deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 270deg); }

.cs-skin-underline .cs-options {
  background: #bbc7c8;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
  transition: opacity 0.3s 0.4s, visibility 0s 0.7s; }

.cs-skin-underline.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.cs-skin-underline ul span {
  position: relative;
  text-transform: uppercase;
  font-size: 66%;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 1.2em 0.8em;
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.cs-select ul span::after {
  content: '';
  opacity: 0; }

.cs-select .cs-selected span::after {
  font-family: 'icomoon';
  content: '\e010';
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.7s;
  transition: opacity 0.3s 0.7s; }

.cs-skin-underline ul span::before {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #fff;
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.cs-skin-underline.cs-active ul span,
.cs-skin-underline.cs-active ul span::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.cs-skin-underline li:nth-child(5) span,
.cs-skin-underline li:nth-child(5) span::before,
.cs-skin-underline.cs-active li:first-child span,
.cs-skin-underline.cs-active li:first-child span::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.cs-skin-underline li:nth-child(4) span,
.cs-skin-underline li:nth-child(4) span::before,
.cs-skin-underline.cs-active li:nth-child(2) span,
.cs-skin-underline.cs-active li:nth-child(2) span::before {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s; }

.cs-skin-underline li:nth-child(3) span,
.cs-skin-underline li:nth-child(3) span::before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }

.cs-skin-underline li:nth-child(2) span,
.cs-skin-underline li:nth-child(2) span::before,
.cs-skin-underline.cs-active li:nth-child(4) span,
.cs-skin-underline.cs-active li:nth-child(4) span::before {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }

.cs-skin-underline li:first-child span,
.cs-skin-underline li:first-child span::before,
.cs-skin-underline.cs-active li:nth-child(5) span,
.cs-skin-underline.cs-active li:nth-child(5) span::before {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

/* more items require more delay declarations */
.cs-skin-underline .cs-options li span:hover,
.cs-skin-underline .cs-options li.cs-focus span,
.cs-skin-underline li.cs-selected span {
  color: #566473;
  background: transparent; }

/* // skin underline */
/* // skin elastic */
div.cs-skin-elastic {
  background: transparent;
  font-size: 1.5em;
  font-weight: 700;
  color: #5b8583; }

@media screen and (max-width: 30em) {
  div.cs-skin-elastic {
    font-size: 1em; } }
.cs-skin-elastic > span {
  background-color: #fff;
  z-index: 100; }

.cs-skin-elastic > span::after {
  font-family: 'icomoon';
  content: '\e005';
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cs-skin-elastic .cs-options {
  overflow: visible;
  background: transparent;
  opacity: 1;
  visibility: visible;
  padding-bottom: 1.25em;
  pointer-events: none; }

.cs-skin-elastic.cs-active .cs-options {
  pointer-events: auto; }

.cs-skin-elastic .cs-options > ul::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
  background: #fff;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.cs-skin-elastic.cs-active .cs-options > ul::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: none;
  transition: none;
  -webkit-animation: expand 0.6s ease-out;
  animation: expand 0.6s ease-out; }

.cs-skin-elastic .cs-options ul li {
  opacity: 0;
  -webkit-transform: translate3d(0, -25px, 0);
  transform: translate3d(0, -25px, 0);
  -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: opacity 0.15s, transform 0.15s; }

.cs-skin-elastic.cs-active .cs-options ul li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition: none;
  transition: none;
  -webkit-animation: bounce 0.6s ease-out;
  animation: bounce 0.6s ease-out; }

/* Optional delays (problematic in IE 11/Win) */
/*
.cs-skin-elastic.cs-active .cs-options ul li:first-child {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(2) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(4) {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
} 

/* with more items, more delays declarations are needed */
.cs-skin-elastic .cs-options span {
  background-repeat: no-repeat;
  background-position: 1.5em 50%;
  background-size: 2em auto;
  padding: 0.8em 1em 0.8em 4em; }

.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span,
.cs-skin-elastic .cs-options .cs-selected span {
  color: #1e4c4a; }

.cs-skin-elastic .cs-options .cs-selected span::after {
  content: ''; }

.cs-skin-elastic .cs-options li.flag-france span {
  background-image: url(../img/france.svg); }

.cs-skin-elastic .cs-options li.flag-brazil span {
  background-image: url(../img/brazil.svg); }

.cs-skin-elastic .cs-options li.flag-safrica span {
  background-image: url(../img/south-africa.svg); }

.cs-skin-elastic .cs-options li.flag-argentina span {
  background-image: url(../img/argentina.svg); }

@-webkit-keyframes expand {
  0% {
    -webkit-transform: scale3d(1, 0, 1); }
  25% {
    -webkit-transform: scale3d(1, 1.2, 1); }
  50% {
    -webkit-transform: scale3d(1, 0.85, 1); }
  75% {
    -webkit-transform: scale3d(1, 1.05, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1); } }
@keyframes expand {
  0% {
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1); }
  25% {
    -webkit-transform: scale3d(1, 1.2, 1);
    transform: scale3d(1, 1.2, 1); }
  50% {
    -webkit-transform: scale3d(1, 0.85, 1);
    transform: scale3d(1, 0.85, 1); }
  75% {
    -webkit-transform: scale3d(1, 1.05, 1);
    transform: scale3d(1, 1.05, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, -25px, 0);
    opacity: 0; }
  25% {
    -webkit-transform: translate3d(0, 10px, 0); }
  50% {
    -webkit-transform: translate3d(0, -6px, 0); }
  75% {
    -webkit-transform: translate3d(0, 2px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    opacity: 0; }
  25% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  50% {
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0); }
  75% {
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
/* // skin elastic */
/* // skin slide */
div.cs-skin-slide {
  color: #fff;
  font-size: 1.5em;
  width: 300px; }

@media screen and (max-width: 30em) {
  div.cs-skin-slide {
    font-size: 1em;
    width: 250px; } }
div.cs-skin-slide::before {
  content: '';
  background: #333333;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.cs-skin-slide.cs-active::before {
  -webkit-transform: scale3d(1.1, 3.5, 1);
  transform: scale3d(1.1, 3.5, 1); }

.cs-skin-slide > span {
  height: 80px;
  line-height: 32px;
  -webkit-transition: text-indent 0.3s, opacity 0.3s;
  transition: text-indent 0.3s, opacity 0.3s; }

@media screen and (max-width: 30em) {
  .cs-skin-slide > span {
    height: 60px;
    line-height: 28px; } }
.cs-skin-slide.cs-active > span {
  text-indent: -290px;
  opacity: 0; }

.cs-skin-slide > span::after,
.cs-skin-slide.cs-active > span::after {
  font-family: 'icomoon';
  content: '\e00f';
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cs-skin-slide.cs-active > span::after {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.cs-skin-slide .cs-options {
  background: transparent;
  width: 70%;
  height: 400%;
  padding: 1.9em 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

@media screen and (max-width: 30em) {
  .cs-skin-slide .cs-options {
    padding-top: 3em; } }
.cs-skin-slide .cs-options li {
  opacity: 0;
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

.cs-skin-slide.cs-active .cs-options li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

.cs-skin-slide.cs-active .cs-options li:first-child {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s; }

.cs-skin-slide.cs-active .cs-options li:nth-child(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }

.cs-skin-slide.cs-active .cs-options li:nth-child(3) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }

.cs-skin-slide.cs-active .cs-options li:nth-child(4) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.cs-skin-slide.cs-active .cs-options li:nth-child(5) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s; }

/* more options need more delay declaration */
.cs-skin-slide .cs-options li span {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 65%;
  padding: 0.8em 1em 0.8em 2.5em; }

.cs-skin-slide .cs-options li span:hover,
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span {
  color: yellowgreen;
  background: transparent; }

.cs-skin-slide .cs-selected span::after {
  content: ''; }

[class^="icon-"] span:before,
[class*=" icon-"] span:before {
  font-family: 'icomoon';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  font-size: 1.5em; }

.icon-drop span::before {
  content: '\0027a7'; }

/* // skin slide */
/* // skin overlay */
div.cs-skin-overlay {
  background: transparent;
  font-size: 1.35em;
  font-weight: 700;
  max-width: 400px;
  z-index: 2000;
  color: #95948f;
  box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 30em) {
  div.cs-skin-overlay {
    font-size: 1em; } }
.cs-skin-overlay > span {
  background: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cs-skin-overlay > span::after,
.cs-skin-overlay.cs-active > span::after {
  font-family: 'icomoon';
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  content: '\e013'; }

.cs-skin-overlay .cs-selected span::after {
  content: ''; }

.cs-skin-overlay.cs-active > span {
  background: #fff;
  border-color: #fff; }

.cs-skin-overlay .cs-options {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.96);
  opacity: 0;
  -webkit-transform: perspective(1000px) translate3d(0, 0, -200px);
  transform: perspective(1000px) translate3d(0, 0, -200px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s, visibility 0s 0.4s;
  transition: transform 0.4s, opacity 0.4s, visibility 0s 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.cs-skin-overlay.cs-active .cs-options {
  opacity: 1;
  -webkit-transform: perspective(1000px) translate3d(0, 0, 0px);
  transform: perspective(1000px) translate3d(0, 0, 0px);
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s; }

.cs-skin-overlay .cs-options > ul {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.cs-skin-overlay .cs-optgroup {
  width: 50%;
  padding: 1em 2em;
  float: left; }

@media screen and (max-width: 30em) {
  .cs-skin-overlay .cs-optgroup {
    width: 100%;
    float: none; } }
.cs-skin-overlay .cs-optgroup > span {
  font-size: 60%;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 1em 0;
  color: #bbb9b4; }

.cs-skin-overlay li.cs-optgroup ul {
  padding-left: 0; }

.cs-skin-overlay li.cs-optgroup {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }

.cs-skin-overlay li.cs-optgroup:first-child {
  text-align: right;
  -webkit-transform: translate3d(1em, 0, 0);
  transform: translate3d(1em, 0, 0); }

@media screen and (max-width: 30em) {
  .cs-skin-overlay li.cs-optgroup:first-child {
    text-align: left; } }
.cs-skin-overlay li.cs-optgroup:nth-child(2) {
  -webkit-transform: translate3d(-1em, 0, 0);
  transform: translate3d(-1em, 0, 0); }

.cs-skin-overlay.cs-active li.cs-optgroup {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.cs-skin-overlay li.cs-optgroup ul span {
  padding: 0.2em 0; }

.cs-skin-overlay li.cs-optgroup li span:hover,
.cs-skin-overlay li.cs-focus span,
.cs-skin-overlay li.cs-selected span {
  color: #f06d54;
  background: transparent; }

/* // skin overlay */
/* // skin rotate */
div.cs-skin-rotate {
  background: transparent;
  font-size: 1.5em;
  font-weight: 700;
  width: 300px;
  -webkit-perspective: 1000px;
  perspective: 1000px; }

@media screen and (max-width: 30em) {
  div.cs-skin-rotate {
    font-size: 1em;
    width: 200px; } }
.cs-skin-rotate > span,
.cs-skin-rotate .cs-options li {
  background: transparent;
  -webkit-transform-origin: 50% 50% -200px;
  transform-origin: 50% 50% -200px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

@media screen and (max-width: 30em) {
  .cs-skin-rotate > span,
  .cs-skin-rotate .cs-options li {
    -webkit-transform-origin: 50% 50% -100px;
    transform-origin: 50% 50% -100px; } }
.cs-skin-rotate > span {
  border: 1px dashed #c0c6c4; }

.cs-skin-rotate.cs-active > span {
  opacity: 0;
  -webkit-transform: rotate3d(0, 1, 0, -90deg);
  transform: rotate3d(0, 1, 0, -90deg); }

.cs-skin-rotate > span::after,
.cs-skin-rotate .cs-selected span::after {
  font-family: 'icomoon'; }

.cs-skin-rotate > span::after,
.cs-skin-rotate.cs-active > span::after {
  content: '\e012';
  -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -90deg);
  transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -90deg); }

.cs-skin-rotate ul span::after {
  content: '';
  opacity: 0; }

.cs-skin-rotate .cs-selected span::after {
  content: '\e00e';
  font-size: 1.5em;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.cs-skin-rotate .cs-options {
  background: transparent;
  top: 0;
  overflow: visible;
  visibility: visible;
  pointer-events: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.cs-skin-rotate .cs-options ul {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.cs-skin-rotate .cs-options li {
  opacity: 0;
  -webkit-transform: rotate3d(0, 1, 0, 90deg);
  transform: rotate3d(0, 1, 0, 90deg); }

.cs-skin-rotate.cs-active .cs-options li {
  opacity: 1;
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
  transform: rotate3d(0, 1, 0, 0deg);
  pointer-events: auto; }

.cs-skin-rotate .cs-options li:nth-child(2) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s; }

.cs-skin-rotate .cs-options li:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s; }

.cs-skin-rotate .cs-options li:nth-child(4) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s; }

.cs-skin-rotate .cs-options li:nth-child(5) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.cs-skin-rotate.cs-active .cs-options ul li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.cs-skin-rotate .cs-options li span {
  padding: 1em 0; }

.cs-skin-rotate .cs-options li span:hover,
.cs-skin-rotate .cs-options li.cs-focus span,
.cs-skin-rotate .cs-selected span {
  opacity: 0.8;
  background: transparent; }

/* // skin rotate */
/* // skin circular */
div.cs-skin-circular {
  background: transparent;
  font-size: 2em;
  font-weight: 700;
  width: auto;
  margin-top: 3em; }

.cs-skin-circular > span {
  background: transparent;
  width: 100px;
  height: 100px;
  text-align: center;
  padding: 0;
  text-indent: 100%;
  box-shadow: inset 0 0 0 5px #fefef8;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out; }

@media screen and (max-width: 30em) {
  .cs-skin-circular > span {
    width: 80px;
    height: 80px; } }
.cs-skin-circular > span::after {
  font-family: 'icomoon';
  content: '\e00f';
  right: 0;
  width: 100%;
  text-indent: 0; }

.cs-skin-circular.cs-active > span::after {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.cs-skin-circular > span[style]::after {
  content: ''; }

.cs-skin-circular .cs-selected span::after {
  content: ''; }

.cs-skin-circular.cs-active > span {
  -webkit-transform: scale3d(0.75, 0.75, 1);
  transform: scale3d(0.75, 0.75, 1); }

.cs-skin-circular .cs-options {
  width: 100%;
  height: 100%;
  top: 0;
  color: #415c71;
  background: transparent;
  overflow: visible;
  font-size: 50%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s; }

.cs-skin-circular.cs-active .cs-options {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.cs-skin-circular .cs-options ul,
.cs-skin-circular .cs-options li {
  position: absolute;
  width: 100%;
  height: 100%; }

.cs-skin-circular .cs-options li {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-radius: 50%;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.1s;
  transition: transform 0.3s, opacity 0.1s; }

.cs-skin-circular.cs-active .cs-options li {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

.cs-skin-circular.cs-active .cs-options li:hover {
  opacity: 0.7; }

.cs-skin-circular .cs-options li:first-child {
  background-image: url(../img/1.png);
  border: 1px solid; }

.cs-skin-circular .cs-options li:nth-child(2) {
  background-image: url(../img/2.png);
  border: 1px solid; }

.cs-skin-circular .cs-options li:nth-child(3) {
  background-image: url(../img/3.png);
  border: 1px solid; }

.cs-skin-circular .cs-options li:nth-child(4) {
  background-image: url(../img/4.png);
  border: 1px solid; }

.cs-skin-circular .cs-options li:nth-child(5) {
  background-image: url(../img/5.png);
  border: 1px solid; }

.cs-skin-circular .cs-options li:nth-child(6) {
  background-image: url(../img/6.png);
  border: 1px solid; }

.cs-skin-circular .cs-options li:nth-child(7) {
  background-image: url(../img/7.png);
  border: 1px solid; }

.cs-skin-circular .cs-options li:nth-child(8) {
  background-image: url(../img/8.png);
  border: 1px solid; }

.cs-skin-circular.cs-active .cs-options li:first-child {
  -webkit-transform: translate3d(0, -160px, 0);
  transform: translate3d(0, -160px, 0); }

.cs-skin-circular.cs-active .cs-options li:nth-child(2) {
  -webkit-transform: translate3d(113.14px, -113.14px, 0);
  transform: translate3d(113.14px, -113.14px, 0); }

.cs-skin-circular.cs-active .cs-options li:nth-child(3) {
  -webkit-transform: translate3d(160px, 0, 0);
  transform: translate3d(160px, 0, 0); }

.cs-skin-circular.cs-active .cs-options li:nth-child(4) {
  -webkit-transform: translate3d(113.14px, 113.14px, 0);
  transform: translate3d(113.14px, 113.14px, 0); }

.cs-skin-circular.cs-active .cs-options li:nth-child(5) {
  -webkit-transform: translate3d(0, 160px, 0);
  transform: translate3d(0, 160px, 0); }

.cs-skin-circular.cs-active .cs-options li:nth-child(6) {
  -webkit-transform: translate3d(-113.14px, 113.14px, 0);
  transform: translate3d(-113.14px, 113.14px, 0); }

.cs-skin-circular.cs-active .cs-options li:nth-child(7) {
  -webkit-transform: translate3d(-160px, 0, 0);
  transform: translate3d(-160px, 0, 0); }

.cs-skin-circular.cs-active .cs-options li:nth-child(8) {
  -webkit-transform: translate3d(-113.14px, -113.14px, 0);
  transform: translate3d(-113.14px, -113.14px, 0); }

.cs-skin-circular .cs-options li span {
  display: none; }

.cs-skin-circular .cs-options li.cs-focus {
  background-color: transparent;
  opacity: 0.7; }

/* // skin circular */
/* przweniesc do shoping cart */
.shopping-cart-event-title {
  font-size: 16px;
  color: #6a6a6a; }

.shopping-cart-event-subtitle {
  color: #bbb; }

.row-shopping-cart {
  background-color: #555555;
  padding: 8px; }

.row-shopping-cart-tickets {
  border-bottom: 1px solid #bbb;
  padding: 5px;
  min-height: 50px; }

.row-shopping-cart-tickets:nth-child(odd) {
  background-color: #e8e8e8; }

.row-shopping-cart-tickets:nth-child(even) {
  background-color: white;
  color: #333333; }

.row-shopping-cart-summary {
  color: black;
  padding: 5px;
  min-height: 50px;
  margin: 2px 0 10px 2px; }

.row-shopping-cart-summary .title {
  min-height: 50px;
  padding: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #fff; }

.row-shopping-cart-buttons {
  min-height: 50px;
  padding: 5px;
  margin: 4px; }

.shopping-cart-summary {
  color: #333333;
  font-weight: 700;
  font-size: 1.3em; }

.msi-slider .carousel-caption {
  background-color: black;
  text-transform: uppercase;
  color: white;
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
  padding: 10px 5px 40px 5px; }

.msi-slider .carousel-caption small {
  color: white !important;
  font-weight: 700; }

.msi-slider h3, .msi-slider h4 {
  color: white !important;
  text-transform: uppercase; }

.msi-slider .carousel-indicators {
  margin-top: 10px; }

.msi-slider a {
  color: white !important;
  text-transform: uppercase; }
  .msi-slider a:hover {
    color: darkest(white, 70%) !important;
    text-decoration: none; }

.msi-slider .price-box {
  position: absolute;
  top: -15px;
  right: -15px;
  background-color: red;
  padding: 5px;
  color: white;
  display: block;
  width: 95px; }

.msi-slider .price-box h4 {
  line-height: 0.8;
  color: white !important; }

.msi-slider .price-box small {
  color: white !important;
  font-weight: 700; }

.msi-slider .description {
  margin: 10px 50px 10px 50px; }

.steps {
  margin: 15px 0;
  color: #eda4ad; }
  .active > .steps {
    color: #d63346; }

.steps-number {
  font-size: 16px; }

.steps-name {
  font-size: 22px; }

/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2); }

.btn-social.btn-lg {
  padding-left: 61px; }

.btn-social.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em; }

.btn-social.btn-sm {
  padding-left: 38px; }

.btn-social.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em; }

.btn-social.btn-xs {
  padding-left: 30px; }

.btn-social.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em; }

.btn-social-icon {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px;
  padding: 0; }

.btn-social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2); }

.btn-social-icon.btn-lg {
  padding-left: 61px; }

.btn-social-icon.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em; }

.btn-social-icon.btn-sm {
  padding-left: 38px; }

.btn-social-icon.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em; }

.btn-social-icon.btn-xs {
  padding-left: 30px; }

.btn-social-icon.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em; }

.btn-social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100% !important; }

.btn-social-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0; }

.btn-social-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0; }

.btn-social-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0; }

.btn-adn {
  color: #fff;
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-adn:hover, .btn-adn:focus, .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {
  color: #fff;
  background-color: #ce563f;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-adn.disabled, .btn-adn[disabled], fieldset[disabled] .btn-adn, .btn-adn.disabled:hover, .btn-adn[disabled]:hover, fieldset[disabled] .btn-adn:hover, .btn-adn.disabled:focus, .btn-adn[disabled]:focus, fieldset[disabled] .btn-adn:focus, .btn-adn.disabled:active, .btn-adn[disabled]:active, fieldset[disabled] .btn-adn:active, .btn-adn.disabled.active, .btn-adn[disabled].active, fieldset[disabled] .btn-adn.active {
  background-color: #d87a68;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-adn .badge {
  color: #d87a68;
  background-color: #fff; }

.btn-bitbucket {
  color: #fff;
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {
  color: #fff;
  background-color: #163758;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active {
  background-color: #205081;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-bitbucket .badge {
  color: #205081;
  background-color: #fff; }

.btn-dropbox {
  color: #fff;
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
  color: #fff;
  background-color: #0d6aad;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active {
  background-color: #1087dd;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-dropbox .badge {
  color: #1087dd;
  background-color: #fff; }

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-facebook .badge {
  color: #3b5998;
  background-color: #fff; }

.btn-flickr {
  color: #fff;
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
  color: #fff;
  background-color: #cc006a;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active {
  background-color: #ff0084;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-flickr .badge {
  color: #ff0084;
  background-color: #fff; }

.btn-foursquare {
  color: #fff;
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {
  color: #fff;
  background-color: #f71752;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-foursquare.disabled, .btn-foursquare[disabled], fieldset[disabled] .btn-foursquare, .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled:active, .btn-foursquare[disabled]:active, fieldset[disabled] .btn-foursquare:active, .btn-foursquare.disabled.active, .btn-foursquare[disabled].active, fieldset[disabled] .btn-foursquare.active {
  background-color: #f94877;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-foursquare .badge {
  color: #f94877;
  background-color: #fff; }

.btn-github {
  color: #fff;
  background-color: #444;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {
  color: #fff;
  background-color: #2b2b2b;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active {
  background-color: #444;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-github .badge {
  color: #444;
  background-color: #fff; }

.btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-google:hover, .btn-google:focus, .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-google.disabled, .btn-google[disabled], fieldset[disabled] .btn-google, .btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover, .btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus, .btn-google.disabled:active, .btn-google[disabled]:active, fieldset[disabled] .btn-google:active, .btn-google.disabled.active, .btn-google[disabled].active, fieldset[disabled] .btn-google.active {
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-google .badge {
  color: #dd4b39;
  background-color: #fff; }

.btn-instagram {
  color: #fff;
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
  color: #fff;
  background-color: #305777;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active {
  background-color: #3f729b;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-instagram .badge {
  color: #3f729b;
  background-color: #fff; }

.btn-linkedin {
  color: #fff;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active {
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-linkedin .badge {
  color: #007bb6;
  background-color: #fff; }

.btn-microsoft {
  color: #fff;
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-microsoft:hover, .btn-microsoft:focus, .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
  color: #fff;
  background-color: #125acd;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-microsoft.disabled, .btn-microsoft[disabled], fieldset[disabled] .btn-microsoft, .btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled:active, .btn-microsoft[disabled]:active, fieldset[disabled] .btn-microsoft:active, .btn-microsoft.disabled.active, .btn-microsoft[disabled].active, fieldset[disabled] .btn-microsoft.active {
  background-color: #2672ec;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-microsoft .badge {
  color: #2672ec;
  background-color: #fff; }

.btn-odnoklassniki {
  color: #fff;
  background-color: #f4731c;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-odnoklassniki:hover, .btn-odnoklassniki:focus, .btn-odnoklassniki:active, .btn-odnoklassniki.active, .open > .dropdown-toggle.btn-odnoklassniki {
  color: #fff;
  background-color: #d35b0a;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-odnoklassniki.disabled, .btn-odnoklassniki[disabled], fieldset[disabled] .btn-odnoklassniki, .btn-odnoklassniki.disabled:hover, .btn-odnoklassniki[disabled]:hover, fieldset[disabled] .btn-odnoklassniki:hover, .btn-odnoklassniki.disabled:focus, .btn-odnoklassniki[disabled]:focus, fieldset[disabled] .btn-odnoklassniki:focus, .btn-odnoklassniki.disabled:active, .btn-odnoklassniki[disabled]:active, fieldset[disabled] .btn-odnoklassniki:active, .btn-odnoklassniki.disabled.active, .btn-odnoklassniki[disabled].active, fieldset[disabled] .btn-odnoklassniki.active {
  background-color: #f4731c;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-odnoklassniki .badge {
  color: #f4731c;
  background-color: #fff; }

.btn-openid {
  color: #fff;
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-openid:hover, .btn-openid:focus, .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {
  color: #fff;
  background-color: #da7908;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-openid.disabled, .btn-openid[disabled], fieldset[disabled] .btn-openid, .btn-openid.disabled:hover, .btn-openid[disabled]:hover, fieldset[disabled] .btn-openid:hover, .btn-openid.disabled:focus, .btn-openid[disabled]:focus, fieldset[disabled] .btn-openid:focus, .btn-openid.disabled:active, .btn-openid[disabled]:active, fieldset[disabled] .btn-openid:active, .btn-openid.disabled.active, .btn-openid[disabled].active, fieldset[disabled] .btn-openid.active {
  background-color: #f7931e;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-openid .badge {
  color: #f7931e;
  background-color: #fff; }

.btn-pinterest {
  color: #fff;
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
  color: #fff;
  background-color: #9f191f;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-pinterest.disabled, .btn-pinterest[disabled], fieldset[disabled] .btn-pinterest, .btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled:active, .btn-pinterest[disabled]:active, fieldset[disabled] .btn-pinterest:active, .btn-pinterest.disabled.active, .btn-pinterest[disabled].active, fieldset[disabled] .btn-pinterest.active {
  background-color: #cb2027;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-pinterest .badge {
  color: #cb2027;
  background-color: #fff; }

.btn-reddit {
  color: #000;
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-reddit:hover, .btn-reddit:focus, .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {
  color: #000;
  background-color: #bcddff;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-reddit.disabled, .btn-reddit[disabled], fieldset[disabled] .btn-reddit, .btn-reddit.disabled:hover, .btn-reddit[disabled]:hover, fieldset[disabled] .btn-reddit:hover, .btn-reddit.disabled:focus, .btn-reddit[disabled]:focus, fieldset[disabled] .btn-reddit:focus, .btn-reddit.disabled:active, .btn-reddit[disabled]:active, fieldset[disabled] .btn-reddit:active, .btn-reddit.disabled.active, .btn-reddit[disabled].active, fieldset[disabled] .btn-reddit.active {
  background-color: #eff7ff;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-reddit .badge {
  color: #eff7ff;
  background-color: #000; }

.btn-soundcloud {
  color: #fff;
  background-color: #f50;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-soundcloud:hover, .btn-soundcloud:focus, .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
  color: #fff;
  background-color: #c40;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-soundcloud.disabled, .btn-soundcloud[disabled], fieldset[disabled] .btn-soundcloud, .btn-soundcloud.disabled:hover, .btn-soundcloud[disabled]:hover, fieldset[disabled] .btn-soundcloud:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud[disabled]:focus, fieldset[disabled] .btn-soundcloud:focus, .btn-soundcloud.disabled:active, .btn-soundcloud[disabled]:active, fieldset[disabled] .btn-soundcloud:active, .btn-soundcloud.disabled.active, .btn-soundcloud[disabled].active, fieldset[disabled] .btn-soundcloud.active {
  background-color: #f50;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-soundcloud .badge {
  color: #f50;
  background-color: #fff; }

.btn-tumblr {
  color: #fff;
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
  color: #fff;
  background-color: #1c2d3f;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active {
  background-color: #2c4762;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-tumblr .badge {
  color: #2c4762;
  background-color: #fff; }

.btn-twitter {
  color: #fff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active {
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-twitter .badge {
  color: #55acee;
  background-color: #fff; }

.btn-vimeo {
  color: #fff;
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {
  color: #fff;
  background-color: #1295bf;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-vimeo.disabled, .btn-vimeo[disabled], fieldset[disabled] .btn-vimeo, .btn-vimeo.disabled:hover, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo:hover, .btn-vimeo.disabled:focus, .btn-vimeo[disabled]:focus, fieldset[disabled] .btn-vimeo:focus, .btn-vimeo.disabled:active, .btn-vimeo[disabled]:active, fieldset[disabled] .btn-vimeo:active, .btn-vimeo.disabled.active, .btn-vimeo[disabled].active, fieldset[disabled] .btn-vimeo.active {
  background-color: #1ab7ea;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-vimeo .badge {
  color: #1ab7ea;
  background-color: #fff; }

.btn-vk {
  color: #fff;
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-vk:hover, .btn-vk:focus, .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
  color: #fff;
  background-color: #466482;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active {
  background-color: #587ea3;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-vk .badge {
  color: #587ea3;
  background-color: #fff; }

.btn-yahoo {
  color: #fff;
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-yahoo:hover, .btn-yahoo:focus, .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
  color: #fff;
  background-color: #500a6f;
  border-color: rgba(0, 0, 0, 0.2); }

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

.btn-yahoo.disabled, .btn-yahoo[disabled], fieldset[disabled] .btn-yahoo, .btn-yahoo.disabled:hover, .btn-yahoo[disabled]:hover, fieldset[disabled] .btn-yahoo:hover, .btn-yahoo.disabled:focus, .btn-yahoo[disabled]:focus, fieldset[disabled] .btn-yahoo:focus, .btn-yahoo.disabled:active, .btn-yahoo[disabled]:active, fieldset[disabled] .btn-yahoo:active, .btn-yahoo.disabled.active, .btn-yahoo[disabled].active, fieldset[disabled] .btn-yahoo.active {
  background-color: #720e9e;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-yahoo .badge {
  color: #720e9e;
  background-color: #fff; }

.recomendedeventmodal-fade {
  -ms-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -ms-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear; }

.recomendedeventmodal-modal {
  text-align: center;
  padding: 0 !important; }

.recomendedeventmodal-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

.recomendedeventmodal-modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  max-width: 560px !important;
  word-wrap: break-word !important; }

.recomendedeventmodal-modal-content {
  -ms-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
  outline: 0 none;
  position: relative;
  color: #f4f4f4; }

.recomendedeventmodal-modal-header {
  border-bottom: 0px solid #e5e5e5;
  min-height: 16.43px;
  padding: 15px; }

.recomendedeventmodal-modal-header h4 {
  color: #ffa500 !important;
  margin-bottom: 0; }

.recomendedeventmodal-modal .fa {
  color: #ffa500; }

.recomendedeventmodal-modal-body .click {
  color: steelblue; }

.recommendedeventmodal-footer {
  border-top: 0;
  padding: 15px;
  text-align: center; }

.tickets {
  display: block;
  height: auto;
  width: 100%;
  text-align: left; }
  .tickets > p {
    margin-bottom: 5px; }

.ticket-list {
  display: block;
  height: auto;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .ticket-list {
      display: block; } }

.ticket-list-row {
  display: block;
  height: auto;
  width: 100%;
  padding: 8px 5px;
  border-bottom: 1px solid none; }
  @media only screen and (min-width: 768px) {
    .ticket-list-row {
      text-align: right; } }
  @media only screen and (max-width: 767px) {
    .ticket-list-row {
      border-bottom: 1px solid #5193c6; } }
  .ticket-list-row.-header {
    border: 0 none;
    background-color: #333333;
    text-align: left;
    color: #fff; }
  .ticket-list-row.-subsector {
    border: 0 none;
    background-color: #ffffff;
    text-align: left;
    color: #333; }
  .ticket-list-row.-footer {
    border: 0 none;
    font-weight: 700;
    color: #c12639;
    background-color: #ffffff; }

.product-list-row {
  display: block;
  height: auto;
  width: 100%;
  padding: 8px 5px;
  border-bottom: 1px solid none; }
  @media only screen and (max-width: 767px) {
    .product-list-row {
      border-bottom: 1px solid none; } }
  .product-list-row.-header {
    border: 0 none;
    background-color: #ffffff;
    text-align: left;
    color: #333333; }
  .product-list-row.-footer {
    border: 0 none;
    font-weight: 700;
    background-color: white;
    color: #c12639; }

.ticket-table {
  width: 100%;
  font-size: 13px; }
  @media only screen and (max-width: 767px) {
    .ticket-table {
      display: block; } }
  .ticket-table > tbody {
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .ticket-table > tbody {
        display: block; } }

.ticket-table-col {
  padding: 8px 5px;
  color: #333333;
  border-bottom: 1px solid none; }
  @media only screen and (max-width: 767px) {
    .ticket-table-col {
      display: block;
      height: auto;
      width: 100%; } }
  @media only screen and (min-width: 768px) {
    .ticket-table-col.-price {
      text-align: right; } }
  @media only screen and (max-width: 767px) {
    .ticket-table-col.-price {
      border: 0 none; } }
  .ticket-table-col.-center {
    text-align: center; }

.ticket-table-row {
  background-color: #ffffff; }
  .tickets-list > .ticket-table-row:first-child {
    border: 0 none; }
  @media only screen and (max-width: 767px) {
    .ticket-table-row {
      display: block;
      height: auto;
      width: 100%;
      border-bottom: 1px solid #5193c6; } }

.ticket-Info-hide {
  display: none; }

.ticket-hide-form-controler {
  width: 100px;
  border: 0px none;
  background: none repeat scroll 0% 0% transparent;
  text-align: right; }

.scene {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  border-radius: 5px;
  background-color: #f4f4f4;
  color: #777;
  border: 1px solid #e8e8e8; }

.ticket-type-desc {
  color: #333;
  font-style: italic;
  padding-left: 20px;
  background-color: #ffffff; }

.total-ticket-price {
  display: block;
  float: right;
  text-align: right;
  width: 100%;
  padding: 5px; }

.total-ticket-price .price-box {
  background-color: #333333;
  color: #fff;
  padding: 5px; }

.total-ticket-price .price-box-inactive {
  background-color: none;
  color: #cccccc;
  text-decoration: line-through;
  padding: 5px; }

.header-package {
  background-color: #f2f2f2 !important;
  color: #333333 !important; }

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto; }

.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both; }

/* -------------------------------- 

Main components 

-------------------------------- */
header {
  height: 200px;
  line-height: 200px;
  text-align: center;
  background: #303e49; }

header h1 {
  color: white;
  font-size: 18px; }

@media only screen and (min-width: 1170px) {
  header {
    height: 300px;
    line-height: 300px; }

  header h1 {
    font-size: 24px; } }
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em; }

#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed; }

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em; }

  #cd-timeline::before {
    left: 50%;
    margin-left: -2px; } }
.cd-timeline-block {
  position: relative;
  margin: 2em 0; }

.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both; }

.cd-timeline-block:first-child {
  margin-top: 0; }

.cd-timeline-block:last-child {
  margin-bottom: 0; }

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0; }

  .cd-timeline-block:first-child {
    margin-top: 0; }

  .cd-timeline-block:last-child {
    margin-bottom: 0; } }
.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px; }

.cd-timeline-img img {
  display: block;
  width: 60px;
  position: relative;
  left: 25%;
  top: 25%;
  margin-left: -12px;
  margin-top: -12px; }

.cd-timeline-img.cd-picture {
  background: #75ce66; }

.cd-timeline-img.cd-location {
  background: #f0ca45; }

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden; }

  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden; }

  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s; } }
@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5); }
  60% {
    opacity: 1;
    -moz-transform: scale(1.2); }
  100% {
    -moz-transform: scale(1); } }
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #ffffff;
  color: #b3b3b3;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed; }

.cd-timeline-content h2, .h2 {
  font-size: 16px; }

.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both; }

.cd-timeline-content h2 {
  color: #303e49; }

.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 14px; }

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block; }

.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6; }

.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em; }

.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb; }

.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7; }

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white; }

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px; }

  .cd-timeline-content p {
    font-size: 16px; }

  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px; } }
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%; }

  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white; }

  .cd-timeline-content .cd-read-more {
    float: left; }

  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 18px;
    font-weight: bold; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right; }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right; }

  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden; }

  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s; } }
@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s; } }
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(20px); }
  100% {
    -moz-transform: translateX(0); } }
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0); } }
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px); }
  60% {
    opacity: 1;
    -moz-transform: translateX(-20px); }
  100% {
    -moz-transform: translateX(0); } }
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }
/* Tiny Carousel */
#slider1 {
  height: 1%;
  margin: 30px 0 0;
  overflow: hidden;
  position: relative;
  padding: 0 50px 10px; }

#slider1 .viewport {
  height: 126px;
  overflow: hidden;
  position: relative; }

#slider1 .buttons {
  background: #f7cd26;
  border-radius: 35px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  line-height: 25px;
  text-decoration: none; }

#slider1 .next {
  right: 0;
  left: auto;
  top: 50%; }

#slider1 .buttons:hover {
  color: #fff;
  background: #C01313; }

#slider1 .disable {
  visibility: hidden; }

#slider1 .overview {
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 0;
  width: 244px;
  left: 0;
  top: 0; }

#slider1 .overview li {
  float: left;
  margin: 0 20px 0 0;
  padding: 1px;
  height: 120px;
  border: 1px solid #dcdcdc;
  width: 240px; }

#slider1 img {
  width: 240px;
  height: 120px; }

#slider1 .infobox {
  position: absolute;
  display: block;
  width: 240px;
  bottom: 10px;
  -ms-opacity: 0.8;
  opacity: 0.8;
  -webkit-filter: alpha(opacity=80);
  -moz-filter: alpha(opacity=80);
  -o-filter: alpha(opacity=80);
  filter: alpha(opacity=80);
  /* For IE8 and earlier */
  background-color: black; }

.widget-product {
  position: fixed;
  right: -20em;
  top: 50%;
  transition: right .4s;
  width: 20em;
  z-index: 1000; }

.widget-product:hover, .widget-product:focus {
  right: 0; }

.widget-product-handler,
.widget-product-content {
  border: 1px solid #ccc;
  padding: 1em .5em; }

.widget-product-handler {
  background: brown;
  color: #e8e8e8;
  border-right: none;
  left: -3em;
  position: absolute;
  text-align: center;
  width: 3em; }

.widget-product-content {
  background: #e8e8e8;
  color: #777;
  border-width: 1px 0;
  padding: 10px;
  overflow: hidden;
  width: 100%;
  z-index: 11; }

.widget-product-icon {
  color: white; }

.big {
  right: -20em;
  width: 20em; }
.marg-top {
margin-top:10px;	
}