@charset "utf-8";

a{outline:none;text-decoration:none}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
blockquote,q{quotes:"" ""}
body{ font-size:100%;}
:focus{outline: 0}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border: none;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{-webkit-appearance: none;border:0;font-family: 'Open Sans', Arial, Helvetica, sans-serif;font-style:inherit;font-weight:inherit; outline:none;text-align:left;text-decoration:none;vertical-align:top;margin:0;padding:0; }
table{border-collapse:collapse;border-spacing:0}
li{list-style:none;list-style-type:none}
input,textarea,button{-webkit-appearance: none;font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
textarea{resize: vertical;}
input[type="submit"],input[type="checkbox"],input[type="radio"]{cursor: pointer;}
h2,h3,h4,h5,h6{font-size:1.4em; font-weight:normal}







.widget{
	background-color: #fafafa;
	overflow: hidden;
	padding: 84px 145px 109px 50px;
	width: 765px;
}

.card1{
		 display:inline-block;
	position:relative;
  
    margin-right: -50%;
		
		
		border-radius: 3px;
		padding: 0px 20px 0;
		width: 13%;
	}
	
	.card{
		 display:inline-block;
	position:relative;
  
    margin-right: -50%;
		
		border: 2px #5E3673 solid;
		border-radius: 14px;
		padding: 20px 20px 0;
		width: 228px;
			
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	
	}
	
	.card:hover{
		 display:inline-block;
	position:relative;
  
    margin-right: -50%;
		
		border: 2px rgba(181,181,181,.50) solid;
		border-radius: 14px;
		padding: 20px 20px 0;
		width: 228px;
		
	box-shadow: 1px 10px 10px #00000040;
	
	transform: translate(0,-10px);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	}
	
		.card img{margin-bottom: 21px;}
		.bank_name{
			color: #666;
			display: block;
			font-size: 6px;
			font-weight: 300;
			line-height: 10px;
			margin-bottom: 16px;
			text-transform: uppercase;
		}
		.card_name{
			color: #3497ff;
			font-size: 10px;
			line-height: 30px;
			margin-bottom: 16px;
		}
		.desc{}
			.desc li{
				border-top: 1px #e9e9e9 solid;
				color: #999;
				font-size: 12px;
				font-weight: 300;
				line-height: 14px;
				padding: 10px 0;
			}
				.desc li strong{
					color: #444;
					display: block;
					font-weight: 400;
					line-height: 14px;
					font-size: 14px;
				}
		.go{
		
			background-color: #5E3673;
			border-radius: 12px;
			box-sizing: border-box;
			color: #fff;
			display: block;
			font-size: 16px;
			font-weight: 300;
			height: 46px;
			line-height: 16px;
			margin: 7px -21px -1px;
			padding-top: 13px;
			text-align: center;
			border-color:#000;
			border:2px;
			-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
		}
		.go:hover{
			background-color: #3f2457;
			border:2px;
			border-radius: 12px;
			border-color:#000;
			box-sizing: border-box;
			color: #fff;
			display: block;
			font-size: 16px;
			font-weight: 300;
			height: 46px;
			line-height: 16px;
			margin: 7px -21px -1px;
			padding-top: 13px;
			text-align: center;
			
		}

	
	.about1{
	 display:inline-block;
	}
	@media screen and (max-width:757px) {
		.object {
        display: none;
    }
		.about1{
	 display:inline-block;
	 display: none;
	}
		.card1{
		 display:inline-block;
	position:relative;
  
    margin-right: -50%;
		
		
		border-radius: 3px;
		padding: 0px 20px 0;
		width: 69%;
	}
		
	}
	
	
	@media screen and (max-width:640px) {
    .object {
        display: none;
    }
	.about1{
	 display:inline-block;
	 display: none;
	}
	.h1{
		font-size: 20px;
	}
	.card1{
		 display:inline-block;
	position:relative;
  
    margin-right: -50%;
		
		
		border-radius: 3px;
		padding: 0px 20px 0;
		width: 69%;
	}
}		
@media screen and (max-width:1200px) {
  
		.h1{
		font-size: 40px;
	}
}		
		
		
		.go1{	border: 1px #c0c0c0 solid;
			background-color: #5E3673;
			border-radius: 0px;
			box-sizing: border-box;
			color: #fff;
			display: block;
			font-size: 16px;
			font-weight: 300;
			height: 46px;
			line-height: 16px;
			margin: 7px -21px -1px;
			padding-top: 13px;
			text-align: center;
			-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
		}
		.go1ac{
			border: 1px #c0c0c0 solid;
			background-color: #ffffffc4;
			border-radius: 0px;
			box-sizing: border-box;
			color: #000;
			display: block;
			font-size: 16px;
			font-weight: 300;
			height: 46px;
			line-height: 16px;
			margin: 7px -21px -1px;
			padding-top: 13px;
			text-align: center;
			-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
		}
		.go1ac:hover{
			background-color: #fff;
			border-radius: 0px;
			box-sizing: border-box;
			color: #000;
			display: block;
			font-size: 16px;
			font-weight: 300;
			height: 46px;
			line-height: 16px;
			margin: 7px -21px -1px;
			padding-top: 13px;
			text-align: center;
			z-index:124244535342;
		
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
		}
		
		
		.go1:hover{
			background-color: #fff;
			border-radius: 0px;
			box-sizing: border-box;
			color: #000;
			display: block;
			font-size: 16px;
			font-weight: 300;
			height: 46px;
			line-height: 16px;
			margin: 7px -21px -1px;
			padding-top: 13px;
			text-align: center;
			z-index:1242424334;
			
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
		}
.blue{background-color: #3fc7ff;}
	.blue .title{
		border-bottom: 1px #e1e1e1 solid;
		color: #fafafa;
	}
	.blue .checkbox{color: #fafafa;}
		.blue .checkbox:before{border: 2px #fafafa solid;}
		.blue .checkbox.active:before{
			background: url(../images/ico_checkbox2.svg) center no-repeat;
			border-color: #8463ff;
		}
	.blue .card{background-color: #fff;}
		.blue .card_name{color: #8463ff;}
		.blue .go{background-color: #8463ff;}

.gray{background-color: #ecf5f3;}
	.gray .title{border-bottom: 1px #e1e1e1 solid;}
	.gray .checkbox{color: #333;}
		.gray .checkbox:before{border: 2px #d5d5d5 solid;}
		.gray .checkbox.active:before{
			background: url(../images/ico_checkbox3.svg) center no-repeat;
			border-color: #ff5e5e;
		}
	.gray .card{background-color: #fff;}
		.gray .card_name{color: #ff5e5e;}
		.gray .go{background-color: #ff5e5e;}

.dark_blue{background-color: #54546a;}
	.dark_blue .title{
		border-bottom: 1px #e1e1e1 solid;
		color: #fafafa;
	}
	.dark_blue .checkbox{color: #fafafa;}
		.dark_blue .checkbox:before{border: 2px #fafafa solid;}
		.dark_blue .checkbox.active:before{
			background: url(../images/ico_checkbox4.svg) center no-repeat;
			border-color: #5ab47c;
		}
	.dark_blue .card{background-color: #fff;}
		.dark_blue .card_name{color: #5ab47c;}
		.dark_blue .go{background-color: #5ab47c;}
		
.purple{background-color: #85538b;}
	.purple .title{
		border-bottom: 1px #e1e1e1 solid;
		color: #fafafa;
	}
	.purple .checkbox{color: #fafafa;}
		.purple .checkbox:before{border: 2px #fafafa solid;}
		.purple .checkbox.active:before{
			background: url(../images/ico_checkbox5.svg) center no-repeat;
			border-color: #ffb11c;
		}
	.purple .card{background-color: #fff;}
		.purple .card_name{color: #5ab47c;}
		.purple .go{background-color: #ffb11c;}
/* END widget */
/* Steps */
.steps{
	margin: 0 auto;
	overflow: hidden;
	padding: 80px 0 60px;
	width: 968px;
}
	.step{
		color: #3f3f4d;
		float: left;
		font-size: 14px;
		line-height: 14px;
		text-align: center;
		width: 242px;
	}
		.step.active{color: #3497ff;}
		.step em{
			border: 2px #dde2ef solid;
			border-radius: 50%;
			box-sizing: border-box;
			color: #576077;
			display: block;
			font-size: 16px;
			height: 48px;
			line-height: 16px;
			margin: 0 auto 11px;
			padding-top: 13px;
			position: relative;
			text-align: center;
			width: 48px;
		}
			.step.active em{
				border-color: #3497ff;
				color: #3497ff;
			}
			.step em:before{
				background-color: #dde2ef;
				content: "";
				height: 2px;
				left: -196px;
				position: absolute;
				top: 23px;
				width: 196px;
			}
			.step.active em:before{background-color: #3497ff;}
			.step:first-child em:before{display: none;}
/* END steps */
/* Types */
.wrapper{
	margin: 0 auto;
	padding: 20px 0 20px;
	width: 100%;
}
.types{
	background-color: #f7f7f7;
	margin-bottom: 48px;
	padding: 58px 0 60px;
}
	.block_title{
		color: #444;
		font-size: 48px;
		font-weight: 300;
		line-height: 48px;
		margin-bottom: 42px;
	}
	.radio_block{overflow: hidden;}
		.radio_block input{display: none;}
		.radio{
			box-sizing: border-box;
			color: #444;
			cursor: pointer;
			float: left;
			font-size: 30px;
			font-weight: 300;
			height: 180px;
			line-height: 30px;
			padding-left: 266px;
			position: relative;
			width: 50%;
		}
			.radio:before{
				background-color: #fff;
				border: 2px #e9e9e9 solid;
				border-radius: 50%;
				box-sizing: border-box;
				content: "";
				height: 24px;
				left: 223px;
				position: absolute;
				top: 4px;
				width: 24px;
			}
			.radio.active:before{background: #fff url(../images/radio.svg) center no-repeat;}
			.radio.ico_1{background: url(../images/ico_1.png) no-repeat;}
			.radio.ico_2{background: url(../images/ico_2.png) no-repeat;}
/* END types */
/* Sidebar */
.mob_menu{display: none;}
.sidebar_block{margin-top: 16px; margin-bottom: 9px;}
	.close{
		background: url(../images/close.png) no-repeat;
		cursor: pointer;
		float: right;
		height: 16px;
		width: 16px;
	}
/* END sidebar */
/* Content */
.content{
	margin-left:10%;
	margin-right:10%;
	
	
	box-sizing: border-box;
}



.content1{
	margin-left:25%;
	margin-right:25%;
	
	
	box-sizing: border-box;
}

@media screen and (min-width:1094px) {
	
	.h2{font-size: 24px;}
.content1{
	margin-left:0%;
	margin-right:0%;
	
	
	box-sizing: border-box;
}
}
@media screen and (max-width:1093px) {
	.object {
        display: none;
    }
	.h2{font-size: 20px;}
.content1{
	margin-left:0%;
	margin-right:0%;
	
	
	box-sizing: border-box;
}}


@media screen and (max-width:910px) {
	.object {
        display: none;
    }
	h2{font-size: 14px;}
.content1{
	margin-left:0%;
	margin-right:0%;
	
	
	box-sizing: border-box;
}}
	.content .card{
		
		margin: 0 20px 30px 0;
		padding: 30px 20px 0;
		border-radius: 14px;
		background-color: #fff;
	}
	.content1 .card1{
		
		margin: -6px 20px 0px 0;
		padding: 0px 9px 0;
		border-radius: 0px;
		
	

	}
	
	
	.content.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.center .card {
		margin-left: 0;
	}
.horizontal .card{
	border: none;
	border-bottom: 1px #dcdcdc solid;
	float: none;
	padding: 30px 0;
	/*margin-bottom: 0;*/
	overflow: hidden;
	width: auto;
}
	.horizontal .card:last-child{border: none;}
	/*.horizontal .card img{float: left;}*/
	.horizontal .card_content{
		float: right;
		width: calc(100% - 190px);
	}
		.horizontal .desc li{
			border: none;
			padding: 0;
			margin-bottom: 10px;
		}
			.horizontal .desc li strong{display: inline;}
		.horizontal .go{
			display: inline-block;
			font-weight: 400;
			margin: 0;
			padding: 13px 30px 0;
		}
		.horizontal .card_name{font-size: 26px;}
/* END content */

.horizontal .mini.card {
	padding-bottom: 15px;
}
.search_box {
	position: relative;
	margin-bottom: 30px
}

.search_reset {
	height: 16px;
	width: 16px;
	position: absolute;
	right: 40px;
	top: 16px;
	display: block;
	background: url(../images/close.png) right 0  no-repeat;
	cursor: pointer;
	display: none;
}

.filled .search_reset {
	display: block;
}

.filled .search_submit {
	display: none;
}

.search_field {
	width: calc(100% - 87px);
	height: 46px;
	line-height: 46px;
	padding: 0 45px 0 20px;
	font-size: 16px;
	border: 1px solid #dcdcdc;
	border-radius: 12px;

}

.search_field::placeholder {
	color: #999999;
}

.search_submit {
	background: url(../images/search.svg) right 0  no-repeat transparent;
	border: none;
	height: 16px;
	width: 16px;
	position: absolute;
	right: 40px;
	top: 16px;
	display: block;
}

.pagination {
	clear: both;
	height: 47px;
	text-align: center;
	font-size: 0;
	margin: 50px 0;
}

.pagination__page._prev svg path {
	fill: #666;
}
.pagination__page._next svg path {
	fill: #666;
}
.pagination__page._active {
	color: #fff;
	background-color: #3497ff;
	border-color: #3497ff;
}



.pagination__page {
	width: 45px;
	height: 45px;
	border: 1px solid #dcdcdc;
	border-left: 1px solid transparent;
	display: inline-block;
	color: #666;
	font-weight: bold;
	font-size: 15px;
	line-height: 45px;
	text-align: center;
}

.pagination__page img {
	vertical-align: middle;
}

.pagination__page:first-child {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	border-left: 1px solid #dcdcdc;
}

.pagination__page:last-child {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

img.svg {
	display: none;
}

.horizontal .card_img_wrapper {
	width: 180px;
}

.card_img_wrapper {
	text-align: center;
	width: 228px;
	float: left;
}

.mini .desc li {
	font-size: 12px;
	font-weight: normal;
}
.mini  .desc li {
	margin-bottom: 5px;
}
.mini .card_name {
	font-size: 20px;
}
.mini .card_name {
	margin-bottom: 5px;
	margin-top: -7px;
}

.mini .card_img_wrapper {
	width: 160px !important;
}
.mini .card_content {
	width: calc(100% - 165px);
}
.mini .go {
	margin-right: 20px;
	float: right;
	width: 200px;
}
.mini .card_content ul.desc {
	float: left;
}
.mini .card_name {
	float: left;
	width: 100%;
}
.mini .card:first-child {
	padding-top: 3px !important;
}
.mini .desc li strong {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}
.tale .card_img_wrapper {
	text-align: center;
	line-height: 123px;
	float: none;
}

.tale .card_name {
	font-size: 14px;
	text-align: center;
}

.tale .card_img_wrapper img {
	vertical-align: middle;
}

.tale .desc li span,
.tale .desc li strong,
.tale .card_name {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}



.about {
 display:inline-block;
}

 a:active {
    color: #000; /* Цвет активной ссылки */ 
   }