/* Start:/bitrix/templates/nipbank_v1.2/owlcarousel/assets/owl.carousel.min.css?17560742623351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/nipbank_v1.2/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/bitrix/templates/nipbank_v1.2/owlcarousel/assets/owl.theme.default.min.css?17560742621013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/bitrix/templates/nipbank_v1.2/formStyler/jquery.formstyler.css?17560742622175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/bitrix/templates/nipbank_v1.2/formStyler/jquery.formstyler.theme.css?175607426210354*/ .jq-checkbox, .jq-radio { vertical-align: -4px; width: 16px; height: 16px; margin: 0 4px 0 0; border: 1px solid #C3C3C3; background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF; cursor: pointer; } .jq-checkbox.focused, .jq-radio.focused { border: 1px solid #08C; } .jq-checkbox.disabled, .jq-radio.disabled { opacity: .55; } .jq-checkbox { border-radius: 3px; } .jq-checkbox.checked .jq-checkbox__div { width: 8px; height: 4px; margin: 3px 0 0 3px; border-bottom: 2px solid #666; border-left: 2px solid #666; -webkit-transform: rotate(-50deg); transform: rotate(-50deg); } .jq-radio { border-radius: 50%; } .jq-radio.checked .jq-radio__div { width: 10px; height: 10px; margin: 3px 0 0 3px; border-radius: 50%; background: #777; box-shadow: inset 1px 1px 1px rgba(0,0,0,.7); } .jq-file { width: 270px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.1); } .jq-file input { cursor: pointer; } .jq-file__name { box-sizing: border-box; width: 100%; height: 34px; padding: 0 80px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1; font: 14px/32px Arial, sans-serif; color: #333; } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 0 10px; border-left: 1px solid #CCC; border-radius: 0 4px 4px 0; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/32px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; } .jq-file:hover .jq-file__browse { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-file.focused .jq-file__name { border: 1px solid #5794BF; } .jq-file.disabled, .jq-file.disabled .jq-file__name, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number { position: relative; vertical-align: middle; padding: 0 36px 0 0; } .jq-number__field { width: 100px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); } .jq-number__field:hover { border-color: #B3B3B3; } .jq-number__field input { box-sizing: border-box; width: 100%; padding: 8px 9px; border: none; outline: none; background: none; font: 14px Arial, sans-serif; color: #333; } .jq-number__spin { position: absolute; top: 0; right: 0; width: 32px; height: 14px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: 1px 1px #FFF; cursor: pointer; } .jq-number__spin.minus { top: auto; bottom: 0; } .jq-number__spin:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-number__spin:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-number__spin:after { content: ''; position: absolute; top: 4px; left: 11px; width: 0; height: 0; border-right: 5px solid transparent; border-bottom: 5px solid #999; border-left: 5px solid transparent; } .jq-number__spin.minus:after { top: 5px; border-top: 5px solid #999; border-right: 5px solid transparent; border-bottom: none; border-left: 5px solid transparent; } .jq-number__spin.minus:hover:after { border-top-color: #000; } .jq-number__spin.plus:hover:after { border-bottom-color: #000; } .jq-number.focused .jq-number__field { border: 1px solid #5794BF; } .jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number.disabled .jq-number__spin:after { border-bottom-color: #AAA; } .jq-number.disabled .jq-number__spin.minus:after { border-top-color: #AAA; } .jq-selectbox { vertical-align: middle; cursor: pointer; width: 100%; } .jq-selectbox__select { padding: 34px 20px 14px 20px; border: 1px solid #CCC; height: 65px; color: #000000; font-family: "Fira Sans"; font-size: 18px; font-weight: 400; } .jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox__select-text { display: block; width: 100%; } .jq-selectbox .placeholder { color: #888; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100%; } .jq-selectbox__trigger-arrow { position: absolute; top: 50%; margin-top: -13.5px; right: 12px; width: 27px; height: 27px; border: 1px solid #d7d7d7; border-radius: 50%; background: url(/bitrix/templates/nipbank_v1.2/formStyler/../img/offices/arrow.png) center no-repeat; /*border-top: 5px solid #999; border-right: 5px solid transparent; border-left: 5px solid transparent;*/ } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { border-top-color: #AAA; } .jq-selectbox__dropdown { box-sizing: border-box; width: 100%; margin: 2px 0 0; padding: 0; border: 1px solid #CCC; border-radius: 4px; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,.2); transition: all .3s linear; } .jq-selectbox__search { margin: 5px; } .jq-selectbox__search input { box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; border: 1px solid #CCC; border-radius: 3px; outline: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; padding: 0; } .jq-selectbox li { min-height: 18px; padding: 5px 10px 6px; color: #231F20; } .jq-selectbox li.selected { background-color: #A3ABB1; color: #FFF; } .jq-selectbox li:hover { background-color: #A3ABB1; color: #FFF; } .jq-selectbox li.disabled { color: #AAA; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/18px Arial, sans-serif; color: #333; cursor: default; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } input[type='email'].styler, input[type='password'].styler, input[type='search'].styler, input[type='tel'].styler, input[type='text'].styler, input[type='url'].styler, textarea.styler { padding: 8px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; } input[type='search'].styler { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea.styler { overflow: auto; } input[type='email'].styler:hover, input[type='password'].styler:hover, input[type='search'].styler:hover, input[type='tel'].styler:hover, input[type='text'].styler:hover, input[type='url'].styler:hover, textarea.styler:hover { border-color: #B3B3B3; } input[type='email'].styler:hover:focus, input[type='password'].styler:hover:focus, input[type='search'].styler:hover:focus, input[type='tel'].styler:hover:focus, input[type='text'].styler:hover:focus, input[type='url'].styler:hover:focus, textarea.styler:hover:focus { border-color: #CCC; border-top-color: #B3B3B3; outline: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } button.styler, input[type='button'].styler, input[type='submit'].styler, input[type='reset'].styler { overflow: visible; padding: 8px 11px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; outline: none; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; cursor: pointer; } button.styler.styler::-moz-focus-inner, input[type='button'].styler.styler::-moz-focus-inner, input[type='submit'].styler.styler::-moz-focus-inner, input[type='reset'].styler.styler::-moz-focus-inner { padding: 0; border: 0; } button.styler:not([disabled]):hover, input[type='button'].styler:not([disabled]):hover, input[type='submit'].styler:not([disabled]):hover, input[type='reset'].styler:not([disabled]):hover, input[type='reset'].styler:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } button.styler:active, input[type='button'].styler:active, input[type='submit'].styler:active, input[type='reset'].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } button.styler[disabled], input[type='button'].styler[disabled], input[type='submit'].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } /* End */ /* Start:/bitrix/templates/nipbank_v1.2/css/animate.css?175607426262955*/ @charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;} @-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 40%, 43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);} 70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);} 90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0);} } @keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 40%, 43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);} 70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);} 90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0);} } .bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;} @-webkit-keyframes flash{from, 50%, to{opacity:1;} 25%, 75%{opacity:0;} } @keyframes flash{from, 50%, to{opacity:1;} 25%, 75%{opacity:0;} } .flash{-webkit-animation-name:flash;animation-name:flash;} @-webkit-keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);} to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);} to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .pulse{-webkit-animation-name:pulse;animation-name:pulse;} @-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);} 40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);} 50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1);} 65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1);} 75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1);} to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes rubberBand{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);} 40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);} 50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1);} 65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1);} 75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1);} to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;} @-webkit-keyframes shake{from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 20%, 40%, 60%, 80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} } @keyframes shake{from, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 20%, 40%, 60%, 80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} } .shake{-webkit-animation-name:shake;animation-name:shake;} @-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);} 6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);} 18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);} 31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);} 43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);} 50%{-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);} 6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);} 18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);} 31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);} 43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);} 50%{-webkit-transform:translateX(0);transform:translateX(0);} } .headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake;} @-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);} to{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);} } @keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);} to{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);} } .swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;} @-webkit-keyframes tada{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 10%, 20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes tada{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 10%, 20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .tada{-webkit-animation-name:tada;animation-name:tada;} @-webkit-keyframes wobble{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);} 30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);} 45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);} 60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);} 75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes wobble{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);} 30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);} 45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);} 60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);} 75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .wobble{-webkit-animation-name:wobble;animation-name:wobble;} @-webkit-keyframes jello{from, 11.1%, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);} 33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);} 44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);} 55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);} 66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg);} 77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);} 88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);} } @keyframes jello{from, 11.1%, to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);} 33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);} 44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);} 55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);} 66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg);} 77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg);} 88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg);} } .jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center;} @-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);} 20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9);} 60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);} 80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97);} to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);} 20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9);} 60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);} 80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97);} to{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .bounceIn{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn;} @-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);} 75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);} 75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;} @-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0);} 75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0);} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0);} 75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0);} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;} @-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);} 75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} 90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);} 75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} 90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;} @-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} 75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);} from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} 75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;} @-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9);} 50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} to{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);} } @keyframes bounceOut{20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9);} 50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} to{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);} } .bounceOut{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut;} @-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } @keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);} to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } @keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);} to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);} to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } @keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);} to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);} to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } @keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);} to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;} @-webkit-keyframes fadeIn{from{opacity:0;} to{opacity:1;} } @keyframes fadeIn{from{opacity:0;} to{opacity:1;} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;} @-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} @-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;} @-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;} @-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;} @-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;} @-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;} @-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} @-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;} @-webkit-keyframes fadeOut{from{opacity:1;} to{opacity:0;} } @keyframes fadeOut{from{opacity:1;} to{opacity:0;} } .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;} @-webkit-keyframes fadeOutDown{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } @keyframes fadeOutDown{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;} @-webkit-keyframes fadeOutDownBig{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } @keyframes fadeOutDownBig{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } @keyframes fadeOutLeft{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } @keyframes fadeOutLeftBig{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } @keyframes fadeOutRight{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;} @-webkit-keyframes fadeOutRightBig{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } @keyframes fadeOutRightBig{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;} @-webkit-keyframes fadeOutUp{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } @keyframes fadeOutUp{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;} @-webkit-keyframes fadeOutUpBig{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } @keyframes fadeOutUpBig{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;} @-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);transform:perspective(400px) scale3d(0.95, 0.95, 0.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} } @keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);transform:perspective(400px) scale3d(0.95, 0.95, 0.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;} @-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);} to{-webkit-transform:perspective(400px);transform:perspective(400px);} } @keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);} to{-webkit-transform:perspective(400px);transform:perspective(400px);} } .flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;} @-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);} to{-webkit-transform:perspective(400px);transform:perspective(400px);} } @keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);} to{-webkit-transform:perspective(400px);transform:perspective(400px);} } .flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;} @-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;} to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;} } @keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;} to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;} } .flipOutX{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;} @-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;} to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;} } @keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;} to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;} } .flipOutY{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;} @-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0;} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } @keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0;} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} @-webkit-keyframes lightSpeedOut{from{opacity:1;} to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;} } @keyframes lightSpeedOut{from{opacity:1;} to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;} } .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} @-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } @keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;} @-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } @keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } @keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } @keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } @keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;} } .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;} @-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1;} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;} } @keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1;} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;} } .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;} @-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} } @keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} } .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } @keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } @keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0;} } @keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0;} } .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;} @-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 20%, 60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 40%, 80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;} to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0;} } @keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 20%, 60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 40%, 80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;} to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0;} } .hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge;} @-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(0.1) rotate(30deg);transform:scale(0.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;} 50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);} 70%{-webkit-transform:rotate(3deg);transform:rotate(3deg);} to{opacity:1;-webkit-transform:scale(1);transform:scale(1);} } @keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(0.1) rotate(30deg);transform:scale(0.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;} 50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);} 70%{-webkit-transform:rotate(3deg);transform:rotate(3deg);} to{opacity:1;-webkit-transform:scale(1);transform:scale(1);} } .jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox;} @-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;} @-webkit-keyframes rollOut{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);} } @keyframes rollOut{from{opacity:1;} to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);} } .rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;} @-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);} 50%{opacity:1;} } @keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);} 50%{opacity:1;} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;} @-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;} @-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;} @-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;} @-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;} @-webkit-keyframes zoomOut{from{opacity:1;} 50%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);} to{opacity:0;} } @keyframes zoomOut{from{opacity:1;} 50%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3);} to{opacity:0;} } .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);} to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);transform:scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;} } @keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);} to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);transform:scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;} } .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);} to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);transform:scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;} } @keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);} to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);transform:scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;} } .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } @keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);} to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);} } .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;} @-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible;} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible;} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;} @-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible;} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;} @-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible;} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;} @-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible;} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible;} to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;} @-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } @keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;} @-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } @keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;} @-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } @keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;} @-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } @keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;} /* End */ /* Start:/bitrix/templates/nipbank_v1.2/css/bootstrap-grid.min.css?175607426228977*/ /*! * Bootstrap Grid v4.1.0 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}} /*# sourceMappingURL=bootstrap-grid.min.css.map */ /* End */ /* Start:/bitrix/templates/nipbank_v1.2/css/style.css?1756074262125803*/ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } body { font-family: 'Fira Sans', sans-serif; color: #000000; overflow-x: hidden; } .container { max-width: 1170px; } .container-custom { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } button, input { border: none; } button:focus, input:focus { outline: none; } a { text-decoration: none; } ul { list-style: none; } .slide-mobile { display: none !important; } .calc-svg { width: 40px; height: 40px; } .main.pages { overflow: visible; } .main.pages .main-top { position: relative; z-index: 900; } .main.pages .main-top .menu { position: relative; padding-top: 0; z-index: 9000; } .main.pages .main-top .menu-nav { padding-top: 32px; padding-bottom: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.2); } .main.pages .main-top .menu .navigation.pages-nav { position: absolute; width: 100%; /* padding-top: 120px;*/ top: 0; z-index: -1; } .main.pages .drop-mobile { top: 0; right: 30px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; /* left: 0px; margin-left: 0px;*/ } .main.pages .drop-mobile.active { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .main-top .menu .navigation.pages-nav .container .navigation-wrap { padding-top: 120px; } .main .owl-carousel .owl-item img { width: 100%; } .main { position: relative; } .main-top { position: absolute; width: 100%; top: 0; z-index: 900; } .main-top .header { padding-top: 15px; padding-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1750px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } .main-top .header-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .main-top .header-item.lg-item { display: none; } .main-top .header .custom { padding-left: 0; } .main-top .header-logo__link { display: block; width: 100%; overflow: hidden; } .main-top .header-logo__link .lg-log { width: 100%; margin-left: -10px; } .main-top .header-logo__link .md-log { width: 100%; display: none; } .main-top .header-control { display: -webkit-box; display: -ms-flexbox; display: flex; } .main-top .header-control__account { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 10px; text-align: center; } .main-top .header-control__account .account-link { display: inline-block; border: 1px solid #f19000; color: #000000; font-size: 14px; font-weight: 300; padding: 20px 30px; -webkit-transition: all .3s linear; transition: all .3s linear; text-align: center; } .main-top .header-control__account .account-link:hover { background-color: #f19000; color: #ffffff; } .main-top .header-control__account .account-link__title { display: block; font-size: 18px; font-weight: 500; } .main-top .header-location { color: #000000; font-size: 14px; font-weight: 300; height: 100%; text-align: center; } .main-top .header-location__block { color: #000000; font-size: 14px; font-weight: 300; width: 100%; } .main-top .header-location__block::before { content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 21px; background: url("/bitrix/templates/nipbank_v1.2/css/../img/main/placehold.png") center no-repeat; } .main-top .header-location__block .link-location { color: #000000; font-size: 14px; font-weight: 300; border-bottom: 1px dotted #000000; } .main-top .header-contacts { display: block; width: 200px; margin-left: auto; margin-right: auto; } .main-top .header-contacts__phone { cursor: pointer; display: block; } .main-top .header-contacts__phone .first-phone { position: relative; display: block; min-height: 25px; } .main-top .header-contacts__phone .first-phone-block { display: block; width: 100%; right: 0; left: 0; top: -20px; position: absolute; padding: 20px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .main-top .header-contacts__phone .first-phone-block.active { background-color: #fff; border-radius: 10px; width: 100%; } .main-top .header-contacts__phone .first-phone-block .phone-link { display: block; color: #000000; font-size: 18px; font-weight: 300; text-transform: uppercase; line-height: 30px; } .main-top .header-contacts__phone .first-phone-block .phone-link .phone-link { color: #000000; font-size: 18px; font-weight: 300; text-transform: uppercase; display: block; } .main-top .header-contacts__phone .first-phone-block .phone-button { display: block; right: 25px; top: 30px; width: 9px; height: 7px; background: url("/bitrix/templates/nipbank_v1.2/css/../img/main/gal.png") center no-repeat; position: absolute; z-index: 5; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; } .main-top .header-contacts__phone .first-phone-block .phone-button.active { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .main-top .header-contacts__email { margin-top: 7px; padding-left: 20px; } .main-top .header-contacts__email .email-link { color: #000000; font-size: 14px; font-weight: 300; line-height: 12px; text-decoration: underline; } .main-top .menu { padding-top: 32px; padding-bottom: 32px; } .main-top .menu-nav { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin: 0; } .main-top .menu-nav-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .main-top .menu-nav-item__link { color: #000000; font-family: "Fira Sans Extra Condensed"; font-size: 16px; font-weight: 500; line-height: 12px; text-transform: uppercase; display: inline-block; position: relative; } .main-top .menu-nav-item__link::after { content: ''; display: block; position: absolute; width: 100%; height: 3px; -webkit-transform: scaleX(0); transform: scaleX(0); background-color: #f19000; bottom: -10px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .main-top .menu-nav-item__link:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); } .main-top .menu-nav-item .active::after { -webkit-transform: scaleX(1); transform: scaleX(1); } .main-top .menu .navigation { position: absolute; background-color: #ffffff; z-index: -1; width: 100%; top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s linear; transition: all .3s linear; opacity: 0; display: block; overflow: hidden; box-shadow: 0 5px 12px 0px rgba(0, 0, 0, 0.2); } .main-top .menu .navigation .navigation-wrap { padding-top: 230px; } .main-top .menu .navigation.active { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } .main-top .menu .navigation-wrap { margin-bottom: 50px; display: none; } .main-top .menu .navigation-wrap.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .main-top .menu .navigation-block { border-right: 2px solid #cccccc; min-height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: calc(100% / 3); } .main-top .menu .navigation-block:last-child { border-right: none; } .main-top .menu .navigation-block:nth-child(2) { padding-left: 20px; } .main-top .menu .navigation-block:nth-child(3) { padding-left: 20px; } .main-top .menu .navigation-block-list { padding: 0; margin: 0; } .main-top .menu .navigation-block-item { margin-bottom: 30px; } .main-top .menu .navigation-block-item:last-child { margin-bottom: 0px } .main-top .menu .navigation-block-item__link { color: #000000; font-size: 16px; font-weight: 300; line-height: 24px; } .main-top .menu .navigation-block-item__link:hover { color: #f19000; } .main { overflow: hidden; } .main .drop { position: fixed; right: 0; top: 270px; z-index: 8; min-width: 310px; border-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; background-color: #f19000; padding: 30px 23px 23px 30px; -webkit-transform: translateX(80%); transform: translateX(80%); -webkit-transition: all .5s ease-out; transition: all .5s ease-out; cursor: pointer; z-index: 910; } .main .drop:hover { -webkit-transform: translateX(0%); transform: translateX(0%); } .main .drop-blind { cursor: pointer; margin-bottom: 40px; } .main .drop-blind-to { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; } .main .drop-blind span { display: inline-block; vertical-align: middle; width: 25px; height: 25px; margin-left: -5px; background: url('/bitrix/templates/nipbank_v1.2/css/../img/main/blind.svg') center/contain; } .main .drop-quest { cursor: pointer; margin-bottom: 40px; } .main .drop-quest-to { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; } .main .drop-quest span { display: inline-block; vertical-align: middle; width: 25px; color: #ffffff; font-size: 30px; font-weight: 400; text-transform: uppercase; text-align: center; margin-left: -5px; } .main .drop-call { cursor: pointer; position: relative; margin-bottom: 40px; } .main .drop-call-to { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; } .main .drop-call span { display: inline-block; vertical-align: middle; width: 25px; height: 25px; margin-left: -5px; background: url("/bitrix/templates/nipbank_v1.2/css/../img/main/call.png") 20% center no-repeat; } .main .drop-zayavka { cursor: pointer; margin-bottom: 40px; } .main .drop-zayavka-to { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; } .main .drop-zayavka span { display: inline-block; vertical-align: middle; width: 25px; height: 25px; margin-left: -5px; background: url('/bitrix/templates/nipbank_v1.2/css/../img/main/zayavka.svg') center/contain; } .main .drop-search { cursor: pointer; position: relative; } .main .drop-search-button { width: 25px; height: 25px; background: transparent url("/bitrix/templates/nipbank_v1.2/css/../img/main/search.png") center no-repeat; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 7px; cursor: pointer; } .main .drop-search-input { border-radius: 10px; background-color: #f7f7f7; width: 230px; padding: 15px; } .main .dots-main { display: inline-block; position: absolute; bottom: 25px; left: 25px; z-index: 200; } .main .dots-main-item { display: inline-block; width: 14px; height: 14px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; margin-right: 14px; cursor: pointer; } .main .dots-main-item.active { background-color: #f19000; } .main .navigation-block-list { position: relative; } .main .navigation-block-list img { position: absolute; top: 0; right: 20px; z-index: -1; width: 150px; height: auto; } .offer { padding-top: 90px; padding-bottom: 60px; background-color: #f4f4f4; background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#ffffff)); background-image: linear-gradient(to top, #f5f5f5 0%, #ffffff 100%); } .offer-title { color: #000000; font-family: "Fira Sans Extra Condensed"; font-size: 36px; font-weight: 500; line-height: 30px; text-transform: uppercase; text-align: center; margin-bottom: 40px; } .offer-block { min-height: 415px; -webkit-transition: all .4s ease-in; transition: all .4s ease-in; } .offer-block-pass { display: block; width: 100%; height: 100%; padding-bottom: 35px; } .offer-block-pass__img { display: block; margin-bottom: 45px; position: relative; overflow: hidden; } .offer-block-pass__img::before { content: ''; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all .4s ease-in; transition: all .4s ease-in; z-index: 2; width: 100%; height: 100%; position: absolute; background-color: rgba(145, 187, 215, 0.8); } .offer-block-pass__img::after { content: ''; width: 0%; height: 4px; display: block; background-color: #0063ab; position: absolute; bottom: 1px; -webkit-transition: all .4s ease-in; transition: all .4s ease-in; z-index: 3; } .offer-block-pass__img img { width: 100%; display: inline-block; vertical-align: bottom; -webkit-transition: all .4s ease-in; transition: all .4s ease-in; } .offer-block-pass__title { display: block; padding-left: 20px; color: #000000; font-size: 24px; font-weight: 500; min-height: 60px; } .offer-block-pass__subtitle { display: block; padding-left: 20px; color: #000000; font-size: 14px; font-weight: 400; margin-top: 20px; } .offer-block:hover { background-color: #fff; } .offer-block:hover .offer-block-pass__img::before { -webkit-transform: scaleY(1); transform: scaleY(1); } .offer-block:hover .offer-block-pass__img::after { width: 100%; } .offer-block:hover .offer-block-pass__img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .offer-all { text-align: center; margin-top: 45px; } .offer-all a { display: inline-block; border-radius: 30px; border: 2px solid #0063ab; color: #0063ab; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: uppercase; padding: 17px 30px; -webkit-transition: all .4s ease-in; transition: all .4s ease-in; } .offer-all a:hover { background-color: #0063ab; color: #fff; } .news { padding-top: 70px; padding-bottom: 70px; } .news-title { color: #000000; font-family: "Fira Sans Extra Condensed"; font-size: 36px; font-weight: 500; line-height: 30px; text-transform: uppercase; text-align: center; margin-bottom: 40px; } .news-wrap { width: 100%; } .news-wrap-row { display: -webkit-box; display: -ms-flexbox; display: flex; } .news-wrap-row.bottom-row .row-column-link { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .news-wrap-row.bottom-row .row-column-link .min-col.left-col { background-color: rgba(0, 99, 171, 0.8); } .news-wrap-row { flex-wrap: wrap; } .news-wrap-row .row-column { -ms-flex-preferred-size: 50%; flex-basis: 50%; min-height: 420px; } .news-wrap-row .row-column-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 100%; background-size: cover !important; } .news-wrap-row .row-column-link span { display: block; } .news-wrap-row .row-column-link.column-1 { background: url("/bitrix/templates/nipbank_v1.2/css/../img/news/news1.jpg") center no-repeat; background-size: cover; } .news-wrap-row .row-column-link.column-2 { background: url("/bitrix/templates/nipbank_v1.2/css/../img/news/news2.jpg") center no-repeat; background-size: cover; } .news-wrap-row .row-column-link.column-3 { background: url("/bitrix/templates/nipbank_v1.2/css/../img/news/news3.png") center no-repeat; background-size: cover; } .news-wrap-row .row-column-link.column-4 { background: url("/bitrix/templates/nipbank_v1.2/css/../img/news/news4.jpg") center no-repeat; background-size: cover; } .news-wrap-row .row-column-link .min-col { width: 50%; height: auto; padding: 35px; padding-right: 45px; } .news-wrap-row .row-column-link .min-col.right-col { background-color: rgba(0, 99, 171, 0.8); } .news-wrap-row .row-column-link .min-col .new-date { color: #ffffff; font-size: 14px; font-weight: 300; margin-bottom: 23px; } .news-wrap-row .row-column-link .min-col .new-title { color: #ffffff; font-size: 24px; font-weight: 500; margin-bottom: 31px; line-height: 35px; /* overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 10; line-height: 40px;*/ /* height: 400px;*/ } .news-wrap-row .row-column-link .min-col .new-descr { color: #ffffff; font-size: 14px; font-weight: 400; line-height: 35px; } .news-wrap-row .row-column-link .min-col .new-descr span { color: #ffffff; font-size: 14px; font-weight: 400; line-height: 35px; text-decoration: underline; } .news-all { text-align: center; margin-top: 45px; } .news-all a { display: inline-block; border-radius: 30px; border: 2px solid #0063ab; color: #0063ab; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: uppercase; padding: 17px 30px; -webkit-transition: all .4s ease-in; transition: all .4s ease-in; } .news-all a:hover { background-color: #0063ab; color: #fff; } .exchange { padding-bottom: 50px; } .exchange-rate { height: 100%; } .exchange-rate-table { width: 100%; height: 100%; border: 2px solid #f0f0f0; background-color: #ffffff; border-collapse: collapse; } .exchange-rate-table tr:nth-child(2) { background-color: #f7f7f7; } .exchange-rate-table tr:nth-child(2) ~ tr td { color: #000000; font-size: 24px; font-weight: 300; text-transform: uppercase; padding-top: 25px; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; } .exchange-rate-table tr:nth-child(2) ~ tr td .exchange-subtitle { font-size: 14px; } .exchange-rate-table tr:nth-child(2) td { color: #b8b8b8; font-size: 18px; font-weight: 300; padding-top: 15px; padding-bottom: 15px; } .exchange-rate-table tr th { text-align: left; color: #000000; font-size: 18px; font-weight: 300; padding-top: 38px; padding-bottom: 22px; } .exchange-rate-table tr th .rate-title { font-family: "Fira Sans Extra Condensed"; font-size: 30px; font-weight: 500; } .exchange-rate-table tr th:first-child { padding-left: 25px; } .exchange-rate-table tr td:first-child { padding-left: 25px; } .exchange .card-block { padding-bottom: 20px; height: 100%; border: 2px solid #f0f0f0; } .exchange .card-block-img a img { width: 100%; } .exchange .card-block-send { text-align: center; margin-top: 10px; } .exchange .card-block-send__button { border-radius: 30px; border: 2px solid #0063ab; color: #0063ab; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: uppercase; padding: 18px 25px; cursor: pointer; background-color: transparent; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; display: inline-block; } .exchange .card-block-send__button:hover { background-color: #0063ab; color: #ffffff; } .exch-rate-mobile { display: none; } .exch-rate-mobile__table { width: 100%; border-collapse: collapse; border: 2px solid #f0f0f0; background-color: #ffffff; } .exch-rate-mobile__table tr:first-child th { text-align: left; color: #000000; font-size: 18px; font-weight: 300; padding-top: 38px; padding-bottom: 22px; } .exch-rate-mobile__table tr:first-child th:first-child { padding-left: 25px; } .exch-rate-mobile__table tr:first-child th .rate-title { font-family: "Fira Sans Extra Condensed"; font-size: 30px; font-weight: 500; } .exch-rate-mobile__table tr td:first-child { padding-left: 25px; } .exch-rate-mobile__table tr:nth-child(2) { background-color: #f7f7f7; } .exch-rate-mobile__table tr:nth-child(2) td { color: #b8b8b8; font-size: 18px; font-weight: 300; padding-top: 15px; padding-bottom: 15px; } .exch-rate-mobile__table tr:nth-child(3) td, .exch-rate-mobile__table tr:nth-child(4) td, .exch-rate-mobile__table tr:nth-child(5) td, .exch-rate-mobile__table tr:nth-child(6) td, .exch-rate-mobile__table tr:nth-child(7) td, .exch-rate-mobile__table tr:nth-child(8) td, .exch-rate-mobile__table tr:nth-child(9) td, .exch-rate-mobile__table tr.rate td { color: #000000; font-size: 24px; font-weight: 300; text-transform: uppercase; padding-top: 25px; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; } .exch-rate-mobile__table tr:nth-child(3) td .exch-subtitle, .exch-rate-mobile__table tr:nth-child(4) td .exch-subtitle, .exch-rate-mobile__table tr:nth-child(5) td .exch-subtitle, .exch-rate-mobile__table tr:nth-child(6) td .exch-subtitle, .exch-rate-mobile__table tr:nth-child(7) td .exch-subtitle, .exch-rate-mobile__table tr:nth-child(8) td .exch-subtitle, .exch-rate-mobile__table tr:nth-child(9) td .exch-subtitle, .exch-rate-mobile__table tr.rate td .exch-subtitle { font-size: 14px; } /*.exch-rate-mobile__table tr:nth-child(5) td {*/ .exch-rate-mobile__table tr.cursy-banka td { text-align: left; color: #000000; font-size: 18px; font-weight: 300; padding-top: 18px; padding-bottom: 18px; } /* .exch-rate-mobile__table tr:nth-child(6) { */ .exch-rate-mobile__table tr.buy-sell { background-color: #f7f7f7; } /* .exch-rate-mobile__table tr:nth-child(6) td { */ .exch-rate-mobile__table tr.buy-sell td { color: #b8b8b8; font-size: 18px; font-weight: 300; padding-top: 18px; padding-bottom: 18px; } /*.exch-rate-mobile__table tr:nth-child(6) td:first-child { */ .exch-rate-mobile__table tr.buy-sell td:first-child { text-align: right; } .info { padding-top: 47px; padding-bottom: 47px; background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#ffffff)); background-image: linear-gradient(to top, #f5f5f5 0%, #ffffff 100%); } .info-block { display: block; margin-left: auto; margin-right: auto; text-align: center; } .acq-descr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .acq-table td { padding-top: 10px; padding-bottom: 10px; } .acq-table td img { display: inline-block; vertical-align: middle; } #ugolkrug { margin-left: 0% !important; width: 100% !important; height: auto !important; } .acq-descr img { display: block; margin-right: 15px; } .info-block-img { min-height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info-block-title { color: #000000; font-size: 24px; font-weight: 500; margin-top: 40px; display: block; } .info-block-descr { color: #000000; font-size: 14px; font-weight: 400; margin-top: 15px; display: block; } .footer { padding-top: 65px; padding-bottom: 50px; } .footer-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-wrap-col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .footer-wrap-col__info { color: #000000; font-size: 14px; font-weight: 300; line-height: 25px; } .footer-wrap-col__info .info-adress span { display: block; } .footer-wrap-col__contacts a { display: block; color: #000000; font-size: 14px; font-weight: 300; line-height: 25px; } .footer-wrap-col__contacts .contacts-email { text-decoration: underline; } .footer-wrap-col__sign { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer-wrap-col__sign .sign-img { margin-right: 15px; } .footer-wrap-col__sign .sign-descr { color: #000000; font-size: 14px; font-weight: 300; /*line-height: 25px;*/ } .footer-wrap-col__dev { color: #000000; font-size: 14px; font-weight: 300; } .footer-wrap-col__dev a { color: #000000; font-size: 14px; font-weight: 300; text-decoration: underline; } .page { color: #000000; padding-top: 40px; } .page-title { color: #000000; font-family: "Fira Sans Extra Condensed"; font-size: 36px; font-weight: 500; line-height: 30px; text-transform: uppercase; } .text-page__about { padding-bottom: 10px; } .text-page__about .about-title { font-size: 24px; font-weight: 300; line-height: 18px; text-transform: uppercase; } .text-page__about .about-descr { font-size: 16px; font-weight: 400; line-height: 24px; } /*.text-page { padding-bottom: 10px; }*/ .text-page .table-wrap table { width: 100% !important; } .text-page .table-wrap table tr td { width: 50% !important; } .text-page ol { counter-reset: li; padding: 0; list-style: none; } .text-page ol li { position: relative; padding: 10px 30px; line-height: 30px; font-size: 16px; font-weight: 400; text-transform: uppercase; } .text-page ol li::before { content: counter(li); counter-increment: li; position: absolute; left: 0; color: #d7d7d7; font-size: 36px; font-weight: 300; } .text-page ul { padding: 0; padding-left: 20px; list-style: disc; } .text-page ul li { font-size: 16px; font-weight: 400; line-height: 30px; } .text-page .list-title { font-size: 18px; font-weight: 700; line-height: 18px; } .text-page .attention-info { background: #f5f5f5 url("/bitrix/templates/nipbank_v1.2/css/../img/b.png") left no-repeat; background-size: auto 100%; padding: 20px 50px; } .text-page .table-title { font-size: 24px; font-weight: 300; line-height: 30px; text-transform: uppercase; } .text-page .table-block { padding-top: 10px; padding-bottom: 10px; } .text-page table { width: 100%; } .text-page table tr { /* text-align: center;*/ font-size: 14px; font-weight: 400; line-height: 40px; } .text-page table tr td, th { vertical-align: middle; padding-left: 15px; } .text-page table tr:nth-child(2n+1) { background-color: #f0f0f0 } .text-page table tr:nth-child(2n) { background-color: #ffffff; } .text-page table tr:first-child th, .text-page table tr:nth-child(2) th, .text-page table tr:nth-child(3) th { font-size: 14px; font-weight: 400; } .text-page table tr:first-child th:first-child, .text-page table tr:nth-child(2) th:first-child, .text-page table tr:nth-child(3) th:first-child { line-height: 20px; } .text-page table tr:nth-child(4), .text-page table tr:nth-child(6) { background-color: #ffffff; font-size: 14px; font-weight: 400; line-height: 40px; } .text-page table tr:nth-child(5) td:first-child ul, .text-page table tr:nth-child(7) td:first-child ul { list-style: disc; } .text-page table tr:nth-child(5) td ul, .text-page table tr:nth-child(7) td ul { padding: 0; margin: 0; font-size: 14px; font-weight: 400; line-height: 20px; } .text-page .block-info { padding-top: 15px; } /*.text-page .block-info__text { color: #353535; font-size: 16px; font-weight: 400; line-height: 24px; }*/ .text-page p { color: #353535; font-size: 16px; font-weight: 400; line-height: 24px; } .text-page a { font-size: 16px; font-weight: 400; line-height: 24px; color: #0063ab; letter-spacing: 0.08px; text-decoration: underline; } /*.text-page .container .page-ref a { font-size: 14px; color: #000000; font-weight: 400; line-height: 30px; text-decoration: underline; }*/ .page .container .page-ref a , .page .container .page-ref span.likehref { font-family: "Fira Sans Extra Condensed"; font-size: 14px; color: #000000; font-weight: 400; line-height: 30px; text-decoration: underline; } .page .container .page-ref a:last-child , .page .container .page-ref span.likehref { text-decoration: none; } .text-page .block-info__text span { font-weight: 700; } .text-page .block-info__value { color: #d0d0d0; font-size: 14px; font-weight: 700; line-height: 18px; text-transform: uppercase; } .text-page .files { padding-top: 15px; } .text-page .files-title { font-size: 24px; font-weight: 300; line-height: 30px; text-transform: uppercase; } .text-page .files-list { padding: 0; list-style: none; } .text-page .files-list li { padding-top: 5px; padding-bottom: 15px; } .text-page .files-list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .text-page .container .files-list a { text-decoration: none; } .text-page .files-list li a .img-block { display: block; margin-right: 15px; } .text-page .files-list li a .descr-block .title { color: #0079c2; font-size: 16px; font-weight: 400; text-decoration: underline; display: block; } .text-page .files-list li a .descr-block .sub { color: #929292; font-weight: 300; letter-spacing: 0.08px; text-decoration: none; display: block; line-height: 30px; } .photo-page .album-title { font-size: 24px; font-weight: 300; line-height: 30px; padding-top: 15px; padding-bottom: 15px; margin-top: 30px; text-transform: uppercase; color: #000000; } .photo-page .album-title a { color: #adadad; font-size: 24px; font-weight: 300; line-height: 30px; text-transform: uppercase; } .photo-page .album-photo { padding-top: 10px; padding-bottom: 10px; } .photo-page .album-photo img { width: 100%; } .page-review .comment { border: 1px solid #d7d7d7; padding: 30px; margin-bottom: 30px; } .page-review .comment-author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-review .comment-author__name { color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; text-align: right; } .page-review .comment-author__name .date { display: block; color: #d3d3d3; font-size: 14px; font-weight: 300; } .page-review .comment-descr { color: #000000; font-size: 14px; font-weight: 400; line-height: 24px; } .page-deposits .deposits-to-calc__link { color: #0063ab; font-size: 24px; font-weight: 300; line-height: 24px; text-decoration: underline; } .page-deposits .deposits-to-calc__link::before { content: ''; display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: url("/bitrix/templates/nipbank_v1.2/css/../img/svg/1.svg") center no-repeat; margin-right: 10px; } .page-deposits .deposits-content { margin-top: 40px; border: 1px solid #d7d7d7; } .page-deposits .deposits-content-top { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-deposits .deposits-content-top .title-deposit { display: block; -ms-flex-preferred-size: calc(100% / 3); flex-basis: calc(100% / 3); text-align: center; color: #000000; font-size: 18px; font-weight: 300; padding-top: 35px; padding-bottom: 35px; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; } .page-deposits .deposits-content-top .title-deposit.active { background-color: #0063ab; color: #fff; } .page-deposits .deposits-content-top .title-deposit:last-child { border-right: none; } .page-deposits .deposits-content-wrap { padding: 50px; padding-bottom: 10px; } .page-deposits .deposits-content-wrap .deposit-item { display: none; } .page-deposits .deposits-content-wrap .deposit-item.active { display: block; } .page-deposits .deposits-content-wrap .deposit-item-title { color: #000000; font-size: 18px; font-weight: 300; line-height: 24px; } .page-deposits .deposits-content-wrap .deposit-item-program { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } .page-deposits .deposits-content-wrap .deposit-item-program .program-img { width: 20%; } .page-deposits .deposits-content-wrap .deposit-item-program .program-img img { width: 100%; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info { width: 80%; padding-left: 30px; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-title { margin-bottom: 30px; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-title__link { color: #0063ab; font-size: 24px; font-weight: 300; line-height: 24px; text-decoration: underline; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item { color: #000000; font-size: 14px; font-weight: 400; line-height: 24px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item .item-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item .item-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item:nth-child(2) .detailed { text-align: right; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item .detailed-goto { display: inline-block; color: #0063ab; font-size: 16px; font-weight: 500; line-height: 45px; padding-left: 45px; padding-right: 45px; text-transform: uppercase; border-radius: 30px; border: 2px solid #0063ab; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item .detailed-goto:hover { background-color: #0063ab; color: #fff; } .page-offices .map { width: 100%; height: 482px; } .page-offices .offices { margin-top: 30px; border: 1px solid #d7d7d7; border-bottom: 0; } .page-offices .offices-item { padding: 30px; border-bottom: 1px solid #d7d7d7; min-height: 90px; cursor: pointer; } .page-offices .offices-item-title { color: #000000; font-family: "Fira Sans"; font-size: 18px; font-weight: 300; line-height: 30px; position: relative; } .page-offices .offices-item-title span { width: 27px; height: 27px; display: block; position: absolute; top: 0; right: 0; border: 1px solid #d7d7d7; border-radius: 50%; top: 50%; margin-top: -13.5px; cursor: pointer; background: url("/bitrix/templates/nipbank_v1.2/css/../img/offices/arrow.png") center no-repeat; } .page-offices .offices-item-title span.active-deg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .page-offices .offices-item-wrap { margin-top: 38px; display: none; } .page-offices .offices-item-wrap.active { display: block; } .page-offices .offices-item-wrap__top { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-offices .offices-item-wrap__top .office-map { width: 40%; } .page-offices .offices-item-wrap__top .office-map .map1 { max-width: 541px; width: 100%; height: 245px; } .page-offices .offices-item-wrap__top .office-data { margin-left: 44px; } .page-offices .offices-item-wrap__top .office-data-item { margin-bottom: 25px; } .page-offices .offices-item-wrap__top .office-data-item:last-child { margin-bottom: 0; } .page-offices .offices-item-wrap__top .office-data-item .title { color: #a6a6a6; font-size: 14px; font-weight: 400; padding-bottom: 5px; } .page-offices .offices-item-wrap__top .office-data-item span, .page-offices .offices-item-wrap__top .office-data-item a { color: #000000; font-size: 14px; font-weight: 400; } .page-offices .offices-item-wrap__bottom { margin-top: 45px; } .page-offices .offices-item-wrap__bottom .info-title { color: #a6a6a6; font-size: 14px; font-weight: 400; line-height: 6px; text-transform: uppercase; } .page-offices .offices-item-wrap__bottom .info-list { list-style: disc; padding-left: 20px; } .page-offices .offices-item-wrap__bottom .info-list-item { padding-bottom: 30px; color: #000000; font-size: 14px; font-weight: 400; } .page-offices .offices-item-wrap__bottom .important-descr { color: #000000; font-size: 14px; font-weight: 700; } .page-terminals .terminals-table { width: 100%; border-collapse: collapse; border-bottom: 1px solid #f0f0f0; margin-bottom: 15px; } .page-terminals .terminals-table tr:nth-child(2n+1) { background-color: #f3f4ee; } .page-terminals .terminals-table tr:first-child { background-color: #0063ab; } .page-terminals .terminals-table tr th { width: calc(100% / 3); text-align: left; font-size: 16px; font-weight: 400; line-height: 60px; color: #ffffff; padding-left: 30px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; } .page-terminals .terminals-table tr td { color: #000000; font-size: 14px; font-weight: 400; line-height: 60px; padding-left: 30px; border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; position: relative; } .page-contacts .contacts { display: -webkit-box; display: -ms-flexbox; display: flex; } .text-page .contacts-info { width: 50%; } .text-page .contacts-info-item { margin-bottom: 25px; } .text-page .contacts-info-item__title { color: #a6a6a6; font-size: 14px; font-weight: 400; line-height: 35px; text-transform: uppercase; } .text-page .contacts-info-item span { color: #000000; font-size: 14px; font-weight: 400; } .text-page.contacts-info-item span .email { color: #000000; font-size: 14px; font-weight: 400; } .text-page .contacts-info-table { border-bottom: 1px solid #f0f0f0; border-collapse: collapse; } .text-page .contacts-info-table tr:nth-child(2n+1) { background-color: #f0f0f0; } .text-page .contacts-info-table tr:nth-child(2n+1) td:first-child { border-right: 1px solid #fff; } .text-page .contacts-info-table tr:first-child { background-color: #0063ab; } .text-page .contacts-info-table tr th { color: #ffffff; font-size: 16px; font-weight: 400; padding-top: 25px; padding-bottom: 25px; width: 50%; text-align: left; padding-left: 20px; } .text-page .contacts-info-table tr td { padding-top: 25px; padding-bottom: 25px; color: #000000; font-size: 14px; font-weight: 400; padding-left: 20px; } .text-page .contacts-info-table tr td:first-child { border-right: 1px solid #f0f0f0; } .text-page.contacts-info-table tr td a { color: #000000; display: block; font-size: 14px; font-weight: 400; } .page-ask .to-ask-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-ask .to-ask-wrap__block { width: 50%; } .page-ask .to-ask-wrap__block:nth-child(1) { margin-right: 30px; } .page-ask .block-select { position: relative; margin-bottom: 30px; } .page-ask .block-select label { position: absolute; color: #c2c2c2; font-size: 14px; font-weight: 300; top: 15px; left: 22px; } .page-ask .block-input { position: relative; margin-bottom: 30px; } .page-ask .block-input.mobile { display: none; } .page-ask .block-input:last-child { margin-bottom: 0; } .page-ask .block-input.block-captcha label { position: static; display: block; color: #c2c2c2; font-size: 14px; font-weight: 300; line-height: 30px; } .page-ask .block-input.block-captcha img { margin-bottom: 13px; } .page-ask .block-input label { position: absolute; top: 25px; left: 22px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .page-ask .block-input label span { color: #f19000; } .page-ask .block-input input { width: 100%; min-height: 65px; border: 1px solid #d7d7d7; padding-left: 25px; } .page-ask .block-input input:focus + label { top: 7px; color: #c2c2c2; font-size: 14px; font-weight: 300; } .page-ask .block-input input:focus + label span { color: #c2c2c2; } .page-ask .block-input input:valid + label { top: 7px; color: #c2c2c2; font-size: 14px; font-weight: 300; } .page-ask .block-input input:valid + label span { color: #c2c2c2; } .page-ask .block-textarea { position: relative; height: auto; } .page-ask .block-textarea.mobile { display: none; } .page-ask .block-textarea label { position: absolute; top: 26px; left: 22px; color: #000000; font-size: 18px; font-weight: 400; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .page-ask .block-textarea textarea { resize: none; overflow-y: auto; width: 100%; height: 247px; padding-top: 26px; padding-left: 22px; } .page-ask .block-textarea textarea:focus { outline: none; } .page-ask .block-textarea textarea:focus + label { top: 7px; color: #c2c2c2; font-size: 14px; font-weight: 300; } .page-ask .block-textarea textarea:valid + label { top: 7px; color: #c2c2c2; font-size: 14px; font-weight: 300; } .page-ask .to-ask-small { color: #000000; font-size: 14px; font-weight: 400; line-height: 24px; } .page-ask .to-ask-small span { color: #f19000; } .page-ask .to-ask-button { text-align: right; } .page-ask .to-ask-button button, th input[type=submit] { display: inline-block; color: #0063ab; font-size: 16px; font-weight: 500; padding: 18px 42px; text-transform: uppercase; border-radius: 30px; border: 2px solid #0063ab; cursor: pointer; background-color: transparent; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .page-ask .to-ask-button button:hover { background-color: #0063ab; color: #fff; } .page-investment .currency-title { display: inline-block; color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; } .page-investment .currency-block { display: inline-block; border-radius: 30px; border: 1px solid #cdcdcd; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; margin-left: 17px; } .page-investment .currency-block-item { color: #000000; font-size: 18px; font-weight: 300; display: inline-block; border-right: 1px solid #cdcdcd; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; padding: 12px; cursor: pointer; } .page-investment .currency-block-item:last-child { border-right: none; } .page-investment .currency-block-item.active { background-color: #0063ab; color: #fff; } /*.page-investment .currency-block-item input { display: none; } .page-investment .currency-block-item input + span { display: block; width: 100%; background-color: #ffffff; color: #000000; font-size: 18px; font-weight: 300; padding: 12px; line-height: 24px; text-align: center; cursor: pointer; } .page-investment .currency-block-item input[type="radio"]:checked + span { background-color: #0063ab; color: #fff; width: 100%; } .page-investment .currency-block-item.active { background-color: #0063ab; color: #fff; } .page-investment .currency-block-item:last-child { border-right: none; }*/ .page-investment .investment { margin-top: 38px; } .page-investment .investment-table { width: 100%; display: none; } .page-investment .investment-table.active { display: block; } .page-investment .investment-table tr:first-child { background-color: #0063ab; } .page-investment .investment-table tr:nth-child(2n) { background-color: #f0f0f0; } /*.page-investment .investment-table tr:nth-child(2) { text-align: center; }*/ .page-investment .investment-table tr:nth-child(2) ~ tr td:first-child { padding-left: 20px; } .page-investment .investment-table tr:nth-child(2) ~ tr td:first-child div { display: list-item; list-style: disc; } .page-investment .investment-table tr:nth-child(1) ~ tr td { padding-left: 20px; } .page-investment .investment-table tr th:first-child { width: 30%; } .page-investment .investment-table tr th { color: #ffffff; font-size: 16px; font-weight: 400; padding-top: 18px; padding-bottom: 18px; /*width: calc(70% / 4);*/ } .page-investment .investment-table tr td { color: #000000; font-size: 14px; font-weight: 400; padding-top: 18px; padding-bottom: 18px; } .page-files .files-main-item { margin-bottom: 20px; } .page-files .files-main-item__link { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-files .files-main-item__link .file-img { display: block; } .page-files .files-main-item__link .file-img img { width: auto; position: relative; z-index: -1; } .page-files .files-main-item__link .file-block { display: -block; margin-left: 20px; } .page-files .files-main-item__link .file-block-title { color: #0079c2; font-size: 16px; font-weight: 400; line-height: 24px; text-decoration: underline; } .page-files .files-main-item__link .file-block-sub { display: block; color: #929292; font-weight: 300; line-height: 30px; } .page-files .files-wrap { margin-top: 44px; } .page-files .files-wrap-item { border: 1px solid #d7d7d7; border-bottom: none; cursor: pointer; } .page-files .files-wrap-item:last-child { border-bottom: 1px solid #d7d7d7; } .page-files .files-wrap-item .all-files-title { color: #000000; font-size: 18px; font-weight: 300; position: relative; width: 100%; height: 100%; padding: 35px; } .page-files .files-wrap-item .all-files-title a { color: #000000; } .page-files .files-wrap-item .all-files-title span { width: 27px; height: 27px; display: block; position: absolute; top: 0; right: 10px; border: 1px solid #d7d7d7; border-radius: 50%; top: 50%; margin-top: -13.5px; cursor: pointer; background: url("/bitrix/templates/nipbank_v1.2/css/../img/offices/arrow.png") center no-repeat; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .page-files .files-wrap-item .all-files-title span.active-deg { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .page-files .files-wrap-item .all-files-info { display: none; padding: 35px; } .page-files .files-wrap-item .all-files-info.active { display: block; } .page-files .files-wrap-item .all-files-info__doc { margin-bottom: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-files .files-wrap-item .all-files-info__doc a { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-files .files-wrap-item .all-files-info__doc a .doc-img { min-width: 40px; display: block; } .page-files .files-wrap-item .all-files-info__doc a .doc-img img { width: auto; position: relative; z-index: -1; } .page-files .files-wrap-item .all-files-info__doc a .file-block { display: block; vertical-align: top; margin-left: 20px; } .page-files .files-wrap-item .all-files-info__doc a .file-block-title { color: #0079c2; font-size: 16px; font-weight: 400; line-height: 24px; text-decoration: underline; } .page-files .files-wrap-item .all-files-info__doc a .file-block-sub { display: block; color: #929292; font-weight: 300; line-height: 30px; } .page-files .files-wrap-item .all-files-info .licenses { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-files .files-wrap-item .all-files-info .licenses-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .page-files .files-wrap-item .all-files-info .licenses-item img { display: inline-block; vertical-align: middle; } .page-files .files-wrap-item .all-files-info .licenses-item .license-block { display: inline-block; vertical-align: middle; margin-left: 10px; } .page-files .files-wrap-item .all-files-info .licenses-item .license-block-link { color: #0079c2; font-size: 16px; font-weight: 400; line-height: 24px; text-decoration: underline; } .page-files .files-wrap-item .all-files-info .licenses-item .license-block span { display: block; color: #929292; font-weight: 300; letter-spacing: 0.08px; } .page-calc .calc { padding: 45px; border: 1px solid #d7d7d7; } .page-calc .calc-wrap .calculation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-calc .calc-wrap .calculation-block { width: 45%; } .page-calc .calc-wrap .calculation-block .dep-amount-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 55px; margin-bottom: 25px; } .page-calc .calc-wrap .calculation-block .dep-amount-top__currency { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 30px; max-width: 190px; width: 100%; border: 1px solid #cdcdcd; overflow: hidden; margin-left: 30px; } .page-calc .calc-wrap .calculation-block .dep-amount-top__currency .currency-item { display: block; width: calc(100% / 3); background-color: #ffffff; color: #000000; font-size: 18px; font-weight: 300; padding-top: 12px; padding-bottom: 12px; line-height: 24px; text-align: center; cursor: pointer; border-right: 1px solid #d7d7d7; } .page-calc .calc-wrap .calculation-block .dep-amount-top__currency .currency-item.active { background-color: #0063ab; color: #fff; } .page-calc .calc-wrap .calculation-block .dep-amount-top__currency .currency-item:last-child{ border-right: none; } /*.page-calc .calc-wrap .calculation-block .dep-amount-top__currency .currency-item .cur-input { display: none; } .page-calc .calc-wrap .calculation-block .dep-amount-top__currency .currency-item .cur-input + .cur-check { display: block; width: 100%; background-color: #ffffff; color: #000000; font-size: 18px; font-weight: 300; padding-top: 12px; padding-bottom: 12px; line-height: 24px; text-align: center; cursor: pointer; border-right: 1px solid #d7d7d7; } .page-calc .calc-wrap .calculation-block .dep-amount-top__currency .currency-item .cur-input + .cur-check.cust { border-right: none; } .page-calc .calc-wrap .calculation-block .dep-amount-top__currency .currency-item input[type="radio"]:checked + .cur-check { background-color: #0063ab; color: #fff; width: 100%; }*/ .page-calc .calc-wrap .calculation-block .dep-amount-slider { width: 100%; position: relative; } .page-calc .calc-wrap .calculation-block .dep-amount-slider input { color: #f19000; font-family: "Fira Sans"; font-size: 24px; font-weight: 300; line-height: 24px; text-transform: uppercase; margin-bottom: 17px; border: 1px solid #d7d7d7; padding: 10px; width: 180px; } .page-calc .calc-wrap .calculation-block .dep-amount-slider label { color: #000000; font-size: 18px; font-weight: 400; margin-left: 10px; } .page-calc .calc-wrap .calculation-block .dep-amount-slider__block { margin-top: 0px; } .page-calc .calc-wrap .calculation-block .dep-amount-slider .num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .page-calc .calc-wrap .calculation-block .dep-amount-slider .num .min { color: #000000; font-size: 16px; font-weight: 400; text-transform: uppercase; } .page-calc .calc-wrap .calculation-block .dep-amount-slider .num .max { color: #000000; font-size: 16px; font-weight: 400; text-transform: uppercase; } .page-calc .calc-wrap .calculation-block .dep-amount-slider .ui-slider-horizontal { height: 1px; } .page-calc .calc-wrap .calculation-block .dep-amount-slider .ui-slider-horizontal .ui-slider-handle { top: -10px; border: 3px solid #0063ab; background-color: #ffffff; border-radius: 50%; cursor: pointer; margin-left: -4px; } .page-calc .calc-wrap .calculation-block .dep-amount-slider .ui-slider-horizontal .ui-slider-handle:focus { outline: none; } .page-calc .calc-wrap .calculation-block .dep-amount-slider .ui-slider-horizontal .ui-slider-range { background-color: #0063ab; height: 5px; margin-left: -2px; top: -2px; } .page-calc .calc-wrap .calculation-block .dep-term-top { min-height: 55px; line-height: 55px; margin-bottom: 25px; } .page-calc .calc-wrap .calculation-block .dep-term-slider { position: relative; } .page-calc .calc-wrap .calculation-block .dep-term-slider__block { margin-top: 10px; } .page-calc .calc-wrap .calculation-block .dep-term-slider .input-block { position: relative; } .page-calc .calc-wrap .calculation-block .dep-term-slider input { color: #f19000; font-size: 24px; font-weight: 300; line-height: 24px; text-transform: uppercase; border: 1px solid #d7d7d7; padding: 10px; width: 70px; margin-bottom: 17px; } .page-calc .calc-wrap .calculation-block .dep-term-slider label { color: #000000; font-size: 18px; font-weight: 400; margin-left: 10px; } .page-calc .calc-wrap .calculation-block .dep-term-slider .ui-slider-horizontal { height: 1px; } .page-calc .calc-wrap .calculation-block .dep-term-slider .ui-slider-horizontal .ui-slider-handle { top: -10px; border: 3px solid #0063ab; background-color: #ffffff; border-radius: 50%; cursor: pointer; margin-left: -3px; } .page-calc .calc-wrap .calculation-block .dep-term-slider .ui-slider-horizontal .ui-slider-handle:focus { outline: none; } .page-calc .calc-wrap .calculation-block .dep-term-slider .ui-slider-horizontal .ui-slider-range { background-color: #0063ab; height: 5px; margin-left: -2px; top: -2px; } .page-calc .calc-wrap .calculation-block .dep-term-slider .num { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .page-calc .calc-wrap .calculation-block .dep-term-slider .num .min { color: #000000; font-size: 16px; font-weight: 400; text-transform: uppercase; } .page-calc .calc-wrap .calculation-block .dep-term-slider .num .max { color: #000000; font-size: 16px; font-weight: 400; text-transform: uppercase; } .page-calc .calc-wrap .options { width: 100%; margin-top: 50px; } .page-calc .calc-wrap .options-title { color: #000000; font-size: 18px; font-weight: 300; line-height: 24px; } .page-calc .calc-wrap .options-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .page-calc .calc-wrap .options-wrap-item { border: 1px solid #d7d7d7; padding: 25px 20px; } .page-calc .calc-wrap .options-wrap-item__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-calc .calc-wrap .options-wrap-item__label .option-input { display: none; } .page-calc .calc-wrap .options-wrap-item__label .option-input + .option-check { display: inline-block; width: 27px; height: 27px; border: 1px solid #d7d7d7; margin-left: 20px; -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; position: relative; } .page-calc .calc-wrap .options-wrap-item__label .option-input + .option-check::before { content: ''; width: 27px; height: 27px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff url("/bitrix/templates/nipbank_v1.2/css/../img/check.png") center no-repeat; -webkit-transition: all .2s linear; transition: all .2s linear; opacity: 0; } .page-calc .calc-wrap .options-wrap-item__label input[type="checkbox"]:checked + .option-check::before { background-color: #0063ab; opacity: 1; } .page-calc .calc-wrap .result { margin-top: 44px; } .page-calc .calc-wrap .result-table { width: 100%; display: none; } .page-calc .calc-wrap .result-table.active { width: 100%; display: table; table-layout: fixed; } .page-calc .calc-wrap .result-table tr:nth-child(even) { background-color: #f0f0f0; } .page-calc .calc-wrap .result-table tr:first-child { background-color: #0063ab; } .page-calc .calc-wrap .result-table tr:first-child th { color: #ffffff; font-size: 16px; font-weight: 400; line-height: 24px; padding-top: 17px; padding-bottom: 17px; } .page-calc .calc-wrap .result-table tr:first-child th:first-child { padding-left: 22px; text-align: left; } .page-calc .calc-wrap .result-table tr td { color: #000000; font-size: 14px; font-weight: 400; padding-top: 17px; padding-bottom: 17px; } .page-calc .calc-wrap .result-table tr td:first-child { padding-left: 22px; text-align: left; } .page-calc .calc-wrap .result-table tr td:first-child ~ td { text-align: center; } .page-calc .calc-wrap .result-table tr td .td-options-item { position: relative; display: inline-block; cursor: pointer; min-height: 35px; } .page-calc .calc-wrap .result-table tr td .td-options-item .svg-calc { width: 35px; height: 35px; } .page-calc .calc-wrap .result-table tr td .td-options-item .svg-calc .g-calc { fill: #0063ab; -webkit-transition: all .1s linear; transition: all .1s linear; } .page-calc .calc-wrap .result-table tr td .td-options-item .tool { width: auto; min-height: 100px; position: absolute; min-width: 171px; top: -120px; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all .2s linear; transition: all .2s linear; } .page-calc .calc-wrap .result-table tr td .td-options-item .tool .tooltip { position: absolute; width: 100%; background-color: #f19000; color: #ffffff; font-size: 14px; font-weight: 400; bottom: 0; padding: 20px; text-align: left; } .page-calc .calc-wrap .result-table tr td .td-options-item .tool .tooltip::after { content: ''; width: 0; height: 0; border-top: 20px solid #f19000; border-right: 30px solid transparent; position: absolute; bottom: -15px; left: 12px; } .page-calc .calc-wrap .result-table tr td .td-options-item:hover .tool { opacity: 1; visibility: visible; top: -130px; } .page-calc .calc-wrap .result-table tr td .td-options-item:hover .tool .tooltip { opacity: 1; visibility: visible; } .page-calc .calc-wrap .result-table tr td .td-options-item:hover .svg-calc { width: 35px; height: 35px; } .page-calc .calc-wrap .result-table tr td .td-options-item:hover .svg-calc .g-calc { fill: #f19000; -webkit-transition: all .2s linear; transition: all .2s linear; } .page-calc .calc-wrap .result-table tr td .td-register button { color: #0063ab; font-size: 14px; font-weight: 500; text-transform: uppercase; background: #fff; cursor: pointer; border: 1px solid #0063ab; border-radius: 30px; padding: 15px 20px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .page-calc .calc-wrap .result-table tr td .td-register button:hover { background-color: #0063ab; color: #fff; } .error { text-align: center; } .error-title { color: #000000; font-size: 36px; font-weight: 500; margin-bottom: 25px; } .error-404 { color: #000000; font-size: 150px; font-weight: 400; margin-bottom: 25px; } .error-descr { color: #000000; font-size: 24px; font-weight: 400; margin-bottom: 35px; } .error-search { position: relative; max-width: 430px; width: 100%; margin-left: auto; margin-right: auto; } .error-search input { width: 100%; background-color: #f7f7f7; padding: 20px; } .error-search button { width: 30px; height: 30px; position: absolute; background-color: transparent; right: 20px; top: 50%; margin-top: -15px; cursor: pointer; background: url("/bitrix/templates/nipbank_v1.2/css/../img/search.png") center no-repeat; } .overlay-call { position: fixed; z-index: 4000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: none; top: 0; left: 0; right: 0; overflow-y: auto; } .overlay-call .popup { border: 3px solid #ffffff; background-color: transparent; position: absolute; max-width: 460px; width: 100%; top: 170px; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; text-align: center; padding-top: 50px; padding-bottom: 50px; } .overlay-call .popup-title { color: #ffffff; font-size: 36px; font-weight: 500; } .overlay-call .popup-close { width: 30px; height: 30px; display: block; position: absolute; top: -3px; right: -50px; cursor: pointer; } .overlay-call .popup-close::before { content: ''; position: absolute; width: 30px; height: 3px; display: block; background-color: #ffffff; top: 50%; left: 0; margin-top: -1.5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .overlay-call .popup-close::after { content: ''; position: absolute; width: 30px; height: 3px; display: block; background-color: #ffffff; top: 50%; margin-top: -1.5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 0; } .overlay-call .popup-form { max-width: 330px; width: 100%; margin-left: auto; margin-right: auto; } .overlay-call .popup-form__input { padding: 20px; background-color: #fff; display: block; width: 100%; margin-bottom: 23px; } .overlay-call .popup-form__label { text-align: left; display: block; } .overlay-call .popup-form__label .agree-check { display: none; } .overlay-call .popup-form__label .agree-check + .agree-button { width: 18px; height: 18px; background-color: #fff; display: inline-block; vertical-align: middle; cursor: pointer; position: relative; margin-right: 7px; } .overlay-call .popup-form__label .agree-check + .agree-button::before { content: ''; width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("/bitrix/templates/nipbank_v1.2/css/../img/arcall.png") center no-repeat; } .overlay-call .popup-form__label input[type="checkbox"]:checked + .agree-button::before { display: block; } .overlay-call .popup-form__label .agree-descr { color: #ffffff; font-size: 13px; font-weight: 400; display: inline-block; vertical-align: middle; cursor: pointer; text-decoration: underline; } .overlay-call .popup-form__button { border-radius: 30px; border: 2px solid #f19000; background-color: transparent; color: #f19000; font-size: 16px; font-weight: 500; text-transform: uppercase; padding: 18px 43px; display: inline-block; margin-top: 32px; cursor: pointer; -webkit-transition: all .3s linear; transition: all .3s linear; } .overlay-call .popup-form__button:hover { border: 2px solid #fff; color: #fff; } .main { position: relative; } .main .mobile-menu-goto { display: none; width: 44px; height: 44px; background-color: #0063ab; position: fixed; z-index: 2400; top: 0; right: 0; } .main .mobile-menu-goto span { width: 24px; height: 3px; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -1.5px; background-color: #ffffff; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .main .mobile-menu-goto span::before { content: ''; width: 24px; height: 3px; display: block; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: -8px; background-color: #ffffff; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .main .mobile-menu-goto span::after { content: ''; width: 24px; height: 3px; display: block; position: absolute; left: 50%; margin-left: -12px; top: 50%; margin-top: 6px; background-color: #ffffff; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .main .mobile-menu-goto.active span { background-color: transparent; } .main .mobile-menu-goto.active span::before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -1.5px; } .main .mobile-menu-goto.active span::after { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: -1.5px; } .main .drop-mobile { width: 180px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #f19000; position: absolute; display: none; z-index: 2000; height: 45px; top: 0; bottom: auto; position: fixed; left: 50%; margin-left: -90px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; overflow: hidden; } .main .drop-mobile.active { width: 100%; height: 100%; bottom: 0; left: 0; right: 0; margin-left: 0; border-top-left-radius: 0px; border-top-right-radius: 0px; z-index: 2600; } .main .drop-mobile .drop-mobile-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; cursor: pointer; } .main .drop-mobile .drop-mobile-bottom.active { display: none; } .main .drop-mobile .drop-mobile-bottom__block { display: block; width: calc(100% / 3); height: 100%; } .main .drop-mobile .drop-mobile-bottom__block.active { display: none; } .main .drop-mobile .drop-mobile-bottom__block.quest { text-align: center; line-height: 45px; color: #ffffff; font-size: 30px; font-weight: 400; text-transform: uppercase; } .main .drop-mobile .drop-mobile-bottom__block.blind { background: url("/bitrix/templates/nipbank_v1.2/css/../img/main/blind.svg") center/60% no-repeat; } .main .drop-mobile .drop-mobile-bottom__block.call { background: url("/bitrix/templates/nipbank_v1.2/css/../img/main/call.png") center no-repeat; } .main .drop-mobile .drop-mobile-bottom__block.zayavka { background: url("/bitrix/templates/nipbank_v1.2/css/../img/main/zayavka.svg") center/80% no-repeat; } .main .drop-mobile .drop-mobile-bottom__block.search { background: url("/bitrix/templates/nipbank_v1.2/css/../img/main/search.png") center no-repeat; } .main .drop-mobile-close { position: absolute; top: 30px; right: 30px; display: none; width: 30px; height: 30px; z-index: 3000; cursor: pointer; } .main .drop-mobile-close::before { content: ''; display: block; background-color: #ffffff; width: 30px; height: 3px; position: absolute; top: 50%; margin-top: -1.5px; left: 50%; margin-left: -15px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .main .drop-mobile-close::after { content: ''; display: block; background-color: #ffffff; width: 30px; height: 3px; position: absolute; top: 50%; margin-top: -1.5px; left: 50%; margin-left: -15px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .main .drop-mobile-main { display: block; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .main .drop-mobile-main__blind { margin-bottom: 20px; } .main .drop-mobile-main__blind .mob-blind-to { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; } .main .drop-mobile-main__blind span { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: url("/bitrix/templates/nipbank_v1.2/css/../img/main/blind.svg") center/contain no-repeat; } .main .drop-mobile-main__quest { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 16px; margin-bottom: 20px; } .main .drop-mobile-main__quest .mob-quest-to { display: inline-block; vertical-align: middle; margin-left: 10px; color: #fff; } .main .drop-mobile-main__quest span { display: inline-block; vertical-align: middle; text-align: center; width: 25px; color: #ffffff; font-size: 30px; font-weight: 400; text-transform: uppercase; text-align: center; } .main .drop-mobile-main__zayavka { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 16px; margin-bottom: 20px; } .main .drop-mobile-main__zayavka .mob-zayavka-to { display: inline-block; vertical-align: middle; margin-left: 10px; color: #fff; } .main .drop-mobile-main__zayavka span { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: url("/bitrix/templates/nipbank_v1.2/css/../img/main/zayavka.svg") 20% center no-repeat; } .main .drop-mobile-main__call { margin-bottom: 20px; } .main .drop-mobile-main__call .mob-call-to { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 16px; display: inline-block; vertical-align: middle; margin-left: 10px; } .main .drop-mobile-main__call span { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: url("/bitrix/templates/nipbank_v1.2/css/../img/main/call.png") 20% center no-repeat; } .main .drop-mobile-main__search .mob-search-button { width: 25px; height: 25px; background: transparent url("/bitrix/templates/nipbank_v1.2/css/../img/main/search.png") center no-repeat; background-size: cover; display: inline-block; vertical-align: middle; margin-right: 10px; cursor: pointer; } .main .drop-mobile-main__search .mob-search-input { border-radius: 10px; background-color: #f7f7f7; width: 230px; padding: 15px; } .main .mobile-nav-main { position: fixed; width: 100%; height: 100%; overflow-y: auto; z-index: 2200; background-color: #fff; top: 0; padding-left: 15px; padding-right: 15px; padding-top: 65px; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; display: none; } .main .mobile-nav-main.active-nav { -webkit-transform: translateX(0%); transform: translateX(0%); } .main .mobile-nav-main .mob-location { width: 100%; display: block; } .main .mobile-nav-main .mob-location__block { color: #000000; font-size: 15px; font-weight: 300; } .main .mobile-nav-main .mob-location__block::before { content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 21px; background: url("/bitrix/templates/nipbank_v1.2/css/../img/main/placehold.png") center no-repeat; } .main .mobile-nav-main .mob-location__block a { color: #000000; font-size: 15px; font-weight: 300; border-bottom: 1px dotted #000000; } .main .mobile-nav-main .mob-contacts-phone .phone-link { display: block; color: #000000; font-size: 18px; font-weight: 300; text-transform: uppercase; line-height: 30px; } .main .mobile-nav-main .mob-contacts-email .email-link { color: #000000; font-size: 14px; font-weight: 300; line-height: 12px; text-decoration: underline; } .main .mobile-nav-list { display: inline-block; padding: 0; padding-right: 15px; } .main .mobile-nav-list .nav-item { position: relative; } .main .mobile-nav-list .nav-item:last-child { margin-bottom: 0; } .main .mobile-nav-list .nav-item-link { color: #000000; font-family: "Fira Sans Extra Condensed"; font-size: 14px; font-weight: 500; text-transform: uppercase; } .main .mobile-nav-list .nav-item-link.active-color { color: #0063ab; } .main .mobile-tab-wrap { display: none; } .main .mobile-tab-wrap.active-tab { display: -webkit-box; display: -ms-flexbox; display: flex; } .main .mobile-tab-wrap.active-tab .mob-tab-list { padding: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .main .mobile-tab-wrap.active-tab .mob-tab-item__link { color: #000000; font-size: 14px; font-weight: 300; } .main .mobile-tab-wrap.active-tab .mob-tab-item__link:hover { color: #f19000; } /*новые стили */ .hide-info-block { background-color: #eeeeee; border: 1px solid transparent; padding: 20px; cursor: pointer; } .hide-info-block_active { border-color: #eeeeee; background-color: #fff; } .hide-info-block_active .hide-info-block__arrow { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .hide-info-block__img { display: inline-block; vertical-align: bottom; width: 100%; } .hide-info-block__content { display: none; } .hide-info-block__arrow { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .link-under { text-decoration: underline; } .link-under_blue { color: #0079c2; } .link-under:hover { text-decoration: none; } .owl-dot { display: inline-block; width: 14px; height: 14px; background-color: rgba(255, 255, 255, 0.5); -webkit-border-radius: 50%; border-radius: 50%; margin-right: 14px; cursor: pointer; } .owl-dot.active { background-color: #f19000; } .cards-slider-wrap { position: relative; } .cards-dots { position: absolute; bottom: 13px; left: 22px; z-index: 1; } .page .btn { display: inline-block; height: 44px; line-height: 44px; white-space: nowrap; font-size: 24px; color: #fff; padding: 0 55px; cursor: pointer; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; text-decoration: none; } .btn_orange { background-color: #f19000; } .btn_orange:hover { background-color: #0063ab; } .btn_transp { background-color: transparent; } .tabs-btns__btn-wrap { height: 100% } .tabs-btns__item { max-width: 25%; flex: 0 0 25%; } .tabs .tabs-btns__btn { border: 1px solid #0063ab; border-bottom: none; color: #0063ab; padding: 10px 40px; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; position: relative; z-index: 1; line-height: 1.2; width: 100%; height: 100%; white-space: normal; } .tabs .tabs-btns__btn_active { color: #fff; background-color: #f19000; border-color: transparent; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .tabs-btns__btn:hover:not(.tabs-btns__btn_active):not(.tabs-btns__btn_active-mob) { background-color: rgba(241, 144, 0, 0.7); color: #fff; border-color: transparent; } .tabs__info { position: relative; } .tabs__info_mobile { display: none; } .tabs__info-wrap-mobile { display: none; } .tabs__info-item { display: none; } .tabs__info-item_active { display: block; } .tabs .tabs__info-close-btn { display: none; } .page-title_small { line-height: 1; font-size: 30px; font-weight: 400; text-transform: none; } .cards .cards-list { margin-bottom: 112px; } .cards-list_detail .cards-list__item { border: none; padding: 0 45px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .cards-list_detail .cards-list__item .cards-list__descr { padding-top: 0; } .cards-list__item { padding: 60px 45px; border-bottom: 1px solid #e6e6e6; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cards-list__descr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-top: 53px; -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; } .cards-list__descr .page-title.page-title_small { margin-bottom: 21px; } .cards-list__descr .page-title a { color: #000; -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; font-size: inherit; text-decoration: none; } .cards-list__descr .page-title a:hover { color: #f19000; } .cards-list__text { line-height: 1.3; font-size: 18px; } .cards-list__btn-wrap { margin-top: 22px; -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cards-list__img-wrap { margin-right: 30px; text-align: center; max-width: 405px; width: 100%; } .cards-list__img { -webkit-filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.14)); filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.14)); display: inline-block; vertical-align: bottom; max-width: 100%; width: auto; } .cards-list__img_no-shadow { -webkit-filter: none; filter: none; } .cards .files { padding: 0; } .cards .files-list { margin-bottom: 80px; } .files__img { width: 30px; } .files__title { margin-bottom: 25px; } .cards-detail__tabs .tabs-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 15px; } .cards-detail__tabs .tabs-btns__item { padding: 0 15px; } .cards-detail__tabs .tabs-btns__item:last-child { margin-right: 0; } .cards-detail__tabs .tabs__info-content { border: 1px solid #0063ab; padding: 57px 30px 45px; } .text-page table.cards-detail__table tr { font-size: inherit; } .text-page table.cards-detail__table tr { background: inherit; } .cards-detail__table { margin-bottom: 90px; } .cards-detail__table tr:last-child td { padding-bottom: 0; } .text-page .cards-detail__table td { padding-top: 0; padding-bottom: 30px; position: relative; vertical-align: bottom; line-height: 30px; } .cards-detail__table td .cards-detail__table-content .content-name { display: inline; background-color: #fff; padding-right: 5px; } .cards-detail__table td:first-child { width: 40%; } .cards-detail__table td:first-child .cards-detail__table-content { position: relative; } .cards-detail__table td:first-child .cards-detail__table-content .content-name { font-weight: 700; } .cards-detail__table td:first-child .cards-detail__table-content::after { content: ''; display: block; position: absolute; height: 1px; width: 100%; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #b8c5d3), color-stop(0%, #fff)); background-image: -webkit-linear-gradient(left, #b8c5d3 50%, #fff 0%); background-image: -o-linear-gradient(left, #b8c5d3 50%, #fff 0%); background-image: linear-gradient(to right, #b8c5d3 50%, #fff 0%); background-position: top left; -webkit-background-size: 14px 1px; background-size: 14px 1px; background-repeat: repeat-x; background-color: transparent; bottom: 8px; z-index: -1; } .cards-detail__table td:nth-child(2) { padding-left: 5px; } .cards-detail__info-list { list-style: disc; padding-left: 20px; line-height: 30px; } .cards-detail__info-about { margin-bottom: 55px; } .cards-detail .cards-list { margin-bottom: 80px; } .cards-detail .page-title { margin-bottom: 80px; } .cards-detail__guide-item { margin-bottom: 25px; } .cards-detail__guide-item:last-child { margin-bottom: 0; } .cards-detail__guide-item .hide-info-block__img-wrap { -webkit-box-flex: 0; -webkit-flex: 0 0 73px; -ms-flex: 0 0 73px; flex: 0 0 73px; margin-right: 20px; min-height: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .cards-detail__guide-item .hide-info-block__title { font-size: 24px; margin-right: 22px; } .cards-detail__guide-item .hide-info-block__main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .cards-detail__guide-item .hide-info-block__content { padding-left: 93px; margin-top: 30px; line-height: 30px; } .cards-detail__guide-item .hide-info-block__content ol { padding-left: 20px; } .cards-detail__guide-item .hide-info-block__content ol li { padding: 0; text-transform: none; list-style: decimal; } .cards-detail__guide-item .hide-info-block__content ol li::before { display: none; } .cards-detail__guide-item .hide-info-block__arrow svg { display: inline-block; vertical-align: bottom; } .cards-detail__guide-item .hide-info-block__arrow svg path { fill: #0063ab; } .cards-detail__guide-item.hide-info-block_active .hide-info-block__arrow path { fill: #f19000; } /*.tabs__row { margin-bottom: -35px; }*/ .tabs__col { text-align: center; margin-bottom: 35px; } .tabs__col-icon { margin-bottom: 35px; } .tabs__col-icon img { width: 63px; height: 63px; display: inline-block; vertical-align: bottom; } .cards-credit__item { padding: 15px 0 0 0; } .cards-credit__item .cards-list__img { -webkit-filter: none; filter: none; width: 100%; } .cards-credit__descr { margin-right: 15px; } .cards-credit .cards-list__img-wrap { margin: 0; max-width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .cards-credit .cards-list__img { width: 100%; } .cards-credit__descr { padding: 95px 0 60px; } .cards-list__img-wrap_grad a { display: block; position: relative; } .cards-list__img-wrap_grad a::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(30%, transparent), to(#fff)); background: -webkit-linear-gradient(right, transparent 0%, transparent 30%, #fff 100%); background: -o-linear-gradient(right, transparent 0%, transparent 30%, #fff 100%); background: linear-gradient(to left, transparent 0%, transparent 30%, #fff 100%); } .cards-list__img-wrap_grad a .cards-list__img { position: relative; z-index: -1; -webkit-filter: none; filter: none; } .tabs__info-content .table-block { max-width: 970px; overflow-x: scroll; } .tabs__info-content .data-table { width: 970px; } .tabs__info-content .data-table td, .tabs__info-content .data-table th { padding: 20px; } .tabs__info-content .data-table th { color: #fff; font-size: 16px !important; } .tabs__info-content .data-table td { font-size: 15px !important; } .tabs__info-content .data-table tr { line-height: 1.1 !important; } .tabs__info-content .data-table tr:nth-child(2n+2) { background-color: #f0f0f0; } .tabs__info-content .data-table tr:nth-child(2n+1) { background-color: #fff; } .tabs__info-content .data-table tr:first-child { background-color: #0063ab; } .cards-list_detail .cards-credit__item .cards-list__btn-wrap { margin-top: 55px; } .cards-list_detail .cards-credit__item .cards-list__descr { max-width: 440px; } .credit-form__row { margin-bottom: -30px; } .credit-form__col { margin-bottom: 30px; } .credit-form__col_captcha .block-captcha { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .credit-form__col_captcha .block-captcha__captcha { margin-right: 45px; } .credit-form__col_captcha .block-captcha label { white-space: nowrap; line-height: 1 !important; margin-bottom: 10px; } .credit-form__col_captcha .block-captcha img { margin-bottom: 0 !important; } .credit-form__bottom-block { margin-top: 68px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .credit-form__bottom-block .to-ask-button { text-align: left; } .credit-form__text { margin-right: 60px; } input[name=web_form_submit] { display: inline-block; color: #0063ab; font-size: 16px; font-weight: 500; padding: 18px 42px; text-transform: uppercase; -webkit-border-radius: 30px; border-radius: 30px; border: 2px solid #0063ab; cursor: pointer; background-color: transparent; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .stocks { margin: 0 -15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -45px; } .stocks__close-item { width: 21px; height: 21px; position: relative; cursor: pointer; } .stocks__close-item::before, .stocks__close-item::after { content: ''; width: 100%; height: 3px; background-color: #0063ab; position: absolute; left: 0; top: 50%; -webkit-border-radius: 2px; border-radius: 2px; } .stocks__close-item::before { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .stocks__close-item::after { -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .stocks__item-wrap { max-width: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 15px; margin-bottom: 45px; } .stocks__item-info-preview { -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; cursor: pointer; } .stocks__item-info-preview:hover .stocks__img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .stocks__item { height:100%; } .stocks__item.active .stocks__item-info-preview { opacity: 0.5; } .stocks__item.active .stocks__arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .stocks__close-mobile { display: none; } .stocks__item-info-detail { display: none; margin-top: 45px; position: relative; } .stocks__item-info-detail .stocks__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, #e6e6e6), to(#ffffff)); background-image: -webkit-linear-gradient(left, #e6e6e6 60%, #ffffff 100%); background-image: -o-linear-gradient(left, #e6e6e6 60%, #ffffff 100%); background-image: linear-gradient(to right, #e6e6e6 60%, #ffffff 100%); } .stocks__item-info-detail .stocks__img-wrap { padding-right: 15px; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .stocks__item-info-detail .stocks__info-descr { -webkit-box-flex: 1; -webkit-flex: 1 0 0; -ms-flex: 1 0 0px; flex: 1 0 0; padding: 40px 40px 40px 15px; } .stocks__item-info-detail .stocks__info-descr p { font-size: 18px; color: inherit; margin: 0 0 15px 0; } .stocks__item-info-detail .stocks__info-descr p:last-child { margin-bottom: 0; } .stocks__item-info { border: 1px solid #b7b7b4; } .stocks__item-info_left { margin-right: -webkit-calc(-100% - 30px); margin-right: calc(-100% - 30px); } .stocks__item-info_right { margin-left: -webkit-calc(-100% - 30px); margin-left: calc(-100% - 30px); } .stocks__info { background-color: #e6e6e6; } .stocks__img { width: 100%; display: inline-block; vertical-align: bottom; /* height: 100%; -o-object-fit: cover; object-fit: cover;*/ -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .stocks__img-wrap { position: relative; overflow: hidden; } .stocks__img-wrap::before { content: ''; width: 100%; height: -webkit-calc(100% + 1px); height: calc(100% + 1px); position: absolute; background: url("/bitrix/templates/nipbank_v1.2/css/../img/svgmask.svg") 101% no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; right: 0; top: 0; z-index: 1; } .stocks__title-wrap { padding: 20px 30px 30px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .stocks__title { margin-right: 70px; font-size: 24px; } .stocks__arrow { display: inline-block; vertical-align: bottom; -webkit-box-flex: 0; -webkit-flex: 0 0 21px; -ms-flex: 0 0 21px; flex: 0 0 21px; height: 21px; -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; } .stocks__arrow path { fill: #f19000; } .cards-list_detail .cards-credit__item .cards-list__img-wrap { margin-right: 25px; } /* === */ @media (min-width: 1480px) { .container { max-width: 1400px; } .main-top .header-item.logo-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .main-top .header-item.logo-item img { width: 90%; } .main-top .header-item.contr-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .main-top .header-item.cont-item { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .main-top .header-control__account .account-link { padding: 25px 35px; width: 90%; margin: 0 auto; } .main-top .menu .navigation .navigation-wrap { padding-top: 260px; } /* НС */ .cards-list__item { padding: 60px 175px; } .cards-list__img-wrap { margin-right: 112px; } .cards-list_detail .cards-list__item { padding: 0px 55px; } .cards-credit .cards-list__item { padding: 15px 0 0 175px; } .cards-list_detail .cards-list__item { padding: 0px 55px; } .cards-list_detail .cards-credit__item { padding: 0 20px; } .cards-list_detail .cards-credit__item .cards-list__img-wrap { margin-right: 55px; } /* == */ } @media (max-width: 1480px) { .container { max-width: 1170px; } .main-top .header-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media (max-width: 1199px) { .hide-lg { display: none; } /* .main .owl-carousel .owl-item { height: 602px; } .main .owl-carousel .owl-item .main-slider-item { height: 602px; }*/ .slide-desktop { width: 1200px !important; /*min-width: 100%;*/ height: auto; /*width: 100%; height: 100%; object-fit: cover;*/ position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main .owl-carousel .owl-item .main-slider-item a { position: relative; overflow: hidden; display: block; width: 100%; height: 100%; } /* .main .owl-carousel .owl-item .main-slider-item a .slide-desktop { width: auto; height: 100%; }*/ .main .dots-main { bottom: 15px; left: 25px; } .main-top .header-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .main-top .header-item.lg-item { display: block; } .main-top .header-item.lg-item .header-contacts { padding-top: 25px; } .main-top .header-control__account .account-link { padding: 20px 30px; } .main-top .header-contacts__phone .first-phone-block.pages { padding-top: 0; padding-bottom: 0; } .main-top .header-contacts__phone .first-phone-block.pages .phone-button { top: 10px; } .news-wrap-row .row-column-link.column-1, .news-wrap-row .row-column-link.column-2 { background-position: 20%; } .news-wrap-row .row-column-link .min-col { padding: 15px; } .page-calc .calc-wrap .options-wrap-item { padding: 25px 10px; } .page-calc .calc-wrap .options-wrap-item__label .option-input + .option-check { margin-left: 7px; } /* HC */ .cards-list__item { padding: 30px 0; } .cards-detail__tabs .tabs-btns { padding: 0; } .cards-detail__tabs .tabs-btns__btn { padding: 5px 20px; } .cards-list_detail .cards-list__item { padding: 0; } .credit-form__col_captcha .block-captcha { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .credit-form__col_captcha .block-captcha__captcha { margin-right: 15px; } /* === */ } @media (max-width: 992px) { .hide-md { display: none; } .main .mobile-menu-goto { display: block; } .main-top .header { padding-top: 60px; } .main-top .header-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .main-top .header-item.lg-item { display: none; } .main-top .header-control__account .account-link { padding: 15px 20px; } .main-top .header-logo img { width: auto; } .main .drop { display: none; } .main .drop-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .news-wrap { width: 90%; margin-left: auto; margin-right: auto; } .news-wrap-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-wrap-row .row-column { margin-bottom: 30px; } .news-wrap-row.bottom-row .row-column-link { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .news-wrap-row .row-column-link.column-1, .news-wrap-row .row-column-link.column-2 { background-position: 20% 10%; } .news-wrap-row .row-column-link .min-col { padding: 30px; } .footer { padding-top: 40px; padding-bottom: 30px; } .footer-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-wrap-col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: auto; flex-basis: auto; } .footer-wrap-col:nth-child(4) { -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: right; padding-top: 15px; } .page-terminals .terminals-table tr th { padding-left: 20px; width: auto; } .page-terminals .terminals-table tr td { padding-left: 20px; } .page-contacts .contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-contacts .contacts-info { width: 100%; } .page-files .files-wrap-item .all-files-info .licenses-item img { display: block; margin-left: auto; margin-right: auto; } .page-files .files-wrap-item .all-files-info .licenses-item .license-block { display: block; margin-top: 10px; text-align: center; } .main .mobile-nav-main { display: block; } .main .mobile-nav-main .mobile-nav-block { width: 100%; } .main .mobile-nav-main .mobile-nav-block .mobile-nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main .mobile-nav-main .mobile-nav-block .mobile-nav-list .nav-item { text-align: center; } .main .mobile-nav-main .mobile-nav-block .mobile-tab-wrap .mob-tab-item { margin-bottom: 20px; } .main .mobile-nav-main .mob-location { margin-bottom: 20px; } .main .mobile-nav-main .mob-contacts-phone { margin-bottom: 20px; } .page-calc .calc-wrap .options-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-calc .calc-wrap .options-wrap-item { padding: 25px 10px; width: 45%; margin-bottom: 20px; min-height: 90px; } .page-calc .calc-wrap .options-wrap-item__label { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-calc .calc-wrap .options-wrap-item__label .option-title { width: 90%; } .page-calc .calc-wrap .options-wrap-item__label .option-input + .option-check { margin-left: 0; } .page-calc .calc-wrap .result-table tr:last-child { background-color: #fff; } .page-calc .calc-wrap .result-table tr:first-child { display: none; } .page-calc .calc-wrap .result-table tr:first-child ~ tr td { padding-left: 0; text-align: center; } .page-calc .calc-wrap .result-table tr td { position: relative; display: block; padding-top: 0; padding-bottom: 0; } .page-calc .calc-wrap .result-table tr td:last-child::before { display: none; } .page-calc .calc-wrap .result-table tr td:last-child div { padding-top: 0; } .page-calc .calc-wrap .result-table tr td div { padding-top: 20px; padding-bottom: 20px; } .page-calc .calc-wrap .result-table tr td::before { content: attr(data-ammount); background-color: #0063ab; display: block; padding-top: 20px; padding-bottom: 20px; color: #ffffff; font-size: 16px; font-weight: 400; margin-top: 10px; margin-bottom: 10px; } .slide-desktop { width: 992px !important; height: auto; } .news-wrap-row .row-column { height: 1px; } /* HC */ .cards-detail .page-title { margin-bottom: 50px; } .cards-detail .cards-list { margin-bottom: 35px; } .cards-list__descr { padding-top: 0; } .cards-detail__table td:first-child { width: 60%; } .cards-detail__table td:nth-child(2) { width: 40%; } .tabs__info_desktop { display: none !important; } .tabs__info_mobile { display: block; } .cards-detail__tabs .tabs-btns { display: block; } .cards-detail__tabs .tabs-btns__item { margin-right: 0; margin-bottom: 30px; max-width: 100%; } .cards-detail__tabs .tabs-btns__item:last-child { margin-bottom: 0; } .cards-detail__tabs .tabs-btns__btn { padding: 15px 55px; width: auto; height: auto; } .cards-detail__tabs .tabs__info_mobile .tabs__info-item { margin-top: -22px; } .cards-detail__tabs .tabs__info-content { display: block; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; opacity: 0; } .cards-detail__tabs .tabs__info-content_active { opacity: 1; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .tabs .tabs-btns__btn { border: 1px solid #0063ab; } .tabs .tabs-btns__btn_active { -webkit-transform: translate(30px, 0%); -ms-transform: translate(30px, 0%); transform: translate(30px, 0%); border: none; color: #fff; background-color: #f19000; border-color: transparent; } .stocks { margin-bottom: -25px; } .stocks__item-wrap { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 25px; } .stocks__item-info { border: none; } .stocks__item-info_left, .stocks__item-info_right { margin: 0; } .stocks__item-info-preview.active { opacity: 1; } .stocks__item-info-preview .stocks__arrow { display: none; } .stocks__item-info-detail { margin-bottom: 15px; } .stocks__item-info-detail .stocks__img-wrap { display: none; } .stocks__item-info-detail .stocks__info { background: none; } .stocks__item-info-detail .stocks__info-descr { padding: 0 15px; } .stocks__item-info-detail .stocks__info-descr p { font-size: 14px; } .stocks__item-info-detail .stocks__title-wrap { display: none; } .stocks__item { border-top: 1px solid #b7b7b4; border-bottom: 1px solid #b7b7b4; margin: 0 -15px; padding-bottom: 15px; } .stocks__item.active .stocks__item-info-preview { opacity: 1; } .stocks__item.active .stocks__arrow { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .stocks__item.active .stocks__arrow path { fill: #0063ab; } .stocks__title-wrap { padding: 20px 15px; } .stocks__title { margin: 0; font-size: 18px; } .stocks__close-mobile { text-align: center; display: block; } .stocks__close-mobile .stocks__arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* === */ } @media (max-width: 840px){ .slide-desktop { width: 850px !important; height: auto; } } @media (max-width: 700px){ .slide-desktop { width: 710px !important; height: auto; } } @media (max-width: 768px) { .hide-sm { display: none; } .main-top .header-item { margin-bottom: 20px; } .main-top .header-item.logo-item { width: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .main-top .header-item .header-logo__link .lg-log { display: none; width: auto; } .main-top .header-item .header-logo__link .md-log { display: block; width: auto; } .main-top .header-control__account:first-child { padding-left: 0; } .main-top .header-control__account:nth-child(2) { padding-right: 0; } .main-top .header-control__account .account-link { display: block; width: 80%; margin: 0 auto; padding: 20px 0px; } .main-top .header-logo__link { max-width: 100%; } .main-top .header-logo__link img { width: auto; } .main .dots-main { display: none; } .offer { padding-top: 30px; padding-bottom: 50px; } .offer-block { margin-top: 15px; min-height: auto; margin-bottom: 15px; } .offer-block-pass { padding-bottom: 10px; } .offer-block-pass__img { margin-bottom: 25px; } .offer-block-pass__title { min-height: auto; } .offer-block-pass__subtitle { margin-top: 10px; } .news { padding-top: 30px !important; } .news-wrap { width: 100%; } .exchange .card-block { max-width: 360px; width: 100%; margin-top: 40px; margin-left: auto; margin-right: auto; } .footer-wrap-col:nth-child(3) { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .footer-wrap-col:nth-child(4) { text-align: center; } .page-deposits .deposits-content { border: none; } .page-deposits .deposits-content-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid #d7d7d7; border-bottom: none; } .page-deposits .deposits-content-top .title-deposit { border-right: none; } .page-deposits .deposits-content-wrap { margin-top: 13px; border: 1px solid #d7d7d7; padding: 30px; } .page-deposits .deposits-content-wrap .deposit-item-program { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-deposits .deposits-content-wrap .deposit-item-program .program-img { width: 100%; margin: 0 auto; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info { margin-top: 20px; padding-left: 0; width: 100%; } .page-terminals .terminals-table tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-terminals .terminals-table tr th { padding-left: 20px; width: auto; border: none; } .page-terminals .terminals-table tr:nth-child(1) { display: none; } .page-terminals .terminals-table tr td { padding-left: 0px; width: auto; border: none; background-color: #ffffff; } .page-terminals .terminals-table tr td div { padding-left: 20px; } .page-terminals .terminals-table tr td::before { content: attr(data-label); display: block; width: 100%; background-color: #0063ab; color: #ffffff; } .page-terminals .terminals-table tr td:nth-child(1) { width: 20%; border-right: 1px solid #f0f0f0; } .page-terminals .terminals-table tr td:nth-child(1)::before { text-align: center; } .page-terminals .terminals-table tr td:nth-child(2) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .page-terminals .terminals-table tr td:nth-child(2)::before { padding-left: 20px; } .page-terminals .terminals-table tr td:nth-child(3) { width: 100%; } .page-terminals .terminals-table tr td:nth-child(3)::before { padding-left: 20px; } /* .page-investment .investment-table tr:nth-child(2) { position: relative; } .page-investment .investment-table tr:nth-child(2) ~ tr { background-color: #fff; } .page-investment .investment-table tr:nth-child(2) ~ tr td { position: relative; width: 100%; } .page-investment .investment-table tr:nth-child(2) ~ tr td:first-child, .page-investment .investment-table tr:nth-child(2) ~ tr td:nth-child(2) { display: none; } .page-investment .investment-table tr:nth-child(2) ~ tr td:nth-child(3) { display: table-cell; padding-left: 15px; padding-top: 0px; paddign-bottom: 0px; } .page-investment .investment-table tr:nth-child(2) ~ tr td:nth-child(3) div { display: list-item; list-style: disc; font-weight: 700; line-height: 30px; }*/ .page-investment .investment { overflow-x: scroll; } .page-investment .investment .investment-table { width: 768px; } .main .mobile-nav-main { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main .mobile-nav-main .mobile-nav-block { margin-bottom: 30px; width: 30%; } .main .mobile-nav-main .mobile-nav-block.mobile-tab { border-right: none; width: 70%; padding-left: 15px; } .main .mobile-nav-main .mobile-nav-block .mobile-nav-list { display: block; border-right: 1px solid #000000; width: 100%; } .main .mobile-nav-main .mobile-nav-block .mobile-nav-list .nav-item { text-align: initial; margin-bottom: 30px; } .main .mobile-nav-main .mobile-nav-block .mobile-nav-list .nav-item:last-child { margin-bottom: 0; } .main .mobile-nav-main .mobile-nav-block .mobile-tab-wrap .mob-tab-list .mob-tab-item { margin-bottom: 30px; } .main .mobile-nav-main .mobile-nav-block .mobile-tab-wrap .mob-tab-list .mob-tab-item:last-child { margin-bottom: 0; } .main .mobile-nav-main .mob-location { margin-bottom: 20px; } .main .mobile-nav-main .mob-contacts-phone { margin-bottom: 20px; } .page-calc .calc { padding: 20px; border: 1px solid #d7d7d7; } .page-calc .calc-wrap .calculation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-calc .calc-wrap .calculation-block { width: 100%; margin-bottom: 25px; } .page-calc .calc-wrap .calculation-block .dep-amount-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-bottom: 25px; } .page-calc .calc-wrap .calculation-block .dep-amount-top__title { color: #000000; font-size: 18px; font-weight: 400; line-height: 24px; } .page-calc .calc-wrap .calculation-block .dep-amount-top__currency { margin-top: 25px; margin-left: 0; } .page-calc .calc-wrap .calculation-block .dep-term-top { text-align: center; margin-bottom: 25px; } /* HC */ .cards-list__descr { padding-top: 0; } .cards-list__img-wrap { max-width: 250px; } .cards-list__item .page-title_small { font-size: 20px; } .cards-list__item .cards-list__text { font-size: 16px; } .cards-list__item .cards-list__btn-wrap .btn { font-size: 16px; padding: 0 30px; } .cards-credit__item { display: block; border-bottom: none; padding: 25px 0 0 0; } .cards-credit__item .cards-list__img-wrap { max-width: 100%; } .cards-credit__item .cards-list__img-wrap_grad::before { background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(30%, transparent), to(#fff)); background: -webkit-linear-gradient(bottom, transparent 0%, transparent 30%, #fff 100%); background: -o-linear-gradient(bottom, transparent 0%, transparent 30%, #fff 100%); background: linear-gradient(to top, transparent 0%, transparent 30%, #fff 100%); } .cards-credit__descr { margin-right: 0; } .cards-list_detail .cards-credit__item .cards-list__img-wrap { margin-bottom: 15px; } .cards-list_detail .cards-credit__item .cards-list__btn-wrap { margin-top: 22px; } .credit-form__bottom-block { display: block; margin-top: 30px; } .credit-form__text { margin-bottom: 15px; } /* === */ } @media (max-width: 576px) { .hide { display: none; } .slide-desktop { display: none !important; } .slide-mobile { display: block !important; } .news-wrap-row .row-column { min-height: 300px; } .main .owl-carousel .owl-item { height: auto; } .main .owl-carousel .owl-item .main-slider-item { height: auto; } /* .main { max-height: 600px; }*/ .main-slider-item img { width: 100%; /* max-height: 600px;*/ } .main-top .header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-top .header-item { width: 100%; } .main-top .header-item.logo-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; padding-right: 15px; } .main-top .header-item.logo-item .header-logo__link img { max-width: 100%; } .main-top .header-item .header-logo__link .lg-log { display: block; width: auto; } .main-top .header-item .header-logo__link .md-log { display: none; width: auto; } .main-top .header-control__account .account-link { padding: 20px 0px; width: 90%; } .main .mobile-nav-main .mob-location { display: block; } .news-wrap { width: 100%; } .news-wrap-row .row-column-link .min-col { width: 100%; } .exch-rate-mobile { padding-top: 20px; display: block; } .info { padding-top: 35px; padding-bottom: 35px; } .info-block { margin-bottom: 40px; } .info-block-img { min-height: auto; } .page-title { font-size: 24px; } .text-page .attention-info { background: url("/bitrix/templates/nipbank_v1.2/css/../img/textPage/b2.png") left no-repeat; background-size: auto 100%; } /* .text-page .files { display: none; }*/ .page-review .comment-author.first { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-review .comment-author__logo { text-align: right; } .page-review .comment-author__logo a img { max-width: 100%; } .page-deposits .deposits-content-wrap { padding: 30px; padding-left: 10px; padding-right: 10px; } .page-deposits .deposits-content-wrap .deposit-item-program .program-img { width: 100%; margin: 0 auto; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info { margin-top: 20px; padding-left: 0; width: 100%; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-title { text-align: center; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item:nth-child(2) { margin-top: 20px; } .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item:nth-child(2) .detailed { text-align: center; } .page-offices .offices-item { padding: 15px; } .page-offices .offices-item-wrap__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .page-offices .offices-item-wrap__top .office-map { width: 100%; } .page-offices .offices-item-wrap__top .office-map .map1 { width: 100%; max-width: auto; } .page-offices .offices-item-wrap__top .office-data { margin-left: 0; margin-top: 25px; } .page-terminals .terminals-table tr td { padding-left: 0; } .page-terminals .terminals-table tr td div { padding-left: 0; text-align: center; } .page-terminals .terminals-table tr td::before { text-align: center; } .page-ask .to-ask-wrap__block { width: 100%; } .page-ask .to-ask-wrap__block:nth-child(1) { margin-right: 0px; } .page-ask .to-ask-wrap__block .block-select { margin-bottom: 18px; } .page-ask .block-input { margin-bottom: 18px; } .page-ask .block-input.mobile { display: block; } .page-ask .block-textarea.mobile { display: block; } .page-ask .to-ask-small { margin-top: 10px; } .page-ask .to-ask-button { text-align: center; margin-top: 35px; } .page-files .files-wrap-item { position: relative; } .page-files .files-wrap-item .all-files-title { position: static; } .page-files .files-wrap-item .all-files-title .all-files-button { top: 45px; right: 10px; margin-top: -13.5px; } .page-files .files-wrap-item .all-files-info .licenses { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .page-files .files-wrap-item .all-files-info .licenses-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 24px; } .page-files .files-wrap-item .all-files-info .licenses-item img { width: 77px; } .page-files .files-wrap-item .all-files-info .licenses-item .license-block { display: inline-block; } .page-calc .calc-wrap .options-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-calc .calc-wrap .options-wrap-item { padding: 10px; width: 100%; margin-bottom: 20px; min-height: auto; } .page-calc .calc-wrap .result-table tr td .td-options-item { position: relative; } .page-calc .calc-wrap .result-table tr td .td-options-item .tool { min-width: 70px; top: -90px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .page-calc .calc-wrap .result-table tr td .td-options-item .tool .tooltip { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; width: auto; } .page-calc .calc-wrap .result-table tr td .td-options-item .tool .tooltip::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border: 50px solid transparent; border-top-color: #f19000; z-index: -1; bottom: -60px; } .page-calc .calc-wrap .result-table tr td .td-options:hover .tool { top: -100px; } .overlay-call .popup { width: 90%; padding-top: 20px; padding-bottom: 20px; top: 115px; } .overlay-call .popup-close { right: 0; top: -50px; } .overlay-call .popup-form { width: 90%; margin-left: auto; margin-right: auto; } .overlay-call .popup-form__label .agree-descr { width: 80%; } .text-page .table-wrap_noscr table tr { line-height: 1.1; } .text-page .table-wrap_noscr table tr td { padding: 10px; } .text-page .table-wrap_noscr table { width: 100% !important; } /* HC */ .cards-list__item { display: block; } .cards-list__img-wrap { margin-bottom: 50px; } .cards-list__img-wrap { max-width: 100%; margin-right: 0; text-align: left; } .cards .cards-list { margin-bottom: 45px; } .cards__detail { margin-top: 50px; } .cards-detail__tabs .tabs-btns__btn { width: 100%; padding: 10px 10px; font-size: 20px; } .cards-detail__tabs .tabs-btns__btn_active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .cards-detail__tabs .tabs__info_mobile { margin: 0 -15px 0; } .cards-detail__tabs .tabs__info_mobile .tabs__info-item { margin-top: -22px; } .cards-detail__tabs .tabs__info-content { border-right: none; border-left: none; padding: 46px 30px 33px; margin: 0 -15px; } .cards-detail__tabs .tabs__info-close-btn { display: inline-block; height: 24px; line-height: 24px; padding: 0 30px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); opacity: 0; -webkit-transition: none; -o-transition: none; transition: none; } .cards-detail__tabs .tabs__info-close-btn svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cards-detail__tabs .tabs__info-close-btn svg path { fill: #fff; } .cards-detail__tabs .tabs__info-content_active .tabs__info-close-btn { opacity: 1; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .cards-detail__guide-item { padding: 10px; } .cards-detail__guide-item .hide-info-block__img-wrap { display: none; } .cards-detail__guide-item .hide-info-block__title { font-size: 20px; } .cards-detail__guide-item .hide-info-block__main { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .cards-detail__guide-item .hide-info-block__content { padding-left: 0; } /* === */ } @media (max-width: 480px) { .main .mobile-nav-main .mobile-nav-block { width: 45%; } .main .mobile-nav-main .mobile-nav-block.mobile-tab { width: 55%; } } @media (max-width: 420px) { .main-top .header-logo__link img { max-width: 100%; } .footer-wrap-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 20px; } .footer-wrap-col:nth-child(1) { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 50%; } } .contacts-email{ color: #000; text-decoration: underline; display: inline-block; line-height: 1; } .contacts-email:hover{ text-decoration: none; } .files-wrap.files-wrap-item h2{ padding-left: 20px; } .files-wrap.files-wrap-item .all-files-info__doc{ padding-left: 20px; } @media (max-width: 650px){ .page-files .files-wrap{ padding-left: 0; } .page-files .files-wrap-item .all-files-info{ padding: 15px; } .page-files .files-wrap-item .all-files-title{ padding: 15px; position: relative; } .page-files .files-wrap-item .all-files-title .all-files-button{ top: 50%; margin-top: -12px; } .partners-table td{ width: 100%; display: block; } .text-page .contacts-info{ width: 100%; } .text-page .contacts-info-item{ margin-bottom: 15px; } .comment-author__logo img{ max-width: 100%; height: auto; } .page{ padding-top: 0; } .main-top .header{ padding-bottom: 10px; } .page-calc .calc-wrap .calculation-block .dep-amount-slider label{ display: inline-block; margin-bottom: 10px; } .vklads form{ margin-bottom: 10px; } .text-page .contacts-info-item__title{ font-size: 22px; } .search-page select{ margin-top: 15px; } } /* End */ /* Start:/bitrix/templates/nipbank_v1.2/css/blind.css?175607426220900*/ .blind_wrapper_compensator.active { height: 104.7px; } .blind_wrapper { width: 100%; background: #f19000; height: 0; overflow: hidden; transition-duration: 0.4s; position: fixed; top: 0; right: 0; left: 0; z-index: 2500; } .blind_wrapper.active { height: auto; } .blind { max-width: 1310px; padding: 16px; display: flex; margin: 0 auto; position: relative; } .blind_col { flex: 1 1 100%; color: #fff; font-size: 18px; display: flex; flex-direction: column; justify-content: flex-end; } .blind_row { display: flex; margin: 6px 0 0 0; } .blind_row span { height: 46px; width: 46px; display: flex; justify-content: center; align-items: center; color: #fff; border: 2px solid #fff; border-right: none; font-weight: bold; cursor: pointer; } .blind_row span:nth-last-child(1) { border-right: 2px solid #fff; } .blind_row.blind_text span:nth-child(1) { font-size: 10px; } .blind_row.blind_text span:nth-child(2) { font-size: 16px; } .blind_row.blind_text span:nth-child(3) { font-size: 22px; } .blind_row.blind_color span:nth-child(1) { background: #fff; color: #000; } .blind_row.blind_color span:nth-child(2) { background: #000; color: #fff; } .blind_row.blind_color span:nth-child(3) { background: #f19000; color: #fff; } .blind_row.blind_img span { width: 82px; } .blind_row.blind_reset span { width: 180px; } .blind_close { width: 32px; height: 32px; position: absolute; top: 16px; right: 16px; display: flex; flex-direction: column; justify-content: center; cursor: pointer; } .blind_close::after, .blind_close::before{ width: 100%; height: 2px; background: #fff; transform: rotate(45deg); content: ''; } .blind_close::after { transform: rotate(-45deg); margin: -2px 0 0 0; } @media screen and (max-width: 768px) { .blind { flex-direction: column; } } @media screen and (max-width: 460px) { .blind_col { margin: 4px 0; } } .hdr_compensator { height: 240px; display: none; } /* Увеличение текста 1 */ body.blind_size_2 { font-size: 22px; } /* Отсутвие изображений */ .no_image .offer-block { min-height: auto; } .no_image .offer-block-pass__img img{ display: none; } .no_image .news-wrap-row .row-column a { background: none !important; } .no_image .news-wrap-row .row-column-link .min-col { width: 100%; } .no_image .info-block-img { display: none; } .no_image .main-slider, .no_image .dots-main { display: none; } .no_image .main { overflow: visible; } .no_image .hdr_compensator { display: block; } .no_image .page img { display: none; } .no_image .comment-author__logo { display: none; } .no_image .program-img { display: none !important; } .no_image .program-info { width: 100% !important; } .no_image .cards-slider-wrap { display: none; } .no_image .cards-list__img-wrap { display: none; } /* Текст среднего размера */ .blind_size_2 .account-link { font-size: 16px !important; } .blind_size_2 .main-top .header-location__block .link-location { font-size: 16px !important; } .blind_size_2 .main-top .header-contacts__phone .first-phone-block { padding: 6px !important; } .blind_size_2 .main-top .header-contacts__phone .first-phone-block .phone-button { top: 15px; } .blind_size_2 .main-top .header-contacts__phone .first-phone-block .phone-link { font-size: 20px !important; } .blind_size_2 .main-top .header-contacts__email .email-link { font-size: 16px !important; } .blind_size_2 .main-top .menu { padding: 12px 0 0 0; } .blind_size_2 .main-top .menu-nav { padding: 12px 0 0 0; } .blind_size_2 .main-top .menu-nav-item__link { font-size: 18px; line-height: 120%; margin: 0 6px 0 0; } .blind_size_2 .main-top .menu .navigation-block-item { margin-bottom: 12px; } .blind_size_2 .main-top .menu .navigation-block-item__link { font-size: 20px; } .blind_size_2 .offer-title { font-size: 56px; } .blind_size_2 .offer-block-pass__subtitle { font-size: 20px; } .blind_size_2 .offer-all a{ font-size: 20px; } .blind_size_2 .news-title { font-size: 56px; } .blind_size_2 .news-wrap-row .row-column-link .min-col .new-title{ font-size: 32px; } .blind_size_2 .news-wrap-row .row-column-link .min-col .new-date { font-size: 24px; } .blind_size_2 .exchange-rate-table tr th .rate-title { font-size: 36px; } .blind_size_2 .exchange-rate-table tr th { font-size: 22px; } .blind_size_2 .exchange-rate-table tr:nth-child(2) ~ tr td{ font-size: 28px; } .blind_size_2 .exchange-rate-table tr:nth-child(2) ~ tr td .exchange-subtitle { font-size: 20px; } .blind_size_2 .exchange-rate-table tr:nth-child(2) td { font-size: 20px; } .blind_size_2 .info-block-title{ font-size: 30px; } .blind_size_2 .info-block-descr { font-size: 30px; } .blind_size_2 .footer-wrap-col__info { font-size: 16px; } .blind_size_2 .footer-wrap-col__contacts a { font-size: 16px; } .blind_size_2 .footer-wrap-col__sign .sign-descr { font-size: 16px; } .blind_size_2 .footer-wrap-col__dev a { font-size: 16px; } .blind_size_2 .footer-wrap-col__dev { font-size: 16px; } .blind_size_2 .text-page p { font-size: 20px !important; } .blind_size_2 .text-page p span { font-size: 20px !important; } .blind_size_2 .page-title { font-size: 42px; line-height: 120%; } .blind_size_2 .page .container .page-ref a, .page .container .page-ref span.likehref { font-size: 20px; } .blind_size_2 .text-page ul li { font-size: 20px; } .blind_size_2 .text-page table tr { font-size: 20px; } .blind_size_2 .page-files .files-wrap-item .all-files-title{ font-size: 24px; } .blind_size_2 .text-page table tr:first-child th, .blind_size_2 .text-page table tr:nth-child(2) th, .blind_size_2 .text-page table tr:nth-child(3) th { font-size: 24px; } .blind_size_2 .page-files .files-main-item__link .file-block-title { font-size: 20px; } .blind_size_2 .text-page .files-list li a .descr-block .title { font-size: 20px; } .blind_size_2 .text-page a { font-size: 22px; } .blind_size_2 .page-review .comment-author__name { font-size: 22px; text-align: left; } .blind_size_2 .page-review .comment-descr { font-size: 20px; } .blind_size_2 .page-review .comment-author__name .date { color: #000; font-size: 18px; } .blind_size_2 input[name="web_form_submit"] { font-size: 20px; } .blind_size_2 .page-deposits .deposits-content-top .title-deposit { font-size: 20px; } .blind_size_2 .page-deposits .deposits-content-wrap .deposit-item-title { font-size: 20px; } .blind_size_2 .page-deposits .deposits-content-wrap .deposit-item-program .program-info-title__link { font-size: 26px; } .blind_size_2 .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item { font-size: 20px; } .blind_size_2 .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item .detailed-goto { font-size: 20px; } .blind_size_2 .blind_size_2 .text-page a { font-size: 26px; } .blind_size_2 .cards-list__text { font-size: 22px; } .blind_size_2 .blind_size_2 .text-page a { font-size: 26px; } .blind_size_2 .text-page ol li span { font-size: 18px !important; } .blind_size_2 .text-page .contacts-info-item__title { font-size: 18px; } .blind_size_2 .text-page .contacts-info-item span{ font-size: 18px; } .blind_size_2 .text-page .contacts-info-table tr td { font-size: 18px; } .blind_size_2 .news-wrap-row .row-column { width: 100%; } .blind_size_2 .page-offices .offices-item-title { font-size: 22px; } .blind_size_2 .page-offices .offices-item-wrap__top .office-data-item .title { font-size: 18px; } .blind_size_2 .page-offices .offices-item-wrap__top .office-data-item span, .blind_size_2 .page-offices .offices-item-wrap__top .office-data-item a { font-size: 18px; } .blind_size_2 .page-offices .offices-item-wrap__bottom .info-title { font-size: 18px; } .blind_size_2 .page-offices .offices-item-wrap__bottom .info-list-item { font-size: 18px; } .blind_size_2 .navigation-block { padding: 22px 0 0 0; } .blind_size_2 .page-investment .investment-table tr td { font-size: 16px; } .blind_size_3 .page-investment .currency-block-item { font-size: 20px; } /* Текст крупного размера */ .blind_size_3 .account-link { font-size: 18px !important; } .blind_size_3 .main-top .header-location__block .link-location { font-size: 18px !important; } .blind_size_3 .main-top .header-contacts__phone .first-phone-block { padding: 6px !important; } .blind_size_3 .main-top .header-contacts__phone .first-phone-block .phone-button { top: 16px; } .blind_size_3 .main-top .header-contacts__phone .first-phone-block .phone-link { font-size: 22px !important; } .blind_size_3 .main-top .header-contacts__email .email-link { font-size: 18px !important; } .blind_size_3 .main-top .menu { padding: 12px 0 0 0; } .blind_size_3 .main-top .menu-nav { padding: 12px 0 0 0; } .blind_size_3 .main-top .menu-nav-item__link { font-size: 20px; line-height: 120%; margin: 0 6px 0 0; } .blind_size_3 .main-top .menu .navigation-block-item { margin-bottom: 12px; } .blind_size_3 .main-top .menu .navigation-block-item__link { font-size: 22px; } .blind_size_3 .offer-title { font-size: 66px; } .blind_size_3 .offer-block-pass__subtitle { font-size: 26px; } .blind_size_3 .offer-all a{ font-size: 24px; } .blind_size_2 .news-title { font-size: 66px; } .blind_size_3 .news-wrap-row .row-column-link .min-col .new-title{ font-size: 38px; word-wrap: normal; } .blind_size_3 .news-wrap-row .row-column-link .min-col .new-date { font-size: 28px; } .blind_size_3 .exchange-rate-table tr th .rate-title { font-size: 38px; } .blind_size_3 .exchange-rate-table tr th { font-size: 26px; } .blind_size_3 .exchange-rate-table tr:nth-child(2) ~ tr td{ font-size: 32px; } .blind_size_3 .exchange-rate-table tr:nth-child(2) ~ tr td .exchange-subtitle { font-size: 26px; } .blind_size_3 .exchange-rate-table tr:nth-child(2) td { font-size: 24px; } .blind_size_3 .info-block-title{ font-size: 36px; } .blind_size_3 .info-block-descr { font-size: 36px; } .blind_size_3 .footer-wrap-col__info { font-size: 18px; } .blind_size_3 .footer-wrap-col__contacts a { font-size: 18px; } .blind_size_3 .footer-wrap-col__sign .sign-descr { font-size: 18px; } .blind_size_3 .footer-wrap-col__dev a { font-size: 18px; } .blind_size_3 .footer-wrap-col__dev { font-size: 18px; } .blind_size_3 .text-page p { font-size: 24px !important; } .blind_size_3 .text-page p span { font-size: 24px !important; } .blind_size_3 .page-title { font-size: 56px; line-height: 120%; } .blind_size_3 .page .container .page-ref a, .page .container .page-ref span.likehref { font-size: 24px; } .blind_size_3 .text-page ul li { font-size: 24px; } .blind_size_3 .text-page table tr { font-size: 24px; } .blind_size_3 .page-files .files-wrap-item .all-files-title{ font-size: 29px; } .blind_size_3 .text-page table tr:first-child th, .blind_size_2 .text-page table tr:nth-child(2) th, .blind_size_2 .text-page table tr:nth-child(3) th { font-size: 26px; } .blind_size_3 .page-files .files-main-item__link .file-block-title { font-size: 24px; } .blind_size_3 .text-page .files-list li a .descr-block .title { font-size: 24px; } .blind_size_3 .text-page a { font-size: 26px; } .blind_size_3 .page-review .comment-author__name { font-size: 26px; text-align: left; } .blind_size_3 .page-review .comment-descr { font-size: 24px; } .blind_size_3 .page-review .comment-author__name .date { color: #000; font-size: 22px; } .blind_size_3 input[name="web_form_submit"] { font-size: 24px; } .blind_size_3 .page-deposits .deposits-content-top .title-deposit { font-size: 24px; } .blind_size_3 .page-deposits .deposits-content-wrap .deposit-item-title { font-size: 24px; } .blind_size_3 .page-deposits .deposits-content-wrap .deposit-item-program .program-info-title__link { font-size: 30px; } .blind_size_3 .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item { font-size: 26px; } .blind_size_3 .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item .detailed-goto { font-size: 26px; } .blind_size_3 .blind_size_2 .text-page a { font-size: 32px; } .blind_size_3 .cards-list__text { font-size: 26px; } .blind_size_3 .blind_size_2 .text-page a { font-size: 32px; } .blind_size_3 .text-page ol li span { font-size: 22px !important; } .blind_size_3 .text-page .contacts-info-item__title { font-size: 22px; } .blind_size_3 .text-page .contacts-info-item span{ font-size: 22px; } .blind_size_3 .text-page .contacts-info-table tr td { font-size: 22px; } .blind_size_3 .news-wrap-row .row-column { width: 100%; } .blind_size_3 .main-top .menu-nav { padding: 12px 0; } .blind_size_3 .navigation-block { padding: 32px 0 0 0; } .blind_size_3 .page-offices .offices-item-title { font-size: 24px; } .blind_size_3 .page-offices .offices-item-wrap__top .office-data-item .title { font-size: 20px; } .blind_size_3 .page-offices .offices-item-wrap__top .office-data-item span, .blind_size_3 .page-offices .offices-item-wrap__top .office-data-item a { font-size: 20px; } .blind_size_3 .page-offices .offices-item-wrap__bottom .info-title { font-size: 20px; } .blind_size_3 .page-offices .offices-item-wrap__bottom .info-list-item { font-size: 20px; } .blind_size_3 .page-investment .investment-table tr td { font-size: 18px; } .blind_size_3 .page-investment .currency-block-item { font-size: 22px; } @media screen and (max-width: 500px) { .blind_size_3 .offer-title { font-size: 34px; } .blind_size_3 .news-wrap-row .row-column-link .min-col .new-title { font-size: 28px; } } /* Темный фон */ .blind_bg_dark { background: #000; color: #fff !important; } .blind_bg_dark .main-top .header-control__account .account-link { border: 1px solid #fff; color: #fff; } .blind_bg_dark .account-link-dropdown { background: #000; color: #fff; } .blind_bg_dark .account-link-dropdown-el { border: 1px solid #fff; } .blind_bg_dark .account-link-dropdown-el p { color: #fff; } .blind_bg_dark .main-top .header-location__block { color: #fff; } .blind_bg_dark .main-top .header-location__block .link-location { color: #fff; border-bottom: 1px dotted #fff; } .blind_bg_dark .main-top .header-contacts__phone .first-phone-block .phone-link { color: #fff; } .blind_bg_dark .main-top .header-contacts__email .email-link { color: #fff; } .blind_bg_dark .main-top .header-contacts__phone .first-phone-block.active { background-color: #000; } .blind_bg_dark .main-top .header-contacts__phone .first-phone-block .phone-button { background: none; } .blind_bg_dark .main-top .header-contacts__phone .first-phone-block .phone-button::after { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #fff; display: block; } .blind_bg_dark .main-top .menu-nav-item__link { color: #fff; } .blind_bg_dark .main-top .menu .navigation-block-item__link { color: #fff; } .blind_bg_dark .main-top .menu .navigation { background-color: #000; } .blind_bg_dark .text-page .contacts-info-item__title { color: #fff; } .blind_bg_dark .text-page .contacts-info-item span { color: #fff; } .blind_bg_dark .text-page a { color: #fff; } .blind_bg_dark .text-page .contacts-info-table tr:first-child { background: #000; } .blind_bg_dark .text-page .contacts-info-table tr th { color: #fff; } .blind_bg_dark .text-page table tr:nth-child(2n) { background: #000; } .blind_bg_dark .text-page .contacts-info-table tr td { color: #fff; } .blind_bg_dark .text-page .contacts-info-table tr:nth-child(2n+1){ background: #000; } .blind_bg_dark .text-page p { color: #fff !important; } .blind_bg_dark .text-page p span { color: #fff !important; } .blind_bg_dark .text-page span { color: #fff !important; } .blind_bg_dark .page-title { color: #fff; } .blind_bg_dark .page .container .page-ref a, .blind_bg_dark .page .container .page-ref span.likehref { color: #fff; } .blind_bg_dark .footer-wrap-col__info { color: #fff; } .blind_bg_dark .footer-wrap-col__contacts a { color: #fff; } .blind_bg_dark .footer-wrap-col__sign .sign-descr { color: #fff; } .blind_bg_dark .contacts-email { color: #fff; } .blind_bg_dark .footer-wrap-col__dev a { color: #fff; } .blind_bg_dark .footer-wrap-col__dev { color: #fff; } .blind_bg_dark .page { color: #fff !important; } .blind_bg_dark .text-page table tr:nth-child(2n+1) { color: #fff; background: #000; } .blind_bg_dark .page-files .files-wrap-item .all-files-title { color: #fff; } .blind_bg_dark .page-files .files-wrap-item .all-files-info__doc a .file-block-title { color: #fff; } .blind_bg_dark .page-ask .block-input input { background: #000; color: #fff; } .blind_bg_dark .page-ask .block-textarea textarea { background: #000; color: #fff; } .blind_bg_dark .page-ask .to-ask-small { color: #fff; } .blind_bg_dark .jq-selectbox__select { color: #fff; } .blind_bg_dark input[name="web_form_submit"] { color: #fff; border: 2px solid #fff; } .blind_bg_dark .page-deposits .deposits-to-calc__link { color: #fff; } .blind_bg_dark .page-deposits .deposits-content-top .title-deposit.active { background-color: #000; color: #fff; } .blind_bg_dark .page-deposits .deposits-content-top .title-deposit{ color: #fff; } .blind_bg_dark .page-deposits .deposits-content-wrap .deposit-item-title { color: #fff; } .blind_bg_dark .page-deposits .deposits-content-wrap .deposit-item-program .program-info-title__link { color: #fff; } .blind_bg_dark .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item { color: #fff; } .blind_bg_dark .page-deposits .deposits-content-wrap .deposit-item-program .program-info-data__item .detailed-goto { color: #fff; border: 2px solid #fff; } .blind_bg_dark .page-files .files-main-item__link .file-block-title { color: #fff; } .blind_bg_dark .offer { background-color: #000; background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(#000)); background-image: linear-gradient(to top, #000 0%, #000 100%); } .blind_bg_dark .offer-block-pass__title { color: #fff; } .blind_bg_dark .offer-block:hover{ color: #fff; background: #000; } .blind_bg_dark .offer-block-pass__subtitle { color: #fff; } .blind_bg_dark .offer-title { color: #fff; } .blind_bg_dark .offer-all a { border: 2px solid #fff; color: #fff; } .blind_bg_dark .news-all a { border: 2px solid #fff; color: #fff; } .blind_bg_dark .news-title { color: #fff; } .blind_bg_dark .news-wrap-row .row-column-link .min-col.right-col { background: #000; } .blind_bg_dark .exchange-rate-table { background: #000; } .blind_bg_dark .exchange-rate-table tr th { color: #fff; } .blind_bg_dark .exchange-rate-table tr:nth-child(2) ~ tr td{ color: #fff; } .blind_bg_dark .exchange-rate-table tr:nth-child(2) td { color: #fff; background: #000; } .blind_bg_dark .info { background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(#000)); background-image: linear-gradient(to top, #000 0%, #000 100%); } .blind_bg_dark .info-block-title { color: #fff; } .blind_bg_dark .info-block-descr { color: #fff; } .blind_bg_dark .exchange .card-block-send__button { border: 2px solid #fff; color: #fff; } .lg-log.white { display: none !important; } .blind_bg_dark .lg-log { display: none !important; } .blind_bg_dark .lg-log.white { display: block !important; } .blind_bg_dark .page-offices .offices-item-title { color: #fff; } .blind_bg_dark .page-offices .offices-item-wrap__top .office-data-item .title { color: #fff; } .blind_bg_dark .page-offices .offices-item-wrap__top .office-data-item span, .blind_size_3 .page-offices .offices-item-wrap__top .office-data-item a { color: #fff; } .blind_bg_dark .page-offices .offices-item-wrap__bottom .info-title { color: #fff; } .blind_bg_dark .page-offices .offices-item-wrap__bottom .info-list-item { color: #fff; } /* End */ /* Start:/bitrix/templates/nipbank_v1.2/components/bitrix/news.list/auth_urls/style.css?17560742611202*/ .account-link { position: relative; cursor: pointer; } .account-link-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; overflow: hidden; height: 0; transition: 0.9s; z-index: 9100; } .account-link-dropdown.active { height: auto; } .account-link-dropdown-el { display: flex; align-items: center; border: 1px solid #F19000; } .account-link-dropdown-icon { width: 30px; height: 30px; margin: 12.5px 15px; } .account-link-dropdown-icon img { width: 100%; height: 100%; object-fit: cover; } .account-link-dropdown-el p span { font-weight: 500; font-size: 18px; line-height: 22px; display: block; } .account-link-dropdown-el p { font-weight: 300; font-size: 14px; line-height: 17px; color: #000000; text-align: left; } @media screen and (max-width: 1600px) { .account-link-dropdown-icon { width: 20px; height: 20px; margin: 8px 10px; } .account-link-dropdown-el p span { font-size: 14px; line-height: 16px; } .account-link-dropdown-el p { font-size: 12px; line-height: 14px; } } /* End */ /* Start:/bitrix/templates/nipbank_v1.2/components/bitrix/main.userconsent.request/1/user_consent.min.css?17560742612900*/ .main-user-consent-request a{cursor:pointer}.main-user-consent-request-popup{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);overflow:hidden;z-index:9000}.main-user-consent-request-popup-cont{min-height:290px;position:absolute;top:50%;left:50%;margin:0 auto;padding:20px;min-width:320px;background:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto}.main-user-consent-request-popup-header{margin:0 0 30px 0;font:normal 18px "Helvetica Neue",Arial,Helvetica,sans-serif;color:#000;text-align:left}.main-user-consent-request-popup-textarea-block{margin:0 0 20px 0}.main-user-consent-request-popup-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-user-consent-request-popup-button{display:inline-block;height:39px;margin:0 10px 5px 0;padding:0 18px;border:0;border-radius:2px;font:normal 12px/39px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#535c69;outline:0;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;-webkit-font-smoothing:antialiased;-webkit-transition:background-color .2s linear,color .2s linear;transition:background-color .2s linear,color .2s linear;cursor:pointer}.main-user-consent-request-popup-button-acc{background:#bbed21}.main-user-consent-request-popup-button-acc:hover{background:#d2f95f}.main-user-consent-request-popup-button-rej{-webkit-box-shadow:inset 0 0 0 1px #a1a6ac;box-shadow:inset 0 0 0 1px #a1a6ac;background:0}.main-user-consent-request-popup-button-rej:hover{background:#cfd4d8}.main-user-consent-request-popup-text{padding:5px 10px;width:100%;height:130px;border:1px solid #999;background:#fff;box-sizing:border-box;outline:0;-moz-appearance:none}.main-user-consent-request-loader{position:relative;height:100px;width:100px;margin:0 auto;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.main-user-consent-request-path{stroke:#80868e;stroke-dasharray:100,200}.main-user-consent-request-loader:before{content:'';display:block;padding-top:100%}.main-user-consent-request-circular{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:inherit;width:inherit;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite;-webkit-transform-origin:center center;transform-origin:center center}.main-user-consent-request-path{stroke:#ccc;stroke-dasharray:60,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{transform:rotate(360deg)}} /* End */ /* /bitrix/templates/nipbank_v1.2/owlcarousel/assets/owl.carousel.min.css?17560742623351 */ /* /bitrix/templates/nipbank_v1.2/owlcarousel/assets/owl.theme.default.min.css?17560742621013 */ /* /bitrix/templates/nipbank_v1.2/formStyler/jquery.formstyler.css?17560742622175 */ /* /bitrix/templates/nipbank_v1.2/formStyler/jquery.formstyler.theme.css?175607426210354 */ /* /bitrix/templates/nipbank_v1.2/css/animate.css?175607426262955 */ /* /bitrix/templates/nipbank_v1.2/css/bootstrap-grid.min.css?175607426228977 */ /* /bitrix/templates/nipbank_v1.2/css/style.css?1756074262125803 */ /* /bitrix/templates/nipbank_v1.2/css/blind.css?175607426220900 */ /* /bitrix/templates/nipbank_v1.2/components/bitrix/news.list/auth_urls/style.css?17560742611202 */ /* /bitrix/templates/nipbank_v1.2/components/bitrix/main.userconsent.request/1/user_consent.min.css?17560742612900 */