/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
  font-family: 'tele-groteskfetregular';
  src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.eot');
  src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-fett-webfont.svg#tele-groteskfetregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tele-groteskhalregular';
  src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.eot');
  src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-halb-webfont.svg#tele-groteskhalregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'telegrotesk_headlineregular';
  src: url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.eot');
  src: url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-regular-webfont.svg#telegrotesk_headlineregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'telegrotesk_headline_ultraRg';
  src: url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.eot');
  src: url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/telegroteskheadline-ultra-webfont.svg#telegrotesk_headline_ultraRg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tele-grotesknorregular';
  src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.eot');
  src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-norm-webfont.svg#tele-grotesknorregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tele-groteskultregular';
  src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.eot');
  src: url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/tele-grotesk-ultr-webfont.svg#tele-groteskultregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'telelogoregular';
  src: url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.eot');
  src: url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/telelogo-webfont.svg#telelogoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.eot');
  src: url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.woff2') format('woff2'), url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.woff') format('woff'), url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.ttf') format('truetype'), url('/r/repo1/tm/fonts/new_tm/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

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

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

:root {
  font-size: 10px;
  line-height: 20px;
}

body,
html {
  background: #FFF;
}

.area {
  width: 100%;
}

.title,
.title_print {
  display: none;
}

p,
a,
h1,
h2,
h3,
span,
hr {
  padding: 0;
  margin: 0;

}

a:hover,
a:focus,
a:active {
  text-decoration: none;
}

.container-fluid .container {
  padding: 0;
  width: 320px;
  margin: 0 auto;
  font-weight:normal;
  font-size: 0.9em;
}

.top-bar {
  background: #FFFFFF;
  margin-top: 14px;
  /* -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); */
}

.logo-box {
  padding: 15px;
}

.logo-box .logo {
  width: 63px;
  height: 30.95px;
  float: left;
}

/*.logo-box .logo:hover path {
    fill: red;
}*/

.logo-box .lifs {
  width: 107px;
  height: 8.22px;
  float: right;
  margin-top: 13px;
}

.section.mod2 form.pl-an-form input[type="checkbox"] {
  visibility: hidden;
}

.section.mod2 form.pl-an-form input[type="checkbox"]~.fake-chx {
  background: transaprent none repeat scroll 0 0;
  border: 2px solid #000;
  display: inline-block;
  height: 20px;
  padding: 0 !important;
  position: relative;
  top: 0;
  vertical-align: top;
  width: 20px;
}

.section.mod2 form.pl-an-form input[type="checkbox"]:checked~.fake-chx {
  background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDM2NEIzQTMwRUMxMUU4QjQ5QkU4MDVCNEUxMzEyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NDM2NEIzQjMwRUMxMUU4QjQ5QkU4MDVCNEUxMzEyNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0MzY0QjM4MzBFQzExRThCNDlCRTgwNUI0RTEzMTI1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk0MzY0QjM5MzBFQzExRThCNDlCRTgwNUI0RTEzMTI1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+a5tkIAAAAINJREFUeNrs020KgCAMAFDnxdSLFd1MT7ZYaKRuzsBf0WCgDt7ED0BEsyKsWRQfgbz3B2W1SIf9Jp1zBNANIY3LulU7NfWU0lbmANDvSOrE1SkJfdbvQd4JcpiGVJCEzSAdxGEzCAtJ2AgRoRbjDr9NGH3aEMIFxBh37ZHC//vVOAUYAHgvMRkVQhNjAAAAAElFTkSuQmCC") no-repeat scroll center center;
}

.section.mod2 form.pl-an-form input.error[type="checkbox"]~.fake-chx {
  border: 1px solid #ff0000;
}

.section.mod2 form.pl-an-form .legal-cont {
  font-size: 0.7em;
  line-height: 1.5em;
  max-width: 247px;
  text-align: left;
  font-family: 'tele-grotesknorregular';
  color: #000;
  margin-bottom: 10px;
}

