/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* container and column */
.container {
    margin: 0 auto;
    max-width: 1440px;
   
  }
  .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 { 
    margin-bottom: 20px; 
    float: left; 
    margin: 0; 
    padding-left: 15px; 
    padding-right: 15px; 
  }
  .column-1 { width: 8.3%;}
  .column-2 { width: 16.6%;}
  .column-3 { width: 25%;}
  .column-4 { width: 33.3%;}
  .column-5 { width: 41.6%;}
  .column-6 { width: 50%;}
  .column-7 { width: 58.3%;}
  .column-8 { width: 66.6%;}
  .column-9 { width: 75%;}
  .column-10 { width: 83.3%;}
  .column-11 { width: 91.6%;}
  .column-12 { width: 100%;}
  
  @media (max-width: 1024px) {
  .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 {
      margin: 0!important;
      padding: 0!important;
      float: none;
      width: 100%!important;
    }
  }
  
  /* Basic styles */
  section {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
  }
  footer, header, nav, section {
    display: block;
    overflow: hidden;
  }
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
  }
  body {
    font-family: 'PT Sans', sans-serif;
    background-color: #F4F6FA;
    font-weight: normal;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    color: var(--text-color);
    line-height: 1;
  }
  :focus {
    outline: none;
  }
  :root {
    --text-color: #404040;
    --title-color: #21232a;
    --link-color: #4078FE;
  }
  a { text-decoration: none; font-family: 'Source Sans Pro', sans-serif; outline: 0!important;}
  a:hover, a:active { outline: 0; }
  p { margin: 0 0 15px 0;  font-size: 18px; line-height: 26px; color: var(--text-color);}
  h1  { font-size: 48px; line-height: 54px; font-weight: 400; margin-bottom: 30px; margin-top: 15px;}
  h2, h2 a { font-size: 36px; line-height: 44px; font-weight: 600; margin-bottom: 30px;  margin-top: 30px;}
  h3, h3 a{ font-size: 27px; line-height: 34px; font-weight: 600; margin-bottom: 20px;}
  h4, h4 a { font-size: 20px; line-height: 28px; }
  h5, h5 a { font-size: 17px; line-height: 24px; }
  h6, h6 a { font-size: 14px; line-height: 19px; }
  h1, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
  color: var(--title-color);
  font-family: 'Source Sans Pro', sans-serif;
  }
  ul { list-style: disc inside; }
  ol { list-style: decimal inside; }
  li {font-size: 18px; line-height: 26px; margin-bottom: 15px; color: var(--text-color); list-style: none; font-family: 'PT Sans', sans-serif;}
  li ul, li ol { margin-left: 15px; margin-bottom: 0; }
  iframe,img {max-width: 100%;}
  
  .ast-separate-container {
    background-color: #F4F6FA;
  }
  .home .ast-container, .single-coins .ast-container {
    display: block;
    max-width: 100%;
    padding: 0;
  }
  .home .ast-main-header-wrap, .single-coins .ast-main-header-wrap {
    max-width: 1440px;
    padding: 0 15px;
    margin: 0 auto;
  } 
  /*  Elements */
  header {
    background-color: #ffffff;
    overflow: hidden;
  
  }
  header .logo img{
    max-width: 180px;
  }
  header .logo {
    font-size: 30px;
    line-height: 25px;
    font-weight: bold;
    padding-right: 30px;
    margin-right: 10px;
    border-right: 2px solid #ececec;
  }
  header.site-header h1 {
    margin-top: 0;
  }
  header .main-menu {
    display: inline-block;
    vertical-align: sub;
  }
  .main-menu ul li {
    display: inline-block;
    padding: 0 10px;
  }
  header li {
    margin: 0 10px 0 10px;
  }
  .main-header-menu .menu-link, .main-header-menu>a  {
    color: #616161!important;
    transition: all .2s;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
  }
  .main-header-menu .menu-link:hover, .main-header-menu>a:hover {
   color: var(--link-color)!important;
  }
  .main-header-menu .menu-link, .main-header-menu>a {
    padding: 0 8px;
  }
  .atf-info {
    padding: 30px 0 60px 0;
  }
  .atf-info .row {
    overflow: hidden;
  }
  .atf-info h1 {
    margin-top: 0;
  }
  .atf-info h1 img {
    display: inline-block;
    width: 65px;
    height: 65px;
    vertical-align: sub;
    object-fit: contain;
    margin-right: 15px;
    float: left;
  }
  .button {
    background-color: var(--link-color);
    padding: 8px 25px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 18px;
    border-radius: 4px;
    transition: all .2s;
    text-align: center;
  }
  button.button {
    background-color: var(--link-color);
    padding: 5px 10px;
    color: #fff;
    text-transform: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    transition: all .2s;
    text-align: center;
    border: none;
    margin-bottom: 7px;
    margin-right: 7px;
  }
  .button:hover {
    background-color: #2361f6;
  }
  .atf-info .button {
    margin: 7px;
    padding: 10px 15px;
    display: inline-block;
    font-size: 15px;
    width: 46%;
  }
  .atf-info .column-4.prices span {
    font-size: 20px;
    margin-bottom: 15px;
    display: inline-block;
    color: #111;
  }
  .atf-info .column-4.prices span.current-price {
    color: #000;
    display: block;
    font-weight: bold;
    font-size: 26px;
  }
  .atf-info .column-4.prices span.highest-price {
    color: #25B97C;
    font-weight: bold;
  }
  .atf-info .column-4.prices span.lowest-price {
    color: #dc3333;
    font-weight: bold;
  }
  .atf-info .column-4:first-child div {
    text-align: center;
    font-size: 20px;
    display: block;
    margin-top: 10px;
  }
  .atf-info .column-4:first-child div span {
    color: #000;
    font-weight: bold;
    font-size: 22px;
  }
  .atf-info .column-4.buttons {
    padding-right: 0;
  }
  .info {
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 10px;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    -webkit-box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 1px 15px -5px rgba(0, 0, 0, .15);
    box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
  }
  .atf-info .row:first-child {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px 10px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-direction: row;
    -webkit-box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 1px 15px -5px rgba(0, 0, 0, .15);
    box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
  }
  .info .info-box {
    flex: 1;
    background-color: #F4F6FA;
    padding: 15px 8px;
    border-radius: 8px;
    margin: 0 5px;
    border: 1px solid transparent;
    transition: all .2s;
  }
  .info .info-box:hover {
  border: 1px solid #ddd;
  }
   .info .info-box span {
    display: block;
    font-size: 15px;
    line-height: 21px;
    color: #000;
    margin-bottom: 8px;
  }
  .info .info-box .column-6 {
    padding: 0 5px;
  }
  .info .info-box span.value {
    color: #000;
    font-weight: bold;
    font-size: 16px;
  
  }
  .info .info-box span.negative,  .info .info-box span.positive{
    margin-bottom: 0;
  }
  .info .info-box.values.last span.value {
    color: #25B97C;
  }
  .info .info-box span.value.negative {
    color: #dc3333;
  }
  .info .info-box.values span {
    display: inline-block;
  }
  .info .info-box.values .text {
    font-weight: bold;
  }
  .info .info-box.values .value {
    font-weight: 400;
  }
  .calculator, .list-box {
    background-color: #fff;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 1px 15px -5px rgba(0, 0, 0, .15);
    box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
  }
  .list-box .button, ul.list .button {
    float: right;
  }
  .list-box li {
    overflow: hidden;
    border-bottom: 1px solid #F4F6FA;
    padding: 15px 0;
    display: flex;
  align-items: center;
  margin: 0
  }

  ul.list li {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    display: flex;
  align-items: center;
  margin: 0
  }
  .list-box li:last-child, ul.list li:last-child {
    border: none;
    padding-bottom: 0;
  }
  .list-box span, .list-box div, .list-box .button,
  ul.list span, ul.list div, ul.list .button {
    flex: 1;
  }
  .list-box span, ul.list span {
    max-width: 10%;
  }
  .list-box .button, ul.list .button {
    max-width: 25%;
    margin-left: 5px;
  }
  .list-box div img, ul.list img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
  }
  .main-content .column-4 {
    padding-right: 0;
  }
  .main-content .column-8 {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px 30px!important;
    -webkit-box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 1px 15px -5px rgba(0, 0, 0, .15);
    box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
  }
  .main-content p span {
    color: #000;
  }
  .main-content p a {
    color: var(--link-color);
    text-decoration: underline;
    font-weight: bold;
  }
  .news .row {
    overflow: hidden;
  }
  .news-wrap {
    display: flex;
    flex-direction: row;
  }
  .news-wrap .column-6 {
    flex: 1;
  }
  .news-wrap.home {
  display: flex;
  flex-wrap: wrap;
}
.news-wrap.home .news-box{
  flex: 1 0 25%;
}
  .news-box {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    display: block;
    -webkit-box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 1px 15px -5px rgba(0, 0, 0, .15);
    box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
  }
  .list .news-box:not(:last-child) {
    margin: 0 10px 15px 0;
  }
  .list .news-box:nth-child(3) {
    margin-right: 0;
  }
  .news-box img {
    width: 100%;
    height: 400px;
    border-radius: 8px;
    margin-bottom: 20px;
    object-fit: cover;
  }
  .list .news-box img {
    height: 250px;
  }
  .news-box .source {
    color: var(--link-color);
    text-decoration: underline;
  }
  .news .info .info-box span {
    display: inline-block;
  }
  .news .info .info-box img {
    display: inline-block;
    width: 30px;
    height: 30px;
    object-fit: contain;
    margin-right: 5px;
    vertical-align: middle;
  }
  .news .info .info-box .value {
    margin-top: 10px;
    text-align: center;
    display: block;
  }
  .recommendations {
    margin: 40px 0;
  }
  .calculator div {
    width: 58%;
    display: inline-block;
    color: #000;
    font-weight: bold;
    font-size: 16px;
  }
  .calculator div span.currency {
    color: #000fa2;
    font-size: 14px;
    display: block;
    font-weight: normal;
  }
  .calculator div img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    float: left;
    margin-right: 10px;
    border-radius: 100%;
  }
  .calculator input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 35px;
    margin-left: 10px;
    width: 38%;
    background-color: transparent;
    font-size: 16px;
    padding: 2px 5px;
  }
  .calculator input:last-child {
    margin-bottom: 0;
  }
  .calculator form {
    background-color: #F4F6FA;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
  }
  .recommendation {
    background-color: #f2eeff;
    padding: 10px;
    border-radius: 4px;
    overflow: hidden;
    width: 45%;
    display: inline-flex;
    margin-right: 15px;
    align-items: center;
    font-size: 28px;
    color: var(--link-color);
    transition: all .2s;
    justify-content: center;
  }
  .recommendation:hover {
    background-color: #fff;
  }
  .recommendation img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    float: left;
    margin-right: 10px;
  }
  
  
  .newsletter {
    background-color: var(--link-color);
    padding: 50px 0 10px 0;
    margin: 40px 0;
    text-align: center;
    position: relative;
  }
  .newsletter h2 {
    margin-top: 0;
    color: #fff;
    font-weight: 400;
    margin-bottom: 40px;
  }
  .newsletter form {
    width: 40%;
    margin: 0 auto;
  }
  .newsletter input[type="email"] {
    height: 55px;
    border: none;
    border-radius: 4px;
    padding: 10px 165px 10px 15px;
    width: 100%;
    font-size: 16px;
    position: relative;
  }
  .newsletter input[type="submit"] {
  background-color: var(--link-color);
  border: none;
  border-radius: 4px;
  margin-left: 5px;
  padding: 10px 15px;
  height: 45px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 150px;
  text-align: center;
  transition: all .2s;
  }
  .newsletter input[type="submit"]:hover {
    background-color: #2361f6;
  }
  .newsletter img {
    position: absolute;
    left: 12%;
    width: 170px;
    height: 170px;
    opacity: .2;
    top: 50%;
    transform: translate(-50%,-50%);
  
  }
  .wpcf7 form>div, .wpcf7 form>p {
    margin-bottom: 5px;
  }
  #lists-top table {
    width: 100%;
    text-align: center;
    background-color: #fff;
    margin: 30px 0;
  }
  #lists-top table img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 5px;
    float: left;
  }
  #lists-top table th {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: #000;
  }
  #lists-top table td {
    border-top: 2px solid #F4F6FA;
    padding: 20px;
    text-align: center;
    
  }
  #lists-top table td:last-child {
    padding: 5px;
    min-width: 100px;
  }
  #lists-top table td:nth-child(2) {
    text-align: left;
    font-weight: bold;
  }
  .center {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
  }
  
  .pagination {
    margin-top: 10px;
    display: inline-block;
  }
  
  .pagination a, .pagination span {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
    background-color: #fff;
  }
  .ast-pagination .page-numbers {
    color: black;
    float: left;
    padding: 0 5px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
    background-color: #fff;
  }
  
  .pagination .current, .post-page-numbers.current .page-link, .ast-pagination .page-numbers.current {
    background-color: var(--link-color);
    color: white;
    border: 1px solid var(--link-color);
  }
  .pagination a:hover:not(.current) {background-color: #efefef;}
  .home .atf-info h2 {
    font-weight: 400;
    color: #404040;
  }
  .prev.page-numbers, .next.page-numbers  {
    display: none!important;
  }
  .home .atf-info .column-6 {
    padding: 0 30px;
  }
  .home .atf-info .column-6:first-child {
    border-right: 1px solid #efefef;
  }
  .hero-section {
    background-color: #5223E5;
    padding: 60px 0;
    margin-bottom: 40px;
  }
  .hero-section .row {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  .hero-section h1 {
    color: #fff;
    font-weight: 400;
  }
  .hero-section p {
    font-size: 19px;
    line-height: 25px;
    color: #fff;
  }
  .hero-section h2 {
    color: #fff;
    font-weight: 300;
    margin-top: 40px;
  }
  footer {
    margin-top: 60px;
  }
  footer p img {
    margin-bottom: 15px;
  }
  footer h4 {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 600;
  }
footer ul {
  margin-left: 0;

}
footer .widget_block {
  margin-bottom: 0;
}
.menu-footer-menu-container a {
  color: #404040;
}
.menu-footer-menu-container a:hover {
  color: var(--link-color);
}
footer img.footer-logo {
  max-width: 250px;
}
  article header {
    overflow: visible!important;
    background-color: transparent;

  }
  .blog .ast-row {
  
    display: flex;
    flex-wrap: wrap;
  }
  .blog .ast-row article{
    flex: 47% 0 0;
    margin-right: 10px;
  }
  .ast-separate-container .ast-article-post {
    padding: 20px;
    border-radius: 8px;
    margin-right: 15px;

}
.blog .primary .entry-title a {
  font-size: 32px;
  line-height: 38px;

}
.blog .primary .entry-title a:hover {
  color: var(--link-color);
}


.blog .primary  article .read-more {
  display: none;
}
.blog .primary article {
  margin-bottom: 15px!important;
}
.ast-separate-container .ast-article-single, .ast-separate-container .ast-single-related-posts-container {
  padding: 40px;
}
.ast-separate-container .ast-related-post {
  padding: 0;
}
.ast-separate-container .ast-related-post h3 a:hover {
  color: var(--link-color);
}
.single .post-navigation {
  display: none;
}
.wp-block-latest-posts li {
  margin-bottom: 15px!important;
  overflow: hidden;
}
.wp-block-latest-posts li a {
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 17px;
  line-height: 22px;
}
.wp-block-latest-posts li a:hover {
  color: var(--link-color);
}
.wp-block-group:not(:last-child) {
  padding-top: 0;
  padding-bottom: 4em;
}
.search-bar {
  background-color: #fff;
  padding: 20px 40px;
  display: flex;
  flex-direction: row;
  border-radius: 8px;
  align-items: center;
  -webkit-box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0px 1px 15px -5px rgba(0, 0, 0, .15);
  box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
}
.search-bar h2 {
  text-transform: uppercase;
  font-weight: 600;
  color: var(--link-color);
}
.search-bar h2, .search-bar form {
  flex: 1;
}
.search-bar form {
  width: 100%;
}
.search-bar form input[type="text"] {
  width: 75%;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.search-bar form input[type="text"]:focus {
  background-color: #fff;
  border: 1px solid var(--link-color);
}
.search-bar form input[type="submit"] {
text-transform: uppercase;
width: 24%;
}
.top-10-sidebar li {
  margin-bottom: 15px!important;
  overflow: hidden;
}
.top-10-sidebar li img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin-right: 10px;
}
.top-10-sidebar li a:hover {
  text-decoration: underline;
}
.widget_block {
  margin-bottom: 40px;
}
.widget_block h3 {
  margin-bottom: 20px;
}
.search .ast-archive-description {
  display: none;
}
.search .entry-title a{
  font-size: 25px;
  margin-bottom: 0;
}
.page-id-6012 input {
  margin-bottom: 15px;
}
.page-id-6012 label {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 5px;
  display: block;
}
.page-id-6012 h1 {
  font-size: 40px!important;
    line-height: 48px!important;
    font-weight: 400;
    margin-bottom: 60px;
}
.single .entry-header .post-thumb img {
  width: 100%;
}

.accordion .question {
  padding: 20px;
  cursor: pointer;
  position: relative;
}

.accordion .question h3 {
  font-size: 20px;
  margin: 0;
  color: #404040;
  font-weight: 700;
  margin-right: 25px;
}
.accordion li.open h3 {
  color: var(--link-color);
}
.accordion .question img {
  position: absolute;
  right: 20px;
  top: 0;
  height: 100%;
  width: 14px;
  display: flex;
  align-items: center;
  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}
.accordion .answer {
  max-height: 0;
  overflow: hidden;
  transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
}

.accordion .answer p {
  padding: 20px;
}
.accordion ul {
  margin: 0 0 30px 0;
}
.accordion .button {
  margin: 0 auto;
  display: block;
  max-width: 290px;
}
.accordion li {
  background: #FFF;
  list-style: none;
  margin-bottom: 15px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0px 1px 15px -5px rgba(0, 0, 0, .15);
  box-shadow: 0px 1px 15px -5px rgb(0 0 0 / 15%);
}

.accordion li.open .question img {
  transform: rotate(180deg);
}

.accordion li.open .answer {
  max-height: 150px;
 
}

@media (min-width: 1024px) and (max-width: 1430px) {
  .list-box div img, ul.list img {
    width: 30px;
    height: 30px;
    float: left;
}
.list-box .button, ul.list .button {
  max-width: 33%;
  font-size: 16px;
}
}
.negative-img {
  filter: hue-rotate(300deg) saturate(177%) brightness(0.7) contrast(240%)!important;
}
.home-table-img {
  filter: hue-rotate(85deg) saturate(120%) brightness(0.8);
}
.main-list.latest {
  padding: 40px 0;
}
.main-list.latest h1 {
  text-align: center;
}
.main-list.latest p {
  text-align: center;
  width: 70%;
  margin: 0 auto 40px auto;
}
select  {
  border:1px solid #ccc;
  background-color: #fff;
  color: #000;
  font-size: 13px;
  border-radius: 4px;
}
.error404 h1 {
  font-size: 98px;
    line-height: 108px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 15px;
}
.error404 section.error-404 p {
  font-size: 25px;
  margin-bottom: 60px;
}
  @media (min-width: 768px) and (max-width: 1024px) {
    h1  { font-size: 38px; line-height: 44px; margin-bottom: 10px;}
  h2, h2 a { font-size: 33px; line-height: 40px; margin-bottom: 20px;}
  h3, h3 a{ font-size: 26px; line-height: 32px;}
    .atf-info {
      padding: 40px 0;
  }
  .atf-info h1 {
    text-align: center;
  }
  .column-4.prices {
    text-align: center;
    margin: 60px 0 30px 0!important;
  }
  .atf-info .button {
    width: 60%;
    display: block;
    margin: 10px auto;
  }
  .info {
    display: block;
  overflow: hidden;
  }
  .info .info-box {
    margin: 10px;
    text-align: center;
    overflow: hidden;
    width: 47.1%;
    float: left;
    min-height: 170px;
  }
  .recommendations .info .info-box {
    min-height: auto;
  }
  .info .info-box.values .column-6 {
    width: 50%!important;
    padding: 0 10px!important;
    float: left!important;
  }
  .info .info-box.values:last-child span {
    display: block;
  }
  .info .info-box.values:last-child {
    margin: 10px;
    display: block;
    width: 97.5%;
  }
  .info .info-box.values:last-child span.text, .info .info-box.values:last-child span.value {
    display: inline-block;
  }
  .calculator div {
    width: 55%;
  }
  .news-wrap {
    flex-wrap: wrap;
  }
  .news-box {
    flex: 1 0 47%;
  }
  .news-box img {
    height: 270px;
  }
  .list-box div img {
float: left;
 
  }
  th:nth-child(1), td:nth-child(1), th:nth-child(2), td:nth-child(2) {
    position: sticky;
    left: 0px;
    z-index: 100;
    background-color: #fff;
}
.newsletter form {
  width: 70%;
  }
  .ast-separate-container .ast-article-post {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .news-wrap.home .news-box {
    flex: 1 0 47%;
  }
  #secondary, #primary {
    width: 100%!important;
  }
  .ast-container {
    display: block;
  }
  #secondary {
    padding-left: 10px;
  }
  footer .ast-builder-grid-row {
    display: block!important;
  }
  footer .ast-builder-html-element img.alignnone {
    margin: 0 auto 15px auto;
    display: block;
  }
  footer .site-footer-section:not(:last-child) {
    margin-bottom: 40px!important;
  }
  .footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element,
  .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"].footer-widget-area-inner {
    text-align: center;
}
  .ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile {
    background-color: var(--link-color);
    padding: 10px 0;
  }
  .ast-header-break-point .main-navigation .stack-on-mobile li {
    padding: 10px;
  }
  .ast-header-break-point .main-navigation ul .menu-item .menu-link {
    color: #fff!important;
  }
  .ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
    outline: 0;
  }
  #shownews .news-wrap {
    display: block;
  }
  .recommendations {
    padding-left: 25px;
    padding-right: 25px;
  }
}
  @media (min-width: 768px) and (max-width: 1023px) {
    .hero-section {
      padding: 40px 25px;
      margin-bottom: 20px;
    }
    .hero-section .row {
      display: block;
    }
    .hero-section h1 {
      font-size: 38px; 
      line-height: 44px;
       margin-bottom: 20px;
    }
    .hero-section p {
      font-size: 18px;
      line-height: 24px;
  }
  .hero-section img.crypto {
    display: none;
  }
  .search-bar form input[type="text"] {
    width: 100%;
  }
  .search-bar form input[type="submit"] {
    width: 100%;
    margin-top: 5px;
}
.accordion li.open .answer {
  max-height: 450px;
 
}
  }
  
  @media (max-width: 767px) {
    h1  { font-size: 36px; line-height: 42px; margin-bottom: 10px;}
  h2, h2 a { font-size: 30px; line-height: 38px; margin-bottom: 20px;}
  h3, h3 a{ font-size: 24px; line-height: 30px;}

  .hero-section {
    padding: 40px 25px;
    margin-bottom: 20px;
  }
  .hero-section .row {
    display: block;
  }
  .hero-section h1 {
    font-size: 38px; 
    line-height: 44px;
     margin-bottom: 20px;
  }
  .hero-section p {
    font-size: 18px;
    line-height: 24px;
}
.recommendation {
  width: 95%;
  margin-right: 0px;
  margin-bottom: 15px;
  font-size: 24px;
  display: flex;
}
.recommendation img {
  width: 40px;
  height: 40px;
  margin-right: 5px;
}
.hero-section img.crypto {
  display: none;
}
.newsletter input[type="submit"] {
  width: 100px;
}
.newsletter input[type="email"] {
  padding: 10px 115px 10px 15px;

}
    .atf-info {
      padding: 0 0 40px 0;
  }
  .atf-info .row:first-child {
    display: block;
  }
  .atf-info h1 {
    text-align: center;
  }
  .column-4.prices {
    text-align: center;
    margin: 40px 0 20px 0!important;
  }
  .atf-info .button {
    width: 95%;
    display: block;
  }
  .info {
    display: block;
  }
  .info .info-box {
    margin: 15px 5px;
    text-align: center;
  }
  .calculator div {
    width: 55%;
  }
  .calculator div img {
    float: none;
    margin-bottom: 5px;
  }
  .list-box .button {
  font-size: 14px;
  }
  .list-box .button {
    max-width: 26%;
  }
  .news-wrap {
   display: block;
  }
  .news-box img {
    height: 215px;
  }
  .list-box div img {
    float: left;
     
      }
      .main-content .column-8 {
        padding: 25px!important;
      }
      ol, ul {
        margin: 0; 
    }
      th:nth-child(1), td:nth-child(1) {
        position: sticky;
        left: 0px;
        z-index: 100;
        background-color: #fff;
        min-width: 60px;
        padding: 20px 10px!important;
       
    }
    th:nth-child(2), td:nth-child(2) {
      position: sticky;
      left: 60px;
      z-index: 100;
      background-color: #fff;
      min-width: 150px;
     
  }
  #lists-top table td:last-child {
    padding: 5px;
    min-width: 100px;
  }
  #lists-top table td:last-child img {
    width: 100%;
  }
  .newsletter {
    padding: 30px 25px;
  }
  .newsletter form {
    width: 90%;
  }
  .center {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}
