/* =============================================================================
   File:            segments.css
   Description:     Common styles segments
   Project:         PromSvyazBank Site
   Author:          Eugene Moiseenko & Pavel Buramenski
   ========================================================================== */

/*--------------------------- Block with large images at the top of the page*/
.b-heroarea {	
	width:1020px;
	margin:0px auto 40px;
	z-index: 2;
	-webkit-box-shadow:1px 5px 5px rgba(0, 0, 0, .25);
	-moz-box-shadow:1px 5px 5px rgba(0, 0, 0, .25);
	box-shadow:1px 5px 5px rgba(0, 0, 0, .25);	
}
	.b-heroarea__item {
		position:relative;
		overflow:hidden;
	}
		.b-heroarea__item img {
			display:block;
		}

		.b-herotile {
			/*position:absolute;
			left:36px;
			top:87px;
			font-size:15px;
			line-height:20px;*/
			
			/*position: absolute;
			left: 0px;
			padding: 23px 0 0 36px;
			top: 63px;
			font-size: 15px;
			line-height: 20px;
			width: 453px;
			height: 232px;
			background-color: transparent;*/
			
			position: absolute;
			left: 0px;
			padding: 23px 15px 0 36px;
			top: 53px;
			font-size: 15px;
			line-height: 20px;
			width: 432px;
			height: 215px;
			background-color: transparent;
		}
							
			.b-heroarea_segment_person .b-herotile { background-color: rgba(255, 255, 255, 0.65); }
			.b-heroarea_segment_sme .b-herotile,
			.bank-segment .b-solution-banner__caption { background-color: rgba(0, 18, 73, 0.65);}	
			.b-heroarea_segment_corp .b-herotile,
			.bank-segment .b-aboutpsb-banner__caption { background-color: rgba(0, 0, 0, 0.8);}		
			
		
			.no-square .b-herotile { background-color: transparent; }
			.white-square .b-herotile { background-color: rgba(255, 255, 255, 0.65); }
			.blue-square .b-herotile { background-color: rgba(0, 18, 73, 0.57);}	
			.black-square .b-herotile { background-color: rgba(0, 0, 0, 0.8);}
									
			.b-herotile__title{
				font-weight:normal;
				letter-spacing: -1px;
			}		
			
			.b-heroarea_segment_person .b-herotile__title {
				letter-spacing: -2px;
			}
			
			.b-herotile__text{
				margin:22px 0 15px;
				overflow: visible;
			}
						
			.b-heroarea_segment_person .b-herotile__text {
				color:#000;
			}
			
			.b-herotile__morelink{				
				display:inline-block;
				color:#ffffff;
				font-size:13px;
				line-height:20px;
				padding:4px 10px;
				border-radius:2px;
				-moz-border-radius:2px;
				-webkit-border-radius:2px;
			}

			.b-heroarea_segment_person .b-herotile__morelink{
				background: #fb9f4f;
				background: -moz-linear-gradient(top, #fb9f4f 0%, #f97400 100%);	
				background: -webkit-linear-gradient(top, #fb9f4f 0%,#f97400 100%);
				background: -o-linear-gradient(top, #fb9f4f 0%,#f97400 100%);
				background: -ms-linear-gradient(top, #fb9f4f 0%,#f97400 100%);
				background: linear-gradient(to bottom, #fb9f4f 0%,#f97400 100%);
			}			
			
			a.b-herotile__morelink:hover{
				text-decoration:none;
				border-color: transparent !important;
			} 
			
			.b-heroarea_segment_sme .b-herotile__morelink{
				font-size: 15px;
				border-bottom: 1px solid #fff;
				padding: 0;
				border-radius: 0;
			}			
			
			
	.b-herocarousel li {
		/*width:340px;*/
		float:left;
	}
	
	.b-heroarea_segment_person .b-herocarousel li{
		background:#ff6d0c;
		background:linear-gradient(#e6803c, #ff6d0c);
		background:-moz-linear-gradient(#e6803c, #ff6d0c);
		background:-webkit-gradient(linear, left top, left bottom, from(#e6803c), to(#ff6d0c));
		background:-o-linear-gradient(#e6803c, #ff6d0c);
		background: -ms-linear-gradient(top, #e6803c 0%,#ff6d0c 100%);
	}
	
	.b-heroarea_segment_private .b-herocarousel li {
		background:#7f736a;
		background:linear-gradient(#7f736a, #473b31);
		background:-moz-linear-gradient(#7f736a, #473b31);
		background:-webkit-gradient(linear, left top, left bottom, from(#7f736a), to(#473b31));
		background:-o-linear-gradient(#7f736a, #473b31);
		background: -ms-linear-gradient(top, #7f736a 0%,#473b31 100%);
	}
	
	.b-herocarousel li:first-child a {background:none;}

	.b-herocarousel li a {		
		text-align:center;
		color:#ffffff;
		font: 14px 'Open Sans', arial; /*Z - bold 14px 'Open Sans' */
		line-height:20px;
		padding:10px 0;
		display:block;
	}
	
	.b-heroarea_segment_person .b-herocarousel li a{
		background:url(https://www.psbank.ru/images/personal_tab_sep.png) no-repeat 0 0;
	}

	.b-heroarea_segment_private .b-herocarousel li a{
		background:url(https://www.psbank.ru/images/private_tab_sep.png) no-repeat 0 0;
	}

	.b-heroarea_segment_sme .b-herocarousel li a{
		background:url(https://www.psbank.ru/images/sme_tab_sep.png) no-repeat 0 0;
	}
	.b-herocarousel li a:hover {text-decoration:none;}

	.b-heroarea_segment_person .b-herocarousel__tab_state_current a{
		-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .25) inset;
		-moz-box-shadow:0 0 20px rgba(0, 0, 0, .25) inset;
		box-shadow:0 0 20px rgba(0, 0, 0, .25) inset;
		position:relative;
	}

	.b-heroarea_segment_private .b-herocarousel__tab_state_current a{
		-webkit-box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
		-moz-box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
		box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
		position:relative;
	}
	
	.b-herocarousel__tab_state_current a:before {
		content:'';
		width:0;
		height:0;
		border-left:4px solid transparent;
		border-right:4px solid transparent;
		border-bottom:5px solid;
		position:absolute;
		top:-5px;
		left:50%;
		margin-left:-3px;
	}

	.b-heroarea_segment_person .b-herocarousel__tab_state_current a:before {
		border-bottom-color:#D07233;
	}

/*-------------------------------------------------------- Private segment - unique style*/
.private-segment .jquery-search-checkbox .mark {
	display: block;
	background: rgb(251, 250, 248);
	background: -moz-linear-gradient(top, rgb(251, 250, 248) 0%, rgb(249, 247, 245) 100%);
	background: -webkit-linear-gradient(top, rgb(251, 250, 248) 0%,rgb(249, 247, 245) 100%);
	background: -o-linear-gradient(top, rgb(251, 250, 248) 0%,rgb(249, 247, 245) 100%);
	background: -ms-linear-gradient(top, rgb(251, 250, 248) 0%,rgb(249, 247, 245) 100%);
	background: linear-gradient(to bottom, rgb(251, 250, 248) 0%,rgb(249, 247, 245) 100%);
}

.private-segment .b-mapwidget .filter input[type="radio"] + span.jquery-search-checkbox div {
	background: url(https://www.psbank.ru/images/map-filter-radiobutton-private.png) no-repeat 5px 5px;
}
.private-segment .b-mapwidget .filter input[type="radio"] + span.jquery-search-checkbox-checked div {
	background-position: 5px -44px;
}

.private-segment  .locate_button {
	background: url(https://www.psbank.ru/images/locate_button-private.png) no-repeat 0 50% !important;
}	
	
.private-segment .b-mapwidget .map-detailed-link {
	color: #562600;
}

.private-segment .b-onlinebankwidget_signin .b-onlinebankwidget__link {
	color: #ffffff;
	text-transform:uppercase;			
	background:#785233;
	background:linear-gradient(#8f7057, #785233);
	background:-moz-linear-gradient(#8f7057, #785233);
	background:-webkit-gradient(linear, left top, left bottom, from(#8f7057), to(#785233));
	background:-o-linear-gradient(#8f7057, #785233);
	background: -ms-linear-gradient(top, #8f7057 0%,#785233 100%);			
}
	
.private-segment .b-onlinebankwidget_signin .b-onlinebankwidget__link:hover{
	background:#907057;
	background:linear-gradient(#795234, #907057);
	background:-moz-linear-gradient(#795234, #907057);
	background:-webkit-gradient(linear, left top, left bottom, from(#795234), to(#907057));
	background:-o-linear-gradient(#795234, #907057);
	background: -ms-linear-gradient(top, #795234 0%,#907057 100%);		
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#795234, endColorstr=#907057);
	text-decoration: none;
}

.private-segment .b-onlinebankwidget__title{
	color: #473A31;
}

.private-segment .b-mapwidget__commontitle,
.private-segment .b-onlinebankwidget__commontitle,
.private-segment .bottom_navi_content h3 {
	color: #191919;
}
	
/*--------------------------- Block with large images at the top of the page(SME segment)*/

.b-heroarea_segment_sme .b-herotile__title {
	color:#fff;
	font-size:26px;
	/*font-size:28px;*/
	text-transform:uppercase;
	margin-bottom: 20px;
}

.b-heroarea_segment_sme .b-herotile__subtitle {
	color:#ffffff;
	font:italic 22px/26px 'Miriad Pro Light';
}

.b-heroarea_segment_sme .b-herotile__text {
	color:#ffffff;
	font:15px/20px 'Open Sans Light', arial;
}

.b-heroarea_segment_sme .b-herocarousel li {
	background:#2b3c72;
	background: -moz-linear-gradient(top, #314276 0%, #2b3c72 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#314276), color-stop(100%,#2b3c72));
	background: -webkit-linear-gradient(top, #314276 0%,#2b3c72 100%);
	background: -o-linear-gradient(top, #314276 0%,#2b3c72 100%);
	background: -ms-linear-gradient(top, #314276 0%,#2b3c72 100%);
	background: linear-gradient(to bottom, #314276 0%,#2b3c72 100%);
	-pie-background: linear-gradient(#314276, #2b3c72);
}
	
.b-heroarea_segment_sme .b-herocarousel__tab_state_current a{
	-webkit-box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
	-moz-box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
	box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
	position:relative;
}


	
/*--------------------------- Block with large images at the top of the page(Private segment)*/

.b-heroarea.b-heroarea_segment_private{
	margin-bottom: 0px;
	position: relative;
}

.private-segment .b-heroarea+.content{
	padding: 27px 38px 64px;
	background: url(https://www.psbank.ru/images/private_upper_tile_background.png) repeat-x 0 0;
	position: relative;
	z-index: 1;
}

.private-segment .footer h4{
	color: #333333;
}

.private-segment  .with_gradient h6{
	color: #0a0c11;
}

.private-segment  .news_list a{
	color: #333;
	font-family:'Open Sans Semibold', arial;
}

.private-segment  .news_link{
	color: #473a31;
}

.private-segment .b-segmentdivider{
	border-top: 0px solid #C5C6C6;
	padding: 24px 0 240px;
	margin-left: -38px;
	margin-right: -38px;
	margin-bottom: -220px;
	background: url(https://www.psbank.ru/images/private_tile_background.png) repeat-x 0 0;
}

.private-segment .product-button {
	background:#785233;
	background:linear-gradient(#8f7057, #785233);
	background:-moz-linear-gradient(#8f7057, #785233);
	background:-webkit-gradient(linear, left top, left bottom, from(#8f7057), to(#785233));
	background:-o-linear-gradient(#8f7057, #785233);
	background: -ms-linear-gradient(top, #8f7057 0%,#785233 100%);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8f7057, endColorstr=#785233);
}

.private-segment .three_fourth .product-button {
    margin: 34px 0 0 25px;
}

.private-segment .product-button:hover {
	text-decoration:none;
	background:#907057;
	background:linear-gradient(#795234, #907057);
	background:-moz-linear-gradient(#795234, #907057);
	background:-webkit-gradient(linear, left top, left bottom, from(#795234), to(#907057));
	background:-o-linear-gradient(#795234, #907057);
	background: -ms-linear-gradient(top, #795234 0%,#907057 100%);		
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#795234, endColorstr=#907057);
	/*background:#b5dff7;
	background:linear-gradient(#c3e5f8, #b5dff7);
	background:-moz-linear-gradient(#c3e5f8, #b5dff7);
	background:-webkit-gradient(linear, left top, left bottom, from(#c3e5f8), to(#b5dff7));
	background:-o-linear-gradient(#c3e5f8, #b5dff7);
	background: -ms-linear-gradient(top, #c3e5f8 0%,#b5dff7 100%);		
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c3e5f8, endColorstr=#b5dff7);*/
}

.b-heroarea_segment_private .b-herotile__title {
	color:#562600;
	font-size:26px;
	text-transform:uppercase;
}

.b-heroarea_segment_private .b-herotile__text {color:#444444;}

.b-heroarea_segment_private .b-herocarousel li {
	background:#7f736a;
	background:linear-gradient(#7f736a, #473b31);
	background:-moz-linear-gradient(#7f736a, #473b31);
	background:-webkit-gradient(linear, left top, left bottom, from(#7f736a), to(#473b31));
	background:-o-linear-gradient(#7f736a, #473b31);
	background: -ms-linear-gradient(top, #7f736a 0%,#473b31 100%);
}

.b-heroarea_segment_private .b-herocarousel li a{
	background-image:url(https://www.psbank.ru/images/private_tab_sep.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

.b-heroarea_segment_private .b-herocarousel__tab_state_current a{
	-webkit-box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
	-moz-box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
	box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
	position:relative;
}
	.b-heroarea_segment_private .b-herocarousel__tab_state_current a:before {
		border-bottom-color:#584F49;
	}
	
	.b-heroarea_segment_sme .b-herocarousel__tab_state_current a:before {
		border-bottom-color:#1e2d5c;
	}
	
	/*--------------------------- Block with large images at the top of the page(Corporate segment)*/

.b-heroarea_segment_corp .b-herotile__title {
	color:#ffffff;
	text-transform:uppercase;
	font-size:26px;
	margin-bottom: 20px;
}

.b-heroarea_segment_corp .b-herotile__subtitle {
	color:#ffffff;
	font:italic 22px/26px 'Open Sans Light', arial;
}

.b-heroarea_segment_corp .b-herotile__text {
	color:#ffffff;
	font:15px/20px 'Open Sans Light', arial;
	
}

.b-heroarea_segment_corp .b-herotile__morelink {
	font-size: 15px;
	border-bottom: 1px solid #fff;
	padding: 0;
	border-radius: 0;
}

.b-heroarea_segment_corp .b-herocarousel li {
	background:#949493;
	background:linear-gradient(#c6c6c6, #7d7d7d);
	background:-moz-linear-gradient(#c6c6c6, #7d7d7d);
	background:-webkit-gradient(linear, left top, left bottom, from(#c6c6c6), to(#7d7d7d));
	background:-o-linear-gradient(#c6c6c6, #7d7d7d);
	background: -ms-linear-gradient(top, #c6c6c6 0%,#7d7d7d 100%);
}

.b-heroarea_segment_corp  .b-herocarousel li a{
	font-family:'Open Sans', arial;
	background-image:url(https://www.psbank.ru/images/corporate_tab_sep.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

.b-heroarea_segment_corp  .b-herocarousel__tab_state_current+li a {background-position:0 -40px;}

.b-heroarea_segment_corp  .b-herocarousel__tab_state_current a{
	-webkit-box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
	-moz-box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
	box-shadow:0 5px 20px rgba(0, 0, 0, .5) inset;
	position:relative;
}

.b-heroarea_segment_corp .b-herocarousel__tab_state_current a:before {
	border-bottom-color:#898989;
}

/*----------------------------------*/	

	.b-segmentdivider {
		border-top:1px solid #c5c6c6;
		margin:24px 0 40px;
	}
	
	.b-segmentdivider_segment_corp{
		border-color:#e6e6e6;
	}

	.b-segmentdivider_page_investors{
		border-color:#e6e6e6;
	}	
	
	.b-servicestitle{		
		font: bold 13px  'Open Sans Bold', arial;
		color: #5d5148;
		text-transform: uppercase;
		padding-left: 6px;
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: -10px;
	}
	
	.b-servicestitle_segment_person{
		color: #274193;	
	}
	
	.b-servicestitle_segment_sme{
		color: #283675;
	}
	
	.b-servicestitle_segment_private{}
	
	.b-servicestitle_segment_corp{
		color: #191919;
		margin-bottom:-14px;
	}
	
/*---------------------------------------------------------------------- Solution Area*/

.b-solution-banner {
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
	margin-top:9px;
}
/*	.b-solution-banner__caption {
		width:315px;
		position:absolute;
		top:65px;
		left:18px;
		color:#FFFFFF;
		font-size:16px;
		line-height:20px;
	}
*/	
	.b-solution-banner__caption {
		position: absolute;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 20px;
		left: 0px;
		padding: 23px 15px 0 18px;
		width: 377px;
		height: 215px;	
		top: 39px;
	}
	
	.b-solution-banner__title {
		color:#FFFFFF;
		font-weight:normal;
		margin-bottom: 8px;
		margin-left: -2px;
	}

.b-solutiontile {
	position:relative;
	overflow:hidden;
	min-height:375px;
	margin: 6px 0px 58px;
	cursor: pointer;
}
	.b-solutiontile__title {
		display:block;
		padding:13px 0 15px;
		color:#21409a;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
	}
		
	.b-solutiontile__text {
		padding-bottom:56px;
font-size:13px; /*Z*/
		line-height:20px;
	}

	.b-solutiontile__action {
		position:absolute;
		bottom:60px;
		display:block;
		font-size:11px;
		line-height:20px;
		color:#556495;
		text-decoration:underline;
	}
	
	.b-solutiontile__action:hover {text-decoration:none;}
	
	.b-solutiontile__morelink {
		position:absolute;
		bottom:0;
	}
	
	.b-solution-heading-divider {
		padding-bottom: 16px !important;
		margin-bottom: 35px !important;
	}

/*---------------------------------------------------------------------- Error Page*/

.b-error_content {
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #e7e7e6;
	padding:17px 0 40px;
	margin:0 0 40px;
}
	.b-error_content__text {
		padding:14px 0 60px;
		color:#666666;
		font:14px/20px 'Open Sans Light', arial;
	}

.error_button {
	padding:3px 20px;
	color:#ffffff;
	line-height:20px;
	font-size:11px;
	text-transform:uppercase;
	float:left;
	background:url(https://www.psbank.ru/images/button_error.png) repeat-x 0 0;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
    -webkit-transition:background .2s ease-out;
    -moz-transition:background .2s ease-out;
    -ms-transition:background .2s ease-out;
    -o-transition:background .2s ease-out;
    transition:background .2s ease-out;
}

.error_button:hover {
	background-position:0 -26px;
	text-decoration:none;
}

.b-error_colored {
	overflow:hidden;
	padding:27px 40px 30px;
	margin:0 -40px;
	background-color:#f57b20;
}
	.b-error_colored_title {
		color:#000f1a;
	}
	
	.b-error_colored__text {
		font-family: "Open Sans", arial;
		padding:11px 0 15px;
		color:#fbcfaf;
		font-size:16px;
		line-height:20px;
	}
	
/*---------------------------------------------------------------------- Company Info Page*/

.b-companyinfo {
	position:relative;
	overflow:hidden;
	padding-top:14px;
	margin-bottom: 26px;
}

.b-companyinfo h2 {
	margin-top: -8px;
	margin-bottom: 9px;
	font-size: 25px;
}

.b-companyinfo > .one_half {
	min-height: 315px;
}

.b-companyinfo + h6{
	margin-top: -11px;
	margin-left: 3px;
	font: bold 13px/24px 'Open Sans Bold', arial;
	color: #274193;

}

	.b-companyinfo__text {
		padding: 20px 0px 20px 4px;
		width: 420px;
		color:#666666;
		font:14px/20px 'Open Sans Light', arial;
	}

.b-companyinfo__text + .button_orange{
	position: absolute;
	left: 0px;
	bottom: 16px;
}
	
	
		
/*---------------------------------------------------------------------- People Gallery Page*/
.b-workersgallery {
	position:relative;
	overflow:hidden;
	padding-top:14px;
	margin-bottom: 26px;
}

.b-workersgallery h2 {
	margin-top: -8px;
	margin-bottom: 9px;
	font-size: 25px;
}

.b-workersgallery > .one_half {
	min-height: 200px;
}

.b-workersgallery + h6{
	margin-top: -11px;
	margin-left: 3px;
	font: bold 13px/24px 'Open Sans Bold', arial;
	color: #274193;
}

	.b-workersgallery__text {
		padding: 20px 0px 20px 1px;
		width: 460px;
		color:#666666;
		font:14px/20px 'Open Sans Light', arial;
	}

.b-workersgallery__text + .button_orange{
	position: absolute;
	left: 0px;
	bottom: 16px;
}
	

/*---------------------------------------------------------------------- Careers at PSB page*/

.b-careerinfo {
	position:relative;
	overflow:hidden;
	padding-top:14px;
	margin-bottom: 42px;
}

.b-careerinfo h2 {
	margin-top: -8px;
	margin-bottom: 9px;
	font-size: 25px;
}

.b-careerinfo > .one_half {
	/*min-height: 315px;*/
	width: 464px !important;
}

.b-careerinfo + h6{
	margin-top: -11px;
	margin-left: 3px;
	font: bold 13px/24px 'Open Sans Bold', arial;
	color: #274193;

}

	.b-careerinfo__text {
		padding: 20px 0px 20px 4px;
		width: 420px;
		color:#666666;
		font:14px/20px 'Open Sans', arial;
	}

.b-careerinfo__text + .button_orange{
	position: absolute;
	left: 0px;
	bottom: 16px;
}

.b-careerinfo + .divider{
	border-top: 1px solid #b6b6b6;
	padding-bottom: 40px;
}

.b-segmentdivider .b-segmentdivider_page_vacancy{
	border-top: 1px solid #e6e6e6;
}

.b-vacancytitle { 
	color: #274193;
	font: bold 14px "Open Sans Bold", "arial";
	margin-bottom: -10px;
	margin-top: 6px;
	padding-left: 5px;
	text-transform: uppercase;
}

.b-vacancytitle + .b-segmentdivider_page_vacancy{
	margin-bottom: 25px !important;
}

.b-introtile_page_vacancy{
	position: relative;
}
	
.b-introtile_page_vacancy .b-introtile__title {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	padding-right: 25px;
	padding-bottom: 10px;
}	

.b-introtile_page_vacancy .b-introtile__text{
	padding:12px 25px 52px 0 !important;
	margin-bottom: 30px;
}

.b-introtile_page_vacancy .b-introtile__morelink{
	position: absolute;
	bottom:0px;
	padding-left: 19px;
	padding-right: 19px;
	background:#686868;
	background:linear-gradient(#686868, #484848);
	background:-moz-linear-gradient(#686868, #484848);
	background:-webkit-gradient(linear, left top, left bottom, from(#686868), to(#484848));
	background:-o-linear-gradient(#686868, #484848);
	background: -ms-linear-gradient(top, #686868 0%,#484848 100%);
	text-transform:uppercase;
}

.b-introtile_page_vacancy .b-introtile__morelink:hover{
	background:#474747;
	background:linear-gradient(#474747, #686868);
	background:-moz-linear-gradient(#474747, #686868);
	background:-webkit-gradient(linear, left top, left bottom, from(#474747), to(#686868));
	background:-o-linear-gradient(#474747, #686868);
	background: -ms-linear-gradient(top, #474747 0%,#686868 100%);
	text-transform:uppercase;
}

.b-introtile_page_vacancy.b-introtile_state_upper .b-introtile__title{
	font-family: 'Open Sans Semibold', arial;
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
}

.b-introtile_page_vacancy.b-introtile_state_upper .b-introtile__text{
	font-size: 14px;
	padding: 0 0 0 13px;
}

.vacancy-slider{
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
	margin-left: -40px;
	margin-right: -40px;
}

.vacancy-slider .bjqs-controls {
	position: absolute;
	top: 200px;
	width: 100%;
}

.vacancy-slider .bjqs-controls li {display:block;}

.vacancy-slider .bjqs-next,
.vacancy-slider .bjqs-prev {	
	background:url(https://www.psbank.ru/images/arrow_vacancy.png) no-repeat 5px 40px;
	display:block;
	width: 60px;
	height: 200px;
	padding:0;
	position:absolute;
	text-indent:-9999px;
	/*background-color: red;*/
	/*opacity: 0;*/
}

.vacancy-slider .bjqs-next {
	right:0;
	bottom:0;
	right: 40px;
	background-position: -70px 40px;
}

.vacancy-slider .bjqs-prev {
	left:0;
	bottom:0;
	left: -45px;
	width: 35px;
}

.vacancy-slider ol.b-herocarousel {
	/*display: none;*/
}

.vacancy-slider__morelink-wrapper{	
	width: 100%;
	padding-top: 30px;
	padding-bottom: 20px;
	text-align: center;
}
				
.vacancy-slider__morelink {
	position: relative;	
	border-bottom: 2px solid #FEE1D4;
	text-transform: uppercase;
	font: 11px/12px 'Open Sans Semibold', arial;
	color: #F57B20;		
}

.vacancy-slider__morelink:hover {
	border-bottom: 2px solid transparent;
	text-decoration: none;
}



/*---------------------------------------------------------------------- Investors page*/

.b-introtile_page_investors.b-introtile_state_upper,
.b-contactmetile_page_investors .b-introtile_state_upper {
	margin-bottom: -10px;
}

.b-introtile_page_investors .b-introtile__title{
	text-transform: uppercase;
	font-size: 16px;
	line-height: 44px;

}

.b-introtile_state_upper .b-introtile__text{
	font-size: 14px;
}

.b-introtile_page_investors .b-introtile__morelink{
	padding-left: 19px;
	padding-right: 19px;
	background:#686868;
	background:linear-gradient(#686868, #484848);
	background:-moz-linear-gradient(#686868, #484848);
	background:-webkit-gradient(linear, left top, left bottom, from(#686868), to(#484848));
	background:-o-linear-gradient(#686868, #484848);
	background: -ms-linear-gradient(top, #686868 0%,#484848 100%);
	text-transform:uppercase;
}
.b-introtile_page_investors .b-introtile__morelink:hover{
	background:#bababa;
	background:linear-gradient(#bababa, #adadad);
	background:-moz-linear-gradient(#bababa, #adadad);
	background:-webkit-gradient(linear, left top, left bottom, from(#bababa), to(#adadad));
	background:-o-linear-gradient(#bababa, #adadad);
	background: -ms-linear-gradient(top, #bababa 0%,#adadad 100%);
	text-transform:uppercase;
}

.b-investors-banner + .one_third + .one_third  + .one_third  + .cl + .b-segmentdivider.b-segmentdivider_page_investors{ margin-top: 14px}

.b-introtile_page_investors.b-introtile_state_upper .b-introtile__title{
	font-family: 'Open Sans Semibold', arial;
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
}

.b-introtile_page_investors.b-introtile_state_upper .b-introtile__text{
	font-size: 14px;
	padding: 0 0 0 13px;
}

.event-investor {
	display: block;
	position: relative;
	width: 301px;
	height: 78px;
	border: 1px solid #bfc7de;
	text-transform: uppercase;
}

a.event-investor:hover {
	text-decoration: none;
	cursor: pointer;
}

a.event-investor:hover time{
	color: #fff !important; 
	background-color: #264393 !important;
}

.b-introtile__title+.event-investor{
	margin-top: 32px;
}

.event-investor+.event-investor{
	margin-top: 11px;
}

.event-investor time{
	display: block;
	float: left;
	width: 80px;
	height: 68px;
	padding-top: 10px;
	border-right: 1px solid #bfc7de;
	text-align: center;
	color: #264393;
	font: normal 46px/34px 'Open Sans Semibold', arial;
}


.event-investor time span{
	display: block;
	font-size: 22px;
}

.event-investor p{
	font: normal 14px 'Open Sans', arial;
	color: #666766;
	height: 35px;
	overflow: hidden;
	text-overflow:ellipsis;
	padding: 20px 0 0 12px;
	
}
/*---------------------------------------------------------------------- About PSB Page*/

.b-aboutpsb-banner {
	position:relative;
	overflow:hidden;
	margin-top: 7px;
	padding-bottom:25px;
}
	.b-aboutpsb-banner__caption {
		/*position:absolute;
		top:60px;
		left:15px;*/
		position: absolute;
		color: #FFFFFF;
		font-size: 16px;
		line-height: 20px;
		left: 0px;
		padding: 23px 15px 0 18px;
		width: 377px;
		height: 215px;	
		top: 39px;
	}
	
	
	.b-aboutpsb-banner__title {
		font-size:36px;
		color:#ffffff;
	}

.b-investors-banner {
	position:relative;
	overflow:hidden;
	padding-bottom:25px;
	margin-top: 7px;
}
	.b-investors-banner__caption {
		position:absolute;
		top:60px;
		left:17px;
		color:#254594;
	}
	.b-investors-banner__title {
		font-size:36px;
	}
	.b-investors-banner__text {
		font-style: italic;
		font-size:20px;
		line-height: 26px;
		padding-top: 25px;
	}
	
.paragraph_14 {
	color:#666666;
	font:14px/20px 'Open Sans Light', arial;
}

.heading_20 {
	color:#473a31;
	font:20px/30px 'Open Sans Semibold', arial;
	margin-left: 9px;
	margin-bottom: 23px;
}

.two_third.b-peoplegallery{
	width: 608px !important;
}

.b-peoplegallery {position:relative;}

.b-peoplegallery li {
	position:relative;
}
	.b-peoplegallery_image {
		width:50%;
		float:left;
	}
	.b-peoplegallery_about {
		width:50%;
		padding-bottom:30px;
		float:right;
		text-align:center;
	}
		.b-peoplegallery_about__title {
			padding:19px 0 32px;
			color:#21409a;
			font-size:14px;
			line-height:16px;
			text-transform:uppercase;
		}
		
		.b-peoplegallery_about__quotes {
			display:block;
			color:#777777;
			font-size:60px;
			line-height:20px;
		}
		
		.b-peoplegallery_about__quote {
			display: block;
			padding: 0 5px 25px;
			color: #777;
			font: italic 22px/23px 'Open Sans Light', arial;
		}
		
		.b-peoplegallery_about__name {
			display:block;
			padding-top:11px;
			color:#3a2f2b;
			font-size:11px;
			text-transform:uppercase;
		}
		.b-peoplegallery_about__job {
			display:block;
			color:#8d8b8b;
			font-size:10px;
			text-transform:uppercase;
		}
		
		.b-peoplegallery_about__link {
			position:absolute;
			bottom:12px;
			right:12%;			
			border-bottom: 2px solid #FEE1D4;
			text-transform:uppercase;
			font: 11px/12px 'Open Sans Semibold', arial;
			color: #F57B20;		
			
		}
		
		.b-peoplegallery_about__link:hover {
			border-bottom: 2px solid transparent;
			text-decoration: none;
		}
		
		.b-peoplegallery .bjqs-controls {
			display:block;
			width:100%;
			height:24px;
			bottom:0;
		}
		
		.b-peoplegallery .bjqs-controls li {display:block;}
		
		.b-peoplegallery .bjqs-next,
		.b-peoplegallery .bjqs-prev {
			background:url(https://www.psbank.ru/images/arrow_gallery.png) no-repeat 0 0;
			display:block;
			width:24px;
			height:24px;
			padding:0;
			position:absolute;
			text-indent:-9999px;
		}
		
		.b-peoplegallery .bjqs-next {
			right:0;
			bottom:0;
			background-position:0 -24px;
		}
		
		.b-peoplegallery .bjqs-prev {
			left:0;
			bottom:0;
		}
		
		.b-peoplegallery .b-herocarousel {
			position:absolute;
			right:337px;
			bottom:15px;
		}
		
		.b-peoplegallery .b-herocarousel li {
			overflow:hidden;
			display:inline-block;
			width:7px;
			height:7px;
			margin:0 0 0 8px;
			background:url(https://www.psbank.ru/images/bullet_gallery.png) no-repeat 0 0;
		}
		
		.b-peoplegallery .b-herocarousel li.b-herocarousel__tab_state_current {background-position:0 -37px;}
		
		.b-peoplegallery .b-herocarousel li a {
			display:block;
			width:7px;
			height:7px;
			padding:0;
			text-indent:-9999px;
		}
		
/*---------------------------------------------------------------------- Contact Widget*/

.bottom_navi_content strong small {
	font-size:11px;
}

.b-contactuswidget {}
	.b-contactuswidget__call {
		width:320px;
		float:left;
	}
	.b-contactuswidget__call_info {padding-bottom:25px;}
		.b-contactuswidget .divider {padding-bottom:15px;}

		.b-contactuswidget__title {
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
		}

		.b-contactuswidget__title span {
			text-transform:none;
			font-weight:normal;
			font-size:12px;
		}
		
		.b-contactuswidget__text {
			padding:2px 0 6px;
		}
		
		.color_grey {color:#a0a1a1;}

.b-contactuswidget__mail {
	width:225px;
	padding-top:2px;
	float:left;
	position:relative;
}
	.b-contactuswidget__mail .b-contactuswidget__mail_list {
		padding:31px 0 22px;
	}
	
	.b-contactuswidget__mail .blue_color {font-size:13px;}
	
	.b-contactuswidget__mail .b-contactuswidget__mail_list a {
		line-height:18px;
		display:block;
		padding:0 0 12px 27px;
	}
	
	.mail_link {
		background:url(https://www.psbank.ru/images/icon_contact_mail.png) no-repeat 0 4px;
	}
	
	.docs_link {
		background:url(https://www.psbank.ru/images/icon_widget_doc.png) no-repeat 0 1px;
	}
	
	.person_link {
		background:url(https://www.psbank.ru/images/icon_widget_person.png) no-repeat 0 1px;
	}
	
	.b-contactuswidget__mail_socialtitle {
		display:block;
		padding-bottom:13px;
		color:#8e98b3;
	}
	
	.b-contactuswidget__mail .social_icons li {margin-right:15px;}
	
	.embedded_media_border {
		padding:3px;
		float: left;
		background-color:#ffffff;
		-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3);
	}
	
	.embedded_media_border img {display:block;}

.b-contactuswidget__service {
	position:relative;
	width:370px;
	float:left;
}
	.b-contactuswidget__service .embedded_media_border {margin:0 23px 0 0;}
	
	.b-contactuswidget__service_title {
		display:block;
		padding:2px 0 36px;
		font-size:14px;
		color:#283675;
	}
	
	.b-contactuswidget__service .b-contactuswidget__title {padding-bottom:10px;}


/*-----------------------------Big background image on private segment*/
.b-background-image{
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
	background: url(https://www.psbank.ru/images/img/private_bg.jpg) no-repeat center 0;
	margin-bottom: -323px;
}

.b-background-image__content{
	width: 944px;
	height: 700px;
	/*padding: 16px 0px;*/
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.b-background-image__block{
	position: absolute;
	left: 36px;
	top: 97px;
	font-size: 15px;
	line-height: 20px;
}

.b-background-image__title{
	color: #7f7775;
	font-size: 26px;
	text-transform: uppercase;
	font-family: "Open Sans Bold";
	font-weight: bold;
}

.b-background-image__text{
	margin: 22px 0 15px;
	overflow: visible;
	color: #7f7775;
	font-family: "Open Sans";
}

.b-background-image + .content {
	padding: 0 38px 0;
}

.b-background-image + .content .b-segmentdivider:first-child{
	margin-top: -14px;
}