/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, sup, 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-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /******************************************************************************/ /* ... **********************************************************************/ /******************************************************************************/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ._clearfix:before, ._clearfix:after { display: table; content: " "; } ._clearfix::after { clear: both; } /******************************************************************************/ /* Grid system **************************************************************/ /******************************************************************************/ ._container:before, ._container:after, ._container-fluid:before, ._container-fluid:after, ._row:before, ._row:after { display: table; content: " "; } ._container:after, ._container-fluid:after, ._row:after { clear: both; } ._container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){._container{width:750px}}@media (min-width:992px){._container{width:970px}}@media (min-width:1200px){._container{width:1170px}}._container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}._row{margin-right:-15px;margin-left:-15px}._row-no-gutters{margin-right:0;margin-left:0}._row-no-gutters [class*=_col-]{padding-right:0;padding-left:0}._col-lg-1,._col-lg-10,._col-lg-11,._col-lg-12,._col-lg-2,._col-lg-3,._col-lg-4,._col-lg-5,._col-lg-6,._col-lg-7,._col-lg-8,._col-lg-9,._col-md-1,._col-md-10,._col-md-11,._col-md-12,._col-md-2,._col-md-3,._col-md-4,._col-md-5,._col-md-6,._col-md-7,._col-md-8,._col-md-9,._col-sm-1,._col-sm-10,._col-sm-11,._col-sm-12,._col-sm-2,._col-sm-3,._col-sm-4,._col-sm-5,._col-sm-6,._col-sm-7,._col-sm-8,._col-sm-9,._col-xs-1,._col-xs-10,._col-xs-11,._col-xs-12,._col-xs-2,._col-xs-3,._col-xs-4,._col-xs-5,._col-xs-6,._col-xs-7,._col-xs-8,._col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}._col-xs-1,._col-xs-10,._col-xs-11,._col-xs-12,._col-xs-2,._col-xs-3,._col-xs-4,._col-xs-5,._col-xs-6,._col-xs-7,._col-xs-8,._col-xs-9{float:left}._col-xs-12{width:100%}._col-xs-11{width:91.66666667%}._col-xs-10{width:83.33333333%}._col-xs-9{width:75%}._col-xs-8{width:66.66666667%}._col-xs-7{width:58.33333333%}._col-xs-6{width:50%}._col-xs-5{width:41.66666667%}._col-xs-4{width:33.33333333%}._col-xs-3{width:25%}._col-xs-2{width:16.66666667%}._col-xs-1{width:8.33333333%}._col-xs-pull-12{right:100%}._col-xs-pull-11{right:91.66666667%}._col-xs-pull-10{right:83.33333333%}._col-xs-pull-9{right:75%}._col-xs-pull-8{right:66.66666667%}._col-xs-pull-7{right:58.33333333%}._col-xs-pull-6{right:50%}._col-xs-pull-5{right:41.66666667%}._col-xs-pull-4{right:33.33333333%}._col-xs-pull-3{right:25%}._col-xs-pull-2{right:16.66666667%}._col-xs-pull-1{right:8.33333333%}._col-xs-pull-0{right:auto}._col-xs-push-12{left:100%}._col-xs-push-11{left:91.66666667%}._col-xs-push-10{left:83.33333333%}._col-xs-push-9{left:75%}._col-xs-push-8{left:66.66666667%}._col-xs-push-7{left:58.33333333%}._col-xs-push-6{left:50%}._col-xs-push-5{left:41.66666667%}._col-xs-push-4{left:33.33333333%}._col-xs-push-3{left:25%}._col-xs-push-2{left:16.66666667%}._col-xs-push-1{left:8.33333333%}._col-xs-push-0{left:auto}._col-xs-offset-12{margin-left:100%}._col-xs-offset-11{margin-left:91.66666667%}._col-xs-offset-10{margin-left:83.33333333%}._col-xs-offset-9{margin-left:75%}._col-xs-offset-8{margin-left:66.66666667%}._col-xs-offset-7{margin-left:58.33333333%}._col-xs-offset-6{margin-left:50%}._col-xs-offset-5{margin-left:41.66666667%}._col-xs-offset-4{margin-left:33.33333333%}._col-xs-offset-3{margin-left:25%}._col-xs-offset-2{margin-left:16.66666667%}._col-xs-offset-1{margin-left:8.33333333%}._col-xs-offset-0{margin-left:0}@media (min-width:768px){._col-sm-1,._col-sm-10,._col-sm-11,._col-sm-12,._col-sm-2,._col-sm-3,._col-sm-4,._col-sm-5,._col-sm-6,._col-sm-7,._col-sm-8,._col-sm-9{float:left}._col-sm-12{width:100%}._col-sm-11{width:91.66666667%}._col-sm-10{width:83.33333333%}._col-sm-9{width:75%}._col-sm-8{width:66.66666667%}._col-sm-7{width:58.33333333%}._col-sm-6{width:50%}._col-sm-5{width:41.66666667%}._col-sm-4{width:33.33333333%}._col-sm-3{width:25%}._col-sm-2{width:16.66666667%}._col-sm-1{width:8.33333333%}._col-sm-pull-12{right:100%}._col-sm-pull-11{right:91.66666667%}._col-sm-pull-10{right:83.33333333%}._col-sm-pull-9{right:75%}._col-sm-pull-8{right:66.66666667%}._col-sm-pull-7{right:58.33333333%}._col-sm-pull-6{right:50%}._col-sm-pull-5{right:41.66666667%}._col-sm-pull-4{right:33.33333333%}._col-sm-pull-3{right:25%}._col-sm-pull-2{right:16.66666667%}._col-sm-pull-1{right:8.33333333%}._col-sm-pull-0{right:auto}._col-sm-push-12{left:100%}._col-sm-push-11{left:91.66666667%}._col-sm-push-10{left:83.33333333%}._col-sm-push-9{left:75%}._col-sm-push-8{left:66.66666667%}._col-sm-push-7{left:58.33333333%}._col-sm-push-6{left:50%}._col-sm-push-5{left:41.66666667%}._col-sm-push-4{left:33.33333333%}._col-sm-push-3{left:25%}._col-sm-push-2{left:16.66666667%}._col-sm-push-1{left:8.33333333%}._col-sm-push-0{left:auto}._col-sm-offset-12{margin-left:100%}._col-sm-offset-11{margin-left:91.66666667%}._col-sm-offset-10{margin-left:83.33333333%}._col-sm-offset-9{margin-left:75%}._col-sm-offset-8{margin-left:66.66666667%}._col-sm-offset-7{margin-left:58.33333333%}._col-sm-offset-6{margin-left:50%}._col-sm-offset-5{margin-left:41.66666667%}._col-sm-offset-4{margin-left:33.33333333%}._col-sm-offset-3{margin-left:25%}._col-sm-offset-2{margin-left:16.66666667%}._col-sm-offset-1{margin-left:8.33333333%}._col-sm-offset-0{margin-left:0}}@media (min-width:992px){._col-md-1,._col-md-10,._col-md-11,._col-md-12,._col-md-2,._col-md-3,._col-md-4,._col-md-5,._col-md-6,._col-md-7,._col-md-8,._col-md-9{float:left}._col-md-12{width:100%}._col-md-11{width:91.66666667%}._col-md-10{width:83.33333333%}._col-md-9{width:75%}._col-md-8{width:66.66666667%}._col-md-7{width:58.33333333%}._col-md-6{width:50%}._col-md-5{width:41.66666667%}._col-md-4{width:33.33333333%}._col-md-3{width:25%}._col-md-2{width:16.66666667%}._col-md-1{width:8.33333333%}._col-md-pull-12{right:100%}._col-md-pull-11{right:91.66666667%}._col-md-pull-10{right:83.33333333%}._col-md-pull-9{right:75%}._col-md-pull-8{right:66.66666667%}._col-md-pull-7{right:58.33333333%}._col-md-pull-6{right:50%}._col-md-pull-5{right:41.66666667%}._col-md-pull-4{right:33.33333333%}._col-md-pull-3{right:25%}._col-md-pull-2{right:16.66666667%}._col-md-pull-1{right:8.33333333%}._col-md-pull-0{right:auto}._col-md-push-12{left:100%}._col-md-push-11{left:91.66666667%}._col-md-push-10{left:83.33333333%}._col-md-push-9{left:75%}._col-md-push-8{left:66.66666667%}._col-md-push-7{left:58.33333333%}._col-md-push-6{left:50%}._col-md-push-5{left:41.66666667%}._col-md-push-4{left:33.33333333%}._col-md-push-3{left:25%}._col-md-push-2{left:16.66666667%}._col-md-push-1{left:8.33333333%}._col-md-push-0{left:auto}._col-md-offset-12{margin-left:100%}._col-md-offset-11{margin-left:91.66666667%}._col-md-offset-10{margin-left:83.33333333%}._col-md-offset-9{margin-left:75%}._col-md-offset-8{margin-left:66.66666667%}._col-md-offset-7{margin-left:58.33333333%}._col-md-offset-6{margin-left:50%}._col-md-offset-5{margin-left:41.66666667%}._col-md-offset-4{margin-left:33.33333333%}._col-md-offset-3{margin-left:25%}._col-md-offset-2{margin-left:16.66666667%}._col-md-offset-1{margin-left:8.33333333%}._col-md-offset-0{margin-left:0}}@media (min-width:1200px){._col-lg-1,._col-lg-10,._col-lg-11,._col-lg-12,._col-lg-2,._col-lg-3,._col-lg-4,._col-lg-5,._col-lg-6,._col-lg-7,._col-lg-8,._col-lg-9{float:left}._col-lg-12{width:100%}._col-lg-11{width:91.66666667%}._col-lg-10{width:83.33333333%}._col-lg-9{width:75%}._col-lg-8{width:66.66666667%}._col-lg-7{width:58.33333333%}._col-lg-6{width:50%}._col-lg-5{width:41.66666667%}._col-lg-4{width:33.33333333%}._col-lg-3{width:25%}._col-lg-2{width:16.66666667%}._col-lg-1{width:8.33333333%}._col-lg-pull-12{right:100%}._col-lg-pull-11{right:91.66666667%}._col-lg-pull-10{right:83.33333333%}._col-lg-pull-9{right:75%}._col-lg-pull-8{right:66.66666667%}._col-lg-pull-7{right:58.33333333%}._col-lg-pull-6{right:50%}._col-lg-pull-5{right:41.66666667%}._col-lg-pull-4{right:33.33333333%}._col-lg-pull-3{right:25%}._col-lg-pull-2{right:16.66666667%}._col-lg-pull-1{right:8.33333333%}._col-lg-pull-0{right:auto}._col-lg-push-12{left:100%}._col-lg-push-11{left:91.66666667%}._col-lg-push-10{left:83.33333333%}._col-lg-push-9{left:75%}._col-lg-push-8{left:66.66666667%}._col-lg-push-7{left:58.33333333%}._col-lg-push-6{left:50%}._col-lg-push-5{left:41.66666667%}._col-lg-push-4{left:33.33333333%}._col-lg-push-3{left:25%}._col-lg-push-2{left:16.66666667%}._col-lg-push-1{left:8.33333333%}._col-lg-push-0{left:auto}._col-lg-offset-12{margin-left:100%}._col-lg-offset-11{margin-left:91.66666667%}._col-lg-offset-10{margin-left:83.33333333%}._col-lg-offset-9{margin-left:75%}._col-lg-offset-8{margin-left:66.66666667%}._col-lg-offset-7{margin-left:58.33333333%}._col-lg-offset-6{margin-left:50%}._col-lg-offset-5{margin-left:41.66666667%}._col-lg-offset-4{margin-left:33.33333333%}._col-lg-offset-3{margin-left:25%}._col-lg-offset-2{margin-left:16.66666667%}._col-lg-offset-1{margin-left:8.33333333%}._col-lg-offset-0{margin-left:0}} /******************************************************************************/ /* Responsive utilities *****************************************************/ /******************************************************************************/ ._visible-lg,._visible-md,._visible-sm,._visible-xs{display:none!important}._visible-lg-block,._visible-lg-inline,._visible-lg-inline-block,._visible-md-block,._visible-md-inline,._visible-md-inline-block,._visible-sm-block,._visible-sm-inline,._visible-sm-inline-block,._visible-xs-block,._visible-xs-inline,._visible-xs-inline-block{display:none!important}@media (max-width:767px){._visible-xs{display:block!important}table._visible-xs{display:table!important}tr._visible-xs{display:table-row!important}td._visible-xs,th._visible-xs{display:table-cell!important}}@media (max-width:767px){._visible-xs-block{display:block!important}}@media (max-width:767px){._visible-xs-inline{display:inline!important}}@media (max-width:767px){._visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){._visible-sm{display:block!important}table._visible-sm{display:table!important}tr._visible-sm{display:table-row!important}td._visible-sm,th._visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){._visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){._visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){._visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){._visible-md{display:block!important}table._visible-md{display:table!important}tr._visible-md{display:table-row!important}td._visible-md,th._visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){._visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){._visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){._visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){._visible-lg{display:block!important}table._visible-lg{display:table!important}tr._visible-lg{display:table-row!important}td._visible-lg,th._visible-lg{display:table-cell!important}}@media (min-width:1200px){._visible-lg-block{display:block!important}}@media (min-width:1200px){._visible-lg-inline{display:inline!important}}@media (min-width:1200px){._visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){._hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){._hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){._hidden-md{display:none!important}}@media (min-width:1200px){._hidden-lg{display:none!important}}._visible-print{display:none!important}@media print{._visible-print{display:block!important}table._visible-print{display:table!important}tr._visible-print{display:table-row!important}td._visible-print,th._visible-print{display:table-cell!important}}._visible-print-block{display:none!important}@media print{._visible-print-block{display:block!important}}._visible-print-inline{display:none!important}@media print{._visible-print-inline{display:inline!important}}._visible-print-inline-block{display:none!important}@media print{._visible-print-inline-block{display:inline-block!important}}@media print{._hidden-print{display:none!important}} /******************************************************************************/ /* Text alignment utilities *************************************************/ /******************************************************************************/ ._text-xs-left { text-align: left !important; } ._text-xs-right { text-align: right !important; } ._text-xs-center { text-align: center !important; } ._text-xs-justify { text-align: justify !important; } @media (min-width: 768px) { ._text-sm-left { text-align: left !important; } ._text-sm-right { text-align: right !important; } ._text-sm-center { text-align: center !important; } ._text-sm-justify { text-align: justify !important; } } @media (min-width: 992px) { ._text-md-left { text-align: left !important; } ._text-md-right { text-align: right !important; } ._text-md-center { text-align: center !important; } ._text-md-justify { text-align: justify !important; } } @media (min-width: 1200px) { ._text-lg-left { text-align: left !important; } ._text-lg-right { text-align: right !important; } ._text-lg-center { text-align: center !important; } ._text-lg-justify { text-align: justify !important; } } /******************************************************************************/ /* Basic styles *************************************************************/ /******************************************************************************/ body { color: #212121; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.4285714285714286; } :focus { outline: none; } ::-moz-focus-inner { border: 0; } a { text-decoration: none; } /******************************************************************************/ /* top-line *****************************************************************/ /******************************************************************************/ .top-line { background-color: #001320; color: #ffffff; padding: 15px 0; } .top-line__image { max-height: 64px; max-width: 100%; } .top-line__table { display: table; table-layout: fixed; width: 100%; } .top-line__table-cell { display: table-cell; vertical-align: middle; } /******************************************************************************/ /* Section #1 ***************************************************************/ /******************************************************************************/ .section-1 { background-attachment: fixed; background-image: url("/i/img/boguszjulian-webinars/bg-1.jpg"); background-position: 0% 50%; padding: 60px 0; position: relative; -webkit-background-size: cover; background-size: cover; } .section-1__inner { background-color: rgba(255, 255, 255, .9); border-top: 3px solid #E31E24; padding: 30px 30px 45px 30px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } /*.section-1__inner::before {*/ /*background-color: rgba(255, 255, 255, 0.5);*/ /*bottom: 0;*/ /*content: " ";*/ /*left: 0;*/ /*position: absolute;*/ /*right: 0;*/ /*top: 0;*/ /*opacity: 0.5;*/ /*}*/ .section-1__inner ul { margin-top: 15px; } .section-1__inner ul li::before { color: #d12d27; content: "\2022"; display: inline-block; font-weight: 700; line-height: 1.4285714285714286; width: 1em; } .section-1__paragraph-1 { color: #E31E24; font-size: 24px; font-weight: 400; line-height: 1.4285714285714286; } .section-1__paragraph-2 { font-size: 48px; font-weight: 500; line-height: 1; margin-top: 30px; } .section-1__paragraph-3 { font-size: 20px; font-weight: 300; line-height: 1.4285714285714286; margin-top: 30px; } .section-1__paragraph-4 { font-size: 24px; font-weight: 500; line-height: 1.4285714285714286; margin-bottom: 30px; margin-top: 30px; } .section-1__form .button { -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .section-1__form input[type="text"], .section-1__form input[type="password"] { background-color: rgba(255, 255, 255, 0.3); border: 1px solid #bdbdbd; font-family: 'Roboto', sans-serif; font-size: 14px; height: 60px; line-height: 60px; margin: 7.5px 0; padding: 0 15px 0 45px; width: 100%; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -ms-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: background-color; -moz-transition-property: background-color; -ms-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1); -moz-transition-timing-function: cubic-bezier(.25,.8,.25,1); -ms-transition-timing-function: cubic-bezier(.25,.8,.25,1); -o-transition-timing-function: cubic-bezier(.25,.8,.25,1); transition-timing-function: cubic-bezier(.25,.8,.25,1); } .section-1__form input[type="text"]:hover, .section-1__form input[type="text"]:focus { background-color: rgba(255, 255, 255, 0.6); border: 1px solid #9e9e9e; -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; -ms-transition-duration: 0ms; -o-transition-duration: 0ms; transition-duration: 0ms; } @media (min-width: 1200px) { .section-1__inner::before { background-color: rgba(255, 255, 255, 0); background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(transparent)); background-image: -o-linear-gradient(left, #ffffff, transparent); background-image: linear-gradient(to right, #ffffff, transparent); opacity: 0; } } .section-1 [data-errors] { color: #d32f2f; font-size: 14px; line-height: 1; } .section-1__input-container { position: relative; } .section-1__input-container > .spritesheet-1 { left: 15px; margin-top: -11px; position: absolute; top: 50%; } /******************************************************************************/ /* Section #2 ***************************************************************/ /******************************************************************************/ .section-2 { padding: 60px 0 45px 0; } .section-2__header { font-size: 32px; font-weight: 500; text-align: center; } .section-2__sub-header { color: #f44336; font-size: 16px; text-align: center; white-space: nowrap; } .section-2__wall { margin: -22.5px 0 30px 0; } .section-2__inner ul { margin-top: 15px; } .section-2__inner ul li::before { color: #d12d27; content: "\2022"; display: inline-block; font-weight: 700; line-height: 1.4285714285714286; width: 1em; } @media (min-width: 768px) { .section-2__header { font-size: 24px; text-align: left; } .section-2__sub-header { font-size: 24px; } } @media (min-width: 992px) { .section-2__sub-header { font-size: 32px; } .section-2__wall { padding: 0 0 0 0; } } @media (min-width: 1200px) { .section-2__header { font-size: 32px; } .section-2__sub-header { text-align: left; } } /******************************************************************************/ /* Section #3 ***************************************************************/ /******************************************************************************/ .section-3 { padding: 45px 0 45px 0; } .section-3__wall { background-color: #eeeeee; border-top: 3px solid #bdbdbd; padding: 30px; } .section-3__photo { background-color: #f5f5f5; margin-bottom: 15px; max-width: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); } /******************************************************************************/ /* Section #5 ***************************************************************/ /******************************************************************************/ .section-5 { padding: 60px 0; } .section-5__inner { background-color: #f5f5f5; padding: 30px; } .section-5__header { font-size: 32px; font-weight: 500; margin-bottom: 30px; text-align: center; } .section-5__item { padding: 15px 0; text-align: center; } .section-5 .spritesheet-3 { margin: -20px; } .section-5 .spritesheet-3 { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: transform; -moz-transition-property: transform; -ms-transition-property: transform; -o-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1); -moz-transition-timing-function: cubic-bezier(.25,.8,.25,1); -ms-transition-timing-function: cubic-bezier(.25,.8,.25,1); -o-transition-timing-function: cubic-bezier(.25,.8,.25,1); transition-timing-function: cubic-bezier(.25,.8,.25,1); -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); } .section-5 .spritesheet-3:hover { -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6); } .section-5__image { display: block; max-width: 100%; } .section-5__paragraph-1 { font-size: 20px; font-weight: 600; margin: 30px 0; } .section-5__paragraph-2 { font-size: 17px; margin-top: 30px; padding-top: 30px; position: relative; text-align: left; } .section-5__paragraph-2::before { background-color: #ff3a44; content: " "; height: 2px; left: 0; position: absolute; top: 0; width: 90px; } .section-5 .mobile-trader__button { margin: 7.5px 0; } /******************************************************************************/ /* Mobile Trader Button *****************************************************/ /******************************************************************************/ .mobile-trader__button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mobile-trader__button:before, .mobile-trader__button:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mobile-trader__button { background-color: #ffffff; border-color: #e0e0e0; border-style: solid; border-width: 1px; color: #757575; cursor: pointer; display: block; padding: 10px; text-align: center; text-decoration: none; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: background-color, border-color, color; -moz-transition-property: background-color, border-color, color; -ms-transition-property: background-color, border-color, color; -o-transition-property: background-color, border-color, color; transition-property: background-color, border-color, color; -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1); -moz-transition-timing-function: cubic-bezier(.25,.8,.25,1); -ms-transition-timing-function: cubic-bezier(.25,.8,.25,1); -o-transition-timing-function: cubic-bezier(.25,.8,.25,1); transition-timing-function: cubic-bezier(.25,.8,.25,1); } .mobile-trader__button:hover { background-color: #eeeeee; border-color: #eeeeee; color: #212121; } /******************************************************************************/ /* Spritesheet #1 ***********************************************************/ /******************************************************************************/ .spritesheet-1 { background-image: url("/i/img/boguszjulian-webinars/spritesheet-1.png"); display: inline-block; height: 22px; width: 22px; } .spritesheet-1_frame-1 { background-position: 0 0; } .spritesheet-1_frame-2 { background-position: -22px 0; } .spritesheet-1_frame-3 { background-position: -44px 0; } /******************************************************************************/ /* Spritesheet #2 ***********************************************************/ /******************************************************************************/ .spritesheet-2 { background-image: url("/i/img/boguszjulian-webinars/spritesheet-2.png"); display: inline-block; height: 136px; width: 153.33333333333334px; } .spritesheet-2_frame-1 { background-position: 0 0; } .spritesheet-2_frame-2 { background-position: -153.33333333333334px 0; } .spritesheet-2_frame-3 { background-position: -306.6666666666667px 0; } /******************************************************************************/ /* Spritesheet #3 ***********************************************************/ /******************************************************************************/ .spritesheet-3 { background-image: url("/i/img/mobile-trader/spritesheet-1_v1.svg"); background-repeat: no-repeat; background-size: 300%; display: inline-block; height: 141px; position: relative; width: 141px; } .spritesheet-3_frame-1 { background-position: -0 -0; } .spritesheet-3_frame-2 { background-position: -141px -0; } .spritesheet-3_frame-3 { background-position: -282px -0; } /******************************************************************************/ /* Sprites `Awards` *********************************************************/ /******************************************************************************/ .awards__sprite { background-image: url("/i/img/boguszjulian-webinars/sprites-awards_2.png"); height: 70.5px; width: 75px; -webkit-background-size: 225px 141px; background-size: 225px 141px; } .awards__sprite_1 { background-position: 0 0; } .awards__sprite_2 { background-position: -75px 0; } .awards__sprite_4 { background-position: 0 -70.5px; } .awards__sprite_5 { background-position: -75px -70.5px; } .awards__sprite_3 { background-position: -150px 0; } .awards__sprite_6 { background-position: -150px -70.5px; } @media (min-width: 768px) { .awards__sprite { height: 94px; width: 100px; -webkit-background-size: 300px 188px; background-size: 300px 188px; } .awards__sprite_1 { background-position: 0 0; } .awards__sprite_2 { background-position: -100px 0; } .awards__sprite_4 { background-position: 0 -94px; } .awards__sprite_5 { background-position: -100px -94px; } .awards__sprite_3 { background-position: -200px 0; } .awards__sprite_6 { background-position: -200px -94px; } } /******************************************************************************/ /* Awards *******************************************************************/ /******************************************************************************/ .awards { background-image: url("/i/img/boguszjulian-webinars/bg-2.png"); background-position: 50% 50%; padding: 60px 0; position: relative; -webkit-background-size: cover; background-size: cover; } .awards__inner { margin: -15px 0; } .awards__bullet { color: #f5f5f5; margin: 7.5px 0; } .awards__bullet p:nth-child(1) { font-weight: 700; } @media (min-width: 768px) { .awards__bullet { font-size: 13px; margin: 15px 0; } } @media (min-width: 992px) { .awards__bullet { margin: 30px 0; } } /******************************************************************************/ /* Button *******************************************************************/ /******************************************************************************/ .button { border: none; color: #fff; cursor: pointer; display: inline-block; font-size: 20px; font-weight: 500; padding: 15px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); } .button:disabled { cursor: not-allowed; } .button_red { background-color: #E31E24; } .button_red:hover { background-color: #E31E24; } /******************************************************************************/ /* shine ********************************************************************/ /******************************************************************************/ @-webkit-keyframes shine { 0% { -webkit-transform: translateX(-120%); transform: translateX(-120%) } 100% { -webkit-transform: translateX(120%); transform: translateX(120%) } } @keyframes shine { 0% { -webkit-transform: translateX(-120%); transform: translateX(-120%) } 100% { -webkit-transform: translateX(120%); transform: translateX(120%) } } .shine { position: relative; overflow: hidden; } .shine::after { background: linear-gradient(45deg, rgba(255,255,255,0) 25%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 75%); bottom: 0; content: " "; left: 0; position: absolute; right: 0; top: 0; width: 120%; -webkit-animation: shine 3s cubic-bezier(0.8, 0, 0.2, 1) infinite; -o-animation: shine 3s cubic-bezier(0.8, 0, 0.2, 1) infinite; animation: shine 3s cubic-bezier(0.8, 0, 0.2, 1) infinite; } /******************************************************************************/ /* Checkbox *****************************************************************/ /******************************************************************************/ input[type="checkbox"] { display: none; } input[type="checkbox"] + label { display: block; font-size: 14px; position: relative; padding-left: 32px; cursor: pointer; margin: 15px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type="checkbox"] + label:before { content: ''; display: block; width: 16px; height: 16px; border: 1px solid #e31e24; margin-top: -8px; position: absolute; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: border-color 100ms, margin-left 100ms, margin-top 100ms, transform 200ms; -moz-transition: border-color 100ms, margin-left 100ms, margin-top 100ms, transform 200ms; -ms-transition: border-color 100ms, margin-left 100ms, margin-top 100ms, transform 200ms; -o-transition: border-color 100ms, margin-left 100ms, margin-top 100ms, transform 200ms; transition: border-color 100ms, margin-left 100ms, margin-top 100ms, transform 200ms; } input[type="checkbox"]:disabled + label { cursor: not-allowed; } input[type="checkbox"]:checked + label:before { border: 1px solid #393; border-left-color: transparent; border-top-color: transparent; left: 4px; margin-top: -12px; width: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /******************************************************************************/ /* indicator ****************************************************************/ /******************************************************************************/ @-webkit-keyframes indicator { 0% { background-color: #b71c1c; } 50% { background-color: #f44336; } 100% { background-color: #b71c1c; } } @-o-keyframes indicator { 0% { background-color: #b71c1c; } 50% { background-color: #f44336; } 100% { background-color: #b71c1c; } } @-moz-keyframes indicator { 0% { background-color: #b71c1c; } 50% { background-color: #f44336; } 100% { background-color: #b71c1c; } } @keyframes indicator { 0% { background-color: #b71c1c; } 50% { background-color: #f44336; } 100% { background-color: #b71c1c; } } .indicator { display: inline-block; height: 24px; width: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: indicator 2s infinite linear; -o-animation: indicator 2s infinite linear; animation: indicator 2s infinite linear; } /******************************************************************************/ /* hyperlink ****************************************************************/ /******************************************************************************/ .i-link, .hyperlink { color: #E31E24; text-decoration: underline; } .i-link:hover, .hyperlink:hover { text-decoration: none; } /******************************************************************************/ /* timer ********************************************************************/ /******************************************************************************/ .timer { display: table; margin: 0 auto; } .timer > div { display: table-row; } .timer > div:nth-child(1) > div { font-size: 32px; font-weight: 500; } .timer > div:nth-child(2) > div:nth-child(1) { /*color: #e31e24;*/ font-weight: 500; } .timer > div > div { display: table-cell; padding: 0 15px; text-align: center; vertical-align: middle; } @media (min-width: 768px) { .timer > div:nth-child(1) > div { font-size: 32px; } } @media (min-width: 1200px) { .timer { float: right; } .timer > div:nth-child(1) > div { font-size: 40px; } } /******************************************************************************/ /* bullet *******************************************************************/ /******************************************************************************/ .bullet { display: table; font-size: 16px; line-height: 1.4285714285714286; } .bullet__image { display: table-cell; padding-right: 15px; vertical-align: middle; } .bullet__alternate { display: table-cell; vertical-align: middle; } /******************************************************************************/ /* menu (footer) ************************************************************/ /******************************************************************************/ .menu { line-height: 1; margin: 15px 0; overflow: hidden; padding: 5px; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .menu::before, .menu::after { content: ''; display: table; } .menu::after { clear: both; } .menu__item { float: left; font-weight: 400; padding: 8px 4px; text-align: center; width: 100%; } .menu__item:nth-child(n+2) { border-color: #bdbdbd; border-style: solid; border-width: 0 0 0 0; } @media (min-width: 768px) { .menu { display: table; } .menu__item { display: table-cell; float: none; padding: 4px; vertical-align: middle; width: 20%; } .menu__item:nth-child(n+2) { border-width: 0 0 0 1px; } } /******************************************************************************/ /* risk warning (customize) *************************************************/ /******************************************************************************/ .risk-warning-desktop__inner { font-size: 15px !important; } .risk-warning-mobile__inner { font-size: 13px !important; } .risk-warning-desktop__inner, .risk-warning-mobile__inner { font-weight: 400 !important; } .risk-warning-desktop__inner strong, .risk-warning-mobile__inner strong { font-weight: 500 !important; } /******************************************************************************/ /* Form [ Preloader ] *******************************************************/ /******************************************************************************/ @-webkit-keyframes preloader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes preloader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } [data-component="preloader"] { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } [data-component="preloader"]::before, [data-component="preloader"]::after { background-position: 50% 50%; background-repeat: no-repeat; bottom: 0; content: " "; left: 0; position: absolute; top: 0; right: 0; -webkit-background-size: 64px; background-size: 64px; } [data-component="preloader"]::before { background-image: url(data:image%2Fpng;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAEsRJREFUeNrsnQuwllW5x9eGjQiFKO0JvFvaROfQnCmwQIGjjrCtJrMpUDmImdgMyEV2KptsixdEQFTIkEahEVAsO8muOTOcnAqt5pg2zVR2m6mmTCc7R0vECyLIPs%2Fa79rytfvY3%2Fde1nrXu9bvN%2FMfNvvyrfWu9TzPu+6rpUdBhVkr+nzJeVguuomqqCaDKIJKM9yDPAyjGggAAEAAAAACAAAQAACAAAAABAAAIABUn2NFH6cYvOMTojaKgQBgi5GiNaK%2FiL6tkkU44Ad3irpFz4tWKj%2FWRxAAAqJDtFt0Tc339Aq8yRRN6UwXXVXz%2F2WiV%2Ft9DwgAmZgh+r7o9sP8fB5FVDrzBmgV7BSdTxERANIyTrRB9JDo7AF+b5bosxRXacwXXTDAz88TfUu0XnQqxUUAaESr6UM+ZYyrGTZTjqXV1YYmf3eR6Pcq2bQ0mKIjANRjgWi%2F6UOm5YsUn3OWZ%2FibLtEB0RUUHwGgj3aVjCDfleMzbhSdQlE64305g+49oodF0wgA8aL7hOtE%2F62SOeS8LMYvnVHE4OsnRY+oZID3eAJAXM%2FcZfqERTrtVaY1AXbRg34LC%2Fw8PcX7rLGJFgJA2Oi+35vK3gk2TAtW4+1fD20TB0VzCADhMUW03fT9bKK7EvPxUWssUcnCH5tsEW0VTSIAVJ8xpo%2F3A9HFjtLUU1ND8NXCGSG6w1Fal4j+RyVLv0cRAKqH7st1ip4zfTzXXI+%2FFs51JaSpl37%2FTXRtqIXaEuCpwJeYJlzZvF%2F0Swdp%2FMJ8%2FacaPaOSjTFaL6hkH8OLor1Gr4n29fusoSrZRDPM%2FPsOo7aar%2FVo+Sk10pws+rPl5zxd9GTJ9fmoaKNKVoeGQ084miDaLOrxRBscPffRoiEllHer6ChHaX3Vs3odF4rfhNICGGOa+76hNxP9J633XMwWbfMwX22me8AYgCeV4SNMC+Yfy9nmad6CGBwMJQDovvbdHubrHNHV+HFmOj3Nl15B+jsGAf1Cb+F9ytO8HVln0A0GRg9Evupp3k4T%2FYEWgH+tgBWe5u1D+HNqfF2IszwU5w+tBaDRC3De8CxPtyi2C2dFB%2FTrPMuTPk%2FgYCgFHNpCIL2f%2F0oP8vFT0VzT9Mf5s%2FNFU4ZzTZmWzeUhOX8vPWGqu6Q54m+JzusJt1zL1nmmjMuo2wdDLNNQDaXdsXFsEo3HQZ1pvClzl3U8lQBQLd3pwCi2iibhkKVpomiLg3peG2oZhrgXoI9TRH+09NlfV8m68MfopnvBv6tk0dWFlj5%2FtOj%2Fgiy5wN8Q1xf8Jtglmsmb11vNsfD27wy5zEJuAfTNcrxZ0Gfp04JX8bL1Hr18eKno1gJtqCdkBwmZg2bqJg%2F6Uoljcf5KNWp1XZ1g6i4Ps0J2%2Fhi6AH16IGPz70Ka1dF2C+6NoXxiMYLJKSt%2FVY%2FpHqEgpM8uWJPSBj5IAAhLa3nrR68ZKV4AigAQltoaVPp60UicJHiNNHU9kC0Mj6U8Bt8Qz+BQ3zl459b5mb7U4wbFlt0Y0HWsb4PS5ySeV+fn+hDZH0Y1ZBqRWvpF+m2iM3grRqtJZjVnnz38V2xlEGOlf9pU9kIzOIQjxK1BoiuNTXwstucPfSHQ4dB3yx+gNQw1DFKhbfVtglgDAACouK8HByAAUAQABACb6Es7TqKoAVKhTx5uq3oAOEMlN%2FY8rZJbeo+nXgEG5FR16N4BfbfjB6ymZnmaYVudVVZdrLNHqO50ZFcdf7mnqusALmuw3HIOlY5Qr65o4CsXVS0AtDS56eI+0YcxABSppoi2N+Enj1UtAHSl3Hqpt2qOwiBQJBotuj2ljyytSgA4Kcf5a1djHCjwvSidOfyjrQq7AfVHTsz4t9NFZ4n2in7FgDAExGzRz1X93ajNoq8le8TnWYDpBZ7GukE0jrcGqrgmiDYX6BeTfe4C7LBwLPPKmA5oQMFoeIZjyJrRA74GgPmWb2dZgFGhiqjDsi981rftwHp77X4H%2FahuldzI84gC8I+PqOSGoo87SKuQa8qLCgA3K7fXYAd9WQNUkhbl9jyB5aKbinCkvIx17PxX4PzgIT3GNl1xoypgk10RAWC+w4feItqErYGnaNu8z2F6S8ruAlwg2uHwgfX6giewM%2FCYDzm20XaVY0wsbwtgnsMHvQrnhwrwpGixw%2FRy+WCelYBLHDb%2F15s+D0AV0C+qY1T2FbFp0GNw+tyAn7jsArxN9IrDAj1a9BJ2BRVipEouH3HFEJXhpOusXYAuhw82E+eHCvKSsV1XLM%2F0VxlWD33Q8iqn%2FtuEWVmGqqw1Dv1lrIuVgPeK5vrcrAHwCFerZDV3iRbZ7AJc7ND55+D8EAAHjC27YKFKpuabJs0sgF7q+AtHD6JH%2FddgOxAI2m9czQqMEt1vowWw1GGB4fwQGq5sWh+q0%2FQKwWbHAEaL%2FuroAZaJVmEvECDatlc6Suso0ctFBYC1os87yjg7%2FSBUXO4YXC3qLKILcJJD578E54eA0bbtakBQd9nHFBEAJjvK8NdVisELgIqyzdi6C84sIgBsV8movG02YhsQCS5sXfvsN5tqkzSp80U7La1g2sqKMRSZtlrypYdF02weCrrAQqYnYRAoMk3y4eDcPEcerywo05sxBhSpirov4CZRaxnHgo8zF3jkyfwEDAFFfGlIHt%2F5suhffbgXYKZoV4YH6MYIUOTqzuA3O82YnHc3A12T8kHaMQAUudpT+kyH77cDj2pyD%2FSTVD5CvXqirCvybI9yDjTVcRkVj1CvPtNgkNzaONnAewF6Uq7KbWmp91299PE+dWiJb4vRMPn811Mvb6ifBkCVGSqq5wuzRA%2FaTHiQg4fbqpJ7zPROKH2Q6D6VXGn0OvUO0Iv2iRU1%2F19mfPNB2wm7aAHUMkz0lOg9vS2CtJ9PCwDC5iyVHCm+11WC9QNAFsds3jlb3uoOZE2HgABQmS7AP4UXih3A1wDQY8k%2Fe%2FB7gPhaAH2TGS3SVicIAETfBQCA6AJAj7z+GbADoAUAAAQAAAg6ANQO+tH8B4h6DIDSBog2ANACAGAMAAAIAAAQTQCg+Q9ACwAACAAA4AmtNP0BaAEAAAGAtzYAXYCBgkDZK%2FoIUAB0AQCgmBbAKktv4I2ip3mrA+TmZNE8Kw3qHruHdI4U7WnYnSAAAByOo0QvVbULsJf6A%2FDXh2wGgD+J9lN%2FALnYb3ypkgGgcd+f5j9Afl+qZAAAgGADwDPUG4DfvmQzALxAvQEUwvNVDADPUW8AfvuSzQDwIvUGUAi7qxgAdlNvAAQAAPC0NW0zALxOvQEUwr4qBoCXqTcAv33JZgBgGTBAMRyw9cE2dwOyxhegOKz4KQeCAEQMAQCAAAAAHvP2KgaA4dQbQCEMrmIAGEK9ARTC0CoGgBHUG0AhHFnFAHAk9Qbgd2vaZgA4mnoD8NuXCAAA%2FnNMFQPAMdQbQLwtgGOpN4BCGFPFANBGvQEUwjurGABOpN4A%2FPYlmwHgFOoNwG9fIgAARBwAbN8OfITiYBCAPOhFQG9UsQWgGUb9AfjrQ62i1ZY+e6NoD%2FUHkIs9pgswz1YXAAAihQNBAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAAAQAACAAAAABAAAIAAAAAEAAAgAAEAAAAACAADEEQDeLppGsQPU5Rzl+Ch9VwGgRdQleln0iOhm6hrgH9A+8T3Ra6JO4zP2HdPBseBzRFvqfP9I0T7qHUANFb1e5%2FuXirZWtQUwRbT9MM6vuZh6B+jlosN8X%2FvOZtEEayn3FK9RojX6zsEGeqLHTvoIVU0%2FbsJftE+NKDrtoh+ks4kHqVU7lY8iV3tKn+nwMQDMFO1K+SBa3RgAilzdGfzmu6JP+RAAPiC6J8MD1Go8RoAi1ficvrNBNK6MADBctDJn5vu0CUNAkWpTQT50i6jVVQBYUlCmazURY0CRaaIFP1qQNh9ppgHPF+0U3WFhMsLK3ecAHmPD5u8S7RBNL3oa8EsWolV%2FTeWtgCLRVAf+tK6oFoBesLOwohERIJa3f38Wi2Y2+qVmlgKfJHraUcHMFj2AfUDAaBvf5iitY0V%2FHegXmmkB%2FFl0u6MM368cbYIAKIEWh86%2FupHzNxsANKscFtJS7AQCxaVtr2jml5oNAC+IljnK+K2m6QIQEscZ23ZBh+iVIgNAX5PCFddiLxAY1zhKR5+3cWezv5wmAOjxwlmOHuIqlQyWAITAbGPTLtiY5pezHAhyr2iuo4dpFb2J%2FUCFGSw64CgtvRBoUZo%2FyHIgyEaHhbcS+4GK49KG704dnW5In8hzKjm4cLKDBzpT9GsjgKoxQ7TOUVp61P8baf8o65mAw0WvOizIo1RyoChAVRgh2uMwvSFZuhpZzwTUJ5d2OHw4ThGGquHSZq9UWccZcm5q+I6DTQ19WsQmElQRLXLoFzvy5DXvseAXqGT7oSs+LHqSlwt4zOmObbRdJXP%2Fmch7LHi3SqYeXMGOQfAdlza6Lo%2FzK1XMxSBjRb9x+NBXiDZhZ+Ahlzu2zZNVslmv1ACguUklV3+5YpDpwgD4gt7pd9BhesuN3ykfAoCr1U5fU8lCpB9gb+Ah00wX4JOVeQkWOPI5z%2FJo5wJGl1FF1GHZFy7z9Wagb1p42JVZjzxGqEQVeXR+re73+Wqwcwt80NyXHiDkgSaINhfoF2f6HAC07sj5gN8XzcBwUGDKen1e%2FwtCle8B4MQcD9iBoaDA1ZnDP9qKzk+W3YCN2GNmBM5J8Te3iT4mepSBZAicH6lk8ZyeOTsjxd%2FpU7K+W3huLEW5liYj2mbTR+LNgGLUFNH2Jvxkl6082Hy4Sxs81BwMAKFeXdbAV2ZWMQBobanzMJ2mhUDFI3RIg0RddfzlKzbTdXkD6u2i46lohBoOoq+r8Zt%2Fs5leUUuBB2KM6AiVc9MCQGScJtqtkjs5rOEiAACApwyiCAAIAABAAIiGVqoe+jGYABAHnxbtV8lJqrSAQB%2FkMV8lq1c%2FGl3UuyG+yv6V+VpX9rtVcof6s%2FhBlEwU3SL6gvn%2FSNGDUZUAGzF6tZj55+i0+DC2sCSmcoipwkc3WG65XjQCxwheI%2FottKmnaOwgpj5wo%2FvZ9a2qeifjDFrGwTLD1PHiBr93HV2AsDQ15b7rVexXCEqDRatT2sDptADCIe1lDUtVcsTzhbw0K89sM8J%2FrWWboQXgqS7PeQzTnWb8gDdp9cZ81uWs+%2F8IvZxC3wugWzhvFvRZnaLVvFC9p8W04G4t0IaCdZPQ1wHo24rOLuizzhWdJdqrDq0lAL+YI%2FqZqaui2KeSY7zCjJYBtwBOFf3e0mdzQ5FfTDV99ossff5xoudCbSKHygKLn60N7THRFpWsJoNymGjq4DGLzq+5OtgSDHRw4yOWr2bqr02i8Qy8OdN4U+Yu6%2FhsVgJWR992bBx9eihUQ%2FFEZ5syLqtuCQAV0MKSDKRWj5tTj4%2FAaXPrCFOWj3tQr59jGtBvhoje8CxPN6rkIoi%2F0WVPxVDRMtFyz%2FKlzw04GEohhzYNeLNoimd5Okv0MjMGqVmoipvLLxK9zuBRZgH84%2F3q0L5uyrn6vOBpvq5XyRQzAcAzfF67vRF%2FTs0DHudtEQHAL8Z5HAB0P%2FZ5%2FDk1enjqUo8DwHtDKORQBgFHq+RoL1+DLNcvZOc+TwNBmwpgYDeUFsD%2Fik4XfdWzfM1y4PwnlFSPOs2TI+w+3a2S8aYgZnVC3Augl4T6cLDjZtFcy2noUfJO8%2FVvRc+o5IDTZ023QwfGv4teVMk1U3uNXlPJJpc+3qaS69v0CPfRxrnfYdRW8%2FVxJuCcKBpb46DzLT%2FnGtX4RCfbPGqe9aGQnCXUzUBFbwnNwgTRTy2noZ16pCflbZOR5lnLQgeftSE6SqjTUzqurRK9U3RHCemvduD8MfGSSn+iTxHcZlo+a0Mt2FguB9WLg%2FQswcWO0hshesVBOrG0APr4nugcB+lsM839x0N3jFgWqPxQJQNyn3OQVocj548RFwOCesZhTgzO%2F1ZbOTINEnVZ2izyHcfPstuDDTI9jp%2F5bkvP0BXjSdAxLlHVGzn0noHTROsr+IaiFVAseozoBGMT8a3XYLupahd1F%2FAG+VIJeY+xBaC1ooA8PyyaFrv9t7BE7S30EWJ35fj7fxH9xnGeYxsE7CPvtm89IPwVTJ5darV82RhWlrUDK0pw%2FpjZr7Kd+XizqWOcny7AgBon2pCiOdlaUj5j7QL0qTtF9+x92HXctwNn0UzRrgbGNb%2FE%2FMUeANob5Gun6HzsmACQVx2HMbAdJecr9gCgzNVt9fLUgd0SAIrUKNGafkY2nQBQegB4V7+83Coajr0yC2CL8WYUWc9Hl73eP9ZZgP6MramT32KiKSqOAFBpCADANCAAEAAAgAAAAAQAACAAAAABAAAIAMGx24M8vEg1VJf%2FF2AA4uXwr6d4b00AAAAASUVORK5CYII=); -webkit-animation: preloader 2s infinite linear; animation: preloader 2s infinite linear; } [data-component="preloader"]::after { background-image: url(data:image%2Fpng;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAEeZJREFUeNrsnQmwntMZx0++3DSWGglBFyFatdVSSy0l1iC0tdSSWloqMUWFiASxziiNRBKCJFPEVrLQWtpojaWUokYxYkkHJYilCKZIhSx9Hu+5kpvv3pv73e973%2Fc85%2Fx+M%2F9phvryvud5zv89++my2AFAqnTBAAAwAADAAAAAAwAADAAAMAAAwAAAAAMAAAwAADAAAMAAAAADAAAMAAAwAADAAAAAAwAADAAAMAAAwAAAAAOAemkSrS3q49VbtIZXL1EPUU%2FRil4ribov8xvzRfNE%2F%2FP%2FO9frvaX+%2FIZottcc0QKKHgOA4ugq2kC0uWgT0cb+zxuW9DyzRDNFz%2Fs%2FPy16SbSIUGEAUD%2FriHYUbSva3ssCD4seFz3i9QahxABg+XxNtJdoN9GuvjkfAy+LHvC6R%2FQ2ocYAwLmKaDvRj0X9RVsm8t5Pie4S3e5bCqQhBpBUpd9ZNEB0HMXxBRNE03x3gfEDDCBKNhP9QnQKRdEuY0TXuGxQETAA06wmOlL0c9HWFEdNPCq6STRV9D7FgQFYQkfujxcdQVE0BDWCSS6bXQAMINi+%2FSG+4u9CceTC37wR3MJYAQYQCroK71eiSymKQhnissFDViNiAKXQ1SfhGIqiVIZ5811IUWAARTX1TxSNpyiC4mTRFXQNMIA8OVZ0JcUQNEeLrqcYOv41g+Wzp+hWKr8JrhNNEfWlKGgB1Itupz1DNJSiMMk40YWOdQQYQCc4iX5+NOiYzQSKAQPoCLq%2FXufyWacfFxO8WGKMAbSJNvdHUgxRM0J0EcWAASyNHrxxmssW9EAarYHRotcwAJJhoOhqiiFJBokmp1wAqU8DXkzlTxqNfdIrOVNtAehhmoNdNtgHMMl3C57DAOLnpy7bYw6wLAe5bMEXXYBIOY3KD+3wB5etGcAAIu3vjyLHYTlcLjqfLkA86LbdS1NzdqgbXQU6hBaAbdbxjk7lh1rR7cUTXXZXAy0Ag2wqOsEx0g%2F1MckbwbMYgB12cNkZ8wCNQs95fJAuQPjsTeWHHNADSfthAGFzgMuunALIA73XsD9dgHC%2F%2FFR+KAJtCdyHAYTDDxyXRnQUvan3BZedkvOx%2F2eruOwWow1E61FE6YwJxGAAeufeTPKxXUb5L5aa5Lzl%2FH9Xdtl5eruLhlN07aKHxzyDAZSHzvO%2FSh62yh0um8K623X++m0dI9rXZVOp+1KkVWj5XiB60+wbLLatiaLFqIXuFh2YQ1kPoGxb1UTLdchy5b+c5KvS6JzLXFuMYyjnKl2GARSrkSRdlY4vsPyHUN5VGokBFKOhJFuVBpQQh6Mo9yoNtVafrA0CHuayW19gCXol+e9L+ruPctlNPLCEAaKbmQVoPFuJniC%2FWnCCH4kuE90yewmhaMHWoictPKilpcDs6mvJqAAqv6JnLYwlHDZz1UoLQE%2FzGUZefclfRXuElEeOa7mXRU8bDn4hlYUWwEAqfxWTAnse%2FY78jLC0YJjPXVoAdcBKv2r01NqDAn22Ox0rBpdlXRfwDUShtwBOI3+C%2F%2FpbeTZy2FgLgIs6q3nRZTv2Qv6gLCRMVQR7IWmoLYCNqfytMj3w59OBwHGEqYqRPqcxgA7CLb2tcy%2FPaJYgczrELoAW1BXkS6usIJof+DPq4SL%2FJVStosfTT8AA2mZ10XvkSavMEm1i5Flnu2z0G6rpJZpLF6B1RpAfbfKCoWd9kXDZyPGQDGAn0ankR5v8x9Czvku42uRUn+sYwDKw1r99PjL0rB8TLhu5HooBHCM6nLyIhsUUQbsc7nMeA%2FDPMJmcWC6r8KxRoTnfBQPg5t6OspahZ12DcNnI%2FbKnAbuKFpAHHYJpwDhpciUuny67BTCE+HcYXUra3Ujzn8pvpA6U2QJQ5%2Fuc+NfEri67pTZk9hH9mVDVRLeyWsJltgCOI+41swfPGCWl1YWyWgAcIdU5dDXghgE%2FH9uBO0%2FXMupEWS2AQ4h3p9gg8C8spwF1noNT6gKw6i%2FOsiOuxsquDAPQddC7Eu9Oc1BZX4vlcCQtgLrQOtE3BQMI4Suhd7r%2Fmq9Fw9Axnd8ZLk89dv7OFONatAHofv9Q1vyf67KFNZcbTNjdXVhnzF1stOJfI%2Fq+C+fgzsN8HYnWAEI7O15X150k2l90l7HkPT2QlsBgZ3Mbt95rqOf2%2FzOw5zqs0L+t4NtInwnkFteZEd08fHCJt8tavCH4rMV++nsZzQjk+R4rMoZFtgC2FW0a+FdBT7Rd2dk6kfgWl91IW8YX9DpD5aSxXVt0oQt7u3Kh9aRScMJYYJ7oTN83vMbIM08ruDsw2FDl16vT9%2FDdlDcMdU+i6gI0BdYMnFnDsw8w1Lwd1UbztlHS3x5jqDyOreHdZgT27JWYugCW14dP9+Vk4cBSHc3W5aR5rLQ8wv+2hQE%2FneLVpbVXGc67QtYEFGUAA5xt1Cx12q2Xs3Hzzc2i20R7ufpOndH8+KFohuhGA+89XrS+y6Z4re81OTSWLkBTgE3DmXW+U1%2FRFENN4ZGifqKVOvBuK4v6++6Elff7i2i%2FOmMaWhfg1SK6AEXsBtRFK%2FcF5q66EnDzBvzOIIPNzH+7bFfh+y47vVdbCDrzoQtQdKfhesbeRwckG3GT1Azf2gmJzX2u5kZTAS+xn4uXq102U3CW6Hwjz%2FxtL+voVO0FLpu1iZUD8jaAIsYA9nZxs8gPOn3L90EhXyaKNnPZVO28yN819xZJ3gaglWKjRBLzFZed77aXH4CDxvKAywaT9fLYZxN55+1Ea1o2gH4JJuo9op%2F4vik0hjNEu7lsdiM19rZsAH0TTlodmOrmbG87LhvdZaiDk6MSLoPdMQC76Emv5%2Fo+60Tqc4e5yWUHx+jCpvcTL4tdrRpAb8f58M086%2FuuB4rupjjaRdfB6+lCD1MUX9DHZZuYzBnATsSuitt9n45r0Ks51+fjDRRFFTtYNIC+xK1NdDnxV53dk3QaXRb6hdOxEm4Vbp0dLRrA9sStXT7xfVxL244bSfNeBUvbdMtiW2sG8BXRlsStQ+iRVAOdnfMSGsEvXTZVeg%2Fh73AXoKslA9iUmNXMDc7OtuPOos18nRq9knDXzHcsGcDmxKtTNG87%2Foazse24o+jJy3qrkQ70cR1859jCkgFsTLzq4i3fN95ZNNXwe+hJy3risp68%2FCJhDa9O5bUbcBPi1RAe8rrfYLP51MhaMVEaQF4tgI2IV0PRMwd0EOg8A8+q23RXpvLb6FbnYQCaqOsTr4aj247P92Ub4rbj5lt2UtimWwYbuRxmAvIwgN7EKlf0RB%2FddqyjwiGsk9eBy61cmLfsxEZvCwbQhzgVwksup7nhGtEjxZ4iHIXQBwMAwADoAgDQBQjTAHoZKUxWK0Izaxt5zjUsGMDXDRSkHtChp63+xmX7FiBNNP%2FPEb3uwjsSvJC6lYcB9DSUALrufr7oROpCchwtWujsHOeu9LBgAD0MJoOuVb9T9CPqRfToORVTRNcafHYMIEf2Ff1JdKmL4+IMaMlqotGiB0WHGX2HnhYMYAXjiXKyy+bYz3fFXZ4K+aLHis8VDTf+Ht0tGMAqkSTNOb6PeCz1xyx6w65upBoZyfusYsEAukWWRLoLb5poF+qTGbYRTRZNdzkfq10wDd+9m8ftwDEf7DjOK5Qz7D4UrRrAc3QJpDxWEp3t4j5VqQsGUD664+2iAN4VA1jCUNHYBHIPAwgIPcjzBgygVAPQ6+ePF%2FVPJOcaWtaMctfH9b6vuQ1FUTgbii4T3ZFQ5f+40T+YhwGkdhjEMaLHXTbH3JN6mTs6EKZTtP9y6d3AvNCCAXyeaGLqHPP7vi8K+XC8z69zEn3%2F+RYM4KPEk1QHonTu+VDqa8PYU3Sr44blTy0YwKfk6xdzzzoHPcGx7bgevim6xGU3Kh9IcTS+dZ2HAXxInL7kBLdk2zHUhh4rPsdl5x9CTnULAyiu7wqUWb18YMEAPiBOVfSgCGqmF0VgswXwFnECyIW3LRjAe8QJIBfesWAArxMngFx43YIBzCZOALkwGwMAwACCNoA5xAkg3S7AApedqQcAjUM3P5nYDNT8sADQOGbm8aN5GcDzxAugocyyZACziBdA+B%2FVvAzgaeIFEH6d6pLTAX564eZ8YtayrHP4zZjPBAzl3UKhq2iRlRbAZ6KniBlAQ3g4j8qfpwEojxI3gIbwWF4%2FnKcBPETcAML+mGIAAOHzD4sGoNdnvULsAOriZZfj8vq8Lwb5O%2FEDqIv78%2FzxvA2AbgBAfTxg2QDuIX4AdXG3ZQOY7dgYBNBZdPrvHcsGoNxJHAE6xe15%2FwVFGMAM4ggQ5sczr70AS6NrmBcQS%2FYCGH23snhNtG4MLQA9xeRa6j9ATdxRxF9SKehlphNPgJq4pZCm2+JiXqbJ5XCzKV0AugARk8v237JaADoGcAWmDtAhLi6i8hdpAMp1xBWgQ1xf1F9UpAE8IXqG2AK0iy7+eS5GA1CuIb4A7XJjkX9ZUYOAzazu0r09mEFAm+9WNL1Ec2NtAeiLTcHkAVplapGVvwwDUCYRZ4Aw6kYZBqCHhDxArAFaoHXioRQMgFYAQCB1ouhBwKWNZ2FiAWYQ0Oa7FUUhK%2F9CaQHoi56E6QN8wcllVP4yWwBKavsDaAHQAmiLbq6kLfOVEl9aX3g45g+JM9yVeF5GmS2A5n5PKoeF0AKgBdBWS7i08bBKyS+vLz6EjwAkyhBX8mB42S2AZhNKYUaAFgAtgNZawIvKrnxlowUwkI8BJMbAsit%2FKAag6C7BqeQEJMIUF8jO2EpAhcLqQEiFYHI9JAPQddBjyQ2IHM3xYC7NDWEQcGl0L%2FS7kQaeQUCb75ZHjs8N5WEqgRWOHhYymI8ERMrgkCp%2FiAag6OnBE8gViIwJLsCTsSuBFtZE8gUiI8icDtUAnheNIGcgEkb4nMYAauAiugIQSdP%2FolAfLrRZgGXpI3olkkRgFsDmu9XLeqLZoT5cJfDC04IbxEcEjDIo5MpvwQCUyY4FQmCPsT53HQZQP8NEV5NTYITJPmcdBtA42CsA5GrCBvCk6FByCwLnIJddhIsB5MAtolPJsSSweEjMUNGtlh64YrCQx7mA51WhYXxs7Hk1Jy+xVsgVo8mhK6vGU0cgEMY7oytXK4YLXQ9UZGAQymaSM3ywbcV44V+ICUDJlf88yy9g3QDecAFusYSkDOBdDKBcdJfV9uQiFMyOomesv0QlkmA8JupHTkJB7C56JIYXqUQUlPtE+5ObkDN7iu6P5WUqkQXnj6J9yFHIiZ1E98b0QpUIg3SXb6IBNJItRA%2FH9lKVSIOlTbStyFloADrSr4d6zIzx5SoRB+4pUW%2FHOgGor%2FKf7QI%2F1KMemiIP4BzRCS7bWHIi+Qw1cJno5NhfspJIMPVChtHkNHSQkSlU%2FpQMQDldNJzchuVwiujMVF62KbHgjhG9JppOnkMrHCi6PaUXriQY5JtFmzoGB2EJmgubpVb5U2wBNPOcywYH5zlOGEodPb13WKovX0k8+Bp47h1Il2NTrvwYQIYe4awLPbiGLB0m+Jgnf9Q8BpAx22XrBM6kKKJnhI%2F1bIoCA1gWnf%2F9nui3FEWUX%2F3vOg6UbUETRVDF06LjRLNEl1IcUXAiXTxaALWiJ72u5bJjyMEm43wMqfwYQKd4x2XThHuJbqM4zDBVtLOP3TsUR9t0WUwZ1IJOG13Z2bLO4Xk+FK0aQh7l8JuvitbpxH+n07qTSVVaAHlwlairM3wOfMQM8bGh8mMAubLIjw%2FoACqbi8pnuI%2FFeB8bwAAKQc8Y0M1F3RzLictAy%2FwrPgYLKQ4MoCwWuGy0WZufR7vsiHLIh8d8GXf1Zf45RYIBhNQ1uN5ll5TsIpq21L9j52HtLF1m03yZbu%2FLmKZ+g2AWIF%2FWFA30yfxhDr8f8yyAorMudzim8jAASNIAgC4AAGAAAIABAAAGABlzAniGVwkDBgDloLMLz5Vc+ZniNAyzAHHQ3WVHXOlVaGt7reGyrbCriXqKeohW9FrJ%2FzfNfCL6TKTpoDMLOs8+1+u9pf78pm91vC56RTSfoscAAAADAAAMAAAwAADAAAAAAwAADAAAMAAAwAAAAAMAAAwAADAAAMAAAAADAAAMAAAwAADAAAAAAwAADAAAMAAAqJ3%2FCzAAeooDX4WRyjUAAAAASUVORK5CYII=); } /******************************************************************************/ /* Thanks *******************************************************************/ /******************************************************************************/ .thanks__inner { margin: 60px 0; } .thanks__paragraph-1 { font-size: 48px; line-height: 1; } .thanks__paragraph-2 { color: #E31E24; font-size: 24px; margin-top: 15px; } .thanks__paragraph-3 { font-size: 14px; margin-top: 15px; } .thanks__paragraph-4 { color: #E31E24; font-size: 32px; margin-top: 15px; } .thanks__paragraph-5 { font-size: 24px; margin-top: 15px; } /******************************************************************************/ /* Form [ Select2 ] *********************************************************/ /******************************************************************************/ [data-form="webinars"] .select2 { color: #212121; font-size: 14px; } [data-form="webinars"] .select2-selection__rendered { line-height: 58px !important; } [data-form="webinars"] .select2-selection { height: 60px !important; } [data-form="webinars"] .select2-container--default .select2-selection--single .select2-selection__arrow { height: 58px; margin: 7.5px 0; } [data-form="webinars"] .select2-container--default .select2-selection--single { border: 1px solid #bdbdbd !important; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } [data-form="webinars"] .select2-selection--single { background-color: rgba(255, 255, 255, 0.3); margin: 7.5px 0; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition-property: background-color; -moz-transition-property: background-color; -ms-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-timing-function: cubic-bezier(.25,.8,.25,1); -moz-transition-timing-function: cubic-bezier(.25,.8,.25,1); -ms-transition-timing-function: cubic-bezier(.25,.8,.25,1); -o-transition-timing-function: cubic-bezier(.25,.8,.25,1); transition-timing-function: cubic-bezier(.25,.8,.25,1); } [data-form="webinars"] .select2-selection--single:hover { background-color: rgba(255, 255, 255, 0.6); -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } [data-form="webinars"] .select2-container--open .select2-selection--single { border: 1px solid #bdbdbd; } [data-form="webinars"] .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #e31e24 transparent transparent transparent; } [data-form="webinars"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #e31e24 transparent; } [data-form="webinars"] .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 15px; padding-right: 30px; } [data-form="webinars"] .select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; } [data-form="webinars"] .select2-container--default .select2-selection--single .select2-selection__rendered { color: #212121; } .select2-dropdown.select2-dropdown--below { margin-top: -7.5px; } /******************************************************************************/ /* Modal dialog *************************************************************/ /******************************************************************************/ .modal { background-color: rgba(0, 0, 0, 0.3); bottom: 0; display: none; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 100500; } .modal__gutter { max-width: 960px; left: 50%; margin-right: -50%; padding: 15px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .modal__dialog { background-color: #fff; color: #212121; font-size: 18px; line-height: 1.4285714285714286; padding: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .modal a.close-modal { position: absolute; right: 30px; top: 30px; display: inline-block; width: 15px; height: 15px; overflow: hidden; text-indent: -9999px; } .modal a.close-modal::before, .modal a.close-modal::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background-color: #bdbdbd; } .modal a.close-modal::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .modal a.close-modal::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /******************************************************************************/ /* Tabs *********************************************************************/ /******************************************************************************/ label[for="tab-1"], label[for="tab-2"] { border: 3px solid #e0e0e0; background-color: #e0e0e0; color: #212121; cursor: pointer; display: block; float: left; font-size: 14px; margin-bottom: 15px; padding: 15px 0; text-align: center; width: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } label[for="tab-1"] { -webkit-border-radius: 0 0 0 8px; -moz-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px; } label[for="tab-2"] { -webkit-border-radius: 0 0 8px 0; -moz-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0; } input[name="tabs"], input[name="tabs"] ~ div:nth-of-type(2), input[name="tabs"] ~ div:nth-of-type(3) { display: none; } #tab-1:checked ~ label[for="tab-1"] { background-color: #ffffff; } #tab-2:checked ~ label[for="tab-2"] { background-color: #ffffff; } #tab-1:checked ~ div:nth-of-type(2) { display: block; } #tab-2:checked ~ div:nth-of-type(3) { display: block; } /******************************************************************************/ /* Notifier *****************************************************************/ /******************************************************************************/ .notify { bottom: 0; left: 0; position: fixed; top: 0; right: 0; z-index: 999999; } .notify__message { background-color: #fff; color: #333; font-size: 16px; font-weight: 400; left: 50%; line-height: 1.4285714285714286; margin-right: -50%; max-width: 480px; text-align: center; padding: 32px; position: absolute; top: 50%; z-index: 2; -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); -moz-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .notify__overlay { background-color: rgba(0, 0, 0, .4); bottom: 0; left: 0; position: absolute; top: 0; right: 0; z-index: 1; } /******************************************************************************/ /* jQuery Validation Plugin v. 1.0.1 ****************************************/ /******************************************************************************/ .error { border-color: #d32f2f !important; } .valid { border-color: #66bb6a !important; } /******************************************************************************/ /* Captcha ******************************************************************/ /******************************************************************************/ img[src^="https://www.instaforex.eu/kcaptcha/"] { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: box-shadow 400ms cubic-bezier(.25,.8,.25,1); -moz-transition: box-shadow 400ms cubic-bezier(.25,.8,.25,1); -ms-transition: box-shadow 400ms cubic-bezier(.25,.8,.25,1); -o-transition: box-shadow 400ms cubic-bezier(.25,.8,.25,1); transition: box-shadow 400ms cubic-bezier(.25,.8,.25,1); } img[src^="https://www.instaforex.eu/kcaptcha/"]:hover { -webkit-box-shadow: 0 0 0 1px #82b6b4; -moz-box-shadow: 0 0 0 1px #82b6b4; box-shadow: 0 0 0 1px #82b6b4; }