.ast-separate-container .ast-article-post {
  width: 100%;
  margin-right: 0;
  float: none;
}
.search-bar {
  display: block;
  padding: 20px 25px;
  text-align: center;
}

.search-bar form input[type="text"] {
  width: 100%;
  }
  .search-bar form input[type="submit"] {
    width: 100%;
    margin: 15px auto;
    display: block;
}
.news-wrap.home .news-box {
  flex: 1 0 100%;
}
.page-id-6012 h1 {
  font-size: 36px!important;
    line-height: 42px!important;
    margin-bottom:40px;
}
.blog .ast-row article {
  flex: 99% 0 0;
}
.list-box .button, ul.list .button {
  padding: 8px 15px;
  text-align: center;
}
footer {
  margin-top: 30px;
}
footer .ast-builder-grid-row {
  display: block!important;
}
footer .ast-builder-html-element img.alignnone {
  margin: 0 auto 15px auto;
  display: block;
}
footer .site-footer-section:not(:last-child) {
  margin-bottom: 40px!important;
  padding: 0 15px;
}
footer img.footer-logo {
  max-width: 160px;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile {
  background-color: var(--link-color);
  padding: 10px 0;
}
.ast-header-break-point .main-navigation .stack-on-mobile li {
  padding: 10px;
}
.ast-header-break-point .main-navigation ul .menu-item .menu-link {
  color: #fff!important;
}
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
  outline: 0;
}
.main-list.latest p {
  width: 95%;
}
.recommendations {
  padding-left: 25px;
  padding-right: 25px;
}
.accordion li.open .answer {
  max-height: 550px;
 
}
}


