


  #custom-lead-modal {
      width: 790px;
      height: 365px;
      padding: 0;
      text-align: left;
      font-size:18px;
      font-family: 'tele-grotesknorregular';
      position: relative;
  }

  #custom-lead-modal * {
      vertical-align: middle;
      box-sizing:border-box;
      font-weight: normal !important;
      line-height: 1em;
  }
  #custom-lead-modal .popup-image {
      position: absolute;
      top:-20px;
      left:0;
      height: 385px;
      width: 250px;
      background:url(../img/kv.jpg) top center no-repeat;
      background-size: auto;
      border-radius: 8px 0 0 8px;
  }
  #custom-lead-modal .rest-content {
      margin-left: 250px;
      padding: 15px 25px 25px 25px;
  }

  #custom-lead-modal .pop-title-1 {
    font-family: 'tele-groteskultregular';
    font-size: 2em;
    line-height: 1..5em;
    margin:5px auto;
  }
  #custom-lead-modal .pop-title-2 {
    color:#555555;
    font-size: 19px;
    line-height: 1.2em;
    margin: 25px auto 8px;
    font-family: 'tele-groteskhalregular';
  }

  #custom-lead-modal form {
      border: none;
  }
  #custom-lead-modal form label.tel-label{
      display: block;
      margin:15px 0 5px 0;
      font-size: 19px;
        font-family: 'tele-groteskhalregular';
        color:#454545;
  }
  #custom-lead-modal form input[type="text"],
  #custom-lead-modal form input[type="tel"] {
      border: 1px solid #c2c2c2;
      border-right: none;
      border-radius: 8px 0 0 8px;
      background:#f5f5f5;
      color:#494949;
      font-family: inherit;
      font-size: 22px;
      letter-spacing: 1px;
      height: 50px;
      padding: 0;
      text-align: center;
      width: 280px;
      margin:0px 0px;
      font-family: 'tele-grotesknorregular';
  }
  #custom-lead-modal form input[type="tel"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family:'tele-grotesknorregular';
  letter-spacing: 2px;
}
  #custom-lead-modal form input[type="tel"]::-moz-placeholder { /* Firefox 19+ */
  font-family:'tele-grotesknorregular';
  letter-spacing: 2px;
}
  #custom-lead-modal form input[type="tel"]:-ms-input-placeholder { /* IE 10+ */
  font-family:'tele-grotesknorregular';
  letter-spacing: 2px;
}
  #custom-lead-modal form input[type="tel"]:-moz-placeholder { /* Firefox 18- */
  font-family:'tele-grotesknorregular';
  letter-spacing: 2px;
}
  #custom-lead-modal form input[type="text"].error,
  #custom-lead-modal form input[type="tel"].error {
      border: 1px solid red;
  }
  #custom-lead-modal form input[type="text"].error+label.error,
  #custom-lead-modal form input[type="tel"].error+label.error {
      color:red;
      position: absolute;
      top:3px;
      left:15px;
      font-size: 12px;
      line-height: 12px;
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border: medium none;
		fill: none;
		margin: 0;
		padding: 0;
  }
  #custom-lead-modal  form input[type="checkbox"]~.fake-chx {
      display: inline-block;
      width: 20px;
      height: 20px;
      background: white;
      border: 1px solid #ccc;
      position: relative;
      top: -1px;
      padding: 0 !important;
      vertical-align: top;
  }
  #custom-lead-modal form input[type="checkbox"]:checked~.fake-chx {
      background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxQTFRF////4gB08H+58YC6XjDrMQAAADpJREFUeNq0zzEOACAMAsAC//+zxjZa4lzGYyBETIX8BKB3WyDrnoRwrEmZSZpLmXxed74ZR74vAQYARXgAZ2g4RzgAAAAASUVORK5CYII=") no-repeat scroll 0 0;
  }

  #custom-lead-modal form input[type="checkbox"].error~.fake-chx {
      border: 1px solid red;
  }
  #custom-lead-modal form input[type="checkbox"].error+label.error {
      color:red;
      position: absolute;
      top:-16px;
      left:0px;
      font-size: 12px;
      line-height: 12px;
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border: medium none;
		fill: none;
		margin: 0;
		padding: 0;
  }
  #custom-lead-modal form .item {
      display: block;
      margin:10px 0;
      width: 100%;
      padding: 0;
      position: relative;
      vertical-align: middle;
  }
  #custom-lead-modal form .item-inline {
      display: inline-block;
      position: relative;
  }


  #custom-lead-modal form fieldset {
    /*max-width: 480px;*/
    margin:0 ;
    padding:0;
    border: none
  }




  #custom-lead-modal form #custom-lead-modal-submit {
    display: inline-block;
    font-family: 'tele-groteskhalregular';
    background: #e20074;
    padding: 0px  ;
    width: 160px;
    margin-left:-3px;
    color:white;
    border-radius: 0 8px 8px 0;
    font-size: 25px;
    line-height: 50px;
    border:none;
    cursor: pointer;
  }
  #custom-lead-modal form #custom-lead-modal-submit:hover {
    color:black;
  }
  #custom-lead-modal form input[type="radio"]~.fake-radio {
      display: inline-block;
      width: 18px;
      height: 18px;
      background: white;
      border: 1px solid #ccc;
      border-radius: 50%;
      position: relative;
      top: 3px;
      left:-1px;
      padding: 0 !important;
      vertical-align: top;
  }
  #custom-lead-modal form input[type="radio"]:checked + .fake-radio {
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdQTFRF/OXx7Fml973b////4gB08Hu34gJ15BV/+tPn7Fej/fD3+tTo5RaADD48fgAAAExJREFUeNpUjVsOwCAIBAHLS73/eQvYVJ2PDZNsFmgHUDEMPunE6Ey9hFBFFCkFWJ9gcpxtuKQIWgoucavaTNGqXQP3dIT9TzevAAMAswICSDkeaIAAAAAASUVORK5CYII=') center no-repeat;
  }
  #custom-lead-modal form .legal-cont {
      font-size: 0.9em;
      line-height: 1.25em;
      width: calc(100% - 40px);
      display: inline-block;
      text-align: left;
      margin-left: 4px;
  }

  #custom-lead-modal form .legal-cont p {
     margin:0;
  }


  #custom-lead-modal #custom-lead-modal-thx, #custom-lead-modal  #custom-lead-modal-err {
      text-align: center;
      padding:50px 15px;
      display: none;
  }
  #custom-lead-modal  #custom-lead-modal-err * {
      vertical-align: top;
  }

  #custom-lead-modal #custom-lead-modal-thx p, #custom-lead-modal  #custom-lead-modal-err p {
    font-size: 1.8em;
    line-height: 1.2em;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
  }



  .popup-oferta-modal-shown  .fancybox-inner {
      height: auto !important;
  }
  .popup-oferta-modal-shown .fancybox-skin {
      border-top: 25px solid #e20074;
  }

  .popup-oferta-modal-shown .fancybox-lock, .popup-oferta-modal-shown .fancybox-overlay {
      background-color: rgba(0, 0, 0, 0.7);
      overflow-x: auto;
      overflow-y: scroll;
  }

    .popup-oferta-modal-shown input.wait {
	  background: white url(//www.t-mobile.pl/r/repo1/tm/projects/lead_form_module/spin.svg) right center no-repeat !important;
	  background-size: auto 100%;

	}

#custom-lead-modal label.popup-oferta-legal_zgoda.min.legal-cont .tip {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
  -webkit-box-shadow: 0px 10px 15px -8px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 10px 15px -8px rgba(0,0,0,0.75);
  box-shadow: 0px 10px 15px -8px rgba(0,0,0,0.75);
  box-sizing:border-box;
    color: #000000;
    font-size: 12px;
    height: auto;
    line-height: 14px;
    margin-left: -76px;
    opacity: 0;
    padding: 8px;
    position: absolute;
    text-align: left;
    transition: all 0.2s ease-in-out 0s;
    display: none;
    width: 400px;
    max-height: 250px;
    z-index: 50
}
#custom-lead-modal label.popup-oferta-legal_zgoda.min.legal-cont .tip::after {
    border-top: 11px solid #ffffff;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    top: 100%;
    content: "";
    height: 0;
    left: 49%;
    margin-left: -10px;
    position: absolute;
    width: 0;
    z-index: 55
}
#custom-lead-modal label.popup-oferta-legal_zgoda.min.legal-cont.hovered .tip {
    opacity: 1;
    text-transform: none;
    display: block;
    z-index: 999;
    font-weight: normal;
}
#custom-lead-modal label.popup-oferta-legal_zgoda.min.legal-cont .tip .tip-content {
    max-height: 234px;
    overflow-y: auto;
    font-weight: normal;
}
#custom-lead-modal label.popup-oferta-legal_zgoda.min.legal-cont .tip .close-agreement {
    position: absolute;
  top: -18px;
  right: 20px;
  background: white;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center !important;
  -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
  line-height: 25px;
  font-weight: bold;
  font-size: 18px;
  cursor:pointer;
  font-family: arial;
  transform:rotate(-45deg);
  color:#555;
  display: none;
}
.popup_oferta_shown .fancybox-inner {
   overflow: visible !important;
}
br.mobi-br {
	display: none
}

