#global_search { width: 0; height: 0; top: 0; right: 0; border-radius: 0; display: none; } #global_search .result:nth-child(odd){background: #f1f4f9;} #global_search .result:hover:nth-child(odd){background: #F4F750;} .container__search .but_loader { background: rgba(255,255,255, .6); } /* menu/left_main_menu/style.css?1465223751205*/ .inline-nav-content > li.dropdown-all > ul { padding-top: 50px!important;} .inline-nav-content > li > .has-form { z-index: 100!important;} button[type="reset"]{width:2rem!important; height:2rem!important;} /* End */ /*/banners/style.css?1454257140151*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /*templates/oschad_bank_new/styles.css?1526915378416*/ .table-responsive { min-height: 0.01%; overflow-x: auto; width: 100%; } section { margin: 0 !important; } .top-navigation a.premium { color: #fff; position: relative; background: #515354; padding: 0 18px; letter-spacing: 1px; } /*ADMIN*/ .bx-core-adm-dialog-content input { position: relative!important; opacity: 1!important; } .home-slider .slide-link a{ z-index: 100; } /* End */ /* templates/oschad_bank_new/template_styles.css*/ /*GRID STYLES*/ /* @import must be at top of file, otherwise CSS will not work */ /* @import url("https://hello.myfonts.net/count/2fb07d"); */ @font-face {font-family: 'FuturaPT-Demi';src: url('../fonts/2FB07D_0_0.eot');src: url('../fonts/2FB07D_0_0.eot#iefix') format('embedded-opentype'),url('../fonts/2FB07D_0_0.woff2') format('woff2'),url('../fonts/2FB07D_0_0.woff') format('woff'),url('../fonts/2FB07D_0_0.ttf') format('truetype'),url('../fonts/2FB07D_0_0.svg#wf') format('svg');} @font-face {font-family: 'FuturaPT-Book';src: url('../fonts/FuturaPTBook.eot');src: url('../fonts/FuturaPTBook.eot#iefix') format('embedded-opentype'),url('../fonts/FuturaPTBook.woff2') format('woff2'),url('../fonts/FuturaPTBook.woff') format('woff'),url('../fonts/FuturaPTBook.ttf') format('truetype'),url('../fonts/FuturaPTBook.svg#wf') format('svg');} @font-face {font-family: 'FuturaPT-Medium';src: url('../fonts/FuturaPTMedium.eot');src: url('../fonts/FuturaPTMedium.eot#iefix') format('embedded-opentype'),url('../fonts/FuturaPTMedium.woff2') format('woff2'),url('../fonts/FuturaPTMedium.woff') format('woff'),url('../fonts/FuturaPTMedium.ttf') format('truetype'),url('../fonts/FuturaPTMedium.svg#wf') format('svg');} @font-face {font-family: 'FuturaPT-Bold';src: url('../fonts/2FB07D_1_0.eot');src: url('../fonts/2FB07D_1_0.eot#iefix') format('embedded-opentype'),url('../fonts/2FB07D_1_0.woff2') format('woff2'),url('../fonts/2FB07D_1_0.woff') format('woff'),url('../fonts/2FB07D_1_0.ttf') format('truetype'),url('../fonts/2FB07D_1_0.svg#wf') format('svg');} /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;box-sizing:content-box}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}table{border-spacing:0;border-collapse:collapse} @media print {blockquote,img,pre,tr{page-break-inside:avoid}*,::after,::before{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}} /*============================= CLASSES FOR JS =============================*/ .js-bgc-blue{background-color: #6dbdde !important;} .js-bgc-white{background-color: #fff !important;} .js-padding-none{padding: 0 !important;} .js-margin-none{margin: 0 !important;} .js-height-none{height: 0 !important;} .js-pb{padding-bottom: 90% !important;} .js-mt-20 {margin-top: 20px !important;} /*============================= GENERAL STYLES ==============================*/ *:focus { outline:none;} #no-js .no-js{display:none!important;} #no-js .video-presentation{display:none!important;} @-moz-viewport{width:device-width;}@-ms-viewport{width:device-width;}@-webkit-viewport{width:device-width;}@-o-viewport{width:device-width;}@viewport{width:device-width;} html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;-webkit-tap-highlight-color:transparent}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}@viewport{width:device-width}caption,th{text-align:left}address,legend{line-height:inherit}label,output{display:inline-block}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #818a91}address{margin-bottom:1rem;font-style:normal}dl,ol,pre,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dd,label,legend{margin-bottom:.5rem}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}a{color:#0275d8;text-decoration:none}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:focus{/*outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px*/outline:none}img{vertical-align:middle}[role=button]{cursor:pointer}table{background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#818a91;caption-side:bottom}button,input,select,textarea{margin:0;line-height:inherit}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;font-size:1.5rem}input[type=search]{-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-appearance:none}.blockquote,hr{margin-bottom:1rem}hr{margin-top:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}small{font-size:80%;font-weight:400}mark{padding:.2em;background-color:#fcf8e3}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}.dl-horizontal{margin-right:-1.875rem;margin-left:-1.875rem}.dl-horizontal::after{display:table;clear:both;content:""}.initialism{font-size:90%;text-transform:uppercase}.blockquote{padding:.5rem 1rem;font-size:1.25rem;border-left:.25rem solid #eceeef}.blockquote ol:last-child,.blockquote p:last-child,.blockquote ul:last-child{margin-bottom:0}.blockquote footer{display:block;font-size:80%;line-height:1.5;color:#818a91}.blockquote footer::before{content:"\2014 \00A0"}.blockquote-reverse{padding-right:1rem;padding-left:0;text-align:right;border-right:.25rem solid #eceeef;border-left:0}code,kbd{padding:.2rem .4rem;font-size:90%}.blockquote-reverse footer::before{content:""}.blockquote-reverse footer::after{content:"\00A0 \2014"}.figure{display:inline-block}.figure>img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#818a91}.figure>img,.img-fluid{display:block;max-width:100%;height:auto}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{color:#bd4147;background-color:#f7f7f9;border-radius:.25rem}kbd{color:#fff;background-color:#333;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;margin-top:0;margin-bottom:1rem;font-size:90%;line-height:1.5;color:#373a3c}pre code{padding:0;font-size:inherit;color:inherit;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll} /*============================= GRID STYLES ==============================*/ .container,.container-fluid{padding-right:.625rem;padding-left:.625rem;margin-right:auto;margin-left:auto} .container-fluid::after,.container::after,.row::after{display:table;clear:both;content:""} /*@media (min-width: 544px){.container{max-width:526px}}*/ /*@media (min-width: 680px){.container{width: calc(90% - 40px);}}*/ .container{width: calc(90% - 40px);} @media (max-width: 1024px) { .container.width-full { width: 100%; padding-right: 0; padding-left: 0; } } @media (max-width: 1024px) { .site-container {overflow: hidden;} /*.table-wrap {width:auto; margin: 0 -200px; }*/ .table-responsive {width:auto; margin: 0 -200px; } table.table th:first-child {padding-left:200px} table.table th:last-child {padding-right:200px} table.table td:last-child {padding-right:200px} table.table tr:not(.no-pl) td:first-child {padding-left:200px} /*table.table-print th:first-child {padding-left:200px} table.table-print td:last-child {padding-right:200px} table.table-print td:first-child {padding-left:200px}*/ /*table.table-striped.table-primary td:last-child { padding-right: 0; }*/ /*table.table-striped.table-primary td:first-child { padding-left: 0; }*/ /*.table-wrapper {width:auto; margin: 0 -200px; }*/ /*.table-wrapper th:first-child {padding-left:200px}*/ /*.table-wrapper td:last-child {padding-right:200px}*/ /*.table-wrapper td:first-child {padding-left:200px}*/ } /*.container{margin:0 auto;}*/ @media (min-width: 1024px){.container{width:960px}} @media (min-width: 1440px){.container{width:1024px}} /*@media (min-width: 980px){.container{width:768px}}*/ /*@media (min-width: 660px){.container{width:100%} }*/ /*@media (min-width: 1024px){.container{max-width:960px}}*/ /*@media (min-width: 1200px){.container{max-width:1180px}}*/ .row{margin-right:-.625rem;margin-left:-.625rem}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-13,.col-lg-14,.col-lg-15,.col-lg-16,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-13,.col-md-14,.col-md-15,.col-md-16,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-13,.col-sm-14,.col-sm-15,.col-sm-16,.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-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-13,.col-xl-14,.col-xl-15,.col-xl-16,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-13,.col-xs-14,.col-xs-15,.col-xs-16,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.one-third-xs,.one-third-sm,.one-third-md,.one-third-lg,.one-third-xl,.two-third-xs,.two-third-sm,.two-third-md,.two-third-lg,.two-third-xl,.one-fifth-xs,.one-fifth-sm,.one-fifth-md,.one-fifth-lg,.one-fifth-xl{position:relative;min-height:1px;padding-right:.625rem;padding-left:.625rem} /*============================= GRID XS ==============================*/ .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-13,.col-xs-14,.col-xs-15, .col-xs-16,.one-third-xs,.two-third-xs,.one-fifth-xs{ float: left;}.one-third-xs{width: 33.333333%}.two-third-xs{width: 66.666667%}.one-fifth-xs{width: 20%;}.col-xs-16{width:100%}.col-xs-15{width:93.75%}.col-xs-14{width:87.5%}.col-xs-13{width:81.25%}.col-xs-12{width:75%}.col-xs-11{width:68.75%}.col-xs-10{width:62.5%}.col-xs-9{width:56.25%}.col-xs-8{width:50%}.col-xs-7{width:43.75%}.col-xs-6{width:37.5%}.col-xs-5{width:31.25%}.col-xs-4{width:25%}.col-xs-3{width:18.75%}.col-xs-2{width:12.5%}.col-xs-1{width:6.25%}.col-xs-pull-16{right:100%}.col-xs-pull-15{right:93.75%}.col-xs-pull-14{right:87.5%}.col-xs-pull-13{right:81.25%}.col-xs-pull-12{right:75%}.col-xs-pull-11{right:68.75%}.col-xs-pull-10{right:62.5%}.col-xs-pull-9{right:56.25%}.col-xs-pull-8{right:50%}.col-xs-pull-7{right:43.75%}.col-xs-pull-6{right:37.5%}.col-xs-pull-5{right:31.25%}.col-xs-pull-4{right:25%}.col-xs-pull-3{right:18.75%}.col-xs-pull-2{right:12.5%}.col-xs-pull-1{right:6.25%}.col-xs-pull-0{right:auto}.col-xs-push-16{left:100%}.col-xs-push-15{left:93.75%}.col-xs-push-14{left:87.5%}.col-xs-push-13{left:81.25%}.col-xs-push-12{left:75%}.col-xs-push-11{left:68.75%}.col-xs-push-10{left:62.5%}.col-xs-push-9{left:56.25%}.col-xs-push-8{left:50%}.col-xs-push-7{left:43.75%}.col-xs-push-6{left:37.5%}.col-xs-push-5{left:31.25%}.col-xs-push-4{left:25%}.col-xs-push-3{left:18.75%}.col-xs-push-2{left:12.5%}.col-xs-push-1{left:6.25%}.col-xs-push-0{left:auto}.col-xs-offset-16{margin-left:100%}.col-xs-offset-15{margin-left:93.75%}.col-xs-offset-14{margin-left:87.5%}.col-xs-offset-13{margin-left:81.25%}.col-xs-offset-12{margin-left:75%}.col-xs-offset-11{margin-left:68.75%}.col-xs-offset-10{margin-left:62.5%}.col-xs-offset-9{margin-left:56.25%}.col-xs-offset-8{margin-left:50%}.col-xs-offset-7{margin-left:43.75%}.col-xs-offset-6{margin-left:37.5%}.col-xs-offset-5{margin-left:31.25%}.col-xs-offset-4{margin-left:25%}.col-xs-offset-3{margin-left:18.75%}.col-xs-offset-2{margin-left:12.5%}.col-xs-offset-1{margin-left:6.25%}.col-xs-offset-0{margin-left:0} /*============================= GRID SM ==============================*/ @media (min-width: 768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-13,.col-sm-14,.col-sm-15,.col-sm-16,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.one-third-sm,.two-third-sm,.one-fifth-sm{ float: left;}.one-third-sm{width: 33.333333%}.two-third-sm{width: 66.666667%}.one-fifth-sm{width: 20%;}.col-sm-16{width:100%}.col-sm-15{width:93.75%}.col-sm-14{width:87.5%}.col-sm-13{width:81.25%}.col-sm-12{width:75%}.col-sm-11{width:68.75%}.col-sm-10{width:62.5%}.col-sm-9{width:56.25%}.col-sm-8{width:50%}.col-sm-7{width:43.75%}.col-sm-6{width:37.5%}.col-sm-5{width:31.25%}.col-sm-4{width:25%}.col-sm-3{width:18.75%}.col-sm-2{width:12.5%}.col-sm-1{width:6.25%}.col-sm-pull-16{right:100%}.col-sm-pull-15{right:93.75%}.col-sm-pull-14{right:87.5%}.col-sm-pull-13{right:81.25%}.col-sm-pull-12{right:75%}.col-sm-pull-11{right:68.75%}.col-sm-pull-10{right:62.5%}.col-sm-pull-9{right:56.25%}.col-sm-pull-8{right:50%}.col-sm-pull-7{right:43.75%}.col-sm-pull-6{right:37.5%}.col-sm-pull-5{right:31.25%}.col-sm-pull-4{right:25%}.col-sm-pull-3{right:18.75%}.col-sm-pull-2{right:12.5%}.col-sm-pull-1{right:6.25%}.col-sm-pull-0{right:auto}.col-sm-push-16{left:100%}.col-sm-push-15{left:93.75%}.col-sm-push-14{left:87.5%}.col-sm-push-13{left:81.25%}.col-sm-push-12{left:75%}.col-sm-push-11{left:68.75%}.col-sm-push-10{left:62.5%}.col-sm-push-9{left:56.25%}.col-sm-push-8{left:50%}.col-sm-push-7{left:43.75%}.col-sm-push-6{left:37.5%}.col-sm-push-5{left:31.25%}.col-sm-push-4{left:25%}.col-sm-push-3{left:18.75%}.col-sm-push-2{left:12.5%}.col-sm-push-1{left:6.25%}.col-sm-push-0{left:auto}.col-sm-offset-16{margin-left:100%}.col-sm-offset-15{margin-left:93.75%}.col-sm-offset-14{margin-left:87.5%}.col-sm-offset-13{margin-left:81.25%}.col-sm-offset-12{margin-left:75%}.col-sm-offset-11{margin-left:68.75%}.col-sm-offset-10{margin-left:62.5%}.col-sm-offset-9{margin-left:56.25%}.col-sm-offset-8{margin-left:50%}.col-sm-offset-7{margin-left:43.75%}.col-sm-offset-6{margin-left:37.5%}.col-sm-offset-5{margin-left:31.25%}.col-sm-offset-4{margin-left:25%}.col-sm-offset-3{margin-left:18.75%}.col-sm-offset-2{margin-left:12.5%}.col-sm-offset-1{margin-left:6.25%}.col-sm-offset-0{margin-left:0}} /*============================= GRID MD ==============================*/ @media (min-width: 1024px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-13,.col-md-14,.col-md-15,.col-md-16,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.one-third-md,.two-third-md,.one-fifth-md{ float: left;}.one-third-md{width: 33.333333%}.two-third-md{width: 66.666667%}.one-fifth-md{width: 20%;}.col-md-16{width:100%}.col-md-15{width:93.75%}.col-md-14{width:87.5%}.col-md-13{width:81.25%}.col-md-12{width:75%}.col-md-11{width:68.75%}.col-md-10{width:62.5%}.col-md-9{width:56.25%}.col-md-8{width:50%}.col-md-7{width:43.75%}.col-md-6{width:37.5%}.col-md-5{width:31.25%}.col-md-4{width:25%}.col-md-3{width:18.75%}.col-md-2{width:12.5%}.col-md-1{width:6.25%}.col-md-pull-16{right:100%}.col-md-pull-15{right:93.75%}.col-md-pull-14{right:87.5%}.col-md-pull-13{right:81.25%}.col-md-pull-12{right:75%}.col-md-pull-11{right:68.75%}.col-md-pull-10{right:62.5%}.col-md-pull-9{right:56.25%}.col-md-pull-8{right:50%}.col-md-pull-7{right:43.75%}.col-md-pull-6{right:37.5%}.col-md-pull-5{right:31.25%}.col-md-pull-4{right:25%}.col-md-pull-3{right:18.75%}.col-md-pull-2{right:12.5%}.col-md-pull-1{right:6.25%}.col-md-pull-0{right:auto}.col-md-push-16{left:100%}.col-md-push-15{left:93.75%}.col-md-push-14{left:87.5%}.col-md-push-13{left:81.25%}.col-md-push-12{left:75%}.col-md-push-11{left:68.75%}.col-md-push-10{left:62.5%}.col-md-push-9{left:56.25%}.col-md-push-8{left:50%}.col-md-push-7{left:43.75%}.col-md-push-6{left:37.5%}.col-md-push-5{left:31.25%}.col-md-push-4{left:25%}.col-md-push-3{left:18.75%}.col-md-push-2{left:12.5%}.col-md-push-1{left:6.25%}.col-md-push-0{left:auto}.col-md-offset-16{margin-left:100%}.col-md-offset-15{margin-left:93.75%}.col-md-offset-14{margin-left:87.5%}.col-md-offset-13{margin-left:81.25%}.col-md-offset-12{margin-left:75%}.col-md-offset-11{margin-left:68.75%}.col-md-offset-10{margin-left:62.5%}.col-md-offset-9{margin-left:56.25%}.col-md-offset-8{margin-left:50%}.col-md-offset-7{margin-left:43.75%}.col-md-offset-6{margin-left:37.5%}.col-md-offset-5{margin-left:31.25%}.col-md-offset-4{margin-left:25%}.col-md-offset-3{margin-left:18.75%}.col-md-offset-2{margin-left:12.5%}.col-md-offset-1{margin-left:6.25%}.col-md-offset-0{margin-left:0}} /*============================= GRID LG ==============================*/ /*@media (min-width: 1280px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-13,.col-lg-14,.col-lg-15,.col-lg-16,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.one-third-lg,.two-third-lg,.one-fifth-lg{ float: left;}.one-third-lg{width: 33.333333%}.two-third-lg{width: 66.666667%}.one-fifth-lg{width: 20%;}.col-lg-16{width:100%}.col-lg-15{width:93.75%}.col-lg-14{width:87.5%}.col-lg-13{width:81.25%}.col-lg-12{width:75%}.col-lg-11{width:68.75%}.col-lg-10{width:62.5%}.col-lg-9{width:56.25%}.col-lg-8{width:50%}.col-lg-7{width:43.75%}.col-lg-6{width:37.5%}.col-lg-5{width:31.25%}.col-lg-4{width:25%}.col-lg-3{width:18.75%}.col-lg-2{width:12.5%}.col-lg-1{width:6.25%}.col-lg-pull-16{right:100%}.col-lg-pull-15{right:93.75%}.col-lg-pull-14{right:87.5%}.col-lg-pull-13{right:81.25%}.col-lg-pull-12{right:75%}.col-lg-pull-11{right:68.75%}.col-lg-pull-10{right:62.5%}.col-lg-pull-9{right:56.25%}.col-lg-pull-8{right:50%}.col-lg-pull-7{right:43.75%}.col-lg-pull-6{right:37.5%}.col-lg-pull-5{right:31.25%}.col-lg-pull-4{right:25%}.col-lg-pull-3{right:18.75%}.col-lg-pull-2{right:12.5%}.col-lg-pull-1{right:6.25%}.col-lg-pull-0{right:auto}.col-lg-push-16{left:100%}.col-lg-push-15{left:93.75%}.col-lg-push-14{left:87.5%}.col-lg-push-13{left:81.25%}.col-lg-push-12{left:75%}.col-lg-push-11{left:68.75%}.col-lg-push-10{left:62.5%}.col-lg-push-9{left:56.25%}.col-lg-push-8{left:50%}.col-lg-push-7{left:43.75%}.col-lg-push-6{left:37.5%}.col-lg-push-5{left:31.25%}.col-lg-push-4{left:25%}.col-lg-push-3{left:18.75%}.col-lg-push-2{left:12.5%}.col-lg-push-1{left:6.25%}.col-lg-push-0{left:auto}.col-lg-offset-16{margin-left:100%}.col-lg-offset-15{margin-left:93.75%}.col-lg-offset-14{margin-left:87.5%}.col-lg-offset-13{margin-left:81.25%}.col-lg-offset-12{margin-left:75%}.col-lg-offset-11{margin-left:68.75%}.col-lg-offset-10{margin-left:62.5%}.col-lg-offset-9{margin-left:56.25%}.col-lg-offset-8{margin-left:50%}.col-lg-offset-7{margin-left:43.75%}.col-lg-offset-6{margin-left:37.5%}.col-lg-offset-5{margin-left:31.25%}.col-lg-offset-4{margin-left:25%}.col-lg-offset-3{margin-left:18.75%}.col-lg-offset-2{margin-left:12.5%}.col-lg-offset-1{margin-left:6.25%}.col-lg-offset-0{margin-left:0}}*/ @media (min-width: 1024px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-13,.col-lg-14,.col-lg-15,.col-lg-16,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.one-third-lg,.two-third-lg,.one-fifth-lg{ float: left;}.one-third-lg{width: 33.333333%}.two-third-lg{width: 66.666667%}.one-fifth-lg{width: 20%;}.col-lg-16{width:100%}.col-lg-15{width:93.75%}.col-lg-14{width:87.5%}.col-lg-13{width:81.25%}.col-lg-12{width:75%}.col-lg-11{width:68.75%}.col-lg-10{width:62.5%}.col-lg-9{width:56.25%}.col-lg-8{width:50%}.col-lg-7{width:43.75%}.col-lg-6{width:37.5%}.col-lg-5{width:31.25%}.col-lg-4{width:25%}.col-lg-3{width:18.75%}.col-lg-2{width:12.5%}.col-lg-1{width:6.25%}.col-lg-pull-16{right:100%}.col-lg-pull-15{right:93.75%}.col-lg-pull-14{right:87.5%}.col-lg-pull-13{right:81.25%}.col-lg-pull-12{right:75%}.col-lg-pull-11{right:68.75%}.col-lg-pull-10{right:62.5%}.col-lg-pull-9{right:56.25%}.col-lg-pull-8{right:50%}.col-lg-pull-7{right:43.75%}.col-lg-pull-6{right:37.5%}.col-lg-pull-5{right:31.25%}.col-lg-pull-4{right:25%}.col-lg-pull-3{right:18.75%}.col-lg-pull-2{right:12.5%}.col-lg-pull-1{right:6.25%}.col-lg-pull-0{right:auto}.col-lg-push-16{left:100%}.col-lg-push-15{left:93.75%}.col-lg-push-14{left:87.5%}.col-lg-push-13{left:81.25%}.col-lg-push-12{left:75%}.col-lg-push-11{left:68.75%}.col-lg-push-10{left:62.5%}.col-lg-push-9{left:56.25%}.col-lg-push-8{left:50%}.col-lg-push-7{left:43.75%}.col-lg-push-6{left:37.5%}.col-lg-push-5{left:31.25%}.col-lg-push-4{left:25%}.col-lg-push-3{left:18.75%}.col-lg-push-2{left:12.5%}.col-lg-push-1{left:6.25%}.col-lg-push-0{left:auto}.col-lg-offset-16{margin-left:100%}.col-lg-offset-15{margin-left:93.75%}.col-lg-offset-14{margin-left:87.5%}.col-lg-offset-13{margin-left:81.25%}.col-lg-offset-12{margin-left:75%}.col-lg-offset-11{margin-left:68.75%}.col-lg-offset-10{margin-left:62.5%}.col-lg-offset-9{margin-left:56.25%}.col-lg-offset-8{margin-left:50%}.col-lg-offset-7{margin-left:43.75%}.col-lg-offset-6{margin-left:37.5%}.col-lg-offset-5{margin-left:31.25%}.col-lg-offset-4{margin-left:25%}.col-lg-offset-3{margin-left:18.75%}.col-lg-offset-2{margin-left:12.5%}.col-lg-offset-1{margin-left:6.25%}.col-lg-offset-0{margin-left:0}} /*============================= GRID XL ==============================*/ @media (min-width: 1440px){.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-13,.col-xl-14,.col-xl-15,.col-xl-16,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.one-third-xl,.two-third-xl,.one-fifth-xl{ float: left;}.one-third-xl{width: 33.333333%}.two-third-xl{width: 66.666667%}.one-fifth-xl{width: 20%;}.col-xl-16{width:100%}.col-xl-15{width:93.75%}.col-xl-14{width:87.5%}.col-xl-13{width:81.25%}.col-xl-12{width:75%}.col-xl-11{width:68.75%}.col-xl-10{width:62.5%}.col-xl-9{width:56.25%}.col-xl-8{width:50%}.col-xl-7{width:43.75%}.col-xl-6{width:37.5%}.col-xl-5{width:31.25%}.col-xl-4{width:25%}.col-xl-3{width:18.75%}.col-xl-2{width:12.5%}.col-xl-1{width:6.25%}.col-xl-pull-16{right:100%}.col-xl-pull-15{right:93.75%}.col-xl-pull-14{right:87.5%}.col-xl-pull-13{right:81.25%}.col-xl-pull-12{right:75%}.col-xl-pull-11{right:68.75%}.col-xl-pull-10{right:62.5%}.col-xl-pull-9{right:56.25%}.col-xl-pull-8{right:50%}.col-xl-pull-7{right:43.75%}.col-xl-pull-6{right:37.5%}.col-xl-pull-5{right:31.25%}.col-xl-pull-4{right:25%}.col-xl-pull-3{right:18.75%}.col-xl-pull-2{right:12.5%}.col-xl-pull-1{right:6.25%}.col-xl-pull-0{right:auto}.col-xl-push-16{left:100%}.col-xl-push-15{left:93.75%}.col-xl-push-14{left:87.5%}.col-xl-push-13{left:81.25%}.col-xl-push-12{left:75%}.col-xl-push-11{left:68.75%}.col-xl-push-10{left:62.5%}.col-xl-push-9{left:56.25%}.col-xl-push-8{left:50%}.col-xl-push-7{left:43.75%}.col-xl-push-6{left:37.5%}.col-xl-push-5{left:31.25%}.col-xl-push-4{left:25%}.col-xl-push-3{left:18.75%}.col-xl-push-2{left:12.5%}.col-xl-push-1{left:6.25%}.col-xl-push-0{left:auto}.col-xl-offset-16{margin-left:100%}.col-xl-offset-15{margin-left:93.75%}.col-xl-offset-14{margin-left:87.5%}.col-xl-offset-13{margin-left:81.25%}.col-xl-offset-12{margin-left:75%}.col-xl-offset-11{margin-left:68.75%}.col-xl-offset-10{margin-left:62.5%}.col-xl-offset-9{margin-left:56.25%}.col-xl-offset-8{margin-left:50%}.col-xl-offset-7{margin-left:43.75%}.col-xl-offset-6{margin-left:37.5%}.col-xl-offset-5{margin-left:31.25%}.col-xl-offset-4{margin-left:25%}.col-xl-offset-3{margin-left:18.75%}.col-xl-offset-2{margin-left:12.5%}.col-xl-offset-1{margin-left:6.25%}.col-xl-offset-0{margin-left:0}} /*=============================== UTILITY CLASSES ================================*/ .clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}.text-nowrap,.text-truncate{white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[hidden]{display:none!important}.invisible{visibility:hidden}.text-hide{font:"0/0" a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-truncate{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#818a91}.text-bold{font-weight:700;}.text-normal{font-weight: 500;} /* Alignment */ img.alignleft, img.alignright, img.aligncenter {display: inline-block; max-width: 100%; margin-bottom: 20px;} @media (min-width: 1024px){ .alignleft {float: left;} .alignright {float: right;} .aligncenter {display: block;margin-left: auto;margin-right: auto;} blockquote.alignleft, img.alignleft {margin: 7px 24px 7px 0;} .wp-caption.alignleft {margin: 7px 14px 7px 0;} blockquote.alignright, img.alignright {margin: 7px 0 7px 24px; } blockquote.aligncenter, img.aligncenter {margin-top: 7px;margin-bottom: 20px;} } input::-ms-clear { display: none; } /*============================ TABLE STYLES =============================*/ table p { margin-bottom: 0;} .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table th, .table td { padding: .75rem 1.875rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .table tbody + tbody { border-top: 2px solid #eceeef; } .table .table { background-color: #fff; } .table-print { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table-print th, .table-print td { padding: .75rem 1.875rem; line-height: 1.5; vertical-align: top; border-top: 1px solid #eceeef; } .table-print thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .table-print tbody + tbody { border-top: 2px solid #eceeef; } .table-print { background-color: #fff; } /*============================ TABLE STYLES Vlad M. =============================*/ .table .text-right, .table .text-left { padding: .75rem 0.2rem; } .table tbody, .table .text-bold {font-size: 0.8rem;} .table-print .text-right, .table-print .text-left { padding: .75rem 0.2rem; } .table-print tbody, .table-print .text-bold {font-size: 0.8rem;} /*============================ END TABLE STYLES Vlad M. =============================*/ /*============================ MANIFEST ADAPTIVE =============================*/ @media screen and (min-width: 730px) { .container-manifest {margin: 0 auto; width: 700px;} } @media screen and (max-width: 730px) { .container-manifest img{max-width: 100%; height: 100%;} .container-manifest {margin: 0; width: 100%;} } @media screen and (max-width: 480px) { .container-manifest img{max-width: 100%; height: 600px;} } /*============================ END MANIFEST ADAPTIVE =============================*/ .table-sm th, .table-sm td { padding: .3rem; } @media screen and (max-width: 700px) { .table th, .table td {padding: .75rem .175rem;min-width: 80px!important;} .table-print th, .table-print td {padding: .75rem .175rem;min-width: 80px!important;} } .table-bordered { border: 1px solid #eceeef; } .table-bordered th, .table-bordered td { border: 1px solid #eceeef; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: #f1f5fa; } .table-hover tbody tr:hover { background-color: #f8f9d8; } .table-active, .table-active > th, .table-active > td { background-color: #f1f5fa; } .table-hover .table-active:hover { background-color: #e8e8e8; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #e8e8e8; } .table-success, .table-success > th, .table-success > td { background-color: #dff0d8; } .table-hover .table-success:hover { background-color: #d0e9c6; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d0e9c6; } .table-info, .table-info > th, .table-info > td { background-color: #d9edf7; } .table-hover .table-info:hover { background-color: #c4e3f3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fcf8e3; } .table-hover .table-warning:hover { background-color: #faf2cc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f2dede; } .table-hover .table-danger:hover { background-color: #ebcccc; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 1023px) { .table-responsive { /*border: 1px solid #ddd;*/ margin-bottom: 15px; overflow-y: hidden; /*width: 100%;*/} .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table-bordered { border: 0 none;} .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0 none;} .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0 none;} .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0 none; } .table-responsive > .table-print { margin-bottom: 0; } .table-responsive > .table-print > tbody > tr > td, .table-responsive > .table-print > tbody > tr > th, .table-responsive > .table-print > tfoot > tr > td, .table-responsive > .table-print > tfoot > tr > th, .table-responsive > .table-print > thead > tr > td, .table-responsive > .table-print > thead > tr > th { white-space: nowrap; } } .thead-inverse th { color: #fff; background-color: #373a3c; } .thead-default th { color: #55595c; background-color: #eceeef; } .table-inverse { color: #eceeef; background-color: #373a3c; } .table-inverse.table-bordered { border: 0; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #55595c; } .table-reflow thead { float: left; } .table-reflow tbody { display: block; white-space: nowrap; } .table-reflow th, .table-reflow td { border-top: 1px solid #eceeef; border-left: 1px solid #eceeef; } .table-reflow th:last-child, .table-reflow td:last-child { border-right: 1px solid #eceeef; } .table-reflow thead:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tbody:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td { border-bottom: 1px solid #eceeef; } .table-reflow tr { float: left;} .table-reflow tr th, .table-reflow tr td { display: block !important; border: 1px solid #eceeef; } /*============================ FORM ELEMENTS STYLES =============================*/ .list-form, .list-form-inline { padding-left: 0; margin-bottom: 0; list-style: none;} .list-form > li, .list-form-inline > li { position: relative; margin-bottom: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .list-form-inline > li { display: inline-block; padding-left: .25rem; padding-right: .25rem;} .form-group-inline { margin-top: 1rem; margin-left: 0.625rem;} .form-group-inline label {font-size: 14px;} @media only screen and (min-width: 1024px) { .form-group-inline { display: inline-block; vertical-align: top; margin-top: 0; margin-left: 0.625rem;} .form-group-inline + .form-group-inline { margin-left: 1.5rem;} } @media only screen and (min-width: 600px) { .form-group-half { width: calc(50% - 10px); float: left; } .form-group-half-l { margin-right: 10px; } .form-group-half-r { margin-left: 10px; } .form-group-half-r:after { content: ''; clear: both; } .form-group-half.form-group-half-l.sixty { width: calc(60% - 10px); } .form-group-half.form-group-half-r.fourty { width: calc(40% - 10px); } } .range-slider-wrap.red #timeCount { width: 100%; } #creditSum { background: transparent; } .credit-form-container .form-results { width: 100%; } .form-label { display: inline-block; font-size: .8125rem; color: #b4b81d; font-weight: 400; margin-bottom: 4px; max-width: 100%; } .red .form-label { color: #fc5a61;} .blue .form-label { color: #7196db;} .form-group, .form-item { position: relative; margin-bottom: 1.5rem;} .form-control-label, .form-item > label { display: block; max-width: 100%; font-size: 19px; font-weight: 400; color: #000000; margin-bottom: 0; cursor: text; position: absolute; top: 11px; left: 14px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: transform 280ms linear, font-size 280ms linear; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .js-form-type-radio input[type="radio"] + label, .js-form-type-radio input[type="checkbox"] + label { position: static; } .form-row .form-control-label {left: 24px;} .sky-blue .form-control-label { color: #ffffff;} .light-blue .form-control-label.float { opacity: .5; } .form-control-label.float, .form-item > label.float { color: inherit; font-size: 13px; top: -20px; } .form-row .form-control-label.float, .form-item > label.float { left: .625rem;} .js-form-item.js-form-type-checkbox label { display: inline; } .js-form-type-checkbox .description { display: inline; font-size: 16px; font-family: 'FuturaPT-Demi'; font-weight: normal; } .js-form-type-checkbox .description * { display: inline; } .js-form-type-checkbox .description a { background: transparent; text-decoration: underline; } .node-172 .js-form-item.js-form-type-checkbox label, .node-172 .js-form-type-checkbox .description { font-size: 12px; } @media screen and (max-width: 413px) { .js-form-item.js-form-type-checkbox label { font-size: 15px; } .js-form-type-checkbox .description { font-size: 15px; } } .js-form-type-managed-file>label, .form-item-file>label { display: none !important; } .form-item-file .description, .js-form-type-managed-file .description { color: #000; } .js-form-type-managed-file label { position: static; } .form-managed-file> .webform-file-button { display: block; width: 100%; height: 48px; padding: .375rem .75rem; font-size: 20px; line-height: 1.5; color: #000000; background-color: transparent; background-image: none; border: 2px solid rgba(206,206,195,0.8); cursor: pointer; } .form-managed-file .pick-up-file { display: inline-block; border: 2px solid rgba(206,206,195,0.8); padding: 1px 15px; font-size: 18px; color: #000000; font-family: 'FuturaPT-Demi'; } .form-managed-file .form-submit { border: 2px solid rgba(206,206,195,0.8); padding: 1px 15px; font-size: 18px; color: #000000; font-family: 'FuturaPT-Demi'; background: transparent; margin-bottom: 10px; } .form-managed-file .form-file { opacity: 0; } @media screen and (max-width: 600px) { .form-control-label, .form-item > label { display: block; max-width: 100%; font-size: 15px; font-weight: 400; color: #000000; margin-bottom: 0; cursor: text; position: absolute; top: 11px; left: 14px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: transform 280ms linear, font-size 280ms linear; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .form-managed-file .pick-up-file { font-size: 15px; } } .form-label-content { position: absolute; opacity: 0; top: 24px; right: 14px; font-size: 13px; white-space: nowrap; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .form-control:focus ~ .form-label-content { opacity: 0; top: -20px; font-size: 13px; } .label-touch { display: inline-block; max-width: 100%; font-size: 14px; line-height: 1.1; opacity: .5; margin-bottom: 0;} .light-blue .label-touch { color: #ffffff;} @media only screen and (min-width: 1024px) { .form-label-content {right: 103%;} .form-control:focus ~ .form-label-content { opacity: 1; top: 14px; font-size: 13px; } .form-group { margin-bottom: 1rem;} .form-item { margin-bottom: 1rem;} .form-control-label.float, .form-item > label.float { top: 0; opacity: 0; font-size: 20px; left: 14px;} .form-control-label, .form-item > label { max-width: none;} /*.form-control-label.float { width: 200px; text-align: right; left: -200px; top: 14px; -webkit-transform: translate3d(-14px, 0, 0); -moz-transform: translate3d(-14px, 0, 0); -ms-transform: translate3d(-14px, 0, 0); -o-transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0); }*/ .form-row .form-control-label.float.top, .form-item > label.top.float {left: 0.6rem;} .form-control-label.float.top, .form-item > label.float.top { width: auto; text-align: left; left: 0; top: -20px; } .label-touch { display: none;} } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none;} input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select, legend { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;} select::-ms-expand { display: none;} input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} input[type=number] { -webkit-appearance:textfield; -moz-appearance:textfield; -o-appearance:textfield; -ms-appearance:textfield; appearance:textfield; } .form-control, .form-text, .form-email, .form-tel, .form-textarea { display: block; width: 100%; height: 48px; padding: .375rem .75rem; font-size: 20px; line-height: 1.5; color: #000000; background-color: transparent; background-image: none; border: 2px solid rgba(206,206,195,0.8); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-transition: border-color 0.2s ease 0s, -webkit-box-shadow 0.2s ease-out 0s; transition: border-color 0.2s ease 0s, -webkit-box-shadow 0.2s ease-out 0s; -o-transition: box-shadow 0.2s ease-out 0s, border-color 0.2s ease 0s; transition: box-shadow 0.2s ease-out 0s, border-color 0.2s ease 0s; transition: box-shadow 0.2s ease-out 0s, border-color 0.2s ease 0s, -webkit-box-shadow 0.2s ease-out 0s;} .form-control:hover, .form-text:hover, .form-email:hover, .form-tel:hover, .form-textarea:hover { border-color: #cecec3; } .form-control:focus, .form-text:focus, .form-email:focus, .form-tel:focus, .form-textarea:focus { font-weight: 600; border-color: #dcdf3c; outline: none; -webkit-box-shadow: 5px 5px 10px rgba(206,206,195,0.5) inset; box-shadow: 5px 5px 10px rgba(206,206,195,0.5) inset; } .sky-blue .form-control { color: #ffffff; border: 2px solid rgba(255,255,255,1); } .sky-blue .form-control:hover { border-color: #ffffff; } .sky-blue .form-control:focus { border-color: #ffffff; -webkit-box-shadow: 5px 5px 10px rgba(22,140,186,0.5) inset; box-shadow: 5px 5px 10px rgba(22,140,186,0.5) inset; } textarea.form-control, textarea.form-textarea { min-height: 80px; resize: vertical; overflow: auto; } /*validation*/ .form-control.success { border-color: #dcdf3c; /*background-color: #ffffff;*/} .sky-blue .form-control.success { border-color: #ffffff; } .form-control.error { border-color: #fc5a61;} .form-group .error-message, .form-item .error-message { position: relative; display: block; max-width: 100%; font-size: .75rem; color: #fc5a61; margin-top: .25rem; padding-left: 14px; opacity: 0; visibility: hidden; -webkit-transition: visibility 0.3s ease, opacity 0.3s ease; -o-transition: visibility 0.3s ease, opacity 0.3s ease; transition: visibility 0.3s ease, opacity 0.3s ease;} .form-group .error-message.is-visible, .form-item .error-message.is-visible { opacity: 1; visibility: visible;} @media only screen and (min-width: 1024px) { .form-group .error-message, .form-item .error-message { margin-top: 0; padding-left: 0; width: 200px; z-index: 2; position: absolute; right: -214px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } /*******/ .form-group.disabled .form-control, .form-control.disabled, .form-control:disabled, .form-control[readonly] { opacity: .2; pointer-events: none;} .form-group.disabled .form-control, .form-control.disabled, .form-control:disabled { cursor: not-allowed;} /*.form-control::-ms-expand { background-color: transparent; border: 0;}*/ .form-control::-webkit-input-placeholder { color: #999; opacity: 1;} .form-control:-ms-input-placeholder { color: #999; opacity: 1;} .form-control::-ms-input-placeholder { color: #999; opacity: 1;} .form-control::placeholder { color: #999; opacity: 1;} .form-control-file, .form-control-range { display: block;} @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 2.25rem; } } .select-wrap { position: relative;} .select-wrap::before, .select-wrap::after {content: ""; display: inline-block; width: 0; height: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; right: 16px;} .select-wrap::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #000000; top: 14px;} .select-wrap::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000000; top: 28px; } .select-wrap select::-ms-expand { display: none;} .select-wrap select { padding-right: 40px;} /*=================================== CHECKBOX/RADIO BUTTONS STYLES ===================================*/ input[type=radio], input[type=checkbox] { position: absolute; left: 0; top: 0; margin: 0; padding: 0; opacity: 0; z-index: 2; } input[type="radio"] + label, input[type="checkbox"] + label { position: static; padding-left: 24px; font-size: 16px; margin-bottom: 0; cursor: pointer; } input[type="radio"] + label:hover, input[type="checkbox"] + label:hover { color: #dcdf3c; } input[type="radio"] + label::before, input[type="radio"] + label::after, input[type="checkbox"] + label::before, input[type="checkbox"] + label::after { content: ""; display: block; width: 16px; height: 16px; position: absolute; left: 0; top: 4px; } input[type="radio"] + label::before, input[type="checkbox"] + label::before { border: 1px solid #dcdf3c; background: #ffffff; } input[type="radio"] + label::before, input[type="radio"] + label::after { border-radius: 50%; } input[type="radio"] + label::after, input[type="checkbox"] + label::after { display: none; background-color: #dcdf3c; background-position: 50% 50%; background-repeat: no-repeat; } input[type="radio"] + label::after { background-image: url("../img/icon-radio.svg"); } input[type="checkbox"] + label::after { background-image: url("../img/icon-check.svg"); } input[type="radio"]:checked + label::after, input[type="checkbox"]:checked + label::after { display: block;} input[type="radio"]:checked + label::before, input[type="radio"]:checked + label::after, input[type="checkbox"]:checked + label::before, input[type="checkbox"]:checked + label::after { -webkit-animation: bounce 0.3s; animation: bounce 0.3s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(1);} 50% {-webkit-transform: scale(0.8);} } @keyframes bounce { 0%, 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);} } .webform-confirmation { text-align: center; } .webform-confirmation .webform-confirmation__back a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 230px; height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .form-alert { display: block; max-width: 100%; padding: 20px 50px 20px 20px; position: absolute; top: 100%; z-index: 2; margin-top: 4px;} @media (min-width:1024px){ .form-alert {max-width: 80%;} } .form-alert:after { content: ""; width: 0; height: 0; pointer-events: none; border: solid transparent; border-width: 14px; margin-left: -14px; border-color: rgba(209, 220, 76, 0); position: absolute; bottom: 100%; left: 40px; } .form-alert.alert-info::after {border-bottom-color: rgba(220,223,60,.9);} .form-alert.alert-info { color: #161a1b; background-color: rgba(220,223,60,.9); -webkit-box-shadow: 3px 0 30px rgba(11,65,50,.35); box-shadow: 3px 0 30px rgba(11,65,50,.35);} .alert-trigger { display: inline-block; width: 24px; height: 24px; white-space: nowrap; overflow: hidden; text-indent: 100%; color: transparent; background-color: transparent; position: absolute; right: 10px; top: 10px; z-index: 1;} .alert-trigger::after, .alert-trigger::before { content: ""; width: 14px; height: 2px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #000000; position: absolute; left: 50%; top: 50%; } .alert-trigger::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .alert-trigger::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } /*============================== SELECT DROPDOWN STYLES ===============================*/ .bt-dropdown { display: inline-block; width: 100%; height: 48px; font-size: 20px; line-height: 1.5; position: relative; outline: none; background-color: transparent; border: 2px solid rgba(206, 206, 195, 0.8); } .bt-dropdown:hover { border-color: #dcdf3c; background-color: #dbde3c;} .bt-dropdown.open {border-color: #dcdf3c; background-color: #dbde3c;} .bt-dropdown-toggle, .bt-dropdown-toggle:hover, .bt-dropdown-toggle:active, .bt-dropdown-toggle:focus, .bt-dropdown-toggle:visited { background-color: transparent; text-decoration: none; color: #000000;} .bt-dropdown-toggle { position: relative; display: block; width: 100%!important; height: 44px; line-height: 44px; padding: 0 34px 0 10px; text-decoration: none; text-align: left; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .no-touch .bt-dropdown-toggle {line-height: 42px;} .bt-dropdown.open .bt-dropdown-toggle { color: rgba(0,0,0,.6);} .bt-dropdown-toggle span.icon::before, .bt-dropdown-toggle span.icon::after { content: ""; display: inline-block; width: 0; height: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; right: 12px; } .bt-dropdown-toggle span.icon::before {border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #000000; top: 6px;} .bt-dropdown-toggle span.icon::after {border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000000; top: 18px;} .bt-dropdown-toggle span.icon { display: inline-block; position: absolute; top: 7px; right: 0px; height: 24px; width: 24px; } .bt-dropdown-options { /*display: none;*/ opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 5; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .bt-dropdown-options { display: block; list-style: none; margin: 0px; padding: 0px; background: #dbde3c; width: calc(100% + 4px); left: -2px; right: 0; border: 2px solid #dcdf3c; max-height: 280px; overflow-y: auto; z-index: 3; -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.3); box-shadow: 0 20px 40px rgba(0,0,0,.3); } .bt-dropdown.open .bt-dropdown-options {opacity: 1; visibility: visible; height: auto; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .bt-dropdown.initialized .bt-dropdown-options { position: absolute; } .bt-dropdown-option { margin: 0px; padding: 0px; text-align: left; } .bt-dropdown-option a { position: relative; color: #000000; background-color: transparent; text-decoration: none; display: block; padding: 10px 10px; } .bt-dropdown-option a::before { content: ""; width: 0; height: 100%; background-color: #f4f93b; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: width 0.3s ease 0s; -o-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;} .bt-dropdown-option:hover a::before { width: 100%; } /* .bt-dropdown-option.active, .bt-dropdown-option.active a { pointer-events: none; color: rgba(0,0,0,.6); cursor: default; } */ .bt-dropdown.notMobile select, .bt-dropdown.notmobile select { display: none; } .bt-dropdown.mobile select { font-size: 16px; position: absolute; display: block; z-index: 9999; opacity: 0; -webkit-appearance: menulist-button; top: 0px; left: 0px; padding: 0px; margin: 0px; width: 100% !important;} .blue .bt-dropdown-options { background-color: #3d69ba/*#6387d1*/;} .blue .bt-dropdown { border-color: #ffffff;} .blue .bt-dropdown:hover { border-color: #3d69ba/*#6387d1*/; background-color: #3d69ba/*#6387d1*/;} .blue .bt-dropdown.open {border-color: #3d69ba/*#6387d1*/; background-color: #3d69ba/*#6387d1*/;} .blue .bt-dropdown-toggle { color: #ffffff; } .blue .bt-dropdown.open .bt-dropdown-toggle { color: rgba(255,255,255,.6);} .blue .bt-dropdown-toggle span.icon::before { border-bottom-color: #ffffff; } .blue .bt-dropdown-toggle span.icon::after { border-top-color: #ffffff; } .blue .bt-dropdown-options { background: #3d69ba/*#6387d1*/; border-color: #3d69ba/*#6387d1*/; } .blue .bt-dropdown-option a { color: #ffffff; background-color: transparent; } .blue .bt-dropdown-option a::before {background-color: #658acf/*#4561af*/;} /*.blue .bt-dropdown-option:first-child a { color: rgba(255,255,255,.6); }*/ .sky-blue .bt-dropdown-options { background-color: #3ba6d2;} .sky-blue .bt-dropdown { border-color: #ffffff;} .sky-blue .bt-dropdown:hover { border-color: #3ba6d2; background-color: #3ba6d2;} .sky-blue .bt-dropdown.open {border-color: #3ba6d2; background-color: #3ba6d2;} .sky-blue .bt-dropdown-toggle { color: #ffffff; } .sky-blue .bt-dropdown.open .bt-dropdown-toggle { color: rgba(255,255,255,.6);} .sky-blue .bt-dropdown-toggle span.icon::before { border-bottom-color: #ffffff; } .sky-blue .bt-dropdown-toggle span.icon::after { border-top-color: #ffffff; } .sky-blue .bt-dropdown-options { background: #3ba6d2; border-color: #3ba6d2; } .sky-blue .bt-dropdown-option a { color: #ffffff; background-color: transparent; } .sky-blue .bt-dropdown-option a::before {background-color: #168cba;} /*.sky-blue .bt-dropdown-option:first-child a { color: rgba(255,255,255,.6); }*/ @media screen and (max-width: 600px) { .bt-dropdown-toggle { font-size: 15px; } } /*========================== LOAD MORE STYLES ===========================*/ .js-pager__items { padding-top: 2.5rem; padding-left: 0; text-align: center; list-style: none; } /*========================== RANGE SLIDERS STYLES ===========================*/ .range-slider-wrap { position: relative;} .label-range, form .fieldset-legend, form .js-form-type-select label { display: block; max-width: 100%; margin-bottom: .25rem; font-size: .8125rem; color: #b4b81d;} .range-amount { display: inline-block; position: relative; z-index: 2; width: calc(100% - 40px); height: 48px; line-height: 44px; padding: 0 20px; border: 2px solid #dcdf3c; font-size: 31px; font-weight: 700; text-align: right; vertical-align: middle;} .range-amount.fullwidth { width: 100%;} .range-currency { display: inline-block; width: 32px; height: 48px; line-height: 48px; text-align: center; font-size: 1.5rem; font-weight: 600; vertical-align: middle;} .ui-slider-handle { -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; outline: none 0;} .range-slider-wrap .range-slider { display: block; width: calc(100% - 30px); height: 100%; position: absolute; left: 0; bottom: 0; background-color: transparent; } .filter-deposits-container .range-slider-wrap .range-slider { height: 44%; top: 0; bottom: unset; } .filter-deposits-container .range-slider-wrap .range-slider .ui-slider-handle { bottom: -50px; } .credit-form-container .range-slider-wrap .range-slider {width: calc(100% - 70px); } .credit-form-container .range-slider-wrap #range_firstPayProc, .credit-form-container .range-slider-wrap #range_calc_term { width: calc(100% - 30px); } .range-slider-wrap .range-slider .ui-slider-handle { display: inline-block; width: 30px; height: 56px; background-color: rgba(220,223,60,.4); border: 1px solid #dcdf3c; position: absolute; bottom: -4px; left: 0; z-index: 2; cursor: pointer;} .range-slider-wrap .range-slider .ui-slider-handle.ui-state-hover, .range-slider-wrap .range-slider .ui-slider-handle.ui-state-active { -webkit-box-shadow: 0 0 15px rgba(220,223,60,.7); box-shadow: 0 0 15px rgba(220,223,60,.7);} .range-slider-wrap.red .label-range {color: #fc5a61;} .range-slider-wrap.red .range-amount { border-color: #fc5a61;} .range-slider-wrap.red .range-slider .ui-slider-handle {background-color: rgba(252,90,97,.4); border-color: #ef8b8f;} .range-slider-wrap.red .range-slider .ui-slider-handle.ui-state-hover, .range-slider-wrap.red .range-slider .ui-slider-handle.ui-state-active {-webkit-box-shadow: 0 0 15px rgba(252,90,97,.7);box-shadow: 0 0 15px rgba(252,90,97,.7);} .range-slider-wrap.blue .label-range {color: #7196db;} .range-slider-wrap.blue .range-amount { border-color: #7196da;} .range-slider-wrap.blue .range-slider .ui-slider-handle {background-color: rgba(113,150,218,.4); border-color: #7196db;} .range-slider-wrap.blue .range-slider .ui-slider-handle.ui-state-hover, .range-slider-wrap.blue .range-slider .ui-slider-handle.ui-state-active {-webkit-box-shadow: 0 0 15px rgba(113,150,218,.7);box-shadow: 0 0 15px rgba(113,150,218,.7);} .range-slider-wrap.white .label-range {color: #ffffff;} .range-slider-wrap.white .range-amount { border-color: #ffffff; background-color: transparent;} .range-slider-wrap.white .range-slider .ui-slider-handle {background-color: rgba(255,255,255,.4); border-color: #ffffff;} .range-slider-wrap.white .range-slider .ui-slider-handle.ui-state-hover, .range-slider-wrap.white .range-slider .ui-slider-handle.ui-state-active {-webkit-box-shadow: 0 0 15px rgba(255,255,255,.7);box-shadow: 0 0 15px rgba(255,255,255,.7);} /*double range*/ .range-slider-double-wrap { position: relative;} .range-slider-double-wrap .label-range { color: rgba(0,0,0,.5);} .range-slider-double-wrap > .inner::after, .range-slider-double-wrap > .inner::before { content: ""; display: table;} .range-slider-double-wrap > .inner::after { clear: both;} .range-slider-double-wrap > .inner { position: relative; right: 7px; height: 20px; padding: 0 60px;} .range-slider-double-wrap .range-double-amount { display: block; width: 60px; height: 19px; line-height: 17px; text-align: center; border: none; pointer-events: none; position: absolute; top: 0;} .range-slider-double-wrap .range-double-amount.range-start { left: 0;} .range-slider-double-wrap .range-double-amount.range-end { right: 0;} .range-double-slider { position: relative; height: 4px; top: 8px; background-color: #a8aa2a; margin: 0 8px;} .range-double-slider .ui-slider-range { display: block; height: 100%; border: none; background-color: #f4f750; border-top: 1px solid #c2c52e; border-bottom: 1px solid #c2c52e; position: absolute; top: 0; z-index: 1; } .range-double-slider .ui-slider-handle { display: block; width: 8px; height: 20px; background-color: #dcdf3c; border: 1px solid #c2c52e; position: absolute; top: -8px; z-index: 2;} .range-slider-double-wrap.clock .range-double-slider .ui-slider-handle { width: 20px; height: 20px; background: url(../img/slider-clock-item-bg.png) no-repeat 50% 50% transparent; border: none;} .range-slider-double-wrap.clock .range-double-slider .ui-slider-handle + .ui-slider-handle { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} /*============================ BUTTONS STYLES =============================*/ /* .btn { position: relative; display: inline-block; padding: 0 2.5rem; font-size: 1.125rem; font-weight: 700; text-transform: lowercase; height: 3rem; line-height: 2.75rem; text-align: center; white-space: nowrap; vertical-align: middle; border: 2px solid transparent; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s; -moz-transition: border-color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s; -o-transition: border-color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s; -ms-transition: border-color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s; transition: border-color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s; } .btn:focus, .btn:active:focus { outline: none; } .btn:focus, .btn:hover { text-decoration: none; } .btn:active { background-image: none; outline: 0; } .btn-info { color: #000000; background-color: #ffffff!important; border-color: #6dbdde; } .btn-info:hover { color: #000000; background-color: #6cbcdd!important; border-color: #6cbcdd;} .btn-info:focus, .btn-info.focus { color: #000000; background-color: #42a7d1!important; border-color: #42a7d1; } .btn-info:active, .btn-info.active { color: #000000; background-color: #42a7d1!important; background-image: none; border-color: #42a7d1; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus { color: #000000; background-color: #42a7d1!important; border-color: #42a7d1; } .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus { background-color: #ffffff!important; border-color: #6dbdde; } .btn-info.disabled:hover, .btn-info:disabled:hover { background-color: #ffffff!important; border-color: #6dbdde; } .btn-link { font-weight: normal; color: #000000; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent!important;} .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent;} .btn-link:hover { border-color: transparent;} .btn-link:focus, .btn-link:hover { color: #000000; text-decoration: none; background-color: transparent!important;} .btn-link:disabled:focus, .btn-link:disabled:hover { color: #000000; text-decoration: none; } .btn-lg { padding: 0 3rem; font-size: 1.25rem; height: 3.5rem; line-height: 3.25rem; } .btn-sm { padding: 0 1.5rem; font-size: .875rem; height: 2.25rem; line-height: 2rem; } .btn-block { display: block; width: 100%;} .btn-block + .btn-block { margin-top: 0.375rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn[disabled], .btn.disabled, .btn:disabled { cursor: not-allowed; pointer-events: none; opacity: .2;} */ .btn { position: relative; display: inline-block; min-width: 227px; height: 48px; line-height: 44px; padding: 0 32px; font-family: inherit; font-size: 1.125rem; font-weight: 700; text-transform: lowercase; letter-spacing: 1px; white-space: nowrap; text-align: center; /*color: inherit;*/ background: none; border: 2px solid transparent; outline: none; vertical-align: middle; cursor: pointer; z-index: 1; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } a.btn:hover, a.btn:active, a.btn:focus { background: none; text-decoration: none; } @media screen and (min-width: 1100px) { .btn::after { content: ""; width: 100%; height: 0; position: absolute; bottom: 0; left: 0; z-index: -1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .btn:hover::after, .btn:active::after { height: 100%; } } /*yellow*/ .btn-yellow { background-color: transparent; border-color: #dcdf3c; color: #000000;} .btn-yellow:hover { color: #000000; border-color: #dcdf3c;} .btn-yellow::after {background-color: #dcdf3c;} .btn-yellow:active { color: #000000; border-color: #c2c52e; } .btn-yellow:active::after { background-color: #c2c52e;} /*yellow b*/ .btn-yellow-b { background-color: transparent; border-color: #ffffff; color: #000000;} .btn-yellow-b:hover { color: #000000; border-color: #c2c52e;} .btn-yellow-b::after {background-color: #c2c52e;} .btn-yellow-b:active { color: #000000; border-color: #a8aa2a; } .btn-yellow-b:active::after { background-color: #a8aa2a;} /*blue*/ .btn-blue { background-color: transparent; border-color: #6f94de; color: #000000;} .btn-blue:hover { color: #000000; border-color: #6489d3;} .btn-blue::after {background-color: #6489d3;} .btn-blue:active { color: #000000; border-color: #3967bf; } .btn-blue:active::after { background-color: #3967bf;} /*blue-2*/ .btn-blue-2 { background-color: transparent; border-color: #24b1c3; color: #24b1c3;} .btn-blue-2:hover { color: #ffffff; border-color: #24b1c3;} .btn-blue-2::after {background-color: #24b1c3;} .btn-blue-2:active { color: #ffffff; border-color: #24b1c3; } .btn-blue-2:active::after { background-color: #24b1c3;} /*sky-blue*/ .btn-sky-blue { background-color: transparent; border-color: #6dbdde; color: #000000;} .btn-sky-blue:hover { color: #000000; border-color: #6cbcdd;} .btn-sky-blue::after {background-color: #6cbcdd;} .btn-sky-blue:active { color: #000000; border-color: #42a7d1; } .btn-sky-blue:active::after { background-color: #42a7d1;} /*blue outline*/ .btn-blue-outline { background-color: transparent; border-color: #ffffff; color: #ffffff !important;} .btn-blue-outline:hover { color: #ffffff; border-color: #3b68bd;} .btn-blue-outline::after {background-color: #3b68bd;} .btn-blue-outline:active { color: #ffffff; border-color: #3b68bd; } .btn-blue-outline:active::after { background-color: #3b68bd;} /*gray*/ .btn-gray { background-color: transparent; border-color: #d7e0e2; color: #a6aeb1; } .btn-gray:hover { color: #000000; border-color: #dcdf3c;} .btn-gray::after {background-color: #dcdf3c;} .btn-gray:active { color: #000000; border-color: #c2c52e; } .btn-gray:active::after { background-color: #c2c52e;} /*white*/ .btn-white { background-color: transparent; border-color: #ffffff; color: #000000; } .btn-white:hover { color: #000000; border-color: #ffffff;} .btn-white::after {background-color: #ffffff;} .btn-white:active { color: #000000; border-color: #ffffff; } .btn-white:active::after { background-color: #ffffff;} /*red*/ .btn-red { background-color: transparent; border-color: #ffffff; color: #ffffff; } .btn-red:hover { color: #ffffff; border-color: #ed4a51;} .btn-red::after {background-color: #ed4a51;} .btn-red:active { color: #ffffff; border-color: #dd343a; } .btn-red:active::after { background-color: #dd343a;} /*red-b*/ .btn-red-b { background-color: transparent; border-color: #fd575b; color: #000000; } .btn-red-b:hover { color: #000000; border-color: #ed484c;} .btn-red-b::after {background-color: #ed484c;} .btn-red-b:active { color: #000000; border-color: #df2f35; } .btn-red-b:active::after { background-color: #df2f35;} /*green*/ .btn-green { background-color: transparent; border-color: #69c394; color: #000000; } .btn-green:hover { color: #ffffff; border-color: #5cba8a;} .btn-green::after {background-color: #5cba8a;} .btn-green:active { color: #ffffff; border-color: #3c9e68; } .btn-green:active::after { background-color: #3c9e68;} /*dry-orange*/ .btn-dry-orange { background-color: transparent; border-color: #ffffff; color: #ffffff; } .btn-dry-orange:hover { color: #ffffff; border-color: #fbac50;} .btn-dry-orange::after {background-color: #fbac50;} .btn-dry-orange:active { color: #ffffff; border-color: #ee901e; } .btn-dry-orange:active::after { background-color: #ee901e;} /*black*/ .btn-black { background-color: transparent; border-color: #000000; color: #000000; } .btn-black:hover { color: #ffffff; border-color: #000000;} .btn-black::after {background-color: #000000;} .btn-black:active { color: #ffffff; border-color: #000000; } .btn-black:active::after { background-color: #000000;} .btn-link { font-weight: normal; color: #000000; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent!important;} .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent;} .btn-link:hover { border-color: transparent;} .btn-link:focus, .btn-link:hover { color: #000000; text-decoration: none; background-color: transparent!important;} .btn-link:disabled:focus, .btn-link:disabled:hover { color: #000000; text-decoration: none; } .btn-1 { border-width: 1px; line-height: 46px; font-size: .875rem; min-width: none;} .btn-lg { padding: 0 48px; font-size: 1.25rem; height: 56px; line-height: 52px; } .btn-1.btn-lg { line-height: 54px;} .btn-sm { padding: 0 24px; font-size: .875rem; height: 36px; line-height: 32px; } .btn-1.btn-sm { line-height: 34px;} .btn-block { display: block; width: 100%; padding-left: 5px; padding-right: 5px;} .btn-block + .btn-block { margin-top: 0.375rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn__cancel {right: -85px;} @media only screen and (max-width: 1023px){.btn__cancel{right:-15px;} .card-tp.short {width:10rem;} .card-tp.short a{padding-right:2rem;}} .no-touch .btn { line-height: 40px;} .no-touch .btn-1 { line-height: 46px;} .no-touch .btn-sm { line-height: 30px;} .filter-btn { display: none; position: absolute; float: left; left: 1.25rem; color: #fff; text-transform: uppercase; font-weight: bold; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;} .filter-btn i { position: relative; top: -2px; right: -2px; display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #fff; } .on-map { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; position: relative; top: -8px; width: 65px; height: 27px; line-height: 27px; text-align: center; background-color: transparent; border: 1px solid #6dbdde; border-bottom: none; color: #6dbdde; font-family: Roboto; font-weight: normal; font-size: 12px; -webkit-transition: none; -o-transition: none; transition: none} .on-map span { content: ''; display: inline-block; position: absolute; right: 0; bottom: 0; height: 1px; width: 57px; background-color: #6dbdde; } .on-map::after { content: ''; position: absolute; bottom: -3px; left: -1px; display: block; border: 1px solid #6dbdde; border-top: none; border-right: none; width: 7px; height: 10px; -webkit-transform: skew(0deg, -42deg); -ms-transform: skew(0deg, -42deg); transform: skew(0deg, -42deg); } .on-map:visited { background-color: transparent; color: #6dbdde; } .on-map:focus { background-color: transparent; text-decoration: none; color: #6dbdde; } .on-map:hover { color: #fff; background-color: #6dbdde; } .on-map:hover::after { background-color: #6dbdde; } /*============================= SLICK SLIDER STYLES ==============================*/ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px; outline: none;}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*! jQuery UI - v1.11.4 - 2015-11-03 * http://jqueryui.com * Includes: core.css, autocomplete.css, menu.css, slider.css, tooltip.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ os .ui-helper-hidden{display:none}os .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}os .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}os .ui-helper-clearfix:before,os .ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}os .ui-helper-clearfix:after{clear:both}os .ui-helper-clearfix{min-height:0}os .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}os .ui-front{z-index:100}os .ui-state-disabled{cursor:default!important}os .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}os .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}os .ui-autocomplete{position:absolute;top:0;left:0;cursor:default}os .ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}os .ui-menu .ui-menu{position:absolute}os .ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}os .ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}os .ui-menu .ui-state-focus,os .ui-menu .ui-state-active{margin:-1px}os .ui-menu-icons{position:relative}os .ui-menu-icons .ui-menu-item{padding-left:2em}os .ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}os .ui-menu .ui-menu-icon{left:auto;right:0}os .ui-slider{position:relative;text-align:left}os .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}os .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}os .ui-slider.ui-state-disabled .ui-slider-handle,os .ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter:inherit;filter:inherit}os .ui-slider-horizontal{height:.8em}os .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}os .ui-slider-horizontal .ui-slider-range{top:0;height:100%}os .ui-slider-horizontal .ui-slider-range-min{left:0}os .ui-slider-horizontal .ui-slider-range-max{right:0}os .ui-slider-vertical{width:.8em;height:100px}os .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}os .ui-slider-vertical .ui-slider-range{left:0;width:100%}os .ui-slider-vertical .ui-slider-range-min{bottom:0}os .ui-slider-vertical .ui-slider-range-max{top:0}os .ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body os .ui-tooltip{border-width:2px} /*========================================== SITE DROPDOWN MEGA MENU STYLES ===========================================*/ .nav-premium-cards { display: block; .bt-dropdown { background-color: #fff; } } @media only screen and (min-width: 1024px) { .nav-premium-cards { display: none; } } .dropdown-nav ul { padding-left: 0; list-style: none; margin-bottom: 0;} .dropdown-nav ul a { background-color: transparent;} .dropdown-nav.dropdown-is-active ul a, .dropdown-nav.dropdown-is-active ul .c-menu-__link { background-color: transparent;} /* remove “X” from search input field */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } /* -------------------------------- Main Components -------------------------------- */ .dropdown-wrapper { display: inline-block; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropdown-nav h2, .dropdown-nav-content a, .dropdown-nav-content ul a, .dropdown-nav-content span, .dropdown-nav-content ul span { height: 50px; line-height: 50px; } @media only screen and (min-width: 768px) { .dropdown-nav h2, .dropdown-nav-content a, .dropdown-nav-content ul a, .dropdown-nav-content span, .dropdown-nav-content ul span { height: 60px; line-height: 60px; } } @media only screen and (min-width: 1024px) { .dropdown-nav h2, .dropdown-nav-content a, .dropdown-nav-content ul a { height: 50px; line-height: 50px; } } .dropdown-nav h2, .dropdown-nav-content a, .dropdown-nav-content ul a, .dropdown-nav-content span, .dropdown-nav-content ul span, .dropdown-nav-content .nav-divider { padding: 0 20px; } .dropdown-nav-content .nav-divider .nav-divider { padding: 0; border: 0; height: auto; line-height: 1; } .dropdown-nav { position: fixed; z-index: 5; top: 0; right: 0; width: 100%; height: 100%; background-color: #dcdf3c; color: #000000; visibility: hidden; /* Force Hardware Acceleration */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); transform: translate(100%, -100%); -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s; transition: visibility 0s 0.4s, -webkit-transform 0.4s; -o-transition: transform 0.4s, visibility 0s 0.4s; } .dropdown-nav h2 { /* dropdown title - mobile version only */ position: relative; z-index: 5; color: #9fa12a; background-color: #dcdf3c; border-bottom: 1px solid #c9cc32; font-size: 1.5rem; } .dropdown-nav .nav-close { visibility: hidden; /* 'X' close icon - mobile version only */ position: absolute; z-index: 5; right: 0; top: 0; height: 50px; width: 50px; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; background-color: transparent; } .dropdown-nav.dropdown-is-active .nav-close { visibility: visible; } .dropdown-nav .nav-close::after, .dropdown-nav .nav-close::before { /* this is the 'X' icon */ content: ''; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: 24px; width: 3px; background-color: #000000; } .dropdown-nav .nav-close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .dropdown-nav .nav-close::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .dropdown-nav.dropdown-is-active { visibility: visible; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: transform 0.4s, visibility 0s 0s; -webkit-transition: visibility 0s 0s, -webkit-transform 0.4s; transition: visibility 0s 0s, -webkit-transform 0.4s; -o-transition: transform 0.4s, visibility 0s 0s; transition: transform 0.4s, visibility 0s 0s; transition: transform 0.4s, visibility 0s 0s, -webkit-transform 0.4s; } @media only screen and (min-width: 768px) { .dropdown-nav .nav-close { top: 5px; } } .dropdown-nav-content, .dropdown-nav-content ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; padding-top: 50px; } .dropdown-nav-content a, .dropdown-nav-content ul a, .dropdown-nav-content ul span, .dropdown-nav-content span { display: block; color: #000000; /* truncate text with ellipsis if too long */ overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; /*border-top-width: 1px; border-color: #c9cc32; border-style: solid;*/ border-bottom: 1px solid #c9cc32; } .dropdown-nav-content li:first-of-type > a, .dropdown-nav-content ul li:first-of-type > a { border-top-width: 0; } .dropdown-nav-content li:last-of-type > a, .dropdown-nav-content ul li:last-of-type > a { border-bottom-width: 1px; } .dropdown-nav-content .nav-divider, .dropdown-nav-content ul .nav-divider { padding-top: 10px; padding-bottom: 10px; background-color: #dcdf3c; font-size: .75rem; font-weight: bold; letter-spacing: 1px; color: #9fa12a; text-transform: uppercase; border-bottom: 1px solid #c9cc32; } /* .dropdown-nav-content .nav-divider + li > a, .dropdown-nav-content ul .nav-divider + li > a { border-top-width: 0; } */ .dropdown-nav-content a, .dropdown-nav-content span, .dropdown-nav-content .nav-search, .dropdown-nav-content .nav-divider, .dropdown-nav-content ul a, .dropdown-nav-content ul span, .dropdown-nav-content ul .nav-search, .dropdown-nav-content ul .nav-divider { /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; } .dropdown-nav-content.is-hidden, .dropdown-nav-content ul.is-hidden { /* push the secondary dropdown items to the right */ -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .dropdown-nav-content.is-hidden > li > a, .dropdown-nav-content.is-hidden > li > .nav-search, .dropdown-nav-content.is-hidden > .nav-divider, .dropdown-nav-content.move-out > li > a, .dropdown-nav-content.move-out > li > .nav-search, .dropdown-nav-content.move-out > .nav-divider, .dropdown-nav-content ul.is-hidden > li > a, .dropdown-nav-content ul.is-hidden > li > .nav-search, .dropdown-nav-content ul.is-hidden > .nav-divider, .dropdown-nav-content ul.move-out > li > a, .dropdown-nav-content ul.move-out > li > .nav-search, .dropdown-nav-content ul.move-out > .nav-divider, .dropdown-nav-content ul.move-out > span { /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */ opacity: 0; } .dropdown-nav-content.move-out > li > a, .dropdown-nav-content.move-out > li > .nav-search, .dropdown-nav-content.move-out > .nav-divider, .dropdown-nav-content ul.move-out > li > a, .dropdown-nav-content ul.move-out > li > .nav-search, .dropdown-nav-content ul.move-out > li > .nav-divider, .dropdown-nav-content ul.move-out > li > span { /* push the dropdown items to the left when secondary dropdown slides in */ -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .dropdown-is-active .dropdown-nav-content, .dropdown-is-active .dropdown-nav-content ul { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { .dropdown-nav-content, .dropdown-nav-content ul { padding-top: 60px; } .dropdown-nav-content a, .dropdown-nav-content span, .dropdown-nav-content ul span, .dropdown-nav-content ul a { font-size: 1.25rem; font-weight: 400; } } .dropdown-nav-content .see-all a { /* different style for the See all links */ color: #000000; background-color: #c2c52e; } .dropdown-nav-content .dropdown-nav-gallery .dropdown-nav-item, .dropdown-nav-content .dropdown-nav-icons .dropdown-nav-item { /* items with picture (or icon) and title */ height: 80px; line-height: 80px; } .dropdown-nav-content .dropdown-nav-gallery .dropdown-nav-item { padding-left: 90px; } .dropdown-nav-content .dropdown-nav-icons .dropdown-nav-item { padding-left: 75px; position: relative; } @-webkit-keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @-webkit-keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } @keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } .dropdown-nav-content .nav-search input[type="search"] { width: 100%; height: 50px; padding: 0 20px 0 64px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: url(../img/icon-nav-search.png) no-repeat 20px 50% #dcdf3c; background-size: 20px 20px; color: #9fa12a; border: none; border-radius: 0; border-bottom: 1px solid #c9cc32; font-size: 1rem; } .dropdown-nav-content .nav-search button[type="reset"] { display: none; } .dropdown-nav-content .nav-search input[type="search"]::-webkit-input-placeholder { color: #9fa12a; } .dropdown-nav-content .nav-search input[type="search"]::-moz-placeholder { color: #9fa12a; } .dropdown-nav-content .nav-search input[type="search"]:-moz-placeholder { color: #9fa12a; } .dropdown-nav-content .nav-search input[type="search"]:-ms-input-placeholder { color: #9fa12a; } .dropdown-nav-content .nav-search input[type="search"]:focus { background-color: #dcdf3c; color: #9fa12a; outline: none; } .dropdown-nav-content .nav-search input[type="search"]:focus::-webkit-input-placeholder { color: rgba(17, 20, 51, 0.4); } .dropdown-nav-content .nav-search input[type="search"]:focus::-moz-placeholder { color: rgba(17, 20, 51, 0.4); } .dropdown-nav-content .nav-search input[type="search"]:focus:-moz-placeholder { color: rgba(17, 20, 51, 0.4); } .dropdown-nav-content .nav-search input[type="search"]:focus:-ms-input-placeholder { color: rgba(17, 20, 51, 0.4); } .has-children > a,.has-children > span, .go-back a { position: relative; } .has-children > a::before, .has-children > a::after, .has-children > span::before, .has-children > span::after, .go-back a::before, .go-back a::after { /* arrow icon in CSS - for element with nested unordered lists */ content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background-color: #9fa12a; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .has-children > span::before, .has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .has-children > a::after, .has-children > span::after, .go-back a::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* @media only screen and (min-width: 1024px) { .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { background: #b3b3b3; } } */ .has-children > a, .has-children > span { padding-right: 40px; } .has-children > span::before, .has-children > a::before, .has-children > span::after, .has-children > a::after { /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; transform-origin: 9px 50%; } /* @media only screen and (min-width: 1024px) { .open-to-left .dropdown-nav-content > .has-children > a { padding-left: 40px; padding-right: 20px; } .open-to-left .dropdown-nav-content > .has-children > a::before, .open-to-left .dropdown-nav-content > .has-children > a::after { right: auto; left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } } */ .dropdown-nav-content .go-back a { padding-left: 40px; font-size: 1rem; background-color: #c9cc32; } .dropdown-nav-content .go-back a::before, .dropdown-nav-content .go-back a::after { /* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; transform-origin: 1px 50%; } .no-js .dropdown-wrapper .nav-close { display: none; } /*DESKTOP NAV*/ @media only screen and (min-width: 1024px) { .dropdown-wrapper { float: right; position: absolute; right: 1.25rem; top: 24px;} .dashbord_links { display: none;} } .site-navigation { display: none; } .site-navigation.inline-nav, .site-navigation.dropdown-nav { display: block; } .inline-nav > h2, .inline-nav > .nav-close, .inline-nav-content .go-back, .inline-nav-content .has-children > a::before, .inline-nav-content .has-children > a::after, .inline-nav-content .has-children > span::before, .inline-nav-content .has-children > span::after { display: none;} .inline-nav { position: relative; z-index: 2;} .inline-nav ul { list-style: none; padding: 0; margin: 0;} .inline-nav ul a { text-decoration: none;} .inline-nav-content::before, .inline-nav-content::after { content: ""; display: table;} .inline-nav-content::after { clear: both;} .inline-nav-content > li { float: left; position: relative;} .inline-nav-content > li > a { position: relative; display: block; height: 36px; line-height: 36px; letter-spacing: .7px; padding: 0 15px; font-size: .8125rem; text-align: center; text-transform: uppercase; background-color: transparent;} @media screen and (max-width: 1320px) { .inline-nav-content > li > a { font-size: .7rem; } } .no-touch .inline-nav-content > li:hover > a { background-color: #dcdf3c;} /*sub menu styles*/ .inline-nav-content > li.has-children { -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s; -webkit-transition: visibility 0s 0.5s, -webkit-transform 0.5s 0s; transition: visibility 0s 0.5s, -webkit-transform 0.5s 0s; -o-transition: transform 0.5s 0s, visibility 0s 0.5s; transition: transform 0.5s 0s, visibility 0s 0.5s; transition: transform 0.5s 0s, visibility 0s 0.5s, -webkit-transform 0.5s 0s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .inline-nav-content > li.has-children:hover { /*visibility: visible;*/ -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.5s 0s, visibility 0.5s 0s; -webkit-transition: visibility 0.5s 0s, -webkit-transform 0.5s 0s; transition: visibility 0.5s 0s, -webkit-transform 0.5s 0s; -o-transition: transform 0.5s 0s, visibility 0.5s 0s; transition: transform 0.5s 0s, visibility 0.5s 0s; transition: transform 0.5s 0s, visibility 0.5s 0s, -webkit-transform 0.5s 0s; } .inline-nav-content > li > ul { visibility: hidden; overflow-x: hidden; overflow-y: auto; max-height: 680px; padding: 1rem 0; margin: 0; list-style: none; background-color: #dcdf3c; -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.09); box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.09); position: absolute; left: 0; right: auto; top: 100%; z-index: 10; /* -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -o-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; */ -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; } .inline-nav-content > li:hover > ul { visibility: visible; /* -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); */ -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .inline-nav-content > li > ul > li { position: relative; padding-left: .5rem; padding-right: .5rem; opacity: 0; visibility: hidden; -webkit-transition: opacity .15s, visibility .15s; -o-transition: opacity .15s, visibility .15s; transition: opacity .15s, visibility .15s } .inline-nav-content > li:hover > ul > li { opacity: 1; visibility: visible; } .inline-nav-content > li > ul > li > a { position: relative; background-color: transparent; display: block; font-size: 1.125rem; padding: .5rem; overflow: hidden; /*text-overflow: ellipsis; white-space: nowrap;*/} .inline-nav-content > li > ul > li:hover > a { white-space: normal;} .inline-nav-content > li > ul > li > a::after { content: ""; width: 0; height: 100%; background-color: #f4f750; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: width 0.3s ease 0s; -o-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;} .inline-nav-content > li > ul > li:hover > a::after { width: 100%;} .inline-nav-content > li a span { font-size: .875rem; color: #a8aa2a;} .inline-nav-content > li > ul .nav-divider { display: block !important; width: 100%; padding: .75rem 1rem; font-size: .875rem; color: #a4a629;} .inline-nav-content > li > ul .nav-divider .nav-divider { padding: 0; } .inline-nav-content > li > ul > li.see-all { display: block; width: 100%; height: 96px; text-align: center; padding: 16px; border-top: 1px solid #c2c52e; position: absolute; bottom: 0; letter-spacing: normal; word-spacing: normal; } .inline-nav-content > li > ul > li.see-all > a {text-align: center; background-color: #c2c52e; padding-top: 1rem; padding-bottom: 1rem;} /*deposit*/ .inline-nav-content > li.secondary-dropdown > ul { width: 290px;} .private .inline-nav-content > li.secondary-dropdown > ul { padding-bottom: 6.75rem;} /*credits*/ .inline-nav-content > li.dropdown-credits > ul { width: 580px; letter-spacing: -4px; word-spacing: -4px;} .private .inline-nav-content > li.dropdown-credits > ul { /*padding-bottom: 6.75rem;*/ left: -104px; } .business .inline-nav-content > li.dropdown-credits > ul {width: 580px; left: auto; right: 0;}/*width: 290px;*/ .corporate .inline-nav-content > li.dropdown-credits > ul { left: auto; right: 0;} .inline-nav-content > li.dropdown-credits > ul > li { position: relative; display: inline-block; vertical-align: top; width: 50%; letter-spacing: normal; word-spacing: normal; } .business .inline-nav-content > li.dropdown-credits > ul > li { width: 50%;} .inline-nav-content > li.dropdown-credits > ul > li.go-back { display: none;} /*cards*/ .inline-nav-content > li.dropdown-cards > ul { width: 870px; left: -390px; letter-spacing: -4px; word-spacing: -4px; } @media only screen and (min-width: 1024px) { .inline-nav-content > li.dropdown-cards > ul {left: -390px;} } .inline-nav-content > li.dropdown-cards > ul > li { position: relative; display: inline-block; vertical-align: top; width: 33.33333%; letter-spacing: normal; word-spacing: normal; } .inline-nav-content > li.dropdown-cards > ul > li.go-back { display: none;} /*other services*/ .inline-nav-content > li.dropdown-all > ul { width: 870px; position: absolute !important; top: 100%; left: auto; right: 0; letter-spacing: -4px; word-spacing: -4px; } .inline-nav-content > li.dropdown-all > ul > li { position: relative; display: inline-block; vertical-align: top; width: 33.33333%; letter-spacing: normal; word-spacing: normal; } @media only screen and (min-width: 1440px) { .inline-nav-content > li.dropdown-all > ul {width: 1160px;} .inline-nav-content > li.dropdown-all > ul > li { width: 25%;} } .inline-nav-content > li.dropdown-all > ul > li.go-back { display: none;} .inline-nav-content > li.dropdown-all > ul > li.has-form { width: 100%;} .inline-nav-content > li.dropdown-all > ul > li > a { display: none;} .inline-nav-content > li.dropdown-all > ul > li { position: relative; padding-left: .5rem; padding-right: .5rem; } .inline-nav-content > li.dropdown-all > ul .nav-divider { padding-left: .5rem; padding-right: .5rem;} .inline-nav-content > li.dropdown-all > ul > li > ul a {position: relative; background-color: transparent; display: block; font-size: 1rem; padding: .5rem .5rem; overflow: hidden; /*white-space: nowrap;*/} .inline-nav-content > li.dropdown-all > ul > li > ul a::after { content: ""; width: 0; height: 100%; background-color: #f4f750; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: width 0.3s ease 0s; -o-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;} .inline-nav-content > li.dropdown-all > ul > li > ul > li:hover > a::after { width: 100%;} .inline-nav-content > li > .has-form { width: 870px; position: absolute; right: 0; top: 100%; z-index: 3; visibility: hidden; opacity: 0; -webkit-transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s; -o-transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s; transition: visibility 0.3s ease 0s, opacity 0.3s ease 0s;} .inline-nav-content > li:hover > .has-form { opacity: 1; visibility: visible;} @media only screen and (min-width: 1440px) { .inline-nav-content > li > .has-form {width: 1160px;} } .inline-nav-content .nav-search { position: relative; width: 100%; height: 50px; background-color: #dcdf3c;} .inline-nav-content .nav-search input[type="search"] { width: 100%; height: inherit; padding: 0 20px 0 48px; background: url(../img/icon-nav-search-desktop.png) no-repeat 16px 50% #dcdf3c; color: #9fa12a; border: none; border-radius: 0; border-bottom: 1px solid #c9cc32; font-size: 1.5rem;} .inline-nav-content .nav-search button[type="reset"] { display: inline-block; width: 0; height: 0; background-image: none; border: none; background-color: #c2c52e; color: transparent; text-indent: 100%; overflow: hidden; white-space: nowrap; border-radius: 50%; position: absolute; right: .75rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s cubic-bezier(0.25,0.25,0,1); -o-transition: all 0.3s cubic-bezier(0.25,0.25,0,1); transition: all 0.3s cubic-bezier(0.25,0.25,0,1); } .inline-nav-content .nav-search button[type="reset"].is-visible { width: 36px; height: 36px; } .no-touch .inline-nav-content .nav-search button[type="reset"]:hover { background-color: #f4f750;} .inline-nav-content .nav-search button[type="reset"]::before, .inline-nav-content .nav-search button[type="reset"]::after { content: ""; display: inline-block; width: 2px; height: 20px; background-color: #000000; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -1px; } .inline-nav-content .nav-search button[type="reset"]::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .inline-nav-content .nav-search button[type="reset"]::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} /*=============================== GENERAL STYLES ================================*/ *::-moz-selection { background-color: #fe9800; color: #ffffff; } *::selection { background-color: #fe9800; color: #ffffff; } html, body { height: 100%; position: relative; } html { font-size: 100%; -webkit-font-smoothing: antialiased; } html.overflow-hidden { overflow: hidden; } /*@media only screen and (min-width: 0) { html { font-size: 62.5%; } } @media only screen and (min-width: 1280px) { html { font-size: 87.5%; } } @media only screen and (min-width: 1200px) { html { font-size: 100%;} }*/ body { font-family: 'Roboto', Arial, sans-serif; font-size: 1rem; line-height: 1.5rem; color: #000000; background-color: #ffffff; } body { overflow-x: hidden; } form fieldset legend { font-family: 'Roboto', Arial, sans-serif; } /*fonts ROBOTO CONDENSED*/ table, .table-activity thead th, .instruction, .instruction-sm, .copyright .instruction, .footer-widget, .product-desc, .deposit-item-meta .meta-label, .deposit-entry .deposit-min-sum .label, .credit-item-meta .meta-label, .condition-item .label, .side-nav > div > ul > li > a, .sync-slider-video-nav .slide-item-title, .sync-slider-video-nav .video-meta-info, .currency-item, .currency-item-2, .tabs-container-select .placeholder a span, .entry-preview .entry-date, .section-interest-rate .section-title > .rate-date-info, .deposit-terms-info, .deposit-item-meta .notice, .credit-meta-item .label, .card-preview-title .label, .card-preview-special-title .label, .card-item-title .label, .department-location, .department-opening-hours, .kopiyka-preview-title .label, .form-results span, .error-message { font-family: 'Roboto Condensed', 'Roboto', Helvetica, Arial, sans-serif; } /*FONTS FUTURA PT DEMI*/ .btn, .product-title, .page-title, .card-preview-content .card-title, .block-title, .deposit-item-meta span + span, .deposit-item-meta, .main-menu .nav-divider, .main-menu a, .form-control-label, .form-item > label, .side-nav > div .label, .top-navigation, .font-switcher, .lang-switcher, .bt-dropdown, .tabs-container-select nav, .tabs-navigation, .top-more-link, .deposit-label > span, .range-slider-wrap input, .filter-deposits-container .list-form-inline label, .deposit-item-title .currency-label, .credit-title, .credit-item-meta, .credit-meta-item, .page-nav, .credit-nav, .range-slider-wrap input, .range-slider-wrap span, .credit-month-sum, .condition-item, .card-preview-title, .card-preview-special-title, .card-item-title, .card-tp-tile, .department-tel, .filter-view-type-switcher, .trans-sum-total, .table-commission tbody td span, .slide-features, .box-item-with-icon > .inner span.icon, .section-404 .section-title, .title-label, .slide-title, .slide-title-case, .products-preview-header h3, .adv-title, .footer-widget-title { font-family: 'FuturaPT-Demi'; font-weight: normal; font-style: normal;} /*FONTS FUTURA PT BOLD*/ h1, h2, h3, h4, h5, h6, .copyright, .feature-title, .msb-service-title, .entry-preview .entry-title, .deposit-item-title, .deposit-entry .deposit-min-sum, .deposit-currency, .link-ua-title, .product-preview .product-title > span, .card-desc-title, .card-add-service-title, .department-address, .payment-item-title, .payment-type > span, .transactions-types .block-title, .kopiyka-preview-title, .table-commission tbody td, .accordion-item-title, .product-preview .product-title, .question-box { font-family: 'FuturaPT-Bold'; font-weight: normal; font-style: normal; font-weight: 500 !important;} /*============================ TYPOGRAPHY STYLES =============================*/ @media (max-width:1023px){ @supports not (-moz-hyphens: auto) { body { word-break: break-all; } } body { /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */ -ms-word-break: break-all; word-break: break-all; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } } a, a:hover, a:active, a:visited { color: #000000; text-decoration: none;} a { background-color: #edef9d; /*display: inline-block;*/ } a:active, a:focus { /*background-color: #c2c52e;*/color: #000000; text-decoration: none; } a:visited { background-color: #e5e6ce;} a:hover { background-color: #f4f750;} #toolbar-administration a { background-color: transparent !important; } p { margin-top: 0; margin-bottom: 1.5rem; } h1, h2, h3, h4, h5, h6 { /*margin: 1.414rem 0 0.5rem;*/margin: 1.5rem 0 0.5rem; font-weight: 600; line-height: 1.2; color: inherit; position: relative; } h1 { margin-top: 0; font-size: 4rem; } h2 {font-size: 3rem;} h3 {font-size: 2.25rem;} h4 {font-size: 1.25rem;} @media (min-width:1024px){ h4 {font-size: 1.5rem;} } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: inherit; background-color: inherit; } .icon { line-height: inherit; position: relative; pointer-events: none; } i { font-style: normal;} .img-responsive { display: inline-block; max-width: 100%; height: auto;} .instruction { display: block; color: #929c9f;} .instruction-sm { font-size: .875rem;} a.file { display: inline-block; vertical-align: middle; background-color: #ffffff; color: #808080; font-size: .75rem; padding: 1rem 1.25rem;} a.file .icon { float: left; margin-right: 1.5rem; display: inline-block; width: 36px; height: 36px; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%;} a.file .file-info { overflow: hidden;} a.file.file-pdf .icon { background-image: url(../img/icon-pdf.png);} a.file .file-size { display: block;} a.file .file-name { display: block;} ul li p { margin: 0;} ul ul { list-style: disc} .btn-reset, .btn-reset:hover, .btn-reset:active, .btn-reset:focus { background-color: #fc5a61 !important; padding: 0;} .m-top-10 { margin-top: 1.5rem !important;} .m-bot-10 { margin-bottom: 1.5rem !important;} .no-bot-0 { margin-bottom: 0 !important;} .pad-bot-0 { padding-bottom: 0 !important;} .pad-top-0 { padding-top: 0 !important;} .text-container { width: 100%;} @media (min-width:1024px){ .text-container { max-width: 640px;} } .section-interest-rate .text-container { margin: 0; } .section-interest-rate{ table.table-striped td:first-child { padding-left: 0; } table.table-striped td:last-child { padding-right: 0; } } .rel-container { position: relative; height: 100%;} /*============================ STYLED LIST STYLES ============================*/ ul.m-b-10 > li { margin-bottom: .625rem;} ul.list-line, ul.list-check { padding-left: 0; margin-bottom: 0rem; list-style: none;} ul.list-line > li { position: relative;} ul.list-line > li::before { content: ""; width: 12px; height: 2px; position: absolute; top: 0.75rem; left: -1.5rem; } ul.list-line.blue > li::before { background-color: #7196da; } ul.list-line.black > li::before { background-color: #000000; } ul.list-line.white > li::before { background-color: #ffffff; } ul.list-line.red > li::before { background-color: #fc5a61; } ul.list-check > li { position: relative; padding-left: 1.5rem;} ul.list-check > li::before {content: ""; width: 8px; height: 14px; border-style: solid; border-width: 3px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; position: absolute; left: 0; top: 4px;} ul.list-check.black > li::before {border-color: transparent #000000 #000000 transparent;} .list-table { padding-left: 0; list-style: none; } .list-table > li { display: block; } .list-table > li > .li-cell { display: block; margin: 2.5rem 0; } .list-table > li > .li-cell img { display: inline-block; max-width: 100%; height: auto;} @media (min-width:1024px){ .list-table > li { display: table; table-layout: fixed; width: 100%; max-width: 100%; } .list-table > li > .li-cell { display: table-cell; vertical-align: middle; margin: 1.5rem 0; } } /*======================== FILE LINKS STYLES =========================*/ .touch .touch-hidden { display: none !important;} a[href$="pdf"], a[href$="PDF"], a[href$="zip"], a[href$="ZIP"], a[href$="7z"], a[href$="7Z"], a[href$="rar"], a[href$="RAR"], a[href$="doc"], a[href$="DOC"], a[href$="docx"], a[href$="DOCX"], a[href$="xls"], a[href$="XLS"], a[href$="xlsx"], a[href$="XLSX"] { color: inherit; font-size: .75rem; padding: 20px 20px 20px 60px; display: inline-block; vertical-align: middle; border: 2px solid #ffffff; background-color: #ffffff; background-repeat: no-repeat; background-position: 8px 50%; background-image: url(../img/icon-pdf.png); } a[href$="pdf"], a[href$="PDF"] { background-image: url(../img/icon-pdf.png); } a[href$="rar"], a[href$="RAR"] { background-image: url(../img/icon-rar.png); } a[href$="doc"], a[href$="docx"], a[href$="DOC"], a[href$="DOCX"] { background-image: url(../img/icon-doc.png); } a[href$="xls"], a[href$="xlsx"], a[href$="XLS"], a[href$="XLSX"] {background-image: url(../img/icon-xls.png);} a[href$="zip"], a[href$="ZIP"] {background-image: url(../img/icon-zip.png);} a[href$="7z"], a[href$="7Z"] {background-image: url(../img/icon-7zip.png);} a[href$="pdf"] > span, a[href$="PDF"] > span, a[href$="zip"] > span, a[href$="ZIP"] > span, a[href$="7z"] > span, a[href$="7Z"] > span, a[href$="rar"] > span, a[href$="RAR"] > span, a[href$="doc"] > span, a[href$="DOC"] > span, a[href$="docx"] > span, a[href$="DOCX"] > span, a[href$="xls"] > span, a[href$="XLS"] > span, a[href$="xlsx"] > span, a[href$="XLSX"] > span { display: block;} /* .accordion a[href$="pdf"] {background-color: transparent; background-image: url(../img/icon-pdf-white.png);} .accordion a[href$="zip"] { background-color: transparent; background-image: url(../img/icon-zip-white.png);} .accordion a[href$="rar"] { background-color: transparent; background-image: url(../img/icon-rar-white.png);} .accordion a[href$="doc"], .accordion a[href$="docx"] { background-color: transparent; background-image: url(../img/icon-doc-white.png);} .accordion a[href$="xls"], .accordion a[href$="xlsx"] { background-color: transparent; background-image: url(../img/icon-xls-white.png);} */ .table a[href$="pdf"], .table a[href$="PDF"], .table a[href$="zip"], .table a[href$="ZIP"], .table a[href$="7z"], .table a[href$="7Z"], .table a[href$="rar"], .table a[href$="RAR"], .table a[href$="doc"], .table a[href$="DOC"], .table a[href$="docx"], .table a[href$="DOCX"], .table a[href$="xls"], .table a[href$="XLS"], .table a[href$="xlsx"], .table a[href$="XLSX"] { background-color: transparent; border-color: transparent; font-size: 1rem; padding: 8px 8px 8px 96px;} @media (max-width:600px){ .table a[href$="pdf"], .table a[href$="PDF"], .table a[href$="zip"], .table a[href$="ZIP"], .table a[href$="7z"], .table a[href$="7Z"], .table a[href$="rar"], .table a[href$="RAR"], .table a[href$="doc"], .table a[href$="DOC"], .table a[href$="docx"], .table a[href$="DOCX"], .table a[href$="xls"], .table a[href$="XLS"], .table a[href$="xlsx"], .table a[href$="XLSX"] { font-size: 0.75rem; padding: 8px 5px 8px 60px;} .table { font-size: 0.75rem; } } .side-nav > div a[href$="pdf"], .side-nav > div a[href$="PDF"], .side-nav > div a[href$="zip"], .side-nav > div a[href$="ZIP"], .side-nav > div a[href$="7z"], .side-nav > div a[href$="7Z"], .side-nav > div a[href$="rar"], .side-nav > div a[href$="RAR"], .side-nav > div a[href$="doc"], .side-nav > div a[href$="DOC"], .side-nav > div a[href$="docx"], .side-nav > div a[href$="DOCX"], .side-nav > div a[href$="xls"], .side-nav > div a[href$="XLS"], .side-nav > div a[href$="xlsx"], .side-nav > div a[href$="XLSX"] { background-image: none !important; border: none !important; display: block;} /*============================ TRANSITION EFFECT STYLES =============================*/ a, button { -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } /*============================ PARALLAX STYLES =============================*/ .parallax-container{position:relative;overflow:hidden;min-height:23.75rem}.parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax img{display:none;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.pin-bottom,.pin-top{position:relative}.pinned{position:fixed!important} @media (min-width:1024px){ .parallax-container {min-height:30.63rem} } /*============================ VIDEO EMBED STYLES =============================*/ .video-embed {position:relative;padding-bottom:56.25%;/*padding-top:25px;*/height:0;overflow:hidden; margin: 1rem auto;} .video-embed .video-content, .video-embed iframe { display: block; position:absolute;top:0;left:0;width:100%;height:100%;} .video-embed .video-content { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;} .video-embed .play { display: block; cursor: pointer; background: rgba(0,0,0,.09) url(../img/play.png) no-repeat 50% 50% /*/ 72px 72px*/; /*opacity: 0.5; */position: absolute; left: 0; bottom: 0; right: 0; top: 0; -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; -o-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s; } .video-embed:hover .play { background-color: rgba(0,0,0,0.15);} /*====================== TABS SELECT STYLES =======================*/ .tabs-container-select {position: relative;} .tabs-container-select nav { position: relative; width: 100%; display: block; white-space: nowrap; } .tabs-container-select .tabs-nav { padding: 10px; background-color: #dcdf3c; margin-bottom: 0; list-style: none; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.3); box-shadow: 0 20px 40px rgba(0,0,0,.3); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; z-index: 4; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} .tabs-container-select .is-active .tabs-nav { opacity: 1; visibility: visible; height: auto; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);} .tabs-container-select .tabs-nav a { position: relative; display: block; width: 100%; text-align: left; color: inherit; background-color: transparent; color: #000000; padding: .625rem .625rem/*2.5rem*/ .625rem 2rem; -webkit-transition: background-color .28s ease; -o-transition: background-color .28s ease; transition: background-color .28s ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tabs-container-select .tabs-nav a span { dispay: none; } .tabs-container-select .tabs-nav > li > a::before { content: ""; width: 0; height: 100%; background-color: #f4f750; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: width 0.3s ease 0s; -o-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;} .tabs-container-select .tabs-nav > li:hover > a::before { width: 100%;} .tabs-container-select .tabs-nav a > span { display: none;} .tabs-container-select .tabs-nav a.selected::after {content: ""; width: 8px; height: 14px; border-color: transparent #000000 #000000 transparent; border-style: solid; border-width: 3px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; position: absolute; left: 8px; top: 14px;} .tabs-container-select .panes { overflow: hidden; } .tabs-container-select .panes .pane { padding: 1.25rem 0;} .currency-rate-section .tabs-container-select .panes { width: 100%; float:right; margin-left: 0px; margin-top: 68px; padding-top: 10px; padding-bottom: 10px;} .currency-rate-section .tabs-container-select nav { float: none; margin-right: 0; width: 100%;} @media (min-width:1024px){ .currency-rate-section .tabs-container-select nav { float: left; width: 220px; margin-right: 20px;} .currency-rate-section .tabs-container-select .panes { /*float: right; width: calc(100% - 300px);*/ width: calc(100% - 240px); margin-left: 0px; margin-top: 0; } } /* @media (min-width:1024px){ .currency-rate-section .panes{ width:auto; float:none; margin-left: 0px; } }*/ .tabs-container-select .placeholder a { position: relative; display: block; background-color: transparent; padding: 1.5rem 2.5rem 1.5rem 2rem; text-decoration: none;} .tabs-container-select .placeholder a::after { content: ""; display: inline-block; width: 0; height: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-top: 6px solid #000000; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (min-width:1024px){ .currency-rate-section .tabs-container-select .placeholder a::after {top: 36px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } .tabs-container-select .placeholder a span { pointer-events: none; display: block; font-weight: 300; color: #a6aeb1; font-size: .75rem; line-height: 1;} .tabs-container-select .is-active .placeholder a { border-color: #c2c52e; background-color: #c2c52e; color: #000000; } .tabs-container-select .is-active .placeholder a span { color: #000000;} .tabs-container-select.blue-outline .tabs-nav {background-color: #7196da;} .tabs-container-select.blue-outline .tabs-nav a { background-color: #7196da; color: #ffffff; } .tabs-container-select.blue-outline .tabs-nav a:hover { background-color: #658acf;} .tabs-container-select.blue-outline .placeholder a span { color: #a6aeb1; } .tabs-container-select.blue-outline .is-active .placeholder a { border-color: #7196da; background-color: #7196da; color: #ffffff; } .tabs-container-select.blue-outline .is-active .placeholder a::after { border-top-color: #ffffff;} .tabs-container-select.blue-outline .placeholder a span { color: #000000;} .tabs-container-select.blue-outline .tabs-nav a.selected::after {border-color: transparent #ffffff #ffffff transparent;} /*====================== TABS STYLES =======================*/ .tabs-container { position: relative;} .tabs-container nav { position: relative; /*width: 100%;*/ display: inline-block; white-space: nowrap; /*overflow-x: auto;*/ -webkit-overflow-scrolling: touch; } .tabs-navigation { padding-left: 0; margin-bottom: 0; list-style: none; } .tabs-navigation li { display: inline-block;} .tabs-navigation a { position: relative; display: block; width: 100%; height: 2rem; line-height: 2rem; padding: 0rem; text-align: center; -webkit-transition: background-color .28s ease; -o-transition: background-color .28s ease; transition: background-color .28s ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tab-container-default .tabs-navigation {background-color: #dde03c; border: 2px solid #dde03c;} .tab-container-default .tabs-navigation a {color: #000000; background-color: #f4f2e9; text-decoration: none;} .tab-container-default .tabs-navigation a:hover { background-color: #f4f93b;} .tab-container-default .tabs-navigation a:active, .tab-container-default .tabs-navigation a.selected { background-color: #dce123; } .tab-container-dropdown { margin-bottom: 2rem;} .panes .pane { display: none; padding-top: 1.875rem;} .panes .pane.selected { display: block; -webkit-animation: fade-in-tab 0.5s; animation: fade-in-tab 0.5s; } @-webkit-keyframes fade-in-tab {0%{opacity:0;}100%{opacity:1;}} @keyframes fade-in-tab{0%{opacity:0;}100%{opacity:1;}} .page-private-callback { background-color: #f8f8e7; } .page-private-callback .order-container { background-color: #f8f8e7; border-bottom: 0; } .collapse { display: none; } .collapse.show { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease; } .wrap-people-call .container { max-width: 720px; padding: 0 10px; } .wrap-people-call .btn-primary { position: relative; padding-left: 15px; width: 100%; text-align: left; border-bottom: 2px solid #000; padding-right: 30px; text-transform: none; } .wrap-people-call .btn-primary:after { content: ""; position: absolute; right: 10px; width: 16px; left: auto; top: 50%; margin-top: -8px; height: 16px; background: url("/themes/oschad/assets/img/arrow-left.svg") center no-repeat; transform: rotate(270deg); background-size: contain; } /*====================== PAGE NAV STYLES =======================*/ .page-nav { display: none;} .page-nav ul { padding-left: 0; margin-bottom: 0; list-style: none;} .page-nav ul > li { margin-bottom: .75rem;} .page-nav ul > li:last-child { margin-bottom: 0;} .page-nav ul > li > a { position: relative; color: #ffffff; background-color: transparent; display: inline-block; padding-bottom: 2px; text-decoration: none;} .page-nav ul > li > a::after { content: ""; width: 0; height: 2px; background-color: #ffffff; position: absolute; left: 0; bottom: 0; -webkit-transition: width 0.3s ease 0s; -o-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;} .no-touch .page-nav ul > li > a:hover::after { width: 100%;} @media (min-width:1024px){ .page-nav { display: block;} } .credit-nav.page-nav { display: block; } /*============================= POPUP STYLES ==============================*/ .popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 5; background-color: rgba(255, 255, 255, 0.7); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -o-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; } .popup.is-visible { overflow-y: auto; opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -o-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .popup-container { position: relative; width: 90%; min-height: calc(100% - 6rem); margin: 3rem auto; padding: 5.5rem 0 2rem; background: #f8f8e7; border: 1px solid #ebed88; /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);*/ -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .popup-container .popup-close { display: inline-block; width: 44px; height: 44px; white-space: nowrap; overflow: hidden; text-indent: 100%; color: transparent; background-color: transparent; position: absolute; right: 10px; top: 10px; z-index: 1;} .popup-container .popup-close::after, .popup-container .popup-close::before { content: ""; width: 32px; height: 3px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #000000; position: absolute; left: 50%; top: 50%; } .popup-container .popup-close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .popup-container .popup-close::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .is-visible .popup-container { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .popup-logo { display: none; width: 102px; position: absolute; left: 16px; top: -24px;} .popup-logo img { display: inline-block; max-width: 100%;} @media (min-width:1024px){ .popup-logo { display: block; width: 102px; position: absolute; left: 16px; top: -24px;} .popup-logo img { display: inline-block; max-width: 100%;} .popup-inner { width: 50%; margin: auto;} } /*============================== ACCORDION STYLES ===============================*/ .accordion-item { margin-bottom: 1.125rem;} .accordion-item-title { display: block; position: relative; font-size: 1.5rem/*2.25rem*/; padding: 20px 0/*20px 120px 20px 20px*/; } a.accordion-item-title {background-color: #dcdf3c; text-decoration: none; color: inherit;} .accordion-item-title.is-active { padding-top: 40px; padding-bottom: 40px;} .accordion-item-title * { pointer-events: none;} .accordion-item-content { position: relative; display: none; overflow: hidden; padding: 0 0 20px/*0 120px 20px 40px*/; background-color: #dcdf3c;} .accordion-item-content label:before, .accordion-item-content label:after { display: none !important; } .accordion-item-content .report-file .file, .accordion-item-content .report-file .file a { display: block; width: 100%; } .title-label { pointer-events: none; display: block; padding-left: 16px; font-size: .875rem; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .title-label::after { content: ""; display: inline-block; width: 0; height: 0; /*margin-top: -1px;*/ border-style: solid; border-width: 4px 6px 4px 0; border-color: transparent #000000 transparent transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .accordion-item-title.is-active .title-label::after { border-width: 6px 4px 0 4px; border-color: #000000 transparent transparent transparent; } .title-label-open, .accordion-item-title.is-active .title-label-close { display: block;} .accordion-item-title.is-active .title-label-open, .title-label-close { display: none;} @media only screen and (max-width: 1023px) { .accordion-item-title { font-size: 1.25rem;} .accordion-item-content { font-size: .875rem;} .accordion-item-title { padding-right: 64px; padding-left: 0;} .accordion-item-content { padding-right: 0; padding-left: 0;} .title-label > span, .accordion-item-title.is-active .title-label > span { display: none;} } /*======================= TOP BAR STYLES ========================*/ /*.top-bar::after { content: ""; width: 100%; height: 100%; background-color: #161a1b; position: absolute; right: -100%; top: 0;}*/ .top-bar { position: relative; background-color: #161a1b; height: 48px; line-height: 48px; z-index: 3;} .nav-is-open .top-bar {z-index: 3;} .top-bar > .container { height: 100%; } @media (max-width:600px){ .top-bar > .container { width: 100%; max-width: none; position: relative; } } /*@media (max-width:1023px){ .top-bar > .container { width: 100%; max-width: none; position: relative; } }*/ .top-navigation, .top-action-container { height: 100%;} .top-action-container { float: right; position: absolute; right: 1.25rem;} .top-action-container > div + div { margin-left: 1.5rem;} .font-switcher, .lang-switcher { position: relative; display: none; color: #929c9f; vertical-align: top; height: inherit; } .font-switcher ul { margin-bottom: 0; height: inherit; } .font-switcher ul > li { float: left; display: inline-block; } .font-switcher ul > li:first-child { padding-top: 3px;} .font-switcher ul a { position: relative; text-transform: uppercase; background-color: inherit; color: #929c9f; font-size: 24px; display: block; } .font-switcher ul a.smaller-trigger { font-size: 14px;} /*.font-switcher ul a sup { font-size: 16px;}*/ .font-switcher ul a.smaller-trigger sup { opacity: 0;} .font-switcher ul:hover a {padding: 0 12px;} .font-switcher ul:hover li:last-child a::before { content: ""; width: 1px; height: 50%; background-color: #4b5153; position: absolute; left: 0; top: 25%; } .font-switcher ul:hover a.smaller-trigger sup { opacity: 1;} .no-touch .font-switcher ul a:hover { color: #dcdf3c;} .mobile-menu-btn { display: inline-block; vertical-align: top; height: inherit; float: right;} @media (min-width:1024px){ .font-switcher, .lang-switcher {display: inline-block;} .mobile-menu-btn { display: none; } } /*nav trigger*/ a.dropdown-trigger, a.dropdown-trigger:hover, a.dropdown-trigger:active {background-color: transparent;} .dropdown-trigger { position: relative; display: inline-block; float: left; width: 48px; height: 48px; overflow: hidden; text-indent: 100%; white-space: nowrap; z-index: 2;} .dropdown-trigger span { display: block; width: 24px; height: 3px; background-color: #dcde3b; margin-left: -12px; margin-top: -1px; position: absolute; left: 50%; top: 50%; } .dropdown-trigger span::before, .dropdown-trigger span::after { content: ""; width: 100%; height: 100%; background-color: inherit; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; -webkit-transform: translateZ(0px); -ms-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: -webkit-transform 0.3s ease 0s, background-color 0s ease 0s; } .dropdown-trigger span::before { top: -8px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .dropdown-trigger span::after { bottom: -8px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .top-navigation { position: relative; float: left; margin: 0; } .top-navigation.is-open {z-index: 3;} .top-navigation::after, .top-navigation::before {content: ""; display: table;} .top-navigation::after {clear:both;} .top-navigation .placeholder { position: relative; display: block; color: #dbde3c; padding: 0 30px 0 8px; text-transform: uppercase; cursor: pointer; font-size: 0.5rem } /*.top-navigation .placeholder {*/ /*position: relative;*/ /*display: block;*/ /*color: #dbde3c;*/ /*padding: 15px 30px 0 8px;*/ /*text-transform: uppercase;*/ /*cursor: pointer;*/ /*max-width: 160px;*/ /*line-height:1;*/ /*}*/ .top-navigation .placeholder::before { content: ""; display: inline-block; width: 0; height: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; right: 8px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #dbde3c; top: 50%; pointer-events: none; margin-top: -2px;} .top-navigation ul { width: 100%; min-width: 260px; list-style: none; padding-left: 0; margin-bottom: 0; color: #dcdf3c; background-color: #dddf3c; opacity: 0; visibility: hidden; -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.3); box-shadow: 0 20px 40px rgba(0,0,0,.3); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 5; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .top-navigation.is-open ul { opacity: 1; visibility: visible; height: auto; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .top-navigation.is-open ul > li.current-menu-item { display: none; } .top-navigation a { position: relative; display: block; color: #000000; background-color: transparent; padding: 0 8px; text-transform: uppercase; } .top-navigation li > a::before { content: ""; width: 0; height: 100%; background-color: #f4f93b; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: width 0.3s ease 0s; -o-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;} .top-navigation li:hover > a::before { width: 100%;} .top-navigation.is-open .placeholder { color: #000000; background-color: #dbde3c;} .top-navigation.is-open .placeholder::before {border-top-color: #000000;} @media (min-width:1024px){ .top-navigation .placeholder { display: none; } .top-navigation ul { display: block; width: auto; min-width: none; background: transparent; position: static; top: auto; -webkit-box-shadow: none; box-shadow: none; margin: 0 0 0 -.75rem; overflow: hidden; height: inherit; opacity: 1; visibility: visible; height: auto; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);} .top-navigation ul > li { display: inline-block; float: left; padding-left: .75rem; padding-right: .75rem; height: inherit; line-height: inherit; } .top-navigation a {display: block; background-color: transparent; color: #929c9f; font-size: .6875rem; padding: 0;} .top-navigation li > a::before { display: none;} .top-navigation li.current-menu-item a { color: #dcdf3c;} .no-touch .top-navigation a:hover { color: #dcdf3c; background-color: transparent;} .top-navigation.is-open ul > li { display: inline-block; } } .lang-switcher .placeholder { position: relative; display: block; padding: 0 24px 0 8px; text-transform: lowercase; cursor: pointer; } .lang-switcher .placeholder::before { content: ""; display: inline-block; width: 0; height: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; right: 8px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #929c9f; top: 50%; pointer-events: none; margin-top: -2px;} .lang-switcher ul { width: 100%; min-width: 110px; opacity: 0; visibility: hidden; background-color: #dddf3c; -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.3); box-shadow: 0 20px 40px rgba(0,0,0,.3); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 5; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} .no-touch .lang-switcher:hover ul, .lang-switcher.is-open ul { opacity: 1; visibility: visible; height: auto; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);} .tabs-container-select .is-active .tabs-nav { opacity: 1; visibility: visible; height: auto; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);} .no-touch .lang-switcher:hover .placeholder, .lang-switcher.is-open .placeholder {color: #000000; background-color: #dbde3c;} .no-touch .lang-switcher:hover .placeholder::before, .lang-switcher.is-open .placeholder::before {border-top-color: #000000;} .lang-switcher li.current-lang { display: none;} .lang-switcher ul > li > a { position: relative; display: block; color: #000000; background-color: transparent; padding: 0 8px; text-transform: lowercase;} .lang-switcher ul > li > a::before { content: ""; width: 0; height: 100%; background-color: #f4f93b; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: width 0.3s ease 0s; -o-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;} .lang-switcher ul > li:hover > a::before { width: 100%;} /*=========================== SITE HEADER STYLES ============================*/ .site-header { height: 72px; position: relative;/* z-index: 2;*/ background-color: #ffffff;} .site-logo {position: relative; width: 210px; z-index: 2;} .site-logo a, .site-logo img { display: inline-block;} .site-logo img { max-width: 100%;} .site-logo a { width: 100%; background-color: transparent; position: absolute; top: 22px; left: -22px; z-index: 1;} /*@media (min-width:601px){ .site-header { height: 100px; } .site-logo { width: 404px; } .site-logo a { top: 21px; left: -32px;} }*/ @media (min-width:1024px){ .site-header { height: 94px; padding-right: 1.25rem;} .site-logo { float: left; width: 210px;} .site-logo a { left: -22px; top: 22px; /*left: -20px;*/} } /*======================== Main Page Content =========================*/ .site-search { position: relative; margin: 0 0 0.5rem; height: 0;/* height: 48px;*/ /*display: none;*/ } .site-search.is-hidden { opacity: 0;} .site-search::before { content: ''; position: absolute; left: 8px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 16px; width: 16px; background: url(../img/icon-search.svg) no-repeat 0 0; } .site-search input { padding-left: 50px; width: 100%; /*height: 36px;*/ border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;} .site-search input:focus { outline: none; } @media only screen and (min-width: 768px) { .site-search.is-hidden { opacity: 1; } .site-search::before { background-position: 0 -16px; left: 1em; } .site-search form, .site-search input { height: 100%; width: 100%; } .site-search input { border: none; padding-left: 50px; background-color: #161a1b; color: #717779; } .site-search input::-webkit-input-placeholder { color: #717779; } .site-search input::-moz-placeholder { color: #717779; } .site-search input:-moz-placeholder { color: #717779; } .site-search input:-ms-input-placeholder { color: #717779; } } /*======================== SIDE NAVIGATION PANEL =========================*/ /* /* .side-nav > div > ul > li > a { padding-left: calc(5% + 24px); border-bottom: 1px solid #373d44;} .side-nav > div > ul > li > a::before { position: absolute; content: ''; left: 5%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 16px; width: 16px; background: url(templates/img/cd-nav-icons.svg) no-repeat 0 0;} */ body::before { display: none; content: 'mobile';} .site-overlay { position: fixed; z-index: 2; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -o-transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, -webkit-transform 0.3s 0s; } .touch body.side-nav-is-open .site-overlay { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; -o-transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, -webkit-transform 0.3s 0s; } .site-container { position: relative; min-height: 100%;} .error-404 .site-container { background-color: #f1f5fa; margin-right: 20px;} .no-touch .site-container:hover { z-index: 3;} @media only screen and (min-width: 1024px) { body::before { content: 'tablet'; } .no-touch body.side-nav-is-open .site-overlay { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; -o-transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, -webkit-transform 0.3s 0s; } body.side-nav-is-open { position: relative;} .site-container { margin-right: 50px; -webkit-transition: margin 0.5s 0s; -o-transition: margin 0.5s 0s; transition: margin 0.5s 0s; /*padding-right: 1.25rem;*/ } .side-nav-is-open .site-container { margin-right: 240px;} .main, .top-bar, .site-footer {padding-right: 1.25rem;} } @media only screen and (min-width: 1280px) { body::before { content: 'desktop';} .no-touch body.side-nav-is-open .site-overlay { opacity: 0; visibility: hidden;} .site-container { margin-right: 240px; /*padding-right: 1.25rem;*/} } #toolbar-administration + .dialog-off-canvas-main-canvas .side-nav > div { top: 79px; } .side-nav > div { position: fixed; z-index: 3; right: 0; top: 0; width: 50px; background-color: #212628; height: 100%; max-height: none; overflow-x: hidden; overflow-y: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: width 0.5s 0s; transition: width 0.5s 0s; -ms-transition: width 0.5s 0s; -o-transition: width 0.5s 0s; } .side-nav-is-open .side-nav > div { width: 240px; overflow-y: auto; } .side-nav > div > ul { padding: 0.2rem 0; padding-left: 0; list-style: none; margin-bottom: 0;} .side-nav > div > ul:last-of-type { padding-bottom: 0;} .side-nav > div .label, .side-nav > div a { display: block; position: relative; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-decoration: none; } .side-nav > div .label { display: block; padding: 0rem .375rem .375rem 50px; } .side-nav > div > ul > li > a { padding: .375rem .375rem .375rem 50px; } .side-nav > div > ul > li > a.a-pay-newpage:after { content: ''; position: absolute; right: 85px; top: 0; display: inline-block; width: 34px; height: 34px; background: url(/sites/default/files/medialibrary/aa0/new1.png) center no-repeat; background-size: cover; } @media only screen and (max-width: 1680px){ .side-nav > div > ul > li > a { padding: .3rem .375rem .3rem 50px; } .side-nav > div > ul{padding:0.2rem 0;} .side-nav > div .label{padding: .5rem .375rem .375rem 50px;} } .side-nav > div .label { text-transform: uppercase; font-weight: bold; color: #4b5153; font-size: .8125rem; letter-spacing: .1em;} .side-nav > div .secondary .label, .side-nav > div .bottom .label { font-size: .875rem; text-transform: lowercase;} .side-nav > div > ul.primary > li > a::before, .side-nav > div > ul.secondary > li > a::before { content: ''; width: 6px; height: 100%; background-color: #b99dc4; position: absolute; left: 0; top: 0; z-index: -1; -webkit-transition: width 0.3s 0s; -o-transition: width 0.3s 0s; transition: width 0.3s 0s;} .side-nav > div > ul.secondary > li > a::before { background-color: #fbaa69;} .side-nav > div > ul.primary > li:hover > a::before, .side-nav > div > ul.secondary > li:hover > a::before { width: 100%;} .side-nav > div > ul > li.web-banking > a::before, .side-nav > div > ul > li.departments > a::before { border-left-color: transparent;} .side-nav > div a { position: relative; color: #ffffff; background-color: transparent; font-size: 1rem; white-space: nowrap; } /* .side-nav > div > ul > li:hover > a { background-color: #33383e; } .side-nav > div > ul.primary > li:hover > a {background-color: #b99dc4;} .side-nav > div > ul.secondary > li:hover > a {background-color: #fbaa69;} */ .side-nav > div > ul > li.web-banking, .side-nav > div > ul > li.departments { padding-top: .25rem; padding-bottom: .25rem;} .side-nav > div > ul > li.web-banking > a, .side-nav > div > ul > li.departments > a { color: #dcdf3c; border-top: 1px solid #2f3335; border-bottom: 1px solid #2f3335; padding-top: .75rem; padding-bottom: .75rem; } .side-nav > div > ul > li.web-banking:hover > a, .side-nav > div > ul > li.departments:hover > a { background-color: #dce123; color: #000000;} .side-nav > div .bottom { width: 100%; position: absolute; bottom: 0; left: 0;} .side-nav > div .bottom.is-absolute { position: absolute;} .no-touch .side-nav > div > ul > li.hotline, .no-touch .side-nav > div > ul > li.hotline > a { pointer-events: none;} .side-nav > div .hotline a { font-size: 1.5rem; font-weight: 600;} .side-nav > div .online-help a { background-color: #161a1b; padding-top: .75rem; padding-bottom: .75rem; } .hours-work { color: #fff; text-align: center; font-weight: bold; } @media only screen and (max-height: 700px) { .side-nav > div .bottom .label { display: none; } .side-nav > div .secondary .label { display: none; } } @media only screen and (max-height: 640px) { } .side-nav > div > ul > li.web-banking > a::before, .side-nav > div > ul > li.departments > a::before { display: none;} .side-nav > div .online-help { display: none;} .side-nav > div > ul > li.web-banking > a, .side-nav > div > ul > li.departments > a, .side-nav > div .hotline a, .side-nav > div .online-help a {background-image: url(../img/dashboard-sprites.png); background-repeat: no-repeat; padding-top: 0; padding-bottom: 0; height: 50px; line-height: 48px;} .side-nav > div > ul > li.web-banking > a { background-position: 0 0;} .side-nav > div > ul > li.web-banking:hover > a { background-position: 0 -50px;} .side-nav > div > ul > li.departments > a { background-position: 0 -100px;} .side-nav > div > ul > li.departments:hover > a { background-position: 0 -150px;} .side-nav > div .hotline a { background-position: 0 -200px;} .side-nav > div .online-help a { background-position: 0 -300px;} .side-nav > div .online-help:hover a { background-position: 0 -350px; background-color: #dce123; color: #000000; } @media only screen and (min-width: 1024px) { .side-nav > div, .side-nav-is-open .side-nav > div { overflow-y: hidden; } } @media only screen and (min-width: 1280px) { .side-nav > div { width: 240px; /*overflow-y: auto;*/} .side-nav-is-open .side-nav > div { overflow-y: hidden; } } @media (max-width: 1023px) { .side-nav > div { display: none;} .featured .payment-a-hover{color:#000!important;} } /*06.08*/ .side-nav > div > ul { padding: 0; } .side-nav > div .site-search { margin-bottom: 0; } .side-nav > div > ul > li.web-banking, .side-nav > div > ul > li.departments { padding-top: 0; } .side-nav > div .bottom.is-absolute { background-color: #212628; } @media only screen and (max-height: 700px) { .side-nav > div .bottom .label { display: none; } .side-nav > div .secondary .label { display: none; } } @media only screen and (max-height: 620px) { .side-nav > div .bottom.is-absolute .online-b { display: none; } } @media only screen and (max-width: 1680px){ .side-nav > div > ul > li > a { padding: .285rem .375rem .285rem 50px; } /*.side-nav > div > ul{padding:0.2rem 0;} */ side-nav > div .label{padding: .5rem .375rem .375rem 50px;} } /*========================== CURRENCY INFO STYLES ===========================*/ .currency-wrap, .currency-wrap-2 { display: block; width: 100%;} .currency-wrap .currency-item, .currency-wrap-2 .currency-item-2 { display: block; padding: 1rem; border: 1px solid #e7eef0; /*text-align: center;*/} .currency-wrap .currency-item + .currency-item, .currency-wrap-2 .currency-item-2 + .currency-item-2 { margin-top: .75rem;} .currency-item > span, .currency-item-2 > span { display: inline-block; margin: 0 4px;} .currency-sign, .currency-rate { color: #a6aeb1; font-weight: 300;} .currency-rate strong { color: #212628; } .currency-item .currency-graph { width: 44px;} .currency-graph > img { display: inline-block; max-width: 100%;} .currency-item-2 .currency-rate { font-size: .75rem; padding-top: 2px;} .currency-item-2 > span { vertical-align: top;} .index-label, .index-date { font-size: .6875rem;} .index-date { display: block; } .currency-item .currency-sign i {display: none; margin-right: 4px; width: 10px; height: 15px; vertical-align: middle; background: url('../img/icon-curency.png') no-repeat 0 0 transparent; position: relative; top: -1px;} .currency-sign.USD i { background-position: 0 50%;} .currency-sign.EUR i {background-position: -10px 50%;} .currency-sign.RUB i { background-position: -20px 50%; } @media (min-width:1024px){ .currency-wrap-2::after { content: ""; display: table; clear: both;} .currency-wrap-2 { margin-right: -.625rem; margin-left: -.625rem; padding-left: .625rem;} .currency-wrap { display: table; table-layout: fixed; max-width: 100%; width: 100%;} .currency-wrap .currency-item { display: table-cell; vertical-align: middle; width: 1%; padding: 0; border: none 0; } .currency-wrap .currency-item + .currency-item, .currency-wrap-2 .currency-item-2 + .currency-item-2 { margin-top: 0;} .currency-wrap-2 .currency-item-2 {padding: 0; border: none 0; } .currency-item-2 { height: 2.75rem; margin-bottom: .5rem;} /* .currency-wrap::after { content: ""; display: table; clear: both;} .currency-wrap .currency-item { float: left; width: 33.33333%; min-height: 1px; padding: 0; border: none 0; } .currency-wrap .currency-item + .currency-item { margin-top: 0;} */ } /*======================= SECTION STYLES ========================*/ .section-yellow { background-color: #dcdf3c;} .section-blue { background-color: #7196DA; color: #ffffff;} .section-violet { background-color: #8281BD; color: #ffffff;} .section-gray { background-color: #F1F4F9; color: #1D1D1B;} .section-credit-schedule{padding: 6rem 0 4.5rem!important; margin-bottom: 0rem;} .small-pad-bot{padding-bottom:1.5rem!important} /*.section { padding: 2.25rem 0; margin-bottom: 1.25rem;}*/ .section { padding: 2.5rem 0 4.5rem; margin-bottom: 0rem; overflow: hidden;} .section-title { font-weight: 600; font-size: 1.5rem; text-transform: lowercase; margin-bottom: 0;} .section-header::before, .section-header::after {content:"";display:table; } .section-header::after {clear:both;} .section-header { margin-bottom: 1.875rem;} a.top-more-link { position: relative; display: none; vertical-align: middle; height: 36px; line-height: 32px; background-color: transparent; border: 1px solid transparent; padding: 0 1.125rem; font-size: .875rem; text-transform: lowercase; cursor: pointer; outline: none; letter-spacing: 1px; white-space: nowrap; z-index: 1; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } a.top-more-link::after { content: ""; width: 100%; height: 0; position: absolute; bottom: 0; left: 0; z-index: -1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } a.top-more-link:hover::after, a.top-more-link:active::after { height: 100%; } a.top-more-link:hover { color: #000000!important; border-color: #dcdf3c;} a.top-more-link::after {background-color: #dcdf3c;} a.top-more-link:active { color: #000000!important; border-color: #c2c52e; } a.top-more-link:active::after { background-color: #c2c52e;} .section-header a.top-more-link { display: none; float: right; margin-top: 4px; } .subscribe-link { display: block; margin-top: 15px; } .section-footer { padding-top: 1.5rem; position: relative;} @media (min-width:1024px){ .section-title { float: left; font-size: 2.25rem;} .section-header a.top-more-link {display: inline-block;} .subscribe-link {display: inline-block; margin-left: 30px;} .section-footer { display: none;} .inner-content { width: 68.75%;} } /*section facebook*/ .section-facebook, .section-fb-like { display: none;} @media (min-width:1024px){ .section-facebook, .section-fb-like { display: block;} } /*section video slider*/ .video-presentation .video-embed { margin: 0;} .video-presentation a.top-more-link { color: #a6aeb1; border-color: #4b4b4b; border-color: rgba(75,75,75,.2);} .youtube-btn { display: none; margin-top: 15px; margin-left: 30px; } @media (min-width:1024px){ .youtube-btn { display: inline-block; } } .sync-slider-for .slide-item-title, .sync-slider-for .list-inline { display: none !important; } .sync-slider-video-for .slide-item > .inner { border: 10px solid #dcdf3c;} .sync-slider-video-nav { display: none;} @media (min-width:1024px){ .sync-slider-video-nav { display: block; top: -1px;} } .sync-slider-nav .list-inline>li div { display: inline; } .sync-slider-video-nav .slide-item > .inner { cursor: pointer; padding: 10px;} .sync-slider-video-nav .slide-item.slick-current > .inner { background-color: #dcdf3c;} .sync-slider-video-nav .video-embed { pointer-events: none; cursor: pointer;} .sync-slider-video-nav .video-embed .play { display: none;} .sync-slider-video-nav .slide-item-title { padding-top: .25rem; line-height: 1.2;} .sync-slider-video-nav .video-meta-info { font-size: .6875rem; margin-bottom: 0; padding-top: .5rem; } .sync-slider-video-nav .video-meta-info > li + li::before { content: "•"; left: -5px; position: relative; } .sync-slider-video-nav .video-duration { display: inline-block; background-color: #000000; color: #fff !important; font-size: 11px; font-weight: 500; height: 14px; line-height: 14px; margin-right: 0; margin-top: 0; opacity: 0.75; padding: 0 4px; vertical-align: top; position: absolute; bottom: 2px; right: 2px; z-index: 1; } .sync-slider-video-nav { padding: 0 40px; } .sync-slider-video-for .slick-arrow, .sync-slider-nav .slick-arrow { position: absolute; top: 0; display: block; height: 100%; width: 40px; font-size: 0; background: transparent; border: 0px solid #cecece; } .sync-slider-video-for .slick-prev, .sync-slider-nav .slick-prev { left: 0; background: url("../img/mmsb/right_arr.png") center no-repeat; transform: rotate(180deg); } .sync-slider-video-for .slick-next, .sync-slider-nav .slick-next { right: 0; background: url("../img/mmsb/right_arr.png") center no-repeat; } @media screen and (max-width:1024px){ .sync-slider-video-for .slick-prev, .sync-slider-nav .slick-prev { left: -40px; } .sync-slider-video-for .slick-next, .sync-slider-nav .slick-next { right: -40px; } } /*section news*/ .section-news a.top-more-link { border-color: #d7e0e2; color: #a6aeb1; } .entry-preview { margin-bottom: 2.5rem;} .entry-preview:last-child { margin-bottom: 0;} .entry-preview .entry-title { font-size: 1rem; font-weight: 600; line-height: 1.65; margin-bottom: 0;} .entry-preview .entry-title p { margin-bottom: 0;} .entry-title a { background-color: inherit; color: inherit;} .no-touch .entry-title a:hover { text-decoration: underline;} .entry-preview .entry-date { display: inline-block; font-size: .75rem; color: #a6aeb1; margin-top: -2px;} .entry-preview .entry-content { font-size: .875rem;} .entry-preview .entry-content p:last-child { margin-bottom: 0;} @media (min-width:1024px){ .section-news { padding-bottom: 4.5rem;} .entry-preview { margin-bottom: 0;} } .news-row .entry-preview, .actions-row .entry-preview{ margin-top: 2.25rem; margin-bottom: 2.25rem;} @media (min-width:1024px){ .news-row .entry-preview, .actions-row .entry-preview { margin-top: 1.5rem; margin-bottom: 1.5rem;} } @media only screen and (min-width: 1024px) and (max-width: 1180px){ .entry-preview:last-child { display: none;} } /*section video ua*/ .section-link-ua a { display: block; width: 100%; height: 100%; text-decoration: none; color: #ffffff; background-color: transparent; position: absolute; top: 0; left: 0;} .link-ua-title { width: 100%; margin-top: 1.5rem; color: #ffffff; padding: 2rem; font-size: 2rem; text-transform: uppercase; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .link-ua-title span::before { content: ""; width: 0; height: 0; border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-left: 36px solid #ffffff; position: absolute; left: 50%; top: -4rem; margin-left: -30px; } .link-ua-title span { display: inline-block; position: relative;} @media (min-width:1024px){ .link-ua-title { margin-top: 0; font-size: 3rem;} .link-ua-title span::before { left: -3.5rem; top: 50%; margin-top: -1.5rem; margin-left: 0; } } @media only screen and (max-width: 380px){ .link-ua-title {font-size: 1.25rem;} .top-navigation{font-size:0.6875rem;position: relative;right: -1.875rem;} } @media only screen and (min-width: 380px) and (max-width: 480px){ .top-navigation{font-size:0.6875rem;position: relative;right: -2.25rem;} } @media only screen and (min-width: 480px) and (max-width: 600px){ .top-navigation{font-size:0.6875rem;position: relative;right: -3rem;} } @media only screen and (min-width: 400px) and (max-width: 1024px){ .deposit-title{padding-top: 5rem;} } /*section activity*/ .section-activity { background-color: #f4f2e9; padding-bottom: 3.5rem;} .section-activity a.top-more-link { border-color: #000000; border-color: rgba(0,0,0,.3); color: #000000;} .table-activity { font-family: inherit;} .table-activity thead th { border-bottom: none; border-top: none; font-size: .8125rem; color: #929c9f; font-weight: 400;} .table-activity th, .table-activity td { border-top: none; padding: 0; } .table-activity tbody th { font-weight: 400;} .table-activity tbody td.text-bold { font-size: 1.125rem;} .table-activity tbody td, .table-activity tbody th { position: relative; padding-top: .5rem; } .table-activity tbody th { position: relative; padding-top: .5rem; } .table-activity tbody th::before, .table-activity tbody td::before { content: ""; width: 100%; height: 1px; background-color: #d7dbda; position: absolute; top: 50%; left: 0;} .table-activity td span, .table-activity th span {padding: .75rem .5rem;} .table-activity tbody td span, .table-activity tbody th span { position: relative; display: inline-block; background-color: #f4f2e9; font-size: 1.125rem; } .table-primary { margin-bottom: 0;} .table-primary thead th { border-bottom: none; border-top: none; font-size: .8125rem; color: #929c9f; font-weight: 400;} .table-primary th, .table-primary td { /*border-top-color: #d7dbda;*/ border-top: 0 none; vertical-align: middle;} .table-primary tbody th { font-weight: 400;} /*.table-primary tbody td.text-bold { font-size: 1.125rem;}*/ .section-activity .tabs-container { display: none;} .activity-text { display: block;} @media (min-width:1024px){ .section-activity .tabs-container { display: block;} .section-activity .tabs-container nav { position: absolute; top: -4.25rem; left: 23.25rem;} .section-activity .tabs-container .panes .pane { padding-top: 0;} .activity-text { display: none;} } /*section hero*/ .section-hero { background-color: #f8fafc; } .hero-content > .inner { padding-left: 12.5%;} .hero-content blockquote::before { content: ""; display: inline-block; width: 40px; height: 40px; background: url(../img/icon-quote.svg) no-repeat 50% 50% transparent; background-size: 32px 32px; position: absolute; left: -3.5rem; top: -.5rem;} .hero-content blockquote { margin: 3.75rem 0 2.5rem; font-size: 1.125rem; font-weight: 600; line-height: 1.78; position: relative;} .hero-name, .hero-position { display: block;} .hero-name { font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem;} .hero-position { font-size: .75rem; font-weight: 600;} .hero-img { text-align: center; display: none;} .hero-img img { display: inline-block; max-width: 100%;} @media (min-width:1024px){ .section-hero { padding-bottom: 0;} .hero-img { display: block;} } /*section quality*/ .section-quality { border-top: 1px solid #d7e0e2; border-bottom: 1px solid #d7e0e2; padding-top: 3.5rem; padding-bottom: 3.5rem;} .quality-action p { width: 87.5%; margin-bottom: 2rem;} .quality-info { margin-bottom: 1.5rem;} .quality-info p { width: 87.5%; margin-bottom: .625rem;} .quality-info .contact-tel { font-size: 1.5rem; font-weight: 600;} @media (min-width:1024px){ .section-quality .section-header { margin-bottom: 3.75rem;} .quality-info { float: right; margin-bottom: 0;} .quality-action p { width: 87.5%;} .quality-info p { width: 87.5%; } } .section-facebook { display: none;} @media (min-width:1024px){ .section-facebook { display: block;} } /*============================= SLIDER STYLES ==============================*/ .main-slider { position: relative; z-index: 1; } .slide-item-inner { color: #ffffff; position: relative; height: 34.25rem; } #mmsb_slider .slide-item-inner { height: auto; padding-bottom: 46.6%; } #mmsb_slider .slide-mssb-wrapper { position: absolute; left: 0; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 0 60px 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; } #mmsb_slider .slide-mssb-wrapper .slide-title-mssb-left { color: #000; } #mmsb_slider .slide-mssb-wrapper .slide-title-mssb-right { color: #000; } #mmsb_slider .slide-mssb-wrapper .slide-title-mssb-top { color: #000; } #mmsb_slider .slide-mssb-wrapper .slide-title-mssb-bottom { color: #000; } #mmsb_slider .slide-mssb-wrapper .slide-title-mssb-center { color: #000; text-align: center; vertical-align: middle; } #mmsb_slider .slide-mssb-wrapper .slide-description-mssb p { font-size: 16px; font-family: Regular, Tahoma, sans-serif; color: #000; width: 60%; /*width:380px;*/ } #mmsb_slider .slide-mssb-wrapper .banner_link { position: relative; padding: 0 0px; left: auto; right: auto; bottom: auto; top: auto; font-size: 18px; margin: 0; background: #fff!important; } #mmsb_slider .slide-img-mob { display: none; } #mmsb_slider .slide-img-bg img { width: 100%; height: 100%; } #swiper-mssb { position: relative; } #mmsb_slider .swiper-mssb-prev, #mmsb_slider .swiper-mssb-next { position: absolute; top: 50%; background-color: rgba(255,255,255,0.6); width: 50px; height: 50px; margin-top: -25px; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; } #mmsb_slider .swiper-mssb-prev { background-image: url(../img/msb/l-arr.png); left: 0; } #mmsb_slider .swiper-mssb-next { background-image: url(../img/msb/r-arr.png); right: 0; } @media (min-width: 768px) { #mmsb_slider .slide-mssb-wrapper .banner_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 270px; height: 60px; line-height: 1; } } @media (max-width: 1024px) { #mmsb_slider .slide-mssb-wrapper .slide-title-mssb { max-width: 420px; margin-top: 20px; } } @media (max-width: 767px) { #mmsb_slider .slide-mssb-wrapper .slide-description-mssb p { width: 100%; } #mmsb_slider .slide-img-mob { display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: -1; } #mmsb_slider .slide-img-mob img { width: 100%; height: 100%; } #mmsb_slider .slide-item-inner { padding-bottom: 115%; } #mmsb_slider .slide-mssb-wrapper { max-width: 60%; } #mmsb_slider .slide-img-bg { display: none; } #mmsb_slider .slide-mssb-wrapper { padding: 0 15px 10px; } #mmsb_slider .swiper-mssb-prev { bottom: 0; top: auto; right: 50px; left: auto; z-index: 11; } #mmsb_slider .swiper-mssb-next { bottom: 0; top: auto; right: 0; left: auto; z-index: 11; } } @media (max-width: 540px) { #mmsb_slider .slide-mssb-wrapper .slide-title-mssb { font-size: 24px; } #mmsb_slider .slide-mssb-wrapper .slide-description-mssb p { font-size: 14px; } #mmsb_slider .slide-mssb-wrapper .slide-description-mssb p br{ display: none; } } @media (max-width: 374px) { #mmsb_slider .slide-mssb-wrapper .slide-title-mssb { font-size: 16px; } #mmsb_slider .slide-mssb-wrapper .slide-description-mssb p { font-size: 10px; } #mmsb_slider .slide-mssb-wrapper .slide-description-mssb p br{ display: none; } } .slide-item-inner > .container, .slide-container { position: relative; height: inherit;} @media (min-width:1024px){ .slide-item-inner { height: 43.63rem; } } .slide-container { display: block; padding: 5.5rem 0 0 0;} a.slide-container { color: inherit; text-decoration: none; background-color: transparent;} .slide-content { position: relative; z-index: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); -webkit-transition: transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: -webkit-transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1); } .slide-content-active { -webkit-transform: translate(12%, 0); -ms-transform: translate(12%, 0); transform: translate(12%, 0); -webkit-transition: transform 0.7s 0.2s; -o-transition: transform 0.7s 0.2s; -webkit-transition: -webkit-transform 0.7s 0.2s; transition: -webkit-transform 0.7s 0.2s; transition: transform 0.7s 0.2s; transition: transform 0.7s 0.2s, -webkit-transform 0.7s 0.2s; } .slide-title, .slide-title-case, .slide-description {color: inherit;} .slide-title { margin-bottom: 2.5rem; font-size: 2.25rem; /*font-weight: 600;*/ text-transform: lowercase; word-wrap: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;} .slide-title-case { margin-bottom: 2.5rem; font-size: 2.25rem; font-weight: normal; text-transform: none; word-wrap: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;} .slide-description { margin-bottom: 3.75rem; } .slide-description > p:last-child { margin-bottom: 0;} .slide-features { /*display: none;*/ font-size: 1.5rem; line-height: 1.2; padding-top: 0rem; } .slide-link .btn { border-color: #ffffff; color: #ffffff;} .slide-link .btn a {color: #ffffff; background-color: transparent;} .slide-link .btn::after { background-color: #dcdf3c;} .slide-link .btn:hover { border-color: #dcdf3c;} .slide-link .btn:active {border-color: #c2c52e;} .slide-link .btn:active::after { background-color: #c2c52e;} .slide-action { margin-top: 6.5rem;} .slide-action p { margin-bottom: 0.75rem; } .slide-action a { font-size: 1.5rem; font-weight: 600; display: inline-block; width: 100%;} .no-touch .slide-action a { background-color: transparent; color: inherit; pointer-events: none; } .touch .slide-action a { background-color: #ffffff; color: #000000; text-align: center; padding: .75rem 1.5rem;} .slide-img { width: 90%; position: absolute; right: 0; bottom: 0; overflow: hidden; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); -webkit-transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1) ; -webkit-transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1) ; transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1); } .slide-img-active { -webkit-transform: translate(-5%, 0); -ms-transform: translate(-5%, 0); transform: translate(-5%, 0); -webkit-transition: transform 0.7s 0.2s; -o-transition: transform 0.7s 0.2s; -webkit-transition: -webkit-transform 0.7s 0.2s; transition: -webkit-transform 0.7s 0.2s; transition: transform 0.7s 0.2s; transition: transform 0.7s 0.2s, -webkit-transform 0.7s 0.2s; } .slide-img img { display: inline-block; max-width: 100%; height: auto;} .slide-img-bg { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: -1; } .slide-img-bg::after { content: ""; width: 100%; height: 100%; /*background-color: rgba(0, 0, 0, 0.5); */ position: absolute; left: 0; top: 0; z-index: 1; } .slide-img-bg img { display: block; min-width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } @media (min-width:640px) { .slide-item-inner { height: 37.25rem; } .slide-title, .slide-title-case { font-size: 3.75rem;} .slide-img { max-width: 57%; max-height: none;} .slide-item-inner .mobile-decoration { display: none; } } @media (min-width:940px) { .slide-item-inner { height: 40.25rem; } .slide-title, .slide-title-case { font-size: 5rem;} /*.slide-img { max-width: 50%; max-height: none;}*/ } @media (min-width:1024px){ .slide-item-inner { height: 43.63rem; } .slide-container {padding: 5.5rem 25% 6.5rem 0;} .slide-title { font-size: 6rem;} .slide-title-case { font-size: 6rem;} .slide-description { width: 75%;} .slide-features { display: block; font-size: 2.25rem;} .slide-img { max-width: 50%; max-height: none;} .slide-action a { width: auto;} .slide-img-bg img { top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } } .main-slider .slick-dots { padding-left: 0; margin-bottom: 0; list-style: none; position: absolute; left: 50%; top: 88%; z-index: 3; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .main-slider .slick-dots > li { margin-bottom: 6px; height: 40px; width: 10px; position: relative;} .main-slider .slick-dots > li:last-child { margin-bottom: 0;} .main-slider .slick-dots > li button { display: block; width: 2px; height: 100%; padding: 0; background-color: #fff; background-color: rgba(255,255,255,.4); overflow: hidden; text-indent: 100%; color: transparent; background-image: none; border: none; position: absolute; top: 0; right: 0;} .no-touch .main-slider .slick-dots > li:hover button { width: 10px;} .main-slider .slick-dots > li.slick-active { pointer-events: none; } .main-slider .slick-dots > li.slick-active button { background-color: rgba(220,223,60,.7);} /*============================= PRODUCT PREVIEW STYLES ==============================*/ .preview-container { margin-bottom: 1.25rem; overflow: hidden;} .products-preview-container.blue { color: #ffffff;} .products-preview-container.red { color: #ffffff;} .preview-container-row.row { margin-left: 0; margin-right: 0;} .products-preview-container { padding-left: 0; padding-right: 0; position: relative; margin-bottom: 1.5rem;} .products-preview-header { position: relative; padding: 1rem 0;} .products-preview-header h3 { display: inline-block; font-size: 1.5rem; text-transform: lowercase; margin-bottom: 0; color: #000000;} @media (min-width:1024px){ .products-preview-header h3 {font-size: 2.25rem; } } .products-preview-header a { border-color: #ffffff; border-color: rgba(255,255,255,.3); color: #ffffff; position: absolute; top: 2rem; right: 1rem;} .products-preview-list { padding-left: 0; margin-bottom: 0; list-style: none; position: relative;} .products-preview-list > li { /*padding: 2.25rem 0;*/ position: relative;} .products-preview-list > li.featured { overflow: hidden; padding-bottom: 1rem;} .products-preview-container.blue .products-preview-list > li { background-color: #7196da;} .products-preview-container.red .products-preview-list > li { background-color: #fc5a61;} /*.products-preview-list > li:last-child { padding-bottom: 1.25rem;}*/ @media (max-width:1023px){ .products-preview-container .section-footer { padding-bottom: 1.5rem;} .products-preview-container .section-footer::before, .products-preview-container .section-footer::after, .products-preview-list::before, .products-preview-list::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0;} .products-preview-container .section-footer::before, .products-preview-list::before {left: -100%;} .products-preview-container .section-footer::after, .products-preview-list::after { right: -100%; } .products-preview-container.blue .section-footer, .products-preview-container.blue .section-footer::before, .products-preview-container.blue .section-footer::after, .products-preview-container.blue .products-preview-list::before, .products-preview-container.blue .products-preview-list::after { background-color: #7196da;} .products-preview-container.red .section-footer, .products-preview-container.red .section-footer::before, .products-preview-container.red .section-footer::after, .products-preview-container.red .products-preview-list::before, .products-preview-container.red .products-preview-list::after { background-color: #fc5a61;} .products-preview-list > li {border-bottom: 1px solid rgba(0,0,0,.2);} } @media (min-width:1024px){ .products-preview-container.blue { background-color: #7196da; color: #ffffff; } .products-preview-container.red { background-color: #fc5a61; color: #ffffff; } .products-preview-container { margin-bottom: 0;} .products-preview-header { padding: 2rem 9rem 2rem 0; height: 7.5rem;} .products-preview-header h3 { color: inherit;} .products-preview-container + .products-preview-container .products-preview-header, .products-preview-container + .products-preview-container .products-preview-list > li { padding-left: 6.25%;} .products-preview-container.blue::before, .products-preview-container.red::before, .products-preview-container.blue .products-preview-list > li::before, .products-preview-container.red .products-preview-list > li::before { content: ""; width: 400%; height: 100%; position: absolute; top: 0; z-index: -1;} .products-preview-container.blue::before, .products-preview-container.blue .products-preview-list > li.featured::before {background-color: #7196da;} .products-preview-container.red::before, .products-preview-container.red .products-preview-list > li.featured::before {background-color: #fc5a61;} .products-preview-container.blue .products-preview-list > li.featured {background-color: #7196da;} .products-preview-container.red .products-preview-list > li.featured {background-color: #fc5a61;} .products-preview-container.blue .products-preview-list > li::before {background-color: #658acf; } .products-preview-container.red .products-preview-list > li::before {background-color: #ed4b52; } .products-preview-container.blue .products-preview-list > li { background-color: #658acf;} .products-preview-container.red .products-preview-list > li { background-color: #ed4b52;} .products-preview-list > li { padding-bottom: 0; padding-right: 1rem;} .products-preview-list > li:last-child { padding-bottom: 3.75rem;} .products-preview-container.blue::before, .products-preview-container.blue .products-preview-list > li::before { left: -400%;} .products-preview-container.red::before, .products-preview-container.red .products-preview-list > li::before { right: -400%;} } .products-preview-list > li > a {display: block; color: inherit; background-color: transparent; padding: 1.5rem 0; overflow: hidden; border-radius: 2px;} @media (min-width:1024px){ .products-preview-list > li > a {height: 10.63rem; padding: 1.5rem 0.5rem 1.5rem 3rem;} .products-preview-list > li:nth-child(3n+2) { padding-top: 1rem;} .products-preview-container.blue .products-preview-list > li > a:hover { background-color: #3d69ba;} .products-preview-container.red .products-preview-list > li > a:hover { background-color: #dc333a;} } .product-preview .product-title, .product-preview .product-desc { position: relative;} .product-preview .product-title { font-size: 1.313rem; margin-bottom: .5rem;} .products-preview-list .featured .product-preview .product-title {font-size: 1.5rem; } .product-preview .product-title > span { position:relative; /*font-size: 1.313rem;*/ display: inline-block; border-bottom: 1px solid rgba(255,255,255,.5);} .product-preview .product-title > span::before { content: ""; width: 0; height: 2px; background-color: #ffffff; position: absolute; bottom: 0; left: 0; -webkit-transition: width 0.3s ease 0s; -o-transition: width 0.3s ease 0s; transition: width 0.3s ease 0s;} .products-preview-list > li > a:hover .product-title > span::before { width: 100%;} .product-preview .product-desc p:last-child { margin-bottom: 0;} .product-preview .product-img { text-align: right; position: absolute; right: 0; bottom: 0; max-width: 33%;} .product-preview .product-img img { display: inline-block; max-width: 80%;} @media (min-width:1024px){ .product-preview .product-img img { max-width: 100%;} } @media (max-width:1024px){ .product-preview .product-img { max-width: 25%;} } @media (max-width:768px){ .product-preview .product-img { max-width: 40%;} } @media (max-width:500px){ .product-preview .product-img { max-width: 65%;} } /*========================= FEATURES BOX STYLES ==========================*/ .features-container { background-color: #dcdf3c; padding: 3.5rem 0; -webkit-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } .features-list { margin-bottom: 0;} .features-list > li { margin-bottom: 1.5rem;} .features-list > li:last-child { margin-bottom: 0;} .features-list > li > span { display: block;} .feature-title { font-size: 1.5rem; margin-bottom: 1.5rem; line-height: 1.2;} .feature-content { font-size: .875rem;} .feature-content a { background-color: transparent; text-decoration: underline; } @media (min-width:1024px){ .features-list > li { margin-bottom: 0;} } /*========================== MSB INDEX PAGE STYLES ===========================*/ /* .main-slider { position: relative;} .msb-slider .slide-item { position: relative; background-color: #fc5a61; color: #ffffff; overflow: hidden; padding-top: 9.25rem; padding-bottom: 2.5rem;} .msb-slider .slide-item > .inner a { display: block; background-color: transparent; color: inherit; } .touch .msb-slider .slide-item > .inner a { pointer-events: none;} .msb-slider .slide-info { position: relative; z-index: 1;} .msb-slider .slide-caption { font-size: 4rem; font-weight: 600; text-transform: none; margin-bottom: 1rem;} .msb-slider .slide-img { position: absolute; right: 0; bottom: -2.5rem; max-width: 46%;} .msb-slider .slide-link { padding-top: 8.5rem; } @media (min-width:1280px){ .msb-slider .slide-item { padding-top: 0; padding-bottom: 0;} .msb-slider .slide-item > .inner a { position: relative;} .msb-slider .slide-info { width: 50%; padding-top: 5.5rem; padding-bottom: 6.5rem;} .msb-slider .slide-img {bottom: 0;} .msb-slider .slide-link { display: none;} } */ .section-msb-services .section-header { margin-bottom: 1.25rem;} .section-msb-services .section-title { text-transform: none;} .list-msb-services > li { margin-top: .75rem; margin-bottom: .75rem;} .list-msb-services > li a { display: block; position: relative; height: 100%; background-color: transparent; color: inherit; padding: .5rem 0;} .no-touch .list-msb-services > li a:hover { background-color: #dcdf3c;} .msb-service-title { display: block; font-weight: 600; text-transform: lowercase; margin-bottom: 1rem;} .msb-service-content { display: block; font-size: .875rem;} .section-msb-services .more-link-box { display: none; text-align: center; padding-top: .75rem;} @media (min-width:1024px){ .section-msb-services .more-link-box { display: block;} .list-msb-services > li { margin-top: 0; margin-bottom: 0;} .list-msb-services > li a { padding: 1.5rem 1.25rem;} } .section-msb-cases .section-title { text-transform: none;} .section-msb-cases a.top-more-link { color: #a6aeb1; border-color: #d7e0e2; } .list-msb-cases > li { margin-bottom: 1.5rem;} .list-msb-cases > li a::after { content: ""; width: 100%; height: 100%; background-color: transparent; position: absolute; top: 0; left: 0; -webkit-transition: background 0.5s ease-out 0s; -o-transition: background 0.2s ease-out 0s; -webkit-transition: background 0.2s ease-out 0s; transition: background 0.2s ease-out 0s;} .no-touch .list-msb-cases > li:hover a::after {background-color: rgba(220,223,60,.7);} .list-msb-cases > li a { display: block; position: relative; background-color: transparent; color: inherit;} .msb-case-img { width: 100%; height: 16rem; overflow: hidden;} .msb-case-img img { display: inline-block; width: 100%; height: auto;} .msb-case-title { padding: 1rem; background-color: #f1f5fa; font-size: 1rem; font-weight: 600; text-transform: lowercase;} @media (min-width:1024px){ .msb-case-title { background-color: #ffffff;} .list-msb-cases > li { margin-bottom: 0;} .msb-case-img { height: 0; padding-bottom: 56.25%;} } /*================================ CORPORATE INDEX PAGE STYLES =================================*/ .section-corp-services .section-header { margin-bottom: 1.25rem;} .section-corp-services a.top-more-link { color: #a6aeb1; border-color: #d7e0e2;} .list-corp-services > li { margin-top: .75rem; margin-bottom: .75rem;} .list-corp-services > li a { display: block; position: relative; height: 100%; background-color: transparent; color: inherit; padding: .5rem 0;} .no-touch .list-corp-services > li a:hover { background-color: #dcdf3c;} .corp-service-title { display: block; font-weight: 600; text-transform: lowercase; margin-bottom: 1rem;} .corp-service-content { display: block; font-size: .875rem;} .section-corp-services .more-link-box { display: none; text-align: center; padding-top: .75rem;} @media (min-width:1024px){ .section-corp-services .more-link-box { display: block; } .list-corp-services > li { margin-top: 0; margin-bottom: 0;} .list-corp-services > li a { padding: 1.5rem 1.25rem;} } .section-corp-consult { background-color: #f8f8e7; border-top: 1px solid #ebed88; border-bottom: 1px solid #ebed88;} .section-corp-consult-inner { margin: auto;} .section-corp-consult-inner .block-title, .section-header-vip .block-title { display: block; font-size: 2.25rem; line-height: 1.2; font-weight: 600; text-transform: lowercase; margin-bottom: 1rem;} .section-corp-consult-inner .block-action a { display: block; width: 100%;} .section-corp-consult-inner .block-action a + a { margin-left: 0; margin-top: 1rem;} @media (min-width:1024px){ .section-corp-consult-inner { width: 50%; } .section-corp-consult-inner .block-action a { display: inline-block; width: auto;} .section-corp-consult-inner .block-action a + a { margin-left: 1rem; margin-top: 0;} } /*========================== STANDART PAGE STYLES ===========================*/ .page-entry-header { position: relative; padding: 5.5rem 0 /*2.5rem;*/4.5rem;} .page-entry-header.blue { background-color: #658acf; color: #ffffff; } .page-entry-header.dark-blue { background-color: #1A2360; color: #ffffff;} .page-entry-header.red { background-color: #fc5a61; color: #ffffff; } .page-entry-header.sky-blue { background-color: #6dbdde; color: #ffffff; } .page-entry-header.green { background-color: #6cc195; color: #ffffff; } /*FIX*/ a{ text-decoration:none; } .page-entry-header.light-blue { background-color: #6296DD; color: #ffffff; } .management-image{max-height:300px} .page-title {font-size: 2.25rem; margin-bottom: 1.5rem; /*text-transform: lowercase;*/} .page-desc-content p:last-child { margin-bottom: 0;} .page-entry-content { padding: 2.5rem 0;} @media (min-width:1024px){ .page-title {font-size: 4rem;} .page-desc-content { width: 56.25%;} } .sub-header-text { padding-bottom: 2.5rem;} .sub-header-text.blue { color: #ffffff; background-color: #658acf;} .sub-header-text.green { color: #ffffff; background-color: #6cc195;} .sub-header-text p:last-child { margin-bottom: 0; } .page-entry-bg { text-align: center; width: 100%; position: relative; padding-top: 2rem; } .page-entry-bg img { display: inline-block; max-width: 100%; height: auto;} @media (min-width:1024px){ .page-entry-bg { padding-top: 0; width: 50%; max-height: 80%; position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .step-item { padding-top: 1rem; padding-bottom: 1rem;} .step-item > span { font-weight: 600; font-size: 1.313rem;} .no-pad-top { padding-top: 0 !important;} .no-pad-bottom { padding-bottom: 0 !important;} /*================================ PAGE CARDS STYLES =================================*/ .section-credits .page-header {} .page-header { padding: 6.5rem 0 0; } .page-header.green { color: #ffffff; background-color: #6cc195;} .page-header.blue { color: #ffffff; background-color: #658acf;} .page-header .page-title { font-size: 2.25rem; color: inherit; text-transform: lowercase; margin: 0;} @media (min-width:1024px){ .page-header .page-title { font-size: 4rem; } } .card-preview-md { padding: 2.25rem 0 4rem;} .card-preview-md.green {color: #ffffff; background-color: #6cc195;} .card-preview-md > a { display: block; background-color: transparent; color: inherit;} .card-preview-title { font-size: 3rem; line-height: 1.2; color: inherit; text-transform: lowercase; margin-bottom: 1rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .card-preview-title:hover { color: #dcdf3c; } .card-preview-title:hover .laber { color: #fff; } .card-preview-title .label {color: #fff; display: block; font-size: .875rem; font-weight: 300; line-height: 1; text-transform:none; opacity: .5; } .card-preview-md .card-preview-content ul { padding-left: 0; list-style: none;} .card-preview-md .card-preview-content ul > li::before { content: ""; width: 10px; height: 2px; background-color: #dcdf3c; position: absolute; top: .75rem; left: -1.25rem;} .card-preview-md .card-preview-content ul > li { position: relative; /*padding-left: 1.25rem;*/ margin-bottom: 1rem;} @media (min-width:1024px){ .card-preview-md .card-preview-content { width: 75%;} } .card-preview-special > .inner { position: relative; padding-top: 1.5rem;} .card-preview-special-img { text-align: center; margin-top: 1.5rem; overflow: hidden; height: 100px;} .img-full-height { height: auto !important;} .card-preview-special-img img { display: inline-block; max-width: 90%; position: relative; top: 20px; -webkit-transform: rotate(9deg); -ms-transform: rotate(9deg); transform: rotate(9deg);} .card-preview-special-img.img-full-height img { top: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .card-preview-special-info { position: relative; padding: 1.25rem 1rem; background-color: #6cc195; border: 1px solid rgba(0,0,0,.2);} .card-preview-special-title { font-size: 2.25rem; line-height: 1.2; text-transform: lowercase; margin-bottom: 1rem; } .card-preview-special-title .label { display: block; font-size: .875rem; font-weight: 300; line-height: 1; text-transform:none; opacity: .5; } .card-preview-special-content p:last-child { margin-bottom: 0;} @media (min-width:1024px){ .card-preview-special > .inner { width: 75%; padding-top: 0; } .card-preview-special-img { height: 140px;} } .section-cards-list { margin-bottom: 0; padding-top: 1rem; padding-bottom: 1rem; background-color: #f1f5fa;} .section-cards-list.special { background-color: #ffffff; padding-top: 1.875rem;} .section-cards-list.special .section-content { background-color: #f1f5fa;} .card-preview-md.section-cards-list{padding-bottom: 4rem;padding-top:2.25rem;} .list-cards > li { margin-top: 2.25rem; margin-bottom: 2.25rem} .card-item-inner > a { display: block; background-color: transparent; color: inherit;} .card-item-title { font-size: 3rem; line-height: 1.2; font-weight: 600; color: inherit; text-transform: lowercase; margin-bottom: 1rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .card-item-title:hover { color: #dcdf3c; } .card-item-title:hover .label { color: #000; } .card-item-title .label { color: #000; display: block; font-size: .875rem; font-weight: 300; line-height: 1; text-transform:none; opacity: .5; } .card-item-content { padding-bottom: .5rem;} .card-item-content ul { padding-left: 0; list-style: none;} .card-item-content ul > li::before { content: ""; width: 10px; height: 2px; background-color: #212628; position: absolute; top: .75rem; left: 0;} .card-item-content ul > li { position: relative; padding-left: 1.25rem; margin-bottom: 1rem;} .card-item-img img { display: inline-block; max-width: 90%;} @media (min-width:1024px){ .card-item-inner { width: 75%;} } .card-add-services-lg .section-title, .section-cards-list .section-title { font-size: 3rem;} .card-add-services-lg .card-add-servicel-list > li > .inner { width: 87.5%;} .card-add-servicel-list > li { margin-bottom: 1.75rem;} /*================================ SINGLE PAGE CARD STYLES =================================*/ .card-entry-header {padding: 6.5rem 0 0; position: relative; /*overflow: hidden;*/} .card-entry-header.green { background-color: #6cc195; color: #ffffff;} .card-preview-lg .card-title { font-size: 4rem; color: #ffffff; text-transform: lowercase; margin-bottom: 1.5rem; } .card-preview-content { position: relative;} .card-preview-content .card-title { font-size: 2.25rem; text-transform: lowercase; margin-bottom: 1.25rem;} .card-img { text-align: center; overflow: hidden; max-width: 90%; /*height: 160px;*/ position: relative;} .card-img img { display: inline-block; max-width: 90%; position: relative; top: 60px; -webkit-transform: rotate(9deg); -ms-transform: rotate(9deg); transform: rotate(9deg); } .card-tp { margin-bottom: 4rem; width: 100%;} @media (min-width:480px){ .card-img img {top: 80px;} } @media (min-width:1024px){ .card-preview-content .card-title { font-size: 4rem; max-width: 48%;} .card-preview-content .card-title-managment { font-size: 4rem; max-width: 48%;} .card-preview-desc { width: 37.5%;margin-bottom: 3.25rem;} .card-tp { margin-bottom: 0; width: 24rem;} /*.card-entry-header {padding: 6.5rem 0 5.5rem;}*/ .card-preview-content { padding-bottom: 4.25rem;} .card-tp.short {width:10rem;} .card-img { /*height: 140px;*/max-width: 50%; position: absolute; right: 0; bottom: 0;} .card-img img {top: 96px;} } .management-mail{ font-family:'Roboto';padding-top:3.25rem; } .card-card-tp-container .block-title { display: block; font-size: 1.5rem; font-weight: 600; line-height: 1.2; text-transform: lowercase; color: inherit; margin-bottom: .625rem;} .card-tp { position: relative; display: inline-block; vertical-align: middle; } a.current-tp, a.current-link { display: block; position: relative; background-color: transparent; color: inherit; padding: 1rem 2.5rem 1rem 2rem; border: 2px solid #ffffff; text-decoration: none;} a.current-tp:hover { border-color: #61ba8c; background-color: #61ba8c;} a.current-tp:active { border-color: #52ac7d; background-color: #52ac7d;} a.current-tp .icon::before, a.current-tp .icon::after { content: ""; display: inline-block; width: 0; height: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; right: 12px;} a.current-tp .icon::before {border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #ffffff; top: 2px;} a.current-tp .icon::after {border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #ffffff; top: 14px;} .card-tp.is-open a.current-tp .icon::before {border-bottom-color: #000000;} .card-tp.is-open a.current-tp .icon::after {border-top-color: #000000;} a.current-tp .icon { display: inline-block; width: 24px; height: 24px; position: absolute; top: 50%; right: 0; margin-top: -12px;} .card-tp.is-open a.current-tp::after {content: ""; width: 8px; height: 14px; border-color: transparent #000000 #000000 transparent; border-style: solid; border-width: 3px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; position: absolute; left: 8px; top: 18px;} .card-tp.is-open a.current-tp { border-color: #c2c52e; background-color: #c2c52e; color: #000000; } .card-tp ul { opacity: 0; visibility: hidden; height: 0; -webkit-box-shadow: 0 20px 40px rgba(0,0,0,.3); box-shadow: 0 20px 40px rgba(0,0,0,.3); position: absolute; top: 100%; left: 0; width: 100%; z-index: 4; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .card-tp.is-open ul { opacity: 1; visibility: visible; height: auto; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);} .card-tp ul > li > a { display: block; background-color: #dcdf3c; color: #000000; padding: 1rem 2.5rem 1rem 2rem;} .card-tp ul > li > a:hover { background-color: #f4f750;} .card-tp-tile, .card-tp-details { display: block; pointer-events: none;} .card-tp-tile { font-size: 1.25rem; text-transform: lowercase;} .card-tp-details { font-size: .875rem;} .card-tp + img { margin-left: 2rem;} /*card info*/ .card-info-container { padding: 2.5rem 0 4rem;} .card-info-list .block-title { font-size: 3rem; font-weight: 600; text-transform: lowercase; margin-bottom: 1.5rem;} .card-info-list ul { padding-left: 0; list-style: none;} .card-info-list ul > li::before { content: ""; width: 10px; height: 2px; background-color: #6cc195; position: absolute; top: .75rem; left: 0;} .card-info-list ul > li { position: relative; padding-left: 1.25rem; margin-bottom: 1.5rem;} @media (min-width:1024px){ .card-info-list > .inner { padding-right: 12.5%;} } .card-info-adv > .inner { padding-top: 1.5rem;} .card-info-adv .block-title { font-size: 1.5rem; text-transform: lowercase; margin-bottom: 1.5rem;} .card-info-adv ul { padding-left: 0; list-style: none; margin-bottom: 2rem; } .card-info-adv ul > li::before, .card-info-adv ul > li::after { content: ""; display: block; background-color: #6cc195; position: absolute; left: 0; top: .75rem;} .card-info-adv ul > li::before { width: 10px; height: 2px; margin: 0; } .card-info-adv ul > li::after { width: 2px; height: 10px; margin: -4px 0 0 4px; } .card-info-adv ul > li { position: relative; padding-left: 1.25rem; margin-bottom: 1.5rem;} /*card details*/ .section-card-desc { margin-bottom: 0;} .card-desc-list { margin-bottom: 0;} .card-desc-list li { position: relative; color: #ffffff; padding: 2rem 0; } .card-desc-list li:nth-child(odd) { background-color: #6cc195;} .card-desc-list li:nth-child(even) { background-color: #63bc8e;} .card-desc-title { display: block; margin-bottom: 1.25rem; font-size: 1.5rem; font-weight: 600; } .card-desc-content p:last-child { margin-bottom: 0;} .card-desc-img { padding-top: 2rem;} .card-desc-img img { display: inline-block; max-width: 100%;} @media (min-width:1024px){ .card-desc-img { text-align: center; padding-top: 0;} } /*card additional services*/ .card-add-services { /*padding-top: 1.5rem;*/ padding-bottom: 1.5rem;} .card-add-service-title { display: block; font-size: 1.125rem; font-weight: 600; margin-bottom: 1.25rem;;} .card-add-service-content { font-size: .875rem;} .card-add-service-content p:last-child { margin-bottom: 0;} /*card documents*/ .docs-container { margin-bottom: 0rem; position: relative;} .docs-container.green { background-color: #6cc195; color: #ffffff;} .docs-container.light-green {background-color: #8dc232; color: #ffffff;} .docs-container.blue {background-color: #7196da; color: #ffffff;} .docs-container.red {background-color: #fc6a70; color: #ffffff;} .docs-inner { position: relative; padding: 2.75rem 0 0;} .docs-inner .block-title { font-size: 2.25rem; font-weight: 600; text-transform: lowercase; margin-bottom: 2.25rem;} .docs-inner ul { padding-left: 0; list-style: none;} .docs-inner ul > li::before { content: ""; width: 12px; height: 2px; position: absolute; top: .75rem; left: -1.5rem;} .docs-container.green .docs-inner ul > li::before {background-color: #dcdf3c;} .docs-container.blue .docs-inner ul > li::before, .docs-container.light-green .docs-inner ul > li::before {background-color: #ffffff;} .docs-container.red .docs-inner ul > li::before {background-color: #dcdf3c;} .docs-inner ul.crcl > li::before {display:none;} .docs-inner ul.crcl{list-style-type: disc;} .docs-inner ul.crcl li{margin-left: 1.25rem;} .docs-inner ul { margin-bottom: 1.5rem;} .docs-inner ul > li { position: relative; padding-left: 0/*1.25rem*/; /*margin-bottom: .75rem;*/} .docs-map-container { padding: 1.25rem 0; } .docs-map-container .btn { /*border-color: #ffffff;*/ color: #ffffff; /*background-color: #6cc295;*/} .docs-map-container .btn:hover, .docs-map-container .btn:active {/*background-color: #6cc295;*/} .docs-container #simple_map, .docs-container #map { display: none;} @media (max-width:1023px){ .docs-map-container .btn {border-color: #ffffff;} } @media (min-width:1024px){ .docs-inner { padding: 2.75rem 0 /*6.25rem*/2.75rem;} .docs-inner > .inner { width: 50%;} .docs-map-container { padding: 1.25rem; width: 350px; height: 100%; position: absolute; top: 0; right: 0; background: url(../img/map-bg.jpg) no-repeat 50% 50% transparent; background-size: cover; } .docs-map-container a.btn { position: absolute; left: 1.25rem; bottom: 1.25rem; width: calc(100% - 2.5rem)} .docs-map-container .btn { /*border-color: #6cc295;*/ color: #000000; background-color: #ffffff;} .docs-map-container .btn:hover, .docs-map-container .btn:active {background-color: #ffffff;} .docs-container #simple_map, .docs-container #map{ display: block;} } /*card order*/ .order-container { background-color: #f8f8e7; border-top: 1px solid #ebed88; border-bottom: 1px solid #ebed88; border-right: 1px solid #ebed88; margin-top:1.25rem; padding:3rem 0;overflow: visible} .order-inner .block-title { display: block; font-size: 2.25rem; font-weight: 100; text-transform: lowercase; margin-bottom: 1.5rem; line-height:2rem} .form-group.submit-wrap, .form-item.submit-wrap { padding-top: 1.25rem} .order-container form .btn { background-color: #ffffff;} .order-container.while{background-color: #ffffff;} .order-container.while form .btn { background-color: #658acf;border-color: transparent;} .order-container.while .order-inner{float: left;} .order-container .checkboxes--wrapper legend { border: 0; } .order-container .checkboxes--wrapper .js-form-item { display: inline-block; vertical-align: top; position: relative; max-width: 49%; padding-right: 10px; width: 100%; } .order-container .checkboxes--wrapper .js-form-item label { text-overflow: inherit; white-space: normal; } [id^=block-vebforma-2] h3 { text-align: center; margin-bottom: 15px; } @media (min-width:1024px){ .order-inner { margin: auto; width: 50%;} } @media (max-width:767px){ .order-container .checkboxes--wrapper .js-form-item { max-width: 100%; } } /*section advertising*/ .section-advertising {margin-top:4rem} .section-advertising > .section-header{margin-bottom:2rem;} .section-advertising .section-title { font-size: 1.5rem;} @media (min-width:1024px){ .section-advertising .section-title { font-size: 3rem;} } .advertising-item { position: relative; margin-bottom: 1.25rem; padding: 2.25rem 0; overflow: hidden; color: #ffffff; min-height: 450px; } .advertising-item.blue-item {background-color:#00a0a6;} .advertising-item.red-item {background-color:#e23127;} .advertising-item.green { color: #ffffff; background-color: #6ad4a6;} .advertising-item.orange { color: #ffffff; background-color: #ebb641;} .advertising-item.gray { color: #ffffff; background-color: #a9b3bb;} .advertising-item.gray-blue { color: #ffffff; background-color: #a5c7d4;} .advertising-item > a { display: block; color: inherit; background-color: transparent; text-decoration: none;} .advertising-item-inner { position: relative; height: 100%;} @media (min-width:1024px){ .advertising-item .adv-info { width: 50%;} .advertising-item { min-height: 300px;} } .advertising-item .adv-title { display: block; font-size: 3rem; font-weight: 100; text-transform: lowercase; margin-bottom: 2.25rem; line-height: 1.2; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .advertising-item .adv-title:hover { color: #dcdf3c; } .advertising-item .adv-content p:last-child { margin-bottom: 0;} .advertising-item .adv-img { text-align: center; position: absolute; bottom: 0; right: 0px;max-width: 300px; } .advertising-item .adv-img img { display: inline-block; max-width: 100%;} @media (max-width:600px){ .advertising-item .adv-img { max-width: 245px; } .advertising-item { min-height: 290px; } } #bx_1239161589_4331363 .adv-img { padding: 20px;} #bx_1239161589_4331363 .adv-img img {box-shadow: 0px 0px 31px 10px white; border-radius: 10px;} /*================================ PAGE DEPOSITS STYLES =================================*/ .section-deposits { padding-bottom: 2.25rem;} .section-deposits .page-header { padding-bottom: 2.5rem;} @media (max-width:767px) { .section-deposits .container { width: calc(100% - 30px); -ms-word-break: normal; word-break: normal; word-break: normal; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } } .filter-deposits-container { padding-top: 3rem;} .filter-deposits-container .sum label, .filter-deposits-container .form-group-inline > label { color: rgba(255,255,255,.5) !important; } .filter-deposits-container .sum label { font-size: 1rem; margin-bottom: 0.5rem;} .filter-deposits-container .sum .range-amount { width: 100%;} .filter-deposits-container .bt-dropdown-toggle { font-size: 2rem;} .filter-deposits-container .bt-dropdown { text-transform: lowercase;} .filter-deposits-container .cur .list-form-inline::before, .filter-deposits-container .cur .list-form-inline::after { content: ""; display: table;} .filter-deposits-container .cur .list-form-inline::after { clear: both;} .filter-deposits-container .cur .list-form-inline li { float: left; padding: 0; margin-left: -2px;} .filter-deposits-container .cur .list-form-inline li:first-child { margin-left: 0;} .filter-deposits-container .cur .list-form-inline label { display: block; width: 48px; height: 48px; line-height: 48px; border: 2px solid #3d69ba; font-size: 2.25rem; color: #3d69ba; text-align: center; cursor: pointer; } .no-touch .filter-deposits-container .cur .list-form-inline label {line-height: 44px;} .bx-mac .filter-deposits-container .cur .list-form-inline label {line-height: 1.4;} .filter-deposits-container .cur input[type="radio"] + label { padding-left: 0; margin-bottom: 0; } .filter-deposits-container .cur input[type="radio"] + label::before, .filter-deposits-container .cur input[type="radio"] + label::after { display: none;} .filter-deposits-container .cur input[type="radio"]:checked + label { background-color: #3d69ba; border-color: #3d69ba; color: #ffffff;} .filter-deposits-container .white { color: #ffffff;} @media (min-width:1024px) { .filter-deposits-container .sum { width: 230px;} .filter-deposits-container .term { width: 200px;} .filter-deposits-container .check { width: 280px; padding-top: 2.75rem;} } .list-deposits { margin-bottom: 0;} .list-deposits > li > a { position: relative; display: block; width: 100%; background-color: #f1f5fa; color: #252525; padding: 2.625rem 0 2.375rem;} .list-deposits > li:nth-child(even) > a { background-color: #ffffff;} .no-touch .list-deposits > li > a:hover { background-color: #658acf/*#7d9edf*/; color: #ffffff;} .no-touch .list-deposits > li.depwrong > a:hover { background-color: #f1f5fa; color: #252525;} /*@media (min-width:1024px) {*/ .list-deposits > li.featured > a { background-color: #7196da/*#8aa8e2*/; color: #ffffff;} /*}*/ .deposit-item-img, .deposit-item-label { display: none;} .deposit-item-img { position: absolute; right: 0/*2rem*/; bottom: 0; max-width: 50%;} .deposit-item-img img { display: inline-block; max-width: 100%;} .deposit-item-label { font-size: 1.125rem; line-height: 1; color: #000000; background-color: #dcdf3c; padding: .75rem 1.5rem; position: absolute; right: 0; bottom: 2rem; } @media (min-width:1024px) { .deposit-item-img, .deposit-item-label { display: block;} .deposit-item-label { opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: opacity .3s, visibility .3s; -o-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s;} .no-touch .list-deposits > li > a:hover .deposit-item-label { opacity: 1; visibility: visible; } } .deposit-item-features { padding-top: .5rem; padding-bottom: 1rem;} .deposit-item-features ul { padding-left: 0; list-style: none; } .deposit-item-features ul > li { position: relative; padding-left: 1.5rem;} .deposit-item-features ul > li::before {content: ""; width: 8px; height: 14px; border-color: transparent #7d9edf #7d9edf transparent; border-style: solid; border-width: 3px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; position: absolute; left: 0; top: 4px;} .no-touch .list-deposits > li > a:hover .deposit-item-features ul > li::before { border-color: transparent #ffffff #ffffff transparent;} .no-touch .list-deposits > li.depwrong > a:hover .deposit-item-features ul > li::before { border-color: transparent #7d9edf #7d9edf transparent;} @media (min-width:1024px) { .deposit-item-features { padding-top: 0; padding-bottom: 0;} .deposit-item-features ul > li { margin-bottom: 0.75rem;} .list-deposits > li.featured .deposit-item-features ul > li::before { border-color: transparent #ffffff #ffffff transparent;} } .deposit-item-title { position: relative; display: inline-block; font-size: 2.25rem; font-weight: 600; line-height: 1.2; text-transform: lowercase; margin: .75rem 0 .5rem !important;max-width:85%;} .deposit-item-title .currency-label { display: block; width: 60px; font-size: 1.5rem; line-height: 1; text-transform: none; color: rgba(37,37,37,.5); position: absolute; top: -10px; right: -65px;} /*.list-deposits > li.featured .deposit-item-title .currency-label,*/ .no-touch .list-deposits > li > a:hover .deposit-item-title .currency-label {color: rgba(255,255,255,.5);} .no-touch .list-deposits > li.depwrong > a:hover .deposit-item-title .currency-label {color: rgba(37,37,37,.5);} .deposit-item-title .currency-label i { display: inline-block; vertical-align: middle; font-weight: 300;} .deposit-item-title .currency-label i + i { margin-left: 4px;} .deposit-item-meta { font-size: 1.5rem; font-weight: 600; line-height: 1.2; margin-top: 1rem;} .deposit-item-meta .meta-label { display: block; font-size: .8125rem; font-weight: 300; line-height: 1; opacity: .5; margin-bottom: .25rem;} .deposit-item-meta .notice { display: inline-block; padding: 1rem 1.5rem; background-color: rgba(250,95,101,.15); color: #000000; font-size: .875rem; font-weight: 300; max-width: 240px;} .deposit-terms-info { display: block; font-size: .8125rem; opacity: .5; padding-top: 2rem;} @media (min-width:1024px) { .deposit-item-title {margin: .75rem 0 1.5rem !important;} .deposit-item-meta { margin-top: 0;} .deposit-terms-info {padding-top: 1rem;} } /*============================= SINGLE DEPOSIT STYLES ==============================*/ .deposit-entry-header { padding-top: 4rem; } .deposit-entry-header.blue { color: #ffffff; background-color: #7196da;} .deposit-entry-header .container { position: relative; height: 100%;} @media (min-width:1024px) { .deposit-entry-header .inner { width: 68.75%;} .deposit-entry .deposit-title.online-deposit { font-size: 4rem; } } .deposit-entry .deposit-title { font-size: 2.25rem; font-weight: 600; text-transform: lowercase; margin-bottom: 1.5rem; } @media (min-width:1024px) { .deposit-entry .deposit-title { font-size: 6rem; } } .deposit-entry .deposit-currency { font-size: 1.75rem; line-height: 1.2; margin-bottom: 1.5rem; } @media (min-width:1024px) { .deposit-entry .deposit-currency { font-size: 2.25rem; } } .deposit-entry .deposit-currency i { display: inline-block; vertical-align: middle;} .deposit-entry .deposit-currency i + i { margin-left: 1rem;} .deposit-entry .deposit-features { margin-bottom: 1.5rem; } .deposit-entry .deposit-features ul { padding-left: 0; margin-bottom: 0; list-style: none;} .deposit-entry .deposit-features ul > li { margin-bottom: .75rem; color: #ffffff; } .deposit-entry .deposit-features ul > li.active { color: #ffffff; opacity: 1;} .deposit-entry .deposit-min-sum { margin-bottom: 6.5rem; font-size: 1.5rem; font-weight: 600; line-height: 1.2; } .deposit-entry .deposit-min-sum .label { display: block; font-size: .8125rem; line-height: 1; font-weight: 300; opacity: .5; margin-bottom: .25rem; } .deposit-label-container { padding-top: 1.5rem;} .deposit-label-container > .container { position: relative; height: 100%;} .deposit-label { background-color: #dcdf3c; padding: 1.125rem 1.5rem 1.5rem; color: #000000; overflow: hidden; } .deposit-label > span {font-size: 1.125rem; display: block; } .deposit-label .slide-box { display: none; padding-top: 1rem; font-size: .875rem; } .deposit-label.is-open .slide-box { display: block; } .deposit-label .slide-box p:last-child { margin-bottom: 0;} @media (min-width:1024px) { .deposit-label-container { margin-top: -5rem; padding-bottom: 5rem; padding-top: 0; } .deposit-label {display: inline-block; max-width: 336px; position: absolute; right: 0; bottom: -100px;} } .touch .deposit-label > span { position: relative; padding-right: 30px;} .touch .deposit-label > span::after {content: ""; display: inline-block; width: 0; height: 0; margin-top: -1px; border-style: solid; border-width: 4px 6px 4px 0; border-color: transparent #000000 transparent transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .touch .deposit-label.is-open > span::after { border-width: 6px 4px 0 4px; border-color: #000000 transparent transparent transparent; } .touch .deposit-label .slide-box { padding-right: 30px;} .section-interest-rate .section-title > .rate-date-info { display: block; font-size: .75rem; font-weight: 300;} .section-interest-rate #btn-deposit-compare { display: none;} @media (min-width:1024px) { .section-interest-rate .tabs-container-select nav { position: absolute; top: -76px; left: 374px} .section-interest-rate #btn-deposit-compare { display: inline-block;} } .section-interest-rate .tabs-container-select nav { width: 220px;} .tabs-container-select.blue-outline .placeholder a { padding: .25rem 2rem .25rem .75rem; border: 2px solid #7196da;} .section-interest-rate .tabs-container-select .placeholder a i, .section-interest-rate .tabs-container-select .tabs-nav a i { font-size: 1.5rem; display: inline-block; vertical-align: middle; margin-right: .75rem} .section-interest-rate .tabs-container-select .tabs-nav a.selected::after { top: 20px;} .section-interest-rate .tabs-container-select .pane { padding-top: 1rem;} @media (min-width:1024px) { .section-interest-rate .tabs-container-select .pane { padding-top: 0;} } .section-interest-rate table th, .section-interest-rate table td { border-top: none;} .section-deposit-loyalty .section-content ul { padding-left: 0; list-style: none;} .section-deposit-loyalty .section-content ul > li { position: relative; margin-bottom: 0.75rem; padding-left: 1.5rem;} .section-deposit-loyalty .section-content ul > li::before {content: ""; width: 8px; height: 14px; border-color: transparent #000000 #000000 transparent; border-style: solid; border-width: 3px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; position: absolute; left: 0; top: 4px;} @media (min-width:1024px) { .section-interest-rate .table {width: 81.25%} .section-deposit-loyalty .section-content { width: 50%;} } .add-info-item { margin-bottom: 1.5rem;} .add-info-item:last-child { margin-bottom: 0;} .add-info-item h5, .section-add-info h5 { font-size: 1.313rem; margin-bottom: 1rem;} .add-info-item .add-info-item-content ul, .section-add-info ul { padding-left: 0; list-style: none;} .add-info-item .add-info-item-content ul > li, .section-add-info ul > li { position: relative; margin-bottom: 0.75rem; padding-left: 1.5rem;} .add-info-item .add-info-item-content ul > li::before, .section-add-info ul > li::before {content: ""; width: 8px; height: 14px; border-color: transparent #000000 #000000 transparent; border-style: solid; border-width: 3px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; position: absolute; left: 0; top: 4px;} @media (min-width:1024px) { .add-info-item .add-info-item-content { width: 50%;} } /*================================ PAGE CREDITS STYLES =================================*/ .section-credits { padding-bottom: 2.25rem;} .section-credits .page-header { padding-bottom: 2.5rem;} .page-header.red { background-color: #fc6a70; color: #ffffff;} .list-credits > li { position: relative; background-color: #f1f5fa; color: #252525; padding: 2.25rem 0 3rem; } .list-credits > li > a { display: block; width: 100%; background-color: inherit; color: inherit; -webkit-transition: none; -o-transition: none; transition: none; } .list-credits > li .more-link { padding-top: 1.75rem; text-align: center;} .list-credits > li:nth-child(even) { background-color: #ffffff;} .no-touch .list-credits > li:hover { background-color: #fc6a70; color: #ffffff;} @media (min-width:1024px) { .list-credits > li.featured { background-color: #fc797e; color: #ffffff;} .list-credits > li .more-link { display: none;} } .credit-item-title { color: inherit; font-size: 2.25rem; line-height: 1.2; font-weight: 600; text-transform: lowercase; } .credit-item-meta { font-size: 1.5rem; line-height: 1.2; margin-top: 1.5rem; } .credit-item-meta .meta-label { display: block; font-size: .8125rem; line-height: 1; font-weight: 300; text-transform: none; color: #252525; opacity: .5;} .no-touch .list-credits > li:hover .credit-item-meta .meta-label { color: #ffffff;} .credit-item-content { padding-top: 2.25rem; display: none;} .credit-item-content p:last-child { margin-bottom: 0;} @media (min-width:1024px) { .credit-item-title {margin-bottom: 3.625rem;} .list-credits .featured .credit-item-title { margin-bottom: 1.5rem;} .list-credits > li.featured .credit-item-meta .meta-label {color: #ffffff;} .credit-item-meta { margin-top: 0;} .credit-item-content { width: 62.5%; display: block; } } /*============================= SINGLE CREDIT STYLES ==============================*/ .credit-entry { word-break: normal; hyphens: none; } .credit-entry-header { position: relative; padding: 5.5rem 0 0; overflow: hidden;} .credit-entry-header.red { color: #ffffff; background-color: #fc6a70;} .credit-entry-header.light-green { color: #ffffff; background-color: #8dc232;} .credit-entry-header .inner { position: relative; z-index: 1; } .credit-title { font-size: 2.25rem; text-transform: lowercase; margin-bottom: 2rem; } .credit-entry-img { position: relative; right: 0; bottom: 0; text-align: right;} .credit-entry-img img { display: inline-block; max-width: 100%;} @media (min-width:1024px) { .credit-title { font-size: 4rem; } .credit-entry-header { padding: 5.5rem 0 6.5rem;} .credit-entry-header .inner { width: 66.666667%; } .credit-entry-img { position: absolute;} } .credit-meta { margin-bottom: 2.5rem;} .credit-meta-item { font-size: 1.5rem; font-weight: 600; line-height: 1.2; text-transform: lowercase; display: block; vertical-align: top; } .credit-meta-item + .credit-meta-item { margin-top: 1.5rem;} .credit-meta-item .label { display: block; font-size: 0.8125rem; font-weight: 300; line-height: 1; text-transform: none; color: #ffffff; opacity: 0.5; } .credit-nav { max-width: 420px; padding: 2rem 2.5rem; border: 1px solid rgba(0,0,0,.2); color: #ffffff; text-transform: lowercase;} .section-credit-advantages .section-title { font-size: 2.25rem;} .section-credit-advantages ul { padding-left: 0; list-style: none; } .section-credit-advantages ul ul { padding-top: .5rem;} .section-credit-advantages ul > li::before { content: ""; width: 10px; height: 2px; background-color: #fc5a61; position: absolute; top: .75rem; left: -1.5rem;} .section-credit-advantages ul > li { position: relative; margin-bottom: 1rem; padding-left: 0; } .section-credit-advantages ul > li > ul li { padding-left: 1rem; position: relative; } .section-credit-advantages ul > li > ul li::before { content: ""; width: 4px; height: 4px; background-color: #fc5a61; border-radius: 50%; poasition: absolute; left: 0; top: 11px;} @media (min-width:1024px) { .section-credit-advantages .section-header, .section-credit-advantages .section-content { /*width: 87.5%;*/ padding-right: 364px;} .section-credit-advantages .section-title { font-size: 3rem;} /*.credit-meta::after { content: ""; display: table; clear: both;}*/ .credit-meta { display: table; table-layout: fixed; width: 100%; max-width: 100%;} .credit-meta-item { display: table-cell; padding-right: 60px; /*float: left; max-width: 400px;*/ } .credit-meta-item + .credit-meta-item { margin-top: 0; /*margin-left: 94px; max-width: 350px;*/} } @media (min-width:1440px) { /*.credit-meta-item + .credit-meta-item { max-width: 372px;}*/ } /* .section-credit-conditions::before { content: ""; width: 100%; height: 100%; background-color: #fc6a70; position: absolute; left: -100%; top: 0;} .section-credit-conditions.light-green::before, */ .section-credit-conditions.light-green {background-color: #8dc232;} .section-credit-conditions { background-color: #fc6a70; color: #ffffff; position: relative;} .section-credit-conditions .section-title { font-size: 3rem;} .condition-item {font-size: 1.5rem; line-height: 1.2; text-transform: lowercase; margin-top: 1.5rem;} .condition-item .label {display: block; font-size: 0.8125rem; font-weight: 300; line-height: 1; text-transform: none; color: #ffffff; opacity: 0.5;} .section-credit-conditions { margin-bottom: 23px;} @media (min-width:1024px) { .section-credit-conditions { padding-bottom: 2.5rem;} /*.section-credit-conditions::after { content: ''; width: 384px; height: 100%; background-color: #ffffff; position: absolute; top: 0; right: 0;}*/ /*.section-credit-conditions::before { width: 200%; left: -200%; } .section-credit-conditions .section-header { width: 66.666667%;} .section-credit-conditions .section-content { width: 87.5%;} */ .section-credit-conditions .section-header { display: inline-block; vertical-align: middle; } .section-credit-conditions .section-content { display: inline-flex; vertical-align: middle; padding-left: 50px; padding-bottom: 10px; } .section-credit-conditions .section-content .condition-item{ margin-top: 0; margin-right: 35px; } } .section-credit-discounts .section-title { font-size: 3rem;} .credit-discount-item { margin-bottom: 1.5rem;} .credit-discount-item > .inner { background-color: #dcdf3c; padding: 1.125rem 1rem;} .credit-discount-title { display: block; font-size: 1.313rem; line-height: 1.2; font-weight: 600; color: #000000; } .credit-discount-content { display: block; font-size: .875rem; margin-top: 1.25rem;} @media (min-width:1024px) { .credit-discount-item { margin-bottom: 0;} } .section-credit-schedule .section-title { font-size: 3rem;} .credit-schedule-item { margin-top: 1.5rem;} .credit-schedule-item .table td, .credit-schedule-item .table th { border-color: transparent;} .section-credit-add-info .section-title { font-size: 3rem;} @media (min-width:1024px) { /*.section-credit-schedule .section-content { width: 87.5%;}*/ .credit-schedule-item { margin-top: 0;} .credit-schedule-item > .inner {width: 87.5%;} .credit-add-info-text > .inner {width: 87.5%;} } /*fixed credit form*/ .credit-fixed-container { position: relative;} .credit-fixed-container > .inner-content { float: none; width: 100%; } .credit-form-container { z-index: 1;} .form-shadow-box { background-color: #ffffff; padding: 1.5rem 1.875rem; /*margin-bottom: 1.25rem*/} .form-shadow-box.red { /*box-shadow: 10px 0 35px rgba(202,72,77,.3);*/ } .form-shadow-box.yellow { -webkit-box-shadow: 10px 0 35px rgba(162,164,38,.3); box-shadow: 10px 0 35px rgba(162,164,38,.3);} .form-shadow-box .block-title { display: block; font-size: 1.125rem; font-weight: 600; text-transform: lowercase; margin-bottom: 1rem;} /*.credit-form-container*/ .form-results {width: calc(100% - 20px); text-align: right;} /*.credit-form-container*/ .form-results span { display: block; font-size: .8125rem; color: rgba(0,0,0,.5);} .credit-month-sum, .trans-sum-total { font-size: 3rem; line-height: 1.2;} .credit-month-sum > i, .trans-sum-total > i { font-size: 1.5rem;} .range-slider-wrap input { font-size: 30px;} .credit-form-container .range-slider-wrap input { font-size: 26px; } .clear-botn { clear: both; } .credit-form-container > form { width: 90%; max-width: 540px; margin: auto; } @media (min-width:1024px) { /*.credit-fixed-container > .inner-content { padding-right: 364px; }*/ .credit-form-container { float: right; width: 364px; position: absolute; right: 20px; top: -330px; z-index: 1;} .credit-form-container.is-fixed { position: fixed; right: 90px !important;} .credit-form-container > form { width: auto; max-width: none; position: relative; } .credit-form-container .btn-wrap { position: absolute; left: 0; right: 0; margin-top: 1.25rem; } } @media only screen and (min-width: 1280px) { .credit-form-container.is-fixed { right: 280px !important;} } /*================================ PAGE PAYMENTS STYLES =================================*/ .section-payments { padding-bottom: 2.25rem;} .section-payments .page-header { padding-bottom: 2.5rem;} .page-header.orange { background-color: #fbaa69; color: #ffffff;} .list-payments > li { position: relative; background-color: #f1f5fa; color: #161a1b; padding: 2.875rem 0 3.125rem; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s;} .list-payments > li:nth-child(even) { background-color: #ffffff;} .no-touch .list-payments > li:hover { background-color: #fbaa69; color: #ffffff!important;} .no-touch .list-payments > li:hover .payment-a-hover{color: #ffffff!important;} .featured .payment-a-hover{color: #ffffff;} @media (min-width:1024px) { .list-payments > li { min-height: 200px;} .list-payments > li.featured { background-color: #fbb278; color: #ffffff; padding: 2.875rem 0 3.75rem;} } .payment-item-title { color: inherit; font-size: 2.25rem; line-height: 1.2; font-weight: 600; text-transform: lowercase; margin-bottom: 1.5rem;} .payment-item-info p:last-child { margin-bottom: 0;} .payment-item-action > .inner { padding-top: 1.5rem;} .payment-item-action > .inner .btn { display: block; width: 100%; border-color: #000000; color: #000000; } .payment-item-action > .inner .btn:hover { color: #ffffff; border-color: #000000;} .payment-item-action > .inner .btn::after {background-color: #000000;} .payment-item-action > .inner .btn:active { color: #ffffff; border-color: #000000; } .payment-item-action > .inner .btn:active::after { background-color: #000000;} .payment-item-action > .inner p { margin-bottom: 0; padding-top: 1.5rem; display: none;} @media (min-width:1024px) { .payment-item-action > .inner { text-align: right; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: visibility 0.2s, opacity 0.3s; -o-transition: visibility 0.2s, opacity 0.3s; transition: visibility 0.2s, opacity 0.3s;} .no-touch .list-payments > li:hover .payment-item-action > .inner { visibility: visible; opacity: 1;} .payment-item-action > .inner .btn { display: inline-block; width: auto; border-color: #ffffff; color: #ffffff; } .payment-item-action > .inner .btn:hover { color: #ffffff; border-color: #faac50;} .payment-item-action > .inner .btn::after {background-color: #faac50;} .payment-item-action > .inner .btn:active { color: #ffffff; border-color: #ec911f; } .payment-item-action > .inner .btn:active::after { background-color: #ec911f;} .payment-item-action > .inner p { display: block;} } .section-payments-alt { background-color: #dcdf3c; padding: 2.5rem 0 3.5rem;} .section-payments-alt .section-title { font-size: 3rem;} .payment-alt-item { margin-bottom: 2rem;} .payment-alt-item:last-child { margin-bottom: 0;} .payments-alt-desc { margin-bottom: 2.5rem;} .payments-alt-desc p:last-child { margin-bottom: 0;} .payment-alt-item-title { margin-bottom: 1.5rem;} .payment-alt-item .btn { display: block; width: 100%;} @media (min-width:1024px) { .payments-alt-desc { width: 43.75%; } .payment-alt-item > .inner { width: 93.75%;} .payment-alt-item { margin-bottom: 0;} .payment-alt-item .btn { display: inline-block; width: auto;} } /*================================ SINGLE PAYMENT STYLES =================================*/ .payment-entry-header { padding-top: 5.5rem; position: relative;} .payment-entry-header.light-orange { color: #ffffff; background-color: #ffb67b;} .payment-entry-header .container { position: relative; height: 100%;} .payment-entry-img { position: absolute; right: 0; bottom: 0;} .payment-entry-img img { display: inline-block; max-width: 100%;} .payment-entry-header-inner { padding-bottom: 4rem; position: relative;} .payment-entry-header .payment-title { margin-bottom: 2rem; text-transform: lowercase;} .payment-type { margin-bottom: 1.5rem;} .payment-type > span { display: block; font-size: 1.5rem; font-weight: 600; text-transform: lowercase; line-height: 1.2; margin-bottom: 1rem;} .payment-action { padding-top: 11rem;} .payment-action img { display: block; max-width: 100%;} .payment-action .btn {width: 100%; background-color: #fbaa6b;} .payment-action img + a { margin-top: 1.5rem;} @media (min-width:1024px) { .payment-entry-header-inner {width: 62.5%;} .payment-action { padding-top: 0;} .payment-action img { display: none; } .payment-action .btn {width: auto; background-color: transparent;} } .list-payment-type > li { padding: 2.25rem 0; background-color: #ffffff;} .list-payment-type > li:nth-child(even) { background-color: #f1f5fa;} .payment-type-item-content > h4 { margin-bottom: 1.25rem;} .payment-type-item-action { text-align: center;} .payment-type-item-action img { display: none;} .payment-type-item-action a { width: 100%; display: block; margin: 15px 0!important; } .payment-type-item-action .btn { background-color: #ffffff;} @media (min-width:1024px) { .payment-type-item-action { text-align: right;} .payment-type-item-action img { display: inline-block;} .payment-type-item-action img + a { margin-left: 2rem;} .payment-type-item-action a { display: inline-block; width: auto;} } @media (max-width:767px) { .section-payment-terminal .payment-item-action .inner .btn { max-width: calc(90% - 40px); margin: 0 auto; } .communal-payments, .communal-payments h3 { word-wrap: normal; } .kom3 { margin-top: 0!important; } } @media (max-width:465px) { .communal-payments .payment-entry-header .payment-title { font-size: 3rem; } .communal-payments .container { width: 100%; } } @media (max-width:365px) { .payment-entry-header.light-orange>.container { width: 100%; } } /*================================ PAGE TRANSACTIONS STYLES =================================*/ .section-transactions .page-header { padding-bottom: 2.5rem;} .page-header.peach, .page-entry-header.peach{ color: #ffffff; background-color: #f89d7d;} a.btn-peach-b.btn {background-color: #f89d7d;border-color:#fff; color: #ffffff;display: inline-block;height:auto;line-height:24px;font-size: 1.35rem;padding:7px 10px 20px 10px;min-width: 260px;} a.btn-peach-b.btn {margin:20px 0px 0px 0px;} @media (min-width:1024px) { a.btn-peach-b.btn {margin:0px 20px 0px 0px;padding:7px 10px 20px 10px;} } a.btn-peach-b:hover {background-color: #f79273;border-color:#f79273;} a.btn-peach-b:active{background-color: #ee7b58;border-color:#ee7b58;} .section-transactions .page-title { margin-bottom: 1.5rem;} .transactions-desc ul { padding-left: 0; list-style: none; } .transactions-desc ul > li::before { content: ""; width: 10px; height: 2px; background-color: #ffffff; position: absolute; top: .75rem; left: 0;} .transactions-desc ul > li { position: relative; padding-left: 1.25rem; margin-bottom: .5rem;} @media (min-width:1024px) { .transactions-desc { width: 50%; } } .transactions-types .block-title { font-size: 1.5rem; margin-bottom: 0.4rem;margin-top: 1rem;} .transactions-nav { display: inline-block; border: 1px solid #ffffff; padding: 1.5rem 2.5rem; } .transactions-nav ul { padding-left: 0; list-style: none;} .transactions-nav ul:last-child { margin-bottom: 0;} @media (min-width:1024px) { .transactions-nav {max-width: 37.5%;} } .section-kopiyka { background-color: #dcdf3c; margin-top: 1.25rem; padding-top: 3rem 0;} .kopiyka-preview-title { font-size: 2.25rem; line-height: 1.2; font-weight: 600; text-transform: lowercase; margin-bottom: 2rem;} .kopiyka-preview-title .label { display: block; font-size: .8125rem; line-height: 1; font-weight: 300; text-transform: none; color: #212628; opacity: .5;} .kopiyka-preview-links a + a { margin-top: 1rem !important;} .section-kopiyka-action { padding-top: 1rem;} /*.section-kopiyka-action form { display: none;}*/ .section-kopiyka-action .btn-wrap { text-align: center;} .section-kopiyka-action .btn { display: block; width: 100%;} @media (min-width:1024px) { .section-kopiyka-info > .inner { width: 68.5%;} /*.kopiyka-preview-links { width: 62.5%;}*/ .section-kopiyka-action form { display: block;} .section-kopiyka-action .btn { display: inline-block; width: auto;} } .section-international-info > .inner > h3 { margin-bottom: 1.875rem; text-transform: lowercase;} .list-tr-logoes {margin-bottom: 0;} .list-tr-logoes > li { margin-top: 1rem; margin-bottom: 1rem; text-align: center;} .list-tr-logoes > li > a { display: block;} .list-tr-logoes > li span { display: block; background-color: #ffffff; border: 1px solid #cccccc; height: 96px; position: relative; overflow: hidden; } .list-tr-logoes > li img { max-width: 80%; max-height: 80%; height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .section-international-commission { display: none;} @media (min-width:1024px) { .section-international-info > .inner { width: 87.5%;} .section-international-commission { display: block;} } .table.table-no-border th, .table.table-no-border td { padding: .325rem; border-top-color: transparent; vertical-align: middle;} .table-commission tbody th { font-size: 1.125rem; font-weight: 500;} .table-commission tbody td { font-size: 1.75rem;} .table-commission tbody td span { font-size: 1.5rem;} .table-commission tr.disabled { color: #cccccc;} @media (min-width:1024px) { .table.table-no-border thead th { border-bottom-color: transparent;} .table.table-no-border th, .table.table-no-border td { padding: .25rem 0; } } .section-swift { background-color: #f1f5fa;} .section-swift .section-title { text-transform: none;} .section-swift-info > .inner { width: 87.5%;} /*.section-swift-info ul { padding-left: 0; list-style: none; } .section-swift-info ul > li::before { content: ""; width: 10px; height: 2px; background-color: #000000; position: absolute; top: .75rem; left: 0;} .section-swift-info ul > li { position: relative; padding-left: 1.25rem; margin-bottom: 1.5rem;}*/ .section-swift-info .btn { width: 100%; display: block;} @media (min-width:1024px) { .section-swift-info .btn { width: auto; display: inline-block; background-color: #ffffff;} } .swift-currency { display: none;} .swift-currency > .inner { background-color: #ffffff; border: 1px solid #cccccc; padding: 1.5rem;} .swift-currency ul { padding-left: 0; list-style: none; } .swift-currency ul > li::before { content: ""; width: 10px; height: 2px; background-color: #dcdf3c; position: absolute; top: .75rem; left: 0;} .swift-currency ul > li { position: relative; padding-left: 1.25rem; margin-bottom: 1.5rem;} @media (min-width:1024px) { .swift-currency { display: block;} } .section-visa .section-title {text-transform: none;} .visa-restrictions > h5 { font-size: 1.5rem; text-transform: lowercase; font-weight: 600; margin-bottom: 1rem;} .visa-restrictions ul { padding-left: 0; list-style: none;} .visa-restrictions ul > li { margin-bottom: 1.25rem;} .section-visa .btn { width: 100%; display: block;} @media (min-width:1024px) { .section-visa .btn { width: auto; display: inline-block; background-color: #ffffff;} .section-visa-inner { width: 62.5%;} } .section-international-info .list-tr-logoes > li { display: inline-block; vertical-align: middle; } #section4 .section-swift-info .table { border: 1px solid #fff; } @media screen and (max-width: 767px) { #section4 .section-swift-info .table { margin-bottom: 25px; } .section-swift-info .table-responsive > .table > tbody > tr > td, .section-swift-info .table-responsive > .table > tbody > tr > th { white-space: normal; } .section-swift-info > .inner { width: 100%; } .section-international-info .list-tr-logoes > li { display: block; } } /*================================ PAGE DEPARTMENTS STYLES =================================*/ .dep-map-container { display: block; position: relative; width: 100%; height: 0; padding-bottom: 120.25%; overflow: hidden; } .dep-map-container .dep-map { display: block; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0;} @media (min-width:1024px) { .dep-map-container { width: 100%; height: 600px; padding-bottom: 0; } .section-departments .container { width: 960px; } } .section-departments .page-header {} .page-header.light-blue { color: #ffffff; background-color: #6dbdde;z-index: 2;} .section-departments .page-title { margin-bottom: 2.25rem;} @media (min-width: 1440px) { .section-departments .container { width: 1024px; } } .filter-departments { padding: 2rem 0;} .filter-departments .form-group { margin-bottom: 1.5rem; padding-left: .625rem; padding-right: .625rem; } .filter-departments .time { width: 394px; margin-left: 0.5rem;} @media (min-width:1024px) and (max-width: 1439px) { .filter-departments .time { width: 295px;} } .filter-departments .time label { font-size: 1rem; color: rgba(255,255,255,.5); margin-bottom: .7rem;} .filter-departments .sky-blue .range-slider-double-wrap .range-double-amount { background-color: transparent; background-image: none; color: #ffffff;} .filter-departments .sky-blue .range-double-slider { background-color: #42a7d1;} .range-slider-double-wrap .label-range.label-range-top {font-size: 14px;} .filter-time-switcher .form-group-inline > label {color: rgba(255,255,255,.5);} .filter-departments label[for="autocomplete"] { font-size: 20px; top: 12px; font-weight: normal; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .filter-departments label[for="autocomplete"].float.top { top: -24px; font-weight: normal; font-size: 14px; font-family: 'Roboto';} .filter-departments #autocomplete {font-weight: 100; font-size: 18px; font-family: 'FuturaPT-Demi'; padding-right: 40px; background: url(../img/icon-plane.png) no-repeat 96% 50% transparent;} .filter-departments .filter-view-type-switcher { text-align: left; padding-top: 14px; padding-left: 1rem; padding-right: 1rem;} .filter-view-type-switcher .btn-group { position: relative; top: 9px; width: 100%; display: inline-block; border: 2px solid #218db9;} .filter-view-type-switcher .btn-group a { width: 50%; float: left; height: 42px; line-height: 38px; display: inline-block; vertical-align: middle; padding: 0 .75rem; color: #218db9; background-color: transparent; font-size: 1.25rem; text-transform: lowercase; text-align: center;} .filter-view-type-switcher .btn-group a.selected { color: #ffffff; background-color: #218db9; pointer-events: none;} @media (min-width:1024px) { .filter-departments label[for="autocomplete"] {font-size: 18px;} .filter-view-type-switcher .btn-group { width: auto;} .filter-view-type-switcher .btn-group a { width: auto;} .bt-dropdown{font-size: 18px;} } .pac-item-query, .pac-matched, .pac-item span{font-size: 18px;} .list-departments > li {position: relative; border: 5px solid transparent; background-color: #ffffff; color: #161a1b; padding: 1.5rem 0 1.25rem; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s;} .list-departments > li:nth-child(even) { background-color: #f1f5fa;} .list-departments > li.featured {background-color: #ffffff; border: 5px solid #6dbdde; padding: 1.875rem 0 1.25rem;} .department-item-info { margin-bottom: 2.5rem;} .department-address { margin-bottom: 0; color: #000000 !important;} .department-location { margin-bottom: 1rem; font-size: .875rem; opacity: .5; color: #000000 !important; } .department-location > span { display: block;} .department-tel { font-size: 1.125rem; color: #000000 !important;} .today-break {color: #000000 !important;} .touch .department-tel a { display: block; width: 100%; background-color: transparent; border: 2px solid #6dbdde; color: inherit; padding: 0 2.5rem; height: 3rem; line-height: 2.75rem; text-align: center;} .no-touch .department-tel a { pointer-events: none; background-color: transparent; color: inherit;} .department-days-table { display: block; width: 25%; font-size: 14px; } .department-days-table table.table th:first-child { padding-left: 0; } .department-opening-hours-table table.table th:first-child { padding-left: 0; } .department-opening-hours-table table.table td:first-child { padding-left: 0; } .department-opening-hours-table table.table th:last-child { padding-right: 0; } .department-opening-hours-table table.table td:last-child { padding-right: 0; } .department-opening-hours-table { overflow: hidden; opacity: 0; visibility: hidden; height: 0; -webkit-transition: opacity 0.2s ease 0s, visibility 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s, visibility 0.2s ease 0s; transition: opacity 0.2s ease 0s, visibility 0.2s ease 0s;} .department-opening-hours-table.is-visible { opacity: 1; visibility: visible; height: auto; padding-bottom: 1.25rem;} .department-opening-hours > .inner { font-size: .875rem; padding-top: 2rem;} .department-opening-hours > .inner > span, .department-opening-hours > .inner > a { display: block;} .department-opening-hours .today-open::after { content: ""; position: relative; display: inline-block; vertical-align: middle; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #6dbdde; border-bottom: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-left: 6px; top: -2px; -webkit-transition: border 0.25s ease 0s; -o-transition: border 0.25s ease 0s; transition: border 0.25s ease 0s;} .department-opening-hours .today-open.active::after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 0; border-bottom: 6px solid #6dbdde; } .department-opening-hours .today-open { color: #6dbdde; font-weight: 600; background-color: transparent; position: relative;} .table-opening-hours thead th, .table-opening-hours tbody th { font-weight: 400;} @media (min-width:1024px) { .touch .department-tel a { width: auto; display: inline-block;} .department-opening-hours > .inner { text-align: right; padding-top: 0; } .department-location > span { display: inline;} .department-opening-hours-table { width: 81.25%;} } .map-department { position: relative; display: block; width: 90%; max-width: 400px; background-color: #ffffff; -webkit-box-shadow: 3px 0 30px rgba(11,65,50,.35); box-shadow: 3px 0 30px rgba(11,65,50,.35);} .map-department::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 14px 14px 0 0; border-color: #ffffff transparent transparent transparent; position: absolute; left: 50%; bottom: -14px; margin-left: -7px;} .map-department-header { position: relative; display: block; height: 44px; line-height: 40px; padding-left: 50px; padding-right: 50px; color: #ffffff;} .map-department-header.atm { background-color: #0b9874;} .map-department-header.branch { background-color: #6a8e85;} .map-department-header.newbranch { background-color: #00513c;} .map-department-header.inclusive { background-color: #00513c;} .map-department-header p { margin-bottom: 0; display: inline-block; vertical-align: middle; line-height: 1.25;} .map-department-header p span { display: block; font-size: 11px; font-weight: 300;} .map-department-header .map-department-close { display: block; width: 44px; height: 44px; background-color: transparent; text-align: center; overflow: hidden; text-indent: 100%; color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; right: 0;} .map-department-header .map-department-close::after, .map-department-header .map-department-close::before { content: ""; width: 16px; height: 2px; background-color: #ffffff; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 50%; top: 50%; margin-top: -1px; margin-left: -8px;} .map-department-header .map-department-close::before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .map-department-header .map-department-close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .map-department-header .map-department-close:hover { background-color: rgba(220,223,60,.3);} .map-department-info { padding: 1.5rem 1rem;} .map-department-info .department-address { font-size: 1.5rem; font-weight: 500; margin: 0;} .map-department-info .department-tel { margin-bottom: 1rem;} .map-department-opening-hours span { display: block; font-size: .875rem;} .map-department-opening-hours .today-open { color: #128365 !important;} /*================================ PAGE VIP STYLES =================================*/ .section-header-vip { position: relative; background-color: #332921!important; color: #ffffff; margin-bottom: 1.25rem; } .section-header-vip.with_bg{background: url('https://www.oschadbank.ua/upload/medialibrary/91b/2.png');/*background-size:cover;*/background-repeat: no-repeat;background-position:bottom} .section-header-vip .container { position: relative; height: 100%;} .vip-header-img { position: absolute; right: 50%; bottom: 0; width: 260px; margin-right: -130px;} .vip-header-img img { display: inline-block; max-width: 100%;} .header-vip-info { position: relative; z-index: 1; padding: 6.5rem 0 3.125rem;} .header-vip-info p { margin-bottom: 0;} .vip-header-action { padding-top: 12rem;} .vip-header-action p + p { margin-top: 1.125rem;} #btn-vip-card, #btn-vip-consult { display: block; width: 100%;} .vip-header-action .btn { background-color: #332921; border-color: #ffffff; color: #ffffff;} .vip-header-action .btn:hover { color: #000000; border-color: #c2c52e;} .vip-header-action .btn::after {background-color: #c2c52e;} .vip-header-action .btn:active { color: #000000; border-color: #a8aa2a; } .vip-header-action .btn:active::after { background-color: #a8aa2a;} @media (min-width:1024px) { .vip-header-img { width: auto; margin: auto; right: 0;} .header-vip-info { width: 50%;} .vip-header-action { padding-top: 2.75rem;} #btn-vip-card { display: inline-block; width: auto;} #btn-vip-consult { display: inline-block; width: auto;} .vip-header-action .btn { background-color: transparent; } .header-vip-info .block-title { color: inherit; font-size: 4rem; font-weight: 600; text-transform: lowercase; margin-bottom: 1.25rem; } } .section-vip-features { position: relative; background-color: #e6e6de; overflow: hidden;} .vip-features-img {position: absolute; right: 0; bottom: 0; display: none;} .vip-features-img img {display: inline-block; max-width: 100%;} .vip-tab-inner ul { padding-left: 0; list-style: none; margin-bottom: 3rem;} .vip-tab-inner ul > li::before { content: ""; width: 10px; height: 2px; background-color: #fd5c4b; position: absolute; top: .75rem; left: 0;} .vip-tab-inner ul > li { position: relative; padding-left: 1.25rem; margin-bottom: 1.5rem;} .vip-tab-inner .btn { display: block; width: 100%; background-color: #ffffff;} .vip-tab-inner h3.section-title {margin: 0.5rem 0 0.5rem;} @media (min-width:1024px) { .vip-features-img { display: block;} .vip-tab-inner { width: 50%; padding-left: 6.25%;} .vip-tab-inner .btn { display: inline-block; width: auto;} .vip-tab-inner h3 {float:none;text-transform: none;} } .vip-service-item { margin-bottom: 1.5rem;} .vip-service-item > .inner { background-color: #dcdf3c; padding: 1rem;} .vip-service-item .inner { background-color: #dcdf3c; padding: 1rem;} .position-manager {padding-top: 1rem;} .vip-service-item-title { display: block; font-size: 1.313rem; line-height: 1.2; font-weight: 600; text-transform: lowercase; margin-bottom: 1.25rem;} .vip-service-item p:last-child { margin-bottom: 0;} .section-vip-services .section-footer .btn { display: block; width: 100%;} @media (min-width:1024px) { .section-vip-services .section-footer .btn { display: inline-block; width: auto;} } /*.vip-card-preview-desc > .inner::after { content: ""; width: 100%; height: 100%; background-color: #dcdf3c; position: absolute; top: 0; left: -100%; z-index: -1;}*/ .vip-card-preview-desc > .inner { position: relative; background-color: #dcdf3c; padding: 2rem;} .vip-card-preview-desc .block-title { display: block; font-size: 1.5rem; line-height: 1.2; font-weight: 600; margin-bottom: 1.25rem;} .vip-card-preview-desc p:last-child { margin-bottom: 0;} .vip-card-preview-img > .inner { background-color: #dcdf3c; padding-top: 1.5rem;} .vip-card-preview-img .img-wrap { position: relative; z-index: 1; text-align: center; } .vip-card-preview-img .img-wrap img { display: inline-block; } .vip-card-preview-img .img-wrap > a { display: inline-block; width: 36px; height: 36px; overflow: hidden; text-indent: 100%; color: transparent; background: url('../img/arrow-left.svg') no-repeat 50% 50% transparent; background-size: 36px 36px; position: absolute; top: 50%; margin-top: -18px;} .vip-card-preview-img .img-wrap > a.slide-prev { left: 0;} .vip-card-preview-img .img-wrap > a.slide-next { right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .vip-card-preview-desc .vip-card-actions { padding-top: 1.5rem;} .vip-card-preview-img .vip-card-actions { display: none;} .vip-card-preview-img .vip-card-actions a + a { margin-top: 1.25rem;} .vip-card-details { padding: 2.25rem 0 0; } .vip-card-details .block-title { display: block; font-size: 1.5rem; line-height: 1.2; font-weight: 600; text-transform: lowercase; margin-bottom: 1.25rem;} .vip-card-details .vip-card-actions { padding-top: 1.5rem;} .vip-card-details ul { display: block; padding-left: 0; list-style: none; } .vip-card-details ul > li::before { content: ""; width: 10px; height: 2px; background-color: #fd5c4b; position: absolute; top: .75rem; left: 0;} .vip-card-details ul > li { position: relative; padding-left: 1.25rem; margin-bottom: 1.25rem; } .vip-card-details .vip-card-actions a + a { margin-left: 1.5rem;} .vip-card-actions .btn { border-color: #ffffff; color: #000000;} .vip-card-actions .btn:hover { color: #000000; border-color: #ffffff;} .vip-card-actions .btn::after {background-color: #dcdf3c;} .vip-card-actions .btn:active { color: #000000; border-color: #ffffff; } .vip-card-actions .btn:active::after { background-color: #c2c52e;} .vip-card-details .vip-card-actions .btn { border-color: #dcdf3c; color: #000000;} .vip-card-details .vip-card-actions .btn:hover { color: #000000; border-color: #ffffff;} .vip-card-details .vip-card-actions .btn::after {background-color: #dcdf3c;} .vip-card-details .vip-card-actions .btn:active { color: #000000; border-color: #ffffff; } .vip-card-details .vip-card-actions .btn:active::after { background-color: #c2c52e;} @media (min-width:1024px) { .vip-card-preview-desc > .inner { padding: 2.5rem 43.75% 2.5rem 6.25%;} .vip-card-preview-img > .inner { padding-right: 6.25%; padding-top: 0; background-color: transparent;} .vip-card-preview-img { float: right;} .vip-card-preview-img .vip-card-actions { display: block;} .vip-card-preview-desc .vip-card-actions { display: none;} .vip-card-preview-img .img-wrap { text-align: left; margin-bottom: 1.25rem; } .vip-card-preview-img .img-wrap img { margin-left: -190px;} .vip-card-preview-img .img-wrap > a.slide-prev { left: -180px;} .vip-card-preview-img .img-wrap > a.slide-next { right: 0;} .vip-card-details ul { margin-left: -.625rem; margin-right: -.625rem; word-spacing: -4px; letter-spacing: -4px;width:50%; display: inline-block;float:left;} .vip-card-details ul > li::before { left: .625rem;} .vip-card-details ul > li { padding-left: 1.875rem; padding-right: .625rem; width: 100%; vertical-align: top; letter-spacing: normal; word-spacing: normal;} .vip-card-actions .btn { border-color: #dcdf3c; color: #000000;} .vip-card-actions .btn:hover { color: #000000; border-color: #ffffff;} .vip-card-actions .btn::after {background-color: #dcdf3c;} .vip-card-actions .btn:active { color: #000000; border-color: #ffffff; } .vip-card-actions .btn:active::after { background-color: #c2c52e;} .vip-card-details .block-title {font-size:2.25rem;} } @media (min-width:1200px) { .vip-card-preview-img .img-wrap img { margin-left: -156px;} } /*================================ PAGE PROMO STYLES =================================*/ .promo-entry-header.red {background-color: #fc6a70; color: #ffffff;} .promo-entry-header { overflow: hidden; padding: 5.5rem 0 0; position: relative;} .promo-entry-header .inner { position: relative; z-index: 1;} .promo-title { font-size: 4rem; margin-bottom: 2rem; text-transform: lowercase; } .promo-title .label { display: block; font-size: 1.125rem; line-height: 1; text-transform: none;} .promo-desc { font-size: 1.75rem; margin-bottom: 2.5rem;} @media (min-width:1024px){ .promo-entry-header {padding: 5.5rem 0 2.5rem;} .promo-entry-header .inner { width: 66.6667%; } } .section-promo-text.orange { background-color: #FAAA63; } .private .section-promo-text.orange { background-color: #EAAF39; } .section-promo-text.orange .section-title { color: #ffffff;} .promo-nav-list .block-title { font-size: 1.5rem; margin-bottom: 1rem; text-transform: lowercase; } .promo-nav { width: 90%; max-width: 420px; color: #ffffff; padding: 2rem 2.5rem; border: 1px solid #ffffff;} .section-promo-text img { max-width: 100%; height: auto;} .promo-entry-img { position: relative; right: 0; bottom: 0; text-align: right; } .promo-entry-img img { display: inline-block; } @media (min-width:1024px){ .promo-entry-img { position: absolute;} .section-promo-text .section-header { width: 640px;} /*.section-promo-text .section-content { width: 62.5%;}*/ } /*========================== SITE FOOTER STYLES ===========================*/ /*.site-footer::after { content: ""; width: 100%; height: 100%; background-color: #212628; position: absolute; right: -100%; top: 0;}*/ .site-footer { background-color: #212628; padding-top: 2.5rem; padding-bottom: 2.5rem; position: relative; } .footer-widget { position: relative; margin-bottom: 1.5rem;} .footer-widget-title { text-transform: uppercase; color: #585b5c; font-size: .6875rem; margin-bottom: 1rem;} .footer-widget-menu > li > a { font-size: 1rem; color: #ebebeb; background-color: transparent; padding: 2px 0;} .no-touch .footer-widget-menu > li > a:hover { color: #dbdc4c;} .footer-widget p { margin-bottom: 1rem;} .footer-widget p:last-child { margin-bottom: 0;} .footer-widget .contact-tel { color: #ebebeb; font-size: 1.313rem; font-weight: 600;} .footer-widget span { line-height: 1.25;} .social-links a { position: relative; display: inline-block; width: 40px; height: 40px; line-height: 1; background-color: #ebebeb; z-index: 1;} .social-links a::after { content: ""; width: 100%; height: 0; background-color: #dbdd4c; position: absolute; bottom: 0; left: 0; z-index: -1; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .social-links a:hover::after { height: 100%;} .social-links a .icon { width: 100%; height: 100%; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: 40px 40px; position: absolute; top: 0; left: 0;} .social-links a .icon-facebook { background-image: url(../img/icon-facebook.svg);} .social-links a .icon-twitter { background-image: url(../img/icon-twitter.svg);} .social-links a .icon-instagram { background-image: url(../img/icon-instagram.svg);} .social-links a .icon-youtube { background-image: url(../img/icon-youtube.svg);} .social-links a .icon.icon-tiktok { background-image: url(../img/tiktok.svg); background-size: 65%;} @media ( max-width: 380px ) { .site-footer .container { width: 96%; } } @media (min-width:1024px){ .footer-widget-content { padding-right: 1rem;} .social-links a {width: 28px; height: 28px; } .social-links a .icon {background-size: 28px 28px;} } .footer-widget-content>p>a { background: transparent!important; } .copyright, .copyright span { color: #585b5c;} .copyright { font-size: .6875rem;} @media ( min-width: 768px ) { .footer-widgets-container .col-md-5 { width: 31.25%; float: left; } .footer-widgets-container .col-md-6 { width: 37.5%; float: left; } } /*======================= 404 ERROR ========================*/ .section-404 { padding-top: 8rem; padding-bottom: 6rem;} .section-404 .section-header { margin-bottom: 3.25rem; margin-top: 3.25rem;} .section-404 .section-title { font-size: 6rem;} .section-404 .section-title span { display: block; font-size: 3rem;} .error-404-links { padding-top: 3rem;} .error-404-links .btn { display: block; width: 100%; margin-top: 1rem; background-color: #ffffff;} @media (min-width:1024px){ .section-404 .section-content { padding-right: 48%;} .error-404-links .btn {display: inline-block; width: auto;} .error-404-links a + a { margin-left: 1rem; margin-top: 0;} } /*RESPONSIVE VIDEO*/ .embed-responsive { display: block; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;} .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { width: 100%; height: 100%; border: 0 none; position: absolute; bottom: 0; left: 0; top: 0; } /*BOX WITH ICONS*/ .box-item-with-icon { margin-top: .5rem; margin-bottom: .5rem;} .box-item-with-icon > .inner { display: table; table-layout: fixed; width: 100%; max-width: 100%;} .box-item-with-icon > .inner span { display: table-cell; vertical-align: middle;} .box-item-with-icon > .inner span.icon { width: 100px; text-align: center;} .box-item-with-icon > .inner span.icon img { display: inline-block; max-width: 100%; height: auto;} @media (min-width:1024px){ .box-item-with-icon { margin-top: 1.5rem; margin-bottom: 1.5rem;} } .advertising-item-inner img { height: auto; max-width: 100%; } /************************ ADDITIONAL STYLES *************************/ .drop_block ul, ul.drop { padding-left: 0; list-style: none;} ul.drop { margin-bottom: 2rem;} ul.drop > li { margin: 4px 0;} ul.drop > li a[href$="pdf"], ul.drop > li a[href$="zip"], ul.drop > li a[href$="7z"], ul.drop > li a[href$="rar"], ul.drop > li a[href$="doc"], ul.drop > li a[href$="docx"], ul.drop > li a[href$="xls"], ul.drop > li a[href$="xlsx"] { display: block;} /*management styles*/ .management::after { content: ""; display: table; clear: both;} .management-info { overflow: hidden;} .management-img { overflow: hidden; max-width: 90%; margin-bottom: 20px; } .management-img img { display: inline-block; max-width: 100%; height: auto; } @media (min-width:1024px){ .management-img { margin-left: 20px; margin-bottom: 0;} .management-img { float: right; max-width: 330px; margin-left: 30px;} } /*POLL MSB STYLES*/ .form-poll fieldset { position: relative; height: 0; visibility: hidden; z-index: 2; -webkit-transition: visibility 0s ease 0.4s, height 0s ease 0.4s; -o-transition: visibility 0s ease 0.4s, height 0s ease 0.4s; transition: visibility 0s ease 0.4s, height 0s ease 0.4s; } .form-poll fieldset.current { height: auto; visibility: visible; -webkit-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; transition: none 0s ease 0s; } .question-box { font-size: 2rem; margin-bottom: 1.25rem;} .step-box { padding: 4px 0; margin-bottom: 1.25rem; text-align: center;} .step-box:after { content: ""; display: table; clear: both;} .step-box .poll-step { display: inline-block; vertical-align: middle; width: 28px; height: 5px; border: 1px solid #cccccc; margin-left: -4px;} .step-box .poll-step.current, .step-box .poll-step.done { border-color: #dcdf3c; background-color: #dcdf3c;} .poll-action { padding-top: 2.75rem;} .poll-action .btn { width: 100%;} .form-poll .list-form li { padding: 20px 10px;} .form-poll .list-form li:nth-child(odd) { background-color: #f1f5fa;} .answer-item { position: relative;} @media (min-width: 1024px){ .step-box { text-align: left;} .poll-action .btn { width: auto;} .form-poll .list-form li { padding: 0;} .form-poll .list-form li:nth-child(odd) { background-color: transparent;} } #phone-label{ position: relative; top: 10px; } .container-accordion{ padding-right:9.5rem; } @media only screen and (min-width: 1024px) { #mortgage > .filter { width: 50%; margin: auto;} } .filter .block-title { text-align: center; display: block; font-size: 2.25rem; font-weight: 100; line-height:2.5rem; text-transform: lowercase; margin-bottom: 1.5rem;} /*21.03.2016 START*/ .panes .form-header-top {margin-top:-8rem!important; position:absolute;} .form-header-top {margin-top:-4rem!important; position:absolute;} .form-margin-top {margin-top:5rem;float:none!important} @media (max-width:600px){ #map__paymob{display:block;} #map__pay{display:none;} } @media (min-width:600px){ #map__paymob{display:none;} #map__pay{display:block;} } @media (max-width:400px){ .vip-card-preview-img .img-wrap img {width:80%} .vip-card-details .vip-card-actions .btn.btn-primary{margin-top: 0.375rem;} .vip-card-details form {margin-left: 0px;} .section-vip-features .tabs-container-select .panes{overflow: visible;} .order-inner .form-group{margin-bottom:0px;} /*.form-control-label{white-space: normal;}*/ } #dep_sum{ position: relative; z-index: 0; background-image: url(../img/pen-solid-white.svg); background-position: 99%; background-repeat: no-repeat; background-size: 6%; cursor: pointer; } .not-file{ background-image: none!important; background-color: #edef9d!important; padding: 0!important; font-size: 1rem!important; } /*21.03.2016 END*/ .order-inner .tabs-container-select .placeholder a{width: 100%; text-align: center; background-color: #fff;border: 2px solid #dcdf3c;padding:0px 32px;height:48px;line-height:44px;} /*25.04.2016*/ /* @media (min-width:1024px){ .form-label-content {right: 103%;} } .form-control-label { display: block; max-width: 100%; font-size: 20px; font-weight: 400; color: #000000; margin-bottom: 0; cursor: text; position: absolute; top: 13px; left: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .form-control-label.float { top: 0; opacity: 0; left: 14px; font-size: 20px;} .form-label-content { position: absolute; opacity: 0; top: 24px; right: 14px; font-size: 13px; white-space: nowrap; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .form-control:focus ~ .form-label-content { opacity: 1; top: -14px; font-size: 13px; } */ /*26.12.2017*/ .online-b ul { text-align: center; padding-left: 0; } .online-b .label { display: block; padding: 0; padding-left: 15px; margin: 0; } .online-b li { display: inline-block; vertical-align: top; margin: 0 1%; font-size: 12px; max-width: 30%; } .online-b li::before, .online-b li::after, .online-b li a::before, .online-b li a::after, .online-b li span::before, .online-b li span::after { display: none !important; } .online-b ul li a { white-space: normal; } .online-b li span { font-size: 12px; color: #fff; line-height: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .online-b li span.title { margin-bottom: 5px; } .top-bar .online-b { display: none; } .online-b .bot-right .wrap-img { display: block; margin: 0 auto; width: 25px; height: 25px; } .online-b .bot-right .wrap-img img { max-width: 100%; max-height: 100%; } .online-b { min-height: 38px; margin-bottom: 4px; } .online-b ul li a span.title { color: #dcdf3c; position:absolute; font-family:sans-serif; bottom:0; left:-25px; right:-25px; padding:5px 7px; z-index:-1; font-size:12px; border-radius:2px; background: #212628; visibility:hidden; opacity:0; -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); border: 2px solid #dcdf3c; } .online-b>a i { color: #dcdf3c; } .online-b>a.show.rollOut.animated.hidden { display: none !important; } .online-b>a.show { position: relative; } .online-b>a.show i { position: absolute; left: 15px; top: 7px; } .online-b .bot-right { border: 2px solid #dcdf3c; border-radius: 50%; padding: 4px; width: 37px; height: 37px; margin: 0 auto; cursor: pointer; overflow: visible !important; } .online-b .bot-right i { font-size: 0px; color: #dcdf3c; } .online-b .bot-right i:before { font-size: 23px; } /* pop-up text arrow */ .online-b ul li a span.title:before { content:''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position:absolute; bottom:-5px; left:40px; } /* text pops up when icon is in hover state */ .online-b ul li a:hover span.title { bottom: 30px; visibility: visible; opacity: 1; z-index: 2; } .online-b ul { text-align: center; padding-left: 0; } .online-b .label { display: block; padding: 0; padding-left: 15px; margin: 0; } .online-b li { display: none; vertical-align: top; margin: 0 1%; font-size: 12px; max-width: 30%; } .online-b li.animated { display: inline-block; } .online-b ul li a { white-space: normal; } .online-b li span.title { font-size: 12px; color: #fff; line-height: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .online-b li span.title { margin-bottom: 5px; } .top-bar .online-b { display: none; } .online-b .bot-right { cursor: pointer; } .online-b .bot-right .wrap-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: 25px; height: 25px; } .online-b .bot-right .wrap-img img { max-width: 100%; max-height: 100%; } .online-b .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .online-b .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } .online-b .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } .online-call { text-align: center; } .wrap-of-call-widget { position: fixed; z-index: 5; } #callFromSite { padding: 5px; } @media only screen and (max-width: 1279px) { #right_menu .online-b li { display: block; width: 100%; margin: 0; max-width: 100%; margin-bottom: 5px; } .side-nav-is-open #right_menu .online-b li { display: inline-block; width: auto; } .side-nav-is-open .online-b .show { display: none !important; } } @media screen and (max-width: 1023px) { .top-bar .online-b { display: inline-block; float: right; margin: 0; padding: 0; list-style: none; } .top-bar .online-b > a { padding: 0rem .375rem 0rem 50px; background: transparent; color: #fff; font-size: 15px; position: relative; z-index: 10; } .online-b>a.show i { top: 16px; } .top-bar .online-b p { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; margin-right: 5px; color: #fff; margin-bottom: 0; height: 48px; } .top-bar .online-b ul { width: 140px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; height: 48px; margin-right: 10px; margin-bottom: 0; position: absolute; right: 100px; top: 0; } .top-bar .online-b li { margin: 0 4px; display: none; border-radius: 0; border: 0; } .top-bar .online-b li.animated { display: inline-block; } .top-bar .online-b .bot-right { background: transparent; border-radius: 0; border: 0; } } @media only screen and (max-width: 610px) { .top-bar .online-b li a { /*width: 135px;*/ } .top-bar .online-b ul { position: absolute; right: 45px; top: 0; } } @media only screen and (max-width: 380px) { .top-navigation { font-size: 0.6875rem; position: relative; right: -.375rem; } .top-action-container { right: 0.25rem; } div#chat-oschadbank { width: 320px; } } /*26.12.17 end*/ /*27.04.16 START*/ @media only screen and (max-width: 640px) { .advertising-item .adv-title { font-size: 7vw; } .slide-title { font-size: 10vw; } .slide-title-case { font-size: 10vw; } .credit-title { font-size: 9vw; } } /*27.04.16 end*/ /* 6.05.16 */ /*responsive slider for mobile*/ @media screen and (max-width: 640px) { .slide-item-inner > .container, .slide-container { position: static; height: inherit;} .slide-item-inner .mobile-decoration { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: .6; z-index: 1; } .slide-img { width: calc((90% - 55px) * 1.3); right: -35%; } .slide-content { z-index: 2; } .slide-container * { word-break: normal; hyphens: none; } } @media only screen and (max-width: 480px) { .slide-content { height: 90%; } .slide-link { position: absolute; bottom: 5%; left: 0; width: 90%; right: 0; } .slide-link .btn { width: 100%; } .slide-action { margin-top: -1.5rem; } /*product-title underline*/ .product-preview .product-title > span { display: inline; } } @media only screen and (max-width: 375px) { .slide-item-inner .container { width: 100%; box-sizing: border-box; } } .range-amount { line-height: 1 !important; padding: 10px 25px 12px 0 !important; } .range-amount#convRres { padding: 11px 20px 11px 0 !important; } .section-news { line-height: 24px; } .order-container .container img { width: 30%; float: left; position: relative; top: 25px; margin-bottom: 50px; } .order-inner { width: 64%; /*float: right;*/ margin-top: 25px; } .order-container { margin-top: 0; } .custom_marg_bot { margin-bottom: 1.25rem; } @media only screen and (max-width: 640px){ .order-container .container img { width: 65%; float: none; margin: 0 auto 35px; display: block; top: 15px; } .order-inner { width: 100%; float: none; margin-top: 25px; margin: 25px auto 0; } } #mobilemsg { text-align: left; line-height: 1.2; display: block; width: 100%; margin-top: 5px; } /* 14.06.2016 Fixed bug main menu */ .main-menu { opacity: 1; -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s; } .main-menu.opacity-n { opacity: 0; } /* End 14.06.2016 Fixed bug main menu */ .hidden-desktop { display: none; } @media only screen and (max-width: 1023px){ .hidden-desktop { display: block; } .hidden-mobile { display: none; } } body .search_yellow_bg { display: none; } body.is-search-open .search_yellow_bg { display: block; } .search_yellow_bg { background-color: #dbde3c; position: fixed; top: -80px; right: 80px; width: 160px; height: 160px; opacity: .98; /*border-radius: 0 0 0 3500px;*/ border-radius: 50%; /*-moz-transform: scale(0.1); -ms-transform: scale(0.1); -webkit-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1);*/ -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); z-index: 999; /* -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s;*/ } /*#global_search.yellow_bg.scaleIn { width: 100%; height: 100%; top: 0; right: 0; border-radius: 0 0 0 70px; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }*/ .scaleIn { -webkit-animation: scaleIn 1.3s; animation: scaleIn 1.3s; -ms-transform: scale(70); -webkit-transform: scale(70); transform: scale(70); } .scaleOut { -webkit-animation: scaleOut .5s; animation: scaleOut .5s; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } @-webkit-keyframes scaleIn { 0% { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { -ms-transform: scale(50); -webkit-transform: scale(50); transform: scale(50); } } @keyframes scaleIn { 0% { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } 100% { -ms-transform: scale(50); -webkit-transform: scale(50); transform: scale(50); } } @-webkit-keyframes scaleOut { 0% { -ms-transform: scale(50); -webkit-transform: scale(50); transform: scale(50); } 100% { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } } @keyframes scaleOut { 0% { -ms-transform: scale(50); -webkit-transform: scale(50); transform: scale(50); } 100% { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } } /*#global_search > div { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } */ .is-search-open { overflow: hidden; } #global_search { width: 100% !important; height: 100% !important; z-index: 1000; position: fixed; overflow-y: scroll; } .global_search_close { position: fixed; z-index: 99999999; top: 10px; right: -80px; background: transparent; width: 80px; height: 80px; color: #000; font-family: 'FuturaPT-Light'; display: table-cell; text-align: center; font-size: 100px; line-height: 80px; cursor: pointer; border-radius: 50%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; /*display: none;*/ } .global_search_close.isVisible { right: 27px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .global_search_close:hover { background: #f4f750; -webkit-box-shadow: 0px 4px 18px 2px rgba(168, 171, 8, 0.08); box-shadow: 0px 4px 18px 2px rgba(168, 171, 8, 0.08); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #main_search { width: 100%; height: inherit; padding: 0 20px 0 60px; background: url(../img/global_search_icon.png) no-repeat 0px 55% transparent; color: #000; border: none; border-bottom: 2px solid; border-radius: 0; font-size: 3.7rem; font-family: 'FuturaPT-Demi'; text-transform: lowercase; line-height: normal; } #main_search::-webkit-input-placeholder { color: rgba(0, 0, 0, .25); } #main_search::-moz-placeholder { color: rgba(0, 0, 0, .25); } #main_search:-ms-input-placeholder { color: rgba(0, 0, 0, .25); } .header-search { padding-top: 10px; } .header-search a { background: transparent; font-weight: 700; font-size: 20px; } .header-search a:hover { text-decoration: underline; } .search-placeholder { color: transparent; background-color: transparent; border: none; width: 100%; font-size: 3.7rem; font-family: 'FuturaPT-Demi'; text-transform: lowercase; line-height: normal; padding: 0 20px 0 60px; color: rgba(0, 0, 0, .25); } .but_loader img { max-width: 100%; } .search-placeholder::-webkit-input-placeholder { color: rgba(0, 0, 0, .25); } .search-placeholder::-moz-placeholder { color: rgba(0, 0, 0, .25); } .search-placeholder:-ms-input-placeholder { color: rgba(0, 0, 0, .25); } #global_search .nav-search { position: relative; margin-top: 80px; margin-bottom: 60px; left: 10000px; -webkit-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; } #global_search .nav-search.isVisible { left: 0; -webkit-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; } #global_search .results > div { cursor: pointer; margin-bottom: 10px; -webkit-box-shadow: 0px 4px 18px 2px rgba(168, 171, 8, 0.08); box-shadow: 0px 4px 18px 2px rgba(168, 171, 8, 0.08); } #global_search .results>div.container { padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 15px; width: 100%; } #global_search .results { padding: 30px 20px; width: 100%; min-height: 160px; overflow: hidden; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } #global_search .results .container { background: #fff; } #global_search .results.bluish { background: #F1F5FA; } #global_search .results .container:hover { background: #F4F750; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .results span { text-transform: uppercase; font-size: 11px; } .found_heading { padding-right: 35px; font-size: 22px; line-height: 1.5; color: #000000; font-family: 'FuturaPT-Demi'; width: 50%; float: left; height: 100%; overflow: hidden; } .found_text { width: 50%; float: right; font-size: 0.9rem; margin-top:-40px; } select#cat_cat { display: none; } #global_search .top-navigation { padding-left: 12px; top: -25px; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #global_search .top-navigation.isVisible { padding-left: 12px; top: 10px; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #global_search .top-navigation li.current-menu-item { background-color: #fff; cursor: default; } #global_search .top-navigation li.current-menu-item a { color: rgba(0, 0, 0, 1); } #global_search .top-navigation a { color: rgba(0, 0, 0, .5); cursor: pointer; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } #global_search .top-navigation a:hover { color: rgba(0, 0, 0, 1); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } #global_search .top-navigation .placeholder { position: relative; color: #000; background-color: #fff; padding: 5px 30px 5px 8px; } #global_search .top-navigation .placeholder::before { border-top: 6px solid #000; } @media only screen and (max-width: 1024px) { #global_search .top-navigation { padding-left: 0px; left: 0; } #global_search .top-navigation a { padding: 7px 10px; } } @media only screen and (max-width: 992px) { .found_heading, .found_text { width: 100%; } #global_search .result { min-height: 200px; } .results .found_heading { line-height: 1.2; margin-bottom: 3rem; } } @media only screen and (max-width: 480px) { .global_search_close { top: 10px; right: 10px !important; width: 50px; height: 50px; font-size: 60px; line-height: 50px; } #main_search, .search-placeholder { padding: 0 0px 0 40px; font-size: 2.4rem; background-size: 20px; } #global_search .nav-search { margin-top: 50px; margin-bottom: 40px; } .result { min-height: 0; height: auto; overflow: hidden; } .found_heading { line-height: 1.2; margin-bottom: 1rem; } #global_search .top-navigation { padding-left: 0px; left: 0; } .results .found_heading { line-height: 1.2; margin-bottom: 3rem; } } .entry-text2{ font-size: .75rem; color: #a6aeb1; margin-top: -2px; } .container__search {margin-bottom: 140px;top: 0;right: 0;left: -42px;} @media only screen and (min-width: 1024px) {.container__search {position: absolute;} } .page-header.pink, .page-entry-header.pink{ color: #ffffff; background-color: #ec608a;} .logo-subtitle{ display: none !important; } @media only screen and (min-width: 1024px){ /*.logo-subtitle{*/ /*left: 100% !important;*/ /*width: 310px !important;*/ /*top: 55px !important;*/ /*color: #fdca65 !important;*/ /*font-size: 18px !important;*/ /*font-weight: 800 !important;*/ /*display: block !important;*/ /*height: 35px !important;*/ /*background-size: contain !important;*/ /*background-image: url(/sites/default/files/temp_logo6.png) !important;*/ /*background-repeat: no-repeat !important;*/ /*}*/ .logo-subtitle{ left: 100% !important; width: 460px !important; top: 25px !important; color: #fdca65 !important; font-size: 16px !important; font-weight: 500 !important; display: block !important; height: 70px !important; background-size: contain !important; background-repeat: no-repeat !important; } .logo-subtitle .img-1 { display: inline-block; vertical-align: middle; background-image: url(/sites/default/files/medal1.png) !important; width: 80px; height: 100%; background-size: contain; background-repeat: no-repeat; } .logo-subtitle .img-2 { display: inline-block; vertical-align: bottom; padding-bottom: 10px; } } @media only screen and (min-width: 1024px){ .logo-subtitle2{ left: 100% !important; width: 310px !important; top: 55px !important; color: #fdca65 !important; font-size: 18px !important; font-weight: 800 !important; display: block !important; height: 35px !important; background-size: contain !important; background-image: url(/sites/default/files/temp_logo7.jpg) !important; background-repeat: no-repeat !important; } } .do_deposit,.do_deposit:visited { display:block; z-index: 99999; background: #dcdf3c; width:200px; margin-left: 0 !important; border: 2px solid #dcdf3c; } .do_deposit .dem { padding-left: 0; } .div_do_deposit {z-index:99999;position:fixed;} .section-advertising { padding-top: 35px; } @media only screen and (min-width: 1240px){ .div_do_deposit{top:700px;} } @media only screen and (min-width: 780px){ .div_do_deposit { right:450px; top:480px; } } @media only screen and (max-width: 768px) and (min-width: 320px){ .div_do_deposit { bottom:20px; width:100%; } .do_deposit,.do_deposit:visited { margin:0px auto; } } .f-black {color:#000;} @media only screen and (max-width: 425px) { .mcardour .card-info-container .container { width: 100%; } .online-b > a.show i { left: 9px; } .top-bar .online-b > a { padding: 0rem .375rem 0rem 35px; } } @media only screen and (max-width: 1023px) { .tabs-container_full .tabs-navigation li { display: block; width: 100%;} } @media only screen and (min-width: 1024px) { .tabs-container_full .tabs-navigation li{display: inline-block;} .tabs-container_full .tabs-navigation li + li {border-top: 0;} .tabs-container_full .tabs-navigation li:first-child {width: 24%;} .tabs-container_full .tabs-navigation li:nth-child(2) {width: 18%;} .tabs-container_full .tabs-navigation li:nth-child(3) {width: 36%;} .tabs-container_full .tabs-navigation li:last-child {width: 20%;} } @media only screen and (max-width: 1023px) { /*.panes .form-header-top {margin-top:-12rem!important;}*/ } .virus-warring-title { font-size:55px; line-height:1em; display:block; margin-bottom:30px; font-family:'FuturaPT-Demi'; } .virus-warring-subtitle { font-size:36px; font-family:'FuturaPT-Demi'; } @media only screen and (max-width: 1024px) { .virus-warring-title { font-size: 24px; } .virus-warring-subtitle { font-size: 16px; } } .tabs-container_full.tabs-container_full nav {width: 100%;} /*DELETE FORMS*/ /*form:not(.nav-search){display:none;} form[action="#0"]{display:block;} form[name=bx_popup_form]{display:block;} form#arrFilter_form{display:block;} form#private-deposit-form{display:block;}*/ /*DELETE FORMS END*/ .top-navigation a.buduy {background: url('../img/bg_bober.jpg');color:#161a1b;padding-left:18px;padding-right:18px;} div#chat-oschadbank { z-index: 999; height: 500px; width: 340px; /* right: 241px; */ left: auto; right: 0; bottom: 0; position:; } /* ------------------------- Andrew's Mob Fixes ----------------------------------------------*/ @media screen and (max-width: 640px) and (min-width: 320px){ #tab1.finance-agrar .agrar-partners .partners-top { padding: 4.7vw 5.3% 8vw 5.3%; } #tab1.finance-agrar .agrar-partners .finance-title { margin-bottom: 5.7vw; } #tab1.finance-agrar .agrar-partners .partners-top .region-section:last-child { margin-bottom: 0; } #tab1.finance-agrar .agrar-partners .partners-top .partners-form-region { margin-bottom: 4vw; } #tab1.finance-agrar .agrar-partners .bt-dropdown-toggle { margin-bottom: 4.7vw; } #tab1.finance-agrar .agrar-partners .bt-dropdown-toggle { line-height: 11.5vw; } #tab1.finance-agrar .agrar-partners .bt-dropdown-toggle { height: 12vw; padding-top: 0; } #tab1.finance-agrar .agrar-partners .bt-dropdown { width: 95%; height: calc(12vw + 8px); margin-left: 5%; border-width: 4px; } #tab1.finance-agrar .agrar-partners .bt-dropdown-toggle { font-size: 4.7vw; } #tab1.finance-agrar .agrar-partners .region-section:last-child { margin-top: 5vw; } #tab1.finance-agrar .agrar-partners .region-section:last-child .agrar-calc-link { font-size: 6.2vw; border-width: 4px; padding: 3.7vw 4.7vw 4.7vw; } .agrar-partners .list-partners .partner__logo.col-md-4 { display: inline-block; width: 100%; text-align: center; margin-bottom: 5vw; } .agrar-partners h4.partner__title { width: 65%; display: inline-block; font-size: 4.7vw; } #tab1.finance-agrar .agrar-partners .partners-name { padding: 0 8% 0; border-bottom: none; } .agrar-partners p.partner__rang { display: inline-block; width: 33%; padding-left: 3%; vertical-align: top; margin-top: 0; font-size: 4.5vw; font-weight: 600; text-align: right; } .agrar-partners .partners-name .partners-name-adress { display: block; width: 100%; margin: 3vw 0 1vw; padding: 0 3vw 0; text-align: left; font-size: 3.9vw; line-height: 7.3vw; float: none; } .agrar-partners .partner__show-info.col-md-16.text-right { text-align: left; } .agrar-partners .partner__show-info.col-md-16.text-right p { font-size: 4.1vw; font-weight: 600; } .partner__det-info table.partner__table td { word-break: normal; } .partner__det-info table.partner__table { font-size: 14px; } .container.partner__det-info.wwww1 { width: 85%; } .agrar-partners li.partner { border-bottom: 3px solid #eff7f3; } } /*main page slider*/ .slick-active{ height: auto important;} div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } .home-slider .slide-title{text-transform: none} /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-o-transition-property:-o-transform;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; } .main-slider-swiper .swiper-pagination-bullet { position: relative; width: 40px; height: 10px; border: none; border-radius: 0; background-color: transparent; } .main-slider-swiper .swiper-pagination-bullet:hover::after { height: 10px; } .main-slider-swiper .swiper-pagination-bullet::after { position: absolute; content: ''; left: 0; bottom: 0; width: 40px; height: 2px; border: none; border-radius: 0; background-color: rgba(255,255,255,.4); -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .main-slider-swiper .swiper-pagination-bullet-active::after { background-color: rgba(220,223,60,.7); } .main-slider-swiper .swiper-pagination-bullet-active { pointer-events: none; } .slide-container{ -webkit-box-sizing: border-box; box-sizing: border-box; } /* End */ /* Start:templates/oschad_bank_new/components/xstyle/currency.rates/xstyle_new_big1/style.css*/ label.label-range { color: black!important; } .tabs-container-select .placeholder a,.tabs-container-select .placeholder a { display: inline-block!important; } .tabs-container-select .is-active .placeholder { border-color: #c2c52e; background-color: #c2c52e; color: #000000; display: inline-block; width: 100%; } .converter-item input{ text-align: center; } /* .range-slider-wrap.white .range-slider .ui-slider-handle { background-color: rgba(113, 150, 218,.8)!important; border-color: #D7D7CF!important; } .range-slider-wrap.white .range-amount { border-color: rgb(113, 150, 218)!important; background-color: transparent; } .bt-dropdown { border: 2px solid rgb(113, 150, 218)!important; } */ .currency-list td, .currency-list th { white-space: nowrap; } /*rates_block*/ .cont .rates_block .rates_box .left_bg{ float:left; background:url(https://www.oschadbank.ua/bitrix/templates/oschad_bank_new/components/xstyle/currency.rates/xstyle_new_big1/images/curse_left_bg.jpg) no-repeat; width:30px; height:40px; cursor:pointer; } .cont .rates_block .rates_box .right_bg{ float:right; background:url(https://www.oschadbank.ua/bitrix/templates/oschad_bank_new/components/xstyle/currency.rates/xstyle_new_big1/images/curse_bg_right.jpg) no-repeat; width:30px; height:40px; cursor:pointer; } .cont .rates_block .rates_box .center_box{ float:left; padding:10px 14px 0 17px; } .cont .rates_block .rates_box{ height:40px; margin-bottom:1px; background:#e9eedd url(https://www.oschadbank.ua/bitrix/templates/oschad_bank_new/components/xstyle/currency.rates/xstyle_new_big1/images/top_shadow.png) no-repeat center top; color:#4d4d4d; font-size:14px; } .cont .rates_block .rates_box a{ color: #005735; /*#177530;*/ } .cont .rates_block .shadow_bg{ background:url(https://www.oschadbank.ua/bitrix/templates/oschad_bank_new/components/xstyle/currency.rates/xstyle_new_big1/images/shadow_bg.png) no-repeat center; height:40px; } .cont .rates_block .rates_box .valute_box{ float:left; padding-right:18px; padding-left:11px; } .cont .rates_block .rates_box .valute_box.first{ font-weight:bold; } .cont .rates_block .rates_box .valute_box.up{ background:url(https://www.oschadbank.ua/bitrix/templates/oschad_bank_new/components/xstyle/currency.rates/xstyle_new_big1/images/top_green.png) no-repeat left 7px; } .cont .rates_block .rates_box .valute_box.down{ background:url(https://www.oschadbank.ua/bitrix/templates/oschad_bank_new/components/xstyle/currency.rates/xstyle_new_big1/images/bottom_red.png) no-repeat left 7px; } .cont .rates_block .rates_box .valute_box.up span{ color: #005735; /*#177530;*/ } .cont .rates_block .rates_box .valute_box.down span{ color:#fe2432; } .cont .rates_block .rates_box .link_box{ margin-top:10px; margin-right:14px; } .link_box{ float:right; padding-right:23px; background:url(https://www.oschadbank.ua/bitrix/templates/oschad_bank_new/components/xstyle/currency.rates/xstyle_new_big1/images/green_arrow_right.png) no-repeat right 5px; } .cont .rates_block .rates_box .link_box a{ font-size:14px; line-height:17px; color: #005735; /*#177530;*/ } /*end rates_block*/ .small-input span:first-child { min-width: 40px; } /**/ .converter-item { margin-bottom: 1rem;} .converter-item .range-amount { display: block; width: 100%;} .currency-rate-section .tabs-container-select .panes { overflow: visible; } @media only screen and (min-width: 1100px) { /*.currency-rate-section .tabs-container-select .panes { margin-left: 240px;}*/ .converter-item { margin-bottom: 0;} } div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } .li-link:hover{ background-color: #F5F650; } div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } .fb-post {visibility:hidden; width: 45%; background:white!important; } .section-fb .section-conteiner > div:first-child { float: left; } .section-fb .section-conteiner > div:last-child { float: right; } div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } .year-select { position: absolute; top: 15px; right: 38%; font-weight: bold; font-size: 15px; z-index: 1000; border: none; background: none; color: #005030; } .oschad .switches a, .oschad .switches a:hover, .oschad .switches a:focus, .switches a.active { display: inline-block; padding: 5px 15px; margin: 0; border: dashed 1px gray; background-color: #fff; text-decoration: none; border-bottom: 0; } .switches a.active, .switches a.active:hover, .switches a.active:focus { background: #e8ebd8; border-bottom: none; } .switches{ float: right; position: relative; top: -52px; } .radio-box { padding-top: 60px; width: 25%; font-size: 11px; } .radio-box label { display: block; text-indent: -16px; margin-left: 15px; font-weight: normal; font-family: Tahoma; } fieldset legend { margin-bottom: 0; border-bottom: 1px solid #cfdbb4; font-family: Georgia,Tahoma, sans-serif; font-size: 21px; color: #374500; } .switches { top: -32px; } /*.dropdown-is-active #main-menu li { display: none; }*/ /*.dropdown-is-active #main-menu > li { display: block; } .dropdown-is-active #main-menu > li > ul { display: none; } .dropdown-is-active #main-menu > li ul { position: static; padding-top: 0; }*/ #block-vebforma { max-width: 290px; widows: 100%; margin: 10px auto 20px; } #block-vebforma .btn-yellow { line-height: 48px; border: 2px solid #c2c52e; padding: 0; } #block-vebforma h2 { font-size: 30px; } .news-uthor { text-align: right; } .news-publication, .news-uthor { font-family: 'FuturaPT-Bold'; font-style: normal; font-weight: 500 !important; font-size: 18px; } @media screen and (max-width: 767px) { .page-node-type-smi-aboutus .site-content .container, .page-node-type-paycards-news .site-content .container, .page-node-type-news .site-content .container { width: 100%; } .page-node-type-paycards-news .site-content .news-content img, .page-node-type-news .site-content .news-content img { display: block; margin: 0 auto; max-width: 100%; float: none; } .page-node-type-smi-aboutus h1, .page-node-type-paycards-news h1, .page-node-type-news h1 { font-size: 2rem; -ms-word-break: normal; word-break: normal; word-break: normal; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } } .path-purchases .views-exposed-form label { position: static; color: #fff; font-size: 14px; } .path-purchases .views-row a { background-color: transparent; } .path-purchases .views-exposed-form [id^=edit-actions] { clear: both; display: block; } .path-purchases .views-exposed-form [id^=edit-actions] input { position: relative; display: inline-block; min-width: 227px; height: 48px; line-height: 44px; padding: 0 32px; font-family: inherit; font-size: 1.125rem; font-weight: 700; text-transform: lowercase; letter-spacing: 1px; white-space: nowrap; text-align: center; background: none; border: 2px solid transparent; outline: none; vertical-align: middle; cursor: pointer; z-index: 1; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-bottom: 25px; background-color: transparent; border-color: #ffffff; color: #fff; } .path-purchases .views-field-field-tender-file { margin-bottom: 15px; } .path-purchases .views-exposed-form + .views-row { margin-bottom: 15px; } .path-purchases .views-field-field-tender-file .file { margin-bottom: 15px; display: inline-block; vertical-align: top; margin-right: 5px; } @media (min-width: 1024px){ .path-purchases .views-exposed-form .js-form-item { position: relative; min-height: 1px; padding-right: .625rem; float: left; } .path-purchases .views-exposed-form:after { content: ""; display: table; clear: both; widows: 100%; } .path-purchases .views-exposed-form .form-item-field-structural-unit-target-id { width: 43.75%; } .path-purchases .views-exposed-form .js-form-item-field-purchases-year-value { width: 18.75%; } .path-purchases .views-exposed-form .form-item-field-tender-name-target-id { width: 62.5%; } } .speed-coin .list-adv-trans li.block { font-family: 'FuturaPT-Demi'; font-weight: normal; font-style: normal; font-size: 22px; list-style: none; } .speed-coin .list-adv-trans { padding-left: 0; } .speed-coin .list-adv-trans .col { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style: none; vertical-align: top; background: #778899; border: 2px solid #fff; border-radius: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 105px; width: 250px; margin-bottom: 5px; } .speed-coin .list-adv-trans .col img { width: 15%; margin-right: 15px; } .speed-coin .list-adv-trans .col span { max-width: 50%; } .speed-coin .list-of-system-trans li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: top; margin-bottom: 5px; } .speed-coin .list-of-system-trans ul { padding-left: 0; } .speed-coin .list-of-system-trans li a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: top; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 230px; height: 105px; padding: 5px; border: 1px solid #cecece; margin-right: 20px; margin-bottom: 20px; background: transparent; } .speed-coin .list-of-system-trans li img { max-width: 100%; max-height: 100%; } .coins-wrap .container{ position: relative; } .coins-wrap .deposit-label { right: 59px!important; } .coins-wrap .deposit-label:hover {z-index: 100; } .coins-wrap .range-slider-double-wrap .range-double-amount.range-start { left: 7px!important; } .coins-wrap .range-slider-double-wrap .range-double-amount.range-end { right: -5px!important; } .coins-wrap .range-slider-double-wrap .range-double-amount { width:70px!important; display: block!important; height: 20px!important; line-height: 20px!important; text-align: center!important; border: none!important; pointer-events: none!important; position: absolute!important; top: 0!important; background: #6DBDDE!important; } .coins-wrap div.bt-dropdown:hover, .coins-wrap div.bt-dropdown:focus, .coins-wrap div.bt-dropdown.open{ background-color: #3BA6D2!important; border-color: #3BA6D2!important; } .coins-wrap div.bt-dropdown{ border-color: #fff!important; } .coins-wrap .bt-dropdown-toggle, .coins-wrap .bt-dropdown-option a, .coins-wrap div.bt-dropdown { color:#fff!important; } .coins-wrap span.icon::before { border-bottom: 6px solid #fff!important; } .coins-wrap span.icon::after{ border-top: 6px solid #fff!important; } .coins-wrap ul.bt-dropdown-options{ background: #3BA6D2!important; border-color: #3BA6D2!important; } .coins-wrap li.bt-dropdown-option>a:hover{ background: #168CBA!important; border-color: #168CBA!important; } .coins-wrap .bt-dropdown-option a::before { background-color: #168CBA!important; } .coins-wrap .page-desc-content{ padding-bottom:40px; } .coins-wrap span.ui-slider-handle { width: 12px!important; height: 27px!important; background: url(../img/range-ico.png) no-repeat!important; top: -12px!important; z-index: 1!important; } .coins-wrap div.range-double-slider { background-color: #afdaed!important; margin-left: 15px; } .coins-wrap .ui-slider-range { background: white; border: 2px solid white!important; } .coins-wrap span.header-title { margin: 40px 0 65px; display: block; font-family: 'Roboto', Arial, sans-serif; } .coins-wrap .range-double-amount { background: #6DBDDE; } .coins-wrap .form-control-label{ color: inherit; font-size: 13px; } .coins-wrap label.float-top{ margin-top: -25px; position: absolute; color: #B4DDEE; } .coins-wrap .error, .coins-wrap .cancel { color: red; text-align: center; font-weight: bold; } .coins-wrap .btn.cancelBox { height: 30px; border: 1px solid rgb(197, 213, 174); border-radius: 5px; position: absolute; top: 0; right: -22px; display: none; } .coins-wrap .cancelBox:hover { font-weight: bold; border: 1px solid #005735; cursor: pointer; } /*! * Slider for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .coins-wrap .slider { display: inline-block; vertical-align: middle; position: relative; } .coins-wrap .slider.slider-horizontal { width: 100%; height: 20px; } .coins-wrap .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .coins-wrap .slider.slider-horizontal .slider-selection { height: 100%; top: 0; bottom: 0; } .coins-wrap .slider.slider-horizontal .slider-handle { margin-left: -10px; margin-top: -5px; } .coins-wrap .slider.slider-horizontal .slider-handle.triangle { border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 0; } .coins-wrap .slider.slider-vertical { height: 210px; width: 20px; } .coins-wrap .slider.slider-vertical .slider-track { width: 10px; height: 100%; margin-left: -5px; left: 50%; top: 0; } .coins-wrap .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .coins-wrap .slider.slider-vertical .slider-handle { margin-left: -5px; margin-top: -10px; } .coins-wrap .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #0480be; margin-left: 0; } .coins-wrap .slider input { display: none; } .coins-wrap .slider .tooltip-inner { white-space: nowrap; } .coins-wrap .slider-track { position: absolute; cursor: pointer; background-color: #f7f7f7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f9f9f9)); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; } .coins-wrap .slider-selection { position: absolute; background-color: #f7f7f7; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5)); background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5); background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5); background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .coins-wrap .slider-handle { position: absolute; width: 20px; height: 20px; background-color: #ccc; /*background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);*/ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); opacity: 0.8; border: 0px solid #ccc; } .coins-wrap .slider-handle.round { border-radius: 5px; } .coins-wrap .slider-handle.triangle { background: transparent none; } .coins-wrap .tooltip:hover:before, .coins-wrap .tooltip:hover:after { content: none; } .coins-wrap .tooltip { position: absolute !important; border: none !important; } .coins-wrap .tooltip-inner { background-color: white !important; border: solid 1px #005030; color: #005030 !important; } .coins-wrap div[class^=col].p25 { padding-left: 25px; padding-right: 25px; } .coins-wrap .table-striped .thead { display: none; } .coins-wrap .table-striped .thead:first-child { display: table-row; } .coins-wrap .table-striped img { width: 80px; height: 80px; float: left; margin: 0 4px 6px 0; } .currency-item > .currency-znak { margin-right: -5px; color: #a6aeb1; } /*mortage page style*/ [id^=views-exposed-form-property-for-sale-page] .js-form-item { display: block; width: 37.5%; color: #fff; margin-top: 40px; } [id^=views-exposed-form-property-for-sale-page] [id^=edit-actions] { display: none; } [id^=views-exposed-form-property-for-sale-page] .form-control-label, [id^=views-exposed-form-property-for-sale-page] .form-item > label, [id^=views-exposed-form-property-for-sale-page] .bt-dropdown-toggle, [id^=views-exposed-form-property-for-sale-page] .bt-dropdown-toggle:hover, [id^=views-exposed-form-property-for-sale-page] .bt-dropdown-toggle:active { color: #fff; } [id^=views-exposed-form-property-for-sale-page] .label-range, [id^=views-exposed-form-property-for-sale-page] .fieldset-legend, [id^=views-exposed-form-property-for-sale-page] .js-form-type-select label { margin-top: -35px; left: 0; color: #B4DDEE; } [id^=views-exposed-form-property-for-sale-page] .form-text { border-color: #fff; } [class^=path-mortgag] span.ui-slider-handle { width: 12px!important; height: 27px!important; background: url(../img/range-ico.png) no-repeat!important; top: -12px!important; } [class^=path-mortgag] div.range-double-slider { background-color: #afdaed!important; margin-left: 15px; } [class^=path-mortgag] .ui-slider-range { background: white; border: 2px solid white!important; } [class^=path-mortgag] span.header-title { margin: 40px 0 35px; display: block; font-family: 'Roboto', Arial, sans-serif; } [class^=path-mortgag] .range-double-amount { background: #6DBDDE; } [class^=path-mortgag] .form-control-label{ color: inherit; font-size: 13px; } [class^=path-mortgag] label.float-top{ margin-top: -25px; position: absolute; color: #B4DDEE; } [class^=path-mortgag] .range-slider-double-wrap .range-double-amount{ width:70px!important; } [class^=path-mortgag] form + p a { background-color: transparent; background-color: unset; color: #fff; } .content_block { font-size: 15px; line-height: 20px; padding-left: 10px; } /* .filter { padding: 10px 10px 10px 30px; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; border: #8bba97 dashed 1px; } */ #mortgage ul.pager { position: static; padding-left: 30px; display: block; background: none; padding-top: 100px; } #mortgage a { /*background: none;*/ height: auto; width: auto; } #mortgage ul li { background: none; list-style-type: none; } .preload {display:none;} .mortgage-container::after { content: ""; display: table; clear: both;} .mortgage-img { width: 100%; max-width: 360px; text-align: right; margin-bottom: 1.5rem; max-height: 360px; overflow:hidden;} .mortgage-img img { display: inline-block; max-width: 100%; height: auto;} @media (min-width: 768px) { [id^=views-exposed-form-property-for-sale-page] .js-form-item.js-form-item-field-price-value-min, [id^=views-exposed-form-property-for-sale-page] .js-form-item.js-form-item-field-price-value-max { display: inline-block; margin-top: 10px; } } @media (min-width: 1024px) { [id^=views-exposed-form-property-for-sale-page] .js-form-item.js-form-item-field-price-value-min, [id^=views-exposed-form-property-for-sale-page] .js-form-item.js-form-item-field-price-value-max { margin-top: 20px; } } @media (min-width: 1100px){ .mortgage-img { float: right; margin-bottom: 0;} } .mortgage-list {max-width: 420px; margin-bottom: 1.5rem; padding: 2rem 2.5rem; border: 1px solid rgba(0,0,0,.2); color: #495153;} .item-contactPerson { margin-bottom: 2rem;} .mortgage-info a { position: relative; display: inline-block; min-width: 227px; height: 48px; line-height: 44px; padding: 0 32px; font-family: inherit; font-size: 1.125rem; font-weight: 700; text-transform: lowercase; letter-spacing: 1px; white-space: nowrap; text-align: center; /* color: inherit; */ background: none; border: 2px solid transparent; outline: none; vertical-align: middle; cursor: pointer; z-index: 1; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-family: 'FuturaPT-Demi'; font-weight: normal; font-style: normal; background-color: transparent; border-color: #ffffff; } .mortgage-info a::after { content: ""; width: 100%; height: 0; position: absolute; bottom: 0; left: 0; z-index: -1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background-color: #ffffff; } .mortgage-info a:hover::after, .mortgage-info a:active::after { height: 100%; } [id^=views-exposed-form-property-for-sale-page] .js-form-item.js-form-item-combine { width: 75%; } [id^=views-exposed-form-property-for-sale-page] .js-form-item input { color: #ffffff; } @media (min-width: 1100px){ .item-contactPerson { padding-right: 380px;} } @media (max-width: 700px) { [id^=views-exposed-form-property-for-sale-page] .js-form-item, [id^=views-exposed-form-property-for-sale-page] .js-form-item.js-form-item-combine { width: 100%; } } @media (max-width: 550px) { .page-entry-header h1 { font-size: 2rem; } .page-entry-header .container { width: calc(100% - 40px); } article .container { width: calc(100% - 40px); } } .page-node-type-property .mortgage-img { position: relative; overflow: visible; } .page-node-type-property .mortgage-img .slick-arrow { width: 50px; height: 50px; background: transparent; border: 0; font-size: 0; z-index: 20; margin-top: -25px; } .page-node-type-property .mortgage-img .slick-prev { position: absolute; top: 50%; left: -50px; background: url("../img/mmsb/left_arr.png") center no-repeat; } .page-node-type-property .mortgage-img .slick-next { position: absolute; top: 50%; right: -50px; background: url("../img/mmsb/right_arr.png") center no-repeat; } .page-node-type-property .wrap-slide-mortgage span { display: block; max-width: 360px; width: 100%; height: auto; background-size: contain; background-repeat: no-repeat; background-position: center; padding-bottom: 70%; } .coin .coin-img { position: relative; overflow: visible; } .coin .coin-img .slick-arrow { width: 50px; height: 50px; background: transparent; border: 0; font-size: 0; z-index: 20; margin-top: -25px; } .coin .coin-img .slick-prev { position: absolute; top: 50%; left: -50px; background: url("../img/mmsb/left_arr.png") center no-repeat; } .coin .coin-img .slick-next { position: absolute; top: 50%; right: -50px; background: url("../img/mmsb/right_arr.png") center no-repeat; } .coin .wrap-slide-coin span { display: block; max-width: 360px; width: 100%; height: auto; background-size: contain; background-repeat: no-repeat; background-position: center; padding-bottom: 70%; } /*mortage page style end*/ .keshem header { margin-bottom: 20px; background: #aa0d3d; } .keshem .slogan-cont { padding: 30px 0; background: #aa0d3d; margin-bottom: 35px; } .keshem .card-preview-wrap { display: flex; flex-direction: row; align-items: baseline; max-width: 1600px; flex-wrap: wrap; box-sizing: border-box; } .keshem .card-preview-wrap > div:first-child { max-width: 600px; padding: 0px 0px 60px 0px; box-sizing: border-box; justify-content: left; } .keshem .card-preview-wrap > div:last-child { max-width: 600px; padding: 0px 0px 60px 100px; box-sizing: border-box; } .keshem .card-preview-wrap > div:first-child h2.card-title{ font-size: 4rem; max-width: 600px; padding: 2px; } .keshem .card-preview-wrap > div:first-child .card-preview-desc img { max-width: 365px; height: auto; padding: 2px; } .keshem .card-preview-wrap > div:last-child ul li { color: #ffffff; font-size: 24px; margin-bottom: 15px; } .keshem .wraper-advantages { margin-bottom: 30px; } .keshem .wraper-advantages .title-wrap-i { padding-bottom: 10px; border-bottom: 2px solid #e8e000; margin-bottom: 20px; } .keshem .wraper-advantages>.title-wrap-i, .keshem .wraper-advantages>.wrap-couple { min-height: 68px; padding-top: 10px; } .keshem .col-lg-8 > .wraper-advantages:first-child > .title-wrap-i { min-height: 100px; font-size: 24px; border-bottom: 0px; background-color: #aa0d3d; color: #ffffff; text-align: justify; padding: 10px 20px; display: flex; align-items: center; } .keshem .wraper-advantages h4 { font-size: 22px; font-family: "FuturaPT-Demi"; color: #252525; display: inline-block; vertical-align: middle; width: 100%; max-width: calc(100% - 52px); margin: 0; line-height:22px; } .keshem .col-lg-8 > .wraper-advantages:first-child h4 { color: #ffffff; text-align: left; box-sizing: border-box; padding: 0; vertical-align: middle; font-size: 24px; line-height: 24px; } .keshem .wraper-advantages table { width: 100%; margin-top: -20px; margin-bottom: 20px; font-size: 24px; color: #252525; font-family: "FuturaPT-Book"; } .keshem .wraper-advantages table tr { border-bottom: 1px solid #e3e4e5; } .keshem .wraper-advantages table tr:last-child { border-bottom: 0; } .keshem .wraper-advantages table tr td { height: 58px; text-align: center; } .keshem .wraper-advantages .icon-of-title { display: inline-block; vertical-align: middle; text-align: center; width: 42px; height: 42px; margin-right: 5px; } .keshem .wraper-advantages .icon-of-title img { max-width: 100%; max-height: 100%; line-height: 42px; } .keshem .wraper-advantages ul { padding-left: 25px; } .keshem .wraper-advantages ul li, .keshem .wraper-advantages .description { font-size: 24px; color: #252525; font-family: "FuturaPT-Book"; margin-bottom: 15px; } .couple-title .wrap-couple { padding-bottom: 10px; border-bottom: 2px solid #e8e000; margin-bottom: 20px; } .keshem .wraper-advantages.couple-title .wrap-couple .title-wrap-i { display: inline-block; vertical-align: middle; padding-bottom: 0px; border-bottom: 0px solid #e8e000; margin-bottom: 0px; width: 49.5%; } .keshem .card-preview-content .card-title { color: #fff; } .slogan-cont .card-info-adv > .inner { padding: 0; } .slogan-cont p { margin-bottom: 0; font-size: 24px; font-family: "FuturaPT-Demi"; color: #fff; line-height: 1.3; } .keshem img { max-width: 100%; } .keshem .download-but { clear:both; } @media screen and (max-width: 500px){ .keshem .wraper-advantages h4 { font-size: 18px; } .keshem .container { width: 100%; } .keshem .wraper-advantages.couple-title .wrap-couple .title-wrap-i { width: 48%; } .keshem .wraper-advantages ul li, .keshem .wraper-advantages .description { font-size: 18px; } .slogan-cont .col-lg-8 { margin-bottom: 20px; } } .moya-kreditka header { background: url(../img/card-image/bg_moya_kreditka.jpg) right bottom no-repeat, #007d96; min-height: 380px; color: #ffffff; margin-bottom: 25px; } .moya-kreditka .card-preview-content p { font-size: 24px; font-family: "FuturaPT-Demi"; } .moya-kreditka .mobile-img { display: none; } .moya-kreditka .wraper-advantages .title-wrap-i { padding: 15px 25px; background: #007d97; color: #fff; margin-bottom: 20px; } .moya-kreditka .wraper-advantages .title-wrap-i h4 { margin: 0; } .moya-kreditka .wraper-advantages ul { min-height: 200px; } .moya-kreditka .wraper-advantages ul li, .moya-kreditka .wraper-advantages .description { font-size: 24px; color: #252525; font-family: "FuturaPT-Book"; margin-bottom: 15px; } .moya-kreditka .wrapper-info-box { width: 224px; padding: 25px; background: #e42239; } .moya-kreditka .wrapper-info-box span, .moya-kreditka .wrapper-info-box a { display: block; color: #fff; background: transparent; } .moya-kreditka .wrapper-info-box a:nth-child(1) { font-size: 26px; font-family: "FuturaPT-Demi"; margin-bottom: 5px; } .moya-kreditka .wrapper-info-box a:nth-child(2) { font-size: 29px; font-family: "FuturaPT-Demi"; } .moya-kreditka .wrapper-info-box span { font-size: 8px; } .time-of-work { cursor: pointer; padding: 5px 10px; margin-top: 10px; display: inline-block; } @media screen and (max-width: 1023px) { .moya-kreditka header { background: #007d96; } .moya-kreditka .container { width: 100%; } .moya-kreditka .mobile-img { display: block; } .moya-kreditka .mobile-img img { float: right; max-width: 100%; } .moya-kreditka .col-lg-8 { margin-bottom: 25px; } .moya-kreditka .wrapper-info-box { display: none; } .moya-kreditka .wraper-advantages ul li, .moya-kreditka .wraper-advantages .description { font-size: 20px; } } /*Page Corporate Energy*/ .page-electricity-market .page-entry-header { background-image: url(../img/icons/power-27436.svg); background-repeat: no-repeat; background-position: 82% center; margin-bottom: 50px; } .attention-block { margin-bottom: 45px; background-color: #658acf; color: #fff; background-image: url(../img/icons/megaphone-2374502_640.png); background-position: left center; background-repeat: no-repeat; background-size: contain; padding: 30px 20px 30px 160px; font-size: 18px; line-height: 1.5; } .page-electricity-market .list-of-step-user-energy { padding-left: 0; margin-top: 35px; margin-bottom: 50px; } .page-electricity-market .services-descr { font-size: 22px; } .page-electricity-market .table-energy { margin-bottom: 50px !important; } .page-electricity-market .table-energy tbody + tbody { border-top: 2px solid #fff; } .page-electricity-market .table-energy thead tr th { background: #658acf; font-size: 16px; color: #fff; vertical-align: middle; padding: .75rem .875rem; border-right: 1px solid #fff; } .page-electricity-market .table-energy thead tr th:last-child { border-right: 0; } .page-electricity-market .table-energy td { vertical-align: middle; text-align: center; padding: .75rem .875rem; } .page-electricity-market .table-energy .head-colspan { background: #658acf; font-size: 12px; color: #fff; } .page-electricity-market .table-energy .href-colspan a { background: transparent; font-size: 14px; } .page-electricity-market .table-energy .href-colspan a:hover { cursor: pointer; } .page-electricity-market .list-of-step-user-energy li { display: inline-block; vertical-align: top; width: 24%; margin-right: .5%; list-style: none; text-align: center; } .page-electricity-market .list-of-step-user-energy li:last-child { margin-right: 0; } .page-electricity-market .list-of-step-user-energy li .icon { width: 65px; height: 65px; padding: 5px; margin: 0 auto 10px; } .page-electricity-market .list-of-step-user-energy li .icon img { max-width: 100%; max-height: 100%; min-width: 100%; } .page-electricity-market .usefull-information h4 { margin-bottom: 30px; } .page-electricity-market .usefull-information .row-ui { padding: 10px 5px 10px 50px; margin-bottom: 20px; text-shadow: 1px 1px rgba(0,0,0,.2); } .page-electricity-market .usefull-information .row-ui p { margin-bottom: 0; } .page-electricity-market .usefull-information .row-ui:nth-child(2) { background-color: #dcdf3c; color: #ffffff;} .page-electricity-market .usefull-information .row-ui:nth-child(3){ background-color: #7196DA; color: #ffffff;} .page-electricity-market .usefull-information .row-ui:nth-child(4){ background-color: #8281BD; color: #ffffff;} .page-electricity-market .usefull-information .row-ui:nth-child(7){ background-color: #F1F4F9; color: #1D1D1B;} .page-electricity-market .usefull-information .row-ui:nth-child(6){ background-color: #FFC125; color: #fff;} .page-electricity-market .usefull-information .row-ui:nth-child(5){ background-color: #0C869D; color: #fff;} @media screen and (max-width: 1440px) { .page-node-type-corporate-pages .inline-nav-content > li > a { padding: 0 5px; } } @media screen and (max-width: 1439px) { .keshem .col-lg-8 > .wraper-advantages:first-child > .title-wrap-i { min-height: 124px; } } @media screen and (max-width: 1200px) { .page-electricity-market .page-entry-header { background-position: right bottom; } } @media screen and (max-width: 1024px) { .page-electricity-market .table-energy thead tr th:first-child, .page-electricity-market .table-energy .head-colspan { padding-left: 200px; } .page-electricity-market .table-energy thead tr th:last-child { padding-right: 200px; } .keshem .col-lg-8 > .wraper-advantages:first-child > .title-wrap-i { min-height: 60px; } } @media screen and (max-width: 992px) { .page-electricity-market .list-of-step-user-energy li { width: 49%; margin-bottom: 25px; margin-right: auto; } .page-electricity-market .list-of-step-user-energy li:last-child { margin-right: auto; } .page-electricity-market .page-entry-header { background-size: 120px; } .page-electricity-market .container { width: 100%; } } @media screen and (max-width: 767px) { .attention-block { background-size: 100px; background-position: top center; padding: 140px 20px 20px; } } @media screen and (max-width: 540px) { .page-electricity-market .list-of-step-user-energy li { width: 240px; display: block; margin: 0 auto 20px; } .keshem .card-entry-header { padding-left: 10px; padding-right: 10px; } .keshem .card-preview-wrap > div:first-child h2.card-title { font-size:3em; } .keshem .card-preview-wrap > div:first-child .card-preview-desc img { max-width:90%; } .keshem .card-preview-wrap > div:last-child { padding: 0px 0px 60px 0; } .keshem .wraper-advantages>.wrap-couple { display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; } .keshem .wraper-advantages.couple-title .wrap-couple .title-wrap-i { flex-basis: 49%; } .keshem .couple-title .wrap-couple .title-wrap-i h4 { font-size:20px; line-height:20px; } } .mortgage-list>div div div{display: inline;} .page-section.coin { background-color: #849cf4; color: #fff; padding-top: 100px; } .page-section.coin .title-hidden { display: none; } @media (max-width: 1023px) { .page-section.coin .container { width: 90%; } } .page-section.coin .lcl_image_elem { background-size: contain !important; } .page-section.coin .section-title { text-transform: none; } .page-section.coin .section-title > div > div { font-size: 30px; font-family: "FuturaPT-Bold"; } .page-section.coin .section-title > div > div:first-of-type { font-size: 18px; font-family: "FuturaPT-Demi"; } .page-section.coin .section-content, .page-section.coin .coin-info { background-color: #98acf6; } .page-section.coin .section-content .coin-img { height: 268px; padding: 5px; } .page-section.coin .section-content .coin-img .slick-slide { background-color: #fff; } .page-section.coin .section-content .coin-img span { max-width: none; background-color: #fff; background-size: contain; padding-bottom: 0; width: 85%; margin-left: auto; margin-right: auto; } .page-section.coin .section-content .coin-img * { height: 100%; } .page-section.coin .section-content .coin-img .slick-arrow { height: 50px; } .page-section.coin .section-content .coin-img .slick-next { right: -10px; } .page-section.coin .section-content .coin-img .slick-prev { left: -10px; } .page-section.coin .coin-info { padding: 5px; } .page-section.coin .coin-info > div:not(.title-hidden) { display: flex; align-items: center; font-weight: 500; font-size: 14px; padding: 10px; } .page-section.coin .coin-info > div:nth-of-type(odd) { background-color: #849cf4; } .page-section.coin .coin-info > div div { width: 50%; } @media (min-width: 768px) { .page-section.coin .section-content .coin-img { height: 400px; } .page-section.coin .coin-info > div { font-size: 16px; } .page-section.coin .section-title > div > div { font-size: 37px; } .order-container .order-inner { margin-left: auto; margin-right: auto; } } @media (min-width: 1024px) { .page-section.coin .container { display:flex; flex-flow:row-reverse wrap; justify-content: flex-end; } .page-section.coin .coin-info { width: 50%; padding-right: 0; } .page-section.coin .section-content { width: 50%; background-color: #98acf6; } .page-section.coin .section-content .coin-img { height: 100%; } } @media (min-width: 1280px) { .coin .section-header { display: none; } .coin .container { display: flex; flex-direction: row-reverse; } .page-section.coin .section-content .coin-img { height: 100%; } .page-section.coin .title-hidden { display: block; } .page-section.coin .title-hidden .section-title { float: none; padding: 5px; } .page-section.coin .title-hidden h3 div { width: 100%; } } @media screen and (max-width: 767px) { .js-form-item-callback-settlement-coin { overflow: hidden; } .js-form-item-callback-settlement-coin label { padding-right: 20px; } } .lcl_image_elem { background-size:contain !important; } .pager__items { text-align: center; padding: 10px 10px 10px 0; } .pager__item { display: inline-block; vertical-align: middle; margin-bottom: 10px; } .pager__item a, .pager__item--ellipsis { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 3px; background: #f1f5fa; transition: all .3s ease-in-out; } .pager__item a:hover, .pager__item.is-active a { background: #F8F9D9; } #block-callback-oschad-home h3 { text-align: center; margin-bottom: 30px; } .page-node-type-krediti-osobistiy select { width: 100%; font-size: 18px; line-height: 42px; padding: 0 10px; border: 2px solid rgba(206,206,195,0.8); background: #f8f8e7; color: black; font-family: 'FuturaPT-Demi'; } @media screen and (max-width: 767px) { .page-node-type-krediti-osobistiy .site-content .container { width: 100%; } .page-node-type-krediti-osobistiy .form-control-label.float, .page-node-type-krediti-osobistiy .form-item > label.float { top: 0; opacity: 0; font-size: 20px; left: 14px; } #block-callback-oschad-home h3 { font-size: 24px; } }