@import url('partials/buttons.css');

.col-md-2_4{
	width: 20%;
	float: left;
	padding: 0 16px;
}
.no-gutters{
	margin: 0 !important;
	padding: 0 !important;
}
.row_half-gutters{
	margin: 0 -8px;
}
.row_eq-height{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.row_eq-height:before {
	display: none;
}
.socialnew {
	float: left;
	margin-right:36px;
}
.half-gutters{
	margin: 0 !important;
	padding: 8px !important;
}
.position-static{
	position: static;
}
.owl-carousel .owl-item {
	/* margin-left: -1px;
	margin-right: -1px; */
}
.owl-carousel .owl-item img{
	width: auto;
	display: inline-block;
}
.js-font-size{
	display: inline;
}

.scrolled_h {
	width: 100%;
	overflow-x: auto;
	cursor: move;
	font-size: 70%;
}
.scrolled_h > table {
	max-width: 9999em;
	margin-top: 20px;
}
.scrolled_h__top-scroll {
  position: absolute;
  height: 20px;
  overflow-x: auto;
}
.fake-scroll {
	height: 1px;
}


.text-underline {
	text-decoration: underline;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-spacing {
	letter-spacing: 0.4em
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
@media (min-width: 768px) {
	.text-md-right {
		text-align: right;
	}
}
@media (min-width: 992px) {
	.text-lg-right {
		text-align: right;
	}
}
.text-center {
	text-align: center;
}
.text-monospace {
	font-size: 12px;
	letter-spacing: 0.4em;
	text-transform: uppercase;
	font-weight: 700;
}
a.text-monospace:hover {
	text-decoration: none;
}


.ps-scrollbar-y-rail{
	width: 4px !important;
	background: transparent !important;
	right: 5px !important;
	opacity: 1 !important;
}
.ps-scrollbar-y{
	width: 100% !important;
	left: 0 !important;
	right: 0 !important;
	background-color: transparent !important;
	opacity: 1 !important;
}
.ps-scrollbar-y:after{
	content: '';
	display: block;
	top: 15px;
	bottom: 15px;
	position: absolute;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 2px;
	cursor: pointer;
	transition: all 0.3s ease;
	opacity: 0.3;
}
.ps-scrollbar-y:hover:after{
	opacity: 1;
}

iframe[height="1px"]{
	display: none;
}

*{
	margin: 0;
	padding: 0;
}
body{
	font-family: 'ProximaNova', sans-serif;
	line-height: 1.2;
	font-size: 16px;
	font-weight: 400;
	color: #242338;
}
.page-wrapper{
	max-width: 1920px;
	margin: 0 auto;
	box-shadow: 0 0 21px rgba(157,163,183,0.75);
}

a[href^="tel:"]{
	white-space: nowrap;
}

.link{
	transition: all 0.25s ease;
	text-decoration: none;
	cursor: pointer;
	color: inherit;
}
.link_underline{
	text-decoration: underline;
}
.link_hover-underline:hover{
	text-decoration: underline;
}
.link:hover{
	opacity: 0.75;
}
.link_inner-button:hover{
	opacity: 1;
}
.link:hover,
.link:visited,
.link:active,
.link:focus{
	outline: none;
}
.link_vacancy {

	font-weight: 700;
	font-size: 11px;
	display: inline-block;
	margin: 0 auto 0 0;
	width: auto;
	max-width: 500px;
	height: 44px;
	line-height: 44px;
	padding: 0 20px;
	float: left;
	text-transform: uppercase;
	color: #fff;
	background-color: #f85969;
	box-shadow: 0 3px 3px rgba(244,67,87,.4);
	border-radius: 3px;
	display: none;
}
.no-privacy .widget-form-privacy__content{
	display: none;
}

.input-text{
	width: 100%;
	height: 58px;
	border: 1px solid #4e4d5b;
	background-color: transparent;
	outline: none;
	padding: 0 35px;
	display: inline-block;
}

.header-1{
	font-size: 80px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.025em;
	color: #4571fd;
	text-transform: uppercase;
	position: relative;
}
.header-2{
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 300;
	line-height: 1.25em;
	text-transform: uppercase;
	text-align: left;
	color: #363b42;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
}
.header-2_size-min{
	font-size: 30px;
}
.header-2 br{
	display: none;
}

.block-pagination{
	margin: 36px auto;
	text-align: center;
	display: block;
}
.block-pagination__link{
	color: #9da3b7;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.4em;
	margin: 0 .25em;
	padding: .5em;
}
a.block-pagination__link{
	color: #010674;
}
a.block-pagination__link:hover{
	color: #006ADB;
}
.block-pagination__link_disable{
	display: none;
}
.block-pagination__link-border{
	border-bottom: 1px solid #010674;
	padding-bottom: 4px;
	padding-left: 0.4em;
}
.block-pagination__round{
	width: 47px;
	height: 47px;
	border-radius: 50%;
	color: #ffffff;
	background-color: #010674;
	font-size: 55px;
	line-height: 50px;
	margin: 0px 5px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0;
	font-weight: 400;
}

.more-min{
	font-size: 12px;
	letter-spacing: 0.4em;
	text-transform: uppercase;
	position: absolute;
	right: -0.35em;
	top: 15px;
	height: 1em;
	display: flex;
	align-items: center;
	font-weight: 700;
	color: #184df7;
	max-width: 250px;
	text-align: right;
	text-decoration: none;
	border-bottom: 1px solid #8d90a3;
	transition: all 0.25s ease;
	padding-bottom: 3px;
}
.more-min:hover{
	text-decoration: none;
	border-bottom: 1px solid #4099ff;
	color: #4099ff;
}
.more-min-static{
	font-size: 12px;
	letter-spacing: 0.4em;
	text-transform: uppercase;
	font-weight: 700;
	color: #8d90a3;
	max-width: 200px;
	border-bottom: 1px solid #8d90a3;
	padding-left: 0.4em;
	transition: all 0.25s ease;
}
.more-min-static:hover{
	color: #4099ff;
	border-bottom: 1px solid #4099ff;
}

.line-hack-middle{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.line-hack-between{
	display: inline-block;
	width: 100%;
}

.block-page{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #cecece;
	position: relative;
	z-index: 1;
	display: block;
}
.block-page_bg-gray {
	background-color: #eceff7;
}
.block-page_shadow{
	box-shadow: 0 3px 16px rgba(0,0,0,0.2);
    z-index: 10;
}

.filter-list{
	width: 290px;
	position: relative;
	list-style: none;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	padding-bottom: 3px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	cursor: pointer;
}
.filter-list__item{
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.4em;
	text-transform: uppercase;
}

.top-triggers{
	min-height: 476px;
	color: #fff;
	padding-top: 250px;
}
.top-triggers__inner{
	position: relative;
}
.top-triggers__mask{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 50%);
}
.top-triggers__header-1{
	font-weight: 800;
	text-align: center;
	font-size: 90px;
	line-height: 0.6em;
}
.top-triggers__header-1_min{
	font-size: 20px;
	font-weight: 400;
	display: block;
	text-align: center;
	margin-top: 20px;
}
.top-triggers__triggers{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 37px;
}
.top-triggers__trigger{
	display: flex;
	align-items: center;
}
.top-triggers__trigger-img{
	display: block;
	margin-right: 5px;
}
.top-triggers__trigger-num{
	font-weight: 300;
	font-size: 40px;
	text-transform: uppercase;
	line-height: 0.9em;
}
.top-triggers__trigger-text{
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}
.top-triggers__trigger-text-big{
	font-size: 24px;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 0.85em;
}
.block-header__logo {
    max-width: 300px;
    margin-top: 7px;
}
.block-header__logo_30 {
	max-width: 400px;
  margin-top: -3px;
}
@media (max-width: 1500px){
	.block-header__logo_30 {
		max-width: 306px;
		margin-bottom: 17px;
	}
}

@media (max-width: 991px){

	.col-md-2_4{
		width: 100%;
	}
	.col-md-2_4.col-sm-6{
		width: 50%;
	}
	.col-lg-2_6{
		width: 100%;
	}
	.more-min{
		letter-spacing: 0;
		right: 0;
	}
	.header-2{
		font-size: 30px;
	}
	.top-triggers__triggers{
		flex-wrap: wrap;
	}
	.top-triggers__trigger{
		width: 50%;
		margin-bottom: 30px;
	}

}
@media (max-width: 767px){
	.desktop-only {
		display: none !important;
	}
	.column-reversed_mobile {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.more-min{
		display: none;
	}
	.header-2{
		font-size: 36px;
		line-height: 1;
	}
	.top-triggers{
		padding-top: 30px;
	}
	.top-triggers__triggers {
		max-width: 320px;
    	margin: 37px auto 0;
	}
	.top-triggers__trigger{
		display: block;
		width: 100%;
		position: relative;
	}
	.top-triggers__trigger-img{
		max-width: 43px;
	}
	.top-triggers__trigger-info {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		padding-left: 55px;
	}
	.top-triggers__trigger-num {
		font-size: 28px;
		line-height: 1;
	}
	.top-triggers__trigger-text, .top-triggers__trigger-text-big {
		font-size: 12px;
		line-height: 1;
		font-weight: bold;
	}
	.top-triggers__header-1{
		text-align: left;
		font-size: 15vmin;
		line-height: 1;
	}
	.top-triggers__header-1_min{
		text-align: left;
		font-size: 6.25vmin;
		line-height: 1;
		margin-top: 10px;
	}
	.col-md-2_4.col-sm-6{
		width: 100%;
	}
	body .lander-widget-entrance-popup {
		    z-index: 5001;
	}
	body .lander-widget-bottom-buttons {
		padding: 0;
		line-height: 1;
		width: 100%;
	}
	/* body .lander-widget-bottom-buttons__entrance {
		width: 50%;
		min-height: 70px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
        justify-content: center;
		margin: 0;
		border-radius: 0;
		background: #F85969;
	} */

	body .lander-widget-bottom-buttons__phone {
		width: 50%;
		min-height: 70px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
        justify-content: center;
		margin: 0;
		border-radius: 0;
		background: #498AED;
	}
	/*body .lander-widget-bottom-buttons__phone,
	body .lander-widget-bottom-buttons__entrance {
		margin: 0 !important;
	}*/


	.block-header__toggle-menu-container .lander-widget-bottom-buttons__entrance,
	.block-header__toggle-menu-container .lander-widget-bottom-buttons__call,
	.block-header__toggle-menu-container .lander-widget-bottom-buttons__whatsapp{
		width: 100%;
		border-radius: 0!important;
		box-shadow: none!important;
	}

	body .lander-widget-bottom-buttons__phone:before {
		display: inline-block;
		vertical-align: middle;
		margin-right: 7px;
		content: url(/assets/template/v4/img/icons/lander-widget-bottom-buttons__phone-icon.png)
	}
	body .lander-widget-bottom-buttons__entrance img,
	body .lander-widget-bottom-buttons__phone img {
		display: none;
	}
	a.block-pagination__link, .block-pagination__link {
		color: #010674;
	}
	.block-pagination__link-border {
		border-bottom: none;
	}
	.block-pagination__round {
		width: 32px;
    	height: 32px;
    	background: #010674;
    	font-size: 42px;
    	line-height: 32px;
	}
	.page-faculties .top-triggers {
    	background-position-x: 66%;
	}
	.top-triggers__mask {
		    background: linear-gradient(180deg, rgba(14, 62, 232, .9) 0%, rgba(58, 0, 224, 0.5) 100%);
	}
	body .block-top {
    	padding: 27px 0;
	}
	body .block-top__text {
		font-size: 28px;
		line-height: 1.178;
	}
	body .block-top__text-min {
		font-size: 20px;
		line-height: 1.45;
	}
	body .block-top__menu-list {
		padding-top: 15px;
		border-color: #E8E8E8;
	}
	body .block-top__menu-item {
		border-bottom: none;
	}
	.block-top__menu-link {
		text-align: center;
	}
	.block-page .block-right {
		width: auto;
	}
	.button_bg-red {
		background: #010674;
	}

}
@media (max-width: 480px){

	.block-pagination__link{
		letter-spacing: 0;
	}
	.block-pagination__link-border{
		padding-left: 0;
	}

}


@media (min-width: 1200px){

	.col-lg-2_6{
		width: 22.2%;
		float: left;
		padding: 0 16px;
	}

	
}

@media (max-width: 1200px){
	
	.block-page{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #fff;
	position: relative;
	z-index: 1;
	display: block;
		
}
	.top-triggers{	
	color: #fff;
	padding-top: 150px;
	min-height: 150px;
}
	
	
}
@media (min-width: 1800px){

	.col-fhd-4{
		width: 33.333333%;
		float: left;
		padding: 0 15px;
	}
	.col-fhd-8{
		width: 66.666666%;
		float: left;
		padding: 0 15px;
	}

}


.dev-grid {
	position: relative;
}
.dev-grid:after {
	content: "";
	opacity: .25;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAASBAMAAADbMYGVAAAAD1BMVEX+SBn+SBn/q5X/cU3////7dpXTAAAABXRSTlNGWUZKJg9ROHAAAAAZSURBVHgBY2QAAUEQ8R5EKIGIISOoNIQFAYpaFan+ujdTAAAAAElFTkSuQmCC');
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	display: block;
}



/*h1,
h2 {
	margin-bottom: 20px;
	font-weight: 300;
	font-size: 40px;
	line-height: 1.2em;
	text-transform: uppercase;
}*/


#call-button{
	display: none!important;
}
/* block top
---------------------------------------*/
.block-top {
	padding: 60px 0;
}
.block-top__header {
  margin-bottom: 20px;
}
.block-top__content {
	padding-right: 20px;
	margin-right: -1px;
	border-right: 1px solid #cacaca;
}
.pull-right[class*="col-"]> .block-top__content {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
	padding-left: 20px;
	margin-left: -1px;
	border-left: 1px solid #cacaca;
}
@media (max-width: 992px) {
	.block-top__content {
		border-right: none;
		margin-bottom: 60px;
	}
	.link_vacancy {
		margin-left: 0;
	}
}
.block-top__text {
	font-size: 36px;
	font-weight: 300;
	line-height: 1.2em;
}
.block-top__text-min{
	font-size: 18px;
	line-height: 28px;
	margin-top: 25px;
}


.block-right{
  position: relative;
  z-index: 1;
	float: right;
	width: 285px;
	margin-left: 30px;
	margin-bottom: 60px;
	padding-left: 50px;
	border-left: 1px solid #cacaca;
}
[class*="col-"] > .block-right {
	float: none;
	margin-left: 0;
	margin-bottom: 0;
}
.pull-left [class*="col-"] > .block-right {
	padding-left: 0;
	padding-right: 50px;
	border-right: 1px solid #cacaca;
	border-left: 0;
	margin-right: 30px;
}
@media (max-width: 991px) {
	.block-right{
		float: none;
		padding: 0;
		border-left: none;
	}
}


.block-right .capture-form_vertical {
  margin-top: 2.5rem;
}
.block-right .capture-form_vertical__title {
  margin-bottom: 1.5rem;
  text-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}

.block-right_toggle {
	position: relative;
}
.block-right_toggle-off {
	height: 150px;
	padding-bottom: 50px;
	overflow-y: hidden;
}
.block-right__toggle {
	position: absolute;
	bottom: 0;
	left: 30px;
	right: 0;
  z-index: 15;
	height: 50px;
	padding-top: 8px;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 15px rgba(255,255,255,1);
	text-align: center;
	color: #a3a6b6;
	cursor: pointer;
	transition: .2s;
}
.block-right_toggle-on .block-right__toggle {
	top: 100%;
	bottom: auto;
}
.block-right__toggle:before {
	content: 'Раскрыть меню';
	letter-spacing: 0.4em;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}
.block-right_toggle-on .block-right__toggle:before {
	content: 'Скрыть меню';
}
.block-right__toggle:after {
	position: absolute;
  left: 50%;
  bottom: .5em;
	display: block;
	width: 0;
  height: 0;
	margin-left: -1em;
	border: 1em solid;
	border-left-color: transparent;
	border-right-color: transparent;
  font-size: 15px;
  color: #a3a6b6;
	content: '';
	transition: .2s;
}
.block-right_toggle-off .block-right__toggle:after {
	border-bottom: 0;
}
.block-right_toggle-on .block-right__toggle:after {
	border-top: 0;
}
.block-right__toggle:hover {
	background: rgba(255, 255, 255, 1);
  color: #9496b0;
}
.block-right__toggle:hover:after {
  bottom: .25em;
}
.block-right_toggle-on .block-right__toggle:hover:after {
	bottom: .75em;
}

@media (max-width: 991px) {
	.block-right__toggle {
		left: 0;
	}
}



.block-top__menu{
	position: relative;
	z-index: 10;
	width: 100%;
	left: -1px;
	/*margin-bottom: 60px;*/
}
@media (max-width: 991px) {
	.block-top__menu{
		padding-left: 0;
		margin-left: 0;
		border-left: none;
		float: none;
	}
}
.block-top__menu-list{
	padding: 0;
	margin: 0;
	border-top: 1px solid #cacaca;
	list-style: none;
}
.block-top__menu-item{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #cacaca;
}
.block-top__menu-item:before {
	content: none;
}
.block-top__menu-link{
	font-size: 14px;
	text-transform: uppercase;
	color: #5a5a5a;
	display: block;
	letter-spacing: 0.025em;
	padding: 12px 0;
}
@media (min-width: 768px) {
	.mobile-only {
		display: none !important;
	}
}


/* Widget Right
---------------------------------------*/
.block-right__widget-name {
	margin: 0 0 15px;
	font-size: 20px;
  font-weight: 400;
  color: #5a5a5a;
}


/* Breadcrumb
---------------------------------------*/
.breadcrumb {
	padding: 1rem 0rem;
	margin-bottom: 2rem;
	/*border-top: 1px solid #c7c9d2;
	border-bottom: 1px solid #c7c9d2;*/
	list-style: none;
}
.breadcrumb:after {
	display: block;
	content: '';
	clear: both;
}
.breadcrumb__item {
	max-width: 250px;
	margin-right: 1.5rem;
	float: left;
	color: #a3a6b6;
	font-size: 14px;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.breadcrumb__item:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 10px;
	border-left: 6px solid #a3a6b6;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.breadcrumb__item:first-child:before {
	content: none;
}

.breadcrumb__item a {
	text-decoration: none;
	color: #a3a6b6;
}
.breadcrumb__item a:hover,
.breadcrumb__item a:active,
.breadcrumb__item a:focus,
.breadcrumb__item a:active:focus {
	color: #1c6ae1;
}



/* main
-------------------------------------------------*/
main {
	position: relative;
	padding-bottom: 60px;
}

main a {
	color: #1e2faa;
	text-decoration: underline;
}
main a:hover {
	color: #1c6ae1;
}
main a:visited {
	color: #701eaa;
}

main p {
	margin: 1em auto;
}

main ul {
	list-style: none;
	padding-left: 25px;
	color: inherit;
}
main ul li {
	position: relative;
	padding-left: 1.5em;
	margin: 1.25em 0;
}
main ul li:before {
	position: absolute;
	top: .35em;
	left: 0em;
	width: .4em;
	height: .4em;
	border-radius: 50%;
	background-color: #242338;
	content: '';
	/*transform: rotate(45deg);*/
}

main ol {
	padding-left: 25px;
	color: inherit;
	counter-reset: counter;
}
main ol li {
	position: relative;
	margin: 1.25em 0;
	list-style: none;
}
main ol li:before {
	margin-right: 1em;
	counter-increment: counter;
	content:counter(counter)'.';
}
main img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 767px){
	main iframe {
		width: auto;
		min-width: 320px;
		max-width: 100%;
		height: auto;
	}
}

main .capture-form__container {
	padding: 30px;
	background-color: #eceff7;
}


/* Blockquote
--------------------------------------- */
blockquote {
	position: relative;
	padding: 70px 90px;
	border: 1px solid #c7c9d2;
	color: #242338;
	font-size: 24px;
	line-height: 1.45em;
	font-weight: 300;
	text-align: center;
}
blockquote:before,
blockquote:after {
	position: absolute;
	display: inline-block;
	height: 38px;
	color: #eceff7;
	font-size: 100px;
	font-weight: bold;
	line-height: 20px;
}
blockquote:before {
	left: 0;
	top: 70px;
	margin-left: 20px;
	content: '«';
}
blockquote:after {
	left: auto;
	right: 0;
	bottom: 60px;
	margin-right: 20px;
	content: '»';
}
blockquote p {
	margin: 0;
}

/* Tables
---------------------------------------*/
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	border-collapse: collapse;
	background-color: transparent;
	text-align: left;
}
.table caption {
	padding: 1.25rem 1.75rem;
	background: #9496b0;
	color: #fff;
	font-size: 24px;
	text-align: left;
}
.table td,
.table th {
	padding: 2rem;
}
.table th {
	background: #eceff7;
	font-weight: 400;
	text-transform: uppercase;
}
.thead-default th {
	background: #9496b0;
	color: #fff;
}
.table td {
	border-bottom: 1px solid #c7c9d2;
}
.table .td-blue {
	background: #4587ec;
	border-bottom-color: #366ac2;
	color: #fff;
}
.table th.td-blue {
	background: #284fa3;
}

.table a {
	color: inherit;
	outline: none;
	text-decoration: none;
}
.table a:hover,
.table a:active,
.table a:focus {
	color: #1C6AE1;
}


/* .tabs__content-background
---------------------------------------*/

.tabs__content-background .js-tabs {
	width: 100%;
}
.tabs__content-background_inline .js-tabs {
	width: auto;
}

.tabs__content-background [href*="#"] {
	display: block;
	height: 60px;
	background: #9496b0;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	transition: all 0.3s ease;
}
.tabs__content-background [href*="#"]:first-child {
	border-left: none;
}

.tabs__content-background [href*="#"].active,
.tabs__content-background + * > [style*="block"] {
	background: #eceff7;
}
.tabs__content-background [href*="#"].active {
	position: relative;
	color: #1e2faa;
	cursor: default;
	text-decoration: none;
}
.tabs__content-background [href*="#"].active:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 45px;
	right: 45px;
	border-bottom: 4px solid #1e2faa;
	content: '';
}
.tabs__content-background + * > [style*="block"]  {
	padding: 20px;
	color: inherit;
}

