@font-face{	
	font-display: swap;
	font-family: "Museo Sans Cyrl 300";
	src: url("fonts/MuseoSansCyrl-300.eot");
	src: local("MuseoSansCyrl-300"),
		url("fonts/MuseoSansCyrl-300.eot?#iefix") format("embedded-opentype"),
		url("fonts/MuseoSansCyrl-300.woff") format("woff"),
		url("fonts/MuseoSansCyrl-300.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}

@font-face{	
	font-display: swap;
	font-family: "Museo Sans Cyrl 500";
	src: url("fonts/MuseoSansCyrl-500.eot");
	src: local("MuseoSansCyrl-500"),
		url("fonts/MuseoSansCyrl-500.eot?#iefix") format("embedded-opentype"),
		url("fonts/MuseoSansCyrl-500.woff") format("woff"),
		url("fonts/MuseoSansCyrl-500.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face{	
	font-display: swap;
	font-family: "Museo Sans Cyrl 700";
	src: url("fonts/MuseoSansCyrl-700.eot");
	src: local("MuseoSansCyrl-700"),
		url("fonts/MuseoSansCyrl-700.eot?#iefix") format("embedded-opentype"),
		url("fonts/MuseoSansCyrl-700.woff") format("woff"),
		url("fonts/MuseoSansCyrl-700.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

body{
	font-family: "Museo Sans Cyrl 300", sans-serif;
	font-size: 16px;	
	color: #263238;
	text-align: left;
	line-height: 19px;
	background: #fff;	
}

a:link, a:visited{	
	color: #6639b6;
	text-decoration: underline;
	-webkit-transition: color 0.15s ease 0s, border-color 0.15s ease 0s, background-color 0.15s ease 0s, opacity 0.15s ease 0s;
	-moz-transition: color 0.15s ease 0s, border-color 0.15s ease 0s, background-color 0.15s ease 0s, opacity 0.15s ease 0s;
	-o-transition: color 0.15s ease 0s, border-color 0.15s ease 0s, background-color 0.15s ease 0s, opacity 0.15s ease 0s;
	transition: color 0.15s ease 0s, border-color 0.15s ease 0s, background-color 0.15s ease 0s, opacity 0.15s ease 0s;
}

.bx-no-touch a:hover,
.bx-touch a:active{	
	text-decoration: none;
}

a:focus,
.btn:focus,
.btn:active:focus{
	outline: none;
}

img{
	border: none;
}

.top-panel{
	background: #f1f6f7;
}

.top-panel-logo{
	/*background: #6639b6;*/
	padding: 0 20px;
}
.top-panel-title > h1{
	font-family: "Museo Sans Cyrl 500", sans-serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 36px;
}

.left-panel{
	background: #f1f6f7;
}

/***MODAL***/
.modal-backdrop{
	background-color: rgba(38, 50, 56, 0.5)
}

/***POPUP_PANEL***/
.popup-panel{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}

.popup-panel-full{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}

.popup-panel__title-wrap{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background-color: #f1f6f7;
}

.popup-panel-full .popup-panel__title-wrap{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}

.popup-panel__title-wrap > i{	
	font-size: 30px;
	color: #ced9db;
}

.popup-panel__title{	
	font-family: "Museo Sans Cyrl 500", sans-serif;
	font-size: 24px;	
	color: #263238;
	line-height: 29px;
	text-overflow: ellipsis;	
	white-space: nowrap;
}

.popup-panel__close > i{
	font-size: 24px;
	color: #b2c7cb;
	-webkit-transition: all 0.15s ease 0s;
	-moz-transition: all 0.15s ease 0s;
	-o-transition: all 0.15s ease 0s;
	transition: all 0.15s ease 0s;
}

.bx-no-touch .popup-panel__close:hover > i,
.bx-touch .popup-panel__close:active > i{
	color: #6639b6;
}

.popup-panel__content{
	scrollbar-color: #b2c7cb #e3ecef;
}

.popup-panel__content::-webkit-scrollbar-track{
	background: #e3ecef;
}

.popup-panel__content::-webkit-scrollbar-thumb{
	background: #b2c7cb;
}

/***POPUP_PANEL_LOADER***/
.popup-panel__loader{
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.popup-panel__loader:after{
	content: "";
	border: 3px solid #e3ecef;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}

.popup-panel__loader > div{
	-webkit-animation: loaderRotate1 4.8s linear infinite;
	animation: loaderRotate1 4.8s linear infinite;
}

.popup-panel__loader > div > span{
	clip: rect(0, 48px, 48px, 24px);
	-webkit-animation: loaderRotate2 1.2s linear infinite;
	animation: loaderRotate2 1.2s linear infinite;
}

.popup-panel__loader > div > span:after{
	content: "";
	clip: rect(0, 48px, 48px, 24px);
	border: 3px solid #6639b6;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: loaderRotate3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	animation: loaderRotate3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}

/***FORM***/
.form-control{
	font-family: "Museo Sans Cyrl 300", sans-serif;
	font-size: 16px;	
	color: #263238;
	line-height: 34px;
	border: 1px solid #ced9db;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;	
	-webkit-appearance: none;
	background-color: transparent;
	-webkit-user-select: text;
	-moz-user-select: text;
	-o-user-select: text;	
	user-select: text;
}

.has-error .form-control,
.has-success .form-control{	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.has-error .form-control{
    border-color: #a94442;
}

.has-success .form-control{
    border-color: #3c763d;
}

.form-control:focus{	
	border-color: #6639b6;
	-webkit-box-shadow: 0 0 5px rgba(211, 17, 90, 0.5);
	-moz-box-shadow: 0 0 5px rgba(211, 17, 90, 0.5);
	box-shadow: 0 0 5px rgba(211, 17, 90, 0.5);
	outline: none;
}

.has-error .form-control:focus{	
	-webkit-box-shadow: 0 0 10px rgba(169, 68, 66, 0.75);
	-moz-box-shadow: 0 0 10px rgba(169, 68, 66, 0.75);
	box-shadow: 0 0 10px rgba(169, 68, 66, 0.75);
}

.has-success .form-control:focus{
	-webkit-box-shadow: 0 0 10px rgba(60, 118, 61, 0.75);
	-moz-box-shadow: 0 0 10px rgba(60, 118, 61, 0.75);
	box-shadow: 0 0 10px rgba(60, 118, 61, 0.75);
}

.form-control::-moz-placeholder{
	color: #78909c;
}

.form-control:-ms-input-placeholder{
	color: #78909c;	
}

.form-control::-webkit-input-placeholder{
	color: #78909c;
}

.form-control-feedback{
	font-size: 19px;
	color: #ced9db;
}

.has-error .form-control-feedback{
    color: #a94442;
}

.has-success .form-control-feedback{
    color: #3c763d;
}

.form-group.captcha .pic img{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;	
}

.form-group .checkbox .check{	
	font-size: 14px;
	color: #fff;
	text-align: center;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #cfdfe2;
	-webkit-transition: all 0.15s ease 0s;
	-moz-transition: all 0.15s ease 0s;
	-o-transition: all 0.15s ease 0s;
	transition: all 0.15s ease 0s;
}

.bx-no-touch .form-group .checkbox label:hover .check-cont .check,
.bx-touch .form-group .checkbox label:active .check-cont .check{
	background-color: #78909c;
}

.form-group .checkbox input:checked + .check-cont .check{	
	background-color: #6639b6;
}

.form-group .checkbox .check-title{	
	font-size: 14px;
	color: #78909c;
	line-height: 17px;
}

.help-block{
	font-size: 14px;	
	line-height: 17px;
}

.has-error .help-block{
    color: #a94442;
}

.has-success .help-block{
    color: #3c763d;
}

.alert{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.alert-success{
	background: #e1ecc9;
}

.alert-warning{
	background: #f6eec7;
}

.alert-error{
	background: #f2e2e1;
}

/***SOCIAL***/
.slide-panel .bx-authform-social ul{
	text-align: center;
}

.bx-authform-social ul li .bx-authform-social-icon{
	border-bottom: none;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;	
}

.bx-authform-social ul li .bx-authform-social-icon.box{
	background-position: 0 0;
}

.bx-authform-social ul li .bx-authform-social-icon.dropbox{
	background-position: -44px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.bitrix24{
	background-position: -88px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.yandex{
	background-position: -132px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.openid{
	background-position: -176px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.odnoklassniki{
	background-position: -220px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.google{
	background-position: -264px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.mymailru{
	background-position: -308px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.livejournal{
	background-position: -352px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.openid-mail-ru{
	background-position: -440px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.liveid{
	background-position: -484px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.liveinternet{
	background-position: -528px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.blogger{
	background-position: -572px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.vkontakte{
	background-position: -616px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.twitter{
	background-position: -660px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.facebook{
	background-position: -704px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.google-plus{
	background-position: -748px 0;
}

.bx-authform-social ul li .bx-authform-social-icon.office365{
	background-position: -792px 0;
}

.bx-authform-social-popup{	
	font-size: 14px;
	line-height: 17px;
	white-space: nowrap;
	background: #fff;
}

/***BUTTONS***/
.btn{
	font-family: "Museo Sans Cyrl 300", sans-serif;
	font-size: 16px;	
	line-height: 19px;
	border: 1px solid transparent;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.15s ease 0s;
	-moz-transition: all 0.15s ease 0s;
	-o-transition: all 0.15s ease 0s;
	transition: all 0.15s ease 0s;
	cursor: pointer;
}

.btn-default,
.btn-default:focus,
a.btn-default:link,
a.btn-default:visited,
a.btn-default:focus{	
	color: #263238;
	text-decoration: none;
	border-color: #e3ecef;
	background: none;
}

.bx-no-touch .btn-default:hover,
.bx-touch .btn-default:active,
.bx-no-touch a.btn-default:hover,
.bx-touch a.btn-default:active{
	color: #fff;
	border-color: #6639b6;
	background: #6639b6;
}

.btn-buy,
.btn-buy:focus,
a.btn-buy:link,
a.btn-buy:visited,
a.btn-buy:focus{
	color: #fff;
	text-decoration: none;
	border-color: transparent;
	-webkit-box-shadow: 0 3px 12px rgba(38, 50, 56, 0.24);
    -moz-box-shadow: 0 3px 12px rgba(38, 50, 56, 0.24);
    box-shadow: 0 3px 12px rgba(38, 50, 56, 0.24);
	background: #008d55;
	background: -moz-linear-gradient(10deg, #008d55 0%, #91cd4c 100%);
	background: -webkit-linear-gradient(10deg, #008d55 0%, #91cd4c 100%);
	background: linear-gradient(10deg, #008d55 0%, #91cd4c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008d55', endColorstr='#91cd4c', GradientType=1);
	background-origin: border-box;
}

.btn-buy:after,
a.btn-buy:after{	
	content: "";
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	background: #6639b6;
	opacity: 0;
	-webkit-transition: all 0.15s ease 0s;
	-moz-transition: all 0.15s ease 0s;
	-o-transition: all 0.15s ease 0s;
	transition: all 0.15s ease 0s;
}

.bx-no-touch .btn-buy:hover,
.bx-touch .btn-buy:active,
.bx-no-touch a.btn-buy:hover,
.bx-touch a.btn-buy:active{
	color: #fff;
}

.bx-no-touch input[type="button"].btn-buy:hover,
.bx-touch input[type="button"].btn-buy:active{
	background: #6639b6;
	background: -moz-linear-gradient(10deg, #6639b6 0%, #6639b6 100%);
	background: -webkit-linear-gradient(10deg, #6639b6 0%, #6639b6 100%);
	background: linear-gradient(10deg, #6639b6 0%, #6639b6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6639b6', endColorstr='#6639b6', GradientType=1);
}

.bx-no-touch .btn-buy:hover:after,
.bx-touch .btn-buy:active:after,
.bx-no-touch a.btn-buy:hover:after,
.bx-touch a.btn-buy:active:after{
	opacity: 1;
}

.btn.disabled,
.btn.disabled:focus,
.bx-no-touch .btn.disabled:hover,
.btn.disabled:active,
.btn.disabled:active:focus,
.btn.disabled:active:hover,
.btn[disabled],
.btn[disabled]:focus,
.bx-no-touch .btn[disabled]:hover,
.btn[disabled]:active,
.btn[disabled]:active:focus,
.btn[disabled]:active:hover{
	color: #263238;
	border-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #e3ecef;
	opacity: 1;
}

.btn-buy[disabled]:after,
.btn-buy[disabled]:focus:after,
.bx-no-touch .btn-buy[disabled]:hover:after,
.btn-buy[disabled]:active:after,
.btn-buy[disabled]:active:focus:after,
.btn-buy[disabled]:active:hover:after{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #e3ecef;
}

.bx-no-touch .btn-default:active,
.bx-no-touch .btn-default:active:focus,
.bx-no-touch .btn-default:active:hover,
.bx-no-touch a.btn-default:active,
.bx-no-touch a.btn-default:active:focus,
.bx-no-touch a.btn-default:active:hover,
.bx-no-touch .btn-buy:active,
.bx-no-touch .btn-buy:active:focus,
.bx-no-touch .btn-buy:active:hover,
.bx-no-touch a.btn-buy:active,
.bx-no-touch a.btn-buy:active:focus,
.bx-no-touch a.btn-buy:active:hover{
	color: #fff;
	border-color: #78909c;
	-webkit-box-shadow: 5px 5px 5px rgba(9, 12, 18, 0.15) inset;
	-moz-box-shadow: 5px 5px 5px rgba(9, 12, 18, 0.15) inset;
	box-shadow: 5px 5px 5px rgba(9, 12, 18, 0.15) inset;
	background: #78909c;
}

.bx-no-touch .btn-buy:active:after,
.bx-no-touch .btn-buy:active:focus:after,
.bx-no-touch .btn-buy:active:hover:after,
.bx-no-touch a.btn-buy:active:after,
.bx-no-touch a.btn-buy:active:focus:after,
.bx-no-touch a.btn-buy:active:hover:after{
	-webkit-box-shadow: 5px 5px 5px rgba(9, 12, 18, 0.15) inset;
	-moz-box-shadow: 5px 5px 5px rgba(9, 12, 18, 0.15) inset;
	box-shadow: 5px 5px 5px rgba(9, 12, 18, 0.15) inset;
	background: #78909c;
}

.btn > i{
	font-size: 21px;
	-webkit-transition: all 0.15s ease 0s;
	-moz-transition: all 0.15s ease 0s;
	-o-transition: all 0.15s ease 0s;
	transition: all 0.15s ease 0s;
}

.btn-default > i{	
	color: #ced9db;
}

.bx-no-touch .btn-default:hover > i,
.bx-touch .btn-default:active > i{
	color: #fff;
}

.btn-buy > i{
	color: #fff;
}

.btn.disabled > i,
.btn[disabled] > i,
.bx-no-touch .btn[disabled]:hover > i,
.btn[disabled]:active > i{
	color: #b2c7cb;
}

.btn > span:not(.btn-loader){
	text-overflow: ellipsis;
}

/***BTN_LOADER***/
.btn-loader:after{
	content: "";
	border: 3px solid #e3ecef;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}

.btn-loader > span{
	-webkit-animation: loaderRotate1 4.8s linear infinite;
	animation: loaderRotate1 4.8s linear infinite;
}

.btn-loader > span > span{
	clip: rect(0, 21px, 21px, 10.5px);
	-webkit-animation: loaderRotate2 1.2s linear infinite;
	animation: loaderRotate2 1.2s linear infinite;
}

.btn-loader > span > span:after{
	content: "";
	clip: rect(0, 21px, 21px, 10.5px);
	border: 3px solid #6639b6;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: loaderRotate3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	animation: loaderRotate3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}