@media (max-width: 960px) {



}
@media (max-width: 800px) {

  #custom-lead-modal {
    max-width: 320px;
    padding: 0;
    font-size: 15px;
    height: auto;

  }
  #custom-lead-modal .popup-image {
    position: absolute;
    top: -20px;
    left: 0;
    height: 160px;
    width: 320px;
    background:  #ffe7f4 url(../img/kv.jpg) center -10px no-repeat;
    background-size: auto 220px;
    border-radius: 8px 8px 0 0;
}
#custom-lead-modal .rest-content {
    margin: 0px auto;
    width: calc(100% - 30px);
    padding: 160px 15px 15px;

}
  #custom-lead-modal .pop-title-1 {
    font-size: 36px;
  }
  #custom-lead-modal .pop-title-2 {
    font-size: 18px;
  }
  #custom-lead-modal form .item-inline {
    display: inline-block;
    width: 100%;
    position: relative;
}
#custom-lead-modal form label.tel-label{
      display: block;
      margin:15px 0 5px 0;
      font-size: 18px;
  }
#custom-lead-modal form input[type="text"], #custom-lead-modal form input[type="tel"] {
    border: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-radius: 8px;
    width: 100%;
    margin: 0px 0px 8px;
}
	#custom-lead-modal form #custom-lead-modal-submit {
		width: 100%;
	    display: block;
	    margin-left: 0px;
	    border-radius: 8px;
	}
  #custom-lead-modal form .legal-cont {
      display: inline-block;
      font-size: 0.85em;
      line-height: 1em;
      max-width: 220px;
      text-align: left;
      vertical-align: middle;
  }

    #custom-lead-modal label.popup-oferta-legal_zgoda.min.legal-cont .tip {
      width: 290px;
      margin-left: -50px;
  }

    #custom-lead-modal label.popup-oferta-legal_zgoda.min.legal-cont .tip .close-agreement {
      display: block;
    }
    br.mobi-br {
    	display: block;
    }
}