@media (max-width: 575px){
	.tabs__content-background [href*="#"] {
		height: auto;
		padding: 20px;
		border-bottom: 1px solid #eceff7;
	}
	.tabs__content-background [href*="#"].active:after {
		content: none;
	}
}

@media (min-width: 576px){
	.tabs__content-background .js-tabs {
		display: table;
		table-layout: fixed;
	}
	.tabs__content-background [href*="#"] {
		display: table-cell;
		border-left: 4px solid #eceff7;
	}
}

@media (min-width: 768px){
	.tabs__content-background [href*="#"] {
		padding: 0 20px;
		font-size: 18px;
	}
}


/* .tabs__border-bottom
---------------------------------------*/

.tabs__border-bottom {
	text-align: justify;
}
.tabs__border-bottom [href*="#"] {
	display: inline-block;
	border-bottom: 4px solid rgba(30,47,170,0);
	position: relative;
	z-index: 2;
	color: inherit;
	font-size: 18px;
	line-height: 50px;
	transition: all 0.3s ease;
}
.tabs__border-bottom [href*="#"].active {
	color: #1e2faa;
	border-bottom: 3px solid #1e2faa;
}
.tabs__border-bottom__hack {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #c7c9d2;
	position: relative;
	top: -1em;
}


/* .tabs__btns
---------------------------------------*/

