*, *:before, *:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } body { font-size: 14px; background: rgb(244,244,244); } body, div.single-news article.main-div h1, article.review-page h1, #chart-css article.main-div h1 { font-family: 'Open Sans', sans-serif; } div.table article.main-div h1, div#focus-home-page div.focus-page h1, div#focus-home-page div.focus-page h2 { font-family: 'Expletus Sans', sans-serif; } h1 { text-transform: uppercase; } iframe, article.main-div img { border-radius: 10px; overflow: hidden; } iframe[src^="https://www.youtube.com"] { width: 100%; height: 400px; } .alignnone { margin-right: auto; margin-left: auto; } a:link, a:visited { color: #0274BE; cursor: pointer; transition: all 0.23s ease-in-out 0s; } input[type="submit"]:hover, a:hover, span.search-btn, button.guide-scroll-btn:hover, #signup-page button.signup-download:hover { opacity: 0.8; } /* InvestoRunner text color */ .InvestoRunner-color header.site-header div.primarily-header nav ul li.current-menu-item > a, .InvestoRunner-color #guide-css h3.title-intro, .InvestoRunner-color #signup-header h2 span, .InvestoRunner-color div.in-view .guide-icon, .InvestoRunner-color div.in-view .guide-btn, .InvestoRunner-color div.in-view .review-icon, .InvestoRunner-color div.in-view .review-btn, .InvestoRunner-color .menu-btn-color { color: #caa363; } /* InvestoRunner button color */ .InvestoRunner-color p.click-btn-inline button, .InvestoRunner-color div#focus-home-page .review-link-btn, .InvestoRunner-color div.comments-area input#submit, .InvestoRunner-color .page-progress, .InvestoRunner-color button.guide-scroll-btn, .InvestoRunner-color article.main-div div.main-guide-content div.guide-header .guide-scroll-btn, .InvestoRunner-color .overview-title, .InvestoRunner-color .compare-button, .InvestoRunner-color .info-content div.wpcf7 input.wpcf7-submit, .InvestoRunner-color div.container-box div.error-page form input[type=submit], .InvestoRunner-color .tab .content .content-row .content-item-3 button, .InvestoRunner-color header.site-header form input[type=submit], .InvestoRunner-color #chart-css .chart-link button.chart-link-btn, .InvestoRunner-color button.submit-company { background-color:#56ca8d; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); } /* InvestoRunner top table color */ .InvestoRunner-color div.table .alinks .alinks-table table tr:first-child td:first-child { background-image: linear-gradient(30deg,#fce67e,#D5AD6D 50%); } /* InvestoRunner images home page */ .InvestoRunner-color div.table .compare .compare-div img { min-height: 220px; } /* InvestoRunner images express widget */ .InvestoRunner-color #express-widget ul.buy-crypto-coins li img { max-width: 50px; margin-top: 0; } /* InvestoRunner prices section */ .InvestoRunner-color div.table .prices > div { margin-top: -98px; } /* InvestoRunner prices section */ .InvestoRunner-color .prices > div.show-more-posts { display: none; } /* InvestoRunner bigger screen */ @media screen and (min-width: 960px) { .InvestoRunner-color #express-widget ul li:hover, .InvestoRunner-color .language-dropdown a:hover, .InvestoRunner-color [type=radio]:checked ~ label, .InvestoRunner-color header.site-header div.primarily-header nav ul li a:hover, .InvestoRunner-color div.container-box article.main-div .explore .explore-div:hover h2, .InvestoRunner-color div.container-box article.main-div .compare .compare-div:hover h2, .InvestoRunner-color header.site-header div.primarily-header nav ul li ul li > a:hover, .InvestoRunner-color header.site-header div.primarily-header nav ul li:nth-last-child(2) > a:hover, .InvestoRunner-color #guide-css div.guide-overview div:hover, .InvestoRunner-color div.review-overview div:hover, .InvestoRunner-color #guide-css div.guide-overview div:hover p:nth-child(3), .InvestoRunner-color div.guide-overview div:hover, .InvestoRunner-color div.review-overview div:hover, .InvestoRunner-color div.intro-guide-link:hover, .InvestoRunner-color div.compare-guide-link:hover, .InvestoRunner-color div.best-guide-link:hover, .InvestoRunner-color div.question-guide-link:hover, .InvestoRunner-color div.comment-guide-link:hover, .InvestoRunner-color .guide-link-div .navigation-buttons div:hover .fa, .InvestoRunner-color .guide-link-div .navigation-buttons div:hover p, .InvestoRunner-color .chart-link-div .navigation-buttons div:hover .fa, .InvestoRunner-color .chart-link-div .navigation-buttons div:hover p, .InvestoRunner-color .review-link-div .navigation-buttons div:hover .fa, .InvestoRunner-color .review-link-div .navigation-buttons div:hover p { color: #caa363; } } /* InvestoRunner smaller screen */ @media screen and (max-width: 960px) { .InvestoRunner-color div.table .alinks .alinks-table table tr:not(.payment-and-availability):first-child td:first-child { border-top: 60px solid #D5AD6D; } .InvestoRunner-color div.table .alinks .alinks-table table tbody tr:first-child { border: 4px solid #D5AD6D; border-bottom: none; } .InvestoRunner-color div.table .alinks .alinks-table table tr.payment-and-availability { border: 4px solid #D5AD6D; border-top: 0; } } /* CryptoRunner text color */ .CryptoRunner-color header.site-header div.primarily-header nav ul li.current-menu-item > a, .CryptoRunner-color #guide-css h3.title-intro, .CryptoRunner-color #signup-header h2 span, .CryptoRunner-color div.in-view .guide-icon, .CryptoRunner-color div.in-view .guide-btn, .CryptoRunner-color div.in-view .review-icon, .CryptoRunner-color div.in-view .review-btn, .CryptoRunner-color .menu-btn-color { color: #F7931B; } /* CryptoRunner button color */ .CryptoRunner-color p.click-btn-inline button, .CryptoRunner-color div#focus-home-page .review-link-btn, .CryptoRunner-color div.comments-area input#submit, .CryptoRunner-color .page-progress, .CryptoRunner-color button.guide-scroll-btn, .CryptoRunner-color article.main-div div.main-guide-content div.guide-header .guide-scroll-btn, .CryptoRunner-color .overview-title, .CryptoRunner-color .compare-button, .CryptoRunner-color .info-content div.wpcf7 input.wpcf7-submit, .CryptoRunner-color div.container-box div.error-page form input[type=submit], .CryptoRunner-color .tab .content .content-row .content-item-3 button, .CryptoRunner-color header.site-header form input[type=submit], .CryptoRunner-color #chart-css .chart-link button.chart-link-btn, .CryptoRunner-color button.submit-company { background-image: linear-gradient(30deg,#ffc100,#F7931B 60%); box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); } /* CryptoRunner top table color */ .CryptoRunner-color div.table .alinks .alinks-table table tr:first-child td:first-child { background-image: linear-gradient(30deg,#ffc100,#F7931B 60%); } /* CryptoRunner bigger screen */ @media screen and (min-width: 960px) { .CryptoRunner-color #guide-css div.guide-overview div:hover, .CryptoRunner-color div.review-overview div:hover, .CryptoRunner-color #guide-css div.guide-overview div:hover p:nth-child(3), .CryptoRunner-color div.guide-overview div:hover, .CryptoRunner-color div.review-overview div:hover, .CryptoRunner-color div.intro-guide-link:hover, .CryptoRunner-color div.compare-guide-link:hover, .CryptoRunner-color div.best-guide-link:hover, .CryptoRunner-color div.question-guide-link:hover, .CryptoRunner-color div.comment-guide-link:hover, .CryptoRunner-color header.site-header div.primarily-header nav ul li a:hover, .CryptoRunner-color div.container-box article.main-div .explore .explore-div:hover h2, .CryptoRunner-color div.container-box article.main-div .compare .compare-div:hover h2, .CryptoRunner-color header.site-header div.primarily-header nav ul li ul li > a:hover, .CryptoRunner-color header.site-header div.primarily-header nav ul li:nth-last-child(2) > a:hover, .CryptoRunner-color #express-widget ul li:hover, .CryptoRunner-color .language-dropdown a:hover, .CryptoRunner-color [type=radio]:checked ~ label, .CryptoRunner-color .guide-link-div .navigation-buttons div:hover .fa, .CryptoRunner-color .guide-link-div .navigation-buttons div:hover p, .CryptoRunner-color .chart-link-div .navigation-buttons div:hover .fa, .CryptoRunner-color .chart-link-div .navigation-buttons div:hover p, .CryptoRunner-color .review-link-div .navigation-buttons div:hover .fa, .CryptoRunner-color .review-link-div .navigation-buttons div:hover p { color: #F7931B; } } /* CryptoRunner smaller screen */ @media screen and (max-width: 960px) { .CryptoRunner-color div.table .alinks .alinks-table table tr:not(.payment-and-availability):first-child td:first-child { border-top: 60px solid #F7931B; } .CryptoRunner-color div.table .alinks .alinks-table table tbody tr:first-child { border: 4px solid #F7931B; border-bottom: none; } .CryptoRunner-color div.table .alinks .alinks-table table tr.payment-and-availability { border: 4px solid #F7931B; border-top: 0; } } /* same colors */ div#express-widget .guide-link-btn, button.guide-link-btn, button.table-top-conversion, div.page-conversion-box button.review-link-btn, .advertise-div-2 div table td button, article.review-page div.review-section-btn div div:first-child button:first-child, div.table-best-site-bottom button.review-link-btn, div.alinks-table tr:first-child button.table-top-conversion, button.dropdown-conversion, button.crypto-link-btn, .visit-site-bottom-conversion, div.table .alinks-table button.review-link-btn, div.side-bar h4.sidebar-title { background-image: linear-gradient(to right,#65a9ec 10%,#43a0ff); box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.3); } button.signup-download { background-color: #e53935; background-image: none; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); } div#express-widget .guide-link-btn { width: 350px; max-width: 100%; min-width: 250px; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); margin-left: auto; margin-right: auto; display: block; } div.side-bar div.subscribe-container h5 span, div.newsletter-container div.subscribe-container #subscribe-content-scn h5 span, #signup-footer-header h5 span, #signup-header h2 span { border-bottom: 3px solid #4d4f5c; } #signup-footer-header h5 span, div.newsletter-container div.subscribe-container #subscribe-content-scn h5 span, div.newsletter-container div.subscribe-container #subscribe-content-scn h5 { color: #4d4f5c; } /* end same colors */ #chart-css .alinks, #guide-css .alinks { margin-bottom: 30px; } div.table .alinks .alinks-table table td:nth-child(4) span.low, div.table .alinks .alinks-table table td:nth-child(5) span.low, div.table .alinks .alinks-table table td:nth-child(6) span.low { border-radius: 2rem; padding: .5rem 1rem; color: #3bb273; background: rgba(59,178,115,.15); } div.table .alinks .alinks-table table td:nth-child(4) span.mid, div.table .alinks .alinks-table table td:nth-child(5) span.mid, div.table .alinks .alinks-table table td:nth-child(6) span.mid { border-radius: 2rem; padding: .5rem 1rem; color: #e3a900; background: rgba(227,169,0,.15); } div.table .alinks .alinks-table table td:nth-child(4) span.high, div.table .alinks .alinks-table table td:nth-child(5) span.high, div.table .alinks .alinks-table table td:nth-child(6) span.high { border-radius: 2rem; padding: .5rem 1rem; color: #d81e5b; background: rgba(216,30,91,.15); } div.table .alinks .alinks-table table td:nth-child(4) span.gray, div.table .alinks .alinks-table table td:nth-child(5) span.gray, div.table .alinks .alinks-table table td:nth-child(6) span.gray { border-radius: 2rem; padding: .5rem 1rem; color: #221b06c2; background: rgba(110, 110, 110, 0.15); } div.table .alinks .alinks-table table td:nth-child(4) span, div.table .alinks .alinks-table table td:nth-child(5) span, div.table .alinks .alinks-table table td:nth-child(6) span { color: #b9b9b98c; font-size: 14px; } div.table .alinks .alinks-table table td:nth-child(4), div.table .alinks .alinks-table table td:nth-child(5), div.table .alinks .alinks-table table td:nth-child(6) { padding-left: 5px; padding-right: 5px; min-width: 110px; } .accordion h3 { text-align: left; } .margin-right-px { margin-right: 1300px; animation: fadeIn ease 0.5s; -webkit-animation: fadeIn ease 0.5s; -moz-animation: fadeIn ease 0.5s; -o-animation: fadeIn ease 0.5s; -ms-animation: fadeIn ease 0.5s; } @keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-o-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-ms-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } .aligncenter { margin-right: auto; margin-left: auto; } .overflow-hidden { overflow: hidden; } button:focus { outline:0; } div.heatmap { width: 100%; max-height: 400px; } div.review-content div.good-points, div.review-content div.bad-points, div.guide-content div.good-points, div.guide-content div.bad-points { margin-bottom: 20px; border-radius: 10px; position: relative; z-index: 2; } div.guide-content div.good-points ul, div.guide-content div.good-points ol, div.review-content div.good-points ul, div.review-content div.good-points ol { background-color: rgb(233 246 237); color: #4e7054; } div.guide-content div.bad-points ul, div.guide-content div.bad-points ol, div.review-content div.bad-points ul, div.review-content div.bad-points ol { background-color: rgb(253,246,244); color: #a94442; } article div.guide-content div.good-points ul li::before { color: #4e7054; content:"\f164"; font-family: 'FontAwesome', sans-serif; font-size: 2em; left: -1.5em; margin-top: 0; } article div.guide-content div.bad-points ul li::before { color: #a94442; content:"\f165"; font-family: 'FontAwesome', sans-serif; font-size: 2em; left: -1.5em; margin-top: 0; } article.review-page .review-alert, div.yellow-alert, div.red-alert { padding-top: 30px; padding-bottom: 10px; padding-left: 100px; padding-right: 30px; margin-bottom: 20px; border-radius: 10px; position: relative; z-index: 2; } article.review-page .review-alert { padding-top: 40px; padding-bottom: 20px; } div.red-alert { background-color: #f2dede; } div.yellow-alert, article.review-page .review-alert { background: #feefb3; } div.container-box article.main-div div.yellow-alert h3, div.container-box article.main-div div.red-alert h3, div.container-box article.main-div div.yellow-alert h4, div.container-box article.main-div div.red-alert h4 { margin-top: 0px; margin-bottom: 20px; text-align: left; border-bottom: none; padding-bottom: 0; font-size: 20px; } #guide-css div.yellow-alert p, #guide-css div.yellow-alert h3, #guide-css div.yellow-alert h4, #chart-css div.yellow-alert p, #chart-css div.yellow-alert h3, #chart-css div.yellow-alert h4, div.guide-header div.yellow-alert h4, div.guide-header div.yellow-alert h3, div.guide-header div.yellow-alert p, div.yellow-alert h4, div.yellow-alert h3, div.yellow-alert p, article.review-page .review-alert h4, article.review-page .review-alert h3, article.review-page .review-alert p { color: #9f6000; } #guide-css div.red-alert p, #guide-css div.red-alert h3, #guide-css div.red-alert h4, #chart-css div.red-alert p, #chart-css div.red-alert h3, #chart-css div.red-alert h4, div.guide-header div.red-alert h4, div.guide-header div.red-alert h3, div.guide-header div.red-alert p, div.review-content div.red-alert h4, div.review-content div.red-alert h3, div.review-content div.red-alert p { color:#a94442; } div.red-alert:after { content:"\f071"; font-family: 'FontAwesome', sans-serif; color:#a94442; font-size: 40px; position: absolute; top: 35%; left: 30px; } article.review-page .review-alert:after, div.yellow-alert:after { content:"\f0eb"; font-family: 'FontAwesome', sans-serif; color: #9f6000; font-size: 50px; position: absolute; top: 35%; left: 35px; } article.main-div .ccpw-ticker-cont { z-index: 1; } article.main-div .tickercontainer ul { background-color: rgba(244,244,244,0.5) !important; } .currency_tabs span.mtab_icon img { width: 20px !important; } .currency_tabs ul.multi-currency-tab { background: linear-gradient(264deg,#28b2db,#2fc8c3); } .currency_tabs ul.multi-currency-tab li { background-color: rgba(244,244,244,0) !important; color: white !important; } .currency_tabs ul.multi-currency-tab li.active-tab { background: #fff !important; color: black !important; } .show-north-america, .north-america, .usa-canada, .only-sweden, .only-finland, .only-norway, .only-denmark { display: none; } body.UnitedStates .usa-canada, body.UnitedStates .north-america, body.UnitedStates .show-north-america, body.Sweden .only-sweden, body.Finland .only-finland, body.Norway .only-norway, body.Denmark .only-denmark, body.UnitedStates div.container-box div.exchange-container ul.north-america, body.Canada .usa-canada, body.Canada .north-america, body.Canada .show-north-america, body.Canada div.container-box div.exchange-container ul.north-america, body.Brazil .usa-canada, body.Brazil .north-america, body.Brazil .show-north-america, body.Brazil div.container-box div.exchange-container ul.north-america, body.Japan .usa-canada, body.Japan .north-america, body.Japan .show-north-america, body.Japan div.container-box div.exchange-container ul.north-america, body.Turkey .usa-canada, body.Turkey .north-america, body.Turkey .show-north-america, body.Turkey div.container-box div.exchange-container ul.north-america, body.Sweden div.container-box div.exchange-container ul.only-sweden, body.Finland div.container-box div.exchange-container ul.only-finland, body.Norway div.container-box div.exchange-container ul.only-norway, body.Denmark div.container-box div.exchange-container ul.only-denmark { display: block; } body.UnitedStates .global, body.UnitedStates .europe, body.UnitedStates .hide-north-america, body.UnitedStates tr.hide-north-america, body.UnitedStates div.container-box .side-bar div.exchange-container ul.europe, body.Canada .global, body.Canada .europe, body.Canada .hide-north-america, body.Canada tr.hide-north-america, body.Canada div.container-box .side-bar div.exchange-container ul.europe, body.Brazil .global, body.Brazil .europe, body.Brazil .hide-north-america, body.Brazil tr.hide-north-america, body.Brazil div.container-box .side-bar div.exchange-container ul.europe, body.Japan .global, body.Japan .europe, body.Japan .hide-north-america, body.Japan tr.hide-north-america, body.Japan div.container-box .side-bar div.exchange-container ul.europe, body.Turkey .global, body.Turkey .europe, body.Turkey .hide-north-america, body.Turkey tr.hide-north-america, body.Turkey div.container-box .side-bar div.exchange-container ul.europe { display: none; } body.UnitedStates tr.show-north-america, body.Canada tr.show-north-america, body.Brazil tr.show-north-america, body.Japan tr.show-north-america, body.Turkey tr.show-north-america, body.Sweden tr.only-sweden, body.Finland tr.only-finland, body.Norway tr.only-norway, body.Denmark tr.only-denmark { display: table-row; } div.side-bar div.exchange-container ul.north-america { display: none; } article.main-div div.main-guide-content div.guide-sections div.guide-content { min-height: 300px; } article div.guide-content h2, article div.review-content h2, article div.info-content h2 { font-size: 25px; margin-top: 20px; margin-bottom: 35px; } article div.guide-content h3, article div.review-content h3{ font-size: 20px; margin-top: 40px; margin-bottom: 25px; } article.info-content h2, article.cryptoprice-content h2 { font-size: 25px; margin-bottom: 25px; margin-top: 35px; } article.info-content h3, article.cryptoprice-content h3 { font-size: 20px; margin-bottom: 25px; margin-top: 35px; } article.main-div div.guide-header ol, article div.main-content ul, article div.main-content ol, article div.guide-content ul, article div.guide-content ol, article div.review-content ul, article div.review-content ol, article.cryptoprice-content ul, article.cryptoprice-content ol { width: 100%; margin-bottom: 20px; border-radius: 10px; background-color: #e8f5ff; padding-top: 40px; padding-bottom: 10px; padding-left: 50px; padding-right: 30px; color: #275f81; float: left; } article.cryptoprice-content ul { background-color: transparent; color: black; } article.info-content ul, article.info-content ol { margin-bottom: 20px; border-radius: 10px; } article.main-div div.guide-header ol li, article div.main-content ul li, article div.main-content ol li, article div.guide-content ul li, article div.guide-content ol li, article div.review-content ul li, article div.review-content ol li, article.info-content ul li, article.info-content ol li, article.cryptoprice-content ul li, article.cryptoprice-content ol li { line-height: 1.65em; margin-bottom: 30px; font-size: 16px; position: relative; margin-left: 20px; } article div.main-content ul, article div.guide-content ul, article div.review-content ul, article.cryptoprice-content ul, article.info-content ul { list-style: none; } article div.main-content ul li, article div.guide-content ul li, article div.review-content ul li, article.cryptoprice-content ul li { margin-left: 30px; } article.main-div div.guide-header ol li, article div.main-content ol li article div.guide-content ol li, article div.review-content ol li, article.info-content ol li, article.cryptoprice-content ol li { padding-left: 10px; } article div.main-content ul li::before, article div.guide-content ul li::before, article div.review-content ul li::before { color: #275f81; content: "›"; position: absolute; left: -0.7em; margin-top: -4px; font-size: 4em; font-weight: bold; /* text-shadow: 2px 2px 2px rgb(200,200,200); */ } article div.review-content div.pros-cons ul li:before { content: none; } h4 { font-weight: 600; } p { line-height: 1.65em; margin-bottom: 20px; letter-spacing: .3px; } div.guide-content p, div.review-content p, article.info-content p, .guide-header p, article.cryptoprice-content p, .guide-sections p { font-size: 16px; color: #686a6c; } #guide-css .guide-header h2, #guide-css .guide-header h3, #guide-css .guide-header p, #guide-css .guide-header ul, #guide-css .guide-header ol { color: #bababa; } .menu-btn-color:hover { color: none; } .display-none { display: none !important; } /* popup code */ .wbounce-modal .wbounce-modal-sub { width: auto; } /* tradingview */ div.site-bottom .tradingview-widget-container, div.top-div .tradingview-widget-container { max-height: 75px !important; overflow: hidden; border-bottom: 1px solid #e0e3eb; } .tradingview-widget-container { margin-right: auto; margin-left: auto; } .tradingview-widget-container iframe { border-radius: 0; } .tv-screener-toolbar { background: linear-gradient(264deg,rgba(71,74,87,0.8),rgba(29,32,49,0.8)); } .tradingview-widget-container iframe { min-height: 500px; } /* General Layout */ div.container-box, div.second-container-box { max-width: 1366px; margin: 0 auto; display: block; position: relative; } body > div.container-box { padding-top: 105px; } div.container-box:last-child { padding-bottom: 80px; } /* Visit site button */ .cryptos-link-div, .comparison-scroll-div, .cointable-link-div, .comparisontable-link-div { z-index: 998; position: fixed; width: 100%; top: -100px; left: 0; background-color: white; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.5); text-align: center; visibility: hidden; -moz-transition: all 500ms; -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; min-height: 90px; } .guide-link-container { position: relative; z-index: 102; } #chart-css .guide-link-container { z-index: 105; } .guide-link-div, .chart-link-div, .review-link-div { /* z-index: 998; position: fixed; width: 100%; top: -100px; left: 0; background-color: white; text-align: center; visibility: hidden; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.5); -moz-transition: all 500ms; -webkit-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; min-height: 90px;*/ z-index: 1; position: fixed; width: 100%; max-width: 900px; height: 70px; text-align: center; visibility: hidden; background-color: white; left: 50%; bottom: 0; transform: translate(-50%, 0%); } .guide-link-div .navigation-buttons, .chart-link-div .navigation-buttons, .review-link-div .navigation-buttons { max-width: 900px; margin: 0 auto; font-size: 11px; text-transform: uppercase; } .guide-link-div .navigation-buttons div, .chart-link-div .navigation-buttons div, .review-link-div .navigation-buttons div { width: 33.33%; float: left; } @media (hover: hover) and (pointer: fine) { .guide-link-div .navigation-buttons div:hover, .chart-link-div .navigation-buttons div:hover, .review-link-div .navigation-buttons div:hover { cursor: pointer; opacity: 0.8; } } .guide-link-div .navigation-buttons div .fa, .guide-link-div .navigation-buttons div p, .chart-link-div .navigation-buttons div .fa, .chart-link-div .navigation-buttons div p, .review-link-div .navigation-buttons div .fa, .review-link-div .navigation-buttons div p { color: #2b2b2b; } .guide-link-div .navigation-buttons div .fa, .chart-link-div .navigation-buttons div .fa, .review-link-div .navigation-buttons div .fa { font-size: 20px; margin-top: 13px; margin-bottom: 10px; } .slim .comparison-scroll-div, .wide .comparison-scroll-div { display: none; } .table .comparison-scroll-div { display: block; } .cryptos-link-div img { margin-top: 10px; margin-bottom: 10px; margin-right: 40px; max-height: 70px; max-width: 240px; float: left; } .cryptos-link-div img { width: 60px !important; margin-top: 15px; margin-bottom: 15px; } button.review-link-btn, button.guide-scroll-btn, button.guide-link-btn, button.crypto-link-btn, button.chart-link-btn, button.country-link-btn, button.country-link-btn-stay, .overview-title { position: relative; margin-top: 17px; margin-bottom: 5px; font-size: 17px; color: white; padding: 15px 50px 15px 10px; border: none; cursor: pointer; border-radius: 10px; text-shadow: 0 1px 2px rgba(1,1,1,.10); min-width: 220px; overflow: hidden; } button.country-link-btn, button.country-link-btn-stay { width: 350px; max-width: 100%; background-image: none; box-shadow: 0 4px 8px 0 rgba(1,1,1,.35); margin-right: 10px; margin-left: 10px; } button.country-link-btn { background-image: none; background-color: #e53935; text-transform: uppercase; } button.country-link-btn-stay { padding: 15px 15px 15px 15px; background-color: #777; } button.guide-scroll-btn { box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); } div.table-section-box .review-link-btn { box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); } button.crypto-link-btn { margin-right: 10px; margin-left: 10px; min-width: 250px; } button.crypto-link-btn { margin-top: 20px; } a:nth-child(2) button.crypto-link-btn { color: black; background-color: #E8E8E8; background-image: none; box-shadow: 0 4px 8px 0 rgba(1,1,1,.35); } button.guide-scroll-btn, button.guide-link-btn, .overview-title { padding: 15px 80px 15px 30px; } button.review-link-btn:after, button.guide-scroll-btn:after, button.guide-link-btn:after, button.crypto-link-btn:after, button.chart-link-btn:after, button.country-link-btn:after { position: absolute; right: 0; top: 0; height: 100%; background: rgba(0, 0, 0, 0.1); padding-right: 20px; padding-left: 20px; font-family: 'FontAwesome', sans-serif; font-size: 25px; content: "\F105"; padding-top: 12px; } button.guide-scroll-btn:after { transform: rotate(270deg); } div.review-section-btn button.review-link-btn { min-width: 250px; } div.review-section-btn a { text-decoration: none; } div.review-section-btn button.review-link-btn:after { padding-top: 17px; } div.review-section-btn div a:hover { opacity: 1; } div.review-section-btn div button.review-link-btn:hover { opacity: 0.8; } div.review-section-btn div button.review-link-btn { padding: 20px 50px 20px 10px; } div.review-section-btn div:nth-child(2) button.review-link-btn:after { content: "\f040"; font-size: 17px; padding-left: 18px; padding-right: 18px; padding-bottom: 20px; padding-top: 20px; } button.review-link-btn:hover:after { -webkit-animation: bounceright .3s alternate ease; } article.review-page .review-section-btn .btn-under-text { font-size: 14px; color: rgb(45,45,45); text-align: center; margin-bottom: 10px; } article.review-page .review-section-btn .btn-under-text { position: relative; bottom: 10px; margin-bottom: 0; } article.review-page > a, article.main-div > a, a.return-to-top { color: white; } .return-to-top-button { position: fixed; right: 50px; bottom: 50px; text-decoration: none; text-align: center; border-radius: 10%; background-color: rgba(50,50,50,0.4); font-size: 15px; height: 50px; width: 50px; padding-top: 10px; display: none; z-index: 104; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); text-shadow: 1px 1px 2px rgba(0,0,0,0.2); } .guide-top-div { float: left; } .compare-button { position: absolute; border-radius: 10px; top: 12px; right: 130px; height: 45px; width: auto; padding: 11px 38px 11px 38px; color: white; font-weight: 600; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); font-size: 15px; letter-spacing: 1px; text-shadow: 0 1px 2px rgba(1,1,1,.10); } /*.compare-button:before { content: '\f0ca'; font-family: 'FontAwesome'; margin-right: 8px; font-size: 15px; }*/ /* Language drop down */ #dropbtn { font-size: 18px; height: 45px; width: 90px; border-radius: 10px; padding: 10px; border: none; cursor: pointer; background-position: center center; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); } #dropbtn:hover { cursor: default; } #dropbtn .fa { float: right; position: absolute; top: 8px; right: 20px; } .language-dropdown { position: absolute; top: 12px; right: 25px; height: 73px; } .language-dropdown .overlay { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background-color:rgba(255,255,255,0.4); } .language-dropdown .dropdown-content { position: absolute; background-color: white; box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1); z-index: 1; right: 0; top: 70px; border-radius: 10px; overflow: hidden; letter-spacing: 1px; opacity: 0; visibility: hidden; transition: ; -webkit-transition: opacity 200ms, visibility 200ms; transition: opacity 200ms, visibility 200ms; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-top:10px; } .dropdown-content a { color: black; padding: 15px 25px; text-decoration: none; display: block; } .language-dropdown:hover .dropdown-content { visibility: visible; opacity: 1; margin-top: 0; } .language-dropdown:hover #dropbtn { color: #333; } .language-dropdown button.english, .language-dropdown a { background-repeat: no-repeat; background-position: left center; background-size: contain; background-color: transparent; padding-left: 60px; background-size: 27px auto; } .language-dropdown a { background-position: 20% 50%; border-bottom: 1px solid rgba(0,0,0,.05); } .language-dropdown a:hover { background-color: rgba(0,0,0,.15); } .language-dropdown .language-name { display: none; } /* Pagination numbers */ div.page-buttons { margin-right: auto; margin-left: auto; text-align: center; margin-bottom: 20px; float: left; width: 100%; } div.page-buttons .navigation { display: inline-block; position: relative; margin-right: 10px; margin-left: 10px; } div.page-buttons .navigation li a, div.page-buttons .navigation li a:hover, div.page-buttons .navigation li.active a, div.page-buttons .navigation li.disabled { color: #333; text-decoration:none; } div.page-buttons .navigation li { float: left; height: 50px; margin-left: 5px; list-style: none; } div.page-buttons .navigation .active { background: none; } div.page-buttons .navigation .active:after { content: ""; } div.page-buttons .navigation li a, div.page-buttons .navigation li a:hover, div.page-buttons .navigation li.active a, div.page-buttons .navigation li.disabled { background-color: #EBEBEB; cursor: pointer; padding: 12px; padding: 0.75rem; } div.page-buttons .navigation li.previous-next a { padding-right: 17px; padding-left: 17px; } div.page-buttons .navigation li:hover a, div.page-buttons .navigation li.active a { filter: brightness(80%); } /* Home Page */ div#focus-home-page { float: none; clear: both; width: 100%; padding-top: 170px; padding-bottom: 50px; padding-right: 50px; padding-left: 50px; display: inline-block; background: linear-gradient(264deg,#1b2032c7,#1b2032); } div#focus-home-page .review-link-btn { min-width: 250px; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); } div#focus-home-page div.focus-page { width: 100%; max-width: 1000px; margin-right: auto; margin-left: auto; display: block; } div.focus-page div#express-widget { padding: 0; } div.focus-page div#express-widget > img { display: none; } div#focus-home-page div.focus-page > div:first-child { width: 60%; } div#focus-home-page div.focus-page > div:nth-child(2) { width: 40%; } div#focus-home-page div.focus-page > div { float: left; display: block; } div#focus-home-page div.focus-page h1 { font-size: 50px; text-transform: none; font-weight: 600; word-spacing: 4px; font-weight: bold; color: white; -webkit-filter: drop-shadow(1px 1px 1px rgba(1,1,1,.35)); filter: drop-shadow(1px 1px 1px rgba(1,1,1,.35)); max-width: 550px; } div#focus-home-page div.focus-page h2 { font-weight: 400; color: #bababa; margin-bottom: 40px; font-weight: normal; line-height: 1.7em; font-size: 25px; word-spacing: 2px; max-width: 550px; } #signup-footer-header h5 span, div.side-bar div.subscribe-container h5 span, div.newsletter-container div.subscribe-container #subscribe-content-scn h5 span, #signup-header h2 span { font-weight: bold; } .switch-country { display: none; color: white; text-align: center; } .switch-country div { padding-top: 130px; padding-bottom: 30px; padding-right: 20px; padding-left: 20px; width: 100%; margin-right: auto; margin-left: auto; background: linear-gradient(264deg,#1b2032c7,#1b2032); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); text-shadow: 1px 1px 2px rgba(0,0,0,0.2); display: none; } div.Sweden .Sweden { display: block; } div.Norway .Norway { display: block; } div.Denmark .Denmark { display: block; } div.Finland .Finland { display: block; } .switch-country h2 { font-size: 27px; margin-bottom: 20px; } .switch-country img { width: 50px; } div#subscribe-content-scn .ml-form-embedContainer { width: calc(100% - 300px)!important; height: 350px; } div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: none; } div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody { padding: 12% 5%; } div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 { font-size: 30px; line-height: 1.5em; font-weight: bold; } div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p { color: gray; margin-top: 10px; margin-bottom: 10px; font-size: 20px; } div#subscribe-content .ml-form-embedContainer .ml-form-embedWrapper, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper { background-color: transparent; } div#subscribe-content .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button { background-color: #e53935 !important; font-weight: normal; border: none; box-shadow: 0 1px 1px 0 rgba(1,1,1,.15); } div#subscribe-content .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover { cursor: pointer; opacity: 0.8; background-color: #e53935 !important; } div#subscribe-content .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input { border: none; box-shadow: 0 1px 1px 0 rgba(1,1,1,.15); } div#subscribe-content .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input { background-color: rgb(244,244,244); } .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:focus { outline: none; } .tabs { position: relative; min-height: 880px; clear: both; margin: 40px 20px 20px 20px; font-size: 18px; } .tabs .fa { margin-right: 15px; } .tab { float: left; text-align: center; margin-right: 15px; } .tab:last-child { margin-right: none; } .tab label { background: #eee; padding: 15px 30px 15px 30px; width: 20%; border: 1px solid #ccc; margin-left: -1px; position: relative; left: 1px; width: 100%; } .tab label:hover { cursor: pointer; } .tab [type=radio] { display: none; } .content { position: absolute; top: 39px; left: 0; background: white; right: 0; bottom: 0; padding: 20px; border: 1px solid #ccc; } [type=radio]:checked ~ label { background: white; border-bottom: 1px solid white; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; } .tab .content .content-row { float: left; width: 100%; height: 250px; margin-bottom: 20px; /*border: 1px solid rgb(234, 234, 234);*/ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 5px 5px #d6dee4; position: relative; overflow: hidden; } .tab .content .content-row .content-item-1, .tab .content .content-row .content-item-2, .tab .content .content-row .content-item-3 { float: left; height: 248px; } .tab .content .content-row .content-item-1 { width: 35%; border-right: 1px solid rgb(234, 234, 234); } .tab .content .content-row .content-item-1 img { max-height: 100px; max-width: calc(100% - 150px); margin: 50px 75px 10px 75px; padding-left: 30px; padding-right: 30px; } .tab .content .content-row .content-item-2 { width: 40%; border-right: 1px solid rgb(234, 234, 234); overflow: hidden; } .tab .content .content-row .content-item-2 ul { padding: 40px 30px 40px 80px; } .tab .content .content-row .content-item-2 ul li { text-align: left; list-style: none; font-size: 16px; margin-bottom: 10px; } .tab .content .content-row .content-item-2 ul li .fa { font-size: 20px; color: rgb(53,125,34); } .tab .content .content-row .content-item-3 { width: 25%; } .tab .content .content-row .content-item-3 button { position: relative; margin-top: 70px; border: 0; cursor: pointer; border-radius: 5px; padding: 20px 10px; font-size: 17px; width: 200px; color: white; box-shadow: 0 5px 0 0 rgb(187,87,17); } .tab .content .content-row .content-item-3 div { margin-top: 20px; font-size: 17px; } .tab .content .content-row .corner-ribbon { width: 200px; background: #e43; position: absolute; top: 35px; left: -50px; text-align: center; line-height: 30px; font-size: 12px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); box-shadow: 0 0 3px rgba(0,0,0,.3); } .show-top-three .display-none-2 { display: none !important; } div.show-more { display: none; } .show-top-three div.show-more { display: block; padding-top: 15px; padding-bottom: 0; } div.show-more-posts { padding-top: 30px; } div.show-more button, div.show-more-posts button { box-shadow: 0 1px 1px 0 rgba(1,1,1,.15); border-radius: 3px; display: block; margin-right: auto; margin-left: auto; padding: 15px 30px 15px 30px; background-color: white; color: black; font-size: 15px; border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186); border-style: solid; border-width: 1px; } div.show-more button::before, div.show-more-posts button::before, div.show-more:nth-child(2) button:before { content: "\f03a"; font-family: 'FontAwesome'; padding: 0 10px 0 0; } div.show-more button:hover, div.show-more-posts button:hover { cursor: pointer; outline:0; opacity: 0.8; } /*div.front-wallpaper-1, div.front-wallpaper-2, div.front-wallpaper-3 { position: relative; width: 100%; background-color: white; height: auto; float: left; margin-bottom: 200px; } h2.slots-header { text-align: center; margin:40px 20px 30px 20px; font-size: 25px; } div.front-wallpaper-1 { background-repeat: no-repeat; background-position: center; background-size: cover; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.3); } div.front-wallpaper-2, div.front-wallpaper-3 { background-position: top; }*/ /*div#start-page { padding-top: 20px; padding-bottom: 20px; clear: both; } div.start-div { width: calc(25% - 5px); display: inline-block; } div.start-div h2 { text-align: center; margin-bottom: 0; margin-top: 30px; } div.guide-links div.start-div table { width: calc(100% - 20px); background-color: white; } div.guide-links div.start-div h3, div.guide-links div.start-div table li { color: rgb(75,75,75); }*/ .display-block { display: block; } body.home #cmc_toggel_fav { display: none; } /* Primary Header */ header.site-header { box-shadow: 0 1px 15px -7px rgb(0 0 0 / 30%); background-color: white; position: fixed; width: 100%; z-index: 997; max-height: 70px; top: 0; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; transition: all 1000ms; } .scroll-hide-menu { transform: translateY(-60px); -webkit-transform: translateY(-60px); } header.site-header div.primarily-header { max-width: 2000px; margin: 0 auto; height: 75px; position: relative; } header.site-header div.primarily-header div.logo-container { float: left; margin-left: 30px; } header.site-header div.primarily-header div.logo-container a img { max-width: 100%; max-height: 70px; padding: 10px 0px; } /* Navigation Menus */ header.site-header div.primarily-header nav { box-shadow: 0 3px 10px -2px rgba(0,0,0,.1); } header.site-header div.primarily-header nav ul{ list-style: none; width: 500px; margin-left: auto; margin-right: auto; } header.site-header div.primarily-header nav ul.sub-menu { margin-left: 0; overflow: hidden; width: auto; } header.site-header div.primarily-header nav ul li{ float: left; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } header.site-header div.primarily-header nav ul li ul li:hover a { background: rgba(0,0,0,.15); color: black; } header.site-header div.primarily-header nav ul li ul { opacity: 0; visibility: hidden; transition: ; -webkit-transition: opacity 200ms, visibility 200ms; transition: opacity 200ms, visibility 200ms; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-top:10px; } header.site-header div.primarily-header nav ul li:hover > ul{ visibility: visible; opacity: 1; margin-top: 0; } header.site-header div.primarily-header nav ul li { float: left; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } header.site-header div.primarily-header nav ul li a{ display: block; padding: 25px 39px 35px 39px; color: #2b2b2b; text-decoration: none; font-weight: 600; letter-spacing: 1.5px; } header.site-header div.primarily-header nav ul.sub-menu li:last-child > a:after { content: none; } header.site-header div.primarily-header nav ul.sub-menu li:last-child > a { pointer-events: auto; cursor: pointer; } header.site-header div.primarily-header nav ul li ul li > a { font-weight: normal; } header.site-header ul li { text-transform: uppercase; font-size: 15px; } header.site-header ul li ul li { text-transform: capitalize; } header.site-header div.primarily-header nav ul ul{ background: #fff; position: absolute; top: 80px; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); border-radius: 10px; } header.site-header div.primarily-header nav ul ul li{ float: none; position: relative; } header.site-header div.primarily-header nav ul ul li a { padding: 15px 25px; border-bottom: 1px solid rgba(0,0,0,.05); } header.site-header div.primarily-header nav ul ul ul { position: absolute; left: 100%; top:0; } header.site-header div.primarily-header nav ul li ul li:last-child a { color:gray; } /* Search and hamburger Nav */ header.site-header div.primarily-header div.site-btns span.nav-btn { display: none; } header.site-header div.search-container { position: absolute; background-color: rgb(244,244,244); width: 100%; height: 70px; padding-top: 15px; top:86px; display: none; z-index: 999; box-shadow: 0 1px 1px 0 rgba(1,1,1,.15); } header.site-header form { -webkit-appearance: none; margin-right: auto; margin-left: auto; width: 365px; } header.site-header form input { -webkit-appearance: none; width: 260px; border:none; padding: 10px 20px; outline: none; font-size: 16px; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(1,1,1,.15); } header.site-header form input[type=submit] { -webkit-appearance: none; width: 100px; border:none; padding: 10px 20px; cursor: pointer; color:white; outline: none; font-size: 16px; } header.site-header div.primarily-header div.site-btns span.search-btn, header.site-header div.primarily-header div.site-btns span.nav-btn { float: right; padding: 29px 20px 16px 20px; font-size: 22px; margin-right: 80px; } header.site-header div.primarily-header div.site-btns span.search-btn:hover, header.site-header div.primarily-header div.site-btns span.nav-btn:hover { cursor: pointer; } @media only screen and (min-width: 1233px) { header.site-header div.primarily-header div.site-btns span.search-btn { color: rgb(72,72,72); } } header.site-header div.primarily-header div.site-btns span.search-btn:before { font-family: 'FontAwesome'; content: '\f002'; } header.site-header div.primarily-header div.site-btns span.nav-btn:before { font-family: 'FontAwesome'; content: '\f0c9'; } /* site bottom */ div.site-bottom { max-width: 100%; width: 100%; position: relative; display: inline-block; background-color: white; z-index: 98; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); padding-top: 30px; padding-bottom: 30px; } div.site-conversion-box { max-width: 1366px; margin: 0 auto; } div.site-conversion-box table { table-layout:fixed; width: 100%; max-width: 1100px; margin-right: auto; margin-left: auto; margin-top: 30px; margin-bottom: 0px; } div.site-conversion-box table td { padding: 20px; } div.site-conversion-box table td:first-child { width: 30%; } div.site-conversion-box table td:nth-child(2) { width: 45%; } div.site-conversion-box table td:nth-child(3) { width: 25%; } div.site-conversion-box table img { width: 100%; max-width: 300px; height: auto; } div.container-box div.site-conversion-box table h4, div.site-conversion-box table h4 { font-size: 30px; margin-top: 10px; } div.site-conversion-box table p { font-size: 18px; margin-top: 20px; } div.site-conversion-box .star-rating { width: 175px; margin-left: auto; margin-right: auto; } /* page conversion box */ .page-conversion-box { box-shadow: 0px 10px 75px rgba(0,0,0,0.2); padding: 20px 20px 35px 20px; margin: 50px 0px 30px 0px; position: relative; background-color: white; } .page-conversion-box a { text-decoration: none; } .page-conversion-box table { width: 100%; } .page-conversion-box table td { width: 100%; float: left; } .page-conversion-box img { width: 100%; max-width: 300px; height: auto; margin-left: auto; margin-right: auto; display: block; } .page-conversion-box .score { text-align: center; display: block; } div.container-box article.main-div .page-conversion-box h4 { text-align: center; font-size: 30px; margin-top: 10px; } article.main-div div.main-content .page-conversion-box p { text-align: center; font-size: 18px; margin-top: 20px; margin-bottom: 20px; } article.main-div div.main-content .page-conversion-box p.risk-disclaimer { font-size: 12px; } .page-conversion-box button { margin-left: auto; margin-right: auto; display: block; } .page-conversion-box button:hover { opacity: 0.8; } .guide-links .page-conversion-box { float: left; width: 100%; } /* Cloud tags */ div.site-tags { position: relative; display: inline-block; /*background-color: white;*/ width: 100%; z-index: 98; /* margin-top: 30px;*/ } div.site-tags div.tags-container { max-width: 1366px; margin: 0 auto; padding: 80px 20px 90px 20px; text-align: center; } div.site-tags div.tags-container a { background-color: rgba(255,255,255,0.7); } div.site-tags div.tags-container a:first-child { display: none; } /* Footer */ footer { /*margin-top: 30px;*/ clear: both; } footer.site-footer { display: inline-block; background: linear-gradient(264deg,#1b2032c7,#1b2032); width: 100%; color: white; padding-top: 50px; padding-bottom: 50px; z-index: 98; text-shadow: 1px 1px 2px rgba(1,1,1,.15); margin-top: -5px; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); } footer.site-footer div.footer-container { max-width: 1366px; margin: 0 auto; } footer.site-footer h4 { font-size: 18px; margin-bottom: 15px; } footer.site-footer a { text-decoration: none; color: white; } footer.site-footer ul { margin-top: 20px; } footer.site-footer ul li { list-style: none; margin-bottom: 10px; } footer.site-footer div.footer-div-1, footer.site-footer div.footer-div-2, footer.site-footer div.footer-div-3 { width: 33.33333%; float: left; } footer.site-footer div.footer-div-1 > div, footer.site-footer div.footer-div-2 > div, footer.site-footer div.footer-div-3 > div { margin: 0 auto; } footer.site-footer div.footer-div-1 > div { padding-left: 50px; width: 400px; } footer.site-footer div.footer-div-2 > div { width: 340px; padding-left: 80px; } footer.site-footer div.footer-div-3 > div { width: 200px; } footer.site-footer div.international-sites, footer.site-footer div.social-media-menu { margin-top: 30px; } footer.site-footer div.current-language h4 { background-repeat: no-repeat; background-position: left center; background-size: contain; background-color: transparent; display: inline-block; padding-left: 50px; } footer.site-footer ul li a.english, footer.site-footer ul li a.sweden { background-repeat: no-repeat; background-position: left center; background-size: contain; background-color: transparent; display: inline-block; padding-left: 40px; } footer.site-footer div#social-media-footer { width: 100%; float: left; } footer.site-footer ul.social-media li span { padding-left: 35px; } footer.site-footer ul.social-media li a { position: relative; line-height: 1.5em; } footer.site-footer ul.social-media li a:before { font-family: 'FontAwesome'; position: absolute; left: 0; top: 0; display: inline-flex; justify-content: center; width: 25px; height: 25px; margin-right: 10px; background-repeat: no-repeat; background-position: 50% 50%; font-size: 1.5em; } footer.site-footer ul.social-media li a.social-facebook-btn::before { content: '\f09a'; } footer.site-footer ul.social-media li a.social-twitter-btn::before { content: '\f099'; } footer.site-footer ul.social-media li a.social-youtube-btn::before { content: '\f16a'; } footer.site-footer ul.social-media li a.newsletter-btn::before { content: '\f003'; } footer.site-footer div.copyright, footer.site-footer div.disclaimer-box { width: 100%; clear: both; padding-top: 60px; padding-bottom: 30px; } footer.site-footer div.copyright p { text-align: center; margin-bottom: 0; } footer .footer-container .trustpilot { width: 100%; margin-bottom: 60px; display: inline-block; } footer .footer-container .trustpilot > div { max-width: 100%; width: 600px; margin-right: auto; margin-left:auto; display: block; clear: both; float: none; } footer .footer-container .trustpilot img { width: 50%; float: left; } .risk-disclaimer { font-size: 15px; color: #666; text-align: center; margin-bottom: 0px; padding: 20px; } .guide-content .risk-disclaimer, .guide-header .risk-disclaimer { font-size: 15px; } footer .footer-icons, footer .disclaimer { padding-right: 20px; padding-left: 20px; font-size: 12px; max-width: 1200px; margin-right: auto; margin-left: auto; } footer .footer-icons { text-align: center; } footer .footer-icons img { display: inline-block; margin-right: 25px; margin-left: 25px; margin-top: 20px; width: auto; height:35px; } footer div.overlay { z-index: -100; } #signup-footer-header { text-align: center; float: left; width: 100%; margin-top: 100px; } #signup-footer-header, #signup-footer { z-index: 103; } .table-share-content #signup-footer-header { margin-top: 0; } #signup-footer-header h4, #signup-footer-header h5 { padding-left: 30px; padding-right: 30px; } #signup-footer-header h4 { font-size: 40px; font-weight: bolder; color: #4d4f5c; text-shadow: none; } #signup-footer-header h5 { color: #666666; text-shadow: none; margin-top: 30px; margin-bottom: 40px; margin-right: 0; margin-left: 0; word-spacing: 2px; line-height: 1.5em; font-size: 20px; font-weight: 400; } #signup-footer { background-color: white; width: 100%; float: left; margin-top: 100px; margin-bottom: 100px; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); } #signup-footer > div { width: 900px; display: block; margin-right: auto; margin-left: auto; } .signup-footer { width: 900px; display: block; margin-right: auto; margin-left: auto; } .signup-footer > div { background-color: white; width: 100%; float: left; margin-top: 100px; margin-bottom: 20px; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); border-radius: 10px; } #signup-footer .signup-footer-left, #signup-footer .signup-footer-right, .signup-footer .signup-footer-left, .signup-footer .signup-footer-right { float: left; } #signup-footer .signup-footer-left, .signup-footer .signup-footer-left { width: 300px; } #signup-footer .signup-footer-right, .signup-footer .signup-footer-right { width: 550px; padding-left: 50px; } #signup-footer .signup-footer-left .signup-img, .signup-footer .signup-footer-left .signup-img { width: 250px; float: right; } #signup-footer .signup-footer-left .signup-img img, .signup-footer .signup-footer-left .signup-img img { max-width: 100%; margin-top: -100px; -webkit-filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); } #signup-footer .signup-footer-right a, .signup-footer .signup-footer-right a { display: block; text-align: center; padding-top: 20px; } #signup-footer .signup-footer-right button, .signup-footer .signup-footer-right button { margin-left: 30px; margin-right: 30px; width: 350px; } #signup-footer .signup-footer-right .progress-bar, .signup-footer .signup-footer-right .progress-bar { width: 500px; display: block; margin-right: auto; margin-left: auto; } #signup-footer .signup-footer-right p, .signup-footer .signup-footer-right p { margin-bottom: 50px; } /* Signup page */ #signup-header h1 { font-size: 55px; color: #4d4f5c; text-shadow: none; padding-top: 40px; margin-top: 140px; } #signup-header h2 { color: #666666; text-shadow: none; margin-top: 30px; margin-bottom: 40px; margin-right: 0; margin-left: 0; word-spacing: 2px; line-height: 1.5em; } #signup-page { background-color: transparent; box-shadow: none; margin-top: 0; } #signup-page article > div { max-width: 100%; width: 100%; box-shadow: none; background-color: white; float: left; } .signup-div div img { max-width: 330px; float: right; margin-top: -80px; -webkit-filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); margin-right: 60px; margin-left: 40px; } .signup-div ul li { list-style: none; font-size: 20px; margin-bottom: 10px; line-height: 1.5; } .signup-div ul li:before { padding-left: 5px; padding-right: 15px; content: "\f058"; font-family: "FontAwesome"; font-size: 1.5em; color: rgb(113,226,103); text-shadow: rgb(200,200,200) 1px 1px 1px; vertical-align: -10%; } .signup-img, .signup-list { width: 50%; float: left; } .signup-list { padding-top: 40px; padding-bottom: 20px; padding-right: 20px; } #signup img { -webkit-filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); margin-right: auto; margin-left: auto; width: 500px; } .progress-bar { background-color: lightgray; height: 25px; padding: 5px; width: 700px; margin-top: 30px; margin-bottom: 25px; border-radius: 5px; margin-right: auto; margin-left: auto; } .progress-bar span { display: inline-block; height: 100%; border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; transition: width .4s ease-in-out; } #signup-page article > .progress { box-shadow: none; } .progress p { text-align: center; font-size: 15px; color: rgba(0,0,0,0.6); margin-bottom: 35px; } .blue span { background-color: #34c2e3; } .menu-btn-color span { background-color: #fecf23; background-image: linear-gradient(top, #fecf23, #fd9215); } .green span { background-color: #a5df41; background-image: linear-gradient(top, #a5df41, #4ca916); } .stripes span { background-size: 30px 30px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); animation: animate-stripes 3s linear infinite; float: left; } @keyframes animate-stripes { 0% {background-position: 0 0;} 100% {background-position: 60px 0;} } .signup-form { width: 1000px; display: block; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; clear: both; } .signup-form .ml-field-group { float: left; margin: 5px; padding-right: 5px; margin-bottom: 17px; } .signup-form .ml-field-group input { background-color: rgb(238,238,238); color: #333333; border-radius: 4px; font-size: 16px; padding: 15px; min-width: 300px; display: inline-block; margin-top: 23px; margin-bottom: 5px; margin-right: 5px; outline: none; border: none; box-shadow: 0 1px 1px 0 rgba(1,1,1,.15); } button.signup-download { box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); min-width: 300px; display: inline-block; font-size: 20px; margin-left: 20px; padding: 22px 70px 22px 12px; } button.signup-download:after { content: "\f019"; font-weight: 200; padding-top: 22px; padding-left: 25px; padding-right: 25px; } #signup-page button.signup-download { transition: all 0.23s ease-in-out 0s; } .signup-download-page button.signup-download { margin-top: 40px; } .signup-download-page .signup-div div img { margin-bottom: 20px; } .signup-download-page .signup-div div img:hover { cursor: pointer; } #signup-page .ml-form-successContent { text-align: center; } #signup-page .ml-form-successContent h4 { font-size: 30px; margin-bottom: 10px; color: red; } #signup-page .ml-form-successContent p { font-size: 18px; color: red; } .ml-error input { background: url(../images/error-icon.png) 98% center no-repeat #ffffff !important; background-size: 24px 24px !important; } #mlb2-1218042.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p, #mlb2-1218042.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter { color: #ff0000 !important; } .ml-form-recaptcha { margin-bottom: 20px; } .ml-form-recaptcha.ml-error iframe { border: solid 1px #ff0000; } #signup-page article { float: left; width: 100%; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.3); margin-bottom: 50px; } /* Single post */ /*article.main-div div.main-guide-content div.guide-header,*/ article.main-div, div.table div.discussion-container, div.table article.main-div div.main-guide-content div.guide-header > div, div.table .table-section-box .questions, div.review div.related-container, div.review div.discussion-container, div.review div.newsletter-container div.subscribe-container { width: 900px; max-width: 100%; margin-left: auto; margin-right: auto; float: none; clear: both; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); border-radius: 10px; overflow: hidden; } #chart-css article.main-div div.main-guide-content div.guide-header > div { width: 1300px; max-width: 100%; overflow: visible; } div.table div.discussion-container { overflow: hidden; } article.main-div, .comments-area { width: calc(100% - 386px); float: left; margin-bottom: 20px; margin-right: 15px; margin-left: 15px; box-shadow: 0 1px 15px -7px rgba(0,0,0,.2); border-radius: 10px; overflow: hidden; } .comments-area { background-color: rgb(255,255,255); } div.table article.main-div div.main-guide-content div.guide-header > div { background-color: white; padding: 30px 45px; } div.review-bottom-secti.progress-bar { background-color: #1a1a1a; height: 25px; padding: 5px; width: 350px; margin: 50px 0; border-radius: 5px; box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; } .progress-bar span { display: inline-block; height: 100%; border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; transition: width .4s ease-in-out; } .blue span { background-color: #34c2e3; } .menu-btn-color span { background-color: #fecf23; background-image: linear-gradient(top, #fecf23, #fd9215); } .green span { background-color: #a5df41; background-image: linear-gradient(top, #a5df41, #4ca916); } .stripes span { background-size: 30px 30px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); animation: animate-stripes 3s linear infinite; } @keyframes animate-stripes { 0% {background-position: 0 0;} 100% {background-position: 60px 0;} } .comments-area, div.review-bottom-section div.newsletter-container div.subscribe-container, div.review-bottom-section div.related-container, div.review-bottom-section div.discussion-container { width: calc(100% - 386px); margin-left: 20px; } article.main-div div.main-content { padding: 30px 30px 20px 30px; } .single-news article.main-div div.main-content { background-color: white; } article.main-div img { width: 100%; max-width: 600px; height: auto; margin-right: auto; margin-left: auto; display: block; } article.main-div div.article-title-image img { display: block; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; object-fit: cover; } div.container-box article.main-div h1 { font-size: 30px; margin: 0; margin-bottom: 20px; } div.single-news article.main-div h1 { text-transform: none; } div.container-box article.main-div h2 { font-size: 25px; margin-top: 35px; margin-bottom: 35px; } div.table article.main-div div.main-guide-content div.guide-header h2 { font-weight: normal; } div.container-box article.main-div h3 { font-size: 28px; margin-top: 40px; margin-bottom: 25px; text-align: center; padding-bottom: 30px; border-bottom: 1px solid rgba(0,0,0,.1); } div.single-news article.main-div h3 { font-size: 22px; font-weight: 600; text-align: left; border-bottom: none; padding-bottom: 0; } div.container-box article.main-div p.chapter-number { color: #686a6c; font-weight: normal; text-align: center; width: 100%; margin-right: 10px; font-size: 20px; margin-bottom: -20px; margin-top: 50px; } div.container-box article.main-div h4 { font-size: 22px; font-weight: 600; margin-top: 40px; margin-bottom: 25px; } article.main-div div.main-content p { font-size: 16px; font-style: normal; margin-bottom: 10px; color: #686a6c; } div.article-title-image { position: relative; width: 100%; height: 600px; } div.article-meta { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .002) 1.8%, rgba(0, 0, 0, .008) 4.8%, rgba(0, 0, 0, .021) 9%, rgba(0, 0, 0, .042) 13.9%, rgba(0, 0, 0, .075) 19.8%, rgba(0, 0, 0, .126) 27%, rgba(0, 0, 0, .194) 35%, rgba(0, 0, 0, .278) 43.5%, rgba(0, 0, 0, .382) 53%, rgba(0, 0, 0, .541) 66%, rgba(0, 0, 0, .738) 81%, #000 100%); padding: 150px 50px 50px; } div.article-meta p, div.article-meta p a { color: gray; margin: 0; font-size: 15px; } /* Post tags */ div.guide-post-tags { padding: 30px; padding-top: 30px; } div.post-tags { border-top: 1px solid #eee; padding-top: 15px; padding-bottom: 10px; margin-top: 30px; display: inline-block; width: 100%; } div.post-tags span.post-tag a, div.tags-container a { text-decoration: none; display: inline-block; color: #333; background-color: #EBEBEB; font-size: 17px; padding: 9px 15px; margin-right: 10px; margin-top: 10px; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(1,1,1,.15); } div.post-tags span.post-tag a:hover, div.tags-container a:hover { filter: brightness(80%); } /* Related Articles */ div.related-container, div.discussion-container { width: calc(100% - 386px); float: left; background-color: white; margin-bottom: 20px; margin-right: 15px; margin-left: 15px; padding: 20px 45px; box-shadow: 0 1px 15px -7px rgba(0,0,0,.2); border-radius: 10px; } div.related-container { padding-bottom: 0; } #reply-title { font-size: 20px; font-weight: 600; margin-bottom: 10px; } div.related-container div.slot-item-list { width: 33.3333% } /* Comment Layout */ li.comment div.comment-body { position: relative; min-height: 87px; margin-bottom: 48px; padding-top:20px; padding-bottom: 0; padding-left: 120px; padding-right: 100px; } li.comment div.comment-body div.comment-avatar { position: absolute; top: 7px; left: 0; } li.comment div.comment-body div.comment-avatar img.avatar { display: block; height: auto; } li.comment div.comment-body div.comment-info { margin-bottom: 8px; } li.comment div.comment-body div.comment-info cite.fn, li.comment div.comment-body div.comment-info cite.fn a { display: inline-block; color: #000; font-size: 16px; font-weight: 700; font-style: normal; } li.comment div.comment-body div.comment-info span.comment-date { color: #000; font-size: 14px; font-weight: 300; } li.comment div.comment-body div.comment-content-container { } li.comment div.comment-body div.comment-content-container div.comment-content:after { } div.comments-area ul.comment-list { margin-bottom: 20px; list-style: none; } div.comments-area ul.comment-list li.comment { margin-top: 20px; margin-bottom: 10px; list-style: none; } div.comments-area ul.comment-list li.comment ul.children { margin-left: 40px; } div.comments-area h4.comment-title, div.comments-area h4.comment-reply-title { font-size: 20px; } div.comments-area h4.comment-reply-title { margin-bottom: 15px; } div.comments-area h4.comment-reply-title > a { color:black; } div.comment-body p { margin-bottom: 10px; } div.comment-meta .fn, div.comment-meta .fn a { font-weight: bold; color:black; font-style: normal; } div.comments-area p.comment-notes { margin-bottom: 20px; } div.comments-area textarea#comment, div.comments-area input#author, div.comments-area input#email, div.comments-area input#url { -webkit-appearance: none; background-color: rgb(238,238,238); border: none; padding: 10px; font-size: 16px; outline: none; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(1,1,1,.15); } div.comments-area textarea#comment { width: 100%; height: 200px; margin-bottom: 10px; } div.comments-area input#author, div.comments-area input#email, div.comments-area input#url { width: 50%; } div.comments-area input#submit { -webkit-appearance: none; padding: 10px 20px; border:none; font-size: 17px; color: white; margin-top: 10px; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(1,1,1,.15); } div.comments-area input#submit:hover { cursor: pointer; } div.comments-area p.logged-in-as { margin-bottom: 10px; } /* Newsletter container */ div.newsletter-container div.subscribe-container { width: calc(100% - 386px); background-color: rgb(255,255,255); float: left; margin-bottom: 20px; overflow: hidden; margin-right: 15px; margin-left: 15px; box-shadow: 0 1px 15px -7px rgba(0,0,0,.2); border-radius: 10px; } /*div.newsletter-container div.subscribe-container div.subscribe-content { width: calc(100% - 300px); float: left; padding: 55px 50px 0px 50px; } div.newsletter-container div.subscribe-container div.subscribe-form { width: calc(100% - 300px); float: left; padding: 0px 50px 10px 50px; }*/ div.newsletter-container div.subscribe-container div.subscribe-img { position: relative; background-repeat: no-repeat; background-position: center; float: left; width: 100%; height: 220px; background: linear-gradient(0deg,rgba(200,200,200,.6), rgba(255,255,255),rgba(255,255,255)); padding-top: 50px; } div.newsletter-container div.subscribe-container div.subscribe-img img { width: 250px; margin-left: 50px; margin-top: -140px; -webkit-filter: drop-shadow(3px 0px 3px rgba(1,1,1,.35)); filter: drop-shadow(3px 0px 3px rgba(1,1,1,.35)); } div#share-content div.subscribe-container div.subscribe-img img { float: right; margin-right: 50px; margin-top: -130px; } div.newsletter-container div.subscribe-container h4 { font-size: 36px; text-align: left; font-weight: bolder; margin-left: 300px; margin-right: 30px; margin-bottom: 20px; padding-top: 40px; color: #4d4f5c; } div#share-content div.subscribe-container h4 { float: right; margin-left: 30px; margin-right: 320px; } div.newsletter-container div.subscribe-container #subscribe-content-scn { width: 100%; float: left; margin-top: 50px; } div.newsletter-container div.subscribe-container #subscribe-content-scn h5 { font-size: 26px; text-align: center; line-height: 1.5em; word-spacing: 0.1pc; font-weight: 600; margin-bottom: 30px; margin-right: 30px; margin-left: 30px; } div#share-content div.subscribe-container #subscribe-content-scn h5 { font-size: 20px; font-weight: normal; margin-left: 130px; } div.newsletter-container div.subscribe-container #subscribe-content-scn h5:first-child { margin-left: 300px; text-align: left; } div.newsletter-container div.subscribe-container #subscribe-content-scn h5:nth-child(2) { font-size: 20px; font-weight: normal; } div.newsletter-container div.subscribe-container #subscribe-content-scn p { font-size: 15px; color: rgba(0,0,0,.6); text-align: center; } div.newsletter-container div.subscribe-container #subscribe-content-scn button.signup-download { width: calc(100% - 60px); margin-right: 30px; margin-left: 30px; } div.newsletter-container div.subscribe-container #subscribe-content-scn .progress-bar { width: calc(100% - 60px); margin-bottom: 10px; } /* Sidebar Layout */ div.side-bar { width: 326px; margin-right: 20px; margin-left: 10px; float: right; margin-bottom: 20px; z-index: 2; } div.side-bar div.subscribe-container { background-color: rgb(255,255,255); margin-bottom: 20px; overflow: hidden; text-align: center; box-shadow: 0 1px 15px -7px rgba(0,0,0,.2); border-radius: 10px; } div.side-bar div.subscribe-container h4 { font-size: 35px; color: #4d4f5c; margin-right: 15px; margin-left: 15px; } div.side-bar div.subscribe-container h5 { font-size: 22px; color: #666666; margin-right: 15px; margin-left: 15px; line-height: 1.8em; word-spacing: 0.1pc; margin-bottom: 10px; } div#share-content-sidebar h4 { font-size: 30px; } div#share-content-sidebar h5, div.side-bar div.subscribe-container h5:nth-child(2) { font-size: 17px; font-weight: normal; } div.side-bar div.subscribe-container div.subscribe-img { width: 100%; height: 280px; background: linear-gradient(0deg,rgba(200,200,200,.6), rgba(255,255,255),rgba(255,255,255)); padding-top: 20px; } div.side-bar div.subscribe-container div.subscribe-img img { max-height: 200px; margin: 0 auto; display: block; -webkit-filter: drop-shadow(3px 0 3px rgba(1,1,1,.35)); filter: drop-shadow(3px 0 3px rgba(1,1,1,.35)); margin-top: 10px; } div.side-bar div.subscribe-container div#subscribe-content { margin-top: 70px; } div.side-bar div.subscribe-container div#subscribe-content .progress-bar + p { font-size: 15px; color: rgba(0,0,0,.6); } div.side-bar div.subscribe-container .signup-download { width: 100%; max-width: 130px; margin-left: 10px; margin-right: 10px; font-size: 18px; } div.side-bar div.subscribe-container .progress-bar { width: calc(100% - 40px); margin-top: 30px; margin-bottom: 10px; } div.side-bar div.subscribe-container .stripes span { float: left; } div#subscribe-content .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, div#subscribe-content .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 { text-align: center; font-weight: bold; } div#subscribe-content .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 60%; } div#subscribe-content .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 40%; } div.side-bar div.tags-container, div.side-bar div.changelly-container { background-color: rgb(255,255,255); /*border: 1px solid rgb(234, 234, 234);*/ box-shadow: 0px 20px 150px #d6dee4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 20px 20px 20px 20px; margin-bottom: 20px; overflow: hidden; } div.side-bar div.navigation-container-guide { padding: 20px 20px 20px 20px; margin-bottom: 20px; width: 356px;chart position: fixed; top: 105px; margin-left: 80px; } div.side-bar div.navigation-container-guide h4 { margin-left: 10px; } div.side-bar div.navigation-container-review { padding: 10px 20px 0px 20px; margin-bottom: 20px; width: 356px; position: fixed; top: 105px; margin-left: 80px; z-index: 1; } div.side-bar div.navigation-container-review > img { max-width: 100%; max-height: 80px; margin-right: auto; margin-left: auto; display: block; } div.side-bar div.navigation-container-review div.review-btn h4 { font-size: 14px; margin-left: 10px; } /*div.side-bar div.navigation-container-review div.review-section-btn button { width: 138px; margin-bottom: 10px; margin-top: 5px; } div.side-bar div.navigation-container-review div.review-section-btn button:nth-child(2) { margin-left: 5px; } div.side-bar button.click-btn { position: relative; top: 0; margin-top: 0; margin-bottom: 5px; box-shadow: 0 5px 0 0 rgb(187, 87, 17); display: inline-block; border: 0; cursor: pointer; border-radius: 5px; width: 250px; padding: 10px 5px; font-size: 12px; } div.side-bar button.click-btn-1 { color: white; background-color: rgb(247, 147, 27); box-shadow: 0 5px 0 0 rgb(187, 87, 17); } div.side-bar button.click-btn-2 { color: black; background-color: #E8E8E8; box-shadow: 0 5px 0 0 rgb(144, 144, 144); } div.side-bar div.review-section-btn button.click-btn-2:before { content: "\f040"; font-family: "FontAwesome"; margin-right: 5px; } div.side-bar div.review-section-btn button.click-btn-2:hover { opacity: 0.8; } div.side-bar div.review-section-btn button a { text-decoration: none; color:white; } div.side-bar div.review-section-btn button a:hover { opacity: 1; } */ /* Post type press release */ body.single-press article.main-div, body.single-press div.related-container { max-width: 100%; width: 900px; margin-left: auto; margin-right: auto; float: none; background-color: white; } body.single-press article.main-div hr { border: 1px solid #eee; } body.single-press div.related-container { background-color: rgb(244,244,244); box-shadow: none; } body.single-press article.main-div img { margin-top: 40px; margin-bottom: 40px; border-radius: 0px; } div.side-bar div.guide-btn, div.side-bar div.guide-icon { opacity: 0.7; } .hide-div { visibility: hidden; opacity: 0; -moz-transition: all 100ms linear; -webkit-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .show-div-right { visibility: visible; opacity: 1; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; transition: all 1000ms; transform: translateX(-100px); -webkit-transform: translateX(-100px); } .show-div-left { visibility: visible; opacity: 1; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; transition: all 1000ms; transform: translateX(100px); -webkit-transform: translateX(100px); } .show-div-top { visibility: visible; opacity: 1; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; transition: all 1000ms; /* transform: translateY(100px); -webkit-transform: translateY(100px);*/ } div.side-bar div.tags-container { padding: 20px 20px 30px 20px; } div.side-bar div.exchange-container { margin-bottom: 20px; overflow: hidden; box-shadow: 0 1px 15px -7px rgba(0,0,0,.2); border-radius: 10px; } /*div.side-bar div.changelly-container img { margin-right: auto; margin-left: auto; display: block; margin-bottom: 20px; } div.side-bar div.changelly-container #changellyModal { padding-top: 150px; z-index: 105; }*/ div.side-bar div.navigation-container img { max-height: 100px; width: auto; display: block; margin-right: auto; margin-left: auto; } /*div.side-bar div.exchange-container iframe { margin-bottom: 20px; padding-bottom: 45px; } div.side-bar div.exchange-container span { line-height: 0; } div.side-bar div.exchange-container .tv-embed-widget-wrapper__body { border:none; }*/ div.side-bar div.exchange-container ul { list-style: none; height: auto; } div.side-bar div.exchange-container ul li { width: 100%; float: left; border: 1px solid #ddd; } div.side-bar div.exchange-container ul li:nth-child(odd) { background-color: rgb(248, 248, 248); } div.side-bar div.exchange-container ul li div { width: 50%; float: left; text-align: center; } div.side-bar div.exchange-container ul li div a { display: inline-block; width: 100%; height: 115px; text-decoration: none; padding: 10px; } div.side-bar div.exchange-container ul li div p { margin-top: 15px; margin-bottom: 10px; margin-right: 10px; } div.side-bar div.exchange-container ul li div .read-review { margin-top: 75px; margin-left: -115px; position: absolute; } div.side-bar div.exchange-container ul li div .read-review a { text-decoration: underline; color: #666; padding:0; height: 20px; } div.side-bar div.exchange-container ul li div .number-score { font-size: 25px; color: black; } div.side-bar div.exchange-container ul li div .score { font-size: 25px; } div.side-bar div.exchange-container ul img { max-width: 100%; max-height: 60px; padding: 15px 10px 0px 10px; margin-bottom: 40px; } div.side-bar h4.sidebar-title { font-size: 20px; text-align: center; color: white; padding-top: 20px; padding-bottom: 20px; text-shadow: 0 1px 2px rgb(1 1 1 / 10%); } div.review-sidebar { overflow: hidden; box-shadow: 0 1px 15px -7px rgba(0,0,0,.2); border-radius: 10px; } div#review-sidebar { position: absolute; right: 0; } div.review-sidebar .row { width: 100%; margin: 0; box-shadow: 3px -3px 3px #d6dee4, 3px 3px 3px #d6dee4; } div.review-sidebar .accordion, div.review-top-div .accordion, div.review-content-div .accordion, div.review-pros-cons .accordion { font-size: 19px; color: black; font-weight: normal; background-color: rgb(248, 248, 248); box-shadow: 3px 3px 3px #d6dee4; } button.active + div.panel { max-height: 10000px; } div.review-sidebar .accordion:after, div.review-top-div .accordion:after, div.review-content-div .accordion:after { color: black; } div.review-sidebar .accordion:after, div.review-top-div .accordion:after, div.review-pros-cons .accordion:after { margin-top: 0px; } div.review-sidebar .panel p { margin-top: 20px; font-size: 15px; } div.review-sidebar .panel p span { font-weight: bold; } /* Slots Layout */ div.single-news .article-title-image h1, div.single-press .article-title-image h1 { color: white; text-shadow: 1px 1px 2px rgba(1,1,1,.35); } div.container-box h1 { margin-bottom: 30px; margin-top: 20px; color: black; } div.slot-item-list { width: 25%; float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } div.slot-item-list:last-child { margin-bottom: 30px; } div.slot-item-list div.slot-item { z-index: 100; min-height: 310px; position: relative; border-radius: 10px; margin: 0 0 25px 0; overflow: hidden; box-shadow: 0 1px 1px 0 rgba(1,1,1,.15); } div.slot-item-list div.slot-item a.slot-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 101; } div.slot-item-list div.slot-item div.slot-image { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-color: white; /*transition: 0.5s;*/ transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; } .single-news div.slot-item-list div.slot-item div.slot-image, #news-page div.slot-item-list div.slot-item div.slot-image { background-size: cover; } body.page-template-page-press div.slot-item-list div.slot-item div.slot-image { width: calc(100% - 40px); } body.page-template-page-press div.slot-item-list div.slot-item div.slot-image { background-size: contain !important; margin: 20px; } div.slot-item-list div.slot-item:hover div.slot-image { transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); /* IE 9 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ } div.slot-item-list div.slot-review div.slot-image { background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; transition: 0.5s; background-color: white; border-top: 50px solid white; border-bottom: 80px solid white; border-right: 20px solid white; border-left: 20px solid white; } div.slot-item-list div.slot-item div.slot-tint { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; } div.slot-item-list div.slot-item div.slot-front { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; text-align: center; -webkit-transition: 1s; -webkit-backface-visibility: hidden; } div.slot-item-list div.slot-item div.slot-front a.slot-btn { font-size: 1.4em; top: 0; left: 0; color: #fff; margin: 0; position: absolute; bottom: 0; width: 100%; display: block; text-decoration: none; padding: 15px 5%; -webkit-transition: 0.2s; -webkit-border-radius: 0 0 3px 3px; -webkit-box-shadow: 0px 3px 0px 0px rgb(7, 70, 50); cursor: auto; } div.slot-item-list div.slot-item div.slot-front div.slot-meta { position: absolute; bottom: 7%; text-align: center; width: 100%; display: block; cursor: pointer; } div.slot-item-list div.slot-item div.slot-front div.slot-meta span.slot-meta-info { font-size: 16px; color: #fff; display: block; text-align: center; cursor: pointer; padding-left: 15px; padding-right: 15px; opacity: 0.9; } /* Search result page */ h2.content-slots { margin-bottom: 20px; } /* Content slots code */ div.index-box { margin-bottom: 20px; } div.slot-container { width: 100%; padding-left: 10px; padding-right: 10px; max-width: 1366px; margin: 0 auto; } /* Advertise page */ #advertise-page { background-color: transparent; box-shadow: none; margin-top: 0; padding-top: 0; } #advertise-page article > div { max-width: 100%; width: 100%; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.3); background-color: white; float: left; } .advertise-div-1 { margin-bottom: 150px; } .advertise-div-1 div { padding-top: 45px; padding-left: 50px; padding-right: 50px; width: 50%; float: left; } .advertise-div-1 div:last-child { padding-bottom: 20px; padding-top: 30px; } .advertise-div-1 div img { max-width: 450px; float: right; margin-right: 10%; margin-top: -110px; } .advertise-div-1 ul li { list-style: none; font-size: 20px; margin-bottom: 10px; line-height: 1.5; } .advertise-div-1 ul li:before { padding-left: 5px; padding-right: 15px; content: "\f058"; font-family: "FontAwesome"; font-size: 1.5em; color: rgb(66,150,240); text-shadow: rgb(200,200,200) 1px 1px 1px; vertical-align: -10%; } .advertise-div-2 { margin-bottom: 100px; padding-bottom: 50px; } .advertise-div-2 > div { max-width: 1366px; margin: 0 auto; margin-top: -71px; } .advertise-div-2 div table { width: calc(33.33% - 40px); float: left; box-shadow: 0 10px 75px rgba(0,0,0,.2); border-radius: 10px 10px 0 0; overflow: hidden; margin-right: 20px; margin-left: 20px; font-size: 15px; border-collapse: collapse; } .advertise-div-2 div table th { padding: 20px; text-align: center; color: white; background-color: rgba(45,45,45,.8); } .advertise-div-2 div table td { padding: 30px; } .advertise-div-2 div table td button { margin-right: auto; margin-left: auto; display: block; } .advertise-div-2 div table p { margin-bottom: 0; } .advertise-div-2 div table h4 { margin-bottom: 15px; font-size: 18px; } .advertise-div-2 div table tr:last-child td a { text-decoration: none; } .advertise-div-2 ul { margin-left: 10px; } .advertise-div-2 ul li { list-style: none; margin-top: 5px; margin-bottom: 5px; line-height: 1.5; } .advertise-div-2 ul li:before, article.info-content ul li:before { padding-right: 15px; content: "\f058"; font-family: "FontAwesome"; font-size: 1.5em; color: rgb(113,226,103); text-shadow: rgb(200,200,200) 1px 1px 1px; vertical-align: -10%; } .advertise-div-2 div table tr:nth-last-child(2) p { margin-left: 20px; } .advertise-div-3 { padding-top: 50px; padding-bottom: 50px; } .advertise-div-3 h3 { font-size: 35px; margin-bottom: 50px; margin-top: 20px; } /* Info page */ div.info-header { width: 100%; } div.info-header-dark { width: 100%; background: linear-gradient(264deg,#1b2032c7,#1b2032); padding-bottom: 80px; overflow: hidden; } div.info-header a { text-decoration: none; } div.info-header + div.container-box { max-width: 100%; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.3); padding-top: 80px; background-color: white; float: left; width: 100%; margin-top: 80px; } div.info-header-dark + div.container-box { margin-top: 0; } #info-page { padding-top: 0; } footer div.overlay { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; } div.info-header h1, div.info-header h2 { text-align: center; font-size: 45px; color: black; /* text-shadow: 1px 1px 2px black;*/ padding-right: 20px; padding-left: 20px; } div.info-header h1 { padding-top: 180px; /* text-transform: uppercase;*/ } div.info-header-dark h1 { color: white; letter-spacing: 1.5px; } div.info-header h2 { font-size: 25px; margin-top: 20px; font-weight: normal; margin-right: 15px; margin-left: 15px; } div.info-header-dark h2 { color: #bababa; font-size: 20px; } #comparisontable { margin-top: 110px; margin-bottom: 20px; } div#comparisontable .alinks { padding-bottom: 20px; } #cryptoprice { padding-top: 20px; float: none; overflow: hidden; margin-top: 50px; } div#crypto-header h1 { font-size: 40px; margin-top: 120px; margin-bottom: 15px; padding-top: 40px; font-weight: bolder; color: #4d4f5c; text-shadow: none; } div#crypto-header h2 { font-size: 22px; margin-bottom: 30px; margin-top: 0; } div#crypto-header h2 span { font-size: 18px; text-transform: uppercase; color: rgba(45,45,45,0.8); } article.cryptoprice-content { padding-bottom: 20px; max-width: 1366px; margin: 0 auto; padding-right: 20px; padding-left: 20px; } article.cryptoprice-content > div { padding: 15px; padding-bottom: 10px; } article.cryptoprice-content div#before-expand-content { height: 130px; overflow: hidden; } article.cryptoprice-content div#expand-content { height: 80px; background-color: rgba(255, 255, 255, 0.85); margin-top: -75px; padding-top: 50px; position: relative; font-size: 16px; text-align: center; cursor: pointer; font-weight: 600; text-shadow: rgb(200, 200, 200) 1px 1px 1px; color: #686a6c; } article.cryptoprice-content div#expand-content i { margin-right: 10px; } article.cryptoprice-content .questions > h3, #comparisontable .questions > h3 { text-align: center; font-size: 25px; margin-bottom: 30px; margin-top: 35px; } article.cryptoprice-content .questions, div#comparisontable .table-section-box .questions { margin-bottom: 50px; box-shadow: none; width: 900px; max-width: 100%; margin-right: auto; margin-left: auto; padding: 15px; } div#comparisontable .table-section-box .questions { padding-right: 0; padding-left: 0; } div#comparisontable .table-section-box .questions div { max-width: 100%; } #cryptos { padding-top: 40px; margin-top: 70px; } #cryptos .crypto-btn-2 { color: black; } .cmc_coin_details { width: 100%; } .cmc_coin_details li { margin: 0 !important; } .cmc_coin_details li:nth-of-type(1) { display: none; } .cmc_coin_details li { min-height: 100px; width: 16.66%; max-width: none; margin: 0; padding: 10px; } .cmc_coin_details li:nth-of-type(1) { padding-left: 0; } .cmc_coin_details li:last-child { padding-right: 0; } .cmc-coin-info { font-size: 16px; line-height: 1.65em; margin-bottom: 20px; letter-spacing: .3px; text-align: center; } article.cryptoprice-content ul li { margin: 0; } #cryptos-header { padding-top: 170px; padding-right: 10px; padding-left: 10px; text-align: center; } #cryptos-header div { margin-bottom: 30px; } #cryptos-header div:nth-child(2) { margin-bottom: 15px; } #cryptos-header div h1, #cryptos-header div img { padding-top: 0; display: inline; } #cryptos-header div img { height: auto; width: 60px !important; margin-right: 20px; margin-bottom: -20px; } article.info-content h2:first-child, article.cryptoprice-content h2:first-child { margin-top: 0; } article.info-content { padding-bottom: 80px; max-width: 900px; margin: 0 auto; padding-right: 20px; padding-left: 20px; padding-top: 50px; } .info-content div.wpcf7 form { max-width: 700px; margin: 20px auto 0 auto; padding-right: 20px; padding-left: 20px; } .info-content div.wpcf7 textarea, .info-content div.wpcf7 input { background-color: rgb(238,238,238); border: none; padding: 10px; font-size: 16px; outline: none; margin-bottom: 10px; border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(1,1,1,.15); font-family: open sans,sans-serif; } .info-content div.wpcf7 textarea, .info-content div.wpcf7 input[name="your-subject"] { width: 100%; max-width: 700px; } .info-content div.wpcf7 input[name="your-name"] { margin-right: 10px; } .info-content div.wpcf7 input[name="your-name"], .info-content div.wpcf7 input[name="your-email"] { width: calc(50% - 5px); max-width: 345px; float: left; } .info-content div.wpcf7 input.wpcf7-submit { -webkit-appearance: none; padding: 10px 20px; border: none; font-size: 17px; color: white; width: 200px; margin-top: 30px; } .info-content div.wpcf7 input.wpcf7-submit:hover { cursor: pointer; } /* 404 page */ div.container-box div.error-page h1 { text-align: center; font-size: 40px; margin: 80px 20px 30px 20px; } div.container-box div.error-page h3 { font-size: 22px; text-align: center; margin: 0px 20px 40px 20px; } div.container-box div.error-page form { -webkit-appearance: none; margin-right: auto; margin-left: auto; width: 365px; margin-bottom: 100px; } div.container-box div.error-page form input { -webkit-appearance: none; width: 260px; border:none; padding: 10px 20px; outline: none; font-size: 16px; } div.container-box div.error-page form input[type=submit] { -webkit-appearance: none; width: 100px; border:none; padding: 10px 20px; cursor: pointer; color:white; outline: none; font-size: 16px; } /* Guide Page */ /* Table Page */ div#express-widget { max-width: 350px; margin-right: auto; margin-left: auto; padding: 20px 10px 20px 10px; border-radius: 10px; margin-bottom: 30px; position: relative; z-index: 10; } body.home div#express-widget { float: right; width: 100%; } div#express-widget > img { margin-bottom: 15px; max-width: 400px; width: 100%; } div#express-widget a { text-decoration: none; } div#express-widget p { color: #bababa; font-size: 12px; text-align: left; margin-top: 30px; margin-bottom: 10px; max-width: 380px; margin-right: auto; margin-left: auto; } #express-widget div.buy-crypto-coins, #express-widget div.buy-crypto-methods, #express-widget div.buy-crypto-amount { position: relative; height: 60px; } #express-widget ul { height: 50px; width: 100%; background-color: #f2f2f2; letter-spacing: 0em; font-size: 17px; line-height: 30px; list-style: none; padding: 0; border-radius: 3px; margin-right: auto; margin-left: auto; margin-bottom: 12px; position: absolute; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.3); } #express-widget ul li.init { height: 50px; cursor: pointer; margin: 0; border-radius: 3px; overflow: hidden; position: relative; z-index: 4; } #express-widget ul li.init:after { content: '\f107'; font-family: 'FontAwesome'; margin-left: 10px; float: right; margin-right: 5px; } #express-widget ul li.choice-done:after { content: "\f058"; color: #56ca8d; } #express-widget ul li.choice-done:hover { cursor: auto; color: black; } #express-widget div.buy-crypto-amount ul li { padding-left: 25px; } #express-widget ul li { padding: 10px 15px; text-indent: 0; z-index: 10; height: 50px; cursor: pointer; width: 100%; background-color: white; color: black; position: relative; z-index: 5; } @media (hover: hover) and (pointer: fine) { #express-widget ul li:hover { background-color: rgb(225, 225, 225); } } #express-widget ul li:not(.init):nth-child(2) { margin-top: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #express-widget ul li:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #express-widget ul li img { float: left; box-shadow: none; -webkit-filter: none; filter:none; margin-right: 8px; } #express-widget ul.buy-crypto-coins li img { max-width: 35px; margin-top: -2px; } #express-widget ul.buy-crypto-methods li img { max-width: 50px; margin-top: 0px; } #express-widget ul.buy-crypto-coins { z-index: 10; } #express-widget ul.buy-crypto-methods { z-index: 9; } #express-widget ul.buy-crypto-amount { z-index: 8; } #express-widget ul li:before { content: none; } #express-widget ul li:not(.init) { width: 100%; display: none; margin: 0px; } div.table-section-box { display: inline-block; width: 100%; } div.table #share-content > div { max-width: 900px; margin-left: auto; margin-right: auto; } div.table #share-content .subscribe-container { width: 100%; margin: 0 0 20px 0; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); border-radius: 10px; } .page-scroll-indicator { width: 100%; height: 5px; position: absolute; bottom: 70px; z-index: 999; } .page-progress { width: 0%; height: 5px; } body > div.table { padding-top: 0; } div.table div.table-container { max-width: 1366px; margin: 0 auto; display: block; position: relative; } div.table div.side-bar div.navigation-container-guide { padding: 20px 20px 20px 20px; margin-bottom: 20px; width: 356px; position: fixed; top: 105px; margin-left: 80px; z-index: 1; } div.table div.guide-sections-container { width: 900px; max-width: 100%; margin-left: auto; margin-right: auto; } div.table div.guide-sections-container > div { display: block; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); border-radius: 10px; overflow: hidden; } div.table div.guide-sections-container div.guide-overview { box-shadow: none; } div.table div.guide-sections-container div.guide-overview p { font-size: 16px; } div.table, div.review { width: 100%; max-width: 100%; padding: 0; } div.table article.main-div { width: 100%; margin: 0; box-shadow: none; overflow: visible; } div.table .side-bar div.exchange-container, div.table .side-bar div.subscribe-container, div.table div.guide-post-tags { display: none; } div.table article.main-div div.main-guide-content div.guide-header { width: 100%; margin: 0 auto; display: block; float: none; position: relative; z-index: 2; } div.container-box article.main-div .gold, div.table article.main-div div.main-guide-content div.table-section-box h2 { font-size: 35px; text-align: center; margin-top: 50px; margin-bottom: 100px; word-spacing: 4px; text-transform: uppercase; padding-right: 15px; padding-left: 15px; font-weight: bolder; color: #4d4f5c; } div.container-box article.main-div .gold { margin-top: 0px; } div.container-box article.main-div .gold span, div.table article.main-div div.main-guide-content div.table-section-box h2 span { color: rgba(45,45,45,0.8); background: none; -webkit-text-fill-color: rgba(45,45,45,0.8); display: inline-block; text-transform: uppercase; font-size: 25px; font-weight: normal; vertical-align: middle; line-height: 1em; margin-top: -5px; } div.slim .table-section-rows, div.wide .table-section-rows, div.wide .table-section-rows, div.slim .table-intro, div.wide .table-intro { display: none; } div.table-share-content, div.table .related-container { display: none; } div.table .table-share-content, div.table .table-related-guides .related-container { display: block; width: 100%; margin: 0; box-shadow: none; float: left; } div.table .table-related-guides .related-container { width: 900px; margin-right: auto; margin-left: auto; background-color: white; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); border-radius: 10px; } div.table-related-guides { width: 100%; position: relative; } div.table div.table-related-guides { display: inline-block; } div.table-related-guides > div { max-width: 900px; margin-left: auto; margin-right: auto; } div.table article.main-div div.main-guide-content div.table .table-section-box { float: left; width: 100%; } section.questions div { max-width: 900px; margin: 0 auto; } div.table .questions p, div.table .questions ul li, div.table .questions ol li { color: #686a6c; font-size: 14px; } div.table .explore { padding-left: 30px; padding-right: 30px; } div.table .compare { margin-bottom: 50px; margin-top: 70px; } div.table .questions h2 { margin-top: 0; } div.table .questions { background-color: white; margin-bottom: 20px; padding: 20px 45px; padding-bottom: 60px; box-shadow: 0 1px 15px -7px rgb(0 0 0 / 30%); } .single div.table .questions { margin-bottom: 20px; } div.table .compare, div.table .prices, div.table .explore, div.table .alinks { background-color: white; padding-top: 40px; padding-left: 20px; padding-right: 20px; padding-bottom: 60px; margin-bottom: 100px; box-shadow: 0 1px 15px -7px rgb(0 0 0 / 30%); } #comparisontable .alinks { margin-bottom: 0; } div.table .alinks { padding-top: 100px; position: relative; } div.table .top-div { padding-top: 30px; padding-bottom: 30px; padding-left: 0; padding-right: 0; margin-bottom: 80px; background-color: white; box-shadow: 0 1px 15px -7px rgb(0 0 0 / 30%); } div.table .prices > div { max-width: 1366px; margin: 0 auto; border-radius: 10px 10px 0 0; overflow: hidden; margin-top: -103px; } div.table .prices div[id*=cmc_].dataTables_wrapper { height: auto; min-height: 645px; box-shadow: none; } div.table .prices .cmc_price_conversion, div.table .prices .cmc_search, div.table .prices div[id*=cmc_].dataTables_wrapper div.dataTables_paginate { display: none; } div#custom-templates.cmc_search { width: 150px; } div.table .prices thead { background-color: rgba(0,0,0,0); } div.table .prices div[id*=cmc_].dataTables_wrapper table.table-bordered.dataTable th { background-color: rgba(45,45,45,0.8); color: white; font-size: 15px; padding: 10px 15px; font-weight: normal; border-bottom: none; } div.table .prices .table, div[id*=cmc_].dataTables_wrapper table.dataTable { background-color: none; background: none; } div.prices div.show-more button { margin-top: 20px; } div.table-best-site-bottom { background-color: white; padding-top: 40px; padding-bottom: 80px; margin-bottom: 40px; margin-top: 40px; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.3); float: left; display: none; width: 100%; } div.table-best-site-bottom a { text-decoration: none; } div.table div.table-best-site-bottom { display: block; position: relative; z-index: 103; } div.table-best-site-bottom div.site-conversion-box table { margin-top:0; margin-bottom: 0; } div.table-best-site-bottom div.site-conversion-box table td:nth-child(2) { padding-left: 50px; } div.table-best-site-bottom div.site-conversion-box table h4 { margin-bottom: 35px; } div.table-best-site-bottom .pros ul li { list-style: none; font-size: 18px; margin-left: 45px; margin-bottom: 15px; } div.table-best-site-bottom table span.score { font-size: 35px; } div.table-best-site-bottom table tr:nth-child(2) { display: none; } div.table-best-site-bottom .fa:before { vertical-align: -15%; } div.table-best-site-bottom table tr td:last-child p { color: #666; font-size: 15px; margin-bottom: 0; margin-top: 20px; text-align: center; } div.crypto-widget-ccpw-ticker-cont { margin-bottom: 60px; } div.table .compare > div, div.table .explore > div { max-width: 1366px; margin-right: auto; margin-left: auto; clear: both; float: none; } div.table .compare div:last-child, div.table .explore div:last-child { float: none; clear: both; } div.container-box article.main-div .questions > h3, div.related-container h4, div.discussion-container h4 { font-size: 30px; text-align: center; margin-bottom: 30px; font-weight: bold; margin-top: 40px; border-bottom: none; padding:0; color: #4d4f5c; } div.table .explore .explore-div, div.table .compare .compare-div { width: calc(33.33% - 120px); float:left; border-radius: 15px; margin-top: 30px; margin-bottom: 30px; margin-right: 60px; margin-left: 60px; background-color: white; box-shadow: 0 1px 15px -7px rgb(0 0 0 / 30%); } div.table .explore .explore-div:hover, div.table .compare .compare-div:hover { cursor: pointer; } div.container-box article.main-div .explore .explore-div h2, div.container-box article.main-div .compare .compare-div h2 { /* background: -webkit-linear-gradient(rgb(66,150,240), #002d3f); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ font-size: 25px; color: #4d4f5c; text-align: center; font-weight: bold; margin-top: 35px; margin-bottom: 0; } div.container-box article.main-div .explore .explore-div:hover, div.container-box article.main-div .compare .compare-div:hover { opacity: 0.8; -webkit-filter: none; filter: none; } div.table .compare .compare-div .fa, div.table .explore .explore-div .fa { width: 100%; text-align: center; font-size: 80px; color: #4d4f5c; } div.table .compare .compare-div img, div.table .explore .explore-div img { padding-top: 30px; height: 150px; width: auto; margin-right: auto; margin-left: auto; display: block; -webkit-filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); } div.table .explore .explore-div img { min-height: 250px; } div.table .crypto-link-btn { margin-right: auto; margin-left: auto; display: block; min-width: 250px; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); } div.table .explore a, div.table .compare a { text-decoration: none; float: left; width: 100%; padding: 30px; } div.side-bar div.subscribe-container .signup-download::before, #signup-footer .signup-footer-right button::before, div.page-conversion-box button.review-link-btn::before, article.review-page div.section-click-last button::before, article.review-page .dropdown-conversion::before, article.review-page div.review-section-btn div:first-child button::before, .guide-link-btn::before, #chart-css .chart-link button.chart-link-btn::before, div.table-best-site-bottom button.review-link-btn::before, div.alinks-table tr button.table-top-conversion::before, div.info-header button.submit-company::before, div.submit-your-company button.submit-company::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 1; -webkit-transform: translate(-105%,0); transform: translate(-105%,0); border-right-width: 1px; border-right-style: solid; border-right-color: rgba(255,255,255,1); background-color: rgba(255,255,255,0.25); } div.side-bar div.subscribe-container .signup-download:hover::before, #signup-footer .signup-footer-right button:hover::before, div.page-conversion-box button.review-link-btn:hover::before, article.review-page div.section-click-last button:hover::before, article.review-page .dropdown-conversion:hover::before, article.review-page div.review-section-btn div:first-child button:hover::before, .guide-link-btn:hover::before, #chart-css .chart-link button.chart-link-btn:hover::before, div.table-best-site-bottom button.review-link-btn:hover::before, div.alinks-table tr button.table-top-conversion:hover::before, div.info-header button.submit-company:hover::before, div.submit-your-company button.submit-company:hover::before { opacity: 0; -webkit-transform: translate(0,0); transform: translate(0,0); } div.side-bar div.subscribe-container .signup-download:hover, #signup-footer .signup-footer-right button:hover, div.page-conversion-box button.review-link-btn:hover, article.review-page div.section-click-last button:hover, article.review-page .dropdown-conversion:hover, article.review-page div.review-section-btn div:first-child button:hover, .guide-link-btn:hover, #chart-css .chart-buttons-div a.chart-link:hover, div.table-best-site-bottom button.review-link-btn:hover, div.alinks-table tr:first-child button.table-top-conversion:hover, div.table div.focus-page .review-link-btn:hover, div.table .crypto-link-btn:hover, div.table button.review-link-btn:hover, div.info-header button.submit-company:hover, div.submit-your-company button.submit-company:hover { opacity: 0.9; } div.table .alinks .alinks-table { width: 100%; } div.table .alinks .alinks-table p a, div.table-best-site-bottom p a { text-decoration: underline; color: #b9b9b9; } div.table .alinks .alinks-table a { text-decoration: none; } div.table .alinks .alinks-table .star-rating + a { text-decoration: underline; } div.table .alinks .alinks-table > div { max-width: 1366px; margin: 0 auto; border-radius: 10px 10px 0 0; margin-top: -170px; } body.home div.table .questions > div { box-shadow: 0 1px 15px -7px rgb(0 0 0 / 30%); margin-top: -80px; } div.table .alinks .alinks-table table { width: 100%; text-align: center; font-size: 16px; border-collapse: collapse; border-spacing: 0 10px; } div.table .alinks .alinks-table table td:last-child { border-bottom-right-radius: 10px; border-top-right-radius: 10px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 260px; } div.table .alinks .alinks-table table tr { overflow: hidden; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.3); display: block; margin-bottom: 10px; position: relative; } div.table .alinks .alinks-table table tr th, div.table .alinks .alinks-table table tr td { min-width: 100px; } div.table .alinks .alinks-table table tr.risk-disclaimer-row { box-shadow: none; border: none; text-align: center; } div.table .alinks .alinks-table table tr.risk-disclaimer-row td { width: 100%; } div.table .alinks .alinks-table table tr.payment-and-availability td:last-child { width: 515px; position: relative; top: 0; right: 0; transform:none; } div.table .alinks .alinks-table table th span { display: none; } div.table .alinks .alinks-table table td { border-collapse:collapse; } div.table .alinks .alinks-table table th:first-child { padding: 20px; } div.table .alinks .alinks-table table th { padding: 10px 15px; font-weight: normal; text-align: center; } div.table .alinks .alinks-table table td { padding: 15px; } div.table .alinks .alinks-table table td:nth-child(2) { min-width: 230px; } div.table .alinks .alinks-table table thead tr { box-shadow: none; border: none; border-radius: 10px; background: linear-gradient(264deg,rgba(71,74,87,0.8),rgba(29,32,49,0.8)); } div.table .alinks .alinks-table table thead tr th { overflow: hidden; min-width: 100px; font-weight: 600; } div.table .alinks .alinks-table table thead tr th:nth-child(2) { min-width: 240px; } div.table .alinks .alinks-table table thead tr th:nth-child(3) { min-width: 150px; } div.table .alinks .alinks-table table thead tr th:nth-child(7) { min-width: 250px; } div.table .alinks .alinks-table table thead tr th:first-child { border-top-left-radius: 10px; } div.table .alinks .alinks-table table thead tr th:last-child { border-top-right-radius: 10px; } div.table .alinks .alinks-table table thead { /* background-color: rgba(45,45,45,0.8);*/ color: white; font-size: 15px; } div.table .alinks .alinks-table table tbody { /*box-shadow: 0px 0px 0px #d6dee4, inset 0 0 5px #d6dee4; -webkit-box-shadow: 0px 0px 0px #d6dee4, inset 0 0 5px #d6dee4;*/ } div.table .alinks .alinks-table table ul { list-style: none; text-align: left; margin-left: 35px; font-size: 15px; } div.table .alinks .alinks-table table tbody tr { border-radius: 10px; } div.table .alinks .alinks-table table tbody tr.listing:hover, div.table .alinks .alinks-table table tbody tr.listing:hover + tr.payment-and-availability { background-color: rgba(200,200,200,0.1); } div.table .alinks .alinks-table table tr td:first-child { font-size: 25px; } div.table .alinks .alinks-table table tr td:last-child p { color: #b9b9b9; font-size: 14px; margin-bottom: 0; margin-top: 15px; font-weight: 600; } div.table .alinks .alinks-table table tr td:last-child ul { margin: 0; margin-top: 30px; margin-left: 10px; } div.table .alinks .alinks-table table tr.payment-and-availability td ul span { color: #66666678; font-size: 20px; text-align: center; vertical-align: center; } div.table .alinks .alinks-table table tr td:last-child li { display: inline-block; } div.table .alinks .alinks-table table tr td:last-child img { max-width: 40px; opacity: 0.5; display: inline-block; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); } div.table .alinks .fa:before { vertical-align: -15%; } div.table .alinks .alinks-table table ul li { margin-bottom: 10px; margin-right: 255px; } div.table .alinks .alinks-table table img { max-width: 200px; max-height: 90px; height: auto; width: auto; vertical-align: middle; border-radius: 0; } div.table .alinks .alinks-table table tr:first-child span img { -webkit-filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); } div.table .alinks .alinks-table table tbody tr { outline-offset: -10px; } div.table .alinks .alinks-table table tbody tr:first-child { border-bottom: none; } div.table .alinks .alinks-table table tr.payment-and-availability { border-top: none; } div.table span.number-score { font-size: 30px; text-shadow: 0 2px 4px rgba(1,1,1,.25); } div.table span.score { font-size: 25px; margin-bottom: 5px; } div.table .star-rating + a { color: #666; font-size: 15px; } div.table .alinks-table button.review-link-btn { padding: 20px 40px 20px 0px; margin-top: 15px; } div.table .alinks-table button.review-link-btn:after { padding-top: 16px; } div.table button.review-link-btn { margin-top: 0; margin-right: auto; margin-left: auto; display: block; } div.alinks-table th:nth-child(4), div.alinks-table th:nth-child(5), div.alinks-table th:nth-child(6), div.alinks-table td:nth-child(4), div.alinks-table td:nth-child(5), div.alinks-table td:nth-child(6) { width: 50px; } div.table article.main-div div.main-guide-content div.guide-header-img { position: relative; height: 280px; } div.table article.main-div div.main-guide-content div.guide-header-img h1 { color: white; font-size: 45px; text-align: center; margin-top: 160px; } div.table article.main-div div.main-guide-content div.guide-header-img div { z-index: 1; } div.table article.main-div div.main-guide-content div.guide-header-img img { height: auto; width: auto; max-width: 100%; max-height: 100%; padding-top: 110px; padding-bottom: 20px; margin-right: auto; margin-left: auto; display: block; -webkit-filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); z-index: -1; } div.table article.main-div div.main-guide-content div.guide-header ul { list-style: none; margin-left: 0; padding-left: 0; font-size: 16px; margin-bottom: 50px; } div.table article.main-div div.main-guide-content div.guide-header ul li { padding-left: 0.4em; text-indent: -2.6em; margin-bottom: 20px; color: #bababa; margin-left: 40px; } div.table article.main-div div.main-guide-content div.guide-header ul li:before { padding-right: 15px; content: "\f058"; font: normal normal normal 14px/1 FontAwesome; vertical-align: -16%; font-size: 30px; color: #56ca8d; } div.comments-area { width: 100%; box-shadow: none; position: relative; z-index: 2; overflow: hidden; margin: 0px; } .risk-disclaimer-row { height: auto; min-height: 60px; } div.table .alinks .alinks-table table .risk-disclaimer-row td:last-child p { margin-top: 0; font-weight: 600; } div.table .alinks .alinks-table table tr.payment-and-availability td { padding-bottom: 0; border-left: none; border-right: none; position: relative; top: 0; transform:none; vertical-align:top; } div.table .alinks .alinks-table table tr.payment-and-availability td:nth-child(2) { padding-right: 0; } div.table .alinks .alinks-table table tr.payment-and-availability td div { margin-right: auto; } div.table .alinks .alinks-table table tr.payment-and-availability div { display: block; float: left; } div.table .alinks .alinks-table table tr.payment-and-availability td p { font-size: 14px; color: #b9b9b9; text-align: left; margin-top: 0; margin-bottom: 10px; font-weight: 600; } div.table .alinks .alinks-table table tr.payment-and-availability td:first-child { display: none; } div.table .alinks .alinks-table table tr.payment-and-availability ul.payment li { max-width: 45px; float: left; } div.table .alinks .alinks-table table tr.payment-and-availability ul li { display: inline-block; margin-right: 5px; } div.table .alinks .alinks-table table tr.payment-and-availability ul.availability li { max-width: 28px; } div.table .alinks .alinks-table table tr.payment-and-availability td ul { margin: 0; margin-top: 0; margin-left: 0; color: #666; } div.table .alinks .alinks-table table tr.payment-and-availability ul li img { max-width: 100%; opacity: 0.7; box-shadow: none; } div.table .alinks .alinks-table table tr.payment-and-availability ul.availability li img { -webkit-filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); } div.table .alinks .alinks-table table tr.payment-and-availability ul.payment li img { box-shadow: 0 0px 20px 0 rgba(0,0,0,.1); } div.table .alinks .alinks-table table tr.payment-and-availability ul.payment li:last-child img, div.table .alinks .alinks-table table tr.payment-and-availability ul.availability li:last-child img { box-shadow: none; filter: none; -webkit-filter: none; max-width: 30px; opacity: 0.7; } div.table .alinks .alinks-table table tr ul.availability li:nth-child(n+6) img { opacity: 0.2; } div.table .alinks .alinks-table table tr.payment-and-availability ul.availability li img:hover, div.table .alinks .alinks-table table tr.payment-and-availability ul.payment li img:hover { opacity: 1; } .show-more { display: none; } /*article.main-div div.main-guide-content div.guide-header { width: 100%; padding: 30px; position: relative; overflow: hidden; padding-bottom: 0; }*/ article.main-div div.main-guide-content div.guide-header img { display: block; margin-right: auto; margin-left: auto; width: auto; max-width: 100%; -webkit-filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); filter: drop-shadow(3px 3px 3px rgba(1,1,1,.35)); } article.main-div div.main-guide-content div.guide-header h1 { font-size: 50px; color: white; margin-top: 10px; margin-bottom: 30px; text-align: center; letter-spacing: 2px; word-spacing: 2px; } article.main-div div.main-guide-content div.table-section-box h2 { font-size: 20px; text-align: center; font-weight: 600; margin-top: 10px; margin-bottom: 60px; padding: 0px 15px 0px 15px; } div.guide-overview div:hover, div.review-overview div:hover, div.intro-guide-link:hover, div.compare-guide-link:hover, div.best-guide-link:hover, div.question-guide-link:hover, div.comment-guide-link:hover { cursor: pointer; } div.guide-overview div:hover img, div.review-overview div:hover img { opacity: 0.8; } div.table-container div.guide-icon, div.last-guide-link div.guide-icon { background-repeat: no-repeat; background-position: left center; background-size: contain; background-color: transparent; display: flex; align-items: center; float: left; height: 50px; width: 50px; font-size: 30px; } div.table-container div.guide-icon i, div.last-guide-link div.guide-icon i { margin-right: auto; margin-left: auto; display: inline; } div.table-container div div.guide-btn, div.last-guide-link div.guide-btn{ display: flex; align-items: center; float: left; width: calc(100% - 50px); height: 50px; } article.main-div div.main-guide-content div.guide-sections div.section-box { padding: 0; margin: 0; float: left; width: 100%; background-color: white; border-radius: 10px; margin-top: -15px; } article.main-div div.main-guide-content div.guide-sections div.section-rows { display: inline-block; width: 100%; padding: 55px 45px; } article.main-div div.main-guide-content div.guide-sections div.section-box:nth-child(even) div.section-rows { background-color: rgb(248,248,248); } div.signature-div { margin-bottom: 50px; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); border-radius: 10px; padding: 20px; } div.signature-div blockquote::before { color: rgb(66, 150, 240); font-size: 100px; } div.signature-div blockquote::after { display: none; } div.signature-div blockquote { padding-left: 70px; padding-top: 50px; position: relative; } div.signature-div blockquote p { font-style: italic; } div.signature-div img { max-width: 400px; margin-right: 100px; -webkit-filter: none; filter: none; } .animation-element { opacity: 0; -moz-transition: all 1000ms linear; -webkit-transition: all 1000ms linear; -o-transition: all 1000ms linear; transition: all 1000ms linear; -moz-transform: translate3d(0px, -100px, 0px); -webkit-transform: translate3d(0px, -100px, 0px); -o-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate3d(0px, -100px, 0px); } .animation-element.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } /*.animation-element.slide-left { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); } .animation-element.slide-left.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }*/ article.main-div div.main-guide-content div.guide-sections div:nth-child(odd) div.guide-content { float: left; } article.main-div div.main-guide-content div.guide-sections div:nth-child(even) div.guide-content { float: right; } div.table div.section-box:nth-last-child(2) div.section-rows:after { display: none; } div.table article.main-div div.main-guide-content div.guide-sections div.section-box:nth-last-child(2) div.section-rows { margin-bottom: 0; } article.main-div div.main-guide-content div.guide-sections div div.guide-content { width: 60%; } div.table article.main-div div.main-guide-content div.guide-sections div div.guide-content { width: 100%; } article.main-div div.main-guide-content div.guide-sections div div.guide-content h2 { font-size: 25px; } div.container-box article.main-div div.guide-links h2, div.container-box article.main-div div.guide-sections .questions h2 { font-size: 25px; text-align: center; margin-bottom: 10px; } div.table .table-section-box .questions .row h3 { margin: 0; margin-left: 5px; text-align: left; font-size: 18px; margin-right: 40px; border-bottom: none; padding-bottom: 0; } div.table article.main-div div.main-guide-content div.guide-sections div div.guide-content h2, article div.review-content h2 { font-size: 34px; text-align: center; margin-top: 35px; margin-bottom: 35px; } div.table article.main-div div.main-guide-content div.guide-sections div div.guide-content h2 { font-size: 34px; } div.table article.main-div div.main-guide-content div.guide-sections div div.guide-content p.chapter, div.review div.review-sections p.chapter { text-align: center; font-size: 20px; color: #666; margin-top: 10px; } div.table article.main-div div.main-guide-content div.guide-sections div div.guide-content hr, article div.review-content hr { background-color: rgba(0,0,0,.1); border: 0; height: 1px; margin-bottom: 30px; margin-top: 30px; } div.container-box article.main-div div.guide-links h2 { margin-top: 90px; } /*div.guide-links h4,*/ div.guide-sections .questions h4, div.table .table-section-box h4 { font-size: 18px; text-align: center; margin-bottom: 10px; margin-top: 20px; font-weight: lighter; } div.guide-sections .questions h4, div.table .questions h4, div.table .questions > p, div.table .explore div > p { margin-bottom: 30px; text-align: center; font-size: 18px; } div.table .questions > p, div.table .explore div > p { color: #686a6c; } div.guide-links { float: left; padding-left: 20px; padding-right: 20px; width: 100%; } div.guide-links h3 { text-align: center; } div#guide-links { float: left; width: 100%; } div#guide-links .guide-links, div#guide-links .guide-post-tags { background-color: rgb(248,248,248); } /*div.guide-links table { width: calc(33.3333% - 20px); float: left; margin-top: 20px; margin-right: 10px; margin-left: 10px; box-shadow: 0px 5px 5px #d6dee4; border-collapse: collapse; border-radius: 3px; overflow: hidden; }*/ /*div.guide-links table th { background-color: white; } div.guide-links table th div { height: 135px; margin-right: 15px; margin-left: 15px; position: relative; } div.guide-links table img { max-height: calc(100% - 60px); width: auto; max-width: 100%; margin-top: 50px; margin-right: auto; margin-left: auto; display: block; } div.guide-links table h3 { font-size: 20px; margin-top: 10px; margin-bottom: 20px; } div.guide-links table ul li { font-size: 17px; list-style: none; text-align: center; padding: 10px; }*/ div.guide-links table ul li:nth-child(odd) { background-color: rgb(248,248,248); } div.guide-links table ul li:nth-child(even), div.guide-links table tr:last-child { background-color: white; } /*div.guide-links table td { text-align: center; } div.guide-links table td button.review-link-btn { margin-bottom: 47px; margin-top: 25px; padding: 15px 40px 15px 0px; min-width: 185px; }*/ /*div.guide-links table td p { margin-top: -37px; margin-bottom: 10px; font-size: 17px; }*/ div.section-rows { position: relative; float: left; max-width: 100%; } /*div.section-box:nth-child(odd) div.section-rows { margin-bottom: 55px; } div.section-box:nth-child(even) div.section-rows { margin-bottom: 80px; } div.section-box:nth-child(odd) div.section-rows:after { content: ""; background-color: rgb(248,248,248); height: 100px; transform: skewY(4deg); position: absolute; left: 0; right: 0; bottom: -110px; box-shadow: 0px -3px 3px #d6dee4; } div.section-box:nth-child(even) div.section-rows:after { content: ""; background-color: rgb(248,248,248); height: 100px; transform: skewY(-4deg); position: absolute; left: 0; right: 0; bottom: -55px; box-shadow: 0px 3px 3px #d6dee4; }*/ div.review-overview { font-size: 16px; max-width: 810px; background-color: white; margin-right: auto; margin-left: auto; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); border-radius: 10px; padding-bottom: 20px; overflow: hidden; } div.guide-overview { float: left; } div.guide-overview-first { margin-right: -10px; margin-left: -10px; } div.guide-overview-second { float: none; margin-top: 25px; margin-bottom: 40px; padding-right: 10px; padding-left: 10px; } #guide-css div.guide-overview p { color: black; } div.review-overview { box-shadow: none; padding-top: 15px; } div.guide-overview div, div.review-overview div { width: 33.33%; float: left; text-align: center; padding: 20px; height: 210px; } div.guide-overview div { width: calc(33.33% - 20px); margin-right: 10px; margin-left: 10px; margin-bottom: 20px; border-radius: 10px; height: 220px; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; background-color: white; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); } #guide-css div.guide-overview div:hover, div.review-overview div:hover, #guide-css div.guide-overview div:hover p:nth-child(3) { cursor: pointer; } article.main-div div.main-guide-content div.guide-header div.guide-overview img, div.guide-overview img, div.review-overview img { filter: none; -webkit-filter: none; max-width: 80px; } #guide-css div.guide-overview p.chapter, div.review-overview p.chapter { font-size: 16px; margin-top: 5px; color: #666; } div.container-box div.guide-overview h3, div.container-box div.review-overview h3 { text-align: center; font-size: 22px; margin-top: 25px; margin-bottom: 5px; } div.container-box div.guide-overview h3.overview-title { background: linear-gradient(264deg,rgba(71,74,87,0.8),rgba(29,32,49,0.8)); font-size: 17px; font-weight: normal; margin-top: 10px; margin-bottom: 25px; padding: 15px; width: calc(100% - 20px); margin-right: 10px; margin-left: 10px; border-radius: 10px; } div.container-box div.guide-overview h3.overview-title:hover { cursor: auto; } article.main-div div.main-guide-content div.guide-header .guide-scroll-btn, .overview-title { width: 100%; margin-right: auto; margin-left: auto; display: block; margin-bottom: 20px; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); } article.main-div div.main-guide-content div.guide-header .video-intro-btn { max-width: 650px; } article.main-div div.main-guide-content div.guide-header .guide-scroll-btn:after { transform: rotate(90deg); } /* Chart Page */ #chart-css article.main-div div.main-guide-content div.guide-header-img img { height: 60px; margin-bottom: -15px; margin-right: 20px; display: inline; padding-top: 0px; padding-bottom: 0px; } #chart-css article.main-div h1 { font-size: 35px; text-align: center; margin-top: 140px; margin-bottom: 140px; color: #4d4f5c; text-transform: none; } #chart-css article.main-div div.main-guide-content div.guide-header-img { height: auto; } #chart-css article.main-div div.main-guide-content div.guide-header { overflow: visible; } #chart-css article.main-div div.main-guide-content div.guide-header h2 { font-weight: bold; margin-top: 35px; margin-bottom: 25px; } #chart-css .chart-link, #chart-css .chart-link2 { text-align: center; } #chart-css button.chart-link-btn { margin-right: 10px; margin-left: 10px; min-width: 250px; padding: 20px 40px 20px 0px; } #chart-css .chart-link button.chart-link-btn { font-weight: bold; } #chart-css .chart-link2 button.chart-link-btn { color: black; background-color: #E8E8E8; background-image: none; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); } #chart-css .chart-link button.chart-link-btn:after, #chart-css .chart-link2 button.chart-link-btn:after { padding-top: 16px; } #chart-css .chart-link button.chart-link-btn:after { content: "\F0e7"; } .chart-buttons-div { width: 100%; text-align: center; margin-top: 25px; margin-bottom: 20px; } .chart-and-info { max-width: 1366px; margin: 0 auto; box-shadow: 0 1px 15px -7px rgba(0,0,0,.3); margin-top: -130px; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; } .chart-and-info p { font-size: 12px; padding: 5px; margin-bottom: 0px; margin-top: -5px; margin-right: 0; margin-left: 0; color: gray; text-align: center; border: 1px solid; border-color: #d9dadb; } #chart-css .chart-info-box { display: inline-block; width: 100%; border-radius: none; } /* Chart Page - widget code 1 */ #chart-css .ccpw-container .style-2 .ccpw-card-body { background-color: transparent; box-shadow: none; } #chart-css .ccpw-container .row { margin: 0; } #chart-css .col-md-12 { width: 100%; padding: 0; } #chart-css .price-card .style-2 .name { font-size: 0; } #chart-css .price-card .style-2 .ccpw_icon { display: none; } #chart-css .price-card .ccpw-price { font-size: 25px; margin: 0; padding: 15px; display: none; } #chart-css .price-card .ccpw-price span { font-size: 32px; } #chart-css .price-card .style-2 .name, #chart-css .price-card .style-2 .ccpw-price-changes { display: none; } #chart-css .price-card .ccpw-card-body .name { height: 75px; } #chart-css .price-card .ccpw-card-body { padding: 0; font-size: 15px; border-radius: 0; } #chart-css .price-card .style-2 .market-data { padding: 15px; padding-top: 10px; background-color: white; margin: 0; } #chart-css .price-card .coin-container { margin: 0px; } #chart-css .tradingview-widget-container iframe { min-height: 400px; } #chart-css #widget-container { border: none; border-radius: 0px; } #chart-css #tradingview_4ffac-wrapper { border-radius: 0px; } /* Chart Page - widget code 2 */ #chart-css .price-card .style-4 .live-pricing { background: linear-gradient(264deg,rgba(71,74,87,0.8),rgba(29,32,49,0.8)); color: white; width: 100%; padding: 15px; } #chart-css .price-card .style-4 .live-pricing .live_p { margin-bottom: 5px; } #chart-css .price-card .style-4 .live-pricing .live_p span { font-size: 32px; margin-left: 10px; } #chart-css .price-card .style-4 .live-pricing .live_t { font-size: 12px; background: none; /* color: white;*/ } #chart-css .ccpw_icon, #chart-css .ccpw-name { display: none; } /* Review Page */ article.review-page { /* background-color: rgb(255, 255, 255); box-shadow: 0px 20px 150px #d6dee4; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: calc(100% - 386px); margin-left: 20px; height: 100%; margin-right: 10px; margin-bottom: 20px; float: left;*/ } div.review-top-div, div.review-content-div { box-shadow: 0 1px 15px -7px rgba(0,0,0,.2); border-radius: 10px; margin-left: 20px; height: 100%; margin-right: 10px; margin-bottom: 20px; position: relative; overflow: hidden; } div.review-top-div { float: left; width: calc(100% - 386px); background-color: white; } div.review-content-div { background-color: rgb(255, 255, 255); } div.review-content-div { width: 900px; max-width: 100%; margin-right: auto; margin-left: auto; display: block; } div.review-content-div .row { margin: 0; } article.review-page h1 { font-size: 30px; text-transform: none; } article.review-page div.review-section-box { width: 50%; float: left; padding: 30px 20px 20px 20px; } article.review-page div.review-section-box h1 { margin-left: 0; } article.review-page div.review-section-box h2 { font-size: 18px; font-weight: normal; margin: 20px 0px 20px 0px; } article.review-page div.review-section-box p { text-align: center; margin-top: 20px; } article.review-page div.review-section-box a { font-size: 16px; text-decoration: none; border-bottom: 1px solid rgb(43,116,184); padding-bottom: 5px; color: rgb(43,116,184); } article.review-page div.review-section-box:first-child div div { margin-right: auto; margin-left: auto; width: auto; } article.review-page div.review-section-box:first-child div { height: auto; width: 100%; margin-bottom: 10px; } article.review-page div.review-section-box:nth-child(2) { padding-left: 50px; padding-right: 50px; } article.wide div.review-section-box:first-child { margin-top: 15px; padding-left: 50px; } article.tall div.review-section-box:nth-child(3) { margin-top: 25px; } article.review-page div.review-section-box img { width: auto; height: auto; max-width:240px; max-height: 140px; margin-right: auto; margin-left: auto; display: block; margin-top: 20px; } article.company-page div.review-section-box img { max-height: 125px; margin-bottom: 20px; } article.review-page div.review-section-btn { width: 100%; float: left; margin-bottom: 25px; } article.review-page div.review-section-btn div { width: 50%; float: left; } article.review-page div.review-section-btn div:first-child div { float: right; margin-right: 15px; width: auto; } article.review-page div.review-section-btn div:nth-child(2) button.review-link-btn { float: left; margin-left: 15px; } article.review-page div.review-section-btn button:first-child { float: right; margin-bottom: 20px; z-index: 1; } article.review-page button.click-btn-2 { color: black; background-color: #E8E8E8; background-image: none; box-shadow: 0px 1px 28px -7px rgb(0 0 0 / 30%); } article.review-page div.review-section-btn button a { text-decoration: none; color:white; } article.review-page div.review-section-btn button a:hover { opacity: 1; } p.click-btn-inline button { margin-top: 15px; margin-bottom: 5px; font-size: 17px; color: white; padding: 15px 30px; border: none; cursor: pointer; border-radius: 10px; text-shadow: 0 1px 2px rgba(1,1,1,.10); width: 100%; text-transform: uppercase; overflow: hidden; } p.click-btn-inline a { color: white; text-decoration: none; } p.click-btn-inline a:hover { opacity: 1; } p.click-btn-inline { text-align: center; } p.click-btn-inline button:hover { opacity: 0.8; } div.navigation-container-review div.review-icon i { margin-right: auto; margin-left: auto; display: inline; } article.review-page div.review-sections div.review-content div, article.main-div div.main-guide-content div.guide-content div { overflow: auto; } article.review-page div.review-sections div.review-content div .row, article.review-page div.review-sections div.review-content div .mySlides { overflow: hidden; } article.review-page div.review-sections div.review-content { padding: 60px 45px 60px 45px; } article.review-page div.section-rows-last div.review-content { padding-top: 0; } article.review-page div.review-sections div.review-content img { width: 100%; height: auto; } article.review-page div.review-sections .section-box:nth-child(even) div { background-color: rgb(248,248,248); } article.review-page div.review-sections div.section-rows-last { float: left; padding-bottom: 0; width: 100%; background-color: white; } article.review-page div.review-sections div#review-last { background-color: rgb(248,248,248); } article.review-page div.review-sections div.section-rows-last h2 { text-align: center; margin-bottom: 40px; margin-top: 0; padding-top: 100px; } article.review-page div.review-sections div.section-rows-last div.section-click-last { height: 100px; width: 100%; float: left; margin-bottom: 30px; } article.review-page div.review-sections div.section-rows-last div.section-click-last button, article.review-page div.review-sections div.section-rows-last div.section-click-last a { margin-right: auto; margin-left: auto; display: block; width: 250px; text-decoration: none; } article.review-page div.review-sections div.section-rows-last .overlay { position: relative; border-radius: 3px; overflow: hidden; } article.review-page div.review-sections div.section-rows-last .overlay:after { position: absolute; content:""; top:0; left:0; width:100%; height:100%; opacity:0; background-color: black; opacity: 0.4; } article.review-page .pros-cons { float: left; margin-bottom: 30px; } article.review-page .fa:before { vertical-align: -10%; } article.review-page .review-alert, article.review-page .review-pros-cons { width: calc(100% - 386px); float: left; margin-left: 20px; margin-bottom: 20px; margin-right: 10px; box-shadow: 0 1px 15px -7px rgba(0,0,0,.2); border-radius: 10px; overflow: hidden; font-size: 16px; } article.review-page .review-pros-cons .pros-cons { float: left; margin: 30px 20px 30px 20px; width: 100%; } article.review-page .pros-cons .pros, article.review-page .pros-cons .cons { float: left; width: 50%; } article.review-page .pros-cons .pros { border-right: 1px solid #D0D0D0; } article.review-page .pros-cons div.pros ul { padding-left: 100px; padding-right: 50px; padding-top: 10px; background-color: transparent; color: black; } article.review-page .review-pros-cons .pros-cons div.pros ul { padding-left: 30px; } article.review-page .pros-cons div.cons ul { padding-left: 60px; padding-right: 50px; padding-top: 10px; background-color: transparent; color: black; } article.review-page .pros-cons li { margin-bottom: 15px; list-style: none; margin-left: 15px; line-height: 1.5em; } .pros i { color: #56ca8d; font-size: 25px; margin-left: -35px; margin-right: 15px; } article.review-page .pros-cons .cons i { color: rgb(227,106,102); font-size: 25px; margin-left: -35px; margin-right: 15px; text-shadow: 1px 1px 1px rgb(200,200,200); } article.main-div div.guide-content table, article.main-div div.table-intro table, article.review-page table, body.single-press table { width: 100%; font-size: 16px; border-collapse: collapse; table-layout: inherit; overflow: hidden; border-radius: 10px; margin-top: 10px; margin-bottom: 20px; } article.main-div div.guide-content div.min-width-auto table, article.main-div div.table-intro div.min-width-auto table { min-width: auto; } article.review-page table th, article.main-div div.guide-content th, article.main-div div.table-intro th, body.single-press table th { font-weight: bold; text-align: left; color: #275f81; background-color: #e8f5ff; padding: 15px; } article.main-div div.guide-content td, article.main-div div.table-intro td, article.review-page table td, body.single-press table td { padding: 15px; } article.main-div div.guide-content table tr:nth-child(odd), article.main-div div.table-intro table tr:nth-child(odd), article.review-page table tr:nth-child(odd), body.single-press table tr:nth-child(odd) { background-color: #f8fcff; } article.main-div div.guide-content table tr:nth-child(even), article.main-div div.table-intro table tr:nth-child(even), article.review-page table tr:nth-child(even), body.single-press table tr:nth-child(even) { background-color: white; } div.guide-content blockquote, article.review-page blockquote { display: inline-block; width: 100%; height: auto; background: #fff; padding: 25px 60px 25px 65px; margin: 30px 0px 40px 0px; position: relative; color: #666; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); border-radius: 10px; text-align: center; } div.guide-content blockquote p, article.review-page blockquote p { margin: 0; } blockquote::before{ content: "“"; height: 40px; font-size: 60px; font-family: Georgia, serif; font-weight: bold; color: #999; position: absolute; left: 10px; top:10px; } blockquote::after{ content: "”"; height: 40px; font-size: 60px; font-family: Georgia, serif; font-weight: bold; color: #999; position: absolute; right: 10px; bottom:10px; } article.review-page iframe { margin-top: 20px; margin-bottom: 25px; } div#review-container-intro { width: 1300px; max-width: 100%; margin: 0 auto; position: relative; } div#review-container-overview { width: 100%; display: inline-block; background-color: white; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); margin-top: 10px; margin-bottom: 30px; } div.table article.main-div div.main-guide-content div.guide-header div.table-intro-box { background: linear-gradient(264deg,#1b2032c7,#1b2032); padding-top: 150px; padding-bottom: 50px; box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.3); width: 100%; border-radius: 0; margin-bottom: 30px; } #guide-css article.main-div div.main-guide-content div.guide-header div.table-intro { max-width: 900px; margin-right: auto; margin-left: auto; } div.table article.main-div div.main-guide-content div.guide-header div.table-intro { width: 100%; } #guide-css h3.title-intro { text-align: center; font-weight: bolder; word-spacing: 2px; padding:0; border-bottom: none; font-size: 22px; } div.table-intro .youtube-video iframe { max-width: 100%; width: 650px; height: 365px; margin-left: auto; margin-right: auto; display: block; } div.second-container-box div.related-container { width: calc(100% - 30px); margin-bottom: 70px; padding-right: 50px; padding-left: 50px; padding-top: 10px; margin-top: -30px; } /* Image gallery */ .row { margin-right: 70px; margin-left: 70px; } .row > .column { margin: 8px; } .row:after { content: ""; display: table; clear: both; } .column { float: left; width: calc(25% - 16px); } .column:hover, p.click-btn-inline button:hover { cursor: pointer; } .column img { width: 100%; height: auto; margin-right: auto; margin-left: auto; display: block; cursor: pointer; } /* The Modal (background) */ .modal { display: none; position: fixed; z-index: 999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8); } /* Modal Content */ .modal-content { position: relative; margin: auto; padding: 0; width: 90%; max-width: 1200px; } /* The Close Button */ .close { color: white; position: absolute; top: 25px; right: 100px; font-size: 50px; font-weight: bold; } .close:hover, .close:focus { color: #999; text-decoration: none; cursor: pointer; } .mySlides { display: none; } /* Next & previous buttons */ article.review-page div.review-sections div.section-rows-last .prev, article.review-page div.review-sections div.section-rows-last .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 30px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; width: 100px; padding: 35px; } /* Position the "next button" to the right */ article.review-page div.review-sections div.section-rows-last .next { right: 0; border-radius: 3px 0 0 3px; padding-left: 50px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; top: 0; } .caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; } img.demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } img.hover-shadow { transition: 0.3s } .hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) } /* Star rating */ .score { display: inline-block; font-family: Wingdings; font-size: 35px; color: #ccc; position: relative; } .score::before, .score::after { content: "\2605\2605\2605\2605\2605"; display: block; } .score::after { color: gold; position: absolute; top: 0; left: 0; overflow: hidden; } .score.s0::after { width: 0%; } .score.s1::after { width: 10%; } .score.s2::after { width: 20%; } .score.s3::after { width: 30%; } .score.s4::after { width: 40%; } .score.s5::after { width: 50%; } .score.s6::after { width: 60%; } .score.s7::after { width: 70%; } .score.s8::after { width: 80%; } .score.s9::after { width: 90%; } .score.s10::after { width: 100%; } div.wide article.main-div div.main-guide-content div.guide-sections div div.guide-image, div.wide article.main-div div.main-guide-content div.guide-sections div div.guide-content { width: 100%; } div.wide article.main-div div.main-guide-content div.guide-sections div div.guide-content { padding: 20px 0px 30px 0px; } /* Questions collapsible content */ article.review-page div.review-sections div.section-rows-last button.accordion, button.accordion { width: 100%; position: relative; } article.review-page div.review-sections div.section-rows-last .questions h2 { margin-bottom: 20px; } article div.review-content button.accordion h3, div.container-box button.accordion h3, div#comparisontable .table-section-box .questions .row h3 { margin: 0; font-size: 18px; margin-right: 40px; margin-top: 3px; margin-left: 20px; border-bottom: none; padding-bottom: 0; float: left; text-align: left; } article div.review-content .questions > p { text-align: center; margin-bottom: 30px; } div.guide-sections .questions { margin-bottom: 80px; } .questions p { font-size: 16px; } section.questions div{ overflow: hidden; } section.questions div:first-of-type { border-top-left-radius: 10px; border-top-right-radius: 10px; } section.questions div:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 20px 25px 20px 25px; border: none; text-align: left; outline: none; font-size: 25px; font-weight: bold; transition: 0.4s; box-shadow: 0 1px 15px -7px rgba(0,0,0,.1); } .row:last-child .accordion { border-bottom: none; } .active, .accordion:hover { background-color: #ccc; } .panel { padding: 0 25px; background-color: white; max-height: 0; overflow: hidden; transition:0.4s; } section.questions div .panel ul li:after, section.questions div .panel ol li:after { content:none; } .panel ul, .panel ol { width: 100%; margin-bottom: 20px; padding-left: 10px; } .panel ul li, .panel ol li { line-height: 1.65em; margin-bottom: 10px; font-size: 16px; position: relative; margin-left: 20px; } div.review-sidebar .panel ul, div.review-sidebar .panel ol { float: left; list-style: none; margin-top: 20px; margin-bottom: 20px; font-size: 16px; } div.review-sidebar .panel ul { margin-left: 10px; } div.review-sidebar .panel ul li { width: 50%; line-height: 2em; float: left; margin-left: 0px; } div.review-sidebar .panel ol li { display: inline-block; margin-right: 2px; margin-bottom: 15px; } .panel ol li:after { content:", "; } .panel p:first-child { margin-top: 15px; } .accordion:after { font-family: "FontAwesome"; content: '\f106'; position: absolute; right: 25px; } .active:after { font-family: "FontAwesome"; content: '\f107'; } div.review-content-div .screenshots .row { margin-right: 60px; margin-left: 60px; } /* Responsive code */ @media only screen and (max-width: 1265px) { div.newsletter-container div.subscribe-container div.subscribe-content { padding: 45px 50px 30px 50px; } header.site-header div.primarily-header nav ul li a { padding: 34px 15px 34px 15px; } div.guide-links table { width: calc(100% - 20px); float: none; margin-right: auto; margin-left: auto; max-width: 400px; } div.table article.main-div div.main-guide-content div.guide-sections div.section-box { padding-top: 0; } div.table .alinks .alinks-table th:nth-child(4), div.table .alinks .alinks-table th:nth-child(5), div.table .alinks .alinks-table th:nth-child(6), div.table .alinks .alinks-table td:nth-child(4), div.table .alinks .alinks-table td:nth-child(5), div.table .alinks .alinks-table td:nth-child(6) { display: none; } div.table .alinks .alinks-table tr.payment-and-availability td:nth-child(3), div.table .alinks .alinks-table tr.payment-and-availability td:nth-child(4) { display: none; } div.table .alinks .alinks-table table tr.payment-and-availability td:last-child, div.table .alinks .alinks-table tr.payment-and-availability td { display: block; width: 50%; float: left; } div.table .alinks .alinks-table table tr.payment-and-availability td:nth-child(2) { padding-right: 20px; } div.table .alinks .alinks-table table tr td:last-child p, div.table .alinks .alinks-table table tr.payment-and-availability td p { color:#666; } } @media only screen and (max-width: 1233px) { .language-dropdown { position: relative; top:0; right: 0; height: auto; float: left; width: 100%; padding-top: 30px; padding-bottom: 30px; } .language-dropdown .dropdown-content { position: relative; top:0; width: 100%; background-color: transparent; box-shadow: none; border:none; visibility: visible; opacity: 1; margin-top: 0; } .language-dropdown a { background-position: 80px 50%; color: white; font-size: 15px; padding-left: 125px; border-bottom: 2px solid rgba(0,0,0,.05); } .language-dropdown a:first-child { border-top: 2px solid rgba(0,0,0,.05); } .language-dropdown #dropbtn { box-shadow: none; background-position: 40px 50%; padding-left: 50px; width: 100%; text-align: left; padding-bottom: 50px; } .language-dropdown .language-name { display: block; padding-left: 35px; color: white; font-size: 15px; margin-top: 10px; font-weight: bold; letter-spacing: 1px; } header.site-header .menu-primary-menu-container { float: left; height: auto; width: 100%; overflow: hidden; } header.site-header { height: 60px; } header.site-header div.primarily-header { height: 60px; } header.site-header div.primarily-header div.site-btns span.search-btn { display: none; } header.site-header div.primarily-header div.logo-container { margin-left: 15px; } header.site-header div.primarily-header div.logo-container a img { max-height: 60px; margin-top: 0; padding: 10px 0px; } header.site-header div.primarily-header nav { background-color: rgba(45,45,45,0.85); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); width: 100%; height: 100%; right: 0; position: fixed; top: 60px; padding-bottom: 58px; right: -1300px; z-index: 999; border-top: 1px solid gray; } header.site-header div.primarily-header nav ul#menu-primary-menu { margin-left: 0; width: 100%; overflow-y: scroll; /* position: absolute; height: 1300px;*/ padding-top: 20px; } header.site-header div.primarily-header nav ul li { width: 100%; } header.site-header div.primarily-header nav ul li a{ padding: 15px; padding-left: 30px; color: white; font-size: 15px; } header.site-header div.primarily-header nav ul ul li a { padding-left: 50px; font-size: 13px; } header.site-header div.primarily-header nav ul li ul li:hover a { background: none; } .language-dropdown a:hover { background-color: transparent; } /* header.site-header div.primarily-header nav li:first-child ul.sub-menu, header.site-header div.primarily-header nav li:nth-child(2) ul.sub-menu, header.site-header div.primarily-header nav li:nth-child(3) ul.sub-menu { display: none; }*/ header.site-header div.primarily-header nav ul li ul { visibility: visible; opacity: 1; margin-top: 0; } header.site-header div.primarily-header nav ul.sub-menu li:last-child > a { display: block; color: white!important; } header.site-header div.primarily-header nav ul ul li a { color:white; border-bottom: 2px solid rgba(0,0,0,.05); } header.site-header div.primarily-header nav ul ul li:first-child a { border-top: 2px solid rgba(0,0,0,.05); } header.site-header div.primarily-header nav ul ul { position: relative; display: block; background: none; position: relative; top: 0; box-shadow: none; border: none; width: 100%; margin:0; } /* header.site-header div.primarily-header nav ul li:hover > ul{ display: none; }*/ header.site-header div.primarily-header nav ul ul li a:hover { background-color: none; } header.site-header div.search-container { top:60px; display: none; } header.site-header div.primarily-header div.site-btns span.nav-btn { display: block; float: right; padding-top: 15px; font-size: 22px; } header.site-header div.primarily-header div.site-btns span.nav-btn { margin-right: 0px; padding-right: 40px; } article.main-div div.main-guide-content div.guide-sections div div.guide-content { width: 100%; } article.main-div div.main-guide-content div.guide-sections div:nth-child(even) div.guide-content, article.main-div div.main-guide-content div.guide-sections div:nth-child(odd) div.guide-content { float: left; padding: 30px 0px; } section.questions div, .row, div.review-content-div .screenshots .row, div#comparisontable section.questions div { margin-right: 0px; margin-left: 0px; } div.table-section-box section.questions div { margin-right: 20px; margin-left: 20px; max-width: 1233px; } .close { right: 60px; } div.start-div { width: calc(33.33% - 5px); } nav.site-nav { overflow-x:hidden; } body > div.container-box { padding-top: 80px; } body > div.table { padding-top: 0; } .tabs { min-height: 2200px; } .tab { float: none; margin-right: 0; } .tab label { display: block; } .content { top: 300px; } [type=radio]:checked ~ label { border: 1px solid #ccc; } .tab .content .content-row { height: 600px; } .tab .content .content-row .content-item-1 { width: 100%; border-right: none; border-bottom: 1px solid rgb(234, 234, 234); height: 200px; } .tab .content .content-row .content-item-2 { width: 100%; border-right: none; border-bottom: 1px solid rgb(234, 234, 234); height: auto; } .tab .content .content-row .content-item-3 { width: 100%; height: 200px; } .tab .content .content-row .content-item-1 div { height: 200px; } .tab .content .content-row .content-item-1 img { max-height: calc(100% - 110px); max-width: calc(100% - 20px); margin: 20px; } .tab .content .content-row .content-item-2 ul { padding: 20px; } .tab .content .content-row .content-item-2 ul li { text-align: center; } .tab .content .content-row .content-item-3 button { margin-top: 50px; } div.newsletter-container div.subscribe-container div.subscribe-img { width: 100%; text-align:center; padding-top: 0; height: 350px; } div#share-content div.subscribe-container div.subscribe-img { height: 300px; } div.newsletter-container div.subscribe-container div.subscribe-img img { margin-left: 0; } div.slot-item-list { width: 33.333333333%; } div#focus-home-page div.focus-page { width: 100%; } div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p { text-align: center; } div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody { padding: 30px; } div#subscribe-content-scn .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal { padding-bottom: 30px; } div#subscribe-content-scn .ml-form-embedContainer { height: auto; width: 100% !important; } /* div.table article.main-div div.main-guide-content div.guide-header { padding-top: 15px; }*/ div.info-header h1 { padding-top: 150px; } div#share-content div.subscribe-container div.subscribe-img img, div.newsletter-container div.subscribe-container div.subscribe-img img { margin-left: auto; margin-right: auto; display: block; margin-top: 0; clear: both; float: none; } div#share-content div.subscribe-container h4, div#share-content div.subscribe-container #subscribe-content-scn h5, div.newsletter-container div.subscribe-container h4, div.newsletter-container div.subscribe-container #subscribe-content-scn h5:first-child { margin-left: 30px; margin-right: 30px; text-align: center; clear: both; float: none; } div.newsletter-container div.subscribe-container #subscribe-content-scn { margin-top: 120px; } div.table .explore .explore-div, div.table .compare .compare-div { width: calc(33.33% - 60px); margin-right: 30px; margin-left: 30px; } div.table article.main-div div.main-guide-content div.guide-header-img img { padding-top: 90px; } #chart-css article.main-div h1 { margin-top: 130px; } .switch-country div { padding-top: 100px; } div#crypto-header h1 { margin-top: 70px; } div.table article.main-div div.main-guide-content div.guide-header div.table-intro-box { padding-top: 80px; } #signup-header h1 { margin-top: 110px; } .compare-button { height: 40px; top: 10px; right: 100px; font-weight: 600; padding: 10px 22px 10px 22px; font-size: 13px; } } @media screen and (max-width: 1050px) { li.comment div.comment-body { padding-right: 0px; padding-left: 80px; } li.comment div.comment-body div.comment-avatar img.avatar { width: 60px; } div.slot-item-list div.slot-meta span.score { font-size: 30px; } article.review-page .pros-cons div.pros { padding-left: 0px; padding-right: 45px; } article.review-page .pros-cons div.cons { padding-left: 45px; } article.review-page div.review-section-btn div:first-child div { margin-right: 10px; } article.review-page div.review-section-btn div:nth-child(2) button.review-link-btn { margin-left: 10px; } div.site-conversion-box table { margin-top: 50px; } div.site-conversion-box table td:first-child, div.site-conversion-box table td:nth-child(2), div.site-conversion-box table td:nth-child(3) { width: 100%; display: inline-block; padding-top: 5px; padding-bottom: 5px; } div.site-conversion-box table h4, div.site-conversion-box table p { text-align: center; } div.site-conversion-box img, div.site-conversion-box button.review-link-btn { display: block; margin-right: auto; margin-left:auto; } .cmc_coin_details li:nth-of-type(1), .cmc_coin_details li { width: 33.33%; padding: 10px; float: left; } .cmc_coin_details li:first-child, .cmc_coin_details li:nth-of-type(1) { padding-left: 0; } .cmc_coin_details li:nth-child(4) { padding-right: 0; } .signup-div div, .advertise-div-1 div { width: auto; } .advertise-div-1 div:first-child { display: none; } .advertise-div-1 div:last-child { max-width: 410px; padding: 20px; padding-top: 30px; margin-left: auto; margin-right: auto; display: block; float: none; clear: both; margin: none; } .advertise-div-1 div img { /*margin-right: 0; position: absolute; margin-top: -85px; max-width: 350px;*/ display: none; } .advertise-div-2 div table { width: calc(100% - 80px); margin-right: 40px; margin-left: 40px; margin-bottom: 50px; } div.table-best-site-bottom .pros { width: 550px; margin-right: auto; margin-left: auto; margin-bottom: 40px; margin-top: 40px; padding-left: 50px; } div.table-best-site-bottom div.site-conversion-box table td:nth-child(2) { padding-left: 20px; } .signup-div div img { margin-right: 10px; margin-left: 30px; max-width: 250px; } .signup-form .ml-field-group { width: 100%; } .signup-form .ml-field-group input, .signup-form button.primary { width: 500px; margin-right: auto; margin-left: auto; display: block; } .signup-form .ml-field-group input { margin-top: 0; margin-bottom: 0px; } .signup-form .ml-field-group:nth-child(2) input { margin-bottom: 25px; } .progress-bar { margin-top: 40px; } .signup-list { padding-bottom: 40px; } #signup-header h1 { font-size: 50px; } #signup-header h2 { font-size: 25px; } .signup-download-page button.signup-download { margin-top: 70px; } #signup-footer > div, .signup-footer > div { width: 100%; } } @media screen and (min-width: 960px) { header.display-none-header { visibility: visible; opacity: 1; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; transition: all 1000ms; transform: translateY(-100px); -webkit-transform: translateY(-100px); } .show-navigation-desktop { visibility: visible; opacity: 1; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; transition: all 1000ms; /* transform: translateY(100px); -webkit-transform: translateY(100px);*/ } } @media screen and (max-width: 960px) { .show-navigation-mobile { visibility: visible; opacity: 1; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; transition: all 1000ms; /* transform: translateY(100px); -webkit-transform: translateY(100px);*/ } article.review-page, article.main-div, .single-news .comments-area, div.review-bottom-section .comments-area, div.table .guide-sections, div.table article.main-div div.main-guide-content div.guide-header > div, div.newsletter-container div.subscribe-container, div.review-bottom-section div.newsletter-container div.subscribe-container, div.related-container, div.review-bottom-section div.related-container, div.table .table-section-box .questions, div.table div.discussion-container, .signup-footer, div.table .table-related-guides .related-container, div.table-related-guides > div, div.table #share-content > div { width: 100%; max-width: 100%; } div.single-news article.main-div { margin-right: 0; margin-left: 0; } div.single-news div.newsletter-container div.subscribe-container, div.single-news div.related-container, div.single-news div.discussion-container { margin-right: 20px; margin-left: 20px; } div.side-bar, div.navigation-container-review { display: none; } article.review-page div.side-bar { display: block; width: 100%; margin-left: 0; margin-right: 0; } div.newsletter-container div.subscribe-container, div.review-bottom-section div.newsletter-container div.subscribe-container, div.related-container, div.review-bottom-section div.related-container, div.single-news div.discussion-container { width: calc(100% - 40px); } div.review-bottom-section div.discussion-container { width: calc(100% - 40px); } footer.site-footer div.footer-div-1 { width: 100%; } footer.site-footer div.footer-div-2, footer.site-footer div.footer-div-3 { width: 50%; margin-top: 30px; } footer.site-footer div.footer-div-1 > div, footer.site-footer div.footer-div-2 > div, footer.site-footer div.footer-div-3 > div { width: auto; padding: 0; } footer.site-footer div.footer-about-us, footer.site-footer div.international-sites { width: 50%; float: left; margin: 0; } footer.site-footer div.footer-div-2, footer.site-footer div.footer-div-3, footer.site-footer div.footer-about-us, footer.site-footer div.international-sites { padding-left: 100px; } footer.site-footer ul#menu-footer-menu { padding-left: 0; } div.slot-item-list div.slot-meta span.score { font-size: 35px; } .modal { padding-top: 200px; } .close { top:125px; } .cryptos-link-div img { display: none; } button.review-link-btn, button.guide-scroll-btn button.guide-link-btn { margin-top: 13px; } .return-to-top-button { right: 20px; bottom: 20px; } article.review-page .review-alert, div.review-top-div, article.review-page .review-pros-cons, div.review-content-div { width: 100%; margin-left: 0; } div.table article.main-div div.main-guide-content div.guide-header h1 span, div.table article.main-div div.main-guide-content div.guide-header div.guide-header h2 { font-size: 20px; } div#review-sidebar { position: relative; } div.review-sidebar .panel ul, div.review-sidebar .panel ol { padding-top: 10px; padding-bottom: 10px; } div.review-sidebar .panel p:first-child { padding-top: 10px; } div.review-sidebar .panel p:last-child { padding-bottom: 10px; } div.table .alinks .alinks-table > div { margin-top: -155px; } div.table .alinks .alinks-table table tbody td { border: 1px solid #ddd; } div.table .alinks .alinks-table table tr:not(.payment-and-availability):first-child td:first-child { background: none; color: white; } div.table .alinks .alinks-table table tr:not(.payment-and-availability) td:first-child { position: absolute; width: 0; height: 0; padding: 0; border: none; border-top: 60px solid #ddd; border-right: 60px solid transparent; color: black; font-size: 20px; } div.table .alinks .alinks-table table tr { margin-bottom: 20px; } div.table .alinks .alinks-table table thead tr { margin-bottom: 10px; } div.table .alinks .alinks-table table tr.risk-disclaimer-row td:first-child { border-right: none; border-top: none; position: relative; width: 100%; padding-top: 0px; height: auto; margin-top: -30px; } div.table .alinks .alinks-table table tr td:first-child span { position: absolute; top: -55px; left: 10px; } div.table .alinks .alinks-table table tr:first-child td:first-child span, div.table .alinks .alinks-table table tr:nth-child(2) td:first-child span, div.table .alinks .alinks-table table tr:nth-child(3) td:first-child span { top: -50px; } div.table .alinks .alinks-table table tr:first-child span img { -webkit-filter: none; filter: none; } div.table .alinks .alinks-table table th:first-child { display: none; } div.table .alinks .alinks-table table td:nth-last-child(2), div.table .alinks .alinks-table table td:nth-last-child(1) { width: 50%; float: left; } div.table .alinks .alinks-table table td:nth-last-child(2) { border: none; border-left: 1px solid #ddd; padding-left: 20px; } div.table .alinks .alinks-table table td:nth-last-child(1) { width: 100%; } div.table .alinks .alinks-table table th:nth-last-child(1) { display: none; } div.table .alinks-table button.review-link-btn { width: 100%; } div.table .alinks .alinks-table table td:nth-child(2) { width: 100%; float: left; border-top-right-radius: 10px; border-top-left-radius: 10px; overflow: hidden; } div.table .alinks .alinks-table table td:nth-child(3) { width: 50%; float: left; border: none; padding-top: 45px; } div.table .alinks .alinks-table table th:nth-child(3), div.table .alinks .alinks-table table th:nth-last-child(2) { display: none; } div.table .alinks-table button.review-link-btn { padding-right: 20px; } div.table .alinks .alinks-table table th span { display: inline-block; margin-right: 4px; } div.show-more:nth-child(2) { padding-bottom: 30px; } div.container-box article.main-div .gold, div.table article.main-div div.main-guide-content div.table-section-box h2 { margin-top: 0px; margin-bottom: 90px; padding-top: 60px; } div.table .alinks .alinks-table table td { padding: 40px 15px; } div.table .alinks .alinks-table table thead { font-size: 18px; } div.table .compare, div.table .explore { padding-left: 40px; padding-right: 40px; } div.table .compare .compare-div, div.table .explore .explore-div { width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 15px; } #signup-footer .signup-footer-left, #signup-footer .signup-footer-right, .signup-footer .signup-footer-left, .signup-footer .signup-footer-right { width: 100%; padding-left: 30px; padding-right: 30px; } #signup-footer .signup-footer-left .signup-img, .signup-footer .signup-footer-left .signup-img { float: none; clear: both; margin-right: auto; margin-left: auto; } #signup-footer-header h4 { font-size: 40px; } #signup-footer .signup-footer-right .progress-bar, .signup-footer .signup-footer-right .progress-bar { width: calc(100% - 100px); margin-right: 50px; margin-left: 50px; } .display-none-2, .display-none-2 + .risk-disclaimer-row { display: none; } div.show-more { display: block; padding-top: 30px; } .page-scroll-indicator { top:0; } .single div.table .questions, div.discussion-container, div.table #share-content .subscribe-container { margin-bottom: 40px; } div.table .alinks .alinks-table table thead tr th:nth-child(2) { border-top-left-radius: 10px; border-top-right-radius: 10px; min-width: 250px; margin-left: auto; margin-right: auto; display: block; } div.table .alinks .alinks-table table td:first-child { border-top-left-radius: 0; border-bottom-left-radius:0; } div.table .alinks .alinks-table table td:last-child { border-top-right-radius: 0; } div.table .alinks .alinks-table table td:last-child { border-bottom-left-radius:10px; border: none; /*border-top: 1px solid #ddd;*/ } div.table .alinks .alinks-table table td:nth-child(8) { padding-top: 0; padding-bottom: 25px; } div.table .alinks .alinks-table table td:nth-child(2) { border: none; border-bottom: 1px solid #ddd; } div.table .alinks .alinks-table table tr.payment-and-availability { margin-top: -10px; } div.table .alinks .alinks-table table tr.payment-and-availability td { width: 100%; padding-right: 20px; padding-left: 20px; padding-bottom: 10px; padding-top: 20px; float: left; } div.table .alinks .alinks-table table tr.payment-and-availability td ul { padding-left: 20px; padding-right: 20px; } div.table .alinks .alinks-table table tr.payment-and-availability td div.payment-show-mobile { display: block; } div.table .alinks .alinks-table table tr.payment-and-availability td:last-child { display: none; } div.table .alinks .alinks-table table tr.payment-and-availability td:first-child { display: block; } div.table .alinks .alinks-table table tr.payment-and-availability td:nth-child(2) { border-top-left-radius: 0px; border-top-right-radius: 0px; padding-right: 20px; } div.table .alinks .alinks-table table tr.payment-and-availability td:nth-last-child(2) { border-top: 0; border-bottom: 0; } div.table .alinks .alinks-table table { table-layout: fixed; } div.table .alinks .alinks-table table ul li { margin-right: 0; } div.table .alinks .alinks-table table td:last-child { position: relative; right: 0; transform:none; } div.table .alinks .alinks-table table td:nth-child(3) { position: relative; } div.table .alinks .alinks-table table tr td { min-width: 0; } div.table .alinks .alinks-table table tbody tr:first-child { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } div.table .alinks .alinks-table table tr.payment-and-availability { border-top: none; border-top-right-radius: 0; border-top-left-radius: 0; } div.table .alinks .alinks-table table tr.risk-disclaimer-row { top: 0; } div.table .alinks .alinks-table table .risk-disclaimer-row td:last-child p { margin-top: 20px; } div#crypto-header h1 { font-size: 30px; } div#crypto-header h2 { font-size: 20px; } .featured-company-logos img { width: calc(33.33% - 40px); } .Yesshow-top-three .display-none-2 { display: none !important; } .Yesshow-top-three div.show-more { display: block; } div#focus-home-page { padding-top: 120px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; } div#focus-home-page div.focus-page { position: relative; width: 350px; max-width: 100%; margin-left: auto; margin-right: auto; } div#focus-home-page div.focus-page > div:first-child, div#focus-home-page div.focus-page > div:nth-child(2) { width: 100%; } div#focus-home-page div.focus-page h1 { font-size: 30px; } div#focus-home-page div.focus-page h2 { font-size: 18px; } .guide-link-container { z-index: 105; } } @media screen and (max-width: 800px) { article.review-page .pros-cons .pros ul { border-bottom: 1px solid #D0D0D0; padding-bottom: 20px; border-radius: 0; } article.review-page .review-pros-cons .pros-cons, article.review-page .pros-cons { height: 100%; width: 100%; float: left; margin-right: 0; margin-left: 0; } article.review-page .pros-cons div.pros, article.review-page .pros-cons div.cons { border-right: none; padding:0; width: 100%; } article.review-page .pros-cons div.pros ul, article.review-page .pros-cons div.cons ul { margin-right: auto; margin-left: auto; padding-left: 50px; } article.review-page .panel .pros-cons div.pros ul, article.review-page .panel .pros-cons div.cons ul { width: 100%; margin: 0; padding-left: 30px; } article.review-page .review-pros-cons div.cons { margin-top: 30px; } .column { float: none; display: inline-block; width: calc(50% - 18px); } article.review-page .review-pros-cons .pros-cons div.pros { padding-left: 0; } .progress-bar { width: auto; margin-right: 50px; margin-left: 50px; } div.newsletter-container div.subscribe-container #subscribe-content-scn .progress-bar { margin-right: 30px; margin-left: 30px; } .signup-div div { width: 100%; } .signup-div div img { float: none; margin-right: auto; margin-left: auto; display: block; } .signup-list { padding-left: 15%; } .signup-download-page button.signup-download { width: calc(100% - 40px); margin-bottom: 50px; margin-top: 15px; } .signup-download-page .signup-list { padding-top: 0px; padding-bottom: 20px; } } @media screen and (max-width: 768px) { div.slot-item-list { width: 50%; } div.related-container div.slot-item-list { width: 100% } div.comments-area input#author, div.comments-area input#email, div.comments-area input#url { width: 100%; } div.start-div { width: calc(50% - 5px); } div.second-container-box div.related-container { padding-right: 25px; padding-left: 25px; } } @media screen and (max-width: 750px) { footer.site-footer div.footer-div-2, footer.site-footer div.footer-div-3, footer.site-footer div.footer-about-us, footer.site-footer div.international-sites { padding-left: 50px; } .cmc_coin_details li:nth-of-type(1), .cmc_coin_details li, .cmc_coin_details li:last-child, .cmc_coin_details li:nth-child(4) { width: 50%; padding: 10px; } /* .cmc_coin_details li:first-child, .cmc_coin_details li:nth-child(3), .cmc_coin_details li:nth-child(5) { padding-left: 0; } .cmc_coin_details li:nth-child(3) { padding-right: 10px; } .cmc_coin_details li:nth-child(4) { padding-left: 10px; } .cmc_coin_details li:nth-child(2), .cmc_coin_details li:nth-child(4) { padding-right: 0; }*/ article.cryptoprice-content { padding-left: 0; padding-right: 0; } span.twitter-typeahead input.typeahead { width: calc(100% - 10px); margin-left: 8px; } .cmc_price_conversion select { margin-left: 8px; } div.table .prices div[id*=cmc_].dataTables_wrapper { min-height: auto; } div.table div.guide-sections-container div.guide-overview-second { box-shadow: 0px 1px 28px -7px rgba(0,0,0,0.2); } div.table article.main-div div.main-guide-content div.guide-header > div { padding-bottom: 0; } #chart-css article.main-div div.main-guide-content div.guide-header > div { padding-bottom: 40px; } div.guide-overview-second div, div.review-overview div { width: 50%; margin: 0; border-radius: 0; box-shadow: none; } div.guide-overview-first div { width: calc(50% - 20px); } div.guide-overview-second { background-color: white; padding-top: 20px; } div.table article.main-div div.main-guide-content div.guide-header div.table-intro-box { padding-bottom: 0; } div.table-intro iframe { margin-bottom: 30px; } div.signature-div { margin-top: -40px; margin-left: -45px; margin-right: -45px; } .prices div.show-more-posts { padding-top: 70px; } button.country-link-btn, button.country-link-btn-stay { margin-left: 0; margin-right: 0; } } @media screen and (max-width: 615px) { footer.site-footer div.footer-div-1, footer.site-footer div.footer-div-2, footer.site-footer div.footer-div-3, footer.site-footer div.footer-about-us, footer.site-footer div.international-sites { width: 100%; padding: 0; } footer.site-footer div.international-sites { margin-top: 30px; } footer.site-footer div.footer-div-1, footer.site-footer div.footer-div-2, footer.site-footer div.footer-div-3, footer.site-footer div.disclaimer-box { padding-right: 40px; padding-left: 40px; } footer .disclaimer { padding: 0; } footer.site-footer div.current-language h4 { display: block; width: 260px; margin-bottom: 30px; } footer .footer-icons img { display: block; margin-right: auto; margin-left: auto; } article.review-page div.review-section-box { width: 100%; } article.wide div.review-section-box:first-child { padding-left: 20px; } article.review-page div.review-section-box:nth-child(2) { width: calc(100% - 40px); border-top: 1px solid #D0D0D0; margin-right: 20px; margin-left: 20px; padding-left: 0px; padding-right: 0px; padding-bottom: 30px; } article.company-page div.review-section-box:nth-child(2) { padding-bottom: 0; } article.review-page div.review-section-box img { max-width: 100%; padding-right: 20px; padding-left: 20px; } article.review-page div.review-section-box h1, article.review-page div.review-section-box h2 { text-align: center; } article.review-page div.review-section-box .star-rating { margin-right: auto; margin-left: auto; width: 180px; margin-top: 10px; } article.review-page div.review-section-btn div:first-child div { width: 100%; margin: 0; } article.review-page div.review-section-btn div { width: 100%; } article.review-page div.review-section-btn button:first-child { float: none; } article.review-page div.review-section-btn button, article.review-page div.review-section-btn div:nth-child(2) button.review-link-btn { float: none; display: block; margin: 0 auto; } article.review-page .review-section-btn .btn-under-text { margin-top: 10px; } article.review-page div.review-section-btn { margin-bottom: 50px; } .tabs { min-height: 2350px; } .tab .content .content-row { height: 650px; } .tab .content .content-row .content-item-2 ul li { text-align: left; margin-left: 40px; } #guide-css article.main-div h3.title-intro { font-size: 18px; } div.table article.main-div div.main-guide-content div.guide-header h1 span, div.table article.main-div div.main-guide-content div.guide-header h2, #chart-css article.main-div div.main-guide-content div.guide-header h3 { font-size: 20px; } div.table article.main-div div.main-guide-content div.guide-header h1 { margin-top: 10px; } div.table div.container-box article.main-div h2 { margin-bottom: 20px; } article div.review-content button.accordion h3, div.container-box button.accordion h3 { margin-left: 0; } .accordion:after { margin-right: 0; } .advertise-div-2 div table { width: calc(100% - 40px); margin-right: 20px; margin-left: 20px; } article.company-page div.review-section-box img { margin-bottom: 0; } div.table-best-site-bottom .pros { width: 100%; padding-left: 10px; padding-right: 10px; } .signup-list { padding-left: 25px; } .signup-form .ml-field-group input { width: 100%; margin-right: 0; margin-left: 0; } .signup-form button.primary { width: 100%; } div.table article.main-div div.main-guide-content div.guide-sections div div.guide-content h2, div.container-box article.main-div .questions > h3, article.main-div div.main-guide-content div.guide-header h1, div.container-box article.main-div .explore div > h2, div.discussion-container h4, div.related-container h4, article div.review-content h2 { font-size: 25px; } div.table article.main-div div.main-guide-content div.guide-header h1 { font-size: 30px; } div.container-box article.main-div h3 { font-size: 22px; } div.container-box article.main-div .gold span, div.table article.main-div div.main-guide-content div.table-section-box h2 span, div.container-box article.main-div h4, article.main-div div.main-guide-content div.guide-sections div div.guide-content h2, article.main-div div.main-guide-content div.table-section-box h2 { font-size: 20px; } div.container-box article.main-div .gold, div.table article.main-div div.main-guide-content div.table-section-box h2 { font-size: 27px; } div.container-box article.main-div section.questions div h3 { font-size: 18px; } div.guide-sections .questions h4, div.table .questions h4, div.table .questions > p, div.table .explore div > p { font-size: 15px; } div.newsletter-container div.subscribe-container h4, #signup-footer-header h4 { font-size: 30px; margin-right: 20px; margin-left: 20px; padding-right:0; padding-left: 0; } div.newsletter-container div.subscribe-container #subscribe-content-scn h5:first-child { font-size: 20px; font-weight: bold; margin-right: 20px; margin-left: 20px; } div.newsletter-container div.subscribe-container #subscribe-content-scn h5:nth-child(2), #signup-footer-header h5 { margin-right: 20px; margin-left: 20px; line-height: 1.6em; padding-left: 0; padding-right: 0; } div.newsletter-container div.subscribe-container #subscribe-content-scn button.signup-download { width: calc(100% - 40px); margin-right: 20px; margin-left: 20px; font-size: 18px; } #signup-footer .signup-footer-right button, .signup-footer .signup-footer-right button { width: calc(100% - 40px); font-size: 18px; } div.newsletter-container #subscribe-content-scn button.signup-download:after, #signup-footer .signup-footer-right button:after, .signup-footer .signup-footer-right button:after { font-size: 20px; } div.newsletter-container div.subscribe-container #subscribe-content-scn .progress-bar { margin-left: 20px; margin-right: 20px; width: calc(100% - 40px); } footer .footer-container .trustpilot { margin-top: 120px; } footer .footer-container .trustpilot > div { max-width: 300px; } footer .footer-container .trustpilot img { width: 100%; float: right; } footer .footer-container .trustpilot img:first-child { /*margin-bottom: -250px;*/ } footer .footer-container .trustpilot img:nth-child(2) { margin-top: -280px; } } @media screen and (max-width: 570px) { div.start-div { width: calc(100% - 5px); } div.guide-links table { max-width: 100%; } div.guide-links table img { max-width: 100%; padding-left: 10px; padding-right: 10px; } div.container-box article.main-div h1 { font-size: 25px; } div.article-title-image { height: 400px; } div.article-meta { padding: 150px 30px 30px; } article.review-page div.review-content content div.checks ul li { width: 100%; } div.table .alinks .alinks-table table td:nth-child(3), div.table .alinks .alinks-table table td:nth-last-child(2) { width: 100%; } div.table .alinks .alinks-table table td:nth-child(3) { padding-top: 20px; } div.table .alinks .alinks-table table td:nth-last-child(2) { border-left: 0; border-top: 1px solid #ddd; } div.table .alinks .alinks-table table tr.listing ul { width: 265px; max-width: 100%; margin: 0 auto; padding-left: 45px; } div.table .alinks .alinks-table table tr:first-child ul { padding-left: 30px; } .advertise-div-1 ul li { font-size: 18px; } div.info-header h1 { font-size: 29px; } #signup-header h1 { font-size: 35px; margin-top: 100px; } #signup-header h2 { font-size: 20px; } .signup-div ul li { font-size: 18px; } .signup-list { padding-bottom: 15px; } #signup-footer .signup-footer-right .progress-bar, #signup-footer .signup-footer-right button, .signup-footer .signup-footer-right .progress-bar, .signup-footer .signup-footer-right button { width: 100%; margin-right: 0; margin-left: 0; } div#cryptop-header h1 { padding-top: 110px; font-size: 27px; } div#crypto-header h2 { font-size: 20px; } #cryptoprice { margin-top: 30px; padding-top: 10px; } #comparisontable { margin-top: 110px; } article.cryptoprice-content div#before-expand-content { height: 150px; } article.cryptoprice-content div#expand-content { margin-top: -67px; font-size: 18px; padding-top: 25px; } article.review-page .review-alert { padding-top: 85px; padding-left: 30px; margin-right: 30px; } div.yellow-alert, div.red-alert { padding-left: 20px; padding-right: 20px; padding-top: 85px; } article.review-page .review-alert:after, div.red-alert:after, div.yellow-alert:after { position: absolute; top: 20px; left: 45%; } div.review-overview div { padding: 10px; height: 240px; } div.guide-overview div { height: 240px; padding: 10px; } div.table .alinks .alinks-table table td:nth-child(3) { padding-bottom: 25px; } div.table .alinks .alinks-table table td:nth-last-child(2) { padding-top: 30px; padding-bottom: 30px; } } @media screen and (max-width: 490px) { header.site-header div.primarily-header div.site-btns span.nav-btn { margin-right: 0px; padding-right: 25px; } header.site-header div.primarily-header div.logo-container { margin-left: 10px; } div.container-box div.error-page h1 { font-size: 35px; margin-top:50px; } div.container-box div.error-page h3 { font-size: 20px; } div.container-box div.error-page form { margin-bottom: 50px; } div.container-box div.error-page form, header.site-header form { width: 320px; } div.container-box div.error-page form input, header.site-header form input { width: 210px; font-size: 14px; margin-left: 10px; } div.container-box div.error-page form input[type=submit], header.site-header form input[type=submit] { width: 80px; font-size: 14px; margin-left: 5px; } div.table article.main-div div.main-guide-content div.guide-sections div div.guide-content { padding-right: 0; padding-left: 0; } div.slot-item-list { width: 100%; } .compare-button { right: 70px; font-size: 11px; height: 35px; padding: 9px 20px 9px 20px; top: 12px; } .info-content div.wpcf7 input.wpcf7-submit { width: 100%; } article.review-page .pros-cons div.pros ul, article.review-page .pros-cons div.cons ul { padding-left: 20px; } .row { margin-right: 20px; margin-left: 20px; } .score { margin-bottom: 15px; } .tab .content .content-row .content-item-2 ul li { margin-left: 0px; } div.table-section-box section.questions div { margin-right: 0; margin-left: 0; } #chart-css article.main-div h1 { font-size: 28px; margin-bottom: 130px; margin-top: 110px; } #chart-css article.main-div div.main-guide-content div.guide-header-img img { height: 40px; margin-bottom: -10px; } #chart-css .price-card .style-4 .live-pricing .live_p span { font-size: 25px; } #chart-css .tradingview-widget-container iframe { min-height: 350px; } article.main-div div.main-guide-content div.guide-sections div.section-rows, div.table article.main-div div.main-guide-content div.guide-header > div, article.review-page div.review-sections div.review-content { padding-left: 20px; padding-right: 20px; } div.signature-div { margin-right: -20px; margin-left: -20px; } div.guide-overview-first { background-color: white; margin-right: -20px; margin-left: -20px; padding-top: 30px; } div.guide-overview-first div { box-shadow: none; } div.guide-overview-second { margin-right: 0; margin-left: 0; } div.table .questions, div.related-container, div.discussion-container { padding-left: 30px; padding-right: 30px; } div.slot-item-list { padding-left: 0px; padding-right: 0px; } .featured-company-logos img { width: calc(50% - 40px); } article.main-div div.guide-header ol, article div.main-content ul, article div.main-content ol, article div.guide-content ul, article div.guide-content ol, article div.review-content ul, article div.review-content ol, article.cryptoprice-content ul, article.cryptoprice-content ol { padding-left: 40px; } } @media screen and (max-width: 420px) { article.review-page .pros-cons div.pros ul, article.review-page .pros-cons div.cons ul { width: 100%; } .row { margin-right: 0px; margin-left: 0px; } body > div.container-box { padding-top: 60px; } #chart-css article.main-div h1 { margin-top: 35px; } div.table article.main-div div.main-guide-content div.guide-header-img { height: auto; } div.table article.main-div div.main-guide-content div.guide-header-img img { padding: 10px 10px; max-height: 180px; } #chart-css article.main-div div.main-guide-content div.guide-header-img img { margin-right: 10px; } .tabs { min-height: 2500px; } .tab .content .content-row { height: 700px; } div.table-best-site-bottom .pros { padding-left: 0; padding-right: 0; } .table div.table article.main-div div.main-guide-content div.guide-header > div { padding: 20px 45px; } div.table .alinks .alinks-table table ul { width: 100%; } div.table .alinks .alinks-table table tr.payment-and-availability td { padding-left: 15px; padding-right: 15px; } div.table article.main-div div.main-guide-content div.guide-header div.table-intro-box { padding-top: 40px; } iframe[src^="https://www.youtube.com"] { height: 200px; } div#focus-home-page { padding-top: 60px; } } @media screen and (max-width: 400px) { div.table .questions, div.table .explore, div.table .prices, div.table .alinks { margin-bottom: 40px; } div.table div.guide-sections-container div.guide-overview-second { margin-top: 0; } div.table .top-div { margin-bottom: 0; margin-top: 0; } header.site-header div.primarily-header div.logo-container a img { max-height: 55px; margin-top: 2.5px; } } @media screen and (max-width: 370px) { .tabs { min-height: 2560px; } .tab .content .content-row { height: 720px; } .compare-button { right: 50px; } header.site-header div.primarily-header div.site-btns span.nav-btn { padding-right: 15px; padding-left: 15px; } article.main-div div.main-guide-content div.guide-header img { max-width: 270px; } .signup-form .ml-field-group input, button.signup-download { min-width: 250px; } } @media screen and (max-width: 350px) { div.table .alinks .alinks-table table ul { padding-left: 35px; } button.guide-scroll-btn, button.guide-link-btn { font-size: 15px; } div.submit-your-company button.submit-company { padding-right: 65px; padding-left: 20px; } .advertise-div-2 div table { width: calc(100% - 40px); margin-right: 20px; margin-left: 20px; } div.newsletter-container div.subscribe-container h4, #signup-footer-header h4 { font-size: 26px; } div.table article.main-div div.main-guide-content div.guide-header-img img { max-width: 300px; } div.table .alinks .alinks-table table tr span img { max-width: 50px; } div.guide-overview div { height: 250px; } header.site-header div.primarily-header div.logo-container a img { max-height: 40px; margin-top: 10px; padding: 5px 0; } }