/* Tipso Bubble Styles */
.tipso_bubble, .tipso_bubble > .tipso_arrow{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
.tipso_bubble {
    position: absolute;
	text-align: left;
	z-index: 9999;
}
.tipso_style{
	cursor: help;
}
.tipso_title {

}
.tipso_content {
  	word-wrap: break-word;
	padding: 0.5em;
}



/* Tipso Bubble size classes - Similar to Foundation's syntax*/
.tipso_bubble.tiny {
	font-size: 0.6rem;
}
.tipso_bubble.small {
	font-size: 0.8rem;
}
.tipso_bubble.default {
	font-size: 1rem;
}
.tipso_bubble.large {
	font-size: 1.2rem;
	width: 100%;
}

/* Tipso Bubble Div */
.tipso_bubble > .tipso_arrow{
	position: absolute;
	width: 0; height: 0;
	border: 8px solid;
	pointer-events: none;
}
.tipso_bubble.top > .tipso_arrow {
	border-top-color: #000;
	border-right-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	top: 100%;
	left: 50%;
	margin-left: -8px;
}
.tipso_bubble.bottom > .tipso_arrow {
	border-bottom-color: #000;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
}
.tipso_bubble.left > .tipso_arrow {
	border-left-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	top: 50%;
	left: 100%;
	margin-top: -8px;
}
.tipso_bubble.right > .tipso_arrow {
	border-right-color: #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	top: 50%;
	right: 100%;
	margin-top: -8px;
}

.tipso_bubble .top_right_corner,
.tipso_bubble.top_right_corner {
	border-bottom-left-radius: 0;
}

.tipso_bubble .bottom_right_corner,
.tipso_bubble.bottom_right_corner  {
	border-top-left-radius: 0;
}

.tipso_bubble .top_left_corner,
.tipso_bubble.top_left_corner {
	border-bottom-right-radius: 0;
}

.tipso_bubble .bottom_left_corner,
.tipso_bubble.bottom_left_corner  {
	border-top-right-radius: 0;
}
@media (max-width: 380px) {
  #custom-lead-modal {
    max-width: 270px;
  }
  #custom-lead-modal .popup-image
  {
    width: 270px;
  }
  #custom-lead-modal .rest-content {
    width: 100%;
    padding: 160px 8px 20px 8px;
  }
}
/* --------------------------- Moje Tipso - nadpisanie styli ------------------------- */

