/* ==========================================================================
   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: 16px;
  line-height: 20px;
}
body, html {
  background: #FFFFFF url(../img/bg-xs.jpg) center top no-repeat;
}
.area {
    width: 100%;
}
.title, .title_print {
    display: none;
}
p, a, h1, h2, h3, span, hr {
    padding: 0;
    margin: 0;
    font-weight: normal;
}
a:hover, a:focus, a:active{
  text-decoration: none;
}
.top-bar {
  background: transparent;
}
.logo-box {
  padding: 30px 15px;
}
.logo-box .logo {
  width: 88px;
  height: 43.23px;
}
.logo-box .lifs {
  width: 150px;
  height: 11.53px;
  margin-top: 16px;
}
.content .form-cont{
  width: 300px;
  margin: 0 auto;
  margin-top: 570px;
}
.content .my-title{
  font-family: 'tele-grotesknorregular';
  font-size: 2.4em;
  line-height: 1.1em;
  color: #000000;
  text-align: center;
  margin-bottom: 30px;
}
form {
    padding: 0;
    position: relative;
    z-index: 1000;
    text-align: center
}

form fieldset {
    margin: 20px 0 20px;
}

form fieldset legend {
    font-weight: bold;
    padding: 0 0 5px 5px;
}

form fieldset.two-columns {
    margin-bottom: 30px;
}

form fieldset.two-columns .item {
    float: left;
}

form fieldset.two-columns .item.second {
    padding-left: 86px;
}

form fieldset.agreement {
    margin-bottom: 0;
    padding: 3px 0 0 6px;
    position: relative;
    width: 415px;
}

form fieldset.agreement label {
    cursor: pointer;
}

form .item {
    padding: 5px 0;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    margin: 5px 15px;
}

form .item.dateBirth, form .item.dateOrder {
    width: 452px;
}

form .item.dateBirth img, form .item.dateOrder img {
    margin: 0 0 0 8px;
    vertical-align: -10px;
    width: auto;
    display: inline;
}

form .item span.small {
    float: right;
    font-size: 10px;
    margin: 4px 2px 3px;
    color: #fff;
}

form .item.radio>label {
    margin-bottom: 30px;
}

form .item.radio div label {
    cursor: pointer;
    margin-bottom: 2px;
    width: 230px;
}

form label {
    display: inline-block;
    line-height: 24px;
    padding-left: 5px;
}

form label.two-lines {
    line-height: 14px;
}

form label.agreement {
    font-size: 10px;
    line-height: 12px;
    width: 390px;
}

form input[type="text"], form input[type="tel"] {
    width: 270px;
    height: 52px;
    background: transparent url(../img/bg-input.png) left center no-repeat;
    color: #6f645e;
    background-size: contain;
    border: 2px solid #6f645e;
    padding: 0 8px 0 74px;
    font-size: 22px;
    text-align: left;
    font-family: 'tele-groteskhalregular';
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

form input[type="text"], form input[type="tel"].error {
    border: 2px solid red;
    background: transparent url(../img/bg-input-red.png) left center no-repeat;
    background-size: contain;
}

form button[type="submit"] {
    font-family: 'tele-groteskhalregular';
    font-size: 1.9em;
    line-height: 1em;
    color: #FFFFFF;
    background: #e20074;
    cursor: pointer;
    padding: 14px 68px 12px 68px;
    margin: 0 auto;
    position: relative;
    border: none;
    text-transform: uppercase;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-top: 15px;
}

form button[type="submit"]:hover {
    color: #333;
}

form .btn_send {
    /*background: url("../images/btn_send.png") no-repeat scroll 0 0;*/
    border: none;
    float: left;
    height: 32px;
    /*margin: 25px 0 85px 182px;*/
    width: 75px;
    text-indent: -1000em;
    overflow: hidden;
    cursor: pointer;
}

form label.error {
    cursor: default !important;
    display: block;
    font-family: 'tele-grotesknorregular';
    font-size: 14px;
    position: absolute;
    left: 70px;
    top: 0px;
    z-index: 1000;
    color: Red;
}

form input[type="checkbox"].error+label.error {
    left: 15px;
    top: 18px;
}

form .topErrorMessage label.error {
    background: url("../images/bg_error_bottom.png") no-repeat scroll 0 0;
    display: none;
    font-family: 'tele-grotesknorregular';
    font-size: 14px;
    height: 36px;
    line-height: 24px;
    padding: 0;
    position: absolute;
    right: 32px;
    text-align: center;
    top: -28px;
    width: 192px;
}

form fieldset.agreement label.error {
    left: 5px;
    right: auto;
    top: -32px;
}


form .for-private-clients>p {
    font-family: 'tele-grotesknorregular';
}

form~.btn {
    position: absolute;
}

.ui-datepicker-trigger {
    cursor: pointer;
}

.col-container {
    clear: both;
}

form .item .item.choose-starter {
    display: inline-block;
    width: 33%;
}

form .item.legal {
    display: inline-block;
    font-family: 'tele-grotesknorregular';
}
form .item .reg {
    display: inline-block;
    font-family: 'tele-grotesknorregular';
    color: #000000;
}

form .item.legal>* {
    display: inline-block;
}

form .item.legal input {
    margin-left: -20px;
}

form .col-container .col .item.legal label:not(.fake-chx) {
    width: 360px;
    font-size: 0.6em;
    line-height: 1.2em
}

.col-container .col {
    width: 45%;
    display: inline-block;
}

.col-container .col .item {
    clear: both
}

.col-container .col .item label {
    line-height: 40px
}

