.service-switcher-overlay {
	position: fixed;
	top:0;
	left:0;
	bottom:0;
	right: 0;
	background: rgba(0,0,0,0.75);
	z-index: 200;
}


.service-switcher-window {
	position: fixed;
	top:50%;
	left:50%;
	width: 500px;
	height: auto;
	border-radius: 8px;
	padding: 280px 25px 35px;
	background: white url(new_login_xl.jpg) center 20px no-repeat;
	background-size: 460px auto;
	transform:translateY(-50%) translateX(-50%);
	box-sizing:border-box;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	z-index: 202;
	font-family: "teleneomedium";
}


.service-switcher-window .window-popup-close {
	position: absolute;
	top:-22px;
	right:-22px;
	width: 19px;
	height: 19px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowN0M5RDc5RDFENDExMUU4QjM1RkNDRENCRDg5QzgxNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowN0M5RDc5RTFENDExMUU4QjM1RkNDRENCRDg5QzgxNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA3QzlENzlCMUQ0MTExRThCMzVGQ0NEQ0JEODlDODE0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA3QzlENzlDMUQ0MTExRThCMzVGQ0NEQ0JEODlDODE0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nhTQ7AAAAHNJREFUeNqsVFsKACAIE7q0F+oO3c4M6qeXDyYMQnPJTElEiqIqWEEJ8MwvNA/LOEG0rO6OCOGR9wxEiYbfvOAl2sk8hN945GWzcq8mzSNBRGSzOVb726VCypDBKoNpBusm7J/BJgA2m9CtAd1nsE3bBRgAd1K1+W0YgucAAAAASUVORK5CYII=') no-repeat;
}


.service-switcher-window .window-popup-header {
	color:#e20074;
	font-size: 24px;
	font-family: "teleneoextrabold";
	margin:15px 0 ;
}
.service-switcher-window .window-popup-text {
	font-size: 20px;
	line-height: 1.6em;
	font-family: "teleneomedium";
}
.service-switcher-window .button-holder {
	text-align: center;
}
.service-switcher-window .button-holder .window-popup-button{
	text-align: center;
	display: inline-block;
	background: #777;
	padding: 15px 5px; 
	width: 48%;
	color:white;
	text-decoration: none;
	border-radius: 8px
}
.service-switcher-window .button-holder .window-popup-button:hover,
.service-switcher-window .button-holder .window-popup-button.magi:hover{
	background: black;
}
.service-switcher-window .button-holder .window-popup-button:nth-child(1){
	margin-right: 3%;
}
.service-switcher-window .button-holder .window-popup-button.magi{
	background: #e20074
}
.service-switcher-window .window-side {
	display: none;
}


/* ---------------- collapsed -------------- */

.service-switcher-window.collapsed {
	position: fixed;
	top:20%;
	left:initial;
	right: -15px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	padding: 25px;
	background: #e20074 url('text-nowy.png') 9px center  no-repeat;
	transform:none;
	box-sizing:border-box;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
}
.service-switcher-window.collapsed .window-popup {
	display: none;
}
.service-switcher-window.collapsed .window-side {
	display: block;
}

.service-switcher-window.collapsed .window-side .window-side-content {
	background: white;
	height:130px;
	width: 130px;
	background: white;
	border-radius: 50%;
	text-align: center;
	position: relative;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.service-switcher-window.collapsed .window-side .window-side-content .window-side-arrow {
	width: 17px;
	height: 24px;
	background: url(arr.png) center no-repeat;
	position: absolute;
	top:calc(50% - 12px);
	left:11px;
	transform:rotate(180deg);
}
.service-switcher-window.collapsed.hid .window-side .window-side-content .window-side-arrow {
	transform:rotate(0deg);
}
.service-switcher-window.collapsed .window-side .window-side-content .switch-link {
	position: relative;
	color:#e20074;
	text-align: left;
	left:25px;
	display: inline-block;
	max-width: 100px;
	margin-top: 28px;
	font-size: 19px;
	line-height: 1em;
}

.service-switcher-window.collapsed.hid {
	right:-120px;
}

/* -------------- MOBILE ------------------------------------------------*/

@media screen and (max-width: 960px){ 
	
	.service-switcher-window {
		position: absolute;
		top:40px;
		transform:translateX(-50%);
	}
}
@media screen and (max-width: 640px){ 
	
	.service-switcher-window {
		position: absolute;
		top:5%;
		left:50%;
		width: 310px;
		height: auto;
		border-radius: 8px;
		padding: 210px 15px 15px;
		background: white url(new_login_s.jpg) center 15px no-repeat;
		background-size:  auto 200px;
		box-sizing:border-box;
/*		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;*/
	}
	.service-switcher-window .button-holder .window-popup-button{
		width: 80%;
		margin-bottom: 5px
	}
	.service-switcher-window .button-holder .window-popup-button:nth-child(1){
		margin-right: 0;
	}
	.service-switcher-window .window-popup-text {
	    font-size: 18px;
	    line-height: 1.1em;
	}
	.service-switcher-window .window-popup-close {
	    background: #e20074 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowN0M5RDc5RDFENDExMUU4QjM1RkNDRENCRDg5QzgxNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowN0M5RDc5RTFENDExMUU4QjM1RkNDRENCRDg5QzgxNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA3QzlENzlCMUQ0MTExRThCMzVGQ0NEQ0JEODlDODE0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA3QzlENzlDMUQ0MTExRThCMzVGQ0NEQ0JEODlDODE0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nhTQ7AAAAHNJREFUeNqsVFsKACAIE7q0F+oO3c4M6qeXDyYMQnPJTElEiqIqWEEJ8MwvNA/LOEG0rO6OCOGR9wxEiYbfvOAl2sk8hN945GWzcq8mzSNBRGSzOVb726VCypDBKoNpBusm7J/BJgA2m9CtAd1nsE3bBRgAd1K1+W0YgucAAAAASUVORK5CYII=") no-repeat scroll 0 0;
	    background-position: center;
	    height: 30px;
	    position: absolute;
	    right: 5px;
	    top: 6px;
	    width: 30px;
	    border-radius: 50%
	}
.service-switcher-window.collapsed {
    transform: scale(0.8);
}
.service-switcher-window.collapsed.hid {
    right: -112px;
}

}