.tabs__btns {
	width: 100%;
}

.tabs__btns [href*="#"] {
	display: inline-block;
	height: 64px;
	color: #1e2faa;
	text-align: center;
	vertical-align: middle;
}
.tabs__btns [href*="#"] > * {
	display: flex;
	height: 100%;
	margin-left: 3px;
	background: #fff;
	border: 1px solid #eae9eb;
	box-shadow: 0 0 5px #f1f1f3;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	transition: .3s;
}
.tabs__btns [href*="#"]:first-child > * {
	margin-left: 0;
}
.tabs__btns [href*="#"] > *:hover {
	box-shadow: none;
}
.tabs__btns [href*="#"].active > * {
	background: #1e2faa;
	box-shadow: none;
	color: #fff;
}

.tabs__btns + * > [style*="block"] {
	padding: 20px;
}

@media (max-width: 575px){
	.tabs__btns [href*="#"] {
		display: block;
	}
	.tabs__btns [href*="#"] > * {
		margin: 0;
	}
}

@media (min-width: 576px){
	.tabs__btns {
		display: table;
		table-layout: fixed;
	}
	.tabs__btns [href*="#"] {
		display: table-cell;
	}
}

@media (min-width: 768px){
	.tabs__btns [href*="#"] {
		font-size: 18px;
	}
}