.section.mod2 .roz-hide {
  color: #000;
}

#thx_an p,
#err_an p {
  font-family: 'tele-groteskultregular';
  font-size: 1.5em;
  line-height: 1.1;
  color: #000;
  text-align: center;
  margin: 30px 0;
}

.section.mod2 label.error {
  font-family: 'tele-groteskfetregular';
  font-size: 12px;
  line-height: 12px;
  color: #d70000;
  position: absolute;
  left: 7px;
  bottom: -14px;
  z-index: 200;
  top: auto !important;
  border:  none;
  background: transparent;
  margin:  0;
  padding: 6px 0;
}

.section.mod2 .fix-label label.error {
  bottom: auto !important;
  top: -18px !important;
  left: 18px;
}

.section.mod2 p.responseText {
  font-family: 'tele-groteskfetregular';
  font-size: 12px;
  line-height: 12px;
  color: #ffffff !important;
  position: absolute;
  left: 20px;
  bottom: 7px;
  z-index: 200;
}

.section.mod2 .bootstrap-select label.error {
  bottom: -21px;
}

.tipso_content {
  font-family: 'HEYAHBetaLight', Arial;
}

.section.mod2 ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000000;
}

.section.mod2 ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
}

.section.mod2 :-ms-input-placeholder {
  /* IE 10+ */
  color: #000000;
}

.section.mod2 :-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
}

.section.mod2 form.pl-an-form input[type="text"],
.section.mod2 form.pl-an-form input[type="tel"] {
  background: #ffffff;
  border-radius: 0;
  border: none;
  color: #000;
  font-size: 12px;
  line-height: 1;
  padding: 18px 10px;
  height: 40px;
  margin: 0;
  z-index: 20;
  position: relative;
  font-family: 'tele-groteskfetregular';
  width: 97%;
  margin: 0 auto;
  top: -5px;
  display: block;
  margin-bottom: 16px;
  border: solid 2px #e20074;
}

.section.mod2 .btn {
  padding: 10px 10px;
  font-size: 12px;
  line-height: 1;
  border-radius: 0px;
  border: none;
  z-index: 0;
  font-family: 'tele-groteskfetregular';
  font-weight: normal;
  background: #FFF;
  margin-bottom: 16px;
  box-shadow: none;
  border: solid 2px #e20074;
  height: 40px;
  display: block;
}

.btn-group.bootstrap-select {
  top: -5px;
}

.bootstrap-select.form-control:not([class*=col-]) {
  width: 97%;
  margin: 0 auto !important;
  display: block !important;
  height: 40px;
}

/* .section.mod2 .form-group.item {
  border: solid 2px #e20074;
  padding: 20px 10px 1px 10px;
} */

.section.mod2 .form-group .bootstrap-select.btn-group,
.section.mod2 .form-horizontal .bootstrap-select.btn-group,
.section.mod2 .form-inline .bootstrap-select.btn-group {
  margin-bottom: 20px
}

.section.mod2 .caret {
  display: inline-block;
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  margin-left: auto;
  vertical-align: middle;
  border-top: none;
  border-top: none \9;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #e20074;
  border-right: 2px solid #e20074;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -6px;
  vertical-align: middle;
}

.bootstrap-select.open .caret {
  transform: rotate(-136deg);
}

.section.mod2 .phone-info {
  font-family: 'tele-groteskfetregular';
  font-size: 0.8em;
  line-height: 1.1em;
  color: #000;
  margin-top: -5px;
  margin-bottom: 15px;
  padding: 0 10px;
}

.section.mod2 .btnaa {
  font-family: 'tele-groteskultregular';
  font-size: 1em;
  line-height: 1.1em;
  color: #FFF;
  background: #e20074;
  text-transform: uppercase;
  border-radius: 8px;
  border: none;
  padding: 13px 0;
  width: 100px;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
}

