/*------------------------RESET---------------------------*/
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, ul,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; text-decoration:none; list-style-type: none;}
article, aside, details, figcaption, figure, hgroup, menu, nav, section { display: block; }
/*------------------------------------------------------*/

.clear { clear: both;height: 1px; line-height: 1px; overflow: hidden; margin-bottom: -1px; }
.chyba { background-color:#c81816; color:#ffffff; text-align:center; font-size:14px; padding:5px 0px 5px 0px; margin:2px auto 0px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.in_website_hp { position: absolute; left: -9999px; opacity: 0; height: 0px; width: 0px; z-index: -1; }

html, body, form                                {width: 100%; height: 100%;}
body                                            {background: white; overflow-x: hidden; overflow-y: auto; font-size: 23px; background: URL("images/pattern-left.jpg") no-repeat left center, white; background-size: 100% auto; font-family: 'Montserrat', sans-serif;}
body.fixed                                      {overflow: hidden;}
  @media screen and (max-width: 1800px)         {
  body                                          {font-size: 21px;}
  }
  @media screen and (max-width: 1600px)         {
  body                                          {font-size: 19px;}
  }
  @media screen and (max-width: 1400px)         {
  body                                          {font-size: 18px;}
  }
  @media screen and (max-width: 1200px)         {
  body                                          {font-size: 17px;}
  }
  @media screen and (max-width: 768px)          {
  body                                          {font-size: 16px;}
  }
  @media screen and (max-width: 640px)          {
  body                                          {font-size: 15px;}
  }  

.wrapper                                        {display: flex; margin-left: auto; margin-right: auto; width: 90%; max-width: 1800px; justify-content: center; align-items: center; align-content: center; box-sizing: border-box; flex-wrap: wrap; position: relative;}
  @media screen and (min-width: 1400px)         {
  .wrapper.w2                                   {width: 80%; max-width: 1500px;} 
  }

.languages                                      {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; background: rgba(245,245,245,0.95);opacity: 0; position: fixed; left: -9999px; top: 0; z-index: 1001; box-sizing: border-box; -webkit-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out;}
.languages.show                                 {left: 0; opacity: 1;}
.languages .cross                               {display: block; width: 1.5em; height: 1.5em; position: absolute; right: 2.2em; top: 2.8em; background: URL('images/navicon.png') no-repeat center top 66.66%; background-size: 100% 400%; cursor: pointer;}
.languages .cross:hover                         {background-position: center bottom;}
.languages .flags                               {display: flex; width: 100%; justify-content: center; margin: 2em 0;}
.languages .flags a                             {display: block; width: 5em; text-align: center; font-size: 1em; color: #252525; font-weight: 600; margin: 0 0.3em; padding: 1em; box-sizing: border-box; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.languages .flags a img                         {display: block; width: 100%; margin-bottom: 0.7em;}
.languages .flags a:hover                       {background: rgba(0,0,0,0.08); color: #0e4194;}

.header                                         {display: block; width: 100%; height: 7em; font-size: 1em; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 1000; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out;}
.header .wrapper                                {display: flex; width: calc(100% - 4em); height: 100%; justify-content: space-between; align-items: center; position: relative; border-bottom: solid 1px transparent; box-sizing: border-box; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out;}
.header .logo                                   {display: block; height: 2em; position: relative; z-index: 2000;}
.header .logo img                               {display: block; height: 100%;} 
.header #navicon                                {display: none;}
.header nav                                     {display: flex; width: auto; height: 100%; align-items: center;}
.header nav span                                {display: block; margin-left: 1.6em;}
.header nav span a                              {display: inline-block; color: #666666; font-size: 0.9em; font-weight: 300; line-height: 1em; text-transform: uppercase; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.header nav span a:hover                        {color: #0e4194;}
.header nav span a.sel                          {color: #0e4194; font-weight: 600;}
.header nav span a.cross                        {display: none;}
.header .lang                                   {display: block;}
.header .lang .flags                            {display: flex; width: 1.2em; height: 1.2em; flex-wrap: wrap; overflow: hidden; position: relative; z-index: 2000;}
.header .lang .flags a                          {display: block; width: 100%; height: 100%; margin: 0; order: 1;}
.header .lang .flags a img                      {display: block; width: 100%; height: 100%;}
.header .lang .flags.ger a.flag-cze,
.header .lang .flags.aut a.flag-eng,
.header .lang .flags.sui a.flag-ger             {order: 0;}
.header.bg                                      {height: 5em; background: white;}
.header.bg .wrapper                             {border-bottom-color: rgba(0,0,0,0.1);}
  @media screen and (max-width: 1600px)         {
  .header nav span                              {margin-left: 1.3em;}
  }
  @media screen and (max-width: 1400px)         {
  .header nav span                              {margin-left: 1.2em;}
  }
  @media screen and (max-width: 1300px)         {
  .header .logo                                 {width: 190px; margin-left: 2.6em;}
  .header #navicon                              {display: block; width: 1.6em; height: 1.6em; background: URL('images/navicon.png') no-repeat center top; background-size: 100% auto; position: absolute; left: 0; top: 2.7em; z-index: 2000; -webkit-transition: top .35s ease-in-out; transition: top .35s ease-in-out;}
  .header #navicon:hover                        {background-position: center 33.33%; cursor: pointer;}
  .header nav                                   {display: block; position: fixed; width: 100%; height: 100%; right: -105%; top: 0; padding: 7em 4.5em 4em; box-sizing: border-box; background: rgba(245, 245, 245, 0.98); opacity: 0; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s;}
  .header nav span                              {display: block; opacity: 0; margin-top: -15px; width: 100%; height: auto; margin-left: 0;}
  .header nav span a                            {font-size: 1.5em; padding: 13px 0;}
  .header.show #navicon                         {background-position: center 66.66%;}
  .header.show #navicon:hover                   {background-position: center bottom;}
  .header.show nav                              {right: 0; opacity: 1;}
  .header.show nav span                         {animation-name: show; animation-duration: .2s; animation-timing-function: ease-in; animation-iteration-count: 1; animation-fill-mode: forwards;}
  .header.show nav span:nth-child(1)            {animation-delay: 0.1s;} 
  .header.show nav span:nth-child(2)            {animation-delay: 0.2s;} 
  .header.show nav span:nth-child(3)            {animation-delay: 0.3s;} 
  .header.show nav span:nth-child(4)            {animation-delay: 0.4s;} 
  .header.show nav span:nth-child(5)            {animation-delay: 0.5s;} 
  .header.show nav span:nth-child(6)            {animation-delay: 0.6s;} 
  .header.show nav span:nth-child(7)            {animation-delay: 0.7s;} 
  .header.show nav span:nth-child(8)            {animation-delay: 0.8s;} 
  .header.bg  #navicon                          {top: 1.7em;}
  }
  @media screen and (max-width: 540px)          {
  .header nav span a                            {text-transform: none;}
  }
  @media screen and (max-width: 380px)          {
  .header .logo                                 {width: 7.5em; overflow: hidden;}
  }
  @keyframes show                               {
                                                0% {opacity: 0; margin-top: -15px;}
                                                100% {opacity: 1; margin-top: 0px;}
  }

.footer                                         {display: block; width: 100%; padding: 3em 0; position: relative;}
.footer .wrapper                                {justify-content: space-between; align-items: center; flex-wrap: wrap;}
.footer .wrapper ul                             {display: block;}
.footer .wrapper ul li                          {display: flex; align-items: center; font-size: 0.9em; margin: 0.3em 0; position: relative;}
.footer .wrapper ul li:before                   {display: block; width: 1.4em; height: 1.4em; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; margin-right: 0.6em; content: "";}
.footer .wrapper ul li.mail::before             {background-image: URL("images/icon-mail.png");}
.footer .wrapper ul li.tel::before              {background-image: URL("images/icon-tel.png");}
.footer .wrapper ul li.pdf::before              {background-image: URL("images/icon-pdf.png");}
.footer .wrapper ul li a                        {display: block; font-size: 1.2em; color: #666666; font-weight: 300; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;} 
.footer .wrapper ul li a:hover                  {color: #0e4194;}
.footer .wrapper .ul              { display: flex; justify-content: center; flex-wrap: wrap;}
.footer .wrapper .ul > img        {display: block; height: 4em; margin: 1em;}
.footer .copyright                              {display: block; width: auto; color: #252525; font-size: 1em;}
.footer .copyright a                            {color: #666666; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.footer .copyright a:hover                      {color: #0e4194;} 
  @media screen and (max-width: 960px)          {
  .footer .wrapper                              {justify-content: center; align-items: flex-start;}
  .footer .wrapper ul                           {display: flex; width: 100%; justify-content: center; padding: 0 3%; box-sizing: border-box; margin-bottom: 1em;}
  .footer .wrapper ul li                        {display: block; text-align: center; margin-bottom: 2em;}
  .footer .wrapper ul li:before                 {width: 100%; font-size: 1.5em; background-size: auto 100%; margin-bottom: 0.5em;}
  .footer p.copyright                           {width: 100%; text-align: center; margin-top: 1em;}
  } 
  @media screen and (max-width: 768px)          {
  .footer .wrapper                              {font-size: 0.9em;}
  .footer .wrapper ul:nth-of-type(2)            {font-size: 1.2em;}
  }
  @media screen and (max-width: 768px)          {
  .footer .wrapper                              {font-size: 1.2em;}
  .footer .wrapper ul                           {display: block;}
  .footer .wrapper ul:nth-of-type(2)            {font-size: 1em;} 
  }
  @media screen and (max-width: 440px)          {
  .footer .wrapper ul                           {width: 100%; padding: 0;}
  } 
     
.button                                         {display: flex; justify-content: center; padding: 1.1em 1.3em; align-items: center; font-size: 0.85em; color: white; font-weight: 800; text-transform: uppercase; background: #0e4194; border: none; outline: none; cursor: pointer; position: relative; box-sizing: border-box; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.button img                                     {display: block; height: 0.85em; margin-left: 0.8em; margin-top: 0.075em; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.button:hover                                   {background: #252525;}
.button:hover img                               {transform: translateX(0.3em);} 

.pattern-left                                   {background: URL("images/pattern-left.jpg") no-repeat left center, white; background-size: 100% auto;}
.pattern-right                                  {background: URL("images/pattern-right.jpg") no-repeat right center, white; background-size: 100% auto;}
.gradient-bottom                                {background: URL("images/gradient-bottom.png") no-repeat center bottom, white; background-size: 100% auto;}
.gradient-top                                   {background: URL("images/gradient-top.png") no-repeat center top, white; background-size: 100% auto;}
.pattern-left.gradient-bottom                   {background: URL("images/gradient-bottom.png") no-repeat center bottom, URL("images/pattern-left.jpg") no-repeat left center, white; background-size: 100% auto;}
.pattern-left.gradient-top                      {background: URL("images/gradient-top.png") no-repeat center bottom, URL("images/pattern-left.jpg") no-repeat left center, white; background-size: 100% auto;}
.shadow-bottom, .shadow-top                     {position: relative;}
.shadow-bottom:after                            {display: block; width: 100%; height: 1em; opacity: 0.3; background: URL("images/shadow-bottom.png") no-repeat center center; background-size: 100% 100%; position: absolute; left: 0; bottom: 0; content: "";}
.shadow-top:before                              {display: block; width: 100%; height: 1em; opacity: 0.3; background: URL("images/shadow-top.png") no-repeat center center; background-size: 100% 100%; position: absolute; left: 0; top: 0; content: "";}
  @media screen and (max-width: 1200px)         {
  .pattern-left,
  .gradient,
  .pattern-left.gradient                        {background-size: 1200px auto !important;}
  }

h1                                              {display: block; width: 100%; color: #252525; font-size: 3em; font-weight: 800; line-height: 1.1em; text-transform: uppercase; margin: 1em 0 1em -0.08em;}
h2                                              {display: block; width: 100%; font-size: 3em; line-height: 1.1em; color: #252525; font-weight: 800; text-transform: uppercase; margin-bottom: 1em; position: relative;}
h2 > span                                       {display: block; font-weight: 300;}
h2 > span span                                  {display: none;}      
h3                                              {display: block; width: 100%; font-size: 1.5em; line-height: 1.2em; color: #252525; font-weight: 800; margin-bottom: 0.3em; position: relative;}
p, li                                           {display: block; width: 100%; color: #666666; line-height: 1.6em; font-weight: 300; text-align: justify;}
p strong, li strong                             {font-weight: 600;}
  @media screen and (max-width: 1800px)         {
  h1, h2                                        {font-size: 2.8em;}
  h3                                            {font-size: 1.4em;}
  }
  @media screen and (max-width: 1600px)         {
  h1, h2                                        {font-size: 2.6em;}
  h3                                            {font-size: 1.3em;} 
  }  
  @media screen and (max-width: 1400px)         {
  h1, h2                                        {font-size: 2.5em;}
  h3                                            {font-size: 1.2em;} 
  }
  @media screen and (max-width: 1200px)         {
  h1, h2                                        {font-size: 2.4em;}
  }
  @media screen and (max-width: 960px)          {
  h1, h2                                        {font-size: 2.3em; text-align: center;}
  h3                                            {font-size: 1.4em;} 
  }  
  @media screen and (min-width: 768px)          {
  .cols2                                        {column-count: 2; column-gap: 3em;}
  }
  @media screen and (max-width: 768px)          {
  h1, h2                                        {font-size: 2.2em;}
  h3                                            {font-size: 1.3em;} 
  } 
  @media screen and (max-width: 540px)          {
  h1, h2                                        {font-size: 2.1em;}
  h3                                            {font-size: 1.2em;} 
  } 
  @media screen and (max-width: 440px)          {
  h1, h2                                        {font-size: 2em;}
  } 
  @media screen and (max-width: 380px)          {
  h1, h2                                        {font-size: 1.9em;}
  } 

  @media screen and (min-width: 960px)          {
  .border-left                                  {padding: 0.3em 0 0.3em 1em; border-left: solid 0.15em #0e4194; box-sizing: border-box;}
  }

.section                                        {padding: 6em 0;}
  @media screen and (max-width: 540px)          {
  .section                                      {padding: 5em 0;}
  }
  @media screen and (max-width: 380px)          {
  .section                                      {padding: 4em 0;}
  }  

.padding-bottom-0                               {padding-bottom: 0;}

.anim                                           {transition-delay: 2s; -ms-transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); opacity: 0; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.anim.play                                      {opacity: 1; -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}

.top                                            {display: block; width: 100%; height: auto; padding: 4em 0 7em; box-sizing: border-box; position: relative;}
.top .wrapper                                   {height: 100%; justify-content: space-between; padding-top: 4em;}
.top .wrapper .left                             {display: flex; width: 60%; flex-wrap: wrap;} 
.top .wrapper .left h1                          {font-size: 2.1em; line-height: 1.2em; text-transform: none; margin-top: 0; margin-bottom: 0;}
.top .wrapper .left p                           {display: block; width: 100%; color: #666666; text-align: left; font-weight: 300; margin: 1em 0;}
.top .wrapper .left p strong                    {display: block; font-weight: 600; color: #252525;}
.top .wrapper .img                              {display: block; width: 35%;}
.top .wrapper .img img                          {display: block; width: 100%; height: auto;}
  @media screen and (max-height: 800px)         {
  .top                                          {min-height: 100vh;}
  }
  @media screen and (max-width: 960px)          {
  .top                                          {min-height: 100%; height: auto; max-height: auto; padding-bottom: 7em;}
  .top .wrapper .left                           {width: 100%; max-width: 540px; justify-content: center; margin: 0 auto; order: 1;}
  .top .wrapper .left p                         {text-align: center;}
  .top .wrapper .left h1                        {}
  .top .wrapper .img                            {width: 90%; max-width: 400px; height: auto; order: 0; margin: 0 auto 2em; position: relative; left: -3%;}
  .top .wrapper .img img                        {width: 100%; height: auto;}
  } 

@keyframes clouds                               {
                                                0%   {left: -200px;}
                                                100% {left: calc(100% + 200px);}

}   

.info-panel                                     {font-size: 0.9em;}
.info-panel .wrapper                            {justify-content: space-between; background: URL("images/info-panel.jpg") no-repeat left center; background-size: cover; padding: 4em; box-sizing: border-box; margin-top: -3em;} 
.info-panel .wrapper > *                        {display: block; width: 48%;}
.info-panel .wrapper > h2                       {font-size: 2.2em; line-height: 1.3em; color: white; text-transform: none; margin: 0;}
.info-panel .wrapper > ul li                    {font-size: 1em; text-align: left; color: white; font-weight: 300; margin-bottom: 0.5em;}
.info-panel .wrapper > ul li:last-child         {margin-bottom: 0;}
.info-panel .wrapper > ul li strong             {font-weight: 600;}
  @media screen and (max-width: 1400px)         {
  .info-panel .wrapper                          {padding: 3em 2.5em;}
  }
  @media screen and (max-width: 1080px)         {
  .info-panel .wrapper                          {display: block;}
  .info-panel .wrapper > *                      {width: 100%; text-align: center;}
  .info-panel .wrapper > h2                     {font-size: 1.7em; margin-bottom: 0.8em; text-align: center;}
  .info-panel .wrapper > ul li                  {text-align: center; margin-bottom: 0.75em;}  
  }
  @media screen and (max-width: 960px)          {
  .info-panel                                   {font-size: 1em;}
  .info-panel .wrapper                          {padding: 3em;}
  .info-panel .wrapper > h2                     {}
  }
  @media screen and (max-width: 540px)          {
  .info-panel                                   {font-size: 0.9em;}
  }

.services                                       {display: block; width: 100%;}
.services .wrapper                              {align-items: flex-start;}
.services .wrapper > div                        {display: block;}
.services .wrapper > div img                    {display: block; width: 80%; max-width: 320px; margin: 0 auto;}
.services .wrapper > div h2                     {display: block; width: 100%; text-align: center; font-size: 1em; line-height: 1.35em; color: #666666; font-weight: 300; text-transform: none; padding-top: 1.6em; position: relative;}
.services .wrapper > div h2:before              {display: flex; width: 3em; height: 3em; justify-content: center; align-items: center; color: white; font-size: 0.9em; font-weight: 800; background: #0e4194; border: solid 0.25em white; border-radius: 100%; position: absolute; left: calc(50% - 1.5em); top: -1.5em; z-index: 1; content: ""; box-sizing: border-box;}
.services .wrapper > div:nth-child(1) h2:before {content: "1";}
.services .wrapper > div:nth-child(2) h2:before {content: "2";}
.services .wrapper > div:nth-child(3) h2:before {content: "3";}
  @media screen and (min-width: 1400px)         {
  .services .wrapper > div                      {width: 24%;} 
  .services .wrapper > div:nth-child(1)         {padding-right: 7%;}
  .services .wrapper > div:nth-child(2)         {padding: 0 calc(7% - 1px); border-left: solid 1px rgba(0,0,0,0.07); border-right: solid 1px rgba(0,0,0,0.07);}
  .services .wrapper > div:nth-child(3)         {padding-left: 7%;}
  }
  @media screen and (max-width: 1200px)         {
  .services .wrapper                            {font-size: 0.9em;}
  }
  @media screen and (min-width: 960px) and (max-width: 1400px){
  .services .wrapper > div                      {width: 29.3%;} 
  .services .wrapper > div:nth-child(1)         {padding-right: 3%;}
  .services .wrapper > div:nth-child(2)         {padding: 0 calc(3% - 1px); border-left: solid 1px rgba(0,0,0,0.07); border-right: solid 1px rgba(0,0,0,0.07);}
  .services .wrapper > div:nth-child(3)         {padding-left: 3%;}
  }
  @media screen and (max-width: 960px)          {
  .services .wrapper                            {display: block; font-size: 1.2em;}
  .services .wrapper > div                      {width: 100%; max-width: 500px; margin: 0 auto;} 
  .services .wrapper > div:nth-child(1)         {padding-bottom: 3em;}
  .services .wrapper > div:nth-child(2)         {padding: 3em 0; border-top: solid 1px rgba(0,0,0,0.07); border-bottom: solid 1px rgba(0,0,0,0.07);}
  .services .wrapper > div:nth-child(3)         {padding-top: 3em;}
  }
/*
.infotext                                       {background: URL("images/infotext.jpg") no-repeat center center; background-size: cover;}
.infotext .wrapper h2                           {text-align: center; color: white; padding-bottom: 20px; margin-bottom: 25px;}
.infotext .wrapper h2:after                     {display: block; width: 1.4em; height: 2px; background: white; position: absolute; left: calc(50% - 0.7em); bottom: -1px; content: "";}
.infotext .wrapper p                            {display: block; width: 100%; text-align: center; color: white;}
  */
.infotext                                       {background: URL("images/infotext.jpg") no-repeat center center; background-size: cover;}
.infotext .wrapper                              {justify-content: space-between; align-items: flex-start;}
.infotext .wrapper > div                        {display: block; width: 47%;}
.infotext .wrapper h2                           {color: white; margin-bottom: 0.6em;}
.infotext .wrapper p                            {display: block; width: 100%; text-align: left; color: white; font-size: 0.9em;}
.infotext .wrapper li                           {display: block; width: 100%; text-align: left; color: white; font-size: 1.3em; line-height: 1.3em; margin-bottom: 0.45em; padding-left: 2em; background: URL("images/button-arrow.png") no-repeat left top 0.4em; background-size: 1.4em auto;}
.infotext .wrapper li:last-child                {margin-bottom: 0;}
  @media screen and (max-width: 960px)          {
  .infotext .wrapper > div                      {width: 100%; max-width: 640px; margin: 0 auto;}
  .infotext .wrapper p                          {text-align: center;}
  .infotext .wrapper ul                         {margin-top: 2em; padding-top: 2em; position: relative;}
  .infotext .wrapper ul:before                  {display: block; width: 3em; height: 2px; background: white; position: absolute; left: calc(50% - 1.5em); top: -1px; content: "";}
  .infotext .wrapper li                         {text-align: center; padding: 0; margin-bottom: 0.6em; background: none;}
  }

.infographics                                   {display: block; width: 100%;}
.infographics .wrapper                          {align-items: stretch;}
.infographics .wrapper div                      {display: block; box-sizing: border-box;}
.infographics .wrapper div img                  {display: block; width: 4em; margin: 0 auto 1em;}
.infographics .wrapper div p                    {display: block; width: 100%; text-align: center;}
.infographics .wrapper > p                      {text-align: center;}
.infographics .wrapper > p a                    {display: inline-block; font-size: 1em; color: #0e4194; font-weight: 600; padding-bottom: 0.1em; border-bottom: solid 0.06em #0e4194; margin-top: 2em; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;} 
.infographics .wrapper > p a:hover              {opacity: 0.8; border-color: transparent;} 

  @media screen and (min-width: 960px)          {
  .infographics .wrapper div                    {width: 33.33%; padding: 5%; border-right: solid 1px rgba(0,0,0,0.07); border-top: solid 1px rgba(0,0,0,0.07);}
  .infographics .wrapper div:nth-child(1),
  .infographics .wrapper div:nth-child(2),
  .infographics .wrapper div:nth-child(3)       {border-top: none; padding-top: 0;}
  .infographics .wrapper div:nth-child(4)
  .infographics .wrapper div:nth-child(5),
  .infographics .wrapper div:nth-child(6)       {padding-bottom: 0;}
  .infographics .wrapper div:nth-child(3n+1)    {padding-left: 0;}
  .infographics .wrapper div:nth-child(3n+3)    {padding-right: 0; border-right: none;} 
  }
  @media screen and (min-width: 440px) and (max-width: 960px){
  .infographics .wrapper div                    {width: 50%; padding: 5%; border-right: solid 1px rgba(0,0,0,0.07); border-top: solid 1px rgba(0,0,0,0.07);}
  .infographics .wrapper div:nth-child(1), 
  .infographics .wrapper div:nth-child(2)       {border-top: none; padding-top: 0;}
  .infographics .wrapper div:nth-child(5),
  .infographics .wrapper div:nth-child(6)       {padding-bottom: 0;}
  .infographics .wrapper div:nth-child(odd)     {padding-left: 0;}
  .infographics .wrapper div:nth-child(even)    {padding-right: 0; border-right: none;} 
  }
  @media screen and (max-width: 439px)          {
  .infographics .wrapper                        {justify-content: center;}
  .infographics .wrapper div                    {width: 100%; max-width: 280px; padding: 10% 0; border-top: solid 1px rgba(0,0,0,0.07);}
  .infographics .wrapper div:nth-child(1)       {border-top: none; padding-top: 0;}
  .infographics .wrapper div:nth-child(6)       {padding-bottom: 0;}
  .infographics .wrapper div p br               {display: none;}
  }     

.advisory                                       {display: block; width: 100%; background: URL("images/advisory.jpg") no-repeat center center; background-size: cover; position: relative;}
.advisory .wrapper                              {justify-content: flex-end;}
.advisory .wrapper .right                       {display: flex; width: 48%; flex-wrap: wrap; padding: 1em 0;}
.advisory .wrapper .right h2                    {margin-bottom: 0;}
.advisory .wrapper .right p                     {text-align: left; margin: 1em 0;}
.advisory .img                                  {display: flex; height: 100%; justify-content: flex-end; align-items: flex-end; order: 0; position: absolute; right: 52%; top: 0;} 
.advisory .img img                              {display: block; width: auto; height: 90%;} 
  @media screen and (max-width: 960px)          {
  .advisory                                     {padding-bottom: 0;}
  .advisory .wrapper .right                     {width: 100%; max-width: 540px; justify-content: center; padding: 0; margin: 0 auto 4em;}
  .advisory .wrapper .right h2                  {text-align: center;}
  .advisory .wrapper .right p                   {text-align: center; margin: 1em 0;}
  .advisory .img                                {display: flex; width: 100%; max-width: 480px; height: auto; margin: 0 auto; position: relative; right: auto; top: auto;} 
  .advisory .img img                            {width: 100%; height: auto;}
  }

.logos .wrapper                                 {margin: -1.5em auto;}
.logos .wrapper h2                              {text-align: center; font-size: 1em; color: #666666; margin: 2em 0 auto;}
.logos .wrapper a                               {display: block; width: auto; height: 4em; margin: 1.5em;}
.logos .wrapper a img                           {display: block; width: auto; height: 100%; opacity: 0.65; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.logos .wrapper a:hover img                     {-webkit-filter: none; filter: none; opacity: 1;}

.offer                                          {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.offer > div                                    {display: block; width: 100%;}
.offer > div ul                                 {margin-bottom: 1em;}
.offer > div ul li                              {display: block; text-align: left; margin-bottom: 0.5em; line-height: 1.3em; padding-left: 0.8em; box-sizing: border-box; position: relative;}
.offer > div ul li:before                       {display: block; width: 0.3em; height: 0.3em; background: #0e4194; border-radius: 0.08em; position: absolute; left: 0; top: 0.4em; content: "";}
  @media screen and (min-width: 768px)          {
  .offer > div                                  {width: calc(50% - 1.5em);}
  }

.paragraphs                                     {display: flex; width: 100%; align-items: flex-start; flex-wrap: wrap; font-size: 0.85em;}
.paragraphs > div                               {display: flex; flex-wrap: wrap;}
.paragraphs > div > span                        {display: block; font-size: 2.5em; font-weight: 300; line-height: 1em; color: #0e4194; margin-bottom: 0.3em;}
.paragraphs > div h3 span                       {display: block; font-size: 0.8em; font-weight: 300; line-height: 1.2em;} 
.paragraphs > div .button                       {font-size: 0.7em; margin-top: 0.5em;}
  @media screen and (min-width: 960px)          {
  .paragraphs > div                             {width: 19%;} 
  .paragraphs > div:nth-of-type(1)              {padding-right: 4%;}
  .paragraphs > div:nth-of-type(2)              {padding: 0 calc(4% - 1px); border-left: solid 1px rgba(0,0,0,0.07); border-right: solid 1px rgba(0,0,0,0.07);}
  .paragraphs > div:nth-of-type(3)              {padding: 0 calc(4% - 1px); border-right: solid 1px rgba(0,0,0,0.07);}
  .paragraphs > div:nth-of-type(4)              {padding-left: 4%;}
  }
  @media screen and (max-width: 960px)          {
  .paragraphs > div                             {justify-content: center;}
  .paragraphs > div h3,
  .paragraphs > div h3 span                     {text-align: center;} 
  }
  @media screen and (min-width: 540px) and (max-width: 960px){
  .paragraphs > div                             {width: 50%; box-sizing: border-box;} 
  .paragraphs > div:nth-of-type(1)              {padding: 0 6% 6% 0; border-bottom: solid 1px rgba(0,0,0,0.07);}
  .paragraphs > div:nth-of-type(2)              {padding: 0 0 6% 6%; border-left: solid 1px rgba(0,0,0,0.07); border-bottom: solid 1px rgba(0,0,0,0.07);}
  .paragraphs > div:nth-of-type(3)              {padding: 6% 6% 0 0;}
  .paragraphs > div:nth-of-type(4)              {padding: 6% 0 0 6%; border-left: solid 1px rgba(0,0,0,0.07);}
  }
  @media screen and (max-width: 540px)          {
  .paragraphs                                   {display: block; font-size: 1.2em;}
  .paragraphs > div                             {width: 100%; max-width: 300px; margin: 0 auto; padding: 2em 0; border-bottom: solid 1px rgba(0,0,0,0.07);} 
  .paragraphs > div:first-child                 {padding-top: 0;}
  .paragraphs > div:last-child                  {padding-bottom: 0; border: none;}
  }

.focus                                          {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.focus > div                                    {display: block; box-sizing: border-box; overflow: hidden; position: relative;}
.focus > div h3 span                            {color: #0e4194;}
  @media screen and (min-width: 960px)          {
  .focus > div                                  {width: 31%;}
  .focus > div p                                {font-size: 0.9em;} 
  } 
  @media screen and (max-width: 960px)          {
  .focus > div                                  {width: 100%; margin-bottom: 2em;}     
  .focus > div:last-child                       {margin-bottom: 0;}
  .focus > div h3,
  .focus > div p                                {text-align: center;}
  }   

.infographics2                                  {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.infographics2 > div                            {display: block; width: calc(50% - 1.5em); margin-bottom: 3em; padding-left: 5em; box-sizing: border-box; position: relative;}
.infographics2 > div img                        {display: block; width: 4em; position: absolute; left: 0; top: -0.6em;}
  @media screen and (min-width: 960px)          {
  .infographics2 > div:nth-of-type(5),
  .infographics2 > div:nth-of-type(6)           {margin-bottom: 0;}
  }
  @media screen and (max-width: 960px)          {
  .infographics2 > div                          {width: 100%;}
  .infographics2 > div:nth-of-type(6)           {margin-bottom: 0;}
  }

.faq                                            {display: block; width: 100%;}
.faq h2                                         {margin-bottom: 0.5em; text-transform: none;}
.faq > div                                      {display: block; width: 100%; margin-bottom: 1.5em; padding-left: 40px; box-sizing: border-box; overflow: hidden;}
.faq > div:last-child                           {margin-bottom: 0;}
.faq > div h3                                   {text-align: left; font-size: 1.1em; margin-bottom: 0.8em; text-transform: none;}
.faq > div h3 span                              {color: #0e4194; font-weight: 800; position: absolute; left: -40px; top: 0;}
  @media screen and (max-width: 768px)          {
  .faq > div                                    {padding-left: 36px;}
  .faq > div h3 span                            {left: -36px;}
  } 
  @media screen and (max-width: 440px)          {
  .faq > div                                    {padding-left: 32px;}
  .faq > div h3 span                            {left: -32px;}
  }      

.checkbox a { color:Black; text-decoration:underline; font-size: 0.8em; }

input.chk1:not(:checked),
input.chk1:checked                              {position: absolute; left: -9999px; background-position: left top;}
input.chk1:not(:checked) + label,
input.chk1:checked + label                      {display: block; position: relative; text-align: left; font-size: 0.8em; padding-left: 1.8em; cursor: pointer; box-sizing: border-box;}
input.chk1:not(:checked) + label:before,
input.chk1:checked + label:before               {display: block; width: 1.4em; height: 1.4em; position: absolute; left: 0; top: -0.1em; background-image: URL('images/checkbox.svg'); background-size: 100% 300%; content: "";}
input.chk1:not(:checked) + label:before         {background-position: left top;}
input.chk1:not(:checked) + label:hover:before   {background-position: left center;}
input.chk1:checked + label:before               {background-position: left bottom;}
input.chk1:disabled + label,                 
input.chk1:disabled + label:before              {opacity: 0.4;}
input.chk1.gray:not(:checked) + label:before,
input.chk1.gray:checked + label:before          {background-image: URL('images/checkbox.svg');}

.box-advisory                                       {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; position: relative;}
.box-advisory .left                                 {display: flex; width: 48%; min-height: 100%; justify-content: flex-end; flex-wrap: wrap;}
.box-advisory .left .text                           {display: block; width: 100%;}
.box-advisory .left .text h2                        {margin-bottom: 0.5em;}
.box-advisory .left .text p                         {text-align: left;}
.box-advisory .left img                             {display: block; width: 108%; margin-top: 2em; align-self: flex-end;}
.box-advisory .form                                 {display: block; width: 48%; background: rgba(220,220,220,0.6); padding: 5% 5% 10%; margin-bottom: 4em; position: relative; box-sizing: border-box;}
.box-advisory .form > div                           {display: block; width: 100%; margin-bottom: 1em;}
.box-advisory select,
.box-advisory .form input, 
.box-advisory .form textarea                        {display: block; width: 100%; height: 2.2em; font-size: 1em; color: #252525; background: none; border: none; border-bottom: solid 1px rgba(0,0,0,0.15); padding: 0; box-sizing: border-box; outline: none; font-family: 'Montserrat', sans-serif; }
.box-advisory .form textarea                        {height: 10em; padding: 0;}
.box-advisory select                                {background: URL("images/select-arrow-down.png") no-repeat right top 0.4em; background-size: 1.2em auto; font-weight: 600; padding-right: 1.5em; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.box-advisory select::-ms-expand                    {display: none;}
.box-advisory select.sel                            {background-image: URL("images/select-arrow-up.png");}
.box-advisory .form input::placeholder              {color: #666666; font-weight: 300;}
.box-advisory .form input:-ms-input-placeholder     {color: #666666; font-weight: 300;}     
.box-advisory .form input::-ms-input-placeholder    {color: #666666; font-weight: 300;}
.box-advisory .form textarea ::placeholder          {color: #666666; font-weight: 300;}
.box-advisory .form textarea :-ms-input-placeholder {color: #666666; font-weight: 300;}     
.box-advisory .form textarea ::-ms-input-placeholder{color: #666666; font-weight: 300;}
.box-advisory .form .input-file                     {display: block; width: 100%; height: 50px; padding: 0 14px; background: rgba(0,0,0,0.05); color: black; font-size: 14px; font-weight: 500; outline: none; box-sizing: border-box; position: relative; font-family: 'Work Sans', sans-serif; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out;}
.box-advisory .form .input-file:after               {display: block; width: 50px; height: 50px; background: URL('images/input-file.png') no-repeat center top; background-size: 100% 200%; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 1; content: "";}
.box-advisory .form .input-file:hover:after         {background-position: center bottom;}
.box-advisory .form .input-file input[type='file']  {position: absolute; left: -9999px;}
.box-advisory .form .input-file label               {display: flex; height: 100%; align-items: center; font-size: 13px; position: relative; z-index: 2; cursor: pointer;}
.box-advisory .form .gdpr                           {text-align: left; font-size: 0.8em; margin-bottom: 0.4em;}
.box-advisory .form .gdpr a                         {color: #666666; text-decoration: underline;}
.box-advisory .form .gdpr a:hover                   {color: #252525; text-decoration: none;}
.box-advisory .form .button                         {width: 80%; position: absolute; left: 10%; bottom: 7%;}
  @media screen and (max-width: 960px)              {
  .box-advisory                                     {max-width: 540px;}
  .box-advisory .left                               {width: 100%; margin-bottom: 2em;}
  .box-advisory .left .text p                       {text-align: center;}
  .box-advisory .left img                           {display: none;}
  .box-advisory .form                               {width: 100%; padding: 10%; font-size: 1.1em;}
  .box-advisory .form .button                       {width: 100%; position: relative; left: auto; bottom: auto;}
   }

.partners                                       {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.partners > div                                 {display: flex; width: calc(50% - 2em); justify-content: space-between; align-items: center; margin-top: 3em;}
.partners > div img                             {display: block; width: 4em; height: auto; border-radius: 100%; overflow: hidden;} 
.partners > div .info                           {display: block; width: calc(100% - 5em);}
.partners > div .info h2                        {font-size: 1.3em; margin: 0 0 0.15em; text-transform: none;}
.partners > div .info p                         {color: #666666; text-align: left; font-size: 0.8em; line-height: 1.3em; text-transform: uppercase; margin-bottom: 0;}
  @media screen and (max-width: 960px)          {
  .partners > div                               {display: block; margin-bottom: 2em;}    
  .partners > div img                           {margin: 0 auto 1em;}
  .partners > div .info                         {width: 100%;}
  .partners > div .info h2                      {text-align: center;}  
  .partners > div .info p                       {text-align: center;}  
  }
  @media screen and (min-width: 540px)          {
  .partners > div:nth-child(1),
  .partners > div:nth-child(2)                  {margin-top: 0;}
  }
  @media screen and (max-width: 540px)          {
  .partners                                     {justify-content: center;}
  .partners > div                               {width: 100%; max-width: 300px; margin-top: 2em;}    
  .partners > div:nth-child(1)                  {margin-top: 0;}
  }              

.contacts                                       {display: flex; width: 100%; align-items: flex-start; flex-wrap: wrap;}
.contacts ul                                    {display: block; width: auto; margin: 0 50px 50px 0; padding-left: 1em; border-left: solid 0.12em #0e4194;} 
.contacts ul:last-child                         {margin-right: 0;}
.contacts ul li                                 {display: block;}
.contacts ul li:before                          {display: none !important;}
.contacts ul li span                            {color: #0e4194; font-weight: 600;}
.contacts ul li a                               {color: #666666; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.contacts ul li a:hover                         {color: #0e4194;}
#map                                            {display: block; width: 100%; height: 30em;}
  @media screen and (max-width: 960px)          {
  .contacts ul                                  {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; margin: 0 0 0.5em; padding: 0; border: none;}
  .contacts ul li                               {width: auto; margin: 0.3em;}
  #map                                          {margin-top: 2em;}
  }           

.mceContentBody .faq .item p { display:block !important; color:Black !important; }