.col-container .col .item input[type='text'] {
    float: right;
}

.col-container .col .item input[type='text'] {
    float: right;
}

form input[type="checkbox"] {
    visibility: hidden
}

form input[type="checkbox"]~.fake-chx {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: white;
    border: 1px solid #ccc;
    position: relative;
    top: 6px;
    padding: 0 !important;
    vertical-align: top;
}

form input[type="checkbox"]:checked~.fake-chx {
    background: url("../images/chx2.png") no-repeat scroll 0 0;
}

form input[type="checkbox"].error~.fake-chx {
    border: 1px solid red;
}

form .legal-cont {
    font-size: 0.7em;
    line-height: 1.5em;
    max-width: 500px;
    text-align: left;
}

form .item-inline {
    display: inline-block;
    position: relative;
}

#thx, #err {
    text-align: center
}

#thx p, #err p {
  font-family: 'tele-groteskfetregular';
  font-size: 1.8em;
  line-height: 1.2em;
  color: #e20074;
  text-align: center;
  text-transform: uppercase;
}

form .pop-title {
    font-family: 'tele-groteskhalregular';
    font-size: 1.4em;
    line-height: 1.2em;
    color: #000000;
    text-align: center;
}
form.pl-form .legal-cont {
    width: 240px;
}
form.pl-form input[type="checkbox"] {
  visibility: hidden;
}
form.pl-form input[type="checkbox"] ~ .fake-chx {
  background: transparent none repeat scroll 0 0;
  display: inline-block;
  height: 28px;
  padding: 0 !important;
  position: relative;
  top: 0;
  vertical-align: top;
  width: 28px;
  border: 2px solid #6f645e;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
form.pl-form input[type="checkbox"]:checked ~ .fake-chx {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAAHeV37IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVDNDBGNjI0OTkyMzExRTdCOTE5Qjc1NzJDNzI2NjYxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVDNDBGNjI1OTkyMzExRTdCOTE5Qjc1NzJDNzI2NjYxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUM0MEY2MjI5OTIzMTFFN0I5MTlCNzU3MkM3MjY2NjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUM0MEY2MjM5OTIzMTFFN0I5MTlCNzU3MkM3MjY2NjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6O5iiPAAABa0lEQVR42mLMT4ljgAEmBiQAEECMMBkWIP4HxEcAAggkUgBkTEBSdY0JSWAZlNYCCCBGZFOhYC9IZQSSwGcgdgYJrgDiUiD+BcS8yO7oBmI2mHKAAMJmJjp4C8QfYbr/A3E6moLvQHwGiIWBWIkFZjKU/gO1eicQcyLrAgggYqzWAuJ3TAQUmQDxVSDmYIJ6FxuwB+LTQCwFxA9AChuB+C+aIi8gPgDEIkD8HBZLrUD8CepzkKfCgHglEPNBQxsenSAwGSr4H8rnggYPA7pCEFgAde8abO4GCDBigocQMADiXUAsCsS7YcGoRIZB1kD8AYjPA/F7IJYDYjeQgS1AfBcay8Q41xWIv4KSPRA/BGJxIFYH4sewFFoDDeVKIF4IzSO5WAwKAOKfUO9dBGIBINYH4lfIipBTTjfU4EwgngiNoWogjoG6fj0QHwZibiC2AqV4bM5nwSI2E4pjgXg+EDMD8SYgDsWTGuEAAJTeS4LF8mpSAAAAAElFTkSuQmCC") no-repeat scroll center center;
}
form.pl-form input.error[type="checkbox"] ~ .fake-chx {
  border: 2px solid #ff0000;
}
form.pl-form .legal-cont {
  font-size: 0.7em;
  line-height: 1.5em;
  max-width: 200px;
  text-align: left;
  font-family: 'tele-grotesknorregular';
}
form label.error[for='zgoda'] {
    top: 30px!important;
}
@media (min-width: 640px) {
  body, html {
    background: #FFFFFF url(../img/bg-sm.jpg) center top no-repeat;
  }
  .content .form-cont{
    width: 300px;
    margin: 0;
    margin-top: 70px;
    float: right;
    margin-right: 30px;
  }
  .content .my-title{
    font-family: 'tele-grotesknorregular';
    font-size: 2.4em;
    line-height: 1.1em;
    color: #000000;
    text-align: center;
    margin-bottom: 20px;
  }
}
@media (min-width: 960px) {
  body, html {
    background: #FFFFFF url(../img/bg-md.jpg) center top no-repeat;
  }
  .content .form-cont{
    width: 415px;
    margin: 0;
    margin-top: 70px;
    float: right;
    margin-right: 40px;
  }
  .content .my-title{
    font-family: 'tele-grotesknorregular';
    font-size: 3.3em;
    line-height: 1.1em;
    color: #000000;
    text-align: center;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  body, html {
    background: #FFFFFF url(../img/bg-lg.jpg) center top no-repeat;
  }
  .container-fluid .container{
    width: 1200px;
  }
  .content .form-cont{
    width: 435px;
    margin: 0;
    margin-top: 200px;
    float: right;
    margin-right: 95px;
  }
  .content .my-title{
    font-family: 'tele-grotesknorregular';
    font-size: 3.5em;
    line-height: 1.2em;
    color: #000000;
    text-align: center;
    margin-bottom: 34px;
  }
  form .pop-title {
    font-size: 1.6em;
    line-height: 1.2em;
  }
  form input[type="text"], form input[type="tel"] {
    width: 350px;
    height: 60px;
  }
}