/* Minification failed. Returning unminified contents. (17460,45): run-time error CSS1046: Expect comma, found '10' (17460,51): run-time error CSS1046: Expect comma, found '/' (17460,76): run-time error CSS1046: Expect comma, found '10' (17460,82): run-time error CSS1046: Expect comma, found '/' */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline } ol, ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle } q, blockquote { quotes: none } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none } a img { border: none } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } @-webkit-keyframes fade-slide-d { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-moz-keyframes fade-slide-d { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-o-keyframes fade-slide-d { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @keyframes fade-slide-d { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-webkit-keyframes fade-slide-l { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-moz-keyframes fade-slide-l { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-o-keyframes fade-slide-l { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @keyframes fade-slide-l { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-webkit-keyframes fade-slide-half-l { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 70% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 71% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-moz-keyframes fade-slide-half-l { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 70% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 71% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-o-keyframes fade-slide-half-l { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 70% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 71% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @keyframes fade-slide-half-l { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 70% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 71% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-webkit-keyframes fade-slide-r { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-moz-keyframes fade-slide-r { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-o-keyframes fade-slide-r { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @keyframes fade-slide-r { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateX(-10px); -ms-transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-webkit-keyframes fade-slide-half-r { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 70% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 71% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-moz-keyframes fade-slide-half-r { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 70% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 71% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-o-keyframes fade-slide-half-r { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 70% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 71% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @keyframes fade-slide-half-r { 0% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 70% { -o-transform: translateX(10px); -ms-transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); transform: translateX(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 71% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateX(0px); -ms-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-webkit-keyframes fade-slide-u { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-moz-keyframes fade-slide-u { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-o-keyframes fade-slide-u { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @keyframes fade-slide-u { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-webkit-keyframes fade-slide-d { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-moz-keyframes fade-slide-d { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-o-keyframes fade-slide-d { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @keyframes fade-slide-d { 0% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } 50% { -o-transform: translateY(10px); -ms-transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 51% { -o-transform: translateY(-10px); -ms-transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } 100% { -o-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } } @-webkit-keyframes heart-beat { 0% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } 20% { -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) } 50% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } 70% { -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } } @-moz-keyframes heart-beat { 0% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } 20% { -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) } 50% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } 70% { -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } } @-o-keyframes heart-beat { 0% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } 20% { -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) } 50% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } 70% { -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } } @keyframes heart-beat { 0% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } 20% { -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) } 50% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } 70% { -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2) } 100% { -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } } @font-face { font-family: 'lato'; src: url("../fonts/lato/lato-regular-webfont.eot"); src: url("../fonts/lato/lato-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/lato/lato-regular-webfont.woff2") format("woff2"),url("../fonts/lato/lato-regular-webfont.woff") format("woff"),url("../fonts/lato/lato-regular-webfont.ttf") format("truetype"),url("../fonts/lato/lato-regular-webfont.svg#latoregular") format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: 'lato'; src: url("../fonts/lato/lato-bold-webfont.eot"); src: url("../fonts/lato/lato-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/lato/lato-bold-webfont.woff2") format("woff2"),url("../fonts/lato/lato-bold-webfont.woff") format("woff"),url("../fonts/lato/lato-bold-webfont.ttf") format("truetype"),url("../fonts/lato/lato-bold-webfont.svg#latobold") format("svg"); font-weight: bold; font-style: normal } @font-face { font-family: 'latoblack'; src: url("../fonts/lato/lato-black-webfont.eot"); src: url("../fonts/lato/lato-black-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/lato/lato-black-webfont.woff2") format("woff2"),url("../fonts/lato/lato-black-webfont.woff") format("woff"),url("../fonts/lato/lato-black-webfont.ttf") format("truetype"),url("../fonts/lato/lato-black-webfont.svg#latoblack") format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: 'lato'; src: url("../fonts/lato/lato-italic-webfont.eot"); src: url("../fonts/lato/lato-italic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/lato/lato-italic-webfont.woff2") format("woff2"),url("../fonts/lato/lato-italic-webfont.woff") format("woff"),url("../fonts/lato/lato-italic-webfont.ttf") format("truetype"),url("../fonts/lato/lato-italic-webfont.svg#latoitalic") format("svg"); font-weight: normal; font-style: italic } @font-face { font-family: 'lato'; src: url("../fonts/lato/lato-bolditalic-webfont.eot"); src: url("../fonts/lato/lato-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/lato/lato-bolditalic-webfont.woff2") format("woff2"),url("../fonts/lato/lato-bolditalic-webfont.woff") format("woff"),url("../fonts/lato/lato-bolditalic-webfont.ttf") format("truetype"),url("../fonts/lato/lato-bolditalic-webfont.svg#latobold_italic") format("svg"); font-weight: bold; font-style: italic } @font-face { font-family: 'latoblack'; src: url("../fonts/lato/lato-blackitalic-webfont.eot"); src: url("../fonts/lato/lato-blackitalic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/lato/lato-blackitalic-webfont.woff2") format("woff2"),url("../fonts/lato/lato-blackitalic-webfont.woff") format("woff"),url("../fonts/lato/lato-blackitalic-webfont.ttf") format("truetype"),url("../fonts/lato/lato-blackitalic-webfont.svg#latoblack_italic") format("svg"); font-weight: normal; font-style: italic } @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon/fonts/icomoon.eot"); src: url("../fonts/icomoon/fonts/icomoon.eot?#iefix") format("embedded-opentype"),url("../fonts/icomoon/fonts/icomoon.ttf") format("truetype"),url("../fonts/icomoon/fonts/icomoon.woff") format("woff"),url("../fonts/icomoon/fonts/icomoon.svg?#icomoon") format("svg"); font-weight: normal; font-style: normal } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-ico-logo:before { content: "\e600"; } .icon-ico-logo-ico:before { content: "\e601"; } .icon-ico-menu:before { content: "\e602"; } .icon-ico-cross:before { content: "\e603"; } .icon-ico-add:before { content: "\e604"; } .icon-ico-sub:before { content: "\e605"; } .icon-ico-arrow-u:before { content: "\e606"; } .icon-ico-arrow-d:before { content: "\e607"; } .icon-ico-arrow-l:before { content: "\e608"; } .icon-ico-arrow-r:before { content: "\e609"; } .icon-ico-verify-img:before { content: "\e60a"; } .icon-ico-circle-add:before { content: "\e60b"; } .icon-ico-circle-sub:before { content: "\e60c"; } .icon-ico-circle-tick:before, .promo_item > .jsToggleBox ul li:before { content: "\e60d"; } .icon-ico-alert:before { content: "\e60e"; } .icon-ico-circle-what:before { content: "\e60f"; } .icon-ico-circle-key:before { content: "\e610"; } .icon-ico-lock:before { content: "\e611"; } .icon-ico-timetable:before { content: "\e612"; } .icon-ico-list:before { content: "\e613"; } .icon-ico-poweroff:before { content: "\e614"; } .icon-ico-what:before { content: "\e615"; } .icon-ico-user:before { content: "\e616"; } .icon-ico-notify:before { content: "\e617"; } .icon-ico-message:before { content: "\e618"; } .icon-ico-restrict-card:before { content: "\e619"; } .icon-ico-details:before { content: "\e61a"; } .icon-ico-payoff-card:before { content: "\e61b"; } .icon-ico-payoff-part:before { content: "\e61c"; } .icon-ico-calendar:before { content: "\e61d"; } .icon-ico-keyboard:before { content: "\e61e"; } .icon-ico-phone:before { content: "\e61f"; } .icon-ico-pin:before { content: "\e620"; } .icon-ico-call:before { content: "\e621"; } .icon-ico-realtime-chat:before { content: "\e622"; } .icon-ico-send-msg:before { content: "\e623"; } .icon-ico-notify-set:before { content: "\e624"; } .icon-ico-set-desktop:before { content: "\e625"; } .icon-ico-arrow-u-thin:before { content: "\e626"; } .icon-ico-arrow-d-thin:before { content: "\e627"; } .icon-ico-arrow-l-thin:before { content: "\e628"; } .icon-ico-arrow-r-thin:before { content: "\e629"; } .icon-ico-tick:before { content: "\e62a"; } .icon-ico-history:before { content: "\e62b"; } .icon-ico-grid:before { content: "\e62c"; } .icon-ico-padlock:before { content: "\e62d"; } .icon-ico-pin-keys:before { content: "\e62e"; } .icon-ico-settings:before { content: "\e62f"; } .icon-ico-file:before { content: "\e630"; } .icon-ico-filter:before { content: "\e631"; } .icon-ico-loupe:before { content: "\e632"; } .icon-ico-pencil:before { content: "\e633"; } .icon-ico-save:before { content: "\e634"; } .icon-ico-eye:before { content: "\e635"; } .icon-ico-arrow-both:before { content: "\e636"; } .icon-ico-quote-66:before { content: "\e637"; } .icon-ico-quote-99:before { content: "\e638"; } .icon-ico-upload:before { content: "\e639"; } .icon-ico-arrow-u-full:before { content: "\e63a"; } .icon-ico-arrow-d-full:before { content: "\e63b"; } .icon-ico-arrow-l-full:before { content: "\e63c"; } .icon-ico-arrow-r-full:before { content: "\e63d"; } .icon-ico-paperclip:before { content: "\e63e"; } .icon-ico-printer:before { content: "\e63f"; } .icon-ico-send:before { content: "\e640"; } .icon-ico-trash:before { content: "\e641"; } .icon-ico-cellphone:before { content: "\e642"; } .icon-ico-at:before { content: "\e643"; } .icon-ico-move:before { content: "\e644"; } .icon-ico-move-thin:before { content: "\e645"; } .icon-ico-docs:before { content: "\e646"; } .icon-ico-doc:before { content: "\e647"; } .icon-ico-apply-doc:before { content: "\e648"; } .icon-ico-register:before { content: "\e800"; } .icon-ico-alert-thin:before { content: "\e900"; } .icon-ico-circle-info:before { content: "\e901"; } .icon-ico-deposit-break:before { content: "\e902"; } .icon-ico-deposit-open:before { content: "\e903"; } .icon-ico-repayment:before { content: "\e904"; } .icon-ico-unblock-card:before { content: "\e905"; } .icon-ico-idea:before { content: "\e906"; } .icon-ico-delay:before { content: "\e907"; } .icon-ico-cash-transfer-pln:before { content: "\e908"; } .icon-ico-cash-transfer-zl:before { content: "\e909"; } .icon-ico-cash-deposit-pln:before { content: "\e90a"; } .icon-ico-cash-deposit-zl:before { content: "\e90b"; } .icon-ico-disposition:before { content: "\e90c"; } .icon-ico-special-purpose-loan:before { content: "\e90d"; } .icon-ico-savings-account-promo:before { content: "\e90e"; } .icon-ico-savings-account:before { content: "\e90f"; } .icon-ico-deposit:before { content: "\e910"; } .icon-ico-credit-limit:before { content: "\e911"; } .icon-ico-hire-purchase:before { content: "\e912"; } .icon-ico-cash-loan:before { content: "\e913"; } .icon-ico-application:before { content: "\e914"; } .icon-ico-credit-card:before { content: "\e915"; } .icon-ico-download-new-statement:before { content: "\e916"; } .icon-ico-bank-message:before { content: "\e917"; } .icon-ico-complaint:before { content: "\e918"; } .icon-ico-disposition-thin:before { content: "\e919"; } .icon-ico-document-confirm:before { content: "\e91a"; } .icon-ico-document-order:before { content: "\e91b"; } .icon-ico-message-other:before { content: "\e91c"; } .icon-ico-offer:before { content: "\e91d"; } .icon-ico-payment-facilitation:before { content: "\e91e"; } .icon-ico-person:before { content: "\e91f"; } .icon-ico-customer-complaint:before { content: "\e920"; } .icon-ico-facilitation:before { content: "\e921"; } .icon-ico-technical-support:before { content: "\e922"; } .icon-ico-personal-data:before { content: "\e923"; } .icon-ico-alert-circle:before { content: "\e924"; } .icon-ico-files-empty:before { content: "\e925"; } .icon-ico-customer-complaint-circle:before { content: "\e926"; } .icon-ico-disposition-circle:before { content: "\e927"; } .icon-ico-document-confirm-circle:before { content: "\e928"; } .icon-ico-facilitation-circle:before { content: "\e929"; } .icon-ico-logo-circle:before { content: "\e92a"; } .icon-ico-message-other-circle:before { content: "\e92b"; } .icon-ico-offer-circle:before { content: "\e92c"; } .icon-ico-personal-data-circle:before { content: "\e92d"; } .icon-ico-person-circle:before { content: "\e92e"; } .icon-ico-technical-support-circle:before { content: "\e92f"; } .icon-ico-info-cloud:before { content: "\e930"; } body { font-family: 'lato', Arial, Tahoma; background-color: #fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100% } .fieldset, fieldset, form { display: block; outline: 0px; margin: 0px; padding: 0px } select, textarea, input { font-family: 'lato', Arial, Tahoma } *:focus { outline: none; box-shadow: none } *::-moz-focus-inner { border: 0px } *::selection { background-color: #ec0000; color: #fff } input { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none } input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox; -o-appearance: checkbox; appearance: checkbox } input[disabled="disabled"], input[disabled=""], input.disabled, input:disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } select { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: '' } select::-ms-expand { display: none } .boxing { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .pos_rel { position: relative } .pos_abs { position: relative } .pos_fix { position: fixed } .nowrap { white-space: nowrap } .txt-center { text-align: center } .txt-left { text-align: left } .txt-right { text-align: right } .over_hidden { overflow: hidden } .lock_scroll { overflow: hidden } .lock_scroll.full_lock { position: fixed; width: 100%; height: 100% } .bold, b, strong { font-weight: bold } .italic, i, em { font-style: italic } svg.svgReplaced { fill: currentColor; -o-transition: fill 0.3s; -moz-transition: fill 0.3s; -webkit-transition: fill 0.3s; transition: fill 0.3s } .jsMcScroll { overflow: hidden } .smooth_top { -o-transition: top 0.1s; -moz-transition: top 0.1s; -webkit-transition: top 0.1s; transition: top 0.1s } body.overDrag { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } .isDraggable { cursor: all-scroll; outline: 2px solid transparent; -o-transition: outline 0.3s; -moz-transition: outline 0.3s; -webkit-transition: outline 0.3s; transition: outline 0.3s; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } .isDraggable * { pointer-events: none } .jsDragDropList { position: relative } .jsDragDropList > .dropGhost { background: none !important; background-color: transparent !important; color: transparent !important; border-color: transparent !important; outline: 2px dashed #ec0000; position: absolute; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0px !important } .jsDragDropList > .dropGhost * { visibility: hidden !important } .jsDragDropList > .dropGhost *:after, .jsDragDropList > .dropGhost *:before { background-color: transparent !important; color: transparent !important; border-color: transparent !important } .jsDragDropList > .dragGhost { position: relative; z-index: 10; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: .9; outline: 2px solid #ec0000 } .main_header { position: relative; z-index: 12; color: #444547 } .main_header .header_wrapper { position: relative; padding-left: 202px } .main_header .header_bg { z-index: 0; position: relative; background-color: #fff; text-align: right } .main_header .header_bg:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden; padding-bottom: 6px } .main_header .logo { z-index: 1; display: block; position: absolute; top: 0px; left: 0px; bottom: 6px; text-align: center; text-decoration: none; color: #fff } .main_header .logo.hide { pointer-events: none } .main_header .logo.hide h1 > span::before { color: #77474b } .main_header .logo h1 { display: block; height: 100%; width: 151px; position: relative; font-size: 1px; font-size: 0px } .main_header .logo h1.new_logo { width: auto; height: auto; margin-top: 16px; } .main_header .logo h1 > span { display: inline-block; vertical-align: middle; font-size: 1px; font-size: 0px; line-height: 1px; line-height: 0px; color: transparent; position: relative; overflow: hidden; top: 0px; -o-transition: top 0.3s; -moz-transition: top 0.3s; -webkit-transition: top 0.3s; transition: top 0.3s } .main_header .logo h1 > span:after { content: ''; display: block; width: 151px; padding-top: 34%; position: relative } .main_header .logo h1 > span:before { position: absolute; display: block; width: 151px; height: 150px; font-size: 150px; line-height: 150px; top: 50%; left: 0px; margin-top: -75px; color: #ec0000; transition: color .3s } .main_header .logo h1 > svg { fill: currentColor } .main_header .logo h1 .logo_img { position: relative; top: 0; display: none; vertical-align: middle; max-width: 100%; -o-transition: top 0.3s; -moz-transition: top 0.3s; -webkit-transition: top 0.3s; transition: top 0.3s } .main_header .logo h1:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .main_header .logo.safe h1 > span { display: none } .main_header .logo.safe h1 .logo_img { display: inline-block } .main_header .logo:focus h1 > span, .main_header .logo:hover h1 > span { top: -6px } .main_header .logo:focus h1 .logo_img, .main_header .logo:hover h1 .logo_img { top: -6px } .main_header .header_mobile { display: none } .main_header .hello_box { display: inline-block; height: 82px; width: 280px; font-size: 1px; font-size: 0px } .main_header .hello_box:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .main_header .hello_box > h2 { display: inline-block; vertical-align: middle; max-width: 100%; font-size: 14px; line-height: 20px; text-align: left; color: #444547; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 35px } .main_header .hello_box > h2 strong { color: #333 } .main_header .hello_box > h2 span { display: block } .main_header .account_menu { display: block; float: right } .main_header .account_menu:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .main_header .account_menu > ul { position: relative; display: block; list-style: none } .main_header .account_menu > ul > li { display: block; float: left } .main_header .account_menu > ul > li:hover + li a:before { background-color: transparent } .main_header .account_menu > ul > li + li { margin-left: 1px } .main_header .account_menu > ul > li + li a:before { content: ''; width: 1px; height: 62px; position: absolute; top: 10px; left: -1px; background-color: #c3c3c3; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .main_header .account_menu > ul > li + li:hover a:before { background-color: transparent } .main_header .account_menu > ul > li > a { position: relative; display: block; height: 82px; min-width: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 14px; padding-top: 16px; text-decoration: none; color: #444547; background-color: transparent; text-align: center; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .main_header .account_menu > ul > li > a > .icon { display: block; width: 32px; height: 32px; margin: 0px auto; position: relative; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .main_header .account_menu > ul > li > a > .icon:before { display: block; width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px } .main_header .account_menu > ul > li > a > .icon .count { display: block; background-color: #ec0000; color: #fff; text-align: center; font-size: 9px; line-height: 10px; min-width: 15px; height: 15px; padding: 3px 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -4px; right: -4px; -o-transition: background-color 0.3s,color 0.3s; -moz-transition: background-color 0.3s,color 0.3s; -webkit-transition: background-color 0.3s,color 0.3s; transition: background-color 0.3s,color 0.3s } .main_header .account_menu > ul > li > a > .icon.red { color: #ec0000 } .main_header .account_menu > ul > li > a > .text { display: block; font-size: 12px; line-height: 16px; padding-top: 8px; color: inherit; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .main_header .account_menu > ul > li > a > .arrow { display: block; width: 10px; height: 10px; position: absolute; left: 50%; margin-left: -5px; bottom: 8px; pointer-events: none; color: #ec0000; overflow: hidden } .main_header .account_menu > ul > li > a > .arrow > .arrow_d, .main_header .account_menu > ul > li > a > .arrow > .arrow_u { display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 0px; left: 0px; color: #ec0000; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .main_header .account_menu > ul > li > a > .arrow > .arrow_d { top: 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .main_header .account_menu > ul > li > a > .arrow > .arrow_u { top: -10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .main_header .account_menu > ul > li > a.has_submenu > .text { padding-top: 0px } .main_header .account_menu > ul > li > a:focus, .main_header .account_menu > ul > li > a:hover { background-color: #f5f5f5 } .main_header .account_menu > ul > li > a.active { color: #fff; background-color: #ec0000 } .main_header .account_menu > ul > li > a.active > .icon { color: #333 } .main_header .account_menu > ul > li > a.active > .icon .count { background-color: #fff; color: #333 } .main_header .account_menu > ul > li > a.active > .arrow > .arrow_d, .main_header .account_menu > ul > li > a.active > .arrow > .arrow_u { color: #fff } .main_header .account_menu > ul > li > a.active > .arrow > .arrow_d { top: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .main_header .account_menu > ul > li > a.active > .arrow > .arrow_u { top: 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .main_header .account_menu > ul > li.products { display: none } .main_header a.session_info { display: block; float: right; text-align: center; font-size: 12px; line-height: 13px; text-decoration: none; height: 82px; width: 110px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 14px; padding-top: 32px; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .main_header a.session_info > .counter { font-size: 13px; font-weight: bold } .main_header a.session_info > .text { display: block } .main_header a.session_info:focus, .main_header a.session_info:hover { color: #ec0000 } .main_header2 { z-index: 8; position: relative; left: 0px; top: 0px; width: 100%; background-color: #595958; color: #fff; -o-transform: translatez(0); -ms-transform: translatez(0); -moz-transform: translatez(0); -webkit-transform: translatez(0); transform: translatez(0) } .main_header2.isFixed { position: fixed } .main_header2 .main_menu { display: block; position: relative } .main_header2 .main_menu ul { position: relative; list-style: none; display: block; display: table; width: 100%; z-index: 1 } .main_header2 .main_menu ul > li { display: inline-block; display: table-cell; text-align: left; vertical-align: middle; position: relative } .main_header2 .main_menu ul > li + li { border-left: 1px solid #444547; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .main_header2 .main_menu ul > li + li.red { border-left: 1px solid transparent } .main_header2 .main_menu ul > li + li.active, .main_header2 .main_menu ul > li + li:hover { border-left: 1px solid transparent } .main_header2 .main_menu ul > li > a { display: block; color: #fff; background-color: transparent; text-transform: uppercase; text-decoration: none; padding: 0px 24px; height: 60px; position: relative; font-size: 1px; font-size: 0px; -o-transition: background-color 0.3s,color 0.3s; -moz-transition: background-color 0.3s,color 0.3s; -webkit-transition: background-color 0.3s,color 0.3s; transition: background-color 0.3s,color 0.3s; text-align: center } .main_header2 .main_menu ul > li > a > span { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 15px; font-weight: bold; padding: 12px 0px; text-align: left } .main_header2 .main_menu ul > li > a:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .main_header2 .main_menu ul > li > a:focus, .main_header2 .main_menu ul > li > a:hover { background-color: #333 } .main_header2 .main_menu ul > li.red { border-left: 1px solid transparent } .main_header2 .main_menu ul > li.red > a { background-color: #ec0000 } .main_header2 .main_menu ul > li.red > a:focus, .main_header2 .main_menu ul > li.red > a:hover { background-color: #e40000 } .main_header2 .main_menu ul > li.active:after { content: ''; display: block; width: 100%; height: 2px; background-color: #ec0000; position: absolute; top: 100%; left: 0px } .main_header2 .main_menu ul > li.active > a { background-color: #333 } .main_header2 .main_menu ul > li.active > a:hover, .main_header2 .main_menu ul > li.active > a:focus { color: #ec0000; background-color: #333 } .main_header2 .main_menu ul > li.active + li, .main_header2 .main_menu ul > li:hover + li { border-left: 1px solid transparent } .main_header2 .main_menu ul > li.active + li.red, .main_header2 .main_menu ul > li:hover + li.red { border-left: 1px solid transparent } .main_header2 .main_menu ul > li.hidden { visibility: hidden } .account_submenu { display: none; width: 100%; position: absolute; top: 100%; left: 0px; color: #333; overflow: hidden } .account_submenu a.close { z-index: 1; display: block; width: 34px; height: 34px; position: absolute; text-decoration: none; top: 0px; right: 0px; color: #fff; background-color: #ec0000; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .account_submenu a.close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; -o-transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .account_submenu a.close:focus, .account_submenu a.close:hover { background-color: #333 } .account_submenu a.close:focus:before, .account_submenu a.close:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .account_submenu .submenu_items { z-index: 0; display: block; position: relative; overflow: hidden; text-align: left } .account_submenu .submenu_item { display: none; width: 100%; position: absolute; top: 0px; left: 0%; min-height: 40px; z-index: 0; background-color: #f5f5f5 } .account_submenu .submenu_item.active { display: block; position: relative; z-index: 2 } .account_submenu .submenu_item.prev { z-index: 1 } .main_header.intro .logo { bottom: 0px } .main_header.intro .header_bg { background-color: #fff; color: #333 } .main_header.intro .header_bg:after { padding-bottom: 0px } .main_header.intro .hello_box > h2 { color: #333; font-size: 15px; line-height: 18px; font-weight: bold } .main_header.intro .header_buttons { display: block; position: relative; float: right; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3 } .main_header.intro .header_buttons:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .main_header.intro .header_buttons > a { display: block; height: 62px; float: left; padding: 10px 24px; font-size: 1px; font-size: 0px; color: #444547; background-color: transparent; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .main_header.intro .header_buttons > a + a { border-left: 1px solid #c3c3c3 } .main_header.intro .header_buttons > a:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .main_header.intro .header_buttons > a > span { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 18px; font-weight: bold } .main_header.intro .header_buttons > a > span > span { display: inline-block } .main_header.intro .header_buttons > a > span > .big, .main_header.intro .header_buttons > a > span.big { font-size: 22px; line-height: 24px; font-weight: normal; font-family: 'latoblack'; color: #333 } .main_header.intro .header_buttons > a > span > .small, .main_header.intro .header_buttons > a > span.small { font-size: 10px; line-height: 11px; color: #444547 } .main_header.intro .header_buttons > a > span.icon { display: inline-block; width: 24px; height: 24px; color: #444547; position: relative } .main_header.intro .header_buttons > a > span.icon img, .main_header.intro .header_buttons > a > span.icon > svg { display: block; width: 24px; height: 24px } .main_header.intro .header_buttons > a > span.icon:before { display: block; width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center } .main_header.intro .header_buttons > a > span > span + span, .main_header.intro .header_buttons > a > span + span { margin-left: 12px } .main_header.intro .header_buttons > a:focus, .main_header.intro .header_buttons > a:hover { background-color: #f5f5f5 } .main_header2 .main_menu ul > li.help_css > a { background-color: #f5f5f5; color: #333 } .sm_notify:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .sm_notify .main_col { z-index: 0; display: block; width: 100%; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 280px } .sm_notify .main_col > div { position: relative; top: 0px; left: 0px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 18px } .sm_notify .notify_table_head .row, .sm_notify .notify_table_body .row { position: relative; background-color: #f5f5f5 } .sm_notify .notify_table_head .row:after, .sm_notify .notify_table_body .row:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .sm_notify .notify_table_head .row > div, .sm_notify .notify_table_body .row > div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; float: left } .sm_notify .notify_table_head .row .date, .sm_notify .notify_table_body .row .date { width: 30%; padding: 11px 10px; padding-left: 35px } .sm_notify .notify_table_head .row .title, .sm_notify .notify_table_body .row .title { width: 70%; border-left: 1px solid transparent; padding: 11px 10px; padding-left: 16px } .sm_notify .notify_table_head .row + .row, .sm_notify .notify_table_body .row + .row { border-top: 1px solid #c3c3c3 } .sm_notify .notify_table_head .row { background-color: #e6e6e6; font-weight: bold } .sm_notify .notify_table_head .row .date { padding: 8px 10px; padding-left: 35px } .sm_notify .notify_table_head .row .title { border-left: 1px solid #fff; padding: 8px 10px; padding-left: 16px } .sm_notify .side_col { z-index: 1; display: block; width: 0px; height: 100%; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .sm_notify .side_col > div { position: relative; top: 0px; left: 0px; width: 280px; margin-left: -280px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 45px; padding-bottom: 1000px; margin-bottom: -982px; background-color: #e6e6e6; color: #444547; border-left: 1px solid #c3c3c3 } .sm_notify .side_col a.button { -o-transform: translatez(0); -ms-transform: translatez(0); -moz-transform: translatez(0); -webkit-transform: translatez(0); transform: translatez(0) } .sm_notify .side_col a.button + a.button { margin-top: 10px } .sm_setting { position: relative; overflow: hidden } .sm_setting:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .sm_setting .main_col { position: relative; width: 50%; float: left; background-color: #e6e6e6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px; padding-bottom: 1000px; margin-bottom: -982px; border-right: 1px solid #c3c3c3 } .sm_setting .side_col { position: relative; width: 50%; float: left; background-color: #f5f5f5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 40px; padding-left: 18px; padding-bottom: 1000px; margin-bottom: -982px } .sm_setting .side_col h3 { font-size: 16px; line-height: 18px; font-weight: bold; color: #333 } .sm_setting .activity_box { padding-top: 12px; padding-bottom: 0px } .sm_setting .activity_box span { font-size: 13px; line-height: 20px } .sm_setting .activity_box span + span { margin-top: 6px } .main_menu_mobile { z-index: 16; display: none; position: absolute; top: 0px; left: 0px; overflow: hidden; width: 0px; -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden } .main_menu_mobile > div { display: block; width: 300px; position: relative; background-color: #595958; color: #fff } .main_menu_mobile.active { width: 300px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible } .main_menu_mobile .mm_box { display: block; position: relative } .main_menu_mobile .mm_box .scroll_box { position: relative; overflow: auto } .main_menu_mobile .mm_box .box_head { position: relative; background-color: #ec0000; color: #fff } .main_menu_mobile .mm_box .box_head:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .main_menu_mobile .mm_box .box_body { position: relative } .main_menu_mobile .mm_box a.toggler { display: block; float: left; width: 60px; height: 60px; text-decoration: none; position: relative; color: #fff; background-color: transparent; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .main_menu_mobile .mm_box a.toggler > .icon { display: block; width: 14px; height: 14px; font-size: 14px; line-height: 14px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px } .main_menu_mobile .mm_box a.toggler:focus, .main_menu_mobile .mm_box a.toggler:hover { background-color: #e40000 } .main_menu_mobile .mm_box a.session_info { display: block; height: 60px; text-align: right; float: right; font-size: 12px; line-height: 16px; text-decoration: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 22px 12px; white-space: nowrap; color: #fff; background-color: transparent; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .main_menu_mobile .mm_box a.session_info > .counter { font-size: 13px; font-weight: bold } .main_menu_mobile .mm_box a.session_info > .text { display: inline-block } .main_menu_mobile .mm_box a.session_info:focus, .main_menu_mobile .mm_box a.session_info:hover { background-color: #e40000 } .main_menu_mobile .mm_box .hello_box { background-color: #ec0000 } .main_menu_mobile .mm_box .hello_box > h2 { display: block; font-size: 14px; line-height: 20px; text-align: left; color: #fff; padding: 18px 20px; padding-bottom: 32px } .main_menu_mobile .mm_box .hello_box > h2 span { display: block } .main_menu_mobile .account_menu { display: block; background-color: #fff } .main_menu_mobile .account_menu > ul { position: relative; display: block; list-style: none } .main_menu_mobile .account_menu > ul > li { display: block } .main_menu_mobile .account_menu > ul > li + li { border-top: 1px solid #c3c3c3 } .main_menu_mobile .account_menu > ul > li > a { position: relative; display: block; text-decoration: none; color: #444547; background-color: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 10px; padding-left: 80px; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .main_menu_mobile .account_menu > ul > li > a > .icon { display: block; width: 32px; height: 32px; position: absolute; top: 50%; left: 20px; margin-top: -16px; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .main_menu_mobile .account_menu > ul > li > a > .icon > img, .main_menu_mobile .account_menu > ul > li > a > .icon > svg { display: block; width: 32px; height: 32px } .main_menu_mobile .account_menu > ul > li > a > .icon:before { display: block; width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px } .main_menu_mobile .account_menu > ul > li > a > .icon .count { display: block; background-color: #ec0000; color: #fff; text-align: center; font-size: 9px; line-height: 10px; min-width: 15px; height: 15px; padding: 3px 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -4px; right: -4px; -o-transition: background-color 0.3s,color 0.3s; -moz-transition: background-color 0.3s,color 0.3s; -webkit-transition: background-color 0.3s,color 0.3s; transition: background-color 0.3s,color 0.3s } .main_menu_mobile .account_menu > ul > li > a > .text { display: block; font-size: 16px; line-height: 20px; color: inherit; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .main_menu_mobile .account_menu > ul > li > a:focus, .main_menu_mobile .account_menu > ul > li > a:hover { background-color: #f5f5f5 } .main_menu_mobile .account_menu > ul > li.products { display: none } .main_menu_mobile .main_menu { display: block; position: relative; background-color: #f5f5f5; } .main_menu_mobile .main_menu > span { display: block } .main_menu_mobile .main_menu > span > a { position: relative; display: block; text-decoration: none; color: #fff; background-color: #333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 10px; padding-left: 18px; -o-transition: background-color 0.3s,color 0.3s; -moz-transition: background-color 0.3s,color 0.3s; -webkit-transition: background-color 0.3s,color 0.3s; transition: background-color 0.3s,color 0.3s } .main_menu_mobile .main_menu > span > a > span { display: block; font-size: 14px; line-height: 18px; color: inherit } .main_menu_mobile .main_menu > span.active > a:after { content: ''; display: block; height: 100%; width: 2px; background-color: #ec0000; position: absolute; top: 0px; left: 0px } .main_menu_mobile .main_menu > span + a, .main_menu_mobile .main_menu > span + span { border-top: 1px solid #444547 } .main_menu_mobile .main_menu > a { position: relative; display: block; text-decoration: none; color: #fff; background-color: #333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 10px; padding-left: 18px; -o-transition: background-color 0.3s,color 0.3s; -moz-transition: background-color 0.3s,color 0.3s; -webkit-transition: background-color 0.3s,color 0.3s; transition: background-color 0.3s,color 0.3s } .main_menu_mobile .main_menu > a > span { display: block; font-size: 14px; line-height: 18px; color: inherit } .main_menu_mobile .main_menu > a > .arrow { display: block; width: 10px; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 18px; pointer-events: none; color: #fff; overflow: hidden } .main_menu_mobile .main_menu > a > .arrow > .arrow_d, .main_menu_mobile .main_menu > a > .arrow > .arrow_u { display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 0px; left: 0px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .main_menu_mobile .main_menu > a > .arrow > .arrow_d { top: 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .main_menu_mobile .main_menu > a > .arrow > .arrow_u { top: -10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .main_menu_mobile .main_menu > a.active > .arrow > .arrow_d { top: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .main_menu_mobile .main_menu > a.active > .arrow > .arrow_u { top: 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .main_menu_mobile .main_menu > div > ul, .main_menu_mobile .main_menu > ul { position: relative; display: block; list-style: none; border-top: 1px solid #444547 } .main_menu_mobile .main_menu > div > ul > li, .main_menu_mobile .main_menu > ul > li { display: block } .main_menu_mobile .main_menu > div > ul > li + li, .main_menu_mobile .main_menu > ul > li + li { border-top: 1px solid #444547 } .main_menu_mobile .main_menu > div > ul > li > a, .main_menu_mobile .main_menu > ul > li > a { position: relative; display: block; text-decoration: none; color: #fff; background-color: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px 10px; padding-left: 28px; -o-transition: background-color 0.3s,color 0.3s; -moz-transition: background-color 0.3s,color 0.3s; -webkit-transition: background-color 0.3s,color 0.3s; transition: background-color 0.3s,color 0.3s } .main_menu_mobile .main_menu > div > ul > li > a > span, .main_menu_mobile .main_menu > ul > li > a > span { display: block; font-size: 14px; line-height: 18px; color: inherit } .main_menu_mobile .main_menu > div > ul > li.red, .main_menu_mobile .main_menu > ul > li.red { border-top: 0px solid transparent } .main_menu_mobile .main_menu > div > ul > li.red > a, .main_menu_mobile .main_menu > ul > li.red > a { background-color: #ec0000 } .main_menu_mobile .main_menu > div > ul > li.active > a:after, .main_menu_mobile .main_menu > ul > li.active > a:after { content: ''; display: block; height: 100%; width: 2px; background-color: #ec0000; position: absolute; top: 0px; left: 0px } .main_menu_mobile .main_menu > div > ul > li.hidden, .main_menu_mobile .main_menu > ul > li.hidden { display: none } .main_menu_mobile .main_menu > div + span { border-top: 1px solid #444547 } .main_footer { color: #444547; font-size: 13px; line-height: 16px; padding-top: 36px } .main_footer .footer_dark { background-color: #595958 } .main_footer .footer_cols { position: relative; text-align: center } .main_footer .footer_cols:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .main_footer .footer_cols > .col { display: block; float: left; width: 33%; width: 33.3333%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .main_footer .footer_cols .footer_button { display: block; padding: 0px 8px; height: 90px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; color: #fff; background-color: #595958; font-size: 1px; font-size: 0px; position: relative; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .main_footer .footer_cols .footer_button:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .main_footer .footer_cols .footer_button .icon { display: inline-block; vertical-align: middle; margin-right: 36px; color: #a7aaae; position: relative; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .main_footer .footer_cols .footer_button .icon > img, .main_footer .footer_cols .footer_button .icon > svg { display: block; width: 100%; height: auto } .main_footer .footer_cols .footer_button .icon:before { display: block; text-align: center } .main_footer .footer_cols .footer_button .text { display: inline-block; vertical-align: middle; font-size: 18px; line-height: 24px; font-weight: bold; text-align: left } .main_footer .footer_cols .footer_button .text > span { font-size: 9px; color: #fff } .main_footer .footer_cols .footer_button.call .icon img, .main_footer .footer_cols .footer_button.call .icon svg { width: 58px; height: 58px } .main_footer .footer_cols .footer_button.msg .icon img, .main_footer .footer_cols .footer_button.msg .icon svg { width: 86px; height: 86px } .main_footer .footer_cols .footer_button.call .icon:before { width: 58px; height: 58px; font-size: 58px; line-height: 58px } .main_footer .footer_cols .footer_button.msg .icon:before { width: 86px; height: 86px; font-size: 86px; line-height: 86px } .main_footer .footer_cols .footer_button:focus, .main_footer .footer_cols .footer_button:hover { background-color: #333 } .main_footer .footer_cols .footer_button:focus .icon, .main_footer .footer_cols .footer_button:hover .icon { color: #ec0000 } .main_footer .footer_light { padding: 12px 0px } .main_footer .copyright { display: block; text-align: center } .main_footer .menu > a { display: block; padding: 4px 0px; float: left; margin-right: 20px; color: #444547; text-decoration: none } .main_footer .menu > a > span { display: inline-block; position: relative; font-weight: bold } .main_footer .menu > a > span:after { content: ''; display: block; width: 100%; height: 1px; background-color: transparent; position: absolute; top: 100%; left: 0px; margin-top: 1em; pointer-events: none; -o-transition: background-color 0.3s,margin-top 0.3s; -moz-transition: background-color 0.3s,margin-top 0.3s; -webkit-transition: background-color 0.3s,margin-top 0.3s; transition: background-color 0.3s,margin-top 0.3s } .main_footer .menu > a:focus > span:after, .main_footer .menu > a:hover > span:after { background-color: #ec0000; margin-top: 0px } .main_footer .menu:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .main_footer .footer_menu { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .main_footer .footer_menu.menu_l { float: left; padding-right: 9px } .main_footer .footer_menu.menu_l.full { padding-left: 0 } .main_footer .footer_menu.menu_r { float: right; padding-left: 9px } .main_footer .footer_menu.menu_r.full { padding-left: 0 } .main_footer .footer_menu ul { position: relative; display: block; list-style: none } .main_footer .footer_menu ul > li { display: block; float: left } .main_footer .footer_menu ul > li + li { margin-left: 22px } .main_footer .footer_menu ul > li > a { display: block; padding: 4px 0px; color: inherit; text-decoration: none } .main_footer .footer_menu ul > li > a > span { display: inline-block; position: relative } .main_footer .footer_menu ul > li > a > span:after { content: ''; display: block; width: 100%; height: 1px; background-color: transparent; position: absolute; top: 100%; left: 0px; margin-top: 1em; pointer-events: none; -o-transition: background-color 0.3s,margin-top 0.3s; -moz-transition: background-color 0.3s,margin-top 0.3s; -webkit-transition: background-color 0.3s,margin-top 0.3s; transition: background-color 0.3s,margin-top 0.3s } .main_footer .footer_menu ul > li > a:focus > span:after, .main_footer .footer_menu ul > li > a:hover > span:after { background-color: #ec0000; margin-top: 0px } .main_footer .footer_menu.menu_l ul > li > a > span { font-weight: bold } .article { color: #333; font-size: 14px; line-height: 20px } .article h4 { font-weight: bold; font-size: 16px; margin-bottom: 14px } .article h4 .big { font-size: 20px; line-height: 25px } .article p { margin-bottom: 7px } .article p > a { text-decoration: underline; color: #ec0000; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .article p > a:focus, .article p > a:hover { color: #333 } .article ul { display: block; list-style: none } .article ul > li { display: block; position: relative; padding-left: 20px } .article ul > li:before { content: ''; display: block; height: 4px; width: 4px; position: absolute; top: 8px; left: 4px; background-color: #333; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .article ul > li + li { margin-top: 7px } .article ol { display: block; list-style: none; counter-reset: li } .article ol > li { display: block; position: relative; padding-left: 20px } .article ol > li:before { content: counter(li) "."; counter-increment: li; display: block; width: 20px; position: absolute; top: 0px; left: 0px; text-align: left } .article ol > li + li { margin-top: 7px } .article p + h4, .article ul + h4, .article ol + h4, .article h4 + h4 { margin-top: 14px } .message_style { font-size: 14px; line-height: 24px; color: #333 } .wrapper { position: relative; display: block; width: 100%; margin: 0px auto } .wrapper.w_wide { max-width: 1230px } .g_spacer { padding: 18px } .g_spacer_v { padding: 18px 0px } .g_spacer_h { padding: 0px 18px } .g_spacer_t { padding-top: 18px } .g_spacer9px_t { padding-top: 9px } .g_spacer12px_t { padding-top: 12px } .g_spacer_b { padding-bottom: 18px } div > .d_spacer10px_b { padding-bottom: 10px; } .g_spacer_l { padding-left: 18px } .g_spacer_r { padding-right: 18px } .g_spacer2 { padding: 32px } .g_spacer2_v { padding: 32px 0px } .g_spacer2_h { padding: 0px 32px } .g_spacer2_t { padding-top: 32px } .g_spacer2_b { padding-bottom: 32px } .g_spacer2_l { padding-left: 32px } .g_spacer2_r { padding-right: 32px } .g_spacer1_h_benefs { padding: 0 9px } .g_spacer1_benefs { padding: 9px } .g_spacer2_h_benefs { padding-top: 18px; padding-bottom: 18px } .g_spacer2_v_benefs { padding-left: 18px; padding-right: 18px } .g_spacer2_t_benefs { padding-top: 18px } .g_spacer2_b_benefs { padding-bottom: 18px } .g_spacer2_benefs { padding: 18px } .g_left { text-align: left } .no-wrap { white-space: nowrap } @media screen and (max-width: 479px) { .no-wrap { white-space: normal } .no-wrap--always { white-space: nowrap } } .main_content { padding: 18px 0px; z-index: 1; position: relative } .main_content + .main_content { padding-top: 0px } a.filter { display: block; font-size: 12px; line-height: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; padding: 9px 18px; padding-right: 44px; position: relative; text-decoration: none; color: #444547; background-color: transparent; -o-transition: color 0.3s,background-color 0.3s,border 0.3s; -moz-transition: color 0.3s,background-color 0.3s,border 0.3s; -webkit-transition: color 0.3s,background-color 0.3s,border 0.3s; transition: color 0.3s,background-color 0.3s,border 0.3s } a.filter:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; margin-top: -5px; right: 18px; color: #444547; pointer-events: none; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } a.filter:focus, a.filter:hover { background-color: #cdcdcd; color: #444547 } a.filter:focus:before, a.filter:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); color: #ec0000 } a.filter.black { border: 1px solid #333; color: #333 } a.filter.black:before { color: #333 } a.filter.black:focus, a.filter.black:hover { background-color: #333; color: #fff } a.filter.black:focus:before, a.filter.black:hover:before { color: #ec0000 } .main_title_box { display: block; position: relative; margin-bottom: 18px; background-color: #f5f5f5; border: 1px solid #c3c3c3; padding: 20px 18px } .main_title_box:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .main_title_box h2 { float: left; color: #333; font-size: 20px; font-weight: bold; line-height: 24px } @media screen and (max-width: 699px) { .main_title_box h2 { line-height: 36px } } .main_title_box h2 strong { font-weight: normal; font-family: 'latoblack'; text-transform: uppercase } .main_title_box h2 > a.toggler { display: inline-block; color: #444547; text-decoration: none; position: relative; height: 24px } .main_title_box h2 > a.toggler .arrow { display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 12px; margin-top: -5px } .main_title_box h2 > a.toggler .side, .main_title_box h2 > a.toggler .main { position: relative; height: 0px; top: 0px; left: 0px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .main_title_box h2 > a.toggler .side { display: block; padding-right: 18px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; left: 0px } .main_title_box h2 > a.toggler .side .arrow { right: 4px } .main_title_box h2 > a.toggler .main { display: block; padding-left: 18px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; left: 10px } .main_title_box h2 > a.toggler .main .arrow { left: 4px } .main_title_box h2 > a.toggler:focus, .main_title_box h2 > a.toggler:hover { color: #333 } .main_title_box h2 > a.toggler.active .side { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; left: -10px } .main_title_box h2 > a.toggler.active .main { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; left: 0px } .main_title_box h2 > a.toggler.active .arrow .arrow_l { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; margin-left: -5px } .main_title_box h2 > a.toggler.active .arrow .arrow_r { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; margin-left: 5px } .main_title_box .buttons { display: block; position: relative; float: right; margin: -12px 0px } .main_title_box .buttons:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .main_title_box .buttons > .button { min-width: 200px; float: left } .main_title_box .buttons .button .icon { -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0) } .main_title_box .buttons .button .icon > .add { display: block; width: 10px; height: 10px; background-color: #ec0000; position: absolute; bottom: 4px; right: -4px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -o-transition: background-color 0.3s,color 0.3s; -moz-transition: background-color 0.3s,color 0.3s; -webkit-transition: background-color 0.3s,color 0.3s; transition: background-color 0.3s,color 0.3s } .main_title_box .buttons .button .icon > .add:before { display: block; width: 6px; height: 6px; font-size: 6px; line-height: 6px; position: absolute; top: 50%; left: 50%; margin-top: -3px; margin-left: -3px; text-align: center } .main_title_box .buttons .button:focus .icon > .add, .main_title_box .buttons .button:hover .icon > .add { background-color: #fff; color: #ec0000 } .main_title_box .buttons .button.jsMessage-new.active { border: 1px solid #e40000; background-color: #e40000; color: #fff } .main_title_box .buttons .button.jsMessage-new.active > .icon { color: #fff } .main_title_box .buttons .button.jsMessage-new.active:before { color: #fff } .main_title_box .buttons .button.jsMessage-new.active .icon > .add { background-color: #fff; color: #ec0000 } .main_title_box .buttons.message_bts { width: 140px; height: 48px } .main_title_box .buttons.message_bts > .button { z-index: 0; position: absolute; top: 0px; right: 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .main_title_box .buttons.message_bts.new_msg > .new_msg { z-index: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible } .main_title_box .buttons.message_bts.send_new_msg > .send_new_msg { z-index: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible } .main_title_box .buttons.message_bts.send_tmp_msg > .send_tmp_msg { z-index: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible } .main_mobile_title_box { display: none; position: relative; background-color: #3d3e40 } .main_content_title_box { padding-top: 18px } .main_content_title_box .main_title_box { margin-bottom: 0px } a.mobile_title_box { text-decoration: none; color: #fff; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } a.mobile_title_box:focus, a.mobile_title_box:hover { color: #ec0000 } .mobile_title_box { display: block; position: relative; background-color: #3d3e40; border: 1px solid #3d3e40; padding: 32px 18px; color: #fff } .mobile_title_box h2 { font-size: 20px; line-height: 24px; font-weight: bold; text-transform: uppercase } .main_info_box { position: relative; margin-top: 18px } .info_box { position: relative; width: 100%; background-color: #f5f5f5; font-size: 13px; line-height: 16px; min-height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 50px; padding-left: 60px } .info_box.alert { background-color: #ffeded } .info_box.alert .state, .info_box.alert .icon { color: #ec0000 } .info_box.alert .icon:before { content: "" } .info_box.alert a.link:before { background-color: #ffeded } .info_box .info { display: block } .info_box .info + .info { padding-top: 8px } .info_box .icon { display: block; width: 40px; height: 40px; position: absolute; top: 0px; left: 10px } .info_box .icon:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; display: block; width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px } .info_box .state { display: inline-block; vertical-align: middle; text-transform: uppercase; font-weight: bold; padding-right: 20px } .info_box .text { vertical-align: middle; position: relative; padding: 0px; font-size: inherit; line-height: 20px; height: 20px; font-weight: normal; color: #444547; overflow: hidden; max-width: 100% } .info_box a.link { vertical-align: middle; position: relative; padding: 0px; font-size: inherit; line-height: 20px; font-weight: normal; color: #444547; margin-right: 0px; overflow: hidden; max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 30px } .info_box a.link > span { position: relative; display: block; line-height: 20px; height: 20px } .info_box a.link.active > span { height: auto } .info_box a.link:after { z-index: 1; position: absolute; left: auto; top: 50%; margin-top: -10px; right: 10px; height: 20px; line-height: 20px; -o-transition: right 0.3s; -moz-transition: right 0.3s; -webkit-transition: right 0.3s; transition: right 0.3s } .info_box a.link:focus:after, .info_box a.link:hover:after { left: auto; right: 0px } .info_box a.close { display: block; width: 40px; height: 40px; position: absolute; text-decoration: none; top: 0px; right: 0px; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .info_box a.close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; -o-transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .info_box a.close:focus, .info_box a.close:hover { color: #ec0000 } .info_box a.close:focus:before, .info_box a.close:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .main_mobile_box { display: none; position: relative; margin-top: 18px } .main_mobile_box .mobile_box { position: relative; width: 100%; background-color: #f5f5f5; font-size: 13px; line-height: 16px; min-height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 18px } .main_mobile_box .mobile_box.dark { background-color: #e6e6e6 } .main_mobile_box .mobile_box.dark strong { font-weight: normal; font-family: 'latoblack'; color: #ec0000 } .main_mobile_box .mobile_box .info { display: block } .main_mobile_box .mobile_box .info + .info { padding-top: 8px } .main_mobile_box .mobile_box a.link { padding: 0px; font-size: inherit; line-height: inherit; font-weight: normal; color: #444547 } .under_1200 { display: none !important } .under_1100 { display: none !important } .under_960 { display: none !important } .under_768 { display: none !important } .under_700 { display: none !important } .activity_box { display: block; position: relative; padding-bottom: 18px } .activity_box.top { top: -36px } .activity_box > span { display: block; font-size: 12px; line-height: 14px; text-decoration: none; color: #333; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .activity_box > span > span { color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .activity_box > span + span { margin-top: 8px } .activity_box.under_700 { padding-top: 18px; padding-bottom: 0px } .valid_group + .error_msg { display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 18px } .info_text_box { position: relative; border: 1px solid #c3c3c3; padding: 18px; padding-left: 58px } .info_text_box--more_padding { padding: 32px 18px 32px 58px } .info_text_box .icon { display: block; width: 20px; height: 20px; font-size: 20px; line-height: 20px; color: #a7aaae; position: absolute; top: 50%; left: 18px; margin-top: -10px } .info_text_box .text { color: #333; font-size: 14px; line-height: 20px } .attachments_box:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .attachments_box .label { display: block; padding: 18px 0px; font-weight: bold; font-size: 14px } .attachments_box .attachments { display: block; font-size: 14px; color: #333; padding: 4px 0px; float: left; position: relative } .attachments_box .attachments > a { margin-right: 43px; padding-top: 8px; padding-bottom: 8px } .attachments_box .all_attachments { display: block; float: right; position: relative } .inline_block { display: inline-block } a.button { display: block; width: 100%; height: 48px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; padding: 0px 18px; padding-left: 50px; padding-right: 32px; position: relative; text-decoration: none; font-size: 1px; font-size: 0px; color: #444547; background-color: transparent; -o-transition: color 0.3s,background-color 0.3s,border 0.3s; -moz-transition: color 0.3s,background-color 0.3s,border 0.3s; -webkit-transition: color 0.3s,background-color 0.3s,border 0.3s; transition: color 0.3s,background-color 0.3s,border 0.3s } a.button:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } a.button > .icon { display: block; width: 24px; height: 24px; font-size: 24px; line-height: 24px; position: absolute; text-align: center; top: 50%; margin-top: -12px; left: 16px; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; transform: translateZ(0) } a.button:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; margin-top: -5px; right: 18px; color: #444547; pointer-events: none; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } a.button > .text { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 14px; line-height: 16px; max-width: 100% } a.button > .text.smaller { font-size: 12px } a.button > .text > span { font-size: 12px } a.button:focus, a.button:hover { background-color: #cdcdcd; color: #444547 } a.button:focus > .icon, a.button:hover > .icon { color: #444547 } a.button:focus:before, a.button:hover:before { color: #444547; -webkit-animation-name: fade-slide-r; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-r; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-r; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-r; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } a.button:active { background-color: #bebebe; color: #444547 } a.button:active > .icon { color: #444547 } a.button:active:before { color: #444547 } a.button[disabled="disabled"], a.button[disabled=""], a.button.disabled, a.button:disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: .4; cursor: default; pointer-events: none } a.button.cancel > .icon { font-size: 14px } a.button.red { border: 1px solid #ec0000; color: #ec0000 } a.button.red > .icon { color: #ec0000 } a.button.red:before { color: #ec0000 } a.button.red:focus, a.button.red:hover { background-color: #ec0000; color: #fff } a.button.red:focus > .icon, a.button.red:hover > .icon { color: #fff } a.button.red:focus:before, a.button.red:hover:before { color: #fff } a.button.red.active, a.button.red:active { border: 1px solid #e40000; background-color: #e40000; color: #fff } a.button.red.active > .icon, a.button.red:active > .icon { color: #fff } a.button.red.active:before, a.button.red:active:before { color: #fff } a.button.red.disabled { border: 1px solid #cdcdcd; color: #444547 } a.button.red.disabled:before { color: #444547 } a.button.red.disabled > .icon { color: #444547 } a.button.red_fill { border: 1px solid #ec0000; background-color: #ec0000; color: #fff } a.button.red_fill > .icon { color: #fff } a.button.red_fill:before { color: #fff } a.button.red_fill:focus, a.button.red_fill:hover { background-color: #333; border: 1px solid #333 } a.button.red_fill.active, a.button.red_fill:active { background-color: #595958; border: 1px solid #595958 } a.button.dark { border: 1px solid #444547; color: #444547 } a.button.dark > .icon { color: #444547 } a.button.dark:before { color: #444547 } a.button.dark:focus, a.button.dark:hover { background-color: #444547; color: #fff } a.button.dark:focus > .icon, a.button.dark:hover > .icon { color: #fff } a.button.dark:focus:before, a.button.dark:hover:before { color: #fff } a.button.dark:active { border: 1px solid #3d3e40; background-color: #3d3e40; color: #fff } a.button.dark:active > .icon { color: #fff } a.button.dark:active:before { color: #fff } a.button.red_icon > .icon { color: #ec0000 } a.button.red_border { border: 1px solid #ec0000 } a.button.wide { margin-top: 18px; text-align: center; padding: 0px; color: #333 } a.button.wide > .text { font-size: 15px; max-width: 80% } a.button.wide > .icon { position: relative; top: 0px; left: 0px; margin-top: 0px; margin-left: 0px; margin-right: 20px; display: inline-block; vertical-align: middle; width: 24px; height: 24px; max-width: 20%; color: #ec0000 } a.button.wide:focus, a.button.wide:hover { color: #fff } a.button.wide:focus > .icon, a.button.wide:hover > .icon { color: #fff } a.button.wide:focus:before, a.button.wide:hover:before { color: #fff } a.button.short { height: 36px } a.button.in-list { padding-right: 40px } a.button.in-list:before { right: 0 } a.button.in-list > .icon { font-size: 20px } a.button.more { display: inline-block; width: auto; padding: 0px 18px; padding-right: 50px } a.button.wide_more { padding: 0px 18px; padding-right: 50px } a.button.wide_more:before { color: #ec0000 } a.button.form_bt { padding: 0px 18px; padding-right: 50px; border: 1px solid #ec0000; background-color: #ec0000; color: #fff } a.button.form_bt:before { color: #fff } a.button.form_bt:focus, a.button.form_bt:hover { background-color: #333; border: 1px solid #333 } a.button.form_bt:active { background-color: #595958; border: 1px solid #595958 } a.button.form_bt.gray { background-color: #444547; border: 1px solid #444547 } a.button.form_bt.gray:focus, a.button.form_bt.gray:hover { background-color: #333; border: 1px solid #333 } a.button.form_bt.gray:active { background-color: #595958; border: 1px solid #595958 } a.button.text { padding: 0px 18px; text-align: center } a.button.text:before { display: none } a.button.toggler { padding-left: 18px } a.button.toggler > .arrow { display: block; width: 10px; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 18px; pointer-events: none; color: #444547; overflow: hidden } a.button.toggler > .arrow > .arrow_d, a.button.toggler > .arrow > .arrow_u { display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 0px; left: 0px; color: #444547; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } a.button.toggler > .arrow > .arrow_d { top: 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } a.button.toggler > .arrow > .arrow_u { top: -10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } a.button.toggler:focus > .arrow, a.button.toggler:hover > .arrow { -webkit-animation-name: fade-slide-d; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-d; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-d; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-d; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } a.button.toggler.active > .arrow > .arrow_d { top: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } a.button.toggler.active > .arrow > .arrow_u { top: 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } a.button.toggler.active:focus > .arrow, a.button.toggler.active:hover > .arrow { -webkit-animation-name: fade-slide-u; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-u; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-u; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-u; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } a.button.toggler:before { display: none } a.button.toggler:focus, a.button.toggler:hover { background-color: #cdcdcd; color: #444547 } a.button.toggler:focus:before, a.button.toggler:hover:before { color: #444547; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important } a.button.toggler.active { background-color: #bebebe; color: #444547 } a.button.toggler.active:before { color: #444547; -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg) } a.button.no_border { border: 1px solid transparent } a.button.no_icon { padding-left: 18px } a.button.invert { padding-left: 50px; padding-right: 18px } a.button.invert:before { content: ""; right: auto; left: 18px } a.button.invert:focus:before, a.button.invert:hover:before { -webkit-animation-name: fade-slide-l; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-l; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-l; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-l; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } a.button.turquoise { border: 1px solid #1bb3bc; color: #1bb3bc } a.button.turquoise > .icon { color: #1bb3bc } a.button.turquoise:before { color: #1bb3bc } a.button.turquoise:focus, a.button.turquoise:hover { background-color: #1bb3bc; color: #fff } a.button.turquoise:focus > .icon, a.button.turquoise:hover > .icon { color: #fff } a.button.turquoise:focus:before, a.button.turquoise:hover:before { color: #fff } a.button.turquoise.active, a.button.turquoise:active { border: 1px solid #1bb3bc; background-color: #1bb3bc; color: #fff } a.button.turquoise.active > .icon, a.button.turquoise:active > .icon { color: #fff } a.button.turquoise.active:before, a.button.turquoise:active:before { color: #fff } a.button.turquoise.disabled { border: 1px solid #cdcdcd; color: #444547 } a.button.turquoise.disabled:before { color: #444547 } a.button.turquoise.disabled > .icon { color: #444547 } a.button > .icon.icon-ico-cross { font-size: 18px } a.button > .icon.icon-ico-filter { font-size: 14px } a.button > .icon.icon-ico-arrow-d-full { font-size: 18px } a.button.minimized.cancel span + span { display: none } a.button.minimized.edit { display: none } a.button.minimized.hideMinimized { display: none } a.button--mini { height: 36px } a.button--showMore { height: 36px } a.link { display: inline-block; text-decoration: none; color: #ec0000; font-size: 14px; line-height: 24px; font-weight: bold; margin-right: 16px; position: relative } a.link:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; margin-left: -10px; left: 16px; position: relative; color: #ec0000; pointer-events: none; -o-transition: left,0.3s; -moz-transition: left,0.3s; -webkit-transition: left,0.3s; transition: left,0.3s } a.link:focus:after, a.link:hover:after { left: 26px } a.link--nonsticky:focus:after { left: 16px } a.link--nonsticky.active:after, a.link--nonsticky:hover:after { left: 26px } a.link.with_icon.gray, a.link.gray { color: #444547 } a.link.with_icon.gray:after, a.link.gray:after { color: #444547 } a.link.with_icon.gray > .icon, a.link.gray > .icon { color: #444547 } a.link.with_icon { padding-left: 32px; padding-right: 8px } a.link.with_icon > .icon { display: block; width: 20px; height: 20px; position: absolute; top: 50%; left: 0px; margin-top: -10px } a.link.with_icon > .icon:before { display: block; width: 20px; height: 20px; font-size: 20px; line-height: 20px; text-align: center } a.link.with_icon:after { margin-left: -10px; left: 24px; color: inherit } a.link.with_icon:focus:after, a.link.with_icon:hover:after { left: 34px } a.download { position: relative; display: inline-block; text-decoration: none; color: #444547; font-size: 14px; line-height: 24px; font-weight: bold; padding-left: 32px; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } a.download:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 20px; height: 20px; font-size: 20px; line-height: 20px; text-align: center; position: absolute; top: 50%; left: 0px; margin-top: -10px } a.download:focus, a.download:hover { color: #ec0000 } a.download.mail:before { content: "" } a.download.pdf:before { content: "" } .checkbox { display: block; position: relative; overflow: hidden } .checkbox input[type="checkbox"] { display: block; width: 1px; height: 0px; position: absolute; top: 0px; left: 0px; color: transparent; z-index: -1; margin-left: -20px } .checkbox input[type="checkbox"] + label { display: block; position: relative; margin-left: 18px; text-align: left } .checkbox input[type="checkbox"] + label > .label { z-index: 0; display: block; min-height: 36px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; color: #333; background-color: #fff; padding: 9px 10px; padding-left: 28px; font-size: 13px; line-height: 16px; font-weight: bold; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .checkbox input[type="checkbox"] + label > .chbox { z-index: 1; display: block; width: 36px; height: 36px; position: absolute; left: -18px; top: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; background-color: #fff; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; cursor: pointer } .checkbox input[type="checkbox"] + label > .chbox:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 14px; height: 14px; font-size: 14px; line-height: 14px; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; color: #ec0000 } .checkbox input[type="checkbox"].error + label > .label, .checkbox input[type="checkbox"].error + label > .chbox { background-color: #ffeded } .checkbox input[type="checkbox"]:focus + label > .label, .checkbox input[type="checkbox"]:hover + label > .label, .checkbox input[type="checkbox"]:focus + label > .chbox, .checkbox input[type="checkbox"]:hover + label > .chbox { border: 1px solid #ed1a3b } .checkbox label.checked > .chbox:before, .checkbox input[type="checkbox"].checked + label > .chbox:before, .checkbox input[type="checkbox"]:checked + label > .chbox:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .radiobutton { display: block; position: relative; overflow: hidden } .radiobutton input[type="radio"] { display: block; width: 1px; height: 0px; position: absolute; top: 0px; left: 0px; color: transparent; z-index: -1; margin-left: -20px } .radiobutton input[type="radio"] + label { display: block; position: relative; margin-left: 18px; text-align: left; cursor: pointer } .radiobutton input[type="radio"] + label > .label { z-index: 0; display: block; min-height: 36px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; color: #333; background-color: #fff; padding: 9px 10px; padding-left: 28px; font-size: 13px; line-height: 16px; font-weight: bold; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .radiobutton input[type="radio"] + label > .chbox { z-index: 1; display: block; width: 36px; height: 36px; position: absolute; left: -18px; top: calc(50% - 18px); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; background-color: #fff; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; cursor: pointer } .radiobutton input[type="radio"] + label > .chbox:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 14px; height: 14px; font-size: 14px; line-height: 14px; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; color: #ec0000 } .radiobutton input[type="radio"].error + label > .label, .radiobutton input[type="radio"].error + label > .chbox { background-color: #ffeded } .radiobutton input[type="radio"]:focus + label > .label, .radiobutton input[type="radio"]:hover + label > .label, .radiobutton input[type="radio"]:focus + label > .chbox, .radiobutton input[type="radio"]:hover + label > .chbox { border: 1px solid #ed1a3b } .radiobutton label.checked > .chbox:before, .radiobutton input[type="radio"].checked + label > .chbox:before, .radiobutton input[type="radio"]:checked + label > .chbox:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .select_box { display: block; width: 100%; position: relative } .select_box select { z-index: 0; display: block; width: 100%; height: 48px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 18px; padding-right: 50px; border: 1px solid #c3c3c3; background-color: #fff; font-size: 14px; line-height: 24px; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; cursor: pointer } .select_box select:focus, .select_box select:hover { border: 1px solid #ec0000 } .select_box span:not(.edit_field_fld) { z-index: 1; display: block; width: 40px; color: #ec0000; pointer-events: none; position: absolute; top: 1px; bottom: 1px; right: 1px; background-color: #fff } .select_box span:not(.edit_field_fld):before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; right: 18px; margin-top: -5px } .select_box.error select { background-color: #ffeded } .select_box.error span { background-color: #ffeded } .card_date { display: block; width: 100%; position: relative } .card_date:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .card_date .month, .card_date .year { display: block; width: 50%; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .card_date .month label.hidden, .card_date .year label.hidden { display: block; width: 1px; height: 0px; position: absolute; z-index: -1; font-size: 1px; font-size: 0px; color: transparent } .card_date .month { padding-right: 9px } .card_date .year { padding-left: 9px } .card_date .error_msg { display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 18px } .date input[type="number"][readonly="readonly"].jsCalendar, .date input[type="date"][readonly="readonly"].jsCalendar, .date input[type="text"][readonly="readonly"].jsCalendar { cursor: pointer } .stdCheckbox { position: relative } .stdCheckbox:after { min-height: 22px } .stdCheckbox > input { display: block; width: 1px; height: 0; position: absolute; top: 4px; left: 4px; border: none; margin: 0; color: transparent; z-index: -1 } .stdCheckbox > input + label { display: block; position: relative; text-align: left } .stdCheckbox > input + label > .chbox { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 22px; height: 22px; box-sizing: border-box; border: 1px solid #cdcdcd; background-color: #fff; border-radius: 5px; transition: border-color 0.3s; cursor: pointer } .stdCheckbox > input + label > .chbox:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; font-size: 10px; line-height: 10px; text-align: center; display: block; width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; color: transparent; transition: color 0.2s } .stdCheckbox > input + label > .label { display: block; position: relative; z-index: 0; box-sizing: border-box; padding-left: 32px; color: #333; font-size: 1px; font-size: 0 } .stdCheckbox > input + label > .label:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 22px } .stdCheckbox > input + label > .label > span { display: inline-block; vertical-align: middle; max-width: 100%; font-size: 13px; line-height: 14px } .stdCheckbox > input + label > .label strong { font-weight: bold } .stdCheckbox > input + label > .label a { display: inline-block; position: relative; text-decoration: none; color: #ec0000 } .stdCheckbox > input + label > .label a:after, .stdCheckbox > input + label > .label a:before { content: ''; position: absolute; top: 100%; display: block; height: 1px } .stdCheckbox > input + label > .label a:before { z-index: 0; left: 0; width: 100%; background-color: #ec0000 } .stdCheckbox > input + label > .label a:after { z-index: 1; right: 0; width: 0%; background-color: #444547; transition: width 0.4s } .stdCheckbox > input + label > .label a:focus:after, .stdCheckbox > input + label > .label a:hover:after { right: auto; left: 0; width: 100% } .stdCheckbox > input + label > .label a.more { font-size: 10px; text-transform: uppercase; visibility: visible; transition: color 0.3s, visibility 0.3s } .stdCheckbox > input + label > .label a.more.show.active { color: transparent; visibility: hidden } .stdCheckbox > input + label > .label a.more:after, .stdCheckbox > input + label > .label a.more:before { display: none } .stdCheckbox > input + label > .label a.more:focus, .stdCheckbox > input + label > .label a.more:hover { color: #444547 } .stdCheckbox > input + label > .label .more_box { display: block; overflow: hidden } .stdCheckbox > input + label > .label .more_box > span { display: none; font-size: 12px; line-height: 18px } .stdCheckbox > input + label > .label .more_box.active > span { display: block } .stdCheckbox > input:focus + label > .chbox { border-color: #444547 } .stdCheckbox label.checked > .chbox:before, .stdCheckbox > input.checked + label > .chbox:before, .stdCheckbox > input:checked + label > .chbox:before { color: #ec0000 } .stdCheckbox > input.error + label > .chbox { border: 2px solid #ec0000 } .form_iframe { width: 100%; height: calc(100vh - 366px) } @media screen and (max-width: 767px) { .form_iframe { height: calc(80vh) } } .cookies_box { display: block; width: 100%; position: fixed; bottom: 0px; left: 0px; border-top: 1px solid #c3c3c3; background-color: #fff; z-index: 1000 } .cookies_box .cookies_content { display: block; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 18px; padding-right: 40px } .cookies_box .cookies_content a.close { display: block; width: 40px; height: 40px; position: absolute; text-decoration: none; top: 50%; right: 0px; margin-top: -20px; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .cookies_box .cookies_content a.close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; -o-transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .cookies_box .cookies_content a.close:focus, .cookies_box .cookies_content a.close:hover { color: #ec0000 } .cookies_box .cookies_content a.close:focus:before, .cookies_box .cookies_content a.close:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .cookies_box .cookies_content a.link { font-size: 12px } .cookies_box .cookies_content > .vc { display: block; font-size: 1px; font-size: 0px } .cookies_box .cookies_content > .vc:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 40px } .cookies_box .cookies_content > .vc > div { display: inline-block; vertical-align: middle } .cookies_box .cookies_content > .vc > div > .text { font-size: 12px; line-height: 18px } .overlay { display: none; z-index: 100; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(89,89,89,0.8) } .overlay.active { display: block } .overlay.for_header { z-index: 10 } .overlay.for_tablet { display: none; z-index: 6 } .overlay.for_tablet.active { display: none } .overlay.for_mobile { display: none; z-index: 12 } .overlay.for_mobile.active { display: none } .overlay.for_preloader { z-index: 600 } .preloader { display: block; width: 128px; height: 128px; position: absolute; top: 50%; left: 50%; margin-top: -64px; margin-left: -64px; background-color: #fff; background-repeat: no-repeat; background-position: center; background-image: url(../img/preloader.gif) } .popup { display: none; z-index: 100; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px } .popup.touch { position: absolute } .popup.active { display: block } .popup .popup_center { display: block; width: 100%; height: 100%; font-size: 1px; font-size: 0px; text-align: center } .popup .popup_center > div { display: inline-block; vertical-align: middle; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 9px; max-height: 100% } .popup .popup_center:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .popup.wide .popup_box { max-width: 790px } .popup .popup_box { font-size: 14px; text-align: left; display: block; margin: 0px auto; width: 100%; max-width: 640px; position: relative; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.8); box-shadow: 0px 0px 3px rgba(0,0,0,0.8) } .popup .popup_head { position: relative; padding: 14px 18px; padding-right: 72px; background-color: #f5f5f5; border: 1px solid #c3c3c3 } .popup .popup_head:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup .popup_head h2 { font-size: 16px; line-height: 24px; font-weight: bold; position: relative; display: block; float: left } .popup .popup_head .step_counter { font-size: 14px; line-height: 24px; color: #444547; white-space: nowrap; position: relative; display: none; float: right } .popup .popup_head .step_counter.active { display: block } .popup .popup_body { position: relative; background-color: #fff } .popup .popup_body .spacer { padding: 18px } .popup .popup_body .scroll_box { position: relative; overflow: hidden; font-size: 1px; font-size: 0px; margin: 0px } .popup .popup_body .content { font-size: 14px; margin: 0px } .popup .popup_head a.close { z-index: 1; display: block; width: 54px; height: 100%; position: absolute; top: 0px; right: 0px; text-decoration: none; color: #333; border-left: 1px solid #c3c3c3; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .popup .popup_head a.close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; -o-transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .popup .popup_head a.close:focus, .popup .popup_head a.close:hover { color: #ec0000 } .popup .popup_head a.close:focus:before, .popup .popup_head a.close:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .popup .popup_description { font-size: 0; margin-top: 60px } .popup .popup_wrapper { margin: 0 auto } .popup .popup_wrapper .bt_cols { max-width: 380px; margin: 35px auto 0 } .popup .popup_wrapper .text_box--space { margin-top: 30px } .popup .popup_wrapper .form_row { margin-bottom: 18px } .popup .popup_rangeContainer { display: none } .popup .popup_rangeContainer.show { display: block } .popup .popup_cols::after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup .popup_cols .popup_col { width: 50%; float: left } .popup .popup_cols .popup_col--small { width: 33.33% } .popup .popup_cols .popup_col .popup_valueBox--small { display: inline-block; vertical-align: middle; width: 50% } .popup .popup_cols .popup_col .popup_valueBox + .popup_valueBox:not(.popup_valueBox--small) { margin-top: 35px } .popup .popup_cols .popup_col .popup_valueBox.hide { display: none } .popup .popup_cols .popup_col .popup_label { display: block; font-size: 13px } .popup .popup_cols .popup_col .popup_label--small { font-size: 10px; margin-top: -7px } .popup .popup_cols .popup_col .popup_value { font-size: 24px; font-family: 'latoblack'; color: #333333; margin-top: 8px; display: block } .popup .popup_inputWrap { margin-top: 20px; display: inline-block; vertical-align: top; height: 100% } .popup .popup_inputWrap input[type="number"], .popup .popup_inputWrap input[type="text"] { display: block; box-sizing: border-box; padding: 9px 19px; border: 1px solid #cecece; min-width: 215px; font-size: 14px } .popup .popup_inputWrap .error_msg { position: relative; display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 9px; white-space: normal } .popup .popup_inputWrap ~ .text_box--custom { display: inline-block; vertical-align: top; margin: 20px 0 0 30px } .popup .popup_inputWrap ~ .text_box--custom p span.bold { font-weight: bold } .popup .popup_inputWrap ~ .text_box--custom .popup_label { display: block; font-size: 13px } .popup .popup_inputWrap ~ .text_box--custom .popup_label--small { font-size: 10px; margin-top: -7px } .popup .popup_inputWrap ~ .text_box--custom .popup_value { font-size: 24px; font-family: 'latoblack'; color: #333333; margin-top: 8px; display: block } .popup .popup_radiobuttonContainer { max-width: 320px; margin: 0 auto; padding: 35px 0 } .popup .popup_radiobuttonContainer::after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup .popup_radiobuttonContainer .radiobutton { width: 50%; float: left } .popup .popup_radiobuttonContainer .radiobutton input[type="radio"] + label .label { font-size: 15px } .popup .popup_radiobuttonContainer .radiobutton--reversed .chbox { left: calc(100% - 18px) } .popup .popup_radiobuttonContainer .radiobutton--reversed input[type="radio"] + label { margin-left: 0; margin-right: 18px } .popup .popup_radiobuttonContainer .radiobutton--reversed input[type="radio"] + label .label { font-size: 15px; padding-left: 10px; padding-right: 28px } .popup .popup_radiobuttonContainer .radiobutton:nth-of-type(2) { float: right } .popup .steps { display: block; position: relative; width: 100%; overflow: hidden } .popup .steps .step { z-index: 0; display: none; width: 100%; position: absolute; top: 0px; left: 0px } .popup .steps .step.active { display: block; z-index: 2; position: relative } .popup .steps .step.prev { display: block; z-index: 1; position: absolute } .popup .text_box { font-size: 14px; line-height: 24px; color: #444547 } .popup .text_box + .form_box { padding-top: 18px } .popup .text_box p { display: block; padding-bottom: 2px } .popup .text_box ul { display: block; list-style: none } .popup .text_box ul > li { display: block; position: relative; padding-left: 20px } .popup .text_box ul > li:before { content: ''; display: block; height: 4px; width: 4px; position: absolute; top: 8px; left: 4px; background-color: #333; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .popup .text_box ul > li + li { margin-top: 2px } .popup .text_box ol { display: block; list-style: none; counter-reset: li } .popup .text_box ol > li { display: block; position: relative; padding-left: 20px } .popup .text_box ol > li:before { content: counter(li) "."; counter-increment: li; display: block; width: 20px; position: absolute; top: 0px; left: 0px; text-align: left } .popup .text_box ol > li + li { margin-top: 2px } .popup .form_box { max-width: 380px; margin: 0px auto } .popup .form_box.mid { max-width: 550px } .popup .form_box.wide { max-width: none } .popup .form_box + .form_box { padding-top: 18px } .popup .bt_cols { display: block; position: relative } .popup .bt_cols:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup .bt_cols > .col { display: block; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .popup .bt_cols > .col.c_1 { width: 40% } .popup .bt_cols > .col.c_2 { width: 60%; padding-left: 18px } .popup .bt_cols.yes_no { max-width: 275px; margin: 0 auto; clear: both; } .popup .bt_cols.yes_no > .col.c_1, .popup .bt_cols.yes_no > .col.c_2 { width: 50% } .popup .bt_cols.yes_no > .col.c_1 { padding-right: 9px } .popup .bt_cols.yes_no > .col.c_2 { padding-left: 9px } .popup .bt_cols.cols_3 > .col.c_0, .popup .bt_cols.cols_3 > .col.c_1 { width: 30%; padding-right: 18px } .popup .bt_cols.cols_3 > .col.c_2 { width: 40%; padding-left: 0px } .popup .full_bts { display: block; position: relative; overflow: hidden } .popup .full_bts:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup .full_bts > a { display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px; padding-bottom: 125px; margin-bottom: -100px; text-decoration: none; color: inherit; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; text-align: center } .popup .full_bts > a:focus, .popup .full_bts > a:hover { color: #ec0000 } .popup .full_bts > a + a { border-left: 1px solid #c3c3c3 } .popup .full_bts.bts_3_1 a { width: 33%; width: 33.3333% } .popup .full_bts.bts_2_1 a { width: 50% } .popup .full_radio { display: block; position: relative; border-bottom: 1px solid #c3c3c3; overflow: hidden } .popup .full_radio:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup .full_radio > .radio_box { width: 50%; float: left; position: relative; padding-bottom: 100px; margin-bottom: -100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .popup .full_radio > .radio_box + .radio_box { border-left: 1px solid #c3c3c3 } .popup .full_radio .radiobutton_pass { display: block; position: relative } .popup .full_radio .radiobutton_pass input[type="radio"] { display: block; width: 1px; height: 0px; position: absolute; top: 0px; left: 0px; color: transparent; z-index: -1; margin-left: -20px } .popup .full_radio .radiobutton_pass input[type="radio"] + label { display: block; position: relative } .popup .full_radio .radiobutton_pass input[type="radio"] + label > .label { z-index: 0; display: block; width: 100%; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; background-color: #fff; padding: 20px 25px; padding-top: 30px; padding-left: 100px; font-size: 14px; line-height: 22px } .popup .full_radio .radiobutton_pass input[type="radio"] + label > .label strong { font-size: 15px } .popup .full_radio .radiobutton_pass input[type="radio"] + label > .label img { display: block; width: 100%; height: auto; max-width: 266px; margin-top: 9px } .popup .full_radio .radiobutton_pass input[type="radio"] + label > .label:after { content: ''; display: block; width: 100%; height: 100px; background-color: #fff; position: absolute; top: 100%; left: 0 } .popup .full_radio .radiobutton_pass input[type="radio"] + label > .chbox { z-index: 1; display: block; width: 48px; height: 48px; position: absolute; left: 25px; top: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; background-color: #fff; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; cursor: pointer } .popup .full_radio .radiobutton_pass input[type="radio"] + label > .chbox:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 16px; height: 16px; font-size: 16px; line-height: 16px; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; color: #ec0000 } .popup .full_radio .radiobutton_pass input[type="radio"].error + label > .label:after, .popup .full_radio .radiobutton_pass input[type="radio"].error + label > .label, .popup .full_radio .radiobutton_pass input[type="radio"].error + label > .chbox { background-color: #ffeded } .popup .full_radio .radiobutton_pass input[type="radio"]:focus + label > .chbox, .popup .full_radio .radiobutton_pass input[type="radio"]:hover + label > .chbox { border: 1px solid #ed1a3b } .popup .full_radio .radiobutton_pass label.checked > .chbox:before, .popup .full_radio .radiobutton_pass input[type="radio"].checked + label > .chbox:before, .popup .full_radio .radiobutton_pass input[type="radio"]:checked + label > .chbox:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .popup .full_radio + .error_msg { padding-left: 18px; padding-right: 18px } .popup .cols { display: block; position: relative; margin-top: -18px; margin-left: -18px } .popup .cols:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup .cols > .col { display: block; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; padding-top: 18px; padding-left: 18px } .popup .rows { display: block; position: relative; padding: 18px 0px } .popup .row { display: block; position: relative; font-size: 14px; line-height: 18px } .popup .row:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup .row > .l { display: block; position: relative; float: left; color: #444547; padding: 15px 0px } .popup .row > .v { display: block; position: relative; float: right; color: #333; font-weight: bold; font-size: 15px; padding: 15px 0px } .popup .row.form_row > .l { width: 40% } .popup .row.form_row > .v { padding: 0px; width: 60%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px } .popup .row.form_row > .v > .error_msg { position: relative; display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 9px; white-space: normal } .popup .row.form_row + .bt_cols, .popup .row.form_row + .form_row { padding-top: 18px } .popup .row .select_box { display: block; position: relative; min-width: 180px } .popup .row .select_box select { z-index: 0; display: block; width: 100%; height: 48px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 18px; padding-right: 50px; border: 1px solid #cdcdcd; background-color: #fff; font-family: 'lato'; font-weight: bold; color: #333; font-size: 15px; line-height: 18px; cursor: pointer; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .popup .row .select_box select option { text-transform: none; padding: 4px 18px; font-size: 14px } .popup .row .select_box select:focus, .popup .row .select_box select:hover { border: 1px solid #ec0000 } .popup .row .select_box span { z-index: 1; display: block; width: 40px; color: #ec0000; pointer-events: none; position: absolute; top: 1px; bottom: 1px; right: 1px; background-color: #fff } .popup .row .select_box span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; right: 18px; margin-top: -5px } .popup .row .select_box.error select { background-color: #ffeded } .popup .row .select_box.error span { background-color: #ffeded } .popup .row input[type="tel"], .popup .row input[type="date"], .popup .row input[type="text"], .popup .row input[type="number"], .popup .row input[type="password"] { display: block; width: 100%; height: 48px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 18px; border: 1px solid #cdcdcd; background-color: #fff; font-size: 16px; line-height: 24px; font-weight: bold; color: #333; -o-transition: border 0.3s,background-color 0.3s; -moz-transition: border 0.3s,background-color 0.3s; -webkit-transition: border 0.3s,background-color 0.3s; transition: border 0.3s,background-color 0.3s } .popup .row input[type="tel"]:focus, .popup .row input[type="tel"]:hover, .popup .row input[type="date"]:focus, .popup .row input[type="date"]:hover, .popup .row input[type="text"]:focus, .popup .row input[type="text"]:hover, .popup .row input[type="number"]:focus, .popup .row input[type="number"]:hover, .popup .row input[type="password"]:focus, .popup .row input[type="password"]:hover { border: 1px solid #ec0000 } .popup .row input[type="tel"].error, .popup .row input[type="date"].error, .popup .row input[type="text"].error, .popup .row input[type="number"].error, .popup .row input[type="password"].error { background-color: #ffeded } .popup .message .text { display: block; font-size: 14px; line-height: 20px; word-wrap: break-word } .popup_pass_remind { font-size: 14px; line-height: 20px; text-align: center; overflow: hidden; } .popup_pass_remind > .body_box { padding: 25px; } .popup_pass_remind:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup_pass_remind > div { display: block; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .popup_pass_remind > div + div { border-left: 1px solid #c3c3c3 } .popup_pass_remind > a { display: block; float: left; width: 33%; width: 33.3333%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px; padding-bottom: 125px; margin-bottom: -100px; border-left: 1px solid #c3c3c3; text-decoration: none; color: inherit; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .popup_pass_remind > a:focus, .popup_pass_remind > a:hover { color: #ec0000 } .popup_login_info { font-size: 14px; line-height: 20px; overflow: hidden } .popup_login_info:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup_login_info > div { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px } .popup_safety_rules { font-size: 14px; line-height: 20px; overflow: hidden } .popup_safety_rules:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup_safety_rules > div { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px } .popup_unmask_field, .popup_add_notify, .popup_remove_notify, .popup_change_data, .popup_change_notify, .popup_change_limits, .popup_change_pin, .popup_change_pass, .popup_lock_access, .popup_delete_beneficiary, .popup_activate_card, .popup_restrict_card, .popup_change_3dsecure_password, .popup_arrear_info, .popup_order_new_card { font-size: 14px; line-height: 20px; overflow: hidden } .popup_unmask_field .card_head, .popup_add_notify .card_head, .popup_remove_notify .card_head, .popup_change_data .card_head, .popup_change_notify .card_head, .popup_change_limits .card_head, .popup_change_pin .card_head, .popup_change_pass .card_head, .popup_lock_access .card_head, .popup_delete_beneficiary .card_head, .popup_activate_card .card_head, .popup_restrict_card .card_head, .popup_change_3dsecure_password .card_head, .card_head, .popup_arrear_info .card_head, .popup_order_new_card .card_head { display: block } .popup_unmask_field .card_head h3, .popup_add_notify .card_head h3, .popup_remove_notify .card_head h3, .popup_change_data .card_head h3, .popup_change_notify .card_head h3, .popup_change_limits .card_head h3, .popup_change_pin .card_head h3, .popup_change_pass .card_head h3, .popup_lock_access .card_head h3, .popup_delete_beneficiary .card_head h3, .popup_activate_card .card_head h3, .popup_restrict_card .card_head h3, .popup_change_3dsecure_password .card_head h3, .card_head h3, .popup_arrear_info .card_head h3, .popup_order_new_card .card_head h3 { font-family: 'latoblack'; font-size: 17px; line-height: 24px; color: #333; text-transform: uppercase; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .popup_unmask_field .card_head span, .popup_add_notify .card_head span, .popup_remove_notify .card_head span, .popup_change_data .card_head span, .popup_change_notify .card_head span, .popup_change_limits .card_head span, .popup_change_pin .card_head span, .popup_change_pass .card_head span, .popup_lock_access .card_head span, .popup_delete_beneficiary .card_head span, .popup_activate_card .card_head span, .popup_restrict_card .card_head span, .popup_change_3dsecure_password .card_head span, .card_head span, .popup_arrear_info .card_head span, .popup_order_new_card .card_head span { font-size: 13px; line-height: 16px; display: inline-block; padding: 4px 0px; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .popup_verify_image .col > h3 { display: block; font-size: 14px; line-height: 24px; color: #444547; padding-bottom: 18px } .popup_verify_image .img_grid { display: block; position: relative; margin-left: -5px; margin-top: -5px } .popup_verify_image .img_grid:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup_verify_image .img_grid > .img_item { display: block; width: 25%; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; padding-top: 5px } .popup_verify_image .img_grid + .error_msg { display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 18px } .popup_verify_image .login_preview { display: block; position: relative } .popup_verify_image .login_preview > .bg { z-index: 0; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px } .popup_verify_image .login_preview > .bg > span { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } .popup_verify_image .login_preview > .form_preview { z-index: 1; display: block; width: 100%; height: auto; position: relative; top: 0px; left: 0px; border: 1px solid #c3c3c3 } .popup_verify_image .login_preview > .form_preview > img { display: block; width: 100%; height: auto; position: relative; top: 0px; left: 0px } .popup_wait .body_box, .popup_sms_pack .body_box, .popup_success .body_box, .popup_alert .body_box, .popup_sms_success .body_box, .popup_sms_alert .body_box { position: relative } .popup_wait .body_box:after, .popup_sms_pack .body_box:after, .popup_success .body_box:after, .popup_alert .body_box:after, .popup_sms_success .body_box:after, .popup_sms_alert .body_box:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup_wait .message, .popup_sms_pack .message, .popup_success .message, .popup_alert .message, .popup_sms_success .message, .popup_sms_alert .message { display: block; position: relative; white-space: nowrap; float: left; font-size: 1px; font-size: 0px } .popup_wait .message:after, .popup_sms_pack .message:after, .popup_success .message:after, .popup_alert .message:after, .popup_sms_success .message:after, .popup_sms_alert .message:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 48px } .popup_wait .message:before, .popup_sms_pack .message:before, .popup_success .message:before, .popup_alert .message:before, .popup_sms_success .message:before, .popup_sms_alert .message:before { z-index: 1; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; display: block; width: 48px; height: 48px; font-size: 48px; line-height: 48px; text-align: center; color: #444547; position: absolute; top: 50%; left: 32px; margin-top: -24px } .popup_wait .message .text, .popup_sms_pack .message .text, .popup_success .message .text, .popup_alert .message .text, .popup_sms_success .message .text, .popup_sms_alert .message .text { white-space: normal; display: inline-block; vertical-align: middle; max-width: 100%; padding-left: 120px; font-size: 14px; line-height: 20px; color: #444547; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word } .popup_wait .bts, .popup_sms_pack .bts, .popup_success .bts, .popup_alert .bts, .popup_sms_success .bts, .popup_sms_alert .bts { display: block; position: relative; float: right } .popup_wait .message:before { content: ''; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-image: url(../img/preloader.gif) } .popup_success .message:before, .popup_sms_success .message:before { content: ""; color: #1fc86e } .popup_alert .message:before, .popup_sms_alert .message:before { content: ""; color: #ec0000 } .popup_session .body_box { text-align: center } .popup_session .text_box { padding-top: 18px } .popup_session .text_box .text { display: block; font-size: 14px; line-height: 20px; color: #444547 } .popup_session .text_box .counter { display: block; font-size: 16px; line-height: 24px; font-family: 'latoblack'; position: relative; padding: 9px 0px } .popup_session .button { text-align: left } .popup_guide .text_box { padding: 18px } .popup_guide .text_box .text { text-align: center; display: block; font-family: 'latoblack'; font-size: 16px; line-height: 26px; color: #444547 } .popup_guide .guide_box { padding: 18px; display: block; position: relative } .popup_guide .guide_box .guide_container { display: block; position: relative; margin: 0px auto } .popup_guide .guide_box .guide_container > img { display: block; width: 100%; height: auto } .popup_guide .bt_box { padding: 18px } .popup_guide .bt_box > .button { max-width: 200px; margin: 0px auto } .popup_change_limits .limit_box { padding: 18px } .popup_change_limits .limit_box .limits { display: block; margin: 0px auto } .popup_change_limits .limit_box .limits .limit { display: block } .popup_change_limits .limit_box .limits .limit + .limit { margin-top: 9px } .popup_change_limits .limit_box .limits .limit h4 { font-size: 14px; font-weight: bold } .popup_change_limits .limit_box .limits .limit p { font-size: 14px; padding-left: 36px } .popup_change_limits .limit_box .limits .limit p .old { color: #444547 } .popup_change_limits .limit_box .limits .limit p .new { font-weight: bold } .popup_change_data .data_box { padding: 18px } .popup_change_data .data_box h3 { display: block; margin: 0px auto; font-size: 16px; font-weight: bold; padding-bottom: 9px } .popup_change_data .data_box .data_items { display: block; margin: 0px auto } .popup_change_data .data_box .data_items .data_item { display: block; word-wrap: break-word } .popup_change_data .data_box .data_items .data_item + .data_item { margin-top: 9px } .popup_change_data .data_box .data_items .data_item h4 { font-size: 14px; font-weight: bold } .popup_change_data .data_box .data_items .data_item p { font-size: 14px; padding-left: 36px } .popup_change_data .data_box .data_items .data_item p .old { color: #444547 } .popup_change_data .data_box .data_items .data_item p .new { font-weight: bold } .popup_add_notify .nofity_box, .popup_remove_notify .nofity_box, .popup_change_notify .nofity_box { padding: 18px } .popup_add_notify .nofity_box .notifys, .popup_remove_notify .nofity_box .notifys, .popup_change_notify .nofity_box .notifys { display: block; margin: 0px auto } .popup_add_notify .nofity_box .notifys .notify, .popup_remove_notify .nofity_box .notifys .notify, .popup_change_notify .nofity_box .notifys .notify { display: block } .popup_add_notify .nofity_box .notifys .notify + .notify, .popup_remove_notify .nofity_box .notifys .notify + .notify, .popup_change_notify .nofity_box .notifys .notify + .notify { margin-top: 9px } .popup_add_notify .nofity_box .notifys .notify h4, .popup_remove_notify .nofity_box .notifys .notify h4, .popup_change_notify .nofity_box .notifys .notify h4 { font-size: 14px; font-weight: bold } .popup_add_notify .nofity_box .notifys .notify p, .popup_remove_notify .nofity_box .notifys .notify p, .popup_change_notify .nofity_box .notifys .notify p { font-size: 14px; padding-left: 36px } .popup_add_notify .nofity_box .notifys .notify p .old, .popup_remove_notify .nofity_box .notifys .notify p .old, .popup_change_notify .nofity_box .notifys .notify p .old { color: #444547 } .popup_add_notify .nofity_box .notifys .notify p .new, .popup_remove_notify .nofity_box .notifys .notify p .new, .popup_change_notify .nofity_box .notifys .notify p .new { font-weight: bold } .popup_change_pass .new_pass_req .form_row { min-height: 0px } .popup_change_pass .new_pass_req .error_msg { display: none; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold } .popup_change_pass .new_pass_req .error_msg strong { font-family: 'latoblack'; font-weight: normal } .popup_change_pass .new_pass_req .error_msg ul { display: block } .popup_change_pass .new_pass_req .error_msg ul > li { padding-left: 26px; position: relative; margin-top: 9px } .popup_change_pass .new_pass_req .error_msg ul > li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px; text-align: center; color: #ec0000; background-color: transparent; position: absolute; top: 50%; left: 0px; margin-top: -6px } .popup_change_pass .new_pass_req.error .error_msg { display: block; padding-top: 18px } .popup_regulations .body_box { position: relative; padding: 18px 35px; padding-top: 35px } .popup_regulations .body_box + .foot_box { border-top: 1px solid #c3c3c3 } .popup_regulations .foot_box { position: relative; padding: 18px 35px } .popup_regulations .foot_box > .bts:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup_regulations .foot_box > .bts > .bt_l, .popup_regulations .foot_box > .bts > .bt_r { min-width: 150px } .popup_regulations .foot_box > .bts > .bt_l { float: left } .popup_regulations .foot_box > .bts > .bt_r { float: right } .popup_regulations .text_box { font-size: 14px; line-height: 24px } .popup_regulations .text_box + .attachments_box { padding-top: 9px } .popup_offer .body_box { position: relative; padding: 35px } .popup_offer .body_box + .foot_box { border-top: 1px solid #c3c3c3 } .popup_offer .text_box { font-size: 14px; line-height: 24px; color: #444547 } .popup_offer .text_box strong { font-size: 15px; color: #333 } .popup_offer .text_box ul.circle_tick > li { padding-left: 26px; position: relative; font-size: 14px; line-height: 20px; color: #444547 } .popup_offer .text_box ul.circle_tick > li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px; text-align: center; color: #ec0000; background-color: transparent; position: absolute; top: 50%; left: 0px; margin-top: -6px } .popup_offer .text_box ul.circle_tick > li + li { margin-top: 9px } .popup_offer .text_box img { display: block; width: 100%; height: auto } .popup_offer .text_box ul + ul, .popup_offer .text_box ul + ol, .popup_offer .text_box ul + p, .popup_offer .text_box ol + ul, .popup_offer .text_box ol + ol, .popup_offer .text_box ol + p, .popup_offer .text_box p + ul, .popup_offer .text_box p + ol, .popup_offer .text_box p + p { margin-top: 9px } .popup_offer .text_box + .attachments_box { padding-top: 9px } .popup_offer .bts { font-size: 1px; font-size: 0px; text-align: center; padding-top: 35px } .popup_offer .bts > .bt { text-align: left; min-width: 180px; display: inline-block; margin: 0px 18px } .popup_offer .vc_cols > .col.c_l { padding-right: 18px } .popup_offer .vc_cols > .col img { max-width: 400px; margin: 0px auto } .product_box { display: block; position: relative; border: 1px solid #c3c3c3; background-color: #f5f5f5; outline: 0px solid transparent; -o-transition: outline 0.3s; -moz-transition: outline 0.3s; -webkit-transition: outline 0.3s; transition: outline 0.3s } .product_box.restricted { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: .6 } .product_box + .product_box { margin-top: 18px } .product_box > .body .stats.mini a.title h3 { -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .product_box > .body .stats.mini a.title h3:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; margin-left: -10px; position: relative; color: #ec0000; pointer-events: none; left: 18px; -o-transition: left,0.3s; -moz-transition: left,0.3s; -webkit-transition: left,0.3s; transition: left,0.3s; margin-bottom: 4px; vertical-align: bottom } .product_box > .body .stats.mini a.title:focus h3, .product_box > .body .stats.mini a.title:hover h3 { color: #ec0000 } .product_box > .body .stats.mini a.title:focus h3:after, .product_box > .body .stats.mini a.title:hover h3:after { left: 24px } .product_box > .body .stats.mini a.title:focus span, .product_box > .body .stats.mini a.title:hover span { color: #333 } .product_box > .head { position: relative; background-color: #e6e6e6; padding: 15px 18px 15px 0; } .product_box > .head .title { display: inline-block; text-decoration: none } .product_box > .head .title h3 { font-family: 'latoblack'; font-size: 20px; line-height: 24px; color: #333; text-transform: uppercase; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; word-break: break-word } .product_box > .head .title h3 .state_in_title { line-height: inherit; font-size: inherit; padding: 0; margin-right: 10px } .product_box > .head .title h3 .state_in_title.highlight { color: #ec0000 } .product_box > .head .title span { font-size: 13px; line-height: 16px; display: inline-block; padding: 4px 0px; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .product_box > .head a.title h3 { margin-right: 28px } .product_box > .head a.title h3:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; margin-left: -10px; position: relative; color: #ec0000; pointer-events: none; left: 28px; -o-transition: left,0.3s; -moz-transition: left,0.3s; -webkit-transition: left,0.3s; transition: left,0.3s; margin-bottom: 7px; vertical-align: bottom } .product_box > .head a.title:focus h3, .product_box > .head a.title:hover h3 { color: #ec0000 } .product_box > .head a.title:focus h3:after, .product_box > .head a.title:hover h3:after { left: 38px } .product_box > .head a.title:focus span, .product_box > .head a.title:hover span { color: #333 } .product_box > .head .image { display: block; height: 70px; position: absolute; top: 50%; right: 18px; margin-top: -35px; max-width: 90px; text-align: right; font-size: 1px; font-size: 0px } .product_box > .head .image:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .product_box > .head .image > img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto } .product_box > .head a.toggler { display: none; width: 50px; height: 100%; position: absolute; top: 0px; right: 0px; padding: 0px; text-decoration: none } .product_box > .head a.toggler > .arrow { display: block; padding: 0px; width: 16px; height: 16px; position: absolute; top: 50%; right: 18px; margin-top: -8px; color: #444547; overflow: hidden } .product_box > .head a.toggler > .arrow > .arrow_d, .product_box > .head a.toggler > .arrow > .arrow_u { display: block; padding: 0px; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; position: absolute; top: 0px; left: 0px; color: #444547; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .product_box > .head a.toggler > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .product_box > .head a.toggler > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .product_box > .head a.toggler:focus > .arrow, .product_box > .head a.toggler:hover > .arrow { -webkit-animation-name: fade-slide-d; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-d; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-d; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-d; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .product_box > .head a.toggler:focus > .arrow > .arrow_d, .product_box > .head a.toggler:focus > .arrow > .arrow_u, .product_box > .head a.toggler:hover > .arrow > .arrow_d, .product_box > .head a.toggler:hover > .arrow > .arrow_u { color: #ec0000 } .product_box > .head a.toggler.active > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .product_box > .head a.toggler.active > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .product_box > .head a.toggler.active:focus > .arrow, .product_box > .head a.toggler.active:hover > .arrow { -webkit-animation-name: fade-slide-u; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-u; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-u; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-u; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .product_box > .body_head { background-color: #fff; border-top: 1px solid #c3c3c3; padding: 18px; position: relative } .product_box > .body_head:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box > .body_head > .state { display: block; position: relative; float: left; padding: 3px 0px; padding-right: 10px } .product_box > .body_head > .state h4 { color: #444547; font-size: 14px; line-height: 18px } .product_box > .body_head > .state span { font-family: 'latoblack'; color: #333; font-size: 17px; line-height: 24px } .product_box > .body_head > .buttons { display: block; position: relative; float: right } .product_box > .body_head > .buttons:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box > .body_head > .buttons .bt_box { display: block; position: relative; width: 160px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px } .product_box > .body_head > .buttons .bt_box.mobile { display: none } .product_box > .body_head > .mobile_buttons_toggler { display: none } .product_box > .body_head > .mobile_buttons_toggler > a.toggler { display: none } .product_box > .body_head > .state + .mobile_buttons_toggler { padding-top: 18px } .product_box > .body_head.state_active > .mobile_button { display: none; float: right; padding-left: 18px; position: relative } .product_box > .body_head.state_active > .mobile_button:before { content: ''; display: block; width: 1px; position: absolute; top: -18px; bottom: -18px; left: 0px; background-color: #c3c3c3 } .product_box > .body_head.state_active > .buttons .bt_box { width: 180px } .product_box > .body_head.state_to_active > .buttons .bt_box { width: 240px } .product_box > .body_head > .infos { float: right } .product_box > .body_head > .infos .info { display: block; position: relative; float: left; padding: 3px 18px } .product_box > .body_head > .infos .info:before { content: ''; display: block; width: 1px; position: absolute; top: -18px; bottom: -18px; left: 0px; background-color: #c3c3c3 } .product_box > .body_head > .infos .info h4 { color: #444547; font-size: 14px; line-height: 18px; min-width: 140px } .product_box > .body_head > .infos .info span { font-family: 'latoblack'; color: #333; font-size: 17px; line-height: 24px } .product_box > .body_head .info.highlight span { color: #ec0000 } .product_box > .body { display: block; width: 100%; position: relative } .product_box.with_image > .head { padding-right: 120px } .product_box .body_content { border-top: 1px solid #c3c3c3; padding: 18px } .product_box .body_content .archive_part > h3, .product_box .body_content > h3 { display: block; font-family: 'latoblack'; font-size: 20px; line-height: 24px; color: #333; text-transform: uppercase; padding-bottom: 6px } .product_box .body_content .archive_part > h3:after, .product_box .body_content > h3:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .body_content .archive_part > h3 > .info, .product_box .body_content > h3 > .info { float: right } .product_box .body_content .archive_part > h3 > .info strong, .product_box .body_content > h3 > .info strong { color: #ec0000 } .product_box .body_content .body_header { border-bottom: 2px solid #c3c3c3 } .product_box .body_content .body_header > .bt_box { width: 215px; padding-bottom: 18px; float: right } .product_box .body_content .body_header > h3 { display: block; float: left; font-family: 'latoblack'; font-size: 20px; line-height: 24px; color: #333; text-transform: uppercase; padding-bottom: 6px; margin-top: 15px } .product_box .body_content .body_header > h3:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .body_content .body_header > h3 > .info { float: right } .product_box .body_content .body_header > h3 > .info strong { color: #ec0000 } .product_box .body_content .body_header::after { display: block; content: ''; clear: both } .product_box .body_content h3.info { display: none; font-family: 'latoblack'; color: #333; text-transform: uppercase } .product_box .body_content h3.info strong { color: #ec0000 } .product_box .stats > .row { padding: 9px 0px; padding-right: 18px } .product_box .stats > .row h4 { color: #444547; font-size: 14px; line-height: 18px; padding: 2px 0px } .product_box .stats > .row span { font-family: 'latoblack'; color: #333; font-size: 17px; line-height: 24px } .product_box .stats > .row + .row { border-top: 1px solid #c3c3c3 } .product_box .stats > .row .col_l.highlight span, .product_box .stats > .row .col_c.highlight span, .product_box .stats > .row .col_r.highlight span, .product_box .stats > .row.highlight span { color: #ec0000 } .product_box .stats > .row .col_l.highlight span > span, .product_box .stats > .row .col_c.highlight span > span, .product_box .stats > .row .col_r.highlight span > span, .product_box .stats > .row.highlight span > span { display: block; height: auto; padding-top: 2px; padding-right: 24px; color: #333; font-family: 'lato', Arial, Tahoma; font-size: 10px; line-height: 1.1 } .product_box .stats > .row.long_text h4, .product_box .stats > .row .long_text h4 { font-size: 12px } .product_box .stats > .row.mobile { display: none } .product_box .stats.large { padding-top: 11px; padding-bottom: 10px } .product_box .stats.large > .row { padding: 20px 0px; padding-right: 18px } .product_box .stats.list { padding: 18px 0px; padding-bottom: 44px } .product_box .stats.list > .row { padding: 12px 0px } .product_box .stats.list > .row:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .stats.list > .row h4 { padding: 3px 0px; float: left } .product_box .stats.list > .row span { float: right } .product_box .stats.list > .row + .row { border-top: 0px solid transparent } .product_box .acc_item .stats > .row { padding: 9px 18px } .product_box .acc_item .stats.large > .row { padding: 20px 18px } .product_box .last_transact > h4 { padding: 10px 0px; color: #444547; font-size: 14px; line-height: 18px } .product_box .last_transact > .list { display: block; border-top: 1px solid #c3c3c3; color: #333 } .product_box .last_transact > .list > .item { padding: 11px 0px } .product_box .last_transact > .list > .item:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .last_transact > .list > .item > a { display: block; text-decoration: none; color: #333; padding: 4px 9px; margin: -4px 0px; background-color: transparent; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .product_box .last_transact > .list > .item > a:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .last_transact > .list > .item > a:hover { background-color: #fff } .product_box .last_transact > .list > .item + .item { border-top: 1px solid #c3c3c3 } .product_box .last_transact > .list > .item .data { display: block; line-height: 18px; float: left } .product_box .last_transact > .list > .item .data:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .last_transact > .list > .item .date { display: block; font-size: 11px; color: #444547; float: left } .product_box .last_transact > .list > .item .title { display: block; font-size: 14px; line-height: 20px; font-weight: bold; float: left; clear: left } .product_box .last_transact > .list > .item .value { display: block; font-size: 17px; line-height: 24px; padding: 6px 0px; font-family: 'latoblack'; float: right } .product_box .last_transact > .list > .no_item { height: 230px; text-align: center; font-size: 1px; font-size: 0px } .product_box .last_transact > .list > .no_item:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .product_box .last_transact > .list > .no_item > div { display: inline-block; vertical-align: middle } .product_box .last_transact > .list > .no_item span { font-size: 16px; line-height: 18px; color: #333; font-weight: bold } .product_box .last_transact > .button { max-width: 220px; margin: 0px auto } .product_box .cols { position: relative; overflow: hidden } .product_box .cols:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .cols > .col { position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .product_box .cols > .col.c_l { width: 40%; border-right: 1px solid #c3c3c3; padding-bottom: 1000px; margin-bottom: -1000px } .product_box .cols > .col.c_r { width: 60%; padding-left: 18px } .product_box .cols > .col.c_r_mobile { display: none } .product_box .accordion .acc_item > .empty { display: block; position: relative; background-color: #e6e6e6; padding: 4px 18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e6e6e6 } .product_box .accordion .acc_item > .empty:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .accordion .acc_item > .empty > h4 { display: block; padding: 14px 0px; font-family: 'latoblack'; color: #333; font-size: 15px; line-height: 18px; text-transform: uppercase; position: relative; float: left } .product_box .accordion .acc_item > .empty > h4 > span { display: block; color: #444547; font-size: 13px; font-family: 'lato'; margin-bottom: -4px } .product_box .accordion .acc_item > .empty > .info { display: block; padding: 14px 0px; color: #333; font-size: 15px; line-height: 18px; position: relative; float: right; text-align: right } .product_box .accordion .acc_item > a { display: block; position: relative; background-color: #e6e6e6; padding: 4px 18px; padding-right: 50px; text-decoration: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e6e6e6; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .product_box .accordion .acc_item > a:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .accordion .acc_item > a > h4 { display: block; padding: 14px 0px; font-family: 'latoblack'; color: #333; font-size: 15px; line-height: 18px; text-transform: uppercase; position: relative; float: left } .product_box .accordion .acc_item > a > h4 > span { display: block; color: #444547; font-size: 13px; font-family: 'lato'; margin-bottom: -4px } .product_box .accordion .acc_item > a > h4 > span.icon { display: inline-block; width: 18px; height: 18px; color: #ec0000; font-size: 18px; line-height: 18px; text-align: center; font-family: 'icomoon'; margin: 0px; margin-top: -2px; margin-bottom: 2px; margin-left: 10px; vertical-align: bottom } .product_box .accordion .acc_item > a > .info { display: block; padding-right: 18px; position: relative; float: right; text-align: right; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .product_box .accordion .acc_item > a > .info .stats h4 { color: #444547; font-size: 14px; line-height: 18px; padding: 2px 0px } .product_box .accordion .acc_item > a > .info .stats span { font-family: 'latoblack'; color: #333; font-size: 17px; line-height: 24px } .product_box .accordion .acc_item > a > .arrow { display: block; width: 16px; height: 16px; position: absolute; top: 50%; right: 18px; margin-top: -8px; pointer-events: none; color: #444547; overflow: hidden } .product_box .accordion .acc_item > a > .arrow > .arrow_d, .product_box .accordion .acc_item > a > .arrow > .arrow_u { display: block; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; position: absolute; top: 0px; left: 0px; color: #444547; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .product_box .accordion .acc_item > a > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .product_box .accordion .acc_item > a > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .product_box .accordion .acc_item > a:focus, .product_box .accordion .acc_item > a:hover { background-color: #fff } .product_box .accordion .acc_item > a:focus > .arrow, .product_box .accordion .acc_item > a:hover > .arrow { -webkit-animation-name: fade-slide-d; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-d; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-d; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-d; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .product_box .accordion .acc_item > a.active > .info { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .product_box .accordion .acc_item > a.active > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .product_box .accordion .acc_item > a.active > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .product_box .accordion .acc_item > a.active:focus > .arrow, .product_box .accordion .acc_item > a.active:hover > .arrow { -webkit-animation-name: fade-slide-u; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-u; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-u; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-u; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .product_box .accordion .acc_item + .acc_item { padding-top: 36px } .product_box .accordion .acc_item--mini > a { background-color: transparent; border: none; color: #595958; font-size: 14px; font-weight: 600; padding-right: 20px } .product_box .accordion .acc_item--mini > a > .arrow { right: -4px } .product_box .accordion .acc_item--mini > a > .arrow > .arrow_u, .product_box .accordion .acc_item--mini > a > .arrow > .arrow_d { width: 11px; height: 11px; font-size: 11px; top: 2px } .product_box .subsection { padding-top: 18px } .product_box .subsection.no_padding { padding: 0px } .product_box .subsection > h4 { display: block; position: relative; font-family: 'latoblack'; background-color: #e6e6e6; color: #333; font-size: 15px; line-height: 18px; text-transform: uppercase; padding: 18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e6e6e6 } .product_box .subsection > div { display: block; position: relative; padding-top: 18px } .product_box .graph_spacer { position: relative } .product_box .graph_box { position: relative } .product_box .graph_box:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .graph_box .graph_label { z-index: 1; position: absolute; top: 50px; left: 0px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-right: 76px } .product_box .graph_box .graph_label > .text { display: block; position: absolute; bottom: 4px; color: #ec0000; font-size: 14px; line-height: 20px } .product_box .graph_box .graph_label:before { content: ''; display: block; position: absolute; left: 0px; right: 76px; top: 100%; height: 1px; background-color: #c3c3c3 } .product_box .graph_box .graph_label:after { content: ''; display: block; width: 6px; height: 6px; position: absolute; right: 73px; top: -3px; background-color: #ec0000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .product_box .graph_box .graph { z-index: 0; display: block; width: 152px; height: 152px; position: relative; float: right } .product_box .graph_box .graph > .text { display: block; width: 152px; height: 32px; font-size: 32px; line-height: 32px; font-weight: bold; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -76px; color: #ec0000 } .product_box .graph_box .graph > .text[data-format="currency"] { font-size: 24px } .product_box .graph_box .graph > .text sub { display: inline-block; vertical-align: baseline; font-size: 0.6em; line-height: 0.6em } .product_box .graph_box .graph > .text sup { display: inline-block; vertical-align: top; font-size: 0.6em; line-height: 0.6em } .product_box .graph_box .graph:after { content: ''; display: block; width: 160px; height: 18px; position: absolute; top: 158px; left: 50%; margin-left: -80px; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(../img/product-graph-shadow.png); pointer-events: none } .product_box .graph_box.deposit .graph { float: left } .product_box .graph_box .graph_text { z-index: 1; position: absolute; bottom: 0px; left: 0px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-right: 156px; color: #444547; font-size: 14px; line-height: 20px; min-height: 60px } .product_box .graph_box .graph_text > a { color: #ec0000; text-decoration: none; display: inline-block; position: relative } .product_box .graph_box .graph_text > a:after { content: ''; display: block; height: 1px; width: 100%; position: absolute; bottom: 0px; left: 0px; background-color: #ec0000; -o-transition: width 0.3s; -moz-transition: width 0.3s; -webkit-transition: width 0.3s; transition: width 0.3s } .product_box .graph_box .graph_text > a:focus:after, .product_box .graph_box .graph_text > a:hover:after { width: 0%; left: auto; right: 0px } .product_box .graph_horizontal { position: relative; overflow: hidden } .product_box .graph_horizontal .graph_text { text-align: center; color: #ec0000; font-size: 14px; margin: 25px auto 15px auto } .product_box .graph_horizontal .graph_text span { font-weight: 500; color: #ec0000; font-size: 14px } .product_box .graph_horizontal .graph_text:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .graph_horizontal .graph_bar_back { position: absolute; top: 81px; left: 60px; right: 60px; height: 10px; border-radius: 5px; background-color: #c3c3c3; overflow: hidden; -moz-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.5) } .product_box .graph_horizontal .graph_bar { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #ec0000; border-radius: 5px; -o-transform: translateX(0%); -ms-transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%) } .product_box .graph_horizontal .graph_label { float: left; width: 45%; text-transform: uppercase; font-size: 10px } .product_box .graph_horizontal .graph_label span { font-size: 10px; display: block } .product_box .graph_horizontal .graph_label + .graph_label { float: right; text-align: right } .product_box .stats.mini .graph_horizontal .graph_label { margin-top: 5px } .product_box .stats.mini > .row span { line-height: 15px } .product_box.intro .body_content { padding-top: 0px } .product_box.intro .cols + .grid_layout { margin-top: 36px } .product_box.intro .cols + .g_spacer_t + .grid_layout { margin-top: 36px } .product_box.preview .body_content { padding-top: 0px } .product_box.preview .cols { position: relative } .product_box.preview .cols:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box.preview .cols > .col { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .product_box.preview .cols > .col.c_l { width: 27%; float: left; border-right: 1px solid #c3c3c3 } .product_box.preview .cols > .col.c_c { width: 46%; float: left } .product_box.preview .cols > .col.c_r { width: 27%; float: right; border-left: 1px solid #c3c3c3; padding-left: 18px; padding-top: 18px; padding-bottom: 1000px; margin-bottom: -1000px } .product_box.preview .cols.multi_deposit.graph { padding-bottom: 18px } .product_box.preview .cols.multi_deposit.graph .g_spacer { padding: 18px; padding-top: 24px } .product_box.preview .cols.deposit > .col { padding-right: 0px } .product_box.preview .cols.deposit > .col.c_l { width: 70%; border-right: 0px solid transparent } .product_box.preview .cols.deposit > .col.c_l .row { padding: 0; overflow: hidden } .product_box.preview .cols.deposit > .col.c_l .row:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box.preview .cols.deposit > .col.c_l .col_l, .product_box.preview .cols.deposit > .col.c_l .col_r, .product_box.preview .cols.deposit > .col.c_l .col_c { width: 32%; float: left; padding: 15px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 115px; margin-bottom: -100px } .product_box.preview .cols.deposit > .col.c_l .col_l { width: 36% } .product_box.preview .cols.deposit > .col.c_l .col_r, .product_box.preview .cols.deposit > .col.c_l .col_c { border-left: 1px solid #c3c3c3; padding-left: 18px } .product_box.preview .cols.deposit > .col.c_c { width: 27%; float: right; padding-left: 18px; padding-top: 18px } .product_box.preview .cols.deposit > .col.c_c span { font-family: 'latoblack'; padding-top: 6px; display: inline-block } .product_box.preview .cols.deposit > .col.c_r { border-left: 1px solid transparent; padding-right: 0; clear: right } .product_box.preview .cols.deposit > .col.stats.mini > .row { padding: 12px 0 8px 0 } .product_box.preview .cols.deposit > .col.stats.mini > .row .c_l { margin-top: 30px } .product_box.preview .cols.deposit > .col.stats.mini > .row + .row { border-top: 1px solid transparent; padding: 0px 0 16px 0; margin-top: -20px } .product_box.preview .cols.deposit > .col.stats.mini.c_l > .row + .row { width: 67%; padding-left: 20px; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .product_box.preview .cols.deposit > .col.stats.mini:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box.preview .cols.deposit.graph { padding-bottom: 18px } .product_box.preview .cols.deposit.graph .c_c > .before_bt_boxes { display: block } .product_box.preview .cols.deposit.graph .c_c > .before_bt_boxes span { font-family: 'latoblack'; padding-top: 6px; display: inline-block } .product_box.preview .cols.deposit.graph .c_c > .before_bt_boxes.mobile { display: none } .product_box.preview .cols.deposit.graph .g_spacer { padding: 18px 36px; padding-top: 24px } .product_box.preview .cols.deposit.fullwidth-hr { overflow: hidden } .product_box.preview .cols.deposit.fullwidth-hr:before { content: ""; display: block; border-bottom: 1px solid #c3c3c3; width: 100% } .product_box.preview .cols.deposit.fullwidth-hr:last-child { margin-bottom: -20px } .product_box.preview .bt_box + .bt_box { margin-top: 14px } .product_box.preview .mobile_box { display: none; position: relative; border-top: 1px solid #c3c3c3 } .product_box.preview .graph_spacer { padding: 0px 24px; padding-top: 24px } .product_box.preview .stats.mini .c_l, .product_box.preview .stats.mini .c_c, .product_box.preview .stats.mini .c_r { float: left; width: 33% } .product_box.preview .stats.mini .c_l h4, .product_box.preview .stats.mini .c_c h4, .product_box.preview .stats.mini .c_r h4 { font-size: 12px; display: inline-block } .product_box.preview .stats.mini .c_l span, .product_box.preview .stats.mini .c_c span, .product_box.preview .stats.mini .c_r span { font-size: 12px; display: inline-block; padding-left: 3px } .product_box.preview .stats.mini .c_l span.highlight, .product_box.preview .stats.mini .c_c span.highlight, .product_box.preview .stats.mini .c_r span.highlight { color: #ec0000 } .product_box.preview .stats.mini .c_c { text-align: left; width: calc(33% - 20px); padding-left: 20px } .product_box.preview .stats.mini .c_r { width: 33%; text-align: right; float: right } .product_box.preview .stats.mini .c_l a { font-size: 15px; color: #000; text-decoration: none; display: inline-block; line-height: 18px; padding: 2px } .product_box.preview .stats.mini .c_l a h3 { font-family: 'latoblack'; text-transform: uppercase } .product_box.preview .stats.mini .c_l a span { display: inline-block; font-size: 12px; line-height: 14px; padding: 4px 0px; color: #444547 } .product_box.preview .stats.mini .c_l a div.highlight { color: #ec0000; font-family: 'latoblack'; font-size: 17px } .product_box.preview .stats.mini .graph_horizontal .graph_bar_back { top: 19px } .product_box.preview .stats.mini .graph_horizontal .graph_label { margin-top: 2px; line-height: 15px } .product_box.credit .graph_spacer { padding: 18px 0px; max-width: 290px; margin: 0px auto } .product_box.deposit .stats > .row + .row { border-top: 0px solid transparent } .product_box.deposit .stats > .row { padding: 14px 0px } .product_box.deposit.preview .cols > .col.c_l { border-right: 0px solid transparent; width: 32% } .product_box.deposit.preview .cols > .col.c_r { border-left: 0px solid transparent; width: 36%; padding-top: 16px } .product_box.deposit.preview .cols > .col.c_c { width: 32% } .product_box.deposit.preview .cols > .col.c_eq { display: table-cell; float: none } .product_box.deposit.preview .cols > .col.c_eq:before { content: ''; display: block; width: 1px; position: absolute; top: -18px; bottom: -18px; left: 0px; background-color: #c3c3c3 } .product_box.deposit.preview .cols > .col.c_eq.c_f:before { display: none } .product_box.deposit.preview .cols > .col.c_eq.c_f .row { padding-left: 0 } .product_box.deposit.preview .cols > .col.c_eq .row { padding: 14px 0px 14px 18px } .product_box.deposit.preview .cols { display: table; width: 100% } .product_box.deposit.preview .body_content { padding: 20px 25px 25px 20px } .product_box.deposit.preview .body_content .row > .cols { border-bottom: 1px solid #c3c3c3 } .product_box.deposit.preview .bt_box + .bt_box { margin-top: 25px } .product_box.deposit .grid_layout { padding-top: 18px } .product_box.archive .acc_item > div > .button { max-width: 220px; margin: 0px auto; margin-top: 18px } .product_box.archive .body_content, .product_box.settings .body_content { border-top: 0px solid transparent } .no_product { display: block; position: relative } .no_product > div { display: block; background-color: #f5f5f5; border: 1px solid #c3c3c3; padding: 36px 18px; text-align: center } .no_product > div > p { font-family: 'latoblack'; font-size: 15px; line-height: 20px } .jsDragDropList > .product_box > .head > .dragBox { display: block; width: 54px; height: 100%; position: absolute; top: 0px; right: 0px; cursor: move } .jsDragDropList > .product_box > .head > .dragBox:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 18px; height: 18px; font-size: 18px; line-height: 18px; text-align: center; position: absolute; top: 20px; left: 18px; color: #ec0000 } .product_menu { display: block; position: relative; border: 1px solid #c3c3c3; background-color: #fff } .product_menu .setting_boxes .toggle_box > .title, .product_menu > .title { display: block; padding: 4px 18px; position: relative; background-color: #e6e6e6; font-size: 1px; font-size: 0px } .product_menu .setting_boxes .toggle_box > .title:after, .product_menu > .title:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 70px } .product_menu .setting_boxes .toggle_box > .title > div, .product_menu > .title > div { display: inline-block; vertical-align: middle; width: 100%; font-size: 13px } .product_menu .setting_boxes .toggle_box > .title > div h3, .product_menu > .title > div h3 { font-family: 'latoblack'; font-size: 14px; line-height: 20px; word-break: break-word } .product_menu .setting_boxes .toggle_box > .title > div img, .product_menu > .title > div img { display: block } .product_menu .setting_boxes .toggle_box > .title.mini:after, .product_menu > .title.mini:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 42px } .product_menu .setting_boxes .toggle_box > .title + ul, .product_menu .setting_boxes .toggle_box > .title + .options, .product_menu .setting_boxes .toggle_box > .title + .buttons, .product_menu .setting_boxes .toggle_box > .title + .title, .product_menu .setting_boxes .toggle_box > .title + .info, .product_menu > .title + ul, .product_menu > .title + .options, .product_menu > .title + .buttons, .product_menu > .title + .title, .product_menu > .title + .info { border-top: 1px solid #c3c3c3 } .product_menu .setting_boxes .toggle_box > .info, .product_menu > .info { display: block; position: relative; height: 76px; padding: 4px 18px; background-color: #fff; font-size: 1px; font-size: 0px } .product_menu .setting_boxes .toggle_box > .info:after, .product_menu > .info:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .product_menu .setting_boxes .toggle_box > .info--autoHeight, .product_menu > .info--autoHeight { height: auto; min-height: 76px; padding-top: 20px } .product_menu .setting_boxes .toggle_box > .info.highlight, .product_menu > .info.highlight { font-size: 11px } .product_menu .setting_boxes .toggle_box > .info.highlight > div span, .product_menu > .info.highlight > div span { color: #ec0000 } .product_menu .setting_boxes .toggle_box > .info.highlight > div span > span, .product_menu > .info.highlight > div span > span { display: inline-block; height: auto; padding-top: 2px; color: #333; font-family: 'lato', Arial, Tahoma; font-size: 10px; line-height: 1.1 } .product_menu .setting_boxes .toggle_box > .info > div, .product_menu > .info > div { display: inline-block; vertical-align: middle; width: 100%; font-size: 13px } .product_menu .setting_boxes .toggle_box > .info > div h4, .product_menu > .info > div h4 { color: #444547; font-size: 12px; line-height: 18px; padding: 2px 0px } .product_menu .setting_boxes .toggle_box > .info > div span, .product_menu > .info > div span { color: #333; font-family: 'latoblack'; font-size: 17px; line-height: 24px } .product_menu .setting_boxes .toggle_box > .info > div span > span, .product_menu > .info > div span > span { font-size: 12px } .product_menu .setting_boxes .toggle_box > .info + ul, .product_menu .setting_boxes .toggle_box > .info + .options, .product_menu .setting_boxes .toggle_box > .info + .buttons, .product_menu .setting_boxes .toggle_box > .info + .title, .product_menu .setting_boxes .toggle_box > .info + .info, .product_menu > .info + ul, .product_menu > .info + .options, .product_menu > .info + .buttons, .product_menu > .info + .title, .product_menu > .info + .info { border-top: 1px solid #c3c3c3 } .product_menu .setting_boxes .toggle_box > .image_box, .product_menu > .image_box { display: block; padding: 18px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 132px; font-size: 1px; font-size: 0px } .product_menu .setting_boxes .toggle_box > .image_box:after, .product_menu > .image_box:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .product_menu .setting_boxes .toggle_box > .image_box > div, .product_menu > .image_box > div { display: inline-block; vertical-align: middle; width: 100% } .product_menu .setting_boxes .toggle_box > .image_box > div > img, .product_menu > .image_box > div > img { display: block; width: 100%; height: auto } .product_menu .setting_boxes .toggle_box > .image_box + ul, .product_menu .setting_boxes .toggle_box > .image_box + .options, .product_menu .setting_boxes .toggle_box > .image_box + .buttons, .product_menu .setting_boxes .toggle_box > .image_box + .title, .product_menu .setting_boxes .toggle_box > .image_box + .info, .product_menu > .image_box + ul, .product_menu > .image_box + .options, .product_menu > .image_box + .buttons, .product_menu > .image_box + .title, .product_menu > .image_box + .info { border-top: 1px solid #c3c3c3 } .product_menu .setting_boxes .toggle_box > .buttons, .product_menu > .buttons { background-color: #f5f5f5 } .product_menu .setting_boxes .toggle_box > .buttons > .button, .product_menu > .buttons > .button { border: 0px solid transparent } .product_menu .setting_boxes .toggle_box > .buttons > .button + .button, .product_menu > .buttons > .button + .button { border-top: 1px solid #c3c3c3 } .product_menu .setting_boxes .toggle_box > .buttons + ul, .product_menu .setting_boxes .toggle_box > .buttons + .options, .product_menu .setting_boxes .toggle_box > .buttons + .buttons, .product_menu .setting_boxes .toggle_box > .buttons + .title, .product_menu .setting_boxes .toggle_box > .buttons + .info, .product_menu > .buttons + ul, .product_menu > .buttons + .options, .product_menu > .buttons + .buttons, .product_menu > .buttons + .title, .product_menu > .buttons + .info { border-top: 1px solid #c3c3c3 } .product_menu .setting_boxes .toggle_box > .options, .product_menu > .options { background-color: #f5f5f5; padding: 18px } .product_menu .setting_boxes .toggle_box > .options p, .product_menu > .options p { font-size: 12px; line-height: 16px; color: #444547 } .product_menu .setting_boxes .toggle_box > .options p + .checkbox, .product_menu > .options p + .checkbox { margin-top: 9px } .product_menu .setting_boxes .toggle_box > .options + ul, .product_menu .setting_boxes .toggle_box > .options + .options, .product_menu .setting_boxes .toggle_box > .options + .buttons, .product_menu .setting_boxes .toggle_box > .options + .title, .product_menu .setting_boxes .toggle_box > .options + .info, .product_menu > .options + ul, .product_menu > .options + .options, .product_menu > .options + .buttons, .product_menu > .options + .title, .product_menu > .options + .info { border-top: 1px solid #c3c3c3 } .product_menu .setting_boxes .toggle_box > ul, .product_menu > ul { display: block; list-style: none; background-color: #f5f5f5 } .product_menu .setting_boxes .toggle_box > ul > li, .product_menu > ul > li { display: block; position: relative } .product_menu .setting_boxes .toggle_box > ul > li + li, .product_menu > ul > li + li { border-top: 1px solid #c3c3c3 } .product_menu .setting_boxes .toggle_box > ul > li > a, .product_menu > ul > li > a { display: block; text-decoration: none; padding: 18px; padding-right: 9px; color: #444547; background-color: transparent; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; font-size: 13px; line-height: 16px; font-weight: bold; position: relative } .product_menu .setting_boxes .toggle_box > ul > li > a:after, .product_menu > ul > li > a:after { content: ''; display: block; width: 2px; height: 100%; position: absolute; top: 0px; left: -1px; background-color: transparent; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .product_menu .setting_boxes .toggle_box > ul > li > a:focus, .product_menu .setting_boxes .toggle_box > ul > li > a:hover, .product_menu > ul > li > a:focus, .product_menu > ul > li > a:hover { background-color: #fff } .product_menu .setting_boxes .toggle_box > ul > li > a:focus:after, .product_menu .setting_boxes .toggle_box > ul > li > a:hover:after, .product_menu > ul > li > a:focus:after, .product_menu > ul > li > a:hover:after { background-color: #ec0000 } .product_menu .setting_boxes .toggle_box > ul > li.active > a, .product_menu > ul > li.active > a { background-color: #e6e6e6 } .product_menu .setting_boxes .toggle_box > ul > li.active > a:after, .product_menu > ul > li.active > a:after { background-color: #ec0000 } .product_menu .setting_boxes .toggle_box > ul > li.active > a:focus, .product_menu > ul > li.active > a:focus { background-color: #fff } .product_menu .setting_boxes .toggle_box > ul + ul, .product_menu .setting_boxes .toggle_box > ul + .options, .product_menu .setting_boxes .toggle_box > ul + .buttons, .product_menu .setting_boxes .toggle_box > ul + .title, .product_menu .setting_boxes .toggle_box > ul + .info, .product_menu > ul + ul, .product_menu > ul + .options, .product_menu > ul + .buttons, .product_menu > ul + .title, .product_menu > ul + .info { border-top: 1px solid #c3c3c3 } .product_mobile_menu { display: none; border-top: 1px solid #c3c3c3 } .product_mobile_menu > .select_box { display: block; width: 100%; position: relative } .product_mobile_menu > .select_box select { z-index: 0; display: block; width: 100%; height: 60px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 17px 18px; padding-right: 50px; padding-left: 48px; border: 0px solid transparent; background-color: #fff; font-family: 'latoblack'; color: #333; font-size: 20px; line-height: 24px; text-transform: uppercase; cursor: pointer } .product_mobile_menu > .select_box select option { text-transform: none; padding: 4px 18px; font-size: 14px } .product_mobile_menu > .select_box span { z-index: 1; display: block; width: 40px; color: #ec0000; pointer-events: none; position: absolute; top: 1px; bottom: 1px; right: 1px; background-color: #fff } .product_mobile_menu > .select_box span:before { display: none } .product_mobile_menu > .select_box:before { z-index: 1; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 20px; height: 20px; font-size: 20px; line-height: 20px; text-align: center; position: absolute; top: 50%; left: 18px; margin-top: -10px; color: #ec0000; pointer-events: none } .product_mobile_menu > .select_box:after { content: ''; display: block; width: 3px; height: 100%; position: absolute; top: 0px; left: -1px; background-color: #ec0000 } .archive .product_mobile_menu { border-top: 0px solid transparent; border-bottom: 1px solid #c3c3c3 } .intro .product_mobile_menu > .select_box:after { display: none } .product_menu .setting_boxes { border-top: 1px solid #c3c3c3 } .product_menu .setting_boxes .toggle_box_toggler { display: none } .product_menu .setting_boxes .toggle_box_toggler > .button { display: none } .product_table { display: block; position: relative; padding: 18px 0px } .product_table .table_head, .product_table .table_body { display: block; width: 100%; position: relative; top: 0px; left: 0px } .product_table .table_head > .row_with_details > .row, .product_table .table_head > .row, .product_table .table_body > .row_with_details > .row, .product_table .table_body > .row { display: block } .product_table .table_head > .row_with_details > .row:after, .product_table .table_head > .row:after, .product_table .table_body > .row_with_details > .row:after, .product_table .table_body > .row:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_table .table_head > .row_with_details > .row > .col, .product_table .table_head > .row > .col, .product_table .table_body > .row_with_details > .row > .col, .product_table .table_body > .row > .col { display: block; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px; border-left: 1px solid transparent; font-size: 13px; line-height: 16px; overflow: hidden; word-wrap: break-word } .product_table .table_head > .row_with_details > .row > .col > .l > span, .product_table .table_head > .row_with_details > .row > .col > .v > span, .product_table .table_head > .row > .col > .l > span, .product_table .table_head > .row > .col > .v > span, .product_table .table_body > .row_with_details > .row > .col > .l > span, .product_table .table_body > .row_with_details > .row > .col > .v > span, .product_table .table_body > .row > .col > .l > span, .product_table .table_body > .row > .col > .v > span { color: #444547; font-size: 12px } .product_table .table_head { z-index: 1; background-color: #e6e6e6 } .product_table .table_head > .row > .col { padding: 0px 4px; text-align: center; font-weight: bold; height: 54px; font-size: 1px; font-size: 0px; color: #333 } .product_table .table_head > .row > .col > span { display: inline-block; vertical-align: middle; font-size: 13px; line-height: 18px; max-width: 100% } .product_table .table_head > .row > .col:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .product_table .table_head > .row > .col + .col { border-left: 1px solid #fff } .product_table .table_head > .row > a.col { color: #333; text-decoration: none; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .product_table .table_head > .row > a.col:focus, .product_table .table_head > .row > a.col:hover { color: #ec0000 } .product_table .table_head > .row > a.col.sort > span { position: relative } .product_table .table_head > .row > a.col.sort > span:after { content: ''; display: block; position: absolute; top: 50%; left: 100%; margin-top: -2px; margin-left: 10px; border-top: 4px solid #444547; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 0px solid transparent } .product_table .table_head > .row > a.col.sort.dec > span:after { border-top: 4px solid #ec0000; border-bottom: 0px solid transparent } .product_table .table_head > .row > a.col.sort.inc > span:after { border-top: 0px solid transparent; border-bottom: 4px solid #ec0000 } .product_table .table_body { z-index: 0; border-bottom: 1px solid #c3c3c3 } .product_table .table_body > .row_with_details + .row_with_details { border-top: 1px solid #c3c3c3 } .product_table .table_body > .row_with_details > .row, .product_table .table_body > .row { position: relative; overflow: hidden; background-color: transparent; -o-transition: background-color 0.3s,border 0.3s; -moz-transition: background-color 0.3s,border 0.3s; -webkit-transition: background-color 0.3s,border 0.3s; transition: background-color 0.3s,border 0.3s } .product_table .table_body > .row_with_details > .row + .row, .product_table .table_body > .row + .row { border-top: 1px solid #c3c3c3 } .product_table .table_body > .row_with_details > .row.active, .product_table .table_body > .row.active { background-color: #fff } .product_table .table_body > .row_with_details > .row.highlight, .product_table .table_body > .row.highlight { background-color: #ffeded } .product_table .table_body > .row_with_details > .row > .col, .product_table .table_body > .row > .col { padding: 18px; padding-right: 9px; padding-bottom: 200px; margin-bottom: -182px } .product_table .table_body > .row_with_details > .row > .col + .col, .product_table .table_body > .row > .col + .col { border-left: 1px solid #c3c3c3 } .product_table .table_body > .row_with_details > .row > .col > .l, .product_table .table_body > .row > .col > .l { display: none } .product_table .table_body > .row_with_details > .row:focus, .product_table .table_body > .row_with_details > .row:hover, .product_table .table_body > .row:focus, .product_table .table_body > .row:hover { background-color: #fff } .product_table .table_body > .row_with_details > .details { z-index: 1; display: none; width: 100%; overflow: hidden; position: relative; clear: both; background-color: #595958; color: #fff } .product_table .table_body > .row_with_details > .details + .row { border-top: 1px solid transparent } .product_table .table_body > .row_with_details > .details > .body, .product_table .table_body > .row_with_details > .details > .sub_head, .product_table .table_body > .row_with_details > .details > .head { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; top: 0px; left: 0px } .product_table .table_body > .row_with_details > .details > .head { background-color: #3d3e40; min-height: 50px } .product_table .table_body > .row_with_details > .details > .head > div { padding: 16px 18px; padding-right: 68px } .product_table .table_body > .row_with_details > .details > .head > div:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_table .table_body > .row_with_details > .details > .head > div > h4 { font-size: 14px; line-height: 18px; font-weight: bold; float: left } .product_table .table_body > .row_with_details > .details > .head > div > a { float: right; text-decoration: none; font-size: 14px; line-height: 18px; color: #c3c3c3; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .product_table .table_body > .row_with_details > .details > .head > div > a:focus, .product_table .table_body > .row_with_details > .details > .head > div > a:hover { color: #fff } .product_table .table_body > .row_with_details > .details > .sub_head { background-color: #3d3e40; min-height: 50px } .product_table .table_body > .row_with_details > .details > .sub_head:after { content: ''; display: block; height: 1px; position: absolute; top: 0px; left: 18px; right: 18px; background-color: #595958 } .product_table .table_body > .row_with_details > .details > .sub_head > div { padding: 16px 18px; padding-right: 68px } .product_table .table_body > .row_with_details > .details > .sub_head > div:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_table .table_body > .row_with_details > .details > .sub_head > div > a { float: left; text-decoration: none; font-size: 14px; line-height: 18px; color: #c3c3c3; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .product_table .table_body > .row_with_details > .details > .sub_head > div > a:focus, .product_table .table_body > .row_with_details > .details > .sub_head > div > a:hover { color: #fff } .product_table .table_body > .row_with_details > .details > .body { padding: 18px 0px } .product_table .table_body > .row_with_details > .details > .body > .fields { display: block; position: relative } .product_table .table_body > .row_with_details > .details > .body > .fields:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_table .table_body > .row_with_details > .details > .body > .fields > .field { position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; line-height: 18px; padding-left: 18px; padding-right: 4px } .product_table .table_body > .row_with_details > .details > .body > .fields > .field .l, .product_table .table_body > .row_with_details > .details > .body > .fields > .field .v { display: block } .product_table .table_body > .row_with_details > .details > .body > .fields > .field .l { font-weight: bold } .product_table .table_body > .row_with_details > .details .close { z-index: 1; display: block; width: 50px; height: 100%; position: absolute; top: 0px; right: 0px; text-decoration: none; color: #fff; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .product_table .table_body > .row_with_details > .details .close:after { content: ''; display: block; width: 1px; height: 80%; position: absolute; top: 10%; left: -1px; background-color: #595958 } .product_table .table_body > .row_with_details > .details .close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; -o-transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .product_table .table_body > .row_with_details > .details .close:focus, .product_table .table_body > .row_with_details > .details .close:hover { color: #ec0000 } .product_table .table_body > .row_with_details > .details .close:focus:before, .product_table .table_body > .row_with_details > .details .close:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .product_table .table_body > .row_with_details > .details a.download { color: #fff } .product_table .table_body > .row_with_details > .details a.download:focus, .product_table .table_body > .row_with_details > .details a.download:hover { color: #ec0000 } .product_table .download { line-height: 14px } .product_table .download_box { margin: -9px 0px } .product_table .download_box > .download { line-height: 20px; padding: 8px 0px; padding-left: 32px } .product_table.jsFixedTableHead .table_head:before { content: ''; display: block; width: 100%; height: 0px; background-color: #f5f5f5; position: absolute; bottom: 100%; left: 0px } .product_table.jsFixedTableHead .table_head.isFixed:before { height: 18px } .product_table.transact_history .table_head > .row_with_details > .row > .col.c_1, .product_table.transact_history .table_head > .row > .col.c_1, .product_table.transact_history .table_body > .row_with_details > .row > .col.c_1, .product_table.transact_history .table_body > .row > .col.c_1 { width: 20% } .product_table.transact_history .table_head > .row_with_details > .row > .col.c_2, .product_table.transact_history .table_head > .row > .col.c_2, .product_table.transact_history .table_body > .row_with_details > .row > .col.c_2, .product_table.transact_history .table_body > .row > .col.c_2 { width: 38% } .product_table.transact_history .table_head > .row_with_details > .row > .col.c_3, .product_table.transact_history .table_head > .row > .col.c_3, .product_table.transact_history .table_body > .row_with_details > .row > .col.c_3, .product_table.transact_history .table_body > .row > .col.c_3 { width: 18% } .product_table.transact_history .table_head > .row_with_details > .row > .col.c_4, .product_table.transact_history .table_head > .row > .col.c_4, .product_table.transact_history .table_body > .row_with_details > .row > .col.c_4, .product_table.transact_history .table_body > .row > .col.c_4 { width: 24%; text-align: right; padding-left: 4px; padding-right: 32px } .product_table.transact_history .table_head > .row > .col > span { line-height: 14px } .product_table.transact_history .table_head > .row > .col > span > span { color: #444547; font-size: 12px } .product_table.transact_history .table_body > .row_with_details > .row > .col.c_1, .product_table.transact_history .table_body > .row > .col.c_1 { text-align: center; padding-left: 4px; padding-right: 4px; line-height: 14px; padding-top: 12px; margin-bottom: -190px } .product_table.transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_1, .product_table.transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_2 { width: 25% } .product_table.transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_3 { width: 26% } .product_table.transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_4 { width: 24%; text-align: right; padding-left: 4px; padding-right: 32px } .product_table.credit_transact_history .table_head > .row_with_details > .row > .col.c_1, .product_table.credit_transact_history .table_head > .row_with_details > .row > .col.c_2, .product_table.credit_transact_history .table_head > .row > .col.c_1, .product_table.credit_transact_history .table_head > .row > .col.c_2, .product_table.credit_transact_history .table_body > .row_with_details > .row > .col.c_1, .product_table.credit_transact_history .table_body > .row_with_details > .row > .col.c_2, .product_table.credit_transact_history .table_body > .row > .col.c_1, .product_table.credit_transact_history .table_body > .row > .col.c_2 { width: 16% } .product_table.credit_transact_history .table_head > .row_with_details > .row > .col.c_3, .product_table.credit_transact_history .table_head > .row > .col.c_3, .product_table.credit_transact_history .table_body > .row_with_details > .row > .col.c_3, .product_table.credit_transact_history .table_body > .row > .col.c_3 { width: 44% } .product_table.credit_transact_history .table_head > .row_with_details > .row > .col.c_4, .product_table.credit_transact_history .table_head > .row > .col.c_4, .product_table.credit_transact_history .table_body > .row_with_details > .row > .col.c_4, .product_table.credit_transact_history .table_body > .row > .col.c_4 { width: 24%; text-align: right; padding-left: 4px; padding-right: 32px } .product_table.credit_transact_history .table_body > .row_with_details > .row > .col.c_1, .product_table.credit_transact_history .table_body > .row_with_details > .row > .col.c_2, .product_table.credit_transact_history .table_body > .row > .col.c_1, .product_table.credit_transact_history .table_body > .row > .col.c_2 { text-align: center; padding-left: 4px; padding-right: 4px } .product_table.credit_transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_1, .product_table.credit_transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_2 { width: 25% } .product_table.credit_transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_3 { width: 26% } .product_table.credit_transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_4 { width: 24%; text-align: right; padding-left: 4px; padding-right: 32px } .product_table.locked_transact .table_head > .row_with_details > .row > .col.c_1, .product_table.locked_transact .table_head > .row > .col.c_1, .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_1, .product_table.locked_transact .table_body > .row > .col.c_1 { width: 10% } .product_table.locked_transact .table_head > .row_with_details > .row > .col.c_2, .product_table.locked_transact .table_head > .row > .col.c_2, .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_2, .product_table.locked_transact .table_body > .row > .col.c_2 { width: 14% } .product_table.locked_transact .table_head > .row_with_details > .row > .col.c_3, .product_table.locked_transact .table_head > .row > .col.c_3, .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_3, .product_table.locked_transact .table_body > .row > .col.c_3 { width: 52% } .product_table.locked_transact .table_head > .row_with_details > .row > .col.c_4, .product_table.locked_transact .table_head > .row > .col.c_4, .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_4, .product_table.locked_transact .table_body > .row > .col.c_4 { width: 24% } .product_table.locked_transact .table_head > .row_with_details > .row > .col.c_4, .product_table.locked_transact .table_head > .row > .col.c_4, .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_4, .product_table.locked_transact .table_body > .row > .col.c_4 { text-align: right; padding-left: 4px; padding-right: 32px } .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_1, .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_2, .product_table.locked_transact .table_body > .row > .col.c_1, .product_table.locked_transact .table_body > .row > .col.c_2 { text-align: center; padding-left: 4px; padding-right: 4px } .product_table.documents { padding: 0px } .product_table.documents .table_head { display: none } .product_table.documents .table_body > .row_with_details > .row > .col.c_1, .product_table.documents .table_body > .row > .col.c_1 { width: 50% } .product_table.documents .table_body > .row_with_details > .row > .col.c_2, .product_table.documents .table_body > .row_with_details > .row > .col.c_3, .product_table.documents .table_body > .row > .col.c_2, .product_table.documents .table_body > .row > .col.c_3 { width: 25% } .product_table.documents .table_body > .row_with_details > .row > .col.c_2, .product_table.documents .table_body > .row_with_details > .row > .col.c_3, .product_table.documents .table_body > .row > .col.c_2, .product_table.documents .table_body > .row > .col.c_3 { text-align: center; padding-left: 4px; padding-right: 4px } .product_table.lifts_list .table_head > .row_with_details > .row > .col.c_1, .product_table.lifts_list .table_head > .row_with_details > .row > .col.c_2, .product_table.lifts_list .table_head > .row > .col.c_1, .product_table.lifts_list .table_head > .row > .col.c_2, .product_table.lifts_list .table_body > .row_with_details > .row > .col.c_1, .product_table.lifts_list .table_body > .row_with_details > .row > .col.c_2, .product_table.lifts_list .table_body > .row > .col.c_1, .product_table.lifts_list .table_body > .row > .col.c_2 { width: 33% } .product_table.lifts_list .table_head > .row_with_details > .row > .col.c_3, .product_table.lifts_list .table_head > .row > .col.c_3, .product_table.lifts_list .table_body > .row_with_details > .row > .col.c_3, .product_table.lifts_list .table_body > .row > .col.c_3 { width: 34% } .product_table.lifts_list .table_body > .row_with_details > .row > .col.c_1, .product_table.lifts_list .table_body > .row_with_details > .row > .col.c_2, .product_table.lifts_list .table_body > .row_with_details > .row > .col.c_3, .product_table.lifts_list .table_body > .row > .col.c_1, .product_table.lifts_list .table_body > .row > .col.c_2, .product_table.lifts_list .table_body > .row > .col.c_3 { text-align: center; padding-left: 4px; padding-right: 4px } .product_table.payoff_timetable .table_head > .row_with_details > .row > .col.c_1, .product_table.payoff_timetable .table_head > .row > .col.c_1, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_1, .product_table.payoff_timetable .table_body > .row > .col.c_1 { width: 8% } .product_table.payoff_timetable .table_head > .row_with_details > .row > .col.c_2, .product_table.payoff_timetable .table_head > .row > .col.c_2, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_2, .product_table.payoff_timetable .table_body > .row > .col.c_2 { width: 18% } .product_table.payoff_timetable .table_head > .row_with_details > .row > .col.c_3, .product_table.payoff_timetable .table_head > .row > .col.c_3, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_3, .product_table.payoff_timetable .table_body > .row > .col.c_3 { width: 22% } .product_table.payoff_timetable .table_head > .row_with_details > .row > .col.c_4, .product_table.payoff_timetable .table_head > .row > .col.c_4, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_4, .product_table.payoff_timetable .table_body > .row > .col.c_4 { width: 32% } .product_table.payoff_timetable .table_head > .row_with_details > .row > .col.c_5, .product_table.payoff_timetable .table_head > .row > .col.c_5, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_5, .product_table.payoff_timetable .table_body > .row > .col.c_5 { width: 20% } .product_table.payments_table .table_head > .row_with_details > .row > .col.c_1, .product_table.payments_table .table_head > .row > .col.c_1, .product_table.payments_table .table_body > .row_with_details > .row > .col.c_1, .product_table.payments_table .table_body > .row > .col.c_1 { width: 22% } .product_table.payments_table .table_head > .row_with_details > .row > .col.c_2, .product_table.payments_table .table_head > .row > .col.c_2, .product_table.payments_table .table_body > .row_with_details > .row > .col.c_2, .product_table.payments_table .table_body > .row > .col.c_2 { width: 34% } .product_table.payments_table .table_head > .row_with_details > .row > .col.c_3, .product_table.payments_table .table_head > .row > .col.c_3, .product_table.payments_table .table_body > .row_with_details > .row > .col.c_3, .product_table.payments_table .table_body > .row > .col.c_3 { width: 22% } .product_table.payments_table .table_head > .row_with_details > .row > .col.c_4, .product_table.payments_table .table_head > .row > .col.c_4, .product_table.payments_table .table_body > .row_with_details > .row > .col.c_4, .product_table.payments_table .table_body > .row > .col.c_4 { width: 22% } .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_1, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_2, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_3, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_4, .product_table.payoff_timetable .table_body > .row > .col.c_1, .product_table.payoff_timetable .table_body > .row > .col.c_2, .product_table.payoff_timetable .table_body > .row > .col.c_3, .product_table.payoff_timetable .table_body > .row > .col.c_4 { text-align: center; padding-left: 4px; padding-right: 4px } .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_5, .product_table.payoff_timetable .table_body > .row > .col.c_5 { text-align: right; padding-right: 36px } .product_table.payoff_timetable .table_body > .row_with_details > .details > .body > .fields > .field.f_1, .product_table.payoff_timetable .table_body > .row_with_details > .details > .body > .fields > .field.f_2 { width: 30% } .product_table.payoff_timetable .table_body > .row_with_details > .details > .body > .fields > .field.f_3 { width: 40%; padding-right: 32px } .product_table.payments_table .table_body > .row_with_details > .details > .body > .fields > .field.f_1, .product_table.payments_table .table_body > .row_with_details > .details > .body > .fields > .field.f_2 { width: 30% } .product_table.payments_table .table_body > .row_with_details > .details > .body > .fields > .field.f_3 { width: 40%; padding-right: 32px } .product_table.payments_table .table_body > .row_with_details > .row > .col.c_1, .product_table.payments_table .table_body > .row_with_details > .row > .col.c_2, .product_table.payments_table .table_body > .row_with_details > .row > .col.c_3, .product_table.payments_table .table_body > .row_with_details > .row > .col.c_4, .product_table.payments_table .table_body > .row > .col.c_1, .product_table.payments_table .table_body > .row > .col.c_2, .product_table.payments_table .table_body > .row > .col.c_3, .product_table.payments_table .table_body > .row > .col.c_4 { text-align: center; padding-left: 4px; padding-right: 4px } .product_table.notify_table .table_head > .row_with_details > .row > .col.c_1, .product_table.notify_table .table_head > .row > .col.c_1, .product_table.notify_table .table_body > .row_with_details > .row > .col.c_1, .product_table.notify_table .table_body > .row > .col.c_1 { width: 75% } .product_table.notify_table .table_head > .row_with_details > .row > .col.c_2, .product_table.notify_table .table_head > .row > .col.c_2, .product_table.notify_table .table_body > .row_with_details > .row > .col.c_2, .product_table.notify_table .table_body > .row > .col.c_2 { width: 25% } .product_table.notify_table .table_body > .row_with_details > .row > .col.c_1, .product_table.notify_table .table_body > .row_with_details > .row > .col.c_2, .product_table.notify_table .table_body > .row > .col.c_1, .product_table.notify_table .table_body > .row > .col.c_2 { text-align: left; padding-left: 18px; padding-right: 4px } .product_table.notify_table .table_body > .row_with_details > .row > .col.c_2, .product_table.notify_table .table_body > .row > .col.c_2 { padding-right: 32px } .product_table.notify_table .table_body > .row_with_details > .row > .col > .v > span.cat, .product_table.notify_table .table_body > .row > .col > .v > span.cat { display: inline-block; color: #333; font-size: 13px; line-height: 15px; padding-left: 18px; position: relative } .product_table.notify_table .table_body > .row_with_details > .details > .body > .fields > .field.f_1 { width: 22% } .product_table.notify_table .table_body > .row_with_details > .details > .body > .fields > .field.f_2 { width: 78%; padding-right: 32px } .product_table.notify_table .table_body > .row_with_details > .details > .body > .special_fields { display: block; position: relative } .product_table.notify_table .table_body > .row_with_details > .details > .body > .special_fields > .field { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; line-height: 18px; padding-left: 18px; padding-right: 18px; padding-top: 12px; margin-top: 12px; border-top: 1px solid transparent } .product_table.notify_table .table_body > .row_with_details > .details > .body > .special_fields > .field:before { content: ''; display: block; height: 1px; position: absolute; top: 0px; left: 18px; right: 18px; background-color: #444547 } .product_table.notify_table .table_body > .row_with_details > .details > .body > .special_fields > .field .l { font-weight: bold } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes { margin-right: -18px; margin-top: 0px } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes .checkbox { display: block; float: left; margin-right: 18px; margin-top: 9px } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox input[type="checkbox"] + label > .label { font-weight: normal; padding-top: 2px; padding-bottom: 2px; color: #e6e6e6; background-color: #595958; border: 1px solid #cdcdcd; font-size: 1px; font-size: 0px; margin-right: 1px; padding-left: 46px } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox input[type="checkbox"] + label > .label:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 30px } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox input[type="checkbox"] + label > .label > span { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 14px } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox input[type="checkbox"] + label > .label:before { display: block; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; color: #a7aaae; position: absolute; top: 50%; left: 24px; margin-top: -8px } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox input[type="checkbox"] + label > .chbox { background-color: #595958; border: 1px solid #cdcdcd } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox input[type="checkbox"].error + label > .label, .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox input[type="checkbox"].error + label > .chbox { background-color: #ffeded } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox input[type="checkbox"]:focus + label > .label, .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox input[type="checkbox"]:hover + label > .label, .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox input[type="checkbox"]:focus + label > .chbox, .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox input[type="checkbox"]:hover + label > .chbox { border: 1px solid #ec0000 } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox.ch_email input[type="checkbox"] + label > .label:before { content: "" } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes.notify_ch .checkbox.ch_sms input[type="checkbox"] + label > .label:before { content: "" } .product_table.notify_table .table_body > .row_with_details > .details .bts { padding-top: 9px; text-align: center } .product_table.notify_table .table_body > .row_with_details > .details .bts > .button { text-align: left; display: inline-block; width: auto; border: 1px solid #cdcdcd; color: #e6e6e6; background-color: transparent } .product_table.notify_table .table_body > .row_with_details > .details .bts > .button:before { color: #a7aaae } .product_table.notify_table .table_body > .row_with_details > .details .bts > .button > .icon { color: #a7aaae; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0) } .product_table.notify_table .table_body > .row_with_details > .details .bts > .button:focus, .product_table.notify_table .table_body > .row_with_details > .details .bts > .button:hover { background-color: #3d3e40 } .product_table.notify_table .table_body > .row_with_details > .details .bts > .button:focus > .icon, .product_table.notify_table .table_body > .row_with_details > .details .bts > .button:hover > .icon { color: #ec0000 } .product_table.notify_table .table_body > .row_with_details > .details .bts > .button:active { background-color: #3d3e40 } .product_table.event_logs .table_head > .row_with_details > .row > .col.c_1, .product_table.event_logs .table_head > .row_with_details > .row > .col.c_2, .product_table.event_logs .table_head > .row > .col.c_1, .product_table.event_logs .table_head > .row > .col.c_2, .product_table.event_logs .table_body > .row_with_details > .row > .col.c_1, .product_table.event_logs .table_body > .row_with_details > .row > .col.c_2, .product_table.event_logs .table_body > .row > .col.c_1, .product_table.event_logs .table_body > .row > .col.c_2 { width: 20% } .product_table.event_logs .table_head > .row_with_details > .row > .col.c_3, .product_table.event_logs .table_head > .row > .col.c_3, .product_table.event_logs .table_body > .row_with_details > .row > .col.c_3, .product_table.event_logs .table_body > .row > .col.c_3 { width: 60% } .product_table.event_logs .table_head > .row > .col.c_3 { text-align: left; padding-left: 18px; padding-right: 9px } .product_table.event_logs .table_body > .row_with_details > .row > .col.c_1, .product_table.event_logs .table_body > .row > .col.c_1 { text-align: center; padding-left: 4px; padding-right: 4px } .product_table.offer_applications .download { margin-left: 24px } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_1, .product_table.offer_applications .table_head > .row > .col.c_1, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_1, .product_table.offer_applications .table_body > .row > .col.c_1 { width: 32% } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_2, .product_table.offer_applications .table_head > .row > .col.c_2, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_2, .product_table.offer_applications .table_body > .row > .col.c_2 { width: 11% } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_2 .v, .product_table.offer_applications .table_head > .row > .col.c_2 .v, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_2 .v, .product_table.offer_applications .table_body > .row > .col.c_2 .v { white-space: nowrap } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_3, .product_table.offer_applications .table_head > .row > .col.c_3, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_3, .product_table.offer_applications .table_body > .row > .col.c_3 { width: 30% } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_4, .product_table.offer_applications .table_head > .row > .col.c_4, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_4, .product_table.offer_applications .table_body > .row > .col.c_4 { width: 16% } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_5, .product_table.offer_applications .table_head > .row > .col.c_5, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_5, .product_table.offer_applications .table_body > .row > .col.c_5 { width: 11% } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_5 .v, .product_table.offer_applications .table_head > .row > .col.c_5 .v, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_5 .v, .product_table.offer_applications .table_body > .row > .col.c_5 .v { white-space: nowrap } .product_table.offer_applications .table_head > .row > .col.c_1, .product_table.offer_applications .table_head > .row > .col.c_3 { text-align: left; padding-left: 18px; padding-right: 9px } .product_table.offer_applications .table_head > .row > .col.c_3 span { margin-left: 24px } .product_table.offer_applications .table_head > .row > .col.c_2.sort, .product_table.offer_applications .table_head > .row > .col.c_4.sort { padding-left: 24px; padding-right: 24px } .product_table.offer_applications .table_body > .row_with_details > .row.active { background-color: transparent } .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_2, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_4, .product_table.offer_applications .table_body > .row > .col.c_2, .product_table.offer_applications .table_body > .row > .col.c_4 { text-align: center; padding-left: 4px; padding-right: 4px } .product_table.offer_applications .table_body > .row_with_details > .details > .head, .product_table.offer_applications .table_body > .row_with_details > .details > .body { display: none } .product_table.offer_applications .table_body > .row_with_details > .details > .body > .fields > .field.f_1, .product_table.offer_applications .table_body > .row_with_details > .details > .body > .fields > .field.f_2 { width: 30% } .product_table.offer_applications .table_body > .row_with_details > .details > .body > .fields > .field.f_3 { width: 40%; padding-left: 4px; padding-right: 32px } .product_table .details_bt { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px } .product_table .details_bt > .arrow { display: block; width: 10px; height: 10px; position: absolute; top: 50%; right: 12px; margin-top: -5px; pointer-events: none; color: #444547; overflow: hidden } .product_table .details_bt > .arrow > .arrow_d, .product_table .details_bt > .arrow > .arrow_u { display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 0px; left: 0px; color: #444547; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .product_table .details_bt > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .product_table .details_bt > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .product_table .details_bt:focus > .arrow > .arrow_d, .product_table .details_bt:focus > .arrow > .arrow_u, .product_table .details_bt:hover > .arrow > .arrow_d, .product_table .details_bt:hover > .arrow > .arrow_u { color: #ec0000 } .product_table .row.active .details_bt > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .product_table .row.active .details_bt > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .product_table--custom .table_head > .row_with_details > .row.selected, .product_table--custom .table_body > .row_with_details > .row.selected { background-color: #ffeded } .product_table--custom .table_head > .row .col, .product_table--custom .table_head .row_with_details .col, .product_table--custom .table_body > .row .col, .product_table--custom .table_body .row_with_details .col { text-align: center } .product_table--custom .table_head > .row .col.c_1, .product_table--custom .table_head .row_with_details .col.c_1, .product_table--custom .table_body > .row .col.c_1, .product_table--custom .table_body .row_with_details .col.c_1 { width: 20% } .product_table--custom .table_head > .row .col.c_2, .product_table--custom .table_head .row_with_details .col.c_2, .product_table--custom .table_body > .row .col.c_2, .product_table--custom .table_body .row_with_details .col.c_2 { width: 55%; text-align: left } .product_table--custom .table_head > .row .col.c_3, .product_table--custom .table_head .row_with_details .col.c_3, .product_table--custom .table_body > .row .col.c_3, .product_table--custom .table_body .row_with_details .col.c_3 { width: 15% } .product_table--custom .table_head > .row .col.c_4, .product_table--custom .table_head .row_with_details .col.c_4, .product_table--custom .table_body > .row .col.c_4, .product_table--custom .table_body .row_with_details .col.c_4 { width: 10% } .product_table--custom .table_head > .row_with_details .col.c_1, .product_table--custom .table_body > .row_with_details .col.c_1 { width: 20%; text-align: center; padding-left: 4px; padding-right: 4px; line-height: 14px; padding-top: 12px; margin-bottom: -190px } .product_table--custom .table_details { padding: 16px 24px; background-color: #e6e6e6; position: relative } .product_table--custom .table_details::after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_table--custom .table_details .table_notify { position: absolute; left: 0; width: 100%; bottom: 100%; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity .3s, transform .3s, visibility .3s; background-color: #f5f5f5; border: 1px solid #ec0000; padding: 10px 15px; box-sizing: border-box } .product_table--custom .table_details .table_notify.show { opacity: 1; visibility: visible; transform: translateY(0) } .product_table--custom .table_details .table_notify .table_notification { display: none; font-size: 12px; color: #ec0000; font-weight: bold; margin-right: 25px } .product_table--custom .table_details .table_notify .table_notification.show { display: block } .product_table--custom .table_details .table_notify .table_notitfyIcon { position: absolute; top: 10px; right: 15px } .product_table--custom .table_details .table_amountWrap { margin-left: 33%; float: left; -o-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s } .product_table--custom .table_details .table_amountWrap.hide { opacity: 0 } .product_table--custom .table_details .table_amountWrap p { font-size: 14px } .product_table--custom .table_details .table_amountWrap p.amount { font-family: 'latoblack'; font-size: 24px; color: #ec0000; margin-top: 8px } .product_table--custom .table_details .bt { min-width: 167px; float: right } .product_pagination { display: block; position: relative; padding: 18px 0px; font-size: 1px; font-size: 0px; text-align: center } .product_pagination a.button.bt_prev, .product_pagination a.button.bt_next { display: inline-block; vertical-align: middle; width: 140px; padding: 0px 18px } .product_pagination a.button.bt_prev:before, .product_pagination a.button.bt_next:before { right: auto; left: auto } .product_pagination a.button.bt_prev { padding-left: 32px; text-align: right } .product_pagination a.button.bt_prev:before { content: ""; left: 18px } .product_pagination a.button.bt_prev:focus:before, .product_pagination a.button.bt_prev:hover:before { -webkit-animation-name: fade-slide-l; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-l; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-l; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-l; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .product_pagination a.button.bt_next { padding-right: 32px; text-align: left } .product_pagination a.button.bt_next:before { content: ""; right: 18px } .product_pagination a.button.bt_next:focus:before, .product_pagination a.button.bt_next:hover:before { -webkit-animation-name: fade-slide-r; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-r; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-r; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-r; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .product_pagination > .pages { display: inline-block; vertical-align: middle; padding: 0px 16px; font-size: 1px; font-size: 0px; text-align: center } .product_pagination > .pages > span, .product_pagination > .pages > a { display: inline-block; vertical-align: middle; text-decoration: none; padding: 8px; color: #444547; font-size: 14px; line-height: 18px } .product_pagination > .pages > span.active, .product_pagination > .pages > a.active { color: #ec0000 } .product_pagination > .pages > a:focus, .product_pagination > .pages > a:hover { color: #ec0000 } .table_filters { display: block; position: relative } .table_filters .search_box { display: block; position: relative } .table_filters .search_box .field_main { z-index: 0; display: block; height: 48px; padding-right: 178px; position: relative; top: 0px; left: 0px } .table_filters .search_box .field_side { z-index: 1; display: block; width: 160px; position: absolute; top: 0px; right: 0px } .table_filters .search_box .toggler { display: block; position: relative } .table_filters .search_box .toggler > .button:before { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .table_filters .search_box .toggler > .button > .cross { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; width: 10px; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 18px; -o-transform: translatez(0); -ms-transform: translatez(0); -moz-transform: translatez(0); -webkit-transform: translatez(0); transform: translatez(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important } .table_filters .search_box .toggler > .button > .cross:before { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; color: #ec0000 } .table_filters .search_box .toggler > .adapter { display: block; position: absolute; top: 0px; left: 100%; bottom: 0px; width: 0px; padding-left: 0px; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; background-color: #cdcdcd } .table_filters .search_box .toggler > .adapter > div { display: block; position: absolute; top: 0px; left: 19px; right: 0px; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; background-color: #cdcdcd } .table_filters .search_box .toggler.active > .button { -o-transition: color 0.2s,background-color 0.2s,border 0.2s; -moz-transition: color 0.2s,background-color 0.2s,border 0.2s; -webkit-transition: color 0.2s,background-color 0.2s,border 0.2s; transition: color 0.2s,background-color 0.2s,border 0.2s; background-color: #595958; border: 1px solid #595958; color: #fff } .table_filters .search_box .toggler.active > .button > .icon { -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #fff } .table_filters .search_box .toggler.active > .button:before { -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; color: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important } .table_filters .search_box .toggler.active > .button > .cross { -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .table_filters .search_box .toggler.active > .button:focus > .icon, .table_filters .search_box .toggler.active > .button:hover > .icon { -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; color: #ec0000 } .table_filters .search_box .toggler.active > .button:focus > .cross:before, .table_filters .search_box .toggler.active > .button:hover > .cross:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .table_filters .search_box .toggler.active > .adapter { -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #595958 } .table_filters .search_box .toggler.active > .adapter > div { -o-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; background-color: #595958 } .table_filters .search_box .search_input { display: block; height: 100%; position: relative } .table_filters .search_box .search_input label.hidden { display: block; width: 1px; height: 0px; position: absolute; z-index: -1; font-size: 1px; font-size: 0px; color: transparent } .table_filters .search_box .search_input input[type="text"] { display: block; z-index: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 18px; padding-right: 50px; height: 48px; border: 1px solid #c3c3c3; font-size: 14px; line-height: 24px; background-color: #fff; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .table_filters .search_box .search_input input[type="text"]:focus, .table_filters .search_box .search_input input[type="text"]:hover { border: 1px solid #ec0000 } .table_filters .search_box .search_input input[type="text"]:focus:-ms-input-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="text"]:focus:-moz-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="text"]:focus::-moz-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="text"]:focus::-webkit-input-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="email"]:focus:-ms-input-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="email"]:focus:-moz-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="email"]:focus::-moz-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="email"]:focus::-webkit-input-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="tel"]:focus:-ms-input-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="tel"]:focus:-moz-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="tel"]:focus::-moz-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="tel"]:focus::-webkit-input-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="number"]:focus:-ms-input-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="number"]:focus:-moz-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="number"]:focus::-moz-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="number"]:focus::-webkit-input-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="password"]:focus:-ms-input-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="password"]:focus:-moz-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="password"]:focus::-moz-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="password"]:focus::-webkit-input-placeholder { color: #444547 } .table_filters .search_box .search_input textarea:focus:-ms-input-placeholder { color: #444547 } .table_filters .search_box .search_input textarea:focus:-moz-placeholder { color: #444547 } .table_filters .search_box .search_input textarea:focus::-moz-placeholder { color: #444547 } .table_filters .search_box .search_input textarea:focus::-webkit-input-placeholder { color: #444547 } .table_filters .search_box .search_input input[type="text"]:focus:-ms-input-placeholder { color: transparent } .table_filters .search_box .search_input input[type="text"]:focus:-moz-placeholder { color: transparent } .table_filters .search_box .search_input input[type="text"]:focus::-moz-placeholder { color: transparent } .table_filters .search_box .search_input input[type="text"]:focus::-webkit-input-placeholder { color: transparent } .table_filters .search_box .search_input input[type="email"]:focus:-ms-input-placeholder { color: transparent } .table_filters .search_box .search_input input[type="email"]:focus:-moz-placeholder { color: transparent } .table_filters .search_box .search_input input[type="email"]:focus::-moz-placeholder { color: transparent } .table_filters .search_box .search_input input[type="email"]:focus::-webkit-input-placeholder { color: transparent } .table_filters .search_box .search_input input[type="tel"]:focus:-ms-input-placeholder { color: transparent } .table_filters .search_box .search_input input[type="tel"]:focus:-moz-placeholder { color: transparent } .table_filters .search_box .search_input input[type="tel"]:focus::-moz-placeholder { color: transparent } .table_filters .search_box .search_input input[type="tel"]:focus::-webkit-input-placeholder { color: transparent } .table_filters .search_box .search_input input[type="number"]:focus:-ms-input-placeholder { color: transparent } .table_filters .search_box .search_input input[type="number"]:focus:-moz-placeholder { color: transparent } .table_filters .search_box .search_input input[type="number"]:focus::-moz-placeholder { color: transparent } .table_filters .search_box .search_input input[type="number"]:focus::-webkit-input-placeholder { color: transparent } .table_filters .search_box .search_input input[type="password"]:focus:-ms-input-placeholder { color: transparent } .table_filters .search_box .search_input input[type="password"]:focus:-moz-placeholder { color: transparent } .table_filters .search_box .search_input input[type="password"]:focus::-moz-placeholder { color: transparent } .table_filters .search_box .search_input input[type="password"]:focus::-webkit-input-placeholder { color: transparent } .table_filters .search_box .search_input textarea:focus:-ms-input-placeholder { color: transparent } .table_filters .search_box .search_input textarea:focus:-moz-placeholder { color: transparent } .table_filters .search_box .search_input textarea:focus::-moz-placeholder { color: transparent } .table_filters .search_box .search_input textarea:focus::-webkit-input-placeholder { color: transparent } .table_filters .search_box .search_input span.loupe { z-index: 1; display: block; width: 40px; color: #ec0000; pointer-events: none; position: absolute; top: 1px; bottom: 1px; right: 1px; background-color: #fff } .table_filters .search_box .search_input span.loupe:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; position: absolute; top: 50%; right: 18px; margin-top: -8px } .table_filters .search_box .search_input.error input[type="text"] { background-color: #ffeded } .table_filters .search_box .search_input.error span.loupe { background-color: #ffeded } .table_filters .search_box + .error_msg { display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 1px; padding-right: 178px; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); position: absolute; top: 48px; z-index: 2; overflow: hidden; max-height: 16px } .table_filters .options { z-index: 1; display: block; position: relative } .table_filters .options .options_box { display: none; width: 303px; position: absolute; top: -48px; left: 100%; margin-left: 19px; overflow: hidden } .table_filters .options .options_box a.close { display: block; width: 50px; height: 40px; text-decoration: none; position: absolute; top: 0px; right: 0px; color: #ec0000; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0) } .table_filters .options .options_box a.close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; -o-transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .table_filters .options .options_box a.close:focus, .table_filters .options .options_box a.close:hover { color: #ec0000 } .table_filters .options .options_box a.close:focus:before, .table_filters .options .options_box a.close:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .table_filters .options .options_box.active { display: block } .table_filters .options .options_box > div { display: block; width: 100%; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px; padding-top: 40px; color: #fff; background-color: #595958 } .table_filters .options input[type="number"], .table_filters .options input[type="date"], .table_filters .options input[type="text"] { display: block; width: 100%; height: 48px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 18px; border: 1px solid #c3c3c3; background-color: #fff; font-size: 14px; line-height: 24px; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .table_filters .options input[type="number"]:focus, .table_filters .options input[type="number"]:hover, .table_filters .options input[type="date"]:focus, .table_filters .options input[type="date"]:hover, .table_filters .options input[type="text"]:focus, .table_filters .options input[type="text"]:hover { border: 1px solid #ec0000 } .table_filters .options input[type="number"].error, .table_filters .options input[type="date"].error, .table_filters .options input[type="text"].error { background-color: #ffeded } .table_filters .options .select_box { display: block; width: 100%; position: relative } .table_filters .options .select_box select { z-index: 0; display: block; width: 100%; height: 48px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 18px; padding-right: 50px; border: 1px solid #c3c3c3; background-color: #fff; font-size: 14px; line-height: 24px; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; cursor: pointer } .table_filters .options .select_box select:focus, .table_filters .options .select_box select:hover { border: 1px solid #ec0000 } .table_filters .options .select_box span { z-index: 1; display: block; width: 40px; color: #ec0000; pointer-events: none; position: absolute; top: 1px; bottom: 1px; right: 1px; background-color: #fff } .table_filters .options .select_box span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; right: 18px; margin-top: -5px } .table_filters .options .select_box.error select { background-color: #ffeded } .table_filters .options .select_box.error span { background-color: #ffeded } .table_filters .options label.hidden { display: block; width: 1px; height: 0px; position: absolute; z-index: -1; font-size: 1px; font-size: 0px; color: transparent } .table_filters .options .form_field { position: relative } .table_filters .options .form_field.date:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 18px; height: 18px; font-size: 18px; line-height: 18px; text-align: center; color: #ec0000; position: absolute; top: 14px; right: 18px; pointer-events: none } .table_filters .options .form_field.date input[type="number"], .table_filters .options .form_field.date input[type="date"], .table_filters .options .form_field.date input[type="text"] { padding-right: 48px } .table_filters .options .form_field.from input[type="number"], .table_filters .options .form_field.from input[type="date"], .table_filters .options .form_field.from input[type="text"], .table_filters .options .form_field.to input[type="number"], .table_filters .options .form_field.to input[type="date"], .table_filters .options .form_field.to input[type="text"] { padding-left: 48px } .table_filters .options .form_field.from > span.inner_txt, .table_filters .options .form_field.to > span.inner_txt { z-index: 1; display: block; width: 36px; height: 24px; font-size: 14px; line-height: 24px; color: #444547; text-align: right; position: absolute; top: 12px; left: 0px; pointer-events: none } .table_filters .options .form_field .error_msg { display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 9px; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0) } .table_filters .options .form_row.no_desktop { display: none } .table_filters .options .form_row + .form_row { margin-top: 9px } .table_filters .options .form_col + .form_col { margin-top: 9px } .table_filters .options .form_label { display: block; font-size: 14px; line-height: 18px; font-weight: bold; padding: 5px 0px; color: #e6e6e6 } .table_filters .options .form_label.no_desktop { display: none } .table_filters .selected { display: block; position: relative; padding: 18px 0px; padding-bottom: 9px } .table_filters .selected.hidden { display: none } .table_filters .selected:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .table_filters .selected > span { display: block; float: left; color: #444547; font-size: 14px; line-height: 16px; padding: 10px 0px; padding-right: 9px } .table_filters .selected > .filters { display: block; float: left; padding-right: 9px } .table_filters .selected > .filters:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .table_filters .selected > .filters > .filter { display: block; float: left; margin-right: 9px; margin-bottom: 9px } .table_filters .selected > .filter { display: block; float: left; margin-bottom: 9px } .table_filters.in_message .selected > .filters { clear: left } .table_filters.in_message .selected.hidden + .space { display: block; padding-bottom: 18px } .table_inline_filters { display: block } .table_inline_filters > .button { display: none } .table_inline_filters > .button:before { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .table_inline_filters > .button > .cross { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; width: 10px; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: 18px; -o-transform: translatez(0); -ms-transform: translatez(0); -moz-transform: translatez(0); -webkit-transform: translatez(0); transform: translatez(0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important } .table_inline_filters > .button > .cross:before { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; color: #ec0000 } .table_inline_filters > .button.active { -o-transition: color 0.2s,background-color 0.2s,border 0.2s; -moz-transition: color 0.2s,background-color 0.2s,border 0.2s; -webkit-transition: color 0.2s,background-color 0.2s,border 0.2s; transition: color 0.2s,background-color 0.2s,border 0.2s; background-color: #595958; border: 1px solid #595958; color: #fff } .table_inline_filters > .button.active > .icon { -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #fff } .table_inline_filters > .button.active:before { -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; color: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important } .table_inline_filters > .button.active > .cross { -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .table_inline_filters > .button.active:focus > .icon, .table_inline_filters > .button.active:hover > .icon { -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; color: #ec0000 } .table_inline_filters > .button.active:focus > .cross:before, .table_inline_filters > .button.active:hover > .cross:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .table_inline_filters > .toggle_box { display: block } .table_inline_filters > .toggle_box > div { display: block; background-color: #595958; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px } .table_inline_filters > .toggle_box > div:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .table_inline_filters > .toggle_box > div .filters_label { float: left; display: block; height: 48px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; padding: 0px 18px; padding-left: 40px; padding-right: 18px; position: relative; text-decoration: none; font-size: 1px; font-size: 0px; color: #fff } .table_inline_filters > .toggle_box > div .filters_label > .icon { display: block; width: 24px; height: 24px; font-size: 24px; line-height: 24px; position: absolute; text-align: center; top: 50%; margin-top: -12px; left: 6px; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .table_inline_filters > .toggle_box > div .filters_label > .text { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 14px; line-height: 16px; max-width: 100% } .table_inline_filters > .toggle_box > div .filters_label:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .table_inline_filters > .toggle_box > div .filters_options { display: block; float: right } .table_inline_filters > .toggle_box > div .filters_options input[type="number"], .table_inline_filters > .toggle_box > div .filters_options input[type="date"], .table_inline_filters > .toggle_box > div .filters_options input[type="text"] { display: block; width: 100%; height: 48px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 18px; border: 1px solid #c3c3c3; background-color: #fff; font-size: 14px; line-height: 24px; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .table_inline_filters > .toggle_box > div .filters_options input[type="number"]:focus, .table_inline_filters > .toggle_box > div .filters_options input[type="number"]:hover, .table_inline_filters > .toggle_box > div .filters_options input[type="date"]:focus, .table_inline_filters > .toggle_box > div .filters_options input[type="date"]:hover, .table_inline_filters > .toggle_box > div .filters_options input[type="text"]:focus, .table_inline_filters > .toggle_box > div .filters_options input[type="text"]:hover { border: 1px solid #ec0000 } .table_inline_filters > .toggle_box > div .filters_options input[type="number"].error, .table_inline_filters > .toggle_box > div .filters_options input[type="date"].error, .table_inline_filters > .toggle_box > div .filters_options input[type="text"].error { background-color: #ffeded } .table_inline_filters > .toggle_box > div .filters_options .select_box { display: block; width: 100%; position: relative } .table_inline_filters > .toggle_box > div .filters_options .select_box select { z-index: 0; display: block; width: 100%; height: 48px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 18px; padding-right: 50px; border: 1px solid #c3c3c3; background-color: #fff; font-size: 14px; line-height: 24px; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; cursor: pointer } .table_inline_filters > .toggle_box > div .filters_options .select_box select:focus, .table_inline_filters > .toggle_box > div .filters_options .select_box select:hover { border: 1px solid #ec0000 } .table_inline_filters > .toggle_box > div .filters_options .select_box span { z-index: 1; display: block; width: 40px; color: #ec0000; pointer-events: none; position: absolute; top: 1px; bottom: 1px; right: 1px; background-color: #fff } .table_inline_filters > .toggle_box > div .filters_options .select_box span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; right: 18px; margin-top: -5px } .table_inline_filters > .toggle_box > div .filters_options .select_box.error select { background-color: #ffeded } .table_inline_filters > .toggle_box > div .filters_options .select_box.error span { background-color: #ffeded } .table_inline_filters > .toggle_box > div .filters_options label.hidden { display: block; width: 1px; height: 0px; position: absolute; z-index: -1; font-size: 1px; font-size: 0px; color: transparent } .table_inline_filters > .toggle_box > div .filters_options .form_field { position: relative } .table_inline_filters > .toggle_box > div .filters_options .form_field.date:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 18px; height: 18px; font-size: 18px; line-height: 18px; text-align: center; color: #ec0000; position: absolute; top: 14px; right: 18px; pointer-events: none } .table_inline_filters > .toggle_box > div .filters_options .form_field.date input[type="number"], .table_inline_filters > .toggle_box > div .filters_options .form_field.date input[type="date"], .table_inline_filters > .toggle_box > div .filters_options .form_field.date input[type="text"] { padding-right: 48px } .table_inline_filters > .toggle_box > div .filters_options .form_field.with_inner input[type="number"], .table_inline_filters > .toggle_box > div .filters_options .form_field.with_inner input[type="date"], .table_inline_filters > .toggle_box > div .filters_options .form_field.with_inner input[type="text"] { padding-left: 68px } .table_inline_filters > .toggle_box > div .filters_options .form_field.with_inner > span.inner_txt { z-index: 1; display: block; width: 52px; height: 24px; font-size: 14px; line-height: 24px; color: #444547; text-align: right; position: absolute; top: 12px; left: 0px; pointer-events: none } .table_inline_filters > .toggle_box > div .filters_options .form_field .error_msg { display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 9px; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0) } .table_inline_filters > .toggle_box > div .filters_options .cols .col { margin-left: 9px; width: 260px } .table_inline_filters > .toggle_box > div .filters_options .form_label { display: block; font-size: 14px; line-height: 18px; font-weight: bold; padding: 5px 0px; color: #e6e6e6 } .table_inline_filters > .toggle_box > div .filters_options .form_label.no_desktop { display: none } .message_box .msg_view_box { position: relative; min-height: 200px } .message_box .msg_view_box .no_message { display: block; position: relative; font-size: 1px; font-size: 0px; text-align: center; border: 1px solid #c3c3c3 } .message_box .msg_view_box .no_message:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 200px } .message_box .msg_view_box .no_message > span { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 18px; color: #444547; padding: 18px } .message_box .message { border: 1px solid #c3c3c3 } .message_box .message .head { padding: 0px 52px; position: relative } .message_box .message .head:before { content: ''; display: block; width: 0px; height: 100%; position: absolute; top: 0px; left: 0px; background-color: transparent } .message_box .message .head .title { display: block; position: relative; padding: 32px 0px } .message_box .message .head .title:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .message_box .message .head .title > h3 { display: block; font-size: 20px; line-height: 24px; font-weight: bold; color: #333; float: left } .message_box .message .head .title > .bts { display: block; float: right } .message_box .message .head .title + .sender { border-top: 1px solid #c3c3c3 } .message_box .message .head .utils { position: relative; padding-top: 12px; clear: both } .message_box .message .head .utils:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .message_box .message .head .cats { display: block; float: left } .message_box .message .head .cats .cat { display: block; float: left; padding: 4px 0px; padding-left: 36px; position: relative; font-size: 14px; line-height: 24px; color: #444547 } .message_box .message .head .cats .cat > .icon { display: block; width: 28px; height: 28px; position: absolute; top: 50%; left: 0px; margin-top: -14px; border: 1px solid #c3c3c3; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; color: #444547 } .message_box .message .head .cats .cat > .icon:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 14px; height: 14px; font-size: 14px; line-height: 14px; text-align: center; position: absolute; left: 50%; top: 50%; margin-top: -7px; margin-left: -7px } .message_box .message .head .cats .cat.cat_sys > .icon { color: #ec0000 } .message_box .message .head .cats .cat.cat_sys > .icon:before { content: "" } .message_box .message .head .cats .cat.cat_opin > .icon:before { content: "" } .message_box .message .head .cats .cat.cat_recl > .icon:before { content: "" } .message_box .message .head .cats .cat.cat_dysp > .icon:before { content: "" } .message_box .message .head .buttons { display: block; float: right; padding: 4px 0px } .message_box .message .head .sender { padding: 18px; border-bottom: 1px solid #c3c3c3; color: #444547; line-height: 15px; position: relative } .message_box .message .head .sender .icon { display: block; width: 26px; height: 26px; position: absolute; top: 50%; left: 18px; margin-top: -13px; background-color: #444547; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; color: #fff } .message_box .message .head .sender .icon:before { display: block; width: 14px; height: 14px; font-size: 14px; line-height: 14px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px } .message_box .message .head .sender .icon + .text { padding-left: 56px; } .message_box .message .head .sender .text { display: block } .message_box .message .head .sender .name { display: block; font-size: 14px } .message_box .message .head .sender .date { display: block; font-size: 11px } .message_box .message .head .sender.right { text-align: right } .message_box .message .head .sender.right .icon { left: auto; right: 18px } .message_box .message .head .sender.right .icon + .text { padding-left: 0px; padding-right: 36px } .message_box .message .body { padding: 52px; padding-top: 32px; position: relative } .message_box .message .foot { padding: 18px 52px; position: relative; border-top: 1px solid #c3c3c3 } .message_box .message .foot.dark { background-color: #f5f5f5 } .message_box .message .foot:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .message_box .message .foot .attachments { display: block; font-size: 14px; color: #333; padding: 4px 0px; float: left; position: relative } .message_box .message .foot .attachments > span { display: inline-block; line-height: 24px; font-weight: bold; margin-right: 27px; padding: 8px 0px } .message_box .message .foot .attachments > a { margin-right: 43px; padding-top: 8px; padding-bottom: 8px } .message_box .message .foot .all_attachments { display: block; float: right; position: relative } .message_box .message.active .head:before { width: 4px; background-color: #ec0000 } .message_box .message.answer { background-color: #f5f5f5 } .message_box .message + .message { border-top: 0px solid transparent } .message_box .message.reply, .message_box .message.edit { background-color: #f5f5f5 } .message_box .message.reply .hidden_label, .message_box .message.edit .hidden_label { display: none } .message_box .message.reply .head .title h3, .message_box .message.edit .head .title h3 { font-size: 15px; text-transform: uppercase; font-weight: normal; font-family: 'latoblack' } .message_box .message.reply .body, .message_box .message.edit .body { padding-top: 0px; padding-bottom: 36px } .message_box .message.reply .foot .button, .message_box .message.edit .foot .button { max-width: 220px } .message_box .message.reply .form_bts, .message_box .message.edit .form_bts { padding-top: 18px } .message_box .message.reply .form_bts:after, .message_box .message.edit .form_bts:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .message_box .message.reply .form_bts > .bt_l, .message_box .message.edit .form_bts > .bt_l { float: left; min-width: 150px } .message_box .message.reply .form_bts > .bt_l > .button > .icon, .message_box .message.edit .form_bts > .bt_l > .button > .icon { font-size: 20px } .message_box .message.reply .form_bts > .bt_r, .message_box .message.edit .form_bts > .bt_r { float: right; min-width: 150px } .message_box .message.reply .form_bts > .bt_r > .button > .icon, .message_box .message.edit .form_bts > .bt_r > .button > .icon { width: 32px; height: 32px; font-size: 32px; line-height: 32px; margin-top: -16px; left: 12px } .message_box .message.reply input[type="text"], .message_box .message.edit input[type="text"] { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 18px; height: 48px; border: 1px solid #c3c3c3; font-size: 14px; line-height: 24px; background-color: #fff; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .message_box .message.reply input[type="text"]:focus, .message_box .message.reply input[type="text"]:hover, .message_box .message.edit input[type="text"]:focus, .message_box .message.edit input[type="text"]:hover { border: 1px solid #ec0000 } .message_box .message.reply input[type="text"].error, .message_box .message.edit input[type="text"].error { background-color: #ffeded } .message_box .message.reply input[type="text"].msg_title, .message_box .message.edit input[type="text"].msg_title { font-size: 16px } .message_box .message.reply textarea, .message_box .message.edit textarea { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 18px; height: 312px; border: 1px solid #c3c3c3; font-size: 14px; line-height: 24px; background-color: #fff; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; max-width: 100%; resize: vertical } .message_box .message.reply textarea:focus, .message_box .message.reply textarea:hover, .message_box .message.edit textarea:focus, .message_box .message.edit textarea:hover { border: 1px solid #ec0000 } .message_box .message.reply textarea.error, .message_box .message.edit textarea.error { background-color: #ffeded } .message_box .message.reply input[type="text"]:focus:-ms-input-placeholder, .message_box .message.edit input[type="text"]:focus:-ms-input-placeholder { color: #444547 } .message_box .message.reply input[type="text"]:focus:-moz-placeholder, .message_box .message.edit input[type="text"]:focus:-moz-placeholder { color: #444547 } .message_box .message.reply input[type="text"]:focus::-moz-placeholder, .message_box .message.edit input[type="text"]:focus::-moz-placeholder { color: #444547 } .message_box .message.reply input[type="text"]:focus::-webkit-input-placeholder, .message_box .message.edit input[type="text"]:focus::-webkit-input-placeholder { color: #444547 } .message_box .message.reply input[type="email"]:focus:-ms-input-placeholder, .message_box .message.edit input[type="email"]:focus:-ms-input-placeholder { color: #444547 } .message_box .message.reply input[type="email"]:focus:-moz-placeholder, .message_box .message.edit input[type="email"]:focus:-moz-placeholder { color: #444547 } .message_box .message.reply input[type="email"]:focus::-moz-placeholder, .message_box .message.edit input[type="email"]:focus::-moz-placeholder { color: #444547 } .message_box .message.reply input[type="email"]:focus::-webkit-input-placeholder, .message_box .message.edit input[type="email"]:focus::-webkit-input-placeholder { color: #444547 } .message_box .message.reply input[type="tel"]:focus:-ms-input-placeholder, .message_box .message.edit input[type="tel"]:focus:-ms-input-placeholder { color: #444547 } .message_box .message.reply input[type="tel"]:focus:-moz-placeholder, .message_box .message.edit input[type="tel"]:focus:-moz-placeholder { color: #444547 } .message_box .message.reply input[type="tel"]:focus::-moz-placeholder, .message_box .message.edit input[type="tel"]:focus::-moz-placeholder { color: #444547 } .message_box .message.reply input[type="tel"]:focus::-webkit-input-placeholder, .message_box .message.edit input[type="tel"]:focus::-webkit-input-placeholder { color: #444547 } .message_box .message.reply input[type="number"]:focus:-ms-input-placeholder, .message_box .message.edit input[type="number"]:focus:-ms-input-placeholder { color: #444547 } .message_box .message.reply input[type="number"]:focus:-moz-placeholder, .message_box .message.edit input[type="number"]:focus:-moz-placeholder { color: #444547 } .message_box .message.reply input[type="number"]:focus::-moz-placeholder, .message_box .message.edit input[type="number"]:focus::-moz-placeholder { color: #444547 } .message_box .message.reply input[type="number"]:focus::-webkit-input-placeholder, .message_box .message.edit input[type="number"]:focus::-webkit-input-placeholder { color: #444547 } .message_box .message.reply input[type="password"]:focus:-ms-input-placeholder, .message_box .message.edit input[type="password"]:focus:-ms-input-placeholder { color: #444547 } .message_box .message.reply input[type="password"]:focus:-moz-placeholder, .message_box .message.edit input[type="password"]:focus:-moz-placeholder { color: #444547 } .message_box .message.reply input[type="password"]:focus::-moz-placeholder, .message_box .message.edit input[type="password"]:focus::-moz-placeholder { color: #444547 } .message_box .message.reply input[type="password"]:focus::-webkit-input-placeholder, .message_box .message.edit input[type="password"]:focus::-webkit-input-placeholder { color: #444547 } .message_box .message.reply textarea:focus:-ms-input-placeholder, .message_box .message.edit textarea:focus:-ms-input-placeholder { color: #444547 } .message_box .message.reply textarea:focus:-moz-placeholder, .message_box .message.edit textarea:focus:-moz-placeholder { color: #444547 } .message_box .message.reply textarea:focus::-moz-placeholder, .message_box .message.edit textarea:focus::-moz-placeholder { color: #444547 } .message_box .message.reply textarea:focus::-webkit-input-placeholder, .message_box .message.edit textarea:focus::-webkit-input-placeholder { color: #444547 } .message_box .message.reply input[type="text"]:focus:-ms-input-placeholder, .message_box .message.edit input[type="text"]:focus:-ms-input-placeholder { color: transparent } .message_box .message.reply input[type="text"]:focus:-moz-placeholder, .message_box .message.edit input[type="text"]:focus:-moz-placeholder { color: transparent } .message_box .message.reply input[type="text"]:focus::-moz-placeholder, .message_box .message.edit input[type="text"]:focus::-moz-placeholder { color: transparent } .message_box .message.reply input[type="text"]:focus::-webkit-input-placeholder, .message_box .message.edit input[type="text"]:focus::-webkit-input-placeholder { color: transparent } .message_box .message.reply input[type="email"]:focus:-ms-input-placeholder, .message_box .message.edit input[type="email"]:focus:-ms-input-placeholder { color: transparent } .message_box .message.reply input[type="email"]:focus:-moz-placeholder, .message_box .message.edit input[type="email"]:focus:-moz-placeholder { color: transparent } .message_box .message.reply input[type="email"]:focus::-moz-placeholder, .message_box .message.edit input[type="email"]:focus::-moz-placeholder { color: transparent } .message_box .message.reply input[type="email"]:focus::-webkit-input-placeholder, .message_box .message.edit input[type="email"]:focus::-webkit-input-placeholder { color: transparent } .message_box .message.reply input[type="tel"]:focus:-ms-input-placeholder, .message_box .message.edit input[type="tel"]:focus:-ms-input-placeholder { color: transparent } .message_box .message.reply input[type="tel"]:focus:-moz-placeholder, .message_box .message.edit input[type="tel"]:focus:-moz-placeholder { color: transparent } .message_box .message.reply input[type="tel"]:focus::-moz-placeholder, .message_box .message.edit input[type="tel"]:focus::-moz-placeholder { color: transparent } .message_box .message.reply input[type="tel"]:focus::-webkit-input-placeholder, .message_box .message.edit input[type="tel"]:focus::-webkit-input-placeholder { color: transparent } .message_box .message.reply input[type="number"]:focus:-ms-input-placeholder, .message_box .message.edit input[type="number"]:focus:-ms-input-placeholder { color: transparent } .message_box .message.reply input[type="number"]:focus:-moz-placeholder, .message_box .message.edit input[type="number"]:focus:-moz-placeholder { color: transparent } .message_box .message.reply input[type="number"]:focus::-moz-placeholder, .message_box .message.edit input[type="number"]:focus::-moz-placeholder { color: transparent } .message_box .message.reply input[type="number"]:focus::-webkit-input-placeholder, .message_box .message.edit input[type="number"]:focus::-webkit-input-placeholder { color: transparent } .message_box .message.reply input[type="password"]:focus:-ms-input-placeholder, .message_box .message.edit input[type="password"]:focus:-ms-input-placeholder { color: transparent } .message_box .message.reply input[type="password"]:focus:-moz-placeholder, .message_box .message.edit input[type="password"]:focus:-moz-placeholder { color: transparent } .message_box .message.reply input[type="password"]:focus::-moz-placeholder, .message_box .message.edit input[type="password"]:focus::-moz-placeholder { color: transparent } .message_box .message.reply input[type="password"]:focus::-webkit-input-placeholder, .message_box .message.edit input[type="password"]:focus::-webkit-input-placeholder { color: transparent } .message_box .message.reply textarea:focus:-ms-input-placeholder, .message_box .message.edit textarea:focus:-ms-input-placeholder { color: transparent } .message_box .message.reply textarea:focus:-moz-placeholder, .message_box .message.edit textarea:focus:-moz-placeholder { color: transparent } .message_box .message.reply textarea:focus::-moz-placeholder, .message_box .message.edit textarea:focus::-moz-placeholder { color: transparent } .message_box .message.reply textarea:focus::-webkit-input-placeholder, .message_box .message.edit textarea:focus::-webkit-input-placeholder { color: transparent } .message_box .message.reply .error_msg, .message_box .message.edit .error_msg { position: relative; display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 9px; white-space: normal } .message_box .message.reply .cats, .message_box .message.edit .cats { padding: 18px 0px } .message_box .message.reply .cats:after, .message_box .message.edit .cats:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .message_box .message.reply .cats > .label, .message_box .message.edit .cats > .label { float: left; padding: 10px 0px; margin-right: 18px } .message_box .message.reply .cats > .checkboxes, .message_box .message.edit .cats > .checkboxes { float: left } .message_box .message.reply .cats > .radiobuttons, .message_box .message.edit .cats > .radiobuttons { float: left } .message_box .message.reply .cats .error_msg, .message_box .message.edit .cats .error_msg { float: left; clear: both; width: 100% } .message_box .message.reply .checkboxes, .message_box .message.edit .checkboxes { display: block; position: relative; margin-right: -18px; margin-top: -9px } .message_box .message.reply .checkboxes:after, .message_box .message.edit .checkboxes:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .message_box .message.reply .checkboxes .checkbox, .message_box .message.edit .checkboxes .checkbox { float: left; margin-right: 18px; margin-top: 9px } .message_box .message.reply .checkboxes .checkbox input[type="checkbox"] + label > .label, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"] + label > .label { background-color: #fff; font-size: 12px; font-weight: normal } .message_box .message.reply .checkboxes .checkbox input[type="checkbox"] + label > .chbox, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"] + label > .chbox { background-color: #fff; -o-transition: background-color 0.2s,border 0.2s; -moz-transition: background-color 0.2s,border 0.2s; -webkit-transition: background-color 0.2s,border 0.2s; transition: background-color 0.2s,border 0.2s } .message_box .message.reply .checkboxes .checkbox input[type="checkbox"].error + label > .label, .message_box .message.reply .checkboxes .checkbox input[type="checkbox"].error + label > .chbox, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"].error + label > .label, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"].error + label > .chbox { background-color: #ffeded } .message_box .message.reply .checkboxes .checkbox input[type="checkbox"]:focus + label > .label, .message_box .message.reply .checkboxes .checkbox input[type="checkbox"]:hover + label > .label, .message_box .message.reply .checkboxes .checkbox input[type="checkbox"]:focus + label > .chbox, .message_box .message.reply .checkboxes .checkbox input[type="checkbox"]:hover + label > .chbox, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"]:focus + label > .label, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"]:hover + label > .label, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"]:focus + label > .chbox, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"]:hover + label > .chbox { border: 1px solid #ed1a3b } .message_box .message.reply .checkboxes .checkbox label.checked > .chbox, .message_box .message.reply .checkboxes .checkbox input[type="checkbox"].checked + label > .chbox, .message_box .message.reply .checkboxes .checkbox input[type="checkbox"]:checked + label > .chbox, .message_box .message.edit .checkboxes .checkbox label.checked > .chbox, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"].checked + label > .chbox, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"]:checked + label > .chbox { background-color: #ec0000; border: 1px solid #ec0000 } .message_box .message.reply .checkboxes .checkbox label.checked > .chbox:before, .message_box .message.reply .checkboxes .checkbox input[type="checkbox"].checked + label > .chbox:before, .message_box .message.reply .checkboxes .checkbox input[type="checkbox"]:checked + label > .chbox:before, .message_box .message.edit .checkboxes .checkbox label.checked > .chbox:before, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"].checked + label > .chbox:before, .message_box .message.edit .checkboxes .checkbox input[type="checkbox"]:checked + label > .chbox:before { color: #fff } .message_box .message.reply .radiobuttons, .message_box .message.edit .radiobuttons { display: block; position: relative; margin-right: -18px; margin-top: -9px } .message_box .message.reply .radiobuttons:after, .message_box .message.edit .radiobuttons:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .message_box .message.reply .radiobuttons .radiobutton, .message_box .message.edit .radiobuttons .radiobutton { float: left; margin-right: 18px; margin-top: 9px } .message_box .message.reply .radiobuttons .radiobutton input[type="radio"] + label > .label, .message_box .message.edit .radiobuttons .radiobutton input[type="radio"] + label > .label { background-color: #fff; font-size: 12px; font-weight: normal; padding-left: 46px } .message_box .message.reply .radiobuttons .radiobutton input[type="radio"] + label > .label:before, .message_box .message.edit .radiobuttons .radiobutton input[type="radio"] + label > .label:before { display: block; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; color: #444547; position: absolute; top: 50%; left: 24px; margin-top: -8px } .message_box .message.reply .radiobuttons .radiobutton input[type="radio"] + label > .chbox, .message_box .message.edit .radiobuttons .radiobutton input[type="radio"] + label > .chbox { background-color: #fff; -o-transition: background-color 0.2s,border 0.2s; -moz-transition: background-color 0.2s,border 0.2s; -webkit-transition: background-color 0.2s,border 0.2s; transition: background-color 0.2s,border 0.2s } .message_box .message.reply .radiobuttons .radiobutton input[type="radio"].error + label > .label, .message_box .message.reply .radiobuttons .radiobutton input[type="radio"].error + label > .chbox, .message_box .message.edit .radiobuttons .radiobutton input[type="radio"].error + label > .label, .message_box .message.edit .radiobuttons .radiobutton input[type="radio"].error + label > .chbox { background-color: #ffeded } .message_box .message.reply .radiobuttons .radiobutton input[type="radio"]:focus + label > .label, .message_box .message.reply .radiobuttons .radiobutton input[type="radio"]:hover + label > .label, .message_box .message.reply .radiobuttons .radiobutton input[type="radio"]:focus + label > .chbox, .message_box .message.reply .radiobuttons .radiobutton input[type="radio"]:hover + label > .chbox, .message_box .message.edit .radiobuttons .radiobutton input[type="radio"]:focus + label > .label, .message_box .message.edit .radiobuttons .radiobutton input[type="radio"]:hover + label > .label, .message_box .message.edit .radiobuttons .radiobutton input[type="radio"]:focus + label > .chbox, .message_box .message.edit .radiobuttons .radiobutton input[type="radio"]:hover + label > .chbox { border: 1px solid #ed1a3b } .message_box .message.reply .radiobuttons .radiobutton.cat_dysp input[type="radio"] + label > .label:before, .message_box .message.edit .radiobuttons .radiobutton.cat_dysp input[type="radio"] + label > .label:before { content: "" } .message_box .message.reply .radiobuttons .radiobutton.cat_recl input[type="radio"] + label > .label:before, .message_box .message.edit .radiobuttons .radiobutton.cat_recl input[type="radio"] + label > .label:before { content: "" } .message_box .message.reply .radiobuttons .radiobutton.cat_opin input[type="radio"] + label > .label:before, .message_box .message.edit .radiobuttons .radiobutton.cat_opin input[type="radio"] + label > .label:before { content: "" } .message_box .message.reply .radiobuttons .radiobutton.cat_sys input[type="radio"] + label > .label:before, .message_box .message.edit .radiobuttons .radiobutton.cat_sys input[type="radio"] + label > .label:before { content: ""; color: #ec0000 } .message_box .message.reply { background-color: transparent; border: 0px solid transparent; padding-top: 18px } .message_box .message.reply .body { padding: 18px 0px } .message_box .message.reply .foot { padding: 18px 0px } .message_box .message.reply textarea { height: 146px } .message_menu { border: 1px solid #c3c3c3 } .message_menu .message_mobile_tabs { display: none } .message_menu .message_mobile_tabs .select_box select { background-color: #e6e6e6; border: 0px solid transparent; border-top: 2px solid transparent; border-bottom: 2px solid transparent; font-weight: bold; padding: 10px 18px; padding-left: 46px } .message_menu .message_mobile_tabs .select_box select:focus, .message_menu .message_mobile_tabs .select_box select:hover { border-bottom: 2px solid #ec0000 } .message_menu .message_mobile_tabs .select_box select:focus + span, .message_menu .message_mobile_tabs .select_box select:hover + span { color: #ec0000 } .message_menu .message_mobile_tabs .select_box span { background-color: #e6e6e6; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; top: 2px; bottom: 2px; right: auto; left: 1px } .message_menu .message_mobile_tabs .select_box span:before { content: ""; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; position: absolute; top: 50%; left: 18px; margin-top: -8px } .message_menu .message_tabs { display: block; display: table; width: 100%; background-color: #e6e6e6 } .message_menu .message_tabs > .tab { display: inline-block; display: table-cell; text-align: center; font-size: 14px; line-height: 18px } .message_menu .message_tabs > .tab > a { display: inline-block; position: relative; text-decoration: none; color: #444547 } .message_menu .message_tabs > .tab > a > span { display: inline-block; position: relative; padding: 17px 10px } .message_menu .message_tabs > .tab > a > span:after { content: ''; display: block; height: 2px; width: 0%; background-color: transparent; position: absolute; bottom: 0px; left: 50%; -o-transition: left 0.3s,width 0.3s,background-color 0.3s; -moz-transition: left 0.3s,width 0.3s,background-color 0.3s; -webkit-transition: left 0.3s,width 0.3s,background-color 0.3s; transition: left 0.3s,width 0.3s,background-color 0.3s } .message_menu .message_tabs > .tab > a:focus > span:after, .message_menu .message_tabs > .tab > a:hover > span:after { width: 100%; left: 0%; background-color: #ec0000 } .message_menu .message_tabs > .tab.active > a { color: #333 } .message_menu .message_tabs > .tab.active > a > span:after { width: 100%; left: 0%; background-color: #ec0000 } .message_menu .message_list_tabs { display: block; position: relative } .message_menu .message_list_tabs > .tab { z-index: 0; display: none; width: 100%; position: absolute; top: 0px; left: 0px } .message_menu .message_list_tabs > .tab.active { z-index: 2; display: block; position: relative } .message_menu .message_list_tabs > .tab.prev { z-index: 1; display: block } .message_menu .message_list_scroll { display: block; position: relative; overflow: auto; max-height: 530px } .message_menu .filters_box { padding: 18px; padding-bottom: 0px; background-color: #f5f5f5; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3 } .message_menu .checkboxes { display: block; position: relative; margin-right: -18px; margin-top: 0px } .message_menu .checkboxes:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .message_menu .checkboxes .checkbox { float: left; margin-right: 18px; margin-top: 9px } .message_menu .checkboxes .checkbox input[type="checkbox"] + label > .label { border: 1px solid #cdcdcd; color: #e6e6e6; background-color: #595958; font-size: 12px; font-weight: normal } .message_menu .checkboxes .checkbox input[type="checkbox"] + label > .chbox { background-color: #595958; -o-transition: background-color 0.2s,border 0.2s; -moz-transition: background-color 0.2s,border 0.2s; -webkit-transition: background-color 0.2s,border 0.2s; transition: background-color 0.2s,border 0.2s } .message_menu .checkboxes .checkbox input[type="checkbox"] + label > .chbox:before { content: ""; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #a7aaae } .message_menu .checkboxes .checkbox input[type="checkbox"].error + label > .label, .message_menu .checkboxes .checkbox input[type="checkbox"].error + label > .chbox { background-color: #ffeded } .message_menu .checkboxes .checkbox input[type="checkbox"]:focus + label > .label, .message_menu .checkboxes .checkbox input[type="checkbox"]:hover + label > .label, .message_menu .checkboxes .checkbox input[type="checkbox"]:focus + label > .chbox, .message_menu .checkboxes .checkbox input[type="checkbox"]:hover + label > .chbox { border: 1px solid #ec0000 } .message_menu .checkboxes .checkbox label.checked > .chbox, .message_menu .checkboxes .checkbox input[type="checkbox"].checked + label > .chbox, .message_menu .checkboxes .checkbox input[type="checkbox"]:checked + label > .chbox { background-color: #ec0000; border: 1px solid #ec0000 } .message_menu .checkboxes .checkbox label.checked > .chbox:before, .message_menu .checkboxes .checkbox input[type="checkbox"].checked + label > .chbox:before, .message_menu .checkboxes .checkbox input[type="checkbox"]:checked + label > .chbox:before { color: #fff } .message_menu .checkboxes .checkbox.cat_dysp input[type="checkbox"] + label > .chbox:before { content: "" } .message_menu .checkboxes .checkbox.cat_recl input[type="checkbox"] + label > .chbox:before { content: "" } .message_menu .checkboxes .checkbox.cat_opin input[type="checkbox"] + label > .chbox:before { content: "" } .message_menu .checkboxes .checkbox.cat_sys input[type="checkbox"] + label > .chbox:before { content: ""; color: #ec0000 } .message_menu .checkboxes .checkbox.cat_sys label.checked > .chbox:before, .message_menu .checkboxes .checkbox.cat_sys input[type="checkbox"].checked + label > .chbox:before, .message_menu .checkboxes .checkbox.cat_sys input[type="checkbox"]:checked + label > .chbox:before { color: #fff } .message_menu .radiobuttons { display: block; position: relative; margin-right: -18px; margin-top: 0px } .message_menu .radiobuttons:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .message_menu .radiobuttons .radiobutton { float: left; margin-right: 18px; margin-top: 9px } .message_menu .radiobuttons .radiobutton input[type="radio"] + label > .label { border: 1px solid #cdcdcd; color: #e6e6e6; background-color: #595958; font-size: 12px; font-weight: normal } .message_menu .radiobuttons .radiobutton input[type="radio"] + label > .chbox { background-color: #595958; -o-transition: background-color 0.2s,border 0.2s; -moz-transition: background-color 0.2s,border 0.2s; -webkit-transition: background-color 0.2s,border 0.2s; transition: background-color 0.2s,border 0.2s } .message_menu .radiobuttons .radiobutton input[type="radio"] + label > .chbox:before { content: ""; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -o-transition: color 0.2s; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #a7aaae } .message_menu .radiobuttons .radiobutton input[type="radio"].error + label > .label, .message_menu .radiobuttons .radiobutton input[type="radio"].error + label > .chbox { background-color: #ffeded } .message_menu .radiobuttons .radiobutton input[type="radio"]:focus + label > .label, .message_menu .radiobuttons .radiobutton input[type="radio"]:hover + label > .label, .message_menu .radiobuttons .radiobutton input[type="radio"]:focus + label > .chbox, .message_menu .radiobuttons .radiobutton input[type="radio"]:hover + label > .chbox { border: 1px solid #ec0000 } .message_menu .radiobuttons .radiobutton label.checked > .chbox, .message_menu .radiobuttons .radiobutton input[type="radio"].checked + label > .chbox, .message_menu .radiobuttons .radiobutton input[type="radio"]:checked + label > .chbox { background-color: #ec0000; border: 1px solid #ec0000 } .message_menu .radiobuttons .radiobutton label.checked > .chbox:before, .message_menu .radiobuttons .radiobutton input[type="radio"].checked + label > .chbox:before, .message_menu .radiobuttons .radiobutton input[type="radio"]:checked + label > .chbox:before { color: #fff } .message_menu .radiobuttons .radiobutton.cat_dysp input[type="radio"] + label > .chbox:before { content: "" } .message_menu .radiobuttons .radiobutton.cat_recl input[type="radio"] + label > .chbox:before { content: "" } .message_menu .radiobuttons .radiobutton.cat_opin input[type="radio"] + label > .chbox:before { content: "" } .message_menu .radiobuttons .radiobutton.cat_sys input[type="radio"] + label > .chbox:before { content: ""; color: #ec0000 } .message_menu .radiobuttons .radiobutton.cat_sys label.checked > .chbox:before, .message_menu .radiobuttons .radiobutton.cat_sys input[type="radio"].checked + label > .chbox:before, .message_menu .radiobuttons .radiobutton.cat_sys input[type="radio"]:checked + label > .chbox:before { color: #fff } .msg_list { display: block; list-style: none } .msg_list > li { display: block } .msg_list > li + li { border-top: 1px solid #c3c3c3 } .msg_list .msg_item { display: block; padding: 10px 18px; padding-left: 72px; padding-right: 18px; text-decoration: none; color: #444547; line-height: 18px; position: relative; background-color: transparent; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .msg_list .msg_item:before { content: ''; display: block; width: 4px; height: 100%; position: absolute; top: 0px; left: 0px; background-color: transparent; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .msg_list .msg_item > .icon { display: block; width: 36px; height: 36px; position: absolute; top: 18px; left: 18px; border: 1px solid #c3c3c3; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; color: #444547 } .msg_list .msg_item > .icon:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center; position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px } .msg_list .msg_item > span { font-size: 11px; color: #444547 } .msg_list .msg_item > h4 { font-size: 14px; color: #333; font-weight: bold; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; margin-right: 22px } .msg_list .msg_item > h4:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: relative; left: 0px; top: 0px; display: inline-block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; margin-left: -10px; left: 22px; color: #ec0000; -o-transition: left 0.3s; -moz-transition: left 0.3s; -webkit-transition: left 0.3s; transition: left 0.3s } .msg_list .msg_item > p { font-size: 14px; line-height: 20px; color: #444547; padding: 4px 0px } .msg_list .msg_item.with_attach > p { margin-right: 22px } .msg_list .msg_item.with_attach > p:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: relative; left: 0px; top: 0px; display: inline-block; width: 14px; height: 14px; font-size: 14px; line-height: 14px; margin-left: -14px; left: 22px; color: #444547 } .msg_list .msg_item.cat_sys > .icon { color: #ec0000 } .msg_list .msg_item.cat_sys > .icon:before { content: "" } .msg_list .msg_item.cat_opin > .icon:before { content: "" } .msg_list .msg_item.cat_recl > .icon:before { content: "" } .msg_list .msg_item.cat_dysp > .icon:before { content: "" } .msg_list .msg_item.new { background-color: #ffeded } .msg_list .msg_item.active:before { background-color: #ec0000 } .msg_list .msg_item:focus > .icon, .msg_list .msg_item:hover > .icon { border: 1px solid #ec0000 } .msg_list .msg_item:focus > h4, .msg_list .msg_item:hover > h4 { color: #ec0000 } .msg_list .msg_item:focus > h4:after, .msg_list .msg_item:hover > h4:after { left: 32px } .calendar_box { border: 1px solid #c3c3c3 } .calendar_box .calendar_head { font-size: 16px; line-height: 24px; padding: 17px 18px; position: relative; background-color: #f5f5f5 } .calendar_box .calendar_head h3 { font-family: 'latoblack'; font-size: 15px; line-height: 18px; text-transform: uppercase } .calendar_box .calendar_head + .calendar_tabs { border-top: 1px solid #c3c3c3 } .calendar_box .calendar_tabs { background-color: #f5f5f5; border-bottom: 1px solid #c3c3c3; position: relative } .calendar_box .calendar_tabs:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .calendar_box .calendar_tabs > .tab { display: block; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; font-size: 14px; line-height: 18px; font-weight: bold; text-align: center; text-decoration: none; color: #444547; padding: 17px 18px; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .calendar_box .calendar_tabs > .tab:after { content: ''; display: block; width: 100%; height: 2px; position: absolute; left: 0px; bottom: 0px; background-color: transparent; pointer-events: none; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .calendar_box .calendar_tabs > .tab + .tab { border-left: 1px solid #c3c3c3 } .calendar_box .calendar_tabs > .tab:focus, .calendar_box .calendar_tabs > .tab:hover { color: #ec0000 } .calendar_box .calendar_tabs > .tab.active { color: #333 } .calendar_box .calendar_tabs > .tab.active:after { background-color: #ec0000 } .calendar_box + .calendar_events_box { margin-top: 9px } .calendar_events_box { position: relative; padding-right: 159px; min-height: 48px } .calendar_events_box .event_list { display: block; padding-right: 168px; padding-left: 18px; padding: 0px 18px; position: relative; z-index: 0; min-height: 48px; font-size: 14px; line-height: 18px; border: 1px solid #c3c3c3; background-color: #f5f5f5; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .calendar_events_box .event_list .no_event { display: block; position: relative; font-size: 1px; font-size: 0px } .calendar_events_box .event_list .no_event:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 46px } .calendar_events_box .event_list .no_event > span { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 18px; color: #333 } .calendar_events_box .event_list .event { display: block; position: relative; text-decoration: none; padding: 14px 0px } .calendar_events_box .event_list .event h4 { position: relative; display: block; font-size: 14px; line-height: 18px; color: #333; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; padding-left: 18px } .calendar_events_box .event_list .event h4:before { content: ''; display: block; width: 8px; height: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #333; position: absolute; left: 0px; top: 50%; margin-top: -4px } .calendar_events_box .event_list .event + .event { border-top: 1px solid #c3c3c3 } .calendar_events_box .event_list .event:focus h4, .calendar_events_box .event_list .event:hover h4 { color: #ec0000 } .calendar_events_box .event_list .event.cat_system h4:before { background-color: #ec0000 } .calendar_events_box .event_list .event.cat_card h4:before { background-color: #4dda21 } .calendar_events_box .event_list .event.cat_credit h4:before { background-color: #2a68c5 } .calendar_events_box .event_list .event.cat_own h4:before { background-color: #ffbd0a } .calendar_events_box .event_list .event.cat_market h4:before { background-color: #a419d1 } .calendar_events_box .event_bt { display: block; width: 150px; position: absolute; top: 0px; right: 0px; z-index: 1 } .notify_box { display: block; border: 1px solid #c3c3c3 } .notify_box > .head { font-size: 16px; line-height: 24px; padding: 17px 18px; position: relative } .notify_box > .head h3 { font-family: 'latoblack'; font-size: 15px; line-height: 18px; text-transform: uppercase } .notify_box > .head.with_close { padding-right: 70px } .notify_box > .head > a.close { z-index: 1; display: block; width: 52px; height: 100%; position: absolute; text-decoration: none; top: 0px; right: 0px; color: #444547; border-left: 1px solid #c3c3c3; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .notify_box > .head > a.close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; -o-transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .notify_box > .head > a.close:focus, .notify_box > .head > a.close:hover { color: #ec0000 } .notify_box > .head > a.close:focus:before, .notify_box > .head > a.close:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .notify_box > .head + .body { border-top: 1px solid #c3c3c3 } .notify_box > .body { padding: 18px; position: relative } .notify_box.notify_list { background-color: #f5f5f5 } .notify_box.notify_list > .body { padding-top: 0px } .notify_box.new_notify { margin-bottom: 18px } .notify_box.new_notify .cat_forms { display: block; position: relative; overflow: hidden } .notify_box.new_notify .cat_forms .cat_form { display: none; position: absolute } .notify_box.new_notify .cat_forms .cat_form.active { display: block; position: relative } .notify_box.new_notify .form_row + .cat_forms, .notify_box.new_notify .form_row + .form_row { padding-top: 18px } .notify_box.new_notify .form_grid { display: block; position: relative; margin-left: -18px; margin-top: -18px } .notify_box.new_notify .form_grid:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .notify_box.new_notify .form_grid > .grid_item { display: block; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding-left: 18px; padding-top: 18px } .notify_box.new_notify .form_grid.g_2_1 > .grid_item { width: 50% } .notify_box.new_notify .form_grid.g_3_1 > .grid_item { width: 33%; width: 33.3333% } .notify_box.new_notify .grid_item > label, .notify_box.new_notify .form_row > label { color: #444547; display: block; line-height: 18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 0px; text-transform: none; font-family: 'lato'; font-weight: bold; font-size: 14px } .notify_box.new_notify .grid_item > label > span, .notify_box.new_notify .form_row > label > span { font-weight: normal } .notify_box.new_notify .buttons { padding-top: 9px; display: block; position: relative } .notify_box.new_notify .buttons:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .notify_box.new_notify .buttons.left > .button { float: left; max-width: 150px } .notify_box.new_notify .buttons.right > .button { float: right; max-width: 150px } .notify_box.new_notify .radiobuttons { margin-right: -18px; margin-top: -9px } .notify_box.new_notify .radiobuttons:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .notify_box.new_notify .radiobuttons .radiobutton { display: block; float: left; margin-right: 18px; margin-top: 9px } .notify_box.new_notify .radiobuttons.notify_cat .radiobutton input[type="radio"] + label > .label { padding-left: 46px; position: relative; padding-top: 2px; padding-bottom: 2px; font-size: 1px; font-size: 0px } .notify_box.new_notify .radiobuttons.notify_cat .radiobutton input[type="radio"] + label > .label:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 30px } .notify_box.new_notify .radiobuttons.notify_cat .radiobutton input[type="radio"] + label > .label > span { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 14px } .notify_box.new_notify .radiobuttons.notify_cat .radiobutton input[type="radio"] + label > .label > span:before { content: ''; display: block; width: 8px; height: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #333; position: absolute; left: 28px; top: 50%; margin-top: -4px } .notify_box.new_notify .radiobuttons.notify_cat .radiobutton.cat_system input[type="radio"] + label > .label > span:before { background-color: #ec0000 } .notify_box.new_notify .radiobuttons.notify_cat .radiobutton.cat_card input[type="radio"] + label > .label > span:before { background-color: #4dda21 } .notify_box.new_notify .radiobuttons.notify_cat .radiobutton.cat_credit input[type="radio"] + label > .label > span:before { background-color: #2a68c5 } .notify_box.new_notify .radiobuttons.notify_cat .radiobutton.cat_own input[type="radio"] + label > .label > span:before { background-color: #ffbd0a } .notify_box.new_notify .radiobuttons.notify_cat .radiobutton.cat_market input[type="radio"] + label > .label > span:before { background-color: #a419d1 } .notify_box.new_notify .checkboxes { margin-right: -18px; margin-top: -9px } .notify_box.new_notify .checkboxes:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .notify_box.new_notify .checkboxes .checkbox { display: block; float: left; margin-right: 18px; margin-top: 9px } .notify_box.new_notify .checkboxes.notify_ch .checkbox input[type="checkbox"] + label > .label { font-weight: normal; padding-top: 2px; padding-bottom: 2px; font-size: 1px; font-size: 0px; -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); padding-left: 46px } .notify_box.new_notify .checkboxes.notify_ch .checkbox input[type="checkbox"] + label > .label:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 30px } .notify_box.new_notify .checkboxes.notify_ch .checkbox input[type="checkbox"] + label > .label > span { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 14px } .notify_box.new_notify .checkboxes.notify_ch .checkbox input[type="checkbox"] + label > .label:before { display: block; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; color: #a7aaae; position: absolute; top: 50%; left: 24px; margin-top: -8px } .notify_box.new_notify .checkboxes.notify_ch .checkbox input[type="checkbox"].error + label > .label, .notify_box.new_notify .checkboxes.notify_ch .checkbox input[type="checkbox"].error + label > .chbox { background-color: #ffeded } .notify_box.new_notify .checkboxes.notify_ch .checkbox input[type="checkbox"]:focus + label > .label, .notify_box.new_notify .checkboxes.notify_ch .checkbox input[type="checkbox"]:hover + label > .label, .notify_box.new_notify .checkboxes.notify_ch .checkbox input[type="checkbox"]:focus + label > .chbox, .notify_box.new_notify .checkboxes.notify_ch .checkbox input[type="checkbox"]:hover + label > .chbox { border: 1px solid #ec0000 } .notify_box.new_notify .checkboxes.notify_ch .checkbox.ch_email input[type="checkbox"] + label > .label:before { content: "" } .notify_box.new_notify .checkboxes.notify_ch .checkbox.ch_sms input[type="checkbox"] + label > .label:before { content: "" } .notify_box.new_notify input[type="tel"], .notify_box.new_notify input[type="text"], .notify_box.new_notify input[type="number"], .notify_box.new_notify input[type="password"], .notify_box.new_notify input[type="button"], .notify_box.new_notify input[type="submit"], .notify_box.new_notify textarea { display: block; width: 100%; height: 48px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 18px; border: 1px solid #c3c3c3; font-size: 14px; line-height: 24px; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .notify_box.new_notify input[type="tel"]:focus, .notify_box.new_notify input[type="tel"]:hover, .notify_box.new_notify input[type="text"]:focus, .notify_box.new_notify input[type="text"]:hover, .notify_box.new_notify input[type="number"]:focus, .notify_box.new_notify input[type="number"]:hover, .notify_box.new_notify input[type="password"]:focus, .notify_box.new_notify input[type="password"]:hover, .notify_box.new_notify input[type="button"]:focus, .notify_box.new_notify input[type="button"]:hover, .notify_box.new_notify input[type="submit"]:focus, .notify_box.new_notify input[type="submit"]:hover, .notify_box.new_notify textarea:focus, .notify_box.new_notify textarea:hover { border: 1px solid #ec0000 } .notify_box.new_notify input[type="tel"], .notify_box.new_notify input[type="date"], .notify_box.new_notify input[type="text"], .notify_box.new_notify input[type="number"], .notify_box.new_notify input[type="password"], .notify_box.new_notify textarea { background-color: #fff } .notify_box.new_notify input[type="tel"][disabled="disabled"], .notify_box.new_notify input[type="tel"][disabled=""], .notify_box.new_notify input[type="tel"].disabled, .notify_box.new_notify input[type="tel"]:disabled, .notify_box.new_notify input[type="date"][disabled="disabled"], .notify_box.new_notify input[type="date"][disabled=""], .notify_box.new_notify input[type="date"].disabled, .notify_box.new_notify input[type="date"]:disabled, .notify_box.new_notify input[type="text"][disabled="disabled"], .notify_box.new_notify input[type="text"][disabled=""], .notify_box.new_notify input[type="text"].disabled, .notify_box.new_notify input[type="text"]:disabled, .notify_box.new_notify input[type="number"][disabled="disabled"], .notify_box.new_notify input[type="number"][disabled=""], .notify_box.new_notify input[type="number"].disabled, .notify_box.new_notify input[type="number"]:disabled, .notify_box.new_notify input[type="password"][disabled="disabled"], .notify_box.new_notify input[type="password"][disabled=""], .notify_box.new_notify input[type="password"].disabled, .notify_box.new_notify input[type="password"]:disabled, .notify_box.new_notify textarea[disabled="disabled"], .notify_box.new_notify textarea[disabled=""], .notify_box.new_notify textarea.disabled, .notify_box.new_notify textarea:disabled { background-color: #f5f5f5; color: #444547 } .notify_box.new_notify input[type="tel"].error, .notify_box.new_notify input[type="date"].error, .notify_box.new_notify input[type="text"].error, .notify_box.new_notify input[type="number"].error, .notify_box.new_notify input[type="password"].error, .notify_box.new_notify textarea.error { background-color: #ffeded } .notify_box.new_notify .form_field { display: block; position: relative } .notify_box.new_notify .form_field > .mask_pass_error, .notify_box.new_notify .form_field > .error_msg { display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 18px } .notify_box.new_notify .form_field.date:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 22px; height: 22px; font-size: 22px; line-height: 22px; text-align: center; color: #ec0000; position: absolute; top: 13px; right: 18px; pointer-events: none } .notify_box.new_notify .form_field.date input[type="date"], .notify_box.new_notify .form_field.date input[type="text"] { padding-right: 49px } .notify_box.new_notify .form_field.v_key input[type="tel"], .notify_box.new_notify .form_field.v_key input[type="text"], .notify_box.new_notify .form_field.v_key input[type="number"], .notify_box.new_notify .form_field.v_key input[type="password"], .notify_box.new_notify .form_field.v_key textarea { padding-right: 63px } .notify_box.new_notify .form_field > .virtual_keyboard { display: block; overflow: hidden; width: 36px; height: 24px; position: absolute; top: 12px; right: 18px; color: #444547; cursor: pointer; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .notify_box.new_notify .form_field > .virtual_keyboard:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 36px; height: 36px; font-size: 36px; line-height: 36px; text-align: center; position: absolute; top: 50%; margin-top: -18px; left: 0px } .notify_box.new_notify .form_field > .virtual_keyboard:hover { color: #ec0000 } .notify_box.new_notify .form_field > .virtual_keyboard.for_mp { right: 0px } .notify_list .notify_table .table_body > .row_with_details > .row > .col > .v > span.cat:before, .notify_list .notify_table .table_body > .row > .col > .v > span.cat:before { content: ''; display: block; width: 8px; height: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #333; position: absolute; left: 0px; top: 50%; margin-top: -4px } .notify_list .notify_table .table_body > .row_with_details > .row > .col > .v > span.cat.cat_system:before, .notify_list .notify_table .table_body > .row > .col > .v > span.cat.cat_system:before { background-color: #ec0000 } .notify_list .notify_table .table_body > .row_with_details > .row > .col > .v > span.cat.cat_card:before, .notify_list .notify_table .table_body > .row > .col > .v > span.cat.cat_card:before { background-color: #4dda21 } .notify_list .notify_table .table_body > .row_with_details > .row > .col > .v > span.cat.cat_credit:before, .notify_list .notify_table .table_body > .row > .col > .v > span.cat.cat_credit:before { background-color: #2a68c5 } .notify_list .notify_table .table_body > .row_with_details > .row > .col > .v > span.cat.cat_own:before, .notify_list .notify_table .table_body > .row > .col > .v > span.cat.cat_own:before { background-color: #ffbd0a } .notify_list .notify_table .table_body > .row_with_details > .row > .col > .v > span.cat.cat_market:before, .notify_list .notify_table .table_body > .row > .col > .v > span.cat.cat_market:before { background-color: #a419d1 } .button.new_notify_toggler { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .button.new_notify_toggler.active { visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .main_title_box .buttons > .button.new_notify_toggler { min-width: 150px } .calendar_info_box { border: 1px solid #c3c3c3; padding: 18px } .calendar_info_box > .text_box { display: block } .calendar_info_box > .text_box > div { display: block; font-size: 14px; line-height: 20px } .calendar_info_box > .text_box + .bts { margin-top: 18px } .calendar_info_box > .bts:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .calendar_info_box > .bts > .bt { float: right } .calendar_info_box + .calendar_box { margin-top: 18px } .side_box { display: block; position: relative; background-color: #f5f5f5; color: #333 } .side_box + .side_box { margin-top: 18px } .side_box > .head { padding: 10px 18px; background-color: #e6e6e6; position: relative } .side_box > .head h3 { font-family: 'latoblack'; font-size: 15px; line-height: 18px; text-transform: uppercase } .side_box > .head h3 span { color: #444547 } .side_box > .head.with_close { padding-right: 50px } .side_box > .head a.close { display: block; width: 40px; height: 100%; border-left: 1px solid #c3c3c3; text-decoration: none; position: absolute; top: 0px; right: 0px; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .side_box > .head a.close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; -o-transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .side_box > .head a.close:focus, .side_box > .head a.close:hover { color: #ec0000 } .side_box > .head a.close:focus:before, .side_box > .head a.close:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .side_box > .head a.toggler { display: none; width: 50px; height: 100%; position: absolute; top: 0px; right: 0px; padding: 0px; text-decoration: none } .side_box > .head a.toggler > .arrow { display: block; padding: 0px; width: 16px; height: 16px; position: absolute; top: 50%; right: 18px; margin-top: -8px; color: #444547; overflow: hidden } .side_box > .head a.toggler > .arrow > .arrow_d, .side_box > .head a.toggler > .arrow > .arrow_u { display: block; padding: 0px; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; position: absolute; top: 0px; left: 0px; color: #444547; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .side_box > .head a.toggler > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .side_box > .head a.toggler > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .side_box > .head a.toggler:focus > .arrow, .side_box > .head a.toggler:hover > .arrow { -webkit-animation-name: fade-slide-d; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-d; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-d; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-d; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .side_box > .head a.toggler:focus > .arrow > .arrow_d, .side_box > .head a.toggler:focus > .arrow > .arrow_u, .side_box > .head a.toggler:hover > .arrow > .arrow_d, .side_box > .head a.toggler:hover > .arrow > .arrow_u { color: #ec0000 } .side_box > .head a.toggler.active > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .side_box > .head a.toggler.active > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .side_box > .head a.toggler.active:focus > .arrow, .side_box > .head a.toggler.active:hover > .arrow { -webkit-animation-name: fade-slide-u; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-u; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-u; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-u; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .side_box > .body { display: block; width: 100%; position: relative; overflow: hidden } .side_box .body_content { border-top: 1px solid #c3c3c3; padding: 16px 18px; line-height: 24px } .side_box .body_content > span { color: #444547 } .side_box.compact > .head { padding-top: 16px } .side_box.compact > .head.multiline { padding-bottom: 16px } .side_box.compact .body_content { border-top: 0px solid transparent; padding-top: 0px } .side_box.dark { background-color: #e6e6e6 } .side_box.dark .body_content strong { font-weight: normal; font-family: 'latoblack'; color: #ec0000 } .side_box.image { background-color: #fff; background-repeat: no-repeat; background-position: 100% 50%; background-size: cover } .side_box.image > .head { background-color: transparent } .side_box.no_v_padding .body_content { padding: 0px 18px } .side_box.hide_box { border: 0px solid transparent; background-color: transparent; overflow: hidden } .side_box.no_border { border: 0px solid transparent; background-color: transparent } .side_box_message { border: 1px solid #c3c3c3; } a.side_box { text-decoration: none } a.side_box .body_content { padding-bottom: 42px } a.side_box .link { display: block; text-decoration: none; color: #ec0000; font-size: 14px; line-height: 24px; font-weight: bold; position: absolute; left: 18px; bottom: 18px } a.side_box .link:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; margin-left: 6px; position: relative; color: #ec0000; font-size: 10px; pointer-events: none; left: 0px; -o-transition: left,0.3s; -moz-transition: left,0.3s; -webkit-transition: left,0.3s; transition: left,0.3s } a.side_box:focus .link:after, a.side_box:hover .link:after { left: 10px } .side_message { display: block; text-decoration: none; color: #333; line-height: 18px; padding: 12px 0px } .side_message .date { color: #444547; font-size: 11px; line-height: 12px } .side_message h4 { font-weight: bold; font-size: 14px; line-height: 18px; display: inline-block } .side_message h4:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; margin-left: 16px; position: relative; color: #ec0000; font-size: 10px; pointer-events: none; left: 0px; -o-transition: left,0.3s; -moz-transition: left,0.3s; -webkit-transition: left,0.3s; transition: left,0.3s } .side_message:focus h4:after, .side_message:hover h4:after { left: 10px } .side_term { display: block; text-decoration: none; color: #333; position: relative; font-size: 14px; line-height: 18px; padding: 12px 0px } .side_term .date { color: #444547; width: 90px; display: block; position: absolute; top: 12px; left: 0px; z-index: 1 } .side_term h4 { z-index: 0; position: relative; display: block; padding-left: 90px; color: inherit; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .side_term + .side_term { border-top: 1px solid #c3c3c3 } .side_term:focus h4, .side_term:hover h4 { color: #ec0000 } .side_buttons { position: relative; padding: 18px 0px } .side_buttons > .side_button_box { display: block; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .side_buttons > .side_button_box + .side_button_box { padding-top: 9px } .payoff_box { max-width: 600px; margin: 0px auto } .payoff_box--large { max-width: 735px } .payoff_box--larger { max-width: 770px } .payoff_box .payoff_inputContainer { padding: 18px 0; position: relative } .payoff_box .payoff_inputContainer input[type="text"] { display: inline-block; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 19px; border: 1px solid #cecece; display: inline-block; min-width: 215px; font-size: 14px; -o-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -webkit-transition: border-color 0.3s; transition: border-color 0.3s } .payoff_box .payoff_inputContainer input[type="text"].error { border-color: #ec0000 } .payoff_box .payoff_inputContainer p { display: inline-block; padding-left: 18px } .payoff_box .payoff_inputContainer .table_notify { position: absolute; left: 0; width: 100%; bottom: -16px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity .3s, transform .3s, visibility .3s; padding: 10px 0; box-sizing: border-box } .payoff_box .payoff_inputContainer .table_notify.show { opacity: 1; visibility: visible; transform: translateY(0) } .payoff_box .payoff_inputContainer .table_notify .table_notification { display: none; font-size: 12px; color: #ec0000; font-weight: bold } .payoff_box .payoff_inputContainer .table_notify .table_notification.show { display: block } .payoff_box .checkbox_container { margin: -11px 0px } .payoff_box .checkbox_container .chbox { z-index: 1; display: block; width: 36px; height: 36px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; background-color: #fff; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; cursor: pointer } .payoff_box .checkbox_container .chbox:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 14px; height: 14px; font-size: 14px; line-height: 14px; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; color: #ec0000 } .payoff_box .checkbox_container input[type="checkbox"] { display: block; width: 1px; height: 0px; position: absolute; top: 0px; left: 0px; color: transparent; z-index: -1; margin-left: -20px } .payoff_box .checkbox_container label.checked > .chbox:before, .payoff_box .checkbox_container input[type="checkbox"].checked + label > .chbox:before, .payoff_box .checkbox_container input[type="checkbox"]:checked + label > .chbox:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .payoff_box .radiobuttons { padding-bottom: 18px } .payoff_box .radiobuttons .rb_row + .rb_row { padding-top: 18px } .payoff_box .radiobuttons .rb_row > .error_msg { display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 9px } .payoff_box .radiobuttons .radiobutton { display: inline-block; vertical-align: middle; min-width: 160px; margin-right: 18px } .payoff_box .radiobuttons .radiobutton--wider { min-width: 210px } .payoff_box .radiobuttons .radiobutton.strong input[type="radio"] + label > .label { font-size: 15px; font-family: 'latoblack'; font-weight: normal } .payoff_box .radiobuttons .radiobutton.strong input[type="radio"] + label > .label--moreinfo { max-height: 36px; line-height: 12px; padding: 6px 10px 6px 28px } .payoff_box .radiobuttons .radiobutton.strong input[type="radio"] + label > .label > span { display: block; font-size: 10px } .payoff_box .radiobuttons .radiobutton.with_input_text input[type="radio"] + label > .label { padding: 0 } .payoff_box .radiobuttons .radiobutton.with_input_text .input_text { display: block; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; position: absolute; top: 0px; left: 0px; margin-left: 36px; text-align: left } .payoff_box .radiobuttons .radiobutton.with_input_text .input_text input[type="text"], .payoff_box .radiobuttons .radiobutton.with_input_text .input_text input[type="number"] { display: block; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 10px; border: 0px solid transparent; background-color: transparent; font-size: 14px; line-height: 24px; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .payoff_box .radiobuttons .radiobutton.with_input_text .input_text input[type="text"].error, .payoff_box .radiobuttons .radiobutton.with_input_text .input_text input[type="number"].error { background-color: #ffeded } .payoff_box .radiobuttons .radiobutton.with_input_text .input_text label { display: none } .payoff_box .radiobuttons .desc { display: inline-block; vertical-align: middle; font-size: 14px } .payoff_box .radiobuttons.valid_group + .error_msg { padding-top: 0px; padding-bottom: 18px } .payoff_box .checkboxes { padding-top: 18px } .payoff_box .checkboxes .cb_row + .cb_row { padding-top: 18px } .payoff_box .checkboxes .cb_row > .error_msg { display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 9px } .payoff_box .form_foot { padding-top: 18px } .payoff_box .form_foot:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .payoff_box .form_foot .f_l, .payoff_box .form_foot .f_r { min-width: 150px } .payoff_box .form_foot .f_l { float: left } .payoff_box .form_foot .f_r { float: right } .payoff_box .info_text_box { margin-top: 18px } @media screen and (max-width: 767px) { .payoff_box .table__cell { display: block; width: 100% } } .acc_content--text { max-width: 770px; margin: 0 auto; padding-top: 13px; padding-bottom: 13px; color: #444547; font-size: 14px; line-height: 1.5; text-align: left } .promo_box { max-width: 770px; margin: 0 auto; padding: 14px 22px; border: 2px solid #ec0000; background-color: #fff } @media screen and (max-width: 479px) { .promo_box { padding: 14px 16px } } .promo_box + .promo_box { margin-top: 36px } .promo_box__header { color: #333; font-family: 'latoblack'; font-size: 20px; line-height: 24px; text-transform: uppercase } .promo_box__values { padding-top: 18px } @media screen and (max-width: 767px) { .promo_box__values { padding-top: 36px } .promo_box__values .table__row .table__cell, .promo_box__values .table__row--equalize .table__cell { display: block; width: 100%; padding-bottom: 10px; text-align: left } .promo_box__values .table__row .table__cell > span, .promo_box__values .table__row--equalize .table__cell > span { display: inline-block } .promo_box__values .table__row .table__cell > span.promo_box__big_number, .promo_box__values .table__row--equalize .table__cell > span.promo_box__big_number { padding-left: 10px } } @media screen and (max-width: 767px) and (max-width: 479px) { .promo_box__values .table__row .table__cell > span.promo_box__big_number, .promo_box__values .table__row--equalize .table__cell > span.promo_box__big_number { width: 100%; padding-left: 0 } } .promo_box__big_number { display: inline-block; padding-top: 10px; color: #ec0000; font-family: 'latoblack'; font-size: 36px } .promo_box__big_number span { font-size: 18px } .promo_box__cell_wrap { display: inline-block; text-align: left } .promo_box__cell_wrap--pbottom { padding-bottom: 11px } .promo_box__cell_wrap > span { display: block; padding-top: 9px; color: #333; font-family: 'latoblack'; font-size: 17px; line-height: 24px } @media screen and (max-width: 767px) { .promo_box__cell_wrap > span { display: inline-block; padding-left: 10px } } .promo_box__fineprint { padding: 24px 0 5px; color: #595958; font-size: 10px } .promo_box__seemore { text-align: right; margin-top: 20px; } @media screen and (max-width: 767px) { .promo_box__seemore { padding-top: 10px } } .promo_box__input_mini { position: relative; color: #333; font-size: 15px; font-weight: 600 } .promo_box__input_mini select { display: inline-block; width: 180px; height: 48px; padding: 8px 9px; border: 1px solid #444547; background-color: #fff; color: #333; font-size: 15px; font-weight: bold; line-height: 18px; text-align: left } .promo_box__input_mini .error_msg { position: absolute; left: 24px; bottom: -18px; color: #ec0000 } .promo_box__footnotes { color: #444547; font-size: 14px; line-height: 1.5; text-align: left } .promo_box__footnotes p { padding-left: 5px; text-indent: -5px } .promo_box__footnotes p + p { padding-top: 20px } .promo_box__footnotes a { color: #595958 } .promo_box__footnotes > div { padding: 13px 0 } .promo_box sup { padding-right: 1px; font-size: 8px; line-height: 0; vertical-align: super } .column_layout { position: relative } .column_layout:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .column_layout > .main_col, .column_layout > .side_col { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .column_layout > .main_col > div, .column_layout > .side_col > div { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .column_layout > .main_col { z-index: 0; width: 100%; float: left; padding-right: 403px } .column_layout > .main_col > div { width: 100% } .column_layout > .side_col { z-index: 1; width: 0px; float: right } .column_layout > .side_col > div { width: 385px; margin-left: -385px } .subpage_column_layout { position: relative } .subpage_column_layout:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .subpage_column_layout > .main_col, .subpage_column_layout > .side_col { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .subpage_column_layout > .main_col > div, .subpage_column_layout > .side_col > div { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .subpage_column_layout > .main_col { z-index: 0; width: 100%; float: left; padding-right: 303px } .subpage_column_layout > .main_col > div { width: 100% } .subpage_column_layout > .side_col { z-index: 1; width: 0px; float: right } .subpage_column_layout > .side_col > div { width: 285px; margin-left: -285px } .product_column_layout { position: relative } .product_column_layout:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_column_layout.restricted { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: .6 } .product_column_layout > .side_col, .product_column_layout > .main_col { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .product_column_layout > .side_col > div, .product_column_layout > .main_col > div { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .product_column_layout > .side_col { z-index: 1; width: 0px; float: left } .product_column_layout > .side_col > div { width: 185px } .product_column_layout > .main_col { z-index: 0; width: 100%; float: right; padding-left: 203px } .product_column_layout > .main_col > div { width: 100% } .product_column_layout + .product_column_layout { padding-top: 36px } .message_column_layout { position: relative } .message_column_layout:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .message_column_layout > .side_col, .message_column_layout > .main_col { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .message_column_layout > .side_col > div, .message_column_layout > .main_col > div { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .message_column_layout > .side_col { z-index: 1; width: 0px; float: left } .message_column_layout > .side_col > div { width: 480px } .message_column_layout > .main_col { z-index: 0; width: 100%; float: right; padding-left: 498px } .message_column_layout > .main_col > div { width: 100% } .message_column_layout > .main_col > div > .fixed_off { display: none; height: 0px; visibility: hidden } .notify_column_layout { position: relative } .notify_column_layout:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .notify_column_layout > .side_col, .notify_column_layout > .main_col { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .notify_column_layout > .side_col > div, .notify_column_layout > .main_col > div { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .notify_column_layout > .side_col { z-index: 0; width: 42%; float: left; padding-right: 18px } .notify_column_layout > .side_col > div { width: 100% } .notify_column_layout > .main_col { z-index: 1; width: 58%; float: right } .notify_column_layout > .main_col > div { width: 100% } .login_col_layout { position: relative } .login_col_layout:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .login_col_layout > .main_col, .login_col_layout > .side_col { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .login_col_layout > .main_col > div, .login_col_layout > .side_col > div { display: block; position: relative; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .login_col_layout > .main_col { z-index: 1; width: 65%; float: right } .login_col_layout > .main_col > div { width: 100% } .login_col_layout > .side_col { z-index: 0; width: 35%; float: left } .login_col_layout > .side_col > div { width: 100% } .login_col_layout.error_box > .main_col { float: none; margin: 0 auto } .login_col_layout.error_box > .side_col { float: none; margin: 0 auto } .vc_cols { position: relative; display: block; font-size: 1px; font-size: 0px } .vc_cols > .col { display: inline-block; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .vc_cols > .col.c_l, .vc_cols > .col.c_r { width: 50% } .grid_layout { display: block; position: relative } .grid_layout > div { display: block; position: relative; margin-left: -18px; margin-top: -18px } .grid_layout > div:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .grid_layout .grid_item { display: block; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px; padding-top: 18px } .grid_layout.g_3_1 .grid_item { width: 33%; width: 33.3333% } .grid_layout.g_3_2 .grid_item { width: 33%; width: 33.3333% } .grid_layout.g_3_1_in .grid_item { width: 33%; width: 33.3333% } .grid_layout.g_3_2_1 .grid_item { width: 33%; width: 33.3333% } .grid_layout.g_3_2_1_in .grid_item { width: 33%; width: 33.3333% } .grid_layout.g_3 .grid_item { width: 33%; width: 33.3333% } .grid_layout.g_2_1 .grid_item { width: 50% } .grid_layout.g_2_1_in .grid_item { width: 50% } .grid_layout.g_2 .grid_item { width: 50% } .grid_layout.g_3_1 .grid_item.full, .grid_layout.g_3_1_in .grid_item.full, .grid_layout.g_3 .grid_item.full, .grid_layout.g_2_1 .grid_item.full, .grid_layout.g_2_1_in .grid_item.full, .grid_layout.g_2 .grid_item.full { width: 100% } .list_layout { display: block; position: relative; max-width: 720px; margin: 0 auto; list-style: none; -o-transition: max-height 0.7s; -moz-transition: max-height 0.7s; -webkit-transition: max-height 0.7s; transition: max-height 0.7s; max-height: 3000px; overflow: hidden } .list_layout.full { max-width: none } .list_layout.minimized { max-height: 0; -o-transition: max-height 0.7s; -moz-transition: max-height 0.7s; -webkit-transition: max-height 0.7s; transition: max-height 0.7s } .list_layout--wider { max-width: 770px } .list_layout > li > form, .list_layout > li > form > .fieldset, .list_layout > li > form > fieldset { display: block; border: 0px; padding: 0px; margin: 0px; min-width: 0px; max-width: 100%; position: relative; width: 100% } .list_layout > li > form > .fieldset > ul, .list_layout > li > form > fieldset > ul, .list_layout > li > ul { display: block; list-style: none; position: relative } .list_layout > li > form > .fieldset > ul > li, .list_layout > li > form > fieldset > ul > li, .list_layout > li > ul > li { padding-left: 18px } .list_layout > li > form > .fieldset > ul > li + li, .list_layout > li > form > fieldset > ul > li + li, .list_layout > li > ul > li + li { border-top: 1px solid #c3c3c3 } .list_layout li { display: block; position: relative } .list_layout li + li { border-top: 1px solid #c3c3c3 } .list_layout li > .sub-list { width: 50%; float: right } .list_layout li > .sub-list li { padding: 0; border-top: 0 } .list_layout li > .sub-list li > .l { padding-left: 0 } .list_layout li:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .list_layout li > .l { display: block; padding: 13px 18px; float: left; color: #444547; font-size: 14px; line-height: 18px; text-align: left } .list_layout li > .l.l--long_text { padding-bottom: 10px } @media screen and (max-width: 699px) { .list_layout li > .l.l--long_text { max-width: initial } } .list_layout li > .l.no_h_padd { padding-left: 0; padding-right: 0 } .list_layout li > .l.sublist_head { font-weight: bold; text-transform: uppercase } .list_layout li > .l .more_info { display: block; font-size: 12px; line-height: 1.1; opacity: .5 } .list_layout li > .v { display: block; float: right; text-align: right; padding: 13px 18px; font-size: 15px; line-height: 18px; font-weight: bold; color: #333 } .list_layout li > .v.no_h_padd { padding-left: 0; padding-right: 0 } .list_layout li > .v.lot_of { max-width: 50% } .list_layout li > .v.lot_of > .list { max-height: 72px; overflow: hidden; display: block; text-decoration: none; color: inherit; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .list_layout li > .v.lot_of > .list > span { display: block; word-wrap: break-word } .list_layout li > .v.lot_of > .list + .button { display: none } .list_layout li > .v.lot_of.cut > .list + .button { display: inline-block; width: auto; height: 36px; margin-top: 9px } .list_layout li > .s { display: block; float: right; font-size: 12px; text-transform: uppercase; text-align: right; width: 50%; padding: 0 18px 13px; color: #444547 } .list_layout li.highlight > .l { font-weight: bold } .list_layout li.highlight > .v { color: #ec0000 } .list_layout li.highlight.link > a:before { color: #ec0000 } .list_layout li.update { background-color: #eff0ef; border-top: 0px solid transparent; overflow: hidden } .list_layout li.update > .v { font-size: 13px; position: relative; padding-left: 32px } .list_layout li.update > .v:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 20px; height: 20px; font-size: 20px; line-height: 20px; text-align: center; position: absolute; top: 50%; margin-top: -10px; left: 0px } .list_layout li.link { position: relative; background-color: transparent; -o-transition: background-color,0.3s; -moz-transition: background-color,0.3s; -webkit-transition: background-color,0.3s; transition: background-color,0.3s } .list_layout li.link > a { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; text-decoration: none } .list_layout li.link > a:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; margin-top: -5px; right: 0px; pointer-events: none } .list_layout li.link > a:focus:before, .list_layout li.link > a:hover:before { -webkit-animation-name: fade-slide-r; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-r; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-r; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-r; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .list_layout li.link:hover { background-color: #fff } .list_layout li.archive_state { background-color: #fff } .list_layout li.archive_state > .l { font-weight: bold } .list_layout li.archive_state > .v { font-size: 17px; font-family: 'latoblack'; font-weight: normal; padding-right: 62px } .list_layout li.archive_state:before { z-index: 1; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; display: block; width: 26px; height: 26px; font-size: 26px; line-height: 26px; text-align: center; position: absolute; top: 50%; right: 18px; margin-top: -13px; color: #444547 } .list_layout li.archive_state.success:before { content: ""; color: #1fc86e } .list_layout li.archive_state.alert:before { content: ""; color: #ec0000 } .list_layout li > .v.edit, .list_layout li > .v.limits { padding: 4px 18px; font-size: 1px; font-size: 0px } .list_layout li > .v.edit label, .list_layout li > .v.limits label { position: absolute; z-index: -1 } .list_layout li > .v.edit .select_box select, .list_layout li > .v.edit .textarea_box textarea, .list_layout li > .v.edit input[type='tel'], .list_layout li > .v.edit input[type='email'], .list_layout li > .v.edit input[type='number'], .list_layout li > .v.edit input[type='text'], .list_layout li > .v.limits .select_box select, .list_layout li > .v.limits .textarea_box textarea, .list_layout li > .v.limits input[type='tel'], .list_layout li > .v.limits input[type='email'], .list_layout li > .v.limits input[type='number'], .list_layout li > .v.limits input[type='text'] { display: inline-block; border: 1px solid #444547; background-color: #fff; font-size: 15px; line-height: 18px; font-weight: bold; color: #333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 9px; text-align: right; -moz-box-shadow: 0px 0px 3px #444547; -webkit-box-shadow: 0px 0px 3px #444547; box-shadow: 0px 0px 3px #444547; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.25); box-shadow: 0px 0px 3px rgba(0,0,0,0.25); -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .list_layout li > .v.edit .select_box select:focus, .list_layout li > .v.edit .select_box select:hover, .list_layout li > .v.edit .textarea_box textarea:focus, .list_layout li > .v.edit .textarea_box textarea:hover, .list_layout li > .v.edit input[type='tel']:focus, .list_layout li > .v.edit input[type='tel']:hover, .list_layout li > .v.edit input[type='email']:focus, .list_layout li > .v.edit input[type='email']:hover, .list_layout li > .v.edit input[type='number']:focus, .list_layout li > .v.edit input[type='number']:hover, .list_layout li > .v.edit input[type='text']:focus, .list_layout li > .v.edit input[type='text']:hover, .list_layout li > .v.limits .select_box select:focus, .list_layout li > .v.limits .select_box select:hover, .list_layout li > .v.limits .textarea_box textarea:focus, .list_layout li > .v.limits .textarea_box textarea:hover, .list_layout li > .v.limits input[type='tel']:focus, .list_layout li > .v.limits input[type='tel']:hover, .list_layout li > .v.limits input[type='email']:focus, .list_layout li > .v.limits input[type='email']:hover, .list_layout li > .v.limits input[type='number']:focus, .list_layout li > .v.limits input[type='number']:hover, .list_layout li > .v.limits input[type='text']:focus, .list_layout li > .v.limits input[type='text']:hover { border: 1px solid #ec0000 } .list_layout li > .v.edit .select_box select.error, .list_layout li > .v.edit .textarea_box textarea.error, .list_layout li > .v.edit input[type='tel'].error, .list_layout li > .v.edit input[type='email'].error, .list_layout li > .v.edit input[type='number'].error, .list_layout li > .v.edit input[type='text'].error, .list_layout li > .v.limits .select_box select.error, .list_layout li > .v.limits .textarea_box textarea.error, .list_layout li > .v.limits input[type='tel'].error, .list_layout li > .v.limits input[type='email'].error, .list_layout li > .v.limits input[type='number'].error, .list_layout li > .v.limits input[type='text'].error { background-color: #ffeded } .list_layout li > .v.edit .select_box select[disabled="disabled"], .list_layout li > .v.edit .select_box select[disabled=""], .list_layout li > .v.edit .select_box select.disabled, .list_layout li > .v.edit .select_box select:disabled, .list_layout li > .v.edit .textarea_box textarea[disabled="disabled"], .list_layout li > .v.edit .textarea_box textarea[disabled=""], .list_layout li > .v.edit .textarea_box textarea.disabled, .list_layout li > .v.edit .textarea_box textarea:disabled, .list_layout li > .v.edit input[type='tel'][disabled="disabled"], .list_layout li > .v.edit input[type='tel'][disabled=""], .list_layout li > .v.edit input[type='tel'].disabled, .list_layout li > .v.edit input[type='tel']:disabled, .list_layout li > .v.edit input[type='email'][disabled="disabled"], .list_layout li > .v.edit input[type='email'][disabled=""], .list_layout li > .v.edit input[type='email'].disabled, .list_layout li > .v.edit input[type='email']:disabled, .list_layout li > .v.edit input[type='number'][disabled="disabled"], .list_layout li > .v.edit input[type='number'][disabled=""], .list_layout li > .v.edit input[type='number'].disabled, .list_layout li > .v.edit input[type='number']:disabled, .list_layout li > .v.edit input[type='text'][disabled="disabled"], .list_layout li > .v.edit input[type='text'][disabled=""], .list_layout li > .v.edit input[type='text'].disabled, .list_layout li > .v.edit input[type='text']:disabled, .list_layout li > .v.limits .select_box select[disabled="disabled"], .list_layout li > .v.limits .select_box select[disabled=""], .list_layout li > .v.limits .select_box select.disabled, .list_layout li > .v.limits .select_box select:disabled, .list_layout li > .v.limits .textarea_box textarea[disabled="disabled"], .list_layout li > .v.limits .textarea_box textarea[disabled=""], .list_layout li > .v.limits .textarea_box textarea.disabled, .list_layout li > .v.limits .textarea_box textarea:disabled, .list_layout li > .v.limits input[type='tel'][disabled="disabled"], .list_layout li > .v.limits input[type='tel'][disabled=""], .list_layout li > .v.limits input[type='tel'].disabled, .list_layout li > .v.limits input[type='tel']:disabled, .list_layout li > .v.limits input[type='email'][disabled="disabled"], .list_layout li > .v.limits input[type='email'][disabled=""], .list_layout li > .v.limits input[type='email'].disabled, .list_layout li > .v.limits input[type='email']:disabled, .list_layout li > .v.limits input[type='number'][disabled="disabled"], .list_layout li > .v.limits input[type='number'][disabled=""], .list_layout li > .v.limits input[type='number'].disabled, .list_layout li > .v.limits input[type='number']:disabled, .list_layout li > .v.limits input[type='text'][disabled="disabled"], .list_layout li > .v.limits input[type='text'][disabled=""], .list_layout li > .v.limits input[type='text'].disabled, .list_layout li > .v.limits input[type='text']:disabled { border: 1px solid transparent; background-color: transparent; -moz-box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent } .list_layout li > .v.edit .input_box input, .list_layout li > .v.limits .input_box input { min-width: 280px; max-width: 400px } @media screen and (max-width: 699px) { .list_layout li > .v.edit .input_box input, .list_layout li > .v.limits .input_box input { min-width: 100%; max-width: 100% } } .list_layout li > .v.edit .textarea_box textarea, .list_layout li > .v.limits .textarea_box textarea { width: 280px } @media screen and (max-width: 699px) { .list_layout li > .v.edit .textarea_box textarea, .list_layout li > .v.limits .textarea_box textarea { width: 100% } } .list_layout li > .v.edit .select_box select, .list_layout li > .v.limits .select_box select { width: 280px; height: 36px } @media screen and (max-width: 699px) { .list_layout li > .v.edit .select_box select, .list_layout li > .v.limits .select_box select { width: 100% } } .list_layout li > .v.edit.inline-button, .list_layout li > .v.limits.inline-button { padding: 4px 0px 4px 18px } .list_layout li .form_beneficiary li > .v.edit textarea { display: block; height: 76px; resize: none } .list_layout li .form_beneficiary li > .v.edit textarea + span { padding-top: 4px } .list_layout li .form_beneficiary li > .v.edit .error_msg { padding-top: 4px } .list_layout li > .v.limits span.input_text { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 9px; padding-top: 0px; border: 1px solid transparent; text-align: right; font-weight: normal } .list_layout li > .v.limits .select_box select.limit_v, .list_layout li > .v.limits .textarea_box textarea.limit_v, .list_layout li > .v.limits span.input_text.limit_v, .list_layout li > .v.limits input[type="tel"].limit_v, .list_layout li > .v.limits input[type="email"].limit_v, .list_layout li > .v.limits input[type="number"].limit_v, .list_layout li > .v.limits input[type="text"].limit_v { width: 130px; margin-right: 9px } .list_layout li > .v.limits .select_box select.limit_c, .list_layout li > .v.limits .textarea_box textarea.limit_c, .list_layout li > .v.limits span.input_text.limit_c, .list_layout li > .v.limits input[type="tel"].limit_c, .list_layout li > .v.limits input[type="email"].limit_c, .list_layout li > .v.limits input[type="number"].limit_c, .list_layout li > .v.limits input[type="text"].limit_c { width: 50px; margin-right: 9px } .list_layout li > .v.limits > .limit { display: inline-block; vertical-align: top; white-space: nowrap; position: relative } .list_layout li > .v.limits > .limit span { display: inline-block; vertical-align: baseline; font-size: 15px; line-height: 18px; font-weight: bold } .list_layout li > .v.limits > .limit .select_box select, .list_layout li > .v.limits > .limit .textarea_box textarea, .list_layout li > .v.limits > .limit span.input_text, .list_layout li > .v.limits > .limit input[type="tel"], .list_layout li > .v.limits > .limit input[type="email"], .list_layout li > .v.limits > .limit input[type="number"], .list_layout li > .v.limits > .limit input[type="text"] { display: inline-block; vertical-align: baseline } .list_layout li > .v.limits > .limit + .limit { margin-left: 18px } .list_layout li > .v.limits > .limit > .error_msg { position: relative; display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 9px; white-space: normal; max-width: 160px; margin-left: auto; margin-right: 0px } .list_layout li > .v.edit { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 70% } .list_layout li > .v.edit form, .list_layout li > .v.edit .fieldset, .list_layout li > .v.edit fieldset { display: block } .list_layout li > .v.edit .select_box select, .list_layout li > .v.edit .textarea_box textarea, .list_layout li > .v.edit input[type="tel"], .list_layout li > .v.edit input[type="email"], .list_layout li > .v.edit input[type="number"], .list_layout li > .v.edit input[type="text"] { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .list_layout li > .v.edit .select_box select[disabled="disabled"], .list_layout li > .v.edit .select_box select[disabled=""], .list_layout li > .v.edit .select_box select.disabled, .list_layout li > .v.edit .select_box select:disabled, .list_layout li > .v.edit .textarea_box textarea[disabled="disabled"], .list_layout li > .v.edit .textarea_box textarea[disabled=""], .list_layout li > .v.edit .textarea_box textarea.disabled, .list_layout li > .v.edit .textarea_box textarea:disabled, .list_layout li > .v.edit input[type="tel"][disabled="disabled"], .list_layout li > .v.edit input[type="tel"][disabled=""], .list_layout li > .v.edit input[type="tel"].disabled, .list_layout li > .v.edit input[type="tel"]:disabled, .list_layout li > .v.edit input[type="email"][disabled="disabled"], .list_layout li > .v.edit input[type="email"][disabled=""], .list_layout li > .v.edit input[type="email"].disabled, .list_layout li > .v.edit input[type="email"]:disabled, .list_layout li > .v.edit input[type="number"][disabled="disabled"], .list_layout li > .v.edit input[type="number"][disabled=""], .list_layout li > .v.edit input[type="number"].disabled, .list_layout li > .v.edit input[type="number"]:disabled, .list_layout li > .v.edit input[type="text"][disabled="disabled"], .list_layout li > .v.edit input[type="text"][disabled=""], .list_layout li > .v.edit input[type="text"].disabled, .list_layout li > .v.edit input[type="text"]:disabled { padding-left: 19px; padding-right: 0px; border-right: 0px solid transparent } .list_layout li > .v.edit input[data-inputhint] { margin-bottom: 24px } .list_layout li ul.limits_list a.toggler { display: none; width: 100%; height: 32px; position: absolute; top: 0px; left: 0px; padding: 0px; text-decoration: none; z-index: 1 } .list_layout li ul.limits_list a.toggler > .arrow { display: block; padding: 0px; width: 10px; height: 10px; position: absolute; top: 17px; right: 18px; color: #444547; overflow: hidden } .list_layout li ul.limits_list a.toggler > .arrow > .arrow_d, .list_layout li ul.limits_list a.toggler > .arrow > .arrow_u { display: block; padding: 0px; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 0px; left: 0px; color: #444547; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .list_layout li ul.limits_list a.toggler > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .list_layout li ul.limits_list a.toggler > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .list_layout li ul.limits_list a.toggler:focus > .arrow, .list_layout li ul.limits_list a.toggler:hover > .arrow { -webkit-animation-name: fade-slide-d; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-d; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-d; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-d; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .list_layout li ul.limits_list a.toggler:focus > .arrow > .arrow_d, .list_layout li ul.limits_list a.toggler:focus > .arrow > .arrow_u, .list_layout li ul.limits_list a.toggler:hover > .arrow > .arrow_d, .list_layout li ul.limits_list a.toggler:hover > .arrow > .arrow_u { color: #ec0000 } .list_layout li ul.limits_list a.toggler.active > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .list_layout li ul.limits_list a.toggler.active > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .list_layout li ul.limits_list a.toggler.active:focus > .arrow, .list_layout li ul.limits_list a.toggler.active:hover > .arrow { -webkit-animation-name: fade-slide-u; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-u; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-u; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-u; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .list_layout li ul.limits_list li.main_limit > .l { font-weight: bold } .list_layout li ul.limits_list li.used_limit { border-top: 0px solid transparent } .list_layout li ul.limits_list li.used_limit > .l, .list_layout li ul.limits_list li.used_limit > .v { padding-top: 0px } .list_layout li ul.limits_list li.sub_limits { background-color: #eff0ef } .list_layout li ul.limits_list li.sub_limits > ul { padding-left: 36px } .list_layout li ul.limits_list li.sub_limits > ul > li { padding-left: 0px } .list_layout li ul.limits_list li.sub_limits > ul > li > .l { font-weight: bold } .list_layout li ul.limits_list li.sub_limits > ul > li.used_limit > .l { font-weight: normal } .list_layout .form_beneficiary li > .v, .list_layout.list_beneficiary li > .v { padding: 4px 18px } .list_layout .form_beneficiary li > .v.no_h_padd, .list_layout.list_beneficiary li > .v.no_h_padd { padding-left: 0; padding-right: 0 } @media screen and (max-width: 699px) { .list_layout .form_beneficiary li > .v, .list_layout.list_beneficiary li > .v { float: none; text-align: left; padding-top: 3px; max-width: 435px; width: 100% } .list_layout .form_beneficiary li > .v .edit_field_fld, .list_layout.list_beneficiary li > .v .edit_field_fld { position: relative; display: inline-block; width: 100% } } .edit_field_fld .edit_v + .error_msg, .edit_field_bts + .error_msg, .edit_fields_fld + .error_msg, .edit_fields_bts + .error_msg { display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 9px } .edit_field_fld .edit_v + .error_msg.hidden, .edit_field_bts + .error_msg.hidden, .edit_fields_fld + .error_msg.hidden, .edit_fields_bts + .error_msg.hidden { visibility: hidden } .edit_fields_fld { position: relative; display: inline-block; vertical-align: middle; width: 100% } .edit_fields_fld .edit_v { width: 100% } .list_layout .jsEditFields li > .v.edit { width: 400px } .edit_fields_bts { position: relative; display: inline-block; vertical-align: middle; overflow: hidden } .edit_fields_bts.outer { padding: 0px 18px } .edit_fields_bts.outer.f_save > .save_bts > span { padding-top: 5px } .edit_fields_bts.f_save { display: block } .edit_fields_bts.f_save > .save_bts > span { padding-top: 9px } .edit_fields_bts > .edit_bts, .edit_fields_bts > .save_bts { display: block; overflow: hidden } .edit_fields_bts > .edit_bts > span, .edit_fields_bts > .save_bts > span { display: block; font-size: 1px; font-size: 0px; line-height: 1px; line-height: 0px; white-space: nowrap } .edit_fields_bts > .edit_bts > span:after, .edit_fields_bts > .save_bts > span:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .edit_fields_bts > .save_bts { display: none } .edit_fields_bts .bt { display: block; float: right; width: auto; text-align: left; height: 36px; position: relative; text-decoration: none; color: #444547; margin-left: 9px } .edit_fields_bts .buttons { display: block } .edit_fields_bts .buttons .bt.unmask { float: left } .edit_fields_bts .buttons:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .change_limit_bts { position: relative; display: inline-block; vertical-align: middle } .change_limit_bts.outer { padding: 0px 18px } .change_limit_bts.outer.cl_save > .save_bts > span { padding-top: 9px } .change_limit_bts.cl_edit { overflow: hidden } .change_limit_bts.cl_save { display: block } .change_limit_bts.cl_save > .save_bts > span { padding-top: 9px } .change_limit_bts > .edit_bts, .change_limit_bts > .save_bts { display: block; overflow: hidden } .change_limit_bts > .edit_bts > span, .change_limit_bts > .save_bts > span { display: block; font-size: 1px; font-size: 0px; line-height: 1px; line-height: 0px; white-space: nowrap } .change_limit_bts > .edit_bts > span:after, .change_limit_bts > .save_bts > span:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .change_limit_bts > .save_bts { display: none } .change_limit_bts .bt { display: block; float: right; width: auto; text-align: left; height: 36px; position: relative; text-decoration: none; color: #444547; margin-left: 9px } .change_limit_bts .bt.bt--application { width: 100%; max-width: 144px; margin-bottom: 9px } .change_limit_bts .bt.bt--application:last-child { margin-bottom: 0 } @media screen and (max-width: 699px) { .change_limit_bts .bt.bt--application { margin-right: 0; float: none; background-color: #f5f5f5 } } @media screen and (max-width: 479px) { .change_limit_bts .bt.bt--application { margin-top: 9px; margin-bottom: 0 } .change_limit_bts .bt.bt--application:last-child { margin-bottom: 0 } } .change_limit_bts .bt.save { background-color: #f5f5f5 } .change_limit_bts .bt.save:focus, .change_limit_bts .bt.save:hover { background-color: #ec0000 } .change_limit_bts .bt.save:active { background-color: #e40000 } .edit_field { display: block; max-width: 100% } .edit_field__inputhint { position: absolute; display: inline-block; right: 0; top: 38px; color: #444547; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding-top: 2px; padding-bottom: 10px } .edit_field__inputhint--notice { color: #ec0000; text-transform: initial } .edit_field.const_width .edit_field_fld .select_box select, .edit_field.const_width .edit_field_fld .textarea_box textarea, .edit_field.const_width .edit_field_fld input[type="tel"], .edit_field.const_width .edit_field_fld input[type="email"], .edit_field.const_width .edit_field_fld input[type="number"], .edit_field.const_width .edit_field_fld input[type="text"] { max-width: 200px } .edit_field.const_width .edit_field_txt > span { max-width: 200px } .edit_field .states { display: block } .edit_field .state_text, .edit_field .state_edit { display: block } .edit_field .state_text > div, .edit_field .state_edit > div { display: block } .edit_field .state_text { visibility: visible; height: auto } .edit_field .state_text .edit_field_txt { padding-left: 20px } .edit_field .state_text .edit_field_txt, .edit_field .state_text .edit_field_bts { display: inline-block; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .edit_field .state_edit { visibility: hidden; height: 0; display: none } .edit_field .state_edit .edit_field_fld, .edit_field .state_edit .edit_field_bts { display: block } .edit_field .state_edit .edit_field_bts { margin-left: -9px } .edit_field .state_edit .edit_field_fld + .edit_field_bts { padding-top: 4px } .edit_field .edit_field_fld .select_box select, .edit_field .edit_field_fld .textarea_box textarea, .edit_field .edit_field_fld input[type="tel"], .edit_field .edit_field_fld input[type="email"], .edit_field .edit_field_fld input[type="number"], .edit_field .edit_field_fld input[type="text"] { width: 100% } .edit_field .edit_field_static { line-height: 36px; display: inline-block } @media screen and (max-width: 699px) { .edit_field .edit_field_static { line-height: initial } } .edit_field .edit_field_txt { max-width: 100% } .edit_field .edit_field_txt > span { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 18px; word-wrap: break-word; max-width: 100% } .edit_field .edit_field_txt:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 36px } .edit_field .edit_field_bts:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .edit_field .bt { display: block; float: right; width: auto; text-align: left; height: 36px; position: relative; text-decoration: none; color: #444547; margin-left: 9px } .edit_field .bt--no_margin { margin: 0 } .edit_field .bt--higher { height: 48px } .list_layout + .list_layout_bts { padding-top: 18px } .list_layout_bts { display: block; list-style: none; position: relative; max-width: 720px; margin: 0px auto } .list_layout_bts:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .list_layout_bts > .bts.bt_l { float: left } .list_layout_bts > .bts.bt_r { float: right } .iframe { display: block; width: 100%; max-width: 1000px; margin-right: auto; margin-left: auto; height: 556px; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); } .intro_slider { display: block; position: relative; background-color: #fff; border: 1px solid transparent; min-height: 316px } .intro_slider > .items { z-index: 0; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px } .intro_slider > .items > .item { z-index: 0; display: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #fff } .intro_slider > .items > .item > img { z-index: 0; display: block; max-height: 100%; height: auto; position: absolute; bottom: 0px; right: 0px } .intro_slider > .items > .item > div { z-index: 1; display: block; position: absolute; top: 18px; left: 18px; bottom: 18px; right: 18px; font-size: 1px; font-size: 0px } .intro_slider > .items > .item > div > div { display: inline-block; vertical-align: middle; position: relative; font-size: 14px; line-height: 24px } .intro_slider > .items > .item > div > div h2 { font-family: 'latoblack'; font-size: 25px; line-height: 33px; color: #333 } .intro_slider > .items > .item > div > div h2 > span { color: #ec0000 } .intro_slider > .items > .item > div:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .intro_slider > .items > .item.prev { z-index: 1; display: block } .intro_slider > .items > .item.active { z-index: 2; display: block } .intro_slider > .nav { z-index: 1; display: block; position: absolute; bottom: 18px; left: 18px } .intro_slider > .nav:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .intro_slider > .nav > .nav_arrow { display: block; width: 36px; height: 36px; position: relative; float: left; text-decoration: none; color: #444547; background-color: #fff; border: 1px solid #c3c3c3; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .intro_slider > .nav > .nav_arrow + .nav_arrow { margin-left: -1px } .intro_slider > .nav > .nav_arrow:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px } .intro_slider > .nav > .nav_arrow:focus, .intro_slider > .nav > .nav_arrow:hover { color: #ec0000 } .intro_slider > .nav > .nav_arrow.prev:before { content: "" } .intro_slider > .nav > .nav_arrow.prev:focus:before, .intro_slider > .nav > .nav_arrow.prev:hover:before { -webkit-animation-name: fade-slide-l; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-l; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-l; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-l; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .intro_slider > .nav > .nav_arrow.next:before { content: "" } .intro_slider > .nav > .nav_arrow.next:focus:before, .intro_slider > .nav > .nav_arrow.next:hover:before { -webkit-animation-name: fade-slide-r; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-r; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-r; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-r; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .intro_info { padding-bottom: 36px } .intro_info .info_text { padding: 18px } .intro_info .info_cols { display: block; position: relative } .intro_info .info_cols:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .intro_info .info_cols > .col { display: block; float: left; width: 50% } .intro_info .info_cols > .col.c_full { width: 100%; clear: both } .intro_info .info_cols .col_head { display: block; color: #333; text-decoration: none; position: relative } .intro_info .info_cols .col_head h2 { font-weight: bold; font-size: 16px; line-height: 24px; padding: 18px; padding-right: 54px } .intro_info .info_cols .col_head h2 > span { display: inline-block; padding: 2px 0px; border-bottom: 1px solid #c3c3c3 } .intro_info .info_cols .col_head a.toggler { display: none; width: 50px; height: 100%; position: absolute; top: 0px; right: 0px; padding: 0px; text-decoration: none } .intro_info .info_cols .col_head a.toggler > .arrow { display: block; padding: 0px; width: 16px; height: 16px; position: absolute; top: 50%; right: 18px; margin-top: -8px; color: #444547; overflow: hidden } .intro_info .info_cols .col_head a.toggler > .arrow > .arrow_d, .intro_info .info_cols .col_head a.toggler > .arrow > .arrow_u { display: block; padding: 0px; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; position: absolute; top: 0px; left: 0px; color: #444547; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .intro_info .info_cols .col_head a.toggler > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .intro_info .info_cols .col_head a.toggler > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .intro_info .info_cols .col_head a.toggler:focus > .arrow, .intro_info .info_cols .col_head a.toggler:hover > .arrow { -webkit-animation-name: fade-slide-d; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-d; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-d; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-d; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .intro_info .info_cols .col_head a.toggler:focus > .arrow > .arrow_d, .intro_info .info_cols .col_head a.toggler:focus > .arrow > .arrow_u, .intro_info .info_cols .col_head a.toggler:hover > .arrow > .arrow_d, .intro_info .info_cols .col_head a.toggler:hover > .arrow > .arrow_u { color: #ec0000 } .intro_info .info_cols .col_head a.toggler.active > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .intro_info .info_cols .col_head a.toggler.active > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .intro_info .info_cols .col_head a.toggler.active:focus > .arrow, .intro_info .info_cols .col_head a.toggler.active:hover > .arrow { -webkit-animation-name: fade-slide-u; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-u; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-u; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-u; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .intro_info .col_content { padding: 9px 18px } .intro_info .col_content h4 { font-size: 15px } .intro_info .col_content ul.circle_tick > li { padding-left: 26px; position: relative } .intro_info .col_content ul.circle_tick > li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px; text-align: center; color: #ec0000; background-color: transparent; position: absolute; top: 50%; left: 0px; margin-top: -6px } .intro_info .col_content ul.no_style > li { padding-left: 0px } .intro_info .col_content ul.no_style > li:before { display: none } .main_login_box + .main_info_box { margin-top: 0px } .login_form { display: flex; flex-direction:column; background-color: #fff; border: 1px solid #c3c3c3; min-height: 316px } .login_form .form_bg { position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; flex:1; display:flex; min-height:0; } .login_form .form_bg > .bg { z-index: 0; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px } .login_form .form_bg > .bg > span { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover } .login_form .form_bg > .form_content { display:flex; flex-direction:column; flex:1; width:100%; z-index: 1 } .login_form .form_head { padding: 23px 18px; color: #333; background-color: #fff; position: relative } .login_form .form_head h2 { font-size: 20px; line-height: 24px; font-weight: bold } .login_form .form_head h2 span:first-child { padding-right: 40px } .login_form .form_head .info { display: block; width: 24px; height: 24px; position: absolute; text-decoration: none; top: 50%; right: 18px; margin-top: -12px; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .login_form .form_head .info .icon { display: inline-block; vertical-align: middle; width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center; margin-right: 12px } .login_form .form_head .info:focus, .login_form .form_head .info:hover { color: #ec0000 } .login_form .form_head .step_desktop { float: right; display: initial } .login_form .form_head .step_mobile { float: right; display: none } .login_form .form_body { border-top: 1px solid #c3c3c3; flex: 1 1 auto; } .login_form .form_body .body_box.alias, .login_form .form_body .body_box.new_pass { padding-bottom: 47px } .login_form .form_body .body_box.login_method, .login_form .form_body .body_box.verify_img { border-top: 1px solid #c3c3c3 } .login_form .form_body .step_mobile_btn_row { display: none } .login_form .form_body .verify_img_submit_btn_row { clear: left; top: 20px; margin-bottom: 20px } .login_form .form_foot { padding: 14px; position: relative; color: #444547; background-color: #fff; background-color: rgba(255,255,255,0.8) } .login_form .form_foot:before { content: ''; display: block; height: 1px; position: absolute; top: 0px; left: 18px; right: 18px; background-color: #c3c3c3 } .login_form .form_foot .info { display: inline-block; color: #444547; text-decoration: none; font-size: 13px; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .login_form .form_foot .info .text { display: inline-block; vertical-align: middle } .login_form .form_foot .info .icon { display: inline-block; vertical-align: middle; width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center; margin-right: 12px } .login_form .form_foot .info:focus, .login_form .form_foot .info:hover { color: #ec0000 } .login_form .form_row { display: block; position: relative; min-height: 48px } .login_form .form_row + .form_row, .login_form .form_row.submit_row { margin-top: 18px } .login_form .form_col { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .login_form .form_col.c_1 { z-index: 1; position: absolute; top: 0px; left: 0px; width: 155px; height: 100%; padding-right: 27px } .login_form .form_col.c_2 { z-index: 0; position: relative; width: 100%; padding-left: 155px; padding-right: 145px } .login_form .form_col.c_3 { z-index: 1; position: absolute; top: 0px; right: 0px; width: 145px; height: 100%; padding-left: 27px } .login_form .pass_info { display: block; position: relative; padding-left: 90px; padding-right: 145px } .login_form .pass_info > span { display: inline-block; background-color: #fff; background-color: rgba(255,255,255,0.8); font-size: 16px; line-height: 18px; padding: 4px 0px; padding-right: 4px } .login_form .login_row .form_col.c_1 { width: 90px } .login_form .login_row .form_col.c_2 { padding-left: 90px } .login_form .alias_row .form_col.c_1 { width: 100px } .login_form .alias_row .form_col.c_2 { padding-left: 100px } .login_form .form_grid { display: block; position: relative; margin-left: -18px; margin-top: -18px } .login_form .form_grid:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .login_form .form_grid > .grid_item { display: block; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding-left: 18px; padding-top: 18px } .login_form .form_grid > .grid_item > label { display: block; line-height: 22px; padding-bottom: 13px; text-transform: uppercase; font-family: 'lato'; font-weight: bold; font-size: 12px; color: #444547 } .login_form .form_grid.g_2_1 > .grid_item { width: 50% } .login_form .form_grid.g_3_1 > .grid_item { width: 33%; width: 33.3333% } .login_form .form_row > label, .login_form .form_col > label { position: relative; display: block; text-transform: none; font-size: 1px; font-size: 0 } .login_form .form_row > label:after, .login_form .form_col > label:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; min-height: 48px } .login_form .form_row > label > span, .login_form .form_col > label > span { display: inline-block; vertical-align: middle; font-family: 'lato'; font-weight: bold; line-height: 22px; font-size: 14px; max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .login_form .form_row > label > span > span, .login_form .form_col > label > span > span { font-weight: normal } .login_form .verify_img_line { display: block; width: 100%; height: 0px; border-bottom: 1px solid #c3c3c3; margin-bottom: -1px } .login_form .verify_img_body { overflow: hidden; border-top: 0px solid transparent } .login_form .body_box { padding: 20px 18px; max-width: 740px; margin: 0px auto } .login_form .body_box label.strong { display: block } .login_form .body_box label.strong > span { font-weight: normal; font-size: 16px; text-transform: uppercase; font-family: 'latoblack' } .login_form .body_box label.strong > span > .mini { display: block; font-size: 10px; line-height: 12px } .login_form .body_box.login { padding-bottom: 18px } .login_form .body_box.pass { padding: 0 18px; } .login_form .body_box.pass .methods { display: block; position: relative; overflow: hidden } .login_form .body_box.pass .method { display: none; position: relative } .login_form .body_box.pass .method.active { display: block } .login_form .body_box .mask_pass_head label { height: 30px; padding: 3px 0px; font-weight: normal; display: block; font-size: 16px; text-transform: uppercase; font-family: 'latoblack' } .login_form .body_box .mask_pass_foot { padding-top: 18px } .login_form .body_box .mask_pass_foot:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .login_form .body_box .mask_pass_foot > div { display: block; float: right; width: 145px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 27px } .login_form .body_box .full_radio { display: block; position: relative; overflow: hidden } .login_form .body_box .full_radio:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .login_form .body_box .full_radio > .radio_box { width: 50%; float: left; position: relative; padding-bottom: 100px; margin-bottom: -100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .login_form .body_box .full_radio > .radio_box + .radio_box { border-left: 1px solid #c3c3c3 } .login_form .body_box .full_radio .radiobutton_pass { display: block; position: relative } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] { display: block; width: 1px; height: 0px; position: absolute; top: 0px; left: 0px; color: transparent; z-index: -1; margin-left: -20px } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] + label { display: block; position: relative } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] + label > .label { z-index: 0; display: block; width: 100%; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; background-color: #fff; padding: 20px 25px; padding-top: 30px; padding-left: 100px; font-size: 14px; line-height: 22px } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] + label > .label strong { font-size: 15px } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] + label > .label img { display: block; width: 100%; height: auto; max-width: 266px; margin-top: 9px } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] + label > .label:after { content: ''; display: block; width: 100%; height: 100px; background-color: #fff; position: absolute; top: 100%; left: 0 } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] + label > .chbox { z-index: 1; display: block; width: 48px; height: 48px; position: absolute; left: 25px; top: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; background-color: #fff; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; cursor: pointer } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] + label > .chbox:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 16px; height: 16px; font-size: 16px; line-height: 16px; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; color: #ec0000 } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"].error + label > .label:after, .login_form .body_box .full_radio .radiobutton_pass input[type="radio"].error + label > .label, .login_form .body_box .full_radio .radiobutton_pass input[type="radio"].error + label > .chbox { background-color: #ffeded } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"]:focus + label > .chbox, .login_form .body_box .full_radio .radiobutton_pass input[type="radio"]:hover + label > .chbox { border: 1px solid #ed1a3b } .login_form .body_box .full_radio .radiobutton_pass label.checked > .chbox:before, .login_form .body_box .full_radio .radiobutton_pass input[type="radio"].checked + label > .chbox:before, .login_form .body_box .full_radio .radiobutton_pass input[type="radio"]:checked + label > .chbox:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .login_form .body_box .full_radio + .error_msg { padding-left: 18px; padding-right: 18px } .login_form .mask_pass .chars { display: block; position: relative; padding-right: 72px } .login_form .mask_pass .chars:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .login_form .mask_pass .chars .char { display: block; width: 6%; width: 6.66%; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 2px } .login_form .mask_pass .chars .char input[type="text"], .login_form .mask_pass .chars .char input[type="number"], .login_form .mask_pass .chars .char input[type="password"] { padding-left: 0px; padding-right: 0px; text-align: center } .login_form .mask_pass .chars .char input[type="text"][disabled="disabled"], .login_form .mask_pass .chars .char input[type="text"][disabled=""], .login_form .mask_pass .chars .char input[type="text"].disabled, .login_form .mask_pass .chars .char input[type="text"]:disabled, .login_form .mask_pass .chars .char input[type="number"][disabled="disabled"], .login_form .mask_pass .chars .char input[type="number"][disabled=""], .login_form .mask_pass .chars .char input[type="number"].disabled, .login_form .mask_pass .chars .char input[type="number"]:disabled, .login_form .mask_pass .chars .char input[type="password"][disabled="disabled"], .login_form .mask_pass .chars .char input[type="password"][disabled=""], .login_form .mask_pass .chars .char input[type="password"].disabled, .login_form .mask_pass .chars .char input[type="password"]:disabled { background-color: #444547 } .login_form .mask_pass .chars .char label { display: block; text-align: center; font-size: 12px; line-height: 24px; color: #444547; font-family: 'lato'; background-color: #fff; background-color: rgba(255,255,255,0.8) } .login_form .mask_pass .chars > .virtual_keyboard { display: block; overflow: hidden; width: 36px; height: 24px; position: relative; float: left; top: 12px; left: 18px; color: #444547; cursor: pointer; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; margin-right: -36px } .login_form .mask_pass .chars > .virtual_keyboard:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 36px; height: 36px; font-size: 36px; line-height: 36px; text-align: center; position: absolute; top: 50%; margin-top: -18px; left: 0px } .login_form .mask_pass .chars > .virtual_keyboard:hover { color: #ec0000 } .login_form .mask_pass .chars > .virtual_keyboard.for_mp { background-color: #fff; background-color: rgba(255,255,255,0.8) } .login_form input[type="text"]:-ms-input-placeholder { color: #444547 } .login_form input[type="text"]:-moz-placeholder { color: #444547 } .login_form input[type="text"]::-moz-placeholder { color: #444547 } .login_form input[type="text"]::-webkit-input-placeholder { color: #444547 } .login_form input[type="email"]:-ms-input-placeholder { color: #444547 } .login_form input[type="email"]:-moz-placeholder { color: #444547 } .login_form input[type="email"]::-moz-placeholder { color: #444547 } .login_form input[type="email"]::-webkit-input-placeholder { color: #444547 } .login_form input[type="tel"]:-ms-input-placeholder { color: #444547 } .login_form input[type="tel"]:-moz-placeholder { color: #444547 } .login_form input[type="tel"]::-moz-placeholder { color: #444547 } .login_form input[type="tel"]::-webkit-input-placeholder { color: #444547 } .login_form input[type="number"]:-ms-input-placeholder { color: #444547 } .login_form input[type="number"]:-moz-placeholder { color: #444547 } .login_form input[type="number"]::-moz-placeholder { color: #444547 } .login_form input[type="number"]::-webkit-input-placeholder { color: #444547 } .login_form input[type="password"]:-ms-input-placeholder { color: #444547 } .login_form input[type="password"]:-moz-placeholder { color: #444547 } .login_form input[type="password"]::-moz-placeholder { color: #444547 } .login_form input[type="password"]::-webkit-input-placeholder { color: #444547 } .login_form textarea:-ms-input-placeholder { color: #444547 } .login_form textarea:-moz-placeholder { color: #444547 } .login_form textarea::-moz-placeholder { color: #444547 } .login_form textarea::-webkit-input-placeholder { color: #444547 } .login_form input[type="text"]:focus:-ms-input-placeholder { color: transparent } .login_form input[type="text"]:focus:-moz-placeholder { color: transparent } .login_form input[type="text"]:focus::-moz-placeholder { color: transparent } .login_form input[type="text"]:focus::-webkit-input-placeholder { color: transparent } .login_form input[type="email"]:focus:-ms-input-placeholder { color: transparent } .login_form input[type="email"]:focus:-moz-placeholder { color: transparent } .login_form input[type="email"]:focus::-moz-placeholder { color: transparent } .login_form input[type="email"]:focus::-webkit-input-placeholder { color: transparent } .login_form input[type="tel"]:focus:-ms-input-placeholder { color: transparent } .login_form input[type="tel"]:focus:-moz-placeholder { color: transparent } .login_form input[type="tel"]:focus::-moz-placeholder { color: transparent } .login_form input[type="tel"]:focus::-webkit-input-placeholder { color: transparent } .login_form input[type="number"]:focus:-ms-input-placeholder { color: transparent } .login_form input[type="number"]:focus:-moz-placeholder { color: transparent } .login_form input[type="number"]:focus::-moz-placeholder { color: transparent } .login_form input[type="number"]:focus::-webkit-input-placeholder { color: transparent } .login_form input[type="password"]:focus:-ms-input-placeholder { color: transparent } .login_form input[type="password"]:focus:-moz-placeholder { color: transparent } .login_form input[type="password"]:focus::-moz-placeholder { color: transparent } .login_form input[type="password"]:focus::-webkit-input-placeholder { color: transparent } .login_form textarea:focus:-ms-input-placeholder { color: transparent } .login_form textarea:focus:-moz-placeholder { color: transparent } .login_form textarea:focus::-moz-placeholder { color: transparent } .login_form textarea:focus::-webkit-input-placeholder { color: transparent } .login_form label.jsPhLabel { display: block; width: 100%; height: 48px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 18px; border: 1px solid transparent; font-size: 16px; line-height: 24px; color: #444547; position: absolute; top: 0px; left: 0px; pointer-events: none; cursor: text } .login_form label.jsPhLabel.hidden { display: none } .login_form input[type="tel"], .login_form input[type="text"], .login_form input[type="number"], .login_form input[type="password"], .login_form input[type="button"], .login_form input[type="submit"], .login_form textarea { display: block; width: 100%; height: 48px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px 18px; border: 1px solid #c3c3c3; font-size: 16px; line-height: 24px; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .login_form input[type="tel"]:focus, .login_form input[type="tel"]:hover, .login_form input[type="text"]:focus, .login_form input[type="text"]:hover, .login_form input[type="number"]:focus, .login_form input[type="number"]:hover, .login_form input[type="password"]:focus, .login_form input[type="password"]:hover, .login_form input[type="button"]:focus, .login_form input[type="button"]:hover, .login_form input[type="submit"]:focus, .login_form input[type="submit"]:hover, .login_form textarea:focus, .login_form textarea:hover { border: 1px solid #ec0000 } .login_form input[type="tel"], .login_form input[type="date"], .login_form input[type="text"], .login_form input[type="number"], .login_form input[type="password"], .login_form textarea { background-color: #fff } .login_form input[type="tel"][disabled="disabled"], .login_form input[type="tel"][disabled=""], .login_form input[type="tel"].disabled, .login_form input[type="tel"]:disabled, .login_form input[type="date"][disabled="disabled"], .login_form input[type="date"][disabled=""], .login_form input[type="date"].disabled, .login_form input[type="date"]:disabled, .login_form input[type="text"][disabled="disabled"], .login_form input[type="text"][disabled=""], .login_form input[type="text"].disabled, .login_form input[type="text"]:disabled, .login_form input[type="number"][disabled="disabled"], .login_form input[type="number"][disabled=""], .login_form input[type="number"].disabled, .login_form input[type="number"]:disabled, .login_form input[type="password"][disabled="disabled"], .login_form input[type="password"][disabled=""], .login_form input[type="password"].disabled, .login_form input[type="password"]:disabled, .login_form textarea[disabled="disabled"], .login_form textarea[disabled=""], .login_form textarea.disabled, .login_form textarea:disabled { background-color: #f5f5f5; color: #444547 } .login_form input[type="tel"].error, .login_form input[type="date"].error, .login_form input[type="text"].error, .login_form input[type="number"].error, .login_form input[type="password"].error, .login_form textarea.error { background-color: #ffeded } .login_form input[type="button"], .login_form input[type="submit"] { font-size: 14px; background-color: #ec0000; border: 1px solid #ec0000; color: #fff; cursor: pointer; text-transform: uppercase; font-weight: bold; -o-transition: background-color 0.3s,border 0.3s; -moz-transition: background-color 0.3s,border 0.3s; -webkit-transition: background-color 0.3s,border 0.3s; transition: background-color 0.3s,border 0.3s } .login_form input[type="button"]:focus, .login_form input[type="button"]:hover, .login_form input[type="submit"]:focus, .login_form input[type="submit"]:hover { border: 1px solid #333; background-color: #333; color: #fff } .login_form .form_field { display: block; position: relative } .login_form .form_field > .mask_pass_error, .login_form .form_field > .error_msg { display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 18px } .login_form .form_field.date:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 22px; height: 22px; font-size: 22px; line-height: 22px; text-align: center; color: #444547; position: absolute; top: 13px; right: 18px; pointer-events: none } .login_form .form_field.date input[type="date"], .login_form .form_field.date input[type="text"] { padding-right: 49px } .login_form .form_field.v_key label.jsPhLabel { padding-right: 63px } .login_form .form_field.v_key input[type="tel"], .login_form .form_field.v_key input[type="text"], .login_form .form_field.v_key input[type="number"], .login_form .form_field.v_key input[type="password"], .login_form .form_field.v_key textarea { padding-right: 63px } .login_form .form_field > .virtual_keyboard { display: block; overflow: hidden; width: 36px; height: 24px; position: absolute; top: 12px; right: 18px; color: #444547; cursor: pointer; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .login_form .form_field > .virtual_keyboard:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 36px; height: 36px; font-size: 36px; line-height: 36px; text-align: center; position: absolute; top: 50%; margin-top: -18px; left: 0px } .login_form .form_field > .virtual_keyboard:hover { color: #ec0000 } .login_form .form_field > .virtual_keyboard.for_mp { right: 0px } .login_form .form_field.ph_info input[type="text"]:-ms-input-placeholder { color: #333 } .login_form .form_field.ph_info input[type="text"]:-moz-placeholder { color: #333 } .login_form .form_field.ph_info input[type="text"]::-moz-placeholder { color: #333 } .login_form .form_field.ph_info input[type="text"]::-webkit-input-placeholder { color: #333 } .login_form .form_field.ph_info input[type="email"]:-ms-input-placeholder { color: #333 } .login_form .form_field.ph_info input[type="email"]:-moz-placeholder { color: #333 } .login_form .form_field.ph_info input[type="email"]::-moz-placeholder { color: #333 } .login_form .form_field.ph_info input[type="email"]::-webkit-input-placeholder { color: #333 } .login_form .form_field.ph_info input[type="tel"]:-ms-input-placeholder { color: #333 } .login_form .form_field.ph_info input[type="tel"]:-moz-placeholder { color: #333 } .login_form .form_field.ph_info input[type="tel"]::-moz-placeholder { color: #333 } .login_form .form_field.ph_info input[type="tel"]::-webkit-input-placeholder { color: #333 } .login_form .form_field.ph_info input[type="number"]:-ms-input-placeholder { color: #333 } .login_form .form_field.ph_info input[type="number"]:-moz-placeholder { color: #333 } .login_form .form_field.ph_info input[type="number"]::-moz-placeholder { color: #333 } .login_form .form_field.ph_info input[type="number"]::-webkit-input-placeholder { color: #333 } .login_form .form_field.ph_info input[type="password"]:-ms-input-placeholder { color: #333 } .login_form .form_field.ph_info input[type="password"]:-moz-placeholder { color: #333 } .login_form .form_field.ph_info input[type="password"]::-moz-placeholder { color: #333 } .login_form .form_field.ph_info input[type="password"]::-webkit-input-placeholder { color: #333 } .login_form .form_field.ph_info textarea:-ms-input-placeholder { color: #333 } .login_form .form_field.ph_info textarea:-moz-placeholder { color: #333 } .login_form .form_field.ph_info textarea::-moz-placeholder { color: #333 } .login_form .form_field.ph_info textarea::-webkit-input-placeholder { color: #333 } .login_form .form_field.ph_info input[type="text"]:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="text"]:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="text"]:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="text"]:focus::-webkit-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="email"]:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="email"]:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="email"]:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="email"]:focus::-webkit-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="tel"]:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="tel"]:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="tel"]:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="tel"]:focus::-webkit-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="number"]:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="number"]:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="number"]:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="number"]:focus::-webkit-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="password"]:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="password"]:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="password"]:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="password"]:focus::-webkit-input-placeholder { color: #444547 } .login_form .form_field.ph_info textarea:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info textarea:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info textarea:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info textarea:focus::-webkit-input-placeholder { color: #444547 } .login_form textarea { height: 96px } .login_form .button_alt { position: relative } .login_form .button_alt .form_bt { top: 0px; left: 0px } .login_form .form_bt.alt_bt { display: none; background-color: #444547; border: 1px solid #444547 } .login_form .form_bt.alt_bt:focus, .login_form .form_bt.alt_bt:hover { background-color: #333; border: 1px solid #333 } .login_form .form_bt.alt_bt.red { background-color: #ec0000; border: 1px solid #ec0000 } .login_form .form_bt.alt_bt.red:focus, .login_form .form_bt.alt_bt.red:hover { background-color: #333; border: 1px solid #333 } .login_form .form_label { font-size: 16px; line-height: 24px; font-weight: bold; color: #333; padding: 30px 0px; padding-top: 0; text-transform: uppercase } .login_form .img_grid_wrapper { display: block; position: relative; max-width: 610px; margin: 0px auto } .login_form .img_grid_wrapper .error_msg { float: left; clear: left } .login_form .img_grid_wrapper .choose_img_label { margin-bottom: 20px; padding-left: 5px } .login_form .img_grid_wrapper .preview_label { position: absolute; margin-bottom: 20px; padding-left: 5px; top: 0; left: 52% } .login_form .img_grid { display: block; position: relative; margin-left: -4px; margin-top: -9px; float: left; width: 50%; min-height: 150px } .login_form .img_grid:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .login_form .img_grid > .img_item { display: block; width: 25%; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 9px; padding-top: 9px } .login_form .login_panel_preview { position: absolute; transform: scale(0.5, 0.5); -moz-transform: scale(0.48, 0.48); right: -26%; top: 36px; bottom: 0; pointer-events: none } .login_form .login_panel_preview .login_form_preview { border: 2px solid #c3c3c3 } .login_form .login_panel_preview .login_form_preview .form_foot:before { height: 2px !important } .login_form .login_panel_preview .login_form_preview input { border-width: 2px !important } .login_form .questions { padding-top: 9px } .login_form .questions input[type="tel"], .login_form .questions input[type="text"], .login_form .questions input[type="number"], .login_form .questions input[type="password"], .login_form .questions textarea { font-size: 14px } .login_form .questions .checkbox input[type="checkbox"] + label > .label { font-size: 14px } .login_form .questions .radiobutton input[type="radio"] + label > .label { font-size: 14px; text-align: center } .login_form .new_pass_req .form_row { min-height: 0px } .login_form .new_pass_req .error_msg { display: none; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold } .login_form .new_pass_req .error_msg strong { font-family: 'latoblack'; font-weight: normal } .login_form .new_pass_req .error_msg ul { display: block } .login_form .new_pass_req .error_msg ul > li { padding-left: 26px; position: relative; margin-top: 9px } .login_form .new_pass_req .error_msg ul > li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px; text-align: center; color: #ec0000; background-color: transparent; position: absolute; top: 50%; left: 0px; margin-top: -6px } .login_form .new_pass_req.error .error_msg { display: block; padding-top: 18px } .login_form a.button.mobile { display: none } .verimage { position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .verimage:before { content: ''; display: block; width: 100%; padding-top: 58% } .verimage > div { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100% } .checkimg { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px } .checkimg input[type="radio"] { display: block; width: 1px; height: 0px; position: absolute; top: 0px; left: 0px; color: transparent; z-index: -1 } .checkimg input[type="radio"] + label { display: block; width: 100%; height: 100%; position: relative; padding: 0px; background-color: #595958 } .checkimg input[type="radio"] + label > .img { z-index: 0; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cdcdcd; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .checkimg input[type="radio"] + label > .img.empty { background-color: white } .checkimg input[type="radio"] + label > .img > span { display: block; width: 100%; height: 20px; line-height: 20px; font-size: 16px; text-align: center; color: #333; text-transform: uppercase; position: absolute; top: 50%; left: 0px; margin-top: -10px } .checkimg input[type="radio"] + label > .selection { z-index: 0; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 3px solid transparent; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; cursor: pointer } .checkimg input[type="radio"] + label > .selection:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 34px; height: 34px; font-size: 34px; line-height: 34px; position: absolute; top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; color: transparent; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .checkimg input[type="radio"]:focus + label > .img, .checkimg input[type="radio"]:hover + label > .img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5 } .checkimg input[type="radio"]:focus + label > .selection, .checkimg input[type="radio"]:hover + label > .selection { border: 3px solid #ec0000 } .checkimg label.checked > .img, .checkimg input[type="radio"].checked + label > .img, .checkimg input[type="radio"]:checked + label > .img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: .5 } .checkimg label.checked > .selection, .checkimg input[type="radio"].checked + label > .selection, .checkimg input[type="radio"]:checked + label > .selection { border: 3px solid #ec0000 } .checkimg label.checked > .selection:before, .checkimg input[type="radio"].checked + label > .selection:before, .checkimg input[type="radio"]:checked + label > .selection:before { color: #fff } .checkimg input[type="radio"]:focus.checked + label > .selection, .checkimg input[type="radio"]:focus:checked + label > .selection, .checkimg input[type="radio"]:hover.checked + label > .selection, .checkimg input[type="radio"]:hover:checked + label > .selection { border: 3px solid #cdcdcd } .checkimg input[type="radio"].error + label > .selection { border: 3px solid #ec0000 } .login_steps { display: block; position: relative; overflow: hidden } .login_steps > .step { z-index: 0; display: none; width: 100%; position: absolute; top: 0px; left: 0px } .login_steps > .step.active { z-index: 2; display: block; position: relative } .login_steps > .step.prev { z-index: 1; display: block } .logout_box { display: block; background-color: #fff; border: 1px solid #c3c3c3; min-height: 316px } .logout_box .vc_content { display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; font-size: 1px; font-size: 0px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px } .logout_box .vc_content:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px } .logout_box .vc_content > div { display: inline-block; vertical-align: middle; width: 100%; font-size: 14px; max-width: 760px; margin: 0px auto } .logout_box .vc_content > div h3 { font-size: 20px; line-height: 28px; color: #333; font-weight: bold } .logout_box .vc_content > div .buttons { display: block; margin-top: 12px } .logout_box .vc_content > div .buttons > .button { display: inline-block; margin: 18px; max-width: 190px; margin-bottom: 0px; text-align: left } .logout_news { padding-bottom: 27px } .logout_news .news_header { display: block; color: #333 } .logout_news .news_header h2 { font-weight: bold; font-size: 16px; line-height: 24px; padding: 9px 18px; text-transform: uppercase } .logout_news .news_cols { display: block; position: relative; overflow: hidden } .logout_news .news_cols:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .logout_news .news_cols > .col { display: block; float: left; width: 33%; width: 33.3333%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 100px; margin-bottom: -100px } .logout_news .news_item { display: block; position: relative; color: #333; background-color: transparent; text-decoration: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 27px; padding-bottom: 47px; line-height: 20px; min-height: 190px } .logout_news .news_item h3 { font-size: 20px; line-height: 28px; font-weight: bold; } .logout_news .news_item span { display: block; font-size: 14px; color: #444547; padding: 12px 0px } .logout_news .news_item p { font-size: 14px } .logout_news .news_item span.link { padding: 0px; position: absolute; bottom: 15px; text-decoration: none; color: #ec0000; font-size: 14px; line-height: 24px; font-weight: bold } .logout_news .news_item span.link:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; margin-left: 6px; position: relative; color: #ec0000; font-size: 10px; pointer-events: none; left: 0px; -o-transition: left,0.3s; -moz-transition: left,0.3s; -webkit-transition: left,0.3s; transition: left,0.3s } .logout_news .news_item:focus span.link:after, .logout_news .news_item:hover span.link:after { left: 10px } .offers_grid { display: block; position: relative } .offers_grid.wait { overflow: hidden; height: 160px } .offers_grid.wait:before { content: ''; display: block; width: 50px; height: 50px; position: absolute; z-index: 1; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url(../img/preloader.gif) } .offers_grid.wait > div { visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .offers_grid > div { display: block; position: relative; margin-left: -18px; margin-top: -18px; visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -o-transition: visibility 0.3s,opacity 0.3s; -moz-transition: visibility 0.3s,opacity 0.3s; -webkit-transition: visibility 0.3s,opacity 0.3s; transition: visibility 0.3s,opacity 0.3s } .offers_grid > div:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .offers_grid .grid_item { display: block; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px; padding-top: 18px; width: 33%; width: 33.33% } .offers_grid .offer_item { display: block; border: 1px solid #c3c3c3; padding: 18px; position: relative; padding-bottom: 74px } .offers_grid .offer_item .image { z-index: 1; display: block; width: 86px; position: absolute; top: 18px; left: 18px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #f5f5f5 } .offers_grid .offer_item .image:before { content: ''; display: block; width: 100%; padding-top: 100%; position: relative; visibility: hidden; z-index: -1 } .offers_grid .offer_item .text_box { z-index: 0; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 104px; min-height: 86px } .offers_grid .offer_item .foot { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 18px; padding-top: 0px; position: absolute; bottom: 0px; left: 0px } .offers_grid .offer_item .foot:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .offers_grid .offer_item .foot > .f_l { display: block; float: left; width: 50%; max-width: 180px } .offers_grid .offer_item .foot > .f_l:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; height: 48px } .offers_grid .offer_item .foot > .f_r { display: block; float: right; width: 50%; max-width: 180px } .offers_grid .offer_item .cat { display: block; font-weight: bold; font-size: 12px; line-height: 12px; text-transform: uppercase; color: #444547; text-align: right; position: relative; top: -4px } .offers_grid .offer_item .title { font-family: 'latoblack'; font-size: 16px; line-height: 20px; padding: 4px 0px; color: #333 } .offers_grid .offer_item .desc { font-family: 'lato'; font-size: 13px; line-height: 19px; padding: 4px 0px; color: #444547 } .offers_grid .offer_item .desc ol { counter-reset: li } .offers_grid .offer_item .desc ol[start="1"] { counter-reset: li 0 } .offers_grid .offer_item .desc ol[start="2"] { counter-reset: li 1 } .offers_grid .offer_item .desc ol[start="3"] { counter-reset: li 2 } .offers_grid .offer_item .desc ol[start="4"] { counter-reset: li 3 } .offers_grid .offer_item .desc ol[start="5"] { counter-reset: li 4 } .offers_grid .offer_item .desc ol[start="6"] { counter-reset: li 5 } .offers_grid .offer_item .desc ol[start="7"] { counter-reset: li 6 } .offers_grid .offer_item .desc ol[start="8"] { counter-reset: li 7 } .offers_grid .offer_item .desc ol[start="9"] { counter-reset: li 8 } .offers_grid .offer_item .desc ol[start="10"] { counter-reset: li 9 } .offers_grid .offer_item .desc ol[start="11"] { counter-reset: li 10 } .offers_grid .offer_item .desc ol[start="12"] { counter-reset: li 11 } .offers_grid .offer_item .desc ol[start="13"] { counter-reset: li 12 } .offers_grid .offer_item .desc ol[start="14"] { counter-reset: li 13 } .offers_grid .offer_item .desc ol[start="15"] { counter-reset: li 14 } .offers_grid .offer_item .desc ol[start="16"] { counter-reset: li 15 } .offers_grid .offer_item .desc ol[start="17"] { counter-reset: li 16 } .offers_grid .offer_item .desc ol[start="18"] { counter-reset: li 17 } .offers_grid .offer_item .desc ol[start="19"] { counter-reset: li 18 } .offers_grid .offer_item .desc ol[start="20"] { counter-reset: li 19 } .offers_grid .offer_item .desc ol[start="21"] { counter-reset: li 20 } .offers_grid .offer_item .desc ol[start="22"] { counter-reset: li 21 } .offers_grid .offer_item .desc ol[start="23"] { counter-reset: li 22 } .offers_grid .offer_item .desc ol[start="24"] { counter-reset: li 23 } .offers_grid .offer_item .desc ol[start="25"] { counter-reset: li 24 } .offers_grid .offer_item .desc ol[start="26"] { counter-reset: li 25 } .offers_grid .offer_item .desc ol[start="27"] { counter-reset: li 26 } .offers_grid .offer_item .desc ol[start="28"] { counter-reset: li 27 } .offers_grid .offer_item .desc ol[start="29"] { counter-reset: li 28 } .offers_grid .offer_item .desc ol[start="30"] { counter-reset: li 29 } .offers_grid .offer_item .desc ol[start="31"] { counter-reset: li 30 } .offers_grid .offer_item .desc ol[start="32"] { counter-reset: li 31 } .offers_grid .offer_item .desc ol > li { padding-left: 26px; position: relative; font-size: 14px; line-height: 20px; color: #444547 } .offers_grid .offer_item .desc ol > li:before { content: counter(li) "."; counter-increment: li; color: #444547; display: block; height: 19px; width: 24px; position: absolute; top: 0px; left: -10px; text-align: right; font-size: 0.9em } .offers_grid .offer_item .desc ol > li + li { margin-top: 9px } .offers_grid .offer_item .desc ul > li, .offers_grid .offer_item .desc ul.circle_tick > li { padding-left: 26px; position: relative; font-size: 13px; line-height: 19px; color: #444547 } .offers_grid .offer_item .desc ul > li:before, .offers_grid .offer_item .desc ul.circle_tick > li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px; text-align: center; color: #ec0000; background-color: transparent; position: absolute; top: 50%; left: 0px; margin-top: -6px } .offers_grid .offer_item .desc ul > li + li, .offers_grid .offer_item .desc ul.circle_tick > li + li { margin-top: 7px } .offers_grid .offer_item .desc ul + ul, .offers_grid .offer_item .desc ul + ol, .offers_grid .offer_item .desc ul + p, .offers_grid .offer_item .desc ol + ul, .offers_grid .offer_item .desc ol + ol, .offers_grid .offer_item .desc ol + p, .offers_grid .offer_item .desc p + ul, .offers_grid .offer_item .desc p + ol, .offers_grid .offer_item .desc p + p { margin-top: 9px } .offers_grid .offer_item.large { padding: 0px; min-height: 302px; padding-bottom: 74px } .offers_grid .offer_item.large .image { z-index: 0; position: relative; top: 0px; left: 0px; width: 100%; float: none } .offers_grid .offer_item.large .image:before { padding-top: 190px } .offers_grid .offer_item.large .cat { z-index: 1; position: absolute; top: 0px; right: 0px; padding: 14px 18px; background-color: #fff } .offers_grid .offer_item.large .text_box { z-index: 1; position: relative; width: 100%; float: none; padding: 18px } .offers_grid .offer_item.large .title_box { position: relative; margin-top: -40px } .offers_grid .offer_item.large .features { padding: 0px 18px; padding-top: 8px } .offers_grid .offer_item.large .features ol { counter-reset: li } .offers_grid .offer_item.large .features ol[start="1"] { counter-reset: li 0 } .offers_grid .offer_item.large .features ol[start="2"] { counter-reset: li 1 } .offers_grid .offer_item.large .features ol[start="3"] { counter-reset: li 2 } .offers_grid .offer_item.large .features ol[start="4"] { counter-reset: li 3 } .offers_grid .offer_item.large .features ol[start="5"] { counter-reset: li 4 } .offers_grid .offer_item.large .features ol[start="6"] { counter-reset: li 5 } .offers_grid .offer_item.large .features ol[start="7"] { counter-reset: li 6 } .offers_grid .offer_item.large .features ol[start="8"] { counter-reset: li 7 } .offers_grid .offer_item.large .features ol[start="9"] { counter-reset: li 8 } .offers_grid .offer_item.large .features ol[start="10"] { counter-reset: li 9 } .offers_grid .offer_item.large .features ol[start="11"] { counter-reset: li 10 } .offers_grid .offer_item.large .features ol[start="12"] { counter-reset: li 11 } .offers_grid .offer_item.large .features ol[start="13"] { counter-reset: li 12 } .offers_grid .offer_item.large .features ol[start="14"] { counter-reset: li 13 } .offers_grid .offer_item.large .features ol[start="15"] { counter-reset: li 14 } .offers_grid .offer_item.large .features ol[start="16"] { counter-reset: li 15 } .offers_grid .offer_item.large .features ol[start="17"] { counter-reset: li 16 } .offers_grid .offer_item.large .features ol[start="18"] { counter-reset: li 17 } .offers_grid .offer_item.large .features ol[start="19"] { counter-reset: li 18 } .offers_grid .offer_item.large .features ol[start="20"] { counter-reset: li 19 } .offers_grid .offer_item.large .features ol[start="21"] { counter-reset: li 20 } .offers_grid .offer_item.large .features ol[start="22"] { counter-reset: li 21 } .offers_grid .offer_item.large .features ol[start="23"] { counter-reset: li 22 } .offers_grid .offer_item.large .features ol[start="24"] { counter-reset: li 23 } .offers_grid .offer_item.large .features ol[start="25"] { counter-reset: li 24 } .offers_grid .offer_item.large .features ol[start="26"] { counter-reset: li 25 } .offers_grid .offer_item.large .features ol[start="27"] { counter-reset: li 26 } .offers_grid .offer_item.large .features ol[start="28"] { counter-reset: li 27 } .offers_grid .offer_item.large .features ol[start="29"] { counter-reset: li 28 } .offers_grid .offer_item.large .features ol[start="30"] { counter-reset: li 29 } .offers_grid .offer_item.large .features ol[start="31"] { counter-reset: li 30 } .offers_grid .offer_item.large .features ol[start="32"] { counter-reset: li 31 } .offers_grid .offer_item.large .features ol > li { padding-left: 26px; position: relative; font-size: 14px; line-height: 20px; color: #444547 } .offers_grid .offer_item.large .features ol > li:before { content: counter(li) "."; counter-increment: li; color: #444547; display: block; height: 19px; width: 24px; position: absolute; top: 0px; left: -10px; text-align: right; font-size: 0.9em } .offers_grid .offer_item.large .features ol > li + li { margin-top: 9px } .offers_grid .offer_item.large .features ul.circle_tick { min-height: 97px } .offers_grid .offer_item.large .features ul > li, .offers_grid .offer_item.large .features ul.circle_tick > li { padding-left: 26px; position: relative; font-size: 13px; line-height: 19px; color: #444547 } .offers_grid .offer_item.large .features ul > li:before, .offers_grid .offer_item.large .features ul.circle_tick > li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px; text-align: center; color: #ec0000; background-color: transparent; position: absolute; top: 50%; left: 0px; margin-top: -6px } .offers_grid .offer_item.large .features ul > li + li, .offers_grid .offer_item.large .features ul.circle_tick > li + li { margin-top: 7px } .offers_grid .offer_item.large .features ul + ul, .offers_grid .offer_item.large .features ul + ol, .offers_grid .offer_item.large .features ul + p, .offers_grid .offer_item.large .features ol + ul, .offers_grid .offer_item.large .features ol + ol, .offers_grid .offer_item.large .features ol + p, .offers_grid .offer_item.large .features p + ul, .offers_grid .offer_item.large .features p + ol, .offers_grid .offer_item.large .features p + p { margin-top: 9px } .offers_grid .offer_item.large .title { display: inline-block; font-size: 20px; line-height: 24px; color: #333; text-transform: uppercase; padding: 20px 18px; padding-bottom: 0px; background-color: #fff; position: relative; top: 0px } .offers_grid .offer_item.large .title > span { display: inline-block; color: #ec0000; font-size: 26px; line-height: 26px; margin: -2px 0px; vertical-align: bottom; margin-bottom: 0px } .offer_box { display: block; position: relative } .offer_box > div { display: block; position: relative; margin-left: -18px; margin-top: -18px } .offer_box > div:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .offer_box .intro, .offer_box .details { display: block; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px; padding-top: 18px; width: 50% } .offer_box .intro .title { font-family: 'latoblack'; font-size: 20px; line-height: 24px; color: #333; text-transform: uppercase } .offer_box .intro .title > span { display: inline-block; color: #ec0000; font-size: 26px; line-height: 26px; margin: -2px 0px; vertical-align: bottom; margin-bottom: 0px } .offer_box .intro .features { display: block; border: 1px solid #c3c3c3; padding: 35px; position: relative } .offer_box .intro .features ol { counter-reset: li } .offer_box .intro .features ol[start="1"] { counter-reset: li 0 } .offer_box .intro .features ol[start="2"] { counter-reset: li 1 } .offer_box .intro .features ol[start="3"] { counter-reset: li 2 } .offer_box .intro .features ol[start="4"] { counter-reset: li 3 } .offer_box .intro .features ol[start="5"] { counter-reset: li 4 } .offer_box .intro .features ol[start="6"] { counter-reset: li 5 } .offer_box .intro .features ol[start="7"] { counter-reset: li 6 } .offer_box .intro .features ol[start="8"] { counter-reset: li 7 } .offer_box .intro .features ol[start="9"] { counter-reset: li 8 } .offer_box .intro .features ol[start="10"] { counter-reset: li 9 } .offer_box .intro .features ol[start="11"] { counter-reset: li 10 } .offer_box .intro .features ol[start="12"] { counter-reset: li 11 } .offer_box .intro .features ol[start="13"] { counter-reset: li 12 } .offer_box .intro .features ol[start="14"] { counter-reset: li 13 } .offer_box .intro .features ol[start="15"] { counter-reset: li 14 } .offer_box .intro .features ol[start="16"] { counter-reset: li 15 } .offer_box .intro .features ol[start="17"] { counter-reset: li 16 } .offer_box .intro .features ol[start="18"] { counter-reset: li 17 } .offer_box .intro .features ol[start="19"] { counter-reset: li 18 } .offer_box .intro .features ol[start="20"] { counter-reset: li 19 } .offer_box .intro .features ol[start="21"] { counter-reset: li 20 } .offer_box .intro .features ol[start="22"] { counter-reset: li 21 } .offer_box .intro .features ol[start="23"] { counter-reset: li 22 } .offer_box .intro .features ol[start="24"] { counter-reset: li 23 } .offer_box .intro .features ol[start="25"] { counter-reset: li 24 } .offer_box .intro .features ol[start="26"] { counter-reset: li 25 } .offer_box .intro .features ol[start="27"] { counter-reset: li 26 } .offer_box .intro .features ol[start="28"] { counter-reset: li 27 } .offer_box .intro .features ol[start="29"] { counter-reset: li 28 } .offer_box .intro .features ol[start="30"] { counter-reset: li 29 } .offer_box .intro .features ol[start="31"] { counter-reset: li 30 } .offer_box .intro .features ol[start="32"] { counter-reset: li 31 } .offer_box .intro .features ol > li { padding-left: 26px; position: relative; font-size: 14px; line-height: 20px; color: #444547 } .offer_box .intro .features ol > li:before { content: counter(li) "."; counter-increment: li; color: #444547; display: block; height: 19px; width: 24px; position: absolute; top: 0px; left: -10px; text-align: right; font-size: 0.9em } .offer_box .intro .features ol > li + li { margin-top: 9px } .offer_box .intro .features ul > li, .offer_box .intro .features ul.circle_tick > li { padding-left: 26px; position: relative; font-size: 14px; line-height: 20px; color: #444547 } .offer_box .intro .features ul > li:before, .offer_box .intro .features ul.circle_tick > li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px; text-align: center; color: #ec0000; background-color: transparent; position: absolute; top: 50%; left: 0px; margin-top: -6px } .offer_box .intro .features ul > li + li, .offer_box .intro .features ul.circle_tick > li + li { margin-top: 9px } .offer_box .intro .features ul + ul, .offer_box .intro .features ul + ol, .offer_box .intro .features ul + p, .offer_box .intro .features ol + ul, .offer_box .intro .features ol + ol, .offer_box .intro .features ol + p, .offer_box .intro .features p + ul, .offer_box .intro .features p + ol, .offer_box .intro .features p + p { margin-top: 9px } .offer_box .intro .features .desc { margin-top: 27px; padding-right: 218px } .offer_box .intro .features .bts { position: absolute; bottom: 35px; right: 35px; max-width: 200px; min-width: 180px } .offer_box .intro .features + .image { margin-top: 18px } .offer_box .intro .image { display: block; border: 1px solid #c3c3c3 } .offer_box .intro .image > div { display: block; width: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #f5f5f5 } .offer_box .intro .image > div:before { content: ''; display: block; width: 100%; padding-top: 62%; position: relative; visibility: hidden; z-index: -1 } .offer_box .details > div { display: block; border: 1px solid #c3c3c3; background-color: #f5f5f5 } .offer_box .details > div > .body { padding: 35px } .offer_box .details > div > .body + .foot { border-top: 1px solid #c3c3c3 } .offer_box .details > div > .foot { padding: 18px 35px } .offer_box .details .body { line-height: 20px } .offer_box .details .body:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .offer_box .details .body .desc { font-size: 14px; color: #444547 } .offer_box .details .body .desc strong { font-size: 15px; color: #333 } .offer_box .details .body .desc ul { list-style: none; display: block } .offer_box .details .body .desc ul > li { display: block; position: relative; padding-left: 20px } .offer_box .details .body .desc ul > li:before { content: ''; display: block; width: 4px; height: 4px; background-color: #444547; position: absolute; top: 8px; left: 8px } .offer_box .details .body .desc ol { counter-reset: li } .offer_box .details .body .desc ol[start="1"] { counter-reset: li 0 } .offer_box .details .body .desc ol[start="2"] { counter-reset: li 1 } .offer_box .details .body .desc ol[start="3"] { counter-reset: li 2 } .offer_box .details .body .desc ol[start="4"] { counter-reset: li 3 } .offer_box .details .body .desc ol[start="5"] { counter-reset: li 4 } .offer_box .details .body .desc ol[start="6"] { counter-reset: li 5 } .offer_box .details .body .desc ol[start="7"] { counter-reset: li 6 } .offer_box .details .body .desc ol[start="8"] { counter-reset: li 7 } .offer_box .details .body .desc ol[start="9"] { counter-reset: li 8 } .offer_box .details .body .desc ol[start="10"] { counter-reset: li 9 } .offer_box .details .body .desc ol[start="11"] { counter-reset: li 10 } .offer_box .details .body .desc ol[start="12"] { counter-reset: li 11 } .offer_box .details .body .desc ol[start="13"] { counter-reset: li 12 } .offer_box .details .body .desc ol[start="14"] { counter-reset: li 13 } .offer_box .details .body .desc ol[start="15"] { counter-reset: li 14 } .offer_box .details .body .desc ol[start="16"] { counter-reset: li 15 } .offer_box .details .body .desc ol[start="17"] { counter-reset: li 16 } .offer_box .details .body .desc ol[start="18"] { counter-reset: li 17 } .offer_box .details .body .desc ol[start="19"] { counter-reset: li 18 } .offer_box .details .body .desc ol[start="20"] { counter-reset: li 19 } .offer_box .details .body .desc ol[start="21"] { counter-reset: li 20 } .offer_box .details .body .desc ol[start="22"] { counter-reset: li 21 } .offer_box .details .body .desc ol[start="23"] { counter-reset: li 22 } .offer_box .details .body .desc ol[start="24"] { counter-reset: li 23 } .offer_box .details .body .desc ol[start="25"] { counter-reset: li 24 } .offer_box .details .body .desc ol[start="26"] { counter-reset: li 25 } .offer_box .details .body .desc ol[start="27"] { counter-reset: li 26 } .offer_box .details .body .desc ol[start="28"] { counter-reset: li 27 } .offer_box .details .body .desc ol[start="29"] { counter-reset: li 28 } .offer_box .details .body .desc ol[start="30"] { counter-reset: li 29 } .offer_box .details .body .desc ol[start="31"] { counter-reset: li 30 } .offer_box .details .body .desc ol[start="32"] { counter-reset: li 31 } .offer_box .details .body .desc ol > li { padding-left: 26px; position: relative; font-size: 14px; line-height: 20px; color: #444547 } .offer_box .details .body .desc ol > li:before { content: counter(li) "."; counter-increment: li; color: #444547; display: block; height: 19px; width: 24px; position: absolute; top: 0px; left: -10px; text-align: right; font-size: 0.9em } .offer_box .details .body .desc ol > li + li { margin-top: 9px } .offer_box .details .body .desc ul > li, .offer_box .details .body .desc ul.circle_tick > li { padding-left: 26px; position: relative; font-size: 14px; line-height: 20px; color: #444547 } .offer_box .details .body .desc ul > li:before, .offer_box .details .body .desc ul.circle_tick > li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px; text-align: center; color: #a7aaae; background-color: transparent; position: absolute; top: 50%; left: 0px; margin-top: -6px } .offer_box .details .body .desc ul > li + li, .offer_box .details .body .desc ul.circle_tick > li + li { margin-top: 9px } .offer_box .details .body .desc ul + ul, .offer_box .details .body .desc ul + ol, .offer_box .details .body .desc ul + p, .offer_box .details .body .desc ol + ul, .offer_box .details .body .desc ol + ol, .offer_box .details .body .desc ol + p, .offer_box .details .body .desc p + ul, .offer_box .details .body .desc p + ol, .offer_box .details .body .desc p + p { margin-top: 9px } .offer_box .details .body .bts { float: right; max-width: 200px; min-width: 180px; padding-top: 27px } .promo_item { position: relative; padding: 30px 9px 30px 15px } .promo_item.restricted { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: .6 } .promo_item + .promo_item { border-top: 1px solid #c3c3c3 } .promo_item > .jsToggleBox > .text_box { padding-top: 50px } .promo_item > .jsToggleBox ul { padding: 10px 0 } .promo_item > .jsToggleBox ul li { padding-left: 26px; position: relative; font-size: 14px; line-height: 20px; color: #444547 } .promo_item > .jsToggleBox ul li::before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px; text-align: center; color: #ec0000; background-color: transparent; position: absolute; top: 5px; left: 0px } .promo_item .image_container { margin: 0 19px; padding-right: 33px; display: inline-block; vertical-align: middle; z-index: 1 } .promo_item .image_container + .desc { width: calc(100% - 250px) } .promo_item .image { width: 175px; height: auto; display: block; margin: 0 auto } .promo_item .desc { width: 100%; display: inline-block; vertical-align: middle } .promo_item .text_box + .text_box { margin-top: 20px } .promo_item .text_box p { line-height: 1.7 } .promo_item .button_box { margin-top: 30px } .promo_item .button_box .link.with_icon { float: right } .promo_item .button_box .button_details { float: left; display: block; font-family: 'latoblack'; color: #333; font-size: 15px; line-height: 24px; position: relative; text-decoration: none } .promo_item .button_box .button_details > h4 { padding-right: 20px } .promo_item .button_box .button_details > .arrow { display: block; width: 10px; height: 10px; position: absolute; top: 50%; right: 0; margin-top: -5px; pointer-events: none; color: #444547; overflow: hidden } .promo_item .button_box .button_details > .arrow > .arrow_d, .promo_item .button_box .button_details > .arrow > .arrow_u { display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 0px; left: 0px; color: #444547; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .promo_item .button_box .button_details > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .promo_item .button_box .button_details > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .promo_item .button_box .button_details:focus > .arrow, .promo_item .button_box .button_details:hover > .arrow { -webkit-animation-name: fade-slide-d; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-d; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-d; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-d; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .promo_item .button_box .button_details.active > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .promo_item .button_box .button_details.active > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .promo_item .button_box .button_details.active:focus > .arrow, .promo_item .button_box .button_details.active:hover > .arrow { -webkit-animation-name: fade-slide-u; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-u; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-u; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-u; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .promo_item .button_box::after { display: block; content: ''; clear: both } @media screen and (max-width: 539px) { .promo_item > .image_container, .promo_item .image_container + .desc { width: 100% } .promo_item > .image_container { margin: 0 auto; padding-right: 0 } .promo_item .image { margin: 50px auto; max-width: 175px; width: auto } } .help_box { position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: none; z-index: 500; width: 100%; overflow: hidden } .help_box > canvas { z-index: 0 } .help_box > .hint, .help_box > .toggler { z-index: 1; display: block; position: absolute; text-decoration: none; outline: 1px solid transparent; -o-transition: outline 0.3s; -moz-transition: outline 0.3s; -webkit-transition: outline 0.3s; transition: outline 0.3s } .help_box > .hint:focus, .help_box > .hint:hover, .help_box > .toggler:focus, .help_box > .toggler:hover { outline: 1px solid #ec0000 } .help_box > .close { z-index: 2; display: block; height: 34px; position: absolute; text-decoration: none; top: 0px; right: 0px; color: #fff; background-color: #ec0000; -o-transition: background-color 0.3s,right 0.4s; -moz-transition: background-color 0.3s,right 0.4s; -webkit-transition: background-color 0.3s,right 0.4s; transition: background-color 0.3s,right 0.4s; padding-left: 34px; padding-right: 9px } .help_box > .close > span { display: block; font-size: 12px; line-height: 16px; padding: 9px 0px } .help_box > .close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 17px; margin-top: -5px; margin-left: -5px; -o-transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .help_box > .close:focus, .help_box > .close:hover { background-color: #333 } .help_box > .close:focus:before, .help_box > .close:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .help_box > .info { z-index: 2; display: block; width: 100%; background-color: #333; color: #fff; position: absolute; bottom: 0px; left: 0px; border-top: 2px solid #ec0000 } .help_box > .info > .content { display: block; position: relative; font-size: 14px; line-height: 24px } .help_box > .info > .content h3 { font-weight: bold } .help_tooltip { z-index: 1001; font-size: 14px; text-align: left; display: block; width: 100%; max-width: 640px; position: absolute; top: 0px; left: 0px; -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.8); box-shadow: 0px 0px 3px rgba(0,0,0,0.8) } .help_tooltip > .arrow { display: none; position: absolute } .help_tooltip > .arrow:before, .help_tooltip > .arrow:after { content: ''; display: block; position: absolute } .help_tooltip > .arrow:before { z-index: 1 } .help_tooltip > .arrow:after { z-index: 2 } .help_tooltip.a_t > .arrow { display: block; top: 0px; left: 12px } .help_tooltip.a_t > .arrow:before { top: -12px; border-bottom: 12px solid #c3c3c3; border-left: 12px solid transparent; border-right: 12px solid transparent } .help_tooltip.a_t > .arrow:after { top: -11px; border-bottom: 12px solid #f5f5f5; border-left: 12px solid transparent; border-right: 12px solid transparent } .help_tooltip.a_b > .arrow { display: block; bottom: 0px; left: 12px } .help_tooltip.a_b > .arrow:before { bottom: -12px; border-top: 12px solid #c3c3c3; border-left: 12px solid transparent; border-right: 12px solid transparent } .help_tooltip.a_b > .arrow:after { bottom: -11px; border-top: 12px solid #f5f5f5; border-left: 12px solid transparent; border-right: 12px solid transparent } .help_tooltip .tooltip_head { position: relative; padding: 14px 18px; padding-right: 72px; background-color: #f5f5f5; border: 1px solid #c3c3c3 } .help_tooltip .tooltip_head:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .help_tooltip .tooltip_head h2 { font-size: 16px; line-height: 24px; font-weight: bold; position: relative; display: block; float: left } .help_tooltip .tooltip_head .step_counter { font-size: 14px; line-height: 24px; color: #444547; white-space: nowrap; position: relative; display: none; float: right } .help_tooltip .tooltip_head .step_counter.active { display: block } .help_tooltip .tooltip_body { position: relative; background-color: #fff } .help_tooltip .tooltip_body .spacer { padding: 18px } .help_tooltip .tooltip_body .scroll_box { position: relative; overflow: hidden; font-size: 1px; font-size: 0px; margin: 0px } .help_tooltip .tooltip_body .content { font-size: 14px; margin: 0px } .help_tooltip .tooltip_head a.close { z-index: 1; display: block; width: 54px; height: 100%; position: absolute; top: 0px; right: 0px; text-decoration: none; color: #333; border-left: 1px solid #c3c3c3; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s } .help_tooltip .tooltip_head a.close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; -o-transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .help_tooltip .tooltip_head a.close:focus, .help_tooltip .tooltip_head a.close:hover { color: #ec0000 } .help_tooltip .tooltip_head a.close:focus:before, .help_tooltip .tooltip_head a.close:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .dpCalendar { display: block; position: relative; font-size: 13px; line-height: 14px; text-align: center; } .dpCalendar.datepicker { position: absolute; z-index: 50; width: 100%; } .dpCalendar.datepicker .yearsView, .dpCalendar.datepicker .monthsView, .dpCalendar.datepicker .daysView { background-color: #fff; border: 1px solid #c3c3c3; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4) } .dpCalendar.datepicker .daysView .body.days .grid .item > a > span { height: 32px; width: 100%; padding: 9px 4px; } .dpCalendar.calendar { position: relative; width: 100%; height: 374px; } .dpCalendar.calendar .yearsView .body .grid .item > a > .box > .count { display: none; } .dpCalendar.calendar .yearsView .head, .dpCalendar.calendar .monthsView .head { border-top: 1px solid transparent; } .dpCalendar.calendar .yearsView .body .grid .item > a > .box, .dpCalendar.calendar .monthsView .body .grid .item > a > .box { height: 83px; padding: 33px 2px; line-height: 15px; } .dpCalendar.calendar .yearsView .body .grid .item > a > .box > .count, .dpCalendar.calendar .monthsView .body .grid .item > a > .box > .count { top: 0px; right: 0px; } .dpCalendar .yearsView, .dpCalendar .monthsView, .dpCalendar .daysView { display: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; position: absolute; top: 0px; left: 0px; overflow: hidden; background-color: #fff; } .dpCalendar .yearsView .preHead, .dpCalendar .monthsView .preHead, .dpCalendar .daysView .preHead { display: block; position: relative; padding: 0px 40px; padding-top: 12px; text-align: center; overflow: hidden; } .dpCalendar .yearsView .preHead > div, .dpCalendar .monthsView .preHead > div, .dpCalendar .daysView .preHead > div { overflow: hidden; position: relative; height: 16px; } .dpCalendar .yearsView .preHead span.text, .dpCalendar .monthsView .preHead span.text, .dpCalendar .daysView .preHead span.text { display: inline-block; position: relative; text-decoration: none; padding: 0px 20px; color: #444547; font-family: 'latoblack'; font-size: 15px; line-height: 16px; height: 16px; text-transform: uppercase; } .dpCalendar .yearsView .preHead span.text:before, .dpCalendar .yearsView .preHead span.text:after, .dpCalendar .monthsView .preHead span.text:before, .dpCalendar .monthsView .preHead span.text:after, .dpCalendar .daysView .preHead span.text:before, .dpCalendar .daysView .preHead span.text:after { content: ''; display: block; height: 1px; width: 80px; background-color: #444547; position: absolute; top: 50%; } .dpCalendar .yearsView .preHead span.text:before, .dpCalendar .monthsView .preHead span.text:before, .dpCalendar .daysView .preHead span.text:before { right: 100%; } .dpCalendar .yearsView .preHead span.text:after, .dpCalendar .monthsView .preHead span.text:after, .dpCalendar .daysView .preHead span.text:after { left: 100%; } .dpCalendar .yearsView .head, .dpCalendar .monthsView .head, .dpCalendar .daysView .head { display: block; position: relative; border-bottom: 1px solid #c3c3c3; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 40px; } .dpCalendar .yearsView .head span.curr, .dpCalendar .yearsView .head a.curr, .dpCalendar .monthsView .head span.curr, .dpCalendar .monthsView .head a.curr, .dpCalendar .daysView .head span.curr, .dpCalendar .daysView .head a.curr { display: block; text-decoration: none; padding: 12px 4px; color: #333; font-family: 'latoblack'; font-size: 15px; line-height: 16px; text-transform: uppercase; } .dpCalendar .yearsView .head a.curr, .dpCalendar .monthsView .head a.curr, .dpCalendar .daysView .head a.curr { -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; } .dpCalendar .yearsView .head a.curr:focus, .dpCalendar .yearsView .head a.curr:hover, .dpCalendar .monthsView .head a.curr:focus, .dpCalendar .monthsView .head a.curr:hover, .dpCalendar .daysView .head a.curr:focus, .dpCalendar .daysView .head a.curr:hover { color: #ec0000; } .dpCalendar .yearsView .head a.prev, .dpCalendar .yearsView .head a.next, .dpCalendar .monthsView .head a.prev, .dpCalendar .monthsView .head a.next, .dpCalendar .daysView .head a.prev, .dpCalendar .daysView .head a.next { z-index: 1; display: block; width: 40px; height: 100%; text-decoration: none; color: #333; background-color: transparent; position: absolute; top: 0px; -o-transition: color 0.3s, background-color 0.3s; -moz-transition: color 0.3s, background-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; } .dpCalendar .yearsView .head a.prev > span, .dpCalendar .yearsView .head a.next > span, .dpCalendar .monthsView .head a.prev > span, .dpCalendar .monthsView .head a.next > span, .dpCalendar .daysView .head a.prev > span, .dpCalendar .daysView .head a.next > span { display: block; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .dpCalendar .yearsView .head a.prev > span:before, .dpCalendar .yearsView .head a.next > span:before, .dpCalendar .monthsView .head a.prev > span:before, .dpCalendar .monthsView .head a.next > span:before, .dpCalendar .daysView .head a.prev > span:before, .dpCalendar .daysView .head a.next > span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } .dpCalendar .yearsView .head a.prev:focus, .dpCalendar .yearsView .head a.prev:hover, .dpCalendar .yearsView .head a.next:focus, .dpCalendar .yearsView .head a.next:hover, .dpCalendar .monthsView .head a.prev:focus, .dpCalendar .monthsView .head a.prev:hover, .dpCalendar .monthsView .head a.next:focus, .dpCalendar .monthsView .head a.next:hover, .dpCalendar .daysView .head a.prev:focus, .dpCalendar .daysView .head a.prev:hover, .dpCalendar .daysView .head a.next:focus, .dpCalendar .daysView .head a.next:hover { color: #ec0000; } .dpCalendar .yearsView .head a.prev.disabled, .dpCalendar .yearsView .head a.next.disabled, .dpCalendar .monthsView .head a.prev.disabled, .dpCalendar .monthsView .head a.next.disabled, .dpCalendar .daysView .head a.prev.disabled, .dpCalendar .daysView .head a.next.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; pointer-events: none; } .dpCalendar .yearsView .head a.prev, .dpCalendar .monthsView .head a.prev, .dpCalendar .daysView .head a.prev { left: 0px; } .dpCalendar .yearsView .head a.prev > span:before, .dpCalendar .monthsView .head a.prev > span:before, .dpCalendar .daysView .head a.prev > span:before { content: ""; } .dpCalendar .yearsView .head a.next, .dpCalendar .monthsView .head a.next, .dpCalendar .daysView .head a.next { right: 0px; } .dpCalendar .yearsView .head a.next > span:before, .dpCalendar .monthsView .head a.next > span:before, .dpCalendar .daysView .head a.next > span:before { content: ""; } .dpCalendar .yearsView .body, .dpCalendar .monthsView .body, .dpCalendar .daysView .body { display: block; position: relative; } .dpCalendar .yearsView .body .names, .dpCalendar .monthsView .body .names, .dpCalendar .daysView .body .names { display: block; position: relative; border-bottom: 1px solid #c3c3c3; } .dpCalendar .yearsView .body .names:after, .dpCalendar .monthsView .body .names:after, .dpCalendar .daysView .body .names:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden; } .dpCalendar .yearsView .body .names .item, .dpCalendar .monthsView .body .names .item, .dpCalendar .daysView .body .names .item { display: block; position: relative; float: left; width: 33%; width: 33.3333%; text-align: center; background-color: #fff; color: #333; padding: 13px 0px; } .dpCalendar .yearsView .body .grid, .dpCalendar .monthsView .body .grid, .dpCalendar .daysView .body .grid { display: block; position: relative; } .dpCalendar .yearsView .body .grid:after, .dpCalendar .monthsView .body .grid:after, .dpCalendar .daysView .body .grid:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden; } .dpCalendar .yearsView .body .grid .item, .dpCalendar .monthsView .body .grid .item, .dpCalendar .daysView .body .grid .item { display: block; position: relative; float: left; width: 33%; width: 33.3333%; text-align: center; background-color: #f5f5f5; color: #333; } .dpCalendar .yearsView .body .grid .item.r_0, .dpCalendar .yearsView .body .grid .item.r_2, .dpCalendar .yearsView .body .grid .item.r_4, .dpCalendar .monthsView .body .grid .item.r_0, .dpCalendar .monthsView .body .grid .item.r_2, .dpCalendar .monthsView .body .grid .item.r_4, .dpCalendar .daysView .body .grid .item.r_0, .dpCalendar .daysView .body .grid .item.r_2, .dpCalendar .daysView .body .grid .item.r_4 { background-color: #fff; } .dpCalendar .yearsView .body .grid .item.r_1, .dpCalendar .yearsView .body .grid .item.r_3, .dpCalendar .yearsView .body .grid .item.r_5, .dpCalendar .monthsView .body .grid .item.r_1, .dpCalendar .monthsView .body .grid .item.r_3, .dpCalendar .monthsView .body .grid .item.r_5, .dpCalendar .daysView .body .grid .item.r_1, .dpCalendar .daysView .body .grid .item.r_3, .dpCalendar .daysView .body .grid .item.r_5 { background-color: #f5f5f5; } .dpCalendar .yearsView .body .grid .item.today a > span, .dpCalendar .monthsView .body .grid .item.today a > span, .dpCalendar .daysView .body .grid .item.today a > span { background-color: #e6e6e6; } .dpCalendar .yearsView .body .grid .item.active a > span, .dpCalendar .monthsView .body .grid .item.active a > span, .dpCalendar .daysView .body .grid .item.active a > span { background-color: #333; color: #fff; } .dpCalendar .yearsView .body .grid .item.events a > span, .dpCalendar .monthsView .body .grid .item.events a > span, .dpCalendar .daysView .body .grid .item.events a > span { border: 1px solid #595958; } .dpCalendar .yearsView .body .grid .item.events a > span > .count, .dpCalendar .monthsView .body .grid .item.events a > span > .count, .dpCalendar .daysView .body .grid .item.events a > span > .count { display: block; } .dpCalendar .yearsView .body .grid .item.events.system a > span, .dpCalendar .monthsView .body .grid .item.events.system a > span, .dpCalendar .daysView .body .grid .item.events.system a > span { border: 1px solid #ec0000; } .dpCalendar .yearsView .body .grid .item.disabled a, .dpCalendar .monthsView .body .grid .item.disabled a, .dpCalendar .daysView .body .grid .item.disabled a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; pointer-events: none; } .dpCalendar .yearsView .body .grid .item.weekend, .dpCalendar .monthsView .body .grid .item.weekend, .dpCalendar .daysView .body .grid .item.weekend { font-weight: bold; } .dpCalendar .yearsView .body .grid .item.other, .dpCalendar .monthsView .body .grid .item.other, .dpCalendar .daysView .body .grid .item.other { color: #bcbcbc; } .dpCalendar .yearsView .body .grid .item > a, .dpCalendar .monthsView .body .grid .item > a, .dpCalendar .daysView .body .grid .item > a { display: block; position: relative; text-decoration: none; color: inherit; } .dpCalendar .yearsView .body .grid .item > a > span, .dpCalendar .monthsView .body .grid .item > a > span, .dpCalendar .daysView .body .grid .item > a > span { position: relative; display: block; height: 44px; font-size: 13px; line-height: 14px; background-color: transparent; color: inherit; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; padding: 14px 2px; -o-transition: color 0.3s, background-color 0.3s; -moz-transition: color 0.3s, background-color 0.3s; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; } .dpCalendar .yearsView .body .grid .item > a > span > .count, .dpCalendar .monthsView .body .grid .item > a > span > .count, .dpCalendar .daysView .body .grid .item > a > span > .count { z-index: 1; display: none; background-color: #ec0000; color: #fff; text-align: center; font-size: 9px; line-height: 10px; min-width: 15px; height: 15px; padding: 3px 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -4px; right: -4px; } .dpCalendar .yearsView .body .grid .item > a:focus > span, .dpCalendar .yearsView .body .grid .item > a:hover > span, .dpCalendar .monthsView .body .grid .item > a:focus > span, .dpCalendar .monthsView .body .grid .item > a:hover > span, .dpCalendar .daysView .body .grid .item > a:focus > span, .dpCalendar .daysView .body .grid .item > a:hover > span { background-color: #595958; color: #fff; } .dpCalendar .yearsView .body.years .grid .item { width: 33%; width: 33.3333%; } .dpCalendar .monthsView .body.months .grid .item { width: 33%; width: 33.3333%; } .dpCalendar .daysView .body.days .names .item { width: 14%; width: 14.285%; } .dpCalendar .daysView .body.days .grid .item { width: 14%; width: 14.285%; } .dpCalendar .daysView .body.days .grid .item > a > span { height: 44px; width: 100%; max-width: 44px; margin: 0px auto; padding: 15px 4px; } .dpKeyboard { z-index: 120; display: block; width: 100%; position: fixed; bottom: 0px; left: 0px; background-color: rgba(89,89,89,0.95) } .dpKeyboard > a.close { z-index: 1; display: block; width: 34px; height: 34px; position: absolute; text-decoration: none; top: 0px; right: -34px; color: #fff; background-color: #ec0000; -o-transition: background-color 0.3s,right 0.4s; -moz-transition: background-color 0.3s,right 0.4s; -webkit-transition: background-color 0.3s,right 0.4s; transition: background-color 0.3s,right 0.4s } .dpKeyboard > a.close:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; -o-transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; transition: transform 0.3s; -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } .dpKeyboard > a.close:focus, .dpKeyboard > a.close:hover { background-color: #333 } .dpKeyboard > a.close:focus:before, .dpKeyboard > a.close:hover:before { -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .dpKeyboard > .over { position: relative; overflow: hidden; height: 0px; -o-transition: height 0.4s; -moz-transition: height 0.4s; -webkit-transition: height 0.4s; transition: height 0.4s } .dpKeyboard > .over > div { display: block; max-width: 740px; margin: 0px auto; height: 260px; position: relative } .dpKeyboard.isOpen > a.close { right: 0px } .dpKeyboard.isOpen > .over { height: 260px } .dpKeyboard ul { display: block; list-style: none; margin-left: -5px; margin-top: -5px; position: absolute; top: 18px; left: 18px; bottom: 18px; right: 18px } .dpKeyboard ul:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .dpKeyboard ul li { float: left; display: block; width: 6.6%; height: 20%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; padding-left: 5px; padding-top: 5px; position: relative } .dpKeyboard ul li > a { display: block; width: 100%; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #fff; border: 1px solid #c3c3c3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; color: #333; position: relative; -o-transition: border 0.3s,color 0.3s; -moz-transition: border 0.3s,color 0.3s; -webkit-transition: border 0.3s,color 0.3s; transition: border 0.3s,color 0.3s } .dpKeyboard ul li > a > span { display: block; width: 100%; height: 16px; font-size: 14px; line-height: 16px; position: absolute; top: 50%; margin-top: -8px; left: 0px; overflow: hidden } .dpKeyboard ul li > a:focus, .dpKeyboard ul li > a:hover { color: #ec0000; border: 1px solid #ec0000 } .dpKeyboard ul .capslock, .dpKeyboard ul .tab, .dpKeyboard ul .l-shift, .dpKeyboard ul .l-alt { clear: left } .dpKeyboard ul .tab { width: 9.9% } .dpKeyboard ul .backspace { width: 14.2% } .dpKeyboard ul .backslash { width: 10.9% } .dpKeyboard ul .delete { width: 9% } .dpKeyboard ul .capslock { width: 13.1% } .dpKeyboard ul .return { width: 14.3% } .dpKeyboard ul .l-shift { width: 16.3% } .dpKeyboard ul .r-shift { width: 17.7% } .dpKeyboard ul .l-alt { width: 9% } .dpKeyboard ul .r-alt { width: 9% } .dpKeyboard ul .space { width: 82% } .dpKeyboard ul .uppercase { text-transform: uppercase } .dpKeyboard ul .on { display: none } .tooltip_tt { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block; position: absolute; padding: 4px 10px; min-width: 20px; background-color: #333; opacity: .85; border: 1px solid #333; color: #fff; font-size: 14px; line-height: 14px; margin-left: 0; max-width: 400px; pointer-events: none } .tooltip_tt .arrow { display: block; width: 0; height: 8px; position: absolute; bottom: -8px; left: 50% } .tooltip_tt .arrow:before { content: ''; display: block; border-top: 8px solid #333; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; bottom: 0; left: 50%; margin-left: -8px } .tooltip_tt .arrow:after { content: ''; display: block; border-top: 6px solid #333; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; bottom: 0; left: 50%; margin-left: -6px } .tooltip_ttg { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: block; position: absolute; padding: 10 0 0; min-width: 20; opacity: .85; font-family: 'latoblack'; color: #333; font-size: 10px; font-weight: 600; text-transform: uppercase; text-align: right; line-height: 16px; margin-top: 10; margin-left: 0; width: 100%; pointer-events: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 150px } .tooltip_ttg span { font-family: 'lato'; font-size: 14px } .tooltip_ttg .arrow { -o-transition: width 0.7s ease-in-out; -moz-transition: width 0.7s ease-in-out; -webkit-transition: width 0.7s ease-in-out; transition: width 0.7s ease-in-out; display: block; width: 0; height: 1px; position: absolute; bottom: -8px; left: 0; right: 0; background-color: #ddd } .tooltip_ttg .arrow:after { -moz-box-shadow: 0 0 5px 2px rgba(195,195,195,0.2); -webkit-box-shadow: 0 0 5px 2px rgba(195,195,195,0.2); box-shadow: 0 0 5px 2px rgba(195,195,195,0.2); content: ''; display: block; border: 2px solid #fff; border-radius: 50%; width: 6px; height: 6px; margin-left: -8px; margin-top: -4px } @media screen and (max-width: 1199px) { .main_header.main .account_menu > ul > li > a { min-width: 0px } } @media screen and (max-width: 1099px) { .main_header.main .header_bg { position: relative; text-align: initial } .main_header.main .hello_box { padding: 0px; float: none; height: auto; height: 54px; width: auto; padding-right: 120px; padding-bottom: 4px } .main_header.main .hello_box > h2 { padding-left: 18px; line-height: 18px } .main_header.main .account_menu { float: none; padding-left: 6px } .main_header.main .account_menu > ul { display: table; width: 100% } .main_header.main .account_menu > ul > li { display: table-cell; vertical-align: bottom; float: none } .main_header.main .account_menu > ul > li + li { margin-left: 0px; padding-left: 1px } .main_header.main .account_menu > ul > li + li a:before { top: 0px; height: 64px } .main_header.main .account_menu > ul > li > a { height: 64px; padding: 0px 8px; padding-top: 6px } .main_header.main .account_menu > ul > li > a .arrow { bottom: 2px } .main_header.main .account_menu > ul > li > a .text { line-height: 12px } .main_header.main a.session_info { z-index: 1; float: none; height: auto; width: auto; max-width: 120px; padding: 8px 4px; position: absolute; top: 6px; right: 0px } .main_header2 .main_menu ul > li > a { padding: 0px 12px } .main_header2 .main_menu ul > li > a > span { font-size: 12px } .main_header.intro .hello_box { width: 160px } } @media screen and (max-width: 959px) { .main_header.intro .hello_box { width: 120px } .main_header.intro .hello_box h2 { padding-left: 18px } .main_header.intro .header_buttons > a > span > span { display: block } .main_header.intro .header_buttons > a > span > span + span { margin-left: 0px; margin-top: 2px } .main_header.intro .header_buttons > a > span + span { margin-left: 9px } } @media screen and (max-width: 839px) { .main_header2 .main_menu ul > li > a { padding: 0px 10px } .main_header2 .main_menu ul > li > a > span { font-size: 11px } .main_header.intro .header_buttons > a { padding: 10px 18px } } @media screen and (max-width: 767px) { .main_header.main .header_wrapper { padding-left: 0px } .main_header.main > .wrapper > .g_spacer_h { padding: 0px } .main_header.main .logo { bottom: 0px; width: 40%; left: 30% } .main_header.main .logo h1 { width: 100px; margin: 0px auto } .main_header.main .logo h1 > span:after { width: 100px } .main_header.main .logo h1 > span:before { width: 100px; height: 100px; font-size: 100px; line-height: 100px; margin-top: -50px } .main_header.main .header_bg { display: none } .main_header.main .header_mobile { z-index: 0; display: block; height: 60px; position: relative } .main_header.main .header_mobile:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .main_header.main .header_mobile .bt_menu, .main_header.main .header_mobile .bt_logout { display: block; text-decoration: none; font-size: 12px; line-height: 16px; color: #333; background-color: transparent; height: 60px; width: 30%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 22px 4px; text-align: center; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } .main_header.main .header_mobile .bt_menu > span, .main_header.main .header_mobile .bt_logout > span { display: inline-block; position: relative; padding-left: 28px } .main_header.main .header_mobile .bt_menu > span > .icon, .main_header.main .header_mobile .bt_logout > span > .icon { display: block; width: 14px; height: 14px; font-size: 14px; line-height: 14px; text-align: center; position: absolute; top: 50%; left: 0px; margin-top: -7px } .main_header.main .header_mobile .bt_menu:focus, .main_header.main .header_mobile .bt_menu:hover, .main_header.main .header_mobile .bt_logout:focus, .main_header.main .header_mobile .bt_logout:hover { background-color: #333; color: #fff } .main_header.main .header_mobile .bt_menu { float: left } .main_header.main .header_mobile .bt_menu > span > .icon > .count { display: block; background-color: #ec0000; color: #fff; text-align: center; font-size: 9px; line-height: 10px; min-width: 15px; height: 15px; padding: 3px 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -8px; right: -8px; -o-transition: background-color 0.3s,color 0.3s; -moz-transition: background-color 0.3s,color 0.3s; -webkit-transition: background-color 0.3s,color 0.3s; transition: background-color 0.3s,color 0.3s } .main_header.main .header_mobile .bt_logout { float: right } .jsFixedMenu-pusher { display: none } .main_header2 { display: none; position: relative } .main_header2.isFixed { position: relative } .main_header.intro .header_wrapper { height: 60px; padding: 0px } .main_header.intro .header_bg { display: none } .main_header.intro .logo { bottom: 0px; width: 40%; left: 30% } .main_header.intro .logo h1 { width: 100px; margin: 0px auto } .main_header.intro .logo h1.new_logo { width: auto; margin: 13px auto 0 auto; } .main_header.intro .logo h1 > span:after { width: 100px } .main_header.intro .logo h1 > span:before { width: 100px; height: 100px; font-size: 100px; line-height: 100px; margin-top: -50px } } @media screen and (max-width: 419px) { .main_header .header_mobile > ul { float: none; display: table; width: 100% } .main_header .header_mobile > ul > li { display: table-cell; float: none; border-left: 0px solid transparent } .main_header .header_mobile > ul > li + li { border-left: 1px solid #444547 } .main_header .header_mobile > ul > li > a { text-align: center; padding: 22px 4px } .main_header .header_mobile > ul > li > a > span { padding-left: 20px } } @media screen and (max-width: 1199px) { .sm_setting .main_col { width: 60% } .sm_setting .side_col { width: 40% } } @media screen and (max-width: 959px) { .sm_notify .notify_table_head .row, .sm_notify .notify_table_body .row { background-color: #f5f5f5 } .sm_notify .notify_table_head .row:after, .sm_notify .notify_table_body .row:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .sm_notify .notify_table_head .row > div, .sm_notify .notify_table_body .row > div { float: none } .sm_notify .notify_table_head .row .date, .sm_notify .notify_table_body .row .date { position: absolute; top: 0px; left: 0px; width: 120px; z-index: 1; padding: 15px 18px } .sm_notify .notify_table_head .row .title, .sm_notify .notify_table_body .row .title { position: relative; z-index: 0; width: 100%; border-left: 0px solid transparent; padding: 15px 18px; padding-left: 138px } .sm_notify .notify_table_head .row + .row, .sm_notify .notify_table_body .row + .row { border-top: 1px solid #c3c3c3 } .sm_notify .notify_table_head .row { background-color: #e6e6e6; font-weight: bold } .sm_notify .notify_table_head .row .date { padding: 8px 18px; border-right: 1px solid #fff } .sm_notify .notify_table_head .row .title { border-left: 0px solid transparent; padding: 8px 18px; padding-left: 138px } .sm_setting .main_col { width: 100%; float: none; padding: 18px 45px; margin: 0px } .sm_setting .side_col { width: 100%; float: none; padding: 18px 45px; margin: 0px } } @media screen and (max-width: 767px) { .main_menu_mobile { display: block } } @media screen and (max-width: 479px) { .main_menu_mobile { width: 0% } .main_menu_mobile > div { width: 100%; min-width: 300px } .main_menu_mobile.active { width: 100% } } @media screen and (max-width: 1099px) { .main_footer { padding-top: 27px } .main_footer .footer_cols .footer_button .text { font-size: 14px; line-height: 20px } .main_footer .footer_cols .footer_button.call .icon { margin-right: 12px } .main_footer .footer_cols .footer_button.msg .icon { margin-right: 18px } .main_footer .footer_light.bot { padding: 32px 0px } } @media screen and (max-width: 839px) { .main_footer .footer_menu ul > li + li { margin-left: 16px } } @media screen and (max-width: 767px) { .main_footer .footer_cols .footer_button.call .icon img, .main_footer .footer_cols .footer_button.call .icon svg { width: 48px; height: 48px } .main_footer .footer_cols .footer_button.msg .icon img, .main_footer .footer_cols .footer_button.msg .icon svg { width: 64px; height: 64px } .main_footer .footer_cols .footer_button.call .icon:before { width: 48px; height: 48px; font-size: 48px; line-height: 48px } .main_footer .footer_cols .footer_button.msg .icon:before { width: 64px; height: 64px; font-size: 64px; line-height: 64px } .main_footer .menu > a { padding: 12px 10px; float: none; margin: 0px; text-align: center } .main_footer .footer_menu { float: none; text-align: center; width: 50% } .main_footer .footer_menu.menu_r.full { float: right; width: auto } .main_footer .footer_menu.menu_r.full ul > li { display: block; float: left } .main_footer .footer_menu ul { display: block } .main_footer .footer_menu ul > li { display: block; float: none; margin: 0px } .main_footer .footer_menu ul > li + li { margin: 0px } .main_footer .footer_menu ul > li > a { padding: 12px 10px } } @media screen and (max-width: 699px) { .main_footer .footer_light.bot, .main_footer .footer_light { padding: 0px 0px } .main_footer .footer_dark { background-color: transparent } .main_footer .footer_cols > .col { float: none; width: 100%; } .main_footer .footer_cols > .col + .col { padding-top: 9px; } .main_footer .footer_cols .footer_button { height: 72px } .main_footer .footer_cols .footer_button .text { width: 180px } .main_footer .footer_cols .footer_button.call .icon, .main_footer .footer_cols .footer_button.msg .icon { margin-right: 26px } .main_footer .footer_cols .footer_button.msg .icon img, .main_footer .footer_cols .footer_button.msg .icon svg { width: 46px; height: 46px } .main_footer .footer_cols .footer_button.call .icon img, .main_footer .footer_cols .footer_button.call .icon svg { width: 40px; height: 40px } .main_footer .footer_cols .footer_button.msg .icon:before { width: 46px; height: 46px; font-size: 46px; line-height: 46px } .main_footer .footer_cols .footer_button.call .icon:before { width: 40px; height: 40px; font-size: 40px; line-height: 40px } .main_footer .copyright { padding: 16px 0px; border-top: 1px solid #c3c3c3; margin-top: 16px } .main_footer .menu { padding-bottom: 12px } .main_footer .menu > a { padding: 12px 10px; float: none; margin: 0px; text-align: center } } @media screen and (max-width: 479px) { .main_footer .footer_menu { width: 100% } .main_footer .footer_menu.menu_l, .main_footer .footer_menu.menu_r { float: none; padding: 0px } .main_footer .footer_menu.menu_r.full { float: none; width: 100% } .main_footer .footer_menu.menu_r.full ul { display: block } .main_footer .footer_menu.menu_r.full ul > li { display: block; float: none; margin: 0px } .main_footer .footer_menu.menu_r.full ul > li + li { margin: 0px } .main_footer .footer_menu.menu_r.full ul > li > a { padding: 12px 10px } } @media screen and (max-width: 1239px) { .under_1240 { display: block !important } .no_under_1240 { display: none !important } } @media screen and (max-width: 1199px) { .under_1200 { display: block !important } .no_under_1200 { display: none !important } } @media screen and (max-width: 1099px) { .g_spacer { padding: 9px } .cols.deposit.graph .g_spacer { padding: 18px 18px 18px 0px } .g_spacer_h { padding: 0px 9px } .g_spacer2 { padding: 24px } .g_spacer2_h { padding: 0px 24px } .info_box .state { display: none } .under_1100 { display: block !important } .no_under_1100 { display: none !important } .activity_box.top { top: -27px } } @media screen and (max-width: 959px) { .under_960 { display: block !important } .no_under_960 { display: none !important } } @media screen and (max-width: 767px) { .main_mobile_title_box { display: block } .main_mobile_title_box .mobile_title_box { padding: 17px 18px } .main_info_box > .wrapper > .g_spacer_h { padding: 0px } .info_box { padding: 17px 44px } .info_box .icon { left: 0px; height: 100% } .info_box a.close { height: 100% } .main_mobile_box { margin-top: 0px } .main_mobile_box > .wrapper > .g_spacer_h { padding: 0px } .main_mobile_box .mobile_box { padding: 17px 18px; line-height: 20px } .main_content_title_box { padding-top: 0px } .main_content_title_box > .wrapper > .g_spacer_h { padding: 0px } .main_content_title_box .main_title_box { margin-bottom: 0px; border: 1px solid #f5f5f5 } .under_768 { display: block !important } .no_under_768 { display: none !important } } @media screen and (max-width: 699px) { .main_mobile_title_box .mobile_title_box { padding: 14px 0px } .main_mobile_title_box .mobile_title_box h2 { font-size: 14px; line-height: 18px } .main_content_title_box .main_title_box { padding: 9px 9px } .main_content_title_box .main_title_box h2 { font-size: 14px; line-height: 18px; display: block; position: relative; font-size: 1px; font-size: 0px } .main_content_title_box .main_title_box h2:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; height: 36px } .main_content_title_box .main_title_box h2 > span, .main_content_title_box .main_title_box h2 > strong, .main_content_title_box .main_title_box h2 > .toggler { display: inline-block; vertical-align: middle; font-size: 14px } .main_content_title_box .main_title_box h2 > span, .main_content_title_box .main_title_box h2 > strong { line-height: 18px } .main_content_title_box .main_title_box h2 > .toggler { line-height: 24px } .main_content_title_box .main_title_box.with_buttons h2 { max-width: 50% } .main_title_box .buttons { margin: -6px 0px } .main_title_box .buttons > .button { min-width: 0px } .main_mobile_box { display: block } .under_700 { display: block !important } .no_under_700 { display: none !important } } @media screen and (max-width: 479px) { .attachments_box .attachments { float: none; width: 100% } .attachments_box .all_attachments { float: none; width: 100%; padding-top: 18px } } @media screen and (max-width: 419px) { .list_layout a.button { padding: 0px 8px; padding-left: 40px; padding-right: 22px } .list_layout a.button.button--showMore { padding-left: 30px } .list_layout a.button > .icon { left: 10px } .list_layout a.button:before { right: 8px } .list_layout a.button.wide > .icon { margin-left: 0px; margin-right: 20px } .list_layout a.button.more { padding: 0px 8px; padding-right: 40px } .list_layout a.button.wide_more { padding: 0px 8px; padding-right: 40px } .list_layout a.button.form_bt { padding: 0px 8px; padding-right: 40px } .list_layout a.button.text { padding: 0px 8px } .list_layout a.button.toggler { padding-left: 8px } .list_layout a.button.toggler > .arrow { right: 10px } .list_layout a.button.no_icon { padding-left: 8px } .list_layout a.button.invert { padding-left: 40px; padding-right: 8px } .list_layout a.button.invert:before { left: 10px } } @media screen and (max-width: 767px) { .stdCheckbox:after { min-height: 30px } .stdCheckbox > input + label > .chbox { width: 30px; height: 30px } .stdCheckbox > input + label > .chbox:before { font-size: 16px; line-height: 16px; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px } .stdCheckbox > input + label > .label { padding-left: 40px } .stdCheckbox > input + label > .label:after { min-height: 30px } } @media screen and (max-width: 839px) { .overlay.for_tablet.active { display: block } .popup_sms_success .message:before, .popup_sms_alert .message:before { left: 12px } .popup_sms_success .message .text, .popup_sms_alert .message .text { padding-left: 80px } .popup_offer .bts--trio > .bt { min-width: 160px } .popup_offer.offer_img .body_box { padding: 18px } .popup_offer.offer_img .bts { padding-top: 18px } } @media screen and (max-width: 767px) { .overlay.for_header, .overlay.for_header.active { display: none } .overlay.for_tablet, .overlay.for_tablet.active { display: none } .overlay.for_mobile.active { display: block } } @media screen and (max-width: 699px) { .popup .full_bts a { float: none; padding: 25px; margin: 0px } .popup .full_bts a + a { border-left: 0px solid transparent; border-top: 1px solid #c3c3c3 } .popup .full_bts.bts_3_1 a { width: 100% } .popup .full_bts.bts_2_1 a { width: 100% } .popup .full_radio > .radio_box { width: 100%; float: none; padding-bottom: 0px; margin-bottom: 0px } .popup .full_radio > .radio_box + .radio_box { border-left: 0px solid transparent; border-top: 1px solid #c3c3c3 } .popup .full_radio .radiobutton_pass input[type="radio"] + label > .label { padding: 20px 25px; padding-left: 80px } .popup .full_radio .radiobutton_pass input[type="radio"] + label > .chbox { width: 36px; height: 36px; top: 30px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px } .popup .cols { margin-top: 0px; margin-left: 0px } .popup .cols > .col { float: none; width: 100%; padding-left: 0px } .popup .bt_cols.cols_3 > .col.c_0 { padding-right: 0px; padding-top: 18px; width: 100% } .popup .bt_cols.cols_3 > .col.c_1 { width: 40%; padding-right: 0px } .popup .bt_cols.cols_3 > .col.c_2 { width: 60%; padding-left: 18px } .popup .popup_cols { width: 100%; display: block } .popup .popup_cols .popup_col--small { width: 100%; float: none; font-size: 0 } .popup .popup_cols .popup_col--small + .popup_col--small { margin-top: 35px } .popup .popup_cols .popup_col--small .popup_valueBox { width: 50%; display: inline-block; vertical-align: middle } .popup .popup_cols .popup_col--small .popup_valueBox + .popup_valueBox:not(.popup_valueBox--small) { margin-top: 0 } .popup .popup_cols .popup_col .popup_valueBox--small { display: block; width: auto } .popup .popup_cols .popup_col .popup_valueBox--small:last-of-type { margin-top: 35px } .popup .popup_infoBox { width: 100%; margin-top: 15px } .popup_pass_remind > div { float: none; width: 100%; padding: 25px; margin-bottom: 0px } .popup_pass_remind > div + div { border-left: 0px solid transparent; border-top: 1px solid #c3c3c3 } .popup_pass_remind > a { float: none; width: 100%; padding: 25px; margin-bottom: 0px; border-left: 0px solid transparent; border-top: 1px solid #c3c3c3 } .popup_verify_image .col > h3 { padding-bottom: 9px } .popup_sms_pack .body_box, .popup_success .body_box, .popup_alert .body_box { position: relative } .popup_sms_pack .body_box:after, .popup_success .body_box:after, .popup_alert .body_box:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .popup_sms_pack .message, .popup_success .message, .popup_alert .message { float: none; text-align: center } .popup_sms_pack .message:after, .popup_success .message:after, .popup_alert .message:after { display: none } .popup_sms_pack .message:before, .popup_success .message:before, .popup_alert .message:before { position: relative; top: 0px; left: 0px; margin: 0px auto; margin-bottom: 18px } .popup_sms_pack .message .text, .popup_success .message .text, .popup_alert .message .text { padding-left: 0px } .popup_sms_pack .bts, .popup_success .bts, .popup_alert .bts { padding-top: 18px; float: none; margin: 0px auto; max-width: 200px } .popup_sms_success .message, .popup_sms_alert .message { float: none } .popup_sms_success .bts, .popup_sms_alert .bts { padding-top: 18px; float: none; margin: 0px auto; max-width: 120px } .popup_offer .bts > .bt { display: block; margin: 0px auto; max-width: 220px } .popup_offer .bts > .bt + .bt { margin-top: 18px } .popup_offer .vc_cols > .col.c_l { padding: 0px; padding-bottom: 18px } } @media screen and (max-width: 479px) { .popup .popup_center > div { display: block; width: 100%; padding: 0px; height: 100% } .popup .popup_center:after { display: none } .popup .popup_box { width: 100%; height: 100%; background-color: #fff } .popup .popup_head h2 { padding-right: 52px; float: none } .popup .popup_head .step_counter { float: none; position: absolute; top: 50%; margin-top: -12px; right: 72px } .popup .popup_head .step_counter > .text { display: none } .popup .form_box { max-width: 490px; margin: 0px auto } .popup .bt_cols > .col { float: none } .popup .bt_cols > .col.c_1 { width: 100%; padding-top: 18px } .popup .bt_cols > .col.c_2 { width: 100%; padding-left: 0px } .popup .bt_cols.yes_no { max-width: 350px; margin: 0px auto } .popup .bt_cols.yes_no > .col { float: right } .popup .bt_cols.yes_no > .col.c_1, .popup .bt_cols.yes_no > .col.c_2 { width: 50%; padding-top: 0px } .popup .bt_cols.yes_no > .col.c_1 { padding-right: 9px } .popup .bt_cols.yes_no > .col.c_2 { padding-left: 9px } .popup .bt_cols.cols_3 > .col.c_0, .popup .bt_cols.cols_3 > .col.c_1, .popup .bt_cols.cols_3 > .col.c_2 { padding-right: 0px; padding-left: 0px; width: 100% } .popup .bt_cols.cols_3 > .col.c_0, .popup .bt_cols.cols_3 > .col.c_1 { padding-top: 18px } .popup .row.form_row > .l { width: 100%; float: none; padding-top: 0px; padding-bottom: 5px } .popup .row.form_row > .v { width: 100%; padding-left: 0px; float: none; padding-top: 0px } .popup .row.form_row + .bt_cols, .popup .row.form_row + .form_row { padding-top: 18px } .popup .row.form_row + .bt_cols { padding-top: 27px } .popup.long_title .popup_head h2 { padding-right: 0px; font-size: 14px; line-height: 20px } .popup_verify_image .img_grid > .img_item { width: 50% } .popup_regulations .body_box { padding: 18px } .popup_regulations .foot_box { padding: 18px } .popup_regulations .foot_box > .bts > .bt_l { float: none; width: 100% } .popup_regulations .foot_box > .bts > .bt_r { float: none; width: 100% } .popup_offer .body_box { padding: 18px } .popup_offer .bts { padding-top: 18px } .popup_offer .bts > .bt { max-width: none; width: 100% } } @media screen and (max-width: 400px) { .popup .popup_radiobuttonContainer .radiobutton input[type="radio"] + label .label { font-size: 12px } } @media screen and (max-width: 1199px) { .product_box.preview .cols > .col.c_l { width: 26% } .product_box.preview .cols > .col.c_r { width: 30% } .product_box.preview .cols > .col.c_c { width: 44% } .product_box.preview .cols.deposit > .col.c_c { width: 30% } .product_box.preview .graph_spacer { padding: 0px 18px; padding-top: 24px } } @media screen and (max-width: 959px) { .product_box .body_content > h3 { display: none } .product_box .body_content > h3 + .g_spacer_v { padding-top: 0px } .product_box .body_content h3.info { display: block } .product_box .body_head > .state.card { float: none; padding: 0px } .product_box .body_head > .state.card h4 { display: inline-block; vertical-align: baseline; margin-right: 18px } .product_box .body_head > .state.card span { display: inline-block; vertical-align: baseline } .product_box .body_head > .buttons { float: none; margin-left: -18px; margin-top: -18px } .product_box .body_head > .buttons .bt_box { padding-top: 18px } .product_box .body_head > .buttons .bt_box.mobile { display: block } .product_box .body_head > .state + .mobile_buttons_toggler + .buttons { margin-top: 0px } .product_box .body_head.state_active > .mobile_button { display: block } .product_box .body_head.state_active > .mobile_button:before { display: none } .product_box .body_head.state_active > .buttons .bt_box { width: 25% } .product_box .body_head > .infos { width: 50%; float: left } .product_box .body_head > .infos .info { padding: 3px 10px; width: calc(50% - 20px) } .product_box .body_head > .infos .info:before { display: none } .product_box .body_head > .state.info { width: 25% } .jsDragDropList > .product_box > .head > .dragBox { display: none } } @media screen and (max-width: 767px) { .product_box .body_head > .infos .info { width: 100%; padding-left: 0 } .product_box .body_head > .infos .info h4 { min-width: initial; display: inline-block; padding-right: 10px } .product_box .body_head > .infos .info:before { display: none } .product_box .body_head > .infos { width: 100% } .product_box .body_head > .state.info { width: 100% } .product_box .body_head > .state.info h4 { display: inline-block; padding-right: 10px } .product_box .body_head.state_active > .buttons .bt_box { width: 50% } .product_box .body_head.state_active > .mobile_button { float: none; width: 100%; max-width: 200px; overflow: hidden; padding-left: 0; padding-top: 10px } .product_box .body_head.state_active > .mobile_button:before { display: none } .product_box > .head .image { max-width: 50px } .product_box.with_image > .head { padding-right: 98px } .product_box.preview .stats.mini .c_l { width: 30% } .product_box.preview .stats.mini .c_r h4, .product_box.preview .stats.mini .c_c h4 { width: 100% } .product_box.preview .stats.mini .c_r span, .product_box.preview .stats.mini .c_c span { padding-left: 0 } .product_box.preview .stats.mini .graph_horizontal { width: 100%; margin-top: 15px; margin-bottom: 10px } .product_box.preview .cols.deposit > .col.stats.mini.c_l > .row + .row { width: 70% } } @media screen and (max-width: 699px) { .product_box .body_head > .state.card { float: none; padding: 0px } .product_box .body_head > .state.card h4 { display: inline-block; vertical-align: baseline; margin-right: 18px } .product_box .body_head > .state.card span { display: inline-block; vertical-align: baseline } .product_box > .head { padding-right: 50px; padding-top: 14px; padding-bottom: 14px } .product_box > .head .title { display: block; } .product_box > .head .title h3 { font-size: 14px; line-height: 18px } .product_box > .head .title span:not(.state_in_title) { display: none } .product_box > .head a.title h3:after { display: none } .product_box > .head a.title:focus h3:after, .product_box > .head a.title:hover h3:after { left: 29px } .product_box > .head .image { display: none } .product_box > .head a.toggler { width: 100%; display: block } .product_box.with_image > .head { padding-right: 50px } .product_box .stats > .row h4, .product_box .stats > .row span { font-size: 14px; line-height: 20px } .product_box .stats > .row .graph_label span { font-size: 10px } .product_box .stats > .row .graph_text { max-height: 20px; margin-top: 15px; margin-bottom: 25px } .product_box .stats > .row.mobile { display: block } .product_box .stats.large > .row { padding: 9px 18px } .product_box .stats.list { padding: 18px 0px } .product_box .stats.list > .row { padding: 0px } .product_box .stats.list > .row h4 { padding: 0px } .product_box .stats.list > .row span { padding: 0px } .product_box .stats.list > .row + .row { border-top: 0px solid transparent; padding-top: 12px } .product_box .last_transact > .list { padding-bottom: 18px } .product_box .last_transact > .list > .no_item { height: auto; padding: 18px 0px } .product_box .acc_item .stats > .row { padding: 9px 18px } .product_box .acc_item .stats.large { padding: 0px } .product_box .acc_item .stats.large > .row { padding: 9px 18px } .product_box .accordion .acc_item > a > h4 { font-size: 14px; float: none } .product_box .accordion .acc_item > a > .info { height: 44px; overflow: hidden; float: left; text-align: left; top: -6px } .product_box .accordion .acc_item > a > .info .stats h4 { font-size: 14px; line-height: 20px } .product_box .accordion .acc_item > a > .info .stats span { font-family: 'latoblack'; color: #333; font-size: 14px; line-height: 20px } .product_box .accordion .acc_item > a.active > .info { height: 0px } .product_box .accordion .acc_item + .acc_item { padding-top: 18px } .product_box .accordion .acc_item .product_table.documents .table_body { border-top: 0px solid transparent } .product_box .graph_spacer { padding: 0px } .product_box .graph_box .graph_label, .product_box .graph_box .graph { display: none } .product_box .graph_box .graph_text { position: relative; top: 0px; left: 0px; bottom: auto; padding: 18px 0px; margin-bottom: -18px; text-align: center; min-height: 0px } .product_box .graph_box .graph_text + .last_transact { margin-top: 18px; border-top: 1px solid #c3c3c3 } .product_box .graph_horizontal .graph_bar_back { top: 75px } .product_box.intro.credit.summary .cols { position: relative; overflow: hidden } .product_box.intro.credit.summary .cols > .col.c_l { width: 100%; border-right: 0px solid transparent; padding: 0px; margin: 0px } .product_box.intro.credit.summary .cols > .col.c_r { border-top: 1px solid #c3c3c3; width: 100%; padding-left: 0px } .product_box.intro.credit.summary .graph_box .graph_text { padding: 18px 0px; margin-bottom: 0px } .product_box.preview .cols.deposit.graph { padding-bottom: 0 } .product_box.preview .cols.multi_deposit > .col.c_c { display: none } .product_box.preview .cols.deposit > .col.c_c { width: 200px; float: left; padding-top: 0; padding-left: 0 } .product_box.preview .cols.deposit > .col.c_c .before_bt_boxes { padding: 11px 0 } .product_box.preview .cols.deposit > .col.c_c .before_bt_boxes h4 { font-size: 14px; line-height: 20px; padding: 2px 0 } .product_box.preview .cols.deposit > .col.c_c .before_bt_boxes span { font-size: 14px; line-height: 20px; padding-top: 0 } .product_box.preview .cols.deposit > .col.c_c .before_bt_boxes.mobile { display: block } .product_box.preview .cols.deposit > .col.c_c .before_bt_boxes + .before_bt_boxes { border-top: 1px solid #c3c3c3 } .product_box.preview .cols.deposit.graph > .col.c_l { display: none } .product_box.preview .cols.deposit > .col.c_l { width: 100% } .product_box.preview .cols.deposit > .col.c_r { width: 0; border: 0; clear: none } .product_box.preview .cols.deposit > .col.c_r .bt_box { width: 200px; margin-left: -200px } .product_box.preview .cols.deposit > .col.c_l .col_l, .product_box.preview .cols.deposit > .col.c_l .col_r, .product_box.preview .cols.deposit > .col.c_l .col_c { border-left: none; padding-left: 0; padding: 11px 0; width: 200px; float: none; margin: 0 } .product_box.preview .cols.deposit > .col.c_l .col_l + .col_l, .product_box.preview .cols.deposit > .col.c_l .col_l + .col_r, .product_box.preview .cols.deposit > .col.c_l .col_l + .col_c, .product_box.preview .cols.deposit > .col.c_l .col_r + .col_l, .product_box.preview .cols.deposit > .col.c_l .col_r + .col_r, .product_box.preview .cols.deposit > .col.c_l .col_r + .col_c, .product_box.preview .cols.deposit > .col.c_l .col_c + .col_l, .product_box.preview .cols.deposit > .col.c_l .col_c + .col_r, .product_box.preview .cols.deposit > .col.c_l .col_c + .col_c { border-top: 1px solid #c3c3c3 } .product_box.preview .cols.deposit > .col.stats.mini > .row + .row { padding-top: 14px } .product_box.preview .cols.deposit > .col.stats.mini.c_l > .row + .row { width: 100%; padding-left: 0 } .product_box.preview .stats.mini .c_l, .product_box.preview .stats.mini .c_c, .product_box.preview .stats.mini .c_r { width: 100%; text-align: left; padding: 15px 0; border-bottom: 1px solid #c3c3c3 } .product_box.preview .stats.mini .c_l h4, .product_box.preview .stats.mini .c_c h4, .product_box.preview .stats.mini .c_r h4 { font-size: 14px } .product_box.preview .stats.mini .c_l span, .product_box.preview .stats.mini .c_c span, .product_box.preview .stats.mini .c_r span { padding-left: 0 } .product_box.deposit.preview .cols { display: block } .product_box.deposit.preview .cols > .col.c_eq { display: block; width: auto; margin-right: 236px } .product_box.deposit.preview .cols > .col.c_eq:before { display: none } .product_box.deposit.preview .cols > .col.c_eq:last-child .row { border-bottom: 0px solid transparent } .product_box.deposit.preview .cols > .col.c_eq .row { border-bottom: 1px solid #c3c3c3; padding: 11px 0 } .product_box.intro .cols { margin-bottom: 0px } .product_box.intro .cols > .col { position: relative } .product_box.intro .cols > .col.c_l { width: 200px; border-right: 0px solid transparent } .product_box.intro .cols > .col.c_l > .row.no_mobile { display: none } .product_box.intro .cols > .col.c_l.stats > .row { padding: 11px 0px } .product_box.intro .cols > .col.c_r { float: none; width: 100%; clear: both; border-left: 0px solid transparent; border-top: 1px solid #c3c3c3; padding-left: 0px } .product_box.intro .cols > .col.c_r_mobile { display: block; float: right; width: 200px; padding-top: 9px } .product_box.intro .cols > .col.c_r_mobile .bt_box.empty { height: 48px } .product_box.intro .cols > .col.c_r_mobile .bt_box + .bt_box { margin-top: 19px } .product_box.intro .grid_layout.no_mobile { display: none } .product_box.preview .cols > .col { position: relative; float: none } .product_box.preview .cols > .col.c_l { width: 200px; border-right: 0px solid transparent } .product_box.preview .cols > .col.c_r { width: 200px; border-left: 0px solid transparent; padding-left: 0px; padding-top: 9px } .product_box.preview .cols > .col.c_c { width: 100%; clear: both } .product_box.preview .graph_spacer { padding: 0px; border-top: 1px solid #c3c3c3 } .product_box.preview .graph_spacer + .mobile_box { margin-top: 18px; border-top: 1px solid #c3c3c3 } .product_box.preview .mobile_box { display: block } .product_box.preview .c_l.stats > .row { padding: 11px 0px } .product_box.preview .c_r .bt_box + .bt_box { margin-top: 19px } .product_box.credit .graph_spacer { padding: 0px } .product_box.deposit.preview .body_content { padding: 18px } .product_box.deposit.preview .cols > .col.c_l { width: 100%; padding-right: 60px } .product_box.deposit.preview .cols > .col.c_r { float: right; width: 0; clear: none } .product_box.deposit.preview .stats > .row h4, .product_box.deposit.preview .stats > .row span { font-size: 14px; line-height: 20px } .product_box.deposit.preview .stats > .row span > span { padding-top: 0; font-size: 10px; line-height: 1.1 } .jsDragDropList > .product_box > .head > .dragBox { display: none } } @media screen and (max-width: 539px) { .product_box .body_head.state_active > .mobile_buttons_toggler { display: block } .product_box .body_head.state_active > .mobile_buttons_toggler > a.toggler { display: block } .product_box .body_head.state_active > .buttons { margin-left: 0px; margin-top: 0px; overflow: hidden } .product_box .body_head.state_active > .buttons .bt_box { width: 100%; float: none; padding-left: 0px; padding-top: 9px } .product_box .body_head.state_to_active > .buttons { margin-left: 0px; margin-top: 0px } .product_box .body_head.state_to_active > .buttons .bt_box { width: 100%; float: none; padding-left: 0px } .product_box.preview .cols > .col.c_c { width: 100%; max-width: none; margin: 0px } } @media screen and (max-width: 479px) { .product_box .edit_field .state_text .edit_field_txt { display: inline-block; width: 100% } .product_box .body_head > .state.info { display: none } .product_box .body_head > .infos .info { display: none } .product_box .body_head > .infos .info.state { display: block } .product_box .body_head.state_active .mobile_button { padding: 10px 0 0 0; float: none } .product_box .accordion .acc_item > .empty > h4 { float: none } .product_box .accordion .acc_item > .empty > .info { padding-top: 0px; float: none; text-align: left } .product_box .last_transact > .list { padding-bottom: 0px } .product_box .last_transact > .list > .item { padding: 11px 0px } .product_box .last_transact > .list > .item .data { display: block; line-height: 18px; float: left } .product_box .last_transact > .list > .item .data:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_box .last_transact > .list > .item .title { font-weight: normal } .product_box .last_transact > .list > .item .value { font-size: 14px; line-height: 20px; padding: 9px 0px } .product_box .last_transact > .list > .no_item { height: auto } .product_box .last_transact > .button { max-width: none } .product_box .cols > .col { position: relative } .product_box .cols > .col.c_l { width: 100%; padding-bottom: 0px; margin-bottom: 0px; border-right: 0px } .product_box .cols > .col.c_l + .c_r { border-top: 1px solid #c3c3c3 } .product_box .cols > .col.c_r { width: 100% } .product_box.intro .cols > .col { position: relative } .product_box.intro .cols > .col.c_l { width: 100%; padding-right: 60px } .product_box.intro .cols > .col.c_r_mobile { width: 0px } .product_box.intro .c_r_mobile .bt_box { background-color: #f5f5f5; position: relative; left: 0px; width: 200px; margin-left: -200px; -o-transition: width 0.5s,margin-left 0.5s; -moz-transition: width 0.5s,margin-left 0.5s; -webkit-transition: width 0.5s,margin-left 0.5s; transition: width 0.5s,margin-left 0.5s } .product_box.intro .c_r_mobile .bt_box:before { content: ''; display: block; width: 60px; height: 100%; position: absolute; top: 0px; left: 0px; margin-left: -60px; background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(245,245,245,0)), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%, #f5f5f5 100%); background: -o-linear-gradient(left, rgba(245,245,245,0) 0%, #f5f5f5 100%); background: -ms-linear-gradient(left, rgba(245,245,245,0) 0%, #f5f5f5 100%); background: linear-gradient(to right, rgba(245,245,245,0) 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); -o-transition: width 0.5s,margin-left 0.5s; -moz-transition: width 0.5s,margin-left 0.5s; -webkit-transition: width 0.5s,margin-left 0.5s; transition: width 0.5s,margin-left 0.5s } .product_box.intro .c_r_mobile .bt_box > .button { overflow: hidden; -o-transition: padding 0.5s,color 0.3s,background-color 0.3s; -moz-transition: padding 0.5s,color 0.3s,background-color 0.3s; -webkit-transition: padding 0.5s,color 0.3s,background-color 0.3s; transition: padding 0.5s,color 0.3s,background-color 0.3s } .product_box.intro .c_r_mobile .bt_box > .button:before { -o-transition: right 0.5s,color 0.3s; -moz-transition: right 0.5s,color 0.3s; -webkit-transition: right 0.5s,color 0.3s; transition: right 0.5s,color 0.3s } .product_box.intro .c_r_mobile .bt_box > .button > .icon { -o-transition: left 0.5s,color 0.3s; -moz-transition: left 0.5s,color 0.3s; -webkit-transition: left 0.5s,color 0.3s; transition: left 0.5s,color 0.3s } .product_box.intro .c_r_mobile .bt_box.mini { width: 48px; margin-left: -48px } .product_box.intro .c_r_mobile .bt_box.mini:before { width: 0px; margin-left: 0px } .product_box.intro .c_r_mobile .bt_box.mini > .button { padding-left: 46px; padding-right: 0px } .product_box.intro .c_r_mobile .bt_box.mini > .button:before { color: transparent; right: -10px } .product_box.intro .c_r_mobile .bt_box.mini > .button > .text { max-width: none; width: 110px; margin-right: -110px } .product_box.intro .c_r_mobile .bt_box.mini > .button > .icon { left: 11px } .product_box.preview .cols > .col { position: relative } .product_box.preview .cols > .col.c_l { width: 100%; padding-right: 60px } .product_box.preview .cols > .col.c_r { width: 0px } .product_box.preview .cols > .col.c_c { float: none } .product_box.preview .c_r .bt_box { background-color: #f5f5f5; position: relative; left: 0px; width: 200px; margin-left: -200px; -o-transition: width 0.5s,margin-left 0.5s; -moz-transition: width 0.5s,margin-left 0.5s; -webkit-transition: width 0.5s,margin-left 0.5s; transition: width 0.5s,margin-left 0.5s } .product_box.preview .c_r .bt_box:before { content: ''; display: block; width: 60px; height: 100%; position: absolute; top: 0px; left: 0px; margin-left: -60px; background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(245,245,245,0)), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%, #f5f5f5 100%); background: -o-linear-gradient(left, rgba(245,245,245,0) 0%, #f5f5f5 100%); background: -ms-linear-gradient(left, rgba(245,245,245,0) 0%, #f5f5f5 100%); background: linear-gradient(to right, rgba(245,245,245,0) 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); -o-transition: width 0.5s,margin-left 0.5s; -moz-transition: width 0.5s,margin-left 0.5s; -webkit-transition: width 0.5s,margin-left 0.5s; transition: width 0.5s,margin-left 0.5s } .product_box.preview .c_r .bt_box > .button { overflow: hidden; -o-transition: padding 0.5s,color 0.3s,background-color 0.3s; -moz-transition: padding 0.5s,color 0.3s,background-color 0.3s; -webkit-transition: padding 0.5s,color 0.3s,background-color 0.3s; transition: padding 0.5s,color 0.3s,background-color 0.3s } .product_box.preview .c_r .bt_box > .button:before { -o-transition: right 0.5s,color 0.3s; -moz-transition: right 0.5s,color 0.3s; -webkit-transition: right 0.5s,color 0.3s; transition: right 0.5s,color 0.3s } .product_box.preview .c_r .bt_box > .button > .icon { -o-transition: left 0.5s,color 0.3s; -moz-transition: left 0.5s,color 0.3s; -webkit-transition: left 0.5s,color 0.3s; transition: left 0.5s,color 0.3s } .product_box.preview .c_r .bt_box.mini { width: 48px; margin-left: -48px } .product_box.preview .c_r .bt_box.mini:before { width: 0px; margin-left: 0px } .product_box.preview .c_r .bt_box.mini > .button { padding-left: 46px; padding-right: 0px } .product_box.preview .c_r .bt_box.mini > .button:before { color: transparent; right: -10px } .product_box.preview .c_r .bt_box.mini > .button > .text { max-width: none; width: 110px; margin-right: -110px } .product_box.preview .c_r .bt_box.mini > .button > .icon { left: 11px } .product_box.preview .cols.deposit > .col.c_l { width: 100%; padding-right: 0 } .product_box.preview .cols.deposit > .col.c_l .col_l, .product_box.preview .cols.deposit > .col.c_l .col_r, .product_box.preview .cols.deposit > .col.c_l .col_c { padding: 11px 0; width: auto; margin-left: 0; margin-right: 60px } .product_box.preview .cols.deposit > .col.c_c { width: 100%; padding-right: 60px } .product_box.preview .cols.deposit > .col.c_r { width: 0; border: 0 } .product_box.preview .cols.deposit > .col.c_r .bt_box.mini { width: 48px; margin-left: -48px } .product_box.preview .cols.deposit > .col.stats.mini > .row .c_l { margin-top: 0 } .product_box.preview .cols.deposit > .col.stats.mini > .row .col { border-bottom: 0px solid transparent; padding: 2px 0 } .product_box.preview .cols.deposit > .col.stats.mini > .row .col h4 { width: initial } .product_box.preview .cols.deposit > .col.stats.mini > .row .col span { padding-left: 5px } .product_box.preview .cols.deposit > .col.stats.mini > .row .col a.title span { padding-left: 0 } .product_box.preview .cols.deposit > .col.stats.mini .graph_horizontal { width: 100% } .product_box.preview .cols.deposit.graph > .col.c_l { display: none } .product_box.preview.deposit .cols > .col.c_eq { display: block; width: 100%; padding-right: 60px; margin-right: auto } .product_box.preview.deposit .cols > .col.c_eq .row { border-bottom: 1px solid #c3c3c3 } .product_box.preview.deposit .cols > .col.c_eq .row { padding-left: 0 } .product_box.preview.deposit .cols > .col.c_eq:before { display: none } .product_box.preview.deposit .body_content { padding-top: 0 } .product_box.preview.deposit .body_content .row > .cols { border-bottom: 0px solid transparent } .product_box.preview.deposit .cols > .col.c_r_mobile { padding-top: 9px; z-index: 1 } } @media screen and (max-width: 400px) { .product_box .graph_horizontal .graph_bar_back { position: relative; top: initial; margin-bottom: 25px; left: 0; right: 0 } .product_box .graph_horizontal .graph_label { width: 46% } } @media screen and (max-width: 959px) { .product_mobile_menu { display: block } .mobile .product_menu { border-bottom: 0px solid transparent } .mobile .product_menu > .title { background-color: #fff } .mobile .product_menu > .title > div h3 { font-size: 17px; line-height: 24px } .mobile .product_menu > .title.mini { height: 56px } .mobile .product_menu .setting_boxes .toggle_box > .buttons, .mobile .product_menu > .buttons { background-color: #fff; padding: 18px 27px } .mobile .product_menu .setting_boxes .toggle_box > .buttons:after, .mobile .product_menu > .buttons:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .mobile .product_menu .setting_boxes .toggle_box > .buttons > .button, .mobile .product_menu > .buttons > .button { border: 1px solid #cdcdcd; float: left; position: relative; left: -9px; width: 30% } .mobile .product_menu .setting_boxes .toggle_box > .buttons > .button + .button, .mobile .product_menu > .buttons > .button + .button { left: 0px; width: 40% } .mobile .product_menu .setting_boxes .toggle_box > .buttons > .button + .button + .button, .mobile .product_menu > .buttons > .button + .button + .button { left: 9px; width: 30% } .mobile .product_menu .setting_boxes .toggle_box > .buttons + .options, .mobile .product_menu > .buttons + .options { border-top: 0px solid transparent } .mobile .product_menu .setting_boxes .toggle_box > .options, .mobile .product_menu > .options { background-color: #fff; padding-top: 0px } .mobile .product_menu .setting_boxes .toggle_box > .options:after, .mobile .product_menu > .options:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .mobile .product_menu .setting_boxes .toggle_box > .options p, .mobile .product_menu > .options p { float: left } .mobile .product_menu .setting_boxes .toggle_box > .options p:before, .mobile .product_menu > .options p:before { content: ''; display: inline-block; vertical-align: middle; height: 36px; width: 0px } .mobile .product_menu .setting_boxes .toggle_box > .options p > br, .mobile .product_menu > .options p > br { display: none } .mobile .product_menu .setting_boxes .toggle_box > .options p + .checkbox, .mobile .product_menu > .options p + .checkbox { margin-top: 0px; float: right; min-width: 140px } } @media screen and (max-width: 699px) { .product_mobile_menu > .select_box select { height: 58px; padding: 16px 18px; padding-right: 50px; padding-left: 46px; font-size: 14px } .product_mobile_menu > .select_box:before { width: 16px; height: 16px; font-size: 16px; line-height: 16px; margin-top: -8px } .mobile .product_menu .setting_boxes { padding-bottom: 18px; border-top: 0px solid transparent } .mobile .product_menu .setting_boxes .toggle_box { padding: 0px 18px } .mobile .product_menu .setting_boxes .toggle_box > .buttons { padding: 0px; padding-top: 9px } .mobile .product_menu .setting_boxes .toggle_box > .buttons > .button { float: none; position: relative; left: 0px; width: 100% } .mobile .product_menu .setting_boxes .toggle_box > .buttons > .button + .button { margin-top: 9px } .mobile .product_menu .setting_boxes .toggle_box > .buttons > .button + .button, .mobile .product_menu .setting_boxes .toggle_box > .buttons > .button + .button + .button { left: 0px; width: 100% } .mobile .product_menu .setting_boxes .toggle_box > .options { padding: 0px; padding-top: 18px } .mobile .product_menu .setting_boxes .toggle_box > .options p { float: none } .mobile .product_menu .setting_boxes .toggle_box > .options p:before { display: none } .mobile .product_menu .setting_boxes .toggle_box > .options p > br { display: none } .mobile .product_menu .setting_boxes .toggle_box > .options p + .checkbox { float: left; margin-top: 4px } .mobile .product_menu .setting_boxes .toggle_box_toggler { display: block; padding: 0px 18px } .mobile .product_menu .setting_boxes .toggle_box_toggler > .button { display: block } } @media screen and (max-width: 1099px) { .body_content .g_spacer_h.pt { padding: 0px } .body_content .g_spacer_h.pt .product_table { padding: 0px } .product_table.notify_table .table_head > .row_with_details > .row > .col.c_1, .product_table.notify_table .table_head > .row > .col.c_1, .product_table.notify_table .table_body > .row_with_details > .row > .col.c_1, .product_table.notify_table .table_body > .row > .col.c_1 { width: 70% } .product_table.notify_table .table_head > .row_with_details > .row > .col.c_2, .product_table.notify_table .table_head > .row > .col.c_2, .product_table.notify_table .table_body > .row_with_details > .row > .col.c_2, .product_table.notify_table .table_body > .row > .col.c_2 { width: 30% } .product_table.event_logs .table_head > .row_with_details > .row > .col.c_1, .product_table.event_logs .table_head > .row_with_details > .row > .col.c_2, .product_table.event_logs .table_head > .row > .col.c_1, .product_table.event_logs .table_head > .row > .col.c_2, .product_table.event_logs .table_body > .row_with_details > .row > .col.c_1, .product_table.event_logs .table_body > .row_with_details > .row > .col.c_2, .product_table.event_logs .table_body > .row > .col.c_1, .product_table.event_logs .table_body > .row > .col.c_2 { width: 25% } .product_table.event_logs .table_head > .row_with_details > .row > .col.c_3, .product_table.event_logs .table_head > .row > .col.c_3, .product_table.event_logs .table_body > .row_with_details > .row > .col.c_3, .product_table.event_logs .table_body > .row > .col.c_3 { width: 50% } } @media screen and (max-width: 959px) { .product_table.offer_applications .download { margin-left: 0px; display: block } .product_table.offer_applications .table_head > .row > .col.c_3 span { margin-left: 0 } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_1, .product_table.offer_applications .table_head > .row > .col.c_1, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_1, .product_table.offer_applications .table_body > .row > .col.c_1 { width: 28% } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_2, .product_table.offer_applications .table_head > .row > .col.c_2, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_2, .product_table.offer_applications .table_body > .row > .col.c_2 { width: 14% } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_3, .product_table.offer_applications .table_head > .row > .col.c_3, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_3, .product_table.offer_applications .table_body > .row > .col.c_3 { width: 22% } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_4, .product_table.offer_applications .table_head > .row > .col.c_4, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_4, .product_table.offer_applications .table_body > .row > .col.c_4 { width: 22% } .product_table.offer_applications .table_head > .row_with_details > .row > .col.c_5, .product_table.offer_applications .table_head > .row > .col.c_5, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_5, .product_table.offer_applications .table_body > .row > .col.c_5 { width: 14% } .product_table--custom .table_details .table_amountWrap { margin-left: 0 } } @media screen and (max-width: 699px) { .product_table .table_head { display: none } .product_table .table_body { border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3 } .product_table .table_body > .row_with_details > .row, .product_table .table_body > .row { display: block; padding: 18px } .product_table .table_body > .row_with_details > .row > .col, .product_table .table_body > .row > .col { float: none; padding: 18px; border-left: 0px solid transparent; overflow: visible } .product_table .table_body > .row_with_details > .row > .col, .product_table .table_body > .row > .col { padding: 18px; padding-bottom: 0px; margin-bottom: 0px } .product_table .table_body > .row_with_details > .row > .col:after, .product_table .table_body > .row > .col:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_table .table_body > .row_with_details > .row > .col.no_mobile, .product_table .table_body > .row > .col.no_mobile { display: none } .product_table .table_body > .row_with_details > .row > .col + .col, .product_table .table_body > .row > .col + .col { border-left: 0px solid transparent } .product_table .table_body > .row_with_details > .row > .col > .l, .product_table .table_body > .row > .col > .l { display: block; float: left; text-align: left; font-weight: bold } .product_table .table_body > .row_with_details > .row > .col > .v, .product_table .table_body > .row > .col > .v { display: block; float: right; text-align: right } .product_table .table_body > .row_with_details > .details .download_box { margin: 4px 0px } .product_table .table_body > .row_with_details > .details > .head { background-color: #3d3e40; min-height: 50px } .product_table .table_body > .row_with_details > .details > .head > div { padding: 16px 18px; padding-right: 68px } .product_table .table_body > .row_with_details > .details > .head > div > h4 { font-size: 14px; line-height: 18px; font-weight: bold; float: left } .product_table .table_body > .row_with_details > .details > .body { padding: 18px } .product_table .table_body > .row_with_details > .details > .body > .fields { display: block; position: relative } .product_table .table_body > .row_with_details > .details > .body > .fields > .field { float: none; padding: 0px 18px } .product_table .table_body > .row_with_details > .details > .body > .fields > .field:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .product_table .table_body > .row_with_details > .details > .body > .fields > .field .l { float: left } .product_table .table_body > .row_with_details > .details > .body > .fields > .field .v { float: right } .product_table.transact_history .table_body > .row_with_details > .row > .col.c_1, .product_table.transact_history .table_body > .row_with_details > .row > .col.c_2, .product_table.transact_history .table_body > .row_with_details > .row > .col.c_3, .product_table.transact_history .table_body > .row_with_details > .row > .col.c_4, .product_table.transact_history .table_body > .row_with_details > .row > .col.c_5, .product_table.transact_history .table_body > .row > .col.c_1, .product_table.transact_history .table_body > .row > .col.c_2, .product_table.transact_history .table_body > .row > .col.c_3, .product_table.transact_history .table_body > .row > .col.c_4, .product_table.transact_history .table_body > .row > .col.c_5 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.transact_history .table_body > .row_with_details > .row > .col.c_4, .product_table.transact_history .table_body > .row > .col.c_4 { padding-right: 20px } .product_table.transact_history .table_body > .row_with_details > .row > .col + .col, .product_table.transact_history .table_body > .row > .col + .col { padding-top: 12px } .product_table.transact_history .table_body > .row_with_details > .details > .head > div { padding-right: 110px; position: relative } .product_table.transact_history .table_body > .row_with_details > .details > .head > div > a.link { position: absolute; top: 50%; right: 80px; line-height: 32px; margin-top: -16px; margin-right: 0px; padding-left: 12px } .product_table.transact_history .table_body > .row_with_details > .details > .head > div > a.link .text { display: none } .product_table.transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_1, .product_table.transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_2, .product_table.transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_3, .product_table.transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_4, .product_table.transact_history .table_body > .row_with_details > .details > .body > .fields > .field.f_5 { margin: 0; padding: 0; width: 100%; text-align: left } .product_table.transact_history .table_body > .row_with_details > .details > .body > .fields > .field + .field { padding-top: 12px } .product_table.credit_transact_history .table_body > .row_with_details > .row > .col.c_1, .product_table.credit_transact_history .table_body > .row_with_details > .row > .col.c_2, .product_table.credit_transact_history .table_body > .row_with_details > .row > .col.c_3, .product_table.credit_transact_history .table_body > .row_with_details > .row > .col.c_4, .product_table.credit_transact_history .table_body > .row > .col.c_1, .product_table.credit_transact_history .table_body > .row > .col.c_2, .product_table.credit_transact_history .table_body > .row > .col.c_3, .product_table.credit_transact_history .table_body > .row > .col.c_4 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.credit_transact_history .table_body > .row_with_details > .row > .col + .col, .product_table.credit_transact_history .table_body > .row > .col + .col { padding-top: 12px } .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_1, .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_2, .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_3, .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_4, .product_table.locked_transact .table_body > .row > .col.c_1, .product_table.locked_transact .table_body > .row > .col.c_2, .product_table.locked_transact .table_body > .row > .col.c_3, .product_table.locked_transact .table_body > .row > .col.c_4 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.locked_transact .table_body > .row_with_details > .row > .col + .col, .product_table.locked_transact .table_body > .row > .col + .col { padding-top: 12px } .product_table.locked_transact .table_body > .row_with_details > .row > .col.c_1.no_under_700 + .col, .product_table.locked_transact .table_body > .row > .col.c_1.no_under_700 + .col { padding-top: 0px } .product_table.lifts_list .table_body > .row_with_details > .row > .col.c_1, .product_table.lifts_list .table_body > .row_with_details > .row > .col.c_2, .product_table.lifts_list .table_body > .row_with_details > .row > .col.c_3, .product_table.lifts_list .table_body > .row > .col.c_1, .product_table.lifts_list .table_body > .row > .col.c_2, .product_table.lifts_list .table_body > .row > .col.c_3 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.lifts_list .table_body > .row_with_details > .row > .col + .col, .product_table.lifts_list .table_body > .row > .col + .col { padding-top: 12px } .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_1, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_2, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_3, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_4, .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_5, .product_table.payoff_timetable .table_body > .row > .col.c_1, .product_table.payoff_timetable .table_body > .row > .col.c_2, .product_table.payoff_timetable .table_body > .row > .col.c_3, .product_table.payoff_timetable .table_body > .row > .col.c_4, .product_table.payoff_timetable .table_body > .row > .col.c_5 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_5, .product_table.payoff_timetable .table_body > .row > .col.c_5 { padding-right: 20px } .product_table.product_table .table_body > .row_with_details > .row > .details_bt, .product_table.product_table .table_body > .row > .details_bt { padding-left: 12px } .product_table.payoff_timetable .table_body > .row_with_details > .row > .col + .col, .product_table.payoff_timetable .table_body > .row > .col + .col { padding-top: 12px } .product_table.payoff_timetable .table_body > .row_with_details > .row > .col.c_1.no_under_700 + .col, .product_table.payoff_timetable .table_body > .row > .col.c_1.no_under_700 + .col { padding-top: 0px } .product_table.payoff_timetable .table_body > .row_with_details > .details > .body > .fields > .field.f_1, .product_table.payoff_timetable .table_body > .row_with_details > .details > .body > .fields > .field.f_2, .product_table.payoff_timetable .table_body > .row_with_details > .details > .body > .fields > .field.f_3, .product_table.payoff_timetable .table_body > .row_with_details > .details > .body > .fields > .field.f_4, .product_table.payoff_timetable .table_body > .row_with_details > .details > .body > .fields > .field.f_5 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.payoff_timetable .table_body > .row_with_details > .details > .body > .fields > .field + .field { padding-top: 12px } .product_table.payments_table .table_body > .row_with_details > .row > .col.c_1, .product_table.payments_table .table_body > .row_with_details > .row > .col.c_2, .product_table.payments_table .table_body > .row_with_details > .row > .col.c_3, .product_table.payments_table .table_body > .row_with_details > .row > .col.c_4, .product_table.payments_table .table_body > .row_with_details > .row > .col.c_5, .product_table.payments_table .table_body > .row > .col.c_1, .product_table.payments_table .table_body > .row > .col.c_2, .product_table.payments_table .table_body > .row > .col.c_3, .product_table.payments_table .table_body > .row > .col.c_4 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.payments_table .table_body > .row_with_details > .details > .body > .fields > .field.f_1, .product_table.payments_table .table_body > .row_with_details > .details > .body > .fields > .field.f_2, .product_table.payments_table .table_body > .row_with_details > .details > .body > .fields > .field.f_3, .product_table.payments_table .table_body > .row_with_details > .details > .body > .fields > .field.f_4, .product_table.payments_table .table_body > .row_with_details > .details > .body > .fields > .field.f_5 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.payments_table .table_body > .row_with_details > .details > .body > .fields > .field + .field { padding-top: 12px } .product_table.payments_table .table_body > .row_with_details > .row > .col + .col, .product_table.payments_table .table_body > .row > .col + .col { padding-top: 12px } .product_table.documents .table_body > .row_with_details > .row, .product_table.documents .table_body > .row { padding: 0px 18px } .product_table.documents .table_body > .row_with_details > .row > .col.c_1, .product_table.documents .table_body > .row_with_details > .row > .col.c_2, .product_table.documents .table_body > .row_with_details > .row > .col.c_3, .product_table.documents .table_body > .row > .col.c_1, .product_table.documents .table_body > .row > .col.c_2, .product_table.documents .table_body > .row > .col.c_3 { width: 100%; float: none; text-align: left; padding: 18px 0px; margin: 0px; border: 0px solid transparent } .product_table.notify_table .table_body > .row_with_details > .row > .col.c_1, .product_table.notify_table .table_body > .row_with_details > .row > .col.c_2, .product_table.notify_table .table_body > .row > .col.c_1, .product_table.notify_table .table_body > .row > .col.c_2 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.notify_table .table_body > .row_with_details > .row > .col.c_2, .product_table.notify_table .table_body > .row > .col.c_2 { padding-right: 20px } .product_table.notify_table .table_body > .row_with_details > .row > .col + .col, .product_table.notify_table .table_body > .row > .col + .col { padding-top: 12px } .product_table.notify_table .table_body > .row_with_details > .details > .body > .fields > .field.f_1, .product_table.notify_table .table_body > .row_with_details > .details > .body > .fields > .field.f_2 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.notify_table .table_body > .row_with_details > .details > .body > .fields > .field + .field { padding-top: 12px } .product_table.notify_table .table_body > .row_with_details > .details > .body > .special_fields > .field { padding-left: 0px; padding-right: 0px } .product_table.notify_table .table_body > .row_with_details > .details > .body > .special_fields > .field:before { left: 0px; right: 0px } .product_table.notify_table .table_body > .row_with_details > .details .checkboxes .checkbox { float: none } .product_table.event_logs .table_body > .row_with_details > .row > .col.c_1, .product_table.event_logs .table_body > .row_with_details > .row > .col.c_2, .product_table.event_logs .table_body > .row_with_details > .row > .col.c_3, .product_table.event_logs .table_body > .row > .col.c_1, .product_table.event_logs .table_body > .row > .col.c_2, .product_table.event_logs .table_body > .row > .col.c_3 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.event_logs .table_body > .row_with_details > .row > .col.c_3 > .v, .product_table.event_logs .table_body > .row > .col.c_3 > .v { max-width: 80% } .product_table.event_logs .table_body > .row_with_details > .row > .col + .col, .product_table.event_logs .table_body > .row > .col + .col { padding-top: 12px } .product_table.offer_applications .download { margin-right: 18px; display: inline-block } .product_table.offer_applications .download + .download { margin-top: 0px } .product_table.offer_applications .table_body > .row_with_details > .row.active { background-color: #fff } .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_2, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_3, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_4, .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_5, .product_table.offer_applications .table_body > .row > .col.c_2, .product_table.offer_applications .table_body > .row > .col.c_3, .product_table.offer_applications .table_body > .row > .col.c_4, .product_table.offer_applications .table_body > .row > .col.c_5 { display: none } .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_1, .product_table.offer_applications .table_body > .row > .col.c_1 { width: 100%; text-align: left; padding: 0px; margin: 0px; padding-right: 20px } .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_1 > .l, .product_table.offer_applications .table_body > .row > .col.c_1 > .l { display: none } .product_table.offer_applications .table_body > .row_with_details > .row > .col.c_1 > .v, .product_table.offer_applications .table_body > .row > .col.c_1 > .v { text-align: left; float: none; font-weight: bold } .product_table.offer_applications .table_body > .row_with_details > .row > .col + .col, .product_table.offer_applications .table_body > .row > .col + .col { padding-top: 12px } .product_table.offer_applications .table_body > .row_with_details > .details > .head, .product_table.offer_applications .table_body > .row_with_details > .details > .body { display: block } .product_table.offer_applications .table_body > .row_with_details > .details > .body > .fields > .field.f_1, .product_table.offer_applications .table_body > .row_with_details > .details > .body > .fields > .field.f_2, .product_table.offer_applications .table_body > .row_with_details > .details > .body > .fields > .field.f_3, .product_table.offer_applications .table_body > .row_with_details > .details > .body > .fields > .field.f_5 { width: 100%; text-align: left; padding: 0px; margin: 0px } .product_table.offer_applications .table_body > .row_with_details > .details > .body > .fields > .field.f_3 > .v { text-align: left; float: none } .product_table.offer_applications .table_body > .row_with_details > .details > .body > .fields > .field + .field { padding-top: 12px } .product_table.offer_applications .table_body > .row_with_details > .details > .body > .special_fields > .field { padding-left: 0px; padding-right: 0px } .product_table.offer_applications .table_body > .row_with_details > .details > .body > .special_fields > .field:before { left: 0px; right: 0px } .product_table.offer_applications .table_body > .row_with_details > .details .checkboxes .checkbox { float: none } .product_table .details_bt > .arrow { top: auto; right: 18px; bottom: 22px; margin-top: -5px } .product_table--custom .table_head { height: 0; overflow: hidden; display: block } .product_table--custom .table_body > .row .col.c_1, .product_table--custom .table_body .row_with_details .col.c_1 { width: auto } .product_table--custom .table_body > .row .col.c_2, .product_table--custom .table_body .row_with_details .col.c_2 { width: auto } .product_table--custom .table_body > .row .col.c_3, .product_table--custom .table_body .row_with_details .col.c_3 { width: auto } .product_table--custom .table_body > .row .col.c_4, .product_table--custom .table_body .row_with_details .col.c_4 { width: auto } .product_pagination a.button.bt_prev, .product_pagination a.button.bt_next { display: block; width: 100% } .product_pagination a.button.bt_prev { padding-left: 54px; text-align: left } .product_pagination a.button.bt_next { padding-right: 54px; text-align: right } .product_pagination > .pages { display: block; padding: 0px 16px } .product_pagination > .pages > span, .product_pagination > .pages > a { padding: 14px 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 32px } .product_pagination > .pages > span.active, .product_pagination > .pages > a.active { color: #ec0000 } .product_pagination > .pages > a:focus, .product_pagination > .pages > a:hover { color: #ec0000 } } @media screen and (max-width: 479px) { .product_pagination > .pages { padding: 0px } .product_pagination > .pages > span, .product_pagination > .pages > a { padding: 14px 4px; min-width: 20px } .product_table.event_logs .table_body > .row_with_details > .row > .col.c_3 > .l, .product_table.event_logs .table_body > .row_with_details > .row > .col.c_3 > .v, .product_table.event_logs .table_body > .row > .col.c_3 > .l, .product_table.event_logs .table_body > .row > .col.c_3 > .v { float: none; max-width: none; text-align: left } .product_table--custom .table_details .table_amountWrap { width: 100%; text-align: center; float: none } .product_table--custom .table_details .bt { float: none; margin-top: 10px } } @media screen and (max-width: 1239px) { .table_filters.in_product .search_box .toggler > .adapter { top: 100%; left: 0px; right: 0px; bottom: auto; width: auto; padding-left: 0px; height: 0px; padding-top: 0px; overflow: visible !important } .table_filters.in_product .search_box .toggler > .adapter > div { z-index: 1; top: 18px; left: 0px; right: 0px; bottom: 0px } .table_filters.in_product .options { margin: 0px -18px } .table_filters.in_product .options .options_box { margin: 0px; width: 100%; position: relative; top: 0px; left: 0px; margin-top: 18px } .table_filters.in_product .options .options_box a.close { top: auto; bottom: 0px } .table_filters.in_product .options .options_box > div { padding-top: 18px; padding-bottom: 40px } .table_filters.in_product .options .cols_2_1_tablet, .table_filters.in_product .options .cols_2_tablet { margin-left: -18px } .table_filters.in_product .options .cols_2_1_tablet:after, .table_filters.in_product .options .cols_2_tablet:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .table_filters.in_product .options .cols_2_1_tablet .form_col, .table_filters.in_product .options .cols_2_tablet .form_col { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px; float: left } .table_filters.in_product .options .cols_2_1_tablet .form_col + .form_col, .table_filters.in_product .options .cols_2_tablet .form_col + .form_col { margin-top: 0px } .table_filters.in_product .options .cols_3_2_tablet, .table_filters.in_product .options .cols_3_tablet { margin-left: -18px } .table_filters.in_product .options .cols_3_2_tablet:after, .table_filters.in_product .options .cols_3_tablet:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .table_filters.in_product .options .cols_3_2_tablet .form_col, .table_filters.in_product .options .cols_3_tablet .form_col { width: 33%; width: 33.3333%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px; float: left } .table_filters.in_product .options .cols_3_2_tablet .form_col + .form_col, .table_filters.in_product .options .cols_3_tablet .form_col + .form_col { margin-top: 0px } .table_filters.in_product .options .form_label.no_desktop { display: block } } @media screen and (max-width: 839px) { .table_filters.in_message .search_box .toggler > .adapter { top: 100%; left: 0px; right: 0px; bottom: auto; width: auto; padding-left: 0px; height: 0px; padding-top: 0px; overflow: visible !important } .table_filters.in_message .search_box .toggler > .adapter > div { z-index: 1; top: 18px; left: 0px; right: 0px; bottom: 0px } .table_filters.in_message .options { margin: 0px -18px } .table_filters.in_message .options .options_box { margin: 0px; width: 100%; position: relative; top: 0px; left: 0px; margin-top: 18px } .table_filters.in_message .options .options_box a.close { display: none } .table_filters.in_message .options .options_box > div { padding-top: 18px } .table_filters.in_message .options .cols_3_tablet { margin-left: -18px } .table_filters.in_message .options .cols_3_tablet:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .table_filters.in_message .options .cols_3_tablet .form_col { width: 33%; width: 33.3333%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px; float: left } .table_filters.in_message .options .cols_3_tablet .form_col + .form_col { margin-top: 0px } .table_filters.in_message .options .form_label.no_desktop { display: block } } @media screen and (max-width: 767px) { .table_inline_filters > .button { display: block } .table_inline_filters > .toggle_box { margin: 0px -18px } .table_inline_filters > .toggle_box > div { padding: 18px } .table_inline_filters > .toggle_box > div .filters_label { display: none } .table_inline_filters > .toggle_box > div .filters_options { float: none } .table_inline_filters > .toggle_box > div .filters_options .cols { margin-left: -18px } .table_inline_filters > .toggle_box > div .filters_options .cols .col { margin-left: 0px; padding-left: 18px; width: 50% } } @media screen and (max-width: 699px) { .table_filters.in_product .search_box .field_main { padding-right: 0px } .table_filters.in_product .search_box .field_main.error { padding-bottom: 9px } .table_filters.in_product .search_box .field_side { width: 100%; right: auto; left: 0px; position: relative; margin-top: 9px } .table_filters.in_product .search_box .toggler > .adapter > div { top: 0px } .table_filters.in_product .search_box + .error_msg { padding-right: 0px } .table_filters.in_product .options .options_box { margin-top: 0px } .table_filters.in_product .options .cols_3_2_tablet .form_col { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px; float: left } .table_filters.in_product .options .cols_3_2_tablet .form_col + .form_col { margin-top: 0px } .table_filters.in_product .options .cols_2_1_tablet, .table_filters.in_product .options .cols_3_tablet { margin-left: 0px } .table_filters.in_product .options .cols_2_1_tablet .form_col, .table_filters.in_product .options .cols_3_tablet .form_col { width: 100%; padding-left: 0px; float: none } .table_filters.in_product .options .cols_2_1_tablet .form_col + .form_col, .table_filters.in_product .options .cols_3_tablet .form_col + .form_col { margin-top: 18px } .table_filters.in_product .options .form_label.no_desktop { display: block } .table_filters.in_product .selected > span { float: none; padding: 10px 0px } .table_filters.in_product .selected > .filters { float: none; padding-right: 0px; margin-right: -9px } .table_filters.in_product .selected > .filter.black { float: none; display: inline-block } .table_inline_filters > .toggle_box > div .filters_options .cols { margin-left: 0px } .table_inline_filters > .toggle_box > div .filters_options .cols .col { padding-left: 0px; width: 100% } .table_inline_filters > .toggle_box > div .filters_options .cols .col + .col { padding-top: 18px } } @media screen and (max-width: 539px) { .table_filters.in_message .search_box .field_main { padding-right: 0px } .table_filters.in_message .search_box .field_side { width: 100%; right: auto; left: 0px; position: relative; margin-top: 9px } .table_filters.in_message .search_box .toggler > .adapter > div { top: 0px } .table_filters.in_message .options .options_box { margin-top: 0px } .table_filters.in_message .options .cols_3_2_tablet .form_col { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 18px; float: left } .table_filters.in_message .options .cols_3_2_tablet .form_col + .form_col { margin-top: 0px } .table_filters.in_message .options .cols_3_tablet { margin-left: 0px } .table_filters.in_message .options .cols_3_tablet .form_col { width: 100%; padding-left: 0px; float: none } .table_filters.in_message .options .cols_3_tablet .form_col + .form_col { margin-top: 18px } .table_filters.in_message .options .form_label.no_desktop { display: block } .table_filters.in_message .selected > span { float: none; padding: 10px 0px } .table_filters.in_message .selected > .filters { float: none; padding-right: 0px; margin-right: -9px } .table_filters.in_message .selected > .filter.black { float: none; display: inline-block } } @media screen and (max-width: 699px) { .message_box .message .head { padding: 0px 18px } .message_box .message .head .title { padding: 24px 0px } .message_box .message .head .sender { padding: 18px 0px } .message_box .message .head .sender .icon { left: 0px } .message_box .message .head .sender.right .icon { left: auto; right: 0px } .message_box .message .body { padding: 18px; padding-top: 32px } .message_box .message .foot { padding: 18px } .message_box .message .foot .attachments { float: none } .message_box .message .foot .attachments > span { display: block; margin-right: 0px; padding: 0px; padding-bottom: 9px } .message_box .message .foot .attachments > a { margin-left: 0px } .message_box .message .foot .all_attachments { float: none; max-width: 220px } } @media screen and (max-width: 539px) { .message_menu .message_mobile_tabs { display: block } .message_menu .message_tabs { display: none } .message_menu .message_list_scroll { max-height: 90vh } .msg_list .msg_item { padding-left: 42px; } .msg_list .msg_item > .icon { width: 24px; height: 24px; top: 18px; left: 9px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px } .msg_list .msg_item > .icon:before { width: 24px; height: 24px; font-size: 24px; line-height: 24px; margin-top: -12px; margin-left: -12px } } @media screen and (max-width: 959px) { .calendar_info_box:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .calendar_info_box > .text_box { float: left; font-size: 1px; font-size: 0px } .calendar_info_box > .text_box:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0px; height: 48px } .calendar_info_box > .text_box > div { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 20px } .calendar_info_box > .text_box + .bts { margin-top: 0px } .calendar_info_box > .bts { float: right } } @media screen and (max-width: 699px) { .notify_box.new_notify .form_grid.g_2_1 > .grid_item { width: 100% } .notify_box.new_notify .form_grid.g_3_1 > .grid_item { width: 100% } .notify_box.new_notify .radiobuttons .radiobutton { float: none } .notify_box.new_notify .checkboxes .checkbox { float: none } .calendar_info_box > .text_box { float: none; font-size: 14px; line-height: 20px } .calendar_info_box > .text_box:after { display: none } .calendar_info_box > .text_box > div { display: block } .calendar_info_box > .text_box + .bts { margin-top: 18px } .calendar_info_box > .bts { float: none } } @media screen and (max-width: 479px) { .calendar_events_box { padding-right: 0px } .calendar_events_box .event_list { padding-right: 18px } .calendar_events_box .event_bt { margin-top: 9px; width: 100%; position: relative; right: auto; left: 0px } .calendar_info_box > .bts > .bt { float: none } .calendar_info_box > .bts > .bt + .bt { padding-top: 18px } .notify_box.new_notify .buttons.left > .button, .notify_box.new_notify .buttons.right > .button { float: none; max-width: none } .notify_box.new_notify .buttons.left > .button + .button, .notify_box.new_notify .buttons.right > .button + .button { padding-top: 18px } } @media screen and (max-width: 1199px) { .side_term .date { width: 75px } .side_term h4 { padding-left: 95px } } @media screen and (max-width: 1099px) { .side_buttons { padding: 0px; padding-bottom: 18px; margin-left: -18px } .side_buttons:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .side_buttons > .side_button_box { display: block; width: 50%; float: left; padding-left: 18px; padding-top: 18px } .side_buttons > .side_button_box + .side_button_box { padding-top: 18px } .side_box > .head.with_toggler { padding-right: 50px } .side_box > .head a.toggler { width: 100%; display: block } .side_term .date { width: 100px } .side_term h4 { padding-left: 110px } } @media screen and (max-width: 699px) { .side_box > .head { padding: 14px 18px } .side_box.no_under_700 + .side_box, .side_box.no_under_1100 + .side_box { margin-top: 0px } } @media screen and (max-width: 539px) { .side_buttons { padding: 18px 0px; margin: 0px } .side_buttons > .side_button_box { width: 100%; float: none; padding: 0px } .side_buttons > .side_button_box + .side_button_box { padding-top: 18px } } @media screen and (max-width: 419px) { .side_term .date { width: 100%; position: relative; top: 0px } .side_term h4 { padding-left: 0px } } @media screen and (max-width: 699px) { .payoff_box .radiobuttons { padding-bottom: 18px } .payoff_box .radiobuttons .radiobutton { margin-right: 0px } .payoff_box .radiobuttons .desc { display: block; padding-top: 9px } .payoff_box .payoff_inputContainer p { display: block; padding-left: 0; margin-top: 15px } .payoff_box .checkbox_container { margin: 0 } } @media screen and (max-width: 479px) { .payoff_box .form_foot { padding-top: 18px } .payoff_box .form_foot .f_l, .payoff_box .form_foot .f_r { float: none } .payoff_box .form_foot .f_l + .f_r, .payoff_box .form_foot .f_r + .f_l { padding-top: 18px } .payoff_box .info_text_box { margin: 0px } } @media screen and (max-width: 1239px) { .subpage_column_layout > .main_col { width: 100%; float: none; padding-right: 0px } .subpage_column_layout > .main_col > div { width: 100% } .subpage_column_layout > .side_col { width: 100%; float: none; padding-top: 18px; padding-left: 203px } .subpage_column_layout > .side_col > div { width: 100%; margin-left: 0px } } @media screen and (max-width: 1199px) { .column_layout > .main_col { padding-right: 318px } .column_layout > .side_col > div { width: 300px; margin-left: -300px } .message_column_layout { margin: 0px -18px; overflow: hidden } .message_column_layout > .side_col > div { left: 18px; -o-transition: left 0.4s; -moz-transition: left 0.4s; -webkit-transition: left 0.4s; transition: left 0.4s } .message_column_layout > .main_col { padding: 0px 18px } .message_column_layout > .main_col > div { left: 498px; -o-transition: left 0.4s; -moz-transition: left 0.4s; -webkit-transition: left 0.4s; transition: left 0.4s } .message_column_layout.active > .side_col > div { left: -480px } .message_column_layout.active > .main_col > div { left: 0px } } @media screen and (max-width: 1099px) { .column_layout > .main_col { width: 100%; float: none; padding-right: 0px } .column_layout > .main_col > div { width: 100% } .column_layout > .side_col { width: 100%; float: none; padding-top: 18px } .column_layout > .side_col > div { width: 100%; margin-left: 0px } .login_col_layout > .main_col { width: 100%; float: none } .login_col_layout > .side_col { width: auto; float: none; margin: 0px -9px; overflow: hidden } .login_col_layout > .side_col > div { padding: 0px 9px } .message_column_layout { margin: 0px -9px } .message_column_layout > .side_col > div { left: 9px } .message_column_layout > .main_col { padding: 0px 9px } .message_column_layout > .main_col > div { left: 489px } .message_column_layout.active > .side_col > div { left: -480px } .message_column_layout.active > .main_col > div { left: 0px } } @media screen and (max-width: 959px) { .subpage_column_layout > .side_col { padding-left: 0px } .product_column_layout > .side_col { display: none; float: none } .product_column_layout > .side_col.mobile { display: block; width: 100% } .product_column_layout > .side_col.mobile > div { width: 100% } .product_column_layout > .main_col { width: 100%; float: none; padding-left: 0px } .product_column_layout > .main_col > div { width: 100% } .product_column_layout + .product_column_layout { padding-top: 18px } .notify_column_layout > .side_col { width: 100%; float: none; padding-right: 0px; padding-bottom: 18px } .notify_column_layout > .main_col { width: 100%; float: none } } @media screen and (max-width: 839px) { .login_col_layout > .side_col { margin: 0px -9px; overflow: hidden } .login_col_layout > .side_col > div { padding: 0px 9px } .message_column_layout > .main_col > div > .fixed_off { display: block } } @media screen and (max-width: 699px) { .vc_cols > .col { display: block } .vc_cols > .col.c_l, .vc_cols > .col.c_r { width: 100% } } @media screen and (max-width: 539px) { .message_column_layout > .side_col > div { width: 318px; left: 0px; padding: 0px 9px; width: 100vw; left: 0vw } .message_column_layout > .main_col > div { left: 309px; left: 100vw } .message_column_layout.active > .side_col > div { left: -309px; left: -100vw } .message_column_layout.active > .main_col > div { left: 0px; left: 0vw } } @media screen and (min-width: 1240px) { .grid_layout.up_to_1240.g_3_1_in .grid_item, .grid_layout.up_to_1240.g_3_1 .grid_item, .grid_layout.up_to_1240.g_2_1_in .grid_item, .grid_layout.up_to_1240.g_2_1 .grid_item { width: 100%; float: none } } @media screen and (min-width: 1100px) { .grid_layout.up_to_1100.g_3_1_in .grid_item, .grid_layout.up_to_1100.g_3_1 .grid_item, .grid_layout.up_to_1100.g_2_1_in .grid_item, .grid_layout.up_to_1100.g_2_1 .grid_item { width: 100%; float: none } } @media screen and (max-width: 959px) { .grid_layout.g_3_2 .grid_item { width: 50% } } @media screen and (max-width: 839px) { .grid_layout.g_3_2_1_in .grid_item, .grid_layout.g_3_2_1 .grid_item { width: 50% } } @media screen and (max-width: 699px) { .grid_layout.g_3_1 .grid_item, .grid_layout.g_2_1 .grid_item { width: 100%; float: none } .grid_layout.up_to_1100.g_3_1 .grid_item, .grid_layout.up_to_1100.g_2_1 .grid_item { width: 100%; float: none } .grid_layout.g_3_1_in .grid_item { width: 100%; float: none } } @media screen and (max-width: 539px) { .grid_layout.g_3_2_1_in .grid_item, .grid_layout.g_3_2_1 .grid_item { width: 100%; float: none } .grid_layout.g_2_1_in .grid_item { width: 100%; float: none } } @media screen and (max-width: 767px) { .list_layout li > .v.edit.with_unmask { clear: left } } @media screen and (max-width: 699px) { .list_layout > li > .l { float: none; text-align: left; padding-bottom: 0px } .list_layout > li > .l.no_v { padding: 24px 18px } .list_layout > li > .v { float: none; text-align: left; padding-top: 3px } .list_layout > li > .v.lot_of { max-width: none } .list_layout > li .sub-list li > .l { padding-left: 18px } .list_layout > li > .v.edit, .list_layout > li > .v.limits { padding-bottom: 13px; padding-right: 0px } .list_layout > li > .v.limits span.input_text { padding: 8px 0px; padding-top: 4px } .list_layout > li > .v.limits span.input_text.limit_v { width: auto } .list_layout > li > .v.limits span.input_text.limit_c { width: auto } .list_layout > li > .v.limits input[type="tel"].limit_v, .list_layout > li > .v.limits input[type="email"].limit_v, .list_layout > li > .v.limits input[type="number"].limit_v, .list_layout > li > .v.limits input[type="text"].limit_v { width: 130px } .list_layout > li > .v.limits input[type="tel"].limit_c, .list_layout > li > .v.limits input[type="email"].limit_c, .list_layout > li > .v.limits input[type="number"].limit_c, .list_layout > li > .v.limits input[type="text"].limit_c { width: 130px } .list_layout > li > .v.limits input[type="tel"][disabled="disabled"], .list_layout > li > .v.limits input[type="tel"][disabled=""], .list_layout > li > .v.limits input[type="tel"].disabled, .list_layout > li > .v.limits input[type="tel"]:disabled, .list_layout > li > .v.limits input[type="email"][disabled="disabled"], .list_layout > li > .v.limits input[type="email"][disabled=""], .list_layout > li > .v.limits input[type="email"].disabled, .list_layout > li > .v.limits input[type="email"]:disabled, .list_layout > li > .v.limits input[type="number"][disabled="disabled"], .list_layout > li > .v.limits input[type="number"][disabled=""], .list_layout > li > .v.limits input[type="number"].disabled, .list_layout > li > .v.limits input[type="number"]:disabled, .list_layout > li > .v.limits input[type="text"][disabled="disabled"], .list_layout > li > .v.limits input[type="text"][disabled=""], .list_layout > li > .v.limits input[type="text"].disabled, .list_layout > li > .v.limits input[type="text"]:disabled { padding: 0px 9px } .list_layout > li > .v.limits > .limit { display: block; white-space: normal } .list_layout > li > .v.limits > .limit + .limit { margin-left: 0px; margin-top: 9px } .list_layout > li > .v.limits > .limit > .error_msg { max-width: none; margin: 0px } .list_layout > li .sub-list { width: 100% } .list_layout > li > .v.edit { max-width: 100% } .list_layout > li > .v.edit input[type="tel"], .list_layout > li > .v.edit input[type="email"], .list_layout > li > .v.edit input[type="number"], .list_layout > li > .v.edit input[type="text"] { text-align: left } .list_layout > li > .v.edit input[type="tel"][disabled="disabled"], .list_layout > li > .v.edit input[type="tel"][disabled=""], .list_layout > li > .v.edit input[type="tel"].disabled, .list_layout > li > .v.edit input[type="tel"]:disabled, .list_layout > li > .v.edit input[type="email"][disabled="disabled"], .list_layout > li > .v.edit input[type="email"][disabled=""], .list_layout > li > .v.edit input[type="email"].disabled, .list_layout > li > .v.edit input[type="email"]:disabled, .list_layout > li > .v.edit input[type="number"][disabled="disabled"], .list_layout > li > .v.edit input[type="number"][disabled=""], .list_layout > li > .v.edit input[type="number"].disabled, .list_layout > li > .v.edit input[type="number"]:disabled, .list_layout > li > .v.edit input[type="text"][disabled="disabled"], .list_layout > li > .v.edit input[type="text"][disabled=""], .list_layout > li > .v.edit input[type="text"].disabled, .list_layout > li > .v.edit input[type="text"]:disabled { padding-left: 0px; padding-right: 19px; border-right: 0px solid transparent } .list_layout > li.link { padding-right: 18px } .list_layout > li.link > a:before { right: 18px } .list_layout > li.update > .v { padding: 13px 18px; padding-left: 50px } .list_layout > li.update > .v:before { left: 18px } .list_layout > li.archive_state > .l { padding-right: 62px } .list_layout > li ul.limits_list a.toggler { display: block } .list_layout > li ul.limits_list li > .v.limits > .limit + .limit { margin-top: 4px } .list_layout > li ul.limits_list li > .v { padding-top: 8px; padding-bottom: 8px } .list_layout > li ul.limits_list li.used_limit > .l, .list_layout > li ul.limits_list li.used_limit > .v { padding-bottom: 0px } .list_layout > li ul.limits_list li.used_limit > .v.limits > .limit { display: inline-block } .list_layout > li ul.limits_list li.used_limit > .v.limits > .limit + .limit { margin-top: 0px; margin-left: 18px } .list_layout > li ul.limits_list > li { padding-left: 0px } .list_layout > li ul.limits_list li.sub_limits > ul { padding-left: 18px } .list_layout > li ul.limits_list li.sub_limits > ul > li { padding-left: 0px } .list_layout + .list_layout_bts { border-top: 1px solid #c3c3c3 } .edit_fields_bts.f_edit { min-height: 36px } .edit_fields_bts.f_edit .bt { margin-left: 0px; margin-right: 9px; float: left } .edit_fields_bts.outer { padding: 0px } .list_layout .jsEditFields li > .v.edit { width: 100% } .edit_field.const_width .edit_field_fld input[type="tel"], .edit_field.const_width .edit_field_fld input[type="email"], .edit_field.const_width .edit_field_fld input[type="number"], .edit_field.const_width .edit_field_fld input[type="text"] { max-width: 100% } .edit_field.const_width .edit_field_txt > span { max-width: 100% } .edit_field .state_text .edit_field_txt { padding-left: 0px } .edit_field .edit_field_txt { padding-right: 9px } .edit_field .edit_field_bts { margin-left: -9px } .change_limit_bts.cl_edit { min-height: 36px } .change_limit_bts .bt { margin-left: 0px; margin-right: 9px; float: left } .change_limit_bts.outer { padding: 0px; padding-left: 18px } .change_limit_bts.outer.cl_save > .save_bts > span { float: left } } @media screen and (max-width: 539px) { .edit_fields_bts.f_edit.f_unmask { display: block } } @media screen and (max-width: 479px) { .edit_fields_bts.f_edit.f_unmask { min-height: 72px } .edit_fields_bts.f_edit.f_unmask .buttons .bt { clear: both } .edit_fields_bts { display: block } .list_layout li > .sub-list li > .l { width: 100%; float: none; padding: 13px 0 0 18px } .list_layout li > .sub-list li > .v { width: 100%; float: none; text-align: left; padding: 2px 0 13px 18px } .list_layout_bts > .bts.bt_l, .list_layout_bts > .bts.bt_r { float: none } .list_layout_bts > .bts.bt_l + .list_layout_bts > .bts.bt_r, .list_layout_bts > .bts.bt_r + .list_layout_bts > .bts.bt_l { padding-top: 18px } } .list_beneficiary__person { font-weight: 600 } @media screen and (max-width: 320px) { .list_beneficiary__perc { max-width: 186px } } .list_beneficiary__perc span { font-weight: 600 } .list_beneficiary__inlineInput { display: inline-block; width: 60px; border: 1px solid #444547; background-color: #fff; font-size: 15px; line-height: 18px; font-weight: bold; color: #333; box-sizing: border-box; padding: 8px 9px; margin-left: 9px; text-align: right; box-shadow: 0 0 3px rgba(0,0,0,0.25) } @media screen and (max-width: 479px) { .list_beneficiary__inlineInput { margin-top: 9px } } .list_beneficiary__inlineInput.minimized { width: 0; padding: 0; margin-left: 0; border: 0 } .list_beneficiary__inlineInput.error { background-color: #ffeded } .list_beneficiary__percentText { padding-left: 9px } .list_beneficiary__percentText.minimized { display: none } .list_beneficiary__showEdit { display: block; position: relative; background-color: #e6e6e6; padding: 4px 18px; padding-right: 50px; text-decoration: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e6e6e6; -o-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } @media screen and (max-width: 479px) { .list_beneficiary__showEdit { margin-top: 9px } } .list_beneficiary__showEdit:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .list_beneficiary__showEdit.button { padding-left: 20px } .list_beneficiary__showEdit.button:before { display: none } .list_beneficiary__showEdit.button.minimized { width: 0; padding: 0; border: 0; overflow: hidden } .list_beneficiary__showEdit > .arrow { display: block; width: 16px; height: 16px; position: absolute; top: 50%; right: 18px; margin-top: -8px; pointer-events: none; color: #444547; overflow: hidden } .list_beneficiary__showEdit > .arrow > .arrow_d, .list_beneficiary__showEdit > .arrow > .arrow_u { display: block; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; position: absolute; top: 0px; left: 0px; color: #444547; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } .list_beneficiary__showEdit > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .list_beneficiary__showEdit > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .list_beneficiary__showEdit:focus, .list_beneficiary__showEdit:hover { background-color: #fff } .list_beneficiary__showEdit:focus > .arrow, .list_beneficiary__showEdit:hover > .arrow { -webkit-animation-name: fade-slide-d; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-d; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-d; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-d; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .list_beneficiary__showEdit.active > .info { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .list_beneficiary__showEdit.active > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .list_beneficiary__showEdit.active > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1 } .list_beneficiary__showEdit.active:focus > .arrow, .list_beneficiary__showEdit.active:hover > .arrow { -webkit-animation-name: fade-slide-u; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-u; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-u; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-u; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } .list_beneficiary li + li { border-top: 0 } .list_beneficiary li.beneficjent_0.hidden { display: none } .list_beneficiary .inline_block { padding: 9px 0; float: left } .list_beneficiary .inline_block > span { display: inline-block; padding: 9px; line-height: 16px } .form_beneficiary { padding-top: 10px } .form_beneficiary input[type="text"]:-ms-input-placeholder { color: #bcbcbc } .form_beneficiary input[type="text"]:-moz-placeholder { color: #bcbcbc } .form_beneficiary input[type="text"]::-moz-placeholder { color: #bcbcbc } .form_beneficiary input[type="text"]::-webkit-input-placeholder { color: #bcbcbc } .form_beneficiary input[type="email"]:-ms-input-placeholder { color: #bcbcbc } .form_beneficiary input[type="email"]:-moz-placeholder { color: #bcbcbc } .form_beneficiary input[type="email"]::-moz-placeholder { color: #bcbcbc } .form_beneficiary input[type="email"]::-webkit-input-placeholder { color: #bcbcbc } .form_beneficiary input[type="tel"]:-ms-input-placeholder { color: #bcbcbc } .form_beneficiary input[type="tel"]:-moz-placeholder { color: #bcbcbc } .form_beneficiary input[type="tel"]::-moz-placeholder { color: #bcbcbc } .form_beneficiary input[type="tel"]::-webkit-input-placeholder { color: #bcbcbc } .form_beneficiary input[type="number"]:-ms-input-placeholder { color: #bcbcbc } .form_beneficiary input[type="number"]:-moz-placeholder { color: #bcbcbc } .form_beneficiary input[type="number"]::-moz-placeholder { color: #bcbcbc } .form_beneficiary input[type="number"]::-webkit-input-placeholder { color: #bcbcbc } .form_beneficiary input[type="password"]:-ms-input-placeholder { color: #bcbcbc } .form_beneficiary input[type="password"]:-moz-placeholder { color: #bcbcbc } .form_beneficiary input[type="password"]::-moz-placeholder { color: #bcbcbc } .form_beneficiary input[type="password"]::-webkit-input-placeholder { color: #bcbcbc } .form_beneficiary textarea:-ms-input-placeholder { color: #bcbcbc } .form_beneficiary textarea:-moz-placeholder { color: #bcbcbc } .form_beneficiary textarea::-moz-placeholder { color: #bcbcbc } .form_beneficiary textarea::-webkit-input-placeholder { color: #bcbcbc } .form_beneficiary:not([data-add-beneficiary='form']) { margin-bottom: 30px; border-bottom: 1px solid #c3c3c3 } .form_beneficiary[data-add-beneficiary='form'] { padding-top: 10px } @media screen and (max-width: 375px) { .form_beneficiary__wrapper .inline_block { padding: 10px 0 } } .form_beneficiary__wrapper [data-wrapper='dodajbeneficjentabottom'] { display: none } .form_beneficiary__wrapper .list_layout li > .v.edit textarea.error, .form_beneficiary__wrapper .list_layout li > .v.edit select.error { border: 1px solid #ec0000 } .form_beneficiary__wrapper .list_layout li > .v.edit select { padding-right: 45px } .form_beneficiary__wrapper .list_layout li > .v.edit input[type='text'].error, .form_beneficiary__wrapper .list_layout li > .v.edit input[type='number'].error, .form_beneficiary__wrapper .list_layout li > .v.edit input[type='tel'].error, .form_beneficiary__wrapper .list_layout li > .v.edit input[type='email'].error { border: 1px solid #ec0000 } .form_beneficiary__wrapper .list_layout input.error { border: 1px solid #ec0000 } .form_beneficiary__wrapper .error_msg { display: inline-block; padding-top: 9px; padding-bottom: 9px; color: #ec0000; font-size: 14px; font-weight: bold; line-height: 16px } .form_beneficiary__errors .error_msg { display: block; margin: 20px; padding: 30px; border: 1px solid #cdcdcd } .form_beneficiary__errors .error_msg:before { content: ""; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; padding-right: 10px } .form_beneficiary li + li { border: 0; box-shadow: inset 0 1px 0 .01px #c3c3c3 } .form_beneficiary li { max-height: 106px; transition: max-height .3s ease-in; overflow: hidden } @media screen and (max-width: 699px) { .form_beneficiary li { max-height: initial } } .form_beneficiary li.hidden { max-height: 0; transition: max-height .3s ease-out } .form_beneficiary li.template { display: none } .form_beneficiary li:last-of-type { box-shadow: none } @media screen and (max-width: 375px) { .form_beneficiary li > .v.edit { max-width: initial } } .form_beneficiary.form_beneficiary--nolines { margin-bottom: 10px; border-bottom: 0 } .form_beneficiary.form_beneficiary--nolines li + li { box-shadow: none } .form_beneficiary--hidden { display: none } .table { display: table; width: 100% } .table__row { display: table-row } .table__row--equalize .table__cell { width: 10% } .table__cell { display: table-cell; font-size: 14px; vertical-align: middle } .table__cell + .table__cell { text-align: right } .table__cell + .table__cell--hleft { text-align: left } .table__cell + .table__cell--hcenter { text-align: center } .table__cell:last-of-type { padding-left: 0 } .table__cell--paddingl { padding-left: 9px } .table__cell--paddingl2 { padding-left: 18px } .table__cell--fullwidth { width: 80% } .table__cell--showmore { min-width: 55px } .table__cell--floatr { float: right } .table__cell--vtop { vertical-align: top } .table__cell--vbottom { vertical-align: bottom } .table__cell--hleft { text-align: left } .table__cell .button:not(.button--autow) { display: inline-block; max-width: 126px } .table__cell .button:not(.button--autow):not(.button--showMore) { min-width: 126px } .table__cell .button.button--autow { display: inline-block; width: initial } .table--twoColsBreak .table__cell:nth-child(5) { display: none } @media screen and (max-width: 699px) { .table--twoColsBreak .table__row { display: block; text-align: right } .table--twoColsBreak .table__cell { display: inline-block; padding: 10px 0 } .table--twoColsBreak .table__cell:nth-child(5n+1) { width: 100%; text-align: left } .table--twoColsBreak .table__cell:nth-child(5n+2) { width: auto } .table--twoColsBreak .table__cell:nth-child(5n+3) { width: auto } .table--twoColsBreak .table__cell:nth-child(5n+4) { width: auto } } @media screen and (max-width: 539px) { .table--twoColsBreak .table__row .table__cell.list_beneficiary__perc { width: 100% } .table--twoColsBreak .table__row.minimized .table__cell.list_beneficiary__perc { width: auto } } .iframe { display: block; width: 100%; height: 556px; } @media screen and (max-width: 699px) { .intro_info { padding-bottom: 0px } .intro_info .info_cols > .col { display: block; float: none; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #c3c3c3 } .intro_info .info_cols > .col + .col { margin-top: 18px } .intro_info .info_cols .col_head h2 { padding: 10px 18px } .intro_info .info_cols .col_head h2 > span { border-bottom: 1px solid transparent; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s } .intro_info .info_cols .col_head a.toggler { display: block; width: 100% } .intro_info .info_cols .col_head a.toggler.active + h2 > span { border-bottom: 1px solid #c3c3c3 } .intro_info .info_cols .col_body .col_content { padding-bottom: 18px } } @media screen and (max-width: 699px) { .login_form { min-height: 0px } .login_form .form_head { padding: 16px 18px } .login_form .form_head h2 { font-size: 15px; line-height: 18px; font-weight: bold } .login_form .form_head h2 span:first-child { padding-right: 28px } .login_form .form_head .info { right: 18px } .login_form .form_head .step_desktop { display: none } .login_form .form_head .step_mobile.active { display: initial } .login_form .form_body .body_box.alias, .login_form .form_body .body_box.new_pass { display: none } .login_form .form_body .body_box.alias.active, .login_form .form_body .body_box.new_pass.active { display: block } .login_form .form_body .body_box.login_method, .login_form .form_body .body_box.verify_img { border-top: none; display: none } .login_form .form_body .body_box.login_method.active, .login_form .form_body .body_box.verify_img.active { display: block } .login_form .form_body .step_mobile_btn_row { display: initial } .login_form .form_body .verify_img_submit_btn_row { clear: initial; top: 0; margin-bottom: 0 } .login_form .form_foot { margin-top: 0px } .login_form .form_foot:before { left: 18px; right: 18px } .login_form .form_row + .form_row { margin-top: 18px } .login_form .form_col.c_1 { position: relative; width: 100%; height: auto; padding-right: 0px } .login_form .form_col.c_2 { padding-left: 0px; padding-right: 0px } .login_form .form_col.c_3 { position: relative; right: auto; left: 0px; width: 100%; height: auto; padding-left: 0px; padding-top: 18px } .login_form .login_row .form_col.c_1, .login_form .alias_row .form_col.c_1 { width: 100% } .login_form .login_row .form_col.c_2, .login_form .alias_row .form_col.c_2 { padding-left: 0px } .login_form .form_grid { margin-left: 0px; margin-top: 0px } .login_form .form_grid > .grid_item { float: none; padding-left: 0px; padding-top: 0px } .login_form .form_grid > .grid_item + .grid_item { padding-top: 18px } .login_form .form_grid.g_2_1 > .grid_item { width: 100% } .login_form .form_grid.g_3_1 > .grid_item { width: 100% } .login_form .form_row > label:after, .login_form .form_col > label:after { display: none } .login_form .form_row > label > span, .login_form .form_col > label > span { display: block; padding: 13px 0px } .login_form .verify_img_line.desktop { display: none } .login_form .body_box { padding: 18px } .login_form .body_box.login { padding-bottom: 0px } .login_form .body_box.pass { padding-top: 18px; min-height: 0px } .login_form .body_box.pass .method { padding-bottom: 18px } .login_form .body_box label.strong > span { display: block } .login_form .body_box label.strong > span > .mini { display: inline; font-size: inherit; line-height: inherit } .login_form .body_box .full_radio > .radio_box { width: 100%; float: none; padding-bottom: 0px; margin-bottom: 0px } .login_form .body_box .full_radio > .radio_box + .radio_box { border-left: 0px solid transparent; border-top: 1px solid #c3c3c3 } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] + label > .label { padding: 20px 25px; padding-left: 80px } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] + label > .chbox { width: 36px; height: 36px; top: 30px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px } .login_form label { font-size: 15px; line-height: 24px; padding: 0px; height: auto; text-transform: none; font-family: 'lato' } .login_form .form_label { padding-bottom: 20px } .login_form .img_grid_wrapper { margin-bottom: 20px } .login_form .img_grid_wrapper .error_msg { float: initial; clear: initial } .login_form .img_grid_wrapper .choose_img_label { margin-top: 10px } .login_form .img_grid_wrapper .preview_label { position: relative; margin-top: 30px; left: 0 } .login_form .img_grid { float: initial; width: 100%; min-height: initial } .login_form .img_grid > .img_item { width: 50% } .login_form .mask_pass .chars { padding-right: 0px } .login_form .mask_pass .chars .char { width: 10% } .login_form .mask_pass .chars > .virtual_keyboard { display: none } .login_form .mask_pass_body .form_field > .virtual_keyboard.for_mp { top: 100%; margin-top: 30px; right: auto; left: 0px } .login_form .login_panel_preview { position: relative; transform: initial; -moz-transform: initial; right: initial; top: initial; margin: auto; margin-top: 20px; padding-left: 5px; padding-right: 5px } .login_form .login_panel_preview .login_form_preview { border: 1px solid #c3c3c3; border-top: none } .login_form .login_panel_preview .login_form_preview .form_foot:before { height: 1px !important } .login_form .login_panel_preview .login_form_preview input { border-width: 1px !important } .login_form .questions .radiobutton input[type="radio"] + label > .label { text-align: left } .login_form .form_field > .virtual_keyboard { display: none } .login_form .form_field.v_key label.jsPhLabel { padding-right: 18px } .login_form .form_field.v_key input[type="tel"], .login_form .form_field.v_key input[type="text"], .login_form .form_field.v_key input[type="number"], .login_form .form_field.v_key input[type="password"], .login_form .form_field.v_key textarea { padding-right: 18px } .login_form .form_field.ph_info input[type="text"]:-ms-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="text"]:-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="text"]::-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="text"]::-webkit-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="email"]:-ms-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="email"]:-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="email"]::-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="email"]::-webkit-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="tel"]:-ms-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="tel"]:-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="tel"]::-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="tel"]::-webkit-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="number"]:-ms-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="number"]:-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="number"]::-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="number"]::-webkit-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="password"]:-ms-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="password"]:-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="password"]::-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="password"]::-webkit-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info textarea:-ms-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info textarea:-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info textarea::-moz-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info textarea::-webkit-input-placeholder { color: #333; font-size: 12px } .login_form .form_field.ph_info input[type="text"]:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="text"]:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="text"]:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="text"]:focus::-webkit-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="email"]:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="email"]:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="email"]:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="email"]:focus::-webkit-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="tel"]:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="tel"]:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="tel"]:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="tel"]:focus::-webkit-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="number"]:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="number"]:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="number"]:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="number"]:focus::-webkit-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="password"]:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="password"]:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="password"]:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info input[type="password"]:focus::-webkit-input-placeholder { color: #444547 } .login_form .form_field.ph_info textarea:focus:-ms-input-placeholder { color: #444547 } .login_form .form_field.ph_info textarea:focus:-moz-placeholder { color: #444547 } .login_form .form_field.ph_info textarea:focus::-moz-placeholder { color: #444547 } .login_form .form_field.ph_info textarea:focus::-webkit-input-placeholder { color: #444547 } .login_form .pass_info { padding-left: 0px; padding-right: 0px } .login_form label.jsPhLabel { padding-right: 18px; color: #333; font-size: 12px } .login_form a.button.mobile { display: block } } @media screen and (max-width: 959px) { .logout_news .news_cols > .col { width: 50% } .logout_news .news_cols > .col.desktop_only { display: none } } @media screen and (max-width: 699px) { .logout_box { min-height: 0px } .logout_box .vc_content { height: auto; position: relative; padding: 48px 18px } .logout_box .vc_content:after { display: none } .logout_box .vc_content > div { display: block; width: 100% } } @media screen and (max-width: 539px) { .logout_box .vc_content > div .buttons > .button { display: block; max-width: none; margin: 0px; margin-top: 9px } } @media screen and (max-width: 1239px) { .offers_grid .grid_item { width: 50% } .offers_grid .offer_item .image { width: 75px } .offers_grid .offer_item .text_box { padding-left: 93px } .offer_box > div { margin-left: 0px; margin-top: 0px } .offer_box .intro, .offer_box .details { float: none; padding-left: 0px; padding-top: 0px; width: 100% } .offer_box .intro { width: auto; padding-right: 18px } .offer_box .intro:after { content: ''; display: block; width: 100%; height: 0px; clear: both; visibility: hidden } .offer_box .intro .features { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left } .offer_box .intro .features .desc { padding-right: 0px } .offer_box .intro .features .bts { position: relative; top: 0px; left: 0px; bottom: auto; right: auto; max-width: 320px; margin: 0px auto; padding-top: 18px } .offer_box .intro .features + .image { margin-top: 0px; float: left; position: relative; left: 18px } .offer_box .intro .image { width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .offer_box .intro .image > div:before { padding-top: 62% } .offer_box .details { padding-top: 18px } } @media screen and (max-width: 699px) { .offers_grid > div { margin-left: 0px } .offers_grid .grid_item { width: 100%; padding-left: 0px } .offers_grid .grid_item + .grid_item { padding-top: 9px } .offers_grid .offer_item { min-height: 0px; padding-bottom: 18px } .offers_grid .offer_item .foot { padding: 0px; padding-top: 9px; position: relative; bottom: auto; top: 0px } .offers_grid .offer_item.large { min-height: 0px; padding-bottom: 0px } .offers_grid .offer_item.large .foot { padding: 18px; padding-top: 9px } .offers_grid .offer_item.large .image:before { padding-top: 50% } .offer_box .intro { width: 100%; padding-right: 0px } .offer_box .intro .features { width: 100%; float: none; padding: 18px } .offer_box .intro .features + .image { float: none; left: 0px; margin-top: 18px } .offer_box .intro .image { width: 100% } .offer_box .details > div > .body { padding: 18px } .offer_box .details > div > .foot { padding: 18px } } @media screen and (max-width: 479px) { .offers_grid .offer_item .image { display: none } .offers_grid .offer_item .text_box { width: 100%; float: none; padding-left: 0px; min-height: 0px } .offers_grid .offer_item .foot { float: none } .offers_grid .offer_item .foot > .f_l { float: none; width: 100%; max-width: none } .offers_grid .offer_item .foot > .f_r { float: none; width: 100%; max-width: none } .offers_grid .offer_item.large .image { display: block } .offers_grid .offer_item.large .title_box { margin-top: 0px } .offers_grid .offer_item.large .title { display: block; font-size: 20px; line-height: 24px } .offers_grid .offer_item.large .title > span { font-size: 26px; line-height: 26px; margin: -3px 0px } .offer_box .intro .features .bts { max-width: none; margin: 0px } .offer_box .details .body .bts { float: none; max-width: none; padding-top: 27px } } @media screen and (max-width: 839px) { .dpKeyboard > a.close { top: -34px } .dpKeyboard > .over > div { height: 240px } .dpKeyboard.isOpen > .over { height: 240px } .dpKeyboard ul { top: 9px; left: 9px; bottom: 9px; right: 9px } } @media screen and (max-width: 639px) { .dpKeyboard > .over > div { height: 180px } .dpKeyboard.isOpen > .over { height: 180px } } .rangeBar__input { -webkit-appearance: none; margin: 14px 0; width: 100% } .rangeBar__input:focus { outline: none } .rangeBar__input::-webkit-slider-runnable-track { width: 100%; height: 14px; cursor: pointer; background-color: transparent; box-shadow: inset 0 0 0 1px #cdcdcd; border-radius: 7px } .rangeBar__input::-webkit-slider-thumb { position: relative; border: 0; height: 28px; width: 18px; border-radius: 4px; background: #ec0000; background-repeat: no-repeat; background-position: 50% 50%; background-size: 8px 9px; cursor: pointer; z-index: 1; -webkit-appearance: none; margin-top: -7px } .rangeBar__input:focus::-webkit-slider-thumb, .rangeBar__input:hover::-webkit-slider-thumb { background-color: #ff2020 } .rangeBar__input::-moz-range-track { width: 100%; height: 14px; cursor: pointer; background: transparent; box-shadow: inset 0 0 0 1px #cdcdcd; border-radius: 7px } .rangeBar__input::-moz-range-thumb { position: relative; border: 0; height: 28px; width: 18px; border-radius: 4px; background: #ec0000; background-repeat: no-repeat; background-position: 50% 50%; background-size: 8px 9px; cursor: pointer; z-index: 1 } .rangeBar__input:focus::-moz-range-thumb, .rangeBar__input:hover::-moz-range-thumb { background-color: #ff2020 } .rangeBar__input::-ms-track { width: 100%; height: 14px; cursor: pointer; background: transparent; border-color: transparent; border-width: 18px 0; color: transparent } .rangeBar__input::-ms-fill-lower { background: #e6e6e6; box-shadow: inset 0 0 0 1px #cdcdcd; border-radius: 14px } .rangeBar__input::-ms-fill-upper { background: transparent; box-shadow: inset 0 0 0 1px #cdcdcd; border-radius: 14px } .rangeBar__input::-ms-thumb { position: relative; border: 0; height: 28px; width: 18px; border-radius: 4px; background: #ec0000; background-repeat: no-repeat; background-position: 50% 50%; background-size: 8px 9px; cursor: pointer; z-index: 1 } .rangeBar__input:focus::-ms-thumb, .rangeBar__input:hover::-ms-thumb { background-color: #ff2020 } .rangeBar { position: relative; width: 100% } .rangeBar + .rangeBar { margin-top: 35px } .rangeBar__header { font-size: 15px; font-weight: bold; margin-bottom: 16px } .rangeBar__inner { position: relative } .rangeBar__inner[data-value='0'] .rangeBar__label { left: 0% } .rangeBar__inner[data-value='0'] .rangeBar__value { left: 0px } .rangeBar__inner[data-value='1'] .rangeBar__label { left: 1% } .rangeBar__inner[data-value='1'] .rangeBar__value { left: -.3333333333px } .rangeBar__inner[data-value='2'] .rangeBar__label { left: 2% } .rangeBar__inner[data-value='2'] .rangeBar__value { left: -.6666666667px } .rangeBar__inner[data-value='3'] .rangeBar__label { left: 3% } .rangeBar__inner[data-value='3'] .rangeBar__value { left: -1px } .rangeBar__inner[data-value='4'] .rangeBar__label { left: 4% } .rangeBar__inner[data-value='4'] .rangeBar__value { left: -1.3333333333px } .rangeBar__inner[data-value='5'] .rangeBar__label { left: 5% } .rangeBar__inner[data-value='5'] .rangeBar__value { left: -1.6666666667px } .rangeBar__inner[data-value='6'] .rangeBar__label { left: 6% } .rangeBar__inner[data-value='6'] .rangeBar__value { left: -2px } .rangeBar__inner[data-value='7'] .rangeBar__label { left: 7% } .rangeBar__inner[data-value='7'] .rangeBar__value { left: -2.3333333333px } .rangeBar__inner[data-value='8'] .rangeBar__label { left: 8% } .rangeBar__inner[data-value='8'] .rangeBar__value { left: -2.6666666667px } .rangeBar__inner[data-value='9'] .rangeBar__label { left: 9% } .rangeBar__inner[data-value='9'] .rangeBar__value { left: -3px } .rangeBar__inner[data-value='10'] .rangeBar__label { left: 10% } .rangeBar__inner[data-value='10'] .rangeBar__value { left: -3.3333333333px } .rangeBar__inner[data-value='11'] .rangeBar__label { left: 11% } .rangeBar__inner[data-value='11'] .rangeBar__value { left: -3.6666666667px } .rangeBar__inner[data-value='12'] .rangeBar__label { left: 12% } .rangeBar__inner[data-value='12'] .rangeBar__value { left: -4px } .rangeBar__inner[data-value='13'] .rangeBar__label { left: 13% } .rangeBar__inner[data-value='13'] .rangeBar__value { left: -4.3333333333px } .rangeBar__inner[data-value='14'] .rangeBar__label { left: 14% } .rangeBar__inner[data-value='14'] .rangeBar__value { left: -4.6666666667px } .rangeBar__inner[data-value='15'] .rangeBar__label { left: 15% } .rangeBar__inner[data-value='15'] .rangeBar__value { left: -5px } .rangeBar__inner[data-value='16'] .rangeBar__label { left: 16% } .rangeBar__inner[data-value='16'] .rangeBar__value { left: -5.3333333333px } .rangeBar__inner[data-value='17'] .rangeBar__label { left: 17% } .rangeBar__inner[data-value='17'] .rangeBar__value { left: -5.6666666667px } .rangeBar__inner[data-value='18'] .rangeBar__label { left: 18% } .rangeBar__inner[data-value='18'] .rangeBar__value { left: -6px } .rangeBar__inner[data-value='19'] .rangeBar__label { left: 19% } .rangeBar__inner[data-value='19'] .rangeBar__value { left: -6.3333333333px } .rangeBar__inner[data-value='20'] .rangeBar__label { left: 20% } .rangeBar__inner[data-value='20'] .rangeBar__value { left: -6.6666666667px } .rangeBar__inner[data-value='21'] .rangeBar__label { left: 21% } .rangeBar__inner[data-value='21'] .rangeBar__value { left: -7px } .rangeBar__inner[data-value='22'] .rangeBar__label { left: 22% } .rangeBar__inner[data-value='22'] .rangeBar__value { left: -7.3333333333px } .rangeBar__inner[data-value='23'] .rangeBar__label { left: 23% } .rangeBar__inner[data-value='23'] .rangeBar__value { left: -7.6666666667px } .rangeBar__inner[data-value='24'] .rangeBar__label { left: 24% } .rangeBar__inner[data-value='24'] .rangeBar__value { left: -8px } .rangeBar__inner[data-value='25'] .rangeBar__label { left: 25% } .rangeBar__inner[data-value='25'] .rangeBar__value { left: -8.3333333333px } .rangeBar__inner[data-value='26'] .rangeBar__label { left: 26% } .rangeBar__inner[data-value='26'] .rangeBar__value { left: -8.6666666667px } .rangeBar__inner[data-value='27'] .rangeBar__label { left: 27% } .rangeBar__inner[data-value='27'] .rangeBar__value { left: -9px } .rangeBar__inner[data-value='28'] .rangeBar__label { left: 28% } .rangeBar__inner[data-value='28'] .rangeBar__value { left: -9.3333333333px } .rangeBar__inner[data-value='29'] .rangeBar__label { left: 29% } .rangeBar__inner[data-value='29'] .rangeBar__value { left: -9.6666666667px } .rangeBar__inner[data-value='30'] .rangeBar__label { left: 30% } .rangeBar__inner[data-value='30'] .rangeBar__value { left: -10px } .rangeBar__inner[data-value='31'] .rangeBar__label { left: 31% } .rangeBar__inner[data-value='31'] .rangeBar__value { left: -10.3333333333px } .rangeBar__inner[data-value='32'] .rangeBar__label { left: 32% } .rangeBar__inner[data-value='32'] .rangeBar__value { left: -10.6666666667px } .rangeBar__inner[data-value='33'] .rangeBar__label { left: 33% } .rangeBar__inner[data-value='33'] .rangeBar__value { left: -11px } .rangeBar__inner[data-value='34'] .rangeBar__label { left: 34% } .rangeBar__inner[data-value='34'] .rangeBar__value { left: -11.3333333333px } .rangeBar__inner[data-value='35'] .rangeBar__label { left: 35% } .rangeBar__inner[data-value='35'] .rangeBar__value { left: -11.6666666667px } .rangeBar__inner[data-value='36'] .rangeBar__label { left: 36% } .rangeBar__inner[data-value='36'] .rangeBar__value { left: -12px } .rangeBar__inner[data-value='37'] .rangeBar__label { left: 37% } .rangeBar__inner[data-value='37'] .rangeBar__value { left: -12.3333333333px } .rangeBar__inner[data-value='38'] .rangeBar__label { left: 38% } .rangeBar__inner[data-value='38'] .rangeBar__value { left: -12.6666666667px } .rangeBar__inner[data-value='39'] .rangeBar__label { left: 39% } .rangeBar__inner[data-value='39'] .rangeBar__value { left: -13px } .rangeBar__inner[data-value='40'] .rangeBar__label { left: 40% } .rangeBar__inner[data-value='40'] .rangeBar__value { left: -13.3333333333px } .rangeBar__inner[data-value='41'] .rangeBar__label { left: 41% } .rangeBar__inner[data-value='41'] .rangeBar__value { left: -13.6666666667px } .rangeBar__inner[data-value='42'] .rangeBar__label { left: 42% } .rangeBar__inner[data-value='42'] .rangeBar__value { left: -14px } .rangeBar__inner[data-value='43'] .rangeBar__label { left: 43% } .rangeBar__inner[data-value='43'] .rangeBar__value { left: -14.3333333333px } .rangeBar__inner[data-value='44'] .rangeBar__label { left: 44% } .rangeBar__inner[data-value='44'] .rangeBar__value { left: -14.6666666667px } .rangeBar__inner[data-value='45'] .rangeBar__label { left: 45% } .rangeBar__inner[data-value='45'] .rangeBar__value { left: -15px } .rangeBar__inner[data-value='46'] .rangeBar__label { left: 46% } .rangeBar__inner[data-value='46'] .rangeBar__value { left: -15.3333333333px } .rangeBar__inner[data-value='47'] .rangeBar__label { left: 47% } .rangeBar__inner[data-value='47'] .rangeBar__value { left: -15.6666666667px } .rangeBar__inner[data-value='48'] .rangeBar__label { left: 48% } .rangeBar__inner[data-value='48'] .rangeBar__value { left: -16px } .rangeBar__inner[data-value='49'] .rangeBar__label { left: 49% } .rangeBar__inner[data-value='49'] .rangeBar__value { left: -16.3333333333px } .rangeBar__inner[data-value='50'] .rangeBar__label { left: 50% } .rangeBar__inner[data-value='50'] .rangeBar__value { left: -16.6666666667px } .rangeBar__inner[data-value='51'] .rangeBar__label { left: 51% } .rangeBar__inner[data-value='51'] .rangeBar__value { left: -17px } .rangeBar__inner[data-value='52'] .rangeBar__label { left: 52% } .rangeBar__inner[data-value='52'] .rangeBar__value { left: -17.3333333333px } .rangeBar__inner[data-value='53'] .rangeBar__label { left: 53% } .rangeBar__inner[data-value='53'] .rangeBar__value { left: -17.6666666667px } .rangeBar__inner[data-value='54'] .rangeBar__label { left: 54% } .rangeBar__inner[data-value='54'] .rangeBar__value { left: -18px } .rangeBar__inner[data-value='55'] .rangeBar__label { left: 55% } .rangeBar__inner[data-value='55'] .rangeBar__value { left: -18.3333333333px } .rangeBar__inner[data-value='56'] .rangeBar__label { left: 56% } .rangeBar__inner[data-value='56'] .rangeBar__value { left: -18.6666666667px } .rangeBar__inner[data-value='57'] .rangeBar__label { left: 57% } .rangeBar__inner[data-value='57'] .rangeBar__value { left: -19px } .rangeBar__inner[data-value='58'] .rangeBar__label { left: 58% } .rangeBar__inner[data-value='58'] .rangeBar__value { left: -19.3333333333px } .rangeBar__inner[data-value='59'] .rangeBar__label { left: 59% } .rangeBar__inner[data-value='59'] .rangeBar__value { left: -19.6666666667px } .rangeBar__inner[data-value='60'] .rangeBar__label { left: 60% } .rangeBar__inner[data-value='60'] .rangeBar__value { left: -20px } .rangeBar__inner[data-value='61'] .rangeBar__label { left: 61% } .rangeBar__inner[data-value='61'] .rangeBar__value { left: -20.3333333333px } .rangeBar__inner[data-value='62'] .rangeBar__label { left: 62% } .rangeBar__inner[data-value='62'] .rangeBar__value { left: -20.6666666667px } .rangeBar__inner[data-value='63'] .rangeBar__label { left: 63% } .rangeBar__inner[data-value='63'] .rangeBar__value { left: -21px } .rangeBar__inner[data-value='64'] .rangeBar__label { left: 64% } .rangeBar__inner[data-value='64'] .rangeBar__value { left: -21.3333333333px } .rangeBar__inner[data-value='65'] .rangeBar__label { left: 65% } .rangeBar__inner[data-value='65'] .rangeBar__value { left: -21.6666666667px } .rangeBar__inner[data-value='66'] .rangeBar__label { left: 66% } .rangeBar__inner[data-value='66'] .rangeBar__value { left: -22px } .rangeBar__inner[data-value='67'] .rangeBar__label { left: 67% } .rangeBar__inner[data-value='67'] .rangeBar__value { left: -22.3333333333px } .rangeBar__inner[data-value='68'] .rangeBar__label { left: 68% } .rangeBar__inner[data-value='68'] .rangeBar__value { left: -22.6666666667px } .rangeBar__inner[data-value='69'] .rangeBar__label { left: 69% } .rangeBar__inner[data-value='69'] .rangeBar__value { left: -23px } .rangeBar__inner[data-value='70'] .rangeBar__label { left: 70% } .rangeBar__inner[data-value='70'] .rangeBar__value { left: -23.3333333333px } .rangeBar__inner[data-value='71'] .rangeBar__label { left: 71% } .rangeBar__inner[data-value='71'] .rangeBar__value { left: -23.6666666667px } .rangeBar__inner[data-value='72'] .rangeBar__label { left: 72% } .rangeBar__inner[data-value='72'] .rangeBar__value { left: -24px } .rangeBar__inner[data-value='73'] .rangeBar__label { left: 73% } .rangeBar__inner[data-value='73'] .rangeBar__value { left: -24.3333333333px } .rangeBar__inner[data-value='74'] .rangeBar__label { left: 74% } .rangeBar__inner[data-value='74'] .rangeBar__value { left: -24.6666666667px } .rangeBar__inner[data-value='75'] .rangeBar__label { left: 75% } .rangeBar__inner[data-value='75'] .rangeBar__value { left: -25px } .rangeBar__inner[data-value='76'] .rangeBar__label { left: 76% } .rangeBar__inner[data-value='76'] .rangeBar__value { left: -25.3333333333px } .rangeBar__inner[data-value='77'] .rangeBar__label { left: 77% } .rangeBar__inner[data-value='77'] .rangeBar__value { left: -25.6666666667px } .rangeBar__inner[data-value='78'] .rangeBar__label { left: 78% } .rangeBar__inner[data-value='78'] .rangeBar__value { left: -26px } .rangeBar__inner[data-value='79'] .rangeBar__label { left: 79% } .rangeBar__inner[data-value='79'] .rangeBar__value { left: -26.3333333333px } .rangeBar__inner[data-value='80'] .rangeBar__label { left: 80% } .rangeBar__inner[data-value='80'] .rangeBar__value { left: -26.6666666667px } .rangeBar__inner[data-value='81'] .rangeBar__label { left: 81% } .rangeBar__inner[data-value='81'] .rangeBar__value { left: -27px } .rangeBar__inner[data-value='82'] .rangeBar__label { left: 82% } .rangeBar__inner[data-value='82'] .rangeBar__value { left: -27.3333333333px } .rangeBar__inner[data-value='83'] .rangeBar__label { left: 83% } .rangeBar__inner[data-value='83'] .rangeBar__value { left: -27.6666666667px } .rangeBar__inner[data-value='84'] .rangeBar__label { left: 84% } .rangeBar__inner[data-value='84'] .rangeBar__value { left: -28px } .rangeBar__inner[data-value='85'] .rangeBar__label { left: 85% } .rangeBar__inner[data-value='85'] .rangeBar__value { left: -28.3333333333px } .rangeBar__inner[data-value='86'] .rangeBar__label { left: 86% } .rangeBar__inner[data-value='86'] .rangeBar__value { left: -28.6666666667px } .rangeBar__inner[data-value='87'] .rangeBar__label { left: 87% } .rangeBar__inner[data-value='87'] .rangeBar__value { left: -29px } .rangeBar__inner[data-value='88'] .rangeBar__label { left: 88% } .rangeBar__inner[data-value='88'] .rangeBar__value { left: -29.3333333333px } .rangeBar__inner[data-value='89'] .rangeBar__label { left: 89% } .rangeBar__inner[data-value='89'] .rangeBar__value { left: -29.6666666667px } .rangeBar__inner[data-value='90'] .rangeBar__label { left: 90% } .rangeBar__inner[data-value='90'] .rangeBar__value { left: -30px } .rangeBar__inner[data-value='91'] .rangeBar__label { left: 91% } .rangeBar__inner[data-value='91'] .rangeBar__value { left: -30.3333333333px } .rangeBar__inner[data-value='92'] .rangeBar__label { left: 92% } .rangeBar__inner[data-value='92'] .rangeBar__value { left: -30.6666666667px } .rangeBar__inner[data-value='93'] .rangeBar__label { left: 93% } .rangeBar__inner[data-value='93'] .rangeBar__value { left: -31px } .rangeBar__inner[data-value='94'] .rangeBar__label { left: 94% } .rangeBar__inner[data-value='94'] .rangeBar__value { left: -31.3333333333px } .rangeBar__inner[data-value='95'] .rangeBar__label { left: 95% } .rangeBar__inner[data-value='95'] .rangeBar__value { left: -31.6666666667px } .rangeBar__inner[data-value='96'] .rangeBar__label { left: 96% } .rangeBar__inner[data-value='96'] .rangeBar__value { left: -32px } .rangeBar__inner[data-value='97'] .rangeBar__label { left: 97% } .rangeBar__inner[data-value='97'] .rangeBar__value { left: -32.3333333333px } .rangeBar__inner[data-value='98'] .rangeBar__label { left: 98% } .rangeBar__inner[data-value='98'] .rangeBar__value { left: -32.6666666667px } .rangeBar__inner[data-value='99'] .rangeBar__label { left: 99% } .rangeBar__inner[data-value='99'] .rangeBar__value { left: -33px } .rangeBar__inner[data-value='100'] .rangeBar__label { left: 100% } .rangeBar__inner[data-value='100'] .rangeBar__value { left: -33.3333333333px } .rangeBar__inner[data-value='0'] .rangeBar__fill { width: 0% } .rangeBar__inner[data-value='1'] .rangeBar__fill { width: 1% } .rangeBar__inner[data-value='2'] .rangeBar__fill { width: 2% } .rangeBar__inner[data-value='3'] .rangeBar__fill { width: 3% } .rangeBar__inner[data-value='4'] .rangeBar__fill { width: 4% } .rangeBar__inner[data-value='5'] .rangeBar__fill { width: 5% } .rangeBar__inner[data-value='6'] .rangeBar__fill { width: 6% } .rangeBar__inner[data-value='7'] .rangeBar__fill { width: 7% } .rangeBar__inner[data-value='8'] .rangeBar__fill { width: 8% } .rangeBar__inner[data-value='9'] .rangeBar__fill { width: 9% } .rangeBar__inner[data-value='10'] .rangeBar__fill { width: 10% } .rangeBar__inner[data-value='11'] .rangeBar__fill { width: 11% } .rangeBar__inner[data-value='12'] .rangeBar__fill { width: 12% } .rangeBar__inner[data-value='13'] .rangeBar__fill { width: 13% } .rangeBar__inner[data-value='14'] .rangeBar__fill { width: 14% } .rangeBar__inner[data-value='15'] .rangeBar__fill { width: 15% } .rangeBar__inner[data-value='16'] .rangeBar__fill { width: 16% } .rangeBar__inner[data-value='17'] .rangeBar__fill { width: 17% } .rangeBar__inner[data-value='18'] .rangeBar__fill { width: 18% } .rangeBar__inner[data-value='19'] .rangeBar__fill { width: 19% } .rangeBar__inner[data-value='20'] .rangeBar__fill { width: 20% } .rangeBar__inner[data-value='21'] .rangeBar__fill { width: 21% } .rangeBar__inner[data-value='22'] .rangeBar__fill { width: 22% } .rangeBar__inner[data-value='23'] .rangeBar__fill { width: 23% } .rangeBar__inner[data-value='24'] .rangeBar__fill { width: 24% } .rangeBar__inner[data-value='25'] .rangeBar__fill { width: 25% } .rangeBar__inner[data-value='26'] .rangeBar__fill { width: 26% } .rangeBar__inner[data-value='27'] .rangeBar__fill { width: 27% } .rangeBar__inner[data-value='28'] .rangeBar__fill { width: 28% } .rangeBar__inner[data-value='29'] .rangeBar__fill { width: 29% } .rangeBar__inner[data-value='30'] .rangeBar__fill { width: 30% } .rangeBar__inner[data-value='31'] .rangeBar__fill { width: 31% } .rangeBar__inner[data-value='32'] .rangeBar__fill { width: 32% } .rangeBar__inner[data-value='33'] .rangeBar__fill { width: 33% } .rangeBar__inner[data-value='34'] .rangeBar__fill { width: 34% } .rangeBar__inner[data-value='35'] .rangeBar__fill { width: 35% } .rangeBar__inner[data-value='36'] .rangeBar__fill { width: 36% } .rangeBar__inner[data-value='37'] .rangeBar__fill { width: 37% } .rangeBar__inner[data-value='38'] .rangeBar__fill { width: 38% } .rangeBar__inner[data-value='39'] .rangeBar__fill { width: 39% } .rangeBar__inner[data-value='40'] .rangeBar__fill { width: 40% } .rangeBar__inner[data-value='41'] .rangeBar__fill { width: 41% } .rangeBar__inner[data-value='42'] .rangeBar__fill { width: 42% } .rangeBar__inner[data-value='43'] .rangeBar__fill { width: 43% } .rangeBar__inner[data-value='44'] .rangeBar__fill { width: 44% } .rangeBar__inner[data-value='45'] .rangeBar__fill { width: 45% } .rangeBar__inner[data-value='46'] .rangeBar__fill { width: 46% } .rangeBar__inner[data-value='47'] .rangeBar__fill { width: 47% } .rangeBar__inner[data-value='48'] .rangeBar__fill { width: 48% } .rangeBar__inner[data-value='49'] .rangeBar__fill { width: 49% } .rangeBar__inner[data-value='50'] .rangeBar__fill { width: 50% } .rangeBar__inner[data-value='51'] .rangeBar__fill { width: 51% } .rangeBar__inner[data-value='52'] .rangeBar__fill { width: 52% } .rangeBar__inner[data-value='53'] .rangeBar__fill { width: 53% } .rangeBar__inner[data-value='54'] .rangeBar__fill { width: 54% } .rangeBar__inner[data-value='55'] .rangeBar__fill { width: 55% } .rangeBar__inner[data-value='56'] .rangeBar__fill { width: 56% } .rangeBar__inner[data-value='57'] .rangeBar__fill { width: 57% } .rangeBar__inner[data-value='58'] .rangeBar__fill { width: 58% } .rangeBar__inner[data-value='59'] .rangeBar__fill { width: 59% } .rangeBar__inner[data-value='60'] .rangeBar__fill { width: 60% } .rangeBar__inner[data-value='61'] .rangeBar__fill { width: 61% } .rangeBar__inner[data-value='62'] .rangeBar__fill { width: 62% } .rangeBar__inner[data-value='63'] .rangeBar__fill { width: 63% } .rangeBar__inner[data-value='64'] .rangeBar__fill { width: 64% } .rangeBar__inner[data-value='65'] .rangeBar__fill { width: 65% } .rangeBar__inner[data-value='66'] .rangeBar__fill { width: 66% } .rangeBar__inner[data-value='67'] .rangeBar__fill { width: 67% } .rangeBar__inner[data-value='68'] .rangeBar__fill { width: 68% } .rangeBar__inner[data-value='69'] .rangeBar__fill { width: 69% } .rangeBar__inner[data-value='70'] .rangeBar__fill { width: 70% } .rangeBar__inner[data-value='71'] .rangeBar__fill { width: 71% } .rangeBar__inner[data-value='72'] .rangeBar__fill { width: 72% } .rangeBar__inner[data-value='73'] .rangeBar__fill { width: 73% } .rangeBar__inner[data-value='74'] .rangeBar__fill { width: 74% } .rangeBar__inner[data-value='75'] .rangeBar__fill { width: 75% } .rangeBar__inner[data-value='76'] .rangeBar__fill { width: 76% } .rangeBar__inner[data-value='77'] .rangeBar__fill { width: 77% } .rangeBar__inner[data-value='78'] .rangeBar__fill { width: 78% } .rangeBar__inner[data-value='79'] .rangeBar__fill { width: 79% } .rangeBar__inner[data-value='80'] .rangeBar__fill { width: 80% } .rangeBar__inner[data-value='81'] .rangeBar__fill { width: 81% } .rangeBar__inner[data-value='82'] .rangeBar__fill { width: 82% } .rangeBar__inner[data-value='83'] .rangeBar__fill { width: 83% } .rangeBar__inner[data-value='84'] .rangeBar__fill { width: 84% } .rangeBar__inner[data-value='85'] .rangeBar__fill { width: 85% } .rangeBar__inner[data-value='86'] .rangeBar__fill { width: 86% } .rangeBar__inner[data-value='87'] .rangeBar__fill { width: 87% } .rangeBar__inner[data-value='88'] .rangeBar__fill { width: 88% } .rangeBar__inner[data-value='89'] .rangeBar__fill { width: 89% } .rangeBar__inner[data-value='90'] .rangeBar__fill { width: 90% } .rangeBar__inner[data-value='91'] .rangeBar__fill { width: 91% } .rangeBar__inner[data-value='92'] .rangeBar__fill { width: 92% } .rangeBar__inner[data-value='93'] .rangeBar__fill { width: 93% } .rangeBar__inner[data-value='94'] .rangeBar__fill { width: 94% } .rangeBar__inner[data-value='95'] .rangeBar__fill { width: 95% } .rangeBar__inner[data-value='96'] .rangeBar__fill { width: 96% } .rangeBar__inner[data-value='97'] .rangeBar__fill { width: 97% } .rangeBar__inner[data-value='98'] .rangeBar__fill { width: 98% } .rangeBar__inner[data-value='99'] .rangeBar__fill { width: 99% } .rangeBar__inner[data-value='100'] .rangeBar__fill { width: 100% } .rangeBar__label { z-index: 0; position: absolute; top: 2px; display: block; width: 0; pointer-events: none } .rangeBar__value { position: absolute; top: -7px; text-align: center; font-size: 15px; font-weight: 600; color: #ec0000 } .rangeBar__inputBox { z-index: 1; position: relative; height: 60px } .rangeBar__input { z-index: 1; position: relative; display: block; padding: 0; margin: 0; width: 100%; height: 60px; background-color: transparent } .rangeBar__bar { position: absolute; top: 50%; left: 0; margin: 0; margin-top: -7px; width: 100%; height: 14px; border-radius: 7px; box-shadow: inset 0 0 0 1px #cdcdcd; background-color: #fff; z-index: 0; pointer-events: none } .rangeBar__fill { position: absolute; top: 0; left: 0; width: 0; height: 14px; margin: 0; border-top-left-radius: 7px; border-bottom-left-radius: 7px; box-shadow: inset 0 0 0 1px #cdcdcd; background-color: #e6e6e6 } .rangeBar__botLabel { z-index: 0; position: absolute; bottom: -4px; font-size: 13px } .rangeBar__botLabel--min { left: 0 } .rangeBar__botLabel--max { right: 0 } .rangeBar__select { visibility: hidden; position: absolute; opacity: 0; z-index: -1 } .product-box--upsell a.link { color: white; } .product-box--upsell a.link:after { color: white; } .checkbox-group { display: flex; gap: 16px; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); } .checkbox { display: inline-flex; align-items: center; width: auto; min-width: 105px; } @media (max-width: 627px) { .checkbox-group { position: static; transform: none; margin-top: 8px; gap: 12px; } .checkbox { flex: none; width: auto; margin-bottom: 12px; } } #contactless-transactions-on-label .chbox::before { color: #00BB62; } #contactless-transactions-off-label .chbox::before { content: "\e603"; } /*style do captcha*/ .captcha-wrapper { align-items: center; display: flex; flex-wrap: wrap; gap: 22px; margin-left: auto; padding: 2px 10px; width: 88%; } .frc-captcha { flex: 1 !important; padding-bottom: 0 !important; } div.frc-captcha.new-captcha > span > a { color: #2862ff !important; } div.frc-captcha.new-captcha > span > a > b { color: #2862ff !important; } .captcha_info { display: none; } .btn-disabled { cursor: not-allowed; opacity: 0.6; pointer-events: none; } .captcha_info.show-captcha-info { align-items: center; background-color: #FEFAE8; border-radius: 12px; display: flex; flex: 0 0 auto; gap: 16px; justify-content: center; max-height: 52px; padding: 16px 12px 16px 16px; } .captcha_text { font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } @media screen and (max-width: 699px) { .captcha-wrapper { flex-direction: column; } .new-captcha { width: 100%; } } .error_page_main_col { margin: 0 auto; margin-top: 80px; float: inherit !important; } @media screen and (max-width: 767px) { .error_page_main_col { margin-top: 30px; } } .float_left { float: left; } .float_right { float: right; } .text_right { text-align: right; } .log_marker { float: right; clear: left; } .log_marker_text { font-size: 10px; color: #EEE; line-height: 1em; } .turquoise_text { color: #39B5BD !important; } .list_layout.ais_account_list { max-height: initial; } .list_layout li.link.blocked_transactions_sum { background-color: #eff0ef; padding-left: 36px; } .list_layout li > .v.justified { text-align: justify; } .welcome_page_deposit { display: block; height: auto; opacity: 1; } .title_with_image { padding-right: 120px; } .last_button { margin-bottom: 20px; } iframe { width: 100%; height: 800px; } .red_text { color: red !important; } .color-red { color: #ec0000 !important; } .color-icon-gray { color: #979797 !important; } .c_1_75p { width: 75% !important; } .no_phone_text { color: #fe0000; } .word_wrap { word-wrap: break-word; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */ input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ input:focus:-ms-input-placeholder { color: transparent; } /* IE 10+ */ .date_box input:focus::-webkit-input-placeholder { color: initial; } .date_box input:focus:-moz-placeholder { color: initial; } /* FF 4-18 */ .date_box input:focus::-moz-placeholder { color: initial; } /* FF 19+ */ .date_box input:focus:-ms-input-placeholder { color: initial; } /* IE 10+ */ .payoff_box .radiobuttons .radiobutton.strong input[type="radio"]:disabled + label > .label { color: #999; } .offer_box .intro .features .bts { bottom: 20px !important; } .msg_list .msg_item > div { position: relative; max-height: 35px; overflow: hidden; font-size: 14px; line-height: 20px; color: #444547; padding: 4px 0; } .msg_list .msg_item > .icon, .msg_list .msg_item:focus > .icon, .msg_list .msg_item:hover > .icon { border: none; } .msg_list .msg_item table, .side_message table, .msg_list .msg_item img, .side_message img { display: none; } .msg_list .msg_item > div::after, .msg_list .msg_item.with_attach > div::after, .side_message > div::after { background-size: contain; background-image: url('/Content/img/gray_gradient.png'); content: ''; position: absolute; right: 0; top: 26px; width: 150px; height: 25px; left: auto; } .side_message > .unread_message::after { top: 64px; } .msg_list .msg_item.msg_page_item > div::after { background-image: url('/Content/img/white_gradient.png'); } .msg_list .msg_item.new > div::after { background-image: url('/Content/img/red_gradient.png'); } .msg_list .msg_item.with_attach > div::before, .side_message.with_attach > div::before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; position: relative; left: 0; top: 0; display: inline-block; width: 14px; height: 14px; font-size: 14px; line-height: 14px; margin-left: 5px; left: -5px; color: #444547; } .side_message > div { font-size: 14px; line-height: 20px; color: #444547; padding: 2px 0; position: relative; max-height: 75px; overflow: hidden; } .popup_regulations > div:not(:first-child) > .body_box { border-top: 1px solid #c3c3c3; } .popup_regulations .body_box + .foot_box { border-top: none; } .welcome_message_wrapper table tr th, .welcome_message_wrapper table tr td, .message_style table tr th, .message_style table tr td { padding: 5px 10px; border: 1px solid; } .welcome_message_wrapper table tr th, .message_style table tr th { font-weight: bold; } .welcome_message_wrapper table[align="center"], .message_style table[align="center"] { margin: auto; } .message_body_wrapper, .message_style { display: inline-block; width: 100%; } .popup .text_box .message_body_wrapper ul > li:before, .popup .text_box .message_body_wrapper ol > li:before { display: none; } .popup .text_box .message_body_wrapper ul > li, .popup .text_box .message_body_wrapper ol > li { left: 0; padding-left: 0; display: list-item; list-style-position: inside; } .message_body_wrapper ul > li, .message_style ul > li, .msg_list .msg_item ul > li, .side_message ul > li { list-style-type: disc; } .message_body_wrapper ol > li, .message_style ol > li, .msg_list .msg_item ol > li, .side_message ol > li { list-style-type: decimal; } .message_style ul, .message_style ol, .msg_list .msg_item ul, .msg_list .msg_item ol, .side_message ul, .side_message ol { list-style-position: inside; } .new_msg { cursor: pointer; } .display-none { display: none; } .id-validto-error-msg { text-align: right; padding-right: 18px; float: right; max-width: 450px; color: #ec0000; font-weight: bold; font-size: 14px; line-height: 16px; padding-bottom: 9px; } .jsIdCardInvalidActionAbort.disabled { opacity: .4; cursor: default !important; pointer-events: auto !important; } .jsIdCardInvalidForAssociatedAccountActionAbort.disabled { opacity: .4; cursor: default !important; pointer-events: auto !important; } .product_box .accordion .acc_item > a > .info.repayment-plan-info { height: 46px; } .product_box .accordion .acc_item > a.active > .info.repayment-plan-info { height: 0; } .list_layout.repayment_plan_name { max-width: initial; } .list_layout.repayment_plan_name li { border-bottom: 1px solid #c3c3c3; } .login_form .form_label.no_transform { text-transform: none; } #NoPhoneDuringAuthenticationMessageLabel, #NoPhoneDuringAuthorizationMessageLabel { display: none; } .show { display: block !important } .popup_alert .message.message_lasttry:before, .popup_alert .message.promise-date-message:before { font-size: 24px; left: 0; width: 34px; height: 24px; } .popup_alert .message.message_lasttry .text, .popup_alert .message.promise-date-message .text { padding-left: 40px; font-size: 13px; } .popup_alert .message.message_lasttry:after { min-height: 24px; } @media screen and (max-width: 699px) { .popup_alert .message.message_lasttry .text, .popup_alert .message.promise-date-message .text { padding-left: 0; } } .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] + label > .label.label-static { padding-left: 25px; } @media screen and (max-width: 699px) { .login_form .body_box .full_radio .radiobutton_pass input[type="radio"] + label > .label.label-static { padding-top: 40px; } } .nrb-with-copy { margin-right: 10px; } .icon-copy { cursor: pointer; color: #ec0000 !important; } .white_box_content { background-color: #ffffff; border: 1px solid #e1e1e1; color: #444547; display: block; padding: 13px 18px 13px 18px; font-size: 12px; line-height: 18px; text-align: left; float: left; width: 100%; box-sizing: border-box; } a.button > .icon-ico-unblock-card { left: 12px; } .white_box { position: relative; float: left; width: 100%; } .aan_toggler { display: block; font-size: 12px; text-align: left; text-decoration: none; padding: 0 0 13px; color: #444547; } .aan_toggler_label { padding: 0 18px 0; width: 50%; } a.aan_toggler > .arrow { display: inline-block; width: 12px; height: 12px; position: absolute; float: left; margin-top: -12px; pointer-events: none; color: #444547; overflow: hidden } a.aan_toggler > .arrow > .arrow_d, a.aan_toggler > .arrow > .arrow_u { display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px; float: left; text-align: center; position: absolute; top: 0px; left: 0px; color: #444547; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s } a.aan_toggler:focus > .arrow, a.aan_toggler:hover > .arrow { -webkit-animation-name: fade-slide-d; -webkit-animation-delay: 0; -webkit-animation-duration: .4s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -moz-animation-name: fade-slide-d; -moz-animation-delay: 0; -moz-animation-duration: .4s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); -o-animation-name: fade-slide-d; -o-animation-delay: 0; -o-animation-duration: .4s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1); animation-name: fade-slide-d; animation-delay: 0; animation-duration: .4s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1) } a.aan_toggler > .arrow > .arrow_u { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } a.aan_toggler > .arrow > .arrow_d { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } a.active.aan_toggler > .arrow > .arrow_d { opacity: 0; } a.active.aan_toggler > .arrow > .arrow_u { opacity: 1; } .product_box .stats > .row span.unblock_link { margin-left: 15px; color: #ec0000; font-family: lato; font-size: 14px; } .inline { display: inline; } @media screen and (min-width: 700px) { .hide_on_desktop { display: none !important; } } @media screen and (min-width: 700px) and (max-width: 959px) { .hide_on_tablet { display: none !important; } .show_on_tablet { display: block !important; } } @media screen and (max-width: 699px) { .hide_on_mobile { display: none !important; } .no_padding_right_on_mobile { padding-right: 0 !important; } } @media screen and (min-width:700px) { .product_box .last_transact > .list > .item > .last_transaction { margin-right: 9px; } } .product_box .last_transact > .list > .item > .last_transaction .data { width: 100%; } .product_box .last_transaction > .data > span { display: block; float: left; width: 100%; font-family: 'lato'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product_box .last_transaction > .data > span.date { font-size: 11px; color: #444547; } .product_box .last_transaction > .data > span.description_line_1 { font-size: 14px; line-height: 18px; font-weight: bold; } .product_box .last_transaction > .data > span.description_line_2 { font-size: 14px; line-height: 18px; } .product_box .last_transaction > span.value, .product_box .last_transact > .list > .item > .last_transaction .value { float: right; font-size: 14px; line-height: 16px; padding: 4px 0 0; } .product_box .no_item { height: 85px; text-align: center; display: table; width: 100%; } .product_box .no_item > span { display: table-cell; vertical-align: middle; } @media screen and (max-width: 699px) { .product_box .no_item { height: 78px; } } .product_box .no_item:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0 } .product_box .stats > .row span.interest_date { font-family: 'lato'; font-size: 11px; line-height: 14px; color: #999999; } @media screen and (max-width: 699px) { .product_box .stats > .row span.interest_date { display: block; } .product_box .stats > .row span.interest_value { line-height: 36px; } } .button_last_transactions_history { max-width: 220px; margin: 0 auto; } .product_table .table_body > .row_with_details > .details > .body > .fields > .field > .cbf { font-size: 10px; white-space: nowrap; } @media screen and (max-width: 699px) { .product_table .table_body > .row_with_details > .details > .body > .fields > .field > .cbf > .cbf_l { float: left; clear: left; } } @media screen and (max-width: 699px) { .product_table .table_body > .row_with_details > .details > .body > .fields > .field > .cbf > .cbf_v { float: right; } } .unblock_button { margin-bottom: 10px; } .popup .full_radio.block_or_restrict { border-bottom: 0; } .popup .form_box.block_or_restrict_box { max-width: 280px; } .block_or_restrict_content { padding: 20px; } .block_or_restrict_content .button { max-width: 200px; margin: 20px auto 0; } .transfer_box { max-width: 650px; margin: 0px auto; } .transfer_box .row input[type="text"], .transfer_box .row textarea { -moz-box-sizing: border-box; -moz-transition: border 0.3s, background-color 0.3s; -o-transition: border 0.3s, background-color 0.3s; -webkit-box-sizing: border-box; -webkit-transition: border 0.3s, background-color 0.3s; background-color: #fff; border: 1px solid #cdcdcd; box-sizing: border-box; color: #333; display: block; font-size: 16px; font-weight: bold; height: 48px; line-height: 24px; padding: 12px 18px; transition: border 0.3s, background-color 0.3s; width: 100%; } .transfer_box .row textarea { height: 75px; resize: none; } @media screen and (max-width: 699px) { .transfer_box .row textarea { height: 100px; } } .transfer_box .row input[type="text"]:focus, .transfer_box .row input[type="text"]:hover, transfer_box .row textarea:focus, .transfer_box .row textarea:hover { border: 1px solid #ec0000 } .transfer_box .row input[type="text"].error, .transfer_box .row textarea.error { background-color: #ffeded } .transfer_box .rows { display: block; padding: 18px 0px; position: relative; } .transfer_box .row { display: block; font-size: 14px; line-height: 18px; position: relative; } .transfer_box .row:after { clear: both; content: ''; display: block; height: 0px; visibility: hidden; width: 100%; } .transfer_box .row > .l { color: #444547; display: block; float: left; padding: 15px 0px; position: relative; font-weight: bold; } .transfer_box .row > .v { color: #333; display: block; float: right; font-size: 15px; font-weight: bold; padding: 15px 0px; position: relative; } .transfer_box .row.form_row > .l { width: 10% } .transfer_box .row.form_row > .v { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; padding-left: 18px; width: 90%; } .transfer_box .transfer_form { margin-top: 15px; margin-bottom: 15px; } .transfer_box .row.form_row.transfer_amount > .v { width: 40%; float: left; } @media screen and (max-width: 699px) { .transfer_box .row.form_row.transfer_amount > .v { width: 70%; } .transfer_box .row.form_row > .v { width: 85%; } .transfer_box .row.form_row > .l { width: 15% } .transfer_box .row.form_row > .l.bold { width: 10% } } .transfer_box .row.form_row.transfer_amount > .l:last-child { margin-left: 10px; } .transfer_box .row.form_row > .v > .error_msg { color: #ec0000; display: block; font-size: 14px; font-weight: bold; line-height: 16px; padding-bottom: 9px; padding-top: 9px; position: relative; white-space: normal; } #AssociatedAccountCandidate-error.error_msg { margin-top: 6px; } .transfer_box .row.form_row > .v > .edit_field__inputhint { margin-top: 7px; } .transfer_box .row.form_row + .bt_cols, .row.form_row + .form_row { padding-top: 18px; padding-bottom: 18px; } .info_text_box_grey { position: relative; padding: 10px; background: #e6e6e6; } .info_text_box_grey .text { color: #333; font-size: 14px; line-height: 1.8; } .transfer_box .grid_layout.g_3_1_in .grid_item.info_text_box_grey .text { padding: 10px; } div.row.info_text_box_grey.form_row > div > div:last-child { float: right; } @media screen and (max-width: 699px) { div.row.info_text_box_grey.form_row > div > div:last-child { padding-top: 26px; } } div.row.info_text_box_grey.form_row > div > div:first-child { padding-left: 36px; } .transfer_box .white_box_content { margin-bottom: 18px; } .font-1-2em { font-size: 1.2em; } /* Wykres progów RO - początek */ .sac_graph_and_whitebox_container { overflow: auto; } .sac_graph_container { position: relative; margin-top: 12px; height: 62px; overflow: hidden; } .sac_graph { position: absolute; top: 17px; left: 0; right: 0; height: 30px; } .sac_graph.background { position: absolute; float: left; height: 28px; border-radius: 15px; box-shadow: inset 0 3px 9px 0 rgba(0, 0, 0, 0.25); border: solid 1px #c3c3c3; background-color: #ebebeb; } .sac_graph_bar_back { position: relative; float: left; width: 33%; height: 30px; background-color: transparent; overflow: hidden; } .sac_graph_bar_back.first, .sac_graph_bar_back.promotion { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .sac_graph_bar_back.promotion { width: 100%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .sac_graph_bar { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .sac_graph_bar.first { opacity: 0.66; background-color: #ff6868; } .sac_graph_bar.second, .sac_graph_bar.promotion { opacity: 0.66; background-color: #eb0102; } .sac_graph_bar.third { opacity: 0.6; background-color: #910001; } .sac_graph_percentage_label { width: 33%; float: left; text-align: center; font-size: 11px; font-family: 'lato'; color: #949494; } .sac_graph_percentage_label.promotion { width: 100%; } .sac_graph_values { position: absolute; top: 17px; width: 100% } .graph_value { position: relative; width: 33%; float: left; } .graph_value.promotion { width: 100%; } .graph_value > div { text-align: center; font-size: 10px; font-family: 'latoblack'; line-height: 30px; } .sac_graph_threshold_line { content: ''; position: absolute; top: 17px; height: 30px; border-right: 1px dashed #7d7d7d; border-left: 1px dashed #7d7d7d; } .sac_graph_threshold_line.first { left: calc(33% - 1px); } .sac_graph_threshold_line.second { left: calc(66% - 1px); } .sac_graph_mask { position: absolute; top: 17px; right: 0; width: 24px; height: 30px; background-image: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, #f5f5f5 75%); } .transparent { opacity: 0; } @media screen and (max-width: 699px) { .graph_middle_section { display: none; } } .white_box.with_arrow:before, .white_box.with_arrow:after { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px; } .white_box.with_arrow.first_threshold:before, .white_box.with_arrow.second_threshold:before, .white_box.with_arrow.promotion_threshold:before { top: -20px; border-color: transparent transparent #e1e1e1 transparent; } .white_box.with_arrow.first_threshold:after, .white_box.with_arrow.second_threshold:after, .white_box.with_arrow.promotion_threshold:after { top: -19px; border-color: transparent transparent white transparent; } .white_box.with_arrow.first_threshold:before, .white_box.with_arrow.first_threshold:after { left: calc(33% - 10px); } .white_box.with_arrow.second_threshold:before, .white_box.with_arrow.second_threshold:after { left: calc(66% - 10px); } .white_box.with_arrow.promotion_threshold:before, .white_box.with_arrow.promotion_threshold:after { left: calc(50% - 10px); } .threshold_info_icon { display: block; width: 24px; height: 24px; font-size: 24px; line-height: 24px; position: absolute; text-align: center; top: 31px; margin-top: -12px; left: 16px; color: #949494; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; transform: translateZ(0); } .threshold_info { float: left; padding-left: 35px; min-height: 36px; width: 100%; box-sizing: border-box; } .promotion-link-container { float: left; padding-left: 35px; padding-top: 5px; width: 100%; box-sizing: border-box; } a.link.promotion-link { font-size: 12px; } .threshold_details_toggler { float: left; margin: 5px 0 3px; padding-bottom: 0; } .threshold_details_toggler > .aan_toggler_label { width: 100%; padding-left: 22px; color: #949494; } a.aan_toggler.threshold_details_toggler > .arrow { margin-top: -14px; } a.aan_toggler.threshold_details_toggler > .arrow > .arrow_d, a.aan_toggler.threshold_details_toggler > .arrow > .arrow_u { color: #929394; } .threshold_details { position: relative; float: left; } .threshold_details_line { float: left; width: 100%; padding: 5px 0; } .threshold_details_line > .middle { padding-top: 10px; } .threshold_details_line:first-child { margin-top: 12px; } .threshold_details_line:not(:last-child) { border-bottom: 1px solid #c3c3c3; } .product_box .stats > .row.no_padding_right { padding-right: 0; } .white_box_container { display: block; } /* Wykres progów RO - koniec */ @media screen and (max-width: 699px) { .main_title_box .buttons.button_mobile { float: none; width: 160px; } .main_title_box.title_box_mobile { padding-bottom: 6px; } } .popup_authorize_savings_transfer h4 { font-weight: bold; line-height: 28px; } .popup_authorize_savings_transfer p { line-height: 16px; } .popup_authorize_savings_transfer .little-margin-bottom { margin-bottom: 10px; } .product_table.transact_history .table_head > .row > .col.c_2.sac_col_c2, .product_table.transact_history .table_body > .row_with_details > .row > .col.c_2.sac_col_c2 { width: 56%; } .row_with_details > .row > .col > .v.description_line_1, .row_with_details > .row > .col > .v.description_line_2 { display: block; float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .row_with_details > .row > .col > .v.description_line_1 { font-weight: bold; } .product_table.transact_history .table_body > .row_with_details > .row > .col.c_1.sac_th_booking_date { padding-top: 18px; } .product_box .last_transact > .list > .no_item > span.no_sca_item { padding: 0 18px 0 0; } .fields_left > .field.sac_field, .fields_right > .field.sac_field { width: 100%; padding: 0 18px 18px 18px; } .fields_left { width: 50%; float: left; } .fields_right { width: 50%; float: right; } @media screen and (max-width: 699px) { .product_table .table_body > .row_with_details > .details > .body > .fields > .field.sac_field > .l { width: 100%; float: left; } .product_table .table_body > .row_with_details > .details > .body > .fields > .field.sac_field > .v { width: 100%; float: left; } .product_table .table_body > .row_with_details > .details > .body > .fields > .field.sac_field { padding: 0 18px 12px 18px; } .fields_left { width: 100%; } .fields_right { width: 100%; padding: 12px 0 0 0; } .product_table.transact_history .table_body > .row_with_details > .row > .col.c_2.sac_col_c2 { width: 85%; } .row_with_details > .row > .col.c_2.sac_col_c2 > .v.description_line_1, .row_with_details > .row > .col.c_2.sac_col_c2 > .v.description_line_2 { text-align: left; float: left; padding-left: 48px; } } .popup_failure .message:before, .popup_delay .message:before, .popup-message-acceptance .message:before, .popup_message_send_confirmation .message:before { z-index: 1; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; display: block; width: 48px; height: 48px; font-size: 48px; line-height: 48px; text-align: center; color: #444547; position: absolute; top: 50%; left: 32px; margin-top: -24px; } .popup_failure .bts, .popup_delay .bts { display: block; position: relative; float: right; } .popup_failure .message, .popup_delay .message, .popup-message-acceptance .message, .popup_message_send_confirmation .message { display: block; position: relative; white-space: nowrap; float: left; font-size: 1px; font-size: 0; } .popup_failure .message .text, .popup_delay .message .text, .popup-message-acceptance .message .text, .popup_message_send_confirmation .message .text { white-space: normal; display: inline-block; vertical-align: middle; max-width: 100%; padding-left: 120px; font-size: 14px; line-height: 20px; color: #444547; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .popup_failure .message:after, .popup_delay .message:after, .popup-message-acceptance .message:after, .popup_message_send_confirmation .message:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; min-height: 48px; } .popup_failure .body_box:after, .popup_delay .body_box:after { content: ''; display: block; width: 100%; height: 0; clear: both; visibility: hidden; } .popup_failure .body_box, .popup_delay .body_box { position: relative; } .popup_failure .message:before { content: ""; color: #ec0000; } .popup_delay .message:before { content: ""; color: rgb(253,215,10); } .popup_message_send_confirmation .message:before { content: "\e618"; } .popup-message-acceptance .message:before { content: "\e625"; } @media screen and (max-width: 699px) { .popup_message_send_confirmation .message, .popup-message-acceptance .message { float: none; text-align: center; } .popup_message_send_confirmation .message:before, .popup-message-acceptance .message:before { position: relative; top: 0; left: 0; margin: 0 auto; margin-bottom: 0; margin-bottom: 18px; } .popup_message_send_confirmation .message:after, .popup-message-acceptance .message:after { display: none } .popup_message_send_confirmation .message .text, .popup-message-acceptance .message .text { padding-left: 0; } } .product_table.lifts_list.sac_statements .table_head > .row_with_details > .row > .col.c_1, .product_table.lifts_list.sac_statements .table_head > .row_with_details > .row > .col.c_2, .product_table.lifts_list.sac_statements .table_head > .row_with_details > .row > .col.c_3, .product_table.lifts_list.sac_statements .table_head > .row > .col.c_1, .product_table.lifts_list.sac_statements .table_head > .row > .col.c_2, .product_table.lifts_list.sac_statements .table_head > .row > .col.c_3, .product_table.lifts_list.sac_statements .table_body > .row_with_details > .row > .col.c_1, .product_table.lifts_list.sac_statements .table_body > .row_with_details > .row > .col.c_2, .product_table.lifts_list.sac_statements .table_body > .row_with_details > .row > .col.c_3, .product_table.lifts_list.sac_statements .table_body > .row > .col.c_1, .product_table.lifts_list.sac_statements .table_body > .row > .col.c_2, .product_table.lifts_list.sac_statements .table_body > .row > .col.c_3 { width: 25%; } @media screen and (max-width: 699px) { .product_table.lifts_list.sac_statements .table_body > .row_with_details > .row > .col.c_1, .product_table.lifts_list.sac_statements .table_body > .row_with_details > .row > .col.c_2, .product_table.lifts_list.sac_statements .table_body > .row_with_details > .row > .col.c_3, .product_table.lifts_list.sac_statements .table_body > .row > .col.c_1, .product_table.lifts_list.sac_statements .table_body > .row > .col.c_2, .product_table.lifts_list.sac_statements .table_body > .row > .col.c_3 { width: 100%; } } .application_button { margin: 0 !important; } .application-panel { float: left; } .application-panel > h3 { text-transform: uppercase; font-family: 'latoblack'; font-size: 20px; line-height: 24px; color: #333; text-transform: uppercase; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; word-break: break-word; } .application-panel > span { font-size: 13px; line-height: 16px; display: inline-block; padding: 4px 0; color: #444547; -o-transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; } .legal_instruction_toggler > .aan_toggler_label { width: 100%; } .legal_instruction_toggler { margin: 20px 0 3px; padding-bottom: 0; } a.aan_toggler.legal_instruction_toggler > .arrow { margin-top: -14px; } .legal-instruction-content { position: relative; float: left; width: 100%; font-size: 12px; } @media screen and (min-width: 700px) { .text-box { min-height: 77px; } } @media screen and (min-width: 700px) { .vertically_centered { line-height: 45px; } .vertically_centered > span { line-height: 1.5; display: inline-block; vertical-align: middle; } } .aan_arrow { margin-top: 4px !important; margin-left: 15px; } .aan_change_info { float: right; width: 50%; margin: 6px 12px 6px 0; text-align: right; font-size: 12px; font-weight: normal; } @media screen and (max-width: 699px) { .aan_change_info { width: 100%; margin: 8px 0 5px 0; } .aan_change_info > .red_text { display: inline-block; font-size: 11px; } } .change_button { float: right; } .change_button > .button.red { padding: 0 32px 0 32px; } .change_button_box { margin-top: -15px; clear: right; } @media screen and (max-width: 699px) { .change_button { margin-bottom: 5px; } span.s.aan_bank_name { float: left; text-align: left; } li.percentageThresholdItem { padding: 13px 18px 13px 18px; } li.percentageThresholdItem > .l, li.percentageThresholdItem > .v { padding: 0 18px 0 18px; } } .login_form .form_body .body_box.alias, .login_form .form_body .body_box.new_pass { padding-bottom: 27px; } .login_form .credential_question_row .form_col.c_1 { width: 240px; } .login_form .credential_question_row .form_col.c_2 { padding-left: 240px; } @media screen and (max-width: 699px) { .login_form .credential_question_row .form_col.c_1 { width: 100%; } .login_form .credential_question_row .form_col.c_2 { padding-left: 0; } } .login_form .login_panel_preview { top: 0; } .login_form .form_col.c_2.info_col { padding-left: 0; line-height: 1.5; font-size: 13px; } .login_form .form_col.c_2.active_products_tip { padding-left: 240px; line-height: 1.5; font-size: 11px; } @media screen and (max-width: 699px) { .login_form .form_col.c_2.active_products_tip { padding-left: 0; } } .login_form .form_row.info_row { min-height: 24px; } .login_form .form_row.thanks_row { min-height: 105px; } .applicationId { display: block; margin-bottom: 5px; } .login_form .form_foot.form_no_bar:before { content: none; } .login_form .form_field > .info_on_input { position: absolute; top: 12px; right: 70px; text-decoration: none; color: #444547; font-size: 24px; } .login_form .form_field .info_on_input:focus, .login_form .form_field .info_on_input:hover { color: #ec0000 } .login_form .form_field.v_key.v_info input[type="text"] { padding-right: 100px } @media screen and (max-width: 699px) { .login_form .form_field > .info_on_input { right: 18px } .login_form .form_field.v_key.v_info input[type="text"] { padding-right: 50px } } .pass_remind_button_box { max-width: 85%; margin: 10px auto 25px; } .popup .bt_cols > .col.c_1.pass_remind_col_1 { width: 50%; } .popup .bt_cols > .col.c_2.pass_remind_col_2 { width: 50%; } @media screen and (max-width: 699px) { .popup .bt_cols > .col.c_1.pass_remind_col_1 { width: 100%; padding-top: 18px; } .popup .bt_cols > .col.c_2.pass_remind_col_2 { width: 100%; padding-left: 0; } } .pass_remind_link_box ul li { display: inline; padding: 5px; } .red_hyperlink { color: #eb0102; } .red_hyperlink_no_underline { color: #eb0102; text-decoration: none; } .main_header .logo h1 > span > img.new_logo { height: 50px; } .main_header .logo h1 > span.new_logo:after { content: none; } @media screen and (max-width: 767px) { .main_header .logo h1 > span > img.new_logo { height: 34px; } } .aan_change_content { padding-top: 13px; } .aan_info { display: block; font-size: 14px; color: #444547; padding: 8px 0; line-height: 18px; } .aan_info.with_left_margin { margin-left: 48px; } .aan_info .icon:before { position: absolute; left: 20px; font-size: 20px; color: #b3b3b3; } .aan_change_info_box { border: 1px solid #cdcdcd; padding: 13px 18px; padding-bottom: 0; margin: 18px 0; font-size: 14px; line-height: 18px; color: #444547; } .aan_change_info_box .left_side, .aan_change_info_box .right_side { padding: 13px 5px; } .aan_change_info_box .left_side.no_padding_top, .aan_change_info_box .right_side.no_padding_top { padding-top: 0; } .aan_change_info_box .left_side.no_padding_left { padding-left: 0; } .aan_change_info_box .left_side.red, .aan_change_info_box .right_side.red { color: #ec0000; } .aan_change_info_box .right_side { padding-left: 20px; } .aan_change_info_box .left_side { float: left; width: 20px; } .aan_change_info_box .right_side { padding-left: 30px; } .aan_change_info_box .right_side .icon:before { left: 30px; } .transfer_box .row.form_row > .v.v_full { padding-left: 0; width: 100%; } .transfer_data { padding-top: 10px; } .transfer_data > .row { padding-top: 10px; } .transfer_data > .row > .label { font-weight: bold; float: left; width: 30%; } .transfer_data > .row > .value { float: left; width: 70%; } @media screen and (max-width: 699px) { .transfer_data > .row > .label { width: 100%; } .transfer_data > .row > .value { width: 100%; } } .aan_change_info_box .stdCheckbox > input + label > .chbox { background-color: transparent; width: 22px; height: 22px; } .aan_change_info_box .stdCheckbox > input + label > .chbox:before { font-size: 10px } .successMessageMargin { margin-bottom: 12px; } .text_link { color: red; text-decoration: none; font-weight: bold; } .table_filters.in_message > .search_box > .field_main { padding: 0 0 18px 0; } .message_box .msg_view_box .create_message_box { display: block; position: relative; border: 1px solid #c3c3c3 } .message_box .msg_view_box .create_message_box:after { display: inline-block; height: 100%; min-height: 200px } @media screen and (max-width: 699px) { .main_title_box .buttons.button_mobile.create_message_button { float: right; } } .create_message { margin: 36px; } .category_box { margin-top: 10px; display: block; width: 100%; position: relative; } .create_message_header { font-size: 20px; font-weight: bold; margin-bottom: 30px; } .radiobutton.categoryElement { width: 100%; display: inline-block; position: relative; margin-bottom: 15px; } .checkbox_text { display: inline-block; margin-left: 35px; } @media screen and (max-width: 699px) { .checkbox_text { font-size: 12px; } } .radiobutton input[type="radio"] + label > .label > .icon { font-size: 24px; position: absolute; top: 50%; margin-top: -12px; } .delete_message_thread { color: #333333; text-decoration: none; font-weight: bold; text-align: right; float: right; position: relative; z-index: 99; } .delete_message_thread { margin-left: 16px; } .message_actions { width: 100%; float: right; margin: 16px 0; line-height: 24px; } .message_thread_type { display: block; float: left; color: #444547; font-size: 14px; line-height: 18px; text-align: left; position: relative; clear: both; } #messagePreview > section > div > div.message_thread > .foot { border-top: 0; padding-top: 0; } .message.message_thread > .head > .sender > .icon, .message.message_thread > .head > .sender > .icon:before { background-color: inherit; display: block; width: 20px; height: 20px; font-size: 32px; line-height: 20px; text-align: center; } .message.message_thread > .head > .sender > .icon.icon-ico-logo-ico { color: #ec0000; } .message.message_thread > .head > .sender > .icon.icon-ico-user { color: #444547; } .message_type_box { white-space: nowrap; margin-top: 30px; } .message_type_label { display: inline-block; margin-top: 15px; } .message_type_dropdown { display: inline-block; width: 340px; float: right; } .message-body-infos { display: inline-block; width: 100%; font-size: 12px; } .message-attachments-info { float: left; width: 80% } .message-body-length { float: right; } #AttachmentsList { margin-top: 10px; } .message-attachment-item { display: inline-block; text-decoration: none; color: #444547; font-size: 14px; line-height: 24px; font-weight: bold; margin-right: 16px; position: relative; } .message-attachment-item > .icon { font-size: 14px; } .message-attachment-item > .icon-ico-trash { cursor: pointer; } .message-attachment-item > .text { margin: 0 5px; } @media screen and (max-width: 699px) { .message_type_dropdown { width: 100%; float: right; margin-right: 0; } .message_type_box { margin-top: 0; } .message_type_label { margin-bottom: 5px; } .message.message_thread > .head > .sender > .icon, .message.message_thread > .head > .sender > .icon:before { margin-left: 1px; } } .message_style { white-space: pre-wrap; word-break: break-word; } .title > h3 { word-break: break-word; } .msg_item > h4 { word-break: break-word; } .message-title-body { margin-bottom: 20px; } @media screen and (max-width: 699px) { .message_box .message.reply .form_bts > .bt_l { margin-bottom: 15px; } .message_box .message.reply .form_bts { display: grid; } } .change_3dsecure_password { display: inline-grid; float: right; margin-top: 10px; } .change_3dsecure_password_info { float: left; color: gray; font-size: 12px; } div > ul > li > .savings_promotion_link { text-align: center; display: block; padding: 13px 18px; } .transfer_info_header { display: block; position: relative; font-family: 'latoblack'; background-color: #e6e6e6; color: #333; font-size: 15px; line-height: 18px; text-transform: uppercase; padding: 18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e6e6e6; } .transfer_info { margin: 0 auto; padding: 0; } .transfer_additional_info { margin: 10px 0 10px 0; } .transfer_box .info_box.alert { background-color: #e9f3f7; } .transfer_box .info_box.alert .icon { color: #137e84 } .transfer_box .info_box.alert .info { background-color: #e2ecf4; } @media screen and (min-width: 700px) { .transfer_box .info_box .icon { margin-top: 13px; } } .transfer_box .info_box.alert .icon:before { content: "\e900" } .transfer_info .transfer_data { padding: 0; } .product_box .subsection > div.transfer_info { padding: 0; } @media screen and (min-width: 700px) { .form_beneficiary .edit_field.input_box { max-width: 280px; } } .radiobutton input[type="radio"] + label > .label-message-category, .radiobutton input[type="radio"]:hover + label > .label-message-category, .radiobutton input[type="radio"]:focus + label > .label-message-category { border: none; } .message-type-description-container, .agreement-option-description-container { width: 100%; display: inline-block } .message-type-description, .agreement-option-description { color: #444547; display: inline-block; font-size: 12px; line-height: 18px; } @media screen and (min-width: 700px) { .message-type-description, .agreement-option-description { width: 340px; float: right; } } a.arrear-info-link:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: inline-block; width: 10px; height: 10px; font-size: 10px; line-height: 10px; text-align: center; margin-left: -10px; left: 16px; position: relative; color: #ec0000; pointer-events: none; -o-transition: left, 0.3s; -moz-transition: left, 0.3s; -webkit-transition: left, 0.3s; transition: left, 0.3s } a.arrear-info-link:focus:after, a.arrear-info-link:hover:after { left: 26px } a.arrear-info-link--nonsticky:focus:after { left: 16px } a.arrear-info-link--nonsticky.active:after, a.arrear-info-link--nonsticky:hover:after { left: 26px } .arrear-info p:not(:first-child) { margin-top: 8px; } .damage-balance-info { max-width: 580px; margin: 0 auto; margin-top: 12px; } .schedule-info-box { padding-top: 12px; } .date_box { position: relative; } .date_box input { z-index: 0; display: block; width: 100%; height: 48px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 18px; padding-right: 18px; padding-right: 50px; border: 1px solid #c3c3c3; background-color: #fff; font-size: 14px; line-height: 24px; -o-transition: border 0.3s; -moz-transition: border 0.3s; -webkit-transition: border 0.3s; transition: border 0.3s; cursor: pointer; } .date_box input:focus, .date_box input:hover { border: 1px solid #ec0000; } .date_box span.additional-text { z-index: 1; position: absolute; pointer-events: none; top: 10px; left: 40px; font-size: 14px; line-height: 28px; } .date_box span.calendar-icon:not(.edit_field_fld) { z-index: 1; display: block; width: 40px; color: #ec0000; pointer-events: none; position: absolute; top: 1px; bottom: 1px; right: 1px; background-color: #fff; } .date_box span.calendar-icon:not(.edit_field_fld)::before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61d"; display: block; width: 18px; height: 18px; font-size: 18px; line-height: 18px; text-align: center; position: absolute; top: 50%; right: 18px; margin-top: -9px; } .popup_alert > .promise-date-message { border: 0; padding: 0 18px 0 18px; margin: 18px 0 0 0; } .promise-date-message > .promise-date-text { color: #444547; font-size: 12px; line-height: 18px; } .promise-date-alert { padding-left: 18px; padding-right: 18px; } .damage-balance-alert { padding-left: 120px; } @media screen and (max-width: 699px) { .promise-date-alert { padding: 36px 0 0 0; } .damage-balance-alert { padding: 36px 0 0 0; } } .overpayment-return-account-number { display: block; box-sizing: border-box; padding: 12px 18px; height: 48px; border: 1px solid #c3c3c3; font-size: 14px; line-height: 24px; background-color: #fff; transition: border 0.3s; width: 340px; float: right; } @media screen and (max-width: 699px) { .overpayment-return-account-number { width: 100%; } } #OverpaymentReturnAccount-error.error_msg, #OverpaymentReturnAccount-error.error { margin-top: 12px; color: #ec0000; display: block; font-size: 14px; font-weight: bold; line-height: 16px; position: relative; white-space: normal; clear: right; float: right; } .message_type_box .edit_field__inputhint, .message_type_box .overpayment-account-bank-name { position: relative; clear: right; float: right; top: 0; } .overpayment-account-bank-name { position: absolute; display: inline-block; right: 0; top: 38px; color: #444547; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding-top: 2px; padding-bottom: 10px; } @media screen and (min-width: 700px) { .message_thread > .body + .foot { padding-bottom: 32px; } .centered-button { width: 45%; float: left; padding: 0 8px 32px; } .centered-button-box { width: 50%; padding-left: 25%; float: left; } } @media screen and (max-width: 699px) { .centered-button { padding: 0 8px 16px 8px; } } #CreditCardsIncreaseLimitApplicationForm { display: inline; margin-right: 12px; } .welcome-text { padding-top: 14px; font-size: 12px; line-height: 16px; } .main_menu_mobile .mm_box a.session_info { padding: 15px 12px; } @media screen and (min-width: 700px) { .title.without-subtitle { height: 48px; } } .empty-message-list { height: 149px; text-align: center; font-size: 16px; color: #444547; line-height: 149px; } @media screen and (min-width: 700px) { .grace-period-installment-box { height: 48px; } .grace-period-installment-date-box { width: 340px; float: right; } } @media screen and (max-width: 699px) { .grace-period-installment-date-box { height: 48px; } } .grace-period-installment-date { box-sizing: border-box; border-bottom: 1px solid #c3c3c3; font-size: 14px; line-height: 48px; text-align: center; height: 40px; } .grace-period-installment-additional-info { margin-top: 18px; } .death-disposition-info-text { max-width: 290px } .death-disposition-create-message-button { display: table; margin: 0 auto; margin-top: 15px; } .product_box > .head.tpp-head { padding: 15px 18px; } @media screen and (max-width: 589px) { .form_foot > .info { margin-top: 10px; } } .form_foot > .info { margin-right: 10px; } .safety-rules { padding-top: 35px; } .intro_info_section { margin-bottom: 15px; } .restructuring-info .col-content { padding-top: 9px; margin-bottom: 10px; } .restructuring-info .col-content ul.circle-tick > li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; width: 12px; height: 12px; font-size: 12px; line-height: 12px; text-align: center; color: #ec0000; background-color: transparent; position: absolute; top: 50%; left: 0px; margin-top: -6px } .restructuring-info-header { font-weight: bold; font-size: 18px; text-align: center; width: 50%; margin: 36px auto 30px auto; } .message_type_box .restructuring-info { white-space: normal; } .restructuring-info-annotation-line { border-bottom: 1px solid #e1e1e1; width: 100%; } .restructuring-info-paragraph { margin-bottom: 20px; } .restructuring-info-paragraph:last-child { margin-bottom: 0; } .restructuring-info-annotation { padding-top: 15px; font-size: 12px; } .message_type_box .error-message { white-space: normal; text-align: center; } @media screen and (max-width: 699px) { .error-message { margin-top: 30px; } } .error-message-info { font-size: 15px; margin-top: 15px; } .error-message-icon:before { font-size: 48px; color: red; } .one-time-marketing-consent { background: rgb(216,216,216); background: linear-gradient(180deg, rgba(216,216,216,1) 40%, rgba(254,215,215,1) 80%); max-width: 770px; margin: 0 auto; padding: 64px; display: grid; grid-template-rows: auto 1fr auto; place-items: center; text-align: center; } .one-time-marketing-consent__header { font-family: 'latoblack'; font-size: 20px; line-height: 24px; grid-row: 1/2; margin-bottom: 24px; } .one-time-marketing-consent__content { font-family: 'lato'; font-size: 16px; grid-row: 2/3; margin-bottom: 32px; } .button.one-time-marketing-consent__button { background-color: #ec0000; color: #fff !important; display: inline-block; width: 160px; grid-row: 3/4; } .conversion-info { position: relative; margin-bottom: 18px; } .conversion-info > .icon { display: block; width: 20px; height: 20px; font-size: 20px; line-height: 20px; color: #a7aaae; position: absolute; top: 50%; margin-top: -10px } .conversion-info > .text { color: #333; font-size: 14px; } .radio-item { display: inline-block; position: relative; padding: 0 6px; margin: 14px 0 0; } .radio-item input[type='radio'] { display: none; } .radio-item label { color: #666; font-weight: normal; cursor: pointer; } .radio-item label:before { content: " "; display: inline-block; position: relative; top: 2px; margin: 0 5px 0 0; width: 16px; height: 16px; border-radius: 12px; border: 2px solid #EC0000; background-color: transparent; box-sizing: border-box; } .radio-item input[type=radio]:checked + label:after { border-radius: 8px; width: 8px; height: 8px; position: absolute; top: 6px; left: 10px; content: " "; display: block; background: #EC0000; } .aml-buttons { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; } .aml-button-next { place-self: end; max-width: 200px; } .aml-button-logout { place-self: start; max-width: 200px; } .aml-spacer { padding-bottom: 24px; padding-top: 24px; padding-left: 40px; padding-right: 40px; } .aml-fieldset { margin-top: -10px; } .aml-header { margin-bottom: 16px; } .aml-note { font-size: 14px; line-height: 18px; font-style: normal; font-weight: 400; text-align: justify; } .aml-note-header { text-align: center; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; margin-bottom: 10px; } #smart-banner-android { width: 100%; top: 0; left: 0; position: relative; z-index: 999; } .btn-text { color: #EC0000; text-decoration: underline; cursor: pointer; font-weight: 600; text-underline-position: under; } .btn-no-icon { padding: 0px 18px !important; padding-right: 40px !important; } .popup .eb-regulations .error_msg { position: relative; display: block; color: #ec0000; font-size: 14px; line-height: 16px; font-weight: bold; padding-top: 9px; padding-bottom: 9px; white-space: normal; } .eb-regulations { padding: 6px 22px 14px 22px; display: grid; grid-template-rows: repeat(2, auto) 1fr auto; grid-template-areas: "info" "checkbox" "email" "submit"; row-gap: 40px; } .eb-regulations__info { grid-area: info; display: grid; row-gap: 12px; } .eb-regulations__download-btn { width: fit-content; } .eb-regulations__checkbox { grid-area: checkbox; } .eb-regulations__checkbox-label { cursor: pointer; font-size: 14px !important; } .eb-regulations__send-email-panel { grid-area: email; display: grid; grid-template-rows: repeat(2, auto); grid-template-columns: repeat(2, auto); grid-template-areas: "info info" "email email"; padding: 24px; row-gap: 24px; background-color: #f5f5f5; border-radius: 4px; } .eb-regulations__send-email-panel--no-email { grid-template-areas: "info info" "email ."; } .eb-regulations-send-email-panel__info { grid-area: info; } .eb-regulations-send-email-panel__email-panel { grid-area: email; } .eb-regulations__submit { grid-area: submit; place-self: center; margin-top: 14px; width: 160px; } .eb-regulations-current-email-panel { display: grid; grid-template-columns: auto 1fr; grid-column-gap: 24px; grid-template-areas: "email edit-btn"; } .eb-regulations-current-email-panel__email { grid-area: email; font-weight: bold; word-wrap: break-word; word-break: break-all; } .eb-regulations-current-email-panel__edit-btn { grid-area: edit-btn; align-self: center; min-width: 128px; width: min-content; } .eb-regulations-edit-email-panel { display: grid; grid-template-columns: 50% repeat(2, auto); grid-template-rows: repeat(2, auto); grid-column-gap: 24px; grid-template-areas: "input save-btn cancel-btn" "alert alert alert"; } .eb-regulations-edit-email-panel__save-btn { grid-area: save-btn; } .eb-regulations-edit-email-panel__cancel-btn { grid-area: cancel-btn; justify-self: center; margin-top: 16px; text-decoration: none; } .eb-regulations-edit-email-panel__not-saved-info { grid-area: alert; margin-top: 24px; } .eb-regulations-edit-email-panel__not-saved-info > .info_box { border: 1px solid #F5A3A3; font-size: 14px; } @media screen and (max-width: 699px) { .eb-regulations__send-email-panel--no-email { grid-template-areas: "info info" "email email"; } .eb-regulations-current-email-panel { grid-template-columns: 1fr; grid-template-rows: 1fr auto; row-gap: 24px; grid-template-areas: "email" "edit-btn"; } .eb-regulations-current-email-panel__edit-btn { justify-self: center; } .eb-regulations-edit-email-panel { grid-template-columns: 1fr; grid-template-rows: repeat(4, auto); grid-template-areas: "input" "save-btn" "cancel-btn" "alert"; } .eb-regulations-edit-email-panel__save-btn { margin: 24px 0; } .eb-regulations-edit-email-panel__cancel-btn { margin: 0; } .eb-regulations__submit { place-self: auto; width: auto; } } /* Fore colors */ span[data-ckforecolor][data-color="#333333"] { color: #333333; } span[data-ckforecolor][data-color="#454545"] { color: #454545; } span[data-ckforecolor][data-color="#595958"] { color: #595958; } span[data-ckforecolor][data-color="#979797"] { color: #979797; } span[data-ckforecolor][data-color="#E7E2E2"] { color: #E7E2E2; } span[data-ckforecolor][data-color="#D8D8D8"] { color: #D8D8D8; } span[data-ckforecolor][data-color="#EC0000"] { color: #EC0000; } span[data-ckforecolor][data-color="#AD547F"] { color: #AD547F; } span[data-ckforecolor][data-color="#732645"] { color: #732645; } span[data-ckforecolor][data-color="#0B2A87"] { color: #0B2A87; } span[data-ckforecolor][data-color="#2A4FBF"] { color: #2A4FBF; } span[data-ckforecolor][data-color="#3366FF"] { color: #3366FF; } span[data-ckforecolor][data-color="#1BB3BC"] { color: #1BB3BC; } span[data-ckforecolor][data-color="#63BC68"] { color: #63BC68; } span[data-ckforecolor][data-color="#FBDC69"] { color: #FBDC69; } /* Back colors */ span[data-ckbackcolor][data-color="#333333"] { background-color: #333333; } span[data-ckbackcolor][data-color="#454545"] { background-color: #454545; } span[data-ckbackcolor][data-color="#595958"] { background-color: #595958; } span[data-ckbackcolor][data-color="#979797"] { background-color: #979797; } span[data-ckbackcolor][data-color="#E7E2E2"] { background-color: #E7E2E2; } span[data-ckbackcolor][data-color="#D8D8D8"] { background-color: #D8D8D8; } span[data-ckbackcolor][data-color="#EC0000"] { background-color: #EC0000; } span[data-ckbackcolor][data-color="#AD547F"] { background-color: #AD547F; } span[data-ckbackcolor][data-color="#732645"] { background-color: #732645; } span[data-ckbackcolor][data-color="#0B2A87"] { background-color: #0B2A87; } span[data-ckbackcolor][data-color="#2A4FBF"] { background-color: #2A4FBF; } span[data-ckbackcolor][data-color="#3366FF"] { background-color: #3366FF; } span[data-ckbackcolor][data-color="#1BB3BC"] { background-color: #1BB3BC; } span[data-ckbackcolor][data-color="#63BC68"] { background-color: #63BC68; } span[data-ckbackcolor][data-color="#FBDC69"] { background-color: #FBDC69; } /* Font sizes */ span[data-fontsize="8px"] { font-size: 8px; } span[data-fontsize="9px"] { font-size: 9px; } span[data-fontsize="10px"] { font-size: 10px; } span[data-fontsize="11px"] { font-size: 11px; } span[data-fontsize="12px"] { font-size: 12px; } span[data-fontsize="14px"] { font-size: 14px; } span[data-fontsize="16px"] { font-size: 16px; } span[data-fontsize="18px"] { font-size: 18px; } span[data-fontsize="20px"] { font-size: 20px; } span[data-fontsize="22px"] { font-size: 22px; } span[data-fontsize="24px"] { font-size: 24px; } span[data-fontsize="26px"] { font-size: 26px; } span[data-fontsize="28px"] { font-size: 28px; } span[data-fontsize="36px"] { font-size: 36px; } span[data-fontsize="48px"] { font-size: 48px; } span[data-fontsize="72px"] { font-size: 72px; } /* Alignments */ .ckalignleft { text-align: left; } .ckalignright { text-align: right; } .ckaligncenter { text-align: center; } .ckalignjustify { text-align: justify; } /* Czyszczenie styli na potrzebę wiadomości */ .msg_item span[data-ckbackcolor], .side_message span[data-ckbackcolor] { background-color: inherit; } /* Modyfikacje Craftona */ .main_menu_mobile .main_menu > span > .applications-and-offers-menu { background-color: #ec0000; } .main_menu_mobile .main_menu > span > .applications-and-offers-menu > span { display: inline; vertical-align: middle; } /* Nowe */ .applications-counter-container { display: inline; padding-left: 12px; } .applications-counter { border-radius: 50%; width: 22px; height: 22px; font-size: 11px; font-weight: bold; background: white; color: #ec0000; text-align: center; vertical-align: middle; display: inline-flex; justify-content: center; align-items: center; } .santdr_main { display: block; width: 100%; height: 100%; background: #ffffff; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; } .santdr_main a { text-decoration: none; color: #666666; } .santdr_main .santdr_container { display: block; width: 100%; margin: auto; /*max-width: 960px;*/ } /*@media screen and (max-width : 1024px) { .santdr_main .santdr_container { padding: 0 20px; } }*/ /*@media screen and (max-width : 767px) { .santdr_main .santdr_content { display: block; width: 100%; margin-top: 30px; } }*/ /*@media screen and (min-width : 768px) and (max-width : 1024px) { .santdr_main .santdr_content .santdr_banner_lg { max-width: 40%; } }*/ .santdr_main .santdr_content { display: block; width: 100%; padding: 60px 0; } .santdr_main .santdr_top { display: block; width: 100%; height: 75px; background-color: #fff; /* background-image: url('../img/santdr_bg_top.jpg'); */ /* background-position: center bottom; */ /* background-repeat: repeat-x; */ } .santdr_main .santdr_top .santdr_logo { display: inline-block; float: left; width: 140px; margin: 16px 20px; } .santdr_main .santdr_top .santdr_slogan { display: inline-block; float: left; margin: 0 20px; color: rgb(236, 0, 0); font-size: 30px; line-height: 75px; } .santdr_main .santdr_tabs { display: block; width: 100%; background: #e3e3e3; text-align: center; } @media screen and (max-width : 767px) { .santdr_main .santdr_top { display: block; width: 100%; height: auto; /* background-position: center top; background-repeat: repeat-x; background-color: #E50100; */ } .santdr_main .santdr_tabs { display: none; } .santdr_main .santdr_top .santdr_logo { display: block; float: none; margin: 20px auto 0px auto; } .santdr_main .santdr_top .santdr_slogan { display: block; float: none; margin: 0 20px; color: rgb(236, 0, 0); text-align: center; font-size: 16px; line-height: 35px; padding: 20px 0; } .santdr_main .santdr_content { padding: 0; } } .santdr_main .santdr_tabs ul { padding: 0; margin: 0; } .santdr_main .santdr_tabs ul li { display: inline-block; height: 65px; padding: 0 25px; position: relative; } .santdr_main .santdr_tabs ul li:focus { box-shadow: none; outline: none; } .santdr_main .santdr_tabs ul li a:focus { box-shadow: none; outline: none; } .santdr_main .santdr_tabs ul li:after { content: ''; display: block; width: 1px; height: 25px; background: #c7c7c7; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .santdr_main .santdr_tabs ul li:last-child:after { display: none; } .santdr_main .santdr_tabs ul li:hover a { color: rgb(236, 0, 0); } .santdr_main .santdr_tabs ul li a { display: block; color: #666666; font-size: 18px; line-height: 65px; transition: all .4s ease-in; -webkit-transition: all .4s ease-in; } .santdr_main .santdr_tabs ul li.ui-state-active a { color: rgb(236, 0, 0); } .santdr_main .santdr_banner { display: inline-block; width: 30%; height: auto; max-width: 330px; padding: 40px; box-sizing: border-box; float: left; } .santdr_main .santdr_slide { display: inline-block; width: 70%; /*min-height: 400px;*/ /*padding: 40px;*/ /*box-sizing: border-box;*/ float: right; } @media screen and (max-width : 767px) { .santdr_main .santdr_banner { display: none; } .santdr_main .santdr_slide { width: 100%; /*display: block !important;*/ /*height: 0;*/ float: none; overflow: hidden; transition: height .4s ease-in; } } .santdr_main .santdr_slide .santdr_slide_inner { display: block; padding: 40px; } .santdr_main .santdr_slide .santdr_slide_title { display: block; font-size: 42px; color: rgb(236, 0, 0); margin-bottom: 30px; } .santdr_main .santdr_slide .santdr_slide_des { display: block; font-size: 30px; line-height: 38px; margin-bottom: 30px; } .santdr_main .santdr_slide .santdr_slide_end_txt { display: block; font-size: 30px; line-height: 38px; margin-top: 100px; } @media screen and (max-width : 767px) { .santdr_main .santdr_slide .santdr_slide_title { font-size: 30px; } .santdr_main .santdr_slide .santdr_slide_des { font-size: 18px; } } .santdr_main .santdr_slide .santdr_slide_des_small { display: block; font-size: 20px; line-height: 38px; margin-bottom: 30px; } .santdr_main .santdr_slide .santdr_slide_des_info { display: block; font-size: 24px; margin: 30px 0; margin-top: 100px; } .santdr_main .santdr_slide .santdr_slide_des_info_end { display: block; font-size: 24px; margin: 30px 0; margin-top: 50px; } .santdr_main .santdr_slide ul.santdr_slide_list { display: block; padding: 0; margin: 20px 0; } .santdr_main .santdr_slide ul.santdr_slide_list li { display: block; position: relative; padding-left: 30px; margin: 20px 0; font-size: 18px; line-height: 22px; max-width: 700px; width: 100%; } .santdr_main .santdr_slide ul.santdr_slide_list li a { color: rgb(236, 0, 0); } @media screen and (max-width : 767px) { .santdr_main .santdr_slide ul.santdr_slide_list li { font-size: 14px; } } .santdr_main .santdr_slide ul.santdr_slide_list li:after { content: ''; display: block; width: 10px; height: 10px; background: rgb(236, 0, 0); position: absolute; left: 0px; top: 3px; } .santdr_main .santdr_slide .santdr_links_group { display: block; margin: 50px 0; padding-left: 50px; } .santdr_main .santdr_slide .santdr_links_group a { display: block; color: rgb(236, 0, 0); font-size: 18px; font-weight: bold; margin: 10px 0; } .santdr_main .santdr_slide .santdr_links_group.single a { margin: 20px 0; color: #666666; } @media screen and (max-width : 767px) { .santdr_main .santdr_slide .santdr_links_group.single { padding-left: 0; } .santdr_main .santdr_slide .santdr_links_group a { font-size: 12px; } .santdr_main .santdr_slide ul.santdr_slide_list li:after { content: ''; top: 7px; } } .santdr_main .santdr_slide .santdr_links_group .santdr_link_des { display: block; font-size: 14px; margin-bottom: 30px; } .santdr_main .santdr_content .santdr_btn-wrapper { display: block; width: 100%; text-align: center; } .santdr_btn-send { display: inline-block; background: rgb(236, 0, 0); color: #ffffff; border-radius: 0; border: 0; height: 60px; text-align: center; line-height: 60px; font-size: 16px; padding: 0px 20px; margin: 50px auto; position: relative; padding-right: 50px; cursor: pointer; } .santdr_btn-send:focus { outline: none; box-shadow: none; } .santdr_btn-send:after { content: ''; background-image: url('../img/santdr_btn_arr.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 10px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 20px; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } .santdr_btn-send:hover:after { content: ''; right: 18px; } .santdr_main a.santdr_mobile_btn { display: block; /*width: 100%;*/ background: #666666; font-size: 20px; color: #ffffff; height: 70px; line-height: 70px; padding: 0 60px 0 30px; margin-bottom: 4px; position: relative; } .santdr_main a.santdr_mobile_btn:after { content: ''; display: block; background-image: url('../img/santdr_mobile_arr.png'); background-size: 100% 200%; background-position: center top; width: 26px; height: 16px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all .4s ease-in; -webkit-transition: background .4s ease-in; } .santdr_main a.santdr_mobile_btn.active:after { background-position: center bottom; } .santdr_main a.santdr_mobile_btn.active { display: block; /*width: 100%;*/ background: #e0e0e0; font-size: 20px; color: #666666; height: 70px; line-height: 70px; padding: 0 60px 0 30px; margin-bottom: 4px; } @media screen and (min-width : 768px) { .santdr_main a.santdr_mobile_btn { display: none; } } .menu-drawer { position: absolute; max-height: 0; overflow: hidden; width: 100%; z-index: 7; } .menu-drawer.isFixed { position: fixed; top: 60px; } .menu-drawer-content-wrapper { background-color: #f5f5f5; box-shadow: 0 16px 24px -8px rgba(0, 0, 0, 0.4); display: none; height: 100%; float: left; margin-bottom: 35px; position: relative; width: 100%; } @media (max-width: 767px) { .menu-drawer { display: none; } } .product-box { display: grid; grid-template-columns: min-content auto min-content; grid-template-rows: minmax(50px, min-content); } .product-box.hidden { display: none; } .product-box__icon { align-self: center; } .product-box__icon .icon { font-size: 32px; margin: 0 13px 0 23px; } .product-box__content { font-size: 16px; margin: 15px 15px 15px 0px; line-height: 18px; font-family: "Lato"; } .product-box__close-button { display: inline-block; font-size: 12px; margin: 19px 12px; transform: rotate(0deg); transition: transform 0.3s; cursor: pointer; } .product-box__close-button:hover { transform: rotate(360deg); } .product-box--warning { background-color: #FFE599; border: 1px solid #FFCC33; } .product-box--warning .product-box__icon { color: #5C470A; } .product-box--upsell { background-color: #1bb3bc; color: white; } .product-image-box { float: left; border-bottom-right-radius: 8px; border-top-right-radius: 8px; height: 48px; width: 48px; margin-right: 24px; overflow: hidden; } .product-image-box img { float: right; max-height: 100%; } .product-image-box__icon { margin: 8px; } .product-image-box__icon:before { color: #fff; font-size: 32px; } .product-image-box--cash-loan { background-color: #63ba69; } .product-image-box--hire-purchase { background-color: #3366ff; } .product-image-box--deposit { background-color: #732645; } .product-image-box--unpaid-deposit .product-image-box__icon:before { color: #303432; } .product-image-box--credit-limit { background-color: #0b2a87; } .product-image-box--savings-account { background-color: #ad547f; } .product-image-box--special-purpose-loan { background-color: #2a4fbf; } @media screen and (max-width: 699px) { .product-image-box { border-bottom-right-radius: 5px; border-top-right-radius: 5px; height: 32px; width: 32px; margin-right: 13px; position: relative; top: -7px; } .product-image-box__icon { margin: 5px; } .product-image-box__icon:before { font-size: 22px; } }