@font-face { font-family: "Tele-GroteskRegular"; src: url("../fonts/telegroteskheadlineregular.eot"); }
@font-face { font-family: "Tele-GroteskRegular"; src: url("../fonts/telegroteskheadlineregular.ttf"); }
@font-face { font-family: "Tele-GroteskHal"; src: url("../fonts/t036014t_v21-webfont.eot"); src: url("../fonts/t036014t_v21-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/t036014t_v21-webfont.woff") format("woff"), url("../fonts/t036014t_v21-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {
  font-family: "Tele-GroteskFet";
  src: url("../fonts/t036016t_v21-2.eot");
}
@font-face {
  font-family: "Tele-GroteskFet";
  src: url("../fonts/t036016t_v21-2.ttf");
}
@font-face {
  font-family: "Tele-GroteskNor";
  src: url("../fonts/t036013t_v21.eot");
}
@font-face {
  font-family: "Tele-GroteskNor";
  src: url("../fonts/t036013t_v21-2.ttf");
}

#unbounce-popup { 
	width: 600px; 
	height: 390px; 
	padding: 25px 45px; 
	font-family:Tele-GroteskHal; 
	margin:0 auto;
	box-sizing:border-box;
	position: relative
	}
#unbounce-popup .left-decor{
	position: absolute;
	height:330px;
	width:35px;
	left:-35px;
	bottom:0px;
	background: #e20074;
	opacity:0.7; 
	}	
#unbounce-popup .right-decor{
	position: absolute;
	height:340px;
	width:25px;
	right:-25px;
	bottom:0px;
	background: #e20074;
	opacity:0.7; 
	}	
#unbounce-popup .bottom-decor{
	position: absolute;
	height:35px;
	width:625px;
	right:-25px;
	bottom:-35px;
	background: #e20074;
	opacity:0.7; 
	}	
#unbounce-popup .tel-decor{
	position: absolute;
	height:396px;
	width:199px;
	right:-80px;
	bottom:-65px;
	background: url(../images/popup_tel_2.png) no-repeat 0 0 transparent;
	}	
#unbounce-popup .popup-slogan{
	font-family: Tele-GroteskFet;
	font-weight: bold;
	font-size:35px;
	line-height: 1em;
	color:#e20074;
	margin-top: 15px
	}
#unbounce-popup .popup-slogan span{
	font-family: Tele-GroteskNor;
	font-weight: normal;
	font-size:25px;
	color:#333;
	}

#unbounce-popup.white { background-color: #FFFFFF; }
#unbounce-popup .logo { display: block; float: none; height: 65px; margin: 0 0 35px 0; }
#unbounce-popup .btn-check { display: block; float: none; width: 185px; height: 60px; padding: 0; margin: 30px 0 0 0; border: 0 none; box-shadow: none; background: url(../images/bg-btn-check.jpg) 0 0 no-repeat; }
#unbounce-popup .btn-check:hover, #unbounce-popup .btn-check:focus { background: url(../images/bg-btn-check.jpg) 0 0 no-repeat; }
.magenta, #unbounce-popup .magenta { color: #E20074; }
#unbounce-popup .btn { 
	float:none ; 
	font-family: Tele-GroteskFet;
	padding: 0 29px 0 11px;
	height: 47px;
	background: url(../images/btn_arrow.png) no-repeat 155px center #e20074; 
	color: white; 
	font-size: 18px; 
	line-height: 45px; 
	text-align: center; 
	text-decoration: none !important; 
	white-space: nowrap; 
	position:relative; 
	border-radius: 0px;
	top:-1px }
#unbounce-popup .btn:hover {background:url(../images/btn_arrow.png) no-repeat 155px center #e20074}
#unbounce-popup  form input[type="text"], form input[type="password"] { 
	width: 190px; 
	height: 47px; 
	padding: 0 10px; 
	line-height: 45px; 
	background: #FFFFFF; 
	font-size:18px; 
}
#unbounce-popup  .one-field:nth-child(1) { 
	margin:0 0 39px 0;
}

#unbounce-popup form * {border:0px}
#unbounce-popup form input {border:0px; display:inline-block}
#unbounce-popup  form input[type="submit"] {
	cursor:pointer; 
	margin-left:5px;
	width: 180px
}
#unbounce-popup  p.notation {
	font-size:12px; 
	color:#333; 
	margin-top:10px; 
	width:400px;
	font-weight: normal;
	line-height: 17px
}
#unbounce-popup .thx-holder, #unbounce-popup .error-holder {display:none}
#unbounce-popup .thx-holder .strong{
	font-family: Tele-GroteskFet;
	font-size:68px;
	font-weight: bold;
	color:#e20074;
	text-align: center;
	line-height: 1em;
	margin: 45px 0 ;
}
#unbounce-popup .thx-holder p, #unbounce-popup .error-holder p{
	text-align: center;
	font-size:34px;
	line-height: 1em;
	font-family: Tele-GroteskNor;
	color:#333;
}


/*FORMULARZ*/
#unbounce-popup form label.error { 
	left: 0px; 
	width: 400px;  
	cursor: default !important; 
	display: block; 
	font-size: 14px;   
	padding: 0 0 0 22px;
	position: absolute; 
	text-align: left; 
	top: 58px; 
	z-index: 900; 
	color: #FE0000; 
	background:url(../images/validate_error_ico.png) no-repeat left center transparent;
	margin: 0;
}
#unbounce-popup form .less label.error {left:13px; top:-23px}
#unbounce-popup .item.input{position:relative}
#unbounce-popup .item.input .arrow-to-be{
	display: inline-block;
	border:1px solid #D0D0D0;
	float: left;
	margin: 0 15px 0 0 ;
}
#unbounce-popup .item.input .arrow-to-be.error{
	border:1px solid red;
	position: relative;
	margin: 0 15px 0 0 ;;
	padding: 0
}

