@font-face {
  font-family: "TeleIconUi";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/teleicon-ui.eot);
  src: url(../fonts/teleicon-ui.eot?#iefix) format("embedded-opentype"),url(../fonts/teleicon-ui.woff) format("woff"),url(../fonts/teleicon-ui.ttf) format("truetype"),url(../fonts/teleicon-ui.svg#teleicon-ui) format("svg")
}
@font-face {
  font-family: "TeleGroteskScreen";
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/telegroteskscreen-thin.eot);
  src: url(../fonts/telegroteskscreen-thin.eot?#iefix) format("embedded-opentype"),url(../fonts/telegroteskscreen-thin.woff) format("woff"),url(../fonts/telegroteskscreen-thin.ttf) format("truetype"),url(../fonts/telegroteskscreen-thin.svg#telegroteskscreen-thin) format("svg")
}
@font-face {
  font-family: "TeleGroteskScreen";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/telegroteskscreen-regular.eot);
  src: url(../fonts/telegroteskscreen-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/telegroteskscreen-regular.woff) format("woff"),url(../fonts/telegroteskscreen-regular.ttf) format("truetype"),url(../fonts/telegroteskscreen-regular.svg#telegroteskscreen-regular) format("svg")
}
@font-face {
  font-family: "TeleGroteskScreen";
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/telegroteskscreen-regular-italic.eot);
  src: url(../fonts/telegroteskscreen-regular-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/telegroteskscreen-regular-italic.woff) format("woff"),url(../fonts/telegroteskscreen-regular-italic.ttf) format("truetype"),url(../fonts/telegroteskscreen-regular-italic.svg#telegroteskscreen-regular-italic) format("svg")
}
@font-face {
  font-family: "TeleGroteskScreen";
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/telegroteskscreen-medium.eot);
  src: url(../fonts/telegroteskscreen-medium.eot?#iefix) format("embedded-opentype"),url(../fonts/telegroteskscreen-medium.woff) format("woff"),url(../fonts/telegroteskscreen-medium.ttf) format("truetype"),url(../fonts/telegroteskscreen-medium.svg#telegroteskscreen-medium) format("svg")
}
@font-face {
  font-family: "TeleGroteskScreen";
  font-style: italic;
  font-weight: 600;
  src: url(../fonts/telegroteskscreen-medium-italic.eot);
  src: url(../fonts/telegroteskscreen-medium-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/telegroteskscreen-medium-italic.woff) format("woff"),url(../fonts/telegroteskscreen-medium-italic.ttf) format("truetype"),url(../fonts/telegroteskscreen-medium-italic.svg#telegroteskscreen-medium-italic) format("svg")
}
@font-face {
  font-family: "TeleGroteskScreen";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/telegroteskscreen-bold.eot);
  src: url(../fonts/telegroteskscreen-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/telegroteskscreen-bold.woff) format("woff"),url(../fonts/telegroteskscreen-bold.ttf) format("truetype"),url(../fonts/telegroteskscreen-bold.svg#telegroteskscreen-bold) format("svg")
}
@font-face {
  font-family: "TeleGroteskScreen";
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/telegroteskscreen-ultra.eot);
  src: url(../fonts/telegroteskscreen-ultra.eot?#iefix) format("embedded-opentype"),url(../fonts/telegroteskscreen-ultra.woff) format("woff"),url(../fonts/telegroteskscreen-ultra.ttf) format("truetype"),url(../fonts/telegroteskscreen-ultra.svg#telegroteskscreen-ultra) format("svg")
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
  display: block
}
audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden],template {
  display: none
}
a {
  background: transparent;
}
a:active,a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted
}
b,strong {
  font-weight: 700
}
dfn {
  font-style: italic
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
mark {
  background: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -.5em
}
sub {
  bottom: -.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 1em 40px
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
code,kbd,pre,samp {
  font-family: monospace,monospace;
  font-size: 1em
}
button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0
}
button {
  overflow: visible
}
button,select {
  text-transform: none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled],html input[disabled] {
  cursor: default
}
button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type="checkbox"],input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
  height: auto
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto
}
optgroup {
  font-weight: 700
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
td,th {
  padding: 0
}
@font-face {
  font-family: 'Telekom-Icon';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/teleicon-outline.eot);
  src: url(../fonts/teleicon-outline.eot?#iefix) format("embedded-opentype"),url(../fonts/teleicon-outline.woff) format("woff"),url(../fonts/teleicon-outline.ttf) format("truetype"),url(../fonts/teleicon-outline.svg#teleicon-outline) format("svg")
}
@font-face {
  font-family: 'Telekom-Icon';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/teleicon-solid.eot);
  src: url(../fonts/teleicon-solid.eot?#iefix) format("embedded-opentype"),url(../fonts/teleicon-solid.woff) format("woff"),url(../fonts/teleicon-solid.ttf) format("truetype"),url(../fonts/teleicon-solid.svg#teleicon-solid) format("svg")
}
.icon {
  position: relative;
  bottom: 1px;
  vertical-align: middle;
  display: inline-block;
  font-family: 'Telekom-Icon';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-solid {
  font-weight: 700
}
.icon-large {
  font-size: 36px
}
.icon-warning:before {
  content: '\21'
}
.icon-navigation-up:before {
  content: '\22'
}
.icon-navigation-down:before {
  content: '\24'
}
.icon-navigation-left:before {
  content: '\25'
}
.icon-export:before {
  content: '\26'
}
.icon-import:before {
  content: '\28'
}
.icon-scroll-left:before {
  content: '\29'
}
.icon-favorites:before {
  content: '\2a'
}
.icon-add:before {
  content: '\2b'
}
.icon-decrease:before {
  content: '\2d'
}
.icon-record:before {
  content: '\3b'
}
.icon-scroll-right:before {
  content: '\2f'
}
.icon-tile-view:before {
  content: '\30'
}
.icon-skip-to-start:before {
  content: '\31'
}
.icon-previous:before {
  content: '\32'
}
.icon-rewind:before {
  content: '\33'
}
.icon-play:before {
  content: '\34'
}
.icon-pause:before {
  content: '\35'
}
.icon-stop:before {
  content: '\36'
}
.icon-fast-forward:before {
  content: '\37'
}
.icon-next:before {
  content: '\38'
}
.icon-skip-to-end:before {
  content: '\39'
}
.icon-more:before {
  content: '\3a'
}
.icon-help_2:before {
  content: '\3c'
}
.icon-list-view:before {
  content: '\3d'
}
.icon-information_2:before {
  content: '\3e'
}
.icon-help:before {
  content: '\3f'
}
.icon-calendar:before {
  content: '\41'
}
.icon-shopping-cart:before {
  content: '\42'
}
.icon-copy:before {
  content: '\43'
}
.icon-move-to-trash:before {
  content: '\44'
}
.icon-tablet-pc:before {
  content: '\45'
}
.icon-folder:before {
  content: '\46'
}
.icon-filter:before {
  content: '\47'
}
.icon-login:before {
  content: '\48'
}
.icon-comment:before {
  content: '\49'
}
.icon-start-call:before {
  content: '\4a'
}
.icon-speaker-off:before {
  content: '\4b'
}
.icon-lock:before {
  content: '\4c'
}
.icon-microphone-socket:before {
  content: '\4d'
}
.icon-ringtone-off:before {
  content: '\4e'
}
.icon-clock:before {
  content: '\4f'
}
.icon-add-to-watchlist:before {
  content: '\50'
}
.icon-computer:before {
  content: '\51'
}
.icon-iptv:before {
  content: '\52'
}
.icon-settings:before {
  content: '\53'
}
.icon-digits:before {
  content: '\54'
}
.icon-my-profile:before {
  content: '\55'
}
.icon-confirm:before {
  content: '\56'
}
.icon-smartphone:before {
  content: '\57'
}
.icon-cancel:before {
  content: '\58'
}
.icon-cloud:before {
  content: '\59'
}
.icon-zoom-out:before {
  content: '\5a'
}
.icon-attachment:before {
  content: '\61'
}
.icon-bookmark:before {
  content: '\62'
}
.icon-context-menu:before {
  content: '\63'
}
.icon-download:before {
  content: '\64'
}
.icon-edit:before {
  content: '\65'
}
.icon-file:before {
  content: '\66'
}
.icon-reload:before {
  content: '\67'
}
.icon-home:before {
  content: '\68'
}
.icon-information:before {
  content: '\69'
}
.icon-end-call:before {
  content: '\6a'
}
.icon-speaker-on:before {
  content: '\6b'
}
.icon-link:before {
  content: '\6c'
}
.icon-message:before {
  content: '\6d'
}
.icon-ringtone-on:before {
  content: '\6e'
}
.icon-loading-indicator:before {
  content: '\6f'
}
.icon-print:before {
  content: '\70'
}
.icon-search:before {
  content: '\71'
}
.icon-reply:before {
  content: '\72'
}
.icon-synchronize:before {
  content: '\73'
}
.icon-telekom-1T1:before {
  content: '\74'
}
.icon-upload:before {
  content: '\75'
}
.icon-success:before {
  content: '\76'
}
.icon-forward:before {
  content: '\77'
}
.icon-error:before {
  content: '\78'
}
.icon-share:before {
  content: '\79'
}
.icon-zoom-in:before {
  content: '\7a'
}
.icon-navigation-right:before {
  content: '\a7'
}
.icon-maximize:before {
  content: '\dc'
}
.icon-cover-view:before {
  content: '\df'
}
.icon-warning_2:before {
  content: '\e4'
}
.icon-minimize:before {
  content: '\fc'
}
.icon-frame {
  width: 48px;
  height: 48px;
  text-align: center;
  white-space: nowrap;
  padding: 0
}
.icon-frame:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle
}
.icon-frame > .icon {
  display: inline-block;
  height: auto;
  vertical-align: middle
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
* :before,* :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.t-html-cc-ver {
  content: "2.1.0"
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent
}
body {
  color: #FFF;
  font-family: "TeleGroteskScreen","TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 18px;
  line-height: 1.2
}
a {
  color: #FFF;
  text-decoration: underline
}
a:focus {
  color: #CF2C73;
  text-decoration: underline;
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
a:hover {
  color: #CF2C73;
  text-decoration: underline
}
a:active {
  color: #CF2C73
}
hr {
  margin-top: 21px;
  margin-bottom: 21px;
  border: 0;
  border-top: 1px solid #dcdcdc
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}
.img-responsive-vertical {
  display: block;
  max-height: 100%;
  width: auto
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}
.container-liquid,.container-fixed {
  padding-left: 12px;
  padding-right: 12px
}
.container-liquid:before,.container-liquid:after,.container-fixed:before,.container-fixed:after {
  content: ' ';
  display: table
}
.container-liquid:after,.container-fixed:after {
  clear: both
}
.container-fixed.left {
  margin-left: 0;
  margin-right: auto;
  float: left
}
.container-fixed,.container-fixed.center {
  margin-left: auto;
  margin-right: auto
}
.container-fixed.right {
  margin-left: auto;
  margin-right: 0;
  float: right
}
@media screen and (min-width: 1200px) and (max-width: 4999px) {.container-fixed {
  width: 1009px
}

}
@media screen and (min-width: 5000px) {.container-fixed {
width: 1281px
}

}
.row {
margin-left: -12px;
margin-right: -12px
}
.row:before,.row:after {
content: ' ';
display: table
}
.row:after {
clear: both
}
.col-l-1,.col-l-2,.col-l-3,.col-l-4,.col-l-5,.col-l-6,.col-l-7,.col-l-8,.col-l-9,.col-l-10,.col-l-11,.col-l-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-m-1,.col-m-2,.col-m-3,.col-m-4,.col-m-5,.col-m-6,.col-m-7,.col-m-8,.col-m-9,.col-m-10,.col-m-11,.col-m-12,.col-s-1,.col-s-2,.col-s-3,.col-s-4,.col-s-5,.col-s-6,.col-s-7,.col-s-8,.col-s-9,.col-s-10,.col-s-11,.col-s-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
padding-left: 12px;
padding-right: 12px;
position: relative;
float: left;
min-height: 1px
}
.col-l-1 {
width: 8.33334%
}
.col-l-2 {
width: 16.66668%
}
.col-l-3 {
width: 25.00001%
}
.col-l-4 {
width: 33.33334%
}
.col-l-5 {
width: 41.66668%
}
.col-l-6 {
width: 50.00001%
}
.col-l-7 {
width: 58.33334%
}
.col-l-8 {
width: 66.66668%
}
.col-l-9 {
width: 75.00001%
}
.col-l-10 {
width: 83.33334%
}
.col-l-11 {
width: 91.66668%
}
.col-l-12 {
width: 100.00001%
}
.offset-l-0 {
margin-left: 0
}
.offset-l-1 {
margin-left: 8.33333%
}
.offset-l-2 {
margin-left: 16.66667%
}
.offset-l-3 {
margin-left: 25%
}
.offset-l-4 {
margin-left: 33.33333%
}
.offset-l-5 {
margin-left: 41.66667%
}
.offset-l-6 {
margin-left: 50%
}
.offset-l-7 {
margin-left: 58.33333%
}
.offset-l-8 {
margin-left: 66.66667%
}
.offset-l-9 {
margin-left: 75%
}
.offset-l-10 {
margin-left: 83.33333%
}
.offset-l-11 {
margin-left: 91.66667%
}
@media screen and (min-width: 5000px) {.col-xl-1 {
width: 8.33334%
}
.col-xl-2 {
width: 16.66668%
}
.col-xl-3 {
width: 25.00001%
}
.col-xl-4 {
width: 33.33334%
}
.col-xl-5 {
width: 41.66668%
}
.col-xl-6 {
width: 50.00001%
}
.col-xl-7 {
width: 58.33334%
}
.col-xl-8 {
width: 66.66668%
}
.col-xl-9 {
width: 75.00001%
}
.col-xl-10 {
width: 83.33334%
}
.col-xl-11 {
width: 91.66668%
}
.col-xl-12 {
width: 100.00001%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.33333%
}
.offset-xl-2 {
margin-left: 16.66667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.33333%
}
.offset-xl-5 {
margin-left: 41.66667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.33333%
}
.offset-xl-8 {
margin-left: 66.66667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.33333%
}
.offset-xl-11 {
margin-left: 91.66667%
}

}
@media screen and (max-width: 1199px) {.col-m-1 {
width: 8.33334%
}
.col-m-2 {
width: 16.66668%
}
.col-m-3 {
width: 25.00001%
}
.col-m-4 {
width: 33.33334%
}
.col-m-5 {
width: 41.66668%
}
.col-m-6 {
width: 50.00001%
}
.col-m-7 {
width: 58.33334%
}
.col-m-8 {
width: 66.66668%
}
.col-m-9 {
width: 75.00001%
}
.col-m-10 {
width: 83.33334%
}
.col-m-11 {
width: 91.66668%
}
.col-m-12 {
width: 100.00001%
}
.offset-m-0 {
margin-left: 0
}
.offset-m-1 {
margin-left: 8.33333%
}
.offset-m-2 {
margin-left: 16.66667%
}
.offset-m-3 {
margin-left: 25%
}
.offset-m-4 {
margin-left: 33.33333%
}
.offset-m-5 {
margin-left: 41.66667%
}
.offset-m-6 {
margin-left: 50%
}
.offset-m-7 {
margin-left: 58.33333%
}
.offset-m-8 {
margin-left: 66.66667%
}
.offset-m-9 {
margin-left: 75%
}
.offset-m-10 {
margin-left: 83.33333%
}
.offset-m-11 {
margin-left: 91.66667%
}

}
@media screen and (max-width: 999px) {.col-s-1 {
width: 8.33334%
}
.col-s-2 {
width: 16.66668%
}
.col-s-3 {
width: 25.00001%
}
.col-s-4 {
width: 33.33334%
}
.col-s-5 {
width: 41.66668%
}
.col-s-6 {
width: 50.00001%
}
.col-s-7 {
width: 58.33334%
}
.col-s-8 {
width: 66.66668%
}
.col-s-9 {
width: 75.00001%
}
.col-s-10 {
width: 83.33334%
}
.col-s-11 {
width: 91.66668%
}
.col-s-12 {
width: 100.00001%
}
.offset-s-0 {
margin-left: 0
}
.offset-s-1 {
margin-left: 8.33333%
}
.offset-s-2 {
margin-left: 16.66667%
}
.offset-s-3 {
margin-left: 25%
}
.offset-s-4 {
margin-left: 33.33333%
}
.offset-s-5 {
margin-left: 41.66667%
}
.offset-s-6 {
margin-left: 50%
}
.offset-s-7 {
margin-left: 58.33333%
}
.offset-s-8 {
margin-left: 66.66667%
}
.offset-s-9 {
margin-left: 75%
}
.offset-s-10 {
margin-left: 83.33333%
}
.offset-s-11 {
margin-left: 91.66667%
}

}
@media screen and (max-width: 679px) {.col-xs-1 {
width: 8.33334%
}
.col-xs-2 {
width: 16.66668%
}
.col-xs-3 {
width: 25.00001%
}
.col-xs-4 {
width: 33.33334%
}
.col-xs-5 {
width: 41.66668%
}
.col-xs-6 {
width: 50.00001%
}
.col-xs-7 {
width: 58.33334%
}
.col-xs-8 {
width: 66.66668%
}
.col-xs-9 {
width: 75.00001%
}
.col-xs-10 {
width: 83.33334%
}
.col-xs-11 {
width: 91.66668%
}
.col-xs-12 {
width: 100.00001%
}
.offset-xs-0 {
margin-left: 0
}
.offset-xs-1 {
margin-left: 8.33333%
}
.offset-xs-2 {
margin-left: 16.66667%
}
.offset-xs-3 {
margin-left: 25%
}
.offset-xs-4 {
margin-left: 33.33333%
}
.offset-xs-5 {
margin-left: 41.66667%
}
.offset-xs-6 {
margin-left: 50%
}
.offset-xs-7 {
margin-left: 58.33333%
}
.offset-xs-8 {
margin-left: 66.66667%
}
.offset-xs-9 {
margin-left: 75%
}
.offset-xs-10 {
margin-left: 83.33333%
}
.offset-xs-11 {
margin-left: 91.66667%
}

}
.col-hide {
display: none!important
}
@media screen and (min-width: 1200px) and (max-width: 4999px) {.col-l-hide {
display: none!important
}

}
@media screen and (min-width: 5000),screen and (max-width: 1199px) {.col-l-show {
display: none!important
}

}
@media screen and (min-width: 5000px) {.col-xl-hide {
display: none!important
}

}
@media screen and (max-width: 4999px) {.col-xl-show {
display: none!important
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.col-m-hide {
display: none!important
}

}
@media screen and (max-width: 999px),screen and (min-width: 1200px) {.col-m-show {
display: none!important
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.col-s-hide {
display: none!important
}

}
@media screen and (max-width: 679px),screen and (min-width: 1000px) {.col-s-show {
display: none!important
}

}
@media screen and (max-width: 679px) {.col-xs-hide {
display: none!important
}

}
@media screen and (min-width: 680px) {.col-xs-show {
display: none!important
}

}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
font-weight: 400;
color:#FFF;
margin: 0
}
h1.brand,h2.brand,h3.brand,h4.brand,h5.brand,h6.brand,.h1.brand,.h2.brand,.h3.brand,.h4.brand,.h5.brand,.h6.brand {
font-weight: 900;
font-size: 50px;
color:#FFF;
text-transform: uppercase
}
h1.underline,h1.cluster,h2.underline,h2.cluster,h3.underline,h3.cluster,h4.underline,h4.cluster,h5.underline,h5.cluster,h6.underline,h6.cluster,.h1.underline,.h1.cluster,.h2.underline,.h2.cluster,.h3.underline,.h3.cluster,.h4.underline,.h4.cluster,.h5.underline,.h5.cluster,.h6.underline,.h6.cluster {
padding-left: 12px;
padding-right: 12px;
border-bottom: 1px solid #b2b2b2
}
h1.underline,h2.underline,h3.underline,h4.underline,h5.underline,h6.underline,.h1.underline,.h2.underline,.h3.underline,.h4.underline,.h5.underline,.h6.underline {
text-align: center
}
h1.cluster,h2.cluster,h3.cluster,h4.cluster,h5.cluster,h6.cluster,.h1.cluster,.h2.cluster,.h3.cluster,.h4.cluster,.h5.cluster,.h6.cluster {
color: #757575
}
h1.thin,h2.thin,h3.thin,h4.thin,h5.thin,h6.thin,.h1.thin,.h2.thin,.h3.thin,.h4.thin,.h5.thin,.h6.thin {
font-weight: 200
}
h1.marketing-l,h2.marketing-l,h3.marketing-l,h4.marketing-l,h5.marketing-l,h6.marketing-l,.h1.marketing-l,.h2.marketing-l,.h3.marketing-l,.h4.marketing-l,.h5.marketing-l,.h6.marketing-l {
font-size: 48px;
margin-top: 9px;
padding-bottom: 1px;
font-weight: 200
}
h1.marketing-l.underline,h1.marketing-l.cluster,h2.marketing-l.underline,h2.marketing-l.cluster,h3.marketing-l.underline,h3.marketing-l.cluster,h4.marketing-l.underline,h4.marketing-l.cluster,h5.marketing-l.underline,h5.marketing-l.cluster,h6.marketing-l.underline,h6.marketing-l.cluster,.h1.marketing-l.underline,.h1.marketing-l.cluster,.h2.marketing-l.underline,.h2.marketing-l.cluster,.h3.marketing-l.underline,.h3.marketing-l.cluster,.h4.marketing-l.underline,.h4.marketing-l.cluster,.h5.marketing-l.underline,.h5.marketing-l.cluster,.h6.marketing-l.underline,.h6.marketing-l.cluster {
margin-top: 40px
}
h1.marketing-xl,h2.marketing-xl,h3.marketing-xl,h4.marketing-xl,h5.marketing-xl,h6.marketing-xl,.h1.marketing-xl,.h2.marketing-xl,.h3.marketing-xl,.h4.marketing-xl,.h5.marketing-xl,.h6.marketing-xl {
font-size: 60px;
margin-top: 6px;
padding-bottom: -1px;
font-weight: 200
}
h1.marketing-xl.underline,h1.marketing-xl.cluster,h2.marketing-xl.underline,h2.marketing-xl.cluster,h3.marketing-xl.underline,h3.marketing-xl.cluster,h4.marketing-xl.underline,h4.marketing-xl.cluster,h5.marketing-xl.underline,h5.marketing-xl.cluster,h6.marketing-xl.underline,h6.marketing-xl.cluster,.h1.marketing-xl.underline,.h1.marketing-xl.cluster,.h2.marketing-xl.underline,.h2.marketing-xl.cluster,.h3.marketing-xl.underline,.h3.marketing-xl.cluster,.h4.marketing-xl.underline,.h4.marketing-xl.cluster,.h5.marketing-xl.underline,.h5.marketing-xl.cluster,.h6.marketing-xl.underline,.h6.marketing-xl.cluster {
margin-top: 37px
}
h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small {
color: #757575;
font-size: 84%
}
h1,.h1 {
font-size: 36px;
margin-top: 13px;
padding-bottom: 4px
}
h1.underline,h1.cluster,.h1.underline,.h1.cluster {
margin-top: 44px
}
h2,.h2 {
font-size: 27px;
margin-top: 15px;
padding-bottom: 6px
}
h2.underline,h2.cluster,.h2.underline,.h2.cluster {
margin-top: 46px
}
h3,.h3 {
font-weight:700;
font-size: 20px;
margin-top: 16px;
color:#FFF;
padding-bottom: 7px
}
h3.underline,h3.cluster,.h3.underline,.h3.cluster {
margin-top: 47px
}
h4,.h4 {
font-size: 21px;
margin-top: 17px;
padding-bottom: 8px
}
h4.underline,h4.cluster,.h4.underline,.h4.cluster {
margin-top: 48px
}
h5,.h5 {
font-size: 18px;
margin-top: 18px;
padding-bottom: 8px
}
h5.underline,h5.cluster,.h5.underline,.h5.cluster {
margin-top: 49px
}
h6,.h6 {
font-weight:600;
font-size: 15px;
margin-top: 19px;
color:#FFF;
padding-bottom: 9px
}
h6.underline,h6.cluster,.h6.underline,.h6.cluster {
margin-top: 50px
}
p {
margin: 0;
padding-top: 6px;
padding-bottom: 8px
}
p.text-xsmall {
padding-top: 7px;
padding-bottom: 9px
}
p.text-small {
padding-top: 7px;
padding-bottom: 9px
}
p.text-large {
padding-top: 5px;
padding-bottom: 8px
}
p.text-xlarge {
padding-top: 4px;
padding-bottom: 7px
}
small,.text-xsmall {
font-size: 14px
}
.text-small {
font-size: 15px
}
.text-large {
font-size: 21px
}
.text-xlarge {
font-size: 24px
}
.text-xxlarge {
font-size: 27px
}
.text-xxxlarge {
font-size: 27px
}
.text-marketing-l {
font-size: 48px;
margin-top: 9px;
padding-bottom: 1px;
font-weight: 200
}
.text-marketing-l.underline,.text-marketing-l.cluster {
margin-top: 40px
}
.text-marketing-xl {
font-size: 60px;
margin-top: 6px;
padding-bottom: -1px;
font-weight: 200
}
.text-marketing-xl.underline,.text-marketing-xl.cluster {
margin-top: 37px
}
.text-thin {
font-weight: 200!important
}
.text-semibold {
font-weight: 600!important
}
.text-strong,.text-bold {
font-weight: 700!important
}
.text-emphased,.text-italic {
font-style: italic!important
}
.text-uppercase {
text-transform: uppercase!important
}
dfn,abbr,abbr[title] {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAAGElEQVQIW2O0O/DhPwMQHHIQYATRjOgCAKclCAMmY8YrAAAAAElFTkSuQmCC);
background-position: 0 1em;
background-repeat: repeat-x;
background-size: 2px 1px;
border-bottom: 0;
font-style: inherit;
cursor: help
}
mark {
background-color: #ff0;
color: #383838;
padding: 0 .25em
}
.text-positive {
color: #6bb324
}
.text-positive mark {
color: #fff;
background-color: #6bb324
}
.text-warning {
color: #dbad39
}
.text-warning mark {
color: #fff;
background-color: #dbad39
}
.text-negative {
color: #d90000
}
.text-negative mark {
color: #fff;
background-color: #d90000
}
.text-brand {
color: #e20074
}
.text-brand mark {
color: #fff;
background-color: #e20074
}
.text-inactive {
color: #e6e6e6
}
.text-inactive mark {
color: #fff;
background-color: #e6e6e6
}
.list-unordered,.list-unordered-plain {
list-style: none;
margin: 12px 0 0;
padding: 0 0 0 18px
}
.list-unordered > li:before,.list-unordered-plain > li:before {
content: '\2013';
padding-right: 12px
}
.list-unordered .list-ordered,.list-unordered .list-unordered,.list-unordered .list-unordered-plain,.list-unordered-plain .list-ordered,.list-unordered-plain .list-unordered,.list-unordered-plain .list-unordered-plain {
margin-top: 0
}
.list-unordered-bullet > li:before {
content: '\25AA'
}
.list-unordered-plain > li:before {
content: none;
padding-right: 0
}
.list-ordered {
list-style: none;
margin: 12px 0 0;
padding: 0 0 0 20px;
counter-reset: list-index
}
.list-ordered > li {
counter-increment: list-index
}
.list-ordered[reversed] > li {
counter-increment: list-index-1
}
.list-ordered > li:before {
content: counters(list-index, ".") "";
padding-right: 12px
}
.list-ordered .list-ordered,.list-ordered .list-unordered {
margin-top: 0
}
.list-ordered-semibold > li:before {
font-weight: 600
}
.list-desc {
margin-top: 0
}
.list-desc > dd {
margin-left: 0;
padding-bottom: 8px
}
.list-desc-horizontal:before,.list-desc-horizontal:after {
content: ' ';
display: table
}
.list-desc-horizontal:after {
clear: both
}
.list-desc-horizontal > dt {
text-align: left;
font-weight: 600
}
.list-desc-horizontal > dd {
margin: 0;
padding-bottom: 8px
}
@media (min-width: 640px) {.list-desc-horizontal > dt {
clear: left;
float: left;
text-align: right;
width: 148px;
font-weight: 400
}
.list-desc-horizontal > dd {
margin-left: 160px;
padding-bottom: 0
}

}
.list-desc-semibold > dt {
font-weight: 600
}
.price {
margin: 0;
padding: 0;
vertical-align: baseline;
display: inline-block;
font-size: 27px
}
.price > sup {
line-height: 1.2;
display: inline-block;
vertical-align: top;
font-size: 18px;
top: 3px
}
.price-large {
font-size: 30px
}
.price-large > sup {
font-size: 20px;
top: 3px
}
.price-xlarge {
font-size: 36px
}
.price-xlarge > sup {
font-size: 24px;
top: 3px
}
.price-expired {
font-size: 28px
}
.price-expired > sup {
font-size: 28px
}
.quote {
font-size: 18px;
font-style: italic;
margin: 0;
padding: 0
}
.quote-author {
font-size: 15px;
font-style: normal;
font-weight: 700;
margin: 0;
margin-top: .25em;
padding: 0
}
.quote-author cite {
font-style: normal
}
.figure {
font-size: 18px;
margin: 12px 0 0;
padding: 0 0 0 12px;
border-left: 1px solid #dcdcdc
}
.quote-list {
list-style: none;
padding-left: 24px
}
.quote-list .quote-list-item {
border-left: 1px solid #dcdcdc;
padding: 0 0 0 12px
}
.quote-list .quote-list-item .figure {
border-left: 0;
padding-left: 0
}
.quote-list .quote-list-item * .quote-list {
padding-left: 12px
}
address {
font-style: normal
}
.address-header small,.address-body,.address-footer {
font-size: 84%
}
.address-header,.address-body,.address-footer {
margin: 0;
padding: 0
}
.address-header + .address-body,.address-body + .address-footer {
margin-top: .25em
}
.address-header {
font-weight: 700
}
.address-footer label {
min-width: 40px
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-l-left {
text-align: left
}
.text-l-center {
text-align: center
}
.text-l-right {
text-align: right
}
@media screen and (max-width: 1199px) {.text-m-left {
text-align: left
}
.text-m-center {
text-align: center
}
.text-m-right {
text-align: right
}

}
@media screen and (max-width: 999px) {.text-s-left {
text-align: left
}
.text-s-center {
text-align: center
}
.text-s-right {
text-align: right
}

}
@media screen and (min-width: 5000px) {.text-xl-left {
text-align: left
}
.text-xl-center {
text-align: center
}
.text-xl-right {
text-align: right
}

}
.text-nowrap {
white-space: nowrap
}
.text-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.img-round {
border-radius: 50%;
vertical-align: bottom
}
.img-thumbnail {
max-width: 100%;
max-height: 100%;
height: auto;
padding: 2px;
border: 1px solid #b2b2b2;
background: #fff
}
.img-frame {
width: 48px;
height: 48px;
text-align: center;
white-space: nowrap;
padding: 0
}
.img-frame:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.img-frame > img {
display: inline-block;
height: auto;
vertical-align: middle
}
.img-frame-small {
width: 38px;
height: 38px
}
.img-vignette-square {
display: inline-block
}
.img-vignette-square > img {
outline: 1px solid rgba(0,0,0,0.3);
outline-offset: -1px;
padding: .5px
}
.table {
width: 100%
}
.table > thead > tr > th,.table > thead > tr > td,.table > tbody > tr > th,.table > tbody > tr > td,.table > tfoot > tr > th,.table > tfoot > tr > td {
padding: 6px 11px 7px;
vertical-align: top;
border-bottom: 1px solid #dcdcdc
}
.table > thead > tr > th.numeric,.table > thead > tr > td.numeric,.table > tbody > tr > th.numeric,.table > tbody > tr > td.numeric,.table > tfoot > tr > th.numeric,.table > tfoot > tr > td.numeric {
text-align: right
}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th {
text-align: left
}
.table > thead > tr > th,.table > tfoot > tr > th {
font-weight: 600
}
.table > thead > tr > th {
border-bottom: 1px solid #b2b2b2;
border-top: 0;
vertical-align: bottom
}
.table > tfoot > tr > th {
border-top: 1px double #b2b2b2;
border-bottom: 1px solid #b2b2b2
}
.table > caption {
text-align: left;
font-size: 24px;
padding: 6px 11px 7px;
border-bottom: 1px solid #b2b2b2;
margin-bottom: 12px
}
.table-hover > tbody > tr > th,.table-hover > tbody > tr > td {
-webkit-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-ms-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95)
}
.table-hover > tbody > tr:hover > th,.table-hover > tbody > tr:hover > td {
color: #262626;
background-color: #e0e0e0;
-webkit-transition-duration: 100ms;
-moz-transition-duration: 100ms;
-ms-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms
}
.table-striped > tbody > tr:nth-child(odd) > th,.table-striped > tbody > tr:nth-child(odd) > td,.table-striped > tbody > tr.odd > th,.table-striped > tbody > tr.odd > td {
background-color: #f2f2f2;
color: #383838
}
.table-striped.table-hover > tbody > tr:nth-child(odd):hover > th,.table-striped.table-hover > tbody > tr:nth-child(odd):hover > td {
background-color: #e0e0e0;
color: #262626
}
.table > thead > tr.positive > th,.table > thead > tr.positive > td,.table > thead > tr > th.positive,.table > thead > tr > td.positive,.table > tbody > tr.positive > th,.table > tbody > tr.positive > td,.table > tbody > tr > th.positive,.table > tbody > tr > td.positive,.table > tfoot > tr.positive > th,.table > tfoot > tr.positive > td,.table > tfoot > tr > th.positive,.table > tfoot > tr > td.positive {
background: #f8fbf4;
color: #5c9a1f
}
.table-hover > tbody > tr:hover.positive > th,.table-hover > tbody > tr:hover.positive > td,.table-hover > tbody > tr:hover > th.positive,.table-hover > tbody > tr:hover > td.positive {
color: #51881b;
background-color: #e1f0d3
}
.table > thead > tr.warning > th,.table > thead > tr.warning > td,.table > thead > tr > th.warning,.table > thead > tr > td.warning,.table > tbody > tr.warning > th,.table > tbody > tr.warning > td,.table > tbody > tr > th.warning,.table > tbody > tr > td.warning,.table > tfoot > tr.warning > th,.table > tfoot > tr.warning > td,.table > tfoot > tr > th.warning,.table > tfoot > tr > td.warning {
background: #fdfbf5;
color: #c29932
}
.table-hover > tbody > tr:hover.warning > th,.table-hover > tbody > tr:hover.warning > td,.table-hover > tbody > tr:hover > th.warning,.table-hover > tbody > tr:hover > td.warning {
color: #b08b2d;
background-color: #f8efd7
}
.table > thead > tr.negative > th,.table > thead > tr.negative > td,.table > thead > tr > th.negative,.table > thead > tr > td.negative,.table > tbody > tr.negative > th,.table > tbody > tr.negative > td,.table > tbody > tr > th.negative,.table > tbody > tr > td.negative,.table > tfoot > tr.negative > th,.table > tfoot > tr.negative > td,.table > tfoot > tr > th.negative,.table > tfoot > tr > td.negative {
background: #fdf2f2;
color: #c00000
}
.table-hover > tbody > tr:hover.negative > th,.table-hover > tbody > tr:hover.negative > td,.table-hover > tbody > tr:hover > th.negative,.table-hover > tbody > tr:hover > td.negative {
color: #ae0000;
background-color: #f7cccc
}
.table > thead > tr.brand > th,.table > thead > tr.brand > td,.table > thead > tr > th.brand,.table > thead > tr > td.brand,.table > tbody > tr.brand > th,.table > tbody > tr.brand > td,.table > tbody > tr > th.brand,.table > tbody > tr > td.brand,.table > tfoot > tr.brand > th,.table > tfoot > tr.brand > td,.table > tfoot > tr > th.brand,.table > tfoot > tr > td.brand {
background: #e20074;
color: #fff
}
.table-hover > tbody > tr:hover.brand > th,.table-hover > tbody > tr:hover.brand > td,.table-hover > tbody > tr:hover > th.brand,.table-hover > tbody > tr:hover > td.brand {
color: #ededed;
background-color: #d0006b
}
.table > thead > tr.inactive > th,.table > thead > tr.inactive > td,.table > thead > tr > th.inactive,.table > thead > tr > td.inactive,.table > tbody > tr.inactive > th,.table > tbody > tr.inactive > td,.table > tbody > tr > th.inactive,.table > tbody > tr > td.inactive,.table > tfoot > tr.inactive > th,.table > tfoot > tr.inactive > td,.table > tfoot > tr > th.inactive,.table > tfoot > tr > td.inactive {
background: transparent;
color: #e6e6e6
}
.table-small > thead > tr > th,.table-small > thead > tr > td,.table-small > tbody > tr > th,.table-small > tbody > tr > td,.table-small > tfoot > tr > th,.table-small > tfoot > tr > td {
font-size: 14px;
padding: 5px 23px 6px
}
.table-small > caption {
font-size: 18px
}
.table-responsive {
overflow-x: auto;
min-height: .01%
}
@media (max-width: 679px) {.table-responsive {
width: 100%;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid 1px solid #dcdcdc
}
.table-responsive .table {
margin-bottom: 0
}
.table-responsive .table > thead > tr > th,.table-responsive .table > thead > tr > td,.table-responsive .table > tbody > tr > th,.table-responsive .table > tbody > tr > td,.table-responsive .table > tfoot > tr > th,.table-responsive .table > tfoot > tr > td {
white-space: nowrap
}

}
.btn {
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
font-size: 18px;
line-height: 1.2;
padding: 6px 23px 7px;
font-weight: 400;
white-space: nowrap;
background-image: none;
text-decoration: none;
-webkit-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-ms-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95)
}
.btn > .icon {
margin-top: -1px;
padding-right: 12px
}
.btn > .icon-right {
padding-left: 12px;
padding-right: 0
}
.btn.focus,.btn:focus {
color: #383838;
text-decoration: none;
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn.hover,.btn:hover {
text-decoration: none;
-webkit-transition-duration: 100ms;
-moz-transition-duration: 100ms;
-ms-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms
}
.btn.disabled,.btn[disabled] {
cursor: not-allowed;
background: #fafafa;
border-color: #d6d6d6;
color: #b8b8b8
}
.btn-clean,.btn-default {
color: #383838;
background-color: #ededed;
border-color: #b2b2b2
}
.focus.btn-clean,.btn-clean:focus,.btn-default.focus,.btn-default:focus {
color: #383838
}
.hover.btn-clean,.btn-clean:hover,.btn-default.hover,.btn-default:hover {
color: #383838;
background-color: #dbdbdb;
border-color: #a0a0a0
}
.active.btn-clean,.btn-clean:active,.btn-default.active,.btn-default:active {
color: #383838;
background-color: #c7c7c7;
border-color: #8c8c8c
}
.disabled.btn-clean,.disabled.focus.btn-clean,.disabled.btn-clean:focus,.disabled.hover.btn-clean,.disabled.btn-clean:hover,[disabled].btn-clean,[disabled].focus.btn-clean,[disabled].btn-clean:focus,[disabled].hover.btn-clean,[disabled].btn-clean:hover,.btn-default.disabled,.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled.hover,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled].hover,.btn-default[disabled]:hover {
color: #b8b8b8;
background: #fafafa;
border-color: #d6d6d6
}
.btn-brand {
color: #fff;
background-color: #e20074;
border-color: #b2005c
}
.btn-brand.focus,.btn-brand:focus {
color: #fff
}
.btn-brand.hover,.btn-brand:hover {
color: #fff;
background-color: #d0006b;
border-color: #a00053
}
.btn-brand.active,.btn-brand:active {
color: #fff;
background-color: #bc0060;
border-color: #8c0048
}
.btn-brand.disabled,.btn-brand.disabled.focus,.btn-brand.disabled:focus,.btn-brand.disabled.hover,.btn-brand.disabled:hover,.btn-brand[disabled],.btn-brand[disabled].focus,.btn-brand[disabled]:focus,.btn-brand[disabled].hover,.btn-brand[disabled]:hover {
color: #b8b8b8;
background: #fafafa;
border-color: #d6d6d6
}
.btn-positive {
color: #383838;
background-color: #6bb324;
border-color: #548d1c
}
.btn-positive.focus,.btn-positive:focus {
color: #383838
}
.btn-positive.hover,.btn-positive:hover {
color: #383838;
background-color: #61a120;
border-color: #497b18
}
.btn-positive.active,.btn-positive:active {
color: #383838;
background-color: #548d1c;
border-color: #3d6714
}
.btn-positive.disabled,.btn-positive.disabled.focus,.btn-positive.disabled:focus,.btn-positive.disabled.hover,.btn-positive.disabled:hover,.btn-positive[disabled],.btn-positive[disabled].focus,.btn-positive[disabled]:focus,.btn-positive[disabled].hover,.btn-positive[disabled]:hover {
color: #b8b8b8;
background: #fafafa;
border-color: #d6d6d6
}
.btn-negative {
color: #fff;
background-color: #d90000;
border-color: #b30000
}
.btn-negative.focus,.btn-negative:focus {
color: #fff
}
.btn-negative.hover,.btn-negative:hover {
color: #fff;
background-color: #c70000;
border-color: #a10000
}
.btn-negative.active,.btn-negative:active {
color: #fff;
background-color: #b30000;
border-color: #8d0000
}
.btn-negative.disabled,.btn-negative.disabled.focus,.btn-negative.disabled:focus,.btn-negative.disabled.hover,.btn-negative.disabled:hover,.btn-negative[disabled],.btn-negative[disabled].focus,.btn-negative[disabled]:focus,.btn-negative[disabled].hover,.btn-negative[disabled]:hover {
color: #b8b8b8;
background: #fafafa;
border-color: #d6d6d6
}
.btn-clean {
background-color: transparent
}
.btn-clean,.btn-clean.focus,.btn-clean:focus,.btn-clean.hover,.btn-clean:hover,.btn-clean.active,.btn-clean:active {
border-color: transparent
}
.btn-small {
font-size: 15px;
padding: 5px 23px 6px
}
.btn-large {
font-size: 21px;
padding: 10px 23px 11px
}
.btn-icon {
padding: 6px 17px 7px
}
.btn-icon .icon {
padding: 0
}
.btn-minimal {
padding: 6px 11px 7px
}
.btn-block {
width: 100%
}
.btn-sectioned {
display: block
}
.btn-sectioned:before,.btn-sectioned:after {
content: ' ';
display: table
}
.btn-sectioned:after {
clear: both
}
.btn-sectioned > .btn,.btn-sectioned > .pager,.btn-sectioned > .pager + .pager {
margin-left: -1px;
margin-right: 0;
float: left;
position: relative
}
.btn-sectioned > .btn:hover,.btn-sectioned > .pager:hover,.btn-sectioned > .pager + .pager:hover {
z-index: 2
}
.btn-sectioned > .btn:focus,.btn-sectioned > .btn:active,.btn-sectioned > .pager:focus,.btn-sectioned > .pager:active,.btn-sectioned > .pager + .pager:focus,.btn-sectioned > .pager + .pager:active {
z-index: 3
}
.btn-sectioned > .btn:first-child,.btn-sectioned > .pager:first-child,.btn-sectioned > .pager + .pager:first-child {
margin-left: 0
}
.btn-sectioned > .btn:not(:last-child),.btn-sectioned > .pager:not(:last-child),.btn-sectioned > .pager + .pager:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-sectioned > .btn:not(:first-child),.btn-sectioned > .pager:not(:first-child),.btn-sectioned > .pager + .pager:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
label {
display: inline-block
}
.form-input {
background-color: #FFF;
border: 1px solid #b2b2b2;
border-radius: 4px;
color: #383838;
display: block;
font-size: 18px;
line-height: 1.2;
padding: 6px 11px 7px;
width: 100%;
-webkit-appearance: none;
-webkit-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-ms-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95)
}
.form-input::-webkit-input-placeholder {
color: #c4c5c6
}
.form-input:-moz-placeholder {
color: #c4c5c6
}
.form-input::-moz-placeholder {
color: #c4c5c6
}
.form-input:-ms-input-placeholder {
color: #c4c5c6
}
.form-input.hover,.form-input:hover {
background-color: #ededed;
-webkit-transition-duration: 100ms;
-moz-transition-duration: 100ms;
-ms-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms
}
.form-input.focus,.form-input:focus {
background-color: #FFF;
border-color: #E20074;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(226,0,116,0.6)
}
.form-input.active,.form-input:active {
background-color: #d9d9d9
}
.form-input.disabled,.form-input.readonly,.form-input[disabled],.form-input[readonly] {
background-color: #fff;
border-color: #d6d6d6;
color: #b8b8b8;
cursor: not-allowed;
resize: none
}
.form-input.disabled::-webkit-input-placeholder,.form-input.readonly::-webkit-input-placeholder,.form-input[disabled]::-webkit-input-placeholder,.form-input[readonly]::-webkit-input-placeholder {
color: #f5f5f5
}
.form-input.disabled:-moz-placeholder,.form-input.readonly:-moz-placeholder,.form-input[disabled]:-moz-placeholder,.form-input[readonly]:-moz-placeholder {
color: #f5f5f5
}
.form-input.disabled::-moz-placeholder,.form-input.readonly::-moz-placeholder,.form-input[disabled]::-moz-placeholder,.form-input[readonly]::-moz-placeholder {
color: #f5f5f5
}
.form-input.disabled:-ms-input-placeholder,.form-input.readonly:-ms-input-placeholder,.form-input[disabled]:-ms-input-placeholder,.form-input[readonly]:-ms-input-placeholder {
color: #f5f5f5
}
textarea.form-input {
min-height: 34px
}
.decoration-positive .form-input {
background-color: #f8fbf4;
border-color: #548d1c
}
.decoration-positive .form-input.hover,.decoration-positive .form-input:hover {
background-color: #f0f7e9;
border-color: #497b18
}
.decoration-positive .form-input.focus,.decoration-positive .form-input:focus {
background-color: #fff;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #87d738
}
.decoration-positive .form-input.active,.decoration-positive .form-input:active {
background-color: #e9f4de;
border-color: #3d6714
}
.decoration-warning .form-input {
background-color: #fdfbf5;
border-color: #b58f2f
}
.decoration-warning .form-input.hover,.decoration-warning .form-input:hover {
background-color: #fbf7eb;
border-color: #a3812a
}
.decoration-warning .form-input.focus,.decoration-warning .form-input:focus {
background-color: #fff;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dabc70
}
.decoration-warning .form-input.active,.decoration-warning .form-input:active {
background-color: #faf3e1;
border-color: #8f7125
}
.decoration-negative .form-input {
background-color: #fdf2f2;
border-color: #b30000
}
.decoration-negative .form-input.hover,.decoration-negative .form-input:hover {
background-color: #fbe6e6;
border-color: #a10000
}
.decoration-negative .form-input.focus,.decoration-negative .form-input:focus {
background-color: #fff;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ff1a1a
}
.decoration-negative .form-input.active,.decoration-negative .form-input:active {
background-color: #f9d9d9;
border-color: #8d0000
}
.form-input-set {
display: block;
margin-bottom: 12px
}
.form-input-set > label {
display: block;
font-size: 15px;
margin-top: 7px;
margin-bottom: 3px
}
.form-radio,.form-checkbox {
width: 24px;
height: 24px
}
.form-radio-set,.form-checkbox-set {
display: block;
margin-bottom: 12px
}
.form-radio-set label,.form-checkbox-set label {
display: block;
padding-left: 36px;
cursor: pointer;
line-height: 24px
}
.form-radio-set.disabled label,.form-checkbox-set.disabled label {
cursor: not-allowed;
color: #b8b8b8
}
.form-radio-set .form-radio,.form-checkbox-set .form-checkbox {
vertical-align: middle;
float: left;
margin-left: -36px;
margin-right: 12px
}
.form-fieldset {
border: 0;
padding: 0 12px;
margin: 0;
min-width: 0
}
.form-fieldset > legend {
color: #757575;
display: block;
width: 100%;
box-sizing: content-box;
padding: 0 12px;
margin: 0 -12px;
padding-bottom: 8px;
border-bottom: 1px solid #b2b2b2
}
.form-fieldset > legend + * {
-webkit-margin-top-collapse: separate;
margin-top: 12px
}
.form-select {
background-color: #ededed;
border: 1px solid #b2b2b2;
border-radius: 4px;
color: #383838;
display: block;
font-size: 18px;
line-height: 1.2;
padding: 6px 11px 7px;
width: 100%
}
.form-select option {
background-color: #fff
}
.form-select.focus,.form-select:focus {
background-color: #ededed;
outline: 0
}
.form-select.hover,.form-select:hover {
background-color: #dbdbdb
}
.form-select.active,.form-select:active {
background-color: #c7c7c7
}
.form-select.disabled,.form-select.readonly,.form-select[disabled],.form-select[readonly] {
background-color: #f7f7f7;
border-color: #d6d6d6;
color: #b8b8b8;
cursor: not-allowed;
resize: none
}
.form-select.disabled::-webkit-input-placeholder,.form-select.readonly::-webkit-input-placeholder,.form-select[disabled]::-webkit-input-placeholder,.form-select[readonly]::-webkit-input-placeholder {
color: #f5f5f5
}
.form-select.disabled:-moz-placeholder,.form-select.readonly:-moz-placeholder,.form-select[disabled]:-moz-placeholder,.form-select[readonly]:-moz-placeholder {
color: #f5f5f5
}
.form-select.disabled::-moz-placeholder,.form-select.readonly::-moz-placeholder,.form-select[disabled]::-moz-placeholder,.form-select[readonly]::-moz-placeholder {
color: #f5f5f5
}
.form-select.disabled:-ms-input-placeholder,.form-select.readonly:-ms-input-placeholder,.form-select[disabled]:-ms-input-placeholder,.form-select[readonly]:-ms-input-placeholder {
color: #f5f5f5
}
.fade {
opacity: 0;
-webkit-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
transition: opacity .3s ease-out
}
.fade.in {
opacity: 1
}
.content-list {
list-style: none;
margin: 0;
padding: 0
}
.content-list > li,.content-list > .content-list-item {
border-bottom: 1px solid #dcdcdc
}
.content-list-item {
position: relative;
display: block;
padding: 13px 12px
}
.content-list-item.selected {
color: #e20074
}
a.content-list-item {
-webkit-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-ms-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
color: inherit;
cursor: pointer
}
a.content-list-item.focus,a.content-list-item:focus {
text-decoration: none
}
a.content-list-item.hover,a.content-list-item:hover {
text-decoration: none;
background-color: #ededed;
-webkit-transition-duration: 100ms;
-moz-transition-duration: 100ms;
-ms-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms
}
a.content-list-item.active,a.content-list-item:active {
background-color: #d9d9d9
}
.content-list-item-brand {
color: #fff;
background-color: #e20074
}
a.content-list-item-brand {
color: #fff
}
a.content-list-item-brand.hover,a.content-list-item-brand:hover {
background-color: #d0006b
}
a.content-list-item-brand.active,a.content-list-item-brand:active {
background-color: #bc0060
}
.breadcrumb {
padding: 0;
margin: 0;
list-style: none
}
.breadcrumb > li {
display: inline-block
}
.breadcrumb > li > a {
color: #757575
}
.breadcrumb > li + li:before {
padding: 0 1px;
content: '\bb\00a0';
color: #757575
}
.breadcrumb > .active {
color: #e20074
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 0 -3px
}
.pagination > li {
display: inline
}
.pagination > li > a {
float: left;
display: block;
width: 12px;
height: 12px;
margin: 0 3px;
border-radius: 50%;
background-color: #ededed;
border: 1px solid #b2b2b2;
-webkit-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-ms-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95)
}
.pagination > li > a.focus,.pagination > li > a:focus {
background-color: #b7b7b7;
border-color: #7c7c7c;
outline: 0
}
.pagination > li > a.hover,.pagination > li > a:hover {
background-color: #dbdbdb;
border-color: #a0a0a0;
-webkit-transition-duration: 100ms;
-moz-transition-duration: 100ms;
-ms-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms
}
.pagination > li > a.active,.pagination > li > a:active {
background-color: #c7c7c7;
border-color: #8c8c8c
}
.pagination > .active > a {
background-color: #e20074;
border-color: #bc0060;
overflow: hidden
}
.pagination > .active > a:before {
content: url("data:image/gif;base64,R0lGODdhDAAMAKUiAOYgheYhhuYihuYih+Yjh+YjiOYkh+YkiOYliOYlieYmiOYmieYniecniecniuYoiucoiecoiuYpiucpiucqiucqi+cri+csjOctjOcujecvjecvjucwjugxj+gyj+g0kOg1kOg1kf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ywAAAAADAAMAAAGXUAE4lAYBACAAOFwEB4IRqSS6YQGroKls3gNZJsJptWrXSzEAnKT8XgQ3oOvgiGpVN54A4JuuVzwTXMPFhgaGwVMCQ0QERQYHB4eiQ0RExQWGR0fIIkOlRWYHiAhQQA7");
line-height: 12px;
vertical-align: super
}
.pagination > .active > a.focus,.pagination > .active > a:focus {
background-color: #ac0059;
border-color: #860045
}
.pagination > .active > a.hover,.pagination > .active > a:hover {
background-color: #d0006b;
border-color: #aa0057
}
.pagination > .active > a.active,.pagination > .active > a:active {
background-color: #bc0060;
border-color: #96004c
}
.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus,.pagination > .disabled > a:active {
background-color: #ededed;
border-color: #d8d8d8;
cursor: not-allowed
}
.pagination-small > li > a,.pagination-small > li > span {
width: 8px;
height: 8px;
margin: 0 2px
}
.media {
padding: 5px 12px 4px
}
.media-body,.media-left,.media-right {
display: table-cell;
vertical-align: middle;
height: 38px
}
.media-left {
padding-right: 12px
}
.media-right {
padding-left: 12px
}
.media-body {
width: 100%;
padding: 5px 0
}
.media-top {
vertical-align: top
}
.media-bottom {
vertical-align: bottom
}
.media-heading {
margin: 0;
padding: 0
}
.media-hint {
margin: 0;
padding: 0;
color: #757575;
font-size: 15px
}
.badge {
background-color: #ededed;
border-radius: 3px;
color: #383838;
display: inline-block;
font-size: 15px;
font-weight: 700;
line-height: 1;
min-width: 20px;
padding: 3px 6px 2px;
text-align: center;
vertical-align: baseline;
white-space: nowrap
}
.badge:empty {
display: none
}
.content-list-item > .badge {
float: right
}
.badge-positive {
background-color: #6bb324
}
.badge-warning {
background-color: #dbad39
}
.badge-negative {
background-color: #d90000;
color: #fff
}
.badge-function {
background-color: #0ca1dc;
color: #fff
}
.badge-brand {
background-color: #e20074;
color: #fff
}
.badge-dark {
background-color: #383838;
color: #fff
}
.modal-open {
overflow: hidden
}
.modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 6000;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal:empty {
display: none
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0,-25%);
-ms-transform: translate(0,-25%);
-moz-transform: translate(0,-25%);
-o-transform: translate(0,-25%);
transform: translate(0,-25%);
-webkit-transition: transform .3s ease-out;
-ms-transition: transform .3s ease-out;
-moz-transition: transform .3s ease-out;
-o-transition: transform .3s ease-out;
transition: transform .3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0)
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-dialog {
position: relative;
width: auto;
margin: 12px
}
.modal-content {
position: relative;
background-color: #fff;
border-radius: 6px;
padding: 0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.75);
box-shadow: 0 1px 3px rgba(0,0,0,0.75);
background-clip: padding-box;
outline: 0
}
.modal-content .close {
margin-top: 10px;
margin-right: 10px
}
.modal-backdrop {
position: absolute;
top: 0;
right: 0;
left: 0;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.in {
opacity: .8
}
.modal-header {
padding: 12px;
border-bottom: 1px solid #b2b2b2
}
.modal-title {
text-align: center
}
.modal-body {
position: relative;
padding: 12px
}
.modal-footer {
text-align: right;
padding: 12px;
border-top: 1px solid #b2b2b2
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width: 1000px) {.modal-dialog {
width: 600px;
margin: 24px auto
}
.modal-small {
width: 480px
}

}
@media (min-width: 1200px) {.modal-large {
width: 840px
}

}
.notification {
background-color: #fafafb;
border: 1px solid #b2b2b2;
border-radius: 0;
display: block;
margin-bottom: 18px;
padding: 16px 24px 22px;
text-align: left;
font-size: 15px
}
.notification:before,.notification:after {
content: ' ';
display: table
}
.notification:after {
clear: both
}
.notification:empty {
display: none
}
.notification-dismissible {
padding-right: 48px
}
.notification-dismissible > .close {
margin-right: -36px;
margin-top: -7px;
margin-left: 18px
}
.notification-dismissible > .close.focus,.notification-dismissible > .close:focus {
color: #020202;
outline: 0
}
.notification-dismissible > .close.hover,.notification-dismissible > .close:hover {
color: #262626
}
.notification-dismissible > .close.active,.notification-dismissible > .close:active {
color: #121212
}
.notification-content,.notification-left,.notification-right {
overflow: hidden;
zoom: 1
}
.notification-content > p {
padding: 0;
margin: 0
}
.notification-left {
float: left;
margin-right: 12px
}
.notification-right {
float: right;
margin-left: 12px
}
.notification-heading {
font-size: 24px;
font-weight: 400;
padding: 0;
margin: 0
}
.notification-overlay {
box-shadow: 0 1px 4px rgba(0,0,0,0.45)
}
.notification-positive {
background-color: #f8fbf4;
border-color: #548d1c;
color: #383838
}
.notification-positive > .notification-badge {
background-color: #383838;
color: #f8fbf4
}
.notification-positive > .close.focus,.notification-positive > .close:focus {
color: #020202
}
.notification-positive > .close.hover,.notification-positive > .close:hover {
color: #262626
}
.notification-positive > .close.active,.notification-positive > .close:active {
color: #121212
}
.notification-warning {
background-color: #fdfbf5;
border-color: #b58f2f;
color: #383838
}
.notification-warning > .notification-badge {
background-color: #383838;
color: #fdfbf5
}
.notification-warning > .close.focus,.notification-warning > .close:focus {
color: #020202
}
.notification-warning > .close.hover,.notification-warning > .close:hover {
color: #262626
}
.notification-warning > .close.active,.notification-warning > .close:active {
color: #121212
}
.notification-negative {
background-color: #fdf2f2;
border-color: #b30000;
color: #383838
}
.notification-negative > .notification-badge {
background-color: #383838;
color: #fdf2f2
}
.notification-negative > .close.focus,.notification-negative > .close:focus {
color: #020202
}
.notification-negative > .close.hover,.notification-negative > .close:hover {
color: #262626
}
.notification-negative > .close.active,.notification-negative > .close:active {
color: #121212
}
.notification-badge {
float: right;
margin-top: -5px;
margin-right: -12px;
background-color: #383838;
color: #fff
}
.notification .icon-frame {
padding: 7px 0 0
}
.notification .icon-frame .icon-large {
font-size: 42px
}
.pager {
border-radius: 3em;
-webkit-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-ms-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
background: #fff;
background-image: none;
border: 1px solid #b2b2b2;
color: #383838;
cursor: pointer;
display: inline-block;
font-weight: 400;
font-size: 18px;
line-height: 1.2;
padding: 6px 23px 7px;
text-align: center;
vertical-align: bottom;
white-space: nowrap;
text-decoration: none
}
.pager.right {
float: right
}
.pager.left {
float: left
}
.pager > .icon {
padding-right: 12px;
margin-left: -6px
}
.pager > .icon.right {
padding-left: 12px;
padding-right: 0;
margin-left: 0;
margin-right: -6px
}
.pager.focus,.pager:focus {
text-decoration: none;
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.pager.hover,.pager:hover {
text-decoration: none;
background-color: #ededed;
border-color: #a0a0a0;
-webkit-transition-duration: 100ms;
-moz-transition-duration: 100ms;
-ms-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms
}
.pager.active,.pager:active {
text-decoration: none;
background-color: #d9d9d9;
border-color: #8c8c8c
}
.pager.disabled,.pager[disabled] {
cursor: not-allowed;
background: #fafafa;
border-color: #d6d6d6;
color: #b8b8b8
}
.pager-small {
font-size: 15px;
padding: 5px 23px 6px
}
.pager-large {
font-size: 21px;
padding: 10px 23px 11px
}
.pager-icon {
padding: 6px 11px 7px;
padding-left: 0;
padding-right: 0;
width: 36px
}
.pager-icon.pager-small {
width: 32px
}
.pager-icon.pager-large {
width: 48px;
height: 48px
}
.pager-icon.pager-large .icon {
font-size: 36px;
padding: 1px 0 0 2px
}
.pager-icon .icon {
padding: 0;
margin-left: 0;
margin-right: 0
}
.pager + .pager {
margin-left: 24px
}
.pager-minimal {
padding: 6px 11px 7px
}
.pager-block {
width: 100%
}
.pager-clean {
border-color: transparent
}
.pager-clean.hover,.pager-clean:hover {
text-decoration: none;
border-color: transparent
}
.pager-clean.active,.pager-clean:active {
text-decoration: none;
border-color: transparent
}
.close {
color: inherit;
border: 0;
padding: 0;
cursor: pointer;
font-size: 24px;
line-height: 1;
font-family: 'TeleIconUi';
float: right;
background: none;
margin-top: -1px
}
.form-checkbox-js {
width: 22px;
height: 22px;
font-size: 24px;
padding: 0;
border: 0;
background-color: #ededed;
border-radius: 4px;
font-family: 'TeleIconUi';
line-height: 1px;
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-ms-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95)
}
.form-checkbox-js.focus,.form-checkbox-js:focus {
outline: 0
}
.form-checkbox-js.focus {
background-color: #b7b7b7
}
.form-checkbox-js.hover,.form-checkbox-js:hover {
background-color: #dbdbdb;
-webkit-transition-duration: 100ms;
-moz-transition-duration: 100ms;
-ms-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms
}
.form-checkbox-js.active,.form-checkbox-js:active {
background-color: #c7c7c7
}
.form-checkbox-js > .border {
color: #b2b2b2;
position: absolute;
top: 9px;
left: -1px
}
.form-checkbox-js > .border:before {
content: 'A'
}
.form-checkbox-js > .check {
font-size: 24px;
position: absolute;
top: 9px;
left: -1px;
color: #6bb324
}
.form-checkbox-js > .check:before {
content: ''
}
.form-checkbox-js.checked > .check:before {
content: 'B'
}
fieldset[disabled] .form-checkbox-js,.form-checkbox-js[disabled],.form-checkbox-js.disabled {
cursor: not-allowed;
background-color: #fafafa
}
fieldset[disabled] .form-checkbox-js > .border:before,.form-checkbox-js[disabled] > .border:before,.form-checkbox-js.disabled > .border:before {
color: #d6d6d6
}
fieldset[disabled] .form-checkbox-js > .check:before,.form-checkbox-js[disabled] > .check:before,.form-checkbox-js.disabled > .check:before {
color: #b8b8b8
}
.form-checkbox-set .form-checkbox-js {
vertical-align: middle;
float: left;
margin-left: -36px;
margin-right: 12px
}
.lte-ie8 .form-checkbox-js {
background-color: transparent!important;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAYCAYAAAAxkDmIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNzdDRDJBNDk3RTFFMzExODA1Q0VBNjZFMjk1MzI2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRDA0Mjc4MUUxQTcxMUUzOUIxMEY2RkFFQTZEM0FCMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRDA0Mjc4MEUxQTcxMUUzOUIxMEY2RkFFQTZEM0FCMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM4N0NEMkE0OTdFMUUzMTE4MDVDRUE2NkUyOTUzMjYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM3N0NEMkE0OTdFMUUzMTE4MDVDRUE2NkUyOTUzMjYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+HYcNygAAAP5JREFUeNrsmjFqwzAAReWQsRDImgNk8wlaqiUn6pqxa27SGxQ6lR7BNzAEhAWCroF8geZ2SD6C8B58Izw8Yx7ePCzLEsROO2nP7XwLs/atveWc53bP4k8pWf2lFKs/xmj11/OgwHsdfrRtuC9Ze1Hki9OvyFa/Ilv9imz1r3V5N8hDc1b3BX8/fw18CD4O7QXwd/LXwBvjA56CF/z/+FcBHhoCExgIDAQGAgOBgcBAYAIDgYHAQGAgMBAY/g5cjP5f/H39NfCX8QGf+Pv66x8dR+01eH76OrYz/k7++gVP2qh9aOc7iM/NNeacJ6c/pWT1l1Ks/hij1V/dVwEGAJDahM+tVIFSAAAAAElFTkSuQmCC)
}
.lte-ie8 .form-checkbox-js.focus,.lte-ie8 .form-checkbox-js:focus {
background-position: -72px 0
}
.lte-ie8 .form-checkbox-js.hover,.lte-ie8 .form-checkbox-js:hover {
background-position: -24px 0
}
.lte-ie8 .form-checkbox-js.active,.lte-ie8 .form-checkbox-js:active {
background-position: -47px 1px
}
.lte-ie8 .form-checkbox-js[disabled],.lte-ie8 .form-checkbox-js.disabled {
background-position: -96px 0
}
.lte-ie8 fieldset[disabled] .form-checkbox-js {
background-position: -96px 0
}
.form-radio-js {
width: 22px;
height: 22px;
font-size: 24px;
padding: 0;
border: 0;
background-color: #ededed;
border-radius: 50%;
font-family: 'TeleIconUi';
line-height: 1px;
position: relative;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-ms-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95)
}
.form-radio-js.focus,.form-radio-js:focus {
outline: 0
}
.form-radio-js.focus {
background-color: #b7b7b7
}
.form-radio-js.hover,.form-radio-js:hover {
background-color: #dbdbdb;
-webkit-transition-duration: 100ms;
-moz-transition-duration: 100ms;
-ms-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms
}
.form-radio-js.active,.form-radio-js:active {
background-color: #c7c7c7
}
.form-radio-js > .border {
color: #b2b2b2;
position: absolute;
top: 9px;
left: -1px
}
.form-radio-js > .border:before {
content: 'C'
}
.form-radio-js > .check {
font-size: 24px;
position: absolute;
top: 9px;
left: -1px;
color: #e20074
}
.form-radio-js > .check:before {
content: ''
}
.form-radio-js.checked > .check:before {
content: 'D'
}
fieldset[disabled] .form-radio-js,.form-radio-js[disabled],.form-radio-js.disabled {
cursor: not-allowed;
background-color: #fafafa
}
fieldset[disabled] .form-radio-js > .border:before,.form-radio-js[disabled] > .border:before,.form-radio-js.disabled > .border:before {
color: #d6d6d6
}
fieldset[disabled] .form-radio-js > .check:before,.form-radio-js[disabled] > .check:before,.form-radio-js.disabled > .check:before {
color: #b8b8b8
}
.form-radio-set .form-radio-js {
vertical-align: middle;
float: left;
margin-left: -36px;
margin-right: 12px
}
.lte-ie8 .form-radio-js {
background-color: transparent!important;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAYCAYAAAAxkDmIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozNzdDRDJBNDk3RTFFMzExODA1Q0VBNjZFMjk1MzI2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxODZGRDVCRkUxQTcxMUUzQTBCRkM0RUQzNUQwMDFCRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxODZGRDVCRUUxQTcxMUUzQTBCRkM0RUQzNUQwMDFCRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM4N0NEMkE0OTdFMUUzMTE4MDVDRUE2NkUyOTUzMjYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM3N0NEMkE0OTdFMUUzMTE4MDVDRUE2NkUyOTUzMjYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JE+ciQAAAjVJREFUeNrsms1Kw0AUhadpl4KrglAQFMTiSvAFiiAIgsWFm3bpA9gnUHyALnyAbty6EApSQfANBFeiCHZVEEILBbcFz+ANxKGTv87tgNwDpw2h+ZJyksmdn9J4PFYJqsEn8BFchXdp/wscwvfwHTyad/BkMlEpWogfhiErfzqdsvIbjQYrX6tkCXgNvoLP4HLKRczgHnwJf2UM2Ak/IWAn/ISAnfATAnbCtwV8CN/CKyqfvuFT+CElYGd8S8DO+JaAnfEtATvjawXGj87hQQG4omMGxLBJ+EvmxwM+hrtqcXWJZUr4HvhB7GV+k6G9z6IysWpGsSB8D/wo4At4VbnTKjGV8P3ydZG1ju9PR3ePWd1tUqHFxqdCi41PhRYbnwotNn4FHy0GeNRUtGLbwvfA1wEfKD7tM1288DPydcDbjCfYUbwSfgq/QkNgXKoy/wHhp/ADJfrX0gGHjPxQ+H75uol+NzrdLvVKRYTwPfH1E/zIeAc9Cd8vXw90bGDjg6mjvUUDHWx8Guhg49NABxufBjrY+PoJHqrf+UTX6iHcIScf4bLyES4rH+Gy8jU7mg/W74A3VWyaap703GQdAUcrDVj4CJiVj4BZ+QiYlQ+Pom6SPlHb4d3TVn+XkQjfEz/eD+7DHQfwDrFMCd8D3xzouIab9IgXaRaaxLBJ+EvmB5Y7qU4v6VnGaq1Hx/Qz/F74S+SXci6b3aP9z4pn2WwufoFls7n4BZbN5uIXWDabi6/1I8AAeDZjVOQRAs0AAAAASUVORK5CYII=)
}
.lte-ie8 .form-radio-js.focus,.lte-ie8 .form-radio-js:focus {
background-position: -72px 0
}
.lte-ie8 .form-radio-js.hover,.lte-ie8 .form-radio-js:hover {
background-position: -24px 0
}
.lte-ie8 .form-radio-js.active,.lte-ie8 .form-radio-js:active {
background-position: -47px 1px
}
.lte-ie8 .form-radio-js[disabled],.lte-ie8 .form-radio-js.disabled {
background-position: -96px 0
}
.lte-ie8 fieldset[disabled] .form-radio-js {
background-position: -96px 0
}
.form-select-js {
position: relative;
cursor: default;
font-size: 18px;
line-height: 1.2
}
.form-select-js .form-select-js-choice {
background-color: #ededed;
border: 1px solid #b2b2b2;
border-radius: 4px;
color: #383838;
display: block;
padding: 6px 11px 7px;
padding-right: 35px;
width: 100%;
text-decoration: none;
-webkit-appearance: none;
text-align: left;
-webkit-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-ms-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95)
}
.form-select-js .form-select-js-choice:before {
content: 'd';
float: right;
font-family: 'TeleIconUi';
font-size: 24px;
line-height: 1px;
margin-top: 10px;
margin-right: -29px
}
.form-select-js.focus .form-select-js-choice,.form-select-js:focus .form-select-js-choice {
border-color: #7c7c7c;
background-color: #b7b7b7;
outline: 0
}
.form-select-js.hover .form-select-js-choice,.form-select-js:hover .form-select-js-choice {
border-color: #a0a0a0;
background-color: #dbdbdb;
-webkit-transition-duration: 100ms;
-moz-transition-duration: 100ms;
-ms-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms
}
.form-select-js.selected .form-select-js-choice,.form-select-js:selected .form-select-js-choice {
border-color: #d8d8d8;
background-color: #fff
}
.form-select-js.active .form-select-js-choice,.form-select-js:active .form-select-js-choice {
border-color: #8c8c8c;
background-color: #c7c7c7
}
.form-select-js[aria-disabled=true] .form-select-js-choice {
background-color: #fafafa;
border-color: #d6d6d6;
color: #b8b8b8;
cursor: not-allowed
}
.form-select-js-option-scroll-wrapper {
display: none;
position: fixed;
background-color: #fff;
border: 1px solid #b2b2b2;
border-radius: 4px;
margin-top: 12px;
margin-bottom: 12px;
z-index: 9000;
overflow-y: auto
}
.in > .form-select-js-option-scroll-wrapper {
display: block
}
.form-select-js-option-scroll-wrapper .form-select-js-options {
margin: 0;
padding: 0;
list-style: none
}
.form-select-js-option-scroll-wrapper .form-select-js-options > li {
padding: 12px 11px 13px;
-webkit-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-ms-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: all 150ms cubic-bezier(0.445,0.05,0.55,0.95);
outline: 0;
cursor: pointer
}
.form-select-js-option-scroll-wrapper .form-select-js-options > li.focus,.form-select-js-option-scroll-wrapper .form-select-js-options > li:focus {
background-color: #d9d9d9
}
.form-select-js-option-scroll-wrapper .form-select-js-options > li.hover {
background-color: #ededed;
-webkit-transition-duration: 100ms;
-moz-transition-duration: 100ms;
-ms-transition-duration: 100ms;
-o-transition-duration: 100ms;
transition-duration: 100ms
}
.form-select-js-option-scroll-wrapper .form-select-js-options > li.active,.form-select-js-option-scroll-wrapper .form-select-js-options > li:active {
background-color: #d9d9d9
}
.form-select-js-option-scroll-wrapper .form-select-js-options > li[aria-disabled=true] {
background-color: inherit;
color: #eee;
cursor: not-allowed
}
.form-select-js-option-scroll-wrapper .form-select-js-options > li.selected {
background-color: #d9d9d9;
color: #383838
}
.form-select-js-option-scroll-wrapper .form-select-js-options > li.selected.focus,.form-select-js-option-scroll-wrapper .form-select-js-options > li.selected:focus {
background-color: #b3b3b3
}
.form-select-js-option-scroll-wrapper .form-select-js-options > li.selected.hover {
background-color: #c7c7c7
}
.form-select-js-option-scroll-wrapper .form-select-js-options > li.selected.active,.form-select-js-option-scroll-wrapper .form-select-js-options > li.selected:active {
background-color: #b3b3b3
}
.form-select-js-choice-input {
width: 0;
position: absolute;
outline: 0;
background: none;
opacity: 0;
clip: rect(0,0,0,0)
}
.totop {
position: fixed;
z-index: 5000;
bottom: -50px;
opacity: 0;
left: 0;
width: 100%;
height: 1px;
transform: translateZ(0);
-webkit-transition: all 300ms cubic-bezier(0.445,0.05,0.55,0.95);
-moz-transition: all 300ms cubic-bezier(0.445,0.05,0.55,0.95);
-o-transition: all 300ms cubic-bezier(0.445,0.05,0.55,0.95);
transition: all 300ms cubic-bezier(0.445,0.05,0.55,0.95)
}
.totop .btn {
float: right;
position: relative;
right: 12px;
bottom: 48px
}
.totop .btn.mobile {
right: 24px;
bottom: 60px
}
.expandable-hidden {
height: 0;
display: none;
visibility: hidden
}
.expandable-visible {
display: block;
visibility: visible
}
.expanable-container {
overflow: hidden;
display: block;
visibility: visible
}
.qtip {
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 280px;
min-width: 50px;
direction: ltr;
box-shadow: none;
padding: 0
}
.qtip-content {
position: relative;
overflow: hidden;
text-align: left;
word-wrap: break-word
}
.qtip-titlebar {
position: relative;
overflow: hidden;
border-width: 0 0 1px
}
.qtip-titlebar + .qtip-content {
border-top-width: 0!important
}
.qtip-close {
position: absolute;
right: -9px;
top: -9px;
z-index: 11;
cursor: pointer;
outline: medium none;
border: 1px solid transparent
}
.qtip-titlebar .qtip-close {
right: 4px;
top: 50%;
margin-top: -9px
}
* html .qtip-titlebar .qtip-close {
top: 16px
}
.qtip-titlebar .ui-icon,.qtip-icon .ui-icon {
display: block;
text-indent: -1000em;
direction: ltr
}
.qtip-icon,.qtip-icon .ui-icon {
border-radius: 3px;
text-decoration: none
}
.qtip-icon .ui-icon {
width: 18px;
height: 14px;
line-height: 14px;
text-align: center;
text-indent: 0;
font: normal bold 10px / 13px Tahoma,sans-serif;
color: inherit;
background: transparent none no-repeat -100em -100em
}
.qtip-default {
background-color: #262626;
background-color: rgba(0,0,0,0.85);
color: #fff;
border: 0 solid transparent;
border-radius: 4px;
font-size: 15px
}
.qtip-default .qtip-titlebar {
font-size: 18px;
font-weight: 700;
padding: 7px 12px 0;
background-color: transparent
}
.qtip-default .qtip-titlebar .qtip-close {
border-color: #aaa;
color: #111
}
.qtip-default .qtip-titlebar .ui-state-hover {
border-color: #303030
}
.qtip-default .qtip-titlebar + .qtip-content {
padding-top: 0
}
.qtip-default .qtip-content {
padding: 9px 12px
}
.qtip-default .qtip-icon {
background: #f1f1f1;
border-color: #222;
text-shadow: none;
color: #777
}
.qtip .qtip-tip {
margin: 0 auto;
overflow: hidden;
z-index: 10
}
x:-o-prefocus,.qtip .qtip-tip {
visibility: hidden
}
.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas {
position: absolute;
color: #123456;
background: transparent;
border: 0 dashed transparent
}
.qtip .qtip-tip canvas {
top: 0;
left: 0
}
.qtip .qtip-tip .qtip-vml {
behavior: url(#default#VML);
display: inline-block;
visibility: visible
}
.clearfix:before,.clearfix:after {
content: ' ';
display: table
}
.clearfix:after {
clear: both
}
.hidden {
display: none!important;
visibility: hidden!important
}
.show {
display: inherit!important;
visibility: inherit!important
}
.visible-xs {
display: none!important
}
.visible-xs-block {
display: none!important
}
.visible-xs-inline {
display: none!important
}
.visible-xs-inline-block {
display: none!important
}
.visible-s {
display: none!important
}
.visible-s-block {
display: none!important
}
.visible-s-inline {
display: none!important
}
.visible-s-inline-block {
display: none!important
}
.visible-m {
display: none!important
}
.visible-m-block {
display: none!important
}
.visible-m-inline {
display: none!important
}
.visible-m-inline-block {
display: none!important
}
.visible-l {
display: none!important
}
.visible-l-block {
display: none!important
}
.visible-l-inline {
display: none!important
}
.visible-l-inline-block {
display: none!important
}
.visible-xl {
display: none!important
}
.visible-xl-block {
display: none!important
}
.visible-xl-inline {
display: none!important
}
.visible-xl-inline-block {
display: none!important
}
@media (max-width: 679px) {.visible-xs {
display: initial!important
}
.visible-xs-block {
display: block!important
}
.visible-xs-inline {
display: inline!important
}
.visible-xs-inline-block {
display: inline-block!important
}
.hidden-xs {
display: none!important
}

}
@media (max-width: 999px) and (min-width: 680px) {.visible-s {
display: initial!important
}
.visible-s-block {
display: block!important
}
.visible-s-inline {
display: inline!important
}
.visible-s-inline-block {
display: inline-block!important
}
.hidden-s {
display: none!important
}

}
@media (max-width: 1199px) and (min-width: 1000px) {.visible-m {
display: initial!important
}
.visible-m-block {
display: block!important
}
.visible-m-inline {
display: inline!important
}
.visible-m-inline-block {
display: inline-block!important
}
.hidden-m {
display: none!important
}

}
@media (max-width: 4999px) and (min-width: 1200px) {.visible-l {
display: initial!important
}
.visible-l-block {
display: block!important
}
.visible-l-inline {
display: inline!important
}
.visible-l-inline-block {
display: inline-block!important
}
.hidden-l {
display: none!important
}

}
@media (min-width: 5000px) {.visible-xl {
display: initial!important
}
.visible-xl-block {
display: block!important
}
.visible-xl-inline {
display: inline!important
}
.visible-xl-inline-block {
display: inline-block!important
}
.hidden-xl {
display: none!important
}

}
.pull-left {
float: left
}
.pull-right {
float: right
}
.offset-top-1 {
margin-top: 12px
}
.offset-right-1 {
margin-right: 12px
}
.offset-bottom-1 {
margin-bottom: 12px
}
.offset-left-1 {
margin-left: 12px
}
.offset-top-2 {
margin-top: 24px
}
.offset-right-2 {
margin-right: 24px
}
.offset-bottom-2 {
margin-bottom: 24px
}
.offset-left-2 {
margin-left: 24px
}
.offset-top-3 {
margin-top: 36px
}
.offset-right-3 {
margin-right: 36px
}
.offset-bottom-3 {
margin-bottom: 36px
}
.offset-left-3 {
margin-left: 36px
}
.offset-top-4 {
margin-top: 48px
}
.offset-right-4 {
margin-right: 48px
}
.offset-bottom-4 {
margin-bottom: 48px
}
.offset-left-4 {
margin-left: 48px
}
.offset-top-5 {
margin-top: 60px
}
.offset-right-5 {
margin-right: 60px
}
.offset-bottom-5 {
margin-bottom: 60px
}
.offset-left-5 {
margin-left: 60px
}
.offset-top-6 {
margin-top: 72px
}
.offset-right-6 {
margin-right: 72px
}
.offset-bottom-6 {
margin-bottom: 72px
}
.offset-left-6 {
margin-left: 72px
}
.offset-top-7 {
margin-top: 84px
}
.offset-right-7 {
margin-right: 84px
}
.offset-bottom-7 {
margin-bottom: 84px
}
.offset-left-7 {
margin-left: 84px
}
.offset-top-8 {
margin-top: 96px
}
.offset-right-8 {
margin-right: 96px
}
.offset-bottom-8 {
margin-bottom: 96px
}
.offset-left-8 {
margin-left: 96px
}
.offset-top-9 {
margin-top: 108px
}
.offset-right-9 {
margin-right: 108px
}
.offset-bottom-9 {
margin-bottom: 108px
}
.offset-left-9 {
margin-left: 108px
}
.offset-top-10 {
margin-top: 120px
}
.offset-right-10 {
margin-right: 120px
}
.offset-bottom-10 {
margin-bottom: 120px
}
.offset-left-10 {
margin-left: 120px
}
.offset-top-11 {
margin-top: 132px
}
.offset-right-11 {
margin-right: 132px
}
.offset-bottom-11 {
margin-bottom: 132px
}
.offset-left-11 {
margin-left: 132px
}
.offset-top-12 {
margin-top: 144px
}
.offset-right-12 {
margin-right: 144px
}
.offset-bottom-12 {
margin-bottom: 144px
}
.offset-left-12 {
margin-left: 144px
}
.offset-top-13 {
margin-top: 156px
}
.offset-right-13 {
margin-right: 156px
}
.offset-bottom-13 {
margin-bottom: 156px
}
.offset-left-13 {
margin-left: 156px
}
.offset-top-14 {
margin-top: 168px
}
.offset-right-14 {
margin-right: 168px
}
.offset-bottom-14 {
margin-bottom: 168px
}
.offset-left-14 {
margin-left: 168px
}
.offset-top-15 {
margin-top: 180px
}
.offset-right-15 {
margin-right: 180px
}
.offset-bottom-15 {
margin-bottom: 180px
}
.offset-left-15 {
margin-left: 180px
}
.offset-top-16 {
margin-top: 192px
}
.offset-right-16 {
margin-right: 192px
}
.offset-bottom-16 {
margin-bottom: 192px
}
.offset-left-16 {
margin-left: 192px
}
.offset-top-17 {
margin-top: 204px
}
.offset-right-17 {
margin-right: 204px
}
.offset-bottom-17 {
margin-bottom: 204px
}
.offset-left-17 {
margin-left: 204px
}
.offset-top-18 {
margin-top: 216px
}
.offset-right-18 {
margin-right: 216px
}
.offset-bottom-18 {
margin-bottom: 216px
}
.offset-left-18 {
margin-left: 216px
}
.offset-l-top-1 {
margin-top: 12px
}
.offset-l-right-1 {
margin-right: 12px
}
.offset-l-bottom-1 {
margin-bottom: 12px
}
.offset-l-left-1 {
margin-left: 12px
}
.offset-l-top-2 {
margin-top: 24px
}
.offset-l-right-2 {
margin-right: 24px
}
.offset-l-bottom-2 {
margin-bottom: 24px
}
.offset-l-left-2 {
margin-left: 24px
}
.offset-l-top-3 {
margin-top: 36px
}
.offset-l-right-3 {
margin-right: 36px
}
.offset-l-bottom-3 {
margin-bottom: 36px
}
.offset-l-left-3 {
margin-left: 36px
}
.offset-l-top-4 {
margin-top: 48px
}
.offset-l-right-4 {
margin-right: 48px
}
.offset-l-bottom-4 {
margin-bottom: 48px
}
.offset-l-left-4 {
margin-left: 48px
}
.offset-l-top-5 {
margin-top: 60px
}
.offset-l-right-5 {
margin-right: 60px
}
.offset-l-bottom-5 {
margin-bottom: 60px
}
.offset-l-left-5 {
margin-left: 60px
}
.offset-l-top-6 {
margin-top: 72px
}
.offset-l-right-6 {
margin-right: 72px
}
.offset-l-bottom-6 {
margin-bottom: 72px
}
.offset-l-left-6 {
margin-left: 72px
}
.offset-l-top-7 {
margin-top: 84px
}
.offset-l-right-7 {
margin-right: 84px
}
.offset-l-bottom-7 {
margin-bottom: 84px
}
.offset-l-left-7 {
margin-left: 84px
}
.offset-l-top-8 {
margin-top: 96px
}
.offset-l-right-8 {
margin-right: 96px
}
.offset-l-bottom-8 {
margin-bottom: 96px
}
.offset-l-left-8 {
margin-left: 96px
}
.offset-l-top-9 {
margin-top: 108px
}
.offset-l-right-9 {
margin-right: 108px
}
.offset-l-bottom-9 {
margin-bottom: 108px
}
.offset-l-left-9 {
margin-left: 108px
}
.offset-l-top-10 {
margin-top: 120px
}
.offset-l-right-10 {
margin-right: 120px
}
.offset-l-bottom-10 {
margin-bottom: 120px
}
.offset-l-left-10 {
margin-left: 120px
}
.offset-l-top-11 {
margin-top: 132px
}
.offset-l-right-11 {
margin-right: 132px
}
.offset-l-bottom-11 {
margin-bottom: 132px
}
.offset-l-left-11 {
margin-left: 132px
}
.offset-l-top-12 {
margin-top: 144px
}
.offset-l-right-12 {
margin-right: 144px
}
.offset-l-bottom-12 {
margin-bottom: 144px
}
.offset-l-left-12 {
margin-left: 144px
}
.offset-l-top-13 {
margin-top: 156px
}
.offset-l-right-13 {
margin-right: 156px
}
.offset-l-bottom-13 {
margin-bottom: 156px
}
.offset-l-left-13 {
margin-left: 156px
}
.offset-l-top-14 {
margin-top: 168px
}
.offset-l-right-14 {
margin-right: 168px
}
.offset-l-bottom-14 {
margin-bottom: 168px
}
.offset-l-left-14 {
margin-left: 168px
}
.offset-l-top-15 {
margin-top: 180px
}
.offset-l-right-15 {
margin-right: 180px
}
.offset-l-bottom-15 {
margin-bottom: 180px
}
.offset-l-left-15 {
margin-left: 180px
}
.offset-l-top-16 {
margin-top: 192px
}
.offset-l-right-16 {
margin-right: 192px
}
.offset-l-bottom-16 {
margin-bottom: 192px
}
.offset-l-left-16 {
margin-left: 192px
}
.offset-l-top-17 {
margin-top: 204px
}
.offset-l-right-17 {
margin-right: 204px
}
.offset-l-bottom-17 {
margin-bottom: 204px
}
.offset-l-left-17 {
margin-left: 204px
}
.offset-l-top-18 {
margin-top: 216px
}
.offset-l-right-18 {
margin-right: 216px
}
.offset-l-bottom-18 {
margin-bottom: 216px
}
.offset-l-left-18 {
margin-left: 216px
}
@media screen and (max-width: 1199px) {.offset-m-top-1 {
margin-top: 12px
}
.offset-m-right-1 {
margin-right: 12px
}
.offset-m-bottom-1 {
margin-bottom: 12px
}
.offset-m-left-1 {
margin-left: 12px
}
.offset-m-top-2 {
margin-top: 24px
}
.offset-m-right-2 {
margin-right: 24px
}
.offset-m-bottom-2 {
margin-bottom: 24px
}
.offset-m-left-2 {
margin-left: 24px
}
.offset-m-top-3 {
margin-top: 36px
}
.offset-m-right-3 {
margin-right: 36px
}
.offset-m-bottom-3 {
margin-bottom: 36px
}
.offset-m-left-3 {
margin-left: 36px
}
.offset-m-top-4 {
margin-top: 48px
}
.offset-m-right-4 {
margin-right: 48px
}
.offset-m-bottom-4 {
margin-bottom: 48px
}
.offset-m-left-4 {
margin-left: 48px
}
.offset-m-top-5 {
margin-top: 60px
}
.offset-m-right-5 {
margin-right: 60px
}
.offset-m-bottom-5 {
margin-bottom: 60px
}
.offset-m-left-5 {
margin-left: 60px
}
.offset-m-top-6 {
margin-top: 72px
}
.offset-m-right-6 {
margin-right: 72px
}
.offset-m-bottom-6 {
margin-bottom: 72px
}
.offset-m-left-6 {
margin-left: 72px
}
.offset-m-top-7 {
margin-top: 84px
}
.offset-m-right-7 {
margin-right: 84px
}
.offset-m-bottom-7 {
margin-bottom: 84px
}
.offset-m-left-7 {
margin-left: 84px
}
.offset-m-top-8 {
margin-top: 96px
}
.offset-m-right-8 {
margin-right: 96px
}
.offset-m-bottom-8 {
margin-bottom: 96px
}
.offset-m-left-8 {
margin-left: 96px
}
.offset-m-top-9 {
margin-top: 108px
}
.offset-m-right-9 {
margin-right: 108px
}
.offset-m-bottom-9 {
margin-bottom: 108px
}
.offset-m-left-9 {
margin-left: 108px
}
.offset-m-top-10 {
margin-top: 120px
}
.offset-m-right-10 {
margin-right: 120px
}
.offset-m-bottom-10 {
margin-bottom: 120px
}
.offset-m-left-10 {
margin-left: 120px
}
.offset-m-top-11 {
margin-top: 132px
}
.offset-m-right-11 {
margin-right: 132px
}
.offset-m-bottom-11 {
margin-bottom: 132px
}
.offset-m-left-11 {
margin-left: 132px
}
.offset-m-top-12 {
margin-top: 144px
}
.offset-m-right-12 {
margin-right: 144px
}
.offset-m-bottom-12 {
margin-bottom: 144px
}
.offset-m-left-12 {
margin-left: 144px
}
.offset-m-top-13 {
margin-top: 156px
}
.offset-m-right-13 {
margin-right: 156px
}
.offset-m-bottom-13 {
margin-bottom: 156px
}
.offset-m-left-13 {
margin-left: 156px
}
.offset-m-top-14 {
margin-top: 168px
}
.offset-m-right-14 {
margin-right: 168px
}
.offset-m-bottom-14 {
margin-bottom: 168px
}
.offset-m-left-14 {
margin-left: 168px
}
.offset-m-top-15 {
margin-top: 180px
}
.offset-m-right-15 {
margin-right: 180px
}
.offset-m-bottom-15 {
margin-bottom: 180px
}
.offset-m-left-15 {
margin-left: 180px
}
.offset-m-top-16 {
margin-top: 192px
}
.offset-m-right-16 {
margin-right: 192px
}
.offset-m-bottom-16 {
margin-bottom: 192px
}
.offset-m-left-16 {
margin-left: 192px
}
.offset-m-top-17 {
margin-top: 204px
}
.offset-m-right-17 {
margin-right: 204px
}
.offset-m-bottom-17 {
margin-bottom: 204px
}
.offset-m-left-17 {
margin-left: 204px
}
.offset-m-top-18 {
margin-top: 216px
}
.offset-m-right-18 {
margin-right: 216px
}
.offset-m-bottom-18 {
margin-bottom: 216px
}
.offset-m-left-18 {
margin-left: 216px
}

}
@media screen and (max-width: 999px) {.offset-s-top-1 {
margin-top: 12px
}
.offset-s-right-1 {
margin-right: 12px
}
.offset-s-bottom-1 {
margin-bottom: 12px
}
.offset-s-left-1 {
margin-left: 12px
}
.offset-s-top-2 {
margin-top: 24px
}
.offset-s-right-2 {
margin-right: 24px
}
.offset-s-bottom-2 {
margin-bottom: 24px
}
.offset-s-left-2 {
margin-left: 24px
}
.offset-s-top-3 {
margin-top: 36px
}
.offset-s-right-3 {
margin-right: 36px
}
.offset-s-bottom-3 {
margin-bottom: 36px
}
.offset-s-left-3 {
margin-left: 36px
}
.offset-s-top-4 {
margin-top: 48px
}
.offset-s-right-4 {
margin-right: 48px
}
.offset-s-bottom-4 {
margin-bottom: 48px
}
.offset-s-left-4 {
margin-left: 48px
}
.offset-s-top-5 {
margin-top: 60px
}
.offset-s-right-5 {
margin-right: 60px
}
.offset-s-bottom-5 {
margin-bottom: 60px
}
.offset-s-left-5 {
margin-left: 60px
}
.offset-s-top-6 {
margin-top: 72px
}
.offset-s-right-6 {
margin-right: 72px
}
.offset-s-bottom-6 {
margin-bottom: 72px
}
.offset-s-left-6 {
margin-left: 72px
}
.offset-s-top-7 {
margin-top: 84px
}
.offset-s-right-7 {
margin-right: 84px
}
.offset-s-bottom-7 {
margin-bottom: 84px
}
.offset-s-left-7 {
margin-left: 84px
}
.offset-s-top-8 {
margin-top: 96px
}
.offset-s-right-8 {
margin-right: 96px
}
.offset-s-bottom-8 {
margin-bottom: 96px
}
.offset-s-left-8 {
margin-left: 96px
}
.offset-s-top-9 {
margin-top: 108px
}
.offset-s-right-9 {
margin-right: 108px
}
.offset-s-bottom-9 {
margin-bottom: 108px
}
.offset-s-left-9 {
margin-left: 108px
}
.offset-s-top-10 {
margin-top: 120px
}
.offset-s-right-10 {
margin-right: 120px
}
.offset-s-bottom-10 {
margin-bottom: 120px
}
.offset-s-left-10 {
margin-left: 120px
}
.offset-s-top-11 {
margin-top: 132px
}
.offset-s-right-11 {
margin-right: 132px
}
.offset-s-bottom-11 {
margin-bottom: 132px
}
.offset-s-left-11 {
margin-left: 132px
}
.offset-s-top-12 {
margin-top: 144px
}
.offset-s-right-12 {
margin-right: 144px
}
.offset-s-bottom-12 {
margin-bottom: 144px
}
.offset-s-left-12 {
margin-left: 144px
}
.offset-s-top-13 {
margin-top: 156px
}
.offset-s-right-13 {
margin-right: 156px
}
.offset-s-bottom-13 {
margin-bottom: 156px
}
.offset-s-left-13 {
margin-left: 156px
}
.offset-s-top-14 {
margin-top: 168px
}
.offset-s-right-14 {
margin-right: 168px
}
.offset-s-bottom-14 {
margin-bottom: 168px
}
.offset-s-left-14 {
margin-left: 168px
}
.offset-s-top-15 {
margin-top: 180px
}
.offset-s-right-15 {
margin-right: 180px
}
.offset-s-bottom-15 {
margin-bottom: 180px
}
.offset-s-left-15 {
margin-left: 180px
}
.offset-s-top-16 {
margin-top: 192px
}
.offset-s-right-16 {
margin-right: 192px
}
.offset-s-bottom-16 {
margin-bottom: 192px
}
.offset-s-left-16 {
margin-left: 192px
}
.offset-s-top-17 {
margin-top: 204px
}
.offset-s-right-17 {
margin-right: 204px
}
.offset-s-bottom-17 {
margin-bottom: 204px
}
.offset-s-left-17 {
margin-left: 204px
}
.offset-s-top-18 {
margin-top: 216px
}
.offset-s-right-18 {
margin-right: 216px
}
.offset-s-bottom-18 {
margin-bottom: 216px
}
.offset-s-left-18 {
margin-left: 216px
}

}
@media screen and (min-width: 5000px) {.offset-xl-top-1 {
margin-top: 12px
}
.offset-xl-right-1 {
margin-right: 12px
}
.offset-xl-bottom-1 {
margin-bottom: 12px
}
.offset-xl-left-1 {
margin-left: 12px
}
.offset-xl-top-2 {
margin-top: 24px
}
.offset-xl-right-2 {
margin-right: 24px
}
.offset-xl-bottom-2 {
margin-bottom: 24px
}
.offset-xl-left-2 {
margin-left: 24px
}
.offset-xl-top-3 {
margin-top: 36px
}
.offset-xl-right-3 {
margin-right: 36px
}
.offset-xl-bottom-3 {
margin-bottom: 36px
}
.offset-xl-left-3 {
margin-left: 36px
}
.offset-xl-top-4 {
margin-top: 48px
}
.offset-xl-right-4 {
margin-right: 48px
}
.offset-xl-bottom-4 {
margin-bottom: 48px
}
.offset-xl-left-4 {
margin-left: 48px
}
.offset-xl-top-5 {
margin-top: 60px
}
.offset-xl-right-5 {
margin-right: 60px
}
.offset-xl-bottom-5 {
margin-bottom: 60px
}
.offset-xl-left-5 {
margin-left: 60px
}
.offset-xl-top-6 {
margin-top: 72px
}
.offset-xl-right-6 {
margin-right: 72px
}
.offset-xl-bottom-6 {
margin-bottom: 72px
}
.offset-xl-left-6 {
margin-left: 72px
}
.offset-xl-top-7 {
margin-top: 84px
}
.offset-xl-right-7 {
margin-right: 84px
}
.offset-xl-bottom-7 {
margin-bottom: 84px
}
.offset-xl-left-7 {
margin-left: 84px
}
.offset-xl-top-8 {
margin-top: 96px
}
.offset-xl-right-8 {
margin-right: 96px
}
.offset-xl-bottom-8 {
margin-bottom: 96px
}
.offset-xl-left-8 {
margin-left: 96px
}
.offset-xl-top-9 {
margin-top: 108px
}
.offset-xl-right-9 {
margin-right: 108px
}
.offset-xl-bottom-9 {
margin-bottom: 108px
}
.offset-xl-left-9 {
margin-left: 108px
}
.offset-xl-top-10 {
margin-top: 120px
}
.offset-xl-right-10 {
margin-right: 120px
}
.offset-xl-bottom-10 {
margin-bottom: 120px
}
.offset-xl-left-10 {
margin-left: 120px
}
.offset-xl-top-11 {
margin-top: 132px
}
.offset-xl-right-11 {
margin-right: 132px
}
.offset-xl-bottom-11 {
margin-bottom: 132px
}
.offset-xl-left-11 {
margin-left: 132px
}
.offset-xl-top-12 {
margin-top: 144px
}
.offset-xl-right-12 {
margin-right: 144px
}
.offset-xl-bottom-12 {
margin-bottom: 144px
}
.offset-xl-left-12 {
margin-left: 144px
}
.offset-xl-top-13 {
margin-top: 156px
}
.offset-xl-right-13 {
margin-right: 156px
}
.offset-xl-bottom-13 {
margin-bottom: 156px
}
.offset-xl-left-13 {
margin-left: 156px
}
.offset-xl-top-14 {
margin-top: 168px
}
.offset-xl-right-14 {
margin-right: 168px
}
.offset-xl-bottom-14 {
margin-bottom: 168px
}
.offset-xl-left-14 {
margin-left: 168px
}
.offset-xl-top-15 {
margin-top: 180px
}
.offset-xl-right-15 {
margin-right: 180px
}
.offset-xl-bottom-15 {
margin-bottom: 180px
}
.offset-xl-left-15 {
margin-left: 180px
}
.offset-xl-top-16 {
margin-top: 192px
}
.offset-xl-right-16 {
margin-right: 192px
}
.offset-xl-bottom-16 {
margin-bottom: 192px
}
.offset-xl-left-16 {
margin-left: 192px
}
.offset-xl-top-17 {
margin-top: 204px
}
.offset-xl-right-17 {
margin-right: 204px
}
.offset-xl-bottom-17 {
margin-bottom: 204px
}
.offset-xl-left-17 {
margin-left: 204px
}
.offset-xl-top-18 {
margin-top: 216px
}
.offset-xl-right-18 {
margin-right: 216px
}
.offset-xl-bottom-18 {
margin-bottom: 216px
}
.offset-xl-left-18 {
margin-left: 216px
}

}
.h-ctr {
display: table;
margin:auto;
width:50%;
}

.v-ctr {
display: table;
height: 100%
}
.v-ctr > div {
display: table-cell;
vertical-align: middle
}
.cont-sep-1,.cont-sep-2,.cont-sep-3,.cont-sep-4,.cont-sep-5,.cont-sep-6,.cont-sep-7,.cont-sep-8,.cont-sep-9,.cont-sep-10,.cont-sep-11,.cont-sep-12,.cont-sep-13,.cont-sep-14,.cont-sep-15,.cont-sep-16,.cont-sep-17,.cont-sep-18 {
position: relative
}
.cont-sep-1 > *,.cont-sep-2 > *,.cont-sep-3 > *,.cont-sep-4 > *,.cont-sep-5 > *,.cont-sep-6 > *,.cont-sep-7 > *,.cont-sep-8 > *,.cont-sep-9 > *,.cont-sep-10 > *,.cont-sep-11 > *,.cont-sep-12 > *,.cont-sep-13 > *,.cont-sep-14 > *,.cont-sep-15 > *,.cont-sep-16 > *,.cont-sep-17 > *,.cont-sep-18 > * {
display: block;
position: absolute;
bottom: 0;
width: 100%
}
.cont-sep-1 {
height: 12px
}
.cont-sep-2 {
height: 24px
}
.cont-sep-3 {
height: 36px
}
.cont-sep-4 {
height: 48px
}
.cont-sep-5 {
height: 60px
}
.cont-sep-6 {
height: 72px
}
.cont-sep-7 {
height: 84px
}
.cont-sep-8 {
height: 96px
}
.cont-sep-9 {
height: 108px
}
.cont-sep-10 {
height: 120px
}
.cont-sep-11 {
height: 132px
}
.cont-sep-12 {
height: 144px
}
.cont-sep-13 {
height: 156px
}
.cont-sep-14 {
height: 168px
}
.cont-sep-15 {
height: 180px
}
.cont-sep-16 {
height: 192px
}
.cont-sep-17 {
height: 204px
}
.cont-sep-18 {
height: 216px
}
.bg-brand {
background-color: #e20074
}
.bg-gray-38 {
background-color: #262626
}
.bg-gray-1 {
background-color: #a4a4a4
}
.bg-gray-2 {
background-color: #7c7c7c
}
.bg-gray-3 {
background-color: #6c6c6c
}
.bg-gray-4 {
background-color: #ededed
}
.bg-gray-5 {
background-color: #4b4b4b
}
.bg-gray-6 {
background-color: #d0d0d0
}
.bg-yellow {
background-color: #ffd329
}
.bg-yellow-25 {
background-color: #fff4ca
}
.bg-yellow-50 {
background-color: #ffe994
}
.bg-yellow-75 {
background-color: #ffde5f
}
.bg-orange {
background-color: #ff9a1e
}
.bg-orange-25 {
background-color: #ffe6c7
}
.bg-orange-50 {
background-color: #ffcd8f
}
.bg-orange-75 {
background-color: #ffb356
}
.bg-violet {
background-color: #992c99
}
.bg-violet-25 {
background-color: #e6cae6
}
.bg-violet-50 {
background-color: #cc96cc
}
.bg-violet-75 {
background-color: #b361b3
}
.bg-dark-blue {
background-color: #1063ad
}
.bg-dark-blue-25 {
background-color: #c3d8eb
}
.bg-dark-blue-50 {
background-color: #88b1d6
}
.bg-dark-blue-75 {
background-color: #4c8ac2
}
.bg-light-blue {
background-color: #53baf2
}
.bg-light-blue-25 {
background-color: #d4eefc
}
.bg-light-blue-50 {
background-color: #a9ddf9
}
.bg-light-blue-75 {
background-color: #7ecbf5
}
.bg-petrol {
background-color: #1bada2
}
.bg-petrol-25 {
background-color: #c6ebe8
}
.bg-petrol-50 {
background-color: #8dd6d1
}
.bg-petrol-75 {
background-color: #54c2b9
}
.bg-green {
background-color: #bfcb44
}
.bg-green-25 {
background-color: #eff2d0
}
.bg-green-50 {
background-color: #dfe5a2
}
.bg-green-75 {
background-color: #cfd873
}
.appointment {
background-color: #ededed;
border-radius: 6px;
padding: 6px;
margin: 12px 0
}
.appointment.inactive {
border: 1px solid #ff9
}
.appointment.active {
border: 1px solid #1aff1a
}
.appointment.silent {
border: 1px solid #ffdb99
}
form .webex-button {
margin-top: 12px
}
.colored-label {
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: left,center;
color: #fff
}
.colored-label.stream-label-educate {
background-image: url(/assets/portal/generic/badge_magenta_1366-57318b50281d4a0faec4d8b1efe9163ffe0e10c27b6d3ac718b99d4ebdee46e8.png)
}
.colored-label.stream-label-inspire {
background-image: url(/assets/portal/generic/badge_blue_1366-8e3b938d0875070afb8af6fa0cdf2d6074c5464644ca3d67e292ddd382dcd98c.png)
}
.colored-label.stream-label-transfer {
background-image: url(/assets/portal/generic/badge_green_1366-968f3f4e97467570d9ce88e41f28b4380883de7d473bc795a789593d22178aae.png)
}
.colored-label.label-grey {
background-image: url(/assets/portal/generic/badge_gray_1366-ecd093964cdf372b4dc53f6da5d30e3b7f8acdd47dde1fd2bd67841a66a16339.png)
}
.colored-label.label-black {
background-image: url(/assets/portal/generic/badge_black_1366-70ddef5fa87269a917a0ee857dfbee3bd8b7ab1e029d93dd884b59d62416ec83.png)
}
.colored-label.label-grey-long {
background-size: 90% 100%;
background-image: url(/assets/portal/generic/badge_gray_long_1366-fdc4dc7dced7db39ebe4d49486a8f64df919b9cbc44d886b405dcc92ff9baec1.png)
}
.colored-label.label-black-long {
background-size: 90% 100%;
background-image: url(/assets/portal/generic/badge_black_long_1366-397bd6fca509a79eb22752b2b6aa690dab30504f7862a7327b217b02985d8795.png)
}
.colored-label.label-magenta-long {
background-size: 90% 100%;
background-image: url(/assets/portal/generic/badge_magenta_long_1366-1f67aedcc94967f794ffa907ad6a362146714e6861e0c4f69f98e60ec5ce8c10.png)
}
.info-head .colored-label {
padding: 10px 6px;
margin: 6px 0
}
.info-head .colored-label.font_child,.info-head .colored-label.font_headline_ultra {
font-size: 15px
}
@media screen and (max-width: 679px) {.info-head .colored-label.font_child,.info-head .colored-label.font_headline_ultra {
font-size: 12px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.info-head .colored-label {
padding-left: 21px
}

}
@media screen and (min-width: 1200px) {.info-head .colored-label {
padding-left: 38px
}

}
.badge_center,.badge_center,.badge_center {
background-size: 100% 100%;
background-repeat: no-repeat;
display: inline-block;
padding: 0 12px;
color: #fff
}
.badge_center.educate,.badge_center.educate,.badge_center.educate {
background-image: url(/assets/portal/home/ribbon/tile/badge_educate_1366-bfc596347de35938dd6f384f26f9cb6d5b5451c1ee399143c9b732e3cbb1b791.png)
}
.badge_center.inspire,.badge_center.inspire,.badge_center.inspire {
background-image: url(/assets/portal/home/ribbon/tile/badge_inspire_1366-4efa7735f13ca81cf3e948505b6529400289710673a60abd2e35e03c5c09057e.png)
}
.badge_center.transfer,.badge_center.transfer,.badge_center.transfer {
background-image: url(/assets/portal/home/ribbon/tile/badge_transfer_1366-e80ec382780bf1909f24ca290cb16a9e66325b2e319e4de220f257f5fbc75b1f.png)
}
.cms-page {
max-width: 1280px;
margin: auto;
position: relative;
padding: 0 12px
}
.cms-page .label {
font-weight: 700;
display: inline-block;
padding-right: 12px
}
.cms-page .value {
display: inline-block
}
.cms-page form input.form-input,.cms-page form select.form-input,.cms-page form textarea.form-input {
max-width: 600px
}
.cms-page form input.form-input.text,.cms-page form select.form-input.text,.cms-page form textarea.form-input.text {
max-width: 100%
}
.cms-page form .form-fieldset > legend {
margin-bottom: 12px
}
.cms-page form .form-fieldset > legend + * {
margin-top: 0
}
.cms-page form img.file-preview {
width: auto
}
.cms-page form .input-group {
max-width: 600px
}
.cms-page form .input-group.datetime-wrapper {
max-width: 250px
}
.cms-page form label {
font-weight: 700;
padding-right: 6px
}
.cms-page form label.collection_radio_buttons {
margin-left: 6px
}
.cms-page form legend {
font-weight: 700
}
.cms-page form .row ul#questions {
list-style-type: none;
padding-left: 0
}
.cms-page form .row li.question {
padding: 12px;
margin-bottom: 12px;
background-color: #F6F6F6;
border-radius: 12px
}
.cms-page form .row li.question a.show-link {
font-size: 10px
}
.cms-page form .row li.question input.form-input,.cms-page form .row li.question select.form-input,.cms-page form .row li.question textarea.form-input {
max-width: 1200px
}
.cms-page h1.title {
font-weight: 800
}
.cms-page h1.subtitle {
font-size: 32px;
font-weight: 700
}
.cms-page h2,.cms-page h3 {
color: #E20074
}
.cms-page div.collapsible-section {
position: relative;
display: block
}
.cms-page div.collapsible-section .coll-head {
background-color: #d0d0d0;
color: #B2005C;
padding: 3px 8px;
margin-top: 12px
}
.cms-page div.collapsible-section .coll-head h2 {
margin: 0;
padding: 0;
color: #B2005C
}
.cms-page div.collapsible-section .coll-head h2::before {
font-family: 'Telekom-Icon';
font-style: normal;
font-weight: 400;
content: "\22\2000"
}
.cms-page div.collapsible-section .coll-head.expanded h2::before {
font-family: 'Telekom-Icon';
font-style: normal;
font-weight: 400;
content: "\24\2000"
}
.cms-page div.collapsible-section .coll-body {
border: 0 1px 1px 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
padding: 12px 6px 6px
}
.cms-page div.collapsible-section .coll-body.collapsed {
display: none
}
.cms-page div.collapsible-section .coll-body h1,.cms-page div.collapsible-section .coll-body h2,.cms-page div.collapsible-section .coll-body h3,.cms-page div.collapsible-section .coll-body h4 {
margin-top: 0
}
.cms-page #nested-association-menu {
position: fixed;
border: 1px solid #6c6c6c;
top: 120px;
right: 24px;
background-color: #fff;
-webkit-box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.56);
box-shadow: -5px 5px 10px 0 rgba(0,0,0,0.56);
padding: 0
}
.cms-page #nested-association-menu .header {
height: 24px;
background-color: #6c6c6c;
text-align: center;
cursor: move
}
.cms-page #nested-association-menu .header img.grabber {
height: 18px;
width: auto;
margin-top: 3px;
margin-left: auto;
margin-right: auto
}
.cms-page #nested-association-menu .body {
padding: 6px
}
.cms-page #nested-association-menu .body label {
display: block;
margin-top: 6px;
margin-bottom: 6px;
color: #6c6c6c
}
.cms-page #nested-association-menu .body button.nested-association-button {
display: block;
margin-bottom: 12px;
width: 140px;
text-align: left
}
.cms-page tr.state-active .colored {
text-shadow: 2px 2px 10px green
}
.cms-page tr.state-available .colored,.cms-page tr.state-bookable .colored,.cms-page tr.state-linked .colored {
text-shadow: 2px 2px 10px blue
}
.cms-page tr.state-fresh .colored {
text-shadow: 2px 2px 10px #ff0
}
.cms-page tr.state-inactive .colored {
text-shadow: 2px 2px 10px #ff0
}
.cms-page tr.state-archived .colored,.cms-page tr.state-silent .colored {
text-shadow: 2px 2px 10px orange
}
td.actions {
min-width: 110px
}
td.actions a {
padding-right: 12px
}
td.actions a:hover {
text-decoration: none
}
#managers_part form.button_to {
display: inline-block
}
#managers_part button.btn-minimalst {
padding: 0 4px;
font-size: 12px
}
td > i.icon {
font-size: 14px
}
.contact_people_show img {
max-width: 500px
}
.booking-state {
width: 80%;
height: 12px;
display: inline-block
}
.booking-state.in_booking {
background-color: #BFCB44
}
.booking-state.pre_booking {
background-color: #ffd329
}
.booking-state.post_booking {
background-color: #ff9a1e
}
.booking-state.undefined {
background-color: #4b4b4b
}
.table-list-header {
margin-top: 8px;
margin-bottom: 12px
}
@font-face {
font-family: "Child";
font-style: normal;
font-weight: 400;
src: url(../fonts/child.eot);
src: url(../fonts/child.eot?#iefix) format("embedded-opentype"),url(../fonts/child.woff) format("woff"),url(../fonts/child.ttf) format("truetype"),url(../fonts/child.svg#child) format("svg")
}
@font-face {
font-family: "Allura";
font-style: normal;
font-weight: 400;
src: url(../fonts/Allura-Regular.eot);
src: url(../fonts/Allura-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Allura-Regular.woff) format("woff"),url(../fonts/Allura-Regular.ttf) format("truetype"),url(../fonts/Allura-Regular.svg#allura) format("svg")
}
@font-face {
font-family: "TeleGrotesk";
font-style: normal;
font-weight: 800;
src: url(../fonts/TeleGroteskHeadline-Ultra.eot);
src: url(../fonts/TeleGroteskHeadline-Ultra.eot?#iefix) format("embedded-opentype"),url(../fonts/TeleGroteskHeadline-Ultra.woff) format("woff"),url(../fonts/TeleGroteskHeadline-Ultra.ttf) format("truetype"),url(../fonts/TeleGroteskHeadline-Ultra.svg#TeleGroteskHeadline-Ultra) format("svg")
}
@font-face {
font-family: "TeleGrotesk";
font-style: normal;
font-weight: 400;
src: url(../fonts/TeleGroteskNormal.eot);
src: url(../fonts/TeleGroteskNormal.eot?#iefix) format("embedded-opentype"),url(../fonts/TeleGroteskNormal.woff) format("woff"),url(../fonts/TeleGroteskNormal.ttf) format("truetype"),url(../fonts/TeleGroteskNormal.svg#TeleGroteskNormal) format("svg")
}
@font-face {
font-family: "TeleGrotesk";
font-style: normal;
font-weight: 600;
src: url(../fonts/TeleGroteskHeadline-Regular.eot);
src: url(../fonts/TeleGroteskHeadline-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/TeleGroteskHeadline-Regular.woff) format("woff"),url(../fonts/TeleGroteskHeadline-Regular.ttf) format("truetype"),url(../fonts/TeleGroteskHeadline-Regular.svg#TeleGroteskHeadline-Regular) format("svg")
}
@font-face {
font-family: "TeleGrotesk";
font-style: normal;
font-weight: 700;
src: url(../fonts/TeleGroteskFett.eot);
src: url(../fonts/TeleGroteskFett.eot?#iefix) format("embedded-opentype"),url(../fonts/TeleGroteskFett.woff) format("woff"),url(../fonts/TeleGroteskFett.ttf) format("truetype"),url(../fonts/TeleGroteskFett.svg#TeleGroteskFett) format("svg")
}
.font_headline_ultra {
font-family: "TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 800
}

.font_nor {
font-family: "TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 22px
}
@media screen and (max-width: 679px) {.font_nor {
font-size: 18px;
line-height: 20px
}

}
.font_headline {
font-family: "TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 600
}

.font_fet {
font-family: "TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 700;
font-size: 20px
}

.font_fet_body {
  font-family: "TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 650;  
  font-size: 14px
}

.font_child {
font-family: "Child","TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400
}
.font_screen {
font-family: "TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 200;
font-size: 16px
}
.font_allura {
font-family: "Allura","TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400
}
@font-face {
font-family: "levelupicons";
src: url(../fonts/levelupicons.eot);
src: url(../fonts/levelupicons.eot?#iefix) format("embedded-opentype"),url(../fonts/levelupicons.woff) format("woff"),url(../fonts/levelupicons.ttf) format("truetype"),url(../fonts/levelupicons.svg#levelupicons) format("svg");
font-weight: 400;
font-style: normal
}

body {
font-family: "TeleGroteskScreen","TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
color: #262626;
padding-top: 0!important
}
body.portal main {
padding: 0
}
.portal_index_events {
overflow: hidden
}
.portal_index {
overflow: hidden
}
.row {
margin-left: 35px;
margin-right: 35px
}
@media screen and (max-width: 679px) {.row {
margin-left: 6px;
margin-right: 6px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.row {
margin-left: 18px;
margin-right: 18px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.row {
margin-left: 26px;
margin-right: 26px
}

}
.row .row {
margin-left: -3px;
margin-right: -3px
}
@media screen and (max-width: 679px) {.row .row {
margin-left: -1px;
margin-right: -1px
}

}
.col-l-1,.col-l-2,.col-l-3,.col-l-4,.col-l-5,.col-l-6,.col-l-7,.col-l-8,.col-l-9,.col-l-10,.col-l-11,.col-l-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-m-1,.col-m-2,.col-m-3,.col-m-4,.col-m-5,.col-m-6,.col-m-7,.col-m-8,.col-m-9,.col-m-10,.col-m-11,.col-m-12,.col-s-1,.col-s-2,.col-s-3,.col-s-4,.col-s-5,.col-s-6,.col-s-7,.col-s-8,.col-s-9,.col-s-10,.col-s-11,.col-s-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
padding-left: 3px;
padding-right: 3px
}
@media screen and (max-width: 679px) {.col-l-1,.col-l-2,.col-l-3,.col-l-4,.col-l-5,.col-l-6,.col-l-7,.col-l-8,.col-l-9,.col-l-10,.col-l-11,.col-l-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-m-1,.col-m-2,.col-m-3,.col-m-4,.col-m-5,.col-m-6,.col-m-7,.col-m-8,.col-m-9,.col-m-10,.col-m-11,.col-m-12,.col-s-1,.col-s-2,.col-s-3,.col-s-4,.col-s-5,.col-s-6,.col-s-7,.col-s-8,.col-s-9,.col-s-10,.col-s-11,.col-s-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
padding-left: 1px;
padding-right: 1px
}

}
@media (min-width: 5000px) {main,nav {
width: 1280px!important;
margin-right: auto;
margin-left: auto
}

}
.container > .row,.container-fluid > .row {
margin: 0 12px
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
@media screen and (max-width: 679px) {.hide-xs {
display: none!important
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.hide-s {
display: none!important
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.hide-m {
display: none!important
}

}
@media screen and (min-width: 1200px) {.hide-l {
display: none!important
}

}
.full-width {
padding: 0;
margin: 0;
width: 100%;
position: absolute
}
.full-width img {
width: 100%
}
.fullwidth-auto-height {
padding: 0;
margin: 0;
width: 100%;
height: auto
}
.fullwidth-auto-height img {
width: 100%;
height: auto
}
.full-page {
padding: 0;
margin: 0;
width: 100%;
position: absolute;
top: 84px;
bottom: 0;
padding-bottom: 96px;
padding-top: 10px;
overflow-y: auto;
background-color: #262626
}

div.fill-screen {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 80px;
    text-align: center;
    background-image: url('./assets/microsite/logos/next_gen_bg_claim.png');
}
div.bck{
	background-image: url('./assets/microsite/logos/next_gen_bg_claim.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

img.make-it-fit {
    max-width: 99%;
    max-height: 99%;
}

@media screen and (max-width: 679px) {.full-page {
top: 40px;
padding-bottom: 148px
}

}
.inline {
display: inline-block
}
.with-lines-in-background {
/*background: url(./assets/microsite/logos/next_gen_bg_claim.png) no-repeat fixed;*/
background-size: cover;
background-position: center center
}
@media screen and (min-width: 0px) {.with-lines-in-background {
/*background: url(./microsite/backgrounds/background.jpg) no-repeat fixed;*/
background-size: cover;
background-position: center center
}

}
@media screen and (min-width: 320px) {.with-lines-in-background {
/*background: url(./microsite/backgrounds/background.jpg) no-repeat fixed;*/
background-size: cover;
background-position: center center
}

}
@media screen and (min-width: 768px) {.with-lines-in-background {
/*background: url(./microsite/backgrounds/background.jpg) no-repeat fixed;*/
background-size: cover;
background-position: center center
}

}
@media screen and (min-width: 1024px) {.with-lines-in-background {
/*background: url(./microsite/backgrounds/background.jpg) no-repeat fixed;*/
background-size: cover;
background-position: center center
}

}
@media screen and (min-width: 1024px) {.with-lines-in-background {
/*background: url(./microsite/backgrounds/background.jpg) no-repeat fixed;*/
background-size: cover;
background-position: center center
}

}
header {
width: 100%;
background-color: #1063AD
}
.center {
text-align: center
}
.flash {
z-index: 2000;
margin: 0;
position: fixed;
top: 4px;
width: 100%;
left: 0;
height: 80px;
padding: 24px 12px 0 0;
font-size: 20px
}
.flash .close-button {
float: right;
margin-right: 24px
}
.flash .flash-content {
padding-left: 24px
}
.flash.title {
font-weight: 700;
font-size: 16px;
margin-bottom: 0
}
.flash-positive {
background-color: rgba(0,0,0,0.85);
border-color: rgba(0,0,0,0.85);
color: #383838;
color: #fff
}
.flash-positive > .notification-badge {
background-color: #383838;
color: rgba(0,0,0,0.85)
}
.flash-positive > .close.focus,.flash-positive > .close:focus {
color: #020202
}
.flash-positive > .close.hover,.flash-positive > .close:hover {
color: #262626
}
.flash-positive > .close.active,.flash-positive > .close:active {
color: #121212
}
.flash-warning {
background-color: rgba(0,0,0,0.85);
border-color: rgba(0,0,0,0.85);
color: #383838;
color: #fff
}
.flash-warning > .notification-badge {
background-color: #383838;
color: rgba(0,0,0,0.85)
}
.flash-warning > .close.focus,.flash-warning > .close:focus {
color: #020202
}
.flash-warning > .close.hover,.flash-warning > .close:hover {
color: #262626
}
.flash-warning > .close.active,.flash-warning > .close:active {
color: #121212
}
.flash-negative {
background-color: rgba(0,0,0,0.85);
border-color: rgba(0,0,0,0.85);
color: #383838;
color: #fff
}
.flash-negative > .notification-badge {
background-color: #383838;
color: rgba(0,0,0,0.85)
}
.flash-negative > .close.focus,.flash-negative > .close:focus {
color: #020202
}
.flash-negative > .close.hover,.flash-negative > .close:hover {
color: #262626
}
.flash-negative > .close.active,.flash-negative > .close:active {
color: #121212
}
.petrol {
background-color: #1BADA2
}
.light-blue {
background-color: #53BAF2
}
.magenta {
background-color: #E20074
}
div.right {
text-align: right
}
.justify {
text-align: justify
}
form.filter-form {
display: inline
}
input.filter-input,select.filter-input {
width: 90px;
margin-left: 6px
}
.btn-cleaner {
padding: 6px 0;
background-color: transparent;
border-width: 0;
color: #262626;
text-align: left
}
.btn-cleaner:hover {
background-color: transparent;
color: #262626;
text-decoration: none
}
form.medium-width {
max-width: 800px
}
form .error {
color: #E20074;
padding: 0 12px;
background: #fff
}
form .form-error {
display: inline-block;
width: 100%;
margin-bottom: 12px;
padding: 0 36px 18px;
background-color: #A3A4A5;
color: #fff
}
form .form-error.entry::before {
content: '\2022 '
}
form .form-error.title {
font-weight: 700;
margin-top: 12px;
margin-bottom: 0;
padding: 18px 24px
}
.modal .modal-dialog form label {
font-weight: 700;
font-size: 18px
}
.modal .modal-dialog form .button_container button.btn {
padding: 12px 48px;
font-size: 24px
}

a.text_link:link,a.text_link:visited {
color: #fff;
text-decoration: none
}
a.text_link:a:hover,a.text_link:a:active {
color: #fff;
text-decoration: none
}
.general_margin_right {
margin-right: 38px
}
@media screen and (max-width: 679px) {.general_margin_right {
margin-right: 7px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.general_margin_right {
margin-right: 21px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.general_margin_right {
margin-right: 29px
}

}
.general_margin_left {
margin-left: 38px
}
@media screen and (max-width: 679px) {.general_margin_left {
margin-left: 7px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.general_margin_left {
margin-left: 21px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.general_margin_left {
margin-left: 29px
}

}
.general_padding_right {
padding-right: 38px
}
@media screen and (max-width: 679px) {.general_padding_right {
padding-right: 7px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.general_padding_right {
padding-right: 21px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.general_padding_right {
padding-right: 29px
}

}
.general_padding_left {
padding-left: 38px
}
@media screen and (max-width: 679px) {.general_padding_left {
padding-left: 7px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.general_padding_left {
padding-left: 21px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.general_padding_left {
padding-left: 29px
}

}
.general_no_select {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.cookies-description {
padding: 24px 12px;
text-align: justify
}
#page_container .cookies-eu {
bottom: 12px;
margin: 0 12px;
border: 2px #E20074 solid;
color: #fff;
background-color: rgba(0,0,0,0.85)
}
#page_container .cookies-eu-ok {
background-color: #E20074
}
.test-picture img {
width: 100%
}
.ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.bookmark,.share {
cursor: pointer
}
.gradient_bottom {
background: linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,transparent 100%);
height: 6px;
pointer-events: none;
margin-bottom: 24px
}
.button_white,.button_magenta {
text-align: center;
padding: 12px
}
.button_white {
background-color: #fff;
color: #a4a4a4
}
.button_white:hover {
background-color: #a4a4a4;
color: #fff
}
.button_magenta {
background-color: #E20074;
color: #fff
}
.button_magenta:hover {
background-color: #fff;
color: #E20074
}
a > .button_magenta:hover {
text-decoration: none
}
.rating-tooltip-content a {
color: #E20074;
padding-right: 3px
}
@media (max-width: 767px) {html .cookies-eu {
position: fixed
}

}
.bitdash-btn-overlay {
background-size: contain
}
.scroll_disable {
padding-right: 0!important;
position: fixed;
overflow: hidden;
width: 100%
}

#microsite_footer.footer.font_screen.portal {
position: absolute;
bottom: 0;
width: 100%
}

nav {
height: 60px;
padding: 12px;
color: #fff;
font-size: 24px
}
nav a {
color: #ededed
}
nav a:hover {
color: #fff
}
@-webkit-keyframes fade_out_0_4 {0% {
opacity: 1
}
100% {
opacity: .4
}

}
@-moz-keyframes fade_out_0_4 {0% {
opacity: 1
}
100% {
opacity: .4
}

}
@-ms-keyframes fade_out_0_4 {0% {
opacity: 1
}
100% {
opacity: .4
}

}
@-o-keyframes fade_out_0_4 {0% {
opacity: 1
}
100% {
opacity: .4
}

}
@keyframes fade_out_0_4 {0% {
opacity: 1
}
100% {
opacity: .4
}

}
@-webkit-keyframes fade_in {0% {
opacity: .4
}
100% {
opacity: 1
}

}
@-moz-keyframes fade_in {0% {
opacity: .4
}
100% {
opacity: 1
}

}
@-ms-keyframes fade_in {0% {
opacity: .4
}
100% {
opacity: 1
}

}
@-o-keyframes fade_in {0% {
opacity: .4
}
100% {
opacity: 1
}

}
@keyframes fade_in {0% {
opacity: .4
}
100% {
opacity: 1
}

}

.row {
margin-left: 35px;
margin-right: 35px
}
@media screen and (max-width: 679px) {.row {
margin-left: 6px;
margin-right: 6px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.row {
margin-left: 18px;
margin-right: 18px
}

}
.row .row {
margin-left: 0;
margin-right: 0
}
.col-l-1,.col-l-2,.col-l-3,.col-l-4,.col-l-5,.col-l-6,.col-l-7,.col-l-8,.col-l-9,.col-l-10,.col-l-11,.col-l-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-m-1,.col-m-2,.col-m-3,.col-m-4,.col-m-5,.col-m-6,.col-m-7,.col-m-8,.col-m-9,.col-m-10,.col-m-11,.col-m-12,.col-s-1,.col-s-2,.col-s-3,.col-s-4,.col-s-5,.col-s-6,.col-s-7,.col-s-8,.col-s-9,.col-s-10,.col-s-11,.col-s-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
padding-left: 3px;
padding-right: 3px
}
@media screen and (max-width: 679px) {.col-l-1,.col-l-2,.col-l-3,.col-l-4,.col-l-5,.col-l-6,.col-l-7,.col-l-8,.col-l-9,.col-l-10,.col-l-11,.col-l-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-m-1,.col-m-2,.col-m-3,.col-m-4,.col-m-5,.col-m-6,.col-m-7,.col-m-8,.col-m-9,.col-m-10,.col-m-11,.col-m-12,.col-s-1,.col-s-2,.col-s-3,.col-s-4,.col-s-5,.col-s-6,.col-s-7,.col-s-8,.col-s-9,.col-s-10,.col-s-11,.col-s-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
padding-left: 1px;
padding-right: 1px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.col-l-1,.col-l-2,.col-l-3,.col-l-4,.col-l-5,.col-l-6,.col-l-7,.col-l-8,.col-l-9,.col-l-10,.col-l-11,.col-l-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-m-1,.col-m-2,.col-m-3,.col-m-4,.col-m-5,.col-m-6,.col-m-7,.col-m-8,.col-m-9,.col-m-10,.col-m-11,.col-m-12,.col-s-1,.col-s-2,.col-s-3,.col-s-4,.col-s-5,.col-s-6,.col-s-7,.col-s-8,.col-s-9,.col-s-10,.col-s-11,.col-s-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
padding-left: 1px;
padding-right: 1px
}

}
main {
padding: 0
}
@media (min-width: 1280px) {main,nav {
width: initial!important;
margin-right: auto;
margin-left: auto
}

}
@media screen and (max-width: 679px) {.row-xs-hide {
display: none!important
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.row-s-hide {
display: none!important
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.row-m-hide {
display: none!important
}

}
@media screen and (min-width: 1200px) {.row-l-hide {
display: none!important
}

}
.share_container {
display: flex;
padding-top: 8px
}
@media screen and (max-width: 679px) {.share_container {
justify-content: flex-end
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.share_container {
justify-content: flex-start
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.share_container {
justify-content: flex-end
}

}
@media screen and (min-width: 1200px) {.share_container {
justify-content: center
}

}
.gradient1 {
background: linear-gradient(to bottom,rgba(0,0,0,0.5) 0%,transparent 33%,transparent 67%,#000 100%)
}
.gradient2 {
background: linear-gradient(to bottom,rgba(0,0,0,0.25) 0%,transparent 10%,transparent 90%,rgba(0,0,0,0.25) 100%)
}
@font-face {
font-family: "Child";
font-style: normal;
font-weight: 400;
src: url(../fonts/child.eot);
src: url(../fonts/child.eot?#iefix) format("embedded-opentype"),url(../fonts/child.woff) format("woff"),url(../fonts/child.ttf) format("truetype"),url(../fonts/child.svg#child) format("svg")
}
@font-face {
font-family: "Allura";
font-style: normal;
font-weight: 400;
src: url(../fonts/Allura-Regular.eot);
src: url(../fonts/Allura-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Allura-Regular.woff) format("woff"),url(../fonts/Allura-Regular.ttf) format("truetype"),url(../fonts/Allura-Regular.svg#allura) format("svg")
}
@font-face {
font-family: "TeleGrotesk";
font-style: normal;
font-weight: 800;
src: url(../fonts/TeleGroteskHeadline-Ultra.eot);
src: url(../fonts/TeleGroteskHeadline-Ultra.eot?#iefix) format("embedded-opentype"),url(../fonts/TeleGroteskHeadline-Ultra.woff) format("woff"),url(../fonts/TeleGroteskHeadline-Ultra.ttf) format("truetype"),url(../fonts/TeleGroteskHeadline-Ultra.svg#TeleGroteskHeadline-Ultra) format("svg")
}
@font-face {
font-family: "TeleGrotesk";
font-style: normal;
font-weight: 400;
src: url(../fonts/TeleGroteskNormal.eot);
src: url(../fonts/TeleGroteskNormal.eot?#iefix) format("embedded-opentype"),url(../fonts/TeleGroteskNormal.woff) format("woff"),url(../fonts/TeleGroteskNormal.ttf) format("truetype"),url(../fonts/TeleGroteskNormal.svg#TeleGroteskNormal) format("svg")
}
@font-face {
font-family: "TeleGrotesk";
font-style: normal;
font-weight: 600;
src: url(../fonts/TeleGroteskHeadline-Regular.eot);
src: url(../fonts/TeleGroteskHeadline-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/TeleGroteskHeadline-Regular.woff) format("woff"),url(../fonts/TeleGroteskHeadline-Regular.ttf) format("truetype"),url(../fonts/TeleGroteskHeadline-Regular.svg#TeleGroteskHeadline-Regular) format("svg")
}
@font-face {
font-family: "TeleGrotesk";
font-style: normal;
font-weight: 700;
src: url(../fonts/TeleGroteskFett.eot);
src: url(../fonts/TeleGroteskFett.eot?#iefix) format("embedded-opentype"),url(../fonts/TeleGroteskFett.woff) format("woff"),url(../fonts/TeleGroteskFett.ttf) format("truetype"),url(../fonts/TeleGroteskFett.svg#TeleGroteskFett) format("svg")
}
.font_headline_ultra {
font-family: "TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 800
}
@media screen and (max-width: 679px) {.font_headline_ultra {
font-size: 24px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.font_headline_ultra {
font-size: 54px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.font_headline_ultra {
font-size: 46px
}

}
@media screen and (min-width: 1200px) {.font_headline_ultra {
font-size: 54px
}

}
.font_nor {
font-family: "TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 19px
}
@media screen and (max-width: 679px) {.font_nor {
font-size: 16px
}

}
.font_headline {
font-family: "TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 600
}
@media screen and (max-width: 679px) {.font_headline {
font-size: 24px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.font_headline {
font-size: 54px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.font_headline {
font-size: 46px
}

}
@media screen and (min-width: 1200px) {.font_headline {
font-size: 54px
}
}

}

.font_screen {
font-family: "TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 200;
font-size: 16px
}


.navigation {
background-color: #E20074;
width: 100%;
height: 40px;
padding: 12px
}
@media screen and (min-width: 680px) {.navigation {
height: 84px
}

}
.navigation .logo img {
height: 16px
}
.bye img {
display: block;
margin: auto;
width: 40%;
max-width: 578px;
height: auto;
transform: rotate(-3deg)
}
@media screen and (min-width: 680px) {.navigation .logo img {
height: 36px;
margin: 12px 0
}

}
.navigation .slogan img {
float: right;
height: 10px;
margin: 4px 0
}
@media screen and (min-width: 680px) {.navigation .slogan img {
height: auto;
margin: 24px 12px
}

}
.navigation .share_row {
position: absolute;
z-index: 1051;
width: 100%;
pointer-events: none;
margin-left: -12px;
margin-right: 12px
}
.navigation .share_row.stick {
top: -4px;
position: fixed
}
#microsite_header_mini {
position: fixed;
display: none;
background-color: #E20074;
top: 0;
width: 100%;
height: 4px;
z-index: 1051
}
#microsite_header_mini.stick {
display: block
}
.footer {
position: relative;
background-color: #000;
color: #fff;
min-height: 84px;
padding: 12px;
font-size: 16px;
border-top: 1px solid #fff;
line-height: 1
}
.footer .row {
margin: 0
}
.footer .row .logo_wrapper {
padding: 12px
}
.footer .row .logo_wrapper .logo img {
height: 36px
}
.footer .row .menu_col {
display: flex;
justify-content: center
}
@media screen and (max-width: 999px) {.footer .row .menu_col {
padding-top: 0!important;
padding-bottom: 12px!important
}

}
@media screen and (min-width: 680px) and (max-width: 1199px) {.footer .row .menu_col {
padding: 24px 0!important
}

}
@media screen and (min-width: 1000px) and (max-width: 4999px) {.footer .row .menu_col {
padding: 24px 0!important
}

}
@media screen and (min-width: 1200px) {.footer .row .menu_col {
padding: 24px 0!important
}

}
.footer .row .menu_col .menu {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.footer .row .menu_col .menu .menu_item a:link {
color: #fff
}
.footer .row .menu_col .menu .menu_item {
padding-left: 12px;
padding-right: 12px
}
.footer .row .filler_col {
padding-bottom: 24px;
padding-top: 24px;
color: #000
}
.footer .row .copyright_col {
display: flex
}
@media screen and (max-width: 999px) {.footer .row .copyright_col {
justify-content: center;
padding-top: 0!important;
padding-bottom: 0!important
}

}
@media screen and (min-width: 680px) and (max-width: 1199px) {.footer .row .copyright_col {
justify-content: center;
padding-top: 0!important;
padding-bottom: 12px!important
}

}
@media screen and (min-width: 1000px) and (max-width: 4999px) {.footer .row .copyright_col {
justify-content: flex-end;
padding: 24px 0!important
}

}
@media screen and (min-width: 1200px) {.footer .row .copyright_col {
justify-content: flex-end;
padding: 24px 0!important
}

}
@keyframes wigglewiggle {0% {
margin-left: 0;
margin-right: 0
}
10% {
margin-left: 3px;
margin-right: -3px
}
20% {
margin-left: 0;
margin-right: 0
}
100% {
margin-left: 0;
margin-right: 0
}

}
@keyframes videoPulse {0% {
width: 132px;
height: 132px;
margin-bottom: 0;
margin-left: 0
}
5% {
width: 108px;
height: 108px;
margin-bottom: 12px;
margin-left: 12px
}
10% {
width: 132px;
height: 132px;
margin-bottom: 0;
margin-left: 0
}
15% {
width: 108px;
height: 108px;
margin-bottom: 12px;
margin-left: 12px
}
20% {
width: 132px;
height: 132px;
margin-bottom: 0;
margin-left: 0
}
25% {
width: 108px;
height: 108px;
margin-bottom: 12px;
margin-left: 12px
}
30% {
width: 132px;
height: 132px;
margin-bottom: 0;
margin-left: 0
}
35% {
width: 108px;
height: 108px;
margin-bottom: 12px;
margin-left: 12px
}
40% {
width: 132px;
height: 132px;
margin-bottom: 0;
margin-left: 0
}
45% {
width: 108px;
height: 108px;
margin-bottom: 12px;
margin-left: 12px
}
50% {
width: 132px;
height: 132px;
margin-bottom: 0;
margin-left: 0
}
100% {
width: 132px;
height: 132px;
margin-bottom: 0;
margin-left: 0
}

}
.hero_container {
position: relative
}
@media screen and (min-width: 680px) and (max-width: 999px) {.hero_container .font_nor {
font-size: 20px;
line-height: 24px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.hero_container .font_nor {
font-size: 18px;
line-height: 22px
}

}
@media screen and (min-width: 1200px) {.hero_container .font_nor {
font-size: 20px;
line-height: 24px
}

}
.hero_container .hero_background img {
display: block;
width: 100%;
height: auto
}
.hero_container #hero_carousel {
position: absolute;
top: 0;
height: 100%
}
.hero_container #hero_carousel .owl-dots {
margin-top: -26px
}
@media screen and (max-width: 679px) {.hero_container #hero_carousel .owl-dots {
margin-top: -120px
}

}
.hero_container #hero_carousel .owl-dots .owl-dot.active span {
opacity: .9!important;
background: url(./microsite/icons/slider_selected.png)!important
}
.hero_container #hero_carousel .owl-dots .owl-dot:hover span {
opacity: .9!important;
background: url(./microsite/icons/slider_hover.png)!important
}
.hero_container #hero_carousel .owl-dots .owl-dot span {
opacity: .9!important;
background: transparent!important;
height: 14px!important;
width: 14px!important;
background-image: url(./microsite/icons/slider_unselected.png)!important
}
.hero_container #hero_carousel .owl-stage-outer {
height: 100%!important
}
.hero_container #hero_carousel .owl-stage {
height: 100%
}
.hero_container #hero_carousel .owl-item {
height: 100%
}
.hero_container #hero_carousel .item .hero_lines img {
position: absolute;
bottom: 0;
right: 0;
width: 100%
}
.hero_container #hero_carousel .item .hero_head img,.hero_container #hero_carousel .item .hero_monitor img {
position: absolute;
width: 50%!important;
bottom: 0;
left: 0
}
@media screen and (max-width: 679px) {.hero_container #hero_carousel .item .hero_head img,.hero_container #hero_carousel .item .hero_monitor img {
width: 100%!important
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.hero_container #hero_carousel .item .hero_head img,.hero_container #hero_carousel .item .hero_monitor img {
width: 100%!important
}

}
@media screen and (min-width: 1200px) {.hero_container #hero_carousel #hero_head3 img {
width: 40%!important
}

}
.hero_container #hero_carousel .item .hero_video_play {
display: block;
cursor: pointer;
background-image: url(./microsite/icons/button_play.png);
background-repeat: no-repeat;
position: absolute;
background-size: contain;
background-position: center;
z-index: 2;
background-color: transparent;
animation-name: videoPulse;
animation-duration: 8s;
animation-timing-function: linear;
animation-iteration-count: infinite;
width: 132px;
height: 132px;
margin-bottom: 12px;
margin-left: 12px
}
@media screen and (max-width: 679px) {.hero_container #hero_carousel .item .hero_video_play {
left: 178px;
bottom: 240px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.hero_container #hero_carousel .item .hero_video_play {
left: 30%;
bottom: 14%
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.hero_container #hero_carousel .item .hero_video_play {
left: 12%;
bottom: 18%
}

}
@media screen and (min-width: 1200px) {.hero_container #hero_carousel .item .hero_video_play {
left: 10%;
bottom: 25%
}

}
.hero_container #hero_carousel .item .hero_content {
width: 100%;
height: 100%;
position: absolute;
top: 0
}
.hero_container #hero_carousel .item .hero_content .logo-container {
display: flex;
justify-content: center
}
.hero_container #hero_carousel .item .hero_content .logo-container .logo {
width: 100%!important
}
@media screen and (max-width: 1199px) {.hero_container #hero_carousel .item .hero_content .logo-container .logo {
margin-top: 48px
}

}
@media screen and (min-width: 1200px) {.hero_container #hero_carousel .item .hero_content .logo-container .logo {
margin-top: 60px
}

}
.hero_container #hero_carousel .item .hero_content .heroimage_3_text,.hero_container #hero_carousel .item .hero_content .heroimage_2_text,.hero_container #hero_carousel .item .hero_content .heroimage_1_text {
color: #fff
}
@media screen and (max-width: 1199px) {.hero_container #hero_carousel .item .hero_content .heroimage_3_text,.hero_container #hero_carousel .item .hero_content .heroimage_2_text,.hero_container #hero_carousel .item .hero_content .heroimage_1_text {
margin-top: 36px
}

}
@media screen and (min-width: 1200px) {.hero_container #hero_carousel .item .hero_content .heroimage_3_text,.hero_container #hero_carousel .item .hero_content .heroimage_2_text,.hero_container #hero_carousel .item .hero_content .heroimage_1_text {
margin-top: 60px
}

}
.hero_container #hero_carousel .item .hero_content .text_bottom {
position: absolute;
bottom: 0
}
.hero_container #hero_carousel .item .hero_content .text_bottom .heroimage_1_text {
margin-bottom: 36px
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.hero_container #hero_carousel .item .hero_content .text_bottom .heroimage_1_text {
margin-bottom: 36px
}

}
@media screen and (max-width: 679px) {.hero_container #hero_carousel .item .hero_content .text_bottom .heroimage_1_text {
margin-bottom: 180px;
text-align: center
}

}
.hero_apply_container {
position: absolute;
z-index: 20;
width: 100%;
pointer-events: none;
bottom: 0
}
@media screen and (min-width: 680px) and (max-width: 999px) {.hero_apply_container {
bottom: initial;
top: 0
}

}
.hero_apply_container .heroimage_application_over {
color: #fff;
background-color: transparent;
font-size: 30px;
margin-top: 60px;
margin-bottom: 120px;
padding: 24px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: auto
}
.hero_apply_container .heroimage_application_over img {
width: initial!important;
animation-name: wigglewiggle;
animation-iteration-count: infinite;
animation-duration: 4s
}
@media screen and (max-width: 679px) {.hero_apply_container .heroimage_application_over img {
display: none
}

}
@media screen and (max-width: 679px) {.hero_apply_container .heroimage_application_over {
margin-bottom: 132px;
font-size: 15px;
padding: 12px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.hero_apply_container .heroimage_application_over {
margin-top: 456px;
margin-bottom: 0;
font-size: 30px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.hero_apply_container .heroimage_application_over {
margin-bottom: 72px;
font-size: 24px
}

}
@media screen and (min-width: 1200px) {.hero_apply_container .heroimage_application_over {
margin-bottom: 72px;
font-size: 30px
}

}
#modal-video .modal_body,#modal-video2 .modal_body,#modal-video3 .modal_body {
overflow-y: hidden!important
}
#modal-video .modal_body video,#modal-video2 .modal_body video,#modal-video3 .modal_body video {
width: 100%
}
.hero_quote {
line-height: initial;
font-size: 40px;
margin-top: 12px;
white-space: nowrap
}
#apply_container {
position: relative
}
#apply_container #error {
color: #A33;
font-weight: 800;
display: inline-block;
background-color: rgba(255,255,255,0.7);
padding: 2px 5px;
margin-bottom: 12px
}
.apply_background img {
width: 100%;
display: block
}
.apply_lines img {
height: 100%;
position: absolute;
bottom: 0;
right: 0
}
.apply_content {
position: absolute;
top: 0;
left: 0;
color: #fff;
height: 100%;
width: 100%;
display: flex;
align-items: center
}
.apply_content form {
width: 100%
}
.apply_apply_button {
color: #fff;
background-color: transparent;
padding: 12px 24px;
display: flex;
align-items: center;
justify-content: center;
font-family: "TeleGroteskScreen","TeleGrotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff
}
@media screen and (max-width: 679px) {.apply_apply_button {
font-size: 24px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.apply_apply_button {
font-size: 60px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.apply_apply_button {
font-size: 34px
}

}
@media screen and (min-width: 1200px) {.apply_apply_button {
font-size: 60px
}

}
.apply_apply_button picture {
position: relative;
float: left
}
.apply_address {
text-transform: uppercase
}
@media screen and (max-width: 679px) {.apply_address {
font-size: 30px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.apply_address {
font-size: 54px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.apply_address {
font-size: 60px
}

}
@media screen and (min-width: 1200px) {.apply_address {
font-size: 60px
}

}
.apply_header {
padding-bottom: 48px
}
@media screen and (max-width: 679px) {.apply_header {
font-size: 18px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.apply_header {
font-size: 38px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.apply_header {
font-size: 40px
}

}
@media screen and (min-width: 1200px) {.apply_header {
font-size: 40px
}

}
.apply_header .hero_application_over {
color: #fff;
font-size: 30ßx
}
.apply_subheader {
padding-bottom: 12px
}
.apply_text {
margin-top: 14px;
padding-left: 12px;
padding-bottom: 12px
}
.checkbox_container {
display: flex
}
button.btn-cleansed {
height: 100%;
margin: 0;
padding: 0
}
button.btn-cleansed:hover {
background-color: transparent
}
.ambassador_container {
position: relative;
width: 100%
}
.ambassador_container .ambassador_background img {
width: 100%;
display: block
}
.ambassador_content {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
color: #fff
}
.ambassador_content .ambassador_header {
position: absolute;
top: 60px;
width: 100%
}
.ambassador_content .ambassador_header .ambassador_address {
top: 48px;
text-transform: uppercase
}
@media screen and (max-width: 679px) {.ambassador_content .ambassador_header .ambassador_address {
font-size: 30px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.ambassador_content .ambassador_header .ambassador_address {
font-size: 56px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.ambassador_content .ambassador_header .ambassador_address {
font-size: 60px
}

}
@media screen and (min-width: 1200px) {.ambassador_content .ambassador_header .ambassador_address {
font-size: 60px
}

}
@media screen and (max-width: 679px) {.ambassador_content .ambassador_header .ambassador_thanks {
font-size: 18px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.ambassador_content .ambassador_header .ambassador_thanks {
font-size: 38px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.ambassador_content .ambassador_header .ambassador_thanks {
font-size: 40px
}

}
@media screen and (min-width: 1200px) {.ambassador_content .ambassador_header .ambassador_thanks {
font-size: 40px
}

}
.ambassador_content .ambassador_footer {
position: absolute;
bottom: 60px;
width: 100%
}
@media screen and (max-width: 679px) {.ambassador_content .ambassador_footer .font_nor {
font-size: 18px;
text-align: center
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.ambassador_content .ambassador_footer .font_nor {
font-size: 20px;
text-align: center
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.ambassador_content .ambassador_footer .font_nor {
font-size: 22px
}

}
@media screen and (min-width: 1200px) {.ambassador_content .ambassador_footer .font_nor {
font-size: 24px
}

}
.ntk_container {
position: relative;
width: 100%
}
.ntk_container .ntk_background img {
display: block;
width: 100%;
height: auto
}
.ntk_container .ntk_wrapper {
background: linear-gradient(to bottom,#fff 0%,#fff 66%,#cdcdcd 100%);
position: absolute;
top: 0;
width: 100%;
height: 100%
}
.ntk_container .ntk_wrapper .ntk_header {
width: 100%;
text-align: center;
margin-top: 24px
}
@media screen and (max-width: 679px) {.ntk_container .ntk_wrapper .ntk_header {
margin-top: 24px
}

}
.ntk_container .ntk_wrapper .ntk_navigation {
top: 50%;
position: absolute;
width: 100%;
margin-top: -23.5px;
z-index: 20
}
@media screen and (max-width: 679px) {.ntk_container .ntk_wrapper .ntk_navigation {
top: 25%
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.ntk_container .ntk_wrapper .ntk_navigation .row {
margin-left: 40px;
margin-right: 40px
}

}
.ntk_container .ntk_wrapper #ntk_carousel {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%
}
@media screen and (max-width: 679px) {.ntk_container .ntk_wrapper #ntk_carousel {
padding-top: 52px
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.ntk_container .ntk_wrapper #ntk_carousel {
padding-top: 112px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.ntk_container .ntk_wrapper #ntk_carousel {
padding-top: 103px
}

}
@media screen and (min-width: 1200px) {.ntk_container .ntk_wrapper #ntk_carousel {
padding-top: 112px
}

}
.ntk_container .ntk_wrapper #ntk_carousel .ntk_picture_1,.ntk_container .ntk_wrapper #ntk_carousel .ntk_picture_2 {
pointer-events: none
}
@media screen and (max-width: 679px) {.ntk_container .ntk_wrapper #ntk_carousel .ntk_picture_1 img,.ntk_container .ntk_wrapper #ntk_carousel .ntk_picture_2 img {
width: 100%
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.ntk_container .ntk_wrapper #ntk_carousel .ntk_picture_1 img,.ntk_container .ntk_wrapper #ntk_carousel .ntk_picture_2 img {
width: 100%
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.ntk_container .ntk_wrapper #ntk_carousel .ntk_picture_1 img,.ntk_container .ntk_wrapper #ntk_carousel .ntk_picture_2 img {
width: 100%
}

}
@media screen and (min-width: 1200px) {.ntk_container .ntk_wrapper #ntk_carousel .ntk_picture_1 img,.ntk_container .ntk_wrapper #ntk_carousel .ntk_picture_2 img {
width: 100%
}

}
.ntk_button {
margin-top: 15px;
background-color: #a4a4a4;
color: #fff;
width: 200px;
float: right;
padding: 12px 48px
}
.ntk_button:hover,.ntk_button:focus {
color: #fff
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.ntk_slider_1_text,.ntk_slider_2_text,.ntk_slider_3_text {
margin-top: 96px
}

}
@media screen and (min-width: 1200px) {.ntk_slider_1_text,.ntk_slider_2_text,.ntk_slider_3_text {
margin-top: 96px
}

}
.ntk_slider_1_text div,.ntk_slider_2_text div,.ntk_slider_3_text div {
text-align: right
}
@media screen and (max-width: 999px) {.ntk_slider_1_text div,.ntk_slider_2_text div,.ntk_slider_3_text div {
text-align: left
}

}
@media screen and (max-width: 679px) {.ntk_slider_1_text div .ntk_headline,.ntk_slider_2_text div .ntk_headline,.ntk_slider_3_text div .ntk_headline {
padding-bottom: 12px
}

}
.ntk_slider_1_text .ntk_button,.ntk_slider_2_text .ntk_button,.ntk_slider_3_text .ntk_button {
float: right
}
@media screen and (max-width: 679px) {.ntk_slider_1_text .ntk_button,.ntk_slider_2_text .ntk_button,.ntk_slider_3_text .ntk_button {
display: none
}

}
@media screen and (min-width: 680px) and (max-width: 999px) {.ntk_slider_1_text .ntk_button,.ntk_slider_2_text .ntk_button,.ntk_slider_3_text .ntk_button {
float: left
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.ntk_slider_1_text .ntk_button,.ntk_slider_2_text .ntk_button,.ntk_slider_3_text .ntk_button {
float: right;
position: absolute;
bottom: 48px;
right: 0
}

}
@media screen and (min-width: 1200px) {.ntk_slider_1_text .ntk_button,.ntk_slider_2_text .ntk_button,.ntk_slider_3_text .ntk_button {
float: right;
position: absolute;
bottom: 48px;
right: 0
}

}
.ntk_slider_1_text .ntk_button_mobile,.ntk_slider_2_text .ntk_button_mobile,.ntk_slider_3_text .ntk_button_mobile {
background-image: url(./microsite/icons/icon_details.png);
background-size: contain;
display: block;
height: 24px;
width: 20px;
cursor: pointer
}
#navigation_wrapper {
position: fixed;
display: block;
pointer-events: none;
z-index: 34;
padding: 0;
margin: 0;
top: 0;
left: 0;
height: 100%;
width: 100%
}
@media screen and (max-width: 679px) {#navigation_wrapper {
display: none
}

}
#navigation_wrapper .navigation_container {
position: absolute;
top: 20%;
right: 12px;
pointer-events: none;
width: 1em;
height: 70%;
z-index: 4000;
display: table
}
#navigation_wrapper .navigation_container .navigation_bar {
pointer-events: none;
z-index: 4000;
display: table-cell;
vertical-align: middle;
text-align: right;
position: absolute;
height: 100%;
right: 0
}
#navigation_wrapper .navigation_container .navigation_bar .scrollbar_point_black {
pointer-events: auto;
cursor: pointer;
width: 30px;
height: 30px;
background-image: url(./microsite/icons/scrollbar_dot_black.png);
background-repeat: no-repeat;
background-position: center
}
#navigation_wrapper .navigation_container .navigation_bar .scrollbar_point_black_hover {
width: 30px;
height: 30px;
display: block;
pointer-events: auto;
background-size: auto;
background-repeat: no-repeat;
background-position: top;
background-image: url(./microsite/icons/scrollbar_black.png)
}
#navigation_wrapper .navigation_container .navigation_bar .scrollbar_point_black_hover.active {
background-image: url(./microsite/icons/scrollbar_select_black.png)
}
#navigation_wrapper .navigation_container .navigation_bar .scrollbar_line_black {
pointer-events: auto;
width: 30px;
height: 20%;
background-image: url(./microsite/icons/scrollbar_line_black.png);
background-repeat: repeat-y;
background-position: center
}
#navigation_wrapper .navigation_container .navigation_bar .scrollbar_point_white {
pointer-events: auto;
cursor: pointer;
width: 30px;
height: 30px;
background-image: url(./microsite/icons/scrollbar_dot_white.png);
background-repeat: no-repeat;
background-position: center
}
#navigation_wrapper .navigation_container .navigation_bar .scrollbar_point_white_hover {
width: 30px;
height: 30px;
display: block;
pointer-events: auto;
background-size: auto;
background-repeat: no-repeat;
background-position: top;
background-image: url(./microsite/icons/scrollbar_white.png)
}
#navigation_wrapper .navigation_container .navigation_bar .scrollbar_point_white_hover.active {
background-image: url(./microsite/icons/scrollbar_select_white.png)
}
#navigation_wrapper .navigation_container .navigation_bar .scrollbar_line_white {
pointer-events: auto;
width: 30px;
height: 20%;
background-image: url(./microsite/icons/scrollbar_line_white.png);
background-repeat: repeat-y;
background-position: center
}
#navigation_bar_white {
opacity: 1
}
#navigation_bar_black {
opacity: 1
}
.opacity0 {
opacity: 0!important
}
.opacity25 {
opacity: .25!important
}
.opacity50 {
opacity: .5!important
}
.opacity75 {
opacity: .75!important
}
.opacity1 {
opacity: 1!important
}
.modal-backdrop {
opacity: 0!important
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.modal .modal-dialog {
margin-top: 108px
}

}
@media screen and (min-width: 1200px) {.modal .modal-dialog {
margin-top: 108px
}

}
.modal .modal-dialog .modal-content {
overflow-y: auto;
border-radius: 0;
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px rgba(0,0,0,0.75)
}
.modal .modal-dialog .modal-content .modal_close {
z-index: 2;
margin-top: 10px;
margin-right: 10px;
border: 0;
padding: 0;
cursor: pointer;
float: right
}
@media screen and (max-width: 999px) {.modal .modal-dialog .modal-content .modal_close {
width: 30px
}

}
.modal .modal-dialog .modal-content .modal_header {
padding: 45px 45px 20px;
font-size: 24px;
line-height: initial
}
.modal .modal-dialog .modal-content .modal_header .font_fet,.modal .modal-dialog .modal-content .modal_header .font_headline_ultra {
font-size: 24px;
line-height: initial
}
.modal .modal-dialog .modal-content .modal_head {
margin-top: 24px
}
.modal .modal-dialog .modal-content .modal_body {
padding: 10px 45px 45px
}
.modal .modal-dialog .edit_user {
padding-top: 24px
}
.modal .modal-dialog .form-input {
border: none;
background-color: #ededed;
border-radius: 0
}
.modal .modal-dialog .button_container {
display: flex;
justify-content: center;
margin-top: 24px
}
.modal .modal-dialog .button_container .btn-brand {
border-radius: 0;
background-color: #E20074;
padding: 12px;
text-transform: uppercase;
color: #fff
}
.modal .modal-dialog .button_container .btn-brand[disabled] {
background-color: #f07fb9
}
.modal .modal-dialog.text_dialog {
background-color: rgba(255,255,255,0.95)
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.modal .modal-dialog.text_dialog {
margin-top: 108px;
width: 840px
}

}
@media screen and (min-width: 1200px) {.modal .modal-dialog.text_dialog {
margin-top: 108px;
width: 840px
}

}
.modal .modal-dialog.text_dialog .modal-content {
overflow-y: auto;
border-radius: 0;
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px rgba(0,0,0,0.75);
background-color: transparent;
padding: 0 48px 48px
}
@media screen and (max-width: 999px) {.modal .modal-dialog.text_dialog .modal-content {
padding: 0
}

}
.modal .modal-dialog.text_dialog .modal-content .modal_close {
z-index: 2;
margin-top: 10px;
margin-right: 10px;
border: 0;
padding: 0;
cursor: pointer;
float: right
}
@media screen and (max-width: 999px) {.modal .modal-dialog.text_dialog .modal-content .modal_close {
width: 30px
}

}
.modal .modal-dialog.text_dialog .modal-content .modal_header {
padding: 48px 0 0
}
.modal .modal-dialog.text_dialog .modal-content .modal_head {
margin-top: 24px
}
.modal .modal-dialog.text_dialog .modal-content .modal_body {
padding: 12px 0 0;
overflow-y: scroll
}
@media screen and (max-width: 999px) {.modal .modal-dialog.text_dialog .modal-content .modal_body {
overflow-y: initial
}

}
@media screen and (min-width: 1000px) {.modal .modal-dialog.text_dialog .modal-content .modal_body {
height: 504px
}

}
.modal .modal-dialog.card_dialog .modal_contact_picture {
position: absolute;
left: 0;
bottom: 0;
width: 50%;
display: block
}
@media screen and (max-width: 679px) {.modal .modal-dialog.card_dialog .modal_contact_picture {
display: none
}

}
.modal .modal-dialog.card_dialog .modal-content {
display: inline-block;
border-radius: 0;
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px rgba(0,0,0,0.75)
}
.modal .modal-dialog.card_dialog .modal-content img.modal_background {
display: block
}
.modal .modal-dialog.card_dialog .modal-content .card_container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.modal .modal-dialog.card_dialog .modal-content .modal_close {
z-index: 2;
margin-top: 10px;
margin-left: 10px;
border: 0;
padding: 0;
cursor: pointer;
position: absolute
}
@media screen and (max-width: 999px) {.modal .modal-dialog.card_dialog .modal-content .modal_close {
width: 30px
}

}
.modal .modal-dialog.card_dialog .modal-content .modal_header {
padding: 45px 45px 20px
}
.modal .modal-dialog.card_dialog .modal-content .modal_head {
margin-top: 12px
}
.modal .modal-dialog.card_dialog .modal-content .modal_body {
display: flex;
align-items: center;
height: 100%
}
.modal .modal-dialog.card_dialog .modal-content .modal_body .row {
width: 100%
}
.modal .modal-dialog.card_dialog .modal-content .modal_body .row .font_fet,.modal .modal-dialog.card_dialog .modal-content .modal_body .row .font_nor {
margin-top: 12px;
margin-bottom: 12px
}
.modal .modal-dialog.modal-speaker {
margin: 12px 10%;
width: auto
}
@media screen and (max-width: 999px) {.modal .modal-dialog.modal-speaker {
margin: 12px
}

}
@media screen and (min-width: 1000px) and (max-width: 1199px) {.modal .modal-dialog.modal-speaker {
margin-top: 108px
}

}
@media screen and (min-width: 1200px) {.modal .modal-dialog.modal-speaker {
margin-top: 108px
}

}