/*Make Header Sticky*/
.site-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;

}

/*Adjust Content Padding*/
.site-content {
  padding-top: 72px;
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 800px) {
  .site-content {
      padding-top: 70px;
  }
/*Stick the Off-Canvas Navigation Menu - Adjust Top Margin for your Layout*/
  .main-navigation {
      position: fixed;
      margin-top: 0px;
      z-index: 9999;
}
}

/*Adjust Content Padding for Mobile*/
@media (max-width: 650px) {
  .site-content {
      padding-top: 70px;
  }
/*Stick the Off-Canvas Navigation Menu - Adjust Top Margin for your Layout*/
  .main-navigation {
      position: fixed;
      margin-top: 0px;
      z-index: 9999;
}
}

.latest-news .swiper-slider {
	padding: 0 35px 45px 35px!important;
	position: relative!important;
}
.hero-section .swiper-slider {
	padding: 25px 0!important;
	position: relative!important;
}
.latest-news .swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
    align-items: center;
    flex-direction: row;
    height: auto;
 border: 1px solid #ddd;
    border-radius: 8px;

}

 .swiper-button-next,
.swiper-button-prev {
  top: 36%!important;
    color: var(--link-color)!important;
	width: auto!important;
}

.swiper-button-next {
	right: 10px!important;
}

