* { margin: 0; padding: 0; border:0px; outline: 0; background: transparent; } * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } header, footer, nav, aside, article, section{display:block;} @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: local('Roboto Thin'), local('Roboto-Thin'), url('/fonts/Roboto-Thin.woff2') format('woff2'), url('/fonts/Roboto-Thin.woff') format('woff'), url('/fonts/Roboto-Thin.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; font-display: swap; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/fonts/Roboto-ThinItalic.woff2') format('woff2'), url('/fonts/Roboto-ThinItalic.woff') format('woff'), url('/fonts/Roboto-ThinItalic.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: local('Roboto Light'), local('Roboto-Light'), url('/fonts/Roboto-Light.woff2') format('woff2'), url('/fonts/Roboto-Light.woff') format('woff'), url('/fonts/Roboto-Light.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; font-display: swap; src: local('RRoboto Light Italic'), local('Roboto-LightItalic'), url('/fonts/Roboto-LightItalic.woff2') format('woff2'), url('/fonts/Roboto-LightItalic.woff') format('woff'), url('/fonts/Roboto-LightItalic.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local('Roboto'), local('Roboto-Regular'), url('/fonts/Roboto-Regular.woff2') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff'), url('/fonts/Roboto-Regular.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: local('Roboto Italic'), local('Roboto-Italic'), url('/fonts/Roboto-Italic.woff2') format('woff2'), url('/fonts/Roboto-Italic.woff') format('woff'), url('/fonts/Roboto-Italic.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/Roboto-Medium.woff2') format('woff2'), url('/fonts/Roboto-Medium.woff') format('woff'), url('/fonts/Roboto-Medium.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; font-display: swap; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/fonts/Roboto-MediumItalic.woff2') format('woff2'), url('/fonts/Roboto-MediumItalic.woff') format('woff'), url('/fonts/Roboto-MediumItalic.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/Roboto-Bold.woff2') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff'), url('/fonts/Roboto-Bold.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; font-display: swap; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/fonts/Roboto-BoldItalic.woff2') format('woff2'), url('/fonts/Roboto-BoldItalic.woff') format('woff'), url('/fonts/Roboto-BoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: local('Roboto Black'), local('Roboto-Black'), url('/fonts/Roboto-Black.woff2') format('woff2'), url('/fonts/Roboto-Black.woff') format('woff'), url('/fonts/Roboto-Black.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; font-display: swap; src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/fonts/Roboto-BlackItalic.woff2') format('woff2'), url('/fonts/Roboto-BlackItalic.woff') format('woff'), url('/fonts/Roboto-BlackItalic.ttf') format('truetype'); } /* Rouble symbol */ @font-face { font-family: 'Rouble'; src: url('/fonts/rouble.eot'); src: local('ALS Rubl'), local('Rouble'), url('/fonts/rouble.woff') format('woff'), url('/fonts/rouble.svg') format('svg'), url('/fonts/rouble.otf') format('opentype'); } html {height: 100%;} body{height: 100%; padding:0px; margin:0px; color:#272C3E; font-family: 'Roboto', Tahoma, sans-serif; font-size:1em; font-weight:400; background:#fff; line-height:1.4em;} input, textarea, select{border: 1px solid #CCC;} .menu-mob input[type="text"]{font-size:1.125em; color:#272C3E; font-family: 'Roboto', Tahoma, sans-serif; border: 2px solid #CFE4f5; border-radius: 2px; padding:0.9em 0.75em; box-sizing:border-box; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .menu-mob input[type="text"]:focus, .menu-mob input[type="text"]:hover{border: 2px solid #1077CF;} .content input[type="text"], .content input[type="file"], .content textarea, .content select {font-size:1em; color:#272C3E; font-family: 'Roboto', Tahoma, sans-serif; border: 2px solid #CFE4f5; border-radius: 2px; padding:0.9em 0.75em; display:block; width:100%; box-sizing:border-box; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .content input[type="text"]:focus, .content input[type="file"]:focus, .content textarea:focus{border: 2px solid #1077CF;} .content input[type="text"]:hover, .content input[type="file"]:hover, .content textarea:hover{border: 2px solid #1077CF;} ::-webkit-input-placeholder {color:#272C3E; opacity: 0.7;}/* webkit */ ::-moz-placeholder {color:#272C3E; opacity: 0.7;}/* Firefox 19+ */ :-moz-placeholder {color:#272C3E; opacity: 0.7;}/* Firefox 18- */ :-ms-input-placeholder {color:#272C3E; opacity: 0.7;}/* IE */ h1{font-size:2.2em; font-weight:900; margin:0.1em 0 0.5em 0; line-height:1.2em;} h2{font-size:2.1em; font-weight:900; margin:0.1em 0 0.3em 0; line-height:1.2em;} h3{font-size:2em; font-weight:700; margin:0.4em 0 0.3em 0; line-height:1.2em;} h4{font-size:1.8em; font-weight:700; margin:0.4em 0 0.2em 0; line-height:1.4em;} h5{font-size:1.6em; font-weight:400; margin:0.4em 0 0.2em 0; line-height:1.4em;} h6{font-size:1.5em; font-weight:400; margin:0.4em 0 0.2em 0; line-height:1.4em;} .content table, .product-block-rates table, .product-block-terms table{border-collapse: collapse; width:100%; border-top:5px solid #D8E0E6; margin:1em 0;} .content td, .content th, .product-block-rates td, .product-block-rates th, .product-block-terms td, .product-block-terms th{padding:1.0em 1.5em 1.0em 0em; border:0px solid; vertical-align:top; border-top:1px solid #D8E0E6; } .editor_dialog .content table.bx-file-dialog, .editor_dialog .content table.bx-file-dialog table{border:0px solid; margin:0;} .editor_dialog .content table.bx-file-dialog td{padding:0; border:0px solid; } .editor_dialog table.bx-file-dialog td.tree-node-folding, .editor_dialog .content table.bx-file-dialog td.tree-node-icon{width:20px;} .editor_dialog .content table.bx-file-dialog input[type="text"], .editor_dialog .content table.bx-file-dialog select{border: 1px solid #CCC; padding:0px 0; } .editor_dialog .content{padding:0;} .bx-context-toolbar-empty-area{position:relative; z-index:1;} p {padding: 0.5em 0 0.5em 0; margin:0; } a {color:#0763B2; text-decoration:underline; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} a:hover {color:#0763B2; text-decoration:none;} ul {list-style:none; margin: 0.8em 0 0.8em 1.2em;} ul li{background:url(/i/li-def.svg) no-repeat 0 0.9em; padding:0.4em 1em 0.4em 1em;} ol {margin: 0.8em 0 0.8em 1.2em;} ol li{padding:0.5em 1em 0.5em 1em;} .fr {float:right;} .fl {float:left;} .cl{clear:both; height:0px;} img{border:0px;} strong{font-weight:600;} .roubl{font-family:Rouble, Arial, sans-serif; font-size:1em;} /* Header */ .wrapper{ width:100%; min-height:100%; position:relative;} .header_bg{position:relative; z-index:101; background: #FFF; box-shadow: 0px 0px 16px rgba(6, 19, 84, 0.2);} .header{margin: 0px auto; min-width:320px; max-width:1440px; background:#FFF; padding:0 2%; box-sizing:border-box; height:7em; font-size:1em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .header-inner{border-bottom: 1px solid #D8E0E6; height:7em;} .header-left{float:left; margin:0 0 0 0; position:relative; width:18%; z-index:10;} .header-right{float:right; width:81%; border-bottom:1px solid #D8E0E6;} .header-right-links{position:relative; height:0;} .site-logo{width:11.5em; margin:2em 0 0 0; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .header-block{font-size:1em; position:absolute; top:0; right:2%; color: #0E1114; z-index: 20; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .header-block a{color: #0E1114; text-decoration:none;} .header-block a:hover{color: #858F98;} .header-block svg{position:relative; top: 0.4em; width:1.55em; height:1.55em;} .header-block-mob{font-size:1em; position:absolute; top:0; right:4%; color: #0E1114; z-index: 10;} .header-city{font-size:0.8em; display:inline-block; position:relative; line-height: 2.5em; margin: 0.6em 1.5em 0 0;} .header-city a:hover svg{fill:#858F98;} .header-city-list{ position:absolute; top:2em; left:0; width:150px; background:#fff; z-index:10; overflow: hidden; border-radius: 2px; height: auto; max-height: 0px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .header-city-list-inner{padding:0.7em 0; border:1px solid #D8E0E6; margin-top: 9px; } .header-city-list-inner:before{content:''; border: 10px solid transparent; border-bottom: 10px solid #D8E0E6; position:absolute; top:-10px; left:25px;} .header-city-list-inner:after{content:''; border: 10px solid transparent; border-bottom: 10px solid #FFF; position:absolute; top:-9px; left:25px;} .header-city-list ul{margin:0;} .header-city-list ul li{ background: none; font-weight: 400; padding: 0.1em 1em 0 1.5em; margin: 0 0 0 0;} .header-city-list ul li a{line-height:1em; margin:0 0 0 0; display:inline; white-space:normal; color:#858F98; } .header-city-list ul li a:hover{color:#0E1114;} .header-city-list.header-city-list-open{max-height: 500px;} .header-city-list-close{position:absolute; top:1.25em; right:0.7em; font-size:1.0em; cursor:pointer; border-radius:1em; line-height:0; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .header-city-list-close svg{top:0;} .header-city-list-close:hover {-o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .city-location{color:#858F98; position:absolute; top:2em; left:0; z-index:20; line-height: 1.4em; white-space:nowrap; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .city-location-inner{padding:1.5em 1.7em; border:1px solid #D8E0E6; margin-top: 9px; background: rgba(255, 255, 255, 1);} .city-location-inner:before{content:''; border: 10px solid transparent; border-bottom: 10px solid #D8E0E6; position:absolute; top:-10px; left:25px;} .city-location-inner:after{content:''; border: 10px solid transparent; border-bottom: 10px solid #FFF; position:absolute; top:-9px; left:25px;} .city-location-title{font-weight:500; padding:0 0 0.8em 0;} .city-location-title b{color:#0E1114;} .city-location-btn{padding:0 0 0.8em 0; } .city-location-btn span{cursor:pointer; color:#fff; display:inline-block; background:#1077CF; text-decoration:none; height:2em; line-height:2em; padding:0 1em; margin:0 0.5em 0 0; border-radius:2px; border:1px solid #1077CF; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .city-location-btn span{color:#fff; display:inline-block; background:#1077CF; text-decoration:none; height:2em; line-height:2em; padding:0 1em; margin:0 0.5em 0 0; border-radius:2px; border:1px solid #1077CF; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .city-location-btn span.city-location-other{background:#fff; color:#1077CF;} .city-location-btn span:hover{opacity:0.5;} .header-offices{font-size:0.8em; display:inline-block; line-height: 2.5em; margin: 0.6em 1.5em 0 0;} .header-offices a:hover svg{fill:#858F98;} .header-visual-impairment{font-size:0.8em; display:inline-block; line-height: 2.5em; width:1.5em; height:1.5em; margin: 0.6em 1.5em 0 0;} .header-visual-impairment a:hover svg{fill:#858F98;} .header-lang{font-size:0.8em; display:inline-block; line-height: 2.5em; margin: 0.6em 0 0 0;} .header-info{font-size:1em; line-height:1.5em; position:absolute; top:3.9em; right:2%; z-index: 10; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .header-ibank{display:inline-block; color:#0763B2;} .header-ibank a{color:#fff; display:block; background:#1077CF; text-decoration:none; height:2em; line-height:2em; padding:0 1em; border-radius:2px; border:1px solid #1077CF; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .header-ibank a:hover{background:#fff; color:#1077CF;} .header-search{display:inline-block; line-height:1em; margin:0 0 0 1.5em; position:relative; z-index: 100;} .header-search span{cursor:pointer; display:inline-block; width:1.5em; height:1.5em; position: relative; top: 0.5em;} .header-search span:hover svg{fill:#858F98;} .header-search-inner{overflow:hidden; text-align:right; position:absolute; top:0; right:0;} .header-search-form{ width:27em; margin:0 -27em 0 0; height:2.5em; background:#fff; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .header-search-form.header-search-form-open{margin:0 0em 0 0;} .header-search-form input{width:12em; padding:0.5em 1em 0.5em 0em; text-align:left; border:0px solid; display:inline-block;} .header-search-form input:hover{border:0px solid;} .header-search-form input:focus{border:0px solid;} .header-search-form button{cursor:pointer; margin:0 1em 0 1em; border:0px solid; background:none; display:inline-block; vertical-align:middle; width:1.7em; height:1.7em; } .header-search-form button:hover svg{fill:#858F98;} .header-search-form em{cursor:pointer; display:inline-block; margin:0 1em 0 0em; vertical-align:middle; width:1em; height:1.0em; background: url(/i/header-search-form-close.png) no-repeat 0 0;} /* / Header */ /* Navigation */ .nav{width:77%; background:#fff; font-size:1em; margin:0 0 0 0;} .nav-inner ul{list-style:none; margin:0px 0px 0 0px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .nav-inner ul li{background:none; font-weight:400; padding:0; margin:0 1.5em 0 0; height:3em; float:left; } .nav-inner ul li a{font-size:0.8em; line-height:2.5em; margin:0.6em 0 0 0; display:block; white-space:nowrap; color:#858F98; text-decoration:none;} .nav-inner ul li a:hover{color:#0E1114;} .nav-inner ul li.nav-active a{color:#0E1114;} .nav-inner ul li.nav-all{position:relative;} .nav-inner ul li.nav-all span{display:inline-block; line-height:1em; margin:0 0 0 0; width:1.2em; height:1.2em; position:relative; top:0.3em; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .nav-inner ul li.nav-all span svg{width:100%; fill:#858F98;} .nav-inner ul li.nav-all:hover span{-o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);} .nav-inner ul li.nav-all:hover svg{fill:#0E1114; } .nav-all-list{ position:absolute; top:2em; left:0; width:220px; background:#fff; z-index:20; overflow: hidden; border-radius: 2px; height: auto; max-height: 0px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .nav-all-list-inner{padding:0.7em 0; border:1px solid #D8E0E6; margin-top: 9px; } .nav-all-list-inner:before{content:''; border: 10px solid transparent; border-bottom: 10px solid #D8E0E6; position:absolute; top:-10px; left:25px;} .nav-all-list-inner:after{content:''; border: 10px solid transparent; border-bottom: 10px solid #FFF; position:absolute; top:-9px; left:25px;} .nav-all-list ul li{ background: none; font-weight: 400; padding: 0.3em 1em 0.3em 1.5em; margin: 0 0 0 0; height: auto; float: none;} .nav-all-list ul li a{line-height:1em; margin:0 0 0 0; display:inline; white-space:normal;} .nav-inner ul li.nav-all:hover .nav-all-list{max-height: 500px;} .nav-submenu{display:block; position:absolute; top:52px; left:0; width: 100%; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .nav-submenu-list{padding:0; height:3.6em; line-height:3.6em; position:absolute; top:0; left:0; width:100%;} .nav-submenu-list-inner{margin: 0px auto; max-width:1440px; padding: 0 2%; box-sizing: border-box;} .nav-submenu-list-inner-item{width:81%; float:right; height: 3.6em;} .nav-submenu-list ul li{padding:0.6em 0em 0em 0em; line-height:1.0em; float:none; display:inline-block;} .nav-submenu-list ul li a{font-size:0.95em; font-weight: 500; display:inline; height:auto; white-space:normal; color: #0E1114;} .nav-submenu-list ul li a:hover{color:#0763B2;} .nav-submenu-list ul li a.nav-sub-active{color:#0763B2;} .nav-submenu-list ul li:hover a{color:#0763B2;} .nav-submenu-list ul li:hover ul li a{color:#0E1114;} .nav-submenu-list ul li:hover ul li a:hover{color:#0763B2;} .nav-submenu-list ul li:hover ul li.additional-submenu-active a{color:#0763B2;} .nav-submenu-list ul li ul li.additional-submenu-active ul li a{color:#0E1114;} .nav-submenu-list ul li:hover ul li.additional-submenu-active ul li a{color:#0E1114;} .nav-submenu-list ul li:hover ul li.additional-submenu-active ul li a:hover{color:#0763B2;} .nav-submenu-list ul li:hover ul li.additional-submenu-active ul li.additional-submenu-active a{color:#0763B2;} .nav-submenu-list ul li:hover ul li.additional-submenu-active ul li.additional-submenu-active ul li a{color:#0E1114;} .nav-submenu-list ul li:hover ul li.additional-submenu-active ul li.additional-submenu-active ul li a:hover{color:#0763B2;} .nav-submenu-list ul li:hover ul li.additional-submenu-active ul li.additional-submenu-active ul li.additional-submenu-active a{color:#0763B2;} .nav-submenu-list ul li:hover ul li.additional-submenu-active ul li.additional-submenu-active ul li.additional-submenu-active ul li a{color:#0E1114;} .nav-submenu-list ul li:hover ul li.additional-submenu-active ul li.additional-submenu-active ul li.additional-submenu-active ul li a:hover{color:#0763B2;} .nav-submenu-list ul li:hover ul li.additional-submenu-active ul li.additional-submenu-active ul li.additional-submenu-active ul li.additional-submenu-active a{color:#0763B2;} .nav-submenu-list ul li.nav-sub-add{margin:0;} .nav-submenu-list ul li.nav-sub-add span{display:inline-block; margin:0 0 0 0; width:1.6em; height:1.6em; position:relative; top:0.5em; -moz-transition: all 1s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .nav-submenu-list ul li.nav-sub-add span svg{width:100%;} .nav-submenu-list ul li.nav-sub-add:hover span{-o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);} .nav-submenu-list ul li.nav-sub-add:hover span svg{fill:#0763B2;} .nav-submenu-list ul li:hover .additional-submenu{max-height: 1000px; z-index:11;} .additional-submenu{ border-top:1px solid #D8E0E6; position:absolute; top:60px; left:0; z-index:10; height: auto; max-height: 0px; overflow: hidden; width:100%; background:#fff; font-size:1em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .additional-submenu-inner{margin: 0px auto; max-width:1440px; padding: 2em 2%; box-sizing: border-box; overflow:hidden; background: #fff;} .additional-submenu-inner-list {width:34%; float:left;} .additional-submenu-inner-list ul{float:left; margin:0 1% 0 0;} .additional-submenu-inner-list ul li{text-align:left; font-size:1em; height:auto; display:block; font-weight:400; padding:0.6em; line-height:1.2em; float:none;} .additional-submenu-inner-list ul li a{font-size:1em; display:inline; font-weight:400; line-height:1.2em;} .additional-submenu-inner-list ul li.additional-submenu-active a{color:#0763B2;} .additional-submenu-inner-list ul li ul{float:none;} .additional-submenu-inner-list ul li ul li{padding:0.3em 0.6em 0em 1.5em;} .additional-submenu-inner-list ul li b{font-weight:600;} .nav-sub-add .additional-submenu-inner-list {width:23%; display:inline-block; vertical-align:top; float:none; margin:0 1% 0 0;} .nav-sub-add .additional-submenu-inner-list ul{ float:none; margin:0 0 0.5em 0;} .nav-sub-add .additional-submenu-inner-list ul li{padding:0.6em 0.6em 0.6em 0;} .nav-sub-add .additional-submenu-inner-list ul li ul {width:100%;} .nav-sub-add .additional-submenu-inner-list ul li ul li ul li{padding:0.3em 0.6em 0em 1.5em;} .submenu-adv{width:64%; float:left;} .submenu-adv .nav-useful-info{width:48%; float:left; margin:0 1% 0 0;} .submenu-adv .nav-useful-info ul{color:#5e6061;} .submenu-adv .nav-useful-info ul li{text-align:left; font-size:1em; height:auto; display:block; font-weight:400; padding:0.6em; line-height:1.2em; float:none;} .submenu-adv .nav-useful-info ul li a{color:#5e6061; font-weight:300; font-size:1em; display:inline; line-height:1.2em;} .submenu-adv .nav-useful-info ul li a:hover{color:#0763B2;} .submenu-adv .submenu-adv-img{width:48%; float:left;} .submenu-adv .submenu-adv-img img{max-width:280px; } .submenu-adv-title{font-size:1.5em; line-height:1.2em; padding:0.7em 0; font-weight: 500;} .submenu-adv-text{line-height:1.4em; padding:0 0 0.7em 0;} .nav-submenu-list .submenu-adv-btn a{box-sizing: border-box; padding: 0 2em; font-weight:400; line-height:2.9em; height:2.9em; display:inline-block; font-weight:500; color:#1077CF; border:1px solid #1077CF; border-radius: 2px; text-decoration:none; text-align:center; background: none; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .nav-inner ul li.nav-active .submenu-adv-btn a{color:#1077CF;} .nav-submenu-list .submenu-adv-btn a:hover{background: #1077CF; color:#fff; } .nav-inner ul li.nav-active .submenu-adv-btn a:hover{background: #1077CF; color:#fff; } .nav-sub-add .submenu-adv{display:none;} .menu-mob{display:none; z-index:0; position:absolute; top:5em; right:0; width:100%; background:#fff; min-height:500px; font-size:1em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .menu-mob.menu-mob-open{display:block; z-index:1000; } .menu-mob-up{overflow:hidden; border-bottom:1px solid #D8E0E6;} .menu-mob-up a{display:block; float:left; width:25%; text-align:center; padding:1em 0 0.8em 0;} .menu-mob-main{background:#0065c5; } .menu-mob-main ul{margin:0; } .menu-mob-main ul li{background:none; box-sizing: border-box; padding:1em; border-top: 1px solid #D8E0E6;} .menu-mob-main ul li a{color:#fff; text-decoration:none; display:block;} .menu-mob-main ul li.menu-mob-main-add{display:none; border-top:1px solid #D8E0E6;} .menu-mob-main ul li.menu-mob-main-add a{opacity:0.7;} .menu-mob-main ul li.menu-mob-main-active span{display:inline-block; vertical-align: middle; width:1.5em; height:1.5em; background: url(/i/mob-menu-arr.svg) no-repeat 0 0; margin:0 0 0 1em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .menu-mob-main ul li.menu-mob-main-active.menu-mob-main-open span{-o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .menu-mob-list{background:#fff; position: relative;} .menu-mob-list ul{margin:0;} .menu-mob-list ul li{background:none; box-sizing: border-box; padding:0em;} .menu-mob-list ul li a{color: #0E1114; text-decoration:none; display:block; padding:1em 2em 1em 1em; position: relative; border-bottom:1px solid #D8E0E6;} .menu-mob-list ul li a:hover{opacity:0.7;} .menu-mob-list .additional-submenu-inner{position:absolute; top:0; right:0; width:0; z-index:100; margin:0; padding: 0; overflow:hidden; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .menu-mob-list .additional-submenu-inner.submenu-mob-open{width:100%; min-height:100%;} .menu-mob-list .additional-submenu-inner-list{float:none; width:100%; } .menu-mob-list .additional-submenu-inner-list ul{float:none;} .menu-mob-list .submenu-adv{float:none; width:100%; } .menu-mob-list .submenu-adv .nav-useful-info {width: 100%; float: none; margin: 0 0 0 0;} .menu-mob-list .submenu-adv .nav-useful-info ul li{padding:0;} .menu-mob-list .submenu-adv .nav-useful-info ul li a{display:block;} .menu-mob-list .submenu-adv .nav-useful-info ul li b{font-size:1.2em; padding: 2em 1em 0.5em 0.85em; display:block; } .menu-mob-list .submenu-adv .submenu-adv-img{float:none; width:100%; margin:2em 0 2em 0; padding: 0 1em;} .menu-mob-list .submenu-adv-btn a{box-sizing: border-box; padding: 0 2em; font-weight:400; line-height:2.9em; height:2.9em; display:inline-block; font-weight:500; color:#1077CF; border:1px solid #1077CF; border-radius: 2px; text-decoration:none; text-align:center; background: none; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .menu-mob-list .submenu-adv-btn a:hover{background: #1077CF; color:#fff; } .submenu-mob-back{font-weight:500;} .submenu-mob-back em{font-style:normal; display:inline-block; width:1.5em; height:1.5em; background: url(/i/submenu-mob-back.svg) no-repeat 0 0; position: relative; top: 6px;} .menu-mob-list ul li ul li ul li a{font-weight:400; padding:1em 1em 1em 3em;} .menu-mob-list ul li ul li ul li ul li a{font-weight:400; padding:1em 1em 1em 4em;} .menu-mob-list ul li.menu-mob-list-active a{color:#0763B2;} .menu-mob-list ul li.menu-mob-list-active ul li a{color: #0E1114;} .menu-mob-list ul li ul li.menu-mob-list-active a{color:#0763B2;} .menu-mob-list ul li.menu-mob-list-active ul li.menu-mob-list-active ul li a{color: #0E1114;} .menu-mob-list ul li.menu-mob-list-active ul li.menu-mob-list-active ul li.menu-mob-list-active a{color:#0763B2;} .menu-mob-list ul li.menu-mob-list-active ul li.menu-mob-list-active ul li.menu-mob-list-active ul li a{color: #0E1114;} .menu-mob-list ul li.menu-mob-list-active ul li.menu-mob-list-active ul li.menu-mob-list-active ul li.menu-mob-list-active a{color:#0763B2;} .menu-mob-list .additional-submenu-inner-list ul li ul li{padding:0;} .submenu-mob em{font-style:normal; display:inline-block; width:1.2em; height:1.2em; background: url(/i/submenu-mob.svg) no-repeat 0 0; position: absolute; top: 1.15em; right:1em;} .menu-mob-ibank{display:none;} .menu-mob-ibank a{color: #0E1114; text-decoration:none; display:block; padding: 0.7em 2em 0.7em 1em; background: #EAF3FA;} .menu-mob-ibank img{width:1.5em; margin:0 0.5em 0 0; vertical-align:middle;} .menu-mob-city {border-bottom:1px solid #D8E0E6;} .menu-mob-city a{color: #0E1114; text-decoration:none; display:block; padding: 1em 2em 1em 1em; background: #EAF3FA;} .menu-mob-city span{display:inline-block; vertical-align: middle; width:1.2em; height:1.2em; background: url(/i/mob-menu-city.svg) no-repeat 0 0; margin:0 0 0 0.3em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .menu-mob-city a.menu-mob-city-open span{-o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .menu-mob-city-inner{display:none;} .menu-mob-city-inner ul{margin:0;} .menu-mob-city-inner ul li{background:none; border-top:1px solid #D8E0E6; padding:0;} .menu-mob-search{margin: 1em 0em 2em 1em; display:none;} .menu-mob-search input{ width: 92%; display:inline-block;} .menu-mob-search button{width:2em; height: 2em; position:relative; top:0.8em; left:0;} .menu-mob-links a{color: #0E1114; text-decoration:none; display:block; padding: 1em 2em 1em 1em; opacity:0.7;} .menu-mob-links ul{margin:0;} .menu-mob-links ul li{background:none; border-bottom:1px solid #D8E0E6; padding:0;} /* / Navigation */ /* Mob. navigation */ .header-info-mob-nav{position:absolute; top: -3em; right: 0; margin: 0 0 0 2em; width:1.5em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .header-info-mob-nav-inner{cursor: pointer; display:inline-block; position: relative; width:1.5em; height:1em;} .header-info-mob-nav-inner:before{content:'Меню'; position:absolute; top: -0.2em; left:-3.5em;} .en .header-info-mob-nav-inner:before{content:'Menu'; position:absolute; top: -0.2em; left:-3.5em;} .mob-nav-global{backface-visibility: hidden; position: absolute; left: 0; border-top: 1px solid #111111; width: 100%; transition: 0.55s;} .mob-nav-top {top:0;} .mob-nav-middle {top:8px;} .mob-nav-bottom {top:16px;} .mob-nav-top-active {backface-visibility: hidden; top: 8px; transform: rotate(50deg); transition: 0.55s 0.5s;} .mob-nav-middle-active {opacity: 0;} .mob-nav-bottom-active {backface-visibility: hidden; top: 8px; transform: rotate(-410deg); transition: 0.55s 0.5s;} /* / Mob. navigation */ /* Banners */ .topbanner{width:100%; overflow: hidden; position:relative; z-index:1; font-size:1em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .banners{position:relative; overflow:hidden; z-index:1; height:30em; margin: 0px auto; max-width:2560px; } .banners-inner{position:relative; font-size:1em; margin: 0px auto; max-width:1440px; padding:0 4%; height:100%; box-sizing: border-box; padding-top:5em; color:#fff; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .banners-inner.banners-light{color: #272C3E; } .banners-img{position:absolute; bottom:0; right:0; height: 30em;} .banners-img img{height:100%;} .banners-inner-title{display:inline-block; font-size:3.0em; line-height:1.15em; font-weight:900; position:relative; z-index: 10; text-shadow: 1px 1px 1px #004581;} .banners-inner-more{padding:1.8em 0 0px 0; font-size:1.125em; line-height:1.55em; font-weight:400; position:relative; z-index: 10; text-shadow: 1px 1px 1px #004581;} .banners-inner.banners-light .banners-inner-title, .banners-inner.banners-light .banners-inner-more{text-shadow:none;} a.banners-btn{position:relative; border:1px solid #1077CF; background:#1077CF;font-size:1.125em; height:2.9em; line-height:3.0em; display:inline-block; margin:4.7em 0 0 0; padding:0 2.0em; color:#fff; text-decoration:none; text-align:center; text-shadow:none; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} a.banners-btn:hover{background:none; border:1px solid #FFF;} .banners-inner.banners-light a.banners-btn:hover{background:none; color:#1077CF; border:1px solid #1077CF;} .banners-toggle{font-size:1em; margin: 0px auto; max-width:1440px; position:relative; padding:0 2%; box-sizing: border-box;} .banners-line{position:absolute; bottom: 1.5em; left:0; z-index:10; height:1.0em; text-align: center; line-height:0px; width: 100%;} .banners-line a{display:inline-block; width:1.0em; height:1.0em; background: url(/i/banners-point.svg) no-repeat 0 0; margin:0 0.3em; opacity:0.5;} .banners-line a:hover{opacity:1; } .banners-line a.active{opacity:1;} .banners-previous{opacity:0.7; position:absolute; top:-4em; left:2%; z-index: 1; cursor:pointer; background: url(/i/banners-previous.png) no-repeat 0 0; width:3em; height:3em; line-height:0px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .banners-next{opacity:0.7; position:absolute; top:-4em; right:2%; z-index: 1; cursor:pointer; background: url(/i/banners-next.png) no-repeat 0 0; width:3em; height:3em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .banners-previous:hover, .banners-next:hover{opacity:1;} .topbanner .slick-prev, .topbanner .slick-next{display:none !important;} ul.slick-dots{position:absolute; bottom: 1.5em; left:0; z-index:10; height:1.0em; text-align: center; line-height:0px; width: 100%; margin:0; display:none !important;} ul.slick-dots li{background:none; display:inline-block; padding:0;} ul.slick-dots li{display:inline-block; width:1.0em; height:1.0em; background: url(/i/banners-point.svg) no-repeat 0 0; margin:0 0.3em; opacity:0.5; box-shadow: 0px 0px 5px rgba(0, 69, 129, 0.5); border-radius:1em;} ul.slick-dots li:hover{opacity:1;} ul.slick-dots li button{display:none;} ul.slick-dots li.slick-active {opacity:1;} /* / Banners */ /* Index content */ .content-index{ margin:0 auto 0 auto; font-size:1em; min-width: 320px; max-width: 1440px; padding:1em 2% 3.5em 2%; position:relative; box-sizing: border-box; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .content-index img, .content table{max-width:100%;} .container iframe, .container object, .container video{display: block; margin: 0 auto; max-width:100%;} .content-index-products{font-size:1em; padding:4.0em 0 0 0;} .content-index-title{font-size:2.1em; padding:0 4.0em 1.0em 0; font-weight:600; text-align:left; line-height:1.2em; color:#0E1114; display:inline-block;} .content-index-products-item{font-size:1em; overflow:hidden; white-space:normal; display:inline-block; margin:0 1%; width:31%; min-width:290px; height:20em; border-radius: 2px; box-sizing: border-box; position:relative; vertical-align: top; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .content-index-products-item:hover{box-shadow: 0px 12px 32px rgba(6, 19, 84, 0.16);} .content-index-products-item-img{width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; } .content-index-products-item:hover .content-index-products-item-img{transform: scale(1.1);} .content-index-width{overflow-y: hidden; white-space: nowrap; padding: 0 0 2.5em 0;} .index-products-bg{position:absolute; top:1.2em; right:0; z-index:10; font-size:0.8em; line-height:2em; height:2em; color:#fff; text-align:center; background: #004481; border-radius: 4px 0px 0px 4px; padding:0 1.25em;} .index-products-title{font-size:1.5em; font-weight:600; line-height: 1.35em; color:#272C3E; padding: 3.0em 10% 0 10%; box-sizing: border-box; z-index:10; position:relative; text-shadow: 1px 1px 1px #FFF;} .index-products-text{padding: 1em 10% 0 10%; color:#272C3E; font-size:1.125em; line-height: 1.6em; font-weight:400; z-index:10; position:relative; text-shadow: 1px 1px 1px #FFF;} .index-products-text span{display:block; vertical-align:top;} .index-products-text span small{display: block; font-size: 0.75em; line-height: 1.5em;} .content-index-products-item a{position:absolute; bottom:1.5em; left:10%; z-index:10; font-size:0.875em; line-height:2.9em; font-weight:500; color:#fff; text-decoration:none; text-align:center; display:inline-block; height:2.9em; padding:0 2.0em; letter-spacing: 0.75px; text-transform: uppercase; background: rgba(16, 119, 207, 0.4); border:1px solid rgba(16, 119, 207, 0); border-radius: 2px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .content-index-products-item a:hover{background: rgba(235, 243, 250, 1); color:#1077CF; border:1px solid rgba(16, 119, 207, 0.4);} .index-products-text em.roubl{font-family: Rouble, Arial, sans-serif; font-style:normal; font-weight:300;} .index-products-logo-cards{position:absolute; top:17.2em; right:10%; z-index:10;} .index-bank{width:100%; height:14em; margin:3em 0 0 0; background:url(/i/index-bank-bg.jpg) no-repeat top center; background-size:cover; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .index-bank-inner{margin:0 auto 0 auto; font-size:1em; min-width: 320px; max-width: 1440px; padding:1em 2% 0 2%; color:#272C3E; overflow:hidden; position:relative; box-sizing: border-box;} .index-bank-block{width:65%; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .index-bank-title{font-size:2em; line-height:1.25em; font-weight: 500; padding:0.75em 0 0.5em 0;} .index-bank-text{font-size:1.125em; line-height:1.5em;} .index-bank-btn{position:absolute; top:0em; right:2%; z-index:10; font-size:1.0em} .index-bank-btn a{ margin:4.6em 0 0 0; font-size:1.125em; line-height:2.9em; color:#272C3E; text-decoration:none; text-align:center; display:inline-block; height:2.9em; padding:0 2.0em; background: none; border:1px solid #272C3E; border-radius: 2px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .index-bank-btn a:hover{border:1px solid #1077CF; background:#FFF;} .special-offer{font-size:1em; padding:4.8em 0 0 0; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .special-offer-inner{position:relative;} .special-offer .slick-slider{position:static;} .special-offer .slick-prev{font-size:1em; position:absolute; top:0.5em; right:3.5em; z-index: 10; padding: 0 0 0 2em; cursor:pointer; width:2em; height:2em; background:#1077CF url(/i/special-offer-prev.svg) no-repeat center center; border-radius:2px; display:inline-block; overflow: hidden; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .special-offer .slick-next{font-size:1em; position:absolute; top:0.5em; right:0%; z-index: 10; padding: 0 0 0 2em; cursor:pointer; width:2em; height:2em; background:#1077CF url(/i/special-offer-next.svg) no-repeat center center; border-radius:2px; display:inline-block; overflow: hidden; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .special-offer .slick-prev:hover, .special-offer .slick-next:hover{opacity:0.5;} .special-offer-hidden{overflow: hidden; height:27em; } .special-offer .slick-list{overflow:visible !important;} .special-offer .slick-dots{display:none !important;} .special-offer-slider{width:860px;} .special-offer-item{display:block; overflow:hidden; float:left; margin:0.5em 1% 1.0em 0%; border-radius: 2px; height:25em; position:relative; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .special-offer-item-color{ width: 50%; height: 150%; position: absolute; top: -10%; left: -5%; transform: rotate(-10deg); z-index: 10;} .special-offer-item-img{position:absolute; top:0; left:0; width:100%; height:100%; z-index: 1; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .special-offer-item:hover{box-shadow: 0px 12px 40px rgba(7, 12, 39, 0.16);} .special-offer-item:hover .special-offer-item-img{transform: scale(1.1);} .special-offer-item-title{font-size:2em; font-weight:600; line-height: 1.2em; color:#fff; padding: 3.0em 10% 0 1em; box-sizing: border-box; z-index:10; position:relative; text-shadow: 1px 1px 1px #777;} .special-offer-text{padding: 1em 10% 0 1.8em; color:#fff; font-size:1.125em; line-height: 1.6em; font-weight:400; text-shadow: 1px 1px 1px #777; z-index: 10; position: relative;} .special-offer-item a{position:absolute; bottom:1.5em; left:1.8em; z-index:10; font-size:1.125em; line-height:2.9em; font-weight:500; color:#fff; text-decoration:none; text-align:center; display:inline-block; height:2.9em; padding:0 2.0em; background: none; border:1px solid #fff; border-radius: 2px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .special-offer-item a:hover{background: rgba(235, 243, 250, 1); color:#1077CF;} /* / Index content */ /* News on index page */ .index-news{font-size:1em; padding:4.0em 0 0 0; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .index-news-inner{position:relative;} .index-news-block{border-top:4px solid #0E1114; padding:2.5em 0 0 0;} .index-news-title{padding: 0 0 0.5em 0;} .index-news-item{width:24%; display:inline-block; vertical-align:top; padding:0 2% 0 0; box-sizing: border-box; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .index-news-date{font-size:0.8em; line-height:1.25em; display:inline-block; vertical-align:middle; color: #858F98; padding:0px 0 0 0; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .index-news-date em{display:inline-block; vertical-align:middle; width:0.6em; height:0.6em; border-radius:0.6em; margin:0 0.25em 0 0; background:#858F98; position:relative; top:-0.1em; left:0; } .index-news-item:hover .index-news-date em{background:#0763B2;} .index-news-item:hover .index-news-date{color: #0763B2;} .index-news-item p{font-size:1.25em; line-height:1.5em; padding:0.3em 0 0 0.7em;} .index-news a{color: #0E1114; text-decoration:none; display:block; box-sizing: border-box;} .index-news a:hover{opacity: 0.5;} .index-news-all{font-size:0.875em; position:absolute; top:1.25em; right:0em;} .index-news-all a{text-decoration:none; color: #0E1114; font-weight:400; letter-spacing: 0.75px; text-transform: uppercase;} /* / News on index page */ /* Footer */ /*.buffer{position:relative; height:497px; width:100%;}*/ .footer{font-size:1em; width:100%; /*margin-top:-497px; height:497px;*/ position:relative; z-index:100; color:#0E1114;} .footer-top{height:176px; border-top:1px solid #D8E0E6; background:#FFF;} .footer-top-inner{margin:0px auto; padding:0px 2%; height:320px; box-sizing: border-box; min-width:320px; max-width:1440px;} .footer-top-left{font-size:1em; line-height:1.5em; width:52%; display:inline-block; padding:2.0em 2% 0 0; vertical-align:top; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .footer-top-left-link a{color: #858F98; text-decoration:none; display:inline-block; padding:0 2em 0 0;} .footer-top-left-link a:hover{color: #0E1114;} .footer-top-left-logo p{display:inline-block; padding:0; margin: 3.1em 2em 0 0; } .footer-top-left-logo img{vertical-align:middle;} .footer-top-right{font-size:1em; line-height:1.5em; width:44%; display:inline-block; padding:2.0em 0 0 0; vertical-align:top; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .footer-top-right-info{width:43%; display:inline-block; vertical-align:top;} .footer-top-right-info a{text-decoration:none; } .footer-top-right-info a:hover{color:#858F98;} .footer-top-right-info b{font-weight:900; font-size:1.125em;} .footer-top-right-soc-icon{width:55%; display:inline-block; vertical-align:top; } .footer-top-right-soc-icon .icon-fb, .footer-top-right-soc-icon .icon-tw, .footer-top-right-soc-icon .icon-ok, .footer-top-right-soc-icon .icon-vk{display:inline-block; width:2.5em; height:2.5em; margin:0 1em 0 0; background: #004581; border-radius:2.5em; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .footer-top-right-soc-icon img{width:100%;} .footer-top-right-soc-icon .apps-icon-footer img{width:auto; margin:0 0 0 0;} .footer-top-right-soc-icon div a {display:block;} .footer-top-right-soc-icon div a svg{width:100%;} .footer-top-right-soc-icon div.icon-fb:hover {background:#3b5998;} .footer-top-right-soc-icon div.icon-tw:hover {background:#1da1f2;} .footer-top-right-soc-icon div.icon-ok:hover {background:#F68634;} .footer-top-right-soc-icon div.icon-vk:hover {background:#4d75a3;} .footer-down{background: #272C3E; color: #FFFFFF;} .footer-inner{margin:0px auto; padding:0px 2% 30px 2%; /*height:320px;*/ box-sizing: border-box; min-width:320px; max-width:1440px; position:relative; z-index:1; background: #272C3E;} .footer-inner p{padding:0 0 1.8em 0;} .footer-inner a{color: #FFFFFF; text-decoration:none; opacity: 0.5; } .footer-inner a:hover{color:#f7f8f8; opacity: 1;} .footer-inner-left{width:35%; display:inline-block; padding:2.5em 2% 0 0; vertical-align:top; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .copyright span{color: #FFFFFF; opacity: 0.5; } .footer-address p{padding:0 0 0 0;} .footer-address span{color: #FFFFFF; opacity: 0.5;} .footer-inner-center{display:inline-block; width:35%; padding:2.5em 0 0 0; vertical-align:top; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .footer-apps span{opacity: 0.5;} .footer-apps a{opacity: 1;} .footer-apps img{margin:0.5em 0.5em 0 0;} .footer-inner-right{text-align:right; display:inline-block; width:23%; padding:2.5em 0 0 0; overflow:hidden; vertical-align:top; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .footer-inner-right img{width:6.5em;} .footer-inner-right a.insurance-footer {opacity: 1;} /* / Footer */ /* Content */ .content-banner{width:100%; font-size:1em;} .content-banner-bg{height:18.4em;} .content-banner-inner{position:relative; z-index:100; font-size:1em; margin: 0px auto; max-width:1440px; display: table; text-shadow: 1px 1px 1px #56697B; padding:0 2%; width:100%; height:100%; box-sizing: border-box; color:#fff; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .content-banner-inner.banners-light{color: #272C3E; text-shadow:none;} .content-banner-inner-item{display: table-cell; vertical-align: middle; position: relative;} .content-banner-inner h1{ font-size:3.0em; line-height:1.15em; font-weight:900; position:relative; padding:0 0 0 0; margin:0;} .content-banner-inner-text{padding:1em 0 0px 0; font-size:1.125em; line-height:1.55em; font-weight:400;} .content-banner-img{position:absolute; bottom:0; right:0; width:40em; height: 100%; background:url(/i/content-banner-img.jpg) no-repeat 0 0; background-size: cover;} .content-banner-img img{height:100%;} .content_bg{background:#FFF; z-index:99; position: relative;} .content{ margin:0 auto 0 auto; font-size:1.125em; line-height:1.55em; min-width: 320px; max-width: 1440px; padding:3em 2% 3.5em 2%; position:relative; box-sizing: border-box; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .content img, .content table{max-width:100%;} .about-bank-mission{background: #1077CF; box-shadow: 0px 4px 24px rgba(7, 12, 39, 0.05); margin:1.5em 0; border-radius: 2px; padding:2.22em; color:#FFFFFF;} .about-bank-mission span{font-size:1.8em; font-weight: bold;} ul.docs-tree{list-style:none; margin:1em 0 2em 0px; box-shadow: 0px 4px 24px rgba(7, 12, 39, 0.15); } ul.docs-tree li{background:none; position:relative; padding: 0; border:1px solid #FFF;} ul.docs-tree li.docs-tree-open{border: 1px solid #e7e7e7; } ul.docs-tree li span.level1{cursor:pointer; font-size:1.35em; padding: 1em 2em 0em 1em; display:block; line-height: 1.2em; color: #272C3E; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} ul.docs-tree li span.level1:hover{border-bottom:0px solid #202020; opacity:0.7;} ul.docs-tree li small{padding: 0em 2em 1.1em 1.7em; color: #858F98; font-size:0.8em; display:inline-block;} ul.docs-tree li em{display:block; position:absolute; top:1.5em; right:1.5em; width:24px; height:24px; background:url(/i/docs-tree-icon.svg) no-repeat 0 0; background-size: cover; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} ul.docs-tree li.docs-tree-open em{-o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);} ul.docs-tree li ul{margin:0 0 0em 0; padding:0em 2em 0em 1.7em;} ul.docs-tree li ul li{border:0px solid; font-size:1em; overflow:hidden; padding:0 0 1.7em 0;} ul.docs-tree li ul li:hover{border:0px solid;} ul.docs-tree li ul li em{display:none;} ul.docs-tree li ul li a{color:#272C3E; text-decoration:none;} ul.docs-tree li ul li b{display: block; padding: 0 0 1.4em 0; color:#858F98; font-weight:400; border-bottom:1px solid #d8e0e6; margin:0 0 0 4em; text-transform:uppercase;} ul.docs-tree li ul li:last-child b{border:0px solid;} ul.docs-tree li ul li a:hover{color:#0763B2;} ul.docs-tree li ul li a[href$=".pdf"], ul.docs-tree li ul li a[href$=".PDF"] {display: inline-block; padding: 0 0 0 4em; min-height:40px; background: url(/i/icon-pdf.svg) no-repeat 0 0;} ul.docs-tree li ul li a[href$=".doc"], ul.docs-tree li ul li a[href$=".docx"], ul.docs-tree li ul li a[href$=".rtf"] {display: inline-block; padding: 0 0 0 4em; min-height:40px; background: url(/i/icon-doc.svg) no-repeat 0 0;} ul.docs-tree li ul li a[href$=".xls"], ul.docs-tree li ul li a[href$=".xlsx"] {display: inline-block; padding: 0 0 0 4em; min-height:40px; background: url(/i/icon-xls.svg) no-repeat 0 0;} ul.docs-tree li ul li a[href$=".zip"]{display: inline-block; padding: 0 0 0 4em; min-height:40px; background: url(/i/icon-zip.svg) no-repeat 0 0;} ul.docs-tree li ul li a[href$=".txt"]{display: inline-block; padding: 0 0 0 4em; min-height:40px; background: url(/i/icon-txt.svg) no-repeat 0 0;} ul.docs-tree li ul li a[href$=".rar"]{display: inline-block; padding: 0 0 0 4em; min-height:40px; background: url(/i/icon-rar.svg) no-repeat 0 0;} /* News */ #newsBtn a{opacity:0.7; display:inline-block; padding:0 1em 0 0; color:#FFF; text-decoration:none;} #newsBtn a:hover{opacity:1;} #newsBtn a.news-active-btn{opacity:1; font-weight:900;} .content-news{padding:0 0 0 0; font-size:1em;} .news-item{overflow:hidden; width:24%; display:inline-block; vertical-align:top; padding:0.5em 4% 1em 0; box-sizing: border-box; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .content-news .news-item:first-child{width:100%; padding:0 0 2em 0; } .content-news .news-item:first-child a.news_title{font-size:2em; font-weight: bold; display: inline-block; padding:0 0 0.3em 0;} .content-news .news-item:first-child p.news-item-text{padding: 0 0 1em 0; display:block;} .news-item a.news_title{color: #272C3E; text-decoration:none; line-height: 1.4em; } .news-item a.news_title:hover{opacity:0.5;} .news-item .date_ind{display:inline-block; vertical-align:middle; color: #858F98; font-size:0.8em; padding:0 0 0.5em 0; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .news-item .date_ind em{display:inline-block; vertical-align:middle; width:0.6em; height:0.6em; border-radius:0.6em; margin:0 0.25em 0 0; background:#858F98; position:relative; top:-0.1em; left:0; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .date-news{ color: #858F98; font-size:0.8em; padding:0.8em 0 1.4em 0; } .date-news em{display:inline-block; vertical-align:middle; width:0.6em; height:0.6em; border-radius:0.6em; margin:0 0.25em 0 0; background:#858F98; position:relative; top:-0.1em; left:0;} .news-item:hover .date_ind em{background:#0763B2;} .news-item:hover .date_ind{color: #0763B2;} p.news-item-text{padding: 0 0 0 0; display:none; color: #272C3E; } .about-bank-mission .news-item:first-child{width:100%; padding:0 0 0 0; } .about-bank-mission .news-item a.news_title{color:#FFF; } .about-bank-mission .news-item p.news-item-text{color:#FFF;} .about-bank-mission .news-item .date_ind{color:#FFF;} .about-bank-mission .news-item .date_ind em{background:#FFF;} .news-full-list{display:none;} .news-full-btn{cursor:pointer; text-align:center; padding: 0.8em 0; border: 1px solid rgba(39, 44, 62, 0.3); border-radius: 2px; margin:2em 0 0 0;} .news-full-btn:hover{opacity:0.5;} .news-quote{position:relative; margin:0.5em 0 0.5em 2em; border-radius: 2px; padding:2.22em; font-weight:500; font-size:1.25em; line-height:1.5em;} .news-quote:before{position:absolute; top:2.5em; left:0em; content:''; display:inline-block; width:1.5em; height:1.5em; background: url(/i/news-quote.svg) no-repeat 0 0;} /* Offices */ #officesBtn{position:absolute; bottom: 0.1em; left:0; font-size:1.125em; line-height:1.55em;} #officesBtn a{color:#FFF; text-decoration:none; padding:0 0 0.8em 0; margin:0 2.5em 0 0; display:inline-block; border-bottom: 4px solid transparent;} #officesBtn a.offices-active-btn{border-bottom:4px solid #FFF;} #officesBtn a:hover{opacity:0.7;} #officesBtn a.offices-active-btn:hover{opacity:1;} #officesList{position:absolute; bottom: 0.5em; right:0; font-size:1.125em; line-height:1.55em;} #officesList a{color:#FFF; text-decoration:none; padding:0.5em 2em 0.4em 2em; border:1px solid #FFF; display:inline-block; border-radius: 2px; } #officesList a.offices-active-btn{ background:#fff; color:#0763B2; text-shadow:none;} #officesList a:hover{opacity:0.7;} #officesList a.offices-active-btn:hover{opacity:1;} #officesList a span{display: inline-block; margin:0 0 0 0.5em; vertical-align:middle;} #officesListBtn span{width:1em; height:0.7em; background: url(/i/offices-list-btn.png) no-repeat 0 0;} #officesMapBtn span{width:1.125em; height: 1.2em; background: url(/i/offices-map-btn.png) no-repeat 0 0;} #officesList a.offices-active-btn span{background-position:0 -18px;} #officesList a#officesMapBtn.offices-active-btn span{background-position:0 -22px;} #contentOfficesList{} #contentAtmList{display:none;} #contentOfficesMap{display:none;} #contentAtmMap{display:none;} .content-offices-list{padding:0.25em 0 0 0;} .office-list-item{width:100%; padding:1.5em 0 1.5em 0; } .office-list-title{color: #272C3E; font-size:1.35em; font-weight:500; display:inline-block; width:31%; padding:0 5% 0 0; box-sizing: border-box; vertical-align:top;} .office-list-title a{color: #272C3E; text-decoration:none;} .office-list-title a:hover{opacity:0.7;} .office-list-title span{font-size:0.6em; color: #858F98; font-weight:400;} .office-list-address{display:inline-block; width:31%; padding:0 5% 0 0; box-sizing: border-box; vertical-align:top;} .office-list-metro{padding:1em 0 0 0;} .office-list-metro svg{height:0.8em; margin:0 0.25em 0 0; display:inline-block;} .office-list-metro span{font-size:0.8em; color: #858F98; padding:0 0 0 0.25em;} .office-list-schedule{display:inline-block; width:31%; padding:0 0 0 0; box-sizing: border-box; vertical-align:top;} .office-list-schedule ul{margin:0;} .office-list-schedule ul li{background: url(/i/li-office.svg) no-repeat 0 0.7em; padding: 0.2em 1em 0.2em 1em;} .office-list-schedule ul li.li-grey{background: url(/i/li-grey.svg) no-repeat 0 0.7em;} .office-full-info{display:inline-block; width:49%; padding:0 3% 0 0; box-sizing: border-box; vertical-align:top; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .office-full-title{font-size:0.9em; color: #858F98; padding:0 0 0.5em 0;} .office-full-address{font-size:1.85em; font-weight:700; line-height:1.2em;} .office-full-metro{font-size:1.25em; padding:1.8em 0 0 0; line-height:1.7em;} .office-full-metro span{font-size:0.7em; color: #858F98} .office-full-phone{font-size:1.25em; font-weight:700; line-height:1.4em; padding:1.65em 0 1em 0;} .office-full-phone .office-full-title{font-size:0.76em; font-weight:400;} .office-full-map{display:inline-block; width:47%; padding:1.0em 0 0 0; box-sizing: border-box; vertical-align:top; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .office-block{padding:0 0 2.8em 0;} .office-block.pad-bottom0{padding:0 0 0em 0;} .office-block-header{font-size:1.85em; font-weight:700; line-height:1.2em; padding:1.0em 0 0.8em 0;} .office-block-title{font-size:1.25em; line-height:1.2em; border-bottom:1px solid #D8E0E6; padding:0 0 0.8em 0;} .office-block-item{font-size:1.25em; line-height:1.2em; display:inline-block; width:24%; padding:1.6em 3% 0em 0; box-sizing: border-box; vertical-align:top; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .office-block-item span{font-size:0.65em; color: #858F98; display:block; padding:0 0 1.6em 0;} .office-block ul{display:inline-block; width:49%; padding:0 3% 0 0; box-sizing: border-box; vertical-align:top; margin: 1.4em 0 0.8em 0;} .office-block-item-100{padding:1.6em 0 0em 0; box-sizing: border-box; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .creator-site{padding-top:2.0em; font-size:0.9em;} .creator-site span{padding-top:2em; color: #FFFFFF; opacity: 0.5;} .creator-site a{letter-spacing:3px;} em.roubl{font-style:normal;} /* Products */ .content-banner-fixed{width: 100%; height:34.0em; position:fixed; top:0; left:0; z-index:1;} .content-banner-height{height:27em;} .product-banner-description{font-size:1.25em; padding:0.5em 0 0 0;} .product-banner-block{text-shadow: 1px 1px 1px #56697B;} .product-banner-item{display:inline-block; margin:3.1em 3em 0 0; width:220px; vertical-align:top; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .product-banner-item span{display:block; font-size:2em; font-weight:700; border-bottom:2px solid rgba(255, 255, 255, 0.5); padding:0 0 0.4em 0; line-height:1.2em;} .product-banner-item span em{font-style:normal;} .product-banner-item small{display:block; font-size:0.9em; padding:0.4em 0 0 0;} .product-block-title{font-size:1.9em; line-height:1.2em; font-weight: 700; padding:0 0 0.7em 0;} .calculator-item{display:inline-block; vertical-align:top; margin:0 1.5em 0 0em; font-size:1em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .calculator-item-title{font-size:0.9em; line-height:1.2em; padding:0 0 0.65em 0;} .calculator-input{position:relative;} .calculator-input-marker{position:absolute; top:1.0em; right:1.0em; z-index:10;} .calculator-input input{font-size:1.2em; border: 2px solid #CFE4f5; border-radius: 2px; padding:0.7em 0.5em; width:225px; box-sizing:border-box; } .calculator-input input:hover{border:2px solid #CFE4f5;} .calculator-input input:focus{border:2px solid #CFE4f5;} #slider, #slider2{position:relative; top:-4px; left:0; width:99%; } .ui-slider-horizontal{height: 4px;} .ui-widget.ui-widget-content{border:0px solid; background: none;} .ui-corner-all{border-radius:0px; border-bottom-left-radius:2px; border-bottom-right-radius:2px;} .ui-widget-header{background:#1077CF;} .ui-state-default, .ui-widget-content .ui-state-default{background:#1077CF; height:1.35em; width:1.35em; border:0px solid; border-radius:1em; } .ui-slider-horizontal .ui-slider-handle{top: -0.52em; margin-left: -0.6em;} .calculator-btn{border-radius: 2px; overflow:hidden; padding: 0 0 0 3px;} .calculator-btn span{font-size:1.2em; border: 2px solid #CFE4f5; padding:0.65em 1em; display: block; float:left; cursor:pointer; margin:0 0 0 -2px; position:relative; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .calculator-btn span:hover{background:#EBF3FA;} .calculator-btn span:first-child{border-top-left-radius: 2px; border-bottom-left-radius: 2px;} .calculator-btn span.calculator-btn-active{background:#1077CF; color:#FFF; border: 2px solid #1077CF; z-index:10;} .calculator-btn span em{font-style:normal;} .calculator-additional-info{padding:0.5em 0;} .calculator-additional-info ul {margin: 0.8em 0 0.8em 0em;} .calculator-additional-info ul li{background:url(/i/calculator-additional-info.svg) no-repeat 0 0.55em; padding:0.4em 1em 0.4em 1.5em;} .calculator-note{font-size: 0.7em; color: #858F98; line-height:1.2em;} .calculator-result{padding:2.2em 2.2em; margin:0.5em 0 1.5em 0; box-shadow: 0px 4px 24px rgba(7, 12, 39, 0.15); } .calculator-result-item{display:inline-block; margin:0em 0em 0 0; width:32%; box-sizing:border-box; vertical-align:top; font-size: 0.75em; color: #858F98; line-height:1.2em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .calculator-result-item img{float:left; margin:0 0.9em 0 0;} .calculator-result-item span{font-size:1.7em; font-weight:700; color: #272C3E; display:block; padding:0.55em 0 0 0;} .calculator-item-limit{font-size:0.8em; color:#858F98; overflow:hidden; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .calculator-item-limit span{display:block; float:left; } .calculator-item-limit span + span{float:right;} .calculator-credit-slider input{width:350px;} .calculator-item-row{display:inline-block; margin:0 0 0 2em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .calculator-item-count{font-size:1.9em; line-height:1.2em; font-weight: 700; padding: 0.25em 0 0.25em 0; border-bottom:2px solid #E5E5E5;} .product-block-rates-bg{background: #EBF3FA; position: relative; z-index: 10;} .product-block-rates{margin: 0px auto; min-width:320px; max-width:1440px; background: #EBF3FA; padding:3.7em 2% 2.4em 2%; box-sizing:border-box; font-size:1em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .product-block-rates table{border:0px solid; margin:0em 0 1em 0;} .product-block-rates table th{text-align:left; font-weight:400; } .product-block-terms-bg{background: #F8F8F8; position: relative; z-index: 10;} .product-block-terms{margin: 0px auto; min-width:320px; max-width:1440px; background: #F8F8F8; padding:3.7em 2% 2.2em 2%; box-sizing:border-box; font-size:1em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .product-block-terms table{border:0px solid; } ul.docs-tree li span.level1{cursor:pointer; font-size:1.35em; padding: 1em 2em 0em 1em; display:block; line-height: 1.2em; color: #272C3E;} ul.docs-tree li span.level1:hover{border-bottom:0px solid #202020; } ul.docs-tree.product-detailed-information li ul li ul li{background: url(/i/li-def.svg) no-repeat 0 0.9em; padding: 0.4em 1em 0.4em 1em;} ul.docs-tree.product-detailed-information li span.level1{padding: 1em 2em 1em 1em;} .deposit-insurance{font-size:1.35em; line-height: 1.2em; color: #858F98; margin: 3.5em 0 0 0; overflow:hidden;} .deposit-insurance img{margin: 0 2em 0 0; width:4.27em;} .deposit-insurance span{padding: 1.5em 0 0 0; display:inline-block; width:80%; vertical-align:top;} .content-banners-img{position:absolute; bottom:0; right:0; height: 18.4em; z-index:1;} .content-banners-img img{height:100%;} .content-banner-inner-item h1{position:relative; z-index:10;} .content-banner-inner-item .content-banner-inner-text{position:relative; z-index:10;} .deposits-list-btn{position:absolute; bottom:2em; left:0; z-index:10; border-radius: 2px; overflow:hidden; padding: 0 0 0 3px;} .deposits-list-btn div{background: rgba(255, 255, 255, 0.3); position:relative; z-index:1;float:left; margin:0 0 0 -2px; color: #1077CF; font-size:1.125em; line-height: 1.2em; border:1px solid #1077CF; padding:0.4em 1.8em; border-radius: 2px; cursor:pointer; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .deposits-list-btn div:hover{background:#FFF;} .deposits-list-btn div.active-deposits-list-btn{position:relative; z-index:10;color:#FFF; background: #1077CF; } #productsCalculator{display:none;} .products-listing-item{ overflow:hidden; margin:1em 0 3.0em 0px; position:relative; box-shadow: 0px 4px 24px rgba(7, 12, 39, 0.15); -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .products-listing-item-img{display: inline-block; vertical-align: top; width: 29%; margin:0 2% 0 0; padding: 2%; float: left; box-sizing: border-box;} .products-listing-item-img img{width:100%; display: block;} .products-listing-item-inner{display: inline-block; vertical-align: top; width: 61%; position:relative; box-sizing: border-box; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .products-listing-item-title{display: inline-block; vertical-align: top; width: 52%; font-size: 1.9em; line-height: 1.2em; font-weight: 700; padding: 0.9em 0 0.7em 0; box-sizing: border-box; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .products-listing-parameters{ margin:0 0 0 0;} .products-listing-parameters-item{display:inline-block; margin:0em 0em 0 0; width:32%; box-sizing:border-box; vertical-align:top; line-height:1.55em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .products-listing-parameters-item img{float:left;} .products-listing-parameters-item div{padding:0 0 0 2.7em;} .products-listing-parameters-item span{font-size: 0.75em; color: #858F98; display:block; padding:0 0 0 0;} .products-listing-parameters-item div b{font-size:1.25em;} .products-listing-item .calculator-additional-info ul li{background: url(/i/calculator-additional-info.svg) no-repeat 0 0.3em; padding: 0.1em 1em 0.1em 1.5em;} .products-listing-link:before{content:''; display:block; clear:both;} .products-listing-link a{position:absolute; bottom:1.5em; right:1.8em; z-index:10; line-height:2.9em; font-weight:500; color:#1077CF; text-decoration:none; text-align:center; display:inline-block; height:2.9em; padding:0 2.0em; background: none; border:1px solid #1077CF; border-radius: 2px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .products-listing-link a:hover{background: #1077CF; color:#FFF;} .products-listing-item-label{position:absolute; top:1em; right:0; font-size:0.7em; background: #1077CF; color:#FFF; padding:0.4em 1em; line-height: 1.2em; border-bottom-left-radius:2px; border-top-left-radius: 2px;} .products-listing-item-label.products-listing-item-label-img{background:#FFF;} .calculator-additional-options{margin:2em 0 2em 0; } .calculator-additional-options div{display: inline-block; margin:0 2em 0 0; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .calculator-additional-options span{display: inline-block;} .calculator-additional-options span:before{content:''; border: 2px solid #CFE4f5; display: inline-block; margin:0 0.7em 0 0; width:1.1em; height:1.1em; border-radius: 2px; cursor:pointer; position: relative; top: 0.25em; background:#FFF url(/i/calculator-additional-options.svg) no-repeat 0 0em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .calculator-additional-options span.additional-options-active:before{background-color:#1077CF; border: 2px solid #1077CF; } .content .content {font-size: 1em; margin: 0; padding: 0;} /* Select Form */ .select_bg{ color:#272C3E; font-family: 'Roboto', Tahoma, sans-serif; border: 2px solid #CFE4f5; border-radius: 2px; padding:0.7em 0.75em 0.2em; display:block; width:100%; box-sizing:border-box; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .select_bg:hover{border: 2px solid #1077CF; } .select_bg.select-bg-active{border: 2px solid #1077CF; } .select_bg select{max-width: 0;} .select_bg .selectbox {cursor: pointer; z-index:105; width: 100%;} .select_bg .selectbox .select {margin:0px 0 0px 0px; padding: 0 0 0 0; box-sizing:border-box; width:98%; background:url(/i/select-bg.svg) no-repeat center right; overflow:hidden;} .select_bg .selectbox .select:active {} .select_bg .selectbox.focused .select {border: 0px solid;} .select_bg .selectbox .select .text {display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .select_bg .selectbox .select .text:before{font-weight:bold;} .select_bg .selectbox .dropdown {padding:0.5em 0; top: 2.2em; left:-0.75em; width:100%; width: calc(100% + 1.5em); width: -moz-calc(100% + 1.5em); width: -webkit-calc(100% + 1.5em); margin:0px 0 0 0px; background:#fff; border:1px solid #1077CF; box-sizing:border-box;} .select_bg .selectbox ul{margin:0px;} .select_bg .selectbox li {padding:0.5em 0.7em 0.5em 0.6em; background:none;} .select_bg .selectbox li.selected {background: #EBF3FA; } .select_bg .selectbox li:hover {background: #CFE4f5; } .form-online{margin:3.0em 0 2em 0;} .form-online.form-online-product{margin:1.5em 0 2em 0; position:relative;} .form-item{position:relative; margin:1em 0 2.5em 0;} .form-item-title{position:absolute; left:0.7em; top:-0.55em; z-index:10; font-size:0.7em; padding:0 0.7em; background:#FFF; color: #1077CF; line-height:1.2em; } .form-item-err{position:absolute; bottom: -1.55em; left:0.7em; font-size:0.7em; padding:0 0.7em; color: #E95E5E; line-height:1.2em;} b.form-item-err{font-weight:400; font-size:0.9em; padding:0; left: 0;} .form-item-comment{position:absolute; bottom: -1.55em; left:0.7em; font-size:0.7em; padding:0 0.7em; color: #858F98; line-height:1.2em;} .form-item textarea{height:7em;} .form-item.file-input{border: 2px solid #CFE4f5; border-radius: 2px; padding:0.9em 0.75em; display:block; width:100%; box-sizing:border-box; cursor:pointer; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .form-item.file-input:hover{border: 2px solid #1077CF;} .form-item.file-input .form-file-text{} .form-item.file-input input {position:absolute; top:0; left:0; opacity:0;} .form-item.form-item-capcha-input{width:54%; margin:1em 3% 2.5em 0; float:left;} .form-item.form-item-capcha{min-width:30%; margin:1em 0 2.5em 0; float:left;} .form-item.form-item-capcha img{height:3.2em;} .update-capcha{position:absolute; bottom: -1.55em; left:0em; font-size:0.7em; padding:0 0.7em; color: #1077CF; line-height:1.2em; cursor:pointer; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .update-capcha:hover{opacity:0.7;} .form-overflow-hidden{overflow:hidden; margin:-1em 0 0 0; padding:0;} .form-item-checkbox {position:relative; margin:1em 0 1.5em 0; line-height:1.0em;} .form-item-checkbox label{padding:0; min-height:2.0em; display: block;} .form-item-checkbox input{position:absolute; top:0; left:-1000px;} .form-item-checkbox label span:before{content:''; border: 2px solid #CFE4f5; display: inline-block; vertical-align: top; margin:0 0.7em 0 0; width:1.1em; height:1.1em; border-radius: 2px; cursor:pointer; position: relative; top: 0.25em; background:#FFF url(/i/calculator-additional-options.svg) no-repeat 0 0em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .form-item-checkbox label span.form-checkbox-active:before{background-color:#1077CF; border: 2px solid #1077CF; } .form-item-checkbox label em{position: relative; font-size:0.8em; font-style:normal; display: inline-block; vertical-align: top; max-width: 85%; padding:0.65em 0 0 0;} .form-item-btn button{position:relative; border:1px solid #1077CF; background:#1077CF; font-size: 1em; line-height:2.8em; display:inline-block; margin:0.5em 0 0 0; padding:0 2.0em; color:#fff; text-decoration:none; text-align:center; text-shadow:none; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .form-item-btn button:hover{background:none; color:#1077CF; border:1px solid #1077CF;} .calculator-credit-block{overflow:hidden; margin:1em 0 2em 0;} .calculator-credit-info{display:none; float:right; width:75%; color: #858F98; background:url(/i/calculator-credit-info.svg) no-repeat 0 1.1em; padding:1.1em 0 0 2.0em; box-sizing:border-box;} .credit-online-btn{float:left; cursor:pointer; position:relative; border:1px solid #1077CF; background:#1077CF; font-size: 1em; line-height:2.8em; display:inline-block; margin:0.5em 0 0 0; padding:0 2.0em; color:#fff; text-decoration:none; text-align:center; text-shadow:none; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .credit-online-btn:hover{background:none; color:#1077CF; border:1px solid #1077CF;} .calculator-credit-position-online{display:none; position:relative;} .calculator-credit-position-close{position:absolute; top:-2.5em; right:0.5em; width:1em; height:1em; cursor:pointer; background:url(/i/calculator-credit-position-close.svg) no-repeat 0 0; } .calculator-card-position-close{position:absolute; top:-2.5em; right:0.5em; width:1em; height:1em; cursor:pointer; background:url(/i/calculator-credit-position-close.svg) no-repeat 0 0; } .card-online-btn{float:left; cursor:pointer; position:relative; border:1px solid #1077CF; background:#1077CF; font-size: 1em; line-height:2.8em; display:inline-block; margin:0.5em 0 0 0; padding:0 2.0em; color:#fff; text-decoration:none; text-align:center; text-shadow:none; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .product-cards-parameters{overflow:hidden;} .product-cards-img{float:left; padding:1.0em 0 0 0; } .product-cards-img img{box-shadow: 0px 4px 24px rgba(7, 12, 39, 0.1); border-radius: 10px; max-width:100%; width:14em;} .product-cards-text{padding:0 0 0 16em;} ul.ul-cards-list li{border-top:1px solid #D8E0E6; padding:0.7em 1em 0.7em 1em; background-position:0 1.25em;} ul.ul-cards-list li:first-child{border:0px solid; } .product-cards-text-logo{vertical-align:middle; font-size:1em; margin:1.5em 0 0 0;} .product-cards-text-logo img{vertical-align:middle; margin:0 1em 1em 0; height:2.22em;} .title-block-color{border-left: 5px solid #1077CF; padding: 0.2em 0 0.2em 1.5em; font-size: 1.15em; margin-bottom: 1em;} .block-step-main{display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;} .block-step-item{width:29%; box-sizing:border-box; margin:2%; padding:1em; text-align:center; box-shadow: 0px 4px 24px rgba(7, 12, 39, 0.15); -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .block-step-item ul li{text-align:left;} .block-step-item p b{font-size: 1.5em; margin-top: 1em; font-weight:600; display: inline-block;} .title-block-h3{font-size: 2em; text-align: center;} .block-step-main-link .block-step-item a{text-decoration:none; color: #272C3E;} .block-step-item-text{padding:0 1em; text-align:left;} .block-step-item-text b{font-size: 1.5em; padding: 1em 0 0.5em 0; font-weight:600; display: inline-block;} .block-step-main-link .block-step-item:hover{background: #1077CF;} .block-step-main-link .block-step-item:hover a{color:#FFF;} .block-information-main{display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;} .block-information-main-item{width:45%; box-sizing:border-box; margin:2%; padding: 1em 2em 5em 2em; background: #EBF3FA; position: relative; } .block-information-main-item b{font-size: 1.5em; margin-top: 1em; font-weight:600; display: inline-block;} .block-information-main-item a.link-btn{position: absolute; bottom: 2em; left: 2em; background:none; color:#1077CF; border: 1px solid #1077CF; text-decoration:none; font-size: 1; height: 2.9em; line-height: 3.0em; display: inline-block; margin: 1em 0 0 0; padding: 0 2.0em; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .block-information-main-item a.link-btn:hover{background: #1077CF; color:#FFF;} .block-rko-item{overflow:hidden; margin:1em 0 3.0em 0px; padding:2em; position:relative; box-shadow: 0px 4px 24px rgba(7, 12, 39, 0.15); -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out;} .block-rko-item img{float:left; margin: 0 2em 0 0;} .block-rko-item-title{font-size: 1.5em;} .block-contacts-item{padding:1em; border-top:5px solid #1077CF;} .block-contacts-inner-item3{display:inline-block; vertical-align:top; width:28%; text-align:left; box-sizing:border-box; margin:0% 2% 2% 2%; padding: 1em 1em; position: relative;} .block-guarantees-main{display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; overflow:hidden; margin:0em 0 1em 0; padding:0em; position:relative;} .block-guarantees-item{width:21%; text-align:center; box-sizing:border-box; margin:0% 2% 2% 2%; padding: 1em 1em; position: relative;} .block-guarantees-item img{margin:0 0 0.5em 0;} .block-guarantees-title{text-align: center; background: #1077CF; color: #fff; font-size: 1.5em; padding: 1em;} table.block-guarantees-tab{margin:0 0 0 0; border:0 solid; } p.padtop1{padding:1em 0 0.5em 0;} .block-guarantees-line{width:100%; min-height:10em; text-align:center; margin:3em 0 1em 0;} .block-guarantees-line p{font-size:1.5em; font-weight:400; padding:3em 1em; line-height:1.2em;} .block-guarantees-step{display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-align-items:center; display: flex; flex-wrap: wrap; align-items:center; overflow:hidden; margin:2.5em 0 1em 0; padding:0em; position:relative;} .block-guarantees-step-item{font-size:0.9em; width:28%; text-align:center; box-sizing:border-box; margin:0% 2% 2% 2%; padding: 1em 1em; position: relative;} .block-guarantees-step .block-guarantees-step-item:first-child{border-top:0 solid;} .block-guarantees-step-item em{font-size:1.5em; font-style:normal; text-align:center; display:inline-block; margin:0 0.5em 0 0; width:2em; height:2em; line-height:2em; border-radius:2em; color:#FFF; background: #1077CF; vertical-align: middle;} .block-guarantees-step-item p{padding: 0; display: inline-block; vertical-align: middle; width: 72%; text-align: left;} .block-contacts-item-title{text-align: center; background: #1077CF; color: #fff; font-size: 1.2em; padding: 0.5em 1em;} .block-contacts-item-title.contacts-item-title-light{color: #272C3E; background: #EBF3FA;} .block-contacts-item-title p{display:inline-block; vertical-align: middle;} .block-contacts-item-title img{margin:0 1em 0 0;} /* / Content */ #dohod_credit_check.form-item-checkbox{display:none;} .header-ibank.ebs {margin:0 25px 0 0;display:none;} .header-ibank.ebs a {background:none;color:#0E1114;} .header-ibank.ebs a:hover {background:#fff;color: #1077CF;} .menu-mob-ibank.ebs {border-top: 1px solid #D8E0E6;display:none;} .menu-mob-ibank.ebs img {width:auto;height:auto;margin: 0 5px 5px 5px;} .ebs-container {padding:40px 380px 40px 40px;box-shadow:0 0 30px rgba(0,0,0,0.2);min-height:190px;position:relative;} .ebs-container .ebs-title {font-weight:600;margin:0 0 20px 0;font-size:34px;line-height:36px;} .ebs-container .ebs-anons {font-size:16px;} .ebs-container .ebs-icon {position:absolute;top:40px;right:85px;} .ebs-container .ebs-link {display:inline-block;color:#0666b0;border:1px solid #1179cc;padding:12px 55px;text-decoration:none!important;margin:30px 0 0 0;} .ebs-container .ebs-link:hover {color:#fff;background:#1179cc;} .footer.footer-new .apps-icon-footer {text-align:right;} .footer.footer-new .apps-icon-footer a {margin:0 0 0 20px;} .footer.footer-new .footer-top-inner {padding-top:15px;} .footer.footer-new .footer-top-right {width:38%;} .footer.footer-new .footer-top-left {width:59%;} .footer.footer-new .footer-top-right-soc-icon {width:100%;} .footer.footer-new .footer-pays {text-align:right;} .footer.footer-new .footer-top-left-logo p { margin: 15px 0em 0 30px;} .footer.footer-new .footer-top-left-link a {font-size:16px;color:#000000;font-weight:500;padding:0 45px 0 0;} .footer.footer-new .footer-top-left-link a:hover {color:#0666b0;} .footer.footer-new .footer-buttons {margin:30px 0 0 0;font-size:0px;} .footer.footer-new .footer-buttons a {display:inline-block;color:#000;border:1px solid #1179cc;padding:4px 15px;text-decoration:none!important;font-size:15px;font-weight:500;margin:0px 50px 0 0;} .footer.footer-new .footer-buttons a:hover {color:#0666b0;} .footer.footer-new .footer-top-left {padding-top:30px;} .footer.footer-new .footer-top-right {padding-top:30px;} .footer.footer-new .apps-icon-footer {padding:0;} .footer.footer-new .footer-inner-right {width:21%;text-align:center;padding-top:40px;} .footer.footer-new .footer-inner-left {width:76%;padding-top:40px;} .footer.footer-new .footer-icons {margin:25px 0 0 0;} .footer.footer-new .footer-icons .ebs img {width:200px;} .footer.footer-new .creator-site {padding:0 35px 0 0;margin:10px 0 0 0;} .footer.footer-new .creator-site a {letter-spacing: 0px;} .footer.footer-new .creator-site .icon {display:inline-block;vertical-align:middle;width:38px;margin:0 20px 0 0;padding:0;} .footer.footer-new .creator-site span {opacity:1;display:inline-block;vertical-align:middle;padding:0;text-align:left;font-size:12px;line-height:18px;} .footer.footer-new .footer-address {margin:0 0 20px 0;} .footer.footer-new .copyright {margin:0 0 20px 0;} .footer.footer-new .copyright span {opacity:1;} .footer.footer-new .footer-menu {max-width:980px;} .footer.footer-new .footer-menu a {font-size:12px;line-height:18px;margin:0 15px 0 0;} .footer.footer-new .footer-phones {margin:0 0 20px 0;font-size:0px;} .footer.footer-new .footer-phones .phones-item {display:inline-block;margin:0 60px 0 0;color:#868f98;font-size:14px;} .footer.footer-new .footer-phones .phones-item .value {font-weight:500;color:#fff;font-size:22px;} .footer.footer-new.en .footer-inner-right {text-align:left;} /* Media screen */ @media screen and (max-width: 1279px) { .header{height:5em; } .header-inner{height:5em;} .header-right{border:none;} .header-block{top: -5em;} .site-logo{margin: 1.2em 0 0 0;} .nav-inner ul{margin:-11em 0 0 0;} .nav-submenu{top:19px;} .header-inner{border:0;} .header-info-mob-nav{position:relative; top: 1.8em; left:1em;} .header-info{top: 1.25em; right:9em;} .header-search{margin: 0 0 0 2.5em;} .content-index{padding: 1em 4% 2em 4%;} .content-index-products{font-size:0.8em;} .banners{height:24em;} .banners-inner{font-size:0.8em;} .index-bank{font-size:0.8em; margin: 1em 0 0 0; height: auto;} .index-bank-inner{padding: 1em 4% 2em 4%; height: auto;} .index-bank-btn{right: 4%;} .special-offer{font-size:0.8em; padding: 2.8em 0 0 0;} .special-offer .slick-prev{right:4.5em; padding: 0 0 0 3em; width:3em; height:3em;} .special-offer .slick-next{padding: 0 0 0 3em; width:3em; height:3em;} .index-news{font-size:0.8em;} .index-news-item{width: 48%; padding: 0 2% 1em 0;} .index-news-all{top: 0.7em;} .buffer{height:0;} .footer{ margin-top: 0; height: auto; } .footer-inner{height: auto; padding: 0px 4% 2.5em 4%;} .footer-top{height: auto; font-size:0.9em;} .footer-top-inner{height: auto; padding: 0 2% 2em 2%;} .footer-down{font-size:0.8em;} .footer-top-right-soc-icon div a svg{width:2.5em; height:2.5em;} .content-banner-inner{padding: 0 4% 0 4%;} .content{padding:2em 4% 3em 4%;} .news-item{width:49%; padding: 0.5em 2% 1em 0; } .city-location{position:fixed; top:0em; width:100%; } .city-location-inner{background: rgba(255, 255, 255, 0.9); margin-top:0; border:0px solid; border-bottom:1px solid #D8E0E6; } .city-location-inner:before{display:none;} .city-location-inner:after{display:none;} .wrapper{min-height:auto;} .product-block-rates{padding:3.7em 4% 2.4em 4%;} .product-block-terms{padding:3.7em 4% 2.2em 4%;} .deposit-insurance span{padding: 1.0em 0 0 0;} .products-listing-link a{position:relative; top:0em; left:0em; margin: 0 0 2em 31%;} .calculator-item-row{display:block; margin:1.5em 0 0 0em;} .calculator-credit-info{float:none; width:100%; padding:1.1em 0 1em 2.0em;} .credit-online-btn{float:none;} .block-guarantees-step-item p{width:67%;} .footer.footer-new .footer-top-left-link a {padding:0 15px 0 0;} } @media screen and (max-width: 1023px) { .calculator-item{font-size:0.9em;} .content-banners-img{height: 14em;} .products-listing-item-title{padding: 1.2em 0 0.7em 0;} .products-listing-item-inner{display: block; width: 100%; padding: 1em 4% 0em 4%;} .products-listing-item-img{float:none;} .calculator-additional-options div{display: block; margin:0 0 1em 0; } .deposit-insurance span{width:70%;} .products-listing-link a{margin: 0 0 2em 2%;} .block-step-item{width:96%;} .block-information-main-item{width:96%;} .block-guarantees-item{width:45%; } .block-guarantees-step{margin:1.5em 0 1em 0; } .block-guarantees-step-item{width:100%; margin:0 0 0 0; padding: 1em 1em; border-top:1px solid #D8E0E6; text-align:left;} .block-contacts-inner-item3{width:100%; margin:0; padding:1em 0 0 0;} .block-contacts-item-title{padding: 0.5em 1em 1.5em 1em;} .block-contacts-item-title p{display:block;} .block-contacts-item-title img{margin:0 0 0 0;} .ebs-container .ebs-icon {right:40px;} .ebs-container { padding: 40px 250px 40px 40px;} } @media screen and (max-width: 959px) { .index-news-item{width: 100%; padding: 0 0 2em 0;} .special-offer-item{width: 670px; } .special-offer-slider{width:730px;} .special-offer-item-color{width: 52%; } .office-list-title{width: 100%; padding:0;} .office-list-address{width: 100%; padding: 1em 0 1em 0;} .office-list-schedule{width: 100%; padding:0;} .footer-top-left{width: 100%; padding: 2.0em 0 2em 0; text-align: center;} .footer-top-right{width: 100%; padding: 2.0em 0 0 0; border-top: 1px solid #D8E0E6; text-align: center;} .footer-top-right-info{width: 100%; } .footer-top-right-soc-icon{width: 100%; padding-top: 2em;} .footer-inner-left{width: 48%;} .footer-inner-center{width: 48%;} .footer-inner-right{float: none; width:auto; padding:0; margin-top:-2.5em; text-align: left;} .office-full-info{width:100%; padding:0 0 0 0;} .office-full-map{width:100%; padding:0 0 0 0;} .office-description{font-size:0.9em;} .deposit-insurance span{width:60%; padding: 0.25em 0 0 0;} .calculator-credit-slider input{width:300px;} .header-ibank.ebs { margin: 0 0px 0 0;} .footer.footer-new .footer-inner-right {margin-top:0px;} .footer.footer-new .footer-top-right {border-top:0;} .footer.footer-new .apps-icon-footer a { margin: 0 0 0 12px;} .footer.footer-new .footer-top-left-logo p { margin: 15px 0em 0 24px;} .footer.footer-new .footer-inner-left { width: 70%; } .footer.footer-new .footer-inner-right { width: 27%;} } @media screen and (max-width: 767px) { .header{height:3.5em; } .header-inner{height:3.5em;} .site-logo{height:2.1em; width:auto; margin:0.7em 0 0 0;} .header-info{display:none;} .header-info-mob-nav{top: 1.1em;} .nav-submenu{top:-65px;} .header-info-mob-nav{left:0em;} .banners{height:30em;} .banners-inner{font-size:0.7em; padding-top: 3em;} .banners-img{height:25em;} .banners-inner-title{font-size: 2.5em;} a.banners-btn{z-index:10; margin: 0 0 0 0; position: absolute; bottom: 3.5em;} .banners-line{bottom: 1.0em;} .banners-line a{width: 0.5em; height: 0.5em; background:#FFF; border-radius:1em; box-shadow: 1px 1px 10px #0763B2; opacity: 0.3;} ul.slick-dots{bottom: 1.0em;} ul.slick-dots li{width: 0.5em; height: 0.5em; background:#FFF; border-radius:1em; box-shadow: 1px 1px 10px #0763B2; opacity: 0.3;} .content-banner{font-size:0.8em;} .content{font-size:0.9em;} .news-item{width:100%; padding: 0.5em 0 1em 0;} .menu-mob{top:3.5em;} .menu-mob-ibank{display:block;} .menu-mob-search{display:block;} .menu-mob-search input{width:85%;} .index-bank-block{width:100%;} .index-bank-btn{position:relative; top:0; right:0;} .index-bank-btn a{margin: 1.6em 0 0 0;} .special-offer-slider{width:530px;} .special-offer-item-color{width: 110%; height: 65%; top: 45%; left:-5%; transform: rotate(5deg);} .special-offer-item-title{font-size:1.7em; padding: 7.0em 10% 0 1em;} .special-offer-text{font-size:1.0em; padding: 0.7em 10% 0 1.8em;} .special-offer-item a{font-size:1.0em;} .footer-top-left-link a{display:block; padding: 0 0 1em 0;} .footer-top-left-logo p{display:block; margin: 2.0em 0 0 0;} .footer-inner-left{width: 100%;} .footer-inner-center{width: 100%;} .footer-inner-right{float: none; width:100; padding:0; margin-top:0em;} .office-block-item{width:100%; padding:1.6em 0 0 0;} .office-block ul{width:100%; padding:0 0 0 0;} .office-description{font-size:1em;} .product-block-rates{font-size:0.9em;} .product-block-terms{font-size:0.9em;} .deposit-insurance span{padding: 0em 0 0 0;} .calculator-additional-options span:before{font-size:1.2em;} .select_bg .selectbox .dropdown {padding:0.5em 0; top: 2.0em; } .form-item.form-item-capcha-input{width:100%; margin:1em 0 2.5em 0; display:block;} .form-item.form-item-capcha{min-width:100%; margin:0em 0 2.5em 0; display:block;} .form-item-checkbox label span:before{font-size:1.2em;} .calculator-item.calculator-item-slider.calculator-credit-slider{display:block; margin:0 0em 1em 0em; } .calculator-credit-slider input{width:100%;} .product-cards-img{float:none;} .product-cards-text{padding:0 0 0 0;} .footer.footer-new .footer-top-inner { padding-top: 0px;padding-bottom: 0px;} .footer.footer-new .footer-top-left { width: 100%;padding-bottom:0px;} .footer.footer-new .footer-top-right { width: 100%;} .footer.footer-new .footer-top-left-link a { padding: 0 0 15px 0;} .footer.footer-new .footer-buttons {margin:0;text-align:center;} .footer.footer-new .footer-buttons a {display:block;margin:0 auto 24px auto;max-width:160px;} .footer.footer-new .footer-top-right {padding:0;text-align:center;} .footer.footer-new .apps-icon-footer {text-align:center;} .footer.footer-new .apps-icon-footer a {margin:0 12px;} .footer.footer-new .footer-top-left-logo p {display:inline-block;} .footer.footer-new .footer-pays { text-align: center;} .footer.footer-new .footer-top-left-logo p { margin: 35px 15px 0 15px;} .footer.footer-new .footer-inner-left { width: 100%;padding:45px 0 0 0;} .footer.footer-new .footer-inner-right { width: 100%;} .footer.footer-new .footer-phones {margin:0;text-align:center;} .footer.footer-new .footer-phones .phones-item { display:block; margin: 0 0px 30px 0; } .footer.footer-new .footer-address {margin:0 0 30px 0;text-align:center;font-weight:500;} .footer.footer-new .footer-menu a {display:block;margin:0 0 7px 0;} .footer.footer-new.en .footer-inner-right {text-align:center;} } @media screen and (max-width: 599px) { .special-offer-slider{width:410px;} #officesBtn{position: relative; bottom: 0; margin-top: 1em;} #officesList{position: relative; bottom: 0; margin-top: 2em;} #officesList a span {display:none;} .product-banner-item{display:block; margin:1.1em 0em 0 0; } .content-banner-height{height:28em;} .calculator-item.calculator-item-slider{display:block; margin:0 0em 0em 0em; } .calculator-item{margin:1.5em 1.0em 0 0em;} .calculator-item-row.calculator-item{margin:1.5em 2.0em 0 0em;} .calculator-item-row{margin:0;} .calculator-input input{width:100%;} .calculator-result{padding:0; box-shadow: none; margin: 0em 0 0.9em 0;} .calculator-result-item{width:100%; margin: 1em 0em 1em 0; padding:1.7em 2.2em; box-shadow: 0px 4px 24px rgba(7, 12, 39, 0.15); } .deposit-insurance{font-size:1.0em;} .products-listing-item-title{display: block; width: 100%; padding: 0.5em 4% 0em 4%;} .products-listing-item-img{display: block; width: 100%; margin:0; } .products-listing-parameters-item{text-align:center; } .products-listing-parameters-item img{float:none; text-align:center;} .products-listing-parameters-item div{padding:0 0 0 0; text-align:center;} .products-listing-item-label{top:2em; right:2%;} .product-cards-img{text-align:center;} .product-cards-text-logo{text-align:center;} .content-banner-bg h1, .content-banner-bg .content-banner-inner-text{width:50%;} .block-rko-item{text-align:center;} .block-rko-item img{float:none; margin:0 0 1em 0;} .block-guarantees-item{width:100%; margin:0% 0 2% 0;} .ebs-container { padding: 20px;min-height:0px;} .ebs-container .ebs-icon { right: 30px;top:25px;width:32px;} .ebs-container .ebs-icon img {max-width:100%;} .ebs-container .ebs-title { margin: 0 0 25px 0; font-size: 18px; line-height: 24px;padding:0 60px 0 0;} .ebs-container .ebs-anons {font-size:14px;line-height:24px;} } @media screen and (max-width: 413px) { .content-banner{font-size:0.7em;} .special-offer-item{width: 315px;} .special-offer-slider{width:320px;} #officesList{margin-top: 1em;} .content-banner-height{height:32em;} .products-listing-parameters-item{font-size:0.9em;} } @media screen and (max-width: 374px) { .special-offer-item{width: 270px;} .products-listing-parameters-item{display: block; width: 100%; margin:0 0 1.0em 0;} .products-listing-parameters-item img{float:left; text-align:left;} .products-listing-parameters-item div{padding:0 0 0 3.7em; text-align:left;} } /*02022022*/ .vh {overflow:hidden;} .menu-mob {position:fixed;overflow:auto;height:calc(100vh - 5em);} .menu-mob-list .additional-submenu-inner {position:fixed;top:5em;width:100%;right:-100%;min-height:100%;} .menu-mob-list .additional-submenu-inner.submenu-mob-open {right:0;} @media screen and (max-width: 767px) { .menu-mob {height:calc(100vh - 3.5em);} .menu-mob-list .additional-submenu-inner {top:3.5em;} }