:root {
    --line-thickness: 2px;
    --glass-size: 65%;
    --icon-height: 40px;
    --transition-speed: .35s;
    --timing-function: cubic-bezier(.66,1.51,.77,1.13);
    --icon-color: white;
  }
  
  * {
      box-sizing: border-box;
  }
  
  html {
      scroll-behavior: smooth;
  }
  
  .alignleft,
  img.alignleft {
      margin-right: 1.5em;
      display: inline;
      float: left;
  }
  
  .alignright,
  img.alignright {
      margin-left: 1.5em;
      display: inline;
      float: right;
  }
  
  .aligncenter,
  img.aligncenter {
      margin-right: auto;
      margin-left: auto;
      display: block;
      clear: both;
  }
  
  body {
      margin: 0;
      padding: 0;
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #333a47;
      padding-top: 60px;
  }
  
  .main-content a,
  .main-content a:visited {
      color: #1d70b8;
      /* display: inline-block; */
      padding: 0;
  }
  
  .main-content {
      max-width: 1100px;
      margin: 0 auto;
      padding: 10px;
  }
  
  .main-content p,
  .main-content li,
  .main-content div {
      line-height: 2rem;
  }
  
  .main-content h2 {
      font-size: 30px;
      margin-bottom: 20px;
      line-height: 1.2em;
      font-weight: 700;
      text-transform: none;
  }
  
  .main-content h3 {
      font-size: 24px;
      margin-bottom: 20px;
      line-height: 1.2em;
      font-weight: 700;
      text-transform: none;
  }
  
  img {
      max-width: 100%;
      height: auto;
  }
  
  .widget_nav_menu ul {
      list-style-type: none;
      padding-left: 0px;
  }
  
  .widget_nav_menu ul li {
      display: inline-block;
  }
  
  .widget_nav_menu ul li:after {
      display: inline-block;
      content: '|';
      color: #fff;
      margin: 0 10px;
      vertical-align: 2px;
  }
  
  .widget_nav_menu ul li:last-child:after {
      display: inline-block;
      content: '';
      color: #fff;
      margin: 0 0px;
      vertical-align: 2px;
  }
  
  .widget_nav_menu ul li a {
      display: inline-block;
      color: #fff;
      text-transform: uppercase;
      text-decoration: none;
  }
  
  .faq p {
      margin: 15px 0;
  }
  
  .langs {
      max-width: var(--responsive--aligndefault-width);
      margin-left: auto;
      margin-right: auto;
  }
  
  .langs a {
      display: block;
  }
  
  .langbar {
      width: 100%;
      background: #fff;
      margin: 0 auto;
      position: relative;
      text-align: right;
  }
  
  #touchlabel span {
      padding: 5px 30px;
      background: #28303d;
      color: #d1e4dd;
      font-size: 30px;
      font-variant: small-caps;
      cursor: pointer;
      display: inline-block;
      height: 40px;
      width: 40px;
      position: relative;
  }
  
  #touch {
      position: relative;
      opacity: 0;
      right: 0px;
      top: 0px;
      background: #fff !important;
      height: 40px;
      width: 100%;
      cursor: pointer;
  }
  
  #touch:checked+.slide {
      transform: scaleY(1);
      height: auto;
  }
  
  .slide {
      margin: 0;
      clear: both;
      width: 100%;
      height: 0;
      transform: scaleY(0);
      overflow: hidden;
      padding-left: 0;
      transform-origin: top;
      position: relative;
      background-color: #fff;
      list-style-type: none;
      text-align: center;
      background: #fff;
  }
  
  .slide a {
      padding: 15px;
  }
  
  .bgr_sec::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 50%;
      width: 50vw;
      background-color: #1d70b8;
      z-index: -1;
  }
  
  .bgr_sec::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 49%;
      width: 50vw;
      background-color: #1d70b8;
      z-index: -1;
  }
  
  .bgr_sec {
      position: relative;
      padding: 15px;
      margin: 20px -18px;
      background-color: #1d70b8;
      color: #fff;
  }
  
  .bgr_sec h1,
  .bgr_sec h2,
  .bgr_sec h3,
  bgr_sec h4,
  bgr_sec h5,
  bgr_sec h6 {
      color: #fff;
  }
  
  .toggle,
  [id^=drop] {
      display: none;
      cursor: pointer;
  }
  
  
  /* Giving a background-color to the nav.mainnavupdupd container. */
  
  .main-header {
      background: var(--menu-bg-color);
      position: fixed;
      width: 100%;
      top: 0px;
      box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, .2);
      z-index: 9999;
  }
  
  nav.mainnavupd {
      margin: 0 auto;
      padding: 0;
      max-width: 1100px;
      position: relative;
  }
  
  nav.mainnavupd #logo {
      display: inline-block;
      padding: 0 30px 0 0;
      float: none;
      font-size: 20px;
  }
  
  nav.mainnavupd #logo a {
      display: inline-block;
      padding: 10px 20px 0px 20px;
      color: #FFF;
      font-size: 17px;
      text-decoration: none;
  }
  
  nav.mainnavupd #logo a img {
      height: 29px;
		max-width: 100px;
      display: inline-block;
      width: auto;
      transform: scale(1.2);
  }
  
  nav.mainnavupd #logo a:hover {
      background-color: transparent;
  }
  
  
  /* Since we'll have the "ul li" "float:left"
       * we need to add a clear after the container. */
  
  nav.mainnavupd:after {
      content: "";
      display: table;
      clear: both;
  }
  
  
  /* Removing padding, margin and "list-style" from the "ul",
       * and adding "position:reltive" */
  
  nav.mainnavupd ul {
      float: none;
      padding: 0;
      margin: 0;
      list-style: none;
      display: inline-block;
      vertical-align: 10px;
      /* position: relative; */
  }
  
  
  /* Positioning the nav.mainnavupdigation items inline */
  
  nav.mainnavupd ul li {
      margin: 0px;
      display: inline-block;
      float: none;
  }
  
  
  /* Styling the links */
  
  nav.mainnavupd a,
  nav.mainnavupd a:visited {
      display: block;
      padding: 20px 9px;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      text-decoration: none;
  }
  
  nav.mainnavupd ul li ul li:hover {
      background: red;
  }
  
  
  /* Background color change on Hover */
  
  nav.mainnavupd a:hover, nav.mainnavupd li.menu-item-hovered a {
      background-color: var(--menu-bg-color-hover);
      color: #fff;
  }
  
  
  /* Hide Dropdowns by Default
       * and giving it a position of absolute */
  
  nav.mainnavupd ul ul {
      display: none;
      position: absolute;
      /* has to be the same number as the "line-height" of "nav.mainnavupd a" */
      top: 60px;
      background-color: var(--menu-bg-color-hover);
  }
  
  @media all and (min-width: 1024px) {
      /* Hide Dropdowns by Default
   * and giving it a position of absolute */
      nav.mainnavupd ul ul {
          display: none;
          position: absolute;
          padding: 15px 0;
          /* has to be the same number as the "line-height" of "nav.mainnav a" */
          top: 60px;
          width: 100vw;
          left: 0px;
          background-color: var(--menu-bg-color-hover);
          /*padding-left: calc(10vw);
  padding-right: calc(20vw - 50px);
          */
          padding-top: 15px;
  padding-bottom: 15px;
  padding-right: calc(100vw - 1100px);
      }
      
      
      
      nav.mainnavupd ul ul:before {
          content: '';
          display: block;
          
          position: absolute;
          top: 0;
          left: calc(100vw/-2);
          background-color: var(--menu-bg-color-hover); 
          width: 100vw; 
          height: 100%;
         
      }
      
      
      
      
      /* Display Dropdowns on Hover */
      nav.mainnavupd ul li:hover>ul {
          display: inherit;
          display: flex;
    justify-content: space-between;
          
          flex-direction: row;
      }
      /* Fisrt Tier Dropdown */
      nav.mainnavupd ul ul li {
      
          width: 215px;
          
      }
      nav.mainnavupd ul ul li a,
      nav.mainnavupd ul ul li a:visited {
          
          padding: 10px 5px;
          color: #fff;
          font-size: 15px;
          text-decoration: none;
          font-weight: 300;
          
          
      }
      /* Second, Third and more Tiers	
   * We move the 2nd and 3rd etc tier dropdowns to the left
   * by the amount of the width of the first tier.
  */
      nav.mainnavupd ul ul ul li {
          position: relative;
          top: -60px;
          /* has to be the same number as the "width" of "nav.mainnav ul ul li" */
          left: 170px;
      }
  }
  
  
  /* Display Dropdowns on Hover */
  
  nav.mainnavupd ul li:hover>ul {
      display: inherit;
  }
  
  
  /* Fisrt Tier Dropdown */
  
  nav.mainnavupd ul ul li {
      position: relative;
  }
  
  nav.mainnavupd ul ul li a,
  nav.mainnavupd ul ul li a:visited {
      display: block;
      padding: 7px 4px;
      color: #fff;
      font-size: 16px;
      font-weight: 400;
      text-decoration: none;
  }
  
  nav.mainnavupd ul ul li a:hover {
  
      font-weight: 700;
      
  }
  
  
  /* Second, Third and more Tiers	
       * We move the 2nd and 3rd etc tier dropdowns to the left
       * by the amount of the width of the first tier.
      */
  
  nav.mainnavupd ul ul ul li {
      position: relative;
      top: -60px;
      /* has to be the same number as the "width" of "nav.mainnavupd ul ul li" */
      left: 170px;
  }
  
  
  /* Change ' +' in order to change the Dropdown symbol */
  
  nav.mainnavupd li>a:after {
      content: url(imgs/plus-icon.svg);
      margin-left: 5px;
      display: inline-block;
      width: 14px;
      height: 14px;
      
      
  }
  nav.mainnavupd li:hover>a:after {
      content: url(imgs/minus.svg);
      margin-left: 5px;
      display: inline-block;
      position: relative;
      top: -6px;
      width: 14px;
      height: 2px;
      
      
  }
  
  nav.mainnavupd li>a:only-child:after {
      content: '';
      margin-left: 0px;
      display: inline-block;
  }
  
  nav.mainnavupd .menu-icon {
      display: inline-block;
      margin-right: 5px;
      vertical-align: -3px;
      width: 26px !important;
      height: 20px;
  }
  
  
  /* Media Queries
      --------------------------------------------- */
  
  @media all and (max-width: 1024px) {
      .main-header {
          position: fixed;
          min-height: 60px;
      }
      nav.mainnavupd #logo {
          display: inline-block;
          padding: 0;
          float: none;
          text-align: center;
          width: calc(100% - 145px);
      }
      nav.mainnavupd {
          margin: 0;
      }
      
      nav.mainnavupd a, nav.mainnavupd a:visited {
      display: block;
      padding: 20px 9px;
      color: #fff;
      font-size: 24px;
      font-weight: bold;
      text-decoration: none;
  }
      
      nav.mainnavupd .menu-icon {
      display: inline-block;
      margin-right: 5px;
      vertical-align: -1px;
      width: 20px;
      height: 20px;
  }
      
      
      /* Hide the nav.mainnavupdigation menu by default */
      /* Also hide the  */
      nav.mainnavupd .toggle+a,
      nav.mainnavupd .menu {
          display: none;
      }
      /* Stylinf the toggle lable */
      nav.mainnavupd .hamburger {
          position: relative;
          display: inline-block;
          width: 30px;
          height: 19px;
          margin-right: 0.3em;
          border-top: 3px solid #fff;
          border-bottom: 3px solid #fff;
          top: 4px;
      }
      nav.mainnavupd .hamburger:before {
          content: "";
          position: absolute;
          top: 5px;
          width: 100%;
          border-top: 3px solid #fff;
          left: 0px;
      }
      nav.mainnavupd .toggle {
          display: inline-block;
  padding: 18px 20px 0 20px;
  color: #fff;
  text-decoration: none;
  border: none;
  vertical-align: -14px;
  min-height: 60px;
  font-size: 24px;
  font-weight: 800;
      }
      
      
      
      nav.mainnavupd .toggle.submenu_btn {
          position: relative;
      }
      
      nav.mainnavupd .toggle.submenu_btn.plus-icon:after {
          content: url('imgs/plus-icon-big.svg');
          position: absolute;
          top: 18px;
          right: 10px;
      
      }
      
      nav.mainnavupd .toggle.submenu_btn.minus-icon {
          background-color: var(--menu-bg-color-hover);
      }
      
      
      nav.mainnavupd .toggle.submenu_btn.minus-icon:after {
          content: url(imgs/minus-icon-big.svg);
          position: absolute;
          top: 7px;
          right: 10px;
      
      }
      
      
      
      
  
      
      
      nav.mainnavupd .top-toggle {
          text-align: center;
      }
      nav.mainnavupd .toggle:hover {
          background-color: var(--menu-bg-color-hover);
          color: #fff;
      }
      /* Display Dropdown when clicked on Parent Lable */
      nav.mainnavupd [id^=drop]:checked+ul {
          display: block;
          height: 100vh;
      }
      
  
      /* Change menu item's width to 100% */
      nav.mainnavupd ul {
          float: none;
          width: 100%;
      }
      nav.mainnavupd ul li {
          display: block;
          width: 100%;
      }
      nav.mainnavupd ul li>label {
          display: block;
          width: 100%;
      }
      nav.mainnavupd ul li>a {
          display: block;
          width: 100%;
          padding: 14px 20px;
      }
      
      nav.mainnavupd ul ul {
          background-color: var(--menu-bg-color-hover) !important;
      }
      nav.mainnavupd ul ul .toggle,
      nav.mainnavupd ul ul a {
          padding: 0 40px;
      }
      
      
      nav.mainnavupd ul ul ul a {
          padding: 0 80px;
      }
      nav.mainnavupd a:hover,
      nav.mainnavupd ul ul ul a {
          background-color: var(--menu-bg-color-hover);
      }
      nav.mainnavupd ul li ul li .toggle,
      nav.mainnavupd ul ul a,
      nav.mainnavupd ul ul ul a {
          padding: 14px 20px;
          color: #fff;
          font-size: 17px;
      }
      nav.mainnavupd ul li ul li .toggle,
      nav.mainnavupd ul ul a {
          background-color: var(--menu-bg-color-hover);
      }
      
      
      nav.mainnavupd ul ul li a, nav.mainnavupd ul ul li a:visited {
      display: block;
      padding: 15px 20px 15px 51px;
      color: #fff;
      font-size: 18px;
      font-weight: 500;
      text-decoration: none;
  }
      
      
      /* Hide Dropdowns by Default */
      nav.mainnavupd ul ul {
          float: none;
          position: static;
          color: #222;
          /* has to be the same number as the "line-height" of "nav.mainnavupd a" */
      }
      /* Hide menus on hover */
      nav.mainnavupd ul ul li:hover>ul,
      nav.mainnavupd ul li:hover>ul {
          display: none;
      }
      /* Fisrt Tier Dropdown */
      nav.mainnavupd ul ul li {
          display: block;
          width: 100%;
      }
      nav.mainnavupd ul ul ul li {
          position: static;
          /* has to be the same number as the "width" of "nav.mainnavupd ul ul li" */
      }
      nav.mainnavupd a.book_a_call {
          top: 5px;
          right: 10px;
      }
  }
  
  @media all and (max-width: 330px) {
      nav.mainnavupd ul li {
          display: block;
          width: 94%;
      }
  }
  
  @media all and (max-width: 450px) {
  
  
      
      
      nav.mainnavupd .toggle {
          display: inline-block;
  padding: 18px 20px 0 20px;
  color: #fff;
  text-decoration: none;
  border: none;
  vertical-align: -14px;
  min-height: 60px;
  font-weight: 800;
      }
  }
  
  
  
  
  .top-header section.page-section {
      padding: 15px;
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 10px;
  }
  
  .review-top-header section.review-section {
      padding: 15px;
      max-width: 1100px;
      margin: 0 auto;
      
  }
  
  @media all and (max-width: 800px) {
      .top-header section, .top-header section.page-section{
          grid-template-columns: 1fr;
      }
  }
  
  
  .the-author {
      font-size: 14px;
      margin-bottom: 10px;
  }
  
  .top-header .f-sec, .review-top-header .f-sec{
      padding-top: 20px;
  }
  
  .top-header .s-sec, .review-top-header .s-sec{
      display: flex;
  justify-content: center;
  align-items: center;
  }
  
  .top-header .f-sec .f-sec-title, .review-top-header .f-sec .f-sec-title{
      font-weight: 700;
      font-size: 45px;
      color: #01223E;
  }
  
  .review-f-sec-title {
      font-weight: 700;
      font-size: 45px;
      line-height:40px;
      color: #01223E;
  }
  
  .review-f-sec-title  {
      margin: 20px 0 25px 0;
  }
  
  @media all and (max-width: 700px) {
      .review-f-sec-title h1 {
      margin: 10px 0 15px 0;
  }
  }
  
  .review-f-sec p {
      color: #444;
      margin: 0;
      line-height: 28px;
  }
  
  .top-header .f-sec p, .review-top-header .f-sec p{
      line-height: 2rem;
      color: #444;
  }
  
  .top-header-bottom {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMzlweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2NiA5MS41MmE3Mi41OSA3Mi41OSAwIDAgMS0zMC43NiAzLjcxTDAgMHYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCAwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNkwwIDB2MTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==);
      background-size: 100% 139px;
      bottom: 0;
      height: 139px;
      z-index: 1;
      transform: rotateY(180deg);
  }
  
  footer {
  
      color: #fff;
      font-size: 14px;
  }
  
  .footer-top {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMzlweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2NiA5MS41MmE3Mi41OSA3Mi41OSAwIDAgMS0zMC43NiAzLjcxTDAgMHYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCAwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNkwwIDB2MTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==);
      background-size: 100% 100px;
      top: 0;
      height: 100px;
      z-index: 1;
      transform: rotateX(180deg);
  }
  
  .footer-content {
      padding: 20px 20px 50px 20px;
  }
  
  
  .footer-top-sec {
      max-width: 1100px;
      margin: 0 auto;
      border-bottom: 1px solid rgba(2555,255,255, .2);
      display: grid;
      grid-template-columns: 1fr 1fr;
      padding: 40px 10px 20px 10px;
  }
  
  .footer-copy-sec {
      display: flex;
      align-items: baseline;
      justify-content: flex-end;
  }
  
  .footer-copy-sec p {
      color: rgba(255,255,255,.7);
      font-size: 14px;
  }
  
  @media all and (max-width:740px){
      .footer-top-sec {
          grid-template-columns: 1fr;
      }
      
      .footer-logo-sec {
          display: flex;
          align-items: center;
          justify-content: center;
      }
      
  .footer-copy-sec {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  }
  
  .footer-links-sec {
      max-width: 1100px;
      margin: 0 auto;
      border-bottom: 1px solid rgba(2555,255,255, .2);
      padding: 0 10px 30px 10px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  
  .footer-links-sec h6 {
      font-size: 18px;
      line-height: 21px;
      margin: 15px 0;
      font-weight: 700;
      
  }
  
  .footer-links-sec a {
      display: block;
      color: #fff;
      text-decoration: none;
      font-size: 16px;
      line-height: 28px;
      font-weight: 300;
  }
  
  @media all and (max-width:740px){ 
      .footer-links-sec {
          grid-template-columns: 1fr;
      }
      .footer-links-sec > div {
          text-align: center;
      }
  }
  
  .footer-bottom-sec {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 2.5fr 1fr;
      column-gap: 10px;
  }
  
  .footer-logos-sec {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .footer-logos-sec img {
      height: 24px;
      width: auto;
      margin-right: 15px;
  }
  
  .footer-disclaimer {
      padding: 0 10px;
      font-size: 12px;
      font-weight: light;
      line-height: 140%;
  }
  
  @media all and (max-width:1200px){
      .footer-bottom-sec {
      
      grid-template-columns: 1fr;
      
  }
      
      
      .footer-disclaimer {
          text-align: center;
      }
      
  }
  
  
  
  
  
  
  
  
  
  /******
   * ScrenShots*
   * */
  
  
  
   .siema img {
                  max-width: 100%;
                  height: auto;
              }
  
              .siema {
                  margin: 1rem 0;
              }
  
              .siema div {
                  padding: 3px;
              }
  
              
  
              .siema-arrow {
                  display: none;
                  cursor: pointer;
              }
  
              @media screen and (max-width: 1024px) {
                  .siema-arrow {
                      display: flex;
                      justify-content: center;
                      align-items: center;
  
                  }
  
                  .siema-arrow svg {
                     
                      width: 30px;
                  }
  
                  .cbl-carousel {
                      display: grid;
                      grid-template-columns: 50px 1fr 50px;
  
                  }
  
                  .disabled svg{
                      opacity: 30%;
                      cursor: not-allowed;
                  }
  
                  .siema div {
                      cursor: grab;
                  }
              }
  
              .siema button {
                  padding: 0;
                  background-color: #fff;
              }
  
              .basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{-webkit-transform:scale(1);transform:scale(1)}
  
  
  
  .basicLightbox--img:after {
      content: 'X';
      position: absolute;
      font-weight: 800;
      top: 10px;
      font-size: 20px;
      cursor: pointer;
      right: 10px;
      color: #fff;
      display: block;
      border-radius: 100%;
      background-color: #000;
      width: 15px;
      height: 15px;
      line-height: 15px;
      z-index: 999999999999999999;
      padding: 10px;
  }
  
  .basicLightbox {
      z-index: 99999999999;
  }
  
  
  .siema button {
      border: none;
      cursor: pointer;
  }
  
  /*
   * End of screenshots
   * */
  
  .footer_logos a, .footer_logos span {
      display: block;
      margin: 10px;
  }
  
  .footer_logos {
      display: flex;
      justify-content: center;
      align-items: stretch;
  }
  
  .casino-info-table td, .casino-info-table th{
      border: 0px solid white;
  }
  
  .casino-info-table {
      width: 100%;
      box-shadow: 0px 3px 10px rgba(0,0,0,.1);
      background: #fff;
      border-radius: 5px;
      border: 0px solid white;
      padding: 0;
      border: none;
  
    }
  
  .casino-info-table thead tr th {
      text-align: left;
      background: #6195C4;
      color: #fff;
      padding: 8px;
      border-radius: 5px 5px 0 0;
  }
  .casino-info-table tr td {
      padding: 10px;
      color: #444444;
      font-size: 16px;
      border: 0px solid fff;
  }
  
  .casino-info-table tr:nth-child(even) td {
      background: rgba(192, 218, 241, 0.3);
  }
  
  
  .casino-info-table tr td:nth-child(1) {
      font-weight: 700;
   
  }
  
  
  
  /*** END OF INFO TABLE ****/
  /*** START OF TOPLIST TABLE */
  
  
  .casino-toplist-table td, .casino-toplist-table th{
      border: 0px solid white;
  }
  
  .casino-toplist-table {
      width: 100%;
      box-shadow: 0px 3px 10px rgba(0,0,0,.1);
      background: #fff;
      border-radius: 5px;
      border: 0px solid white;
      padding: 0;
      border: none;
  
    }
  
  .casino-toplist-table thead tr th {
      text-align: left;
      background: #6195C4;
      color: #fff;
      padding: 8px;
      
  }
  
  .casino-toplist-table thead tr th:nth-child(1) {
      border-radius: 5px 0 0 0;
      
  }
  
  .casino-toplist-table thead tr th:nth-last-child(1) {
      border-radius: 0 5px  0 0;
      
  }
  
  .casino-toplist-table a {
      text-decoration: none;
      font-weight: bold;
  }
  .casino-toplist-table tr td {
      padding: 10px;
      color: #444444;
      font-size: 16px;
      border: 0px solid fff;
  }
  
  .casino-toplist-table tr:nth-child(even) td {
      background: rgba(192, 218, 241, 0.3);
  }
  
  .casino-toplist-table tbody tr td:nth-last-child(1) {
      width: 200px;
  }
  
  .casino-toplist-table tbody tr td:nth-last-child(1) a{
      color: #fff;
  background-color: #FF7C0F;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 25px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  }
  
  .casino-toplist-table tbody tr td:nth-last-child(1) a:hover{
          background-color: #FF9741;
  }
  
  
  @media all and (max-width: 700px) {
      .casino-toplist-table tbody tr td:nth-last-child(2) {
      display: none !important;
  }
      
          .casino-toplist-table thead tr th:nth-last-child(2) {
      display: none!important;
  }
      
      .casino-toplist-table tbody tr td:nth-last-child(1) {
      width: 140px!important;
  }
      
      .casino-toplist-table tbody tr td:nth-last-child(1) a{
      color: #fff;
  background-color: #FF7C0F;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  }
  
      
  }
  
  
  .topcasinorow.loadlater {
      display: none;
  }
  
  .topcasinorow.loadnow {
      display: grid;
  }
  
  .load-more-btn {
      cursor: pointer;
  }
  
  
  
  
  
  /*** END OF TOPLIST TABLE */
  
  
  
  
  .prosconswrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      background: white;
      column-gap: 20px;
  }
  
  @media all and (max-width: 700px) {
      .prosconswrap {
   
      grid-template-columns: 1fr;
       
  }
  }
  
  .prosconswrap .proswrap {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
      border-radius: 5px;
  padding-bottom: 15px;
      margin-bottom: 15px;
  }
  
  .prosconswrap .conswrap {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
      border-radius: 5px;
      padding-bottom: 15px;
      margin-bottom: 15px;
  }
  
  .prosconswrap .proshead {
      background: #29a3a3;
      border-radius: 5px 5px 0 0;
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      padding: 7px 7px 7px 20px;
      margin-bottom: 15px;
  }
  
  .prosconswrap .proshead svg {
      position: relative;
      left: -3px;
  }
  
  .prosconswrap .proswrap span{
      display: block;
      font-size: 14px;
      padding-left:  20px;
  }
  
  .prosconswrap .proswrap span svg {
      transform: scale(.8);
      position: relative;
      left: -4px;
          top: 2px;
  }
  
  
  .prosconswrap .conshead {
      background: #ff6464;
      border-radius: 5px 5px 0 0;
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      padding: 7px 7px 7px 20px;
      margin-bottom: 15px;
  }
  
  .prosconswrap .conshead svg {
      position: relative;
      top: 6px;
      left: -3px;
  }
  
  .prosconswrap .conswrap span{
          display: block;
      font-size: 14px;
      padding-left: 20px;
  }
  
  .prosconswrap .conswrap span svg {
       
      position: relative;
      left: -5px;
          top: 1px;
  }
  
  
  [data-accordion="content-container"] {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
  }
  
  .faq_wrap {
  position: relative;
  
  
    
  
    margin: 20px 0;
  
  
  }
  
  .faq {
  display: grid;
    grid-template-columns: 1fr;
  column-gap: 15px;
  }
  
  @media screen and (max-width: 768px) {
  .faq {
  
    grid-template-columns: 1fr;
  
  }
  }
  
  
  /*
  .faq_wrap:after {
  content: '';
    position:absolute;
      top:0;
      bottom:0;
      right:50%;
    width: 50vw;
    background-color: #2AB7CA;
    z-index: -1;
      
  }
  
  .faq_wrap:before {
  content: '';
    position:absolute;
      top:0;
      bottom:0;
      left:49.3%;
    width: 50vw;
    background-color: #2AB7CA;
    z-index: -1;
  
    
  }
  */
  .accordion__item{
  
      margin-bottom: 8px;
  }
  
  .accordion__item h3 {
    margin: 0;
    background-color: #1F64A2;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 4px;
      color: #fff;
      font-size: 18px;
      font-weight: 400;
      padding-right: 40px;
      
  }
  
  .accordion__item h3:hover {
      background-color: #6195C4;
  }
  
  .accordion__trigger {
    display: block;
    position: relative;
    padding: 14px 12px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #333;
  }
  
  .accordion__trigger:after {
      content: url('imgs/plus-icon-big.svg');
      position: absolute;
      width: 18px;
      height: 18px;
      right: 16px;
      top: 14px;
  }
  
  .accordion__trigger.is-collapsed {
      background-color: #6195C4;
      border-radius: 5px 5px 0 0;
  }
  
  .accordion__trigger.is-collapsed:after {
          content: url('imgs/minus-icon-big.svg');
      position: absolute;
      width: 18px;
      height: 18px;
      right: 16px;
      top: 9px;
  }
  
  /*
  content: url('imgs/plus-icon-big.svg');
   
   
          content: url(imgs/minus-icon-big.svg);
  
  
  .accordion__trigger::after {
    position: absolute;
    top: 45%;
    right: 12px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid currentColor;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    content: '';
  }
  
  .accordion__trigger.is-collapsed::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
  }
  
  */
  .accordion__content {
    padding: 10px;
    background-color: #6195C4;
      border-radius: 0 0 5px 5px;
  }
  
  .accordion__content li {
  margin: 7px 0;
    font-size: 16px;
    line-height: 20px;
  }
  
  .accordion__content p{
  margin: 10px 0;
    font-size: 16px;
    line-height: 20px;
      color: #fff;
  }
  
  .accordion__content ol, 
  .accordion__content ul {
      margin-left: 0;
      padding-left: 20px;
  }
  
  .container__title {
    margin-bottom: 22px;
    font-size: 24px;
    text-align: center;
      }
    
    .faq_wrap h2 {
    color: #01223E;
      text-transform: uppercase;
      font-size: 24px;
    
        font-weight: bold;
  }
  
  .faq_subtitle {
  color: #444;
    font-size: 16px;
    line-height: 20px;
  
    margin-bottom: 8px;
  }
  
  .casino-cta {
     
      background-color: #01223E;
      position: sticky;
      bottom: 5px;
      opacity: 0;
      transition: opacity 0.4s;
      z-index: 999999;
      padding: 20px 9px 5px 12px;
      box-shadow: 0 0 15px 6px rgba(0,0,0,.1);
        border-radius: 5px;
        min-height: 100px;
        /*
      
      display: flex;
      justify-content: space-between;
      */
      align-items: center;
      display: grid;
      grid-template-columns: 80px .2fr .2fr 2fr 1fr;
      grid-template-areas: 
      "logo title rating bonus cta"
      "tandc tandc tandc tandc tandc";
  }
  
  .displaynone {
      display: none !important;
  }
  
  .casino-cta span {
      display: block;
      line-height: 0px;
  }
  
  .casino-cta-img-box {
      border-radius: 50%;
      width: 60px;
      height: 60px;
      overflow:hidden;
      display: flex !important;
      align-items: center;
      grid-area: logo;
  }
  
  .casino-cta-img-box img {
      width: 60px;
      display: block;
  }
  
  .casino-cta-title {
      font-weight: 800;
      font-size: 21px;
      color: #fff;
      line-height: 20px !important;
      padding: 0 15px;
      grid-area: title;
      display: block;
      text-align: left;
  }
  
  .casino-cta-rating {
      width: 120px;
      grid-area: rating;
      display: block;
      text-align: center;
  }
  
  .casino-cta span.casino-cta-bonus {
      grid-area: bonus;
      font-weight: 800;
      font-size: 24px;
      color: #FF9741;
      line-height:20px;
      text-align: center;
      padding: 0 10px;
      display: block;
      
  }
  
  .casino-cta-out {
      grid-area: cta;
      display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #222126;
  border-radius: 9px;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #fff !important;
  background-color: #FE4A49;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
  padding: 12px 30px 12px 30px;
  text-decoration: none !important;
  }
  
  .casino-cta-close-btn {
      width: 16px;
      height: 16px;
      position: absolute;
      right: 9px;
      top: 2px;
      cursor: pointer;
  }

  .casino-cta-tandc {
      grid-area: tandc;
      display: block;
      font-size: 13px;
      line-height: 15px !important;
      text-align: center;
      color: #fff;
      
  }

  .casino-cta-tandc a {
      color: #fff;
      font-size: 13px; 
      display: inline;
  }
  

  @media all and (max-width:1000px) {
    .casino-cta {
        grid-template-columns: 80px .2fr 2fr 1fr;
        grid-template-areas: 
        "logo  rating bonus cta"
        "tandc  tandc tandc tandc";
    }

      .casino-cta-title {
          display: none !important;
      }
  }
  
  @media all and (max-width:800px) {
      .casino-cta-title, .casino-cta-rating {
          display: none !important;
      }

      .casino-cta {
            grid-template-columns: 80px 2fr 1fr;
            grid-template-areas: 
            "logo bonus cta"
            "tandc tandc tandc";
        }
      
      .casino-cta span.casino-cta-bonus {
          font-size: 14px;
          font-weight: 400;
          text-align: center;
          padding: 5px;
      }
      
      .casino-cta span {
          margin: 0 5px;
      }
      
      .casino-cta-out { 
          padding: 5px 10px 5px 10px;
      }
  }
  
 
  
  #nav-icon {
    width: 30px;
    height: 20px;
    position: relative;
   
   
    transform: rotate(0deg);
   
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  
  #nav-icon span{
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 3px;
    opacity: 1;
    left: 0;
   
    transform: rotate(0deg);
    
    transition: .25s ease-in-out;
  }
  
  
  #nav-icon span:nth-child(1) {
    top: 0px;
  }
  
  #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
    top: 9px;
  }
  
  #nav-icon span:nth-child(4) {
    top: 18px;
    
  }
  
  #nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
    
  }
  
  #nav-icon.open span:nth-child(2) {
   
    transform: rotate(45deg);
  }
  
  #nav-icon.open span:nth-child(3) {
    
    transform: rotate(-45deg);
  }
  
  #nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  
  .search-icon {
    box-sizing: border-box;
    width: var(--icon-height);
    height: var(--icon-height);
    max-width: 250px;
    transition: all var(--transition-speed) linear, border-color 0s linear var(--transition-speed);
    position: absolute;
    top: 10px;
    right: 10px;
   
    margin: auto;
    border: solid var(--line-thickness);
    border-color: rgba(255, 255, 255, 0);
    border-radius: 100px;
    padding: 0.25em;
  }
  .search-icon__wrapper {
    width: var(--icon-height);
    height: var(--icon-height);
    position: absolute;
    border-radius: 100px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    transform: rotate(-45deg);
    transition: all 0 linear;
  }
  .search-icon__wrapper:hover {
    cursor: pointer;
  }
  .search-icon__input {
    background: none;
    text-align: left;
    outline: none;
    display: block;
    border: none;
    background: rgba(255, 255, 255, 0);
    width: calc(100% - (var(--icon-height) / 2 + 1rem));
    margin-right: 6rem;
    height: 28px;
    border-radius: 100px;
    transition: all var(--transition-speed) linear;
    font-size: 18px;
    padding: 0 0.5em;
    color: white;
  }
  .search-icon__input::placeholder {
    color: rgba(255, 255, 255, 0.75);
  }
  .search-icon__glass {
    width: var(--glass-size);
    height: var(--glass-size);
    border: solid var(--line-thickness);
    border-color: var(--icon-color);
    border-radius: 100px;
    margin: 0 auto;
    position: relative;
    transition: all var(--transition-speed) var(--timing-function) var(--transition-speed), border-color 0s linear var(--transition-speed);
  }
  .search-icon__handle {
    height: calc(100% - var(--glass-size));
    width: var(--line-thickness);
    margin: 0 auto;
    background: var(--icon-color);
    position: absolute;
    border-radius: 0 0 100px 100px;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all var(--transition-speed) var(--timing-function);
    transition-delay: var(--transition-speed);
  }
  .search-icon__handle::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--icon-color);
    transform: rotate(0deg);
    transition: all var(--transition-speed) var(--timing-function);
    transition-delay: 0s;
  }
  .search-icon.open {
    width: calc(100vw - 1em);
    border-color: var(--icon-color);
    transition-delay: var(--transition-speed);
      background-color: var(--menu-bg-color-hover);
  }
  .search-icon.open .search-icon__input {
    transition-delay: var(--transition-speed);
  }
  .search-icon.open .search-icon__glass {
    width: 100%;
    height: 100%;
    transition: all var(--transition-speed) var(--timing-function) 0s, border-color 0s linear var(--transition-speed);
    border-color: rgba(0, 0, 0, 0);
  }
  .search-icon.open .search-icon__handle {
    bottom: calc(50% - (100% - var(--glass-size)) / 2);
    border-radius: 100px;
    transition-delay: 0s;
  }
  .search-icon.open .search-icon__handle::after {
    transition-delay: var(--transition-speed);
    transform: rotate(90deg);
  }
  
  
  
  
  /*** The Toplist V2 ***/
  
  .topcasinolist > * {
      box-sizing: border-box;
      color: #fff;
      z-index: 101;
      position: relative;
  }
  
  .topcasinolist {
      border: none;
      font-weight: 300;
      width: 100%;
      z-index: 100;
      position: relative;
  }
  
  
  
  .topcasinorow.topcasinorow-first::before {
      content: "";
           background-image: url(imgs/exclusive.jpg);
              
           background-repeat: repeat;
        background-size: cover;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: .4;
      z-index: -1;
      border-radius: 5px;
      
  
  }
  
  .topcasinorow.topcasinorow-second:before {
      background-image: url(imgs/best.png);
      content: "";
           background-repeat: repeat;
        background-size: cover;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: .4;
      z-index: -1;
      border-radius: 5px;
  }
  
  .topcasinorow.topcasinorow-third:before {
      background-image: url(imgs/new.png);
      content: "";
           background-repeat: repeat;
        background-size: cover;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.4;
      z-index: -1;
      border-radius: 5px;
  }
  
  .topcasinorow {
      margin-bottom: 30px;
      padding: 30px 0;
      background-color: #01223E;
      border-radius: 5px;
      
      display: grid;
      position: relative;
      z-index: 10;
      grid-template-columns: 100px .7fr 1fr 1.3fr 1fr;
      grid-template-areas:
      "logo rating pros bonus cta" 
      "terms-text terms-text terms-text terms-text terms-text"
      "payments payments payments payments payments"
          "toggle toggle toggle toggle toggle"
  
  }
  
  .topcasinorow.topcasinorow-banner {
      
      grid-template-columns: 100px .5fr 1fr 1.3fr 1fr;
      grid-template-areas:
      "logo rating pros bonus cta" 
      
      "payments payments payments payments payments"
          "terms-text terms-text terms-text terms-text terms-text";
      padding-bottom: 10px;
          
  
  }
  
  .topcasinonumber {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 12px;
      padding: 4px 7px;
      background-color: #094D8A;
      border-radius: 5px;
  }
  
  .topcasinobadge {
      display: flex;
      position: absolute;
      top: -7px;
      right: 90px;
      width: 77px;
      height: 47px;
      z-index: 10;
      justify-content: center;
      align-items: center;
      padding: 0 5px;
      text-align: center;
      
  }
  
  .topcasinobadge img {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
  }
  
  .topcasinobadge span {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 600;
      position: relative;
      top: -2px;
      line-height: 16px;
  }
  
  /* the logo settings */
  
  .topcasinologo {
      grid-area: logo;
      display: flex;
      justify-content: center;
  }
  
  .topcasinologo .item-img-box {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      overflow: hidden;
		display: flex;
justify-content: center;
align-items: center;
  }

  .topcasinologo .item-img-box img {
	width: 60px;
}
  
  /* end - the logo settings */
  
  
  .topcasinorating {
      grid-area: rating;
  }
  
  .topcasinorating span {
      display: block;
  }
  
  .topcasinorating .toplist-item-title {
      font-size: 21px;
      font-weight: 400;
      margin-bottom: 8px;
      
  }
  
  .topcasinorating .toplist-item-review-link {
      color: #6195C4;
      font-weight: 700;
      text-decoration: none;
      margin-top: 4px;
  }
  
  .topcasinopros {
      grid-area: pros;
  }
  
  .topcasinopros .links_box svg {
      position: relative;
      top: 2px;
      left: -7px;
  }
  
  .topcasinopros .links_box > span {
      display: block;
      font-size: 14px;
      line-height: 22px;
      text-indent: -24px;
    padding-left: 24px;
  }

  
  .topcasinobonus {
      grid-area: bonus;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
  }
  
  .topcasinobonus .item-bonus {
      color: #FF9741;
      font-size: 20px;
      font-weight: 800;
  }
  
  
  
  .topcasinocta {
      grid-area: cta;
      display: flex;
      justify-content: center;
      align-items: center;
      
  }
  
  a.toplist-item-cta, a.toplist-item-cta:visited {
      color: #fff;
      background-color: #FF7C0F;
      font-size: 21px;
      font-weight: 800;
      padding: 8px 25px;
      border-radius: 5px;
      text-decoration: none;
      text-align: center;
      white-space: nowrap;
  }
  
  
  
  a.toplist-item-cta:hover {
  
      background-color: #FF9741;
   
  }
  
  a.toplist-item-cta:active {
  
      background-color: #CD5D00;
   
  }
  
  .topcasinotctext {
      grid-area: terms-text;
      font-size: 13px;
      /*
      display: flex;
      justify-content: center;
      */
      text-align: center;
      padding: 5px;
  }
  
  
  .topcasinotctext a {
      color: #fff;
  }
  
  .topcasinopayments {
      grid-area: payments;
      display: flex;
      justify-content: center;
  }
  
  .topcasinopayments .topcasinopaymentstext {
      font-size: 16px;
      margin-bottom: 5px;
      display: block;
  text-align: center;
  }
  
  .topcasinopaymentsimg {
      display: flex;
          justify-content: center;
      align-items: center;
  }
  
  .topcasinopayment-imgbox {
      width: 58px;
      height: 25px;
      background: white;
      border-radius: 4px;
      margin-right: 2px;
      display: flex;
      justify-content: center;
      align-items: center;
      
  }
  
  .topcasinopayment-imgbox img {
      width: 45px;
      display: block;
  }
  
  .lastcasinopayment-imgbox  {
      background: transparent;
      border: 1px solid #6195C4;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
  }
  
  .lastcasinopayment-imgbox a {
      display: block;
      text-decoration: none;
      color: #6195C4;
       
      line-height: 0;
      text-align: center;
      font-size: 12px;
      position: relative;
      top: -1px;
      font-weight: bold;
  }
  
   
  
  .topcasinotoggle {
      grid-area: toggle;
      padding-left: 100px;
      padding-bottom: 27px;
  }
  
  .topcasinotoggle-trigger {
      cursor: pointer;
      position: relative;
      
  
  
  }
  
  .topcasinotoggle-show-text {
      display: block;
      position: relative;
  }
  
  .topcasinotoggle-hide-text {
      display: block;
      position: relative;
  }
  
  .topcasinotoggle-show-the-text, 
  .topcasinotoggle-hide-the-text {
      display: block;
      font-size: 14px;
      font-weight: 700;
      position: relative;
  }
  
  .topcasinotoggle-trigger svg {
      border: solid 1px white;
      width: 40px;
      height: 40px;
      padding: 10px;
      border-radius: 50%;
      background: #01223E;
      position: absolute;
      top: 25px;
      
  }
  
  @media all and (max-width:900px) {
      .topcasinorow {
      margin-bottom: 30px;
      padding-top: 30px;
      background-color: #01223E;
      border-radius: 5px; 
      display: grid;
      position: relative;
      z-index: 10;
      grid-template-columns: 100px 1fr;
      grid-template-areas:
      "logo rating"
      "pros pros"
      "bonus bonus"
      "cta cta"
      "terms-text terms-text"
      "payments payments"
      "toggle toggle";
  
  }
      
      .topcasinorow.topcasinorow-banner {
   
      grid-template-columns: 100px 1fr;
      grid-template-areas:
      "logo rating"
      "pros pros"
      "bonus bonus"
      "cta cta"
      "payments payments"
      "terms-text terms-text";
  
  }
      
      .topcasinobadge {
      right: 5px;
      
  }
      
  .topcasinopros {
      display: flex;
          justify-content: center;
          padding: 10px;
  }
      
  .topcasinobonus {
      padding: 15px 5px;
      text-align: center;
  }
      
  .topcasinocta {
  padding: 0 8px;		
      }
      
  .topcasinocta a.toplist-item-cta{
      width: 100%;
      text-align: center;
      
  }
      
  a.toplist-item-cta.sticky-cta {
      font-size: 16px;
      padding: 0 5px;;
      white-space: nowrap;
  }
  
  
  
  .topcasinotctext {
      text-align: center;
      margin: 10px 0;
  }
  
  
  .topcasinotoggle {
      grid-area: toggle;
      display: flex;
      justify-content: center;
      padding-left: 0px;
      padding-bottom: 27px;
  }
  
  
  
  .topcasinotoggle-trigger svg {
      margin-left: calc(50% - 20px);
      
  }
  
  
   
      
      
  }
  
  
  
  
  .collapse {
    display: block;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  }
  .collapse.show {
    max-height: 99em;
    transition: max-height 0.5s ease-in-out;
  }
  
  .texthide {
      display: none;
  }
  
  .load-more-wrap {
      text-align: center;
  }
  
  
  
  .load-more-btn, .load-more-btn:visited {
      color: #fff;
      background-color: #FF7C0F;
      font-size: 21px;
      font-weight: 700;
      padding: 8px 25px;
      border-radius: 5px;
      text-decoration: none;
      text-align: center;
      border: none;
  }
  
  
  
  .load-more-btn:hover {
  
      background-color: #FF9741;
   
  }
  
  .load-more-btn:active {
  
      background-color: #CD5D00;
   
  }
  
  
  
  /*** END - The Toplist V2 ***/
  
  /*** CAROUSEL TOPLIST ***/
  
  .topcasinocarousel-siema {
      padding: 20px 0;
      overflow-y: visible !important;
      color: #fff;
  }
  
  @media all and (min-width: 1001px) {
      .dots>button:nth-last-child(0), .dots>button:nth-last-child(1), .dots>button:nth-last-child(2){
          display: none;
      }
      
      
      .topcasinocarousel-siema>div>div>div.show{
          
           transition: transform .5s ease-in-out;
          transform: scale(1.07);
          
       }
  }
  
  @media all and (max-width: 1000px) {
  .topcasinocarousel-siema>div>div>div{
          margin: 0 auto 10px auto;
       }
  }
  
  
  
  .topcasinocarousel-siema {
      max-width: 1070px;
      
  }
  
  .topcasinocarouselitem {
      max-width: 335px;
      
  }
  
  .topcasinocarouselitem {
      margin-bottom: 10px;
  
      padding-top: 30px;
      background-color: #01223E;
      border-radius: 5px; 
      display: grid;
      position: relative;
      z-index: 10;
      grid-template-columns: 100px 1fr;
      grid-template-areas:
      "logo rating"
      "pros pros"
      "bonus bonus"
      "cta cta"
      "terms-text terms-text"
      "payments payments"
      "toggle toggle";
  
  }
  
  
  .topcasinocarouselitem.topcasinorow-first::before {
      content: "";
           background-image: url(imgs/exclusive.jpg);
              
           background-repeat: repeat;
        background-size: cover;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: .4;
      z-index: -1;
      border-radius: 5px;
      
  
  }
  
  .topcasinocarouselitem.topcasinorow-second:before {
      background-image: url(imgs/best.png);
      content: "";
           background-repeat: repeat;
        background-size: cover;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: .4;
      z-index: -1;
      border-radius: 5px;
  }
  
  .topcasinocarouselitem.topcasinorow-third:before {
      background-image: url(imgs/new.png);
      content: "";
           background-repeat: repeat;
        background-size: cover;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.4;
      z-index: -1;
      border-radius: 5px;
  }
   
      
      .topcasinocarouselitem .topcasinobadge {
      right: 5px;
      
  }
  
  
  .topcarouselnumber {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 12px;
      padding: 0px 7px;
      line-height: 0px;
      background-color: #094D8A;
      border-radius: 5px 0 5px 0;
  }
  
   
  
  
  /* the logo settings */
  
  .topcarouselogo {
      grid-area: logo;
      display: flex;
      justify-content: center;
  }
  
  .topcarouselogo .item-img-box {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      overflow: hidden;
  }
  
  /* end - the logo settings */
  
  
      
  .topcasinocarouselitem .topcasinopros {
      display: flex;
          justify-content: center;
          padding: 10px 20px;
      height: 80px;
      overflow: hidden;
   
      
  }
      
  .topcasinocarouselitem .topcasinobonus {
      padding: 15px 5px;
      text-align: center;
  }
  
  .topcarouselbonus {
      height: 70px;
  
      
  }
  
  .topcarouselbonus .item-bonus{
      line-height: 25px;
  }
      
  .topcasinocarouselitem .topcasinocta {
  padding: 0 8px;		
      }
      
  .topcasinocarouselitem .topcasinocta a.toplist-item-cta{
      width: 100%;
      text-align: center;
      
  }
  
  .topcasinocarouselitem .topcasinotctext p {
      text-align: center;
      line-height: 18px;
      margin: 0 0 10px 0; 
  }
  
  
  .dots {
    display: flex;
    justify-content: center;
  }
  
  .dots__item {
    width: 15px;
    height: 15px;
    margin: 0 0.5rem;
    border: 0;
    background-color: #6195C4;;
    border-radius: 50%;
    outline: 0;
    cursor: pointer;
  }
  
  .dots__item--active {
    background: #1F64A2;
  }
  
  
  /*** END CAROUSEL TOPLIST ***/
  
  
  /*** Table of content ***/
  
  
  
  .lwptoc_header,
  .lwptoc_item_number {
      display: none;
  }
  
  .lwptoc_item {
      display: inline-block;
      width: 100%;
      line-height: 0;
  }
  
  .lwptoc_item a,
  .lwptoc_item a:visited {
      text-decoration: none;
      color: #fff;
      font-size: 14px;
      
      display: flex;
      width: 100%;
		
		height: 51px;
		 align-items: center;
    justify-content: center;
  }
  
  
  
  
  .lwptoc_item a span.lwptoc_item_label{
          display: flex;
		align-items: center;
    justify-content: center;
      width: 100%;
		height: 51px;

      font-weight: 700;
		line-height: 18px;
  
  
  }
  
  .lwptoc_item a span.lwptoc_item_label:hover {
      background: #6195C4;
  }
  
  
   
  
  .lwptoc_item a:hover {
      text-decoration: underline;
  }
  
  
  .toc_wrap {
      background: #094D8A;
      color: #fff;
  }
  
  .toc_title {
      display: none;
      width: 100%;
      text-align: center;
      padding: 10px;
  }
  
  .toc_sec_wrap {
      background: #1F64A2;
      padding: 0 3px;
      height: 50px;
          overflow: hidden;
  }
  
  .toc_inn_wrap {
      max-width: 1100px;
      margin: 0 auto;
  }
  
  .lwptoc_prev, .lwptoc_next {
      cursor: pointer;
      line-height: 0;
      display: inline-block;
      vertical-align: 12px;
      padding: 11px 5px;
  }
  /*
  .lwptoc_prev:hover, .lwptoc_next:hover {
      background: #6195C4;
  }
  */
  
  
  .lwptoc_prev:hover svg path, .lwptoc_next:hover svg path{
      fill: #6195C4;
      
  }
  
  
  
  #toc-arrow-left {
      transform: rotate(180deg);
  }
  
  .lwptoc-autoWidth {
      width: calc(100% - 60px);
      display: inline-block;
  }
  
  .lwptoc_itemWrap>div>div {
      text-align: center;
  }
  
  
  /* Payment top banner */
  
  .paymentbanner {
      background: #FFFFFF;
      box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
      border-radius: 5px;
      width: 100%;
      margin-bottom: 20px;
      padding: 0 10px;
  }
  
  .paymentrow {
      display: grid;
      grid-template-columns: 180px 110px 1fr 1fr 1fr;
      column-gap: 10px;
  }
  
  @media all and (max-width: 900px) {
      
      .paymentrow {
       
      grid-template-columns:  1fr;
   
  }
  }
  .paymentlogo {
   
      display: flex;
      justify-content: center;
      
  }
  
  .payment-img-box {
      width: 160px;
      height: 88px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  
  }
  
  .payment-img-box img {
      max-width: 159px;
      display: block;
  }
  
  .paymentrating {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .payment-fees, .payment-deposit-time, .payment-withdraw-time {
      display: flex;
      align-items: center;
      background: #ECF4FB;
  border-radius: 5px;
      margin: 10px 0;
      padding: 10px;
      font-size: 14px;
  }
  
  .payment-fees>span, .payment-deposit-time>span, .payment-withdraw-time>span {
      margin-right: 7px;
  }
  
  .payment-fees>span>svg {
      position: relative;
      top: -7px;
  }
  
  .payment-fees-title {
      color: #094D8A;
      font-weight: bold;
  }
  
  .payment-deposit-time>span>svg {
      position: relative;
      top: -5px;
  }
  
  
  .payment-deposit-time-title {
      color: #094D8A;
      font-weight: bold;
  }
  
  .payment-withdraw-time>span>svg {
      position: relative;
      top: -5px;
  }
  
  .payment-withdraw-time-title {
      color: #094D8A;
      font-weight: bold;
  }
  
  
  /* END Payment top banner */
  
  
  
  /*** End of Table of content ***/
  

table.table_page {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.table_page caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.table_page tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.table_page th,
table.table_page td {
  padding: .625em;
  text-align: center;
}

table.table_page th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 750px) {
  table.table_page {
    border: 0;
  }

  table.table_page caption {
    font-size: 1.3em;
  }
  
  table.table_page thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.table_page tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.table_page td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
		padding-left: 40%;
		position: relative;
		
  }
  
  table.table_page td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
		position: absolute;
		top: 10px;
		left: 0px;
		
  }
  
  table.table_page td:last-child {
    border-bottom: 0;
  }
}

.languageselector {
	display: block;
	position: absolute;
	right: 70px;
	top: 12px;
	transform: scale(1.5);
}

.dd {
  z-index:1;
  position:relative;
  display: inline-block;
	background:#064073;
}
.dd-a {
  padding:5px;
background:#064073;
  position:relative;
  transition-duration: 0.2s; 
}
.dd input {
  top:0;
  opacity:0;
  display:block;
  padding:0;
  margin:0;
  border:0;
  position:absolute;
  height:100%;
  width:100%;
}
.dd input:hover {
  cursor:pointer;
}
.dd input:checked:after {
  transform: scaleX(1); 
}
.dd input:checked ~ .dd-c {
  transform: scaleY(1);
}
.dd-c{
  display:block;
  position: absolute;
padding:5px;
  height:auto;
  transform: scaleY(0);
  transform-origin: top left;
  transition-duration: 0.2s;
	background:#064073;
 
}


nav.mainnavupd .dd-c a, nav.mainnavupd .dd-c a:visited {
    display: inline;
    padding: 0px 0px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
	background: #064073;
}