@font-face {
  font-family: 'TeleGrotesk Next';
  font-style: normal;
  font-weight: 500;
  src: local('TeleGrotesk Next'), local('TeleGroteskNext'),
    url('https://static.t-mobile.cz/cdn/fonts/telegrotesk/next/v1/telegrotesk-next-medium.woff2') format('woff2'),
    url('https://static.t-mobile.cz/cdn/fonts/telegrotesk/next/v1/telegrotesk-next-medium.woff') format('woff');
}

@font-face {
  font-family: 'TeleGrotesk Next Ultra';
  font-style: normal;
  font-weight: 900;
  src: local('TeleGrotesk Next Ultra'), local('TeleGroteskNext-Ultra'),
    url('https://static.t-mobile.cz/cdn/fonts/telegrotesk/next/v1/telegrotesk-next-ultra.woff2') format('woff2'),
    url('https://static.t-mobile.cz/cdn/fonts/telegrotesk/next/v1/telegrotesk-next-ultra.woff') format('woff');
}

.d-flex {
  display: flex;
}

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

.floating-survey-number {
  width: auto;
  position: fixed;
  bottom: 30px;
  right: 30px;
  min-height: 45px;
  transition: ease-in 1.2s;
  transform: translateY(350px);
  z-index: 99;
}

.floating-survey-number.is-active {
  width: 260px;
}

.floating-survey-number.is-active .text-right {
  width: 70px;
  position: relative;
  left: 190px;
}

.floating-survey-number-content {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(75, 17, 47, .1);
  transition: cubic-bezier(0.48, 0.04, 0.52, 0.96) .2s;
  opacity: 0;
  display: none;
  transform: translateY(350px);
  max-height: 2px;
  overflow: hidden;
}

.is-active .floating-survey-number-content {
  opacity: 1;
  display: block;
  padding: 16px 14px 19px;
  margin-bottom: 20px;
  min-height: 45px;
  max-height: none;
  transform: translateY(0);
}

.floating-survey-number.fsn-animation-fade-start {
  transform: translateY(350px);
}

.floating-survey-number.fsn-fade-in {
  transform: translateY(0);
}

.floating-survey-number.fsn-dont-show-again {
  display: none;
}

.floating-survey-number .text-right {
  text-align: right;
}

.fsn-title {
  font-size: 14px;
  color: #262626;
  line-height: 20px;
  font-family: 'TeleGrotesk Next Ultra';
  display: block;
  margin-bottom: 4px;
}

.fsn-text {
  font-size: 12px;
  color: #666666;
  line-height: 15px;
  margin: 0 0 11px;
}

.fsn-form-control {
  border-color: #dbdee7;
  height: 93px;
  width: 100%;
  border-radius: 8px;
  resize: none;
  padding: 7px 15px;
  color: #666;
  font-size: 13px;
  font-family: 'TeleGrotesk Next';
  font-weight: 500;
}

.fsn-switch-content {
  height: auto;
  max-height: 0;
  opacity: 0;
  padding: 0 3px;
  margin: 0 -3px;
  overflow: hidden;
  transition: opacity ease .8s, max-height ease .7s;
}

.fsn-step-1 .fsn-switch-content:first-of-type {
  max-height: 300px;
  opacity: 1;
}

.fsn-step-2 .fsn-switch-content:first-of-type {
  max-height: 0;
  opacity: 0;
}

.fsn-step-2 .fsn-switch-content:nth-of-type(2) {
  max-height: 300px;
  opacity: 1;
}

.fsn-icon-checkmark {
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojYmZjYjQ0O30uYntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODEgLTc1MCkiPjxjaXJjbGUgY2xhc3M9ImEiIGN4PSIxMCIgY3k9IjEwIiByPSIxMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTgxIDc1MCkiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTkuMTY3LDEuNDI0QS44NTMuODUzLDAsMSwwLDcuOS4yODJsLTQuNzcyLDUuM0wxLjQ1OSwzLjkwNmEuODUzLjg1MywwLDAsMC0xLjIxMSwxLjJsMi4zLDIuMzE5QS44NTMuODUzLDAsMCwwLDMuNzkyLDcuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk4NiA3NTYuODY2KSIvPjwvZz48L3N2Zz4=);
}

.floating-survey-number .ico-earphone {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 1024 1024' style='enable-background:new 0 0 1024 1024;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%0A.st0%7Bfill:%23E20074;%7D%0A%3C/style%3E%3Cpath class='st0' d='M948.2,682.2c-64.5,0-127.7-10.2-187.8-29.9c-26.4-9-58.6-0.9-75.3,16.2l-120.7,90.9 C425.3,686,337,597.7,264.5,459.9l89.2-118.6c20.3-20.1,27.5-49.9,18.8-77.2c-19.9-60.6-30-123.7-30-188.2c0-41.8-34-75.9-75.8-75.9 H75.8C34,0,0,34.1,0,75.9C0,598.6,425.3,1024,948.2,1024c41.8,0,75.8-33.7,75.8-75.5V758.2C1024,716.4,990,682.2,948.2,682.2z'/%3E%3C/svg%3E%0A");
}

