/* fonts */

/* Roboto Regular */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-cyrillic_latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-v18-cyrillic_latin-regular.woff2') format('woff2'),
       url('../fonts/roboto-v18-cyrillic_latin-regular.woff') format('woff'),
       url('../fonts/roboto-v18-cyrillic_latin-regular.ttf') format('truetype'),
       url('../fonts/roboto-v18-cyrillic_latin-regular.svg#Roboto') format('svg');
}

/* Roboto Light */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-cyrillic_latin-300.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-cyrillic_latin-300.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-v18-cyrillic_latin-300.woff2') format('woff2'),
       url('../fonts/roboto-v18-cyrillic_latin-300.woff') format('woff'),
       url('../fonts/roboto-v18-cyrillic_latin-300.ttf') format('truetype'),
       url('../fonts/roboto-v18-cyrillic_latin-300.svg#Roboto') format('svg');
}

/* Roboto Semibold */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-cyrillic_latin-500.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-cyrillic_latin-500.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-v18-cyrillic_latin-500.woff2') format('woff2'),
       url('../fonts/roboto-v18-cyrillic_latin-500.woff') format('woff'),
       url('../fonts/roboto-v18-cyrillic_latin-500.ttf') format('truetype'),
       url('../fonts/roboto-v18-cyrillic_latin-500.svg#Roboto') format('svg');
}

/* Roboto Bold */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-cyrillic_latin-700.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-cyrillic_latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto-v18-cyrillic_latin-700.woff2') format('woff2'),
       url('../fonts/roboto-v18-cyrillic_latin-700.woff') format('woff'),
       url('../fonts/roboto-v18-cyrillic_latin-700.ttf') format('truetype'),
       url('../fonts/roboto-v18-cyrillic_latin-700.svg#Roboto') format('svg');
}