.popup_oferta_shown .tipso_content {
    font-size: 12px;
    max-width: 400px;
    background: white;
    font-family: 'tele-grotesknorregular',Arial;
}
.popup_oferta_shown .tipso_bubble {
    -webkit-box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 2px 12px 0px rgba(0,0,0,0.75);
    border-radius: 5px
}

.popup_oferta_shown .roz-hide {
	color:#64b9e4;
	display: none;
	vertical-align: top;
}


@media screen and (max-width: 960px) {
	.popup_oferta_shown .roz-hide {
		display: inline;
	}
	.popup_oferta_shown .tipso_content .roz-hide {
		display: inline;
		color:#333;
		font-weight:bold;
	}
	#custom-lead-modal label.popup-oferta-legal_zgoda.min.legal-cont span.tip {
	    background: #ffffff none repeat scroll 0 0;
	    border: 1px solid #e5e5e5;
	    border-radius: 6px;
		-webkit-box-shadow: 0px 7px 23px -8px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 7px 23px -8px rgba(0,0,0,0.75);
		box-shadow: 0px 7px 23px -8px rgba(0,0,0,0.75);
	    color: #000000;
	    display: none;
	    font-size: 12px;
	    height: auto;
	    left: 50px;
	    line-height: 14px;
	    margin-left: -76px;
	    opacity: 0;
	    padding: 8px;
	    position: absolute;
	    text-align: left;
	    top: 30px;
	    transition: all 0.2s ease-in-out 0s;
	    width: 275px;
	}
	#custom-lead-modal label.popup-oferta-legal_zgoda.min.legal-cont.hovered span.tip {
	    bottom: 33px;
	    display: block;
	    left: 70px;
	    margin-left: -76px;
	    opacity: 1;
	    text-transform: none;
	    top: auto;
	    z-index: 999;
	}
	#custom-lead-modal label.popup-oferta-legal_zgoda.min.legal-cont span.tip::after {
		top: 100%;
		bottom:auto;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #fff;
		border-width: 10px;
		margin-left: -10px;

	}
}

@media screen and (max-width: 640px) {
	.popup_oferta_shown .tipso_content {
		max-width: 320px;
	}
	.popup_oferta_shown .tipso_bubble {
		left: 0!important;
		right: 0!important;
		margin: 0 auto!important;
		width: 320px!important;
	}
}
