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


.service-switcher-window {
	position: fixed;
	top:50%;
	left:50%;
	width: 500px;
	height: auto;
	border-radius: 8px;
	padding: 310px 25px 35px;
	background: white url(service-switcher-bg.jpg) top center no-repeat;
	transform:translateY(-50%) translateX(-50%);
	box-sizing:border-box;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
}


.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: "Tele-GroteskFet";
	margin:15px 0 ;
}
.service-switcher-window .window-popup-text {
	font-size: 20px;
	line-height: 1.6em;
	font-family: "Tele-GroteskNor";
}
.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('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAB0CAYAAAALp1srAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyM0I3RDMxRTE3RjgxMUU5QkQxQkJGNDE0MzA5NkIxNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyM0I3RDMxRjE3RjgxMUU5QkQxQkJGNDE0MzA5NkIxNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIzQjdEMzFDMTdGODExRTlCRDFCQkY0MTQzMDk2QjE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIzQjdEMzFEMTdGODExRTlCRDFCQkY0MTQzMDk2QjE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k9pRtAAABcRJREFUeNrsW+2N6joQ9SIayJaQLSFbQigBSgglJD/3J5QAJZASkhJICZsSSAk8z75j7TzLTiDMwNXTjWQtEiw+Hp8582FjjPJzvV4TGrH3v76+zMLoPyc7yrEPPANESyCsNdJXgjjaMYxZQx3E29sbAajsKGLWWCgQMbNjxye0QMgafcwaGpZYY7JvC+TAwGxj1lgomJ9M/wEurAGm4SRVA8G1wALp7dgCDIGi1ROQDNbItSxxsl9e+qS0Y28HgdnY0eGtUgsEmZoIuY5sU23Hyr6kkROBxUHQisGDA58g8LkWnlKoEBM86AAkmRCwVAQEuZsdxH4uyxsWM4I6Ak60Uh6xvv73aewoIFgXEq3I/xViUZTIxmJDhb0+wB17BK4i8H9HUe8AD2oQjYC84697kqnvWMzchoKvEEB6WOBnpXZ8MuWUBQHWl/CAC+JDzgjZOM+Acg7iIKCCtMJPrDKHBc5gPHnJ7p7vXDzAhY6CFQNUI2AlY7lD6FkKiVQHkaqgAyltxVNBRADJbwdS9xIKSYQ8hTRgznOPJU7IB5zcEiHXALK5x/yzQCA8E4AP7nIAsINbft7ijo9sBwGo/Ukgvyu45eytuRVEEpNfENHphSqIDvsfS1YGDD0QMHuHvS8DMl48kh/co5grANnBRRuk8t8UvPzwLAbCq6IGJKpbFiMS8GElqhNwuw6Eo1X3KGj41hyN4BOyBInOmZQRjB+M8rOIpOQbTJ4wDhyQUyZMxs9qsk25I9xxQIjOEaYLAKjx0VQNBB6aqIVljky+c4wUJNUDAWKGsutanROveP5cEKigvlFVOXUskepTRX2WSmjGOHFiVVUKz8i1LLGMFKw08TtJNWoKSlxXCF40tiCpmiUSBKTB1wLqQVggLrWrNTlBk6csd0hCuYW2bLuU/Qwg9DpjoDLEF6NNzJWTaFJMC2BAQtMDRKUOAnzYe6BK8KNCf0rdEj6oXipO/LGKuZwoeHiobkNBTUusEvPbAvbfa1HyDdrb0UAbtlDNN/Pbo87ubYDM6UVlCFpp5H0KXlfJOUMtxIR5g4nkn+aeLsyc7ejHJkEwGx5pA0yCwJfT3p94tx6ZdYEQX4l7x8genyJvraWLn+WMlYkXQ0vpOKAu2+BG8zTZ9irzFEL1U/iQnkhK+HIkbhSR5HYvHUMWES04Qbgqlk+sXG9q4mhJhBM5IuYnSNtBoFp2xrXTBpF4/afe25ZOqhqfapLwbNrdf8iwDetnuGiNlJ+y7ZKd+FND5AKrHFVdlOKHndwltomffaOf1arrBFxwM5J9/+1PPLU/kaIXkbzSEqQDBxM4PgDAEic/qSYxqf4kN3QXdHp4Ss5Kgd7ccPr7aBR13lB4allJF0JjINxpTg3VbKUT3EkQ2JJ36Wrrbhd9BoC/YvX/AwFlbV4CAhV6A2VNHlHPOTdJMkzeuHwUKnqYG2vuuTVAMeOADCtjTRRKeN4h4YUKCHdlwfx7/llAuj9weWdgenIUB+FNvjPsPtWIiIlvxw6jQ8+KAloSyi/ZjaNZuedYAKOV13xS6lcQN3ggg1e4im0vCiISqgkY9bjdZBl4QNuzmhve773YU2HVB9YwOU7wRFYn2KH9z90q+5pcdOsAQD3PaEOeY7dURRQT19k6z5POzEIVCH3yLwVLbIeJeEaDTGzDz8ZwTjLpNRJRdAcAq8DhXGtuOEWUAFGMdG9SNU4Enm5EwOpngBj8FTOe3CRgEhcA9yiS3DUndxvZQD861gtLH7kANOUhh8Ct5cz7TBlqYdNRg9R9zC3KRne63Ecacp3WdozFGh/E/mXZNlPN7pUpf8bEy3hpwHMeEPUcSJgv/l0+TRBXfq+fAbiM/QxDEoA7YVyHAIi5KFaTezEj9ZJf9+MCt/KfTExSJzrsLU9ieozB/N5azEKpoKRObCYs1cRy0cUzOAEAJpYML14NQBXErQC0LZHfAkAVBI6uPm8piP4RYAC6KMLbsngYMQAAAABJRU5ErkJggg==') 5px center  no-repeat;
	transform:none;
	box-sizing:border-box;
}
.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 .window-side-exit {
	width: 30px;
	height: 30px;
	background: #FFF url(close-dark.png) center center no-repeat;
	background-size: 15px;
	position: absolute;
	top: -30px;
	right: 20px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}
.service-switcher-window.collapsed .window-side .window-side-content .switch-link {
	position: relative;
	color:#e20074;
	text-align: left;
	left:15px;
	display: inline-block;
	max-width: 100px;
	margin-top: 30px;
	font-size: 20px
}

.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-size: 380px auto;
		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;
}

}