/* panel
---------------------------------------*/
.panel{
	position: relative;
	background-color: #fff;
	border-top: 1px solid #c7c9d2;
	border-bottom: 1px solid #c7c9d2;
}
.panel-body{
	padding: .5rem 15rem 2.3rem 12.75rem;
	font-size: 1.8rem;
	line-height: 1.6;
	overflow: hidden;
}
.panel-heading{
	position: relative;
	display: block;
	padding: 1.85rem 7.5rem 1.85rem 12.75rem;
	background-color: transparent;
	color: inherit;
	font-size: 2rem;
	font-weight: 700;
	text-decoration: none;
	transition: .3s;
}
.panel-heading:active,
.panel-heading:visited{
	color: inherit;
}
.panel-heading:hover{
	background-color: #eceff7;
	color: #1c6ae1;
}
.panel-group{
	margin: 0rem 0 5.75rem;
	counter-reset: counter;
}
.panel-group .panel + .panel{
	margin-top: -1px;
}

.panel-title{
	display:inline;
	position:relative;
	border-bottom: 1px dotted;
	transition: .3s;
}

.panel-heading:before {
	position: absolute;
	top: 50%;
  left: 0;
  z-index: 10;
  margin-top: -.45rem;
	display: inline-block;
	width: 12rem;
	height: auto;
	line-height: 1;
	color: #a3a6b6;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	counter-increment: counter;
	content:counter(counter);
}
.panel-heading:after{
	content: '+';
	position: absolute;
	display: inline-block;
	top: 50%;
	right: 2rem;
	margin-top: -1.45rem;
	padding: 0;
	height: 2.9rem;
	width: 2.9rem;
	border-radius: 2.9rem;
  background-color: #1c6ae1;
	line-height: 3rem;
	font-size: 2.9rem;
	font-weight: 100;
	color: #fff;
	text-align: center;
	text-indent: 1px;
	vertical-align: middle;
	transition: .3s;
}
.panel.active .panel-heading:after{
	transform: rotate(45deg);
}
.collapse {
	display: none;
}
.collapse.in {
	display:block;
}
@media(max-width:768px){
	.panel-heading:before{
		width: 4rem;
	}
	.panel-heading{
		padding-left: 4rem;
		padding-right: 4rem;
	}
	.panel-body {
		padding: 0 0 2rem 2rem;
	}
	.panel-heading:after,
	.panel-heading:before{
		right: .1rem;
	}
}