.section.mod2 .submit.btn {
  font-family: 'tele-groteskultregular';
  font-size: 1em;
  line-height: 1.1em;
  color: #FFF;
  background: #e20074;
  text-transform: uppercase;
  border-radius: 8px;
  border: none;
  padding: 10px 0;
  width: 100px;
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  float: right;
}

/* .section.mod2 .submit.btn::after {
  content: "\f061";
  font-family: "fontawesome";
  margin-left: 10px;
} */

.section.mod2 .btnaa.next {
  float: right;
}

.section.mod2 .btnaa.b-previous {
  float: LEFT;
  background: #333333;
}

.section.mod2 .btnaa.b-previous:hover,
.section.mod2 .btnaa.b-previous:active {
  color: #e20074;
}

/* .section.mod2 .btnaa.next::after {
  content: "\f061";
  font-family: "fontawesome";
  margin-left: 10px;
} */

/* .section.mod2 .btnaa.b-previous::before {
  content: "\f060";
  font-family: "fontawesome";
  margin-right: 10px;
} */

.section.mod2 .btnaa:hover,
.section.mod2 .btnaa:focus,
.section.mod2 .btnaa:active {
  color: #000;
  text-decoration: none;
}

#slide_b,
#slide_c,
#slide_d {
  display: none;
}

.section.mod2 {
  background: #FFF;
  /* min-height: 400px; */
  position: relative;
  z-index: 0;
}

.wrapper.offer-1 .section.mod2 {
  display: block;
}

.section.mod2 .content {
  padding-top: 20px;
  padding-bottom: 36px;
}

.section.mod2 .sec-title {
  font-family: 'tele-groteskultregular';
  font-size: 2.5em;
  line-height: 1em;
  color: #e20074;
  text-align: center;
  margin: 10px 0;
  text-transform: uppercase;
}

.section.mod2 .form-sec-title {
  font-family: 'tele-groteskultregular';
  font-size: 1.5em;
  line-height: 1.1em;
  color: #000;
  text-align: center;
  margin: 1px 0 20px 0;
  text-transform: uppercase;
}

.section.mod2 .deco {
  /* /* border: solid #FFF 2px; */
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: relative;
  /* margin-bottom: 20px; */
}

.section.mod2 .form-control {
  border-radius: 0;
}

.section.mod2 .white-wrap {
  outline: solid #e20074 2px;
  background: #FFF;
  padding: 10px 5px 5px 5px;
}

.white-wrap .bootstrap-select.btn-group .dropdown-toggle {
  border: none;
  border-bottom: solid 2px #e20074;
}

.section.mod2 form.pl-an-form .white-wrap input[type="text"],
.section.mod2 form.pl-an-form .white-wrap input[type="tel"] {
  border: none;
  /* border-bottom: solid 2px #e20074; */
}

.section.mod2 .white-wrap .bootstrap-select label.error {
  bottom: -20px;
}

.section.mod2 .white-wrap .form-control {
  box-shadow: none;
  border-bottom: solid #e20074 2px !important;
}

.section.mod2 .white-wrap .deco {
  margin-bottom: 1px;
}

.section.mod2 .white-wrap label.error {
  font-family: 'tele-groteskfetregular';
  font-size: 12px;
  line-height: 12px;
  color: #e30613;
  position: absolute;
  left: 7px;
  bottom: -14px;
  z-index: 200;
}

.section.mod2 .fix-row {
  padding: 0 2%;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
  color: #000;
}

.input-tool {
  background: #000;
  width: 20px;
  height: 20px;
  text-align: center;
  font-family: arial;
  color: #FFF !important;
  font-size: 16px;
  line-height: 16px;
  padding-top: 3px;
  display: block;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -18px;
  z-index: 999;
}

.topik .page-title {
  font-family: 'tele-groteskultregular';
  font-size: 2em;
  line-height: 1em;
  margin: 30px 0;
}

