html, body, .wrapper {
	height: 100%;
	font: 14px/20px Arial, Tahoma, Helvetica, sans-serif;
	background: #eee;
	position: relative;
	clear:both;
	margin:0;
	padding:0;
}
.wrapper { height: 100%; font: 14px/20px Arial, Tahoma, Helvetica, sans-serif;background:#f5f5f5; position:relative;clear:both;}
.content { box-sizing: border-box; min-height: 100%; padding-bottom: 50px; position:relative; }        
.maincenter {clear:both;min-height:100%;padding-bottom:40px;}
.content-page { padding:20px 20px 40px;margin:auto; /*min-width:920px;*/border-top:1px solid #e2e2e2;}
.content-page>table {width:100%;}
.topcontent, .mainheader, .maincenter, .footerwrap, .bottom-panel, .content {margin:0 auto; /*min-width: 960px;*/ max-width: 1200px;}    
.mainheader { padding-top:15px;margin-bottom:10px;}
.topcontent { clear: both; /*min-width: 960px;*/}
.footer {clear:both; width:100%; background:#d9e5e8; margin-top:25px; padding:5px 0; height:40px;margin-top:-50px;position:fixed;}
h1 {padding:0;font-weight:normal;font-size:18px;font-weight:normal;color:#363636;line-height:25px;margin:0 0 10px 0; clear:left;font-family: Arial, Tahoma, sans-serif; text-transform: uppercase;}
h1 span {font-family:Arial, Tahoma, sans-serif; text-transform:none;font-size:14px}
form, fieldset {border:none;outline:none;padding:0;margin:0}
.clear {width:100%;clear:both}
html a {text-decoration:none;color:#256892;transition:background-color 0.3s ease}
html a:focus, img:focus {outline:none}
html a:hover {color:#C54141}
ul, li {list-style:none;margin:0;padding:0}
.logo { width:145px;height:74px;margin:8px 60px 7px 20px;position:relative}
.logo img{width:145px}
.inp {
	border:1px solid #c9d2db; 
	height:25px; 
	line-height:20px; 
	width:100px;
	margin:0;
	outline:none;
	transition:border-color 0.2s ease;
	padding:0 0 0 4px;
	border-radius:2px;
}

select.inp {height:27px}

.inp:focus {border-color:#7f9db9}

.placeinputs {clear:both;margin-bottom:10px; position:relative;}
.placeinputs .inp {width: 100%;height: 40px; margin: 0; box-sizing: border-box}

.remindtop {position:absolute;right:7px;top:12px;font-size:12px;color:gray}

.remindtop:hover {opacity:0.8; color:gray;}

.btn {text-decoration: none; color: #256892;transition:background-color 0.3s ease; outline:none; border:none; background:transparent;cursor:pointer;}
.btn:hover {color: #C54141}
input[type="submit"], .trdBtn, .btn-primary {
	display:inline-block;
	height: 40px;
	padding: 0 15px;
	background: #73a2b9;
	border-radius: 2px;
	line-height: 40px;
	border:none;
	color:#fff;
	cursor:pointer;
	font-size:14px;
}

input[type="submit"]:hover, .trdBtn:hover, .btn-primary:hover {opacity:0.9;color:#fff}

.btn-primary--exit {background:transparent;color:#363636;float:right}

.btn-primary--exit i {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(//s.exist.ru/img2/lk-icons-small.png)0 -16px no-repeat;
	margin-right:5px;
	margin-bottom:-3px
}

.btn-primary--exit:hover {color:#363636;background:#ecd0ce}


.loginbtn {float:right}

div.mem {float:left;width:auto;margin-top:5px}

.login-fieldset {margin:0 auto;overflow:hidden;width:340px;background-color:#fff;padding:15px 30px 25px 20px;position:relative}

.login-fieldset.login-fieldset--banned {background-color:#ffebeb}
.login-fieldset.login-fieldset--legal {width:80%}
.login-fieldset.login-fieldset--legal .panel-body>div{margin-bottom:15px;clear:both;height:300px;overflow-y:scroll}
@media only screen and (max-width:550px){
.login-fieldset.login-fieldset--legal .panel-body>div {overflow-y:auto;height:auto}
}


.login-fieldset h1 {position:relative;padding-left:38px;float:left}

.login-fieldset h1::after {
	content: '';
	position: absolute;
	background: url(//s.exist.ru/img2/icons-new.png) -9px -637px no-repeat;
	width: 28px;
	height: 28px;
	top: 0;
	left: 0;
}

.login-fieldset .right-shadow,
.login-fieldset .bottom-shadow {
	position:absolute;
	background:#bfc5c8;
	overflow:hidden;
}

.login-fieldset.login-fieldset--banned .right-shadow,
.login-fieldset.login-fieldset--banned .bottom-shadow {background:#e0c4c2}

.login-fieldset .right-shadow {
	width:10px;
	right:0px;
	top:0;
	bottom:0;
}

.login-fieldset .bottom-shadow {width:100%;left:0;height:10px;bottom:0}

.login-fieldset .right-shadow::after,
.login-fieldset .bottom-shadow::after {
	content:'';
	position:absolute;
	border-width:5px;
	border-style:solid;
}

.login-fieldset .right-shadow::after {border-color:#f5f5f5 #f5f5f5 #bfc5c8 #bfc5c8}

.login-fieldset .bottom-shadow::after {border-color:#bfc5c8 #bfc5c8 #f5f5f5 #f5f5f5}

.login-fieldset.login-fieldset--banned .right-shadow::after {border-color:#f5f5f5 #f5f5f5 #e0c4c2 #e0c4c2}

.login-fieldset.login-fieldset--banned .bottom-shadow::after {border-color:#e0c4c2 #e0c4c2 #f5f5f5 #f5f5f5}



.regs {margin:0 auto; text-align:right;float:right;}
.regs a {margin:0;display:inline-block;padding:4px 0px;border-radius:2px}


.socialBlock {padding:10px 0;margin:0 auto}
.social32 {display:flex;flex-wrap:wrap;justify-content:center}

.social32 a.icon {
	float:left;
	margin-right:30px;
	text-indent:-9999px;
	width:45px;
	height:45px;
	background:url('//s.exist.ru/img2/social45.png?t=02092020') no-repeat;
}

.social32 a.icon:last-of-type {margin:0}

.social32 a.icon {opacity:0.7;filter:alpha(opacity = 70)}
.social32 a.icon:hover {opacity:1;filter:alpha(opacity = 100)}


.social32 #MailRu {background-position:0 -180px}
.social32 #Facebook {background-position:0 -45px}
.social32 #Yandex {background-position:0 -90px}
.social32 #VKontakte {background-position:0 -135px}
.social32 #Google {background-position:0 0}
.social32 #Live {background-position:0 -225px}
.social32 #Twitter {background-position:0 -270px}
.social32 #Telegram {background-position:0 -270px}
.social32 #Apple {background-position:0 -360px}

.social32 #el {
	float:left;
	margin-right:10px;
	text-indent:-9999px;
	width:32px;
	height:32px;
	background:url('//s.exist.ru/img2/social32.png?t=02092020') no-repeat;
	background-position:-192px top;
}

.social32 li {float:left;margin:5px 12px}

.panel-heading .social32 li {margin:0}

.consent-remember {margin:0 0 15px 15px;clear:both}
.consent-buttons>* {margin-right:20px}

.panel.panel-default  {margin:15px 0}
.list {margin:15px 0; float:left;width:50%}
.panel-heading {padding: 0px 0 10px 40px;overflow:hidden;clear:both}
.list-group {border:1px solid #f5f5f5;border-top:none;padding:10px 15px}
.subheader {color:gray}
.consent.row.page-header {font-size:18px;margin-bottom:5px}

.alert.alert-danger {
	clear:both;
	background:#ffe8e8;
	padding:5px 10px;
	font-size:12px;
	color:#713434;
	margin-left:39px;
	border:1px solid #ddbcbc;
}

.alert.alert-danger.alert-danger--warning {
	background: #fdf5bc;
	border-color:#e6df86;
}


.panel-heading h3 {
	margin:0;
	float:left;
	margin-top:4px;
}

.panel-heading .close {
	text-indent:-99999px;
	float:right;
	height:22px;
	width:22px;
	background: url('//s.exist.ru/img2/close.png') no-repeat;
	transition:opacity 0.3s ease;
	opacity:0.8;
}

.panel-heading .close:hover {opacity:1}


.panel-heading .social32 {clear:both}


.social {float:left}
.social span {
	float:left;
	margin-right:10px;
	text-indent:-9999px;
	width:29px;
	height:28px;
	background:url("//s.exist.ru/img2/social-new.png?t=02092020") no-repeat
}

.social #MailRu {background-position:-142px top}
.social #Facebook {background-position:-71px top}
.social #Yandex {background-position:-36px top}
.social #VKontakte {background-position:-107px top}
.social #Google {background-position:0 0}
.social #Live {background-position:-178px top}
.social #Twitter {background-position:-213px top}
.social #Telegram {background-position:-248px top}
.social #Apple {background-position:-281px top}

.social li {float:left}


.clearfix {width:100%;clear:both}

	.welcome {font-family:Roboto, Arial, Tahoma, sans-serif}

	.welcome__tab-line,
	.welcome__countries {float:left;width:100%;clear:both}

	.welcome__country {
		float:left;
		width:19.96%;
		text-align:center;
		padding-bottom:20px;
		border-bottom: 3px solid #cdcdcd;
		margin-bottom:25px;
		opacity:0.7;
		cursor:pointer;
		transition:all 0.3s ease;
		color:#6c6c6c;
	}

	.welcome__country.active {opacity:1;border-color:#c44348;cursor:default;color:#363636}

	.welcome__country:hover {opacity:0.9}

	.welcome__country > span {text-transform:uppercase;font-size:16px}

	.welcome__flag {
		display:inline-block;
		width:75px;
		height:38px;
		background:url(//s.exist.ru/img2/flags.jpg) no-repeat;
		margin-bottom:15px;
	}

	.welcome__flag--ru {background-position:0 0}
	.welcome__flag--ua {background-position:0 -38px}
	.welcome__flag--by {background-position:0 -76px}
	.welcome__flag--kz {background-position:0 -114px}
	.welcome__flag--am {background-position:0 -152px}

	.welcome__products-container {float:left;clear:both;width:calc(100% + 20px);margin-left:-10px}

	.product-block {
		float:left;
		width:calc(33.3% - 20px);
		background:#fff;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		margin:0 10px 20px 10px;
		transition:all 0.3s ease;
	}

@media only screen and (max-width: 850px) {
	.product-block {width:calc(50% - 20px)}

	.login-fieldset {
		width:100%;
		box-sizing:border-box;
		background:transparent;
		padding:0;
	}

	.right-shadow, .bottom-shadow {display:none}

	.socials {width:100%}

	.socials ul {display:flex}
}

@media only screen and (max-width: 550px) {
	.product-block {width:calc(100% - 20px)}

	.welcome__flag {width:55px}
	.welcome__country > span {font-size:14px}
}

	.product-block:hover {box-shadow:0 1px 11px 1px rgba(0, 0, 0, 0.1)}

	.product-block__header {
		background: #d3686c url(//s.exist.ru/img2/login-exist-back.png) no-repeat;
		font-size: 20px;
		padding: 20px;
	}

	.product-block__header--exist {
		background-color: #256892;
		color:#fff;
		border-bottom: 2px solid #18557c;
	}

	.product-block__header--cats {
		background-color: #d8dcdd;
		border-bottom: 2px solid #b3c3c7;
	}

	.product-block__header--auto {
		background-color: #d3686c;
		color:#fff;
		border-bottom: 2px solid #bb4e53;
	}

	.product-block__header--srv {
		background-color: #50dbb6;
		color:#fff;
		border-bottom: 2px solid #3db897;
	}

	.product-block__header--points {
		background-color: #7cc7ce;
		color:#fff;
		border-bottom: 2px solid #5aabb3;
	}

	.product-block__header--direct {
		background-color: #e8d25f;
		border-bottom: 2px solid #d3bb3c;
	}

.product-block__header i {
	float:right;
	width:40px;
	height:30px;
	background-size:30px;
	background-position:center center;
	background-repeat: no-repeat;
	margin-top: -5px;
}

		.product-block__header--exist i {
			background-image:url(//s.exist.ru/img2/icons/login-exist/settings.svg);
			background-size:48px;
		}

		.product-block__header--cats i{background-image:url(//s.exist.ru/img2/icons/login-exist/catalogue.svg)}

		.product-block__header--auto i{
			background-image:url(//s.exist.ru/img2/icons/login-exist/car.svg);
			background-size: 40px;
		}

		.product-block__header--srv i{background-image:url(//s.exist.ru/img2/icons/login-exist/wrench.svg)}
		
		.product-block__header--points i{background-image:url(//s.exist.ru/img2/icons/login-exist/location-point.svg)}
		
		.product-block__header--direct i{background-image:url(//s.exist.ru/img2/icons/login-exist/tag.svg)}

	.product-block__description {padding:20px;height:20px}

	.product-block__see-more {
		float:right;
		text-align:right;
		text-transform:uppercase;
		font-weight:bold;
		font-size:12px;
		padding:15px 10px;
		border-radius:3px;
	}

.product-block__see-more a {float:right;padding:5px 10px}

.product-block__see-more a:hover {background:#eee}

.g-recaptcha {margin:10px 0px 0px 36px}