/* Tables
---------------------------------------*/
table {
	max-width: 100%;
	margin-bottom: 1rem;
	border-collapse: collapse;
	background-color: transparent;
	text-align: left;
}
table caption {
	padding: 1.25rem 1.75rem;
	background: #9496b0;
	color: #fff;
	font-size: 24px;
	text-align: left;
}
table td,
table th {
	padding: 2rem;
}
table th {
	background: #eceff7;
	font-weight: 400;
	text-transform: uppercase;
}
.thead-default th {
	background: #9496b0;
	color: #fff;
}
table td {
	border-bottom: 1px solid #c7c9d2;
}
table .td-blue {
	background: #4587ec;
	border-bottom-color: #366ac2;
	color: #fff;
}
table th.td-blue {
	background: #284fa3;
}

table a {
	color: inherit;
	outline: none;
	text-decoration: none;
}
table a:hover,
table a:active,
table a:focus {
	color: #1C6AE1;
}


/* fix content
-------------------------------------------------*/
ul > br,
ol > br {
	display: none;
}


/* Attention
---------------------------------------*/
.attention {
	position: relative;
	border: 1px solid #f73c4f;
	padding: 7% 8% 7% /*75px 90px 110px*/;
}
.attention__close {
	position: absolute;
	top: 6px;
	right: 6px;
	display: inline-block;
	width: 30px;
	height: 30px;
	border: none;
	border-radius: 50%;
	background: none;
	color: #f73c4f;
	font-size: 45px;
	font-weight: 100;
	line-height: .75em;
	text-align: center;
	text-indent: 1px;
	transition: .3s;
}
.attention__close:hover {
	background: #fee3e6;
	outline: none;
}
.attention__close:focus,
.attention__close:hover:focus {
	background: none;
	box-shadow: inset 0 0 3px #f73c4f;
	outline: none;
}
.attention__caption {
	margin-bottom: 1em;
	color: #f73c4f;
	font-size: 24px;
	font-weight: 300;
	line-height: 1em;
	text-align: left;
	text-transform: uppercase;
}
.attention__text {
	color: #242338;
	font-size: 18px;
	line-height: 1.6em;
}