.js-fsn-button:hover .ico-earphone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 1024 1024' style='enable-background:new 0 0 1024 1024;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E%0A.st0%7Bfill:%23ffffff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M948.2,682.2c-64.5,0-127.7-10.2-187.8-29.9c-26.4-9-58.6-0.9-75.3,16.2l-120.7,90.9 C425.3,686,337,597.7,264.5,459.9l89.2-118.6c20.3-20.1,27.5-49.9,18.8-77.2c-19.9-60.6-30-123.7-30-188.2c0-41.8-34-75.9-75.8-75.9 H75.8C34,0,0,34.1,0,75.9C0,598.6,425.3,1024,948.2,1024c41.8,0,75.8-33.7,75.8-75.5V758.2C1024,716.4,990,682.2,948.2,682.2z'/%3E%3C/svg%3E%0A");
}

.floating-survey-number .ico-remove-bold {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 1024 1024' style='enable-background:new 0 0 1024 1024;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23575757;%7D%3C/style%3E%3Cpath class='st0' d='M80.9,0.1c-20.7,0-41.5,7.8-57.3,23.6c-31.6,31.6-31.6,82.9,0,114.5L397.5,512L23.7,885.8 c-31.6,31.6-31.6,82.9,0,114.5c31.6,31.6,82.9,31.6,114.5,0L512,626.5l373.8,373.8c31.6,31.6,82.9,31.6,114.5,0 c31.6-31.6,31.6-82.9,0-114.5L626.5,512l373.8-373.8c31.6-31.6,31.6-82.9,0-114.5c-31.6-31.6-82.9-31.6-114.5,0L512,397.5 L138.2,23.7C122.4,7.9,101.6,0.1,80.9,0.1z'/%3E%3C/svg%3E");
}

.js-fsn-button:hover .ico-remove-bold {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0px' y='0px' viewBox='0 0 1024 1024' style='enable-background:new 0 0 1024 1024;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23ffffff;%7D%3C/style%3E%3Cpath class='st0' d='M80.9,0.1c-20.7,0-41.5,7.8-57.3,23.6c-31.6,31.6-31.6,82.9,0,114.5L397.5,512L23.7,885.8 c-31.6,31.6-31.6,82.9,0,114.5c31.6,31.6,82.9,31.6,114.5,0L512,626.5l373.8,373.8c31.6,31.6,82.9,31.6,114.5,0 c31.6-31.6,31.6-82.9,0-114.5L626.5,512l373.8-373.8c31.6-31.6,31.6-82.9,0-114.5c-31.6-31.6-82.9-31.6-114.5,0L512,397.5 L138.2,23.7C122.4,7.9,101.6,0.1,80.9,0.1z'/%3E%3C/svg%3E");
}

.floating-survey-number .input-prefix-text {
  position: relative;
}

.floating-survey-number .fsn-input-prefix .fsn-prefix {
  font-family: 'TeleGrotesk Next Ultra';
  font-size: 18px;
}

.floating-survey-number .input-prefix-text-lg>span {
  font-size: 20px;
  left: 16px;
}

.floating-survey-number .input-prefix-text>span {
  vertical-align: middle;
  position: absolute;
  top: 13px;
  left: 12px;
  display: block;
  z-index: 1;
}

body[data-theme-images-folder] .floating-survey-number .input-prefix-text>span {
  top: 23px !important;
}

.floating-survey-number .lc-c-input {
  padding-left: 60px;
  padding-right: 20px;
  border-radius: 6px;
  border-color: #dbdee7;
  height: 43px;
  font-size: 18px;
  font-family: 'TeleGrotesk Next Ultra' !important;
  border: 1px solid #999;
  background-color: #fff;
  display: block;
  width: 100%;
  padding-top: 12px !important;
}

.floating-survey-number .lc-c-button-submit {
  font-size: 18px;
  font-family: 'TeleGrotesk Next Ultra' !important;
  padding: 6px 12px;
  white-space: normal;
  transition-property: color, border-color, background;
  transition-duration: 0.5s;
  color: #fff;
  background-color: #e20074;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
}