/* Roboto Slab */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v7-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('../fonts/roboto-slab-v7-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v7-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v7-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v7-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v7-cyrillic_latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}


/* common */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

html, body { width: 100%; height: 100%; }

body { background-color: #fff; font: 14px/1.5 "Roboto", sans-serif; color: #333; }
input, select, textarea, button { outline: none; font: 14px/1.5 "Roboto", sans-serif; color: #333; }
select:-moz-focusring { text-shadow: 0 0 0 #000; color: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a { text-decoration: underline; color: #498bf5; }
a, /*a:hover,*/ a:active/*, a:focus*/ { outline: none; /*border: none;*/ }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 500; color: #333; }
h1 { margin-bottom: 34px; font-size: 26px; }
h2 { margin-bottom: 30px; font-size: 24px; }
h3 { margin-bottom: 30px; font-size: 20px; }
h4 { margin-bottom: 25px; font-size: 20px; }
h5 { margin-bottom: 25px; font-size: 18px; }
h6 { margin-bottom: 20px; font-size: 16px; }

p { margin-bottom: 20px; }

.ta-left { text-align: left; }
.ta-center { text-align: center; }
.ta-right { text-align: right; }

ul, ol, dl { list-style-type: none; }
ol { margin: 0 0 20px 25px; list-style-type: decimal; list-style-position: outside; }

img { border: none; vertical-align: top; }

table { border-collapse: collapse; }
/*th, td { padding: 10px 20px; border: 1px solid #c9c9c9; }*/

hr { height: 0; border-bottom: 1px solid #ddd; }

.clear { overflow: hidden; clear: both; height: 0; }
.clearfix:after { content: ""; display: table; clear: both; }

.hidden { display: none; }
.visible { visibility: visible; }
.invisible { visibility: hidden; }

/*.color-password-moving-mobile { overflow: hidden; }*/


/* div table */
.div-table { display: table; width: 100%; }
.div-table.layout-fixed { table-layout: fixed; }
.div-tr { display: table-row; }
.div-td { display: table-cell; vertical-align: middle; padding: 5px 10px; }
.div-td.no-pad-l { padding-left: 0; }
.div-td.no-pad-r { padding-right: 0; }


/* forms */
.form-block { width: 500px; margin: 0 auto; }
.form-title { margin-bottom: 40px; font-family: "Roboto"; font-size: 36px; font-weight: 300; }
.form-title-small { font-size: 26px; }

/* fields */
.field, .field-text, .select, .tarea { vertical-align: top; width: 100%; height: 34px; padding: 5px 0; margin-bottom: 25px; border: none; border-bottom: 2px solid #303030; background-color: #fff; line-height: 32px; font-size: 15px; }
.tarea { height: 130px; resize: none; line-height: 1.5; }

.field::-webkit-input-placeholder,
.select::-webkit-input-placeholder,
.tarea::-webkit-input-placeholder { color: #333; }
.field::-moz-placeholder,
.select::-moz-placeholder,
.tarea::-moz-placeholder { color: #333; }
.field:-ms-input-placeholder,
.select:-ms-input-placeholder,
.tarea:-ms-input-placeholder { color: #333; }
.field:-moz-placeholder,
.select:-moz-placeholder,
.tarea:-moz-placeholder { color: #333; } 

.field:disabled, .field-text:disabled, .select:disabled, .tarea:disabled, .btn:disabled { opacity: 0.5; cursor: default; }

.field-wrapper { position: relative; }
.field-wrapper.error .field, .field-wrapper.error .select, .field-wrapper.error .tarea { border-color: #f0122d; }
.field-error { position: absolute; left: 0; bottom: 5px; width: 100%; font-size: 12px; color: #ff1431; }

/* buttons */
.btn { display: inline-block; vertical-align: middle; height: 48px; padding: 0 37px; border-radius: 5px; border: none; background: none; cursor: pointer; text-decoration: none; font-size: 16px; font-weight: normal; }
.btn-wide { width: 100%; }
.btn-submit { box-shadow: 0px 10px 20px rgba(146, 106, 245, 0.6); font-size: 16px; color: #fff; 
	background: #6977f5;
	background: -moz-linear-gradient(top, #6977f5 0%, #8a4bff 100%);
	background: -webkit-linear-gradient(top, #6977f5 0%,#8a4bff 100%);
	background: linear-gradient(to bottom, #6977f5 0%,#8a4bff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6977f5', endColorstr='#8a4bff', GradientType=0);
}
.btn-cancel { border: 1px solid #595959; font-size: 16px; color: #474747; }

/* buttons block */
.buttons-block { margin-top: 10px; margin-bottom: 15px; }
.buttons-block-row { margin-bottom: 25px; }
.buttons-block-row:last-child { margin-bottom: 0; }
.buttons-block a { text-decoration: none; }
.buttons-block a:hover { text-decoration: underline; }
.buttons-block.btns-ml .btn { margin-left: 15px; }
.buttons-block.btns-mr .btn { margin-right: 15px; }


/* lists */
.ul-circle { margin-left: 50px; }
.ul-circle li { position: relative; padding-left: 30px; margin-bottom: 17px; }
.ul-circle li:last-child { margin-bottom: 0; }
.ul-circle li:before { position: absolute; left: 0; top: 8px; display: block; width: 14px; height: 14px; border-radius: 50%; background-color: #7666f9; content: ""; }




/* structure */

/* page */
.page { width: 100%; min-height: 100%; background-color: #fff; }
.login-page .page {
	background: #56c8ff;
	background: -moz-linear-gradient(top, #56c8ff 0%, #6f5cf2 100%);
	background: -webkit-linear-gradient(top, #56c8ff 0%,#6f5cf2 100%);
	background: linear-gradient(to bottom, #56c8ff 0%,#6f5cf2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56c8ff', endColorstr='#6f5cf2', GradientType=0);
}

/* header */
.header { position: relative; }
.login-page .header { height: 150px; padding-top: 85px; }

/* main */
.main { padding-bottom: 80px; }
.phases-page .main { padding-top: 30px; margin-left: 25px; margin-right: 25px; }

/* footer */
.footer { position: relative; width: 100%; height: 45px; margin: -45px auto 0; }




/* blocks */


/* header */


/* logo */
.logo { display: block; margin: 0 auto; }


/* langs */
.langs { position: absolute; right: 22px; top: 22px; font-size: 14px; }
.langs li { float: right; margin-left: 5px; }
.langs li:last-child { margin-left: 0; }
.langs a { display: block; width: 34px; height: 34px; border-radius: 50%; line-height: 34px; text-align: center; color: #fff; }
.langs a, .langs a:hover { text-decoration: none; }
.langs a.active { cursor: default; background-color: #fff; color: #5ea2fa; }
.langs.dark a { color: #999; }
.langs.dark a.active { background-color: #507ef6; color: #fff; }


/* header info top */
.header-phases-top,
.header-phases-top-logos,
.header-phases-top-r { height: 90px; }
.header-phases-top { text-align: right; }
.header-phases-top-l { float: left; margin-left: 25px; text-align: left; }
.header-phases-top-r { float: right; margin-right: 25px; }
.header-phases-bank-name, .header-phases-plus, .header-phases-logo { position: relative; float: left; }
.header-phases-bank-name { top: 20px; /*margin-top: 20px;*/ font-size: 30px; }
.header-phases-plus { top: 17px; width: 72px; height: 72px; /*margin-top: 17px;*/ background: url("../images/plus.png") no-repeat 0 0; background-size: 100% auto; }
.header-phases-logo { top: 28px; /*margin-top: 28px;*/ }
.pdf-link, .header-phases-top .langs, .header-logout, .header-phases-top:before { display: inline-block; vertical-align: middle; }
.pdf-link a, .header-logout a { text-decoration: none; color: #498bf5; }
.pdf-link a:hover, .header-logout a:hover { text-decoration: underline; }
.pdf-link a { display: inline-block; vertical-align: middle; height: 36px; padding-left: 35px; background: url("../images/pdf-icon.png") no-repeat 0 center; background-size: auto 100%; line-height: 36px; }
.header-phases-top .langs { position: static; left: auto; right: auto; top: 0; margin-left: 30px; }
.header-logout { margin: 0 25px 0 20px; }
.header-phases-top:before { width: 0; height: 100%; content: ""; }

.header-phases-bottom { font-family: "Roboto Slab"; font-size: 20px; color: #fff; }
.header-phases-bottom .div-td { height: 75px; padding: 0 25px; }
.header-phases-bottom .div-td p { position: relative; display: inline-block; vertical-align: middle; height: 35px; padding-left: 50px; margin: 0; background-repeat: no-repeat; background-position: 0 center; background-size: auto 100%; line-height: 35px; }
.header-phases-phase-1 { width: 100%; 
	background: #33b6f4;
	background: -moz-linear-gradient(top, #33b6f4 0%, #6751f7 100%);
	background: -webkit-linear-gradient(top, #33b6f4 0%,#6751f7 100%);
	background: linear-gradient(to bottom, #33b6f4 0%,#6751f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33b6f4', endColorstr='#6751f7', GradientType=0); }
.header-phases-phase-1 p { background-image: url("../images/card-icon.png"); }
.header-phases-phase-1:after { position: absolute; left: 36px; bottom: 0; display: block; width: 0; height: 0; border-style: solid; border-width: 0 6px 10px 6px; border-color: transparent transparent #fff transparent; content: ""; }
.header-phases-phase-2 { white-space: nowrap;
	background: #e024f2;
	background: -moz-linear-gradient(top, #e024f2 0%, #bd10e0 100%);
	background: -webkit-linear-gradient(top, #e024f2 0%,#bd10e0 100%);
	background: linear-gradient(to bottom, #e024f2 0%,#bd10e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e024f2', endColorstr='#bd10e0', GradientType=0); }
.header-phases-phase-2 p { background-image: url("../images/bitcoin-icon.png"); }
.header-phases-bottom .sep { margin: 0 5px; }
.header-phases-bottom sup { line-height: 1.5; font-size: 13px; }







/* footer */

/* copyright */
.copyright { position: absolute; left: 27px; top: 8px; font-size: 12px; color: #fff; }
.phases-page .copyright { color: #767676; }

/* site version */
.site-version { margin-left: 10px; }




/* content */

/* title block */
.title-block { padding: 24px 0 10px; text-align: center; font-family: "Roboto Slab"; font-size: 22px; }
.title-block, .title-block-title { color: #fff; }
.title-block-title { margin-bottom: 10px; line-height: 1.2; letter-spacing: -0.02em; font-size: 58px; }
.title-box-paragraph { margin-top: -10px; }

/* white block */
.white-block { width: 96%; max-width: 840px; padding: 30px 40px; margin: 0 auto; border-radius: 20px; box-shadow: 0px 20px 40px rgba(13, 7, 103, 0.31); background-color: #fff; transition: width 0.2s ease-in-out 0s; transition: max-width 0.2s ease-in-out 0s; }
.white-block.short { max-width: 730px; }
.white-block-title-block { margin-bottom: 65px; text-align: center; font-size: 14px; color: #707070; }
.white-block-title-block.small-mb { margin-bottom: 40px; }
.white-block-title-block.smaller-mb { margin-bottom: 25px; }
.white-block-title { margin-bottom: 10px; }
.white-box-paragraph { margin: 0 20px; }

/* 404 */
.page-404 { padding-top: 50px; padding-bottom: 50px; }
.page-404 .white-block-title-block { margin-bottom: 0; }


/* color password */
.color-password-block { margin-bottom: 70px; }
.color-password-block .div-td { padding: 0; }
.color-password-item { position: relative; width: 118px; height: 118px; margin: 0 auto; }
.color-password-selected-color-block { position: absolute; left: 28px; top: 28px; width: 62px; height: 62px; }
.color-password-selected-border { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #c9c9c9; border-radius: 50%; transition: all 0.2s ease-in-out 0s; }
.color-password-selected-color { position: absolute; left: 9px; top: 9px; width: 44px; height: 44px; border-radius: 50%; }
.color-password-item.current .color-password-selected-border { border: 4px solid #8650fe; }
.color-password-item .field-wrapper { position: absolute; left: 0; top: 100%; width: 100%; height: 0; text-align: center; }
.color-password-item .field-error { bottom: auto; top: 5px; }

.color-password-arrow { position: absolute; left: 50%; bottom: -38px; width: 33px; height: 31px; margin-left: -16px; background: url("../images/color-password-arrow.png") no-repeat 0 0; background-size: 100% auto; opacity: 0; transition: opacity 0.3s ease-in-out 0s; }
.current .color-password-arrow { opacity: 1; }

.color-password-colors { position: relative; width: 100%; height: 100%; }
.color-password-color { position: absolute; width: 22px; height: 22px; border-radius: 50%; cursor: pointer; line-height: 24px; text-align: center; font-weight: 500; color: #fff; }
.color-password-color.red { left: 14px; top: 81px; }
.color-password-color.green { left: 0; top: 48px; }
.color-password-color.blue { left: 14px; top: 15px; }
.color-password-color.pink { left: 48px; top: 0; }
.color-password-color.cyan { right: 14px; top: 15px; }
.color-password-color.white { right: 0; top: 48px; color: #bdbdbd; }
.color-password-color.orange { right: 14px; top: 81px; }

.color-password-color.red, .color-password-selected-color.red { background-color: #d0021b; }
.color-password-color.green, .color-password-selected-color.green { background-color: #99d451; }
.color-password-color.blue, .color-password-selected-color.blue { background-color: #4a90e2; }
.color-password-color.pink, .color-password-selected-color.pink { background-color: #ff00d0; }
.color-password-color.cyan, .color-password-selected-color.cyan { background-color: #00fefc; }
.color-password-color.white, .color-password-selected-color.white { border: 1px solid #bdbdbd; background-color: #fff; }
.color-password-color.orange, .color-password-selected-color.orange { background-color: #fa6309; }

.color-password-form .buttons-block { position: relative; }
.color-password-form-error { bottom: auto; top: -27px; }


/* tabs */
/*.tabs { padding-left: 20px; padding-right: 20px; }*/
.tabs .div-td-main, .tabs .tab, .tabs .tab-bg { height: 94px; }
.tabs .div-td-main { padding: 0; }
.tabs .tab { position: relative; padding-top: 47px; text-align: center; line-height: 1.3; cursor: pointer; transition: color 0.5s ease-in-out 0s; }
.tabs .tab-bg { position: absolute; left: 0; top: 0; width: 100%; border-radius: 5px; box-shadow: 0px 10px 20px rgba(146, 106, 245, 0.6); opacity: 0; transition: opacity 0.5s ease-in-out 0s; 
	background: #6977f5;
	background: -moz-linear-gradient(top, #6977f5 0%, #8a4bff 100%);
	background: -webkit-linear-gradient(top, #6977f5 0%,#8a4bff 100%);
	background: linear-gradient(to bottom, #6977f5 0%,#8a4bff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6977f5', endColorstr='#8a4bff', GradientType=0);
}
.tabs .tab.active { color: #fff; }
.tabs .tab.active .tab-bg { opacity: 1; }
.tabs .div-table { position: relative; }
.tabs .div-td-secondary { height: 47px; padding: 0 5px; }

.tabs .tab:after { position: absolute; top: 12px; left: 50%; display: block; width: 30px; height: 30px; margin-left: -15px; background: url("../images/tabs-icons.png") no-repeat 0 0; background-size: 100% auto; content: ""; }
.tabs .tab-idea:after { background-position: 0 0; }
.tabs .tab-uxd:after { background-position: 0 -30px; }
.tabs .tab-anti-fraud:after { background-position: 0 -60px; }
.tabs .tab-expancy:after { background-position: 0 -90px; }
.tabs .tab-benefits:after { background-position: 0 -120px; }
.tabs .tab-we-need:after { background-position: 0 -150px; }
.tabs .tab-good:after { background-position: 0 -180px; }
.tabs .tab-talk:after { background-position: 0 -210px; }

.tabs .tab-idea.active:after { background-position: 0 -240px; }
.tabs .tab-uxd.active:after { background-position: 0 -270px; }
.tabs .tab-anti-fraud.active:after { background-position: 0 -300px; }
.tabs .tab-expancy.active:after { background-position: 0 -330px; }
.tabs .tab-benefits.active:after { background-position: 0 -360px; }
.tabs .tab-we-need.active:after { background-position: 0 -390px; }
.tabs .tab-good.active:after { background-position: 0 -420px; }
.tabs .tab-talk.active:after { background-position: 0 -450px; }


/* swiper */
.swiper-container { margin: 70px 0 70px; }


/* smile */
.smile { width: 105px; height: 105px; margin: 0 auto 30px; background: url("../images/smile.png") no-repeat 0 0; background-size: contain; }


/* tab content */
.tab-content { cursor: default; }
.tab-content .div-td { padding: 0; }
.tab-content .tab-pic { width: 27%; padding-right: 3%; }
.tab-pic img { width: 100%; }
.tab-content .tab-text { width: 70%; font-size: 20px; }
.tab-content .tab-text.wide { width: 100%; }
.tab-text p { margin-bottom: 25px; }
.tab-text p:last-child { margin-bottom: 0; }
.tab-content .form-block { padding-bottom: 20px; }
.tab-content .tab-text-title { display: none; }



/* media queries */


/* 768 - 1024 */
@media screen and (min-width: 768px) and (max-width: 1024px) {

	/* lists */
	.ul-circle { margin-left: 10px; }
	.ul-circle li:before { top: 4px; }


	/* header */

	/* login page */
	.login-page .header { height: 120px; padding-top: 55px; }


	/* phase 1 */
	.header-phases-top, .header-phases-top-logos { height: auto; }
	.header-phases-top-l { float: none; width: 100%; padding: 60px 20px 40px; margin: 0; }

	.header-phases-top-logos { text-align: center; }
	.header-phases-bank-name, .header-phases-plus, .header-phases-logo { float: none; display: inline-block; vertical-align: top; }

	.header-phases-top { position: relative; }
	.header-phases-top:before { display: none; }
	.header-phases-top .langs, .header-logout { position: absolute; margin: 0; }
	.pdf-link { display: block; margin-bottom: 20px; text-align: center; }
	.header-phases-top .langs { right: 110px; top: 15px; }
	.header-logout { right: 20px; top: 21px; }

	.header-phases-bottom { font-size: 16px; }
	.header-phases-bottom .div-td { height: 55px; padding: 0 20px; }
	.header-phases-phase-1:after { left: 31px; }


	/* content */

	/* color password */
	.white-block-title-block { margin-bottom: 50px; }
	.color-password-block { margin-bottom: 30px; }
	.title-block { padding-top: 10px; }
	.title-box-paragraph { margin-bottom: 0px; }


	/* tabs */
	.tabs .div-td-main, .tabs .tab, .tabs .tab-bg { height: 55px; }
	.tabs .tab { padding-top: 0; }
	.tab .div-table { display: none; }

	/* tabs content */
	.tab-content .tab-pic, .tab-content .tab-text { vertical-align: top; }
	.tab-content .tab-text { font-size: 16px; }
	.tab-content .tab-text-title { display: block; margin-bottom: 20px; font-size: 22px; }

	/* form title */
	.form-title { margin-bottom: 20px; font-size: 28px; }

	/* swiper */
	.swiper-container { margin: 40px 0; }

	/* smile */
	.smile { width: 70px; height: 70px; background-size: contain; }

} /* 768 - 1024 */


/* ... - 767 */
@media screen and (max-width: 767px) {

	/* lists */
	.ul-circle { margin-left: 5px; }
	.ul-circle li { padding-left: 20px; }
	.ul-circle li:before { width: 10px; height: 10px; top: 5px; }


	/* forms */
	.form-block { width: 100%; max-width: 420px; }

	/* buttons */
	.btn { max-width: 100%; height: 38px; padding: 0 20px; font-size: 14px; }


	/* login page */

	/* title block */
	.title-block { padding-top: 15px; }
	.title-block-title { margin-bottom: 20px; font-size: 40px; }


	/* phase 1 */
	.header-phases-top, .header-phases-top-logos { height: auto; }
	.header-phases-top-l { float: none; width: 100%; padding: 50px 10px 50px; margin: 0; }

	.header-phases-top-logos { text-align: center; }
	.header-phases-bank-name, .header-phases-plus, .header-phases-logo { float: none; display: inline-block; vertical-align: top; }

	.header-phases-top { position: relative; }
	.header-phases-top:before { display: none; }
	.header-phases-top .langs, .header-logout { position: absolute; margin: 0; }
	.pdf-link { display: block; margin-bottom: 20px; text-align: center; }
	.header-phases-top .langs { right: auto; left: 10px; top: 15px; }
	.header-logout { right: 10px; top: 21px; }

	.header-phases-bank-name { font-size: 26px; }
	.header-phases-plus { display: block; margin: 0 auto; }
	.header-phases-logo { margin-top: -25px; }

	.header-phases-bottom { font-size: 14px; }
	.header-phases-bottom .div-td { height: 55px; padding: 0 10px; }
	.header-phases-phase-1:after { left: 21px; }

	.header-phases-bottom .div-td p { padding-left: 45px; }

	.phase-1-page .header-phases-phase-2 p { display: block; padding-left: 35px; }
	.phase-1-page .header-phases-phase-2 p, .phase-1-page .header-phases-phase-2 sup { font-size: 0; }
	.phase-1-page .header-phases-phase-2 .sep, .phase-1-page .header-phases-phase-2 sup { display: none; }


	/* content */
	.main, .phases-page .main { padding: 30px 10px 70px; margin-left: 0; margin-right: 0; }

	/* white block */
	.white-block, .white-block.short { width: 100%; }
	.white-block { padding: 20px 10px; }
	.white-block-title-block { margin-bottom: 20px; }

	/* color password block */
	.color-password-block { margin-bottom: 40px; }
	.color-password-block .div-table, .color-password-block .div-tr, .color-password-block .div-td { display: block; }
	.color-password-block .div-td { margin-bottom: 30px; }
	.color-password-item .field-wrapper { left: 50%; width: 300px; margin-left: -150px; }


	/* phase 1 */

	/* tabs */
	.tabs .div-td-main, .tabs .tab, .tabs .tab-bg { height: 45px; }
	.tabs .tab { padding-top: 0; }
	.tabs .tab:after { top: 8px; }
	.tab .div-table { display: none; }

	/* tabs content */
	.tab-content .tab-text { font-size: 14px; }
	.tab-content .div-table, .tab-content .div-tr, .tab-content .div-td { display: block; width: 100%; }
	.tab-content .tab-pic { display: none; float: left; width: 80px; padding: 0; margin: 5px 15px 10px 0; }
	.tab-content .form-title { margin-bottom: 20px; font-size: 22px; }
	.tab-content .btn-wide { width: auto; }
	.tab-content .tab-text-title { display: block; margin-bottom: 20px; font-size: 20px; }

	/* swiper */
	.swiper-container { margin: 30px 0; }

	/* smile */
	.smile { width: 60px; height: 60px; margin-bottom: 20px; background-size: contain; }


	/* footer */

	/* copyright */
	.copyright { left: 10px; }

} /* ... - 767




/* retina images */
@media only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {

		.color-password-arrow { background-image: url("../images/color-password-arrow@2x.png"); }
		.header-phases-plus { background-image: url("../images/plus@2x.png"); }
		.pdf-link a { background-image: url("../images/pdf-icon@2x.png"); }
		.header-phases-phase-1 p { background-image: url("../images/card-icon@2x.png"); }
		.header-phases-phase-2 p { background-image: url("../images/bitcoin-icon@2x.png"); }
		.tabs .tab:after { background-image: url("../images/tabs-icons@2x.png"); }
		.smile { background-image: url("../images/smile@2x.png"); }

}