.swiper-button-prev {
	left: 10px!important;
}
.hero-section .swiper-button-next,
.hero-section .swiper-button-prev {
  top: 100%!important;
    color: #fff!important;
	width: auto!important;
}

.hero-section .swiper-button-next {
	right: 0px!important;
}

.hero-section .swiper-button-prev {
	left: 90%!important;
}
 .swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 22px!important;
}
.hero-section .swiper-button-next:after,
.hero-section .swiper-button-prev:after {
	font-size: 18px!important;
}
.latest-news .swiper-slide .news-box {

	background: transparent;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
    align-items: center;
    flex-direction: row;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    padding: 10px;
}
.latest-news .swiper-slide .news-box img {
    width: 80px;
    height: 80px;
   margin-right: 15px;
   margin-bottom: 0;
}
.latest-news .swiper-slide .news-box h2 {
font-size: 19px;
line-height: 23px;
flex: 1;
text-align: left;
margin: 0;
transition: all .2s;
}
.hero-section .swiper-slide .news-box h2 {
    color: #000;
    font-weight: 400;
    margin: 0;
    font-size: 30px;
    line-height: 36px;
}
.hero-section .column-5 {
    padding-left: 50px;
}
.hero-section .news-box {
background: transparent;
-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    padding: 15px;
}
.latest-news .swiper-slide .news-box h2:hover {
    color: var(--link-color);
}
@media (max-width: 767px) {
    .latest-news .swiper-slide .news-box img {
    width: 70px;
    height: 70px;
   margin-right: 10px;
    }
    .latest-news .swiper-slide .news-box h2 {
font-size: 17px;
line-height: 21px;
}
.latest-news .swiper-slider {
	padding: 0 35px 25px 35px!important;
}
.swiper-button-next,
.swiper-button-prev {
  top: 40%!important;
    color: var(--link-color)!important;
	width: auto!important;
}
.hero-section .swiper-slide .news-box h2 {
    font-size: 25px;
    line-height: 30px;
}
.hero-section .news-box img {
    height: 165px;
}
.recommendation {
    width: 100%;
}
.hero-section .column-5 {
    padding-left: 0px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .hero-section .swiper-slider {
	padding: 35px 0!important;
    width: 80%;
    margin: 0 auto;
    }
    .hero-section .column-5 {
    padding-left: 40px;
}
}