.fsn-button {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  box-shadow: 0 5px 30px rgba(75, 17, 47, .2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #ffffff;
  transition: ease .3s;
}

.fsn-button:hover {
  background-color: #e20074;
}

.fsn-button:hover svg {
  fill: #ffffff;
}

.fsn-button.is-active {
  background-color: #E8E8E8;
}

.fsn-button.is-active svg {
  fill: #575757;
}

.fsn-button.is-active:hover {
  background-color: #575757;
}

.fsn-button.is-active:hover svg {
  fill: #ffffff;
}

.fsn-button.is-active .fsn-icon-2 {
  display: block;
}

.js-fsn-button .fsn-icon-2,
.fsn-button.is-active .fsn-icon-1 {
  display: none;
}

.pos-relative {
  position: relative;
}

.pos-top-1 {
  top: 1px;
}

.w-100 {
  width: 100%;
}

.fsn-btn-wrap {
  margin-top: 5px;
}

.fsn-btn {
  border-radius: 6px;
}

.floating-survey-number .fsn-input-prefix .form-control {
  border-radius: 6px;
  border-color: #dbdee7;
  height: 43px;
}

.floating-survey-number .fsn-input-prefix .fsn-prefix {
  font-family: 'TeleGrotesk Next Ultra';
  font-size: 18px;
}

.floating-survey-number .leadcollector-form .lc-c-vali-message {
  margin-top: 5px;
  margin-bottom: 0;
  position: relative;
  left: auto;
  bottom: auto;
}

.floating-survey-number .leadcollector-form .form-group {
  margin-bottom: 15px;
}

.floating-survey-number .lc-c-alert.lc-c-success-alert,
.floating-survey-number .lc-c-alert.lc-c-danger-alert {
  border: 0;
  background-color: initial;
  padding: 5px 0 5px 28px;
  background-repeat: no-repeat;
  color: #000;
  font-family: 'TeleGrotesk Next Ultra';
  font-size: 15px;
  line-height: 1.2em;
}

.floating-survey-number .lc-c-alert.lc-c-success-alert {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojYmZjYjQ0O30uYntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODEgLTc1MCkiPjxjaXJjbGUgY2xhc3M9ImEiIGN4PSIxMCIgY3k9IjEwIiByPSIxMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTgxIDc1MCkiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTkuMTY3LDEuNDI0QS44NTMuODUzLDAsMSwwLDcuOS4yODJsLTQuNzcyLDUuM0wxLjQ1OSwzLjkwNmEuODUzLjg1MywwLDAsMC0xLjIxMSwxLjJsMi4zLDIuMzE5QS44NTMuODUzLDAsMCwwLDMuNzkyLDcuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk4NiA3NTYuODY2KSIvPjwvZz48L3N2Zz4=);
  background-position: 0 center;
  background-repeat: no-repeat;
}

.floating-survey-number .lc-c-alert.lc-c-danger-alert {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iVnJzdHZhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZDMTAzO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGcgaWQ9Ikdyb3VwXzczMDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNjMgLTQxNCkiPg0KCTxnIGlkPSJHcm91cF8yMDA1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjMgNDE0KSI+DQoJCTxjaXJjbGUgaWQ9IkVsbGlwc2VfNyIgY2xhc3M9InN0MCIgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIi8+DQoJPC9nPg0KCTxnIGlkPSJHcm91cF8yMDA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNzUuNjMzIDQyMy4zNjgpIj4NCgkJPHBhdGggaWQ9IkxpbmVfMTA4IiBjbGFzcz0ic3QxIiBkPSJNLTIuNywxLjZjLTAuNSwwLTAuOS0wLjQtMC45LTAuOXYtNC45YzAtMC41LDAuNC0wLjksMC45LTAuOWMwLDAsMCwwLDAsMA0KCQkJYzAuNSwwLDAuOSwwLjQsMC45LDAuOWwwLDB2NC45Qy0xLjcsMS4yLTIuMiwxLjYtMi43LDEuNnoiLz4NCgkJPGNpcmNsZSBpZD0iRWxsaXBzZV8xNTIiIGNsYXNzPSJzdDEiIGN4PSItMi42IiBjeT0iNC4xIiByPSIxLjIiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

.floating-survey-number .lc-state-sucess .leadcollector-form .fsn-title,
.floating-survey-number .lc-state-sucess .leadcollector-form .fsn-text,
.floating-survey-number .lc-state-sucess .leadcollector-form div:not(.lc-c-alert) {
  display: none;
}

.shake:not(.is-active){
  /*animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both, shake 0.82s 5s cubic-bezier(.36,.07,.19,.97) infinite both;*/
  /*transform: translate3d(0, 0, 0);*/
  animation: shake-delay 4.82s 0.5s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes shake-delay {
  0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}


.floating-survey-number .legal-line {
  font-size: 12px;
}

.floating-survey-number .legal-line a {
  color: #e20074;
  cursor: pointer;
}