/* Progressbar
---------------------------------------*/
.progress {
	margin-bottom: 2rem;
	text-align: center;
}
.progress__label {
	display: block;
	color: #9496b0;
	font-size: 14px;
	font-weight: bold;
}
.progress__bar {
	position: relative;
	height: 6px;
	border-radius: 5px;
	box-shadow: inset 0 0 1px rgba(0,0,0,.5);
	background: #eceff7;
	overflow: hidden;
}
.progress__val {
	position: absolute;
	top: -1px;
	left: 0;
	bottom: -1px;
	display: block;
	border: 1px solid #38b185;
	border-right: 0;
	background: #3dc18e;
}



/* Fancybox
---------------------------------------*/
.fancybox-skin {
	padding: 0 !important;
}

.fancybox-close {
	position: absolute;
  width: 35px;
  height: 35px;
  background-image: url(/assets/template/v4/img/icons/close_popup.svg);
  background-size: 100%;
  top: 20px;
  right: 20px;
}

.fancybox-privacy .fancybox-outer + .fancybox-close,
.fancybox-wrap_def .fancybox-close,
.fancybox-wrap_Payment-procedures-and-Refund-Policy .fancybox-close {
		width: 35px;
		height: 35px;
		top: 30px;
		right: 30px;
		background: url('//synergy.ru/assets/template/svg/icon-close-thin.svg') no-repeat;
	}
	.fancybox-privacy .fancybox-close:before,
	.fancybox-privacy .fancybox-close:after {
		display: none;
		content: initial;
	}
	.fancybox-privacy__content {
		color: #182641 !important;
		font-size: 16px;
		font-family: 'Exo 2', 'exo_2.0', 'exo2_0', 'Exo2', sans-serif;
		font-weight: 300;
		line-height: 1.25;
		background: #FFF;
		padding: 40px 50px 50px;
	}
	.fancybox-privacy__content:hover *,
	.fancybox-privacy__content a {
		color: inherit;
	}
	.fancybox-privacy__title {
		color: #458AF3 !important;
		font-size: 36px;
		font-weight: 600;
		text-transform: uppercase;
		margin: 0 0 30px;
	}
	.fancybox-privacy__subtitle {
		font-size: 24px;
		font-weight: 600;
	}
	.fancybox-privacy__text {
		padding: 0;
		margin: 0 0 15px;
	}

	.fancybox-privacy__footer {
		text-align: right;
		margin: 40px 0 0;
	}
	.fancybox-privacy__footer-text {
		max-width: 415px;
		display: inline-block;
		vertical-align: top;
		color: #666666 !important;
		font-size: 14px;
		padding: 3px 0 10px;
	}
	.fancybox-privacy__footer-button {
		width: 100%;
		max-width: 215px;
		display: inline-block;
		height: 60px;
		text-align: center;
		color: #FFF !important;
		font-size: 18px;
		font-weight: normal;
		line-height: 60px;
		background: #458af3;
		box-shadow: 3px 3px 3px #0000004d;
		border-radius: 3px;
		cursor: pointer;
		opacity: 1;
		transition: opacity 0.1s ease-in-out;
		margin-left: 10px;
	}
	.fancybox-privacy__footer-button:hover {
		opacity: 0.9
	}

	@media (max-width:640px) {
		.fancybox-privacy__title,
		.fancybox-privacy__subtitle {
			font-size: 100%;
		}
	}
	@media (max-width:480px) {
		.fancybox-privacy__content {
			color: #182641;
			padding: 40px 20px 50px;
		}
	}