.topik .banner {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.topik .simple-btn {
  font-family: 'tele-groteskhalregular';
  font-size: 25px;
  line-height: 50px;
  text-align: center;
  color: #FFF;
  background: #7f7f7f;
  width: 100%;
  height: 50px;
  display: block;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 10px;
}

.topik .simple-btn.active {
  background: #e20074;
}

.topik .simple-btn:hover,
.topik .simple-btn:focus {
  background: #e20074;
}

.topik .move-title {
  font-family: 'tele-groteskultregular';
  font-size: 2.3em;
  line-height: 1.1em;
  color: #e20074;
  margin: 20px 0;
}

.topik .move-title span {
  color: #000;
  font-size: 0.84em;
  line-height: 1em;
}

.topik .move-sub-tit {
  font-family: 'tele-grotesknorregular';
  font-size: 1.2em;
  line-height: 1.2em;
  color: #000;
  display: block;
  position: relative;
}

.topik .move-sub-tit .tipso_me {
  top: 0;
  right: 0;
}

.topik .cash {
  display: block;
  width: 210px;
  margin: 0 auto;
  margin-top: 26px;
}

.topik .list-title {
  font-family: 'tele-groteskultregular';
  font-size: 2em;
  line-height: 1.1em;
  color: #e20074;
  margin: 30px 0 20px 0;
}

.topik .icon-txt {
  font-family: 'tele-groteskultregular';
  font-size: 1.2em;
  line-height: 1.1em;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 20px;
  padding-left: 46px;
  background-size: 42px !important;
}

.topik .icon-txt.date {
  padding-top: 10px;
  padding-bottom: 10px;
}

.topik .icon-txt span {
  font-family: 'tele-grotesknorregular';
  font-size: 0.72em;
  line-height: 1.1em;
  text-transform: none;
  color: #000;
}

.topik .icon-txt span a {
  color: #000;
  text-decoration: underline;
}

.topik .icon-txt.call {
  background: transparent url('../img/ico-call.png') left center no-repeat;
}

.topik .icon-txt.sms {
  background: transparent url('../img/ico-sms.png') left center no-repeat;
}

.topik .icon-txt.globe {
  background: transparent url('../img/ico-globe.png') left center no-repeat;
}

.topik .icon-txt.date {
  background: transparent url('../img/ico-date.png') left center no-repeat;
}

.topik .icon-txt.play {
  background: transparent url('../img/ico-play.png') left center no-repeat;
}

.topik .icon-txt.mms {
  background: transparent url('../img/ico-mms.png') left center no-repeat;
}

.topik .sep-list {
  font-family: 'tele-groteskultregular';
  font-size: 1.1em;
  line-height: 1.1em;
  text-transform: uppercase;
  text-align: center;
  color: #e20074;
  margin-bottom: 20px;
}

.topik .icons-title {
  font-family: 'tele-groteskultregular';
  font-size: 1.3em;
  line-height: 1.1em;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  margin-bottom: 20px;
  margin-top: 20px;
}

.topik .logos {
  display: block;
  width: 280px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.topik .legal {
  font-family: 'tele-grotesknorregular';
  font-size: 1.1em;
  line-height: 1.2em;
  color: #000;
  margin-bottom: 20px;
}

.topik .my-link {
  font-family: 'tele-grotesknorregular';
  font-size: 1.1em;
  line-height: 1.2em;
  color: #000;
  text-decoration: underline;
}

.pink-sec {
  background: #e20074;
  margin-top: 40px;
  padding: 30px 0;
}

.pink-sec .pink-title {
  font-family: 'tele-groteskultregular';
  font-size: 1.3em;
  line-height: 1.1em;
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
  margin-bottom: 20px;
  margin-top: 2px;
}

.pink-sec .txt-numb {
  margin-bottom: 20px;
  font-family: 'tele-grotesknorregular';
  font-size: 1.1em;
  line-height: 1.1em;
  color: #FFF;
}

.pink-sec .txt-numb span {
  background: #FFF;
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  font-family: 'tele-groteskultregular';
  font-size: 1em;
  line-height: 1em;
  color: #e20074;
  padding-top: 5px;
  margin-right: 14px;
  margin-top: -4px;
  float: left;
}

@media (min-width: 640px) {
  .container-fluid .container {
    padding: 0;
    width: 640px;
    margin: 0 auto;
  }
  .section.mod2 {
    position: relative;
    z-index: 0;
  }
  .section.mod2 .content {
    padding-top: 40px;
    padding-bottom: 56px;
  }
  .section.mod2 .deco {
    /* border: solid #FFF 2px;
    display: block;
    width: 96%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px; */
  }
  .section.mod2 form.pl-an-form .legal-cont {
    max-width: 500px;
  }
  .section.mod2 .fix-label label.error {
    bottom: auto !important;
    top: -16px !important;
  }
  .topik .page-title {
    font-size: 2.4em;
    margin: 40px 0;
  }
  .topik .banner {
    width: 100%;
    margin-bottom: 30px;
  }
  .topik .simple-btn {
    width: 200px;
    margin: 0;
    margin-bottom: 10px;
    float: left;
  }
  .topik .simple-btn.mid {
    margin-left: 10px;
    margin-right: 10px;
  }
  .topik .move-title {
    font-size: 2.4em;
    line-height: 1.1em;
    margin: 20px 0;
  }
  .topik .move-title span {
    color: #000;
    font-size: 0.86em;
    line-height: 1em;
  }
  .topik .move-sub-tit {
    font-size: 1.4em;
    line-height: 1.2em;
  }
  .topik .cash {
    display: block;
    width: 300px;
    margin: 0 auto;
    margin-top: 26px;
  }
  .topik .fix-pos {
    width: 500px;
    margin: 0 auto;
    float: none;
  }
  .topik .list-title {
    font-size: 3.3em;
    line-height: 1.1em;
    margin: 30px 0 30px 0;
  }
  .topik .icon-txt {
    font-size: 1.8em;
    line-height: 1.1em;
    margin-bottom: 20px;
    padding-left: 86px;
    background-size: 62px !important;
  }
  .topik .icon-txt.date {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .topik .icon-txt span {
    font-size: 0.72em;
    line-height: 1.1em;
  }
  .topik .sep-list {
    font-size: 1.6em;
    margin-bottom: 30px;
  }
  .topik .icons-title {
    font-size: 2em;
    line-height: 1.1em;
    margin-bottom: 36px;
    margin-top: 28px;
  }
  .topik .logos {
    width: 600px;
    margin-bottom: 30px;
  }
  .topik .legal {
    font-size: 1.1em;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
  .topik .my-link {
    font-size: 1.1em;
    line-height: 1.2em;
  }
  .pink-sec {
    background: #e20074;
    margin-top: 44px;
    padding: 30px 0;
  }
  .pink-sec .pink-title {
    font-size: 2em;
    line-height: 1.1em;
    margin-bottom: 30px;
    margin-top: 2px;
  }
  .pink-sec .txt-numb {
    margin-bottom: 26px;
    font-size: 1.7em;
    line-height: 1.1em;
  }
  .pink-sec .txt-numb span {
    width: 34px;
    height: 34px;
    font-size: 1em;
    line-height: 1em;
    padding-top: 6px;
    margin-right: 20px;
    margin-top: -5px;
  }
}

@media (min-width: 960px) {
  .container-fluid .container {
    padding: 0;
    width: 960px;
    margin: 0 auto;
  }
  .section.mod2 {
    position: relative;
    z-index: 0;
  }
  .section.mod2 .content {
    padding-top: 30px;
    padding-bottom: 56px;
  }
  .section.mod2 .fix-label label.error {
    bottom: auto !important;
    top: -16px !important;
  }
  .topik .page-title {
    font-size: 3.2em;
    margin: 40px 0;
  }
  .topik .banner {
    width: 100%;
    margin-bottom: 36px;
  }
  .topik .simple-btn {
    width: 306px;
    height: 80px;
    line-height: 80px;
  }
  .topik .simple-btn.mid {
    margin-left: 10px;
    margin-right: 10px;
  }
  .topik .move-title {
    font-size: 3.5em;
    line-height: 1em;
    margin: 20px 0;
  }
  .topik .move-title span {
    color: #000;
    font-size: 0.86em;
    line-height: 1em;
  }
  .topik .move-sub-tit {
    font-size: 1.6em;
    line-height: 1.2em;
    margin-bottom: 30px;
    display: inline-block;
  }
  .topik .move-sub-tit .tipso_me {
    top: 4px;
    right: -20px;
  }
  .topik .cash {
    display: block;
    width: 380px;
    margin: 0 auto;
    margin-top: 26px;
  }
  .topik .fix-pos {
    width: auto;
    margin: 0;
    float: left;
  }
  .topik .list-title {
    font-size: 3.3em;
    line-height: 1.1em;
    margin: 30px 0 30px 0;
  }
  .topik .icon-txt {
    font-size: 1.8em;
    line-height: 1.1em;
    margin-bottom: 20px;
    padding-left: 86px;
    background-size: 62px !important;
  }
  .topik .icon-txt.date {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .topik .icon-txt span {
    font-size: 0.72em;
    line-height: 1.1em;
  }
  .topik .sep-list {
    font-size: 1.6em;
    margin-bottom: 30px;
  }
  .topik .icons-title {
    font-size: 2.4em;
    line-height: 1.1em;
    margin-bottom: 36px;
    margin-top: 28px;
  }
  .topik .logos {
    width: 900px;
    margin-bottom: 30px;
  }
  .topik .legal {
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
  .topik .my-link {
    font-size: 1.2em;
    line-height: 1.2em;
  }
  .pink-sec {
    background: #e20074;
    margin-top: 44px;
    padding: 30px 0;
  }
  .pink-sec .pink-title {
    font-size: 2.9em;
    line-height: 1.1em;
    margin-bottom: 40px;
    margin-top: 10px;
  }
  .pink-sec .txt-numb {
    margin-bottom: 26px;
    font-size: 1.7em;
    line-height: 1.1em;
    margin-left: 130px;
  }
  .pink-sec .txt-numb span {
    width: 34px;
    height: 34px;
    font-size: 1em;
    line-height: 1em;
    padding-top: 6px;
    margin-right: 20px;
    margin-top: -5px;
  }
}

@media (min-width: 1200px) {
  .container-fluid .container {
    padding: 0;
    width: 1200px;
    margin: 0 auto;
  }
  .section.mod2 {
    position: relative;
    z-index: 0;
  }
  .section.mod2 .content {
    padding-top: 40px;
    padding-bottom: 56px;
  }
  .section.mod2 form.pl-an-form .legal-cont {
    max-width: 700px;
    margin-bottom: 20px;
  }
  .section.mod2 .fix-label label.error {
    bottom: auto !important;
    top: -16px !important;
  }
  .section.mod2 form.pl-an-form input[type="text"],
  .section.mod2 form.pl-an-form input[type="tel"] {
    font-size: 15.5px;
    padding: 18px 7px;
  }
  .section.mod2 .btn {
    padding: 10px 7px;
    font-size: 15.5px;
  }
  .section.mod2 .btnaa {
    font-size: 1.2em;
    line-height: 1.1em;
    padding: 16px 0;
    width: 200px;
    margin-top: 20px;
  }
  .section.mod2 .submit.btn {
    font-size: 1.2em;
    line-height: 1.1em;
    padding: 10px 0;
    width: 200px;
    margin-top: 14px;
    float: right;
    height: 53px;
  }
  .section.mod2 .white-wrap {
    padding: 10px 6px 30px 6px;
  }
  .section.mod2 .deco {
    /* border: solid #FFF 2px;
    display: block;
    width: 90%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px; */
  }
  .section.mod2 .phone-info {
    padding-left: 5%;
  }
  .section.mod2 .sec-title {
    font-size: 3.6em;
    margin: 20px 0;
  }
  .section.mod2 .form-sec-title {
    font-size: 1.9em;
    line-height: 1.1em;
    margin: 5px 0 40px 0;
  }
  .section.mod2 .fix-row {
    padding: 0 3%;
  }
  #thx_an p,
  #err_an p {
    font-size: 2em;
  }
  .topik .page-title {
    font-size: 3.6em;
    margin: 46px 0;
  }
  .topik .banner {
    width: 100%;
    margin-bottom: 40px;
  }
  .topik .simple-btn {
    width: 386px;
  }
  .topik .simple-btn.mid {
    margin-left: 10px;
    margin-right: 10px;
  }
  .topik .move-title {
    font-size: 4.4em;
    line-height: 0.9em;
    margin: 20px 0 10px 0;
  }
  .topik .move-title span {
    color: #000;
    font-size: 0.7em;
    line-height: 1em;
  }
  .topik .move-sub-tit {
    font-size: 2.25em;
    line-height: 1.2em;
    margin-bottom: 30px;
  }
  .topik .move-sub-tit .tipso_me {
    top: 14px;
    right: -24px;
  }
  .topik .cash {
    display: block;
    width: auto;
    margin: 0;
    margin-top: 26px;
  }
  .topik .fix-pos {
    width: auto;
    margin: 0;
    float: left;
  }
  .topik .list-title {
    font-size: 3.9em;
    line-height: 1.1em;
    margin: 30px 0 30px 0;
  }
  .topik .icon-txt {
    font-size: 2em;
    line-height: 1.1em;
    margin-bottom: 26px;
    padding-left: 114px;
    background-size: 80px!important;
  }
  .topik .icon-txt.date {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .topik .icon-txt span {
    font-size: 0.72em;
    line-height: 1.1em;
  }
  .topik .sep-list {
    font-size: 1.9em;
    margin-bottom: 36px;
  }
  .topik .icons-title {
    font-size: 2.8em;
    line-height: 1.1em;
    margin-bottom: 44px;
    margin-top: 36px;
  }
  .topik .logos {
    width: auto;
    margin-bottom: 40px;
  }
  .topik .legal {
    font-size: 1.36em;
    line-height: 1.2em;
    margin-bottom: 20px;
    padding: 0 140px;
  }
  .topik .my-link {
    font-size: 1.36em;
    line-height: 1.2em;
    padding: 0 140px;
    display: inline-block;
  }
  .pink-sec {
    background: #e20074;
    margin-top: 44px;
    padding: 30px 0;
  }
  .pink-sec .pink-title {
    font-size: 3.6em;
    line-height: 1.1em;
    margin-bottom: 40px;
    margin-top: 10px;
  }
  .pink-sec .txt-numb {
    margin-bottom: 26px;
    font-size: 1.7em;
    line-height: 1.1em;
    margin-left: 180px;
  }
  .pink-sec .txt-numb span {
    width: 34px;
    height: 34px;
    font-size: 1em;
    line-height: 1em;
    padding-top: 6px;
    margin-right: 20px;
    margin-top: -5px;
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .section.mod2 form.pl-an-form input[type="text"],
  .section.mod2 form.pl-an-form input[type="tel"] {
    font-size: 14px;
    padding: 0 16px;
  }
}

@media (min-width: 960px) {
  .logo-box .logo {
    width: 88px;
    height: 43.23px;
  }
  .logo-box .lifs {
    width: 150px;
    height: 11.53px;
    margin-top: 16px;
  }
}