#unbounce-popup .item.input .arrow-to-be.error:after, #unbounce-popup .item.input .arrow-to-be.error:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#unbounce-popup .item.input .arrow-to-be.error:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
#unbounce-popup .item.input .arrow-to-be.error:before {
	border-color: rgba(255, 0, 0, 0);
	border-top-color: #ff0000;
	border-width: 9px;
	margin-left: -9px;
}


#unbounce-popup form input.error[type="checkbox"], form input.error[type="radio"] { outline: 1px solid #FF0000; }

/* nadpisanie fancybox */ 

.fancybox-inner {overflow: visible !important}
.fancybox-close {
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYyQkE1NEZBNDgxQTExRTY4Mjg5ODY0NDlDMkQxNTIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYyQkE1NEZCNDgxQTExRTY4Mjg5ODY0NDlDMkQxNTIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjJCQTU0Rjg0ODFBMTFFNjgyODk4NjQ0OUMyRDE1MjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjJCQTU0Rjk0ODFBMTFFNjgyODk4NjQ0OUMyRDE1MjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5eV41EAAABq0lEQVR42szYvU7DMBAH8OQ2+lCwVaIsdOYhEEukPEGkTMA7MCcsRSpLy0N17jk6S8bNh8/+u+pJVtSksX9tnPNH2bZt4UZVVSs+fHF552vHIlNwO/d8eOPywu2c3Gs0Auq4PHPZ8eeHjKAfaaeTdi9RfOFOQGs5tcoBc0AWsvZh5IB6B1TkgI2AijFYyWUK5IZ55puUPjYDcmPPZVs6fWgpomGBIBu9QZlHswu8QQ1Tgkz9TyQNbOTEUqj6WAyIPYeho+eARYDMEzj8SwlIWCToOJo8EbBU0AUqFYYADXnKH/ucX6x9K2suDeItpqm7Iv6xD1Raobm7lbACledoqRYgLDjxUkhtAJhqJKDQWhNg6qGJNLVLxbUSVWsHcRVK8lCjRDXa+RgpQaGJMWmiSJlBUTC6AkgNoyuBVDACzodeUfMxAs6HPvn4iIARcoLGxz8EjNATNASMkCAUjNAgBMys++Cg1C5xiyvk71K+2N3IXsKv+YNINqy2srmQBRTYxwaQ8dgV8hQMAgqA7S3IXyH7MChoBjZs/7hbjP4K2cL6HKARWO+DTJwFGAAybFhp5C34JQAAAABJRU5ErkJggg==');
	position:absolute;
	background-size: 20px 20px;
	top:9px;
	right:13px;
	width:20px;
	height:20px;
	cursor:pointer;
	z-index:8040;
	opacity: 0.35;

}
.fancybox-overlay {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	display:none;
	z-index:8010;
	background:rgba(0,0,0,0.5);
}
.fancybox-overlay-fixed {
	position:fixed;
	bottom:0;
	right:0
}
.fancybox-lock .fancybox-overlay {
	overflow:auto;
	overflow-y:scroll
}

/* stylowanie select box */ 

#unbounce-popup .s-hidden {
    visibility:hidden;
    padding-right:10px;
}
#unbounce-popup .select {
    cursor:pointer;
    display:inline-block;
    position:relative;
    color:black;
    height:47px;
    width:190px;
    /*border:1px solid #ccc;*/
}
#unbounce-popup .styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:white;
    padding:0 10px;
    font-weight:bold;
    line-height: 47px
}
#unbounce-popup .styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:50%;
    right:6px;
}
#unbounce-popup .styledSelect:active, .styledSelect.active {
    background-color:#eee;
}
#unbounce-popup .options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
#unbounce-popup .options li {
    padding:0 6px;
    margin:0 0;
    padding:0 10px;
}
#unbounce-popup .options li:hover {
    background-color:#39f;
    color:white;
}
#unbounce-popup .options li[rel="default"] {
    cursor: not-allowed;
    opacity:0.2;
}



@media screen and (max-width: 750px){
	#unbounce-popup { 
		width: auto; 
		height: auto; 
		padding: 15px; 
	}

	
	#unbounce-popup .left-decor, 
	#unbounce-popup .right-decor, 
	#unbounce-popup .bottom-decor, 
	#unbounce-popup .tel-decor { 
		display:none;
	}
	#unbounce-popup .item.input .arrow-to-be{
		display: block;
		width:100%;
		max-width: 200px;
		margin:15px auto;
		float:none;
	}
	#unbounce-popup  form input[type="text"], form input[type="password"] { 
		width: 100%; 
		height: 47px; 
		padding: 0 10px; 
		line-height: 45px; 
		background: #FFFFFF; 
		font-size:18px; 
		display: block;
		margin:0 auto;
	}
	#unbounce-popup  form input[type="submit"] {
		margin-left:auto;
		margin:5px auto;
		display: block;
		width: 180px
	}



	#unbounce-popup p.notation {
	    width: auto;
	}

	#unbounce-popup .thx-holder .strong{
	font-size:30px;
	}
	#unbounce-popup .item.input .arrow-to-be.error {
		margin: 0 auto 38px;
	}
	#unbounce-popup form label.error { 
		width: auto;  
	}
	#unbounce-popup .select {
	    width: 100%;
	}
}