/* Выпадающее меню
---------------------------------------*/
.stilized-list__wrapper {
	position: relative;
	display: inline-block;
	float: left;
	min-width: 230px;
	height: 40px;
	margin-bottom: 30px;
	padding: 0 35px 0 17px;
	background-color: transparent;
	border: 1px solid #c7c9d2;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
	transition: .25s;
	outline: none;
}
.stilized-list__wrapper:hover {
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.stilized-list {
	color: #c7c9d2;
	font-size: 13px;
	line-height: 40px;
	text-transform: uppercase;
}
.stilized-list:after {
	content: url(/assets/template/v4/img/arrow-to-bottom__grey.svg);
	display: block;
	width: 10px;
	height: 5px;
	position: absolute;
	top: -2px;
	right: 18px;
}
.stilized-list__opener {
	position: absolute;
	top: 40px;
	left: -1px;
	right: -1px;
	max-height: 0;
	padding: 0 17px 0 17px;
	background-color: #fff;
	border-left: 1px solid #c7c9d2;
	border-right: 1px solid #c7c9d2;
	overflow-y: hidden;
	transition: all 0.5s ease;
}
.stilized-list__opener_opened {
	top: 38px;
	max-height: 200px;
	height: 200px;
	padding: 2px 17px 0 17px;
	border-bottom: inherit;
	overflow-y: auto;
}
.stilized-list__item {
	border-top: 1px solid #c7c9d2;
	list-style: none;
}
.stilized-list__link {
	display: block;
	padding: 8px 0;
	color: #242338;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .025em;
	text-transform: uppercase;
	transition: all .25s;
}
.stilized-list__link:hover {
	color: #4099ff;
}

.stilized-list__opener .ps-scrollbar-y:after {
	background-color: #898fa5;
	opacity: .3;
}
.stilized-list__opener .ps-scrollbar-y:hover:after {
	opacity: 1;
}


.widget-form-privacy-collapse .widget-form-privacy {
	position: relative;
	z-index: 100;
	min-height: 95px;
	overflow: visible !important;
}
.widget-form-privacy-collapse .widget-form-privacy__content {
	position: absolute !important;
	top: 0;
	left: 0;
}
.widget-form-privacy-collapse .widget-form-privacy label {
	display: inline-block !important;
	max-height: 2.25em;
	text-decoration: underline;
  overflow: hidden;
  transition: max-height .3s;
}
.widget-form-privacy-collapse .widget-form-privacy:hover label {
	display: inline-block !important;
	max-height: 10em;
	text-decoration: none;
}


.footer-banner {
	display: block !important;
}

/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
#nav{
	margin-top:25px;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;

}
#nav li a{
	display:block;
	padding:10px 30px 17px 25px;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
}
#nav li a:hover{
	color:#000;
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:underline;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	background:url(dot.gif);
}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:underline;
}
#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#333;
	background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод, лучше чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#nav ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	background:url(dot.gif);

}
#nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
	font-size:14px;
	color: #0c0c0c;
}
#nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
#nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background:rgba(206,206,206,0.96); /* Выглядит полупрозрачным */
	text-decoration:underline;
}

#nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}

#nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	color: #000;
	background:rgba(255,255,255,0.75); /* Будет полупрозрачным */
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
.addthis_inline_follow_toolbox {
    float: left;
    margin-right: 36px;
}

/*    background-color: rgb(30, 47, 170, 0);
    line-height: 38px;
    height: 38px;
    width: 38px;
    border-radius: 0%;
}*/

span.at-icon-wrapper {
    background-color: rgb(30, 47, 170, 0);
    line-height: 38px;
    height: 38px;
    width: 38px;
    border-radius: 0%;
}